@angular/material 20.0.0-next.5 → 20.0.0-next.7

package/core/tokens/_m3-utils.scss

@@ -0,0 +1,85 @@
+@use 'sass:map';
+@use 'sass:list';
+@use 'sass:meta';
+
+/// Gets the MDC tokens for the given prefix, M3 token values, and supported token slots.
+/// @param {List} $prefix The token prefix for the given tokens.
+/// @param {Map|(Map, Map)} $values A map of M3 token values for the given prefix.
+///  This param may also be a tuple of maps, the first one representing the default M3 token values,
+//   and the second containing overrides for different color variants.
+//   Single map example:
+//     (token1: green, token2: 2px)
+//   Tuple example:
+//     (
+//       (token1: green, token2: 2px),
+//       (
+//         secondary: (token1: blue),
+//         error: (token1: red),
+//       )
+//     )
+/// @param {Map} $slots A map of token slots, with null value indicating the token is not supported.
+/// @param {String|null} $variant The name of the variant the token values are for.
+/// @return {Map} A map of fully qualified token names to values, for only the supported tokens.
+@function namespace($prefix, $values, $slots, $variant: null) {
+  $result: ();
+  @if $variant == null and meta.type-of($values) == 'list' and list.length($values == 2) {
+    $variants: list.nth($values, 2);
+    $values: list.nth($values, 1);
+    @each $variant, $overrides in $variants {
+
+      $result: map.merge($result, namespace($prefix, $overrides, $slots, $variant));
+    }
+  }
+  $used-token-names: map.keys(_filter-nulls(map.get($slots, $prefix)));
+  $used-m3-tokens: _pick(_filter-nulls($values), $used-token-names);
+  $prefix: if($variant == null, $prefix, list.append($prefix, $variant));
+  @return map.merge($result, ($prefix: $used-m3-tokens));
+}
+
+/// Hardcode the given value, or null if hardcoded values are excluded.
+@function hardcode($value, $exclude-hardcoded) {
+  @return if($exclude-hardcoded, null, $value);
+}
+
+/// Picks a submap containing only the given keys out the given map.
+/// @param {Map} $map The map to pick from.
+/// @param {List} $keys The map keys to pick.
+/// @return {Map} A submap containing only the given keys.
+@function _pick($map, $keys) {
+  $result: ();
+  @each $key in $keys {
+    @if map.has-key($map, $key) {
+      $result: map.set($result, $key, map.get($map, $key));
+    }
+  }
+  @return $result;
+}
+
+
+/// Filters keys with a null value out of the map.
+/// @param {Map} $map The map to filter.
+/// @return {Map} The given map with all of the null keys filtered out.
+@function _filter-nulls($map) {
+  $result: ();
+  @each $key, $val in $map {
+    @if $val != null {
+      $result: map.set($result, $key, $val);
+    }
+  }
+  @return $result;
+}
+
+/// Sets all of the standard typography tokens for the given token base name to the given typography
+/// level.
+/// @param {Map} $systems The MDC system tokens
+/// @param {String} $base-name The token base name to get the typography tokens for
+/// @param {String} $typography-level The typography level to base the token values on
+/// @return {Map} A map containing the typography tokens for the given base token name
+@function generate-typography-tokens($systems, $base-name, $typography-level) {
+  $result: ();
+  @each $prop in (font, line-height, size, tracking, weight) {
+    $result: map.set($result, #{$base-name}-#{$prop},
+      map.get($systems, md-sys-typescale, #{$typography-level}-#{$prop}));
+  }
+  @return $result;
+}

package/core/tokens/_token-utils.scss

@@ -2,6 +2,7 @@
 @use '../style/sass-utils';
 @use './m3-system';
 @use 'sass:list';
+@use 'sass:meta';
 @use 'sass:map';
 @use 'sass:string';
 
@@ -65,16 +66,13 @@ $_system-fallbacks: m3-system.create-system-fallbacks();
   @return true;
 }
 
-// Emits a slot for the given token, provided that it has a non-null value in the token map passed
-// to `use-tokens`.
+// Returns the token slot value.
 // Accepts an optional fallback parameter to include in the CSS variable.
 // If $fallback is `true`, then use the tokens map to get the fallback.
 // TODO: Remove the use case where we accept "true" and handle any failing client screenshots
-@mixin create-token-slot($property, $token, $fallback: null) {
+@function slot($token, $fallback: null) {
   $_assert: _assert-use-tokens($token);
-  @if map.get($_tokens, $token) != null {
-    #{$property}: #{_get-token-value($token, $fallback)};
-  }
+  @return _get-token-value($token, $fallback);
 }
 
 // Returns the name of a token including the current prefix. Intended to be used in calculations
@@ -84,16 +82,6 @@ $_system-fallbacks: m3-system.create-system-fallbacks();
   @return _create-var-name($_component-prefix, $token);
 }
 
-// Returns a `var()` reference to a specific token. Intended for declarations
-// where the token has to be referenced as a part of a larger expression.
-// Accepts an optional fallback parameter to include in the CSS variable.
-// If $fallback is `true`, then use the tokens map to get the fallback.
-// TODO: Remove the use case where we accept "true" and handle any failing client screenshots
-@function get-token-variable($token, $fallback: null) {
-  $_assert: _assert-use-tokens($token);
-  @return _get-token-value($token, $fallback);
-}
-
 // Gets the token's fallback value. Prefers adding a system-level fallback if one exists, otherwise
 // use the provided fallback.
 @function _get-token-fallback($token, $fallback: null) {
@@ -210,6 +198,10 @@ $_system-fallbacks: m3-system.create-system-fallbacks();
     @return ();
   }
   $values: map.get($tokens, $prefix);
+  @if ($values == null) {
+    @return ();
+  }
+
   $color-variant: map.get($options, color-variant);
   $emit-overrides-only: map.get($options, emit-overrides-only);
   @if $color-variant == null {
@@ -226,6 +218,7 @@ $_system-fallbacks: m3-system.create-system-fallbacks();
 
     @error 'Invalid color variant: #{$color-variant}. #{$secondary-message}.';
   }
+
   @return if($emit-overrides-only, $overrides, map.merge($values, $overrides));
 }
 
