@angular/material 18.2.0-next.1 → 18.2.0-next.3

package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small-centered.scss

@@ -0,0 +1,62 @@
+//
+// Design system display name: Material 3
+// Design system version: v0.161
+//
+
+@use 'sass:map';
+
+@use './md-sys-color';
+
+@use './md-sys-elevation';
+
+@use './md-sys-shape';
+
+@use './md-sys-typescale';
+
+$_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-typescale': md-sys-typescale.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  @return (
+    'avatar-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
+    'avatar-size': if($exclude-hardcoded-values, null, 30px),
+    'container-color': map.get($deps, 'md-sys-color', 'surface'),
+    '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':
+      map.get($deps, 'md-sys-typescale', 'title-large-line-height'),
+    'headline-size': map.get($deps, 'md-sys-typescale', 'title-large-size'),
+    'headline-tracking':
+      map.get($deps, 'md-sys-typescale', 'title-large-tracking'),
+    // Warning: risk of reduced fidelity from using this composite typography token.
+    // Tokens md.comp.top-app-bar.small.centered.headline.tracking cannot be represented
+    // in the "font" property shorthand. Consider using the discrete properties instead.
+    'headline-type':
+      if(
+        $exclude-hardcoded-values,
+        null,
+          map.get($deps, 'md-sys-typescale', 'title-large-weight')
+          map.get($deps, 'md-sys-typescale', 'title-large-size') #{'/'} map.get(
+            $deps,
+            'md-sys-typescale',
+            'title-large-line-height'
+          ) map.get($deps, 'md-sys-typescale', 'title-large-font')
+      ),
+    '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-elevation':
+      map.get($deps, 'md-sys-elevation', 'level2'),
+    'trailing-icon-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
+    'trailing-icon-size': if($exclude-hardcoded-values, null, 24px)
+  );
+}

package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small.scss

@@ -0,0 +1,60 @@
+//
+// Design system display name: Material 3
+// Design system version: v0.161
+//
+
+@use 'sass:map';
+
+@use './md-sys-color';
+
+@use './md-sys-elevation';
+
+@use './md-sys-shape';
+
+@use './md-sys-typescale';
+
+$_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-typescale': md-sys-typescale.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  @return (
+    'container-color': map.get($deps, 'md-sys-color', 'surface'),
+    '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':
+      map.get($deps, 'md-sys-typescale', 'title-large-line-height'),
+    'headline-size': map.get($deps, 'md-sys-typescale', 'title-large-size'),
+    'headline-tracking':
+      map.get($deps, 'md-sys-typescale', 'title-large-tracking'),
+    // Warning: risk of reduced fidelity from using this composite typography token.
+    // Tokens md.comp.top-app-bar.small.headline.tracking cannot be represented in the "font"
+    // property shorthand. Consider using the discrete properties instead.
+    'headline-type':
+      if(
+        $exclude-hardcoded-values,
+        null,
+          map.get($deps, 'md-sys-typescale', 'title-large-weight')
+          map.get($deps, 'md-sys-typescale', 'title-large-size') #{'/'} map.get(
+            $deps,
+            'md-sys-typescale',
+            'title-large-line-height'
+          ) map.get($deps, 'md-sys-typescale', 'title-large-font')
+      ),
+    '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-elevation':
+      map.get($deps, 'md-sys-elevation', 'level2'),
+    'trailing-icon-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
+    'trailing-icon-size': if($exclude-hardcoded-values, null, 24px)
+  );
+}

package/core/tokens/m3/mat/_app.scss

@@ -1,6 +1,7 @@
 @use 'sass:map';
+@use 'sass:meta';
 @use '../../../style/elevation';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, app);
@@ -17,12 +18,14 @@ $prefix: (mat, app);
     text-color: map.get($systems, md-sys-color, on-background),
   );
 
-  @if ($shadow-color) {
+  // If the shadow-color is an actual color, convert it to a box-shadow value. Otherwise
+  // use the token value as itself (e,g. as a CSS var name).
+  @if (meta.type-of($shadow-color) == color) {
     @for $zValue from 0 through 24 {
       $shadow: elevation.get-box-shadow($zValue, $shadow-color);
       $tokens: map.set($tokens, 'elevation-shadow-level-#{$zValue}', $shadow);
     }
   }
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_autocomplete.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use '../../../style/elevation';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, autocomplete);
@@ -15,8 +15,7 @@ $prefix: (mat, autocomplete);
     background-color: map.get($systems, md-sys-color, surface-container),
     container-shape: map.get($systems, md-sys-shape, corner-extra-small),
     container-elevation-shadow:
