Merge pull request #1396 from artsy/DIA-791-audit-and-remove-polyfill…

…s-that-are-no-longer-needed--2 fix: moves focus-visible styling into global styles
artsy · Aug 26, 2024 · 7630ef1 · 7630ef1
2 parents 72edec6 + cfaa12e
commit 7630ef1
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/palette/src/helpers/injectGlobalStyles.tsx b/packages/palette/src/helpers/injectGlobalStyles.tsx
@@ -19,6 +19,14 @@ export function injectGlobalStyles<P>(
       box-sizing: inherit;
     }
 
+    &:focus {
+      outline: 0;
+    }
+
+    &:focus-visible {
+      outline: 1px solid ${themeGet("colors.blue100")};
+    }
+
     ::selection {
       background-color: ${themeGet("colors.blue15")};
       color: ${themeGet("colors.black100")};