@@ -235,7 +228,6 @@ $_system-fallbacks: m3-system.create-system-fallbacks();
 @mixin batch-create-token-values($overrides: (), $namespace-configs...) {
   @include sass-utils.current-selector-or-root() {
     $prefixed-name-data: ();
-    $unprefixed-name-data: ();
     $all-names: ();
 
     @each $config in $namespace-configs {
@@ -245,29 +237,7 @@ $_system-fallbacks: m3-system.create-system-fallbacks();
       @each $name, $value in $tokens {
         $prefixed-name: $prefix + $name;
         $all-names: list.append($all-names, $prefixed-name, $separator: comma);
-        @if map.has-key($prefixed-name-data, $prefixed-name) {
-          @error #{
-          'Error overriding token: Ambiguous token name `'
-        }#{
-          $prefixed-name
-        }#{
-          '` exists in multiple namespaces: `('
-        }#{
-          list.nth(map.get($prefixed-name-data, $prefixed-name), 1)
-        }#{
-          ')` and `('
-        }#{
-          $namespace
-        }#{
-          ')`'
-        };
-        }
         $prefixed-name-data: map.set($prefixed-name-data, $prefixed-name, ($namespace, $name));
-        $unprefixed-data: map.has-key($unprefixed-name-data, $name) and
-          map.get($unprefixed-name-data, $name) or
-          ();
-        $unprefixed-data: list.append($unprefixed-data, ($namespace, $prefixed-name));
-        $unprefixed-name-data: map.set($unprefixed-name-data, $name, $unprefixed-data);
       }
     }
 
@@ -282,28 +252,6 @@ $_system-fallbacks: m3-system.create-system-fallbacks();
             $name: $value,
           )
         );
-      } @else if (map.has-key($unprefixed-name-data, $name)) {
-        $datalist: map.get($unprefixed-name-data, $name);
-        $prefixed-names: ();
-        @each $data in $datalist {
-          $namespace: list.nth($data, 1);
-          $prefixed-names: list.append($prefixed-names, list.nth($data, 2), $separator: comma);
-          @include create-token-values(
-            $namespace,
-            (
-              $name: $value,
-            )
-          );
-        }
-        @warn #{
-        'Token `'
-      }#{
-        $name
-      }#{
-        '` is deprecated. Please use one of the following alternatives: '
-      }#{
-        $prefixed-names
-      };
       } @else {
         @error #{'Invalid token name `'}#{$name}#{'`. '}#{'Valid tokens are: '}#{$all-names};
       }
