6234/segmented control focus (keystonejs#6235)

* update segmented control focus styles to exclude external bounding element * changeset
Nikitoring · Sep 14, 2021 · 0e8e399 · 0e8e399
1 parent a09f8d5
commit 0e8e399
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/.changeset/proud-impalas-flash.md b/.changeset/proud-impalas-flash.md
@@ -0,0 +1,5 @@
+---
+'@keystone-ui/segmented-control': patch
+---
+
+Fixed segmented-control focus style.
diff --git a/design-system/packages/segmented-control/src/SegmentedControl.tsx b/design-system/packages/segmented-control/src/SegmentedControl.tsx
@@ -124,10 +124,6 @@ export const SegmentedControl = ({
       <Root
         css={css`
           border: 1px solid #e1e5e9;
-          &:focus-within {
-            box-shadow: 0 0 0 2px #bfdbfe;
-            border: 1px solid #166bff;
-          }
         `}
         fill={fill}
         size={size}