@angular/material 18.1.1 → 18.1.3

package/core/tokens/m3/mat/_menu.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, menu);
@@ -12,15 +12,15 @@ $prefix: (mat, menu);
 /// @return {Map} A set of custom tokens for the mat-menu
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: sass-utils.merge-all(
-    token-utils.generate-typography-tokens($systems, item-label-text, label-large),
+    token-definition.generate-typography-tokens($systems, item-label-text, label-large),
     (
       container-shape: map.get($systems, md-sys-shape, corner-extra-small),
       divider-color: map.get($systems, md-sys-color, surface-variant),
-      divider-bottom-spacing: token-utils.hardcode(8px, $exclude-hardcoded),
-      divider-top-spacing: token-utils.hardcode(8px, $exclude-hardcoded),
+      divider-bottom-spacing: token-definition.hardcode(8px, $exclude-hardcoded),
+      divider-top-spacing: token-definition.hardcode(8px, $exclude-hardcoded),
       item-label-text-color: map.get($systems, md-sys-color, on-surface),
       item-icon-color: map.get($systems, md-sys-color, on-surface-variant),
-      item-icon-size: token-utils.hardcode(24px, $exclude-hardcoded),
+      item-icon-size: token-definition.hardcode(24px, $exclude-hardcoded),
       item-hover-state-layer-color: sass-utils.safe-color-change(
         map.get($systems, md-sys-color, on-surface),
         $alpha: map.get($systems, md-sys-state, hover-state-layer-opacity)
@@ -29,17 +29,17 @@ $prefix: (mat, menu);
         map.get($systems, md-sys-color, on-surface),
         $alpha: map.get($systems, md-sys-state, focus-state-layer-opacity)
       ),
-      item-spacing: token-utils.hardcode(12px, $exclude-hardcoded),
-      item-leading-spacing: token-utils.hardcode(12px, $exclude-hardcoded),
-      item-trailing-spacing: token-utils.hardcode(12px, $exclude-hardcoded),
-      item-with-icon-leading-spacing: token-utils.hardcode(12px, $exclude-hardcoded),
-      item-with-icon-trailing-spacing: token-utils.hardcode(12px, $exclude-hardcoded),
+      item-spacing: token-definition.hardcode(12px, $exclude-hardcoded),
+      item-leading-spacing: token-definition.hardcode(12px, $exclude-hardcoded),
+      item-trailing-spacing: token-definition.hardcode(12px, $exclude-hardcoded),
+      item-with-icon-leading-spacing: token-definition.hardcode(12px, $exclude-hardcoded),
+      item-with-icon-trailing-spacing: token-definition.hardcode(12px, $exclude-hardcoded),
       container-color: map.get($systems, md-sys-color, surface-container),
       // Note that this uses a value, rather than a computed box-shadow, because we use
       // the value at runtime to determine which shadow to set based on the menu's depth.
-      base-elevation-level: token-utils.hardcode(2, $exclude-hardcoded),
+      base-elevation-level: token-definition.hardcode(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/_minimal-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, minimal-pseudo-checkbox);
@@ -29,5 +29,5 @@ $prefix: (mat, minimal-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/_optgroup.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, optgroup);
@@ -12,11 +12,11 @@ $prefix: (mat, optgroup);
 /// @return {Map} A set of custom tokens for the mat-optgroup
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: sass-utils.merge-all(
-    token-utils.generate-typography-tokens($systems, label-text, title-small),
+    token-definition.generate-typography-tokens($systems, label-text, title-small),
     (
       label-text-color: map.get($systems, md-sys-color, on-surface-variant),
     )
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_option.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, option);
@@ -51,5 +51,5 @@ $prefix: (mat, option);
     )
   ));
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_outlined-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, outlined-button);
@@ -12,9 +12,9 @@ $prefix: (mat, outlined-button);
 /// @return {Map} A set of custom tokens for the mat-outlined-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, 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, outlined-button);
     )
   ));
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_paginator.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, paginator);
@@ -12,7 +12,7 @@ $prefix: (mat, paginator);
 /// @return {Map} A set of custom tokens for the mat-paginator
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: sass-utils.merge-all(
-    token-utils.generate-typography-tokens($systems, container-text, body-small),
+    token-definition.generate-typography-tokens($systems, container-text, body-small),
     (
       container-text-color: map.get($systems, md-sys-color, on-surface),
       container-background-color: map.get($systems, md-sys-color, surface),
@@ -23,5 +23,5 @@ $prefix: (mat, paginator);
     )
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_protected-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.
 // Note: in M3 the "protected" button is called "elevated".
@@ -13,9 +13,9 @@ $prefix: (mat, protected-button);
 /// @return {Map} A set of custom tokens for the mat-raised-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, primary),
     disabled-state-layer-color: map.get($systems, md-sys-color, on-surface-variant),
     ripple-color: sass-utils.safe-color-change(
@@ -51,5 +51,5 @@ $prefix: (mat, protected-button);
     )
   ));
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_radio.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, radio);
@@ -41,5 +41,5 @@ $prefix: (mat, radio);
     )
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_ripple.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, ripple);
@@ -15,5 +15,5 @@ $prefix: (mat, ripple);
     color: sass-utils.safe-color-change(map.get($systems, md-sys-color, on-surface), $alpha: 0.1),
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

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

