@angular/material 16.2.1 → 17.0.0-next.0

package/card/_card-theme.scss

@@ -1,5 +1,7 @@
 @use 'sass:map';
+@use '../core/style/sass-utils';
 @use '../core/theming/theming';
+@use '../core/theming/inspection';
 @use '../core/typography/typography';
 @use '../core/tokens/token-utils';
 @use '../core/tokens/m2/mat/card' as tokens-mat-card;
@@ -8,77 +10,117 @@
 @use '@material/card/elevated-card-theme' as mdc-elevated-card-theme;
 @use '@material/card/outlined-card-theme' as mdc-outlined-card-theme;
 
+@mixin base($config-or-theme) {
+  @if inspection.get-theme-version($config-or-theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($config-or-theme, base));
+  }
+  @else {
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-elevated-card-theme.theme(tokens-mdc-elevated-card.get-unthemable-tokens());
+      @include mdc-outlined-card-theme.theme(tokens-mdc-outlined-card.get-unthemable-tokens());
+      @include token-utils.create-token-values(
+          tokens-mat-card.$prefix, tokens-mat-card.get-unthemable-tokens());
+    }
+  }
+}
+
 @mixin color($config-or-theme) {
   $config: theming.get-color-config($config-or-theme);
-  $mdc-elevated-card-color-tokens: token-utils.resolve-elevation(
-      tokens-mdc-elevated-card.get-color-tokens($config),
-      container-elevation,
-      container-shadow-color
-  );
-  $mdc-outlined-card-color-tokens: token-utils.resolve-elevation(
-      tokens-mdc-outlined-card.get-color-tokens($config),
-      container-elevation,
-      container-shadow-color,
-  );
-  $mat-card-color-tokens: tokens-mat-card.get-color-tokens($config);
 
-  // Add values for card tokens.
-  .mat-mdc-card {
-    @include mdc-elevated-card-theme.theme($mdc-elevated-card-color-tokens);
-    @include mdc-outlined-card-theme.theme($mdc-outlined-card-color-tokens);
-    @include token-utils.create-token-values(tokens-mat-card.$prefix, $mat-card-color-tokens);
+  @if inspection.get-theme-version($config-or-theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($config-or-theme, color));
+  }
+  @else {
+    $mdc-elevated-card-color-tokens: token-utils.resolve-elevation(
+        tokens-mdc-elevated-card.get-color-tokens($config),
+        container-elevation,
+        container-shadow-color
+    );
+    $mdc-outlined-card-color-tokens: token-utils.resolve-elevation(
+        tokens-mdc-outlined-card.get-color-tokens($config),
+        container-elevation,
+        container-shadow-color,
+    );
+    $mat-card-color-tokens: tokens-mat-card.get-color-tokens($config);
+
+    // Add values for card tokens.
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-elevated-card-theme.theme($mdc-elevated-card-color-tokens);
+      @include mdc-outlined-card-theme.theme($mdc-outlined-card-color-tokens);
+      @include token-utils.create-token-values(tokens-mat-card.$prefix, $mat-card-color-tokens);
+    }
   }
 }
 
 @mixin typography($config-or-theme) {
   $config: typography.private-typography-to-2018-config(
       theming.get-typography-config($config-or-theme));
-  $mdc-elevated-card-typography-tokens: tokens-mdc-elevated-card.get-typography-tokens($config);
-  $mdc-outlined-card-typography-tokens: tokens-mdc-outlined-card.get-typography-tokens($config);
-  $mat-card-typography-tokens: tokens-mat-card.get-typography-tokens($config);
 
-  // Add values for card tokens.
-  .mat-mdc-card {
-    @include mdc-elevated-card-theme.theme($mdc-elevated-card-typography-tokens);
-    @include mdc-outlined-card-theme.theme($mdc-outlined-card-typography-tokens);
-    @include token-utils.create-token-values(tokens-mat-card.$prefix, $mat-card-typography-tokens);
+  @if inspection.get-theme-version($config-or-theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($config-or-theme, typography));
+  }
+  @else {
+    $mdc-elevated-card-typography-tokens: tokens-mdc-elevated-card.get-typography-tokens($config);
+    $mdc-outlined-card-typography-tokens: tokens-mdc-outlined-card.get-typography-tokens($config);
+    $mat-card-typography-tokens: tokens-mat-card.get-typography-tokens($config);
+
+    // Add values for card tokens.
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-elevated-card-theme.theme($mdc-elevated-card-typography-tokens);
+      @include mdc-outlined-card-theme.theme($mdc-outlined-card-typography-tokens);
+      @include token-utils.create-token-values(
+          tokens-mat-card.$prefix, $mat-card-typography-tokens);
+    }
   }
 }
 
 @mixin density($config-or-theme) {
   $density-scale: theming.get-density-config($config-or-theme);
-  $mdc-elevated-card-density-tokens: tokens-mdc-elevated-card.get-density-tokens($density-scale);
-  $mdc-outlined-card-density-tokens: tokens-mdc-outlined-card.get-density-tokens($density-scale);
-  $mat-card-density-tokens: tokens-mat-card.get-density-tokens($density-scale);
 
-  // Add values for card tokens.
-  .mat-mdc-card {
-    @include mdc-elevated-card-theme.theme($mdc-elevated-card-density-tokens);
-    @include mdc-outlined-card-theme.theme($mdc-outlined-card-density-tokens);
-    @include token-utils.create-token-values(tokens-mat-card.$prefix, $mat-card-density-tokens);
+  @if inspection.get-theme-version($config-or-theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($config-or-theme, density));
+  }
+  @else {
+    $mdc-elevated-card-density-tokens: tokens-mdc-elevated-card.get-density-tokens($density-scale);
+    $mdc-outlined-card-density-tokens: tokens-mdc-outlined-card.get-density-tokens($density-scale);
+    $mat-card-density-tokens: tokens-mat-card.get-density-tokens($density-scale);
+
+    // Add values for card tokens.
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-elevated-card-theme.theme($mdc-elevated-card-density-tokens);
+      @include mdc-outlined-card-theme.theme($mdc-outlined-card-density-tokens);
+      @include token-utils.create-token-values(tokens-mat-card.$prefix, $mat-card-density-tokens);
+    }
   }
 }
 
 @mixin theme($theme-or-color-config) {
   $theme: theming.private-legacy-get-theme($theme-or-color-config);
-  @include theming.private-check-duplicate-theme-styles($theme, 'mat-card') {
-    $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 $density != null {
-      @include density($density);
+  @include theming.private-check-duplicate-theme-styles($theme, 'mat-card') {
+    @if inspection.get-theme-version($theme) == 1 {
+      @include _theme-from-tokens(inspection.get-theme-tokens($theme));
     }
-    @if $typography != null {
-      @include typography($typography);
+    @else {
+      $color: theming.get-color-config($theme);
+      $density: theming.get-density-config($theme);
+      $typography: theming.get-typography-config($theme);
+
+      @include base($theme);
+      @if $color != null {
+        @include color($color);
+      }
+      @if $density != null {
+        @include density($density);
+      }
+      @if $typography != null {
+        @include typography($typography);
+      }
     }
   }
 }
 
-@mixin theme-from-tokens($tokens) {
+@mixin _theme-from-tokens($tokens) {
   @if ($tokens != ()) {
     $elevated-card-tokens: map.get($tokens, tokens-mdc-elevated-card.$prefix);
     // Work around a bug in MDC where the elevation is not resolved to an actual shadow value.

package/checkbox/_checkbox-theme.scss

@@ -3,39 +3,57 @@
 @use '@material/form-field' as mdc-form-field;
 @use '../core/style/sass-utils';
 @use '../core/theming/theming';
+@use '../core/theming/inspection';
 @use '../core/typography/typography';
 @use '../core/mdc-helpers/mdc-helpers';
 @use '../core/tokens/m2/mdc/checkbox' as tokens-mdc-checkbox;
 
+@mixin base($config-or-theme) {
+  @if inspection.get-theme-version($config-or-theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($config-or-theme, base));
+  }
+  @else {
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-unthemable-tokens());
+    }
+  }
+}
+
 @mixin color($config-or-theme) {
   $config: theming.get-color-config($config-or-theme);
-  $primary: map.get($config, primary);
-  $warn: map.get($config, warn);
-  $foreground: map.get($config, foreground);
 
-  @include sass-utils.current-selector-or-root() {
-    @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($config));
+  @if inspection.get-theme-version($config-or-theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($config-or-theme, color));
   }
+  @else {
+    $primary: map.get($config, primary);
+    $warn: map.get($config, warn);
+    $foreground: map.get($config, foreground);
 
-  .mat-mdc-checkbox {
-    &.mat-primary {
-      $primary-config: map.merge($config, (accent: $primary));
-      @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($primary-config));
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($config));
     }
 
-    &.mat-warn {
-      $warn-config: map.merge($config, (accent: $warn));
-      @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($warn-config));
-    }
+    .mat-mdc-checkbox {
+      &.mat-primary {
+        $primary-config: map.merge($config, (accent: $primary));
+        @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($primary-config));
+      }
 
-    @include mdc-helpers.using-mdc-theme($config) {
-      // TODO(mmalerba): Switch to static-styles, theme-styles, and theme once they're available.
-      @include mdc-form-field.core-styles($query: mdc-helpers.$mdc-theme-styles-query);
-    }
+      &.mat-warn {
+        $warn-config: map.merge($config, (accent: $warn));
+        @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($warn-config));
+      }
 
-    &.mat-mdc-checkbox-disabled label {
-      // MDC should set the disabled color on the label, but doesn't, so we do it here instead.
-      color: theming.get-color-from-palette($foreground, disabled-text);
+      @include mdc-helpers.using-mdc-theme($config) {
+        // TODO(mmalerba): Switch to static-styles, theme-styles, and theme once they're available.
+        @include mdc-form-field.core-styles($query: mdc-helpers.$mdc-theme-styles-query);
+      }
+
+      &.mat-mdc-checkbox-disabled label {
+        // MDC should set the disabled color on the label, but doesn't, so we do it here instead.
+        color: theming.get-color-from-palette($foreground, disabled-text);
+      }
     }
   }
 }
