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

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

@@ -35,6 +35,7 @@ $supported-tokens: (
   'icon-size',
   'label-text-color',
   'label-text-type',
+  'leading-space',
   'outline-color',
   'outline-width',
   'pressed-icon-color',
@@ -42,12 +43,11 @@ $supported-tokens: (
   'pressed-outline-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
 );
 
@@ -80,13 +80,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, 24px),
-      'spacing-trailing': if($exclude-hardcoded-values, null, 24px),
-      'with-icon-spacing-leading': if($exclude-hardcoded-values, null, 16px),
-      'with-icon-spacing-trailing': if($exclude-hardcoded-values, null, 24px),
-      'with-trailing-icon-spacing-leading':
+      'leading-space': if($exclude-hardcoded-values, null, 24px),
+      'trailing-space': if($exclude-hardcoded-values, null, 24px),
+      'with-leading-icon-leading-space':
+        if($exclude-hardcoded-values, null, 16px),
+      'with-leading-icon-trailing-space':
+        if($exclude-hardcoded-values, null, 24px),
+      'with-trailing-icon-leading-space':
         if($exclude-hardcoded-values, null, 24px),
-      'with-trailing-icon-spacing-trailing':
+      'with-trailing-icon-trailing-space':
         if($exclude-hardcoded-values, null, 16px),
       // go/keep-sorted end
     ),

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-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/dialog/internal/_tokens.scss

@@ -1,66 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:map';
-@use 'sass:string';
-// go/keep-sorted end
-// go/keep-sorted start
-@use '../../internal/sass/string-ext';
-@use '../../internal/sass/theme';
-@use '../../tokens';
-// go/keep-sorted end
-
-$_md-sys-motion: tokens.md-sys-motion-values();
-$_md-sys-color: tokens.md-sys-color-values-light();
-
-$_tokens: (
-  // Container size
-  container-max-inline-size: min(560px, calc(100% - 48px)),
-  container-min-inline-size: 280px,
-  container-max-block-size: min(560px, calc(100% - 48px)),
-  container-min-block-size: 140px,
-  // Container position
-  container-inset-inline-start: auto,
-  container-inset-inline-end: auto,
-  container-inset-block-start: auto,
-  container-inset-block-end: auto,
-
-  // Transition
-  // Basing on https://m3.material.io/styles/motion/easing-and-duration/applying-easing-and-duration#27a05b8b-02b1-4695-a7e4-70797f205222
-  opening-transition-duration: map.get($_md-sys-motion, 'duration-medium4'),
-  opening-transition-easing:
-    map.get($_md-sys-motion, 'easing-emphasized-decelerate'),
-  closing-transition-duration: map.get($_md-sys-motion, 'duration-short4'),
-  closing-transition-easing:
-    map.get($_md-sys-motion, 'easing-emphasized-accelerate'),
-  // Scrim
-  scrim-color: rgba(0, 0, 0, 0.32),
-  // Content
-  container-block-padding: 24px,
-  container-inline-padding: 24px,
-  header-spacing: 16px,
-  action-spacing: 8px,
-  content-block-start-spacing: 16px,
-  content-block-end-spacing: 24px,
-  // Divider
-  with-divider-divider-height: 1px,
-  with-divider-divider-color: map.get($_md-sys-color, 'outline')
-);
-
-$_fullscreen-tokens: (
-  fullscreen-header-block-size: 56px,
-  fullscreen-footer-block-size: 56px,
-  // Note, the 8px here is not per spec, but needed to make the explicit 56px not be cramped.
-  fullscreen-container-block-padding: 8px,
-);
-
-// Extended token set for dialog.
-@function md-comp-dialog-values() {
-  @return map.merge(
-    map.merge(tokens.md-comp-dialog-values(), $_tokens),
-    $_fullscreen-tokens
-  );
-}

package/icon/internal/_md-comp-icon.scss

@@ -1,18 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@function values($exclude-hardcoded-values: false) {
-  $values: (
-    (
-      color: if($exclude-hardcoded-values, null, inherit),
-      font: if($exclude-hardcoded-values, null, 'Material Symbols Outlined'),
-      font-variation-settings: if($exclude-hardcoded-values, null, inherit),
-      size: if($exclude-hardcoded-values, null, 24px),
-      weight: if($exclude-hardcoded-values, null, 400),
-    )
-  );
-
-  @return $values;
-}

package/iconbutton/standard-icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"standard-icon-button.js","sourceRoot":"","sources":["standard-icon-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAC,MAAM,EAAC,MAAM,mCAAmC,CAAC;AAQzD;;;;;;;;;;;;;;GAcG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAG/B,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,UAAU,EAAE,IAAI;SACjB,CAAC;IACJ,CAAC;;AAPe,2BAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AADrC,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAShC;SATY,oBAAoB","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 {IconButton} from './internal/icon-button.js';\nimport {styles as sharedStyles} from './internal/shared-styles.css.js';\nimport {styles} from './internal/standard-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-standard-icon-button': MdStandardIconButton;\n  }\n}\n\n/**\n * @summary Icon buttons help people take supplementary actions with a single\n * tap.\n *\n * @description\n * __Emphasis:__ Low emphasis – For optional or supplementary actions with the\n * least amount of prominence.\n *\n * __Rationale:__ The most compact and unobtrusive type of button, icon buttons\n * are used for optional supplementary actions such as \"Bookmark\" or \"Star.\"\n *\n * __Example usages:__\n * - Add to Favorites\n * - Print\n */\n@customElement('md-standard-icon-button')\nexport class MdStandardIconButton extends IconButton {\n  static override styles = [sharedStyles, styles];\n\n  protected override getRenderClasses() {\n    return {\n      ...super.getRenderClasses(),\n      'standard': true,\n    };\n  }\n}\n"]}