@@ -1,7 +1,7 @@
 @use 'sass:map';
 @use '../../../style/sass-utils';
 @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, select);
@@ -13,7 +13,7 @@ $prefix: (mat, select);
 /// @return {Map} A set of custom tokens for the mat-select
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: sass-utils.merge-all(
-    token-utils.generate-typography-tokens($systems, trigger-text, body-large),
+    token-definition.generate-typography-tokens($systems, trigger-text, body-large),
     (
       panel-background-color: map.get($systems, md-sys-color, surface-container),
       enabled-trigger-text-color: map.get($systems, md-sys-color, on-surface),
@@ -26,7 +26,7 @@ $prefix: (mat, select);
       focused-arrow-color: map.get($systems, md-sys-color, primary),
       invalid-arrow-color: map.get($systems, md-sys-color, error),
       container-elevation-shadow:
-        token-utils.hardcode(elevation.get-box-shadow(2), $exclude-hardcoded),
+        token-definition.hardcode(elevation.get-box-shadow(2), $exclude-hardcoded),
     )
   ), (
     // Color variants:
@@ -42,5 +42,5 @@ $prefix: (mat, select);
     )
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_sidenav.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, sidenav);
@@ -12,17 +12,18 @@ $prefix: (mat, sidenav);
 /// @return {Map} A set of custom tokens for the mat-sidenav
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: (
-    container-elevation-shadow: token-utils.hardcode(none, $exclude-hardcoded),
-    container-divider-color: token-utils.hardcode(transparent, $exclude-hardcoded),
-    container-width: token-utils.hardcode(360px, $exclude-hardcoded),
+    container-elevation-shadow: token-definition.hardcode(none, $exclude-hardcoded),
+    container-divider-color: token-definition.hardcode(transparent, $exclude-hardcoded),
+    container-width: token-definition.hardcode(360px, $exclude-hardcoded),
     container-shape: map.get($systems, md-sys-shape, corner-large),
     container-background-color: map.get($systems, md-sys-color, surface),
     container-text-color: map.get($systems, md-sys-color, on-surface-variant),
     content-background-color: map.get($systems, md-sys-color, background),
     content-text-color: map.get($systems, md-sys-color, on-background),
+    // TODO: This should be `md-sys-color` `scrim` but causes changes in clients.
     scrim-color: sass-utils.safe-color-change(
         map.get($systems, md-ref-palette, neutral-variant20), $alpha: 0.4),
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_slider.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, slider);
@@ -17,15 +17,17 @@ $prefix: (mat, slider);
         map.get($systems, md-sys-color, primary), $alpha: 0.05),
     focus-state-layer-color: sass-utils.safe-color-change(
         map.get($systems, md-sys-color, primary), $alpha: 0.2),
