fix(iconbutton): fix HCM disabled opacity and outlined

PiperOrigin-RevId: 565089379
material-components · Sep 13, 2023 · 1163315 · 1163315
1 parent fe79d2a
commit 1163315
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/iconbutton/internal/_outlined-icon-button.scss b/iconbutton/internal/_outlined-icon-button.scss
@@ -162,16 +162,20 @@
   }
 
   @media (forced-colors: active) {
+    :host([disabled]) {
+      --_disabled-outline-opacity: 1;
+    }
+
     // Selected button in HCM has an outline.
     .selected {
       &::before {
-        border-color: var(--_outline-color);
+        border-color: CanvasText;
         border-width: var(--_outline-width);
       }
 
       &:disabled::before {
-        border-color: var(--_disabled-outline-color);
-        opacity: var(--_disabled-outline-opacity);
+        border-color: GrayText;
+        opacity: 1;
       }
     }
   }

diff --git a/iconbutton/internal/_shared.scss b/iconbutton/internal/_shared.scss
@@ -109,4 +109,10 @@
   :host([touch-target='none']) .touch {
     display: none;
   }
+
+  @media (forced-colors: active) {
+    :host([disabled]) {
+      --_disabled-icon-opacity: 1;
+    }
+  }
 }