@angular/material 20.0.0-next.1 → 20.0.0-next.10

package/snack-bar/index.d.ts

@@ -1,19 +1,19 @@
 import * as i2 from '@angular/cdk/overlay';
 import { OverlayRef, ComponentType } from '@angular/cdk/overlay';
 import { Subject, Observable } from 'rxjs';
-import * as i0 from '@angular/core';
-import { InjectionToken, ViewContainerRef, OnDestroy, ElementRef, ComponentRef, EmbeddedViewRef, TemplateRef } from '@angular/core';
+import { AriaLivePoliteness } from '@angular/cdk/a11y';
 import * as i3 from '@angular/cdk/portal';
 import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal, DomPortal } from '@angular/cdk/portal';
-import { AriaLivePoliteness } from '@angular/cdk/a11y';
+import * as i0 from '@angular/core';
+import { InjectionToken, ViewContainerRef, OnDestroy, ElementRef, ComponentRef, EmbeddedViewRef, TemplateRef } from '@angular/core';
 import { Direction } from '@angular/cdk/bidi';
-import { m as MatButtonModule } from '../module.d-18a67f56.js';
-import { M as MatCommonModule } from '../common-module.d-0e6515ae.js';
-import '../index.d-0536b706.js';
-import '../ripple.d-2fb57d04.js';
+import { MatButtonModule } from '../button/index.js';
+import { M as MatCommonModule } from '../common-module.d-C8xzHJDr.js';
+import '../palette.d-BSSFKjO6.js';
+import '../ripple-loader.d-9me-KFSi.js';
+import '../index.d-C5neTPvr.js';
+import '../ripple.d-BT30YVLB.js';
 import '@angular/cdk/platform';
-import '../palette.d-ec4a617c.js';
-import '../ripple-loader.d-8aac2988.js';
 
 /** Injection token that can be used to access the data that was passed in to a snack bar. */
 declare const MAT_SNACK_BAR_DATA: InjectionToken<any>;
