feat(button): thread state keys through theme config

PiperOrigin-RevId: 355646329

Author: allan-chen

packages/mdc-button/_button-filled-theme.scss

@@ -26,11 +26,20 @@
 
 $light-theme: (
   container-color: primary,
+  container-hover-color: null,
+  container-focus-color: null,
+  container-pressed-color: null,
   container-disabled-color: button-shared-theme.$disabled-container-color,
   density: button-shared-theme.$density-scale,
   icon-color: null,
+  icon-hover-color: null,
+  icon-focus-color: null,
+  icon-pressed-color: null,
   icon-disabled-color: null,
   label-color: on-primary,
+  label-hover-color: null,
+  label-focus-color: null,
+  label-pressed-color: null,
   label-disabled-color: button-shared-theme.$disabled-ink-color,
   ripple-color: on-primary,
   ripple-opacity: null,

packages/mdc-button/_button-outlined-theme.scss

@@ -38,14 +38,26 @@ $outline-color: rgba(theme-color.prop-value(on-surface), 0.12) !default;
 
 $light-theme: (
   container-color: transparent,
+  container-hover-color: null,
+  container-focus-color: null,
+  container-pressed-color: null,
   container-disabled-color: transparent,
   density: button-shared-theme.$density-scale,
   icon-color: null,
+  icon-hover-color: null,
+  icon-focus-color: null,
+  icon-pressed-color: null,
   icon-disabled-color: null,
   label-color: primary,
+  label-hover-color: null,
+  label-focus-color: null,
+  label-pressed-color: null,
   label-disabled-color: button-shared-theme.$disabled-ink-color,
   outline-width: $outlined-border-width,
   outline-color: $outline-color,
+  outline-hover-color: null,
+  outline-focus-color: null,
+  outline-pressed-color: null,
   outline-disabled-color: button-shared-theme.$disabled-container-color,
   ripple-color: primary,
   ripple-opacity: null,
@@ -61,6 +73,9 @@ $light-theme: (
   @include outline-color(
     (
       default: map.get($theme, outline-color),
+      hover: map.get($theme, outline-hover-color),
+      focus: map.get($theme, outline-focus-color),
+      pressed: map.get($theme, outline-pressed-color),
       disabled: map.get($theme, outline-disabled-color),
     ),
     $query: $query

packages/mdc-button/_button-protected-theme.scss

@@ -26,11 +26,20 @@
 
 $light-theme: (
   container-color: primary,
+  container-hover-color: null,
+  container-focus-color: null,
+  container-pressed-color: null,
   container-disabled-color: button-shared-theme.$disabled-container-color,
   density: button-shared-theme.$density-scale,
   icon-color: null,
+  icon-hover-color: null,
+  icon-focus-color: null,
+  icon-pressed-color: null,
   icon-disabled-color: null,
   label-color: on-primary,
+  label-hover-color: null,
+  label-focus-color: null,
+  label-pressed-color: null,
   label-disabled-color: button-shared-theme.$disabled-ink-color,
   ripple-color: on-primary,
   ripple-opacity: null,

packages/mdc-button/_button-shared-theme.scss

@@ -63,6 +63,9 @@ $disabled-container-color: rgba(
   @include container-fill-color(
     (
       default: map.get($theme, container-color),
+      hover: map.get($theme, container-hover-color),
+      focus: map.get($theme, container-focus-color),
+      pressed: map.get($theme, container-pressed-color),
       disabled: map.get($theme, container-disabled-color),
     ),
     $query: $query
@@ -71,6 +74,9 @@ $disabled-container-color: rgba(
   @include ink-color(
     (
       default: map.get($theme, label-color),
+      hover: map.get($theme, label-hover-color),
+      focus: map.get($theme, label-focus-color),
+      pressed: map.get($theme, label-pressed-color),
       disabled: map.get($theme, label-disabled-color),
     ),
     $query: $query
@@ -79,6 +85,9 @@ $disabled-container-color: rgba(
   @include icon-color(
     (
       default: map.get($theme, icon-color),
+      hover: map.get($theme, icon-hover-color),
+      focus: map.get($theme, icon-focus-color),
+      pressed: map.get($theme, icon-pressed-color),
       disabled: map.get($theme, icon-disabled-color),
     ),
     $query: $query

packages/mdc-button/_button-text-theme.scss

@@ -25,11 +25,20 @@
 
 $light-theme: (
   container-color: transparent,
+  container-hover-color: null,
+  container-focus-color: null,
+  container-pressed-color: null,
   container-disabled-color: transparent,
   density: button-shared-theme.$density-scale,
   icon-color: null,
+  icon-hover-color: null,
+  icon-focus-color: null,
+  icon-pressed-color: null,
   icon-disabled-color: null,
   label-color: primary,
+  label-hover-color: null,
+  label-focus-color: null,
+  label-pressed-color: null,
   label-disabled-color: button-shared-theme.$disabled-ink-color,
   ripple-color: primary,
   ripple-opacity: null,