-      token-utils.hardcode(elevation.get-box-shadow(2), $exclude-hardcoded),
+      token-definition.hardcode(elevation.get-box-shadow(2), $exclude-hardcoded),
   );
-
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_badge.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use '../../../style/sass-utils';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, badge);
@@ -22,26 +22,26 @@ $prefix: (mat, badge);
     text-font: map.get($systems, md-sys-typescale, label-small-font),
     text-size: map.get($systems, md-sys-typescale, label-small-size),
     text-weight: map.get($systems, md-sys-typescale, label-small-weight),
-    small-size-text-size: token-utils.hardcode(0, $exclude-hardcoded),
+    small-size-text-size: token-definition.hardcode(0, $exclude-hardcoded),
     container-shape: map.get($systems, md-sys-shape, corner-full),
-    container-size: token-utils.hardcode(16px, $exclude-hardcoded),
-    legacy-container-size: token-utils.hardcode(unset, $exclude-hardcoded),
-    legacy-small-size-container-size: token-utils.hardcode(unset, $exclude-hardcoded),
-    small-size-container-size: token-utils.hardcode(6px, $exclude-hardcoded),
-    container-padding: token-utils.hardcode(0 4px, $exclude-hardcoded),
-    small-size-container-padding: token-utils.hardcode(0, $exclude-hardcoded),
-    container-offset: token-utils.hardcode(-12px 0, $exclude-hardcoded),
-    small-size-container-offset: token-utils.hardcode(-6px 0, $exclude-hardcoded),
-    container-overlap-offset: token-utils.hardcode(-12px, $exclude-hardcoded),
-    small-size-container-overlap-offset: token-utils.hardcode(-6px, $exclude-hardcoded),
+    container-size: token-definition.hardcode(16px, $exclude-hardcoded),
+    legacy-container-size: token-definition.hardcode(unset, $exclude-hardcoded),
+    legacy-small-size-container-size: token-definition.hardcode(unset, $exclude-hardcoded),
+    small-size-container-size: token-definition.hardcode(6px, $exclude-hardcoded),
+    container-padding: token-definition.hardcode(0 4px, $exclude-hardcoded),
+    small-size-container-padding: token-definition.hardcode(0, $exclude-hardcoded),
+    container-offset: token-definition.hardcode(-12px 0, $exclude-hardcoded),
+    small-size-container-offset: token-definition.hardcode(-6px 0, $exclude-hardcoded),
+    container-overlap-offset: token-definition.hardcode(-12px, $exclude-hardcoded),
+    small-size-container-overlap-offset: token-definition.hardcode(-6px, $exclude-hardcoded),
 
     // This size isn't in the M3 spec so we emit the same values as for `medium`.
-    large-size-container-size: token-utils.hardcode(16px, $exclude-hardcoded),
-    large-size-container-offset: token-utils.hardcode(-12px 0, $exclude-hardcoded),
-    large-size-container-overlap-offset: token-utils.hardcode(-12px, $exclude-hardcoded),
+    large-size-container-size: token-definition.hardcode(16px, $exclude-hardcoded),
+    large-size-container-offset: token-definition.hardcode(-12px 0, $exclude-hardcoded),
+    large-size-container-overlap-offset: token-definition.hardcode(-12px, $exclude-hardcoded),
     large-size-text-size: map.get($systems, md-sys-typescale, label-small-size),
-    large-size-container-padding: token-utils.hardcode(0 4px, $exclude-hardcoded),
-    legacy-large-size-container-size: token-utils.hardcode(unset, $exclude-hardcoded),
+    large-size-container-padding: token-definition.hardcode(0 4px, $exclude-hardcoded),
+    legacy-large-size-container-size: token-definition.hardcode(unset, $exclude-hardcoded),
   ), (
     primary: (
       background-color: map.get($systems, md-sys-color, primary),
@@ -73,5 +73,5 @@ $prefix: (mat, badge);
     error: () // Default, no overrides needed
   ));
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_bottom-sheet.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use '../../../style/sass-utils';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, bottom-sheet);
@@ -12,13 +12,13 @@ $prefix: (mat, bottom-sheet);
 /// @return {Map} A set of custom tokens for the mat-bottom-sheet
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: sass-utils.merge-all(
-    token-utils.generate-typography-tokens($systems, container-text, body-large),
+    token-definition.generate-typography-tokens($systems, container-text, body-large),
     (
-      container-shape: token-utils.hardcode(28px, $exclude-hardcoded),
+      container-shape: token-definition.hardcode(28px, $exclude-hardcoded),
       container-text-color: map.get($systems, md-sys-color, on-surface),
       container-background-color: map.get($systems, md-sys-color, surface-container-low),
     ),
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_card.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use '../../../style/sass-utils';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, card);
@@ -12,13 +12,13 @@ $prefix: (mat, card);
 /// @return {Map} A set of custom tokens for the mat-card
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: sass-utils.merge-all(
-    token-utils.generate-typography-tokens($systems, title-text, title-large),
-    token-utils.generate-typography-tokens($systems, subtitle-text, title-medium),
+    token-definition.generate-typography-tokens($systems, title-text, title-large),
+    token-definition.generate-typography-tokens($systems, subtitle-text, title-medium),
     (
       subtitle-text-color: map.get($systems, md-sys-color, on-surface)
     )
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }
 