@@ -57,17 +57,16 @@ declare class MatSnackBarConfig<D = any> {
  */
 declare class MatSnackBarContainer extends BasePortalOutlet implements OnDestroy {
     private _ngZone;
-    private _elementRef;
+    readonly _elementRef: ElementRef<HTMLElement>;
     private _changeDetectorRef;
     private _platform;
-    private _rendersRef;
     protected _animationsDisabled: boolean;
     snackBarConfig: MatSnackBarConfig<any>;
     private _document;
     private _trackedModals;
     private _enterFallback;
     private _exitFallback;
-    private _renders;
+    private _injector;
     /** The number of milliseconds to wait before announcing the snack bar's content. */
     private readonly _announceDelay;
     /** The timeout for announcing the snack bar's content. */
@@ -250,12 +249,12 @@ declare const MAT_SNACK_BAR_DEFAULT_OPTIONS: InjectionToken<MatSnackBarConfig<an
  * Service to dispatch Material Design snack bar messages.
  */
 declare class MatSnackBar implements OnDestroy {
-    private _overlay;
     private _live;
     private _injector;
     private _breakpointObserver;
     private _parentSnackBar;
     private _defaultConfig;
+    private _animationsDisabled;
     /**
      * Reference to the current snack bar in the view *at this level* (in the Angular injector tree).
      * If there is a parent snack-bar service, all operations should delegate to that parent
@@ -341,4 +340,5 @@ declare const matSnackBarAnimations: {
     readonly snackBarState: any;
 };
 
-export { MAT_SNACK_BAR_DATA, MAT_SNACK_BAR_DEFAULT_OPTIONS, MAT_SNACK_BAR_DEFAULT_OPTIONS_FACTORY, MatSnackBar, MatSnackBarAction, MatSnackBarActions, MatSnackBarConfig, MatSnackBarContainer, type MatSnackBarDismiss, type MatSnackBarHorizontalPosition, MatSnackBarLabel, MatSnackBarModule, MatSnackBarRef, type MatSnackBarVerticalPosition, SimpleSnackBar, type TextOnlySnackBar, matSnackBarAnimations };
+export { MAT_SNACK_BAR_DATA, MAT_SNACK_BAR_DEFAULT_OPTIONS, MAT_SNACK_BAR_DEFAULT_OPTIONS_FACTORY, MatSnackBar, MatSnackBarAction, MatSnackBarActions, MatSnackBarConfig, MatSnackBarContainer, MatSnackBarLabel, MatSnackBarModule, MatSnackBarRef, SimpleSnackBar, matSnackBarAnimations };
+export type { MatSnackBarDismiss, MatSnackBarHorizontalPosition, MatSnackBarVerticalPosition, TextOnlySnackBar };

package/snack-bar/testing/index.d.ts

@@ -60,4 +60,5 @@ declare class MatSnackBarHarness extends ContentContainerComponentHarness<string
     private _getActionButton;
 }
 
-export { MatSnackBarHarness, type SnackBarHarnessFilters };
+export { MatSnackBarHarness };
+export type { SnackBarHarnessFilters };

package/{core/tokens/m2/mat/_sort.scss → sort/_m2-sort.scss}

@@ -1,8 +1,8 @@
 @use 'sass:color';
 @use 'sass:meta';
-@use '../../token-definition';
-@use '../../../theming/inspection';
-@use '../../../style/sass-utils';
+@use '../core/tokens/m2-utils';
+@use '../core/theming/inspection';
+@use '../core/style/sass-utils';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, sort);
@@ -53,8 +53,8 @@ $prefix: (mat, sort);
 @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/_sort.scss → sort/_m3-sort.scss}

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../../token-definition';
+@use '../core/tokens/m3-utils';
 
 // 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-definition.namespace-tokens($prefix, $tokens, $token-slots);
+  @return m3-utils.namespace($prefix, $tokens, $token-slots);
 }

package/sort/_sort-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../core/tokens/m2/mat/sort' as tokens-mat-sort;
+@use './m2-sort';
 @use '../core/style/sass-utils';
 @use '../core/typography/typography';
 @use '../core/theming/theming';
@@ -19,10 +19,8 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
-        tokens-mat-sort.$prefix,
-        tokens-mat-sort.get-color-tokens($theme)
-      );
+      @include token-utils.create-token-values-mixed(
+        m2-sort.$prefix, m2-sort.get-color-tokens($theme));
     }
   }
 }
@@ -32,23 +30,19 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
-        tokens-mat-sort.$prefix,
-        tokens-mat-sort.get-typography-tokens($theme)
-      );
+      @include token-utils.create-token-values-mixed(
+        m2-sort.$prefix, m2-sort.get-typography-tokens($theme));
     }
   }
 }
 
 @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 {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
-        tokens-mat-sort.$prefix,
-        tokens-mat-sort.get-density-tokens($theme)
-      );
+      @include token-utils.create-token-values-mixed(
+        m2-sort.$prefix, m2-sort.get-density-tokens($theme));
     }
   }
 }
@@ -57,8 +51,8 @@
 @function _define-overrides() {
   @return (
     (
-      namespace: tokens-mat-sort.$prefix,
-      tokens: tokens-mat-sort.get-token-slots(),
+      namespace: m2-sort.$prefix,
+      tokens: m2-sort.get-token-slots(),
     ),
   );
 }
@@ -92,8 +86,8 @@
   );
   @if ($tokens != ()) {
     @include token-utils.create-token-values(
-      tokens-mat-sort.$prefix,
-      map.get($tokens, tokens-mat-sort.$prefix)
+      m2-sort.$prefix,
+      map.get($tokens, m2-sort.$prefix)
     );
   }
 }

package/sort/index.d.ts

@@ -1,10 +1,9 @@
 import * as i0 from '@angular/core';
 import { Optional, OnDestroy, OnInit, AfterViewInit } from '@angular/core';
-import { M as MatCommonModule } from '../common-module.d-0e6515ae.js';
-import { M as MatSortable, a as MatSort, S as SortHeaderArrowPosition } from '../sort.d-c2b79a45.js';
-export { d as MAT_SORT_DEFAULT_OPTIONS, a as MatSort, c as MatSortDefaultOptions, M as MatSortable, b as Sort, S as SortHeaderArrowPosition } from '../sort.d-c2b79a45.js';
-import { S as SortDirection } from '../sort-direction.d-f4ce4649.js';
-export { S as SortDirection } from '../sort-direction.d-f4ce4649.js';
+import { M as MatCommonModule } from '../common-module.d-C8xzHJDr.js';
+import { M as MatSortable, a as MatSort, S as SortHeaderArrowPosition } from '../sort.d-i-bF_IaU.js';
+export { d as MAT_SORT_DEFAULT_OPTIONS, c as MatSortDefaultOptions, b as Sort } from '../sort.d-i-bF_IaU.js';
+import { S as SortDirection } from '../sort-direction.d-CF7VUsH-.js';
 import { Subject } from 'rxjs';
 import '@angular/cdk/bidi';
 
@@ -82,7 +81,7 @@ declare class MatSortHeader implements MatSortable, OnDestroy, OnInit, AfterView
     private _elementRef;
     private _ariaDescriber;
     private _renderChanges;
-    protected _animationModule: "NoopAnimations" | "BrowserAnimations" | null;
+    protected _animationsDisabled: boolean;
     /**
      * Indicates which state was just cleared from the sort header.
      * Will be reset on the next interaction. Used for coordinating animations.
@@ -160,4 +159,5 @@ declare const matSortAnimations: {
     readonly allowChildren: any;
 };
 
-export { type ArrowViewState, type ArrowViewStateTransition, MAT_SORT_HEADER_INTL_PROVIDER, MAT_SORT_HEADER_INTL_PROVIDER_FACTORY, MatSortHeader, MatSortHeaderIntl, MatSortModule, matSortAnimations };
+export { MAT_SORT_HEADER_INTL_PROVIDER, MAT_SORT_HEADER_INTL_PROVIDER_FACTORY, MatSort, MatSortHeader, MatSortHeaderIntl, MatSortModule, MatSortable, SortDirection, SortHeaderArrowPosition, matSortAnimations };
+export type { ArrowViewState, ArrowViewStateTransition };

package/sort/testing/index.d.ts

@@ -1,5 +1,5 @@
 import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
-import { S as SortDirection } from '../../sort-direction.d-f4ce4649.js';
+import { S as SortDirection } from '../../sort-direction.d-CF7VUsH-.js';
 
 interface SortHarnessFilters extends BaseHarnessFilters {
 }
@@ -44,4 +44,5 @@ declare class MatSortHarness extends ComponentHarness {
     getActiveHeader(): Promise<MatSortHeaderHarness | null>;
 }
 
-export { MatSortHarness, MatSortHeaderHarness, type SortHarnessFilters, type SortHeaderHarnessFilters };
+export { MatSortHarness, MatSortHeaderHarness };
+export type { SortHarnessFilters, SortHeaderHarnessFilters };

package/{sort.d-c2b79a45.d.ts → sort.d-i-bF_IaU.d.ts}

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, OnChanges, OnDestroy, OnInit, EventEmitter } from '@angular/core';
 import { Subject, Observable } from 'rxjs';
-import { S as SortDirection } from './sort-direction.d-f4ce4649.js';
+import { S as SortDirection } from './sort-direction.d-CF7VUsH-.js';
 
 /** Position of the arrow that displays when sorted. */
 type SortHeaderArrowPosition = 'before' | 'after';
@@ -84,4 +84,5 @@ declare class MatSort implements OnChanges, OnDestroy, OnInit {
     static ngAcceptInputType_disabled: unknown;
 }
 
-export { type MatSortable as M, type SortHeaderArrowPosition as S, MatSort as a, type Sort as b, type MatSortDefaultOptions as c, MAT_SORT_DEFAULT_OPTIONS as d };
+export { MatSort as a, MAT_SORT_DEFAULT_OPTIONS as d };
+export type { MatSortable as M, SortHeaderArrowPosition as S, Sort as b, MatSortDefaultOptions as c };

package/{core/tokens/m2/mat/_stepper.scss → stepper/_m2-stepper.scss}

@@ -1,8 +1,8 @@
 @use 'sass:map';
-@use '../../token-definition';
-@use '../../../theming/theming';
-@use '../../../theming/inspection';
-@use '../../../style/sass-utils';
+@use '../core/tokens/m2-utils';
+@use '../core/theming/theming';
+@use '../core/theming/inspection';
+@use '../core/style/sass-utils';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, stepper);
@@ -11,9 +11,7 @@ $prefix: (mat, stepper);
 // but may be in a future version of the theming API.
 @function get-unthemable-tokens() {
   @return (
-    // Border radius for step header on focus
     header-focus-state-layer-shape: 0,
-    // Border radius for step header on hover
     header-hover-state-layer-shape: 0,
   );
 }
@@ -21,28 +19,17 @@ $prefix: (mat, stepper);
 // Tokens that can be configured through Angular Material's color theming API.
 @function get-color-tokens($theme) {
   @return map.merge(private-get-color-palette-color-tokens($theme, primary), (
-    // Background for stepper container.
     container-color: inspection.get-theme-color($theme, background, card),
-    // Color of the line indicator connecting the steps.
     line-color: inspection.get-theme-color($theme, foreground, divider),
-    // Background color of the header while hovered.
     header-hover-state-layer-color: inspection.get-theme-color($theme, background, hover),
-    // Background color of the header while focused.
     header-focus-state-layer-color: inspection.get-theme-color($theme, background, hover),
-    // Color of the text inside the step header.
     header-label-text-color: inspection.get-theme-color($theme, foreground, secondary-text),
-    // Color for the "optional" label in the step header.
     header-optional-label-text-color: inspection.get-theme-color(
         $theme, foreground, secondary-text),
-    // Color of the header text when a step is selected.
     header-selected-state-label-text-color: inspection.get-theme-color($theme, foreground, text),
-    // Color of the header text when a step is in an error state.
     header-error-state-label-text-color: inspection.get-theme-color($theme, warn, text),
-    // Background color of the header icon.
     header-icon-background-color: inspection.get-theme-color($theme, foreground, secondary-text),
-    // Foreground color of the header icon in the error state.
     header-error-state-icon-foreground-color: inspection.get-theme-color($theme, warn, text),
-    // Background color of the header icon in the error state.
     header-error-state-icon-background-color: transparent,
   ));
 }
@@ -50,20 +37,13 @@ $prefix: (mat, stepper);
 // Tokens that can be configured through Angular Material's typography theming API.
 @function get-typography-tokens($theme) {
   @return (
-    // Font family of the entire stepper.
     container-text-font: inspection.get-theme-typography($theme, body-2, font-family),
-    // Font family of the text inside the step header.
     header-label-text-font: inspection.get-theme-typography($theme, body-2, font-family),
-    // Size of the text inside the step header.
     header-label-text-size: inspection.get-theme-typography($theme, body-2, font-size),
-    // Weight of the text inside the step header.
     header-label-text-weight: inspection.get-theme-typography($theme, body-2, font-weight),
-    // Color of the header text when a step is in an error state.
     header-error-state-label-text-size: inspection.get-theme-typography($theme, body-1, font-size),
-    // Size of the header text in the selected state.
     header-selected-state-label-text-size: inspection.get-theme-typography(
         $theme, body-1, font-size),
-    // Weight of the header text in the selected state.
     header-selected-state-label-text-weight: inspection.get-theme-typography(
         $theme, body-1, font-weight),
   );
@@ -91,19 +71,12 @@ $prefix: (mat, stepper);
   $active-state-background: inspection.get-theme-color($theme, $palette-name);
 
   @return (
-    // Foreground color of the header icon.
     header-icon-foreground-color: $active-state-foreground,
-    // Background color of the header icon in the selected state.
     header-selected-state-icon-background-color: $active-state-background,
-    // Foreground color of the header icon in the selected state.
     header-selected-state-icon-foreground-color: $active-state-foreground,
-    // Background color of the header icon in the selected state.
     header-done-state-icon-background-color: $active-state-background,
-    // Foreground color of the header icon in the selected state.
     header-done-state-icon-foreground-color: $active-state-foreground,
-    // Background color of the header icon in the editing state.
     header-edit-state-icon-background-color: $active-state-background,
-    // Foreground color of the header icon in the editing state.
     header-edit-state-icon-foreground-color: $active-state-foreground,
   );
 }
@@ -113,8 +86,8 @@ $prefix: (mat, stepper);
 @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/stepper/_m3-stepper.scss

@@ -0,0 +1,102 @@
+@use 'sass:map';
+@use 'sass:list';
+@use '../core/style/sass-utils';
+@use '../core/tokens/m3-utils';
+@use '../core/theming/theming';
+@use '../core/theming/inspection';
+
+// The prefix used to generate the fully qualified name for tokens in this file.
+$prefix: (mat, stepper);
+
+/// Generates custom tokens for the mat-stepper.
+/// @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} A set of custom tokens for the mat-stepper
+@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
+  $tokens: (
+    container-color: map.get($systems, md-sys-color, surface),
+    line-color: map.get($systems, md-sys-color, outline),
+    header-hover-state-layer-color: sass-utils.safe-color-change(
+      map.get($systems, md-sys-color, inverse-surface),
+      $alpha: map.get($systems, md-sys-state, hover-state-layer-opacity)
+    ),
+    header-focus-state-layer-color: sass-utils.safe-color-change(
+      map.get($systems, md-sys-color, inverse-surface),
+      $alpha: map.get($systems, md-sys-state, focus-state-layer-opacity)
+    ),
+    header-label-text-color: map.get($systems, md-sys-color, on-surface-variant),
+    header-optional-label-text-color: map.get($systems, md-sys-color, on-surface-variant),
+    header-selected-state-label-text-color: map.get($systems, md-sys-color, on-surface-variant),
+    header-icon-background-color: map.get($systems, md-sys-color, on-surface-variant),
+    header-icon-foreground-color: map.get($systems, md-sys-color, surface),
+    header-edit-state-icon-background-color: map.get($systems, md-sys-color, primary),
+    header-edit-state-icon-foreground-color: map.get($systems, md-sys-color, on-primary),
+    header-done-state-icon-background-color: map.get($systems, md-sys-color, primary),
+    header-done-state-icon-foreground-color: map.get($systems, md-sys-color, on-primary),
+    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:
+      m3-utils.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),
+    header-label-text-weight: map.get($systems, md-sys-typescale, title-small-weight),
+    header-error-state-label-text-size: map.get($systems, md-sys-typescale, title-small-size),
+    header-focus-state-layer-shape: map.get($systems, md-sys-shape, corner-medium),
+    header-hover-state-layer-shape: map.get($systems, md-sys-shape, corner-medium),
+    header-selected-state-label-text-size: map.get($systems, md-sys-typescale, title-small-size),
+    header-selected-state-label-text-weight: map.get(
+        $systems, md-sys-typescale, title-small-weight),
+    header-selected-state-icon-background-color: map.get($systems, md-sys-color, primary),
+    header-selected-state-icon-foreground-color: map.get($systems, md-sys-color, on-primary),
+  );
+
+  $variant-tokens: (
+    // Color variants
+    primary: (
+      header-edit-state-icon-background-color: map.get($systems, md-sys-color, primary),
+      header-edit-state-icon-foreground-color: map.get($systems, md-sys-color, on-primary),
+      header-done-state-icon-background-color: map.get($systems, md-sys-color, primary),
+      header-done-state-icon-foreground-color: map.get($systems, md-sys-color, on-primary),
+      header-selected-state-icon-background-color: map.get($systems, md-sys-color, primary),
+      header-selected-state-icon-foreground-color: map.get($systems, md-sys-color, on-primary),
+    ),
+    secondary: (
+      header-edit-state-icon-background-color: map.get($systems, md-sys-color, secondary),
+      header-edit-state-icon-foreground-color: map.get($systems, md-sys-color, on-secondary),
+      header-done-state-icon-background-color: map.get($systems, md-sys-color, secondary),
+      header-done-state-icon-foreground-color: map.get($systems, md-sys-color, on-secondary),
+      header-selected-state-icon-background-color: map.get($systems, md-sys-color, secondary),
+      header-selected-state-icon-foreground-color: map.get($systems, md-sys-color, on-secondary),
+    ),
+    tertiary: (
+      header-edit-state-icon-background-color: map.get($systems, md-sys-color, tertiary),
+      header-edit-state-icon-foreground-color: map.get($systems, md-sys-color, on-tertiary),
+      header-done-state-icon-background-color: map.get($systems, md-sys-color, tertiary),
+      header-done-state-icon-foreground-color: map.get($systems, md-sys-color, on-tertiary),
+      header-selected-state-icon-background-color: map.get($systems, md-sys-color, tertiary),
+      header-selected-state-icon-foreground-color: map.get($systems, md-sys-color, on-tertiary),
+    ),
+    error: (
+      header-edit-state-icon-background-color: map.get($systems, md-sys-color, error),
+      header-edit-state-icon-foreground-color: map.get($systems, md-sys-color, on-error),
+      header-done-state-icon-background-color: map.get($systems, md-sys-color, error),
+      header-done-state-icon-foreground-color: map.get($systems, md-sys-color, on-error),
+      header-selected-state-icon-background-color: map.get($systems, md-sys-color, error),
+      header-selected-state-icon-foreground-color: map.get($systems, md-sys-color, on-error),
+    )
+  );
+
+  @return m3-utils.namespace($prefix, ($tokens, $variant-tokens), $token-slots);
+}
+
+// Tokens that can be configured through Angular Material's density theming API.
+@function get-density-tokens($theme) {
+  $scale: theming.clamp-density(inspection.get-theme-density($theme), -4);
+  $index: ($scale * -1) + 1;
+
+  @return (
+    header-height: list.nth((72px, 68px, 64px, 60px, 42px), $index),
+  );
+}

