@angular/material 16.2.2 → 17.0.0-next.1

package/_index.scss

@@ -2,7 +2,8 @@
 @forward './core/theming/theming' show define-light-theme, define-dark-theme,
   define-palette, get-contrast-color-from-palette, get-color-from-palette,
   get-color-config, get-typography-config, get-density-config,
-  $theme-ignore-duplication-warnings;
+  $theme-ignore-duplication-warnings, $theme-legacy-inspection-api-compatibility;
+@forward './core/theming/theming' as private-* show private-clamp-density;
 @forward './core/theming/palette' show $red-palette, $pink-palette, $indigo-palette,
   $purple-palette, $deep-purple-palette, $blue-palette, $light-blue-palette, $cyan-palette,
   $teal-palette, $green-palette, $light-green-palette, $lime-palette, $yellow-palette,
@@ -18,8 +19,6 @@
 
 // Private/Internal
 @forward './core/density/private/all-density' show all-component-densities;
-@forward './legacy-core/density/private/all-density' as private-* show
-  private-all-legacy-component-densities;
 @forward './core/theming/theming' show private-check-duplicate-theme-styles,
   private-legacy-get-theme, private-is-theme-object;
 @forward './core/style/layout-common' as private-* show private-fill;
@@ -38,12 +37,11 @@
 @forward './core/style/button-common' as private-button-common-*;
 // The form field density mixin needs to be exposed, because the paginator depends on it.
 @forward './form-field/form-field-theme' as private-form-field-* show private-form-field-density;
-@forward './token-theming' as private-apply-*;
 @forward './core/style/sass-utils' as private-*;
+@forward './core/style/validation' as private-*;
 
 // Structural
 @forward './core/core' show core;
-@forward './legacy-core/core' as legacy-* show legacy-core;
 @forward './core/ripple/ripple' show ripple;
 @forward './core/focus-indicators/focus-indicators' show strong-focus-indicators;
 @forward './core/focus-indicators/private' as private-strong-focus-indicators-*;
@@ -53,22 +51,14 @@
 @forward './core/theming/all-theme' show all-component-themes;
 @forward './core/color/all-color' show all-component-colors;
 @forward './core/typography/all-typography' show all-component-typographies;
-@forward './legacy-core/theming/all-theme' show all-legacy-component-themes;
-@forward './legacy-core/color/all-color' show all-legacy-component-colors;
-@forward './legacy-core/typography/all-typography' show all-legacy-component-typographies;
 
 // Component themes
 @forward './core/core-theme' as core-* show core-color, core-theme, core-typography, core-density;
-@forward './legacy-core/core-theme' as legacy-core-* show legacy-core-color, legacy-core-theme;
 @forward './core/ripple/ripple-theme' as ripple-* show ripple-color, ripple-theme;
-@forward './legacy-core/option/option-theme' as legacy-option-* show legacy-option-color,
-  legacy-option-typography, legacy-option-theme;
 @forward './core/option/option-theme' as option-* show option-color, option-typography,
   option-theme, option-density;
 @forward './core/option/optgroup-theme' as optgroup-* show optgroup-color, optgroup-typography,
   optgroup-theme, optgroup-density;
-@forward './legacy-core/option/optgroup-theme' as legacy-optgroup-* show legacy-optgroup-color,
-  legacy-optgroup-typography, legacy-optgroup-theme;
 @forward './core/selection/pseudo-checkbox/pseudo-checkbox-theme' as pseudo-checkbox-* show
   pseudo-checkbox-color, pseudo-checkbox-typography, pseudo-checkbox-theme;
 @forward './core/selection/pseudo-checkbox/pseudo-checkbox-common' as pseudo-checkbox-* show
@@ -77,39 +67,28 @@
   strong-focus-indicators-color, strong-focus-indicators-theme;
 @forward './autocomplete/autocomplete-theme' as autocomplete-* show autocomplete-theme,
   autocomplete-color, autocomplete-typography, autocomplete-density;
-@forward './legacy-autocomplete/autocomplete-theme' as legacy-autocomplete-* show
-  legacy-autocomplete-theme, legacy-autocomplete-color, legacy-autocomplete-typography;
 @forward './badge/badge-theme' as badge-* show badge-theme, badge-color, badge-typography,
   badge-density;
 @forward './bottom-sheet/bottom-sheet-theme' as bottom-sheet-* show bottom-sheet-theme,
   bottom-sheet-color, bottom-sheet-typography, bottom-sheet-density;