@@ -323,3 +271,37 @@ $_system-fallbacks: m3-system.create-system-fallbacks();
   }
   @return $result;
 }
+
+/// Gets the MDC tokens for the given prefix, M3 token values, and supported token slots.
+/// @param {List} $prefix The token prefix for the given tokens.
+/// @param {Map|(Map, Map)} $values A map of M3 token values for the given prefix.
+///  This param may also be a tuple of maps, the first one representing the default M3 token values,
+//   and the second containing overrides for different color variants.
+//   Single map example:
+//     (token1: green, token2: 2px)
+//   Tuple example:
+//     (
+//       (token1: green, token2: 2px),
+//       (
+//         secondary: (token1: blue),
+//         error: (token1: red),
+//       )
+//     )
+/// @param {Map} $slots A map of token slots, with null value indicating the token is not supported.
+/// @param {String|null} $variant The name of the variant the token values are for.
+/// @return {Map} A map of fully qualified token names to values, for only the supported tokens.
+@function namespace-tokens($prefix, $values, $slots, $variant: null) {
+  $result: ();
+  @if $variant == null and meta.type-of($values) == 'list' and list.length($values == 2) {
+    $variants: list.nth($values, 2);
+    $values: list.nth($values, 1);
+    @each $variant, $overrides in $variants {
+
+      $result: map.merge($result, namespace-tokens($prefix, $overrides, $slots, $variant));
+    }
+  }
+  $used-token-names: map.keys(_filter-nulls(map.get($slots, $prefix)));
+  $used-m3-tokens: _pick(_filter-nulls($values), $used-token-names);
+  $prefix: if($variant == null, $prefix, list.append($prefix, $variant));
+  @return map.merge($result, ($prefix: $used-m3-tokens));
+}

package/core/tokens/m3/_index.scss

@@ -1,126 +1,8 @@
-@use 'sass:map';
-@use './mat/app';
-@use './mat/autocomplete';
-@use './mat/badge';
-@use './mat/bottom-sheet';
-@use './mat/card';
-@use './mat/checkbox';
-@use './mat/chip';
-@use './mat/circular-progress';
-@use './mat/datepicker';
-@use './mat/dialog';
-@use './mat/divider';
-@use './mat/elevated-card';
-@use './mat/expansion';
-@use './mat/extended-fab';
-@use './mat/fab';
-@use './mat/fab-small';
-@use './mat/filled-button';
-@use './mat/filled-text-field';
-@use './mat/form-field';
-@use './mat/full-pseudo-checkbox';
-@use './mat/grid-list';
-@use './mat/icon';
-@use './mat/icon-button';
-@use './mat/linear-progress';
-@use './mat/list';
-@use './mat/menu';
-@use './mat/minimal-pseudo-checkbox';
-@use './mat/optgroup';
-@use './mat/option';
-@use './mat/outlined-button';
-@use './mat/outlined-card';
-@use './mat/outlined-text-field';
-@use './mat/paginator';
-@use './mat/plain-tooltip';
-@use './mat/protected-button';
-@use './mat/radio';
-@use './mat/ripple';
-@use './mat/secondary-navigation-tab';
-@use './mat/select';
-@use './mat/sidenav';
-@use './mat/slider';
-@use './mat/snack-bar';
-@use './mat/sort';
-@use './mat/standard-button-toggle';
-@use './mat/stepper';
-@use './mat/switch';
-@use './mat/tab-header';
-@use './mat/tab-indicator';
-@use './mat/table';
-@use './mat/text-button';
-@use './mat/timepicker';
-@use './mat/tonal-button';
-@use './mat/toolbar';
-@use './mat/tree';
-
-/// Gets the full set of M3 tokens for the given theme object.
-/// @param {Map} $systems The MDC system tokens
-/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
-/// @param {Map} $token-slots Possible token slots
-/// @return {Map} Full set of M3 tokens
-@function get-m3-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens-list: (
-    app.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    autocomplete.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    badge.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    bottom-sheet.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    card.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    checkbox.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    chip.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    circular-progress.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    datepicker.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    dialog.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    divider.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    elevated-card.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    expansion.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    extended-fab.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    fab.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    fab-small.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    filled-button.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    filled-text-field.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    form-field.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    full-pseudo-checkbox.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    grid-list.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    icon.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    icon-button.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    linear-progress.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    list.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    menu.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    minimal-pseudo-checkbox.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    optgroup.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    option.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    outlined-button.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    outlined-card.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    outlined-text-field.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    paginator.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    plain-tooltip.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    protected-button.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    radio.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    ripple.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    secondary-navigation-tab.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    select.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    sidenav.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    slider.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    snack-bar.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    sort.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    standard-button-toggle.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    stepper.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    switch.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    tab-header.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    tab-indicator.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    table.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    text-button.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    timepicker.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    tonal-button.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    toolbar.get-tokens($systems, $exclude-hardcoded, $token-slots),
-    tree.get-tokens($systems, $exclude-hardcoded, $token-slots),
-  );
-
-  $merged-tokens: ();
-  @each $tokens in $tokens-list {
-    $merged-tokens: map.deep-merge($merged-tokens, $tokens);
-  }
-
-  @return $merged-tokens;
-}
+@forward './md-ref-palette' as md-ref-palette-*;
+@forward './md-ref-typeface' as md-ref-typeface-*;
+@forward './md-sys-color' as md-sys-color-*;
+@forward './md-sys-elevation' as md-sys-elevation-*;
+@forward './md-sys-motion' as md-sys-motion-*;
+@forward './md-sys-shape' as md-sys-shape-*;
+@forward './md-sys-state' as md-sys-state-*;
+@forward './md-sys-typescale' as md-sys-typescale-*;

