@angular/material-experimental 13.1.0-rc.0 → 13.1.3

package/mdc-chips/chip-grid.d.ts

@@ -78,7 +78,7 @@ export declare class MatChipGrid extends _MatChipGridMixinBase implements AfterC
      * @docs-private
      */
     get disabled(): boolean;
-    set disabled(value: boolean);
+    set disabled(value: BooleanInput);
     /**
      * Implemented as part of MatFormFieldControl.
      * @docs-private
@@ -105,7 +105,7 @@ export declare class MatChipGrid extends _MatChipGridMixinBase implements AfterC
      * @docs-private
      */
     get required(): boolean;
-    set required(value: boolean);
+    set required(value: BooleanInput);
     protected _required: boolean | undefined;
     /**
      * Implemented as part of MatFormFieldControl.
@@ -206,8 +206,6 @@ export declare class MatChipGrid extends _MatChipGridMixinBase implements AfterC
     private _updateFocusForDestroyedChips;
     /** Focus input element. */
     private _focusInput;
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_required: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipGrid, [null, null, { optional: true; }, { optional: true; }, { optional: true; }, null, { optional: true; self: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatChipGrid, "mat-chip-grid", never, { "tabIndex": "tabIndex"; "disabled": "disabled"; "placeholder": "placeholder"; "required": "required"; "value": "value"; "errorStateMatcher": "errorStateMatcher"; }, { "change": "change"; "valueChange": "valueChange"; }, ["_chips"], ["*"]>;
 }

package/mdc-chips/chip-icons.d.ts

@@ -5,7 +5,6 @@
  * 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 { BooleanInput, NumberInput } from '@angular/cdk/coercion';
 import { ChangeDetectorRef, ElementRef, InjectionToken, OnDestroy } from '@angular/core';
 import { CanDisable, HasTabIndex } from '@angular/material-experimental/mdc-core';
 import { Subject } from 'rxjs';
@@ -91,8 +90,6 @@ export declare class MatChipRemove extends _MatChipRemoveMixinBase implements Ca
     /** Emits a MouseEvent when the user clicks on the remove icon. */
     _handleClick(event: MouseEvent): void;
     focus(): void;
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_tabIndex: NumberInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipRemove, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipRemove, "[matChipRemove]", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; }, {}, never>;
 }

package/mdc-chips/chip-input.d.ts

@@ -46,7 +46,7 @@ export declare class MatChipInput implements MatChipTextControl, AfterContentIni
      * Whether or not the chipEnd event will be emitted when the input is blurred.
      */
     get addOnBlur(): boolean;
-    set addOnBlur(value: boolean);
+    set addOnBlur(value: BooleanInput);
     _addOnBlur: boolean;
     /**
      * The list of key codes that will trigger a chipEnd event.
@@ -62,7 +62,7 @@ export declare class MatChipInput implements MatChipTextControl, AfterContentIni
     id: string;
     /** Whether the input is disabled. */
     get disabled(): boolean;
-    set disabled(value: boolean);
+    set disabled(value: BooleanInput);
     private _disabled;
     /** Whether the input is empty. */
     get empty(): boolean;
@@ -90,8 +90,6 @@ export declare class MatChipInput implements MatChipTextControl, AfterContentIni
     clear(): void;
     /** Checks whether a keycode is one of the configured separators. */
     private _isSeparatorKey;
-    static ngAcceptInputType_addOnBlur: BooleanInput;
-    static ngAcceptInputType_disabled: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipInput, [null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipInput, "input[matChipInputFor]", ["matChipInput", "matChipInputFor"], { "chipGrid": "matChipInputFor"; "addOnBlur": "matChipInputAddOnBlur"; "separatorKeyCodes": "matChipInputSeparatorKeyCodes"; "placeholder": "placeholder"; "id": "id"; "disabled": "disabled"; }, { "chipEnd": "matChipInputTokenEnd"; }, never>;
 }

package/mdc-chips/chip-listbox.d.ts

@@ -60,7 +60,7 @@ export declare class MatChipListbox extends MatChipSet implements AfterContentIn
     get role(): string | null;
     /** Whether the user should be allowed to select multiple chips. */
     get multiple(): boolean;
-    set multiple(value: boolean);
+    set multiple(value: BooleanInput);
     private _multiple;
     /** The array of selected chips inside the chip listbox. */
     get selected(): MatChipOption[] | MatChipOption;
