fix(pie-chip): DSW-000 hover and active styles are applied for disabl…

…ed state (#1348)
justeattakeaway · Mar 26, 2024 · 782cd23 · 782cd23
1 parent 8ccb401
commit 782cd23
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/twenty-pianos-invent.md b/.changeset/twenty-pianos-invent.md
@@ -0,0 +1,5 @@
+---
+"@justeattakeaway/pie-chip": minor
+---
+
+[Fixed] - active and hover styles are applied with the component is disabled
diff --git a/packages/components/pie-chip/src/chip.scss b/packages/components/pie-chip/src/chip.scss
@@ -1,7 +1,7 @@
 @use '@justeattakeaway/pie-css/scss' as p;
 
 @mixin chip-interactive-states($bg-color, $mode: 'default') {
-    &:hover:not(:disabled) {
+    &:hover:not([disabled]) {
         @if $mode == 'inverse' {
             --hover-modifier: var(--dt-color-hover-02);
         } @else {
@@ -16,8 +16,8 @@
         }
     }
 
-    &:active:not(:disabled),
-    &[isLoading]:not(:disabled) {
+    &:active:not([disabled]),
+    &[isLoading]:not([disabled]) {
         @if $mode == 'inverse' {
             --active-modifier: var(--dt-color-active-02);
         } @else {