package/{date-adapter.d-de8dcff3.d.ts → date-adapter.d-DzP3EMeE.d.ts}

@@ -264,4 +264,4 @@ declare abstract class DateAdapter<D, L = any> {
     clampDate(date: D, min?: D | null, max?: D | null): D;
 }
 
-export { DateAdapter as D, MAT_DATE_LOCALE as M, MAT_DATE_LOCALE_FACTORY as a };
+export { DateAdapter, MAT_DATE_LOCALE, MAT_DATE_LOCALE_FACTORY };

package/{date-range-input-harness.d-d5ba60f5.d.ts → date-range-input-harness.d-CJDdddpn.d.ts}

@@ -1,5 +1,5 @@
 import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
-import { M as MatFormFieldControlHarness } from './form-field-control-harness.d-8ec51e17.js';
+import { MatFormFieldControlHarness } from './form-field/testing/control/index.js';
 
 /** A set of criteria that can be used to filter a list of datepicker input instances. */
 interface DatepickerInputHarnessFilters extends BaseHarnessFilters {
@@ -275,4 +275,5 @@ declare class MatDateRangeInputHarness extends DatepickerTriggerHarnessBase {
     protected _openCalendar(): Promise<void>;
 }
 
-export { type CalendarHarnessFilters as C, DatepickerTriggerHarnessBase as D, MatDatepickerInputHarness as M, type DatepickerToggleHarnessFilters as a, type DatepickerInputHarnessFilters as b, type CalendarCellHarnessFilters as c, type DateRangeInputHarnessFilters as d, MatStartDateHarness as e, MatEndDateHarness as f, MatDateRangeInputHarness as g, CalendarView as h, MatCalendarHarness as i, MatCalendarCellHarness as j };
+export { CalendarView, DatepickerTriggerHarnessBase, MatCalendarCellHarness, MatCalendarHarness, MatDateRangeInputHarness, MatDatepickerInputHarness, MatEndDateHarness, MatStartDateHarness };
+export type { CalendarCellHarnessFilters, CalendarHarnessFilters, DateRangeInputHarnessFilters, DatepickerInputHarnessFilters, DatepickerToggleHarnessFilters };

package/datepicker/_datepicker-theme.scss

@@ -1,6 +1,6 @@
 @use 'sass:color';
 @use 'sass:map';
-@use '../core/tokens/m2/mat/datepicker' as tokens-mat-datepicker;
+@use './m2-datepicker';
 @use '../core/theming/theming';
 @use '../core/theming/inspection';
 @use '../core/theming/validation';
@@ -19,17 +19,15 @@ $calendar-weekday-table-font-size: 11px !default;
 
 @mixin _calendar-color($theme, $palette-name) {
   $palette-color: inspection.get-theme-color($theme, $palette-name);
-  $range-color: tokens-mat-datepicker.private-get-range-background-color($palette-color);
-  $range-tokens: tokens-mat-datepicker.get-range-color-tokens($range-color);
-  $calendar-tokens: tokens-mat-datepicker.private-get-calendar-color-palette-color-tokens(
+  $range-color: m2-datepicker.private-get-range-background-color($palette-color);
+  $range-tokens: m2-datepicker.get-range-color-tokens($range-color);
+  $calendar-tokens: m2-datepicker.private-get-calendar-color-palette-color-tokens(
     $theme,
     $palette-name
   );
 
   @include token-utils.create-token-values-mixed(
-    tokens-mat-datepicker.$prefix,
-    map.merge($calendar-tokens, $range-tokens)
-  );
+    m2-datepicker.$prefix, map.merge($calendar-tokens, $range-tokens));
 }
 
 /// Outputs base theme styles (styles not dependent on the color, typography, or density settings)
@@ -41,9 +39,7 @@ $calendar-weekday-table-font-size: 11px !default;
   } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values-mixed(
-        tokens-mat-datepicker.$prefix,
-        tokens-mat-datepicker.get-unthemable-tokens()
-      );
+        m2-datepicker.$prefix, m2-datepicker.get-unthemable-tokens());
     }
   }
 }
