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

package/tabs/index.d.ts

@@ -7,22 +7,17 @@ import { BehaviorSubject } from 'rxjs';
 import { CdkPortal } from '@angular/cdk/portal';
 import { CdkPortalOutlet } from '@angular/cdk/portal';
 import { ChangeDetectorRef } from '@angular/core';
-import { ComponentFactoryResolver } from '@angular/core';
 import { Direction } from '@angular/cdk/bidi';
-import { Directionality } from '@angular/cdk/bidi';
 import { ElementRef } from '@angular/core';
 import { EventEmitter } from '@angular/core';
 import { FocusableOption } from '@angular/cdk/a11y';
-import { FocusMonitor } from '@angular/cdk/a11y';
 import { FocusOrigin } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/material/core';
 import { InjectionToken } from '@angular/core';
-import { NgZone } from '@angular/core';
 import { OnChanges } from '@angular/core';
 import { OnDestroy } from '@angular/core';
 import { OnInit } from '@angular/core';
-import { Platform } from '@angular/cdk/platform';
 import { QueryList } from '@angular/core';
 import { RippleConfig } from '@angular/material/core';
 import { RippleGlobalOptions } from '@angular/material/core';
@@ -32,8 +27,6 @@ import { Subject } from 'rxjs';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { TemplateRef } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
-import { ViewContainerRef } from '@angular/core';
-import { ViewportRuler } from '@angular/cdk/scrolling';
 
 declare namespace i2 {
     export {
@@ -98,7 +91,7 @@ declare abstract class InkBarItem implements OnInit, OnDestroy {
      */
     private _appendInkBarElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<InkBarItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<InkBarItem, never, never, { "fitInkBarToContent": { "alias": "fitInkBarToContent"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InkBarItem, never, never, { "fitInkBarToContent": { "alias": "fitInkBarToContent"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_fitInkBarToContent: unknown;
 }
 
@@ -188,7 +181,7 @@ export declare abstract class MatPaginatedTabHeader implements AfterContentCheck
     private _dir;
     private _ngZone;
     private _platform;
-    _animationMode?: string | undefined;
+    _animationMode: "NoopAnimations" | "BrowserAnimations" | null;
     abstract _items: QueryList<MatPaginatedTabHeaderItem>;
     abstract _inkBar: {
         hide: () => void;
@@ -239,7 +232,7 @@ export declare abstract class MatPaginatedTabHeader implements AfterContentCheck
     readonly indexFocused: EventEmitter<number>;
     private _sharedResizeObserver;
     private _injector;
-    constructor(_elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, _viewportRuler: ViewportRuler, _dir: Directionality, _ngZone: NgZone, _platform: Platform, _animationMode?: string | undefined);
+    constructor(...args: unknown[]);
     /** Called when the user has selected an item via the keyboard. */
     protected abstract _itemSelected(event: KeyboardEvent): void;
     ngAfterViewInit(): void;
@@ -347,8 +340,8 @@ export declare abstract class MatPaginatedTabHeader implements AfterContentCheck
      * @returns Information on the current scroll distance and the maximum.
      */
     private _scrollTo;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatPaginatedTabHeader, [null, null, null, { optional: true; }, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatPaginatedTabHeader, never, never, { "disablePagination": { "alias": "disablePagination"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; }, { "selectFocusedIndex": "selectFocusedIndex"; "indexFocused": "indexFocused"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatPaginatedTabHeader, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatPaginatedTabHeader, never, never, { "disablePagination": { "alias": "disablePagination"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; }, { "selectFocusedIndex": "selectFocusedIndex"; "indexFocused": "indexFocused"; }, never, never, true, never>;
     static ngAcceptInputType_disablePagination: unknown;
     static ngAcceptInputType_selectedIndex: unknown;
 }
@@ -406,7 +399,7 @@ export declare class MatTab implements OnInit, OnChanges, OnDestroy {
      * Whether the tab is currently active.
      */
     isActive: boolean;
-    constructor(_viewContainerRef: ViewContainerRef, _closestTabGroup: any);
+    constructor(...args: unknown[]);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     ngOnInit(): void;
@@ -417,7 +410,7 @@ export declare class MatTab implements OnInit, OnChanges, OnDestroy {
      * @docs-private
      */
     private _setTemplateLabelInput;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTab, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTab, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatTab, "mat-tab", ["matTab"], { "disabled": { "alias": "disabled"; "required": false; }; "textLabel": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "bodyClass": { "alias": "bodyClass"; "required": false; }; }, {}, ["templateLabel", "_explicitContent"], ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }
@@ -457,7 +450,7 @@ export declare class MatTabBody implements OnInit, OnDestroy {
     preserveContent: boolean;
     /** The shifted index position of the tab body, where zero represents the active center tab. */
     set position(position: number);
-    constructor(_elementRef: ElementRef<HTMLElement>, _dir: Directionality, changeDetectorRef: ChangeDetectorRef);
+    constructor(...args: unknown[]);
     /**
      * After initialized, check if the content is centered and has an origin. If so, set the
      * special position states that transition the tab from the left or right before centering.
@@ -476,7 +469,7 @@ export declare class MatTabBody implements OnInit, OnDestroy {
      * tab is becoming visible immediately after creation.
      */
     private _computePositionFromOrigin;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabBody, [null, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabBody, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatTabBody, "mat-tab-body", never, { "_content": { "alias": "content"; "required": false; }; "origin": { "alias": "origin"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "preserveContent": { "alias": "preserveContent"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "_onCentering": "_onCentering"; "_beforeCentering": "_beforeCentering"; "_afterLeavingCenter": "_afterLeavingCenter"; "_onCentered": "_onCentered"; }, never, never, true, never>;
 }
 
@@ -498,7 +491,7 @@ export declare class MatTabBodyPortal extends CdkPortalOutlet implements OnInit,
     private _centeringSub;
     /** Subscription to events for when the tab body finishes leaving from center position. */
     private _leavingSub;
-    constructor(componentFactoryResolver: ComponentFactoryResolver, viewContainerRef: ViewContainerRef, _host: MatTabBody, _document: any);
+    constructor(...args: unknown[]);
     /** Set initial visibility or set up subscription for changing visibility. */
     ngOnInit(): void;
     /** Clean up centering subscription. */
@@ -530,7 +523,7 @@ export declare class MatTabChangeEvent {
 /** Decorates the `ng-template` tags and reads out the template from it. */
 export declare class MatTabContent {
     template: TemplateRef<any>;
-    constructor(/** Content for the tab. */ template: TemplateRef<any>);
+    constructor(...args: unknown[]);
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTabContent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabContent, "[matTabContent]", never, {}, {}, never, never, true, never>;
 }
@@ -541,9 +534,9 @@ export declare class MatTabContent {
  * See: https://material.io/design/components/tabs.html
  */
 export declare class MatTabGroup implements AfterContentInit, AfterContentChecked, OnDestroy {
-    readonly _elementRef: ElementRef;
+    readonly _elementRef: ElementRef<any>;
     private _changeDetectorRef;
-    _animationMode?: string | undefined;
+    _animationMode: "NoopAnimations" | "BrowserAnimations" | null;
     /**
      * All tabs inside the tab group. This includes tabs that belong to groups that are nested
      * inside the current one. We filter out only the tabs that belong to this group in `_tabs`.
@@ -577,6 +570,8 @@ export declare class MatTabGroup implements AfterContentInit, AfterContentChecke
     private _fitInkBarToContent;
     /** Whether tabs should be stretched to fill the header. */
     stretchTabs: boolean;
+    /** Alignment for tabs label. */
+    alignTabs: string | null;
     /** Whether the tab group should grow to the size of the active tab. */
     dynamicHeight: boolean;
     /** The index of the active tab. */
@@ -639,7 +634,7 @@ export declare class MatTabGroup implements AfterContentInit, AfterContentChecke
     private _groupId;
     /** Whether the tab group is rendered on the server. */
     protected _isServer: boolean;
-    constructor(_elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef, defaultConfig?: MatTabsConfig, _animationMode?: string | undefined);
+    constructor(...args: unknown[]);
     /**
      * After the content is checked, this component knows what tabs have been defined
      * and what the selected index should be. This is where we can know exactly what position
@@ -694,8 +689,8 @@ export declare class MatTabGroup implements AfterContentInit, AfterContentChecke
     _getTabIndex(index: number): number;
     /** Callback for when the focused state of a tab has changed. */
     _tabFocusChanged(focusOrigin: FocusOrigin, index: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabGroup, [null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatTabGroup, "mat-tab-group", ["matTabGroup"], { "color": { "alias": "color"; "required": false; }; "fitInkBarToContent": { "alias": "fitInkBarToContent"; "required": false; }; "stretchTabs": { "alias": "mat-stretch-tabs"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "headerPosition": { "alias": "headerPosition"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "contentTabIndex": { "alias": "contentTabIndex"; "required": false; }; "disablePagination": { "alias": "disablePagination"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "preserveContent": { "alias": "preserveContent"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "focusChange": "focusChange"; "animationDone": "animationDone"; "selectedTabChange": "selectedTabChange"; }, ["_allTabs"], ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatTabGroup, "mat-tab-group", ["matTabGroup"], { "color": { "alias": "color"; "required": false; }; "fitInkBarToContent": { "alias": "fitInkBarToContent"; "required": false; }; "stretchTabs": { "alias": "mat-stretch-tabs"; "required": false; }; "alignTabs": { "alias": "mat-align-tabs"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "headerPosition": { "alias": "headerPosition"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "contentTabIndex": { "alias": "contentTabIndex"; "required": false; }; "disablePagination": { "alias": "disablePagination"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "preserveContent": { "alias": "preserveContent"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "focusChange": "focusChange"; "animationDone": "animationDone"; "selectedTabChange": "selectedTabChange"; }, ["_allTabs"], ["*"], true, never>;
     static ngAcceptInputType_fitInkBarToContent: unknown;
     static ngAcceptInputType_stretchTabs: unknown;
     static ngAcceptInputType_dynamicHeight: unknown;
@@ -734,10 +729,9 @@ export declare class MatTabHeader extends MatPaginatedTabHeader implements After
     ariaLabelledby: string;
     /** Whether the ripple effect is disabled or not. */
     disableRipple: boolean;
-    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, dir: Directionality, ngZone: NgZone, platform: Platform, animationMode?: string);
     ngAfterContentInit(): void;
     protected _itemSelected(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabHeader, [null, null, null, { optional: true; }, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabHeader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatTabHeader, "mat-tab-header", never, { "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, ["_items"], ["*"], true, never>;
     static ngAcceptInputType_disableRipple: unknown;
 }
@@ -748,8 +742,7 @@ export declare type MatTabHeaderPosition = 'above' | 'below';
 /** Used to flag tab labels for use with the portal directive */
 export declare class MatTabLabel extends CdkPortal {
     _closestTab: any;
-    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef, _closestTab: any);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLabel, [null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLabel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabLabel, "[mat-tab-label], [matTabLabel]", never, {}, {}, never, never, true, never>;
 }
 
@@ -758,10 +751,9 @@ export declare class MatTabLabel extends CdkPortal {
  * @docs-private
  */
 export declare class MatTabLabelWrapper extends InkBarItem {
-    elementRef: ElementRef;
+    elementRef: ElementRef<any>;
     /** Whether the tab is disabled. */
     disabled: boolean;
-    constructor(elementRef: ElementRef);
     /** Sets focus on the wrapper element */
     focus(): void;
     getOffsetLeft(): number;
@@ -776,7 +768,7 @@ export declare class MatTabLabelWrapper extends InkBarItem {
  */
 export declare class MatTabLink extends InkBarItem implements AfterViewInit, OnDestroy, RippleTarget, FocusableOption {
     private _tabNavBar;
-    /** @docs-private */ elementRef: ElementRef;
+    elementRef: ElementRef<any>;
     private _focusMonitor;
     private readonly _destroyed;
     /** Whether the tab link is active or not. */
@@ -803,8 +795,7 @@ export declare class MatTabLink extends InkBarItem implements AfterViewInit, OnD
     get rippleDisabled(): boolean;
     /** Unique id for the tab. */
     id: string;
-    constructor(_tabNavBar: MatTabNav, 
-    /** @docs-private */ elementRef: ElementRef, globalRippleOptions: RippleGlobalOptions | null, tabIndex: string, _focusMonitor: FocusMonitor, animationMode?: string);
+    constructor(...args: unknown[]);
     /** Focuses the tab link. */
     focus(): void;
     ngAfterViewInit(): void;
@@ -816,7 +807,7 @@ export declare class MatTabLink extends InkBarItem implements AfterViewInit, OnD
     _getAriaCurrent(): string | null;
     _getRole(): string | null;
     _getTabIndex(): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLink, [null, null, { optional: true; }, { attribute: "tabindex"; }, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLink, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatTabLink, "[mat-tab-link], [matTabLink]", ["matTabLink"], { "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_active: unknown;
     static ngAcceptInputType_disabled: unknown;
@@ -872,14 +863,14 @@ export declare class MatTabNav extends MatPaginatedTabHeader implements AfterCon
     _nextPaginator: ElementRef<HTMLElement>;
     _previousPaginator: ElementRef<HTMLElement>;
     _inkBar: MatInkBar;
-    constructor(elementRef: ElementRef, dir: Directionality, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, platform: Platform, animationMode?: string, defaultConfig?: MatTabsConfig);
+    constructor(...args: unknown[]);
     protected _itemSelected(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     /** Notifies the component that the active link has been changed. */
     updateActiveLink(): void;
     _getRole(): string | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabNav, [null, { optional: true; }, null, null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabNav, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatTabNav, "[mat-tab-nav-bar]", ["matTabNavBar", "matTabNav"], { "fitInkBarToContent": { "alias": "fitInkBarToContent"; "required": false; }; "stretchTabs": { "alias": "mat-stretch-tabs"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "tabPanel": { "alias": "tabPanel"; "required": false; }; }, {}, ["_items"], ["*"], true, never>;
     static ngAcceptInputType_fitInkBarToContent: unknown;
     static ngAcceptInputType_stretchTabs: unknown;
@@ -932,6 +923,8 @@ export declare interface MatTabsConfig {
     preserveContent?: boolean;
     /** Whether tabs should be stretched to fill the header. */
     stretchTabs?: boolean;
+    /** Alignment for the tabs label. */
+    alignTabs?: 'start' | 'center' | 'end';
 }
 
 export declare class MatTabsModule {

package/timepicker/_timepicker-theme.scss

@@ -0,0 +1,124 @@
+@use 'sass:map';
+@use '../core/theming/theming';
+@use '../core/theming/inspection';
+@use '../core/theming/validation';
+@use '../core/typography/typography';
+@use '../core/style/sass-utils';
+@use '../core/tokens/m2/mat/timepicker' as tokens-mat-timepicker;
+@use '../core/tokens/token-utils';
+
+/// Outputs base theme styles (styles not dependent on the color, typography, or density settings)
+/// for the mat-timepicker.
+/// @param {Map} $theme The theme to generate base styles for.
+@mixin base($theme) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
+  } @else {
+    @include sass-utils.current-selector-or-root() {
+      @include token-utils.create-token-values(
+        tokens-mat-timepicker.$prefix,
+        tokens-mat-timepicker.get-unthemable-tokens()
+      );
+    }
+  }
+}
+
+/// Outputs color theme styles for the mat-timepicker.
+/// @param {Map} $theme The theme to generate color styles for.
+/// @param {ArgList} Additional optional arguments (only supported for M3 themes):
+///   $color-variant: The color variant to use for the main selection: primary, secondary, tertiary,
+///      or error (If not specified, default primary color will be used).
+@mixin color($theme, $options...) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @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-timepicker.$prefix,
+        tokens-mat-timepicker.get-color-tokens($theme)
+      );
+    }
+  }
+}
+
+/// Outputs typography theme styles for the mat-timepicker.
+/// @param {Map} $theme The theme to generate typography styles for.
+@mixin typography($theme) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @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-timepicker.$prefix,
+        tokens-mat-timepicker.get-typography-tokens($theme)
+      );
+    }
+  }
+}
+
+/// Outputs density theme styles for the mat-timepicker.
+/// @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));
+  } @else {
+    @include sass-utils.current-selector-or-root() {
+      @include token-utils.create-token-values(
+        tokens-mat-timepicker.$prefix,
+        tokens-mat-timepicker.get-density-tokens($theme)
+      );
+    }
+  }
+}
+
+/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
+@function _define-overrides() {
+  @return (
+    (
+      namespace: tokens-mat-timepicker.$prefix,
+      tokens: tokens-mat-timepicker.get-token-slots(),
+    ),
+  );
+}
+
+/// Outputs the CSS variable values for the given tokens.
+/// @param {Map} $tokens The token values to emit.
+@mixin overrides($tokens: ()) {
+  @include token-utils.batch-create-token-values($tokens, _define-overrides()...);
+}
+
+/// Outputs all (base, color, typography, and density) theme styles for the mat-timepicker.
+/// @param {Map} $theme The theme to generate styles for.
+/// @param {ArgList} Additional optional arguments (only supported for M3 themes):
+///   $color-variant: The color variant to use for the main selection: primary, secondary, tertiary,
+///      or error (If not specified, default primary color will be used).
+@mixin theme($theme) {
+  @include theming.private-check-duplicate-theme-styles($theme, 'mat-timepicker') {
+    @if inspection.get-theme-version($theme) == 1 {
+      @include _theme-from-tokens(inspection.get-theme-tokens($theme));
+    } @else {
+      @include base($theme);
+      @if inspection.theme-has($theme, color) {
+        @include color($theme);
+      }
+      @if inspection.theme-has($theme, density) {
+        @include density($theme);
+      }
+      @if inspection.theme-has($theme, typography) {
+        @include typography($theme);
+      }
+    }
+  }
+}
+
+@mixin _theme-from-tokens($tokens) {
+  @include validation.selector-defined(
+    'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
+  );
+  @if ($tokens != ()) {
+    @include token-utils.create-token-values(
+      tokens-mat-timepicker.$prefix,
+      map.get($tokens, tokens-mat-timepicker.$prefix)
+    );
+  }
+}