package/core/tokens/m3/mat/_checkbox.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use '../../../style/sass-utils';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, checkbox);
@@ -22,5 +22,5 @@ $prefix: (mat, checkbox);
     label-text-weight: map.get($systems, md-sys-typescale, body-medium-weight),
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_chip.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, chip);
@@ -11,7 +11,7 @@ $prefix: (mat, chip);
 /// @return {Map} A set of custom tokens for the mat-chip
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: ((
-    disabled-container-opacity: token-utils.hardcode(1, $exclude-hardcoded),
+    disabled-container-opacity: token-definition.hardcode(1, $exclude-hardcoded),
     selected-trailing-icon-color: map.get($systems, md-sys-color, on-secondary-container),
     selected-disabled-trailing-icon-color: map.get($systems, md-sys-color, on-surface),
     trailing-action-state-layer-color: map.get($systems, md-sys-color, on-surface-variant),
@@ -21,8 +21,8 @@ $prefix: (mat, chip);
         map.get($systems, md-sys-state, hover-state-layer-opacity),
     trailing-action-focus-state-layer-opacity:
         map.get($systems, md-sys-state, focus-state-layer-opacity),
-    trailing-action-opacity: token-utils.hardcode(1, $exclude-hardcoded),
-    trailing-action-focus-opacity: token-utils.hardcode(1, $exclude-hardcoded),
+    trailing-action-opacity: token-definition.hardcode(1, $exclude-hardcoded),
+    trailing-action-focus-opacity: token-definition.hardcode(1, $exclude-hardcoded),
   ), (
     primary: (
       selected-trailing-icon-color: map.get($systems, md-sys-color, on-primary-container),
@@ -42,5 +42,5 @@ $prefix: (mat, chip);
     ),
   ));
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_datepicker.scss

@@ -1,7 +1,7 @@
 @use 'sass:map';
 @use '../../../style/elevation';
 @use '../../../style/sass-utils';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, datepicker);
@@ -42,7 +42,7 @@ $prefix: (mat, datepicker);
     calendar-period-button-text-color: map.get($systems, md-sys-color, on-surface-variant),
     calendar-period-button-icon-color: map.get($systems, md-sys-color, on-surface-variant),
     calendar-navigation-button-icon-color: map.get($systems, md-sys-color, on-surface-variant),
-    calendar-header-divider-color: token-utils.hardcode(transparent, $exclude-hardcoded),
+    calendar-header-divider-color: token-definition.hardcode(transparent, $exclude-hardcoded),
     calendar-header-text-color: map.get($systems, md-sys-color, on-surface-variant),
     calendar-date-today-outline-color: map.get($systems, md-sys-color, primary),
     calendar-date-today-disabled-state-outline-color: sass-utils.safe-color-change(
@@ -50,7 +50,7 @@ $prefix: (mat, datepicker);
       $alpha: 0.38
     ),
     calendar-date-text-color: map.get($systems, md-sys-color, on-surface),
-    calendar-date-outline-color: token-utils.hardcode(transparent, $exclude-hardcoded),
+    calendar-date-outline-color: token-definition.hardcode(transparent, $exclude-hardcoded),
     calendar-date-disabled-state-text-color: sass-utils.safe-color-change(
       map.get($systems, md-sys-color, on-surface),
       $alpha: 0.38
@@ -67,10 +67,10 @@ $prefix: (mat, datepicker);
     ),
     calendar-container-background-color: map.get($systems, md-sys-color, surface-container-high),
     calendar-container-text-color: map.get($systems, md-sys-color, on-surface),