@@ -59,9 +55,7 @@ $calendar-weekday-table-font-size: 11px !default;
   } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values-mixed(
-        tokens-mat-datepicker.$prefix,
-        tokens-mat-datepicker.get-color-tokens($theme)
-      );
+        m2-datepicker.$prefix, m2-datepicker.get-color-tokens($theme));
     }
 
     .mat-datepicker-content {
@@ -76,20 +70,13 @@ $calendar-weekday-table-font-size: 11px !default;
 
     .mat-datepicker-toggle-active {
       &.mat-accent {
-        $accent-tokens: tokens-mat-datepicker.private-get-toggle-color-palette-color-tokens(
-          $theme,
-          accent
-        );
-        @include token-utils.create-token-values-mixed(tokens-mat-datepicker.$prefix,
-          $accent-tokens);
+        $accent-tokens: m2-datepicker.private-get-toggle-color-palette-color-tokens($theme, accent);
+        @include token-utils.create-token-values-mixed(m2-datepicker.$prefix, $accent-tokens);
       }
 
       &.mat-warn {
-        $warn-tokens: tokens-mat-datepicker.private-get-toggle-color-palette-color-tokens(
-          $theme,
-          warn
-        );
-        @include token-utils.create-token-values-mixed(tokens-mat-datepicker.$prefix, $warn-tokens);
+        $warn-tokens: m2-datepicker.private-get-toggle-color-palette-color-tokens($theme, warn);
+        @include token-utils.create-token-values-mixed(m2-datepicker.$prefix, $warn-tokens);
       }
     }
   }
@@ -103,8 +90,8 @@ $calendar-weekday-table-font-size: 11px !default;
   } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values-mixed(
-        tokens-mat-datepicker.$prefix,
-        tokens-mat-datepicker.get-typography-tokens($theme)
+        m2-datepicker.$prefix,
+        m2-datepicker.get-typography-tokens($theme)
       );
     }
   }
