From de4419804b40b507b14c565d4eda0103f72de920 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Stamatovi=C4=87?= <stamat@github.com>
Date: Mon, 2 Dec 2024 19:00:59 +0000
Subject: [PATCH] Button should have an outline in high contrast themes

---
 packages/react/src/Button/Button.module.css | 14 --------------
 1 file changed, 14 deletions(-)

diff --git a/packages/react/src/Button/Button.module.css b/packages/react/src/Button/Button.module.css
index a5179e90d..3373c25e7 100644
--- 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;