@material/web 1.0.0-pre.5 → 1.0.0-pre.6

package/tokens/{v0_161 → v0_172}/_md-comp-suggestion-chip.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 //
 
 @use 'sass:map';
@@ -33,8 +33,6 @@ $_default: (
   @return (
     'container-height': if($exclude-hardcoded-values, null, 32px),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-small'),
-    'container-surface-tint-layer-color':
-      map.get($deps, 'md-sys-color', 'surface-tint'),
     'disabled-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
     'disabled-label-text-opacity': if($exclude-hardcoded-values, null, 0.38),
     'dragged-container-elevation': map.get($deps, 'md-sys-elevation', 'level4'),
@@ -44,7 +42,8 @@ $_default: (
       map.get($deps, 'md-sys-color', 'on-surface-variant'),
     'dragged-state-layer-opacity':
       map.get($deps, 'md-sys-state', 'dragged-state-layer-opacity'),
-    'elevated-container-color': map.get($deps, 'md-sys-color', 'surface'),
+    'elevated-container-color':
+      map.get($deps, 'md-sys-color', 'surface-container-low'),
     'elevated-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
     'elevated-container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
     'elevated-disabled-container-color':

package/tokens/{v0_161 → v0_172}/_md-comp-switch.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 //
 
 @use 'sass:map';
@@ -37,11 +37,11 @@ $_default: (
     'disabled-unselected-handle-opacity':
       if($exclude-hardcoded-values, null, 0.38),
     'disabled-unselected-icon-color':
-      map.get($deps, 'md-sys-color', 'surface-variant'),
+      map.get($deps, 'md-sys-color', 'surface-container-highest'),
     'disabled-unselected-icon-opacity':
       if($exclude-hardcoded-values, null, 0.38),
     'disabled-unselected-track-color':
-      map.get($deps, 'md-sys-color', 'surface-variant'),
+      map.get($deps, 'md-sys-color', 'surface-container-highest'),
     'disabled-unselected-track-outline-color':
       map.get($deps, 'md-sys-color', 'on-surface'),
     'handle-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
@@ -90,13 +90,13 @@ $_default: (
     'unselected-focus-handle-color':
       map.get($deps, 'md-sys-color', 'on-surface-variant'),
     'unselected-focus-icon-color':
-      map.get($deps, 'md-sys-color', 'surface-variant'),
+      map.get($deps, 'md-sys-color', 'surface-container-highest'),
     'unselected-focus-state-layer-color':
       map.get($deps, 'md-sys-color', 'on-surface'),
     'unselected-focus-state-layer-opacity':
       map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
     'unselected-focus-track-color':
-      map.get($deps, 'md-sys-color', 'surface-variant'),
+      map.get($deps, 'md-sys-color', 'surface-container-highest'),
     'unselected-focus-track-outline-color':
       map.get($deps, 'md-sys-color', 'outline'),
     'unselected-handle-color': map.get($deps, 'md-sys-color', 'outline'),
@@ -105,30 +105,32 @@ $_default: (
     'unselected-hover-handle-color':
       map.get($deps, 'md-sys-color', 'on-surface-variant'),
     'unselected-hover-icon-color':
-      map.get($deps, 'md-sys-color', 'surface-variant'),
+      map.get($deps, 'md-sys-color', 'surface-container-highest'),
     'unselected-hover-state-layer-color':
       map.get($deps, 'md-sys-color', 'on-surface'),
     'unselected-hover-state-layer-opacity':
       map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
     'unselected-hover-track-color':
-      map.get($deps, 'md-sys-color', 'surface-variant'),
+      map.get($deps, 'md-sys-color', 'surface-container-highest'),
     'unselected-hover-track-outline-color':
       map.get($deps, 'md-sys-color', 'outline'),
-    'unselected-icon-color': map.get($deps, 'md-sys-color', 'surface-variant'),
+    'unselected-icon-color':
+      map.get($deps, 'md-sys-color', 'surface-container-highest'),
     'unselected-icon-size': if($exclude-hardcoded-values, null, 16px),
     'unselected-pressed-handle-color':
       map.get($deps, 'md-sys-color', 'on-surface-variant'),
     'unselected-pressed-icon-color':
-      map.get($deps, 'md-sys-color', 'surface-variant'),
+      map.get($deps, 'md-sys-color', 'surface-container-highest'),
     'unselected-pressed-state-layer-color':
       map.get($deps, 'md-sys-color', 'on-surface'),
     'unselected-pressed-state-layer-opacity':
       map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
     'unselected-pressed-track-color':
-      map.get($deps, 'md-sys-color', 'surface-variant'),
+      map.get($deps, 'md-sys-color', 'surface-container-highest'),
     'unselected-pressed-track-outline-color':
       map.get($deps, 'md-sys-color', 'outline'),
-    'unselected-track-color': map.get($deps, 'md-sys-color', 'surface-variant'),
+    'unselected-track-color':
+      map.get($deps, 'md-sys-color', 'surface-container-highest'),
     'unselected-track-outline-color': map.get($deps, 'md-sys-color', 'outline'),
     'with-icon-handle-height': if($exclude-hardcoded-values, null, 24px),
     'with-icon-handle-width': if($exclude-hardcoded-values, null, 24px)

package/tokens/{v0_161 → v0_172}/_md-comp-text-button.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 //
 
 @use 'sass:map';

package/tokens/{v0_161 → v0_172}/_md-comp-time-input.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 //
 
 @use 'sass:map';
@@ -31,7 +31,7 @@ $_default: (
 
 @function values($deps: $_default, $exclude-hardcoded-values: false) {
   @return (
-    'container-color': map.get($deps, 'md-sys-color', 'surface'),
+    'container-color': map.get($deps, 'md-sys-color', 'surface-container-high'),
     'container-elevation': map.get($deps, 'md-sys-elevation', 'level3'),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-large'),
     'headline-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
@@ -119,9 +119,8 @@ $_default: (
       map.get($deps, 'md-sys-color', 'on-surface-variant'),
     'period-selector-unselected-pressed-state-layer-color':
       map.get($deps, 'md-sys-color', 'on-surface-variant'),
-    'surface-tint-layer-color': map.get($deps, 'md-sys-color', 'surface-tint'),
     'time-input-field-container-color':
-      map.get($deps, 'md-sys-color', 'surface-variant'),
+      map.get($deps, 'md-sys-color', 'surface-container-highest'),
     'time-input-field-container-height':
       if($exclude-hardcoded-values, null, 72px),
     'time-input-field-container-shape':

package/tokens/{v0_161 → v0_172}/_md-comp-time-picker.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 //
 
 @use 'sass:map';
@@ -31,7 +31,8 @@ $_default: (
 
 @function values($deps: $_default, $exclude-hardcoded-values: false) {
   @return (
-    'clock-dial-color': map.get($deps, 'md-sys-color', 'surface-variant'),
+    'clock-dial-color':
+      map.get($deps, 'md-sys-color', 'surface-container-highest'),
     'clock-dial-container-size': if($exclude-hardcoded-values, null, 256px),
     'clock-dial-label-text-font':
       map.get($deps, 'md-sys-typescale', 'body-large-font'),
@@ -76,7 +77,7 @@ $_default: (
     'clock-dial-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
     'clock-dial-unselected-label-text-color':
       map.get($deps, 'md-sys-color', 'on-surface'),
-    'container-color': map.get($deps, 'md-sys-color', 'surface'),
+    'container-color': map.get($deps, 'md-sys-color', 'surface-container-high'),
     'container-elevation': map.get($deps, 'md-sys-elevation', 'level3'),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-large'),
     'headline-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
@@ -169,7 +170,6 @@ $_default: (
       if($exclude-hardcoded-values, null, 80px),
     'period-selector-vertical-container-width':
       if($exclude-hardcoded-values, null, 52px),
-    'surface-tint-layer-color': map.get($deps, 'md-sys-color', 'surface-tint'),
     'time-selector-24h-vertical-container-width':
       if($exclude-hardcoded-values, null, 114px),
     'time-selector-container-height': if($exclude-hardcoded-values, null, 80px),
@@ -245,7 +245,7 @@ $_default: (
     'time-selector-separator-weight':
       map.get($deps, 'md-sys-typescale', 'display-large-weight'),
     'time-selector-unselected-container-color':
-      map.get($deps, 'md-sys-color', 'surface-variant'),
+      map.get($deps, 'md-sys-color', 'surface-container-highest'),
     'time-selector-unselected-focus-label-text-color':
       map.get($deps, 'md-sys-color', 'on-surface'),
     'time-selector-unselected-focus-state-layer-color':

package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-large.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 //
 
 @use 'sass:map';
@@ -32,8 +32,6 @@ $_default: (
     'container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
     'container-height': if($exclude-hardcoded-values, null, 152px),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
-    'container-surface-tint-layer-color':
-      map.get($deps, 'md-sys-color', 'surface-tint'),
     'headline-color': map.get($deps, 'md-sys-color', 'on-surface'),
     'headline-font': map.get($deps, 'md-sys-typescale', 'headline-medium-font'),
     'headline-line-height':

package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-medium.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 //
 
 @use 'sass:map';
@@ -32,8 +32,6 @@ $_default: (
     'container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
     'container-height': if($exclude-hardcoded-values, null, 112px),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
-    'container-surface-tint-layer-color':
-      map.get($deps, 'md-sys-color', 'surface-tint'),
     'headline-color': map.get($deps, 'md-sys-color', 'on-surface'),
     'headline-font': map.get($deps, 'md-sys-typescale', 'headline-small-font'),
     'headline-line-height':

package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-small-centered.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 //
 
 @use 'sass:map';
@@ -58,6 +58,8 @@ $_default: (
     'headline-weight': map.get($deps, 'md-sys-typescale', 'title-large-weight'),
     'leading-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
     'leading-icon-size': if($exclude-hardcoded-values, null, 24px),
+    'on-scroll-container-color':
+      map.get($deps, 'md-sys-color', 'surface-container'),
     'on-scroll-container-elevation':
       map.get($deps, 'md-sys-elevation', 'level2'),
     'trailing-icon-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),

package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-small.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 //
 
 @use 'sass:map';
@@ -32,8 +32,6 @@ $_default: (
     'container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
     'container-height': if($exclude-hardcoded-values, null, 64px),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
-    'container-surface-tint-layer-color':
-      map.get($deps, 'md-sys-color', 'surface-tint'),
     'headline-color': map.get($deps, 'md-sys-color', 'on-surface'),
     'headline-font': map.get($deps, 'md-sys-typescale', 'title-large-font'),
     'headline-line-height':
@@ -56,6 +54,8 @@ $_default: (
     'headline-weight': map.get($deps, 'md-sys-typescale', 'title-large-weight'),
     'leading-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
     'leading-icon-size': if($exclude-hardcoded-values, null, 24px),
+    'on-scroll-container-color':
+      map.get($deps, 'md-sys-color', 'surface-container'),
     'on-scroll-container-elevation':
       map.get($deps, 'md-sys-elevation', 'level2'),
     'trailing-icon-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),

package/tokens/{v0_161 → v0_172}/_md-ref-palette.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 // User-configured context group "Audience": "3P"
 //
 
@@ -40,29 +40,29 @@
     'neutral-variant95': if($exclude-hardcoded-values, null, #f5eefa),
     'neutral-variant99': if($exclude-hardcoded-values, null, #fffbfe),
     'neutral0': if($exclude-hardcoded-values, null, #000),
-    'neutral10': if($exclude-hardcoded-values, null, #1c1b1f),
+    'neutral10': if($exclude-hardcoded-values, null, #1d1b20),
     'neutral100': if($exclude-hardcoded-values, null, #fff),
-    'neutral12': if($exclude-hardcoded-values, null, #201f23),
-    'neutral17': if($exclude-hardcoded-values, null, #2b292d),
-    'neutral20': if($exclude-hardcoded-values, null, #313033),
-    'neutral22': if($exclude-hardcoded-values, null, #313033),
-    'neutral24': if($exclude-hardcoded-values, null, #313033),
-    'neutral30': if($exclude-hardcoded-values, null, #484649),
-    'neutral4': if($exclude-hardcoded-values, null, #0e0e11),
-    'neutral40': if($exclude-hardcoded-values, null, #605d62),
-    'neutral50': if($exclude-hardcoded-values, null, #787579),
-    'neutral6': if($exclude-hardcoded-values, null, #141317),
-    'neutral60': if($exclude-hardcoded-values, null, #939094),
-    'neutral70': if($exclude-hardcoded-values, null, #aeaaae),
-    'neutral80': if($exclude-hardcoded-values, null, #c9c5ca),
-    'neutral87': if($exclude-hardcoded-values, null, #ddd8dd),
-    'neutral90': if($exclude-hardcoded-values, null, #e6e1e5),
-    'neutral92': if($exclude-hardcoded-values, null, #ece7ec),
-    'neutral94': if($exclude-hardcoded-values, null, #f1ecf1),
-    'neutral95': if($exclude-hardcoded-values, null, #f4eff4),
-    'neutral96': if($exclude-hardcoded-values, null, #f7f2f7),
-    'neutral98': if($exclude-hardcoded-values, null, #fdf8fd),
-    'neutral99': if($exclude-hardcoded-values, null, #fffbfe),
+    'neutral12': if($exclude-hardcoded-values, null, #211f26),
+    'neutral17': if($exclude-hardcoded-values, null, #2b2930),
+    'neutral20': if($exclude-hardcoded-values, null, #322f35),
+    'neutral22': if($exclude-hardcoded-values, null, #36343b),
+    'neutral24': if($exclude-hardcoded-values, null, #3b383e),
+    'neutral30': if($exclude-hardcoded-values, null, #48464c),
+    'neutral4': if($exclude-hardcoded-values, null, #0f0d13),
+    'neutral40': if($exclude-hardcoded-values, null, #605d64),
+    'neutral50': if($exclude-hardcoded-values, null, #79767d),
+    'neutral6': if($exclude-hardcoded-values, null, #141218),
+    'neutral60': if($exclude-hardcoded-values, null, #938f96),
+    'neutral70': if($exclude-hardcoded-values, null, #aea9b1),
+    'neutral80': if($exclude-hardcoded-values, null, #cac5cd),
+    'neutral87': if($exclude-hardcoded-values, null, #ded8e1),
+    'neutral90': if($exclude-hardcoded-values, null, #e6e0e9),
+    'neutral92': if($exclude-hardcoded-values, null, #ece6f0),
+    'neutral94': if($exclude-hardcoded-values, null, #f3edf7),
+    'neutral95': if($exclude-hardcoded-values, null, #f5eff7),
+    'neutral96': if($exclude-hardcoded-values, null, #f7f2fa),
+    'neutral98': if($exclude-hardcoded-values, null, #fef7ff),
+    'neutral99': if($exclude-hardcoded-values, null, #fffbff),
     'primary0': if($exclude-hardcoded-values, null, #000),
     'primary10': if($exclude-hardcoded-values, null, #21005d),
     'primary100': if($exclude-hardcoded-values, null, #fff),

package/tokens/{v0_161 → v0_172}/_md-ref-typeface.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 // User-configured context group "Audience": "3P"
 //
 

package/tokens/{v0_161 → v0_172}/_md-sys-color.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 // User-configured context group "Audience": "3P"
 // User-configured context group "Scheme": "Dynamic"
 //
@@ -23,10 +23,10 @@ $_default-dark: (
   @return (
     'background':
       if(
-        map.get($deps, 'md-ref-palette', 'neutral10'),
+        map.get($deps, 'md-ref-palette', 'neutral6'),
         var(
           --md-sys-color-background,
-          map.get($deps, 'md-ref-palette', 'neutral10')
+          map.get($deps, 'md-ref-palette', 'neutral6')
         ),
         null
       ),
@@ -332,10 +332,10 @@ $_default-dark: (
       ),
     'surface':
       if(
-        map.get($deps, 'md-ref-palette', 'neutral10'),
+        map.get($deps, 'md-ref-palette', 'neutral6'),
         var(
           --md-sys-color-surface,
-          map.get($deps, 'md-ref-palette', 'neutral10')
+          map.get($deps, 'md-ref-palette', 'neutral6')
         ),
         null
       ),
@@ -467,10 +467,10 @@ $_default-light: (
   @return (
     'background':
       if(
-        map.get($deps, 'md-ref-palette', 'neutral99'),
+        map.get($deps, 'md-ref-palette', 'neutral98'),
         var(
           --md-sys-color-background,
-          map.get($deps, 'md-ref-palette', 'neutral99')
+          map.get($deps, 'md-ref-palette', 'neutral98')
         ),
         null
       ),
@@ -776,10 +776,10 @@ $_default-light: (
       ),
     'surface':
       if(
-        map.get($deps, 'md-ref-palette', 'neutral99'),
+        map.get($deps, 'md-ref-palette', 'neutral98'),
         var(
           --md-sys-color-surface,
-          map.get($deps, 'md-ref-palette', 'neutral99')
+          map.get($deps, 'md-ref-palette', 'neutral98')
         ),
         null
       ),

package/tokens/{v0_161 → v0_172}/_md-sys-elevation.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 //
 
 @function values($exclude-hardcoded-values: false) {

package/tokens/{v0_161 → v0_172}/_md-sys-motion.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 // User-configured context group "Platform": "Web"
 //
 

package/tokens/{v0_161 → v0_172}/_md-sys-shape.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 //
 
 @function values($exclude-hardcoded-values: false) {

package/tokens/{v0_161 → v0_172}/_md-sys-state.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 //
 
 @function values($exclude-hardcoded-values: false) {

package/tokens/{v0_161 → v0_172}/_md-sys-typescale.scss

@@ -6,7 +6,7 @@
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.161
+// Design system version: v0.172
 // User-configured context group "Audience": "3P"
 //
 

package/tokens/v0_172/index.test.css.d.ts

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

package/tokens/v0_172/lib.test.css.d.ts

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

package/button/elevated-link-button.d.ts

@@ -1,36 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ElevatedLinkButton } from './lib/elevated-link-button.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-elevated-link-button': MdElevatedLinkButton;
-    }
-}
-/**
- * @summary Buttons help people take action, such as sending an email, sharing a
- * document, or liking a comment. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
- * from other onscreen elements.
- *
- * __Rationale:__ Elevated buttons are essentially filled buttons with a lighter
- * background color and a shadow. To prevent shadow creep, only use them when
- * absolutely necessary, such as when the button requires visual separation from
- * a patterned background.
- *
- * __Example usages:__
- * - Reply
- * - View all
- * - Add to cart
- * - Take out of trash
- *
- * @final
- * @suppress {visibility}
- */
-export declare class MdElevatedLinkButton extends ElevatedLinkButton {
-    static styles: import("lit").CSSResult[];
-}

package/button/elevated-link-button.js

@@ -1,41 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { ElevatedLinkButton } from './lib/elevated-link-button.js';
-import { styles as elevatedStyles } from './lib/elevated-styles.css.js';
-import { styles as sharedElevationStyles } from './lib/shared-elevation-styles.css.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-/**
- * @summary Buttons help people take action, such as sending an email, sharing a
- * document, or liking a comment. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
- * from other onscreen elements.
- *
- * __Rationale:__ Elevated buttons are essentially filled buttons with a lighter
- * background color and a shadow. To prevent shadow creep, only use them when
- * absolutely necessary, such as when the button requires visual separation from
- * a patterned background.
- *
- * __Example usages:__
- * - Reply
- * - View all
- * - Add to cart
- * - Take out of trash
- *
- * @final
- * @suppress {visibility}
- */
-let MdElevatedLinkButton = class MdElevatedLinkButton extends ElevatedLinkButton {
-};
-MdElevatedLinkButton.styles = [sharedStyles, sharedElevationStyles, elevatedStyles];
-MdElevatedLinkButton = __decorate([
-    customElement('md-elevated-link-button')
-], MdElevatedLinkButton);
-export { MdElevatedLinkButton };
-//# sourceMappingURL=elevated-link-button.js.map

package/button/elevated-link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"elevated-link-button.js","sourceRoot":"","sources":["elevated-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAC,MAAM,IAAI,cAAc,EAAC,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAC,MAAM,IAAI,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,kBAAkB;;AAC1C,2BAAM,GAClB,CAAC,YAAY,EAAE,qBAAqB,EAAE,cAAc,CAAC,CAAC;AAF/C,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAGhC;SAHY,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 {ElevatedLinkButton} from './lib/elevated-link-button.js';\nimport {styles as elevatedStyles} from './lib/elevated-styles.css.js';\nimport {styles as sharedElevationStyles} from './lib/shared-elevation-styles.css.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-elevated-link-button': MdElevatedLinkButton;\n  }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Medium emphasis – For important actions that don’t distract\n * from other onscreen elements.\n *\n * __Rationale:__ Elevated buttons are essentially filled buttons with a lighter\n * background color and a shadow. To prevent shadow creep, only use them when\n * absolutely necessary, such as when the button requires visual separation from\n * a patterned background.\n *\n * __Example usages:__\n * - Reply\n * - View all\n * - Add to cart\n * - Take out of trash\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-elevated-link-button')\nexport class MdElevatedLinkButton extends ElevatedLinkButton {\n  static override styles =\n      [sharedStyles, sharedElevationStyles, elevatedStyles];\n}\n"]}

package/button/filled-link-button.d.ts

@@ -1,34 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { FilledLinkButton } from './lib/filled-link-button.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-filled-link-button': MdFilledLinkButton;
-    }
-}
-/**
- * @summary Buttons help people take action, such as sending an email, sharing a
- * document, or liking a comment. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ High emphasis – For the primary, most important, or most common
- * action on a screen
- *
- * __Rationale:__ The filled button’s contrasting surface color makes it the
- * most prominent button after the FAB. It’s used for final or unblocking
- * actions in a flow.
- *
- * __Example usages:__
- * - Save
- * - Confirm
- * - Done
- *
- * @final
- * @suppress {visibility}
- */
-export declare class MdFilledLinkButton extends FilledLinkButton {
-    static styles: import("lit").CSSResult[];
-}

package/button/filled-link-button.js

@@ -1,39 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { FilledLinkButton } from './lib/filled-link-button.js';
-import { styles as filledStyles } from './lib/filled-styles.css.js';
-import { styles as sharedElevationStyles } from './lib/shared-elevation-styles.css.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-/**
- * @summary Buttons help people take action, such as sending an email, sharing a
- * document, or liking a comment. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ High emphasis – For the primary, most important, or most common
- * action on a screen
- *
- * __Rationale:__ The filled button’s contrasting surface color makes it the
- * most prominent button after the FAB. It’s used for final or unblocking
- * actions in a flow.
- *
- * __Example usages:__
- * - Save
- * - Confirm
- * - Done
- *
- * @final
- * @suppress {visibility}
- */
-let MdFilledLinkButton = class MdFilledLinkButton extends FilledLinkButton {
-};
-MdFilledLinkButton.styles = [sharedStyles, sharedElevationStyles, filledStyles];
-MdFilledLinkButton = __decorate([
-    customElement('md-filled-link-button')
-], MdFilledLinkButton);
-export { MdFilledLinkButton };
-//# sourceMappingURL=filled-link-button.js.map

package/button/filled-link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filled-link-button.js","sourceRoot":"","sources":["filled-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,MAAM,IAAI,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;;;;;;GAmBG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,gBAAgB;;AACtC,yBAAM,GAAG,CAAC,YAAY,EAAE,qBAAqB,EAAE,YAAY,CAAC,CAAC;AADlE,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAE9B;SAFY,kBAAkB","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 {FilledLinkButton} from './lib/filled-link-button.js';\nimport {styles as filledStyles} from './lib/filled-styles.css.js';\nimport {styles as sharedElevationStyles} from './lib/shared-elevation-styles.css.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-filled-link-button': MdFilledLinkButton;\n  }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ High emphasis – For the primary, most important, or most common\n * action on a screen\n *\n * __Rationale:__ The filled button’s contrasting surface color makes it the\n * most prominent button after the FAB. It’s used for final or unblocking\n * actions in a flow.\n *\n * __Example usages:__\n * - Save\n * - Confirm\n * - Done\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-filled-link-button')\nexport class MdFilledLinkButton extends FilledLinkButton {\n  static override styles = [sharedStyles, sharedElevationStyles, filledStyles];\n}\n"]}