diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
index f2e7d11aa0b0..5378feda41cb 100644
--- a/.github/CODEOWNERS
+++ b/.github/CODEOWNERS
@@ -5,7 +5,7 @@
/src/material/bottom-sheet/** @jelbourn @crisbeto
/src/material/button-toggle/** @andrewseguin
/src/material/button/** @andrewseguin
-/src/material/card/** @andrewseguin
+/src/material/legacy-card/** @andrewseguin
/src/material/checkbox/** @andrewseguin @devversion
/src/material/chips/** @andrewseguin
/src/material/datepicker/** @mmalerba @crisbeto @zarend
@@ -107,7 +107,7 @@
/src/material-experimental/column-resize/** @andrewseguin
/src/material-experimental/mdc-autocomplete/** @crisbeto
/src/material-experimental/mdc-button/** @andrewseguin
-/src/material-experimental/mdc-card/** @mmalerba
+/src/material/card/** @mmalerba
/src/material-experimental/mdc-checkbox/** @mmalerba
/src/material-experimental/mdc-chips/** @mmalerba
/src/material-experimental/mdc-core/** @crisbeto
@@ -316,7 +316,7 @@
/tools/public_api_guard/material/bottom-sheet** @andrewseguin @crisbeto
/tools/public_api_guard/material/button-toggle** @andrewseguin
/tools/public_api_guard/material/button** @andrewseguin
-/tools/public_api_guard/material/card** @andrewseguin
+/tools/public_api_guard/material/legacy-card** @andrewseguin
/tools/public_api_guard/material/checkbox** @andrewseguin @devversion
/tools/public_api_guard/material/chips** @andrewseguin
/tools/public_api_guard/material/chips/testing** @andrewseguin
diff --git a/.ng-dev/commit-message.mts b/.ng-dev/commit-message.mts
index 9ed3beb87dda..4692d760128d 100644
--- a/.ng-dev/commit-message.mts
+++ b/.ng-dev/commit-message.mts
@@ -42,7 +42,7 @@ export const commitMessage: CommitMessageConfig = {
'material-experimental/column-resize',
'material-experimental/mdc-autocomplete',
'material-experimental/mdc-button',
- 'material-experimental/mdc-card',
+ 'material/card',
'material-experimental/mdc-checkbox',
'material-experimental/mdc-chips',
'material-experimental/mdc-core',
@@ -73,7 +73,7 @@ export const commitMessage: CommitMessageConfig = {
'material/bottom-sheet',
'material/button',
'material/button-toggle',
- 'material/card',
+ 'material/legacy-card',
'material/checkbox',
'material/chips',
'material/core',
diff --git a/src/components-examples/material-experimental/mdc-card/BUILD.bazel b/src/components-examples/material-experimental/mdc-card/BUILD.bazel
index 5cc7fbcfedb7..f276e136724a 100644
--- a/src/components-examples/material-experimental/mdc-card/BUILD.bazel
+++ b/src/components-examples/material-experimental/mdc-card/BUILD.bazel
@@ -11,7 +11,7 @@ ng_module(
]),
deps = [
"//src/material-experimental/mdc-button",
- "//src/material-experimental/mdc-card",
+ "//src/material/card",
],
)
diff --git a/src/components-examples/material-experimental/mdc-card/index.ts b/src/components-examples/material-experimental/mdc-card/index.ts
index 60fac1bc22b2..2cd66d4a4185 100644
--- a/src/components-examples/material-experimental/mdc-card/index.ts
+++ b/src/components-examples/material-experimental/mdc-card/index.ts
@@ -1,6 +1,6 @@
import {NgModule} from '@angular/core';
import {MatButtonModule} from '@angular/material-experimental/mdc-button';
-import {MatCardModule} from '@angular/material-experimental/mdc-card';
+import {MatCardModule} from '@angular/material/card';
import {MdcCardFancyExample} from './mdc-card-fancy/mdc-card-fancy-example';
export {MdcCardFancyExample};
diff --git a/src/components-examples/material/card/BUILD.bazel b/src/components-examples/material/card/BUILD.bazel
index 1925520019ca..28af6994f6a9 100644
--- a/src/components-examples/material/card/BUILD.bazel
+++ b/src/components-examples/material/card/BUILD.bazel
@@ -17,9 +17,9 @@ ng_module(
"//src/cdk/testing/testbed",
"//src/material/button",
"//src/material/button/testing",
- "//src/material/card",
- "//src/material/card/testing",
"//src/material/divider",
+ "//src/material/legacy-card",
+ "//src/material/legacy-card/testing",
"//src/material/progress-bar",
"@npm//@angular/platform-browser",
"@npm//@angular/platform-browser-dynamic",
@@ -44,8 +44,8 @@ ng_test_library(
"//src/cdk/testing",
"//src/cdk/testing/testbed",
"//src/material/button/testing",
- "//src/material/card",
- "//src/material/card/testing",
+ "//src/material/legacy-card",
+ "//src/material/legacy-card/testing",
"@npm//@angular/platform-browser-dynamic",
],
)
diff --git a/src/components-examples/material/card/card-harness/card-harness-example.spec.ts b/src/components-examples/material/card/card-harness/card-harness-example.spec.ts
index 8c589e07fa99..a86229645593 100644
--- a/src/components-examples/material/card/card-harness/card-harness-example.spec.ts
+++ b/src/components-examples/material/card/card-harness/card-harness-example.spec.ts
@@ -1,9 +1,9 @@
import {ComponentFixture, TestBed} from '@angular/core/testing';
import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
import {MatButtonHarness} from '@angular/material/button/testing';
-import {MatCardHarness} from '@angular/material/card/testing';
+import {MatLegacyCardHarness} from '@angular/material/legacy-card/testing';
import {HarnessLoader, parallel} from '@angular/cdk/testing';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {CardHarnessExample} from './card-harness-example';
describe('CardHarnessExample', () => {
@@ -12,7 +12,7 @@ describe('CardHarnessExample', () => {
beforeEach(async () => {
await TestBed.configureTestingModule({
- imports: [MatCardModule],
+ imports: [MatLegacyCardModule],
declarations: [CardHarnessExample],
}).compileComponents();
fixture = TestBed.createComponent(CardHarnessExample);
@@ -21,13 +21,13 @@ describe('CardHarnessExample', () => {
});
it('should find card with text', async () => {
- const cards = await loader.getAllHarnesses(MatCardHarness.with({text: /spitz breed/}));
+ const cards = await loader.getAllHarnesses(MatLegacyCardHarness.with({text: /spitz breed/}));
expect(cards.length).toBe(1);
expect(await cards[0].getTitleText()).toBe('Shiba Inu');
});
it('should get subtitle text', async () => {
- const cards = await loader.getAllHarnesses(MatCardHarness);
+ const cards = await loader.getAllHarnesses(MatLegacyCardHarness);
expect(await parallel(() => cards.map(card => card.getSubtitleText()))).toEqual([
'',
'Dog Breed',
@@ -35,7 +35,7 @@ describe('CardHarnessExample', () => {
});
it('should act as a harness loader for user content', async () => {
- const card = await loader.getHarness(MatCardHarness.with({title: 'Shiba Inu'}));
+ const card = await loader.getHarness(MatLegacyCardHarness.with({title: 'Shiba Inu'}));
const footerSubcomponents = (await card.getAllHarnesses(MatButtonHarness)) ?? [];
expect(footerSubcomponents.length).toBe(2);
});
diff --git a/src/components-examples/material/card/index.ts b/src/components-examples/material/card/index.ts
index 30bf8884fd8b..17b1e8e8f404 100644
--- a/src/components-examples/material/card/index.ts
+++ b/src/components-examples/material/card/index.ts
@@ -1,6 +1,6 @@
import {NgModule} from '@angular/core';
import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatDividerModule} from '@angular/material/divider';
import {MatProgressBarModule} from '@angular/material/progress-bar';
import {CardFancyExample} from './card-fancy/card-fancy-example';
@@ -32,7 +32,7 @@ const EXAMPLES = [
];
@NgModule({
- imports: [MatButtonModule, MatCardModule, MatDividerModule, MatProgressBarModule],
+ imports: [MatButtonModule, MatLegacyCardModule, MatDividerModule, MatProgressBarModule],
declarations: EXAMPLES,
exports: EXAMPLES,
})
diff --git a/src/components-examples/material/checkbox/BUILD.bazel b/src/components-examples/material/checkbox/BUILD.bazel
index 90654ce87ee9..c147eec1441d 100644
--- a/src/components-examples/material/checkbox/BUILD.bazel
+++ b/src/components-examples/material/checkbox/BUILD.bazel
@@ -15,9 +15,9 @@ ng_module(
deps = [
"//src/cdk/testing",
"//src/cdk/testing/testbed",
- "//src/material/card",
"//src/material/checkbox",
"//src/material/checkbox/testing",
+ "//src/material/legacy-card",
"//src/material/radio",
"@npm//@angular/forms",
"@npm//@angular/platform-browser",
diff --git a/src/components-examples/material/checkbox/index.ts b/src/components-examples/material/checkbox/index.ts
index a58046784231..eb2333d57c0f 100644
--- a/src/components-examples/material/checkbox/index.ts
+++ b/src/components-examples/material/checkbox/index.ts
@@ -1,7 +1,7 @@
import {CommonModule} from '@angular/common';
import {NgModule} from '@angular/core';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatCheckboxModule} from '@angular/material/checkbox';
import {MatRadioModule} from '@angular/material/radio';
import {CheckboxConfigurableExample} from './checkbox-configurable/checkbox-configurable-example';
@@ -26,7 +26,7 @@ const EXAMPLES = [
@NgModule({
imports: [
CommonModule,
- MatCardModule,
+ MatLegacyCardModule,
MatCheckboxModule,
MatRadioModule,
FormsModule,
diff --git a/src/components-examples/material/datepicker/BUILD.bazel b/src/components-examples/material/datepicker/BUILD.bazel
index e6b0ec539f9a..77aa1b7b3b33 100644
--- a/src/components-examples/material/datepicker/BUILD.bazel
+++ b/src/components-examples/material/datepicker/BUILD.bazel
@@ -17,12 +17,12 @@ ng_module(
"//src/cdk/testing/testbed",
"//src/material-moment-adapter",
"//src/material/button",
- "//src/material/card",
"//src/material/core",
"//src/material/datepicker",
"//src/material/datepicker/testing",
"//src/material/icon",
"//src/material/input",
+ "//src/material/legacy-card",
"@npm//@angular/forms",
"@npm//@angular/platform-browser",
"@npm//@angular/platform-browser-dynamic",
diff --git a/src/components-examples/material/datepicker/index.ts b/src/components-examples/material/datepicker/index.ts
index 0732e6e50f64..d262ad676e72 100644
--- a/src/components-examples/material/datepicker/index.ts
+++ b/src/components-examples/material/datepicker/index.ts
@@ -2,7 +2,7 @@ import {CommonModule} from '@angular/common';
import {NgModule} from '@angular/core';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatNativeDateModule, MAT_DATE_LOCALE} from '@angular/material/core';
import {MatDatepickerModule} from '@angular/material/datepicker';
import {MatIconModule} from '@angular/material/icon';
@@ -96,7 +96,7 @@ const EXAMPLES = [
imports: [
CommonModule,
MatButtonModule,
- MatCardModule,
+ MatLegacyCardModule,
MatDatepickerModule,
MatInputModule,
MatIconModule,
diff --git a/src/components-examples/material/progress-bar/BUILD.bazel b/src/components-examples/material/progress-bar/BUILD.bazel
index be34e4cbb586..b3fa3320c21b 100644
--- a/src/components-examples/material/progress-bar/BUILD.bazel
+++ b/src/components-examples/material/progress-bar/BUILD.bazel
@@ -15,7 +15,7 @@ ng_module(
deps = [
"//src/cdk/testing",
"//src/cdk/testing/testbed",
- "//src/material/card",
+ "//src/material/legacy-card",
"//src/material/progress-bar",
"//src/material/progress-bar/testing",
"//src/material/radio",
diff --git a/src/components-examples/material/progress-bar/index.ts b/src/components-examples/material/progress-bar/index.ts
index 20b3b85feb10..58b8486d05f2 100644
--- a/src/components-examples/material/progress-bar/index.ts
+++ b/src/components-examples/material/progress-bar/index.ts
@@ -1,7 +1,7 @@
import {CommonModule} from '@angular/common';
import {NgModule} from '@angular/core';
import {FormsModule} from '@angular/forms';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatProgressBarModule} from '@angular/material/progress-bar';
import {MatRadioModule} from '@angular/material/radio';
import {MatSliderModule} from '@angular/material/slider';
@@ -33,7 +33,7 @@ const EXAMPLES = [
@NgModule({
imports: [
CommonModule,
- MatCardModule,
+ MatLegacyCardModule,
MatProgressBarModule,
MatRadioModule,
MatSliderModule,
diff --git a/src/components-examples/material/progress-spinner/BUILD.bazel b/src/components-examples/material/progress-spinner/BUILD.bazel
index 9a419122be24..467dbebbc44f 100644
--- a/src/components-examples/material/progress-spinner/BUILD.bazel
+++ b/src/components-examples/material/progress-spinner/BUILD.bazel
@@ -15,7 +15,7 @@ ng_module(
deps = [
"//src/cdk/testing",
"//src/cdk/testing/testbed",
- "//src/material/card",
+ "//src/material/legacy-card",
"//src/material/progress-spinner",
"//src/material/progress-spinner/testing",
"//src/material/radio",
diff --git a/src/components-examples/material/progress-spinner/index.ts b/src/components-examples/material/progress-spinner/index.ts
index 33f890396cf6..2ea85f342a65 100644
--- a/src/components-examples/material/progress-spinner/index.ts
+++ b/src/components-examples/material/progress-spinner/index.ts
@@ -1,7 +1,7 @@
import {CommonModule} from '@angular/common';
import {NgModule} from '@angular/core';
import {FormsModule} from '@angular/forms';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
import {MatRadioModule} from '@angular/material/radio';
import {MatSliderModule} from '@angular/material/slider';
@@ -24,7 +24,7 @@ const EXAMPLES = [
@NgModule({
imports: [
CommonModule,
- MatCardModule,
+ MatLegacyCardModule,
MatProgressSpinnerModule,
MatRadioModule,
MatSliderModule,
diff --git a/src/components-examples/material/slide-toggle/BUILD.bazel b/src/components-examples/material/slide-toggle/BUILD.bazel
index f38c4d02929c..98b8d7920128 100644
--- a/src/components-examples/material/slide-toggle/BUILD.bazel
+++ b/src/components-examples/material/slide-toggle/BUILD.bazel
@@ -16,8 +16,8 @@ ng_module(
"//src/cdk/testing",
"//src/cdk/testing/testbed",
"//src/material/button",
- "//src/material/card",
"//src/material/checkbox",
+ "//src/material/legacy-card",
"//src/material/radio",
"//src/material/slide-toggle",
"//src/material/slide-toggle/testing",
diff --git a/src/components-examples/material/slide-toggle/index.ts b/src/components-examples/material/slide-toggle/index.ts
index c7fba6da533c..1b172442fb9c 100644
--- a/src/components-examples/material/slide-toggle/index.ts
+++ b/src/components-examples/material/slide-toggle/index.ts
@@ -1,7 +1,7 @@
import {NgModule} from '@angular/core';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatCheckboxModule} from '@angular/material/checkbox';
import {MatRadioModule} from '@angular/material/radio';
import {MatSlideToggleModule} from '@angular/material/slide-toggle';
@@ -28,7 +28,7 @@ const EXAMPLES = [
imports: [
FormsModule,
MatButtonModule,
- MatCardModule,
+ MatLegacyCardModule,
MatCheckboxModule,
MatRadioModule,
MatSlideToggleModule,
diff --git a/src/components-examples/material/slider/BUILD.bazel b/src/components-examples/material/slider/BUILD.bazel
index 8b2c483176ee..e60d463f1b2c 100644
--- a/src/components-examples/material/slider/BUILD.bazel
+++ b/src/components-examples/material/slider/BUILD.bazel
@@ -15,9 +15,9 @@ ng_module(
deps = [
"//src/cdk/testing",
"//src/cdk/testing/testbed",
- "//src/material/card",
"//src/material/checkbox",
"//src/material/input",
+ "//src/material/legacy-card",
"//src/material/slider",
"//src/material/slider/testing",
"@npm//@angular/forms",
diff --git a/src/components-examples/material/slider/index.ts b/src/components-examples/material/slider/index.ts
index 19d0e8446aeb..ca682596bc05 100644
--- a/src/components-examples/material/slider/index.ts
+++ b/src/components-examples/material/slider/index.ts
@@ -1,7 +1,7 @@
import {CommonModule} from '@angular/common';
import {NgModule} from '@angular/core';
import {FormsModule} from '@angular/forms';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatCheckboxModule} from '@angular/material/checkbox';
import {MatInputModule} from '@angular/material/input';
import {MatSliderModule} from '@angular/material/slider';
@@ -28,7 +28,7 @@ const EXAMPLES = [
imports: [
CommonModule,
FormsModule,
- MatCardModule,
+ MatLegacyCardModule,
MatCheckboxModule,
MatInputModule,
MatSliderModule,
diff --git a/src/dev-app/autocomplete/BUILD.bazel b/src/dev-app/autocomplete/BUILD.bazel
index 078e5bf15d53..dc63a97892b6 100644
--- a/src/dev-app/autocomplete/BUILD.bazel
+++ b/src/dev-app/autocomplete/BUILD.bazel
@@ -12,9 +12,9 @@ ng_module(
deps = [
"//src/material/autocomplete",
"//src/material/button",
- "//src/material/card",
"//src/material/form-field",
"//src/material/input",
+ "//src/material/legacy-card",
"@npm//@angular/forms",
],
)
diff --git a/src/dev-app/autocomplete/autocomplete-demo.ts b/src/dev-app/autocomplete/autocomplete-demo.ts
index 37687b9b187c..f368db966181 100644
--- a/src/dev-app/autocomplete/autocomplete-demo.ts
+++ b/src/dev-app/autocomplete/autocomplete-demo.ts
@@ -11,7 +11,7 @@ import {CommonModule} from '@angular/common';
import {FormControl, FormsModule, NgModel, ReactiveFormsModule} from '@angular/forms';
import {MatAutocompleteModule} from '@angular/material/autocomplete';
import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatFormFieldModule} from '@angular/material/form-field';
import {MatInputModule} from '@angular/material/input';
import {Observable} from 'rxjs';
@@ -37,7 +37,7 @@ export interface StateGroup {
FormsModule,
MatAutocompleteModule,
MatButtonModule,
- MatCardModule,
+ MatLegacyCardModule,
MatFormFieldModule,
MatInputModule,
ReactiveFormsModule,
diff --git a/src/dev-app/baseline/BUILD.bazel b/src/dev-app/baseline/BUILD.bazel
index 8750842f2c3a..6aec0abd1d99 100644
--- a/src/dev-app/baseline/BUILD.bazel
+++ b/src/dev-app/baseline/BUILD.bazel
@@ -10,10 +10,10 @@ ng_module(
":baseline_demo_scss",
],
deps = [
- "//src/material/card",
"//src/material/checkbox",
"//src/material/form-field",
"//src/material/input",
+ "//src/material/legacy-card",
"//src/material/radio",
"//src/material/select",
"//src/material/toolbar",
diff --git a/src/dev-app/baseline/baseline-demo.ts b/src/dev-app/baseline/baseline-demo.ts
index 8babbcf5f97a..cb3d37e2cbe0 100644
--- a/src/dev-app/baseline/baseline-demo.ts
+++ b/src/dev-app/baseline/baseline-demo.ts
@@ -8,7 +8,7 @@
import {Component} from '@angular/core';
import {CommonModule} from '@angular/common';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatCheckboxModule} from '@angular/material/checkbox';
import {MatFormFieldModule} from '@angular/material/form-field';
import {MatInputModule} from '@angular/material/input';
@@ -23,7 +23,7 @@ import {MatToolbarModule} from '@angular/material/toolbar';
standalone: true,
imports: [
CommonModule,
- MatCardModule,
+ MatLegacyCardModule,
MatCheckboxModule,
MatFormFieldModule,
MatInputModule,
diff --git a/src/dev-app/bottom-sheet/BUILD.bazel b/src/dev-app/bottom-sheet/BUILD.bazel
index bf106b2b5882..b0ec35ec8998 100644
--- a/src/dev-app/bottom-sheet/BUILD.bazel
+++ b/src/dev-app/bottom-sheet/BUILD.bazel
@@ -12,11 +12,11 @@ ng_module(
deps = [
"//src/material/bottom-sheet",
"//src/material/button",
- "//src/material/card",
"//src/material/checkbox",
"//src/material/form-field",
"//src/material/icon",
"//src/material/input",
+ "//src/material/legacy-card",
"//src/material/list",
"//src/material/select",
"@npm//@angular/forms",
diff --git a/src/dev-app/bottom-sheet/bottom-sheet-demo.ts b/src/dev-app/bottom-sheet/bottom-sheet-demo.ts
index b811cfa4b897..cf2760084c5d 100644
--- a/src/dev-app/bottom-sheet/bottom-sheet-demo.ts
+++ b/src/dev-app/bottom-sheet/bottom-sheet-demo.ts
@@ -16,7 +16,7 @@ import {
MatBottomSheetRef,
} from '@angular/material/bottom-sheet';
import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatCheckboxModule} from '@angular/material/checkbox';
import {MatFormFieldModule} from '@angular/material/form-field';
import {MatIconModule} from '@angular/material/icon';
@@ -36,7 +36,7 @@ const defaultConfig = new MatBottomSheetConfig();
FormsModule,
MatBottomSheetModule,
MatButtonModule,
- MatCardModule,
+ MatLegacyCardModule,
MatCheckboxModule,
MatFormFieldModule,
MatIconModule,
diff --git a/src/dev-app/card/BUILD.bazel b/src/dev-app/card/BUILD.bazel
index f99f6a0732cc..034eac29a0af 100644
--- a/src/dev-app/card/BUILD.bazel
+++ b/src/dev-app/card/BUILD.bazel
@@ -11,8 +11,8 @@ ng_module(
],
deps = [
"//src/material/button",
- "//src/material/card",
"//src/material/divider",
+ "//src/material/legacy-card",
"//src/material/progress-bar",
],
)
diff --git a/src/dev-app/card/card-demo.ts b/src/dev-app/card/card-demo.ts
index c4da3ebb2c48..0656a255e29b 100644
--- a/src/dev-app/card/card-demo.ts
+++ b/src/dev-app/card/card-demo.ts
@@ -8,7 +8,7 @@
import {Component} from '@angular/core';
import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatDividerModule} from '@angular/material/divider';
import {MatProgressBarModule} from '@angular/material/progress-bar';
@@ -17,7 +17,7 @@ import {MatProgressBarModule} from '@angular/material/progress-bar';
templateUrl: 'card-demo.html',
styleUrls: ['card-demo.css'],
standalone: true,
- imports: [MatButtonModule, MatCardModule, MatDividerModule, MatProgressBarModule],
+ imports: [MatButtonModule, MatLegacyCardModule, MatDividerModule, MatProgressBarModule],
})
export class CardDemo {
longText =
diff --git a/src/dev-app/chips/BUILD.bazel b/src/dev-app/chips/BUILD.bazel
index 8c7670d7a030..6f636c8ed5f3 100644
--- a/src/dev-app/chips/BUILD.bazel
+++ b/src/dev-app/chips/BUILD.bazel
@@ -11,11 +11,11 @@ ng_module(
],
deps = [
"//src/material/button",
- "//src/material/card",
"//src/material/checkbox",
"//src/material/chips",
"//src/material/form-field",
"//src/material/icon",
+ "//src/material/legacy-card",
"//src/material/toolbar",
],
)
diff --git a/src/dev-app/chips/chips-demo.ts b/src/dev-app/chips/chips-demo.ts
index 8848c38892fa..6d523d62fbf2 100644
--- a/src/dev-app/chips/chips-demo.ts
+++ b/src/dev-app/chips/chips-demo.ts
@@ -11,7 +11,7 @@ import {COMMA, ENTER} from '@angular/cdk/keycodes';
import {CommonModule} from '@angular/common';
import {FormsModule} from '@angular/forms';
import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatCheckboxModule} from '@angular/material/checkbox';
import {MatChipInputEvent, MatChipsModule} from '@angular/material/chips';
import {ThemePalette} from '@angular/material/core';
@@ -37,7 +37,7 @@ export interface DemoColor {
CommonModule,
FormsModule,
MatButtonModule,
- MatCardModule,
+ MatLegacyCardModule,
MatCheckboxModule,
MatChipsModule,
MatFormFieldModule,
diff --git a/src/dev-app/dialog/BUILD.bazel b/src/dev-app/dialog/BUILD.bazel
index 90c7b1b817d8..3b8c21232c97 100644
--- a/src/dev-app/dialog/BUILD.bazel
+++ b/src/dev-app/dialog/BUILD.bazel
@@ -12,11 +12,11 @@ ng_module(
deps = [
"//src/cdk/drag-drop",
"//src/material/button",
- "//src/material/card",
"//src/material/checkbox",
"//src/material/dialog",
"//src/material/form-field",
"//src/material/input",
+ "//src/material/legacy-card",
"//src/material/select",
],
)
diff --git a/src/dev-app/dialog/dialog-demo.ts b/src/dev-app/dialog/dialog-demo.ts
index 36c3d402cd98..8f2cc9963bf4 100644
--- a/src/dev-app/dialog/dialog-demo.ts
+++ b/src/dev-app/dialog/dialog-demo.ts
@@ -11,7 +11,7 @@ import {DOCUMENT} from '@angular/common';
import {DragDropModule} from '@angular/cdk/drag-drop';
import {FormsModule} from '@angular/forms';
import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatCheckboxModule} from '@angular/material/checkbox';
import {
MAT_DIALOG_DATA,
@@ -34,7 +34,7 @@ const defaultDialogConfig = new MatDialogConfig();
imports: [
FormsModule,
MatButtonModule,
- MatCardModule,
+ MatLegacyCardModule,
MatCheckboxModule,
MatDialogModule,
MatFormFieldModule,
diff --git a/src/dev-app/focus-trap/BUILD.bazel b/src/dev-app/focus-trap/BUILD.bazel
index 9abf6b8a02e2..e207e44a8581 100644
--- a/src/dev-app/focus-trap/BUILD.bazel
+++ b/src/dev-app/focus-trap/BUILD.bazel
@@ -15,8 +15,8 @@ ng_module(
"//src/cdk/a11y",
"//src/cdk/platform",
"//src/material/button",
- "//src/material/card",
"//src/material/dialog",
+ "//src/material/legacy-card",
"//src/material/toolbar",
],
)
diff --git a/src/dev-app/focus-trap/focus-trap-demo.ts b/src/dev-app/focus-trap/focus-trap-demo.ts
index 995f3ed9656d..23e0fef3ed22 100644
--- a/src/dev-app/focus-trap/focus-trap-demo.ts
+++ b/src/dev-app/focus-trap/focus-trap-demo.ts
@@ -20,7 +20,7 @@ import {MatDialog, MatDialogModule} from '@angular/material/dialog';
import {_supportsShadowDom} from '@angular/cdk/platform';
import {CommonModule} from '@angular/common';
import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatToolbarModule} from '@angular/material/toolbar';
@Component({
@@ -41,7 +41,7 @@ export class FocusTrapShadowDomDemo {}
A11yModule,
CommonModule,
MatButtonModule,
- MatCardModule,
+ MatLegacyCardModule,
MatDialogModule,
MatToolbarModule,
FocusTrapShadowDomDemo,
diff --git a/src/dev-app/grid-list/BUILD.bazel b/src/dev-app/grid-list/BUILD.bazel
index cc9359b5250d..d49530c89615 100644
--- a/src/dev-app/grid-list/BUILD.bazel
+++ b/src/dev-app/grid-list/BUILD.bazel
@@ -11,9 +11,9 @@ ng_module(
],
deps = [
"//src/material/button",
- "//src/material/card",
"//src/material/grid-list",
"//src/material/icon",
+ "//src/material/legacy-card",
],
)
diff --git a/src/dev-app/grid-list/grid-list-demo.ts b/src/dev-app/grid-list/grid-list-demo.ts
index 2935b4022eb7..91f80bc056b7 100644
--- a/src/dev-app/grid-list/grid-list-demo.ts
+++ b/src/dev-app/grid-list/grid-list-demo.ts
@@ -10,7 +10,7 @@ import {Component} from '@angular/core';
import {CommonModule} from '@angular/common';
import {FormsModule} from '@angular/forms';
import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatGridListModule} from '@angular/material/grid-list';
import {MatIconModule} from '@angular/material/icon';
@@ -23,7 +23,7 @@ import {MatIconModule} from '@angular/material/icon';
CommonModule,
FormsModule,
MatButtonModule,
- MatCardModule,
+ MatLegacyCardModule,
MatGridListModule,
MatIconModule,
],
diff --git a/src/dev-app/input/BUILD.bazel b/src/dev-app/input/BUILD.bazel
index c544e821f763..9c4a76f71acc 100644
--- a/src/dev-app/input/BUILD.bazel
+++ b/src/dev-app/input/BUILD.bazel
@@ -12,11 +12,11 @@ ng_module(
deps = [
"//src/material/button",
"//src/material/button-toggle",
- "//src/material/card",
"//src/material/checkbox",
"//src/material/form-field",
"//src/material/icon",
"//src/material/input",
+ "//src/material/legacy-card",
"//src/material/select",
"//src/material/tabs",
"//src/material/toolbar",
diff --git a/src/dev-app/input/input-demo.ts b/src/dev-app/input/input-demo.ts
index 2e08c1bcb8f1..46b290d5b2e1 100644
--- a/src/dev-app/input/input-demo.ts
+++ b/src/dev-app/input/input-demo.ts
@@ -11,7 +11,7 @@ import {CommonModule} from '@angular/common';
import {FormControl, FormsModule, ReactiveFormsModule, Validators} from '@angular/forms';
import {MatButtonModule} from '@angular/material/button';
import {MatButtonToggleModule} from '@angular/material/button-toggle';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatCheckboxModule} from '@angular/material/checkbox';
import {ErrorStateMatcher} from '@angular/material/core';
import {FloatLabelType, MatFormFieldModule} from '@angular/material/form-field';
@@ -36,7 +36,7 @@ const EMAIL_REGEX = /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA
FormsModule,
MatButtonModule,
MatButtonToggleModule,
- MatCardModule,
+ MatLegacyCardModule,
MatCheckboxModule,
MatFormFieldModule,
MatIconModule,
diff --git a/src/dev-app/mdc-autocomplete/BUILD.bazel b/src/dev-app/mdc-autocomplete/BUILD.bazel
index 53c8b175eb1b..ee7070f7ddab 100644
--- a/src/dev-app/mdc-autocomplete/BUILD.bazel
+++ b/src/dev-app/mdc-autocomplete/BUILD.bazel
@@ -12,9 +12,9 @@ ng_module(
deps = [
"//src/material-experimental/mdc-autocomplete",
"//src/material-experimental/mdc-button",
- "//src/material-experimental/mdc-card",
"//src/material-experimental/mdc-form-field",
"//src/material-experimental/mdc-input",
+ "//src/material/card",
"@npm//@angular/forms",
],
)
diff --git a/src/dev-app/mdc-autocomplete/mdc-autocomplete-demo.ts b/src/dev-app/mdc-autocomplete/mdc-autocomplete-demo.ts
index 4adecd5ce1ea..5bdd1e99282b 100644
--- a/src/dev-app/mdc-autocomplete/mdc-autocomplete-demo.ts
+++ b/src/dev-app/mdc-autocomplete/mdc-autocomplete-demo.ts
@@ -11,7 +11,7 @@ import {FormControl, NgModel, FormsModule, ReactiveFormsModule} from '@angular/f
import {CommonModule} from '@angular/common';
import {MatAutocompleteModule} from '@angular/material-experimental/mdc-autocomplete';
import {MatButtonModule} from '@angular/material-experimental/mdc-button';
-import {MatCardModule} from '@angular/material-experimental/mdc-card';
+import {MatCardModule} from '@angular/material/card';
import {MatFormFieldModule} from '@angular/material-experimental/mdc-form-field';
import {MatInputModule} from '@angular/material-experimental/mdc-input';
import {Observable} from 'rxjs';
diff --git a/src/dev-app/mdc-card/BUILD.bazel b/src/dev-app/mdc-card/BUILD.bazel
index 1ea323d6c0e1..7c19e85d9f96 100644
--- a/src/dev-app/mdc-card/BUILD.bazel
+++ b/src/dev-app/mdc-card/BUILD.bazel
@@ -11,8 +11,8 @@ ng_module(
],
deps = [
"//src/material-experimental/mdc-button",
- "//src/material-experimental/mdc-card",
"//src/material-experimental/mdc-checkbox",
+ "//src/material/card",
],
)
diff --git a/src/dev-app/mdc-card/mdc-card-demo.ts b/src/dev-app/mdc-card/mdc-card-demo.ts
index 2ba66a9c54b6..1bb27748247f 100644
--- a/src/dev-app/mdc-card/mdc-card-demo.ts
+++ b/src/dev-app/mdc-card/mdc-card-demo.ts
@@ -7,7 +7,7 @@
*/
import {Component, ViewEncapsulation} from '@angular/core';
-import {MatCardAppearance, MatCardModule} from '@angular/material-experimental/mdc-card';
+import {MatCardAppearance, MatCardModule} from '@angular/material/card';
import {FormsModule} from '@angular/forms';
import {MatButtonModule} from '@angular/material-experimental/mdc-button';
import {MatCheckboxModule} from '@angular/material-experimental/mdc-checkbox';
diff --git a/src/dev-app/mdc-chips/BUILD.bazel b/src/dev-app/mdc-chips/BUILD.bazel
index 29e7e5fd2244..b624e6e256f4 100644
--- a/src/dev-app/mdc-chips/BUILD.bazel
+++ b/src/dev-app/mdc-chips/BUILD.bazel
@@ -11,11 +11,11 @@ ng_module(
],
deps = [
"//src/material-experimental/mdc-button",
- "//src/material-experimental/mdc-card",
"//src/material-experimental/mdc-checkbox",
"//src/material-experimental/mdc-chips",
"//src/material-experimental/mdc-core",
"//src/material-experimental/mdc-form-field",
+ "//src/material/card",
"//src/material/icon",
"//src/material/toolbar",
],
diff --git a/src/dev-app/mdc-chips/mdc-chips-demo.ts b/src/dev-app/mdc-chips/mdc-chips-demo.ts
index 22c8b442324d..fefbfddd71d4 100644
--- a/src/dev-app/mdc-chips/mdc-chips-demo.ts
+++ b/src/dev-app/mdc-chips/mdc-chips-demo.ts
@@ -17,7 +17,7 @@ import {
} from '@angular/material-experimental/mdc-chips';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {MatButtonModule} from '@angular/material-experimental/mdc-button';
-import {MatCardModule} from '@angular/material-experimental/mdc-card';
+import {MatCardModule} from '@angular/material/card';
import {MatCheckboxModule} from '@angular/material-experimental/mdc-checkbox';
import {MatFormFieldModule} from '@angular/material-experimental/mdc-form-field';
import {MatToolbarModule} from '@angular/material/toolbar';
diff --git a/src/dev-app/mdc-dialog/BUILD.bazel b/src/dev-app/mdc-dialog/BUILD.bazel
index 0e29c7b648a6..83554ebc4032 100644
--- a/src/dev-app/mdc-dialog/BUILD.bazel
+++ b/src/dev-app/mdc-dialog/BUILD.bazel
@@ -12,12 +12,12 @@ ng_module(
deps = [
"//src/cdk/drag-drop",
"//src/material-experimental/mdc-button",
- "//src/material-experimental/mdc-card",
"//src/material-experimental/mdc-checkbox",
"//src/material-experimental/mdc-dialog",
"//src/material-experimental/mdc-form-field",
"//src/material-experimental/mdc-input",
"//src/material-experimental/mdc-select",
+ "//src/material/card",
],
)
diff --git a/src/dev-app/mdc-dialog/mdc-dialog-demo.ts b/src/dev-app/mdc-dialog/mdc-dialog-demo.ts
index e42c55a6e4ec..c34ef2853306 100644
--- a/src/dev-app/mdc-dialog/mdc-dialog-demo.ts
+++ b/src/dev-app/mdc-dialog/mdc-dialog-demo.ts
@@ -17,7 +17,7 @@ import {
} from '@angular/material-experimental/mdc-dialog';
import {FormsModule} from '@angular/forms';
import {MatButtonModule} from '@angular/material-experimental/mdc-button';
-import {MatCardModule} from '@angular/material-experimental/mdc-card';
+import {MatCardModule} from '@angular/material/card';
import {MatCheckboxModule} from '@angular/material-experimental/mdc-checkbox';
import {MatFormFieldModule} from '@angular/material-experimental/mdc-form-field';
import {MatInputModule} from '@angular/material-experimental/mdc-input';
diff --git a/src/dev-app/mdc-input/BUILD.bazel b/src/dev-app/mdc-input/BUILD.bazel
index 0b3f8ac65cbe..2717869079a2 100644
--- a/src/dev-app/mdc-input/BUILD.bazel
+++ b/src/dev-app/mdc-input/BUILD.bazel
@@ -13,12 +13,12 @@ ng_module(
"//src/components-examples/material-experimental/mdc-form-field",
"//src/material-experimental/mdc-autocomplete",
"//src/material-experimental/mdc-button",
- "//src/material-experimental/mdc-card",
"//src/material-experimental/mdc-checkbox",
"//src/material-experimental/mdc-form-field",
"//src/material-experimental/mdc-input",
"//src/material-experimental/mdc-tabs",
"//src/material/button-toggle",
+ "//src/material/card",
"//src/material/icon",
"//src/material/toolbar",
"@npm//@angular/forms",
diff --git a/src/dev-app/mdc-input/mdc-input-demo.ts b/src/dev-app/mdc-input/mdc-input-demo.ts
index cb5b3bc74cf2..f043eff1d466 100644
--- a/src/dev-app/mdc-input/mdc-input-demo.ts
+++ b/src/dev-app/mdc-input/mdc-input-demo.ts
@@ -20,7 +20,7 @@ import {MatInputModule} from '@angular/material-experimental/mdc-input';
import {MatAutocompleteModule} from '@angular/material-experimental/mdc-autocomplete';
import {MatButtonModule} from '@angular/material-experimental/mdc-button';
import {MatButtonToggleModule} from '@angular/material/button-toggle';
-import {MatCardModule} from '@angular/material-experimental/mdc-card';
+import {MatCardModule} from '@angular/material/card';
import {MatCheckboxModule} from '@angular/material-experimental/mdc-checkbox';
import {MatIconModule} from '@angular/material/icon';
import {MatTabsModule} from '@angular/material-experimental/mdc-tabs';
diff --git a/src/dev-app/mdc-paginator/BUILD.bazel b/src/dev-app/mdc-paginator/BUILD.bazel
index 47e353a033dd..b332aa16edf0 100644
--- a/src/dev-app/mdc-paginator/BUILD.bazel
+++ b/src/dev-app/mdc-paginator/BUILD.bazel
@@ -10,11 +10,11 @@ ng_module(
":mdc_paginator_demo_scss",
],
deps = [
- "//src/material-experimental/mdc-card",
"//src/material-experimental/mdc-form-field",
"//src/material-experimental/mdc-input",
"//src/material-experimental/mdc-paginator",
"//src/material-experimental/mdc-slide-toggle",
+ "//src/material/card",
"@npm//@angular/forms",
],
)
diff --git a/src/dev-app/mdc-paginator/mdc-paginator-demo.ts b/src/dev-app/mdc-paginator/mdc-paginator-demo.ts
index b02f06495ca3..435fda8a5326 100644
--- a/src/dev-app/mdc-paginator/mdc-paginator-demo.ts
+++ b/src/dev-app/mdc-paginator/mdc-paginator-demo.ts
@@ -10,7 +10,7 @@ import {Component} from '@angular/core';
import {CommonModule} from '@angular/common';
import {MatPaginatorModule, PageEvent} from '@angular/material-experimental/mdc-paginator';
import {FormsModule} from '@angular/forms';
-import {MatCardModule} from '@angular/material-experimental/mdc-card';
+import {MatCardModule} from '@angular/material/card';
import {MatFormFieldModule} from '@angular/material-experimental/mdc-form-field';
import {MatInputModule} from '@angular/material-experimental/mdc-input';
import {MatSlideToggleModule} from '@angular/material-experimental/mdc-slide-toggle';
diff --git a/src/dev-app/mdc-select/BUILD.bazel b/src/dev-app/mdc-select/BUILD.bazel
index 3ff132ee7de0..5fa4c56eba44 100644
--- a/src/dev-app/mdc-select/BUILD.bazel
+++ b/src/dev-app/mdc-select/BUILD.bazel
@@ -11,10 +11,10 @@ ng_module(
],
deps = [
"//src/material-experimental/mdc-button",
- "//src/material-experimental/mdc-card",
"//src/material-experimental/mdc-form-field",
"//src/material-experimental/mdc-input",
"//src/material-experimental/mdc-select",
+ "//src/material/card",
"//src/material/icon",
"@npm//@angular/forms",
],
diff --git a/src/dev-app/mdc-select/mdc-select-demo.ts b/src/dev-app/mdc-select/mdc-select-demo.ts
index 5ce4d741f6da..16c1c3ab175e 100644
--- a/src/dev-app/mdc-select/mdc-select-demo.ts
+++ b/src/dev-app/mdc-select/mdc-select-demo.ts
@@ -12,7 +12,7 @@ import {ErrorStateMatcher, ThemePalette} from '@angular/material-experimental/md
import {MatSelectChange, MatSelectModule} from '@angular/material-experimental/mdc-select';
import {FloatLabelType, MatFormFieldModule} from '@angular/material-experimental/mdc-form-field';
import {CommonModule} from '@angular/common';
-import {MatCardModule} from '@angular/material-experimental/mdc-card';
+import {MatCardModule} from '@angular/material/card';
import {MatIconModule} from '@angular/material/icon';
import {MatButtonModule} from '@angular/material-experimental/mdc-button';
import {MatInputModule} from '@angular/material-experimental/mdc-input';
diff --git a/src/dev-app/paginator/BUILD.bazel b/src/dev-app/paginator/BUILD.bazel
index 65f79d26ed90..5733d975a4fd 100644
--- a/src/dev-app/paginator/BUILD.bazel
+++ b/src/dev-app/paginator/BUILD.bazel
@@ -10,9 +10,9 @@ ng_module(
":paginator_demo_scss",
],
deps = [
- "//src/material/card",
"//src/material/form-field",
"//src/material/input",
+ "//src/material/legacy-card",
"//src/material/paginator",
"//src/material/slide-toggle",
"@npm//@angular/forms",
diff --git a/src/dev-app/paginator/paginator-demo.ts b/src/dev-app/paginator/paginator-demo.ts
index 667e69a92415..6c0b947a5004 100644
--- a/src/dev-app/paginator/paginator-demo.ts
+++ b/src/dev-app/paginator/paginator-demo.ts
@@ -10,7 +10,7 @@ import {Component} from '@angular/core';
import {MatPaginatorModule, PageEvent} from '@angular/material/paginator';
import {CommonModule} from '@angular/common';
import {FormsModule} from '@angular/forms';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {MatFormFieldModule} from '@angular/material/form-field';
import {MatInputModule} from '@angular/material/input';
import {MatSlideToggleModule} from '@angular/material/slide-toggle';
@@ -23,7 +23,7 @@ import {MatSlideToggleModule} from '@angular/material/slide-toggle';
imports: [
CommonModule,
FormsModule,
- MatCardModule,
+ MatLegacyCardModule,
MatFormFieldModule,
MatInputModule,
MatPaginatorModule,
diff --git a/src/dev-app/select/BUILD.bazel b/src/dev-app/select/BUILD.bazel
index e4349fc2c072..1901ad14535b 100644
--- a/src/dev-app/select/BUILD.bazel
+++ b/src/dev-app/select/BUILD.bazel
@@ -11,11 +11,11 @@ ng_module(
],
deps = [
"//src/material/button",
- "//src/material/card",
"//src/material/dialog",
"//src/material/form-field",
"//src/material/icon",
"//src/material/input",
+ "//src/material/legacy-card",
"//src/material/select",
"@npm//@angular/forms",
],
diff --git a/src/dev-app/select/select-demo.ts b/src/dev-app/select/select-demo.ts
index 4f8fdec63456..4dce702e2169 100644
--- a/src/dev-app/select/select-demo.ts
+++ b/src/dev-app/select/select-demo.ts
@@ -10,7 +10,7 @@ import {Component, TemplateRef} from '@angular/core';
import {CommonModule} from '@angular/common';
import {FormControl, FormsModule, ReactiveFormsModule, Validators} from '@angular/forms';
import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
import {ErrorStateMatcher, ThemePalette} from '@angular/material/core';
import {MatDialog, MatDialogModule} from '@angular/material/dialog';
import {FloatLabelType, MatFormFieldModule} from '@angular/material/form-field';
@@ -37,7 +37,7 @@ export class MyErrorStateMatcher implements ErrorStateMatcher {
CommonModule,
FormsModule,
MatButtonModule,
- MatCardModule,
+ MatLegacyCardModule,
MatDialogModule,
MatFormFieldModule,
MatIconModule,
diff --git a/src/e2e-app/BUILD.bazel b/src/e2e-app/BUILD.bazel
index 9d788d738756..da0a16a77c98 100644
--- a/src/e2e-app/BUILD.bazel
+++ b/src/e2e-app/BUILD.bazel
@@ -43,7 +43,6 @@ ng_module(
"//src/components-examples/material-experimental/mdc-card",
"//src/components-examples/private",
"//src/material-experimental/mdc-button",
- "//src/material-experimental/mdc-card",
"//src/material-experimental/mdc-checkbox",
"//src/material-experimental/mdc-chips",
"//src/material-experimental/mdc-dialog",
@@ -57,6 +56,7 @@ ng_module(
"//src/material-experimental/mdc-table",
"//src/material-experimental/mdc-tabs",
"//src/material/button",
+ "//src/material/card",
"//src/material/checkbox",
"//src/material/core",
"//src/material/dialog",
diff --git a/src/material-experimental/_index.scss b/src/material-experimental/_index.scss
index a1b133e08b60..7553d674a00c 100644
--- a/src/material-experimental/_index.scss
+++ b/src/material-experimental/_index.scss
@@ -29,8 +29,6 @@
mdc-fab-density, mdc-fab-theme;
@forward './mdc-button/icon-button-theme' as mdc-icon-button-* show mdc-icon-button-color,
mdc-icon-button-typography, mdc-icon-button-density, mdc-icon-button-theme;
-@forward './mdc-card/card-theme' as mdc-card-* show mdc-card-color, mdc-card-typography,
- mdc-card-density, mdc-card-theme;
@forward './mdc-checkbox/checkbox-theme' as mdc-checkbox-* show mdc-checkbox-color,
mdc-checkbox-typography, mdc-checkbox-density, mdc-checkbox-theme;
@forward './mdc-chips/chips-theme' as mdc-chips-* show mdc-chips-color, mdc-chips-typography,
diff --git a/src/material-experimental/config.bzl b/src/material-experimental/config.bzl
index 2bcfe3d246c8..ae16ffeffd1c 100644
--- a/src/material-experimental/config.bzl
+++ b/src/material-experimental/config.bzl
@@ -4,8 +4,6 @@ entryPoints = [
"mdc-autocomplete/testing",
"mdc-button",
"mdc-button/testing",
- "mdc-card",
- "mdc-card/testing",
"mdc-checkbox",
"mdc-checkbox/testing",
"mdc-chips",
diff --git a/src/material-experimental/mdc-card/README.md b/src/material-experimental/mdc-card/README.md
deleted file mode 100644
index 9caced98c67b..000000000000
--- a/src/material-experimental/mdc-card/README.md
+++ /dev/null
@@ -1,80 +0,0 @@
-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-experimental/mdc-card';
-
- @NgModule({
- declarations: [MyComponent],
- imports: [MatCardModule],
- })
- export class MyModule {}
- ```
-
-4. Use the card in your component's template:
-
- ```html
-
`. We do this to avoid having too much
-// space between card content regions, as the space is already captured in the content region
-// element.
-.mat-mdc-card-content > :last-child:not(.mat-mdc-card-footer) {
- margin-bottom: 0;
-}
-
-// Support for actions aligned to the end of the card.
-.mat-mdc-card-actions-align-end {
- justify-content: flex-end;
-}
diff --git a/src/material-experimental/mdc-card/card.ts b/src/material-experimental/mdc-card/card.ts
deleted file mode 100644
index 424ea141d3f1..000000000000
--- a/src/material-experimental/mdc-card/card.ts
+++ /dev/null
@@ -1,235 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-
-import {
- ChangeDetectionStrategy,
- Component,
- Directive,
- Inject,
- InjectionToken,
- Input,
- Optional,
- ViewEncapsulation,
-} from '@angular/core';
-
-export type MatCardAppearance = 'outlined' | 'raised';
-
-/** Object that can be used to configure the default options for the card module. */
-export interface MatCardConfig {
- /** Default appearance for cards. */
- appearance?: MatCardAppearance;
-}
-
-/** Injection token that can be used to provide the default options the card module. */
-export const MAT_CARD_CONFIG = new InjectionToken