@@ -73,7 +73,7 @@ export declare class MatChipListbox extends MatChipSet implements AfterContentIn
      * the chips inside the chip listbox are always ignored.
      */
     get selectable(): boolean;
-    set selectable(value: boolean);
+    set selectable(value: BooleanInput);
     protected _selectable: boolean;
     /**
      * A function to compare the option values with the selected values. The first argument
@@ -85,7 +85,7 @@ export declare class MatChipListbox extends MatChipSet implements AfterContentIn
     private _compareWith;
     /** Whether this chip listbox is required. */
     get required(): boolean;
-    set required(value: boolean);
+    set required(value: BooleanInput);
     protected _required: boolean;
     /** Combined stream of all of the child chips' selection change events. */
     get chipSelectionChanges(): Observable<MatChipSelectionChange>;
@@ -184,9 +184,6 @@ export declare class MatChipListbox extends MatChipSet implements AfterContentIn
      * key manager state and focus the next closest chip.
      */
     private _updateFocusForDestroyedChips;
-    static ngAcceptInputType_multiple: BooleanInput;
-    static ngAcceptInputType_selectable: BooleanInput;
-    static ngAcceptInputType_required: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipListbox, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatChipListbox, "mat-chip-listbox", never, { "tabIndex": "tabIndex"; "multiple": "multiple"; "ariaOrientation": "aria-orientation"; "selectable": "selectable"; "compareWith": "compareWith"; "required": "required"; "value": "value"; }, { "change": "change"; }, ["_chips"], ["*"]>;
 }

package/mdc-chips/chip-option.d.ts

@@ -42,11 +42,11 @@ export declare class MatChipOption extends MatChip implements AfterContentInit {
      * non-selectable if its parent chip list is not selectable.
      */
     get selectable(): boolean;
-    set selectable(value: boolean);
+    set selectable(value: BooleanInput);
     protected _selectable: boolean;
     /** Whether the chip is selected. */
     get selected(): boolean;
-    set selected(value: boolean);
+    set selected(value: BooleanInput);
     /** The ARIA selected applied to the chip. */
     get ariaSelected(): string | null;
     /** The unstyled chip selector for this component. */
@@ -72,8 +72,6 @@ export declare class MatChipOption extends MatChip implements AfterContentInit {
     _click(event: MouseEvent): void;
     /** Handles custom key presses. */
     _keydown(event: KeyboardEvent): void;
-    static ngAcceptInputType_selectable: BooleanInput;
-    static ngAcceptInputType_selected: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipOption, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatChipOption, "mat-basic-chip-option, mat-chip-option", never, { "color": "color"; "disableRipple": "disableRipple"; "tabIndex": "tabIndex"; "selectable": "selectable"; "selected": "selected"; }, { "selectionChange": "selectionChange"; }, never, ["mat-chip-avatar, [matChipAvatar]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"]>;
 }

package/mdc-chips/chip-row.d.ts

@@ -6,7 +6,6 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { Directionality } from '@angular/cdk/bidi';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
 import { RippleGlobalOptions } from '@angular/material-experimental/mdc-core';
 import { MatChip, MatChipEvent } from './chip';
@@ -73,7 +72,6 @@ export declare class MatChipRow extends MatChip implements AfterContentInit, Aft
      * two values is guaranteed to be defined.
      */
     private _getEditInput;
-    static ngAcceptInputType_editable: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipRow, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatChipRow, "mat-chip-row, mat-basic-chip-row", never, { "color": "color"; "disableRipple": "disableRipple"; "tabIndex": "tabIndex"; "editable": "editable"; }, { "edited": "edited"; }, ["contentEditInput"], ["mat-chip-avatar, [matChipAvatar]", "*", "mat-chip-trailing-icon,[matChipTrailingIcon]", "[matChipRemove]", "[matChipEditInput]"]>;
 }

package/mdc-chips/chip-set.d.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { Directionality } from '@angular/cdk/bidi';
-import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import { BooleanInput } from '@angular/cdk/coercion';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, QueryList } from '@angular/core';
 import { HasTabIndex } from '@angular/material-experimental/mdc-core';
 import { deprecated } from '@material/chips';
