@angular/material 16.2.0 → 17.0.0-next.0

package/legacy-autocomplete/index.d.ts

@@ -1,115 +0,0 @@
-import { getMatAutocompleteMissingPanelError as getMatLegacyAutocompleteMissingPanelError } from '@angular/material/autocomplete';
-import * as i0 from '@angular/core';
-import * as i4 from '@angular/cdk/overlay';
-import * as i5 from '@angular/material/legacy-core';
-import * as i6 from '@angular/material/core';
-import * as i7 from '@angular/common';
-import * as i8 from '@angular/cdk/scrolling';
-import { MAT_AUTOCOMPLETE_DEFAULT_OPTIONS as MAT_LEGACY_AUTOCOMPLETE_DEFAULT_OPTIONS } from '@angular/material/autocomplete';
-import { MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY as MAT_LEGACY_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY } from '@angular/material/autocomplete';
-import { MAT_AUTOCOMPLETE_SCROLL_STRATEGY as MAT_LEGACY_AUTOCOMPLETE_SCROLL_STRATEGY } from '@angular/material/autocomplete';
-import { MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY as MAT_LEGACY_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY } from '@angular/material/autocomplete';
-import { MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER as MAT_LEGACY_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER } from '@angular/material/autocomplete';
-import { _MatAutocompleteBase } from '@angular/material/autocomplete';
-import { _MatAutocompleteOriginBase } from '@angular/material/autocomplete';
-import { _MatAutocompleteTriggerBase } from '@angular/material/autocomplete';
-import { MatAutocompleteActivatedEvent as MatLegacyAutocompleteActivatedEvent } from '@angular/material/autocomplete';
-import { MatAutocompleteDefaultOptions as MatLegacyAutocompleteDefaultOptions } from '@angular/material/autocomplete';
-import { MatAutocompleteSelectedEvent as MatLegacyAutocompleteSelectedEvent } from '@angular/material/autocomplete';
-import { MatLegacyOptgroup } from '@angular/material/legacy-core';
-import { MatLegacyOption } from '@angular/material/legacy-core';
-import { QueryList } from '@angular/core';
-
-export { getMatLegacyAutocompleteMissingPanelError }
-
-declare namespace i1 {
-    export {
-        MatLegacyAutocomplete
-    }
-}
-
-declare namespace i2 {
-    export {
-        MAT_LEGACY_AUTOCOMPLETE_VALUE_ACCESSOR,
-        MatLegacyAutocompleteTrigger
-    }
-}
-
-declare namespace i3 {
-    export {
-        MatLegacyAutocompleteOrigin
-    }
-}
-
-export { MAT_LEGACY_AUTOCOMPLETE_DEFAULT_OPTIONS }
-
-export { MAT_LEGACY_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY }
-
-export { MAT_LEGACY_AUTOCOMPLETE_SCROLL_STRATEGY }
-
-export { MAT_LEGACY_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY }
-
-export { MAT_LEGACY_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER }
-
-/**
- * Provider that allows the autocomplete to register as a ControlValueAccessor.
- * @docs-private
- * @deprecated Use `MAT_AUTOCOMPLETE_VALUE_ACCESSOR` from `@angular/material/autocomplete` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare const MAT_LEGACY_AUTOCOMPLETE_VALUE_ACCESSOR: any;
-
-/**
- * @deprecated Use `MatAutocomplete` from `@angular/material/autocomplete` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyAutocomplete extends _MatAutocompleteBase {
-    /** Reference to all option groups within the autocomplete. */
-    optionGroups: QueryList<MatLegacyOptgroup>;
-    /** Reference to all options within the autocomplete. */
-    options: QueryList<MatLegacyOption>;
-    protected _visibleClass: string;
-    protected _hiddenClass: string;
-    _animationDone: null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyAutocomplete, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatLegacyAutocomplete, "mat-autocomplete", ["matAutocomplete"], { "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, ["optionGroups", "options"], ["*"], false, never>;
-}
-
-export { MatLegacyAutocompleteActivatedEvent }
-
-export { MatLegacyAutocompleteDefaultOptions }
-
-/**
- * @deprecated Use `MatAutocompleteModule` from `@angular/material/autocomplete` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyAutocompleteModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyAutocompleteModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatLegacyAutocompleteModule, [typeof i1.MatLegacyAutocomplete, typeof i2.MatLegacyAutocompleteTrigger, typeof i3.MatLegacyAutocompleteOrigin], [typeof i4.OverlayModule, typeof i5.MatLegacyOptionModule, typeof i6.MatCommonModule, typeof i7.CommonModule], [typeof i1.MatLegacyAutocomplete, typeof i2.MatLegacyAutocompleteTrigger, typeof i3.MatLegacyAutocompleteOrigin, typeof i8.CdkScrollableModule, typeof i5.MatLegacyOptionModule, typeof i6.MatCommonModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatLegacyAutocompleteModule>;
-}
-
-/**
- * Directive applied to an element to make it usable
- * as a connection point for an autocomplete panel.
- * @deprecated Use `MatAutocompleteOrigin` from `@angular/material/autocomplete` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyAutocompleteOrigin extends _MatAutocompleteOriginBase {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyAutocompleteOrigin, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyAutocompleteOrigin, "[matAutocompleteOrigin]", ["matAutocompleteOrigin"], {}, {}, never, never, false, never>;
-}
-
-export { MatLegacyAutocompleteSelectedEvent }
-
-/**
- * @deprecated Use `MatAutocompleteTrigger` from `@angular/material/autocomplete` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyAutocompleteTrigger extends _MatAutocompleteTriggerBase {
-    protected _aboveClass: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyAutocompleteTrigger, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyAutocompleteTrigger, "input[matAutocomplete], textarea[matAutocomplete]", ["matAutocompleteTrigger"], {}, {}, never, never, false, never>;
-}
-
-export { }

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

@@ -1,41 +0,0 @@
-import { BaseHarnessFilters } from '@angular/cdk/testing';
-import { HarnessPredicate } from '@angular/cdk/testing';
-import { LegacyOptgroupHarnessFilters } from '@angular/material/legacy-core/testing';
-import { LegacyOptionHarnessFilters } from '@angular/material/legacy-core/testing';
-import { _MatAutocompleteHarnessBase } from '@angular/material/autocomplete/testing';
-import { MatLegacyOptgroupHarness } from '@angular/material/legacy-core/testing';
-import { MatLegacyOptionHarness } from '@angular/material/legacy-core/testing';
-
-/**
- * A set of criteria that can be used to filter a list of `MatAutocompleteHarness` instances.
- * @deprecated Use `AutocompleteHarnessFilters` from `@angular/material/autocomplete/testing` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare interface LegacyAutocompleteHarnessFilters extends BaseHarnessFilters {
-    /** Only find instances whose associated input element matches the given value. */
-    value?: string | RegExp;
-    /** Only find instances which match the given disabled state. */
-    disabled?: boolean;
-}
-
-/**
- * Harness for interacting with a standard mat-autocomplete in tests.
- * @deprecated Use `MatAutocompleteHarness` from `@angular/material/autocomplete/testing` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyAutocompleteHarness extends _MatAutocompleteHarnessBase<typeof MatLegacyOptionHarness, MatLegacyOptionHarness, LegacyOptionHarnessFilters, typeof MatLegacyOptgroupHarness, MatLegacyOptgroupHarness, LegacyOptgroupHarnessFilters> {
-    protected _prefix: string;
-    protected _optionClass: typeof MatLegacyOptionHarness;
-    protected _optionGroupClass: typeof MatLegacyOptgroupHarness;
-    /** The selector for the host element of a `MatAutocomplete` instance. */
-    static hostSelector: string;
-    /**
-     * Gets a `HarnessPredicate` that can be used to search for a `MatAutocompleteHarness` that meets
-     * certain criteria.
-     * @param options Options for filtering which autocomplete instances are considered a match.
-     * @return a `HarnessPredicate` configured with the given options.
-     */
-    static with(options?: LegacyAutocompleteHarnessFilters): HarnessPredicate<MatLegacyAutocompleteHarness>;
-}
-
-export { }

