feat(material/form-field): switch implementation to use MDC

Moves the MDC-based form field to stable and renames the old form field to `@angular/material/legacy-form-field`.

Author: crisbeto

.github/CODEOWNERS

@@ -12,10 +12,10 @@
 /src/material/dialog/**                            @andrewseguin @crisbeto
 /src/material/divider/**                           @andrewseguin @crisbeto
 /src/material/expansion/**                         @andrewseguin
-/src/material/form-field/**                        @mmalerba
+/src/material/legacy-form-field/**                 @mmalerba
 /src/material/grid-list/**                         @andrewseguin
 /src/material/icon/**                              @andrewseguin
-/src/material/input/**                             @mmalerba
+/src/material/legacy-input/**                      @mmalerba
 /src/material/list/**                              @andrewseguin @crisbeto @devversion
 /src/material/menu/**                              @crisbeto
 /src/material/paginator/**                         @andrewseguin
@@ -39,6 +39,7 @@
 /src/material/legacy-tooltip/**                    @andrewseguin
 /src/material/tooltip/**                           @andrewseguin
 /src/material/tree/**                              @jelbourn @andrewseguin
+/src/material/input/**                                 @devversion @mmalerba
 
 # Angular Material core
 /src/material/core/*                                   @andrewseguin
@@ -114,7 +115,6 @@
 /src/material-experimental/mdc-core/**                 @crisbeto
 /src/material-experimental/mdc-dialog/**               @devversion
 /src/material-experimental/mdc-form-field/**           @devversion @mmalerba
-/src/material-experimental/mdc-input/**                @devversion @mmalerba
 /src/material-experimental/mdc-list/**                 @mmalerba @devversion
 /src/material-experimental/mdc-menu/**                 @crisbeto
 /src/material-experimental/mdc-select/**               @crisbeto
@@ -329,7 +329,7 @@
 /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/input**           @mmalerba
+/tools/public_api_guard/material/legacy-input**    @mmalerba
 /tools/public_api_guard/material/list**            @andrewseguin @crisbeto @devversion
 /tools/public_api_guard/material/menu**            @crisbeto
 /tools/public_api_guard/material/paginator**       @andrewseguin

.ng-dev/commit-message.mts

@@ -47,8 +47,8 @@ export const commitMessage: CommitMessageConfig = {
     'material-experimental/mdc-chips',
     'material-experimental/mdc-core',
     'material-experimental/mdc-dialog',
-    'material-experimental/mdc-form-field',
-    'material-experimental/mdc-input',
+    'material/form-field',
+    'material/input',
     'material-experimental/mdc-list',
     'material-experimental/mdc-menu',
     'material-experimental/mdc-paginator',
@@ -83,9 +83,10 @@ export const commitMessage: CommitMessageConfig = {
     'material/divider',
     'material/expansion',
     'material/form-field',
+    'material/legacy-form-field',
     'material/grid-list',
     'material/icon',
-    'material/input',
+    'material/legacy-input',
     'material/list',
     'material/menu',
     'material/paginator',

integration/size-test/material-experimental/mdc-form-field/BUILD.bazel

@@ -4,16 +4,16 @@ size_test(
     name = "basic",
     file = "basic.ts",
     deps = [
-        "//src/material-experimental/mdc-form-field",
-        "//src/material-experimental/mdc-input",
+        "//src/material/form-field",
+        "//src/material/input",
     ],
 )
 
 size_test(
     name = "advanced",
     file = "advanced.ts",
     deps = [
-        "//src/material-experimental/mdc-form-field",
-        "//src/material-experimental/mdc-input",
+        "//src/material/form-field",
+        "//src/material/input",
     ],
 )

integration/size-test/material-experimental/mdc-form-field/advanced.ts

@@ -1,6 +1,6 @@
 import {Component, NgModule} from '@angular/core';
-import {MatFormFieldModule} from '@angular/material-experimental/mdc-form-field';
-import {MatInputModule} from '@angular/material-experimental/mdc-input';
+import {MatFormFieldModule} from '@angular/material/form-field';
+import {MatInputModule} from '@angular/material/input';
 
 /**
  * Advanced component using `MatFormField` and `MatInput` in combination with content

integration/size-test/material-experimental/mdc-form-field/basic.ts

@@ -1,6 +1,6 @@
 import {Component, NgModule} from '@angular/core';
-import {MatFormFieldModule} from '@angular/material-experimental/mdc-form-field';
-import {MatInputModule} from '@angular/material-experimental/mdc-input';
+import {MatFormFieldModule} from '@angular/material/form-field';
+import {MatInputModule} from '@angular/material/input';
 
 /**
  * Basic component using `MatFormField` and `MatInput`. Other parts of the form-field

integration/size-test/material/form-field/BUILD.bazel

@@ -4,16 +4,16 @@ size_test(
     name = "basic",
     file = "basic.ts",
     deps = [
-        "//src/material/form-field",
-        "//src/material/input",
+        "//src/material/legacy-form-field",
+        "//src/material/legacy-input",
     ],
 )
 
 size_test(
     name = "advanced",
     file = "advanced.ts",
     deps = [
-        "//src/material/form-field",
-        "//src/material/input",
+        "//src/material/legacy-form-field",
+        "//src/material/legacy-input",
     ],
 )

integration/size-test/material/form-field/advanced.ts

@@ -1,6 +1,6 @@
 import {Component, NgModule} from '@angular/core';
-import {MatFormFieldModule} from '@angular/material/form-field';
-import {MatInputModule} from '@angular/material/input';
+import {MatLegacyFormFieldModule} from '@angular/material/legacy-form-field';
+import {MatLegacyInputModule} from '@angular/material/legacy-input';
 
 /**
  * Advanced component using `MatFormField` and `MatInput` in combination with content
@@ -20,7 +20,7 @@ import {MatInputModule} from '@angular/material/input';
 export class TestComponent {}
 
 @NgModule({
-  imports: [MatInputModule, MatFormFieldModule],
+  imports: [MatLegacyInputModule, MatLegacyFormFieldModule],
   declarations: [TestComponent],
   bootstrap: [TestComponent],
 })

integration/size-test/material/form-field/basic.ts

@@ -1,6 +1,6 @@
 import {Component, NgModule} from '@angular/core';
-import {MatFormFieldModule} from '@angular/material/form-field';
-import {MatInputModule} from '@angular/material/input';
+import {MatLegacyFormFieldModule} from '@angular/material/legacy-form-field';
+import {MatLegacyInputModule} from '@angular/material/legacy-input';
 
 /**
  * Basic component using `MatFormField` and `MatInput`. Other parts of the form-field
@@ -17,7 +17,7 @@ import {MatInputModule} from '@angular/material/input';
 export class TestComponent {}
 
 @NgModule({
-  imports: [MatInputModule, MatFormFieldModule],
+  imports: [MatLegacyInputModule, MatLegacyFormFieldModule],
   declarations: [TestComponent],
   bootstrap: [TestComponent],
 })

src/components-examples/material-experimental/mdc-form-field/BUILD.bazel

@@ -12,8 +12,8 @@ ng_module(
     deps = [
         "//src/cdk/a11y",
         "//src/cdk/coercion",
-        "//src/material-experimental/mdc-form-field",
-        "//src/material-experimental/mdc-input",
+        "//src/material/form-field",
+        "//src/material/input",
         "//src/material/icon",
         "@npm//@angular/common",
         "@npm//@angular/forms",

src/components-examples/material-experimental/mdc-form-field/index.ts

@@ -1,7 +1,7 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {ReactiveFormsModule} from '@angular/forms';
-import {MatFormFieldModule} from '@angular/material-experimental/mdc-form-field';
+import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatIconModule} from '@angular/material/icon';
 import {
   MdcFormFieldCustomControlExample,