@angular/material 16.2.1 → 17.0.0-next.0

package/legacy-button/testing/index.d.ts

@@ -1,49 +0,0 @@
-import { ContentContainerComponentHarness } from '@angular/cdk/testing';
-import { HarnessPredicate } from '@angular/cdk/testing';
-import { ButtonHarnessFilters as LegacyButtonHarnessFilters } from '@angular/material/button/testing';
-import { ButtonVariant as LegacyButtonVariant } from '@angular/material/button/testing';
-
-export { LegacyButtonHarnessFilters }
-
-export { LegacyButtonVariant }
-
-/**
- * Harness for interacting with a standard mat-button in tests.
- * @deprecated Use `MatButtonHarness` from `@angular/material/button/testing` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyButtonHarness extends ContentContainerComponentHarness {
-    /** The selector for the host element of a button instance. */
-    static hostSelector: string;
-    /**
-     * Gets a `HarnessPredicate` that can be used to search for a button harness that meets
-     * certain criteria.
-     * @param options Options for filtering which button instances are considered a match.
-     * @return a `HarnessPredicate` configured with the given options.
-     */
-    static with(options?: LegacyButtonHarnessFilters): HarnessPredicate<MatLegacyButtonHarness>;
-    /**
-     * Clicks the button at the given position relative to its top-left.
-     * @param relativeX The relative x position of the click.
-     * @param relativeY The relative y position of the click.
-     */
-    click(relativeX: number, relativeY: number): Promise<void>;
-    /** Clicks the button at its center. */
-    click(location: 'center'): Promise<void>;
-    /** Clicks the button. */
-    click(): Promise<void>;
-    /** Whether the button is disabled. */
-    isDisabled(): Promise<boolean>;
-    /** Gets the button's label text. */
-    getText(): Promise<string>;
-    /** Focuses the button. */
-    focus(): Promise<void>;
-    /** Blurs the button. */
-    blur(): Promise<void>;
-    /** Whether the button is focused. */
-    isFocused(): Promise<boolean>;
-    /** Gets the variant of the button. */
-    getVariant(): Promise<LegacyButtonVariant>;
-}
-
-export { }

package/legacy-card/_card-legacy-index.scss

@@ -1,2 +0,0 @@
-@forward 'card-theme' hide color, theme, typography;
-@forward 'card-theme' as mat-legacy-card-* hide mat-legacy-card-density;

package/legacy-card/_card-theme.import.scss

@@ -1,10 +0,0 @@
-@forward '../core/theming/theming.import';
-@forward '../core/style/private.import';
-@forward '../core/typography/typography-utils.import';
-@forward 'card-theme' hide color, theme, typography;
-@forward 'card-theme' as mat-legacy-card-* hide mat-legacy-card-density;
-
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-@import '../core/style/private';
-@import '../core/typography/typography-utils';

package/legacy-card/_card-theme.scss

@@ -1,78 +0,0 @@
-@use 'sass:map';
-@use '../core/theming/theming';
-@use '../core/style/private';
-@use '../core/typography/typography';
-@use '../core/typography/typography-utils';
-
-
-/// @deprecated Use `mat.card-color` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
-/// @breaking-change 17.0.0
-@mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-  $background: map.get($config, background);
-  $foreground: map.get($config, foreground);
-
-  .mat-card {
-    @include private.private-theme-overridable-elevation(1, $config);
-    background: theming.get-color-from-palette($background, card);
-    color: theming.get-color-from-palette($foreground, text);
-
-    // Needs extra specificity to be able to override the elevation selectors.
-    &.mat-card-flat {
-      @include private.private-theme-overridable-elevation(0, $config);
-    }
-  }
-
-  .mat-card-subtitle {
-    color: theming.get-color-from-palette($foreground, secondary-text);
-  }
-}
-
-/// @deprecated Use `mat.card-typography` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
-/// @breaking-change 17.0.0
-@mixin typography($config-or-theme) {
-  $config: typography.private-typography-to-2014-config(
-      theming.get-typography-config($config-or-theme));
-  .mat-card {
-    font-family: typography-utils.font-family($config);
-  }
-
-  .mat-card-title {
-    font: {
-      size: typography-utils.font-size($config, headline);
-      weight: typography-utils.font-weight($config, title);
-    }
-  }
-
-  .mat-card-header .mat-card-title {
-    font-size: typography-utils.font-size($config, title);
-  }
-
-  .mat-card-subtitle,
-  .mat-card-content {
-    font-size: typography-utils.font-size($config, body-1);
-  }
-}
-
-@mixin _density($config-or-theme) {}
-
-/// @deprecated Use `mat.card-theme` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
-/// @breaking-change 17.0.0
-@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-legacy-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);
-    }
-    @if $typography != null {
-      @include typography($typography);
-    }
-  }
-}