package/legacy-button/_button-base.import.scss

@@ -1,21 +0,0 @@
-@forward '../core/style/private.import';
-@forward '../core/style/button-common.import';
-@forward 'button-base' as mat-* hide $mat-border-radius, $mat-button-border-radius,
-$mat-button-line-height, $mat-button-size, $mat-focus-transition, $mat-line-height, $mat-margin,
-$mat-min-width, $mat-padding, mat-base;
-@forward 'button-base' as mat-legacy-button-* hide $mat-button-button-border-radius,
-$mat-button-button-line-height, $mat-button-button-size, $mat-button-fab-border-radius,
-$mat-button-fab-padding, $mat-button-fab-size, $mat-button-mini-fab-padding,
-$mat-button-mini-fab-size, $mat-button-stroked-button-border-width,
-$mat-button-stroked-button-line-height, $mat-button-stroked-button-padding, mat-button-fab,
-mat-button-raised-button;
-@forward 'button-base' as mat-icon-* hide $mat-icon-border-radius, $mat-icon-fab-border-radius,
-$mat-icon-fab-padding, $mat-icon-fab-size, $mat-icon-focus-transition, $mat-icon-line-height,
-$mat-icon-margin, $mat-icon-min-width, $mat-icon-mini-fab-padding, $mat-icon-mini-fab-size,
-$mat-icon-padding, $mat-icon-stroked-button-border-width, $mat-icon-stroked-button-line-height,
-$mat-icon-stroked-button-padding, mat-icon-base, mat-icon-fab, mat-icon-raised-button;
-
-@import '../core/style/variables';
-@import '../core/style/elevation';
-@import '../core/style/button-common';
-@import '../core/style/private';

