@material/web 1.0.0-pre.14 → 1.0.0-pre.16

package/tokens/_md-comp-outlined-icon-button.scss

@@ -17,12 +17,20 @@ $supported-tokens: (
   'container-size',
   'disabled-icon-color',
   'disabled-icon-opacity',
+  'disabled-outline-color',
+  'disabled-outline-opacity',
   'disabled-selected-container-color',
   'disabled-selected-container-opacity',
-  'disabled-unselected-outline-color',
-  'disabled-unselected-outline-opacity',
+  'focus-icon-color',
+  'hover-icon-color',
+  'hover-state-layer-color',
   'hover-state-layer-opacity',
+  'icon-color',
   'icon-size',
+  'outline-color',
+  'outline-width',
+  'pressed-icon-color',
+  'pressed-state-layer-color',
   'pressed-state-layer-opacity',
   'selected-container-color',
   'selected-focus-icon-color',
@@ -31,22 +39,14 @@ $supported-tokens: (
   'selected-icon-color',
   'selected-pressed-icon-color',
   'selected-pressed-state-layer-color',
-  'unselected-focus-icon-color',
-  'unselected-hover-icon-color',
-  'unselected-hover-state-layer-color',
-  'unselected-icon-color',
-  'unselected-outline-color',
-  'unselected-outline-width',
-  'unselected-pressed-icon-color',
-  'unselected-pressed-state-layer-color',
   // go/keep-sorted end
 );
 
 $unsupported-tokens: (
   // go/keep-sorted start
+  'focus-state-layer-color',
   'focus-state-layer-opacity',
   'selected-focus-state-layer-color',
-  'unselected-focus-state-layer-color',
   // go/keep-sorted end
 );
 
@@ -60,7 +60,21 @@ $_default: (
   $tokens: values.validate(
     md-comp-outlined-icon-button.values($deps, $exclude-hardcoded-values),
     $supported-tokens: $supported-tokens,
-    $unsupported-tokens: $unsupported-tokens
+    $unsupported-tokens: $unsupported-tokens,
+    $renamed-tokens: (
+      // TODO(b/292244480): remove default unselected prefix
+      'disabled-unselected-outline-color': 'disabled-outline-color',
+      'disabled-unselected-outline-opacity': 'disabled-outline-opacity',
+      'unselected-focus-icon-color': 'focus-icon-color',
+      'unselected-hover-icon-color': 'hover-icon-color',
+      'unselected-hover-state-layer-color': 'hover-state-layer-color',
+      'unselected-icon-color': 'icon-color',
+      'unselected-outline-color': 'outline-color',
+      'unselected-outline-width': 'outline-width',
+      'unselected-pressed-icon-color': 'pressed-icon-color',
+      'unselected-pressed-state-layer-color': 'pressed-state-layer-color',
+      'unselected-focus-state-layer-color': 'focus-state-layer-color'
+    )
   );
 
   @return $tokens;

package/tokens/_md-comp-outlined-segmented-button.scss

@@ -16,6 +16,7 @@
 
 $supported-tokens: (
   // go/keep-sorted start
+  'container-height',
   'disabled-icon-color',
   'disabled-label-text-color',
   'disabled-outline-color',
@@ -35,6 +36,7 @@ $supported-tokens: (
   'selected-pressed-icon-color',
   'selected-pressed-label-text-color',
   'selected-pressed-state-layer-color',
+  'shape',
   'unselected-focus-icon-color',
   'unselected-focus-label-text-color',
   'unselected-hover-icon-color',
@@ -50,7 +52,6 @@ $supported-tokens: (
 
 $unsupported-tokens: (
   // go/keep-sorted start
-  'container-height',
   'disabled-icon-opacity',
   'disabled-label-text-opacity',
   'disabled-outline-opacity',
@@ -62,7 +63,6 @@ $unsupported-tokens: (
   'label-text-weight',
   'outline-width',
   'selected-focus-state-layer-color',
-  'shape',
   'unselected-focus-state-layer-color',
   // go/keep-sorted end
 );

package/tokens/_md-comp-outlined-select.scss

@@ -143,5 +143,13 @@ $_default: (
     $unsupported-tokens: $unsupported-tokens
   );
 
+  $tokens: map.merge(
+    $tokens,
+    (
+      // TODO(b/259455114): remove when focus tokens update to 3px
+      'text-field-focus-outline-width': if($exclude-hardcoded-values, null, 3px)
+    )
+  );
+
   @return $tokens;
 }

package/tokens/_md-comp-outlined-text-field.scss

@@ -117,13 +117,15 @@ $_default: (
     $unsupported-tokens: $unsupported-tokens
   );
 
-  // TODO(b/271876162): remove when tokens compiler emits typescale tokens
   $tokens: map.merge(
     $tokens,
     (
+      // TODO(b/271876162): remove when tokens compiler emits typescale tokens
       'input-text-type': map.get($deps, 'md-sys-typescale', 'body-large'),
       'label-text-type': map.get($deps, 'md-sys-typescale', 'body-large'),
       'supporting-text-type': map.get($deps, 'md-sys-typescale', 'body-small'),
+      // TODO(b/259455114): remove when focus tokens update to 3px
+      'focus-outline-width': if($exclude-hardcoded-values, null, 3px)
     )
   );
 

package/tokens/_md-comp-radio-button.scss

@@ -16,7 +16,15 @@ $supported-tokens: (
   'disabled-selected-icon-opacity',
   'disabled-unselected-icon-color',
   'disabled-unselected-icon-opacity',
+  'focus-icon-color',
+  'hover-icon-color',
+  'hover-state-layer-color',
+  'hover-state-layer-opacity',
+  'icon-color',
   'icon-size',
+  'pressed-icon-color',
+  'pressed-state-layer-color',
+  'pressed-state-layer-opacity',
   'selected-focus-icon-color',
   'selected-hover-icon-color',
   'selected-hover-state-layer-color',
@@ -26,14 +34,6 @@ $supported-tokens: (
   'selected-pressed-state-layer-color',
   'selected-pressed-state-layer-opacity',
   'state-layer-size',
-  'unselected-focus-icon-color',
-  'unselected-hover-icon-color',
-  'unselected-hover-state-layer-color',
-  'unselected-hover-state-layer-opacity',
-  'unselected-icon-color',
-  'unselected-pressed-icon-color',
-  'unselected-pressed-state-layer-color',
-  'unselected-pressed-state-layer-opacity',
   // go/keep-sorted end
 );
 
@@ -55,7 +55,18 @@ $_default: (
   $tokens: values.validate(
     md-comp-radio-button.values($deps, $exclude-hardcoded-values),
     $supported-tokens: $supported-tokens,
-    $unsupported-tokens: $unsupported-tokens
+    $unsupported-tokens: $unsupported-tokens,
+    $renamed-tokens: (
+      // Remove default "unselected" prefix (b/292244480)
+      'unselected-focus-icon-color': 'focus-icon-color',
+      'unselected-hover-icon-color': 'hover-icon-color',
+      'unselected-hover-state-layer-color': 'hover-state-layer-color',
+      'unselected-hover-state-layer-opacity': 'hover-state-layer-opacity',
+      'unselected-icon-color': 'icon-color',
+      'unselected-pressed-icon-color': 'pressed-icon-color',
+      'unselected-pressed-state-layer-color': 'pressed-state-layer-color',
+      'unselected-pressed-state-layer-opacity': 'pressed-state-layer-opacity'
+    )
   );
 
   @return $tokens;

package/tokens/_md-comp-switch.scss

@@ -13,21 +13,42 @@
 
 $supported-tokens: (
   // go/keep-sorted start
+  'disabled-handle-color',
+  'disabled-handle-opacity',
+  'disabled-icon-color',
+  'disabled-icon-opacity',
   'disabled-selected-handle-color',
   'disabled-selected-handle-opacity',
   'disabled-selected-icon-color',
   'disabled-selected-icon-opacity',
   'disabled-selected-track-color',
+  'disabled-track-color',
   'disabled-track-opacity',
-  'disabled-unselected-handle-color',
-  'disabled-unselected-handle-opacity',
-  'disabled-unselected-icon-color',
-  'disabled-unselected-icon-opacity',
-  'disabled-unselected-track-color',
-  'disabled-unselected-track-outline-color',
+  'disabled-track-outline-color',
+  'focus-handle-color',
+  'focus-icon-color',
+  'focus-track-color',
+  'focus-track-outline-color',
+  'handle-color',
+  'handle-height',
   'handle-shape',
+  'handle-width',
+  'hover-handle-color',
+  'hover-icon-color',
+  'hover-state-layer-color',
+  'hover-state-layer-opacity',
+  'hover-track-color',
+  'hover-track-outline-color',
+  'icon-color',
+  'icon-size',
+  'pressed-handle-color',
   'pressed-handle-height',
   'pressed-handle-width',
+  'pressed-icon-color',
+  'pressed-state-layer-color',
+  'pressed-state-layer-opacity',
+  'pressed-track-color',
+  'pressed-track-outline-color',
   'selected-focus-handle-color',
   'selected-focus-icon-color',
   'selected-focus-track-color',
@@ -49,33 +70,12 @@ $supported-tokens: (
   'selected-track-color',
   'state-layer-shape',
   'state-layer-size',
+  'track-color',
   'track-height',
+  'track-outline-color',
   'track-outline-width',
   'track-shape',
   'track-width',
-  'unselected-focus-handle-color',
-  'unselected-focus-icon-color',
-  'unselected-focus-track-color',
-  'unselected-focus-track-outline-color',
-  'unselected-handle-color',
-  'unselected-handle-height',
-  'unselected-handle-width',
-  'unselected-hover-handle-color',
-  'unselected-hover-icon-color',
-  'unselected-hover-state-layer-color',
-  'unselected-hover-state-layer-opacity',
-  'unselected-hover-track-color',
-  'unselected-hover-track-outline-color',
-  'unselected-icon-color',
-  'unselected-icon-size',
-  'unselected-pressed-handle-color',
-  'unselected-pressed-icon-color',
-  'unselected-pressed-state-layer-color',
-  'unselected-pressed-state-layer-opacity',
-  'unselected-pressed-track-color',
-  'unselected-pressed-track-outline-color',
-  'unselected-track-color',
-  'unselected-track-outline-color',
   'with-icon-handle-height',
   'with-icon-handle-width',
   // go/keep-sorted end
@@ -83,10 +83,10 @@ $supported-tokens: (
 
 $unsupported-tokens: (
   // go/keep-sorted start
+  'focus-state-layer-color',
+  'focus-state-layer-opacity',
   'selected-focus-state-layer-color',
   'selected-focus-state-layer-opacity',
-  'unselected-focus-state-layer-color',
-  'unselected-focus-state-layer-opacity',
   // go/keep-sorted end
 );
 
@@ -100,7 +100,41 @@ $_default: (
   $tokens: values.validate(
     md-comp-switch.values($deps, $exclude-hardcoded-values),
     $supported-tokens: $supported-tokens,
-    $unsupported-tokens: $unsupported-tokens
+    $unsupported-tokens: $unsupported-tokens,
+    $renamed-tokens: (
+      // Remove default "unselected" prefix (b/292244480)
+      'disabled-unselected-handle-color': 'disabled-handle-color',
+      'disabled-unselected-handle-opacity': 'disabled-handle-opacity',
+      'disabled-unselected-icon-color': 'disabled-icon-color',
+      'disabled-unselected-icon-opacity': 'disabled-icon-opacity',
+      'disabled-unselected-track-color': 'disabled-track-color',
+      'disabled-unselected-track-outline-color': 'disabled-track-outline-color',
+      'unselected-focus-handle-color': 'focus-handle-color',
+      'unselected-focus-icon-color': 'focus-icon-color',
+      'unselected-focus-state-layer-color': 'focus-state-layer-color',
+      'unselected-focus-state-layer-opacity': 'focus-state-layer-opacity',
+      'unselected-focus-track-color': 'focus-track-color',
+      'unselected-focus-track-outline-color': 'focus-track-outline-color',
+      'unselected-handle-color': 'handle-color',
+      'unselected-handle-height': 'handle-height',
+      'unselected-handle-width': 'handle-width',
+      'unselected-hover-handle-color': 'hover-handle-color',
+      'unselected-hover-icon-color': 'hover-icon-color',
+      'unselected-hover-state-layer-color': 'hover-state-layer-color',
+      'unselected-hover-state-layer-opacity': 'hover-state-layer-opacity',
+      'unselected-hover-track-color': 'hover-track-color',
+      'unselected-hover-track-outline-color': 'hover-track-outline-color',
+      'unselected-icon-color': 'icon-color',
+      'unselected-icon-size': 'icon-size',
+      'unselected-pressed-handle-color': 'pressed-handle-color',
+      'unselected-pressed-icon-color': 'pressed-icon-color',
+      'unselected-pressed-state-layer-color': 'pressed-state-layer-color',
+      'unselected-pressed-state-layer-opacity': 'pressed-state-layer-opacity',
+      'unselected-pressed-track-color': 'pressed-track-color',
+      'unselected-pressed-track-outline-color': 'pressed-track-outline-color',
+      'unselected-track-color': 'track-color',
+      'unselected-track-outline-color': 'track-outline-color'
+    )
   );
 
   @return $tokens;

package/tokens/_md-comp-text-button.scss

@@ -33,16 +33,16 @@ $supported-tokens: (
   'icon-size',
   'label-text-color',
   'label-text-type',
+  'leading-space',
   'pressed-icon-color',
   'pressed-label-text-color',
   'pressed-state-layer-color',
   'pressed-state-layer-opacity',
-  'spacing-leading',
-  'spacing-trailing',
-  'with-icon-spacing-leading',
-  'with-icon-spacing-trailing',
-  'with-trailing-icon-spacing-leading',
-  'with-trailing-icon-spacing-trailing',
+  'trailing-space',
+  'with-leading-icon-leading-space',
+  'with-leading-icon-trailing-space',
+  'with-trailing-icon-leading-space',
+  'with-trailing-icon-trailing-space',
   // go/keep-sorted end
 );
 
@@ -73,13 +73,15 @@ $_default: (
     $new-tokens: (
       // TODO(b/198759625): Remove once spacing tokens are formally added
       // go/keep-sorted start
-      'spacing-leading': if($exclude-hardcoded-values, null, 12px),
-      'spacing-trailing': if($exclude-hardcoded-values, null, 12px),
-      'with-icon-spacing-leading': if($exclude-hardcoded-values, null, 12px),
-      'with-icon-spacing-trailing': if($exclude-hardcoded-values, null, 16px),
-      'with-trailing-icon-spacing-leading':
+      'leading-space': if($exclude-hardcoded-values, null, 12px),
+      'trailing-space': if($exclude-hardcoded-values, null, 12px),
+      'with-leading-icon-leading-space':
+        if($exclude-hardcoded-values, null, 12px),
+      'with-leading-icon-trailing-space':
+        if($exclude-hardcoded-values, null, 16px),
+      'with-trailing-icon-leading-space':
         if($exclude-hardcoded-values, null, 16px),
-      'with-trailing-icon-spacing-trailing':
+      'with-trailing-icon-trailing-space':
         if($exclude-hardcoded-values, null, 12px),
       // go/keep-sorted end
     ),

package/button/internal/tonal-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tonal-button.js","sourceRoot":"","sources":["tonal-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,MAAM;IAClB,eAAe;QAChC,OAAO,IAAI,CAAA,+BAA+B,CAAC;IAC7C,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\n\nimport {html} from 'lit';\n\nimport {Button} from './button.js';\n\n/**\n * A tonal button component.\n */\nexport class TonalButton extends Button {\n  protected override renderElevation() {\n    return html`<md-elevation></md-elevation>`;\n  }\n}\n"]}

package/button/internal/tonal-styles.css.js

@@ -1,9 +0,0 @@
-/**
-  * @license
-  * Copyright 2022 Google LLC
-  * SPDX-License-Identifier: Apache-2.0
-  */
-import { css } from 'lit';
-export const styles = css `:host{--_container-color: var(--md-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-elevation: var(--md-tonal-button-container-elevation, 0);--_container-height: var(--md-tonal-button-container-height, 40px);--_container-shadow-color: var(--md-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-tonal-button-container-shape, 9999px);--_disabled-container-color: var(--md-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-tonal-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-tonal-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-container-elevation: var(--md-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-tonal-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_label-text-type: var(--md-tonal-button-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_pressed-container-elevation: var(--md-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-tonal-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-tonal-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-tonal-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-tonal-button-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-icon-color: var(--md-tonal-button-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-color: var(--md-tonal-button-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-size: var(--md-tonal-button-icon-size, 18px);--_pressed-icon-color: var(--md-tonal-button-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_spacing-leading: var(--md-tonal-button-spacing-leading, 24px);--_spacing-trailing: var(--md-tonal-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-tonal-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-tonal-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-tonal-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-tonal-button-with-trailing-icon-spacing-trailing, 16px);--_container-shape-start-start: var( --md-tonal-button-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-tonal-button-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-tonal-button-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-tonal-button-container-shape-end-start, var(--_container-shape) )}/*# sourceMappingURL=tonal-styles.css.map */
-`;
-//# sourceMappingURL=tonal-styles.css.js.map

package/button/internal/tonal-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tonal-styles.css.js","sourceRoot":"","sources":["tonal-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`:host{--_container-color: var(--md-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-elevation: var(--md-tonal-button-container-elevation, 0);--_container-height: var(--md-tonal-button-container-height, 40px);--_container-shadow-color: var(--md-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-tonal-button-container-shape, 9999px);--_disabled-container-color: var(--md-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-tonal-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-tonal-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-container-elevation: var(--md-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-tonal-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_label-text-type: var(--md-tonal-button-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_pressed-container-elevation: var(--md-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-tonal-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-tonal-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-tonal-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-tonal-button-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-icon-color: var(--md-tonal-button-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-color: var(--md-tonal-button-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-size: var(--md-tonal-button-icon-size, 18px);--_pressed-icon-color: var(--md-tonal-button-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_spacing-leading: var(--md-tonal-button-spacing-leading, 24px);--_spacing-trailing: var(--md-tonal-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-tonal-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-tonal-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-tonal-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-tonal-button-with-trailing-icon-spacing-trailing, 16px);--_container-shape-start-start: var( --md-tonal-button-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-tonal-button-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-tonal-button-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-tonal-button-container-shape-end-start, var(--_container-shape) )}/*# sourceMappingURL=tonal-styles.css.map */\n`;\n "]}

package/button/tonal-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tonal-button.js","sourceRoot":"","sources":["tonal-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,MAAM,IAAI,qBAAqB,EAAC,MAAM,2CAA2C,CAAC;AAC1F,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAC,MAAM,IAAI,WAAW,EAAC,MAAM,gCAAgC,CAAC;AAQrE;;;;;;;;;;;;;;;;;;;;GAoBG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,WAAW;;AAC5B,oBAAM,GAAG,CAAC,YAAY,EAAE,qBAAqB,EAAE,WAAW,CAAC,CAAC;AADjE,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAEzB;SAFY,aAAa","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {styles as sharedElevationStyles} from './internal/shared-elevation-styles.css.js';\nimport {styles as sharedStyles} from './internal/shared-styles.css.js';\nimport {TonalButton} from './internal/tonal-button.js';\nimport {styles as tonalStyles} from './internal/tonal-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-tonal-button': MdTonalButton;\n  }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment.\n *\n * @description\n * __Emphasis:__ Medium emphasis – For important actions that don’t distract\n * from other onscreen elements.\n *\n * __Rationale:__ Filled tonal buttons have a lighter background color and\n * darker label color, making them less visually prominent than a regular,\n * filled button. They’re still used for final or unblocking actions in a flow,\n * but do so with less emphasis.\n *\n * __Example usages:__\n * - Save\n * - Confirm\n * - Done\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-tonal-button')\nexport class MdTonalButton extends TonalButton {\n  static override styles = [sharedStyles, sharedElevationStyles, tonalStyles];\n}\n"]}

package/chips/internal/assist-forced-colors-styles.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/chips/internal/assist-forced-colors-styles.css.js

@@ -1,9 +0,0 @@
-/**
-  * @license
-  * Copyright 2022 Google LLC
-  * SPDX-License-Identifier: Apache-2.0
-  */
-import { css } from 'lit';
-export const styles = css `@media(forced-colors: active){:host{--md-assist-chip-disabled-label-text-color: GrayText;--md-assist-chip-disabled-label-text-opacity: 1;--md-assist-chip-disabled-leading-icon-color: GrayText;--md-assist-chip-disabled-leading-icon-opacity: 1;--md-assist-chip-disabled-outline-color: GrayText;--md-assist-chip-disabled-outline-opacity: 1}.link .outline{border-color:ActiveText}}/*# sourceMappingURL=assist-forced-colors-styles.css.map */
-`;
-//# sourceMappingURL=assist-forced-colors-styles.css.js.map

package/chips/internal/assist-forced-colors-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"assist-forced-colors-styles.css.js","sourceRoot":"","sources":["assist-forced-colors-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`@media(forced-colors: active){:host{--md-assist-chip-disabled-label-text-color: GrayText;--md-assist-chip-disabled-label-text-opacity: 1;--md-assist-chip-disabled-leading-icon-color: GrayText;--md-assist-chip-disabled-leading-icon-opacity: 1;--md-assist-chip-disabled-outline-color: GrayText;--md-assist-chip-disabled-outline-opacity: 1}.link .outline{border-color:ActiveText}}/*# sourceMappingURL=assist-forced-colors-styles.css.map */\n`;\n "]}

package/chips/internal/assist-forced-colors-styles.scss

@@ -1,27 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use './assist-chip';
-// go/keep-sorted end
-
-@media (forced-colors: active) {
-  :host {
-    @include assist-chip.theme(
-      (
-        'disabled-label-text-color': GrayText,
-        'disabled-label-text-opacity': 1,
-        'disabled-leading-icon-color': GrayText,
-        'disabled-leading-icon-opacity': 1,
-        'disabled-outline-color': GrayText,
-        'disabled-outline-opacity': 1,
-      )
-    );
-  }
-
-  .link .outline {
-    border-color: ActiveText;
-  }
-}

package/chips/internal/filter-forced-colors-styles.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/chips/internal/filter-forced-colors-styles.css.js

@@ -1,9 +0,0 @@
-/**
-  * @license
-  * Copyright 2022 Google LLC
-  * SPDX-License-Identifier: Apache-2.0
-  */
-import { css } from 'lit';
-export const styles = css `@media(forced-colors: active){:host{--md-filter-chip-disabled-label-text-color: GrayText;--md-filter-chip-disabled-label-text-opacity: 1;--md-filter-chip-disabled-leading-icon-color: GrayText;--md-filter-chip-disabled-leading-icon-opacity: 1;--md-filter-chip-disabled-trailing-icon-color: GrayText;--md-filter-chip-disabled-trailing-icon-opacity: 1;--md-filter-chip-disabled-outline-color: GrayText;--md-filter-chip-disabled-outline-opacity: 1;--md-filter-chip-trailing-icon-color: ButtonText;--md-filter-chip-hover-trailing-icon-color: ButtonText;--md-filter-chip-focus-trailing-icon-color: ButtonText;--md-filter-chip-pressed-trailing-icon-color: ButtonText;--md-filter-chip-selected-trailing-icon-color: ButtonText;--md-filter-chip-selected-hover-trailing-icon-color: ButtonText;--md-filter-chip-selected-focus-trailing-icon-color: ButtonText;--md-filter-chip-selected-pressed-trailing-icon-color: ButtonText;--md-filter-chip-selected-outline-width: 1px}}/*# sourceMappingURL=filter-forced-colors-styles.css.map */
-`;
-//# sourceMappingURL=filter-forced-colors-styles.css.js.map

package/chips/internal/filter-forced-colors-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-forced-colors-styles.css.js","sourceRoot":"","sources":["filter-forced-colors-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`@media(forced-colors: active){:host{--md-filter-chip-disabled-label-text-color: GrayText;--md-filter-chip-disabled-label-text-opacity: 1;--md-filter-chip-disabled-leading-icon-color: GrayText;--md-filter-chip-disabled-leading-icon-opacity: 1;--md-filter-chip-disabled-trailing-icon-color: GrayText;--md-filter-chip-disabled-trailing-icon-opacity: 1;--md-filter-chip-disabled-outline-color: GrayText;--md-filter-chip-disabled-outline-opacity: 1;--md-filter-chip-trailing-icon-color: ButtonText;--md-filter-chip-hover-trailing-icon-color: ButtonText;--md-filter-chip-focus-trailing-icon-color: ButtonText;--md-filter-chip-pressed-trailing-icon-color: ButtonText;--md-filter-chip-selected-trailing-icon-color: ButtonText;--md-filter-chip-selected-hover-trailing-icon-color: ButtonText;--md-filter-chip-selected-focus-trailing-icon-color: ButtonText;--md-filter-chip-selected-pressed-trailing-icon-color: ButtonText;--md-filter-chip-selected-outline-width: 1px}}/*# sourceMappingURL=filter-forced-colors-styles.css.map */\n`;\n "]}

package/chips/internal/filter-forced-colors-styles.scss

@@ -1,34 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use './filter-chip';
-// go/keep-sorted end
-
-@media (forced-colors: active) {
-  :host {
-    @include filter-chip.theme(
-      (
-        'disabled-label-text-color': GrayText,
-        'disabled-label-text-opacity': 1,
-        'disabled-leading-icon-color': GrayText,
-        'disabled-leading-icon-opacity': 1,
-        'disabled-trailing-icon-color': GrayText,
-        'disabled-trailing-icon-opacity': 1,
-        'disabled-outline-color': GrayText,
-        'disabled-outline-opacity': 1,
-        'trailing-icon-color': ButtonText,
-        'hover-trailing-icon-color': ButtonText,
-        'focus-trailing-icon-color': ButtonText,
-        'pressed-trailing-icon-color': ButtonText,
-        'selected-trailing-icon-color': ButtonText,
-        'selected-hover-trailing-icon-color': ButtonText,
-        'selected-focus-trailing-icon-color': ButtonText,
-        'selected-pressed-trailing-icon-color': ButtonText,
-        'selected-outline-width': 1px,
-      )
-    );
-  }
-}

package/chips/internal/input-forced-colors-styles.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/chips/internal/input-forced-colors-styles.css.js

@@ -1,9 +0,0 @@
-/**
-  * @license
-  * Copyright 2022 Google LLC
-  * SPDX-License-Identifier: Apache-2.0
-  */
-import { css } from 'lit';
-export const styles = css `@media(forced-colors: active){:host{--md-input-chip-disabled-avatar-opacity: 1;--md-input-chip-disabled-label-text-color: GrayText;--md-input-chip-disabled-label-text-opacity: 1;--md-input-chip-disabled-leading-icon-color: GrayText;--md-input-chip-disabled-leading-icon-opacity: 1;--md-input-chip-disabled-trailing-icon-color: GrayText;--md-input-chip-disabled-trailing-icon-opacity: 1;--md-input-chip-disabled-outline-color: GrayText;--md-input-chip-disabled-outline-opacity: 1;--md-input-chip-trailing-icon-color: ButtonText;--md-input-chip-hover-trailing-icon-color: ButtonText;--md-input-chip-focus-trailing-icon-color: ButtonText;--md-input-chip-pressed-trailing-icon-color: ButtonText;--md-input-chip-selected-trailing-icon-color: ButtonText;--md-input-chip-selected-hover-trailing-icon-color: ButtonText;--md-input-chip-selected-focus-trailing-icon-color: ButtonText;--md-input-chip-selected-pressed-trailing-icon-color: ButtonText;--md-input-chip-selected-outline-width: 1px}.link .outline{border-color:ActiveText}}/*# sourceMappingURL=input-forced-colors-styles.css.map */
-`;
-//# sourceMappingURL=input-forced-colors-styles.css.js.map

package/chips/internal/input-forced-colors-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-forced-colors-styles.css.js","sourceRoot":"","sources":["input-forced-colors-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`@media(forced-colors: active){:host{--md-input-chip-disabled-avatar-opacity: 1;--md-input-chip-disabled-label-text-color: GrayText;--md-input-chip-disabled-label-text-opacity: 1;--md-input-chip-disabled-leading-icon-color: GrayText;--md-input-chip-disabled-leading-icon-opacity: 1;--md-input-chip-disabled-trailing-icon-color: GrayText;--md-input-chip-disabled-trailing-icon-opacity: 1;--md-input-chip-disabled-outline-color: GrayText;--md-input-chip-disabled-outline-opacity: 1;--md-input-chip-trailing-icon-color: ButtonText;--md-input-chip-hover-trailing-icon-color: ButtonText;--md-input-chip-focus-trailing-icon-color: ButtonText;--md-input-chip-pressed-trailing-icon-color: ButtonText;--md-input-chip-selected-trailing-icon-color: ButtonText;--md-input-chip-selected-hover-trailing-icon-color: ButtonText;--md-input-chip-selected-focus-trailing-icon-color: ButtonText;--md-input-chip-selected-pressed-trailing-icon-color: ButtonText;--md-input-chip-selected-outline-width: 1px}.link .outline{border-color:ActiveText}}/*# sourceMappingURL=input-forced-colors-styles.css.map */\n`;\n "]}

package/chips/internal/input-forced-colors-styles.scss

@@ -1,39 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use './input-chip';
-// go/keep-sorted end
-
-@media (forced-colors: active) {
-  :host {
-    @include input-chip.theme(
-      (
-        'disabled-avatar-opacity': 1,
-        'disabled-label-text-color': GrayText,
-        'disabled-label-text-opacity': 1,
-        'disabled-leading-icon-color': GrayText,
-        'disabled-leading-icon-opacity': 1,
-        'disabled-trailing-icon-color': GrayText,
-        'disabled-trailing-icon-opacity': 1,
-        'disabled-outline-color': GrayText,
-        'disabled-outline-opacity': 1,
-        'trailing-icon-color': ButtonText,
-        'hover-trailing-icon-color': ButtonText,
-        'focus-trailing-icon-color': ButtonText,
-        'pressed-trailing-icon-color': ButtonText,
-        'selected-trailing-icon-color': ButtonText,
-        'selected-hover-trailing-icon-color': ButtonText,
-        'selected-focus-trailing-icon-color': ButtonText,
-        'selected-pressed-trailing-icon-color': ButtonText,
-        'selected-outline-width': 1px,
-      )
-    );
-  }
-
-  .link .outline {
-    border-color: ActiveText;
-  }
-}

package/chips/internal/suggestion-forced-colors-styles.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/chips/internal/suggestion-forced-colors-styles.css.js

@@ -1,9 +0,0 @@
-/**
-  * @license
-  * Copyright 2022 Google LLC
-  * SPDX-License-Identifier: Apache-2.0
-  */
-import { css } from 'lit';
-export const styles = css `@media(forced-colors: active){:host{--md-suggestion-chip-disabled-label-text-color: GrayText;--md-suggestion-chip-disabled-label-text-opacity: 1;--md-suggestion-chip-disabled-leading-icon-color: GrayText;--md-suggestion-chip-disabled-leading-icon-opacity: 1;--md-suggestion-chip-disabled-outline-color: GrayText;--md-suggestion-chip-disabled-outline-opacity: 1}.link .outline{border-color:ActiveText}}/*# sourceMappingURL=suggestion-forced-colors-styles.css.map */
-`;
-//# sourceMappingURL=suggestion-forced-colors-styles.css.js.map

package/chips/internal/suggestion-forced-colors-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"suggestion-forced-colors-styles.css.js","sourceRoot":"","sources":["suggestion-forced-colors-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`@media(forced-colors: active){:host{--md-suggestion-chip-disabled-label-text-color: GrayText;--md-suggestion-chip-disabled-label-text-opacity: 1;--md-suggestion-chip-disabled-leading-icon-color: GrayText;--md-suggestion-chip-disabled-leading-icon-opacity: 1;--md-suggestion-chip-disabled-outline-color: GrayText;--md-suggestion-chip-disabled-outline-opacity: 1}.link .outline{border-color:ActiveText}}/*# sourceMappingURL=suggestion-forced-colors-styles.css.map */\n`;\n "]}

package/chips/internal/suggestion-forced-colors-styles.scss

@@ -1,27 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use './suggestion-chip';
-// go/keep-sorted end
-
-@media (forced-colors: active) {
-  :host {
-    @include suggestion-chip.theme(
-      (
-        'disabled-label-text-color': GrayText,
-        'disabled-label-text-opacity': 1,
-        'disabled-leading-icon-color': GrayText,
-        'disabled-leading-icon-opacity': 1,
-        'disabled-outline-color': GrayText,
-        'disabled-outline-opacity': 1,
-      )
-    );
-  }
-
-  .link .outline {
-    border-color: ActiveText;
-  }
-}