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

package/tokens/_md-sys-elevation.scss

@@ -0,0 +1,30 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
+@use './v0_172/md-sys-elevation';
+// go/keep-sorted end
+
+@function values($exclude-hardcoded-values: false) {
+  $tokens: md-sys-elevation.values($exclude-hardcoded-values);
+  $tokens: map.merge(
+    $tokens,
+    (
+      // Elevation levels on web should use the level number, not the dp value
+      // TODO(b/261603279): remove once tokens are updated to use level
+      'level0': if($exclude-hardcoded-values, null, 0),
+      'level1': if($exclude-hardcoded-values, null, 1),
+      'level2': if($exclude-hardcoded-values, null, 2),
+      'level3': if($exclude-hardcoded-values, null, 3),
+      'level4': if($exclude-hardcoded-values, null, 4),
+      'level5': if($exclude-hardcoded-values, null, 5)
+    )
+  );
+
+  @return $tokens;
+}

package/tokens/_md-sys-motion.scss

@@ -0,0 +1,12 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use './v0_172/md-sys-motion';
+// go/keep-sorted end
+
+@function values($exclude-hardcoded-values: false) {
+  @return md-sys-motion.values($exclude-hardcoded-values);
+}

package/tokens/_md-sys-shape.scss

@@ -0,0 +1,12 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use './v0_172/md-sys-shape';
+// go/keep-sorted end
+
+@function values($exclude-hardcoded-values: false) {
+  @return md-sys-shape.values($exclude-hardcoded-values);
+}

package/tokens/_md-sys-state.scss

@@ -0,0 +1,12 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use './v0_172/md-sys-state';
+// go/keep-sorted end
+
+@function values($exclude-hardcoded-values: false) {
+  @return md-sys-state.values($exclude-hardcoded-values);
+}

package/tokens/_md-sys-typescale.scss