-@forward './legacy-button/button-theme' as legacy-button-* show legacy-button-theme,
-  legacy-button-color, legacy-button-typography;
 @forward './button/button-theme' as button-* show button-theme, button-color, button-typography,
   button-density;
 @forward './button/fab-theme' as fab-* show fab-color, fab-typography,
-  fab-density, fab-theme;
+  fab-density, fab-theme, fab-base;
 @forward './button/icon-button-theme' as icon-button-* show icon-button-color,
   icon-button-typography, icon-button-density, icon-button-theme;
 @forward './button-toggle/button-toggle-theme' as button-toggle-* show button-toggle-theme,
   button-toggle-color, button-toggle-typography, button-toggle-density;
-@forward './card/card-theme' as card-* show card-theme, card-color, card-typography, card-density;
-@forward './legacy-card/card-theme' as legacy-card-* show legacy-card-theme, legacy-card-color,
-  legacy-card-typography;
-@forward './legacy-checkbox/checkbox-theme' as legacy-checkbox-* show
-  legacy-checkbox-theme, legacy-checkbox-color, legacy-checkbox-typography;
+@forward './card/card-theme' as card-* show card-theme, card-color, card-typography, card-density,
+  card-base;
 @forward './checkbox/checkbox-theme' as checkbox-* show checkbox-theme, checkbox-color,
-  checkbox-typography, checkbox-density;
-@forward './legacy-chips/chips-theme' as legacy-chips-* show legacy-chips-theme,
-  legacy-chips-color, legacy-chips-typography;
+  checkbox-typography, checkbox-density, checkbox-base;
 @forward './chips/chips-theme' as chips-* show chips-theme, chips-color, chips-typography,
   chips-density;
 @forward './datepicker/datepicker-theme' as datepicker-* show datepicker-theme, datepicker-color,
   datepicker-typography, datepicker-date-range-colors, datepicker-density;
-@forward './legacy-dialog/dialog-theme' as legacy-dialog-* show legacy-dialog-theme,
-  legacy-dialog-color, legacy-dialog-typography;
 @forward './dialog/dialog-theme' as dialog-* show dialog-theme, dialog-color, dialog-typography,
-  dialog-density;
+  dialog-density, dialog-base;
 @forward './dialog/dialog-legacy-padding' as dialog-* show dialog-legacy-padding;
 @forward './divider/divider-theme' as divider-* show divider-theme, divider-color,
   divider-typography, divider-density;
@@ -117,72 +96,44 @@
   expansion-typography, expansion-density;
 @forward './form-field/form-field-theme' as form-field-* show form-field-theme,
   form-field-color, form-field-typography, form-field-density;
-@forward './legacy-form-field/form-field-theme' as legacy-form-field-* show legacy-form-field-theme,
-  legacy-form-field-color, legacy-form-field-typography;
 @forward './grid-list/grid-list-theme' as grid-list-* show grid-list-theme, grid-list-color,
   grid-list-typography, grid-list-density;
 @forward './icon/icon-theme' as icon-* show icon-theme, icon-color, icon-typography, icon-density;
-@forward './legacy-input/input-theme' as legacy-input-* show legacy-input-theme, legacy-input-color,
-  legacy-input-typography;
 @forward './input/input-theme' as input-* show input-theme, input-color, input-typography,
   input-density;
-@forward './list/list-theme' as list-* show list-theme, list-color, list-typography, list-density;
-@forward './legacy-list/list-theme' as legacy-list-* show legacy-list-theme, legacy-list-color,
-  legacy-list-typography;
+@forward './list/list-theme' as list-* show list-theme, list-color, list-typography,
+list-density, list-base;
 @forward './menu/menu-theme' as menu-* show menu-theme, menu-color, menu-typography, menu-density;
-@forward './legacy-menu/menu-theme' as legacy-menu-* show legacy-menu-theme, legacy-menu-color,
-  legacy-menu-typography;
 @forward './paginator/paginator-theme' as paginator-* show paginator-theme, paginator-color,
   paginator-typography, paginator-density;
-@forward './legacy-paginator/paginator-theme' as legacy-paginator-* show legacy-paginator-theme,
-  legacy-paginator-color, legacy-paginator-typography;
-@forward './legacy-progress-bar/progress-bar-theme' as legacy-progress-bar-* show
-  legacy-progress-bar-theme, legacy-progress-bar-color, legacy-progress-bar-typography;
 @forward './progress-bar/progress-bar-theme' as progress-bar-* show