@@ -65,7 +65,7 @@ export declare class MatChipSet extends _MatChipSetMixinBase implements AfterCon
     };
     /** Whether the chip set is disabled. */
     get disabled(): boolean;
-    set disabled(value: boolean);
+    set disabled(value: BooleanInput);
     protected _disabled: boolean;
     /** Whether the chip list contains chips or not. */
     get empty(): boolean;
@@ -124,8 +124,6 @@ export declare class MatChipSet extends _MatChipSetMixinBase implements AfterCon
      */
     protected _originatesFromEditingChip(event: Event): boolean;
     private _checkForClassInHierarchy;
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_tabIndex: NumberInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipSet, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatChipSet, "mat-chip-set", never, { "disabled": "disabled"; "role": "role"; }, {}, ["_chips"], ["*"]>;
 }

package/mdc-chips/chip.d.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { Directionality } from '@angular/cdk/bidi';
-import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import { BooleanInput } from '@angular/cdk/coercion';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy } from '@angular/core';
 import { CanColor, CanDisable, CanDisableRipple, HasTabIndex, MatRipple, RippleGlobalOptions } from '@angular/material-experimental/mdc-core';
 import { deprecated } from '@material/chips';
@@ -66,7 +66,7 @@ export declare class MatChip extends _MatChipMixinBase implements AfterContentIn
     /** A unique id for the chip. If none is supplied, it will be auto-generated. */
     id: string;
     get disabled(): boolean;
-    set disabled(value: boolean);
+    set disabled(value: BooleanInput);
     protected _disabled: boolean;
     private _textElement;
     /** The value of the chip. Defaults to the content inside the mdc-chip__text element. */
@@ -77,13 +77,13 @@ export declare class MatChip extends _MatChipMixinBase implements AfterContentIn
      * Determines whether or not the chip displays the remove styling and emits (removed) events.
      */
     get removable(): boolean;
-    set removable(value: boolean);
+    set removable(value: BooleanInput);
     protected _removable: boolean;
     /**
      * Colors the chip for emphasis as if it were selected.
      */
     get highlighted(): boolean;
-    set highlighted(value: boolean);
+    set highlighted(value: BooleanInput);
     protected _highlighted: boolean;
     /** Emitted when the user interacts with the chip. */
     readonly interaction: EventEmitter<string>;
@@ -132,11 +132,6 @@ export declare class MatChip extends _MatChipMixinBase implements AfterContentIn
     protected _onEditStart(): void;
     /** Overridden by MatChipRow. */
     protected _onEditFinish(): void;
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_removable: BooleanInput;
-    static ngAcceptInputType_highlighted: BooleanInput;
-    static ngAcceptInputType_disableRipple: BooleanInput;
-    static ngAcceptInputType_tabIndex: NumberInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChip, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatChip, "mat-basic-chip, mat-chip", ["matChip"], { "color": "color"; "disableRipple": "disableRipple"; "id": "id"; "disabled": "disabled"; "value": "value"; "removable": "removable"; "highlighted": "highlighted"; }, { "interaction": "interaction"; "destroyed": "destroyed"; "removed": "removed"; }, ["leadingIcon", "trailingIcon", "removeIcon"], ["mat-chip-avatar, [matChipAvatar]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"]>;
 }

package/mdc-core/option/option.d.ts

@@ -12,8 +12,8 @@ import * as i0 from "@angular/core";
 /**
  * Single option inside of a `<mat-select>` element.
  */