package/legacy-button/_button-base.scss

@@ -1,114 +0,0 @@
-@use '../core/style/variables';
-@use '../core/style/elevation';
-@use '../core/style/button-common';
-@use '../core/style/private';
-
-
-// Flat and raised button standards
-$padding: 0 16px !default;
-$min-width: 64px !default;
-$margin: 0 !default;
-$line-height: 36px !default;
-$border-radius: 4px !default;
-$focus-transition: opacity 200ms variables.$swift-ease-in-out-timing-function,
-                   background-color 200ms variables.$swift-ease-in-out-timing-function !default;
-
-// Stroked button padding is 1px less horizontally than default/flat/raised
-// button's padding.
-$stroked-button-line-height: $line-height - 2;
-$stroked-button-padding: 0 15px;
-$stroked-button-border-width: 1px;
-
-// Icon Button standards
-$button-size: 40px !default;
-$button-border-radius: 50% !default;
-$button-line-height: 24px !default;
-
-// Fab standards
-$fab-border-radius: 50% !default;
-$fab-size: 56px !default;
-$fab-padding: 16px !default;
-
-$mini-fab-size: 40px !default;
-$mini-fab-padding: 8px !default;
-
-// Applies base styles to all button types.
-/// @deprecated Use `mat.button-base` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
-/// @breaking-change 17.0.0
-@mixin base {
-  box-sizing: border-box;
-  position: relative;
-
-  // Reset browser <button> styles.
-  @include button-common.reset();
-
-  // Make anchors render like buttons.
-  display: inline-block;
-  white-space: nowrap;
-  text-decoration: none;
-  vertical-align: baseline;
-  text-align: center;
-
-  // Sizing.
-  margin: $margin;
-  min-width: $min-width;
-  line-height: $line-height;
-  padding: $padding;
-  border-radius: $border-radius;
-
-  // Explicitly set the default overflow to `visible`. It is already set
-  // on most browsers except on IE11 where it defaults to `hidden`.
-  overflow: visible;
-
-  &.mat-button-disabled {
-    cursor: default;
-  }
-
-  &.cdk-keyboard-focused, &.cdk-program-focused {
-    .mat-button-focus-overlay {
-      opacity: 0.12;
-    }
-  }
-
-  &::-moz-focus-inner {
-    border: 0;
-  }
-}
-
-// Applies styles to buttons with backgrounds: raised, fab, and mini-fab
-/// @deprecated Use `mat.button-raised-button` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
-/// @breaking-change 17.0.0
-@mixin raised-button {
-  @include base;
-  @include private.private-animation-noop();
-
-  // Force hardware acceleration.
-  transform: translate3d(0, 0, 0);
-
-  // Animation.
-  transition: background variables.$swift-ease-out-duration
-    variables.$swift-ease-out-timing-function, elevation.private-transition-property-value();
-}
-
-// Applies styles to fab and mini-fab button types only
-/// @deprecated Use `mat.button-fab` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
-/// @breaking-change 17.0.0
-@mixin fab($size, $padding) {
-  @include raised-button;
-
-  // Reset the min-width from the button base.
-  min-width: 0;
-
-  border-radius: $fab-border-radius;
-  width: $size;
-  height: $size;
-  padding: 0;
-
-  flex-shrink: 0;
-
-  .mat-button-wrapper {
-    padding: $padding 0;
-    display: inline-block;
-    line-height: $button-line-height;
-  }
-}