-    value-indicator-opacity: token-utils.hardcode(1, $exclude-hardcoded),
-    value-indicator-padding: token-utils.hardcode(0, $exclude-hardcoded),
-    value-indicator-width: token-utils.hardcode(28px, $exclude-hardcoded),
-    value-indicator-height: token-utils.hardcode(28px, $exclude-hardcoded),
-    value-indicator-caret-display: token-utils.hardcode(none, $exclude-hardcoded),
-    value-indicator-border-radius: token-utils.hardcode(50% 50% 50% 0, $exclude-hardcoded),
-    value-indicator-text-transform: token-utils.hardcode(rotate(45deg), $exclude-hardcoded),
+    value-indicator-opacity: token-definition.hardcode(1, $exclude-hardcoded),
+    value-indicator-padding: token-definition.hardcode(0, $exclude-hardcoded),
+    value-indicator-width: token-definition.hardcode(28px, $exclude-hardcoded),
+    value-indicator-height: token-definition.hardcode(28px, $exclude-hardcoded),
+    value-indicator-caret-display: token-definition.hardcode(none, $exclude-hardcoded),
+    value-indicator-border-radius:
+        token-definition.hardcode(50% 50% 50% 0, $exclude-hardcoded),
+    value-indicator-text-transform:
+        token-definition.hardcode(rotate(45deg), $exclude-hardcoded),
     value-indicator-container-transform:
-      token-utils.hardcode(translateX(-50%) rotate(-45deg), $exclude-hardcoded)
+      token-definition.hardcode(translateX(-50%) rotate(-45deg), $exclude-hardcoded)
   ), (
     // Color variants
     primary: (), // Default, no overrides needed
@@ -52,5 +54,5 @@ $prefix: (mat, slider);
     ),
   ));
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_snack-bar.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, snack-bar);
@@ -14,5 +14,5 @@ $prefix: (mat, snack-bar);
     button-color: map.get($systems, md-sys-color, inverse-primary),
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_sort.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, sort);
@@ -14,5 +14,5 @@ $prefix: (mat, sort);
     arrow-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/_standard-button-toggle.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, standard-button-toggle);
@@ -12,13 +12,13 @@ $prefix: (mat, standard-button-toggle);
 /// @return {Map} A set of custom tokens for the mat-button-toggle
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: sass-utils.merge-all(
-    token-utils.generate-typography-tokens($systems, label-text, label-large),
+    token-definition.generate-typography-tokens($systems, label-text, label-large),
   (
     shape: map.get($systems, md-sys-shape, corner-full),
     hover-state-layer-opacity: map.get($systems, md-sys-state, hover-state-layer-opacity),
     focus-state-layer-opacity: map.get($systems, md-sys-state, focus-state-layer-opacity),
     text-color: map.get($systems, md-sys-color, on-surface),
-    background-color: token-utils.hardcode(transparent, $exclude-hardcoded),
+    background-color: token-definition.hardcode(transparent, $exclude-hardcoded),
     state-layer-color: map.get($systems, md-sys-color, on-surface),
     selected-state-background-color: map.get($systems, md-sys-color, secondary-container),
     selected-state-text-color: map.get($systems, md-sys-color, on-secondary-container),
@@ -26,7 +26,8 @@ $prefix: (mat, standard-button-toggle);
       map.get($systems, md-sys-color, on-surface),
       $alpha: 0.38,
     ),
-    disabled-state-background-color: token-utils.hardcode(transparent, $exclude-hardcoded),
+    disabled-state-background-color:
+        token-definition.hardcode(transparent, $exclude-hardcoded),
     disabled-selected-state-text-color: sass-utils.safe-color-change(
       map.get($systems, md-sys-color, on-surface),
       $alpha: 0.38,
@@ -53,5 +54,5 @@ $prefix: (mat, standard-button-toggle);
     )
   ));
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_stepper.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, stepper);
@@ -33,7 +33,7 @@ $prefix: (mat, stepper);
       header-error-state-label-text-color: map.get($systems, md-sys-color, error),
       header-error-state-icon-foreground-color: map.get($systems, md-sys-color, error),
       header-error-state-icon-background-color:
-        token-utils.hardcode(transparent, $exclude-hardcoded),
+        token-definition.hardcode(transparent, $exclude-hardcoded),
       container-text-font: map.get($systems, md-sys-typescale, body-medium-font),
       header-label-text-font: map.get($systems, md-sys-typescale, title-small-font),
       header-label-text-size: map.get($systems, md-sys-typescale, title-small-size),