-  progress-bar-theme, progress-bar-color, progress-bar-typography, progress-bar-density;
+  progress-bar-theme, progress-bar-color, progress-bar-typography,
+  progress-bar-density, progress-bar-base;
 @forward './progress-spinner/progress-spinner-theme' as progress-spinner-* show
   progress-spinner-theme, progress-spinner-color, progress-spinner-typography,
-  progress-spinner-density;
-@forward './legacy-progress-spinner/progress-spinner-theme' as legacy-progress-spinner-* show
-  legacy-progress-spinner-theme, legacy-progress-spinner-color, legacy-progress-spinner-typography;
+  progress-spinner-density, progress-spinner-base;
 @forward './radio/radio-theme' as radio-* show radio-theme, radio-color, radio-typography,
   radio-density;
-@forward './legacy-radio/radio-theme' as legacy-radio-* show legacy-radio-theme, legacy-radio-color,
-  legacy-radio-typography;
 @forward './select/select-theme' as select-* show select-theme, select-color, select-typography,
   select-density;
-@forward './legacy-select/select-theme' as legacy-select-* show legacy-select-theme,
-  legacy-select-color, legacy-select-typography;
 @forward './sidenav/sidenav-theme' as sidenav-* show sidenav-theme, sidenav-color,
   sidenav-typography, sidenav-density;
-@forward './legacy-slide-toggle/slide-toggle-theme' as legacy-slide-toggle-* show
-  legacy-slide-toggle-theme, legacy-slide-toggle-color, legacy-slide-toggle-typography;
 @forward './slide-toggle/slide-toggle-theme' as slide-toggle-* show
   slide-toggle-theme, slide-toggle-color, slide-toggle-typography, slide-toggle-density;
-@forward './legacy-slider/slider-theme' as legacy-slider-* show legacy-slider-theme,
-  legacy-slider-color, legacy-slider-typography;
 @forward './slider/slider-theme' as slider-* show slider-theme, slider-color, slider-typography,
-  slider-density;
+  slider-density, slider-base;
 @forward './snack-bar/snack-bar-theme' as snack-bar-* show snack-bar-theme, snack-bar-color,
-  snack-bar-typography, snack-bar-density;
-@forward './legacy-snack-bar/snack-bar-theme' as legacy-snack-bar-* show legacy-snack-bar-theme,
-  legacy-snack-bar-color, legacy-snack-bar-typography;
+  snack-bar-typography, snack-bar-density, snack-bar-base;
 @forward './sort/sort-theme' as sort-* show sort-theme, sort-color, sort-typography, sort-density;
 @forward './stepper/stepper-theme' as stepper-* show stepper-theme, stepper-color,
   stepper-typography, stepper-density;
 @forward './table/table-theme' as table-* show table-theme, table-color, table-typography,
   table-density;
-@forward './legacy-table/table-theme' as legacy-table-* show legacy-table-theme, legacy-table-color,
-  legacy-table-typography;
 @forward './tabs/tabs-theme' as tabs-* show tabs-theme, tabs-color, tabs-typography, tabs-density;
-@forward './legacy-tabs/tabs-theme' as legacy-tabs-* show legacy-tabs-theme, legacy-tabs-color,
-legacy-tabs-typography;
 @forward './toolbar/toolbar-theme' as toolbar-* show toolbar-theme, toolbar-color,
   toolbar-typography, toolbar-density;
-@forward './legacy-tooltip/tooltip-theme' as legacy-tooltip-* show legacy-tooltip-theme,
-  legacy-tooltip-color, legacy-tooltip-typography;
 @forward './tooltip/tooltip-theme' as tooltip-* show tooltip-theme, tooltip-color,
-  tooltip-typography, tooltip-density;
+  tooltip-typography, tooltip-density, tooltip-base;
 @forward './tree/tree-theme' as tree-* show tree-theme, tree-color, tree-typography, tree-density;
 
 // MDC Helpers
@@ -191,3 +142,8 @@ legacy-tabs-typography;
   private-typography-config-level-from-mdc, private-if-touch-targets-unsupported,
   $private-mdc-base-styles-query, $private-mdc-base-styles-without-animation-query,
   $private-mdc-theme-styles-query, $private-mdc-typography-styles-query;
+
+// New theming APIs, currently in development:
+@forward './core/theming/inspection' as private-* show private-get-theme-version,
+  private-get-theme-type, private-get-theme-color, private-get-theme-typography,
+  private-get-theme-density, private-theme-has;

