From 6dde8d76be21ac8230f6695e13a38b270ca4f5cf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Aliz=C3=A9=20Debray?= Date: Fri, 3 May 2024 17:11:11 +0200 Subject: [PATCH] fix(styles): add focus ring to checkbox and radio button groups --- .changeset/two-mails-flow.md | 5 +++++ packages/styles/src/components/button-group.scss | 5 +---- 2 files changed, 6 insertions(+), 4 deletions(-) create mode 100644 .changeset/two-mails-flow.md diff --git a/.changeset/two-mails-flow.md b/.changeset/two-mails-flow.md new file mode 100644 index 0000000000..47a89e61c9 --- /dev/null +++ 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 index bfa8109af6..9c0397a6b8 100644 --- 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'); }