@material/web 1.0.0-pre.1 → 1.0.0-pre.3

package/tokens/{v0_150 → v0_160}/_md-comp-suggestion-chip.scss

@@ -1,12 +1,12 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 //
 
 @use 'sass:map';

package/tokens/{v0_150 → v0_160}/_md-comp-switch.scss

@@ -1,35 +1,30 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 //
 
 @use 'sass:map';
 
 @use './md-sys-color';
 
-@use './md-sys-elevation';
-
 @use './md-sys-shape';
 
 @use './md-sys-state';
 
 $_default: (
   'md-sys-color': md-sys-color.values-light(),
-  'md-sys-elevation': md-sys-elevation.values(),
   'md-sys-shape': md-sys-shape.values(),
   'md-sys-state': md-sys-state.values(),
 );
 
 @function values($deps: $_default, $exclude-hardcoded-values: false) {
   @return (
-    'disabled-handle-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
-    'disabled-handle-opacity': if($exclude-hardcoded-values, null, 0.38),
     'disabled-selected-handle-color': map.get($deps, 'md-sys-color', 'surface'),
     'disabled-selected-handle-opacity': if($exclude-hardcoded-values, null, 1),
     'disabled-selected-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
@@ -49,11 +44,7 @@ $_default: (
       map.get($deps, 'md-sys-color', 'surface-variant'),
     'disabled-unselected-track-outline-color':
       map.get($deps, 'md-sys-color', 'on-surface'),
-    'handle-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
-    'handle-height': if($exclude-hardcoded-values, null, 20px),
-    'handle-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
     'handle-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
-    'handle-width': if($exclude-hardcoded-values, null, 20px),
     'pressed-handle-height': if($exclude-hardcoded-values, null, 28px),
     'pressed-handle-width': if($exclude-hardcoded-values, null, 28px),
     'selected-focus-handle-color':

package/tokens/{v0_150 → v0_160}/_md-comp-text-button.scss

@@ -1,20 +1,18 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 //
 
 @use 'sass:map';
 
 @use './md-sys-color';
 
-@use './md-sys-elevation';
-
 @use './md-sys-shape';
 
 @use './md-sys-state';
@@ -23,7 +21,6 @@
 
 $_default: (
   'md-sys-color': md-sys-color.values-light(),
-  'md-sys-elevation': md-sys-elevation.values(),
   'md-sys-shape': md-sys-shape.values(),
   'md-sys-state': md-sys-state.values(),
   'md-sys-typescale': md-sys-typescale.values(),
@@ -31,7 +28,6 @@ $_default: (
 
 @function values($deps: $_default, $exclude-hardcoded-values: false) {
   @return (
-    'container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
     'container-height': if($exclude-hardcoded-values, null, 40px),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
     'disabled-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),

package/tokens/{v0_150 → v0_160}/_md-comp-time-input.scss

@@ -1,12 +1,12 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 //
 
 @use 'sass:map';

package/tokens/{v0_150 → v0_160}/_md-comp-time-picker.scss

@@ -1,12 +1,12 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 //
 
 @use 'sass:map';
@@ -32,8 +32,6 @@ $_default: (
 @function values($deps: $_default, $exclude-hardcoded-values: false) {
   @return (
     'clock-dial-color': map.get($deps, 'md-sys-color', 'surface-variant'),
-    'clock-dial-color-ignore':
-      map.get($deps, 'md-sys-color', 'on-surface-variant'),
     '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 +74,6 @@ $_default: (
     'clock-dial-selector-track-container-width':
       if($exclude-hardcoded-values, null, 2px),
     'clock-dial-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
-    'clock-dial-shape-ignore': 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'),

package/tokens/{v0_150 → v0_160}/_md-comp-top-app-bar-large.scss

@@ -1,12 +1,12 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 //
 
 @use 'sass:map';

package/tokens/{v0_150 → v0_160}/_md-comp-top-app-bar-medium.scss

@@ -1,12 +1,12 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 //
 
 @use 'sass:map';

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

@@ -1,12 +1,12 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 //
 
 @use 'sass:map';
@@ -60,7 +60,6 @@ $_default: (
     'leading-icon-size': if($exclude-hardcoded-values, null, 24px),
     'on-scroll-container-elevation':
       map.get($deps, 'md-sys-elevation', 'level2'),
-    'on-scroll-container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
     'trailing-icon-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
     'trailing-icon-size': if($exclude-hardcoded-values, null, 24px)
   );

package/tokens/{v0_150 → v0_160}/_md-comp-top-app-bar-small.scss

@@ -1,12 +1,12 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 //
 
 @use 'sass:map';
@@ -58,7 +58,6 @@ $_default: (
     'leading-icon-size': if($exclude-hardcoded-values, null, 24px),
     'on-scroll-container-elevation':
       map.get($deps, 'md-sys-elevation', 'level2'),
-    'on-scroll-container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
     'trailing-icon-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
     'trailing-icon-size': if($exclude-hardcoded-values, null, 24px)
   );

package/tokens/{v0_150 → v0_160}/_md-ref-palette.scss

@@ -1,12 +1,12 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 // User-configured context group "Audience": "3P"
 //
 

package/tokens/{v0_150 → v0_160}/_md-ref-typeface.scss

@@ -1,12 +1,12 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 // User-configured context group "Audience": "3P"
 //
 

package/tokens/{v0_150 → v0_160}/_md-sys-color.scss

@@ -1,12 +1,12 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 // User-configured context group "Audience": "3P"
 // User-configured context group "Scheme": "Dynamic"
 //
@@ -117,6 +117,24 @@ $_default-dark: (
         ),
         null
       ),
+    'on-primary-fixed':
+      if(
+        map.get($deps, 'md-ref-palette', 'primary10'),
+        var(
+          --md-sys-color-on-primary-fixed,
+          map.get($deps, 'md-ref-palette', 'primary10')
+        ),
+        null
+      ),
+    'on-primary-fixed-variant':
+      if(
+        map.get($deps, 'md-ref-palette', 'primary30'),
+        var(
+          --md-sys-color-on-primary-fixed-variant,
+          map.get($deps, 'md-ref-palette', 'primary30')
+        ),
+        null
+      ),
     'on-secondary':
       if(
         map.get($deps, 'md-ref-palette', 'secondary20'),
@@ -135,6 +153,24 @@ $_default-dark: (
         ),
         null
       ),
+    'on-secondary-fixed':
+      if(
+        map.get($deps, 'md-ref-palette', 'secondary10'),
+        var(
+          --md-sys-color-on-secondary-fixed,
+          map.get($deps, 'md-ref-palette', 'secondary10')
+        ),
+        null
+      ),
+    'on-secondary-fixed-variant':
+      if(
+        map.get($deps, 'md-ref-palette', 'secondary30'),
+        var(
+          --md-sys-color-on-secondary-fixed-variant,
+          map.get($deps, 'md-ref-palette', 'secondary30')
+        ),
+        null
+      ),
     'on-surface':
       if(
         map.get($deps, 'md-ref-palette', 'neutral90'),
@@ -171,6 +207,24 @@ $_default-dark: (
         ),
         null
       ),
+    'on-tertiary-fixed':
+      if(
+        map.get($deps, 'md-ref-palette', 'tertiary10'),
+        var(
+          --md-sys-color-on-tertiary-fixed,
+          map.get($deps, 'md-ref-palette', 'tertiary10')
+        ),
+        null
+      ),
+    'on-tertiary-fixed-variant':
+      if(
+        map.get($deps, 'md-ref-palette', 'tertiary30'),
+        var(
+          --md-sys-color-on-tertiary-fixed-variant,
+          map.get($deps, 'md-ref-palette', 'tertiary30')
+        ),
+        null
+      ),
     'outline':
       if(
         map.get($deps, 'md-ref-palette', 'neutral-variant60'),
@@ -207,6 +261,24 @@ $_default-dark: (
         ),
         null
       ),
+    'primary-fixed':
+      if(
+        map.get($deps, 'md-ref-palette', 'primary90'),
+        var(
+          --md-sys-color-primary-fixed,
+          map.get($deps, 'md-ref-palette', 'primary90')
+        ),
+        null
+      ),
+    'primary-fixed-dim':
+      if(
+        map.get($deps, 'md-ref-palette', 'primary80'),
+        var(
+          --md-sys-color-primary-fixed-dim,
+          map.get($deps, 'md-ref-palette', 'primary80')
+        ),
+        null
+      ),
     'scrim':
       if(
         map.get($deps, 'md-ref-palette', 'neutral0'),
@@ -231,6 +303,24 @@ $_default-dark: (
         ),
         null
       ),
+    'secondary-fixed':
+      if(
+        map.get($deps, 'md-ref-palette', 'secondary90'),
+        var(
+          --md-sys-color-secondary-fixed,
+          map.get($deps, 'md-ref-palette', 'secondary90')
+        ),
+        null
+      ),
+    'secondary-fixed-dim':
+      if(
+        map.get($deps, 'md-ref-palette', 'secondary80'),
+        var(
+          --md-sys-color-secondary-fixed-dim,
+          map.get($deps, 'md-ref-palette', 'secondary80')
+        ),
+        null
+      ),
     'shadow':
       if(
         map.get($deps, 'md-ref-palette', 'neutral0'),
@@ -321,15 +411,6 @@ $_default-dark: (
         ),
         null
       ),
-    'surface-tint-color':
-      if(
-        map.get($deps, 'md-ref-palette', 'primary80'),
-        var(
-          --md-sys-color-primary,
-          map.get($deps, 'md-ref-palette', 'primary80')
-        ),
-        null
-      ),
     'surface-variant':
       if(
         map.get($deps, 'md-ref-palette', 'neutral-variant30'),
@@ -356,6 +437,24 @@ $_default-dark: (
           map.get($deps, 'md-ref-palette', 'tertiary30')
         ),
         null
+      ),
+    'tertiary-fixed':
+      if(
+        map.get($deps, 'md-ref-palette', 'tertiary90'),
+        var(
+          --md-sys-color-tertiary-fixed,
+          map.get($deps, 'md-ref-palette', 'tertiary90')
+        ),
+        null
+      ),
+    'tertiary-fixed-dim':
+      if(
+        map.get($deps, 'md-ref-palette', 'tertiary80'),
+        var(
+          --md-sys-color-tertiary-fixed-dim,
+          map.get($deps, 'md-ref-palette', 'tertiary80')
+        ),
+        null
       )
   );
 }
@@ -462,6 +561,24 @@ $_default-light: (
         ),
         null
       ),
+    'on-primary-fixed':
+      if(
+        map.get($deps, 'md-ref-palette', 'primary10'),
+        var(
+          --md-sys-color-on-primary-fixed,
+          map.get($deps, 'md-ref-palette', 'primary10')
+        ),
+        null
+      ),
+    'on-primary-fixed-variant':
+      if(
+        map.get($deps, 'md-ref-palette', 'primary30'),
+        var(
+          --md-sys-color-on-primary-fixed-variant,
+          map.get($deps, 'md-ref-palette', 'primary30')
+        ),
+        null
+      ),
     'on-secondary':
       if(
         map.get($deps, 'md-ref-palette', 'secondary100'),
@@ -480,6 +597,24 @@ $_default-light: (
         ),
         null
       ),
+    'on-secondary-fixed':
+      if(
+        map.get($deps, 'md-ref-palette', 'secondary10'),
+        var(
+          --md-sys-color-on-secondary-fixed,
+          map.get($deps, 'md-ref-palette', 'secondary10')
+        ),
+        null
+      ),
+    'on-secondary-fixed-variant':
+      if(
+        map.get($deps, 'md-ref-palette', 'secondary30'),
+        var(
+          --md-sys-color-on-secondary-fixed-variant,
+          map.get($deps, 'md-ref-palette', 'secondary30')
+        ),
+        null
+      ),
     'on-surface':
       if(
         map.get($deps, 'md-ref-palette', 'neutral10'),
@@ -516,6 +651,24 @@ $_default-light: (
         ),
         null
       ),
+    'on-tertiary-fixed':
+      if(
+        map.get($deps, 'md-ref-palette', 'tertiary10'),
+        var(
+          --md-sys-color-on-tertiary-fixed,
+          map.get($deps, 'md-ref-palette', 'tertiary10')
+        ),
+        null
+      ),
+    'on-tertiary-fixed-variant':
+      if(
+        map.get($deps, 'md-ref-palette', 'tertiary30'),
+        var(
+          --md-sys-color-on-tertiary-fixed-variant,
+          map.get($deps, 'md-ref-palette', 'tertiary30')
+        ),
+        null
+      ),
     'outline':
       if(
         map.get($deps, 'md-ref-palette', 'neutral-variant50'),
@@ -552,6 +705,24 @@ $_default-light: (
         ),
         null
       ),
+    'primary-fixed':
+      if(
+        map.get($deps, 'md-ref-palette', 'primary90'),
+        var(
+          --md-sys-color-primary-fixed,
+          map.get($deps, 'md-ref-palette', 'primary90')
+        ),
+        null
+      ),
+    'primary-fixed-dim':
+      if(
+        map.get($deps, 'md-ref-palette', 'primary80'),
+        var(
+          --md-sys-color-primary-fixed-dim,
+          map.get($deps, 'md-ref-palette', 'primary80')
+        ),
+        null
+      ),
     'scrim':
       if(
         map.get($deps, 'md-ref-palette', 'neutral0'),
@@ -576,6 +747,24 @@ $_default-light: (
         ),
         null
       ),
+    'secondary-fixed':
+      if(
+        map.get($deps, 'md-ref-palette', 'secondary90'),
+        var(
+          --md-sys-color-secondary-fixed,
+          map.get($deps, 'md-ref-palette', 'secondary90')
+        ),
+        null
+      ),
+    'secondary-fixed-dim':
+      if(
+        map.get($deps, 'md-ref-palette', 'secondary80'),
+        var(
+          --md-sys-color-secondary-fixed-dim,
+          map.get($deps, 'md-ref-palette', 'secondary80')
+        ),
+        null
+      ),
     'shadow':
       if(
         map.get($deps, 'md-ref-palette', 'neutral0'),
@@ -666,15 +855,6 @@ $_default-light: (
         ),
         null
       ),
-    'surface-tint-color':
-      if(
-        map.get($deps, 'md-ref-palette', 'primary40'),
-        var(
-          --md-sys-color-primary,
-          map.get($deps, 'md-ref-palette', 'primary40')
-        ),
-        null
-      ),
     'surface-variant':
       if(
         map.get($deps, 'md-ref-palette', 'neutral-variant90'),
@@ -701,6 +881,24 @@ $_default-light: (
           map.get($deps, 'md-ref-palette', 'tertiary90')
         ),
         null
+      ),
+    'tertiary-fixed':
+      if(
+        map.get($deps, 'md-ref-palette', 'tertiary90'),
+        var(
+          --md-sys-color-tertiary-fixed,
+          map.get($deps, 'md-ref-palette', 'tertiary90')
+        ),
+        null
+      ),
+    'tertiary-fixed-dim':
+      if(
+        map.get($deps, 'md-ref-palette', 'tertiary80'),
+        var(
+          --md-sys-color-tertiary-fixed-dim,
+          map.get($deps, 'md-ref-palette', 'tertiary80')
+        ),
+        null
       )
   );
 }

package/tokens/{v0_150 → v0_160}/_md-sys-elevation.scss

@@ -1,30 +1,21 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 //
 
-@use 'sass:map';
-
-@use './md-sys-color';
-
-$_default: (
-  'md-sys-color': md-sys-color.values-light(),
-);
-
-@function values($deps: $_default, $exclude-hardcoded-values: false) {
+@function values($exclude-hardcoded-values: false) {
   @return (
     'level0': if($exclude-hardcoded-values, null, 0),
     'level1': if($exclude-hardcoded-values, null, 1),
     'level2': if($exclude-hardcoded-values, null, 3),
     'level3': if($exclude-hardcoded-values, null, 6),
     'level4': if($exclude-hardcoded-values, null, 8),
-    'level5': if($exclude-hardcoded-values, null, 12),
-    'surface-tint-color': map.get($deps, 'md-sys-color', 'primary')
+    'level5': if($exclude-hardcoded-values, null, 12)
   );
 }

package/tokens/{v0_150 → v0_160}/_md-sys-motion.scss

@@ -1,12 +1,12 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 // User-configured context group "Platform": "Web"
 //
 

package/tokens/{v0_150 → v0_160}/_md-sys-shape.scss

@@ -1,12 +1,12 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 //
 
 @function values($exclude-hardcoded-values: false) {

package/tokens/{v0_150 → v0_160}/_md-sys-state.scss

@@ -1,12 +1,12 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 //
 
 @function values($exclude-hardcoded-values: false) {