@@ -75,5 +75,5 @@ $prefix: (mat, stepper);
     )
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_switch.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, switch);
@@ -11,33 +11,38 @@ $prefix: (mat, switch);
 /// @return {Map} A set of custom tokens for the mat-slide-toggle
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: (
-    disabled-selected-handle-opacity: token-utils.hardcode(1, $exclude-hardcoded),
-    disabled-unselected-handle-opacity: token-utils.hardcode(0.38, $exclude-hardcoded),
-    unselected-handle-size: token-utils.hardcode(16px, $exclude-hardcoded),
-    selected-handle-size: token-utils.hardcode(24px, $exclude-hardcoded),
-    with-icon-handle-size: token-utils.hardcode(24px, $exclude-hardcoded),
-    pressed-handle-size: token-utils.hardcode(28px, $exclude-hardcoded),
-    selected-handle-horizontal-margin: token-utils.hardcode(0 24px, $exclude-hardcoded),
-    selected-with-icon-handle-horizontal-margin: token-utils.hardcode(0 24px, $exclude-hardcoded),
-    selected-pressed-handle-horizontal-margin: token-utils.hardcode(0 22px, $exclude-hardcoded),
-    unselected-handle-horizontal-margin: token-utils.hardcode(0 8px, $exclude-hardcoded),
-    unselected-with-icon-handle-horizontal-margin: token-utils.hardcode(0 4px, $exclude-hardcoded),
-    unselected-pressed-handle-horizontal-margin: token-utils.hardcode(0 2px, $exclude-hardcoded),
+    disabled-selected-handle-opacity: token-definition.hardcode(1, $exclude-hardcoded),
+    disabled-unselected-handle-opacity: token-definition.hardcode(0.38, $exclude-hardcoded),
+    unselected-handle-size: token-definition.hardcode(16px, $exclude-hardcoded),
+    selected-handle-size: token-definition.hardcode(24px, $exclude-hardcoded),
+    with-icon-handle-size: token-definition.hardcode(24px, $exclude-hardcoded),
+    pressed-handle-size: token-definition.hardcode(28px, $exclude-hardcoded),
+    selected-handle-horizontal-margin: token-definition.hardcode(0 24px, $exclude-hardcoded),
+    selected-with-icon-handle-horizontal-margin:
+        token-definition.hardcode(0 24px, $exclude-hardcoded),
+    selected-pressed-handle-horizontal-margin:
+        token-definition.hardcode(0 22px, $exclude-hardcoded),
+    unselected-handle-horizontal-margin: token-definition.hardcode(0 8px, $exclude-hardcoded),
+    unselected-with-icon-handle-horizontal-margin:
+        token-definition.hardcode(0 4px, $exclude-hardcoded),
+    unselected-pressed-handle-horizontal-margin:
+        token-definition.hardcode(0 2px, $exclude-hardcoded),
     // The hidden and visible track represent whichever track is visible or
     // hidden in the ui. This could be the .mdc-switch__track :before or
     // :after depending on whether the switch is selected or unselected.
     //
     // The m2 slide-toggle uses transforms to hide & show the tracks while
     // the m3 slide-toggle uses opacity.
-    visible-track-opacity: token-utils.hardcode(1, $exclude-hardcoded),
-    hidden-track-opacity: token-utils.hardcode(0, $exclude-hardcoded),
-    visible-track-transition: token-utils.hardcode(opacity 75ms, $exclude-hardcoded),
-    hidden-track-transition: token-utils.hardcode(opacity 75ms, $exclude-hardcoded),
-    track-outline-width: token-utils.hardcode(2px, $exclude-hardcoded),
+    visible-track-opacity: token-definition.hardcode(1, $exclude-hardcoded),
+    hidden-track-opacity: token-definition.hardcode(0, $exclude-hardcoded),
+    visible-track-transition: token-definition.hardcode(opacity 75ms, $exclude-hardcoded),
+    hidden-track-transition: token-definition.hardcode(opacity 75ms, $exclude-hardcoded),
+    track-outline-width: token-definition.hardcode(2px, $exclude-hardcoded),
     track-outline-color: map.get($systems, md-sys-color, outline),
-    selected-track-outline-width: token-utils.hardcode(2px, $exclude-hardcoded),
-    selected-track-outline-color: token-utils.hardcode(transparent, $exclude-hardcoded),
-    disabled-unselected-track-outline-width: token-utils.hardcode(2px, $exclude-hardcoded),
+    selected-track-outline-width: token-definition.hardcode(2px, $exclude-hardcoded),
+    selected-track-outline-color: token-definition.hardcode(transparent, $exclude-hardcoded),
+    disabled-unselected-track-outline-width:
+        token-definition.hardcode(2px, $exclude-hardcoded),
     disabled-unselected-track-outline-color: map.get($systems, md-sys-color, on-surface),
     label-text-color: map.get($systems, md-sys-color, on-surface),
     label-text-font: map.get($systems, md-sys-typescale, body-medium-font),
@@ -47,5 +52,5 @@ $prefix: (mat, switch);
     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/_tab-header.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, tab-header);
