feat(switch): add disabled icon opacity tokens

PiperOrigin-RevId: 530925315
material-components · May 10, 2023 · 61550d2 · 61550d2
1 parent ae9fc76
commit 61550d2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 13 deletions.
diff --git a/switch/lib/_icon.scss b/switch/lib/_icon.scss
@@ -44,23 +44,25 @@ $_easing-standard: map.get($_md-sys-motion, easing-standard);
     transform: rotate(-45deg);
   }
 
-  .switch--selected .icon {
+  .icon--on {
     width: var(--_selected-icon-size);
     height: var(--_selected-icon-size);
     fill: var(--_selected-icon-color);
   }
 
-  .switch--unselected .icon {
+  .icon--off {
     width: var(--_unselected-icon-size);
     height: var(--_unselected-icon-size);
     fill: var(--_unselected-icon-color);
   }
 
-  .switch--selected:disabled .icon {
+  .switch--selected:disabled .icon--on {
     fill: var(--_disabled-selected-icon-color);
+    opacity: var(--_disabled-selected-icon-opacity);
   }
 
-  .switch--unselected:disabled .icon {
+  .switch--unselected:disabled .icon--off {
     fill: var(--_disabled-unselected-icon-color);
+    opacity: var(--_disabled-unselected-icon-opacity);
   }
 }
diff --git a/switch/lib/_switch.scss b/switch/lib/_switch.scss
@@ -205,15 +205,6 @@ $_forced-colors-theme: (
       (
         color-key: disabled-unselected-track-outline-color,
         opacity-key: disabled-track-opacity
-      ),
-      // Disabled Icon
-      (
-          color-key: disabled-selected-icon-color,
-          opacity-key: disabled-selected-icon-opacity
-        ),
-      (
-        color-key: disabled-unselected-icon-color,
-        opacity-key: disabled-unselected-icon-opacity
       )
     )
   );