package/list/internal/listitemlink/list-item-link-only.d.ts

@@ -1,23 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { nothing } from 'lit';
-import { ListItemLink } from './list-item-link.js';
-export declare class ListItemLinkOnly extends ListItemLink {
-    /**
-     * Removes the hover and click ripples from the item when true. Clicking the
-     * link will still cause link navigation.
-     */
-    noninteractive: boolean;
-    getRenderClasses(): {
-        noninteractive: boolean;
-        'with-one-line': boolean;
-        'with-two-line': boolean;
-        'with-three-line': boolean;
-        disabled: boolean;
-    };
-    renderRipple(): typeof nothing | import("lit-html").TemplateResult<2 | 1>;
-    renderFocusRing(): typeof nothing | import("lit-html").TemplateResult<2 | 1>;
-}

package/list/internal/listitemlink/list-item-link-only.js

@@ -1,36 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { nothing } from 'lit';
-import { property } from 'lit/decorators.js';
-import { ListItemLink } from './list-item-link.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class ListItemLinkOnly extends ListItemLink {
-    constructor() {
-        super(...arguments);
-        /**
-         * Removes the hover and click ripples from the item when true. Clicking the
-         * link will still cause link navigation.
-         */
-        this.noninteractive = false;
-    }
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'noninteractive': this.noninteractive,
-        };
-    }
-    renderRipple() {
-        return this.noninteractive ? nothing : super.renderRipple();
-    }
-    renderFocusRing() {
-        return this.noninteractive ? nothing : super.renderFocusRing();
-    }
-}
-__decorate([
-    property({ type: Boolean })
-], ListItemLinkOnly.prototype, "noninteractive", void 0);
-//# sourceMappingURL=list-item-link-only.js.map

package/list/internal/listitemlink/list-item-link-only.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-item-link-only.js","sourceRoot":"","sources":["list-item-link-only.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,OAAO,EAAC,MAAM,KAAK,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,YAAY,EAAC,MAAM,qBAAqB,CAAC;AAEjD,gEAAgE;AAChE,MAAM,OAAO,gBAAiB,SAAQ,YAAY;IAAlD;;QACE;;;WAGG;QACwB,mBAAc,GAAG,KAAK,CAAC;IAgBpD,CAAC;IAdU,gBAAgB;QACvB,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,gBAAgB,EAAE,IAAI,CAAC,cAAc;SACtC,CAAC;IACJ,CAAC;IAEQ,YAAY;QACnB,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;IAC9D,CAAC;IAEQ,eAAe;QACtB,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;IACjE,CAAC;CACF;AAhB4B;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;wDAAwB","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {nothing} from 'lit';\nimport {property} from 'lit/decorators.js';\n\nimport {ListItemLink} from './list-item-link.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class ListItemLinkOnly extends ListItemLink {\n  /**\n   * Removes the hover and click ripples from the item when true. Clicking the\n   * link will still cause link navigation.\n   */\n  @property({type: Boolean}) noninteractive = false;\n\n  override getRenderClasses() {\n    return {\n      ...super.getRenderClasses(),\n      'noninteractive': this.noninteractive,\n    };\n  }\n\n  override renderRipple() {\n    return this.noninteractive ? nothing : super.renderRipple();\n  }\n\n  override renderFocusRing() {\n    return this.noninteractive ? nothing : super.renderFocusRing();\n  }\n}\n"]}

package/list/internal/listitemlink/list-item-link.d.ts

@@ -1,18 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ListItemEl, ListItemRole } from '../listitem/list-item.js';
-export declare class ListItemLink extends ListItemEl {
-    /**
-     * Sets the underlying `HTMLAnchorElement`'s `href` resource attribute.
-     */
-    href: string;
-    type: ListItemRole;
-    /**
-     * Sets the underlying `HTMLAnchorElement`'s `target` attribute.
-     */
-    target: string;
-    protected renderListItem(content: unknown): import("lit-html").TemplateResult<1>;
-}

package/list/internal/listitemlink/list-item-link.js

@@ -1,42 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { html, nothing } from 'lit';
-import { property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { ListItemEl } from '../listitem/list-item.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class ListItemLink extends ListItemEl {
-    constructor() {
-        super(...arguments);
-        this.type = 'none';
-    }
-    renderListItem(content) {
-        return html `
-      <a
-        id="item"
-        tabindex=${this.disabled ? -1 : this.itemTabIndex}
-        role=${this.type === 'none' ? nothing : this.type}
-        aria-selected=${this.ariaSelected || nothing}
-        aria-checked=${this.ariaChecked || nothing}
-        class="list-item ${classMap(this.getRenderClasses())}"
-        href=${this.href}
-        target=${this.target || nothing}
-        @click=${this.onClick}
-        @pointerenter=${this.onPointerenter}
-        @pointerleave=${this.onPointerleave}
-        @keydown=${this.onKeydown}
-      >${content}</a>
-    `;
-    }
-}
-__decorate([
-    property()
-], ListItemLink.prototype, "href", void 0);
-__decorate([
-    property()
-], ListItemLink.prototype, "target", void 0);
-//# sourceMappingURL=list-item-link.js.map