feat(material/core): switch option implementation to use MDC (#25343)

Switches the implementation of `mat-option` and `mat-optgroup` to use MDC by default.

BREAKING CHANGE:
* DOM and CSS classes for `mat-option` and `mat-optgroup` have changed.
* Typescript API is largely the same but may have minor differences

Author: crisbeto

.github/CODEOWNERS

@@ -69,6 +69,8 @@
 /src/material/legacy-core/density/**                   @devversion
 /src/material/legacy-core/theming/**                   @andrewseguin @jelbourn
 /src/material/legacy-core/typography/**                @crisbeto
+/src/material/legacy-core/option/**                    @crisbeto
+/src/material/legacy-core/testing/**                   @crisbeto
 
 # Miscellaneous components
 /src/google-maps/**                                    @crisbeto

src/dev-app/mdc-checkbox/BUILD.bazel

@@ -12,8 +12,8 @@ ng_module(
     ],
     deps = [
         "//src/material-experimental/mdc-checkbox",
-        "//src/material-experimental/mdc-core",
         "//src/material-experimental/mdc-select",
+        "//src/material/core",
         "//src/material/form-field",
         "//src/material/input",
         "@npm//@angular/forms",

src/dev-app/mdc-checkbox/mdc-checkbox-demo.ts

@@ -11,7 +11,7 @@ import {MAT_CHECKBOX_DEFAULT_OPTIONS} from '@angular/material/checkbox';
 import {ANIMATION_MODULE_TYPE} from '@angular/platform-browser/animations';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {MatCheckboxModule} from '@angular/material-experimental/mdc-checkbox';
-import {MatPseudoCheckboxModule, ThemePalette} from '@angular/material-experimental/mdc-core';
+import {MatPseudoCheckboxModule, ThemePalette} from '@angular/material/core';
 import {MatInputModule} from '@angular/material/input';
 import {MatSelectModule} from '@angular/material-experimental/mdc-select';
 import {CommonModule} from '@angular/common';

src/dev-app/mdc-chips/BUILD.bazel

@@ -13,8 +13,8 @@ ng_module(
         "//src/material-experimental/mdc-button",
         "//src/material-experimental/mdc-checkbox",
         "//src/material-experimental/mdc-chips",
-        "//src/material-experimental/mdc-core",
         "//src/material/card",
+        "//src/material/core",
         "//src/material/form-field",
         "//src/material/icon",
         "//src/material/toolbar",

src/dev-app/mdc-chips/mdc-chips-demo.ts

@@ -9,7 +9,7 @@
 import {Component} from '@angular/core';
 import {COMMA, ENTER} from '@angular/cdk/keycodes';
 import {CommonModule} from '@angular/common';
-import {ThemePalette} from '@angular/material-experimental/mdc-core';
+import {ThemePalette} from '@angular/material/core';
 import {
   MatChipInputEvent,
   MatChipEditedEvent,

src/dev-app/mdc-progress-bar/mdc-progress-bar-demo.ts

@@ -7,7 +7,7 @@
  */
 
 import {Component} from '@angular/core';
-import {ThemePalette} from '@angular/material-experimental/mdc-core';
+import {ThemePalette} from '@angular/material/core';
 import {CommonModule} from '@angular/common';
 import {FormsModule} from '@angular/forms';
 import {MatProgressBarModule} from '@angular/material/progress-bar';

src/dev-app/mdc-progress-spinner/mdc-progress-spinner-demo.ts

@@ -7,7 +7,7 @@
  */
 
 import {Component} from '@angular/core';
-import {ThemePalette} from '@angular/material-experimental/mdc-core';
+import {ThemePalette} from '@angular/material/core';
 import {MatProgressSpinnerModule} from '@angular/material-experimental/mdc-progress-spinner';
 import {MatButtonModule} from '@angular/material-experimental/mdc-button';
 import {MatCheckboxModule} from '@angular/material-experimental/mdc-checkbox';

src/dev-app/mdc-select/mdc-select-demo.ts

@@ -8,7 +8,7 @@
 
 import {Component} from '@angular/core';
 import {FormControl, Validators, FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {ErrorStateMatcher, ThemePalette} from '@angular/material-experimental/mdc-core';
+import {ErrorStateMatcher, ThemePalette} from '@angular/material/core';
 import {MatSelectChange, MatSelectModule} from '@angular/material-experimental/mdc-select';
 import {FloatLabelType} from '@angular/material/form-field';
 import {CommonModule} from '@angular/common';

src/material-experimental/_index.scss

@@ -17,10 +17,6 @@
 // MDC-related themes
 @forward './mdc-core/core-theme' as mdc-core-* show mdc-core-theme, mdc-core-color,
   mdc-core-density, mdc-core-typography;
-@forward './mdc-core/option/option-theme' as mdc-option-* show mdc-option-color,
-  mdc-option-typography, mdc-option-density, mdc-option-theme;
-@forward './mdc-core/option/optgroup-theme' as mdc-optgroup-* show mdc-optgroup-color,
-  mdc-optgroup-typography, mdc-optgroup-density, mdc-optgroup-theme;
 @forward './mdc-autocomplete/autocomplete-theme' as mdc-autocomplete-* show mdc-autocomplete-color,
   mdc-autocomplete-typography, mdc-autocomplete-density, mdc-autocomplete-theme;
 @forward './mdc-button/button-theme' as mdc-button-* show mdc-button-color, mdc-button-typography,

src/material-experimental/config.bzl

@@ -9,7 +9,6 @@ entryPoints = [
     "mdc-chips",
     "mdc-chips/testing",
     "mdc-core",
-    "mdc-core/testing",
     "mdc-dialog",
     "mdc-dialog/testing",
     "mdc-list",