chore(styles): cherry pick of #3753 for v7

swisspost · Nov 12, 2024 · 36277c6 · 36277c6
1 parent d19012f
commit 36277c6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/.changeset/honest-fans-agree.md b/.changeset/honest-fans-agree.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Fixed issue where the focus ring was not appearing on inactive chips.
diff --git a/packages/styles/src/components/chip.scss b/packages/styles/src/components/chip.scss
@@ -48,6 +48,11 @@
 .chip-filter {
   display: inline-block;
 
+  @include utilities.focus-style() {
+    border-radius: chip.$chip-border-radius;
+    width: fit-content;
+  }
+
   &-label {
     @include chip-mx.chip-styles();
     cursor: pointer;
@@ -101,12 +106,6 @@
             text-decoration-color: initial;
           }
         }
-
-        @include utilities.focus-style('+ .chip-filter-label') {
-          > .chip-text {
-            text-decoration-color: transparent;
-          }
-        }
       }
     }