package/legacy-button/_button-legacy-index.scss

@@ -1,22 +0,0 @@
-@forward 'button-theme' hide color, theme, typography;
-@forward 'button-theme' as mat-legacy-button-* hide $mat-legacy-button-ripple-opacity,
-mat-legacy-button-density, mat-legacy-button-focus-overlay-color,
-mat-legacy-button-ripple-background, mat-legacy-button-ripple-color,
-mat-legacy-button-theme-property;
-
-@forward 'button-base' as mat-* hide $mat-border-radius, $mat-button-border-radius,
-$mat-button-line-height, $mat-button-size, $mat-focus-transition, $mat-line-height, $mat-margin,
-$mat-min-width, $mat-padding, mat-base;
-@forward 'button-base' as mat-legacy-button-* hide $mat-legacy-button-button-border-radius,
-$mat-legacy-button-button-line-height, $mat-legacy-button-button-size,
-$mat-legacy-button-fab-border-radius, $mat-legacy-button-fab-padding,
-$mat-legacy-button-fab-size, $mat-legacy-button-mini-fab-padding,
-$mat-legacy-button-mini-fab-size, $mat-legacy-button-stroked-button-border-width,
-$mat-legacy-button-stroked-button-line-height, $mat-legacy-button-stroked-button-padding,
-mat-legacy-button-fab,
-mat-legacy-button-raised-button;
-@forward 'button-base' as mat-icon-* hide $mat-icon-border-radius, $mat-icon-fab-border-radius,
-$mat-icon-fab-padding, $mat-icon-fab-size, $mat-icon-focus-transition, $mat-icon-line-height,
-$mat-icon-margin, $mat-icon-min-width, $mat-icon-mini-fab-padding, $mat-icon-mini-fab-size,
-$mat-icon-padding, $mat-icon-stroked-button-border-width, $mat-icon-stroked-button-line-height,
-$mat-icon-stroked-button-padding, mat-icon-base, mat-icon-fab, mat-icon-raised-button;

package/legacy-button/_button-theme.import.scss

@@ -1,11 +0,0 @@
-@forward '../core/theming/theming.import';
-@forward '../core/style/private.import';
-@forward '../core/typography/typography-utils.import';
-@forward 'button-theme' hide color, theme, typography;
-@forward 'button-theme' as mat-legacy-button-* hide $mat-button-ripple-opacity, mat-button-density,
-mat-button-focus-overlay-color, mat-button-ripple-background, mat-button-ripple-color,
-mat-button-theme-property;
-
-@import '../core/theming/theming';
-@import '../core/style/private';
-@import '../core/typography/typography-utils';

package/legacy-button/_button-theme.scss

