Button should have an outline in high contrast themes

primer · Dec 2, 2024 · de44198 · de44198
1 parent 35e5b80
commit de44198
Showing 1 changed file with 0 additions and 14 deletions.
diff --git a/packages/react/src/Button/Button.module.css b/packages/react/src/Button/Button.module.css
@@ -197,24 +197,10 @@
 }
 
 @media (forced-colors: active) {
-  .Button--primary,
-  .Button--secondary,
-  .Button--disabled:hover {
-    outline: var(--brand-borderWidth-thick) solid transparent;
-    outline-offset: 2px;
-  }
-
   .Button--disabled {
     outline-color: GrayText;
   }
 
-  /* Retains focus indicator when in "Windows High Contrast Mode". */
-  .Button:focus:not(.Button--disabled[disabled]) {
-    outline: var(--brand-borderWidth-thick) solid;
-    outline-color: var(--brand-color-focus);
-    outline-offset: 2px;
-  }
-
   /* Indicates disabled state in WHCM */
   .Button--label.Button-label--disabled {
     color: GrayText;