fix(styles): add focus ring to checkbox and radio button groups

swisspost · May 3, 2024 · 6dde8d7 · 6dde8d7
1 parent 179f493
commit 6dde8d7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/.changeset/two-mails-flow.md b/.changeset/two-mails-flow.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Added missing focus ring on checkbox and radio button groups.
diff --git a/packages/styles/src/components/button-group.scss b/packages/styles/src/components/button-group.scss
@@ -52,8 +52,5 @@
   position: absolute;
   clip: rect(0, 0, 0, 0);
   pointer-events: none;
-
-  &:is(:focus-visible, :focus-within, .pretend-focus) + .btn {
-    outline: forms.$input-focus-outline-thickness solid var(--post-contrast-color);
-  }
+  @include utilities.focus-style('+ .btn');
 }