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

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

@@ -1,120 +1,82 @@
-import { AbstractControl } from '@angular/forms';
-import { AfterContentInit } from '@angular/core';
-import { AfterViewInit } from '@angular/core';
-import { CdkStep } from '@angular/cdk/stepper';
-import { CdkStepHeader } from '@angular/cdk/stepper';
-import { CdkStepLabel } from '@angular/cdk/stepper';
-import { CdkStepper } from '@angular/cdk/stepper';
-import { CdkStepperNext } from '@angular/cdk/stepper';
-import { CdkStepperPrevious } from '@angular/cdk/stepper';
-import { ElementRef } from '@angular/core';
-import { ErrorStateMatcher } from '@angular/material/core';
-import { EventEmitter } from '@angular/core';
-import { FocusOrigin } from '@angular/cdk/a11y';
-import { FormGroupDirective } from '@angular/forms';
+import * as i3$1 from '@angular/cdk/stepper';
+import { CdkStepLabel, StepState, CdkStepHeader, CdkStep, CdkStepper, CdkStepperNext, CdkStepperPrevious } from '@angular/cdk/stepper';
+export { StepState, StepperOrientation } from '@angular/cdk/stepper';
 import * as i0 from '@angular/core';
-import * as i1 from '@angular/material/core';
-import * as i2 from '@angular/cdk/portal';
-import * as i3 from '@angular/cdk/stepper';
-import * as i4 from '@angular/material/icon';
-import { NgForm } from '@angular/forms';
-import { OnDestroy } from '@angular/core';
-import { Optional } from '@angular/core';
-import { QueryList } from '@angular/core';
-import { StepperOrientation } from '@angular/cdk/stepper';
-import { StepState } from '@angular/cdk/stepper';
-import { Subject } from 'rxjs';
+import { Optional, TemplateRef, AfterViewInit, OnDestroy, AfterContentInit, QueryList, ElementRef, EventEmitter } from '@angular/core';
+import { M as MatCommonModule } from '../common-module.d-C8xzHJDr.js';
+import * as i3 from '@angular/cdk/portal';
 import { TemplatePortal } from '@angular/cdk/portal';
-import { TemplateRef } from '@angular/core';
-import { ThemePalette } from '@angular/material/core';
-import { WritableSignal } from '@angular/core';
-
-declare namespace i10 {
-    export {
-        MatStepContent
-    }
-}
-
-declare namespace i5 {
-    export {
-        MatStep,
-        MatStepper
-    }
-}
-
-declare namespace i6 {
-    export {
-        MatStepLabel
-    }
-}
-
-declare namespace i7 {
-    export {
-        MatStepperNext,
-        MatStepperPrevious
-    }
-}
+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-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-BT30YVLB.js';
+import '@angular/cdk/platform';
 