package/autocomplete/index.d.ts

@@ -19,9 +19,7 @@ import * as i7 from '@angular/cdk/scrolling';
 import { InjectionToken } from '@angular/core';
 import { MatFormField } from '@angular/material/form-field';
 import { MatOptgroup } from '@angular/material/core';
-import { _MatOptgroupBase } from '@angular/material/core';
 import { MatOption } from '@angular/material/core';
-import { _MatOptionBase } from '@angular/material/core';
 import { MatOptionSelectionChange } from '@angular/material/core';
 import { NgZone } from '@angular/core';
 import { Observable } from 'rxjs';
@@ -50,7 +48,6 @@ declare namespace i1 {
         MatAutocompleteActivatedEvent,
         MatAutocompleteDefaultOptions,
         MAT_AUTOCOMPLETE_DEFAULT_OPTIONS,
-        _MatAutocompleteBase,
         MatAutocomplete
     }
 }
@@ -62,14 +59,12 @@ declare namespace i2 {
         MAT_AUTOCOMPLETE_VALUE_ACCESSOR,
         MAT_AUTOCOMPLETE_SCROLL_STRATEGY,
         MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER,
-        _MatAutocompleteTriggerBase,
         MatAutocompleteTrigger
     }
 }
 
 declare namespace i3 {
     export {
-        _MatAutocompleteOriginBase,
         MatAutocompleteOrigin
     }
 }
