fix(table): post review changes

kronostechnologies · Jul 15, 2024 · 84fa5bc · 84fa5bc
1 parent 829e809
commit 84fa5bc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/react/src/components/table/table-header.tsx b/packages/react/src/components/table/table-header.tsx
@@ -28,7 +28,7 @@ const SortButton = styled.button<{ $textAlign: string }>`
     font: inherit;
     text-align: ${({ $textAlign }) => $textAlign};
 
-    ${focus}
+    ${({ theme }) => focus({ theme }, { focusType: 'focus-visible', insideOnly: true })};
 `;
 
 interface StyledHeaderProps {

diff --git a/packages/react/src/components/table/table.test.tsx.snap b/packages/react/src/components/table/table.test.tsx.snap
@@ -1970,9 +1970,9 @@ exports[`Table has sorting styles 1`] = `
   outline-offset: -2px;
 }
 
-.c4:focus {
-  box-shadow: 0 0 0 2px #006296;
-  outline: 2px solid #84C6EA;
+.c4:focus-visible {
+  box-shadow: 0 0 0 0 transparent;
+  outline: 2px solid #006296;
   outline-offset: -2px;
 }