-declare namespace i8 {
-    export {
-        MatStepHeader
-    }
+declare class MatStepLabel extends CdkStepLabel {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatStepLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatStepLabel, "[matStepLabel]", never, {}, {}, never, never, true, never>;
 }
 
-declare namespace i9 {
-    export {
-        MatStepperIconContext,
-        MatStepperIcon
-    }
+/** Stepper data that is required for internationalization. */
+declare class MatStepperIntl {
+    /**
+     * Stream that emits whenever the labels here are changed. Use this to notify
+     * components if the labels have changed after initialization.
+     */
+    readonly changes: Subject<void>;
+    /** Label that is rendered below optional steps. */
+    optionalLabel: string;
+    /** Label that is used to indicate step as completed to screen readers. */
+    completedLabel: string;
+    /** Label that is used to indicate step as editable to screen readers. */
+    editableLabel: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatStepperIntl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MatStepperIntl>;
 }
-
-/** @docs-private */
-export declare const MAT_STEPPER_INTL_PROVIDER: {
+/**
+ * @docs-private
+ * @deprecated No longer used, will be removed.
+ * @breaking-change 21.0.0
+ */
+declare function MAT_STEPPER_INTL_PROVIDER_FACTORY(parentIntl: MatStepperIntl): MatStepperIntl;
+/**
+ * @docs-private
+ * @deprecated No longer used, will be removed.
+ * @breaking-change 21.0.0
+ */
+declare const MAT_STEPPER_INTL_PROVIDER: {
     provide: typeof MatStepperIntl;
     deps: Optional[][];
     useFactory: typeof MAT_STEPPER_INTL_PROVIDER_FACTORY;
 };
 
-/** @docs-private */
-export declare function MAT_STEPPER_INTL_PROVIDER_FACTORY(parentIntl: MatStepperIntl): MatStepperIntl;
-
-export declare class MatStep extends CdkStep implements ErrorStateMatcher, AfterContentInit, OnDestroy {
-    private _errorStateMatcher;
-    private _viewContainerRef;
-    private _isSelected;
-    /** Content for step label given by `<ng-template matStepLabel>`. */
-    stepLabel: MatStepLabel;
-    /**
-     * Theme color for the particular step. This API is supported in M2 themes
-     * only, it has no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/stepper/styling.
-     *
-     * For information on applying color variants in M3, see
-     * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
-     */
-    color: ThemePalette;
-    /** Content that will be rendered lazily. */
-    _lazyContent: MatStepContent;
-    /** Currently-attached portal containing the lazy content. */
-    _portal: TemplatePortal;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    /** Custom error state matcher that additionally checks for validity of interacted form. */
-    isErrorState(control: AbstractControl | null, form: FormGroupDirective | NgForm | null): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatStep, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatStep, "mat-step", ["matStep"], { "color": { "alias": "color"; "required": false; }; }, {}, ["stepLabel", "_lazyContent"], ["*"], true, never>;
+/** Template context available to an attached `matStepperIcon`. */
+interface MatStepperIconContext {
+    /** Index of the step. */
+    index: number;
+    /** Whether the step is currently active. */
+    active: boolean;
+    /** Whether the step is optional. */
+    optional: boolean;
 }
-
 /**
- * Content for a `mat-step` that will be rendered lazily.
+ * Template to be used to override the icons inside the step header.
  */
-export declare class MatStepContent {
-    _template: TemplateRef<any>;
+declare class MatStepperIcon {
+    templateRef: TemplateRef<MatStepperIconContext>;
+    /** Name of the icon to be overridden. */
+    name: StepState;
     constructor(...args: unknown[]);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatStepContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatStepContent, "ng-template[matStepContent]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatStepperIcon, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatStepperIcon, "ng-template[matStepperIcon]", never, { "name": { "alias": "matStepperIcon"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export declare class MatStepHeader extends CdkStepHeader implements AfterViewInit, OnDestroy {
+declare class MatStepHeader extends CdkStepHeader implements AfterViewInit, OnDestroy {
     _intl: MatStepperIntl;
     private _focusMonitor;
     private _intlSubscription;
@@ -164,17 +126,47 @@ export declare class MatStepHeader extends CdkStepHeader implements AfterViewIni
     static ɵcmp: i0.ɵɵComponentDeclaration<MatStepHeader, "mat-step-header", never, { "state": { "alias": "state"; "required": false; }; "label": { "alias": "label"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "iconOverrides": { "alias": "iconOverrides"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "active": { "alias": "active"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export declare class MatStepLabel extends CdkStepLabel {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatStepLabel, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatStepLabel, "[matStepLabel]", never, {}, {}, never, never, true, never>;
+/**
+ * Content for a `mat-step` that will be rendered lazily.
+ */
+declare class MatStepContent {
+    _template: TemplateRef<any>;
+    constructor(...args: unknown[]);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatStepContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatStepContent, "ng-template[matStepContent]", never, {}, {}, never, never, true, never>;
 }
 
-export declare class MatStepper extends CdkStepper implements AfterViewInit, AfterContentInit, OnDestroy {
+declare class MatStep extends CdkStep implements ErrorStateMatcher, AfterContentInit, OnDestroy {
+    private _errorStateMatcher;
+    private _viewContainerRef;
+    private _isSelected;
+    /** Content for step label given by `<ng-template matStepLabel>`. */
+    stepLabel: MatStepLabel;
+    /**
+     * Theme color for the particular step. This API is supported in M2 themes
+     * only, it has no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/stepper/styling.
+     *
+     * For information on applying color variants in M3, see
+     * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
+     */
+    color: ThemePalette;
+    /** Content that will be rendered lazily. */
+    _lazyContent: MatStepContent;
+    /** Currently-attached portal containing the lazy content. */
+    _portal: TemplatePortal;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** Custom error state matcher that additionally checks for validity of interacted form. */
+    isErrorState(control: AbstractControl | null, form: FormGroupDirective | NgForm | null): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatStep, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatStep, "mat-step", ["matStep"], { "color": { "alias": "color"; "required": false; }; }, {}, ["stepLabel", "_lazyContent"], ["*"], true, never>;
+}
+declare class MatStepper extends CdkStepper implements AfterViewInit, AfterContentInit, OnDestroy {
     private _ngZone;
     private _renderer;
-    private _animationsModule;
+    private _animationsDisabled;
     private _cleanupTransition;
-    protected _isAnimating: WritableSignal<boolean>;
+    protected _isAnimating: i0.WritableSignal<boolean>;
     /** The list of step headers of the steps in the stepper. */
     _stepHeader: QueryList<MatStepHeader>;
     /** Elements hosting the step animations. */
@@ -227,76 +219,33 @@ export declare class MatStepper extends CdkStepper implements AfterViewInit, Aft
     static ɵcmp: i0.ɵɵComponentDeclaration<MatStepper, "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", ["matStepper", "matVerticalStepper", "matHorizontalStepper"], { "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "headerPosition": { "alias": "headerPosition"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; }, { "animationDone": "animationDone"; }, ["_steps", "_icons"], ["*"], true, never>;
 }
 
-/**
- * Animations used by the Material steppers.
- * @docs-private
- * @deprecated No longer used, will be removed.
- * @breaking-change 21.0.0
- */
-export declare const matStepperAnimations: {
-    readonly horizontalStepTransition: any;
-    readonly verticalStepTransition: any;
-};
-
-/**
- * Template to be used to override the icons inside the step header.
- */
-export declare class MatStepperIcon {
-    templateRef: TemplateRef<MatStepperIconContext>;
-    /** Name of the icon to be overridden. */
-    name: StepState;
-    constructor(...args: unknown[]);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatStepperIcon, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatStepperIcon, "ng-template[matStepperIcon]", never, { "name": { "alias": "matStepperIcon"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-/** Template context available to an attached `matStepperIcon`. */
-export declare interface MatStepperIconContext {
-    /** Index of the step. */
-    index: number;
-    /** Whether the step is currently active. */
-    active: boolean;
-    /** Whether the step is optional. */
-    optional: boolean;
-}
-
-/** Stepper data that is required for internationalization. */
-export declare class MatStepperIntl {
-    /**
-     * Stream that emits whenever the labels here are changed. Use this to notify
-     * components if the labels have changed after initialization.
-     */
-    readonly changes: Subject<void>;
-    /** Label that is rendered below optional steps. */
-    optionalLabel: string;
-    /** Label that is used to indicate step as completed to screen readers. */
-    completedLabel: string;
-    /** Label that is used to indicate step as editable to screen readers. */
-    editableLabel: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatStepperIntl, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MatStepperIntl>;
-}
-
-export declare class MatStepperModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatStepperModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatStepperModule, never, [typeof i1.MatCommonModule, typeof i2.PortalModule, typeof i3.CdkStepperModule, typeof i4.MatIconModule, typeof i1.MatRippleModule, typeof i5.MatStep, typeof i6.MatStepLabel, typeof i5.MatStepper, typeof i7.MatStepperNext, typeof i7.MatStepperPrevious, typeof i8.MatStepHeader, typeof i9.MatStepperIcon, typeof i10.MatStepContent], [typeof i1.MatCommonModule, typeof i5.MatStep, typeof i6.MatStepLabel, typeof i5.MatStepper, typeof i7.MatStepperNext, typeof i7.MatStepperPrevious, typeof i8.MatStepHeader, typeof i9.MatStepperIcon, typeof i10.MatStepContent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatStepperModule>;
-}
-
 /** Button that moves to the next step in a stepper workflow. */
-export declare class MatStepperNext extends CdkStepperNext {
+declare class MatStepperNext extends CdkStepperNext {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatStepperNext, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatStepperNext, "button[matStepperNext]", never, {}, {}, never, never, true, never>;
 }
-
 /** Button that moves to the previous step in a stepper workflow. */
-export declare class MatStepperPrevious extends CdkStepperPrevious {
+declare class MatStepperPrevious extends CdkStepperPrevious {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatStepperPrevious, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatStepperPrevious, "button[matStepperPrevious]", never, {}, {}, never, never, true, never>;
 }
 
-export { StepperOrientation }
+declare class MatStepperModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatStepperModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatStepperModule, never, [typeof MatCommonModule, typeof i3.PortalModule, typeof i3$1.CdkStepperModule, typeof MatIconModule, typeof MatRippleModule, typeof MatStep, typeof MatStepLabel, typeof MatStepper, typeof MatStepperNext, typeof MatStepperPrevious, typeof MatStepHeader, typeof MatStepperIcon, typeof MatStepContent], [typeof MatCommonModule, typeof MatStep, typeof MatStepLabel, typeof MatStepper, typeof MatStepperNext, typeof MatStepperPrevious, typeof MatStepHeader, typeof MatStepperIcon, typeof MatStepContent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MatStepperModule>;
+}
 
-export { StepState }
+/**
+ * Animations used by the Material steppers.
+ * @docs-private
+ * @deprecated No longer used, will be removed.
+ * @breaking-change 21.0.0
+ */
+declare const matStepperAnimations: {
+    readonly horizontalStepTransition: any;
+    readonly verticalStepTransition: any;
+};
 
-export { }
+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

@@ -1,11 +1,37 @@
-import { BaseHarnessFilters } from '@angular/cdk/testing';
-import { ComponentHarness } from '@angular/cdk/testing';
-import { ContentContainerComponentHarness } from '@angular/cdk/testing';
-import { HarnessLoader } from '@angular/cdk/testing';
-import { HarnessPredicate } from '@angular/cdk/testing';
+import { BaseHarnessFilters, ContentContainerComponentHarness, HarnessPredicate, HarnessLoader, ComponentHarness } from '@angular/cdk/testing';
+
+/** Possible orientations for a stepper. */
+declare enum StepperOrientation {
+    HORIZONTAL = 0,
+    VERTICAL = 1
+}
+/** A set of criteria that can be used to filter a list of `MatStepHarness` instances. */
+interface StepHarnessFilters extends BaseHarnessFilters {
+    /** Only find instances whose label matches the given value. */
+    label?: string | RegExp;
+    /** Only find steps with the given selected state. */
+    selected?: boolean;
+    /** Only find completed steps. */
+    completed?: boolean;
+    /** Only find steps that have errors. */
+    invalid?: boolean;
+}
+/** A set of criteria that can be used to filter a list of `MatStepperHarness` instances. */
+interface StepperHarnessFilters extends BaseHarnessFilters {
+    /** Only find instances whose orientation matches the given value. */
+    orientation?: StepperOrientation;
+}
+/**
+ * A set of criteria that can be used to filter a list of
+ * `MatStepperNextHarness` and `MatStepperPreviousHarness` instances.
+ */
+interface StepperButtonHarnessFilters extends BaseHarnessFilters {
+    /** Only find instances whose text matches the given value. */
+    text?: string | RegExp;
+}
 
 /** Harness for interacting with a standard Angular Material step in tests. */
-export declare class MatStepHarness extends ContentContainerComponentHarness<string> {
+declare class MatStepHarness extends ContentContainerComponentHarness<string> {
     /** The selector for the host element of a `MatStep` instance. */
     static hostSelector: string;
     /**
@@ -49,7 +75,7 @@ export declare class MatStepHarness extends ContentContainerComponentHarness<str
 }
 
 /** Harness for interacting with a standard Material stepper in tests. */
-export declare class MatStepperHarness extends ComponentHarness {
+declare class MatStepperHarness extends ComponentHarness {
     /** The selector for the host element of a `MatStepper` instance. */
     static hostSelector: string;
     /**
@@ -74,8 +100,15 @@ export declare class MatStepperHarness extends ComponentHarness {
     selectStep(filter?: StepHarnessFilters): Promise<void>;
 }
 
+/** Base class for stepper button harnesses. */
+declare abstract class StepperButtonHarness extends ComponentHarness {
+    /** Gets the text of the button. */
+    getText(): Promise<string>;
+    /** Clicks the button. */
+    click(): Promise<void>;
+}
 /** Harness for interacting with a standard Angular Material stepper next button in tests. */
-export declare class MatStepperNextHarness extends StepperButtonHarness {
+declare class MatStepperNextHarness extends StepperButtonHarness {
     /** The selector for the host element of a `MatStep` instance. */
     static hostSelector: string;
     /**
@@ -86,9 +119,8 @@ export declare class MatStepperNextHarness extends StepperButtonHarness {
      */
     static with(options?: StepperButtonHarnessFilters): HarnessPredicate<MatStepperNextHarness>;
 }
-
 /** Harness for interacting with a standard Angular Material stepper previous button in tests. */
-export declare class MatStepperPreviousHarness extends StepperButtonHarness {
+declare class MatStepperPreviousHarness extends StepperButtonHarness {
     /** The selector for the host element of a `MatStep` instance. */
     static hostSelector: string;
     /**
@@ -100,45 +132,5 @@ export declare class MatStepperPreviousHarness extends StepperButtonHarness {
     static with(options?: StepperButtonHarnessFilters): HarnessPredicate<MatStepperPreviousHarness>;
 }
 
-/** A set of criteria that can be used to filter a list of `MatStepHarness` instances. */
-export declare interface StepHarnessFilters extends BaseHarnessFilters {
-    /** Only find instances whose label matches the given value. */
-    label?: string | RegExp;
-    /** Only find steps with the given selected state. */
-    selected?: boolean;
-    /** Only find completed steps. */
-    completed?: boolean;
-    /** Only find steps that have errors. */
-    invalid?: boolean;
-}
-
-/** Base class for stepper button harnesses. */
-declare abstract class StepperButtonHarness extends ComponentHarness {
-    /** Gets the text of the button. */
-    getText(): Promise<string>;
-    /** Clicks the button. */
-    click(): Promise<void>;
-}
-
-/**
- * A set of criteria that can be used to filter a list of
- * `MatStepperNextHarness` and `MatStepperPreviousHarness` instances.
- */
-export declare interface StepperButtonHarnessFilters extends BaseHarnessFilters {
-    /** Only find instances whose text matches the given value. */
-    text?: string | RegExp;
-}
-
-/** A set of criteria that can be used to filter a list of `MatStepperHarness` instances. */
-export declare interface StepperHarnessFilters extends BaseHarnessFilters {
-    /** Only find instances whose orientation matches the given value. */
-    orientation?: StepperOrientation;
-}
-
-/** Possible orientations for a stepper. */
-export declare enum StepperOrientation {
-    HORIZONTAL = 0,
-    VERTICAL = 1
-}
-
-export { }
+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)
   );
 }

package/table/_m3-table.scss

@@ -0,0 +1,44 @@
+@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, table);
+
+/// Generates custom tokens for the mat-table.
+/// @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-table
+@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
+  $tokens: sass-utils.merge-all(
+    m3-utils.generate-typography-tokens($systems, header-headline, title-small),
+    m3-utils.generate-typography-tokens($systems, row-item-label-text, body-medium),
+    m3-utils.generate-typography-tokens(
+        $systems, footer-supporting-text, body-medium),
+    (
+      row-item-outline-width: m3-utils.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),
+      row-item-outline-color: map.get($systems, md-sys-color, outline),
+    ),
+  );
+
+  @return m3-utils.namespace($prefix, $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-container-height: list.nth((56px, 52px, 48px, 44px, 40px), $index),
+    footer-container-height: list.nth((52px, 48px, 44px, 40px, 36px), $index),
+    row-item-container-height: list.nth((52px, 48px, 44px, 40px, 36px), $index),
+  );
+}