Merge pull request #2783 from SUI-Components/radioButton-focus-visible

feat(components/atom/radioButton): add focus-visible
SUI-Components · Nov 28, 2024 · 7f39d45 · 7f39d45
2 parents 215cffa + 8db094c
commit 7f39d45
Show file tree

Hide file tree

Showing 2 changed files with 227 additions and 100 deletions.
diff --git a/components/atom/radioButton/src/styles/index.scss b/components/atom/radioButton/src/styles/index.scss
@@ -31,4 +31,8 @@ $base-class: '.sui-AtomRadioButton';
     border-color: $bc-atom-radiobutton-disabled;
     cursor: not-allowed;
   }
+
+  &:focus-visible {
+    outline: 2px solid transparentize($c-primary, 0.6);
+  }
 }