@@ -44,14 +62,19 @@
   $config: typography.private-typography-to-2018-config(
           theming.get-typography-config($config-or-theme));
 
-  @include sass-utils.current-selector-or-root() {
-    @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-typography-tokens($config));
+  @if inspection.get-theme-version($config-or-theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($config-or-theme, typography));
   }
+  @else {
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-typography-tokens($config));
+    }
 
-  .mat-mdc-checkbox {
-    @include mdc-helpers.using-mdc-typography($config) {
-      // TODO(mmalerba): Switch to static-styles, theme-styles, and theme once they're available.
-      @include mdc-form-field.core-styles($query: mdc-helpers.$mdc-typography-styles-query);
+    .mat-mdc-checkbox {
+      @include mdc-helpers.using-mdc-typography($config) {
+        // TODO(mmalerba): Switch to static-styles, theme-styles, and theme once they're available.
+        @include mdc-form-field.core-styles($query: mdc-helpers.$mdc-typography-styles-query);
+      }
     }
   }
 }
@@ -59,37 +82,49 @@
 @mixin density($config-or-theme) {
   $density-scale: theming.get-density-config($config-or-theme);
 
-  @include sass-utils.current-selector-or-root() {
-    @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-density-tokens($density-scale));
+  @if inspection.get-theme-version($config-or-theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($config-or-theme, density));
   }