-    calendar-container-elevation-shadow: token-utils.hardcode(elevation.get-box-shadow(0),
-      $exclude-hardcoded),
+    calendar-container-elevation-shadow:
+        token-definition.hardcode(elevation.get-box-shadow(0), $exclude-hardcoded),
     calendar-container-touch-elevation-shadow:
-      token-utils.hardcode(elevation.get-box-shadow(0), $exclude-hardcoded),
+      token-definition.hardcode(elevation.get-box-shadow(0), $exclude-hardcoded),
     calendar-container-shape: map.get($systems, md-sys-shape, corner-large),
     calendar-container-touch-shape: map.get($systems, md-sys-shape, corner-extra-large),
     calendar-text-font: map.get($systems, md-sys-typescale, body-large-font),
@@ -119,5 +119,5 @@ $prefix: (mat, datepicker);
     )
   ));
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_dialog.scss

@@ -1,4 +1,4 @@
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, dialog);
@@ -10,22 +10,23 @@ $prefix: (mat, dialog);
 /// @return {Map} A set of custom tokens for the dialog
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: (
-    container-elevation-shadow: token-utils.hardcode(none, $exclude-hardcoded),
-    container-max-width: token-utils.hardcode(560px, $exclude-hardcoded),
-    container-small-max-width: token-utils.hardcode(calc(100vw - 32px), $exclude-hardcoded),
-    container-min-width: token-utils.hardcode(280px, $exclude-hardcoded),
-    actions-alignment: token-utils.hardcode(flex-end, $exclude-hardcoded),
-    content-padding: token-utils.hardcode(20px 24px, $exclude-hardcoded),
-    with-actions-content-padding: token-utils.hardcode(20px 24px 0, $exclude-hardcoded),
-    actions-padding: token-utils.hardcode(16px 24px, $exclude-hardcoded),
+    container-elevation-shadow: token-definition.hardcode(none, $exclude-hardcoded),
+    container-max-width: token-definition.hardcode(560px, $exclude-hardcoded),
+    container-small-max-width:
+        token-definition.hardcode(calc(100vw - 32px), $exclude-hardcoded),
+    container-min-width: token-definition.hardcode(280px, $exclude-hardcoded),
+    actions-alignment: token-definition.hardcode(flex-end, $exclude-hardcoded),
+    content-padding: token-definition.hardcode(20px 24px, $exclude-hardcoded),
+    with-actions-content-padding: token-definition.hardcode(20px 24px 0, $exclude-hardcoded),
+    actions-padding: token-definition.hardcode(16px 24px, $exclude-hardcoded),
 
     // The vertical padding values are a bit weird, because MDC uses a `::before` pseudo
     // element to size the title which in turn means that we can't set a specific padding
     // and get the exact same space out of it. These values were determined through
     // trial and error so that the first line of text is 24px from the top and the bottom
     // of the text is 16px from the content under it.
-    headline-padding: token-utils.hardcode(6px 24px 13px, $exclude-hardcoded),
+    headline-padding: token-definition.hardcode(6px 24px 13px, $exclude-hardcoded),
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_divider.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, divider);
@@ -11,9 +11,9 @@ $prefix: (mat, divider);
 /// @return {Map} A set of custom tokens for the mat-divider
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: (
-    width: token-utils.hardcode(1px, $exclude-hardcoded),
+    width: token-definition.hardcode(1px, $exclude-hardcoded),
     color: map.get($systems, md-sys-color, outline),
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_expansion.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use '../../../style/sass-utils';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, expansion);
@@ -12,12 +12,12 @@ $prefix: (mat, expansion);
 /// @return {Map} A set of custom tokens for the mat-expansion
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: sass-utils.merge-all(
-    token-utils.generate-typography-tokens($systems, header-text, title-medium),
-    token-utils.generate-typography-tokens($systems, container-text, body-large),
+    token-definition.generate-typography-tokens($systems, header-text, title-medium),
+    token-definition.generate-typography-tokens($systems, container-text, body-large),
     (
-      container-shape: token-utils.hardcode(12px, $exclude-hardcoded),
-      legacy-header-indicator-display: token-utils.hardcode(none, $exclude-hardcoded),
-      header-indicator-display: token-utils.hardcode(inline-block, $exclude-hardcoded),
+      container-shape: token-definition.hardcode(12px, $exclude-hardcoded),
+      legacy-header-indicator-display: token-definition.hardcode(none, $exclude-hardcoded),
+      header-indicator-display: token-definition.hardcode(inline-block, $exclude-hardcoded),
       container-background-color: map.get($systems, md-sys-color, surface),
       container-text-color: map.get($systems, md-sys-color, on-surface),
       actions-divider-color: map.get($systems, md-sys-color, outline),
@@ -37,5 +37,5 @@ $prefix: (mat, expansion);
     )
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_fab-small.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use '../../../style/sass-utils';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, fab-small);
@@ -46,5 +46,5 @@ $prefix: (mat, fab-small);
     )
   ));
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_fab.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use '../../../style/sass-utils';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, fab);
@@ -46,5 +46,5 @@ $prefix: (mat, fab);
     )
   ));
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_filled-button.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use '../../../style/sass-utils';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, filled-button);
@@ -12,9 +12,9 @@ $prefix: (mat, filled-button);
 /// @return {Map} A set of custom tokens for the mat-flat-button
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: ((
-    horizontal-padding: token-utils.hardcode(24px, $exclude-hardcoded),
-    icon-spacing: token-utils.hardcode(8px, $exclude-hardcoded),
-    icon-offset: token-utils.hardcode(-8px, $exclude-hardcoded),
+    horizontal-padding: token-definition.hardcode(24px, $exclude-hardcoded),
+    icon-spacing: token-definition.hardcode(8px, $exclude-hardcoded),
+    icon-offset: token-definition.hardcode(-8px, $exclude-hardcoded),
     state-layer-color: map.get($systems, md-sys-color, on-primary),
     disabled-state-layer-color: map.get($systems, md-sys-color, on-surface-variant),
     ripple-color: sass-utils.safe-color-change(
@@ -50,5 +50,5 @@ $prefix: (mat, filled-button);
     )
   ));
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_form-field.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use '../../../style/sass-utils';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, form-field);
@@ -12,8 +12,8 @@ $prefix: (mat, form-field);
 /// @return {Map} A set of custom tokens for the mat-form-field
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: sass-utils.merge-all(
-    token-utils.generate-typography-tokens($systems, container-text, body-large),
-    token-utils.generate-typography-tokens($systems, subscript-text, body-small),
+    token-definition.generate-typography-tokens($systems, container-text, body-large),
+    token-definition.generate-typography-tokens($systems, subscript-text, body-small),
     (
       disabled-input-text-placeholder-color: sass-utils.safe-color-change(
           map.get($systems, md-sys-color, on-surface), $alpha: 0.38),
@@ -26,7 +26,7 @@ $prefix: (mat, form-field);
       disabled-select-arrow-color: sass-utils.safe-color-change(
           map.get($systems, md-sys-color, on-surface), $alpha: 0.38),
       hover-state-layer-opacity: map.get($systems, md-sys-state, hover-state-layer-opacity),
-      focus-state-layer-opacity: token-utils.hardcode(0, $exclude-hardcoded),
+      focus-state-layer-opacity: token-definition.hardcode(0, $exclude-hardcoded),
       focus-select-arrow-color: map.get($systems, md-sys-color, primary),
       outlined-label-text-populated-size: map.get($systems, md-sys-typeface, body-large-size),
 
@@ -55,5 +55,5 @@ $prefix: (mat, form-field);
     )
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_full-pseudo-checkbox.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use '../../../style/sass-utils';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, full-pseudo-checkbox);
@@ -38,5 +38,5 @@ $prefix: (mat, full-pseudo-checkbox);
     )
   ));
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_grid-list.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, grid-list);
@@ -17,5 +17,5 @@ $prefix: (mat, grid-list);
     tile-footer-secondary-text-size: map.get($systems, md-sys-typescale, body-medium),
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_icon-button.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use '../../../style/sass-utils';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, icon-button);
@@ -52,5 +52,5 @@ $prefix: (mat, icon-button);
     )
   ));
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_icon.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, icon);
@@ -11,7 +11,7 @@ $prefix: (mat, icon);
 /// @return {Map} A set of custom tokens for the mat-icon
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: ((
-    color: token-utils.hardcode(inherit, $exclude-hardcoded),
+    color: token-definition.hardcode(inherit, $exclude-hardcoded),
   ), (
     // Color variants:
     surface: (), // Default, no overrides needed.
@@ -29,5 +29,5 @@ $prefix: (mat, icon);
     )
   ));
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_list.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../../token-utils';
+@use '../../token-definition';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, list);
@@ -15,5 +15,5 @@ $prefix: (mat, list);
     active-indicator-shape: map.get($systems, md-sys-shape, corner-full),
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }