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

package/select/_select-theme.scss

@@ -13,8 +13,7 @@
 @mixin base($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
       $mat-tokens: tokens-mat-select.get-unthemable-tokens();
       @include token-utils.create-token-values(tokens-mat-select.$prefix, $mat-tokens);
@@ -30,20 +29,25 @@
 @mixin color($theme, $options...) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color), $options...);
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mat-select.$prefix,
-        tokens-mat-select.get-color-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-select.$prefix,
+        tokens-mat-select.get-color-tokens($theme)
+      );
 
       .mat-mdc-form-field.mat-accent {
-        @include token-utils.create-token-values(tokens-mat-select.$prefix,
-          tokens-mat-select.get-color-tokens($theme, accent));
+        @include token-utils.create-token-values(
+          tokens-mat-select.$prefix,
+          tokens-mat-select.get-color-tokens($theme, accent)
+        );
       }
 
       .mat-mdc-form-field.mat-warn {
-        @include token-utils.create-token-values(tokens-mat-select.$prefix,
-          tokens-mat-select.get-color-tokens($theme, warn));
+        @include token-utils.create-token-values(
+          tokens-mat-select.$prefix,
+          tokens-mat-select.get-color-tokens($theme, warn)
+        );
       }
     }
   }
@@ -54,11 +58,12 @@
 @mixin typography($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mat-select.$prefix,
-        tokens-mat-select.get-typography-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-select.$prefix,
+        tokens-mat-select.get-typography-tokens($theme)
+      );
     }
   }
 }
@@ -68,22 +73,30 @@
 @mixin density($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mat-select.$prefix,
-        tokens-mat-select.get-density-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-select.$prefix,
+        tokens-mat-select.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-select.$prefix,
+      tokens: tokens-mat-select.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,
-    (prefix: tokens-mat-select.$prefix, tokens: tokens-mat-select.get-token-slots()),
-  );
+  @include token-utils.batch-create-token-values($tokens, _define-overrides()...);
 }
 
 /// Outputs all (base, color, typography, and density) theme styles for the mat-icon.
@@ -95,8 +108,7 @@
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-select') {
     @if inspection.get-theme-version($theme) == 1 {
       @include _theme-from-tokens(inspection.get-theme-tokens($theme), $options...);
-    }
-    @else {
+    } @else {
       @include base($theme);
       @if inspection.theme-has($theme, color) {
         @include color($theme);
@@ -113,7 +125,8 @@
 
 @mixin _theme-from-tokens($tokens, $options...) {
   @include validation.selector-defined(
-      'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector');
+    'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
+  );
   $mat-select-tokens: token-utils.get-tokens-for($tokens, tokens-mat-select.$prefix, $options...);
   @include token-utils.create-token-values(tokens-mat-select.$prefix, $mat-select-tokens);
 }

package/select/index.d.ts

@@ -6,12 +6,10 @@ import { CdkOverlayOrigin } from '@angular/cdk/overlay';
 import { ChangeDetectorRef } from '@angular/core';
 import { ConnectedPosition } from '@angular/cdk/overlay';
 import { ControlValueAccessor } from '@angular/forms';
-import { Directionality } from '@angular/cdk/bidi';
 import { DoCheck } from '@angular/core';
 import { ElementRef } from '@angular/core';
 import { ErrorStateMatcher } from '@angular/material/core';
 import { EventEmitter } from '@angular/core';
-import { FormGroupDirective } from '@angular/forms';
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/common';
 import * as i2 from '@angular/cdk/overlay';
@@ -19,7 +17,6 @@ import * as i3 from '@angular/material/core';
 import * as i5 from '@angular/cdk/scrolling';
 import * as i6 from '@angular/material/form-field';
 import { InjectionToken } from '@angular/core';
-import { LiveAnnouncer } from '@angular/cdk/a11y';
 import { MatError } from '@angular/material/form-field';
 import { MatFormField } from '@angular/material/form-field';
 import { MatFormFieldControl } from '@angular/material/form-field';
@@ -31,8 +28,6 @@ import { MatOptionSelectionChange } from '@angular/material/core';
 import { MatPrefix } from '@angular/material/form-field';
 import { MatSuffix } from '@angular/material/form-field';
 import { NgControl } from '@angular/forms';
-import { NgForm } from '@angular/forms';
-import { NgZone } from '@angular/core';
 import { Observable } from 'rxjs';
 import { OnChanges } from '@angular/core';
 import { OnDestroy } from '@angular/core';
@@ -99,12 +94,12 @@ export { MatPrefix }
 export declare class MatSelect implements AfterContentInit, OnChanges, OnDestroy, OnInit, DoCheck, ControlValueAccessor, MatFormFieldControl<any> {
     protected _viewportRuler: ViewportRuler;
     protected _changeDetectorRef: ChangeDetectorRef;
-    readonly _elementRef: ElementRef;
+    readonly _elementRef: ElementRef<any>;
     private _dir;
-    protected _parentFormField: MatFormField;
+    protected _parentFormField: MatFormField | null;
     ngControl: NgControl;
     private _liveAnnouncer;
-    protected _defaultOptions?: MatSelectConfig | undefined;
+    protected _defaultOptions: MatSelectConfig | null;
     /** All of the defined select options. */
     options: QueryList<MatOption>;
     /** All of the defined groups of options. */
@@ -271,12 +266,7 @@ export declare class MatSelect implements AfterContentInit, OnChanges, OnDestroy
      * @docs-private
      */
     readonly valueChange: EventEmitter<any>;
-    constructor(_viewportRuler: ViewportRuler, _changeDetectorRef: ChangeDetectorRef, 
-    /**
-     * @deprecated Unused param, will be removed.
-     * @breaking-change 19.0.0
-     */
-    _unusedNgZone: NgZone, defaultErrorStateMatcher: ErrorStateMatcher, _elementRef: ElementRef, _dir: Directionality, parentForm: NgForm, parentFormGroup: FormGroupDirective, _parentFormField: MatFormField, ngControl: NgControl, tabIndex: string, scrollStrategyFactory: any, _liveAnnouncer: LiveAnnouncer, _defaultOptions?: MatSelectConfig | undefined);
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngDoCheck(): void;
@@ -436,7 +426,7 @@ export declare class MatSelect implements AfterContentInit, OnChanges, OnDestroy
      * @docs-private
      */
     get shouldLabelFloat(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatSelect, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { attribute: "tabindex"; }, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatSelect, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatSelect, "mat-select", ["matSelect"], { "userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disableOptionCentering": { "alias": "disableOptionCentering"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "typeaheadDebounceInterval": { "alias": "typeaheadDebounceInterval"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "id": { "alias": "id"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; }, { "openedChange": "openedChange"; "_openedStream": "opened"; "_closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["customTrigger", "options", "optionGroups"], ["mat-select-trigger", "*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_disableRipple: unknown;

package/sidenav/_sidenav-theme.scss

@@ -9,11 +9,12 @@
 @mixin base($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values(
-          tokens-mat-sidenav.$prefix, tokens-mat-sidenav.get-unthemable-tokens());
+        tokens-mat-sidenav.$prefix,
+        tokens-mat-sidenav.get-unthemable-tokens()
+      );
     }
   }
 }
@@ -21,11 +22,12 @@
 @mixin color($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mat-sidenav.$prefix,
-        tokens-mat-sidenav.get-color-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-sidenav.$prefix,
+        tokens-mat-sidenav.get-color-tokens($theme)
+      );
     }
   }
 }
@@ -33,30 +35,36 @@
 @mixin typography($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
+  } @else {
   }
-  @else {}
 }
 
 @mixin density($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
+  } @else {
   }
-  @else {}
 }
 