@@ -12,10 +12,10 @@ $prefix: (mat, tab-header);
 /// @return {Map} A set of custom tokens for the mat-tab-header
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: sass-utils.merge-all(
-    token-utils.generate-typography-tokens($systems, label-text, title-small),
+    token-definition.generate-typography-tokens($systems, label-text, title-small),
     (
       divider-color: map.get($systems, md-sys-color, surface-variant),
-      divider-height: token-utils.hardcode(1px, $exclude-hardcoded),
+      divider-height: token-definition.hardcode(1px, $exclude-hardcoded),
       disabled-ripple-color: null, // TODO(mmalerba): Figure out correct value.
       pagination-icon-color: map.get($systems, md-sys-color, on-surface),
       inactive-label-text-color: map.get($systems, md-sys-color, on-surface),
@@ -46,6 +46,6 @@ $prefix: (mat, tab-header);
     )
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }
 

package/core/tokens/m3/mat/_table.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, table);
@@ -12,11 +12,12 @@ $prefix: (mat, table);
 /// @return {Map} A set of custom tokens for the mat-table
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: sass-utils.merge-all(
-    token-utils.generate-typography-tokens($systems, header-headline, title-small),
-    token-utils.generate-typography-tokens($systems, row-item-label-text, body-medium),
-    token-utils.generate-typography-tokens($systems, footer-supporting-text, body-medium),
+    token-definition.generate-typography-tokens($systems, header-headline, title-small),
+    token-definition.generate-typography-tokens($systems, row-item-label-text, body-medium),
+    token-definition.generate-typography-tokens(
+        $systems, footer-supporting-text, body-medium),
     (
-      row-item-outline-width: token-utils.hardcode(1px, $exclude-hardcoded),
+      row-item-outline-width: token-definition.hardcode(1px, $exclude-hardcoded),
       background-color: map.get($systems, md-sys-color, surface),
       header-headline-color: map.get($systems, md-sys-color, on-surface),
       row-item-label-text-color: map.get($systems, md-sys-color, on-surface),
@@ -24,5 +25,5 @@ $prefix: (mat, table);
     ),
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_text-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, text-button);
@@ -12,10 +12,10 @@ $prefix: (mat, text-button);
 /// @return {Map} A set of custom tokens for the mat-button
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: ((
-    horizontal-padding: token-utils.hardcode(12px, $exclude-hardcoded),
-    with-icon-horizontal-padding: token-utils.hardcode(16px, $exclude-hardcoded),
-    icon-spacing: token-utils.hardcode(8px, $exclude-hardcoded),
-    icon-offset: token-utils.hardcode(-4px, $exclude-hardcoded),
+    horizontal-padding: token-definition.hardcode(12px, $exclude-hardcoded),
+    with-icon-horizontal-padding: token-definition.hardcode(16px, $exclude-hardcoded),
+    icon-spacing: token-definition.hardcode(8px, $exclude-hardcoded),
+    icon-offset: token-definition.hardcode(-4px, $exclude-hardcoded),
     state-layer-color: map.get($systems, md-sys-color, primary),
     disabled-state-layer-color: map.get($systems, md-sys-color, on-surface-variant),
     ripple-color: sass-utils.safe-color-change(
@@ -51,5 +51,5 @@ $prefix: (mat, text-button);
     )
   ));
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }

package/core/tokens/m3/mat/_toolbar.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, toolbar);
@@ -12,12 +12,12 @@ $prefix: (mat, toolbar);
 /// @return {Map} A set of custom tokens for the mat-toolbar
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: sass-utils.merge-all(
-    token-utils.generate-typography-tokens($systems, title-text, title-large),
+    token-definition.generate-typography-tokens($systems, title-text, title-large),
     (
       container-background-color: map.get($systems, md-sys-color, surface),
       container-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/_tree.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, tree);
@@ -18,5 +18,5 @@ $prefix: (mat, tree);
     node-text-weight: map.get($systems, md-sys-typescale, body-large-weight),
   );
 
-  @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
+  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
 }