@@ -112,12 +99,12 @@ $calendar-weekday-table-font-size: 11px !default;
 
 @mixin date-range-colors(
   $range-color,
-  $comparison-color: tokens-mat-datepicker.$private-default-comparison-color,
-  $overlap-color: tokens-mat-datepicker.$private-default-overlap-color,
+  $comparison-color: m2-datepicker.$private-default-comparison-color,
+  $overlap-color: m2-datepicker.$private-default-overlap-color,
   $overlap-selected-color:
-    tokens-mat-datepicker.private-get-default-overlap-selected-color($overlap-color)
+    m2-datepicker.private-get-default-overlap-selected-color($overlap-color)
 ) {
-  $tokens: tokens-mat-datepicker.get-range-color-tokens(
+  $tokens: m2-datepicker.get-range-color-tokens(
     $range-color: $range-color,
     $comparison-color: $comparison-color,
     $overlap-color: $overlap-color,
@@ -125,7 +112,7 @@ $calendar-weekday-table-font-size: 11px !default;
   );
 
   @include sass-utils.current-selector-or-root() {
-    @include token-utils.create-token-values-mixed(tokens-mat-datepicker.$prefix, $tokens);
+    @include token-utils.create-token-values-mixed(m2-datepicker.$prefix, $tokens);
   }
 }
 
@@ -133,7 +120,7 @@ $calendar-weekday-table-font-size: 11px !default;
 /// @param {Map} $theme The theme to generate density styles for.
 @mixin density($theme) {
   @if inspection.get-theme-version($theme) == 1 {
-    @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
+    // There are no M3 density tokens for this component
   } @else {
     // TODO(crisbeto): move this into the structural styles
     // once the icon button density is switched to tokens.
@@ -150,8 +137,8 @@ $calendar-weekday-table-font-size: 11px !default;
 @function _define-overrides() {
   @return (
     (
-      namespace: tokens-mat-datepicker.$prefix,
-      tokens: tokens-mat-datepicker.get-token-slots(),
+      namespace: m2-datepicker.$prefix,
+      tokens: m2-datepicker.get-token-slots(),
     ),
   );
 }
@@ -191,9 +178,6 @@ $calendar-weekday-table-font-size: 11px !default;
     'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
   );
   $mat-datepicker-tokens: token-utils.get-tokens-for(
-    $tokens,
-    tokens-mat-datepicker.$prefix,
-    $options...
-  );
-  @include token-utils.create-token-values(tokens-mat-datepicker.$prefix, $mat-datepicker-tokens);
+    $tokens, m2-datepicker.$prefix, $options...);
+  @include token-utils.create-token-values(m2-datepicker.$prefix, $mat-datepicker-tokens);
 }

package/{core/tokens/m2/mat/_datepicker.scss → datepicker/_m2-datepicker.scss}

@@ -1,10 +1,10 @@
 @use 'sass:color';
 @use 'sass:meta';
 @use 'sass:math';
-@use '../../token-definition';
-@use '../../../theming/inspection';
-@use '../../../style/elevation';
-@use '../../../style/sass-utils';
+@use '../core/tokens/m2-utils';
+@use '../core/theming/inspection';
+@use '../core/style/elevation';
+@use '../core/style/sass-utils';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, datepicker);
@@ -175,8 +175,8 @@ $private-default-overlap-color: #a8dab5;
 @function get-token-slots() {
   @return sass-utils.deep-merge-all(
       get-unthemable-tokens(),
-      get-color-tokens(token-definition.$placeholder-color-config),
-      get-typography-tokens(token-definition.$placeholder-typography-config),
-      get-density-tokens(token-definition.$placeholder-density-config)
+      get-color-tokens(m2-utils.$placeholder-color-config),
+      get-typography-tokens(m2-utils.$placeholder-typography-config),
+      get-density-tokens(m2-utils.$placeholder-density-config)
   );
 }

package/{core/tokens/m3/mat/_datepicker.scss → datepicker/_m3-datepicker.scss}

@@ -1,7 +1,7 @@
 @use 'sass:map';
-@use '../../../style/elevation';
-@use '../../../style/sass-utils';
-@use '../../token-definition';
+@use '../core/style/elevation';
+@use '../core/style/sass-utils';
+@use '../core/tokens/m3-utils';
 
 // 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-definition.hardcode(transparent, $exclude-hardcoded),
+    calendar-header-divider-color: m3-utils.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-definition.hardcode(transparent, $exclude-hardcoded),
+    calendar-date-outline-color: m3-utils.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
@@ -68,9 +68,9 @@ $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-definition.hardcode(elevation.get-box-shadow(0), $exclude-hardcoded),
+        m3-utils.hardcode(elevation.get-box-shadow(0), $exclude-hardcoded),
     calendar-container-touch-elevation-shadow:
-      token-definition.hardcode(elevation.get-box-shadow(0), $exclude-hardcoded),
+      m3-utils.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-medium-font),
@@ -121,5 +121,5 @@ $prefix: (mat, datepicker);
     )
   );
 
-  @return token-definition.namespace-tokens($prefix, ($tokens, $variant-tokens), $token-slots);
+  @return m3-utils.namespace($prefix, ($tokens, $variant-tokens), $token-slots);
 }