@@ -0,0 +1,51 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
+@use './md-ref-typeface';
+@use './v0_172/md-sys-typescale';
+// go/keep-sorted end
+
+$_default: (
+  'md-ref-typeface': md-ref-typeface.values(),
+);
+
+$supported-tokens: (
+  'body-large',
+  'body-medium',
+  'body-small',
+  'display-large',
+  'display-medium',
+  'display-small',
+  'headline-large',
+  'headline-medium',
+  'headline-small',
+  'label-large',
+  'label-medium',
+  'label-small',
+  'title-large',
+  'title-medium',
+  'title-small'
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  $tokens: md-sys-typescale.values($deps, $exclude-hardcoded-values);
+
+  // TODO(b/271876162): Remove when the token compiler emits these custom properties
+  @each $token in $supported-tokens {
+    $value: map.get($tokens, $token);
+    @if $value != null {
+      $tokens: map.set(
+        $tokens,
+        $token,
+        var(--md-sys-typescale-#{$token}, #{$value})
+      );
+    }
+  }
+  @return $tokens;
+}

package/tokens/_values.scss

@@ -0,0 +1,111 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use 'sass:list';
+@use 'sass:map';
+@use 'sass:meta';
+// go/keep-sorted end
+
+/// Validates the Map returned from `tokens.md-comp-*-values()` functions.
+///
+/// Validation requires a `$values` Map and at least the `$supported-tokens`
+/// keyword argument.
+/// @example - scss
+///   $tokens: values.validate(
+///     md-comp-foo.values($deps, $exclude-hardcoded-values),
+///     $supported-tokens: (),
+///       'foo-color',
+///       'foo-size',
+///     ),
+///   );
+///
+/// Additional keyword arguments for `$unsupported-tokens`, `$renamed-tokens`,
+/// and `$new-tokens` are optional.
+///
+/// @param {Map} $values - The values Map returned from
+///     `tokens.md-comp-*-values()` functions.
+/// @param {List} $supported-tokens - Keyword argument for every token that is
+///     supported.
+/// @param {List} $unsupported-tokens [null] - Keyword argument for every token
+///     that is not supported and should be removed.
+/// @param {Map} $renamed-tokens [null] - Keyword argument for a Map whose keys
+///     are token names and values are new token names to rename them to. The
+///     new token name must appear in the `$supported-tokens` list.
+/// @param {Map} $new-tokens [null] - Keyword argument for a Map whose keys
+///     and values are new tokens to be added. They must also appear in the
+///     `$supported-tokens` list.
+/// @return {Map} The `tokens.md-comp-*-values()` Map with any unsupported
+///     tokens removed, renamed tokens updated, and new tokens added.
+@function validate($values, $tokens...) {
+  $tokens: meta.keywords($tokens);
+
+  $renamed-tokens: map.get($tokens, 'renamed-tokens');
+  @if $renamed-tokens {
+    @if meta.type-of($renamed-tokens) != 'map' {
+      @error 'values.validate($renamed-tokens) must be a map.';
+    }
+
+    @each $old-token, $new-token in $renamed-tokens {
+      @if not map.has-key($values, $old-token) {
+        @error 'values.validate($renamed-tokens: (\'#{$old-tokens}\': \'#{$new-token}\')) old-token in not the provided values.';
+      }
+
+      $values: map.set($values, $new-token, map.get($values, $old-token));
+      $values: map.remove($values, $old-token);
+    }
+  }
+
+  $unsupported-tokens: map.get($tokens, 'unsupported-tokens');
+  @if $unsupported-tokens {
+    @if meta.type-of($unsupported-tokens) != 'list' {
+      @error 'values.validate($unsupported-tokens) must be a list.';
+    }
+
+    @each $unsupported-token in $unsupported-tokens {
+      @if not map.has-key($values, $unsupported-token) {
+        @error 'values.validate($unsupported-tokens: (\'#{$unsupported-token}\')) token is not in the provided values.';
+      }
+
+      $values: map.remove($values, $unsupported-token);
+    }
+  }
+
+  $new-tokens: map.get($tokens, 'new-tokens');
+  @if $new-tokens {
+    @if meta.type-of($new-tokens) != 'map' {
+      @error 'values.validate($new-tokens) must be a map.';
+    }
+
+    @each $new-token, $new-value in $new-tokens {
+      @if map.has-key($values, $new-token) {
+        @warn 'values.validate($new-tokens: (\'#{$new-token}\': \'#{$new-value}\')) already exists. Has it been added to tokens? If so, remove this new token.';
+      }
+
+      @if $new-value {
+        $values: map.set($values, $new-token, $new-value);
+      }
+    }
+  }
+
+  $supported-tokens: map.get($tokens, 'supported-tokens');
+  @if not $supported-tokens or meta.type-of($supported-tokens) != 'list' {
+    @error 'values.validate() must include a $supported-tokens list.';
+  }
+
+  @each $token in map.keys($values) {
+    @if list.index($supported-tokens, $token) == 0 {
+      @error 'values.validate($supported-tokens)) is missing the \'#{$token}\' token. Does it need adding to $unsupported-tokens?';
+    }
+  }
+
+  @each $supported-token in $supported-tokens {
+    @if not map.has-key($values, $supported-token) {
+      @error 'The provided values are missing the supported \'#{$supported-token}\' token.';
+    }
+  }
+
+  @return $values;
+}

package/tokens/{v0_161 → v0_172}/_md-comp-assist-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'),
@@ -42,7 +40,8 @@ $_default: (
     'dragged-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
     '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_160 → v0_172}/_md-comp-badge.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.160
+// Design system version: v0.172
 //
 
 @use 'sass:map';

package/tokens/{v0_160 → v0_172}/_md-comp-banner.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.160
+// Design system version: v0.172
 //
 
 @use 'sass:map';
@@ -28,11 +28,9 @@ $_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-low'),
     'container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
-    'container-surface-tint-layer-color':
-      map.get($deps, 'md-sys-color', 'surface-tint'),
     'desktop-with-single-line-container-height':
       if($exclude-hardcoded-values, null, 52px),
     'desktop-with-three-lines-container-height':

package/tokens/{v0_160 → v0_172}/_md-comp-bottom-app-bar.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.160
+// Design system version: v0.172
 //
 
 @use 'sass:map';
@@ -25,11 +25,9 @@ $_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'),
     'container-elevation': map.get($deps, 'md-sys-elevation', 'level2'),
     'container-height': if($exclude-hardcoded-values, null, 80px),
-    'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
-    'container-surface-tint-layer-color':
-      map.get($deps, 'md-sys-color', 'surface-tint')
+    'container-shape': map.get($deps, 'md-sys-shape', 'corner-none')
   );
 }

package/tokens/{v0_160 → v0_172}/_md-comp-carousel-item.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.160
+// Design system version: v0.172
 //
 
 @use 'sass:map';
@@ -32,8 +32,6 @@ $_default: (
     'container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
     'container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-large'),
-    'container-surface-tint-layer-color':
-      map.get($deps, 'md-sys-color', 'surface-tint'),
     'disabled-container-color': map.get($deps, 'md-sys-color', 'surface'),
     'disabled-container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
     'disabled-container-opacity': if($exclude-hardcoded-values, null, 0.38),

package/tokens/{v0_161 → v0_172}/_md-comp-checkbox.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-circular-progress-indicator.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_160 → v0_172}/_md-comp-data-table.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.160
+// Design system version: v0.172
 //
 
 @use 'sass:map';
@@ -81,7 +81,7 @@ $_default: (
     'row-item-outline-color': map.get($deps, 'md-sys-color', 'outline-variant'),
     'row-item-outline-width': if($exclude-hardcoded-values, null, 1px),
     'row-item-selected-container-color':
-      map.get($deps, 'md-sys-color', 'surface-variant'),
+      map.get($deps, 'md-sys-color', 'surface-container-highest'),
     'row-item-selected-hover-state-layer-color':
       map.get($deps, 'md-sys-color', 'on-surface'),
     'row-item-selected-hover-state-layer-opacity':

package/tokens/{v0_161 → v0_172}/_md-comp-date-input-modal.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';
@@ -28,12 +28,10 @@ $_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-height': if($exclude-hardcoded-values, null, 512px),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-large'),
-    'container-surface-tint-layer-color':
-      map.get($deps, 'md-sys-color', 'surface-tint'),
     'container-width': if($exclude-hardcoded-values, null, 328px),
     'header-container-height': if($exclude-hardcoded-values, null, 120px),
     'header-container-width': if($exclude-hardcoded-values, null, 328px),

