add :active state to any interactive chip

Telefonica · Dec 19, 2024 · 8dabbd4 · 8dabbd4
1 parent 27ee630
commit 8dabbd4
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/chip.css.ts b/src/chip.css.ts
@@ -91,7 +91,7 @@ export const interactiveChipOverlay = style([
         backgroundColor: 'transparent',
         transition: 'background-color 0.1s ease-in-out',
         selectors: {
-            [`${button}:active &`]: {
+            [`${interactive}:active &`]: {
                 backgroundColor: vars.colors.backgroundContainerPressed,
             },
         },
@@ -101,7 +101,7 @@ export const interactiveChipOverlay = style([
                     [`${interactive}:hover &`]: {
                         backgroundColor: vars.colors.backgroundContainerHover,
                     },
-                    [`${button}:active &`]: {
+                    [`${interactive}:active &`]: {
                         backgroundColor: vars.colors.backgroundContainerPressed,
                     },
                 },