@@ -99,48 +94,20 @@ export declare const MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER: {
  */
 export declare const MAT_AUTOCOMPLETE_VALUE_ACCESSOR: any;
 
-export declare class MatAutocomplete extends _MatAutocompleteBase implements OnDestroy {
-    /** Reference to all option groups within the autocomplete. */
-    optionGroups: QueryList<MatOptgroup>;
-    /** Reference to all options within the autocomplete. */
-    options: QueryList<MatOption>;
-    protected _visibleClass: string;
-    protected _hiddenClass: string;
-    _animationDone: EventEmitter<AnimationEvent_2>;
-    /** Whether checkmark indicator for single-selection options is hidden. */
-    get hideSingleSelectionIndicator(): boolean;
-    set hideSingleSelectionIndicator(value: BooleanInput);
-    private _hideSingleSelectionIndicator;
-    /** Syncs the parent state with the individual options. */
-    _syncParentProperties(): void;
-    ngOnDestroy(): void;
-    protected _skipPredicate(_option: _MatOptionBase): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocomplete, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocomplete, "mat-autocomplete", ["matAutocomplete"], { "disableRipple": { "alias": "disableRipple"; "required": false; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; }; }, {}, ["optionGroups", "options"], ["*"], false, never>;
-}
-
-/** Event object that is emitted when an autocomplete option is activated. */
-export declare interface MatAutocompleteActivatedEvent {
-    /** Reference to the autocomplete panel that emitted the event. */
-    source: _MatAutocompleteBase;
-    /** Option that was selected. */
-    option: _MatOptionBase | null;
-}
-
-/** Base class with all of the `MatAutocomplete` functionality. */
-export declare abstract class _MatAutocompleteBase extends _MatAutocompleteMixinBase implements AfterContentInit, CanDisableRipple, OnDestroy {
+/** Autocomplete component. */
+export declare class MatAutocomplete extends _MatAutocompleteMixinBase implements AfterContentInit, CanDisableRipple, OnDestroy {
     private _changeDetectorRef;
     private _elementRef;
     protected _defaults: MatAutocompleteDefaultOptions;
     private _activeOptionChanges;
     /** Class to apply to the panel when it's visible. */
-    protected abstract _visibleClass: string;
+    private _visibleClass;
     /** Class to apply to the panel when it's hidden. */
-    protected abstract _hiddenClass: string;
+    private _hiddenClass;
     /** Emits when the panel animation is done. Null if the panel doesn't animate. */
-    abstract _animationDone: EventEmitter<AnimationEvent_2> | null;
+    _animationDone: EventEmitter<AnimationEvent_2>;
     /** Manages active item in option list based on key events. */
-    _keyManager: ActiveDescendantKeyManager<_MatOptionBase>;
+    _keyManager: ActiveDescendantKeyManager<MatOption>;
     /** Whether the autocomplete panel should be visible, depending on option length. */
     showPanel: boolean;
     /** Whether the autocomplete panel is open. */
@@ -155,9 +122,9 @@ export declare abstract class _MatAutocompleteBase extends _MatAutocompleteMixin
     /** Element for the panel containing the autocomplete options. */
     panel: ElementRef;
     /** Reference to all options within the autocomplete. */
-    abstract options: QueryList<_MatOptionBase>;
+    options: QueryList<MatOption>;
     /** Reference to all option groups within the autocomplete. */
-    abstract optionGroups: QueryList<_MatOptgroupBase>;
+    optionGroups: QueryList<MatOptgroup>;
     /** Aria label of the autocomplete. */
     ariaLabel: string;
     /** Input that can be used to specify the `aria-labelledby` attribute. */
@@ -205,6 +172,12 @@ export declare abstract class _MatAutocompleteBase extends _MatAutocompleteMixin
     _classList: {
         [key: string]: boolean;
     };
+    /** Whether checkmark indicator for single-selection options is hidden. */
+    get hideSingleSelectionIndicator(): boolean;
+    set hideSingleSelectionIndicator(value: BooleanInput);
+    private _hideSingleSelectionIndicator;
+    /** Syncs the parent state with the individual options. */
+    _syncParentProperties(): void;
     /** Unique ID to be used by autocomplete trigger's "aria-owns" property. */
     id: string;
     /**
@@ -225,16 +198,24 @@ export declare abstract class _MatAutocompleteBase extends _MatAutocompleteMixin
     /** Panel should hide itself when the option list is empty. */
     _setVisibility(): void;
     /** Emits the `select` event. */
-    _emitSelectEvent(option: _MatOptionBase): void;
+    _emitSelectEvent(option: MatOption): void;
     /** Gets the aria-labelledby for the autocomplete panel. */
     _getPanelAriaLabelledby(labelId: string | null): string | null;
     /** Sets the autocomplete visibility classes on a classlist based on the panel is visible. */
     private _setVisibilityClasses;
     /** Sets the theming classes on a classlist based on the theme of the panel. */
     private _setThemeClasses;
-    protected _skipPredicate(option: _MatOptionBase): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<_MatAutocompleteBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_MatAutocompleteBase, never, never, { "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "autoActiveFirstOption": { "alias": "autoActiveFirstOption"; "required": false; }; "autoSelectActiveOption": { "alias": "autoSelectActiveOption"; "required": false; }; "requireSelection": { "alias": "requireSelection"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "classList": { "alias": "class"; "required": false; }; }, { "optionSelected": "optionSelected"; "opened": "opened"; "closed": "closed"; "optionActivated": "optionActivated"; }, never, never, false, never>;
+    protected _skipPredicate(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocomplete, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocomplete, "mat-autocomplete", ["matAutocomplete"], { "disableRipple": { "alias": "disableRipple"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "autoActiveFirstOption": { "alias": "autoActiveFirstOption"; "required": false; }; "autoSelectActiveOption": { "alias": "autoSelectActiveOption"; "required": false; }; "requireSelection": { "alias": "requireSelection"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; }; }, { "optionSelected": "optionSelected"; "opened": "opened"; "closed": "closed"; "optionActivated": "optionActivated"; }, ["options", "optionGroups"], ["*"], false, never>;
+}
+
+/** Event object that is emitted when an autocomplete option is activated. */
+export declare interface MatAutocompleteActivatedEvent {
+    /** Reference to the autocomplete panel that emitted the event. */
+    source: MatAutocomplete;
+    /** Option that was selected. */
+    option: MatOption | null;
 }
 
 /** Default `mat-autocomplete` options that can be overridden. */
@@ -269,43 +250,31 @@ export declare class MatAutocompleteModule {
  * Directive applied to an element to make it usable
  * as a connection point for an autocomplete panel.
  */
-export declare class MatAutocompleteOrigin extends _MatAutocompleteOriginBase {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteOrigin, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatAutocompleteOrigin, "[matAutocompleteOrigin]", ["matAutocompleteOrigin"], {}, {}, never, never, false, never>;
-}
-
-/** Base class containing all of the functionality for `MatAutocompleteOrigin`. */
-export declare abstract class _MatAutocompleteOriginBase {
+export declare class MatAutocompleteOrigin {
     /** Reference to the element on which the directive is applied. */
     elementRef: ElementRef<HTMLElement>;
     constructor(
     /** Reference to the element on which the directive is applied. */
     elementRef: ElementRef<HTMLElement>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<_MatAutocompleteOriginBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_MatAutocompleteOriginBase, never, never, {}, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteOrigin, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatAutocompleteOrigin, "[matAutocompleteOrigin]", ["matAutocompleteOrigin"], {}, {}, never, never, false, never>;
 }
 
 /** Event object that is emitted when an autocomplete option is selected. */
 export declare class MatAutocompleteSelectedEvent {
     /** Reference to the autocomplete panel that emitted the event. */
-    source: _MatAutocompleteBase;
+    source: MatAutocomplete;
     /** Option that was selected. */
-    option: _MatOptionBase;
+    option: MatOption;
     constructor(
     /** Reference to the autocomplete panel that emitted the event. */
-    source: _MatAutocompleteBase, 
+    source: MatAutocomplete, 
     /** Option that was selected. */
-    option: _MatOptionBase);
-}
-
-export declare class MatAutocompleteTrigger extends _MatAutocompleteTriggerBase {
-    protected _aboveClass: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteTrigger, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatAutocompleteTrigger, "input[matAutocomplete], textarea[matAutocomplete]", ["matAutocompleteTrigger"], {}, {}, never, never, false, never>;
+    option: MatOption);
 }
 
 /** Base class with all of the `MatAutocompleteTrigger` functionality. */
-export declare abstract class _MatAutocompleteTriggerBase implements ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy {
+export declare class MatAutocompleteTrigger implements ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy {
     private _element;
     private _overlay;
     private _viewContainerRef;
@@ -360,7 +329,7 @@ export declare abstract class _MatAutocompleteTriggerBase implements ControlValu
     /** `View -> model callback called when autocomplete has been touched` */
     _onTouched: () => void;
     /** The autocomplete panel to be attached to this trigger. */
-    autocomplete: _MatAutocompleteBase;
+    autocomplete: MatAutocomplete;
     /**
      * Position of the autocomplete panel relative to the trigger element. A position of `auto`
      * will render the panel underneath the trigger if there is enough space for it to fit in
@@ -373,7 +342,7 @@ export declare abstract class _MatAutocompleteTriggerBase implements ControlValu
      * Reference relative to which to position the autocomplete panel.
      * Defaults to the autocomplete trigger element.
      */
-    connectedTo: _MatAutocompleteOriginBase;
+    connectedTo: MatAutocompleteOrigin;
     /**
      * `autocomplete` attribute to be set on the input element.
      * @docs-private
@@ -387,7 +356,7 @@ export declare abstract class _MatAutocompleteTriggerBase implements ControlValu
     set autocompleteDisabled(value: BooleanInput);
     constructor(_element: ElementRef<HTMLInputElement>, _overlay: Overlay, _viewContainerRef: ViewContainerRef, _zone: NgZone, _changeDetectorRef: ChangeDetectorRef, scrollStrategy: any, _dir: Directionality | null, _formField: MatFormField | null, _document: any, _viewportRuler: ViewportRuler, _defaults?: MatAutocompleteDefaultOptions | null | undefined);
     /** Class to apply to the panel when it's above the input. */
-    protected abstract _aboveClass: string;
+    private _aboveClass;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -411,7 +380,7 @@ export declare abstract class _MatAutocompleteTriggerBase implements ControlValu
     /** Stream of changes to the selection state of the autocomplete options. */
     readonly optionSelections: Observable<MatOptionSelectionChange>;
     /** The currently active option, coerced to MatOption type. */
-    get activeOption(): _MatOptionBase | null;
+    get activeOption(): MatOption | null;
     /** Stream of clicks outside of the autocomplete panel. */
     private _getOutsideClickStream;
     writeValue(value: any): void;
@@ -510,8 +479,8 @@ export declare abstract class _MatAutocompleteTriggerBase implements ControlValu
     private _applyModalPanelOwnership;
     /** Clears the references to the listbox overlay element from the modal it was added to. */
     private _clearFromModal;
-    static ɵfac: i0.ɵɵFactoryDeclaration<_MatAutocompleteTriggerBase, [null, null, null, null, null, null, { optional: true; }, { optional: true; host: true; }, { optional: true; }, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_MatAutocompleteTriggerBase, never, never, { "autocomplete": { "alias": "matAutocomplete"; "required": false; }; "position": { "alias": "matAutocompletePosition"; "required": false; }; "connectedTo": { "alias": "matAutocompleteConnectedTo"; "required": false; }; "autocompleteAttribute": { "alias": "autocomplete"; "required": false; }; "autocompleteDisabled": { "alias": "matAutocompleteDisabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteTrigger, [null, null, null, null, null, null, { optional: true; }, { optional: true; host: true; }, { optional: true; }, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatAutocompleteTrigger, "input[matAutocomplete], textarea[matAutocomplete]", ["matAutocompleteTrigger"], { "autocomplete": { "alias": "matAutocomplete"; "required": false; }; "position": { "alias": "matAutocompletePosition"; "required": false; }; "connectedTo": { "alias": "matAutocompleteConnectedTo"; "required": false; }; "autocompleteAttribute": { "alias": "autocomplete"; "required": false; }; "autocompleteDisabled": { "alias": "matAutocompleteDisabled"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 export { }

package/autocomplete/testing/index.d.ts

@@ -15,11 +15,8 @@ export declare interface AutocompleteHarnessFilters extends BaseHarnessFilters {
     disabled?: boolean;
 }
 
-/** Harness for interacting with an MDC-based mat-autocomplete in tests. */
-export declare class MatAutocompleteHarness extends _MatAutocompleteHarnessBase<typeof MatOptionHarness, MatOptionHarness, OptionHarnessFilters, typeof MatOptgroupHarness, MatOptgroupHarness, OptgroupHarnessFilters> {
-    protected _prefix: string;
-    protected _optionClass: typeof MatOptionHarness;
-    protected _optionGroupClass: typeof MatOptgroupHarness;
+export declare class MatAutocompleteHarness extends ComponentHarness {
+    private _documentRootLocator;
     /** The selector for the host element of a `MatAutocomplete` instance. */
     static hostSelector: string;
     /**
@@ -29,21 +26,6 @@ export declare class MatAutocompleteHarness extends _MatAutocompleteHarnessBase<
      * @return a `HarnessPredicate` configured with the given options.
      */
     static with<T extends MatAutocompleteHarness>(this: ComponentHarnessConstructor<T>, options?: AutocompleteHarnessFilters): HarnessPredicate<T>;
-    /** Gets the selector that can be used to find the autocomplete trigger's panel. */
-    protected _getPanelSelector(): Promise<string>;
-}
-
-export declare abstract class _MatAutocompleteHarnessBase<OptionType extends ComponentHarnessConstructor<Option> & {
-    with: (options?: OptionFilters) => HarnessPredicate<Option>;
-}, Option extends ComponentHarness & {
-    click(): Promise<void>;
-}, OptionFilters extends BaseHarnessFilters, OptionGroupType extends ComponentHarnessConstructor<OptionGroup> & {
-    with: (options?: OptionGroupFilters) => HarnessPredicate<OptionGroup>;
-}, OptionGroup extends ComponentHarness, OptionGroupFilters extends BaseHarnessFilters> extends ComponentHarness {
-    private _documentRootLocator;
-    protected abstract _prefix: string;
-    protected abstract _optionClass: OptionType;
-    protected abstract _optionGroupClass: OptionGroupType;
     /** Gets the value of the autocomplete input. */
     getValue(): Promise<string>;
     /** Whether the autocomplete input is disabled. */
@@ -59,11 +41,11 @@ export declare abstract class _MatAutocompleteHarnessBase<OptionType extends Com
     /** Clears the input value. */
     clear(): Promise<void>;
     /** Gets the options inside the autocomplete panel. */
-    getOptions(filters?: Omit<OptionFilters, 'ancestor'>): Promise<Option[]>;
+    getOptions(filters?: Omit<OptionHarnessFilters, 'ancestor'>): Promise<MatOptionHarness[]>;
     /** Gets the option groups inside the autocomplete panel. */
-    getOptionGroups(filters?: Omit<OptionGroupFilters, 'ancestor'>): Promise<OptionGroup[]>;
+    getOptionGroups(filters?: Omit<OptgroupHarnessFilters, 'ancestor'>): Promise<MatOptgroupHarness[]>;
     /** Selects the first option matching the given filters. */
-    selectOption(filters: OptionFilters): Promise<void>;
+    selectOption(filters: OptionHarnessFilters): Promise<void>;
     /** Whether the autocomplete is open. */
     isOpen(): Promise<boolean>;
     /** Gets the panel associated with this autocomplete trigger. */

package/button/_button-base.scss

@@ -90,9 +90,9 @@
   }
 }
 
-// Changes a button theme to exclude the ripple styles.
-@function mat-private-button-remove-ripple($theme) {
-  @return map.merge($theme, (
+// Changes a button token set to exclude the ripple styles.
+@function mat-private-button-remove-ripple($tokens) {
+  @return map.merge($tokens, (
     focus-state-layer-color: null,
     focus-state-layer-opacity: null,
     hover-state-layer-color: null,

package/button/_button-theme-private.scss

@@ -3,14 +3,15 @@
 @use '@material/theme/theme-color' as mdc-theme-color;
 
 @use '../core/mdc-helpers/mdc-helpers';
+@use '../core/theming/inspection';
 
 @mixin _ripple-color($color) {
   --mat-mdc-button-persistent-ripple-color: #{$color};
   --mat-mdc-button-ripple-color: #{rgba($color, 0.1)};
 }
 
-@mixin ripple-theme-styles($config, $is-filled) {
-  $opacities: if(map.get($config, is-dark),
+@mixin ripple-theme-styles($theme, $is-filled) {
+  $opacities: if(inspection.get-theme-type($theme) == dark,
     mdc-ripple-theme.$light-ink-opacities, mdc-ripple-theme.$dark-ink-opacities);
 
   // Ideally these styles would be structural, but MDC bases some of the opacities on the theme.

package/button/_button-theme.scss

@@ -1,4 +1,3 @@
-@use 'sass:map';
 @use '@material/button/button' as mdc-button;
 @use '@material/button/button-theme' as mdc-button-theme;
 @use '@material/button/button-text-theme' as mdc-button-text-theme;
@@ -10,6 +9,7 @@
 @use './button-theme-private';
 @use '../core/mdc-helpers/mdc-helpers';
 @use '../core/theming/theming';
+@use '../core/theming/inspection';
 @use '../core/typography/typography';
 
 @mixin _button-variant($color) {
@@ -38,10 +38,9 @@
   ));
 }
 
-@mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-  @include mdc-helpers.using-mdc-theme($config) {
-    $is-dark: map.get($config, is-dark);
+@mixin color($theme) {
+  @include mdc-helpers.using-mdc-theme($theme) {
+    $is-dark: inspection.get-theme-type($theme) == dark;
     $on-surface: mdc-theme-color.prop-value(on-surface);
     $surface: mdc-theme-color.prop-value(surface);
     $disabled-ink-color: rgba($on-surface, if($is-dark, 0.5, 0.38));
@@ -174,25 +173,24 @@
 
     // Ripple colors
     .mat-mdc-button, .mat-mdc-outlined-button {
-      @include button-theme-private.ripple-theme-styles($config, false);
+      @include button-theme-private.ripple-theme-styles($theme, false);
     }
 
     .mat-mdc-raised-button, .mat-mdc-unelevated-button {
-      @include button-theme-private.ripple-theme-styles($config, true);
+      @include button-theme-private.ripple-theme-styles($theme, true);
     }
   }
 }
 
-@mixin typography($config-or-theme) {
-  $config: typography.private-typography-to-2018-config(
-    theming.get-typography-config($config-or-theme));
-  @include mdc-helpers.using-mdc-typography($config) {
+@mixin typography($theme) {
+  @include mdc-helpers.using-mdc-typography($theme) {
     @include mdc-button.without-ripple($query: mdc-helpers.$mdc-typography-styles-query);
   }
 }
 
-@mixin density($config-or-theme) {
-  $density-scale: theming.get-density-config($config-or-theme);
+@mixin density($theme) {
+  $density-scale: theming.clamp-density(inspection.get-theme-density($theme), -3);
+
   .mat-mdc-button,
   .mat-mdc-raised-button,
   .mat-mdc-unelevated-button,
@@ -205,21 +203,16 @@
   }
 }
 
-@mixin theme($theme-or-color-config) {
-  $theme: theming.private-legacy-get-theme($theme-or-color-config);
+@mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-button') {
-    $color: theming.get-color-config($theme);
-    $density: theming.get-density-config($theme);
-    $typography: theming.get-typography-config($theme);
-
-    @if $color != null {
-      @include color($color);
+    @if inspection.theme-has($theme, color) {
+      @include color($theme);
     }
-    @if $density != null {
-      @include density($density);
+    @if inspection.theme-has($theme, density) {
+      @include density($theme);
     }
-    @if $typography != null {
-      @include typography($typography);
+    @if inspection.theme-has($theme, typography) {
+      @include typography($theme);
     }
   }
 }