fix(multiple): remove legacy components

Author: andrewseguin

.github/CODEOWNERS

@@ -16,28 +16,6 @@
 /src/material/grid-list/**                                  @andrewseguin
 /src/material/icon/**                                       @andrewseguin
 /src/material/input/**                                      @devversion @mmalerba
-/src/material/legacy-autocomplete/**                        @crisbeto
-/src/material/legacy-button/**                              @andrewseguin
-/src/material/legacy-card/**                                @andrewseguin
-/src/material/legacy-checkbox/**                            @andrewseguin @devversion
-/src/material/legacy-chips/**                               @andrewseguin
-/src/material/legacy-dialog/**                              @andrewseguin @crisbeto
-/src/material/legacy-form-field/**                          @mmalerba
-/src/material/legacy-input/**                               @mmalerba
-/src/material/legacy-list/**                                @andrewseguin @crisbeto @devversion
-/src/material/legacy-menu/**                                @crisbeto
-/src/material/legacy-paginator/**                           @andrewseguin
-/src/material/legacy-prebuilt-themes/**                     @andrewseguin
-/src/material/legacy-progress-bar/**                        @andrewseguin @crisbeto
-/src/material/legacy-progress-spinner/**                    @andrewseguin @crisbeto
-/src/material/legacy-radio/**                               @andrewseguin @devversion
-/src/material/legacy-select/**                              @crisbeto
-/src/material/legacy-slide-toggle/**                        @devversion
-/src/material/legacy-slider/**                              @mmalerba
-/src/material/legacy-snack-bar/**                           @andrewseguin @crisbeto
-/src/material/legacy-table/**                               @andrewseguin
-/src/material/legacy-tabs/**                                @andrewseguin
-/src/material/legacy-tooltip/**                             @andrewseguin
 /src/material/list/**                                       @mmalerba @devversion
 /src/material/menu/**                                       @crisbeto
 /src/material/paginator/**                                  @crisbeto
@@ -86,13 +64,6 @@
 /src/material/core/tokens/**                                @mmalerba
 /src/material/core/typography/**                            @crisbeto
 /src/material/core/util/**                                  @andrewseguin
-/src/material/legacy-core/*                                 @andrewseguin
-/src/material/legacy-core/color/**                          @andrewseguin @devversion
-/src/material/legacy-core/density/**                        @devversion
-/src/material/legacy-core/option/**                         @crisbeto
-/src/material/legacy-core/testing/**                        @crisbeto
-/src/material/legacy-core/theming/**                        @andrewseguin @jelbourn
-/src/material/legacy-core/typography/**                     @crisbeto
 
 # Miscellaneous components
 /src/google-maps/**                                         @crisbeto
@@ -188,7 +159,6 @@
 /src/dev-app/layout/**                                      @andrewseguin
 /src/dev-app/list/**                                        @andrewseguin @crisbeto @devversion
 /src/dev-app/live-announcer/**                              @jelbourn
-/src/dev-app/legacy-autocomplete/**                         @crisbeto
 /src/dev-app/button/**                                      @andrewseguin
 /src/dev-app/snack-bar/**                                   @andrewseguin
 /src/dev-app/tabs/**                                        @crisbeto
@@ -279,21 +249,6 @@
 /tools/public_api_guard/material/form-field**               @mmalerba
 /tools/public_api_guard/material/grid-list**                @andrewseguin
 /tools/public_api_guard/material/icon**                     @andrewseguin
-/tools/public_api_guard/material/legacy-button**            @andrewseguin
-/tools/public_api_guard/material/legacy-card**              @andrewseguin
-/tools/public_api_guard/material/legacy-checkbox**          @andrewseguin @devversion
-/tools/public_api_guard/material/legacy-dialog**            @andrewseguin @crisbeto
-/tools/public_api_guard/material/legacy-input**             @mmalerba
-/tools/public_api_guard/material/legacy-paginator**         @andrewseguin
-/tools/public_api_guard/material/legacy-progress-bar**      @andrewseguin @crisbeto
-/tools/public_api_guard/material/legacy-progress-spinner**  @andrewseguin @crisbeto
-/tools/public_api_guard/material/legacy-radio**             @andrewseguin @devversion
-/tools/public_api_guard/material/legacy-select**            @crisbeto
-/tools/public_api_guard/material/legacy-slide-toggle**      @devversion
-/tools/public_api_guard/material/legacy-snack-bar**         @andrewseguin @crisbeto
-/tools/public_api_guard/material/legacy-table**             @andrewseguin
-/tools/public_api_guard/material/legacy-tabs**              @andrewseguin
-/tools/public_api_guard/material/legacy-tooltip**           @andrewseguin
 /tools/public_api_guard/material/list**                     @andrewseguin @crisbeto @devversion
 /tools/public_api_guard/material/material**                 @andrewseguin
 /tools/public_api_guard/material/menu**                     @crisbeto

.ng-dev/commit-message.mts

@@ -59,54 +59,30 @@ export const commitMessage: CommitMessageConfig = {
     'material/table',
     'material/tabs',
     'material/autocomplete',
-    'material/legacy-autocomplete',
     'material/badge',
     'material/bottom-sheet',
-    'material/legacy-button',
     'material/button-toggle',
-    'material/legacy-card',
-    'material/legacy-checkbox',
-    'material/legacy-checkbox',
     'material/chips',
-    'material/legacy-chips',
     'material/core',
-    'material/legacy-core',
     'material/datepicker',
-    'material/legacy-dialog',
     'material/divider',
     'material/expansion',
     'material/form-field',
-    'material/legacy-form-field',
     'material/grid-list',
     'material/icon',
-    'material/legacy-input',
     'material/list',
-    'material/legacy-list',
     'material/menu',
-    'material/legacy-menu',
-    'material/legacy-paginator',
     'material/prebuilt-themes',
-    'material/legacy-prebuilt-themes',
-    'material/legacy-progress-bar',
-    'material/legacy-progress-spinner',
     'material/radio',
-    'material/legacy-radio',
     'material/schematics',
     'material/select',
-    'material/legacy-select',
     'material/sidenav',
-    'material/legacy-slide-toggle',
     'material/slider',
-    'material/legacy-slider',
-    'material/legacy-snack-bar',
     'material/sort',
     'material/stepper',
-    'material/legacy-table',
-    'material/legacy-tabs',
     'material/testing',
     'material/theming',
     'material/toolbar',
-    'material/legacy-tooltip',
     'material/tooltip',
     'material/tree',
     'material-moment-adapter',

.ng-dev/google-sync-config.json

@@ -29,7 +29,6 @@
     "src/material/index.ts",
     "src/material/module.ts",
     "src/material/core/index.ts",
-    "src/material/legacy-core/index.ts",
     "src/material/core/theming/tests/**/*",
     "src/material/core/tokens/tests/**",
     "src/material/expansion/index.ts",