package/stepper/_stepper-theme.scss

@@ -4,7 +4,8 @@
 @use '../core/typography/typography';
 @use '../core/style/sass-utils';
 @use '../core/tokens/token-utils';
-@use '../core/tokens/m2/mat/stepper' as tokens-mat-stepper;
+@use './m2-stepper';
+@use './m3-stepper';
 
 /// Outputs base theme styles (styles not dependent on the color, typography, or density settings)
 /// for mat-stepper.
@@ -26,22 +27,22 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color), $options...);
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
-        tokens-mat-stepper.$prefix,
-        tokens-mat-stepper.get-color-tokens($theme)
+      @include token-utils.create-token-values-mixed(
+        m2-stepper.$prefix,
+        m2-stepper.get-color-tokens($theme)
       );
 
       .mat-step-header.mat-accent {
-        @include token-utils.create-token-values(
-          tokens-mat-stepper.$prefix,
-          tokens-mat-stepper.private-get-color-palette-color-tokens($theme, accent)
+        @include token-utils.create-token-values-mixed(
+          m2-stepper.$prefix,
+          m2-stepper.private-get-color-palette-color-tokens($theme, accent)
         );
       }
 
       .mat-step-header.mat-warn {
-        @include token-utils.create-token-values(
-          tokens-mat-stepper.$prefix,
-          tokens-mat-stepper.private-get-color-palette-color-tokens($theme, warn)
+        @include token-utils.create-token-values-mixed(
+          m2-stepper.$prefix,
+          m2-stepper.private-get-color-palette-color-tokens($theme, warn)
         );
       }
     }
@@ -55,9 +56,9 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
-        tokens-mat-stepper.$prefix,
-        tokens-mat-stepper.get-typography-tokens($theme)
+      @include token-utils.create-token-values-mixed(
+        m2-stepper.$prefix,
+        m2-stepper.get-typography-tokens($theme)
       );
     }
   }