package/legacy-card/index.d.ts

@@ -1,201 +0,0 @@
-import * as i0 from '@angular/core';
-import * as i2 from '@angular/material/core';
-
-declare namespace i1 {
-    export {
-        MatLegacyCardContent,
-        MatLegacyCardTitle,
-        MatLegacyCardSubtitle,
-        MatLegacyCardActions,
-        MatLegacyCardFooter,
-        MatLegacyCardImage,
-        MatLegacyCardSmImage,
-        MatLegacyCardMdImage,
-        MatLegacyCardLgImage,
-        MatLegacyCardXlImage,
-        MatLegacyCardAvatar,
-        MatLegacyCard,
-        MatLegacyCardHeader,
-        MatLegacyCardTitleGroup
-    }
-}
-
-/**
- * A basic content container component that adds the styles of a Material design card.
- *
- * While this component can be used alone, it also provides a number
- * of preset styles for common card sections, including:
- * - mat-card-title
- * - mat-card-subtitle
- * - mat-card-content
- * - mat-card-actions
- * - mat-card-footer
- *
- * @deprecated Use `MatCard` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCard {
-    _animationMode?: string | undefined;
-    constructor(_animationMode?: string | undefined);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCard, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatLegacyCard, "mat-card", ["matCard"], {}, {}, never, ["*", "mat-card-footer"], false, never>;
-}
-
-/**
- * Action section of a card, needed as it's used as a selector in the API.
- * @docs-private
- * @deprecated Use `MatCardActions` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCardActions {
-    /** Position of the actions inside the card. */
-    align: 'start' | 'end';
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCardActions, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyCardActions, "mat-card-actions", ["matCardActions"], { "align": { "alias": "align"; "required": false; }; }, {}, never, never, false, never>;
-}
-
-/**
- * Avatar image used in a card, needed to add the mat- CSS styling.
- * @docs-private
- * @deprecated Use `MatCardAvatar` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCardAvatar {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCardAvatar, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyCardAvatar, "[mat-card-avatar], [matCardAvatar]", never, {}, {}, never, never, false, never>;
-}
-
-/**
- * Content of a card, needed as it's used as a selector in the API.
- * @docs-private
- * @deprecated Use `MatCardContent` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCardContent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCardContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyCardContent, "mat-card-content, [mat-card-content], [matCardContent]", never, {}, {}, never, never, false, never>;
-}
-
-/**
- * Footer of a card, needed as it's used as a selector in the API.
- * @docs-private
- * @deprecated Use `MatCardFooter` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCardFooter {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCardFooter, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyCardFooter, "mat-card-footer", never, {}, {}, never, never, false, never>;
-}
-
-/**
- * Component intended to be used within the `<mat-card>` component. It adds styles for a
- * preset header section (i.e. a title, subtitle, and avatar layout).
- * @docs-private
- * @deprecated Use `MatCardHeader` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCardHeader {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCardHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatLegacyCardHeader, "mat-card-header", never, {}, {}, never, ["[mat-card-avatar], [matCardAvatar]", "mat-card-title, mat-card-subtitle,\n      [mat-card-title], [mat-card-subtitle],\n      [matCardTitle], [matCardSubtitle]", "*"], false, never>;
-}
-
-/**
- * Image used in a card, needed to add the mat- CSS styling.
- * @docs-private
- * @deprecated Use `MatCardImage` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCardImage {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCardImage, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyCardImage, "[mat-card-image], [matCardImage]", never, {}, {}, never, never, false, never>;
-}
-
-/**
- * Image used in a card, needed to add the mat- CSS styling.
- * @docs-private
- * @deprecated Use `MatCardLgImage` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCardLgImage {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCardLgImage, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyCardLgImage, "[mat-card-lg-image], [matCardImageLarge]", never, {}, {}, never, never, false, never>;
-}
-
-/**
- * Image used in a card, needed to add the mat- CSS styling.
- * @docs-private
- * @deprecated Use `MatCardMdImage` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCardMdImage {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCardMdImage, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyCardMdImage, "[mat-card-md-image], [matCardImageMedium]", never, {}, {}, never, never, false, never>;
-}
-
-/**
- * @deprecated Use `MatCardModule` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCardModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCardModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatLegacyCardModule, [typeof i1.MatLegacyCard, typeof i1.MatLegacyCardHeader, typeof i1.MatLegacyCardTitleGroup, typeof i1.MatLegacyCardContent, typeof i1.MatLegacyCardTitle, typeof i1.MatLegacyCardSubtitle, typeof i1.MatLegacyCardActions, typeof i1.MatLegacyCardFooter, typeof i1.MatLegacyCardSmImage, typeof i1.MatLegacyCardMdImage, typeof i1.MatLegacyCardLgImage, typeof i1.MatLegacyCardImage, typeof i1.MatLegacyCardXlImage, typeof i1.MatLegacyCardAvatar], [typeof i2.MatCommonModule], [typeof i1.MatLegacyCard, typeof i1.MatLegacyCardHeader, typeof i1.MatLegacyCardTitleGroup, typeof i1.MatLegacyCardContent, typeof i1.MatLegacyCardTitle, typeof i1.MatLegacyCardSubtitle, typeof i1.MatLegacyCardActions, typeof i1.MatLegacyCardFooter, typeof i1.MatLegacyCardSmImage, typeof i1.MatLegacyCardMdImage, typeof i1.MatLegacyCardLgImage, typeof i1.MatLegacyCardImage, typeof i1.MatLegacyCardXlImage, typeof i1.MatLegacyCardAvatar, typeof i2.MatCommonModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatLegacyCardModule>;
-}
-
-/**
- * Image used in a card, needed to add the mat- CSS styling.
- * @docs-private
- * @deprecated Use `MatCardSmImage` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCardSmImage {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCardSmImage, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyCardSmImage, "[mat-card-sm-image], [matCardImageSmall]", never, {}, {}, never, never, false, never>;
-}
-
-/**
- * Sub-title of a card, needed as it's used as a selector in the API.
- * @docs-private
- * @deprecated Use `MatCardSubtitle` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCardSubtitle {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCardSubtitle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyCardSubtitle, "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]", never, {}, {}, never, never, false, never>;
-}
-
-/**
- * Title of a card, needed as it's used as a selector in the API.
- * @docs-private
- * @deprecated Use `MatCardTitle` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCardTitle {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCardTitle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyCardTitle, "mat-card-title, [mat-card-title], [matCardTitle]", never, {}, {}, never, never, false, never>;
-}
-
-/**
- * Component intended to be used within the `<mat-card>` component. It adds styles for a preset
- * layout that groups an image with a title section.
- * @docs-private
- * @deprecated Use `MatCardTitleGroup` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCardTitleGroup {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCardTitleGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatLegacyCardTitleGroup, "mat-card-title-group", never, {}, {}, never, ["mat-card-title, mat-card-subtitle,\n      [mat-card-title], [mat-card-subtitle],\n      [matCardTitle], [matCardSubtitle]", "img", "*"], false, never>;
-}
-
-/**
- * Large image used in a card, needed to add the mat- CSS styling.
- * @docs-private
- * @deprecated Use `MatCardXlImage` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCardXlImage {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCardXlImage, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyCardXlImage, "[mat-card-xl-image], [matCardImageXLarge]", never, {}, {}, never, never, false, never>;
-}
-
-export { }

package/legacy-card/testing/index.d.ts

@@ -1,56 +0,0 @@
-import { BaseHarnessFilters } from '@angular/cdk/testing';
-import { ContentContainerComponentHarness } from '@angular/cdk/testing';
-import { HarnessPredicate } from '@angular/cdk/testing';
-
-/**
- * A set of criteria that can be used to filter a list of `MatCardHarness` instances.
- * @deprecated Use `CardHarnessFilters` from `@angular/material/card/testing` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare interface LegacyCardHarnessFilters extends BaseHarnessFilters {
-    /** Only find instances whose text matches the given value. */
-    text?: string | RegExp;
-    /** Only find instances whose title matches the given value. */
-    title?: string | RegExp;
-    /** Only find instances whose subtitle matches the given value. */
-    subtitle?: string | RegExp;
-}
-
-/**
- * Harness for interacting with a standard mat-card in tests.
- * @deprecated Use `MatCardHarness` from `@angular/material/card/testing` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCardHarness extends ContentContainerComponentHarness<MatLegacyCardSection> {
-    /** The selector for the host element of a `MatCard` instance. */
-    static hostSelector: string;
-    /**
-     * Gets a `HarnessPredicate` that can be used to search for a `MatCardHarness` that meets
-     * certain criteria.
-     * @param options Options for filtering which card instances are considered a match.
-     * @return a `HarnessPredicate` configured with the given options.
-     */
-    static with(options?: LegacyCardHarnessFilters): HarnessPredicate<MatLegacyCardHarness>;
-    private _title;
-    private _subtitle;
-    /** Gets all of the card's content as text. */
-    getText(): Promise<string>;
-    /** Gets the cards's title text. */
-    getTitleText(): Promise<string>;
-    /** Gets the cards's subtitle text. */
-    getSubtitleText(): Promise<string>;
-}
-
-/**
- * Selectors for different sections of the mat-card that can container user content.
- * @deprecated Use `MatCardSection` from `@angular/material/card/testing` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare const enum MatLegacyCardSection {
-    HEADER = ".mat-card-header",
-    CONTENT = ".mat-card-content",
-    ACTIONS = ".mat-card-actions",
-    FOOTER = ".mat-card-footer"
-}
-
-export { }

package/legacy-checkbox/_checkbox-legacy-index.scss

@@ -1,2 +0,0 @@
-@forward 'checkbox-theme' hide color, theme, typography;
-@forward 'checkbox-theme' as mat-legacy-checkbox-* hide mat-legacy-checkbox-density;

package/legacy-checkbox/_checkbox-theme.import.scss

@@ -1,7 +0,0 @@
-@forward '../core/theming/theming.import';
-@forward '../core/typography/typography-utils.import';
-@forward 'checkbox-theme' hide color, theme, typography;
-@forward 'checkbox-theme' as mat-legacy-checkbox-* hide mat-legacy-checkbox-density;
-
-@import '../core/theming/theming';
-@import '../core/typography/typography-utils';

package/legacy-checkbox/_checkbox-theme.scss

@@ -1,138 +0,0 @@
-@use 'sass:map';
-@use '../core/theming/theming';
-@use '../core/typography/typography';
-@use '../core/typography/typography-utils';
-
-
-/// @deprecated Use `mat.checkbox-color` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
-/// @breaking-change 17.0.0
-@mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-  $is-dark-theme: map.get($config, is-dark);
-  $primary: map.get($config, primary);
-  $accent: map.get($config, accent);
-  $warn: map.get($config, warn);
-  $background: map.get($config, background);
-  $foreground: map.get($config, foreground);
-
-
-  // The color of the checkbox's checkmark / mixedmark.
-  $checkbox-mark-color: theming.get-color-from-palette($background, background);
-
-  // NOTE(traviskaufman): While the spec calls for translucent blacks/whites for disabled colors,
-  // this does not work well with elements layered on top of one another. To get around this we
-  // blend the colors together based on the base color and the theme background.
-  $white-30pct-opacity-on-dark: #686868;
-  $black-26pct-opacity-on-light: #b0b0b0;
-  $disabled-color: if($is-dark-theme, $white-30pct-opacity-on-dark, $black-26pct-opacity-on-light);
-
-  .mat-checkbox-frame {
-    border-color: theming.get-color-from-palette($foreground, secondary-text);
-  }
-
-  .mat-checkbox-checkmark {
-    fill: $checkbox-mark-color;
-  }
-
-  .mat-checkbox-checkmark-path {
-    // !important is needed here because a stroke must be set as an
-    // attribute on the SVG in order for line animation to work properly.
-    stroke: $checkbox-mark-color !important;
-  }
-
-  .mat-checkbox-mixedmark {
-    background-color: $checkbox-mark-color;
-  }
-
-  .mat-checkbox-indeterminate, .mat-checkbox-checked {
-    &.mat-primary .mat-checkbox-background {
-      background-color: theming.get-color-from-palette($primary);
-    }
-
-    &.mat-accent .mat-checkbox-background {
-      background-color: theming.get-color-from-palette($accent);
-    }
-
-    &.mat-warn .mat-checkbox-background {
-      background-color: theming.get-color-from-palette($warn);
-    }
-  }
-
-  .mat-checkbox-disabled {
-    &.mat-checkbox-checked,
-    &.mat-checkbox-indeterminate {
-      .mat-checkbox-background {
-        background-color: $disabled-color;
-      }
-    }
-
-    &:not(.mat-checkbox-checked) {
-      .mat-checkbox-frame {
-        border-color: $disabled-color;
-      }
-    }
-
-    .mat-checkbox-label {
-      color: theming.get-color-from-palette($foreground, disabled);
-    }
-  }
-
-  // Switch this to a solid color since we're using `opacity`
-  // to control how opaque the ripple should be.
-  .mat-checkbox .mat-ripple-element {
-    background-color: map.get(map.get($config, foreground), base);
-  }
-
-  .mat-checkbox-checked:not(.mat-checkbox-disabled),
-  .mat-checkbox:active:not(.mat-checkbox-disabled) {
-    &.mat-primary .mat-ripple-element {
-      background: theming.get-color-from-palette($primary);
-    }
-
-    &.mat-accent .mat-ripple-element {
-      background: theming.get-color-from-palette($accent);
-    }
-
-    &.mat-warn .mat-ripple-element {
-      background: theming.get-color-from-palette($warn);
-    }
-  }
-}
-
-/// @deprecated Use `mat.checkbox-typography` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
-/// @breaking-change 17.0.0
-@mixin typography($config-or-theme) {
-  $config: typography.private-typography-to-2014-config(
-      theming.get-typography-config($config-or-theme));
-  .mat-checkbox {
-    font-family: typography-utils.font-family($config);
-  }
-
-  // TODO(kara): Remove this style when fixing vertical baseline
-  .mat-checkbox-layout .mat-checkbox-label {
-    line-height: typography-utils.line-height($config, body-2);
-  }
-}
-
-@mixin _density($config-or-theme) {}
-
-/// @deprecated Use `mat.checkbox-theme` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
-/// @breaking-change 17.0.0
-@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-legacy-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);
-    }
-    @if $typography != null {
-      @include typography($typography);
-    }
-  }
-}

package/legacy-checkbox/index.d.ts

@@ -1,116 +0,0 @@
-import { AfterViewInit } from '@angular/core';
-import { ChangeDetectorRef } from '@angular/core';
-import { ElementRef } from '@angular/core';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { FocusOrigin } from '@angular/cdk/a11y';
-import * as i0 from '@angular/core';
-import * as i2 from '@angular/material/core';
-import * as i3 from '@angular/cdk/observers';
-import * as i4 from '@angular/material/checkbox';
-import { TransitionCheckState as LegacyTransitionCheckState } from '@angular/material/checkbox';
-import { MAT_CHECKBOX_DEFAULT_OPTIONS as MAT_LEGACY_CHECKBOX_DEFAULT_OPTIONS } from '@angular/material/checkbox';
-import { MAT_CHECKBOX_DEFAULT_OPTIONS_FACTORY as MAT_LEGACY_CHECKBOX_DEFAULT_OPTIONS_FACTORY } from '@angular/material/checkbox';
-import { MAT_CHECKBOX_REQUIRED_VALIDATOR as MAT_LEGACY_CHECKBOX_REQUIRED_VALIDATOR } from '@angular/material/checkbox';
-import { _MatCheckboxBase } from '@angular/material/checkbox';
-import { MatCheckboxClickAction as MatLegacyCheckboxClickAction } from '@angular/material/checkbox';
-import { MatCheckboxDefaultOptions as MatLegacyCheckboxDefaultOptions } from '@angular/material/checkbox';
-import { MatCheckboxRequiredValidator as MatLegacyCheckboxRequiredValidator } from '@angular/material/checkbox';
-import { _MatCheckboxRequiredValidatorModule as _MatLegacyCheckboxRequiredValidatorModule } from '@angular/material/checkbox';
-import { NgZone } from '@angular/core';
-import { OnDestroy } from '@angular/core';
-
-declare namespace i1 {
-    export {
-        MatLegacyCheckboxChange,
-        MAT_LEGACY_CHECKBOX_CONTROL_VALUE_ACCESSOR,
-        MatLegacyCheckbox
-    }
-}
-
-export { LegacyTransitionCheckState }
-
-/**
- * Provider Expression that allows mat-checkbox to register as a ControlValueAccessor.
- * This allows it to support [(ngModel)].
- * @docs-private
- * @deprecated Use `MAT_CHECKBOX_CONTROL_VALUE_ACCESSOR` from `@angular/material/checkbox` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare const MAT_LEGACY_CHECKBOX_CONTROL_VALUE_ACCESSOR: any;
-
-export { MAT_LEGACY_CHECKBOX_DEFAULT_OPTIONS }
-
-export { MAT_LEGACY_CHECKBOX_DEFAULT_OPTIONS_FACTORY }
-
-export { MAT_LEGACY_CHECKBOX_REQUIRED_VALIDATOR }
-
-/**
- * A material design checkbox component. Supports all of the functionality of an HTML5 checkbox,
- * and exposes a similar API. A checkbox can be either checked, unchecked, indeterminate, or
- * disabled. Note that all additional accessibility attributes are taken care of by the component,
- * so there is no need to provide them yourself. However, if you want to omit a label and still
- * have the checkbox be accessible, you may supply an [aria-label] input.
- * See: https://material.io/design/components/selection-controls.html
- * @deprecated Use `MatCheckbox` from `@angular/material/checkbox` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCheckbox extends _MatCheckboxBase<MatLegacyCheckboxChange> implements AfterViewInit, OnDestroy {
-    private _focusMonitor;
-    protected _animationClasses: {
-        uncheckedToChecked: string;
-        uncheckedToIndeterminate: string;
-        checkedToUnchecked: string;
-        checkedToIndeterminate: string;
-        indeterminateToChecked: string;
-        indeterminateToUnchecked: string;
-    };
-    constructor(elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, _focusMonitor: FocusMonitor, ngZone: NgZone, tabIndex: string, animationMode?: string, options?: MatLegacyCheckboxDefaultOptions);
-    protected _createChangeEvent(isChecked: boolean): MatLegacyCheckboxChange;
-    protected _getAnimationTargetElement(): any;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /**
-     * Event handler for checkbox input element.
-     * Toggles checked state if element is not disabled.
-     * Do not toggle on (change) event since IE doesn't fire change event when
-     *   indeterminate checkbox is clicked.
-     * @param event
-     */
-    _onInputClick(event: Event): void;
-    /** Focuses the checkbox. */
-    focus(origin?: FocusOrigin, options?: FocusOptions): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCheckbox, [null, null, null, null, { attribute: "tabindex"; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatLegacyCheckbox, "mat-checkbox", ["matCheckbox"], { "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
-/**
- * Change event object emitted by a checkbox.
- * @deprecated Use `MatCheckboxChange` from `@angular/material/checkbox` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCheckboxChange {
-    /** The source checkbox of the event. */
-    source: MatLegacyCheckbox;
-    /** The new `checked` value of the checkbox. */
-    checked: boolean;
-}
-
-export { MatLegacyCheckboxClickAction }
-
-export { MatLegacyCheckboxDefaultOptions }
-
-/**
- * @deprecated Use `MatCheckboxModule` from `@angular/material/checkbox` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyCheckboxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyCheckboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatLegacyCheckboxModule, [typeof i1.MatLegacyCheckbox], [typeof i2.MatRippleModule, typeof i2.MatCommonModule, typeof i3.ObserversModule, typeof i4._MatCheckboxRequiredValidatorModule], [typeof i1.MatLegacyCheckbox, typeof i2.MatCommonModule, typeof i4._MatCheckboxRequiredValidatorModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatLegacyCheckboxModule>;
-}
-
-export { MatLegacyCheckboxRequiredValidator }
-
-export { _MatLegacyCheckboxRequiredValidatorModule }
-
-export { }