-export declare class MatOption extends _MatOptionBase {
+export declare class MatOption<T = any> extends _MatOptionBase<T> {
     constructor(element: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, parent: MatOptionParentComponent, group: MatOptgroup);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatOption, [null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatOption, "mat-option", ["matOption"], {}, {}, never, ["*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatOption<any>, [null, null, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatOption<any>, "mat-option", ["matOption"], {}, {}, never, ["*"]>;
 }

package/mdc-form-field/form-field.d.ts

@@ -64,7 +64,7 @@ export declare class MatFormField implements AfterViewInit, OnDestroy, AfterCont
     _hintChildren: QueryList<MatHint>;
     /** Whether the required marker should be hidden. */
     get hideRequiredMarker(): boolean;
-    set hideRequiredMarker(value: boolean);
+    set hideRequiredMarker(value: BooleanInput);
     private _hideRequiredMarker;
     /** The color palette for the form-field. */
     color: ThemePalette;
@@ -184,7 +184,6 @@ export declare class MatFormField implements AfterViewInit, OnDestroy, AfterCont
     private _updateOutlineLabelOffset;
     /** Checks whether the form field is attached to the DOM. */
     private _isAttachedToDom;
-    static ngAcceptInputType_hideRequiredMarker: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatFormField, [null, null, null, null, null, { optional: true; }, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatFormField, "mat-form-field", ["matFormField"], { "hideRequiredMarker": "hideRequiredMarker"; "color": "color"; "floatLabel": "floatLabel"; "appearance": "appearance"; "hintLabel": "hintLabel"; }, {}, ["_labelChildNonStatic", "_labelChildStatic", "_formFieldControl", "_prefixChildren", "_suffixChildren", "_errorChildren", "_hintChildren"], ["mat-label", "[matPrefix], [matIconPrefix]", "[matTextPrefix]", "*", "[matTextSuffix]", "[matSuffix], [matIconSuffix]", "mat-error", "mat-hint:not([align='end'])", "mat-hint[align='end']"]>;
 }

package/mdc-helpers/_focus-indicators.scss

@@ -28,6 +28,10 @@
     pointer-events: none;
     border: $border-width $border-style transparent;
     border-radius: $border-radius;
+
+    .cdk-high-contrast-active & {
+      display: none;
+    }
   }
 
   // By default, all focus indicators are flush with the bounding box of their

package/mdc-list/_list-option-theme.scss

@@ -6,9 +6,9 @@
 // Mixin that overrides the selected item and checkbox colors for list options. By
 // default, the MDC list uses the `primary` color for list items. The MDC checkbox
 // inside list options by default uses the `primary` color too.
-@mixin private-list-option-color-override($color) {
+@mixin private-list-option-color-override($color, $mdcColor) {
   & .mdc-list-item__start, & .mdc-list-item__end {
-    @include checkbox-theme.private-checkbox-styles-with-color($color);
+    @include checkbox-theme.private-checkbox-styles-with-color($color, $mdcColor);
   }
 }
 

package/mdc-list/_list-theme.scss

@@ -1,3 +1,4 @@
+@use 'sass:map';
 @use '@material/list/evolution-mixins' as mdc-list;
 @use './interactive-list-theme';
 @use './list-option-theme';
@@ -11,6 +12,9 @@
 
 @mixin color($config-or-theme) {
   $config: theming.get-color-config($config-or-theme);
+  $primary: theming.get-color-from-palette(map.get($config, primary));
+  $accent: theming.get-color-from-palette(map.get($config, accent));
+  $warn: theming.get-color-from-palette(map.get($config, warn));
 
   // MDC's state styles are tied in with their ripple. Since we don't use the MDC
   // ripple, we need to add the hover, focus and selected states manually.
@@ -20,13 +24,13 @@
     @include mdc-list.without-ripple($query: mdc-helpers.$mat-theme-styles-query);
 
     .mat-mdc-list-option {
-      @include list-option-theme.private-list-option-color-override(primary);
+      @include list-option-theme.private-list-option-color-override($primary, primary);
     }
     .mat-mdc-list-option.mat-accent {
-      @include list-option-theme.private-list-option-color-override(secondary);
+      @include list-option-theme.private-list-option-color-override($accent, secondary);
     }
     .mat-mdc-list-option.mat-warn {
-      @include list-option-theme.private-list-option-color-override(error);
+      @include list-option-theme.private-list-option-color-override($warn, error);
     }
   }
 }

package/mdc-list/list-base.d.ts

@@ -30,7 +30,7 @@ export declare abstract class MatListItemBase implements AfterContentInit, OnDes
     private _disableRipple;
     /** Whether the list-item is disabled. */
     get disabled(): boolean;
-    set disabled(value: boolean);
+    set disabled(value: BooleanInput);
     private _disabled;
     private _subscriptions;
     private _rippleRenderer;
@@ -57,8 +57,6 @@ export declare abstract class MatListItemBase implements AfterContentInit, OnDes
      * appropriately when they change.
      */
     private _monitorLines;
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_disableRipple: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatListItemBase, [null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatListItemBase, never, never, { "disableRipple": "disableRipple"; "disabled": "disabled"; }, {}, ["_avatars", "_icons"]>;
 }
@@ -66,14 +64,12 @@ export declare abstract class MatListBase {
     _isNonInteractive: boolean;
     /** Whether ripples for all list items is disabled. */
     get disableRipple(): boolean;
-    set disableRipple(value: boolean);
+    set disableRipple(value: BooleanInput);
     private _disableRipple;
     /** Whether all list items are disabled. */
     get disabled(): boolean;
-    set disabled(value: boolean);
+    set disabled(value: BooleanInput);
     private _disabled;
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_disableRipple: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatListBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatListBase, never, never, { "disableRipple": "disableRipple"; "disabled": "disabled"; }, {}, never>;
 }

package/mdc-list/list-option.d.ts

@@ -61,7 +61,7 @@ export declare class MatListOption extends MatListItemBase implements ListOption
     private _value;
     /** Whether the option is selected. */
     get selected(): boolean;
-    set selected(value: boolean);
+    set selected(value: BooleanInput);
     private _selected;
     constructor(element: ElementRef, ngZone: NgZone, platform: Platform, _selectionList: SelectionList, _changeDetectorRef: ChangeDetectorRef, globalRippleOptions?: RippleGlobalOptions, animationMode?: string);
     ngOnInit(): void;
@@ -90,7 +90,6 @@ export declare class MatListOption extends MatListItemBase implements ListOption
      * list changed.
      */
     _markForCheck(): void;
-    static ngAcceptInputType_selected: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatListOption, [null, null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatListOption, "mat-list-option", ["matListOption"], { "checkboxPosition": "checkboxPosition"; "color": "color"; "value": "value"; "selected": "selected"; }, { "selectedChange": "selectedChange"; }, ["lines"], ["[mat-list-avatar],[matListAvatar],[mat-list-icon],[matListIcon]", "*", "mat-divider"]>;
 }

package/mdc-list/selection-list.d.ts

@@ -53,7 +53,7 @@ export declare class MatSelectionList extends MatInteractiveListBase<MatListOpti
     compareWith: (o1: any, o2: any) => boolean;
     /** Whether selection is limited to one or multiple items (default multiple). */
     get multiple(): boolean;
-    set multiple(value: boolean);
+    set multiple(value: BooleanInput);
     /** The currently selected options. */
     selectedOptions: SelectionModel<MatListOption>;
     /** View to model callback that should be called whenever the selected options change. */
@@ -113,7 +113,6 @@ export declare class MatSelectionList extends MatInteractiveListBase<MatListOpti
     private _setAllOptionsSelected;
     /** The option components contained within this selection-list. */
     get options(): QueryList<MatListOption>;
-    static ngAcceptInputType_multiple: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSelectionList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatSelectionList, "mat-selection-list", ["matSelectionList"], { "color": "color"; "compareWith": "compareWith"; "multiple": "multiple"; }, { "selectionChange": "selectionChange"; }, ["_items"], ["*"]>;
 }

package/mdc-progress-spinner/progress-spinner.d.ts

@@ -41,15 +41,15 @@ export declare class MatProgressSpinner extends _MatProgressSpinnerBase implemen
     private _value;
     /** Value of the progress bar. Defaults to zero. Mirrored to aria-valuenow. */
     get value(): number;
-    set value(v: number);
+    set value(v: NumberInput);
     private _diameter;
     /** The diameter of the progress spinner (will set width and height of svg). */
     get diameter(): number;
-    set diameter(size: number);
+    set diameter(size: NumberInput);
     private _strokeWidth;
     /** Stroke width of the progress spinner. */
     get strokeWidth(): number;
-    set strokeWidth(value: number);
+    set strokeWidth(value: NumberInput);
     /** The radius of the spinner, adjusted for stroke width. */
     _circleRadius(): number;
     /** The view box of the spinner's svg element. */
@@ -64,9 +64,6 @@ export declare class MatProgressSpinner extends _MatProgressSpinnerBase implemen
     ngOnDestroy(): void;
     /** Syncs the state of the progress spinner with the MDC foundation. */
     private _syncFoundation;
-    static ngAcceptInputType_diameter: NumberInput;
-    static ngAcceptInputType_strokeWidth: NumberInput;
-    static ngAcceptInputType_value: NumberInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatProgressSpinner, [null, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatProgressSpinner, "mat-progress-spinner, mat-spinner", ["matProgressSpinner"], { "color": "color"; "mode": "mode"; "value": "value"; "diameter": "diameter"; "strokeWidth": "strokeWidth"; }, {}, never, never>;
 }

package/mdc-select/_select-theme.scss

@@ -1,7 +1,6 @@
 @use '@material/theme/theme-color' as mdc-theme-color;
 @use '@material/menu-surface' as mdc-menu-surface;
 @use '@material/list/evolution-mixins' as mdc-list;
-@use '@material/select' as mdc-select;
 @use '@material/typography' as mdc-typography;
 @use '../mdc-helpers/mdc-helpers';
 @use '../../material/core/typography/typography';
@@ -15,38 +14,25 @@
 @mixin color($config-or-theme) {
   $config: theming.get-color-config($config-or-theme);
 
-  // Save original values of MDC global variables. We need to save these so we can restore the
-  // variables to their original values and prevent unintended side effects from using this mixin.
-  $orig-ink-color: mdc-select.$ink-color;
-  $orig-label-color: mdc-select.$label-color;
-  $orig-disabled-label-color: mdc-select.$disabled-label-color;
-  $orig-dropdown-icon-color: mdc-select.$dropdown-icon-color;
-  $orig-disabled-dropdown-icon-color: mdc-select.$disabled-dropdown-icon-color;
-
   @include mdc-helpers.mat-using-mdc-theme($config) {
-    mdc-select.$ink-color: rgba(mdc-theme-color.prop-value(on-surface), 0.87);
-    mdc-select.$label-color: rgba(mdc-theme-color.prop-value(on-surface), 0.6);
-    mdc-select.$disabled-label-color: rgba(mdc-theme-color.prop-value(on-surface), 0.38);
-    mdc-select.$dropdown-icon-color: rgba(mdc-theme-color.prop-value(on-surface), 0.54);
-    mdc-select.$disabled-dropdown-icon-color: rgba(mdc-theme-color.prop-value(on-surface), 0.38);
-
+    $disabled-color: rgba(mdc-theme-color.prop-value(on-surface), 0.38);
     @include mdc-menu-surface.core-styles(mdc-helpers.$mat-theme-styles-query);
     @include mdc-list.without-ripple(mdc-helpers.$mat-theme-styles-query);
 
     .mat-mdc-select-value {
-      color: mdc-select.$ink-color;
+      color: rgba(mdc-theme-color.prop-value(on-surface), 0.87);
     }
 
     .mat-mdc-select-placeholder {
-      color: mdc-select.$label-color;
+      color: rgba(mdc-theme-color.prop-value(on-surface), 0.6);
     }
 
     .mat-mdc-select-disabled .mat-mdc-select-value {
-      color: mdc-select.$disabled-label-color;
+      color: $disabled-color;
     }
 
     .mat-mdc-select-arrow {
-      color: mdc-select.$dropdown-icon-color;
+      color: rgba(mdc-theme-color.prop-value(on-surface), 0.54);
     }
 
     .mat-mdc-form-field {
@@ -69,17 +55,10 @@
       }
 
       .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
-        color: mdc-select.$disabled-dropdown-icon-color;
+        color: $disabled-color;
       }
     }
   }