-@mixin overrides($tokens: ()) {
-  @include token-utils.batch-create-token-values(
-    $tokens,
-    (prefix: tokens-mat-sidenav.$prefix, tokens: tokens-mat-sidenav.get-token-slots()),
+/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
+@function _define-overrides() {
+  @return (
+    (
+      namespace: tokens-mat-sidenav.$prefix,
+      tokens: tokens-mat-sidenav.get-token-slots(),
+    ),
   );
 }
 
+@mixin overrides($tokens: ()) {
+  @include token-utils.batch-create-token-values($tokens, _define-overrides()...);
+}
+
 @mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-sidenav') {
     @if inspection.get-theme-version($theme) == 1 {
       @include _theme-from-tokens(inspection.get-theme-tokens($theme));
-    }
-    @else {
+    } @else {
       @include base($theme);
       @if inspection.theme-has($theme, color) {
         @include color($theme);
@@ -73,9 +81,12 @@
 
 @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');
+    '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-sidenav.$prefix, map.get($tokens, tokens-mat-sidenav.$prefix));
+      tokens-mat-sidenav.$prefix,
+      map.get($tokens, tokens-mat-sidenav.$prefix)
+    );
   }
 }

package/sidenav/index.d.ts

@@ -5,28 +5,19 @@ import { AnimationEvent as AnimationEvent_2 } from '@angular/animations';
 import { AnimationTriggerMetadata } from '@angular/animations';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { CdkScrollable } from '@angular/cdk/scrolling';
-import { ChangeDetectorRef } from '@angular/core';
-import { Directionality } from '@angular/cdk/bidi';
 import { DoCheck } from '@angular/core';
 import { ElementRef } from '@angular/core';
 import { EventEmitter } from '@angular/core';
-import { FocusMonitor } from '@angular/cdk/a11y';
 import { FocusOrigin } from '@angular/cdk/a11y';
-import { FocusTrapFactory } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/material/core';
 import * as i2 from '@angular/cdk/scrolling';
 import { InjectionToken } from '@angular/core';
-import { InteractivityChecker } from '@angular/cdk/a11y';
-import { NgZone } from '@angular/core';
 import { NumberInput } from '@angular/cdk/coercion';
 import { Observable } from 'rxjs';
 import { OnDestroy } from '@angular/core';
-import { Platform } from '@angular/cdk/platform';
 import { QueryList } from '@angular/core';
-import { ScrollDispatcher } from '@angular/cdk/scrolling';
 import { Subject } from 'rxjs';
-import { ViewportRuler } from '@angular/cdk/scrolling';
 
 /** Options for where to set focus to automatically on dialog open */
 declare type AutoFocusTarget = 'dialog' | 'first-tabbable' | 'first-heading';
@@ -77,7 +68,7 @@ export declare class MatDrawer implements AfterViewInit, AfterContentChecked, On
     private _ngZone;
     private readonly _interactivityChecker;
     private _doc;
-    _container?: MatDrawerContainer | undefined;
+    _container?: MatDrawerContainer | null | undefined;
     private _focusTrap;
     private _elementFocusedBeforeDrawerWasOpened;
     /** Whether the drawer is initialized. Used for disabling the initial animation. */
@@ -146,7 +137,7 @@ export declare class MatDrawer implements AfterViewInit, AfterContentChecked, On
     readonly _modeChanged: Subject<void>;
     private _injector;
     private _changeDetectorRef;
-    constructor(_elementRef: ElementRef<HTMLElement>, _focusTrapFactory: FocusTrapFactory, _focusMonitor: FocusMonitor, _platform: Platform, _ngZone: NgZone, _interactivityChecker: InteractivityChecker, _doc: any, _container?: MatDrawerContainer | undefined);
+    constructor(...args: unknown[]);
     /**
      * Focuses the provided element. If the element is not focusable, it will add a tabIndex
      * attribute to forcefully focus it. The attribute is removed after focus is moved.
@@ -207,7 +198,7 @@ export declare class MatDrawer implements AfterViewInit, AfterContentChecked, On
      * started off as `end` and was changed to `start`.
      */
     private _updatePositionInParent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatDrawer, [null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatDrawer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatDrawer, "mat-drawer", ["matDrawer"], { "position": { "alias": "position"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; }, { "openedChange": "openedChange"; "_openedStream": "opened"; "openedStart": "openedStart"; "_closedStream": "closed"; "closedStart": "closedStart"; "onPositionChanged": "positionChanged"; }, never, ["*"], true, never>;
 }
 
@@ -230,7 +221,7 @@ export declare class MatDrawerContainer implements AfterContentInit, DoCheck, On
     private _element;
     private _ngZone;
     private _changeDetectorRef;
-    private _animationMode?;
+    private _animationMode;
     /** All drawers in the container. Includes drawers from inside nested containers. */
     _allDrawers: QueryList<MatDrawer>;
     /** Drawers that belong to this container. */
@@ -293,7 +284,7 @@ export declare class MatDrawerContainer implements AfterContentInit, DoCheck, On
     /** Reference to the CdkScrollable instance that wraps the scrollable content. */
     get scrollable(): CdkScrollable;
     private _injector;
-    constructor(_dir: Directionality, _element: ElementRef<HTMLElement>, _ngZone: NgZone, _changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, defaultAutosize?: boolean, _animationMode?: string | undefined);
+    constructor(...args: unknown[]);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     /** Calls `open` of both start and end drawers */
@@ -330,14 +321,14 @@ export declare class MatDrawerContainer implements AfterContentInit, DoCheck, On
     _isShowingBackdrop(): boolean;
     private _isDrawerOpen;
     private _drawerHasBackdrop;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatDrawerContainer, [{ optional: true; }, null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatDrawerContainer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatDrawerContainer, "mat-drawer-container", ["matDrawerContainer"], { "autosize": { "alias": "autosize"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; }, { "backdropClick": "backdropClick"; }, ["_content", "_allDrawers"], ["mat-drawer", "mat-drawer-content", "*"], true, never>;
 }
 
 export declare class MatDrawerContent extends CdkScrollable implements AfterContentInit {
     private _changeDetectorRef;
     _container: MatDrawerContainer;
-    constructor(_changeDetectorRef: ChangeDetectorRef, _container: MatDrawerContainer, elementRef: ElementRef<HTMLElement>, scrollDispatcher: ScrollDispatcher, ngZone: NgZone);
+    constructor(...args: unknown[]);
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatDrawerContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatDrawerContent, "mat-drawer-content", never, {}, {}, never, ["*"], true, never>;
@@ -380,7 +371,6 @@ export declare class MatSidenavContainer extends MatDrawerContainer {
 }
 
 export declare class MatSidenavContent extends MatDrawerContent {
-    constructor(changeDetectorRef: ChangeDetectorRef, container: MatSidenavContainer, elementRef: ElementRef<HTMLElement>, scrollDispatcher: ScrollDispatcher, ngZone: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSidenavContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatSidenavContent, "mat-sidenav-content", never, {}, {}, never, ["*"], true, never>;
 }

package/slide-toggle/_slide-toggle-theme.scss

@@ -15,12 +15,16 @@
     @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-mdc-switch.$prefix,
-        tokens-mdc-switch.get-unthemable-tokens());
+      @include token-utils.create-token-values(
+        tokens-mdc-switch.$prefix,
+        tokens-mdc-switch.get-unthemable-tokens()
+      );
 
       .mat-mdc-slide-toggle {
-        @include token-utils.create-token-values(tokens-mat-switch.$prefix,
-          tokens-mat-switch.get-unthemable-tokens());
+        @include token-utils.create-token-values(
+          tokens-mat-switch.$prefix,
+          tokens-mat-switch.get-unthemable-tokens()
+        );
       }
     }
   }
@@ -39,29 +43,39 @@
 
     // Add values for MDC slide toggles tokens
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mdc-switch.$prefix,
-        tokens-mdc-switch.get-color-tokens($theme));
-
-      // TODO(wagnermaciel): Use our token system to define this css variable.
-      --mdc-switch-disabled-label-text-color: #{inspection.get-theme-color(
-          $theme,
-          foreground,
-          disabled-text
-        )};
+      @include token-utils.create-token-values(
+        tokens-mdc-switch.$prefix,
+        tokens-mdc-switch.get-color-tokens($theme)
+      );
+
+      & {
+        // TODO(wagnermaciel): Use our token system to define this css variable.
+        --mdc-switch-disabled-label-text-color: #{inspection.get-theme-color(
+            $theme,
+            foreground,
+            disabled-text
+          )};
+      }
 
       .mat-mdc-slide-toggle {
-        @include token-utils.create-token-values(tokens-mat-switch.$prefix,
-          tokens-mat-switch.get-color-tokens($theme));
+        @include token-utils.create-token-values(
+          tokens-mat-switch.$prefix,
+          tokens-mat-switch.get-color-tokens($theme)
+        );
 
         // Change the color palette related tokens to accent or warn if applicable
         &.mat-accent {
-          @include token-utils.create-token-values(tokens-mdc-switch.$prefix,
-            tokens-mdc-switch.private-get-color-palette-color-tokens($theme, accent));
+          @include token-utils.create-token-values(
+            tokens-mdc-switch.$prefix,
+            tokens-mdc-switch.private-get-color-palette-color-tokens($theme, accent)
+          );
         }
 
         &.mat-warn {
-          @include token-utils.create-token-values(tokens-mdc-switch.$prefix,
-            tokens-mdc-switch.private-get-color-palette-color-tokens($theme, warn));
+          @include token-utils.create-token-values(
+            tokens-mdc-switch.$prefix,
+            tokens-mdc-switch.private-get-color-palette-color-tokens($theme, warn)
+          );
         }
       }
     }
