@ng-matero/extensions 18.4.1 → 19.0.1

package/_index.scss

@@ -28,7 +28,9 @@ define-density;
 @forward './core/theming/color-api-backwards-compatibility' show color-variants-backwards-compatibility;
 
 @forward './core/tokens/m2' show m2-tokens-from-theme;
-@forward './core/tokens/m3-tokens' show system-level-colors, system-level-typography;
+@forward './core/tokens/m3-system' show system-level-colors,
+system-level-typography, system-level-elevation, system-level-shape,
+system-level-motion, system-level-state, theme, theme-overrides;
 
 @forward './core/theming/all-theme' show all-component-themes, all-component-bases;
 @forward './core/color/all-color' show all-component-colors;

package/alert/_alert-theme.scss

@@ -11,8 +11,10 @@
   }
   @else {
     @include mat.private-current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mtx-alert.$prefix,
-        tokens-mtx-alert.get-unthemable-tokens());
+      @include token-utils.create-token-values(
+        tokens-mtx-alert.$prefix,
+        tokens-mtx-alert.get-unthemable-tokens()
+      );
     }
   }
 }
@@ -23,8 +25,10 @@
   }
   @else {
     @include mat.private-current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mtx-alert.$prefix,
-        tokens-mtx-alert.get-color-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mtx-alert.$prefix,
+        tokens-mtx-alert.get-color-tokens($theme)
+      );
     }
   }
 }
@@ -43,13 +47,20 @@
   @else {}
 }
 