-
-  // Restore original values of MDC global variables.
-  mdc-select.$ink-color: $orig-ink-color;
-  mdc-select.$label-color: $orig-label-color;
-  mdc-select.$disabled-label-color: $orig-disabled-label-color;
-  mdc-select.$dropdown-icon-color: $orig-dropdown-icon-color;
-  mdc-select.$disabled-dropdown-icon-color: $orig-disabled-dropdown-icon-color;
 }
 
 @mixin typography($config-or-theme) {

package/mdc-slide-toggle/slide-toggle.d.ts

@@ -52,7 +52,7 @@ export declare class MatSlideToggle implements ControlValueAccessor, AfterViewIn
     id: string;
     /** Tabindex for the input element. */
     get tabIndex(): number;
-    set tabIndex(value: number);
+    set tabIndex(value: NumberInput);
     private _tabIndex;
     /** Whether the label should appear after or before the slide-toggle. Defaults to 'after'. */
     labelPosition: 'before' | 'after';
@@ -64,17 +64,17 @@ export declare class MatSlideToggle implements ControlValueAccessor, AfterViewIn
     ariaDescribedby: string;
     /** Whether the slide-toggle is required. */
     get required(): boolean;
-    set required(value: boolean);
+    set required(value: BooleanInput);
     /** Whether the slide-toggle element is checked or not. */
     get checked(): boolean;
-    set checked(value: boolean);
+    set checked(value: BooleanInput);
     /** Whether to disable the ripple on this checkbox. */
     get disableRipple(): boolean;
-    set disableRipple(disableRipple: boolean);
+    set disableRipple(disableRipple: BooleanInput);
     private _disableRipple;
     /** Whether the slide toggle is disabled. */
     get disabled(): boolean;
-    set disabled(disabled: boolean);
+    set disabled(disabled: BooleanInput);
     private _disabled;
     /** An event will be dispatched each time the slide-toggle changes its value. */
     readonly change: EventEmitter<MatSlideToggleChange>;
@@ -102,11 +102,6 @@ export declare class MatSlideToggle implements ControlValueAccessor, AfterViewIn
     /** Toggles the checked state of the slide-toggle. */
     toggle(): void;
     _getAriaLabelledBy(): string | null;
-    static ngAcceptInputType_tabIndex: NumberInput;
-    static ngAcceptInputType_required: BooleanInput;
-    static ngAcceptInputType_checked: BooleanInput;
-    static ngAcceptInputType_disableRipple: BooleanInput;
-    static ngAcceptInputType_disabled: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSlideToggle, [null, null, null, { attribute: "tabindex"; }, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatSlideToggle, "mat-slide-toggle", ["matSlideToggle"], { "color": "color"; "name": "name"; "id": "id"; "tabIndex": "tabIndex"; "labelPosition": "labelPosition"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "ariaDescribedby": "aria-describedby"; "required": "required"; "checked": "checked"; "disableRipple": "disableRipple"; "disabled": "disabled"; }, { "change": "change"; "toggleChange": "toggleChange"; }, never, ["*"]>;
 }

package/mdc-slider/slider.d.ts

@@ -44,8 +44,10 @@ export declare class MatSliderVisualThumb implements AfterViewInit, OnDestroy {
     disableRipple: boolean;
     /** The MatRipple for this slider thumb. */
     private readonly _ripple;
-    /** The slider thumb knob */
+    /** The slider thumb knob. */
     _knob: ElementRef<HTMLElement>;
+    /** The slider thumb value indicator container. */
+    _valueIndicatorContainer: ElementRef<HTMLElement>;
     /** The slider input corresponding to this slider thumb. */
     private _sliderInput;
     /** The RippleRef for the slider thumbs hover state. */
@@ -83,6 +85,11 @@ export declare class MatSliderVisualThumb implements AfterViewInit, OnDestroy {
     _getHostElement(): HTMLElement;
     /** Gets the native HTML element of the slider thumb knob. */
     _getKnob(): HTMLElement;
+    /**
+     * Gets the native HTML element of the slider thumb value indicator
+     * container.
+     */
+    _getValueIndicatorContainer(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSliderVisualThumb, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatSliderVisualThumb, "mat-slider-visual-thumb", never, { "discrete": "discrete"; "thumbPosition": "thumbPosition"; "valueIndicatorText": "valueIndicatorText"; "disableRipple": "disableRipple"; }, {}, never, never>;
 }
@@ -99,7 +106,7 @@ export declare class MatSliderThumb implements AfterViewInit, ControlValueAccess
     private readonly _elementRef;
     /** The current value of this slider input. */
     get value(): number;
-    set value(v: number);
+    set value(v: NumberInput);
     /**
      * Emits when the raw value of the slider changes. This is here primarily
      * to facilitate the two-way binding for the `value` input.
@@ -206,7 +213,6 @@ export declare class MatSliderThumb implements AfterViewInit, ControlValueAccess
      * `displayWith` function is used to set the `aria-valuetext` attribute.
      */
     private _initializeAriaValueText;
-    static ngAcceptInputType_value: NumberInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSliderThumb, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatSliderThumb, "input[matSliderThumb], input[matSliderStartThumb], input[matSliderEndThumb]", ["matSliderThumb"], { "value": "value"; }, { "valueChange": "valueChange"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; "_blur": "_blur"; "_focus": "_focus"; }, never>;
 }
@@ -234,27 +240,27 @@ export declare class MatSlider extends _MatSliderMixinBase implements AfterViewI
     _inputs: QueryList<MatSliderThumb>;
     /** Whether the slider is disabled. */
     get disabled(): boolean;
-    set disabled(v: boolean);
+    set disabled(v: BooleanInput);
     private _disabled;
     /** Whether the slider displays a numeric value label upon pressing the thumb. */
     get discrete(): boolean;
-    set discrete(v: boolean);
+    set discrete(v: BooleanInput);
     private _discrete;
     /** Whether the slider displays tick marks along the slider track. */
     get showTickMarks(): boolean;
-    set showTickMarks(v: boolean);
+    set showTickMarks(v: BooleanInput);
     private _showTickMarks;
     /** The minimum value that the slider can have. */
     get min(): number;
-    set min(v: number);
+    set min(v: NumberInput);
     private _min;
     /** The maximum value that the slider can have. */
     get max(): number;
-    set max(v: number);
+    set max(v: NumberInput);
     private _max;
     /** The values at which the thumb will snap. */
     get step(): number;
-    set step(v: number);
+    set step(v: NumberInput);
     private _step;
     /**
      * Function that will be used to format the value before it is displayed
@@ -337,6 +343,11 @@ export declare class MatSlider extends _MatSliderMixinBase implements AfterViewI
     _getThumbElement(thumbPosition: Thumb): HTMLElement;
     /** Gets the slider knob HTML element of the given thumb position. */
     _getKnobElement(thumbPosition: Thumb): HTMLElement;
+    /**
+     * Gets the slider value indicator container HTML element of the given thumb
+     * position.
+     */
+    _getValueIndicatorContainerElement(thumbPosition: Thumb): HTMLElement;
     /**
      * Sets the value indicator text of the given thumb position using the given value.
      *
@@ -350,13 +361,6 @@ export declare class MatSlider extends _MatSliderMixinBase implements AfterViewI
     _getTickMarkClass(tickMark: TickMark): string;
     /** Whether the slider thumb ripples should be disabled. */
     _isRippleDisabled(): boolean;
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_discrete: BooleanInput;
-    static ngAcceptInputType_showTickMarks: BooleanInput;
-    static ngAcceptInputType_min: NumberInput;
-    static ngAcceptInputType_max: NumberInput;
-    static ngAcceptInputType_step: NumberInput;
-    static ngAcceptInputType_disableRipple: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSlider, [null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatSlider, "mat-slider", ["matSlider"], { "color": "color"; "disableRipple": "disableRipple"; "disabled": "disabled"; "discrete": "discrete"; "showTickMarks": "showTickMarks"; "min": "min"; "max": "max"; "step": "step"; "displayWith": "displayWith"; }, {}, ["_inputs"], ["*"]>;
 }

package/mdc-snack-bar/module.d.ts

@@ -9,6 +9,6 @@ import * as i7 from "@angular/material-experimental/mdc-button";
 import * as i8 from "@angular/material-experimental/mdc-core";
 export declare class MatSnackBarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSnackBarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatSnackBarModule, [typeof i1.MatSimpleSnackBar, typeof i2.MatSnackBarContainer, typeof i3.MatSnackBarLabel, typeof i3.MatSnackBarActions, typeof i3.MatSnackBarAction], [typeof i4.OverlayModule, typeof i5.PortalModule, typeof i6.CommonModule, typeof i7.MatButtonModule, typeof i8.MatCommonModule], [typeof i8.MatCommonModule, typeof i2.MatSnackBarContainer, typeof i3.MatSnackBarLabel, typeof i3.MatSnackBarActions, typeof i3.MatSnackBarAction]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatSnackBarModule, [typeof i1.SimpleSnackBar, typeof i2.MatSnackBarContainer, typeof i3.MatSnackBarLabel, typeof i3.MatSnackBarActions, typeof i3.MatSnackBarAction], [typeof i4.OverlayModule, typeof i5.PortalModule, typeof i6.CommonModule, typeof i7.MatButtonModule, typeof i8.MatCommonModule], [typeof i8.MatCommonModule, typeof i2.MatSnackBarContainer, typeof i3.MatSnackBarLabel, typeof i3.MatSnackBarActions, typeof i3.MatSnackBarAction]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatSnackBarModule>;
 }