@@ -75,12 +89,16 @@
     @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-mdc-switch.$prefix,
-        tokens-mdc-switch.get-typography-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mdc-switch.$prefix,
+        tokens-mdc-switch.get-typography-tokens($theme)
+      );
 
       .mat-mdc-slide-toggle {
-        @include token-utils.create-token-values(tokens-mat-switch.$prefix,
-          tokens-mat-switch.get-typography-tokens($theme));
+        @include token-utils.create-token-values(
+          tokens-mat-switch.$prefix,
+          tokens-mat-switch.get-typography-tokens($theme)
+        );
       }
     }
   }
@@ -93,33 +111,41 @@
     @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-mdc-switch.$prefix,
-        tokens-mdc-switch.get-density-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mdc-switch.$prefix,
+        tokens-mdc-switch.get-density-tokens($theme)
+      );
 
       .mat-mdc-slide-toggle {
-        @include token-utils.create-token-values(tokens-mat-switch.$prefix,
-          tokens-mat-switch.get-density-tokens($theme));
+        @include token-utils.create-token-values(
+          tokens-mat-switch.$prefix,
+          tokens-mat-switch.get-density-tokens($theme)
+        );
       }
     }
   }
 }
 
-/// 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,
+/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
+@function _define-overrides() {
+  @return (
     (
-      prefix: tokens-mat-switch.$prefix,
+      namespace: tokens-mat-switch.$prefix,
       tokens: tokens-mat-switch.get-token-slots(),
     ),
     (
-      prefix: tokens-mdc-switch.$prefix,
+      namespace: tokens-mdc-switch.$prefix,
       tokens: tokens-mdc-switch.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-icon.
 /// @param {Map} $theme The theme to generate styles for.
 /// @param {ArgList} Additional optional arguments (only supported for M3 themes):

package/slide-toggle/index.d.ts

@@ -120,7 +120,7 @@ export declare class MatSlideToggle implements OnDestroy, AfterContentInit, OnCh
     readonly toggleChange: EventEmitter<void>;
     /** Returns the unique id for the visual hidden input. */
     get inputId(): string;
-    constructor(_elementRef: ElementRef, _focusMonitor: FocusMonitor, _changeDetectorRef: ChangeDetectorRef, tabIndex: string, defaults: MatSlideToggleDefaultOptions, animationMode?: string);
+    constructor(...args: unknown[]);
     ngAfterContentInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -145,7 +145,7 @@ export declare class MatSlideToggle implements OnDestroy, AfterContentInit, OnCh
     /** Method being called whenever the underlying button is clicked. */
     _handleClick(): void;
     _getAriaLabelledBy(): string | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatSlideToggle, [null, null, null, { attribute: "tabindex"; }, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatSlideToggle, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatSlideToggle, "mat-slide-toggle", ["matSlideToggle"], { "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; }; "required": { "alias": "required"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; }, { "change": "change"; "toggleChange": "toggleChange"; }, never, ["*"], true, never>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_disabled: unknown;