@@ -1,223 +0,0 @@
-@use 'sass:map';
-@use 'sass:meta';
-@use '../core/theming/theming';
-@use '../core/style/private';
-@use '../core/typography/typography';
-@use '../core/typography/typography-utils';
-@use '../datepicker/datepicker-legacy-compat';
-
-$_ripple-opacity: 0.1;
-
-// Applies a focus style to an mat-button element for each of the supported palettes.
-@mixin _focus-overlay-color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-  $primary: map.get($config, primary);
-  $accent: map.get($config, accent);
-  $warn: map.get($config, warn);
-
-  &.mat-primary .mat-button-focus-overlay {
-    background-color: theming.get-color-from-palette($primary);
-  }
-
-  &.mat-accent .mat-button-focus-overlay {
-    background-color: theming.get-color-from-palette($accent);
-  }
-
-  &.mat-warn .mat-button-focus-overlay {
-    background-color: theming.get-color-from-palette($warn);
-  }
-
-  &.mat-button-disabled .mat-button-focus-overlay {
-    background-color: transparent;
-  }
-}
-
-// Applies the background color for a ripple. If the value provided is not a Sass color,
-// we assume that we've been given a CSS variable. Since we can't perform alpha-blending
-// on a CSS variable, we instead add the opacity directly to the ripple element.
-@mixin _ripple-background($palette, $hue, $opacity) {
-  $background-color: theming.get-color-from-palette($palette, $hue, $opacity);
-  background-color: $background-color;
-  @if (meta.type-of($background-color) != color) {
-    opacity: $opacity;
-  }
-}
-
-@mixin _ripple-color($theme, $hue, $opacity: $_ripple-opacity) {
-  $primary: map.get($theme, primary);
-  $accent: map.get($theme, accent);
-  $warn: map.get($theme, warn);
-
-  &.mat-primary .mat-ripple-element {
-    @include _ripple-background($primary, $hue, $opacity);
-  }
-
-  &.mat-accent .mat-ripple-element {
-    @include _ripple-background($accent, $hue, $opacity);
-  }
-
-  &.mat-warn .mat-ripple-element {
-    @include _ripple-background($warn, $hue, $opacity);
-  }
-}
-
-// Applies a property to an mat-button element for each of the supported palettes.
-@mixin _theme-property($theme, $property, $hue) {
-  $primary: map.get($theme, primary);
-  $accent: map.get($theme, accent);
-  $warn: map.get($theme, warn);
-  $background: map.get($theme, background);
-  $foreground: map.get($theme, foreground);
-
-  &.mat-primary {
-    #{$property}: theming.get-color-from-palette($primary, $hue);
-  }
-  &.mat-accent {
-    #{$property}: theming.get-color-from-palette($accent, $hue);
-  }
-  &.mat-warn {
-    #{$property}: theming.get-color-from-palette($warn, $hue);
-  }
-
-  &.mat-primary, &.mat-accent, &.mat-warn, &.mat-button-disabled {
-    &.mat-button-disabled {
-      $palette: if($property == 'color', $foreground, $background);
-      #{$property}: theming.get-color-from-palette($palette, disabled-button);
-    }
-  }
-}
-
-/// @deprecated Use `mat.button-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);
-  $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);
-
-  .mat-button, .mat-icon-button, .mat-stroked-button {
-    // Buttons without a background color should inherit the font color. This is necessary to
-    // ensure that the button is readable on custom background colors. It's wrong to always assume
-    // that those buttons are always placed inside of containers with the default background
-    // color of the theme (e.g. themed toolbars).
-    color: inherit;
-    background: transparent;
-
-    @include _theme-property($config, 'color', text);
-    @include _focus-overlay-color($config);
-
-    // Setup the ripple color to be based on the text color. This ensures that the ripples
-    // are matching with the current theme palette and are in contrast to the background color
-    // (e.g in themed toolbars).
-    .mat-ripple-element {
-      opacity: $_ripple-opacity;
-      background-color: currentColor;
-    }
-  }
-
-  .mat-button-focus-overlay {
-    background: map.get($foreground, base);
-  }
-
-  // Note: this needs a bit extra specificity, because we're not guaranteed the inclusion
-  // order of the theme styles and the button reset may end up resetting this as well.
-  .mat-stroked-button:not(.mat-button-disabled) {
-    border-color: theming.get-color-from-palette($foreground, divider);
-  }
-
-  .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
-    // Default font and background color when not using any color palette.
-    color: theming.get-color-from-palette($foreground, text);
-    background-color: theming.get-color-from-palette($background, raised-button);
-
-    @include _theme-property($config, 'color', default-contrast);
-    @include _theme-property($config, 'background-color', default);
-    @include _ripple-color($config, default-contrast);
-  }
-
-  .mat-stroked-button, .mat-flat-button {
-    @include private.private-theme-overridable-elevation(0, $config);
-  }
-
-  .mat-raised-button {
-    @include private.private-theme-overridable-elevation(2, $config);
-
-    &:not(.mat-button-disabled):active {
-      @include private.private-theme-overridable-elevation(8, $config);
-    }
-
-    &.mat-button-disabled {
-      @include private.private-theme-overridable-elevation(0, $config);
-    }
-  }
-
-  .mat-fab, .mat-mini-fab {
-    @include private.private-theme-overridable-elevation(6, $config);
-
-    &:not(.mat-button-disabled):active {
-      @include private.private-theme-overridable-elevation(12, $config);
-    }
-
-    &.mat-button-disabled {
-      @include private.private-theme-overridable-elevation(0, $config);
-    }
-  }
-
-  @include datepicker-legacy-compat.legacy-button-compat-theme((
-      color: $config,
-      typography: null,
-      density: null,
-  ));
-}
-
-/// @deprecated Use `mat.button-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-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
-  .mat-flat-button, .mat-fab, .mat-mini-fab {
-    font: {
-      family: typography-utils.font-family($config, button);
-      size: typography-utils.font-size($config, button);
-      weight: typography-utils.font-weight($config, button);
-    }
-  }
-
-  @include datepicker-legacy-compat.legacy-button-compat-theme((
-      color: null,
-      typography: $config,
-      density: null,
-  ));
-}
-
-@mixin _density($config-or-theme) {
-  @include datepicker-legacy-compat.legacy-button-compat-theme((
-      color: null,
-      typography: null,
-      density: theming.get-density-config($config-or-theme)
-  ));
-}
-
-/// @deprecated Use `mat.button-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-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 $density != null {
-      @include _density($density);
-    }
-    @if $typography != null {
-      @include typography($typography);
-    }
-  }
-}