@@ -67,12 +68,13 @@
 /// @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));
+    @include token-utils.create-token-values(
+        m3-stepper.$prefix, m3-stepper.get-density-tokens($theme));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
-        tokens-mat-stepper.$prefix,
-        tokens-mat-stepper.get-density-tokens($theme)
+      @include token-utils.create-token-values-mixed(
+        m2-stepper.$prefix,
+        m2-stepper.get-density-tokens($theme)
       );
     }
   }
@@ -82,8 +84,8 @@
 @function _define-overrides() {
   @return (
     (
-      namespace: tokens-mat-stepper.$prefix,
-      tokens: tokens-mat-stepper.get-token-slots(),
+      namespace: m2-stepper.$prefix,
+      tokens: m2-stepper.get-token-slots(),
     ),
   );
 }
@@ -103,6 +105,9 @@
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-stepper') {
     @if inspection.get-theme-version($theme) == 1 {
       @include _theme-from-tokens(inspection.get-theme-tokens($theme), $options...);
+      @if inspection.theme-has($theme, density) {
+        @include density($theme);
+      }
     } @else {
       @include base($theme);
       @if inspection.theme-has($theme, color) {
@@ -125,9 +130,9 @@
   @if ($tokens != ()) {
     $mat-stepper-tokens: token-utils.get-tokens-for(
       $tokens,
-      tokens-mat-stepper.$prefix,
+      m2-stepper.$prefix,
       $options...
     );
-    @include token-utils.create-token-values(tokens-mat-stepper.$prefix, $mat-stepper-tokens);
+    @include token-utils.create-token-values(m2-stepper.$prefix, $mat-stepper-tokens);
   }
 }

package/stepper/index.d.ts

@@ -3,18 +3,18 @@ import { CdkStepLabel, StepState, CdkStepHeader, CdkStep, CdkStepper, CdkStepper
 export { StepState, StepperOrientation } from '@angular/cdk/stepper';
 import * as i0 from '@angular/core';
 import { Optional, TemplateRef, AfterViewInit, OnDestroy, AfterContentInit, QueryList, ElementRef, EventEmitter } from '@angular/core';
-import { M as MatCommonModule } from '../common-module.d-0e6515ae.js';
+import { M as MatCommonModule } from '../common-module.d-C8xzHJDr.js';
 import * as i3 from '@angular/cdk/portal';
 import { TemplatePortal } from '@angular/cdk/portal';
-import { M as MatIconModule } from '../icon-module.d-aa3bbba0.js';
-import { M as MatRippleModule } from '../index.d-0536b706.js';
+import { M as MatIconModule } from '../icon-module.d-sA1hmRKS.js';
+import { M as MatRippleModule } from '../index.d-C5neTPvr.js';
 import { AbstractControl, FormGroupDirective, NgForm } from '@angular/forms';
-import { T as ThemePalette } from '../palette.d-ec4a617c.js';
-import { E as ErrorStateMatcher } from '../error-options.d-448d9046.js';
+import { T as ThemePalette } from '../palette.d-BSSFKjO6.js';
+import { E as ErrorStateMatcher } from '../error-options.d-CGdTZUYk.js';
 import { FocusOrigin } from '@angular/cdk/a11y';
 import { Subject } from 'rxjs';
 import '@angular/cdk/bidi';
-import '../ripple.d-2fb57d04.js';
+import '../ripple.d-BT30YVLB.js';
 import '@angular/cdk/platform';
 
 declare class MatStepLabel extends CdkStepLabel {
@@ -164,7 +164,7 @@ declare class MatStep extends CdkStep implements ErrorStateMatcher, AfterContent
 declare class MatStepper extends CdkStepper implements AfterViewInit, AfterContentInit, OnDestroy {
     private _ngZone;
     private _renderer;
-    private _animationsModule;
+    private _animationsDisabled;
     private _cleanupTransition;
     protected _isAnimating: i0.WritableSignal<boolean>;
     /** The list of step headers of the steps in the stepper. */
@@ -247,4 +247,5 @@ declare const matStepperAnimations: {
     readonly verticalStepTransition: any;
 };
 
-export { MAT_STEPPER_INTL_PROVIDER, MAT_STEPPER_INTL_PROVIDER_FACTORY, MatStep, MatStepContent, MatStepHeader, MatStepLabel, MatStepper, MatStepperIcon, type MatStepperIconContext, MatStepperIntl, MatStepperModule, MatStepperNext, MatStepperPrevious, matStepperAnimations };
+export { MAT_STEPPER_INTL_PROVIDER, MAT_STEPPER_INTL_PROVIDER_FACTORY, MatStep, MatStepContent, MatStepHeader, MatStepLabel, MatStepper, MatStepperIcon, MatStepperIntl, MatStepperModule, MatStepperNext, MatStepperPrevious, matStepperAnimations };
+export type { MatStepperIconContext };

package/stepper/testing/index.d.ts

@@ -132,4 +132,5 @@ declare class MatStepperPreviousHarness extends StepperButtonHarness {
     static with(options?: StepperButtonHarnessFilters): HarnessPredicate<MatStepperPreviousHarness>;
 }
 
-export { MatStepHarness, MatStepperHarness, MatStepperNextHarness, MatStepperPreviousHarness, type StepHarnessFilters, type StepperButtonHarnessFilters, type StepperHarnessFilters, StepperOrientation };
+export { MatStepHarness, MatStepperHarness, MatStepperNextHarness, MatStepperPreviousHarness, StepperOrientation };
+export type { StepHarnessFilters, StepperButtonHarnessFilters, StepperHarnessFilters };

package/{core/tokens/m2/mat/_table.scss → table/_m2-table.scss}

@@ -1,8 +1,8 @@
 @use 'sass:map';
-@use '../../../theming/theming';
-@use '../../../theming/inspection';
-@use '../../token-definition';
-@use '../../../style/sass-utils';
+@use '../core/theming/theming';
+@use '../core/theming/inspection';
+@use '../core/tokens/m2-utils';
+@use '../core/style/sass-utils';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, table);
@@ -86,8 +86,8 @@ $prefix: (mat, table);
 @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)
   );
 }