@angular/material 17.0.0 → 17.1.0-next.0

package/autocomplete/index.d.ts

@@ -400,8 +400,6 @@ export declare class MatAutocompleteTrigger implements ControlValueAccessor, Aft
      * the state of the trigger right before the opening sequence was finished.
      */
     private _emitOpened;
-    /** Intended to be called when the panel is attached. Captures the current value of the input. */
-    private _captureValueOnAttach;
     /** Destroys the autocomplete suggestion panel. */
     private _destroyPanel;
     private _assignOptionValue;

package/button/_button-theme.scss

@@ -168,6 +168,10 @@
   @include mdc-helpers.using-mdc-typography($theme) {
     @include mdc-button.without-ripple($query: mdc-helpers.$mdc-typography-styles-query);
   }
+
+  .mat-mdc-raised-button {
+    line-height: inherit;
+  }
 }
 
 @mixin density($theme) {

package/button/_icon-button-theme.scss

@@ -4,6 +4,7 @@
 @use '../core/tokens/m2/mdc/icon-button' as tokens-mdc-icon-button;
 @use '../core/tokens/m2/mat/icon-button' as tokens-mat-icon-button;
 
+@use '../core/style/sass-utils';
 @use './button-base';
 @use '../core/tokens/token-utils';
 @use '../core/theming/theming';
@@ -11,7 +12,10 @@
 
 
 @mixin base($theme) {
-  // TODO(mmalerba): Move icon button base tokens here
+  // Add default values for tokens not related to color, typography, or density.
+  @include sass-utils.current-selector-or-root() {
+    @include mdc-icon-button-theme.theme(tokens-mdc-icon-button.get-unthemable-tokens());
+  }
 }
 
 @mixin _icon-button-variant($theme, $palette) {

package/card/testing/index.d.ts

@@ -34,7 +34,7 @@ export declare class MatCardHarness extends ContentContainerComponentHarness<Mat
 }
 
 /** Selectors for different sections of the mat-card that can container user content. */
-export declare const enum MatCardSection {
+export declare enum MatCardSection {
     HEADER = ".mat-mdc-card-header",
     CONTENT = ".mat-mdc-card-content",
     ACTIONS = ".mat-mdc-card-actions",

package/checkbox/index.d.ts

@@ -227,7 +227,7 @@ export declare class _MatCheckboxRequiredValidatorModule {
  * Represents the different states that require custom transitions between them.
  * @docs-private
  */
-export declare const enum TransitionCheckState {
+export declare enum TransitionCheckState {
     /** The initial state of the component before any user interaction. */
     Init = 0,
     /** The state representing the component when it's becoming checked. */

package/chips/index.d.ts

@@ -1,10 +1,6 @@
 import { _AbstractConstructor } from '@angular/material/core';
 import { AfterContentInit } from '@angular/core';
 import { AfterViewInit } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
-import { CanColor } from '@angular/material/core';
-import { CanDisable } from '@angular/material/core';
-import { CanDisableRipple } from '@angular/material/core';
 import { CanUpdateErrorState } from '@angular/material/core';
 import { ChangeDetectorRef } from '@angular/core';
 import { _Constructor } from '@angular/material/core';
@@ -17,7 +13,6 @@ import { EventEmitter } from '@angular/core';
 import { FocusKeyManager } from '@angular/cdk/a11y';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { FormGroupDirective } from '@angular/forms';
-import { HasTabIndex } from '@angular/material/core';
 import * as i0 from '@angular/core';
 import * as i11 from '@angular/material/core';
 import { InjectionToken } from '@angular/core';
@@ -146,8 +141,9 @@ export declare const MAT_CHIPS_DEFAULT_OPTIONS: InjectionToken<MatChipsDefaultOp
  *
  * Extended by MatChipOption and MatChipRow for different interaction patterns.
  */
-export declare class MatChip extends _MatChipMixinBase implements OnInit, AfterViewInit, AfterContentInit, CanColor, CanDisableRipple, CanDisable, DoCheck, HasTabIndex, OnDestroy {
+export declare class MatChip implements OnInit, AfterViewInit, AfterContentInit, DoCheck, OnDestroy {
     _changeDetectorRef: ChangeDetectorRef;
+    _elementRef: ElementRef<HTMLElement>;
     protected _ngZone: NgZone;
     private _focusMonitor;
     private _globalRippleOptions?;
@@ -191,18 +187,22 @@ export declare class MatChip extends _MatChipMixinBase implements OnInit, AfterV
     get value(): any;
     set value(value: any);
     protected _value: any;
+    /** Theme color palette of the chip. */
+    color?: string | null;
     /**
      * Determines whether or not the chip displays the remove styling and emits (removed) events.
      */
-    get removable(): boolean;
-    set removable(value: BooleanInput);
-    protected _removable: boolean;
+    removable: boolean;
     /**
      * Colors the chip for emphasis as if it were selected.
      */
-    get highlighted(): boolean;
-    set highlighted(value: BooleanInput);
-    protected _highlighted: boolean;
+    highlighted: boolean;
+    /** Whether the ripple effect is disabled or not. */
+    disableRipple: boolean;
+    /** Whether the chip is disabled. */
+    disabled: boolean;
+    /** Tab index of the chip. */
+    tabIndex: number;
     /** Emitted when a chip is to be removed. */
     readonly removed: EventEmitter<MatChipEvent>;
     /** Emitted when the chip is destroyed. */
@@ -229,7 +229,7 @@ export declare class MatChip extends _MatChipMixinBase implements OnInit, AfterV
      * Used to improve initial load time of large applications.
      */
     _rippleLoader: MatRippleLoader;
-    constructor(_changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, _focusMonitor: FocusMonitor, _document: any, animationMode?: string, _globalRippleOptions?: RippleGlobalOptions | undefined, tabIndex?: string);
+    constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, _focusMonitor: FocusMonitor, _document: any, animationMode?: string, _globalRippleOptions?: RippleGlobalOptions | undefined, tabIndex?: string);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngAfterContentInit(): void;
@@ -255,17 +255,24 @@ export declare class MatChip extends _MatChipMixinBase implements OnInit, AfterV
     _getActions(): MatChipAction[];
     /** Handles interactions with the primary action of the chip. */
     _handlePrimaryActionInteraction(): void;
+    /** Gets the tabindex of the chip. */
+    _getTabIndex(): number | null;
     /** Starts the focus monitoring process on the chip. */
     private _monitorFocus;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChip, [null, null, null, null, null, { optional: true; }, { optional: true; }, { attribute: "tabindex"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatChip, "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", ["matChip"], { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "role": { "alias": "role"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaDescription": { "alias": "aria-description"; "required": false; }; "value": { "alias": "value"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "highlighted": { "alias": "highlighted"; "required": false; }; }, { "removed": "removed"; "destroyed": "destroyed"; }, ["leadingIcon", "trailingIcon", "removeIcon", "_allLeadingIcons", "_allTrailingIcons", "_allRemoveIcons"], ["mat-chip-avatar, [matChipAvatar]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatChip, "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", ["matChip"], { "role": { "alias": "role"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaDescription": { "alias": "aria-description"; "required": false; }; "value": { "alias": "value"; "required": false; }; "color": { "alias": "color"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "highlighted": { "alias": "highlighted"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "removed": "removed"; "destroyed": "destroyed"; }, ["leadingIcon", "trailingIcon", "removeIcon", "_allLeadingIcons", "_allTrailingIcons", "_allRemoveIcons"], ["mat-chip-avatar, [matChipAvatar]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], false, never>;
+    static ngAcceptInputType_removable: unknown;
+    static ngAcceptInputType_highlighted: unknown;
+    static ngAcceptInputType_disableRipple: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_tabIndex: unknown;
 }
 
 /**
  * Section within a chip.
  * @docs-private
  */
-declare class MatChipAction extends _MatChipActionMixinBase implements HasTabIndex {
+declare class MatChipAction {
     _elementRef: ElementRef<HTMLElement>;
     protected _parentChip: {
         _handlePrimaryActionInteraction(): void;
@@ -279,8 +286,10 @@ declare class MatChipAction extends _MatChipActionMixinBase implements HasTabInd
     _isPrimary: boolean;
     /** Whether the action is disabled. */
     get disabled(): boolean;
-    set disabled(value: BooleanInput);
+    set disabled(value: boolean);
     private _disabled;
+    /** Tab index of the action. */
+    tabIndex: number;
     /**
      * Private API to allow focusing this chip when it is disabled.
      */
@@ -303,15 +312,11 @@ declare class MatChipAction extends _MatChipActionMixinBase implements HasTabInd
     _handleClick(event: MouseEvent): void;
     _handleKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipAction, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipAction, "[matChipAction]", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "isInteractive": { "alias": "isInteractive"; "required": false; }; "_allowFocusWhenDisabled": { "alias": "_allowFocusWhenDisabled"; "required": false; }; }, {}, never, never, false, never>;
-}
-
-declare abstract class _MatChipActionBase {
-    abstract disabled: boolean;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipAction, "[matChipAction]", never, { "isInteractive": { "alias": "isInteractive"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "_allowFocusWhenDisabled": { "alias": "_allowFocusWhenDisabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_tabIndex: unknown;
 }
 
-declare const _MatChipActionMixinBase: _Constructor<HasTabIndex> & _AbstractConstructor<HasTabIndex> & typeof _MatChipActionBase;
-
 /** Avatar image within a chip. */
 export declare class MatChipAvatar {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipAvatar, never>;
@@ -379,7 +384,7 @@ export declare class MatChipGrid extends _MatChipGridMixinBase implements AfterC
      * @docs-private
      */
     get disabled(): boolean;
-    set disabled(value: BooleanInput);
+    set disabled(value: boolean);
     /**
      * Implemented as part of MatFormFieldControl.
      * @docs-private
@@ -404,7 +409,7 @@ export declare class MatChipGrid extends _MatChipGridMixinBase implements AfterC
      * @docs-private
      */
     get required(): boolean;
-    set required(value: BooleanInput);
+    set required(value: boolean);
     protected _required: boolean | undefined;
     /**
      * Implemented as part of MatFormFieldControl.
@@ -489,11 +494,18 @@ export declare class MatChipGrid extends _MatChipGridMixinBase implements AfterC
     /** Mark the field as touched */
     private _markAsTouched;
     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": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; }, { "change": "change"; "valueChange": "valueChange"; }, ["_chips"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipGrid, "mat-chip-grid", never, { "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; }, { "change": "change"; "valueChange": "valueChange"; }, ["_chips"], ["*"], false, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_required: unknown;
 }
 
 /**
  * Boilerplate for applying mixins to MatChipGrid.
+ * Important! this class needs to be marked as a component or a directive, because
+ * leaving it without metadata cuases the framework to execute the host bindings multiple
+ * times which breaks the keyboard navigation. We can't use `@Directive()` here, because
+ * `MatChipSet` is a component. We should able to remove this class altogether once
+ * the error state is moved away from using mixins.
  * @docs-private
  */
 declare class MatChipGridBase extends MatChipSet {
@@ -519,6 +531,8 @@ declare class MatChipGridBase extends MatChipSet {
      * @docs-private
      */
     ngControl: NgControl);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatChipGridBase, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipGridBase, "ng-component", never, {}, {}, never, never, false, never>;
 }
 
 /** Change event object that is emitted when the chip grid value has changed. */
@@ -546,15 +560,14 @@ export declare class MatChipInput implements MatChipTextControl, AfterContentIni
     private _focusLastChipOnBackspace;
     /** Whether the control is focused. */
     focused: boolean;
-    _chipGrid: MatChipGrid;
     /** Register input for chip list */
+    get chipGrid(): MatChipGrid;
     set chipGrid(value: MatChipGrid);
+    private _chipGrid;
     /**
      * Whether or not the chipEnd event will be emitted when the input is blurred.
      */
-    get addOnBlur(): boolean;
-    set addOnBlur(value: BooleanInput);
-    _addOnBlur: boolean;
+    addOnBlur: boolean;
     /**
      * The list of key codes that will trigger a chipEnd event.
      *
@@ -569,7 +582,7 @@ export declare class MatChipInput implements MatChipTextControl, AfterContentIni
     id: string;
     /** Whether the input is disabled. */
     get disabled(): boolean;
-    set disabled(value: BooleanInput);
+    set disabled(value: boolean);
     private _disabled;
     /** Whether the input is empty. */
     get empty(): boolean;
@@ -600,6 +613,8 @@ export declare class MatChipInput implements MatChipTextControl, AfterContentIni
     private _isSeparatorKey;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipInput, [null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipInput, "input[matChipInputFor]", ["matChipInput", "matChipInputFor"], { "chipGrid": { "alias": "matChipInputFor"; "required": false; }; "addOnBlur": { "alias": "matChipInputAddOnBlur"; "required": false; }; "separatorKeyCodes": { "alias": "matChipInputSeparatorKeyCodes"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "chipEnd": "matChipInputTokenEnd"; }, never, never, false, never>;
+    static ngAcceptInputType_addOnBlur: unknown;
+    static ngAcceptInputType_disabled: unknown;
 }
 
 /** Represents an input event on a `matChipInput`. */
@@ -638,7 +653,7 @@ export declare class MatChipListbox extends MatChipSet implements AfterContentIn
     private _defaultOptions;
     /** Whether the user should be allowed to select multiple chips. */
     get multiple(): boolean;
-    set multiple(value: BooleanInput);
+    set multiple(value: boolean);
     private _multiple;
     /** The array of selected chips inside the chip listbox. */
     get selected(): MatChipOption[] | MatChipOption;
@@ -651,7 +666,7 @@ export declare class MatChipListbox extends MatChipSet implements AfterContentIn
      * the chips inside the chip listbox are always ignored.
      */
     get selectable(): boolean;
-    set selectable(value: BooleanInput);
+    set selectable(value: boolean);
     protected _selectable: boolean;
     /**
      * A function to compare the option values with the selected values. The first argument
@@ -660,12 +675,10 @@ export declare class MatChipListbox extends MatChipSet implements AfterContentIn
      */
     compareWith: (o1: any, o2: any) => boolean;
     /** Whether this chip listbox is required. */
-    get required(): boolean;
-    set required(value: BooleanInput);
-    protected _required: boolean;
+    required: boolean;
     /** Whether checkmark indicator for single-selection options is hidden. */
     get hideSingleSelectionIndicator(): boolean;
-    set hideSingleSelectionIndicator(value: BooleanInput);
+    set hideSingleSelectionIndicator(value: boolean);
     private _hideSingleSelectionIndicator;
     /** Combined stream of all of the child chips' selection change events. */
     get chipSelectionChanges(): Observable<MatChipSelectionChange>;
@@ -733,7 +746,11 @@ export declare class MatChipListbox extends MatChipSet implements AfterContentIn
      */
     protected _skipPredicate(action: MatChipAction): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipListbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipListbox, "mat-chip-listbox", never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "ariaOrientation": { "alias": "aria-orientation"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; }, ["_chips"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipListbox, "mat-chip-listbox", never, { "multiple": { "alias": "multiple"; "required": false; }; "ariaOrientation": { "alias": "aria-orientation"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; }, ["_chips"], ["*"], false, never>;
+    static ngAcceptInputType_multiple: unknown;
+    static ngAcceptInputType_selectable: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_hideSingleSelectionIndicator: unknown;
 }
 
 /** Change event object that is emitted when the chip listbox value has changed. */
@@ -749,16 +766,6 @@ export declare class MatChipListboxChange {
     value: any);
 }
 
-/**
- * Boilerplate for applying mixins to MatChip.
- * @docs-private
- */
-declare const _MatChipMixinBase: _Constructor<HasTabIndex> & _AbstractConstructor<HasTabIndex> & _Constructor<CanColor> & _AbstractConstructor<CanColor> & _Constructor<CanDisableRipple> & _AbstractConstructor<CanDisableRipple> & _Constructor<CanDisable> & _AbstractConstructor<CanDisable> & {
-    new (_elementRef: ElementRef<HTMLElement>): {
-        _elementRef: ElementRef<HTMLElement>;
-    };
-};
-
 /**
  * An extension of the MatChip component that supports chip selection. Used with MatChipListbox.
  *
@@ -782,11 +789,11 @@ export declare class MatChipOption extends MatChip implements OnInit {
      * non-selectable if its parent chip list is not selectable.
      */
     get selectable(): boolean;
-    set selectable(value: BooleanInput);
+    set selectable(value: boolean);
     protected _selectable: boolean;
     /** Whether the chip is selected. */
     get selected(): boolean;
-    set selected(value: BooleanInput);
+    set selected(value: boolean);
     private _selected;
     /**
      * The ARIA selected applied to the chip. Conforms to WAI ARIA best practices for listbox
@@ -819,7 +826,9 @@ export declare class MatChipOption extends MatChip implements OnInit {
     _hasLeadingGraphic(): boolean;
     _setSelectedState(isSelected: boolean, isUserInput: boolean, emitEvent: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipOption, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipOption, "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, ["mat-chip-avatar, [matChipAvatar]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipOption, "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", never, { "selectable": { "alias": "selectable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, ["mat-chip-avatar, [matChipAvatar]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], false, never>;
+    static ngAcceptInputType_selectable: unknown;
+    static ngAcceptInputType_selected: unknown;
 }
 
 /**
@@ -880,7 +889,7 @@ export declare class MatChipRow extends MatChip implements AfterViewInit {
      */
     private _getEditInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipRow, [null, null, null, null, null, { optional: true; }, { optional: true; }, { attribute: "tabindex"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipRow, "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; }, { "edited": "edited"; }, ["contentEditInput"], ["mat-chip-avatar, [matChipAvatar]", "[matChipEditInput]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipRow, "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", never, { "editable": { "alias": "editable"; "required": false; }; }, { "edited": "edited"; }, ["contentEditInput"], ["mat-chip-avatar, [matChipAvatar]", "[matChipEditInput]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], false, never>;
 }
 
 /** Default options, for the chips module, that can be overridden. */
@@ -913,7 +922,7 @@ export declare class MatChipSelectionChange {
  *
  * Extended by MatChipListbox and MatChipGrid for different interaction patterns.
  */
-export declare class MatChipSet extends _MatChipSetMixinBase implements AfterViewInit, HasTabIndex, OnDestroy {
+export declare class MatChipSet implements AfterViewInit, OnDestroy {
     protected _elementRef: ElementRef<HTMLElement>;
     protected _changeDetectorRef: ChangeDetectorRef;
     private _dir;
@@ -927,16 +936,20 @@ export declare class MatChipSet extends _MatChipSetMixinBase implements AfterVie
     protected _defaultRole: string;
     /** Combined stream of all of the child chips' focus events. */
     get chipFocusChanges(): Observable<MatChipEvent>;
-    /** Combined stream of all of the child chips' remove events. */
+    /** Combined stream of all of the child chips' destroy events. */
     get chipDestroyedChanges(): Observable<MatChipEvent>;
+    /** Combined stream of all of the child chips' remove events. */
+    get chipRemovedChanges(): Observable<MatChipEvent>;
     /** Whether the chip set is disabled. */
     get disabled(): boolean;
-    set disabled(value: BooleanInput);
+    set disabled(value: boolean);
     protected _disabled: boolean;
     /** Whether the chip list contains chips or not. */
     get empty(): boolean;
     /** The ARIA role applied to the chip set. */
     get role(): string | null;
+    /** Tabindex of the chip set. */
+    tabIndex: number;
     set role(value: string | null);
     private _explicitRole;
     /** Whether any of the chips inside of this chip-set has focus. */
@@ -993,20 +1006,11 @@ export declare class MatChipSet extends _MatChipSetMixinBase implements AfterVie
      */
     private _redirectDestroyedChipFocus;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipSet, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipSet, "mat-chip-set", never, { "disabled": { "alias": "disabled"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, ["_chips"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipSet, "mat-chip-set", never, { "disabled": { "alias": "disabled"; "required": false; }; "role": { "alias": "role"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, ["_chips"], ["*"], false, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_tabIndex: unknown;
 }
 
-/**
- * Boilerplate for applying mixins to MatChipSet.
- * @docs-private
- */
-declare abstract class MatChipSetBase {
-    abstract disabled: boolean;
-    constructor(_elementRef: ElementRef);
-}
-
-declare const _MatChipSetMixinBase: _Constructor<HasTabIndex> & _AbstractConstructor<HasTabIndex> & typeof MatChipSetBase;
-
 export declare class MatChipsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipsModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MatChipsModule, [typeof i1.MatChipAction, typeof i2.MatChip, typeof i3.MatChipAvatar, typeof i4.MatChipEditInput, typeof i5.MatChipGrid, typeof i6.MatChipInput, typeof i7.MatChipListbox, typeof i8.MatChipOption, typeof i3.MatChipRemove, typeof i9.MatChipRow, typeof i10.MatChipSet, typeof i3.MatChipTrailingIcon], [typeof i11.MatCommonModule, typeof i11.MatRippleModule], [typeof i11.MatCommonModule, typeof i2.MatChip, typeof i3.MatChipAvatar, typeof i4.MatChipEditInput, typeof i5.MatChipGrid, typeof i6.MatChipInput, typeof i7.MatChipListbox, typeof i8.MatChipOption, typeof i3.MatChipRemove, typeof i9.MatChipRow, typeof i10.MatChipSet, typeof i3.MatChipTrailingIcon]>;

package/core/index.d.ts

@@ -1059,7 +1059,7 @@ export declare class RippleRenderer implements EventListenerObject {
 
 
 /** Possible states for a ripple element. */
-export declare const enum RippleState {
+export declare enum RippleState {
     FADING_IN = 0,
     VISIBLE = 1,
     FADING_OUT = 2,

package/core/ripple/_ripple-theme.scss

@@ -1,44 +1,76 @@
+@use 'sass:map';
 @use '../tokens/m2/mat/ripple' as tokens-mat-ripple;
 @use '../tokens/token-utils';
 @use '../style/sass-utils';
-
 @use '../theming/theming';
 @use '../theming/inspection';
 
-@mixin base($theme) {}
+@mixin base($theme) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
+  }
+  @else {}
+}
 
 @mixin color($theme) {
-  @include sass-utils.current-selector-or-root() {
-    @include token-utils.create-token-values(tokens-mat-ripple.$prefix,
-      tokens-mat-ripple.get-color-tokens($theme));
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
+  }
+  @else {
+    @include sass-utils.current-selector-or-root() {
+      @include token-utils.create-token-values(tokens-mat-ripple.$prefix,
+        tokens-mat-ripple.get-color-tokens($theme));
+    }
   }
 }
 
 @mixin typography($theme) {
-  @include sass-utils.current-selector-or-root() {
-    @include token-utils.create-token-values(tokens-mat-ripple.$prefix,
-      tokens-mat-ripple.get-typography-tokens($theme));
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
+  }
+  @else {
+    @include sass-utils.current-selector-or-root() {
+      @include token-utils.create-token-values(tokens-mat-ripple.$prefix,
+        tokens-mat-ripple.get-typography-tokens($theme));
+    }
   }
 }
 
 @mixin density($theme) {
-  @include sass-utils.current-selector-or-root() {
-    @include token-utils.create-token-values(tokens-mat-ripple.$prefix,
-      tokens-mat-ripple.get-density-tokens($theme));
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
+  }
+  @else {
+    @include sass-utils.current-selector-or-root() {
+      @include token-utils.create-token-values(tokens-mat-ripple.$prefix,
+        tokens-mat-ripple.get-density-tokens($theme));
+    }
   }
 }
 
 @mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-ripple') {
-    @include base($theme);
-    @if inspection.theme-has($theme, color) {
-      @include color($theme);
-    }
-    @if inspection.theme-has($theme, density) {
-      @include density($theme);
+    @if inspection.get-theme-version($theme) == 1 {
+      @include _theme-from-tokens(inspection.get-theme-tokens($theme));
     }
-    @if inspection.theme-has($theme, typography) {
-      @include typography($theme);
+    @else {
+      @include base($theme);
+      @if inspection.theme-has($theme, color) {
+        @include color($theme);
+      }
+      @if inspection.theme-has($theme, density) {
+        @include density($theme);
+      }
+      @if inspection.theme-has($theme, typography) {
+        @include typography($theme);
+      }
     }
   }
 }
+
+@mixin _theme-from-tokens($tokens) {
+  @if ($tokens != ()) {
+    @include token-utils.create-token-values(
+        tokens-mat-ripple.$prefix, map.get($tokens, tokens-mat-ripple.$prefix));
+  }
+}

package/core/tokens/m2/_index.scss

@@ -1,28 +1,38 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use '../../style/sass-utils';
-
 @use './mat/card' as tokens-mat-card;
-@use './mat/toolbar' as tokens-mat-toolbar;
+@use './mat/form-field' as tokens-mat-form-field;
+@use './mat/grid-list' as tokens-mat-grid-list;
 @use './mat/radio' as tokens-mat-radio;
+@use './mat/ripple' as tokens-mat-ripple;
+@use './mat/slide-toggle' as tokens-mat-slide-toggle;
+@use './mat/slider' as tokens-mat-slider;
 @use './mat/snack-bar' as tokens-mat-snack-bar;
+@use './mat/sort' as tokens-mat-sort;
+@use './mat/stepper' as tokens-mat-stepper;
 @use './mat/tab-header' as tokens-mat-tab-header;
 @use './mat/tab-header-with-background' as tokens-mat-tab-header-with-background;
-@use './mat/slider' as tokens-mat-slider;
+@use './mat/table' as tokens-mat-table;
+@use './mat/toolbar' as tokens-mat-toolbar;
+@use './mat/tree' as tokens-mat-tree;
 @use './mdc/checkbox' as tokens-mdc-checkbox;
 @use './mdc/circular-progress' as tokens-mdc-circular-progress;
 @use './mdc/dialog' as tokens-mdc-dialog;
 @use './mdc/elevated-card' as tokens-mdc-elevated-card;
+@use './mdc/filled-text-field' as tokens-mdc-filled-text-field;
 @use './mdc/icon-button' as tokens-mdc-icon-button;
 @use './mdc/linear-progress' as tokens-mdc-linear-progress;
 @use './mdc/list' as tokens-mdc-list;
 @use './mdc/outlined-card' as tokens-mdc-outlined-card;
+@use './mdc/outlined-text-field' as tokens-mdc-outlined-text-field;
+@use './mdc/plain-tooltip' as tokens-mdc-plain-tooltip;
 @use './mdc/radio' as tokens-mdc-radio;
+@use './mdc/slider' as tokens-mdc-slider;
 @use './mdc/snack-bar' as tokens-mdc-snack-bar;
+@use './mdc/switch' as tokens-mdc-switch;
 @use './mdc/tab' as tokens-mdc-tab;
 @use './mdc/tab-indicator' as tokens-mdc-tab-indicator;
-@use './mdc/slider' as tokens-mdc-slider;
-@use './mdc/plain-tooltip' as tokens-mdc-plain-tooltip;
 
 /// Gets the tokens for the given theme, m2 tokens module, and theming system.
 /// @param {Map} $theme The Angular Material theme object to generate token values from.
@@ -68,25 +78,36 @@
 @function m2-tokens-from-theme($theme) {
   @return sass-utils.deep-merge-all(
       _get-tokens-for-module($theme, tokens-mat-card),
+      _get-tokens-for-module($theme, tokens-mat-form-field),
+      _get-tokens-for-module($theme, tokens-mat-grid-list),
       _get-tokens-for-module($theme, tokens-mat-radio),
+      _get-tokens-for-module($theme, tokens-mat-ripple),
+      _get-tokens-for-module($theme, tokens-mat-slide-toggle),
+      _get-tokens-for-module($theme, tokens-mat-slider),
       _get-tokens-for-module($theme, tokens-mat-snack-bar),
+      _get-tokens-for-module($theme, tokens-mat-sort),
+      _get-tokens-for-module($theme, tokens-mat-stepper),
       _get-tokens-for-module($theme, tokens-mat-tab-header),
       _get-tokens-for-module($theme, tokens-mat-tab-header-with-background),
+      _get-tokens-for-module($theme, tokens-mat-table),
       _get-tokens-for-module($theme, tokens-mat-toolbar),
-      _get-tokens-for-module($theme, tokens-mat-slider),
+      _get-tokens-for-module($theme, tokens-mat-tree),
       _get-tokens-for-module($theme, tokens-mdc-checkbox),
       _get-tokens-for-module($theme, tokens-mdc-circular-progress),
       _get-tokens-for-module($theme, tokens-mdc-dialog),
       _get-tokens-for-module($theme, tokens-mdc-elevated-card),
+      _get-tokens-for-module($theme, tokens-mdc-filled-text-field),
       _get-tokens-for-module($theme, tokens-mdc-icon-button),
       _get-tokens-for-module($theme, tokens-mdc-linear-progress),
       _get-tokens-for-module($theme, tokens-mdc-list),
       _get-tokens-for-module($theme, tokens-mdc-outlined-card),
+      _get-tokens-for-module($theme, tokens-mdc-outlined-text-field),
+      _get-tokens-for-module($theme, tokens-mdc-plain-tooltip),
       _get-tokens-for-module($theme, tokens-mdc-radio),
+      _get-tokens-for-module($theme, tokens-mdc-slider),
       _get-tokens-for-module($theme, tokens-mdc-snack-bar),
+      _get-tokens-for-module($theme, tokens-mdc-switch),
       _get-tokens-for-module($theme, tokens-mdc-tab),
       _get-tokens-for-module($theme, tokens-mdc-tab-indicator),
-      _get-tokens-for-module($theme, tokens-mdc-slider),
-      _get-tokens-for-module($theme, tokens-mdc-plain-tooltip),
   );
 }