-@mixin overrides($tokens: ()) {
-  @include token-utils.batch-create-token-values(
-    $tokens,
-    (prefix: tokens-mtx-alert.$prefix, tokens: tokens-mtx-alert.get-token-slots()),
+/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
+@function _define-overrides() {
+  @return (
+    (
+      namespace: tokens-mtx-alert.$prefix,
+      tokens: tokens-mtx-alert.get-token-slots(),
+    ),
   );
 }
 
+@mixin overrides($tokens: ()) {
+  @include token-utils.batch-create-token-values($tokens, _define-overrides()...);
+}
+
 @mixin theme($theme) {
   @include mat.private-check-duplicate-theme-styles($theme, 'mtx-alert') {
     @if mat.get-theme-version($theme) == 1 {

package/alert/alert.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export type MtxAlertType = 'default' | 'info' | 'success' | 'warning' | 'danger';
 export declare class MtxAlert {
@@ -12,7 +12,6 @@ export declare class MtxAlert {
     elevation: number;
     /** Event emitted when the alert closed. */
     closed: EventEmitter<MtxAlert>;
-    constructor(_changeDetectorRef: ChangeDetectorRef);
     _onClosed(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxAlert, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtxAlert, "mtx-alert", ["mtxAlert"], { "type": { "alias": "type"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "elevation": { "alias": "elevation"; "required": false; }; }, { "closed": "closed"; }, never, ["*"], true, never>;

package/button/button-loading.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnChanges, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
+import { OnChanges, SimpleChanges } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
 import * as i0 from "@angular/core";
 export declare class MatButtonLoading implements OnChanges {
@@ -9,7 +9,6 @@ export declare class MatButtonLoading implements OnChanges {
     loading: boolean;
     disabled: boolean;
     color: ThemePalette;
-    constructor(_elementRef: ElementRef<HTMLButtonElement>, _viewContainerRef: ViewContainerRef, _renderer: Renderer2);
     ngOnChanges(changes: SimpleChanges): void;
     private createSpinner;
     private destroySpinner;

package/checkbox-group/checkbox-group.d.ts

@@ -1,5 +1,4 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
+import { AfterViewInit, EventEmitter, OnDestroy, QueryList, TrackByFunction } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
 import { MtxCheckboxGroupOption } from './interfaces';
@@ -14,6 +13,15 @@ export declare class MtxCheckboxGroup implements AfterViewInit, OnDestroy, Contr
     private _focusMonitor;
     private _elementRef;
     _checkboxes: QueryList<MatCheckbox>;
+    /**
+     * Tracking function that will be used to check the differences in data changes. Used similarly
+     * to `ngFor` `trackBy` function. Optimize row operations by identifying a row based on its data
+     * relative to the function to know if a row should be added/removed/moved.
+     * Accepts a function that takes two parameters, `index` and `item`.
+     */
+    get trackBy(): TrackByFunction<any> | undefined;
+    set trackBy(fn: TrackByFunction<any> | undefined);
+    private _trackByFn?;
     get items(): any[];
     set items(value: any[]);
     private _items;
@@ -35,7 +43,6 @@ export declare class MtxCheckboxGroup implements AfterViewInit, OnDestroy, Contr
     selectedItems: MtxCheckboxGroupOption[];
     _onChange: (value: MtxCheckboxGroupOption[]) => void;
     _onTouched: () => void;
-    constructor(_changeDetectorRef: ChangeDetectorRef, _focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
@@ -71,8 +78,9 @@ export declare class MtxCheckboxGroup implements AfterViewInit, OnDestroy, Contr
     _updateNormalCheckboxState(e: MatCheckboxChange, index: number): void;
     /** Handle master checkbox toggle */
     _updateMasterCheckboxState(e: MatCheckboxChange, index: number): void;
+    _trackBy: (index: number, item: any) => any;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxCheckboxGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxCheckboxGroup, "mtx-checkbox-group", ["mtxCheckboxGroup"], { "items": { "alias": "items"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; }, ["_checkboxes"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxCheckboxGroup, "mtx-checkbox-group", ["mtxCheckboxGroup"], { "trackBy": { "alias": "trackBy"; "required": false; }; "items": { "alias": "items"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; }, ["_checkboxes"], never, true, never>;
     static ngAcceptInputType_showSelectAll: unknown;
     static ngAcceptInputType_disabled: unknown;
 }

package/colorpicker/_colorpicker-theme.scss

@@ -12,8 +12,10 @@
   }
   @else {
     @include mat.private-current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mtx-colorpicker.$prefix,
-        tokens-mtx-colorpicker.get-unthemable-tokens());
+      @include token-utils.create-token-values(
+        tokens-mtx-colorpicker.$prefix,
+        tokens-mtx-colorpicker.get-unthemable-tokens()
+      );
     }
   }
 }
@@ -24,8 +26,10 @@
   }
   @else {
     @include mat.private-current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mtx-colorpicker.$prefix,
-        tokens-mtx-colorpicker.get-color-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mtx-colorpicker.$prefix,
+        tokens-mtx-colorpicker.get-color-tokens($theme)
+      );
     }
 
     .mtx-colorpicker-toggle-active {
@@ -56,13 +60,20 @@
   @else {}
 }
 
-@mixin overrides($tokens: ()) {
-  @include token-utils.batch-create-token-values(
-    $tokens,
-    (prefix: tokens-mtx-colorpicker.$prefix, tokens: tokens-mtx-colorpicker.get-token-slots()),
+/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
+@function _define-overrides() {
+  @return (
+    (
+      namespace: tokens-mtx-colorpicker.$prefix,
+      tokens: tokens-mtx-colorpicker.get-token-slots(),
+    ),
   );
 }
 
+@mixin overrides($tokens: ()) {
+  @include token-utils.batch-create-token-values($tokens, _define-overrides()...);
+}
+
 @mixin theme($theme) {
   @include mat.private-check-duplicate-theme-styles($theme, 'mtx-colorpicker') {
     @if mat.get-theme-version($theme) == 1 {

package/colorpicker/colorpicker-input.d.ts

@@ -1,7 +1,6 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, ValidationErrors } from '@angular/forms';
 import { ThemePalette } from '@angular/material/core';
-import { MatFormField } from '@angular/material/form-field';
 import { MtxColorpicker } from './colorpicker';
 import * as i0 from "@angular/core";
 export declare class MtxColorPickerInputEvent {
@@ -53,7 +52,6 @@ export declare class MtxColorpickerInput implements ControlValueAccessor, AfterV
     private _validator;
     /** Whether the last value set on the input was valid. */
     private _lastValueValid;
-    constructor(_elementRef: ElementRef<HTMLInputElement>, _formField: MatFormField);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     registerOnValidatorChange(fn: () => void): void;
@@ -84,7 +82,7 @@ export declare class MtxColorpickerInput implements ControlValueAccessor, AfterV
     getThemePalette(): ThemePalette;
     /** TODO: Formats a value and sets it on the input element. */
     private _formatValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxColorpickerInput, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxColorpickerInput, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MtxColorpickerInput, "input[mtxColorpicker]", ["mtxColorpickerInput"], { "mtxColorpicker": { "alias": "mtxColorpicker"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "colorChange": "colorChange"; "colorInput": "colorInput"; }, never, never, true, never>;
     static ngAcceptInputType_disabled: unknown;
 }

package/colorpicker/colorpicker-toggle.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, ChangeDetectorRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { AfterContentInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { MatButton } from '@angular/material/button';
 import { MtxColorpicker } from './colorpicker';
 import * as i0 from "@angular/core";
@@ -26,13 +26,13 @@ export declare class MtxColorpickerToggle implements AfterContentInit, OnChanges
     _customIcon: MtxColorpickerToggleIcon;
     /** Underlying button element. */
     _button: MatButton;
-    constructor(_changeDetectorRef: ChangeDetectorRef, defaultTabIndex: string);
+    constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     ngAfterContentInit(): void;
     _open(event: Event): void;
     private _watchStateChanges;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxColorpickerToggle, [null, { attribute: "tabindex"; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxColorpickerToggle, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtxColorpickerToggle, "mtx-colorpicker-toggle", ["mtxColorpickerToggle"], { "picker": { "alias": "for"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, ["_customIcon"], ["[mtxColorpickerToggleIcon]"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_disableRipple: unknown;

package/colorpicker/colorpicker.d.ts

@@ -1,6 +1,5 @@
-import { Directionality } from '@angular/cdk/bidi';
 import { Overlay, ScrollStrategy } from '@angular/cdk/overlay';
-import { ChangeDetectorRef, EventEmitter, InjectionToken, OnChanges, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
+import { EventEmitter, InjectionToken, OnChanges, OnDestroy, TemplateRef } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
 import { Subject } from 'rxjs';
 import { ColorEvent } from 'ngx-color';
@@ -26,7 +25,6 @@ export declare class MtxColorpickerContent implements OnDestroy {
     _animationState: 'enter-dropdown' | 'void';
     /** Emits when an animation has finished. */
     readonly _animationDone: Subject<void>;
-    constructor(_changeDetectorRef: ChangeDetectorRef);
     _startExitAnimation(): void;
     ngOnDestroy(): void;
     getColorString(e: ColorEvent): string;
@@ -36,8 +34,8 @@ export declare class MtxColorpickerContent implements OnDestroy {
 export declare class MtxColorpicker implements OnChanges, OnDestroy {
     private _overlay;
     private _viewContainerRef;
-    private _dir;
-    private _document;
+    private _dir?;
+    private _document?;
     private _scrollStrategy;
     private _inputStateChanges;
     /** Custom colorpicker content set by the consumer. */
@@ -92,7 +90,6 @@ export declare class MtxColorpicker implements OnChanges, OnDestroy {
     /** Emits new selected color when selected color changes. */
     readonly _selectedChanged: Subject<string>;
     private _injector;
-    constructor(_overlay: Overlay, _viewContainerRef: ViewContainerRef, scrollStrategy: any, _dir: Directionality, _document: any);
     ngOnChanges(): void;
     ngOnDestroy(): void;
     /** Selects the given color. */
@@ -118,7 +115,7 @@ export declare class MtxColorpicker implements OnChanges, OnDestroy {
     private _setConnectedPositions;
     /** Gets an observable that will emit when the overlay is supposed to be closed. */
     private _getCloseStream;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxColorpicker, [null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxColorpicker, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtxColorpicker, "mtx-colorpicker", ["mtxColorpicker"], { "content": { "alias": "content"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "color": { "alias": "color"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "openedStream": "opened"; "closedStream": "closed"; }, never, never, true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_restoreFocus: unknown;

package/column-resize/column-resize-directives/column-resize-flex.d.ts

@@ -22,7 +22,8 @@ export declare class CdkColumnResizeFlex extends ColumnResize {
     protected readonly ngZone: NgZone;
     protected readonly notifier: ColumnResizeNotifierSource;
     protected readonly table: CdkTable<unknown>;
-    constructor(columnResizeNotifier: ColumnResizeNotifier, elementRef: ElementRef<HTMLElement>, eventDispatcher: HeaderRowEventDispatcher, ngZone: NgZone, notifier: ColumnResizeNotifierSource, table: CdkTable<unknown>);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkColumnResizeFlex, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CdkColumnResizeFlex, "cdk-table[columnResize]", never, {}, {}, never, never, true, never>;
 }

package/column-resize/column-resize-directives/column-resize.d.ts

@@ -22,7 +22,8 @@ export declare class CdkColumnResize extends ColumnResize {
     protected readonly ngZone: NgZone;
     protected readonly notifier: ColumnResizeNotifierSource;
     protected readonly table: CdkTable<unknown>;
-    constructor(columnResizeNotifier: ColumnResizeNotifier, elementRef: ElementRef<HTMLElement>, eventDispatcher: HeaderRowEventDispatcher, ngZone: NgZone, notifier: ColumnResizeNotifierSource, table: CdkTable<unknown>);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkColumnResize, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CdkColumnResize, "table[cdk-table][columnResize]", never, {}, {}, never, never, true, never>;
 }

package/column-resize/column-resize-notifier.d.ts

@@ -41,7 +41,6 @@ export declare class ColumnResizeNotifier {
     private readonly _source;
     /** Emits whenever a column is resized. */
     readonly resizeCompleted: Observable<ColumnSize>;
-    constructor(_source: ColumnResizeNotifierSource);
     /** Instantly resizes the specified column. */
     resize(columnId: string, size: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnResizeNotifier, never>;

package/column-resize/column-resize.d.ts

@@ -35,5 +35,5 @@ export declare abstract class ColumnResize implements AfterViewInit, OnDestroy {
     private _listenForResizeActivity;
     private _listenForHoverActivity;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnResize, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnResize, never, never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnResize, never, never, {}, {}, never, never, true, never>;
 }

package/column-resize/event-dispatcher.d.ts

@@ -1,11 +1,3 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-import { NgZone } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 /** Coordinates events between the column resize directives. */
@@ -22,7 +14,6 @@ export declare class HeaderRowEventDispatcher {
      * when no resize is in progress.
      */
     readonly overlayHandleActiveForCell: Subject<Element | null>;
-    constructor(_ngZone: NgZone);
     /** Distinct and shared version of headerCellHovered. */
     readonly headerCellHoveredDistinct: Observable<Element | null>;
     /**

package/column-resize/overlay-handle.d.ts

@@ -39,5 +39,5 @@ export declare abstract class ResizeOverlayHandle implements AfterViewInit, OnDe
     private _isLtr;
     private _notifyResizeEnded;
     static ɵfac: i0.ɵɵFactoryDeclaration<ResizeOverlayHandle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeOverlayHandle, never, never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeOverlayHandle, never, never, {}, {}, never, never, true, never>;
 }

package/column-resize/resizable.d.ts

@@ -59,5 +59,5 @@ export declare abstract class Resizable<HandleComponent extends ResizeOverlayHan
     private _applyMaxWidthPx;
     private _appendInlineHandle;
     static ɵfac: i0.ɵɵFactoryDeclaration<Resizable<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Resizable<any>, never, never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Resizable<any>, never, never, {}, {}, never, never, true, never>;
 }

package/column-resize/resize-strategy.d.ts

@@ -40,7 +40,8 @@ export declare class TableLayoutFixedResizeStrategy extends ResizeStrategy {
     protected readonly columnResize: ColumnResize;
     protected readonly styleScheduler: _CoalescedStyleScheduler;
     protected readonly table: CdkTable<unknown>;
-    constructor(columnResize: ColumnResize, styleScheduler: _CoalescedStyleScheduler, table: CdkTable<unknown>);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     applyColumnSize(_: string, columnHeader: HTMLElement, sizeInPx: number, previousSizeInPx?: number): void;
     applyMinColumnSize(_: string, columnHeader: HTMLElement, sizeInPx: number): void;
     applyMaxColumnSize(_: string, columnHeader: HTMLElement, sizeInPx: number): void;
@@ -57,7 +58,7 @@ export declare class CdkFlexTableResizeStrategy extends ResizeStrategy implement
     protected readonly columnResize: ColumnResize;
     protected readonly styleScheduler: _CoalescedStyleScheduler;
     protected readonly table: CdkTable<unknown>;
-    private readonly _nonce?;
+    private readonly _nonce;
     private readonly _document;
     private readonly _columnIndexes;
     private readonly _columnProperties;
@@ -65,7 +66,6 @@ export declare class CdkFlexTableResizeStrategy extends ResizeStrategy implement
     private _indexSequence;
     protected readonly defaultMinSize = 0;
     protected readonly defaultMaxSize: number;
-    constructor(columnResize: ColumnResize, styleScheduler: _CoalescedStyleScheduler, table: CdkTable<unknown>, document: any, _nonce?: (string | null) | undefined);
     applyColumnSize(cssFriendlyColumnName: string, columnHeader: HTMLElement, sizeInPx: number, previousSizeInPx?: number): void;
     applyMinColumnSize(cssFriendlyColumnName: string, _: HTMLElement, sizeInPx: number): void;
     applyMaxColumnSize(cssFriendlyColumnName: string, _: HTMLElement, sizeInPx: number): void;
@@ -77,7 +77,7 @@ export declare class CdkFlexTableResizeStrategy extends ResizeStrategy implement
     private _getStyleSheet;
     private _getColumnPropertiesMap;
     private _applySizeCss;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CdkFlexTableResizeStrategy, [null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkFlexTableResizeStrategy, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CdkFlexTableResizeStrategy>;
 }
 export declare const TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER: Provider;

package/core/datetime/datetime-adapter.d.ts

@@ -1,7 +1,6 @@
 import { DateAdapter } from '@angular/material/core';
 export declare abstract class DatetimeAdapter<D> extends DateAdapter<D> {
-    protected _delegate: DateAdapter<D>;
-    constructor(_delegate: DateAdapter<D>);
+    protected _delegate: DateAdapter<D, any>;
     abstract getHour(date: D): number;
     abstract getMinute(date: D): number;
     abstract getFirstDateOfMonth(date: D): D;

package/core/datetime/native-datetime-adapter.d.ts

@@ -1,8 +1,8 @@
-import { DateAdapter } from '@angular/material/core';
 import { DatetimeAdapter } from './datetime-adapter';
 import * as i0 from "@angular/core";
 export declare class NativeDatetimeAdapter extends DatetimeAdapter<Date> {
-    constructor(matDateLocale: string, _delegate: DateAdapter<Date>);
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
     clone(date: Date): Date;
     getHour(date: Date): number;
     getMinute(date: Date): number;
@@ -34,6 +34,6 @@ export declare class NativeDatetimeAdapter extends DatetimeAdapter<Date> {
     private _2digit;
     /** Creates a date but allows the month and date to overflow. */
     private _createDateWithOverflow;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NativeDatetimeAdapter, [{ optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NativeDatetimeAdapter, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NativeDatetimeAdapter>;
 }

package/core/style/_button-common.scss

@@ -0,0 +1,18 @@
+@use '@angular/material' as mat;
+
+// Mixin overriding default button styles like the gray background, the border, and the outline.
+@mixin reset {
+  @include mat.private-user-select(none);
+
+  cursor: pointer;
+  outline: none;
+  border: none;
+  -webkit-tap-highlight-color: transparent;
+
+  // The `outline: none` from above works on all browsers, however Firefox also
+  // adds a special `focus-inner` which we have to disable explicitly. See:
+  // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Firefox
+  &::-moz-focus-inner {
+    border: 0;
+  }
+}

package/core/theming/_config-validation.scss

@@ -28,7 +28,7 @@
 /// Validates that the given object is an M3 palette.
 /// @param {*} $palette The object to test
 /// @return {Boolean|null} null if it is a valid M3 palette, else true.
-@function _validate-palette($palette) {
+@function validate-palette($palette) {
   @if not meta.type-of($palette) == 'map' {
     @return true;
   }
@@ -99,15 +99,15 @@
     );
   }
   @if $config and map.has-key($config, theme-type) and
-      not list.index((light, dark), map.get($config, theme-type)) {
+      not list.index((light, dark, color-scheme), map.get($config, theme-type)) {
     @return (
-      #{'Expected $config.theme-type to be one of: light, dark. Got:'}
+      #{'Expected $config.theme-type to be one of: light, dark, color-scheme. Got:'}
       map.get($config, theme-type)
     );
   }
   @each $palette in (primary, secondary, tertiary) {
     @if $config and map.has-key($config, $palette) {
-      $err: _validate-palette(map.get($config, $palette));
+      $err: validate-palette(map.get($config, $palette));
       @if $err {
         @return (
           #{'Expected $config.#{$palette} to be a valid M3 palette. Got:'}

package/core/theming/_definition.scss

@@ -5,6 +5,16 @@
 @use '../tokens/m3-tokens';
 @use './config-validation';
 
+// Prefix used for component token fallback variables, e.g.
+// `color: var(--mdc-text-button-label-text-color, var(--mat-sys-primary));`
+$system-fallback-prefix: mat-sys;
+
+// Default system level prefix to use when directly calling the `system-level-*` mixins.
+// Prefix used for component token fallback variables, e.g.
+// `color: var(--mdc-text-button-label-text-color, var(--mat-sys-primary));`
+// TODO: Remove this variable after internal clients are migrated from "sys"
+$system-level-prefix: mat-sys;
+
 /// Map key used to store internals of theme config.
 $internals: _mat-theming-internals-do-not-access;
 /// The theme version of generated themes.
@@ -31,7 +41,7 @@ $theme-version: 1;
 /// @param {Map} $config The color configuration
 /// @return {Map} A theme object
 @function define-colors($config: ()) {
-  $err: config-validation.validate-color-config($config);
+$err: config-validation.validate-color-config($config);
   @if $err {
     @error $err;
   }
@@ -39,7 +49,7 @@ $theme-version: 1;
   $type: map.get($config, theme-type) or light;
   $primary: map.get($config, primary) or palettes.$violet-palette;
   $tertiary: map.get($config, tertiary) or $primary;
-  $system-variables-prefix: map.get($config, system-variables-prefix) or sys;
+  $system-variables-prefix: map.get($config, system-variables-prefix) or $system-level-prefix;
   mat.$private-use-system-color-variables: map.get($config, use-system-variables) or false;
 
   @return (

package/core/theming/prebuilt/azure-blue.scss

@@ -1,26 +1,14 @@
 @use '@angular/material' as mat;
-@use '../definition' as mtx;
-@use '../color-api-backwards-compatibility';
-@use '../all-theme';
-
-$config: (
-  color: (
-    theme-type: light,
-    primary: mat.$azure-palette,
-    tertiary: mat.$blue-palette,
-  ),
-  density: (
-    scale: 0,
-  )
-);
-
-$theme: mat.private-deep-merge-all(
-  mat.define-theme($config),
-  mtx.define-theme($config),
-);
+@use '../../../core/tokens/m3-system';
 
 html {
-  @include all-theme.all-component-themes($theme);
+  @include m3-system.theme((
+    color: (
+      theme-type: light,
+      primary: mat.$azure-palette,
+      tertiary: mat.$blue-palette,
+    ),
+    typography: Roboto,
+    density: 0,
+  ));
 }
-
-@include color-api-backwards-compatibility.color-variants-backwards-compatibility($theme);

package/core/theming/prebuilt/cyan-orange.scss

@@ -1,26 +1,14 @@
 @use '@angular/material' as mat;
-@use '../definition' as mtx;
-@use '../color-api-backwards-compatibility';
-@use '../all-theme';
-
-$config: (
-  color: (
-    theme-type: dark,
-    primary: mat.$cyan-palette,
-    tertiary: mat.$orange-palette,
-  ),
-  density: (
-    scale: 0,
-  )
-);
-
-$theme: mat.private-deep-merge-all(
-  mat.define-theme($config),
-  mtx.define-theme($config),
-);
+@use '../../../core/tokens/m3-system';
 
 html {
-  @include all-theme.all-component-themes($theme);
+  @include m3-system.theme((
+    color: (
+      theme-type: dark,
+      primary: mat.$cyan-palette,
+      tertiary: mat.$orange-palette,
+    ),
+    typography: Roboto,
+    density: 0,
+  ));
 }
-
-@include color-api-backwards-compatibility.color-variants-backwards-compatibility($theme);

package/core/theming/prebuilt/magenta-violet.scss

@@ -1,26 +1,14 @@
 @use '@angular/material' as mat;
-@use '../definition' as mtx;
-@use '../color-api-backwards-compatibility';
-@use '../all-theme';
-
-$config: (
-  color: (
-    theme-type: dark,
-    primary: mat.$magenta-palette,
-    tertiary: mat.$violet-palette,
-  ),
-  density: (
-    scale: 0,
-  )
-);
-
-$theme: mat.private-deep-merge-all(
-  mat.define-theme($config),
-  mtx.define-theme($config),
-);
+@use '../../../core/tokens/m3-system';
 
 html {
-  @include all-theme.all-component-themes($theme);
+  @include m3-system.theme((
+    color: (
+      theme-type: dark,
+      primary: mat.$magenta-palette,
+      tertiary: mat.$violet-palette,
+    ),
+    typography: Roboto,
+    density: 0,
+  ));
 }
-
-@include color-api-backwards-compatibility.color-variants-backwards-compatibility($theme);