package/tokens/{v0_161 → v0_172}/_md-comp-date-picker-docked.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,12 +31,10 @@ $_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-height': if($exclude-hardcoded-values, null, 456px),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-large'),
-    'container-surface-tint-layer-color':
-      map.get($deps, 'md-sys-color', 'surface-tint'),
     'container-width': if($exclude-hardcoded-values, null, 360px),
     'date-container-height': if($exclude-hardcoded-values, null, 48px),
     'date-container-shape': map.get($deps, 'md-sys-shape', 'corner-full'),

package/tokens/{v0_161 → v0_172}/_md-comp-date-picker-modal.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,12 +31,10 @@ $_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-height': if($exclude-hardcoded-values, null, 568px),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-large'),
-    'container-surface-tint-layer-color':
-      map.get($deps, 'md-sys-color', 'surface-tint'),
     'container-width': if($exclude-hardcoded-values, null, 360px),
     'date-container-height': if($exclude-hardcoded-values, null, 40px),
     'date-container-shape': map.get($deps, 'md-sys-shape', 'corner-full'),

package/tokens/{v0_160 → v0_172}/_md-comp-dialog.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.160
+// Design system version: v0.172
 //
 
 @use 'sass:map';
@@ -67,11 +67,9 @@ $_default: (
       map.get($deps, 'md-sys-color', 'primary'),
     'action-pressed-state-layer-opacity':
       map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
-    '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'),
-    '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-divider.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_160 → v0_172}/_md-comp-elevated-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.160
+// Design system version: v0.172
 //
 
 @use 'sass:map';
@@ -31,13 +31,11 @@ $_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-low'),
     'container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
     'container-height': if($exclude-hardcoded-values, null, 40px),
     'container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
-    'container-surface-tint-layer-color':
-      map.get($deps, 'md-sys-color', 'surface-tint'),
     'disabled-container-color': map.get($deps, 'md-sys-color', 'on-surface'),
     'disabled-container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
     'disabled-container-opacity': if($exclude-hardcoded-values, null, 0.12),

package/tokens/{v0_160 → v0_172}/_md-comp-elevated-card.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.160
+// Design system version: v0.172
 //
 
 @use 'sass:map';
@@ -28,12 +28,10 @@ $_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-low'),
     'container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
     'container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-medium'),
-    'container-surface-tint-layer-color':
-      map.get($deps, 'md-sys-color', 'surface-tint'),
     'disabled-container-color': map.get($deps, 'md-sys-color', 'surface'),
     'disabled-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
     'disabled-container-opacity': if($exclude-hardcoded-values, null, 0.38),

package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-branded.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,13 +31,11 @@ $_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-height': if($exclude-hardcoded-values, null, 56px),
     'container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-large'),
-    'container-surface-tint-layer-color':
-      map.get($deps, 'md-sys-color', 'surface-tint'),
     'focus-container-elevation': map.get($deps, 'md-sys-elevation', 'level3'),
     'focus-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
     'focus-state-layer-color': map.get($deps, 'md-sys-color', 'primary'),
@@ -70,6 +68,8 @@ $_default: (
       ),
     'label-text-weight':
       map.get($deps, 'md-sys-typescale', 'label-large-weight'),
+    'lowered-container-color':
+      map.get($deps, 'md-sys-color', 'surface-container-low'),
     'lowered-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
     'lowered-focus-container-elevation':
       map.get($deps, 'md-sys-elevation', 'level1'),

package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-primary.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_160 → v0_172}/_md-comp-extended-fab-secondary.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.160
+// Design system version: v0.172
 //
 
 @use 'sass:map';

package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-surface.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,13 +31,11 @@ $_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-height': if($exclude-hardcoded-values, null, 56px),
     'container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
     'container-shape': map.get($deps, 'md-sys-shape', 'corner-large'),
-    'container-surface-tint-layer-color':
-      map.get($deps, 'md-sys-color', 'surface-tint'),
     'focus-container-elevation': map.get($deps, 'md-sys-elevation', 'level3'),
     'focus-icon-color': map.get($deps, 'md-sys-color', 'primary'),
     'focus-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
@@ -73,6 +71,8 @@ $_default: (
       ),
     'label-text-weight':
       map.get($deps, 'md-sys-typescale', 'label-large-weight'),
+    'lowered-container-color':
+      map.get($deps, 'md-sys-color', 'surface-container-low'),
     'lowered-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
     'lowered-focus-container-elevation':
       map.get($deps, 'md-sys-elevation', 'level1'),

package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-tertiary.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';