+  @else {
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-density-tokens($density-scale));
+    }
 
-  @include mdc-helpers.if-touch-targets-unsupported($density-scale) {
-    .mat-mdc-checkbox-touch-target {
-      display: none;
+    @include mdc-helpers.if-touch-targets-unsupported($density-scale) {
+      .mat-mdc-checkbox-touch-target {
+        display: none;
+      }
     }
   }
 }
 
 @mixin theme($theme-or-color-config) {
   $theme: theming.private-legacy-get-theme($theme-or-color-config);
-  @include theming.private-check-duplicate-theme-styles($theme, 'mat-checkbox') {
-    $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 $density != null {
-      @include density($density);
+  @include theming.private-check-duplicate-theme-styles($theme, 'mat-checkbox') {
+    @if inspection.get-theme-version($theme) == 1 {
+      @include _theme-from-tokens(inspection.get-theme-tokens($theme));
     }
-    @if $typography != null {
-      @include typography($typography);
+    @else {
+      $color: theming.get-color-config($theme);
+      $density: theming.get-density-config($theme);
+      $typography: theming.get-typography-config($theme);
+
+      @include base($theme);
+      @if $color != null {
+        @include color($color);
+      }
+      @if $density != null {
+        @include density($density);
+      }
+      @if $typography != null {
+        @include typography($typography);
+      }
     }
   }
 }
 
-@mixin theme-from-tokens($tokens) {
+@mixin _theme-from-tokens($tokens) {
   @if ($tokens != ()) {
     // TODO(mmalerba): Some of the theme styles above are not represented in terms of tokens,
     //   so this mixin is currently incomplete.

package/checkbox/index.d.ts

@@ -11,7 +11,6 @@ import { ControlValueAccessor } from '@angular/forms';
 import { ElementRef } from '@angular/core';
 import { EventEmitter } from '@angular/core';
 import { FocusableOption } from '@angular/cdk/a11y';
-import { FocusOrigin } from '@angular/cdk/a11y';
 import { HasTabIndex } from '@angular/material/core';
 import * as i0 from '@angular/core';
 import * as i3 from '@angular/material/core';
@@ -33,7 +32,6 @@ declare namespace i2 {
         TransitionCheckState,
         MAT_CHECKBOX_CONTROL_VALUE_ACCESSOR,
         MatCheckboxChange,
-        _MatCheckboxBase,
         MatCheckbox
     }
 }
@@ -48,47 +46,19 @@ export declare function MAT_CHECKBOX_DEFAULT_OPTIONS_FACTORY(): MatCheckboxDefau
 
 export declare const MAT_CHECKBOX_REQUIRED_VALIDATOR: Provider;
 
-export declare class MatCheckbox extends _MatCheckboxBase<MatCheckboxChange> implements ControlValueAccessor, CanColor, CanDisable {
-    protected _animationClasses: {
-        uncheckedToChecked: string;
-        uncheckedToIndeterminate: string;
-        checkedToUnchecked: string;
-        checkedToIndeterminate: string;
-        indeterminateToChecked: string;
-        indeterminateToUnchecked: string;
-    };
-    constructor(elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, ngZone: NgZone, tabIndex: string, animationMode?: string, options?: MatCheckboxDefaultOptions);
-    /** Focuses the checkbox. */
-    focus(): void;
-    protected _createChangeEvent(isChecked: boolean): MatCheckboxChange;
-    protected _getAnimationTargetElement(): HTMLInputElement;
-    _onInputClick(): void;
-    _onTouchTargetClick(): void;
-    /**
-     *  Prevent click events that come from the `<label/>` element from bubbling. This prevents the
-     *  click handler on the host from triggering twice when clicking on the `<label/>` element. After
-     *  the click event on the `<label/>` propagates, the browsers dispatches click on the associated
-     *  `<input/>`. By preventing clicks on the label by bubbling, we ensure only one click event
-     *  bubbles when the label is clicked.
-     */
-    _preventBubblingFromLabel(event: MouseEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatCheckbox, [null, null, null, { attribute: "tabindex"; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatCheckbox, "mat-checkbox", ["matCheckbox"], { "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
-export declare abstract class _MatCheckboxBase<E> extends _MatCheckboxMixinBase implements AfterViewInit, ControlValueAccessor, CanColor, CanDisable, HasTabIndex, CanDisableRipple, FocusableOption {
-    protected _changeDetectorRef: ChangeDetectorRef;
-    protected _ngZone: NgZone;
+export declare class MatCheckbox extends _MatCheckboxMixinBase implements AfterViewInit, ControlValueAccessor, CanColor, CanDisable, HasTabIndex, CanDisableRipple, FocusableOption {
+    private _changeDetectorRef;
+    private _ngZone;
     _animationMode?: string | undefined;
-    protected _options?: MatCheckboxDefaultOptions | undefined;
+    private _options?;
     /** Focuses the checkbox. */
-    abstract focus(origin?: FocusOrigin): void;
+    focus(): void;
     /** Creates the change event that will be emitted by the checkbox. */
-    protected abstract _createChangeEvent(isChecked: boolean): E;
+    protected _createChangeEvent(isChecked: boolean): MatCheckboxChange;
     /** Gets the element on which to add the animation CSS classes. */
-    protected abstract _getAnimationTargetElement(): HTMLElement | null;
+    protected _getAnimationTargetElement(): HTMLInputElement;
     /** CSS classes to add when transitioning between the different checkbox states. */
-    protected abstract _animationClasses: {
+    protected _animationClasses: {
         uncheckedToChecked: string;
         uncheckedToIndeterminate: string;
         checkedToUnchecked: string;
@@ -121,7 +91,7 @@ export declare abstract class _MatCheckboxBase<E> extends _MatCheckboxMixinBase
     /** Name value will be applied to the input element if present */
     name: string | null;
     /** Event emitted when the checkbox's `checked` value changes. */
-    readonly change: EventEmitter<E>;
+    readonly change: EventEmitter<MatCheckboxChange>;
     /** Event emitted when the checkbox's `indeterminate` value changes. */
     readonly indeterminateChange: EventEmitter<boolean>;
     /** The value attribute of the native input element */
@@ -144,7 +114,7 @@ export declare abstract class _MatCheckboxBase<E> extends _MatCheckboxMixinBase
     private _currentAnimationClass;
     private _currentCheckState;
     private _controlValueAccessorChangeFn;
-    constructor(idPrefix: string, elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, _ngZone: NgZone, tabIndex: string, _animationMode?: string | undefined, _options?: MatCheckboxDefaultOptions | undefined);
+    constructor(elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, _ngZone: NgZone, tabIndex: string, _animationMode?: string | undefined, _options?: MatCheckboxDefaultOptions | undefined);
     ngAfterViewInit(): void;
     /** Whether the checkbox is checked. */
     get checked(): boolean;
@@ -190,8 +160,18 @@ export declare abstract class _MatCheckboxBase<E> extends _MatCheckboxMixinBase
      * server-side rendering.
      */
     private _syncIndeterminate;
-    static ɵfac: i0.ɵɵFactoryDeclaration<_MatCheckboxBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_MatCheckboxBase<any>, never, never, { "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, never, false, never>;
+    _onInputClick(): void;
+    _onTouchTargetClick(): void;
+    /**
+     *  Prevent click events that come from the `<label/>` element from bubbling. This prevents the
+     *  click handler on the host from triggering twice when clicking on the `<label/>` element. After
+     *  the click event on the `<label/>` propagates, the browsers dispatches click on the associated
+     *  `<input/>`. By preventing clicks on the label by bubbling, we ensure only one click event
+     *  bubbles when the label is clicked.
+     */
+    _preventBubblingFromLabel(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCheckbox, [null, null, null, { attribute: "tabindex"; }, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatCheckbox, "mat-checkbox", ["matCheckbox"], { "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, ["*"], false, never>;
 }
 
 /** Change event object emitted by checkbox. */

package/checkbox/testing/index.d.ts

@@ -17,9 +17,12 @@ export declare interface CheckboxHarnessFilters extends BaseHarnessFilters {
     disabled?: boolean;
 }
 
-/** Harness for interacting with a MDC-based mat-checkbox in tests. */
-export declare class MatCheckboxHarness extends _MatCheckboxHarnessBase {
+/** Harness for interacting with a mat-checkbox in tests. */
+export declare class MatCheckboxHarness extends ComponentHarness {
     static hostSelector: string;
+    _input: AsyncFactoryFn<TestElement>;
+    private _label;
+    private _inputContainer;
     /**
      * Gets a `HarnessPredicate` that can be used to search for a checkbox with specific attributes.
      * @param options Options for narrowing the search:
@@ -29,15 +32,6 @@ export declare class MatCheckboxHarness extends _MatCheckboxHarnessBase {
      * @return a `HarnessPredicate` configured with the given options.
      */
     static with<T extends MatCheckboxHarness>(this: ComponentHarnessConstructor<T>, options?: CheckboxHarnessFilters): HarnessPredicate<T>;
-    protected _input: AsyncFactoryFn<TestElement>;
-    protected _label: AsyncFactoryFn<TestElement>;
-    private _inputContainer;
-    toggle(): Promise<void>;
-}
-
-export declare abstract class _MatCheckboxHarnessBase extends ComponentHarness {
-    protected abstract _input: AsyncFactoryFn<TestElement>;
-    protected abstract _label: AsyncFactoryFn<TestElement>;
     /** Whether the checkbox is checked. */
     isChecked(): Promise<boolean>;
     /** Whether the checkbox is in an indeterminate state. */
@@ -71,7 +65,7 @@ export declare abstract class _MatCheckboxHarnessBase extends ComponentHarness {
      * are using `MAT_CHECKBOX_DEFAULT_OPTIONS` to change the behavior on click, calling this method
      * might not have the expected result.
      */
-    abstract toggle(): Promise<void>;
+    toggle(): Promise<void>;
     /**
      * Puts the checkbox in a checked state by toggling it if it is currently unchecked, or doing
      * nothing if it is already checked.

package/core/index.d.ts

@@ -393,7 +393,6 @@ declare namespace i1_3 {
         _countGroupLabelsBeforeOption,
         _getOptionScrollPosition,
         MatOptionSelectionChange,
-        _MatOptionBase,
         MatOption
     }
 }
@@ -415,7 +414,6 @@ declare namespace i1_5 {
 
 declare namespace i2 {
     export {
-        _MatOptgroupBase,
         MAT_OPTGROUP,
         MatOptgroup
     }
@@ -531,12 +529,7 @@ export declare class MatNativeDateModule {
 /**
  * Component that is used to group instances of `mat-option`.
  */
-export declare class MatOptgroup extends _MatOptgroupBase {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatOptgroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatOptgroup, "mat-optgroup", ["matOptgroup"], { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*", "mat-option, ng-container"], false, never>;
-}
-
-export declare class _MatOptgroupBase extends _MatOptgroupMixinBase implements CanDisable {
+export declare class MatOptgroup extends _MatOptgroupMixinBase implements CanDisable {
     /** Label for the option group. */
     label: string;
     /** Unique id for the underlying label. */
@@ -544,8 +537,8 @@ export declare class _MatOptgroupBase extends _MatOptgroupMixinBase implements C
     /** Whether the group is in inert a11y mode. */
     _inert: boolean;
     constructor(parent?: MatOptionParentComponent);
-    static ɵfac: i0.ɵɵFactoryDeclaration<_MatOptgroupBase, [{ optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_MatOptgroupBase, never, never, { "label": { "alias": "label"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatOptgroup, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatOptgroup, "mat-optgroup", ["matOptgroup"], { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*", "mat-option, ng-container"], false, never>;
 }
 
 /** @docs-private */
@@ -556,17 +549,11 @@ declare const _MatOptgroupMixinBase: _Constructor_2<CanDisable> & _AbstractConst
 /**
  * Single option inside of a `<mat-select>` element.
  */
-export declare class MatOption<T = any> extends _MatOptionBase<T> {
-    constructor(element: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, parent: MatOptionParentComponent, group: MatOptgroup);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatOption<any>, [null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatOption<any>, "mat-option", ["matOption"], {}, {}, never, ["mat-icon", "*"], false, never>;
-}
-
-export declare class _MatOptionBase<T = any> implements FocusableOption, AfterViewChecked, OnDestroy {
+export declare class MatOption<T = any> implements FocusableOption, AfterViewChecked, OnDestroy {
     private _element;
     _changeDetectorRef: ChangeDetectorRef;
     private _parent;
-    readonly group: _MatOptgroupBase;
+    group: MatOptgroup;
     private _selected;
     private _active;
     private _disabled;
@@ -592,7 +579,7 @@ export declare class _MatOptionBase<T = any> implements FocusableOption, AfterVi
     _text: ElementRef<HTMLElement> | undefined;
     /** Emits when the state of the option changes and any parents have to be notified. */
     readonly _stateChanges: Subject<void>;
-    constructor(_element: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, _parent: MatOptionParentComponent, group: _MatOptgroupBase);
+    constructor(_element: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, _parent: MatOptionParentComponent, group: MatOptgroup);
     /**
      * Whether or not the option is currently active and ready to be selected.
      * An active option displays styles as if it is focused, but the
@@ -640,8 +627,8 @@ export declare class _MatOptionBase<T = any> implements FocusableOption, AfterVi
     ngOnDestroy(): void;
     /** Emits the selection change event. */
     private _emitSelectionChangeEvent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<_MatOptionBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_MatOptionBase<any>, never, never, { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatOption<any>, [null, null, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatOption<any>, "mat-option", ["matOption"], { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, ["mat-icon", "*"], false, never>;
 }
 
 export declare class MatOptionModule {
@@ -665,12 +652,12 @@ export declare interface MatOptionParentComponent {
 /** Event object emitted by MatOption when selected or deselected. */
 export declare class MatOptionSelectionChange<T = any> {
     /** Reference to the option that emitted the event. */
-    source: _MatOptionBase<T>;
+    source: MatOption<T>;
     /** Whether the change in the option's value was a result of a user action. */
     isUserInput: boolean;
     constructor(
     /** Reference to the option that emitted the event. */
-    source: _MatOptionBase<T>, 
+    source: MatOption<T>, 
     /** Whether the change in the option's value was a result of a user action. */
     isUserInput?: boolean);
 }
@@ -869,12 +856,14 @@ export declare class NativeDateAdapter extends DateAdapter<Date> {
      * @breaking-change 14.0.0
      */
     useUtcForDisplay: boolean;
-    constructor(matDateLocale: string, 
+    /** The injected locale. */
+    private readonly _matDateLocale;
+    constructor(
     /**
-     * @deprecated No longer being used. To be removed.
-     * @breaking-change 14.0.0
+     * @deprecated Now injected via inject(), param to be removed.
+     * @breaking-change 18.0.0
      */
-    _platform?: Platform);
+    matDateLocale?: string);
     getYear(date: Date): number;
     getMonth(date: Date): number;
     getDate(date: Date): number;
@@ -923,7 +912,7 @@ export declare class NativeDateAdapter extends DateAdapter<Date> {
      * @returns A Date object with its UTC representation based on the passed in date info
      */
     private _format;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NativeDateAdapter, [{ optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NativeDateAdapter, [{ optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NativeDateAdapter>;
 }