src/material/BUILD.bazel

@@ -16,7 +16,7 @@ ts_library(
 
 filegroup(
     name = "overviews",
-    srcs = ["//src/material/%s:overview" % name for name in MATERIAL_ENTRYPOINTS if not "legacy-" in name],
+    srcs = ["//src/material/%s:overview" % name for name in MATERIAL_ENTRYPOINTS],
 )
 
 sass_library(

src/material/card/README.md

@@ -1,80 +1 @@
-This is a prototype of an alternate version of `MatCard` built on top of
-[MDC Web](https://github.com/material-components/material-components-web). This component is
-experimental and should not be used in production.
-
-## How to use
-Assuming your application is already up and running using Angular Material, you can add this
-component by following these steps:
-
-1. Install `@angular/material-experimental` and MDC Web:
-
-   ```bash
-   npm i material-components-web @angular/material-experimental
-   ```
-
-2. In your `angular.json`, make sure `node_modules/` is listed as a Sass include path. This is
-   needed for the Sass compiler to be able to find the MDC Web Sass files.
-
-   ```json
-   ...
-   "styles": [
-     "src/styles.scss"
-   ],
-   "stylePreprocessorOptions": {
-     "includePaths": [
-       "node_modules/"
-     ]
-   },
-   ...
-   ```
-
-3. Import the experimental `MatCardModule` and add it to the module that declares your component:
-
-   ```ts
-   import {MatCardModule} from '@angular/material/card';
-
-   @NgModule({
-     declarations: [MyComponent],
-     imports: [MatCardModule],
-   })
-   export class MyModule {}
-   ```
-
-4. Use the card in your component's template:
-
-   ```html
-   <mat-card>
-     <mat-card-title> My Card Title </mat-card-title>
-     <mat-card-content>
-       Card content!
-     </mat-card-content>
-     <mat-card-actions>
-       <button> Like </button>
-       <button> Share </button>
-     </mat-card-actions>
-   </mat-card>
-   ```
-
-5. Add the theme and typography mixins to your Sass:
-
-   ```scss
-   @use '@angular/material' as mat;
-   @use '@angular/material-experimental' as mat-experimental;
-
-   $candy-app-primary: mat.define-palette(mat.$indigo-palette);
-   $candy-app-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
-   $candy-app-theme: mat.define-light-theme((
-     color: (
-       primary: $candy-app-primary,
-       accent: $candy-app-accent,
-     )
-   ));
-
-
-   @include mat-experimental.mdc-card-theme($candy-app-theme);
-   ```
-
-## API differences
-
-The API of the card matches the one from `@angular/material/legacy-card`. Simply replace imports to
-`@angular/material/legacy-card` with imports to `@angular/material/card`.
+Please see the official documentation at https://material.angular.io/components/component/card

src/material/checkbox/README.md

@@ -1,96 +1 @@
-This is prototype of an alternate version of `<mat-checkbox>` built on top of
-[MDC Web](https://github.com/material-components/material-components-web). It demonstrates how
-Angular Material could use MDC Web under the hood while still exposing the same API Angular users as
-the existing `<mat-checkbox>`. This component is experimental and should not be used in production.
-
-## How to use
-Assuming your application is already up and running using Angular Material, you can add this
-component by following these steps:
-
-1. Install Angular Material Experimental & MDC WEB:
-
-   ```bash
-   npm i material-components-web @angular/material-experimental
-   ```
-
-2. In your `angular.json`, make sure `node_modules/` is listed as a Sass include path. This is
-   needed for the Sass compiler to be able to find the MDC Web Sass files.
-
-   ```json
-   ...
-   "styles": [
-     "src/styles.scss"
-   ],
-   "stylePreprocessorOptions": {
-     "includePaths": [
-       "node_modules/"
-     ]
-   },
-   ...
-   ```
-
-3. Import the experimental `MatCheckboxModule` and add it to the module that declares your
-   component:
-
-   ```ts
-   import {MatCheckboxModule} from '@angular/material/checkbox';
-
-   @NgModule({
-     declarations: [MyComponent],
-     imports: [MatCheckboxModule],
-   })
-   export class MyModule {}
-   ```
-
-4. Add use `<mat-checkbox>` in your component's template, just like you would the normal
-   `<mat-checkbox>`:
-
-   ```html
-   <mat-checkbox [checked]="isChecked">Check me</mat-checkbox>
-   ```
-
-5. Add the theme and typography mixins to your Sass. (There is currently no pre-built CSS option for
-   the experimental `<mat-checkbox>`):
-
-   ```scss
-   @use '@angular/material' as mat;
-   @use '@angular/material-experimental' as mat-experimental;
-
-   $my-primary: mat.define-palette(mat.$indigo-palette);
-   $my-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
-   $my-theme: mat.define-light-theme((
-     color: (
-       primary: $my-primary,
-       accent: $my-accent
-     )
-   ));
-
-   @include mat-experimental.mdc-checkbox-theme($my-theme);
-   @include mat-experimental.mdc-checkbox-typography($my-theme);
-   ```
-
-## API differences
-The experimental checkbox API closely matches the
-[API of the standard checkbox](https://material.angular.io/components/checkbox/api).
-`@angular/material/checkbox` exports symbols with the same name and public interface
-as all of the symbols found under `@angular/material/legacy-checkbox`, except for the following
-differences:
-
-* The experimental `MatCheckbox` does not have a public `ripple` property.
-
-## Replacing the standard checkbox in an existing app
-Because the experimental API mirrors the API for the standard checkbox, it can easily be swapped in
-by just changing the import paths. There is currently no schematic for this, but you can run the
-following string replace across your TypeScript files:
-
-```bash
-grep -lr --include="*.ts" --exclude-dir="node_modules" \
-  --exclude="*.d.ts" "['\"]@angular/material/legacy-checkbox['\"]" | xargs sed -i \
-  "s/['\"]@angular\/material\/checkbox['\"]/'@angular\/material-experimental\/mdc-checkbox'/g"
-```
-
-CSS styles and tests that depend on implementation details of mat-checkbox (such as getting elements
-from the template by class name) will need to be manually updated.
-
-There are some small visual differences between this checkbox and the standard mat-checkbox. This
-checkbox has more built-in padding around it and is slightly larger.
+Please see the official documentation at https://material.angular.io/components/component/checkbox