package/legacy-button/index.d.ts

@@ -1,87 +0,0 @@
-import { _AbstractConstructor } from '@angular/material/core';
-import { AfterViewInit } from '@angular/core';
-import { CanColor } from '@angular/material/core';
-import { CanDisable } from '@angular/material/core';
-import { CanDisableRipple } from '@angular/material/core';
-import { _Constructor } from '@angular/material/core';
-import { ElementRef } from '@angular/core';
-import { FocusableOption } from '@angular/cdk/a11y';
-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 { MatRipple } from '@angular/material/core';
-import { NgZone } from '@angular/core';
-import { OnDestroy } from '@angular/core';
-
-declare namespace i1 {
-    export {
-        MatLegacyButton,
-        MatLegacyAnchor
-    }
-}
-
-declare const _MatButtonBase: _Constructor<CanColor> & _AbstractConstructor<CanColor> & _Constructor<CanDisable> & _AbstractConstructor<CanDisable> & _Constructor<CanDisableRipple> & _AbstractConstructor<CanDisableRipple> & {
-    new (_elementRef: ElementRef): {
-        _elementRef: ElementRef;
-    };
-};
-
-/**
- * Material design anchor button.
- * @deprecated Use `MatAnchor` from `@angular/material/button` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyAnchor extends MatLegacyButton implements AfterViewInit, OnDestroy {
-    /** @breaking-change 14.0.0 _ngZone will be required. */
-    private _ngZone?;
-    /** Tabindex of the button. */
-    tabIndex: number;
-    constructor(focusMonitor: FocusMonitor, elementRef: ElementRef, animationMode: string, 
-    /** @breaking-change 14.0.0 _ngZone will be required. */
-    _ngZone?: NgZone | undefined);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    _haltDisabledEvents: (event: Event) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyAnchor, [null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatLegacyAnchor, "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", ["matButton", "matAnchor"], { "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
-/**
- * Material design button.
- * @deprecated Use `MatButton` from `@angular/material/button` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyButton extends _MatButtonBase implements AfterViewInit, OnDestroy, CanDisable, CanColor, CanDisableRipple, FocusableOption {
-    private _focusMonitor;
-    _animationMode: string;
-    /** Whether the button is round. */
-    readonly isRoundButton: boolean;
-    /** Whether the button is icon button. */
-    readonly isIconButton: boolean;
-    /** Reference to the MatRipple instance of the button. */
-    ripple: MatRipple;
-    constructor(elementRef: ElementRef, _focusMonitor: FocusMonitor, _animationMode: string);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /** Focuses the button. */
-    focus(origin?: FocusOrigin, options?: FocusOptions): void;
-    _getHostElement(): any;
-    _isRippleDisabled(): boolean;
-    /** Gets whether the button has one of the given attributes. */
-    _hasHostAttributes(...attributes: string[]): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyButton, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatLegacyButton, "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", ["matButton"], { "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
-/**
- * @deprecated Use `MatButtonModule` from `@angular/material/button` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
-export declare class MatLegacyButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatLegacyButtonModule, [typeof i1.MatLegacyButton, typeof i1.MatLegacyAnchor], [typeof i2.MatRippleModule, typeof i2.MatCommonModule], [typeof i1.MatLegacyButton, typeof i1.MatLegacyAnchor, typeof i2.MatCommonModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatLegacyButtonModule>;
-}
-
-export { }