Skip to content

Commit ca24cd4

Browse files
committed
4. Move src/material-experimental/mdc-<component> to src/material/<component>
Perform the following steps to complete the move and fix all references: 1. Look at `src/material-experimental/mdc-<component>/BUILD` to see if this component has dependencies on other MDC components that need to be moved out of experimental first. Note: all MDC components depend on `@angular/material-experimental/mdc-core` for `MatCommonModule`. However, this is a direct re-export from `@angular/material/core`, so the import can simply be updated to `import {MatCommonModule} from '@angular/material/core';`. More generally, the import can just be switched for anything that's a direct re-export from `@angular/material/*` 2. Move directory `src/material-experimental/mdc-<component>` to `src/material/<component>` 3. Global find & replace `@angular/material-experimental/mdc-<component>` with `@angular/material/<component>` 4. Global find & replace `src/material-experimental/mdc-<component>` with `src/material/<component>` 5. Global find & replace `mdc_<component>_scss_lib` with `<component>_scss_lib` 6. Under `src/material-experimental` regex replace `@(use|forward|import) '(.?./)+mdc-<component>[^;]*;.*\n` with `''` 7. Under `src/material/<component>` search for "material-experimental" and fix any occurrences 8. Under `src/material/<component>` clean up sass references to `@use '@angular/material'` 9. In `src/material/<component>/BUILD`, change the rule named `mdc-<component>` to `<component>` 10. In `src/material-experimental/mdc-core/theming/_all-theme.scss`, change `<component>-theme.theme` to `mat.<component>-theme` 11. In `src/material/_index.scss`, find the line that says `@forward './legacy-<component>/<component>-theme'`, duplicate it, and remove the `legacy-`. 12. In `.ng-dev/commit-message.mts` change `material-experimental/mdc-<component>` to `material/<component>` 13. In `src/material-experimental/config.bzl`, remove `mdc-<component>` and `mdc-<component>/testing` from the `entryPoints` list 14. In `src/material/config.bzl`, add `<component>` and `<component>/testing` to the `entryPoints` list. 15. Copy the `overview` and `source-files` rules from `src/material/legacy-<component>/BUILD` to `src/material/<component>/BUILD` 16. Copy `src/material/legacy-<component>/<component>.md` to `src/material/<component>/<component>.md` 17. Approve new api golds: `touch tools/public_api_guard/material/<component>.md tools/public_api_guard/material/<component>-testing.md; yarn approve-api <component>; yarn approve-api <component>/testing` 18. Run `yarn format`
1 parent 6899c1c commit ca24cd4

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

57 files changed

+337
-68
lines changed

.github/CODEOWNERS

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,7 @@
107107
/src/material-experimental/column-resize/** @andrewseguin
108108
/src/material-experimental/mdc-autocomplete/** @crisbeto
109109
/src/material-experimental/mdc-button/** @andrewseguin
110-
/src/material-experimental/mdc-card/** @mmalerba
110+
/src/material/card/** @mmalerba
111111
/src/material-experimental/mdc-checkbox/** @mmalerba
112112
/src/material-experimental/mdc-chips/** @mmalerba
113113
/src/material-experimental/mdc-core/** @crisbeto

.ng-dev/commit-message.mts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ export const commitMessage: CommitMessageConfig = {
4242
'material-experimental/column-resize',
4343
'material-experimental/mdc-autocomplete',
4444
'material-experimental/mdc-button',
45-
'material-experimental/mdc-card',
45+
'material/card',
4646
'material-experimental/mdc-checkbox',
4747
'material-experimental/mdc-chips',
4848
'material-experimental/mdc-core',

src/components-examples/material-experimental/mdc-card/BUILD.bazel

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ ng_module(
1111
]),
1212
deps = [
1313
"//src/material-experimental/mdc-button",
14-
"//src/material-experimental/mdc-card",
14+
"//src/material/card",
1515
],
1616
)
1717

src/components-examples/material-experimental/mdc-card/index.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import {NgModule} from '@angular/core';
22
import {MatButtonModule} from '@angular/material-experimental/mdc-button';
3-
import {MatCardModule} from '@angular/material-experimental/mdc-card';
3+
import {MatCardModule} from '@angular/material/card';
44
import {MdcCardFancyExample} from './mdc-card-fancy/mdc-card-fancy-example';
55

66
export {MdcCardFancyExample};

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,9 @@ ng_module(
1212
deps = [
1313
"//src/material-experimental/mdc-autocomplete",
1414
"//src/material-experimental/mdc-button",
15-
"//src/material-experimental/mdc-card",
1615
"//src/material-experimental/mdc-form-field",
1716
"//src/material-experimental/mdc-input",
17+
"//src/material/card",
1818
"@npm//@angular/forms",
1919
],
2020
)

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {FormControl, NgModel, FormsModule, ReactiveFormsModule} from '@angular/f
1111
import {CommonModule} from '@angular/common';
1212
import {MatAutocompleteModule} from '@angular/material-experimental/mdc-autocomplete';
1313
import {MatButtonModule} from '@angular/material-experimental/mdc-button';
14-
import {MatCardModule} from '@angular/material-experimental/mdc-card';
14+
import {MatCardModule} from '@angular/material/card';
1515
import {MatFormFieldModule} from '@angular/material-experimental/mdc-form-field';
1616
import {MatInputModule} from '@angular/material-experimental/mdc-input';
1717
import {Observable} from 'rxjs';

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@ ng_module(
1111
],
1212
deps = [
1313
"//src/material-experimental/mdc-button",
14-
"//src/material-experimental/mdc-card",
1514
"//src/material-experimental/mdc-checkbox",
15+
"//src/material/card",
1616
],
1717
)
1818

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
*/
88

99
import {Component, ViewEncapsulation} from '@angular/core';
10-
import {MatCardAppearance, MatCardModule} from '@angular/material-experimental/mdc-card';
10+
import {MatCardAppearance, MatCardModule} from '@angular/material/card';
1111
import {FormsModule} from '@angular/forms';
1212
import {MatButtonModule} from '@angular/material-experimental/mdc-button';
1313
import {MatCheckboxModule} from '@angular/material-experimental/mdc-checkbox';

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,11 @@ ng_module(
1111
],
1212
deps = [
1313
"//src/material-experimental/mdc-button",
14-
"//src/material-experimental/mdc-card",
1514
"//src/material-experimental/mdc-checkbox",
1615
"//src/material-experimental/mdc-chips",
1716
"//src/material-experimental/mdc-core",
1817
"//src/material-experimental/mdc-form-field",
18+
"//src/material/card",
1919
"//src/material/icon",
2020
"//src/material/toolbar",
2121
],

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ import {
1717
} from '@angular/material-experimental/mdc-chips';
1818
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
1919
import {MatButtonModule} from '@angular/material-experimental/mdc-button';
20-
import {MatCardModule} from '@angular/material-experimental/mdc-card';
20+
import {MatCardModule} from '@angular/material/card';
2121
import {MatCheckboxModule} from '@angular/material-experimental/mdc-checkbox';
2222
import {MatFormFieldModule} from '@angular/material-experimental/mdc-form-field';
2323
import {MatToolbarModule} from '@angular/material/toolbar';

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,12 +12,12 @@ ng_module(
1212
deps = [
1313
"//src/cdk/drag-drop",
1414
"//src/material-experimental/mdc-button",
15-
"//src/material-experimental/mdc-card",
1615
"//src/material-experimental/mdc-checkbox",
1716
"//src/material-experimental/mdc-dialog",
1817
"//src/material-experimental/mdc-form-field",
1918
"//src/material-experimental/mdc-input",
2019
"//src/material-experimental/mdc-select",
20+
"//src/material/card",
2121
],
2222
)
2323

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ import {
1717
} from '@angular/material-experimental/mdc-dialog';
1818
import {FormsModule} from '@angular/forms';
1919
import {MatButtonModule} from '@angular/material-experimental/mdc-button';
20-
import {MatCardModule} from '@angular/material-experimental/mdc-card';
20+
import {MatCardModule} from '@angular/material/card';
2121
import {MatCheckboxModule} from '@angular/material-experimental/mdc-checkbox';
2222
import {MatFormFieldModule} from '@angular/material-experimental/mdc-form-field';
2323
import {MatInputModule} from '@angular/material-experimental/mdc-input';

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,12 +13,12 @@ ng_module(
1313
"//src/components-examples/material-experimental/mdc-form-field",
1414
"//src/material-experimental/mdc-autocomplete",
1515
"//src/material-experimental/mdc-button",
16-
"//src/material-experimental/mdc-card",
1716
"//src/material-experimental/mdc-checkbox",
1817
"//src/material-experimental/mdc-form-field",
1918
"//src/material-experimental/mdc-input",
2019
"//src/material-experimental/mdc-tabs",
2120
"//src/material/button-toggle",
21+
"//src/material/card",
2222
"//src/material/icon",
2323
"//src/material/toolbar",
2424
"@npm//@angular/forms",

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ import {MatInputModule} from '@angular/material-experimental/mdc-input';
2020
import {MatAutocompleteModule} from '@angular/material-experimental/mdc-autocomplete';
2121
import {MatButtonModule} from '@angular/material-experimental/mdc-button';
2222
import {MatButtonToggleModule} from '@angular/material/button-toggle';
23-
import {MatCardModule} from '@angular/material-experimental/mdc-card';
23+
import {MatCardModule} from '@angular/material/card';
2424
import {MatCheckboxModule} from '@angular/material-experimental/mdc-checkbox';
2525
import {MatIconModule} from '@angular/material/icon';
2626
import {MatTabsModule} from '@angular/material-experimental/mdc-tabs';

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,11 @@ ng_module(
1010
":mdc_paginator_demo_scss",
1111
],
1212
deps = [
13-
"//src/material-experimental/mdc-card",
1413
"//src/material-experimental/mdc-form-field",
1514
"//src/material-experimental/mdc-input",
1615
"//src/material-experimental/mdc-paginator",
1716
"//src/material-experimental/mdc-slide-toggle",
17+
"//src/material/card",
1818
"@npm//@angular/forms",
1919
],
2020
)

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import {Component} from '@angular/core';
1010
import {CommonModule} from '@angular/common';
1111
import {MatPaginatorModule, PageEvent} from '@angular/material-experimental/mdc-paginator';
1212
import {FormsModule} from '@angular/forms';
13-
import {MatCardModule} from '@angular/material-experimental/mdc-card';
13+
import {MatCardModule} from '@angular/material/card';
1414
import {MatFormFieldModule} from '@angular/material-experimental/mdc-form-field';
1515
import {MatInputModule} from '@angular/material-experimental/mdc-input';
1616
import {MatSlideToggleModule} from '@angular/material-experimental/mdc-slide-toggle';

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@ ng_module(
1111
],
1212
deps = [
1313
"//src/material-experimental/mdc-button",
14-
"//src/material-experimental/mdc-card",
1514
"//src/material-experimental/mdc-form-field",
1615
"//src/material-experimental/mdc-input",
1716
"//src/material-experimental/mdc-select",
17+
"//src/material/card",
1818
"//src/material/icon",
1919
"@npm//@angular/forms",
2020
],

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import {ErrorStateMatcher, ThemePalette} from '@angular/material-experimental/md
1212
import {MatSelectChange, MatSelectModule} from '@angular/material-experimental/mdc-select';
1313
import {FloatLabelType, MatFormFieldModule} from '@angular/material-experimental/mdc-form-field';
1414
import {CommonModule} from '@angular/common';
15-
import {MatCardModule} from '@angular/material-experimental/mdc-card';
15+
import {MatCardModule} from '@angular/material/card';
1616
import {MatIconModule} from '@angular/material/icon';
1717
import {MatButtonModule} from '@angular/material-experimental/mdc-button';
1818
import {MatInputModule} from '@angular/material-experimental/mdc-input';

src/e2e-app/BUILD.bazel

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,6 @@ ng_module(
4343
"//src/components-examples/material-experimental/mdc-card",
4444
"//src/components-examples/private",
4545
"//src/material-experimental/mdc-button",
46-
"//src/material-experimental/mdc-card",
4746
"//src/material-experimental/mdc-checkbox",
4847
"//src/material-experimental/mdc-chips",
4948
"//src/material-experimental/mdc-dialog",
@@ -57,6 +56,7 @@ ng_module(
5756
"//src/material-experimental/mdc-table",
5857
"//src/material-experimental/mdc-tabs",
5958
"//src/material/button",
59+
"//src/material/card",
6060
"//src/material/checkbox",
6161
"//src/material/core",
6262
"//src/material/dialog",

src/material-experimental/_index.scss

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,6 @@
2929
mdc-fab-density, mdc-fab-theme;
3030
@forward './mdc-button/icon-button-theme' as mdc-icon-button-* show mdc-icon-button-color,
3131
mdc-icon-button-typography, mdc-icon-button-density, mdc-icon-button-theme;
32-
@forward './mdc-card/card-theme' as mdc-card-* show mdc-card-color, mdc-card-typography,
33-
mdc-card-density, mdc-card-theme;
3432
@forward './mdc-checkbox/checkbox-theme' as mdc-checkbox-* show mdc-checkbox-color,
3533
mdc-checkbox-typography, mdc-checkbox-density, mdc-checkbox-theme;
3634
@forward './mdc-chips/chips-theme' as mdc-chips-* show mdc-chips-color, mdc-chips-typography,

src/material-experimental/config.bzl

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,6 @@ entryPoints = [
44
"mdc-autocomplete/testing",
55
"mdc-button",
66
"mdc-button/testing",
7-
"mdc-card",
8-
"mdc-card/testing",
97
"mdc-checkbox",
108
"mdc-checkbox/testing",
119
"mdc-chips",

src/material-experimental/mdc-core/color/_all-color.import.scss

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,6 @@ mat-mdc-color, mat-mdc-density, mat-mdc-theme, mat-mdc-typography;
77
$mat-mdc-button-mat-button-state-target;
88
@forward '../../mdc-button/fab-theme' as mat-mdc-fab-*;
99
@forward '../../mdc-button/icon-button-theme' as mat-mdc-icon-button-*;
10-
@forward '../../mdc-card/card-theme' hide color, density, theme, typography;
11-
@forward '../../mdc-card/card-theme' as mat-mdc-card-* hide
12-
$mat-mdc-card-mdc-card-action-icon-color, $mat-mdc-card-mdc-card-outline-color;
1310
@forward '../../mdc-checkbox/checkbox-theme' hide color, density,
1411
private-checkbox-styles-with-color, theme, typography;
1512
@forward '../../mdc-checkbox/checkbox-theme' as mat-mdc-* hide $mat-mdc-mdc-checkbox-border-color,

src/material-experimental/mdc-core/density/_all-density.import.scss

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,6 @@ mat-mdc-color, mat-mdc-density, mat-mdc-theme, mat-mdc-typography;
77
$mat-mdc-button-mat-button-state-target;
88
@forward '../../mdc-button/fab-theme' as mat-mdc-fab-*;
99
@forward '../../mdc-button/icon-button-theme' as mat-mdc-icon-button-*;
10-
@forward '../../mdc-card/card-theme' hide color, density, theme, typography;
11-
@forward '../../mdc-card/card-theme' as mat-mdc-card-* hide
12-
$mat-mdc-card-mdc-card-action-icon-color, $mat-mdc-card-mdc-card-outline-color;
1310
@forward '../../mdc-checkbox/checkbox-theme' hide color, density,
1411
private-checkbox-styles-with-color, theme, typography;
1512
@forward '../../mdc-checkbox/checkbox-theme' as mat-mdc-* hide $mat-mdc-mdc-checkbox-border-color,

src/material-experimental/mdc-core/theming/BUILD.bazel

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,6 @@ sass_library(
2222
"//src/material:sass_lib",
2323
"//src/material-experimental/mdc-autocomplete:mdc_autocomplete_scss_lib",
2424
"//src/material-experimental/mdc-button:mdc_button_scss_lib",
25-
"//src/material-experimental/mdc-card:mdc_card_scss_lib",
2625
"//src/material-experimental/mdc-checkbox:mdc_checkbox_scss_lib",
2726
"//src/material-experimental/mdc-chips:mdc_chips_scss_lib",
2827
"//src/material-experimental/mdc-core:mdc_core_scss_lib",
@@ -42,6 +41,7 @@ sass_library(
4241
"//src/material-experimental/mdc-table:mdc_table_scss_lib",
4342
"//src/material-experimental/mdc-tabs:mdc_tabs_scss_lib",
4443
"//src/material-experimental/mdc-tooltip:mdc_tooltip_scss_lib",
44+
"//src/material/card:card_scss_lib",
4545
],
4646
)
4747

src/material-experimental/mdc-core/theming/_all-theme.import.scss

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,6 @@ mat-mdc-color, mat-mdc-density, mat-mdc-theme, mat-mdc-typography;
77
$mat-mdc-button-mat-button-state-target;
88
@forward '../../mdc-button/fab-theme' as mat-mdc-fab-*;
99
@forward '../../mdc-button/icon-button-theme' as mat-mdc-icon-button-*;
10-
@forward '../../mdc-card/card-theme' hide color, density, theme, typography;
11-
@forward '../../mdc-card/card-theme' as mat-mdc-card-* hide
12-
$mat-mdc-card-mdc-card-action-icon-color, $mat-mdc-card-mdc-card-outline-color;
1310
@forward '../../mdc-checkbox/checkbox-theme' hide color, density,
1411
private-checkbox-styles-with-color, theme, typography;
1512
@forward '../../mdc-checkbox/checkbox-theme' as mat-mdc-* hide $mat-mdc-mdc-checkbox-border-color,
@@ -91,7 +88,6 @@ $mat-mdc-mdc-text-field-outlined-idle-border, $mat-mdc-mdc-text-field-placeholde
9188
@import '../core-theme';
9289
@import '../../mdc-autocomplete/autocomplete-theme';
9390
@import '../../mdc-button/button-theme';
94-
@import '../../mdc-card/card-theme';
9591
@import '../../mdc-checkbox/checkbox-theme';
9692
@import '../../mdc-chips/chips-theme';
9793
@import '../../mdc-dialog/dialog-theme';

src/material-experimental/mdc-core/theming/_all-theme.scss

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@
55
@use '../../mdc-button/button-theme';
66
@use '../../mdc-button/fab-theme';
77
@use '../../mdc-button/icon-button-theme';
8-
@use '../../mdc-card/card-theme';
98
@use '../../mdc-checkbox/checkbox-theme';
109
@use '../../mdc-chips/chips-theme';
1110
@use '../../mdc-dialog/dialog-theme';
@@ -34,7 +33,7 @@
3433
@include dialog-theme.theme($theme-or-color-config);
3534
@include fab-theme.theme($theme-or-color-config);
3635
@include icon-button-theme.theme($theme-or-color-config);
37-
@include card-theme.theme($theme-or-color-config);
36+
@include mat.card-theme($theme-or-color-config);
3837
@include checkbox-theme.theme($theme-or-color-config);
3938
@include chips-theme.theme($theme-or-color-config);
4039
@include list-theme.theme($theme-or-color-config);

src/material-experimental/mdc-core/typography/_all-typography.import.scss

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,6 @@ mat-mdc-color, mat-mdc-density, mat-mdc-theme, mat-mdc-typography;
77
$mat-mdc-button-mat-button-state-target;
88
@forward '../../mdc-button/fab-theme' as mat-mdc-fab-*;
99
@forward '../../mdc-button/icon-button-theme' as mat-mdc-icon-button-*;
10-
@forward '../../mdc-card/card-theme' hide color, density, theme, typography;
11-
@forward '../../mdc-card/card-theme' as mat-mdc-card-* hide
12-
$mat-mdc-card-mdc-card-action-icon-color, $mat-mdc-card-mdc-card-outline-color;
1310
@forward '../../mdc-checkbox/checkbox-theme' hide color, density,
1411
private-checkbox-styles-with-color, theme, typography;
1512
@forward '../../mdc-checkbox/checkbox-theme' as mat-mdc-* hide $mat-mdc-mdc-checkbox-border-color,

src/material/_index.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -69,6 +69,7 @@
6969
@forward './button/button-theme' as button-* show button-theme, button-color, button-typography;
7070
@forward './button-toggle/button-toggle-theme' as button-toggle-* show button-toggle-theme,
7171
button-toggle-color, button-toggle-typography;
72+
@forward './card/card-theme' as card-* show card-theme, card-color, card-typography;
7273
@forward './legacy-card/card-theme' as legacy-card-* show legacy-card-theme, legacy-card-color, legacy-card-typography;
7374
@forward './checkbox/checkbox-theme' as checkbox-* show checkbox-theme, checkbox-color,
7475
checkbox-typography;

src/material-experimental/mdc-card/BUILD.bazel renamed to src/material/card/BUILD.bazel

Lines changed: 15 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
load("//src/e2e-app:test_suite.bzl", "e2e_test_suite")
22
load(
33
"//tools:defaults.bzl",
4+
"markdown_to_html",
45
"ng_e2e_test_library",
56
"ng_module",
67
"ng_test_library",
@@ -12,23 +13,22 @@ load(
1213
package(default_visibility = ["//visibility:public"])
1314

1415
ng_module(
15-
name = "mdc-card",
16+
name = "card",
1617
srcs = glob(
1718
["**/*.ts"],
1819
exclude = ["**/*.spec.ts"],
1920
),
2021
assets = [":card_scss"] + glob(["**/*.html"]),
2122
deps = [
22-
"//src/material-experimental/mdc-core",
23+
"//src/material/core",
2324
],
2425
)
2526

2627
sass_library(
27-
name = "mdc_card_scss_lib",
28+
name = "card_scss_lib",
2829
srcs = glob(["**/_*.scss"]),
2930
deps = [
3031
"//:mdc_sass_lib",
31-
"//src/material:sass_lib",
3232
"//src/material/core:core_scss_lib",
3333
],
3434
)
@@ -66,11 +66,21 @@ ng_test_library(
6666
exclude = ["**/*.e2e.spec.ts"],
6767
),
6868
deps = [
69-
":mdc-card",
69+
":card",
7070
],
7171
)
7272

7373
ng_web_test_suite(
7474
name = "unit_tests",
7575
deps = [":unit_test_sources"],
7676
)
77+
78+
markdown_to_html(
79+
name = "overview",
80+
srcs = [":card.md"],
81+
)
82+
83+
filegroup(
84+
name = "source-files",
85+
srcs = glob(["**/*.ts"]),
86+
)

src/material-experimental/mdc-card/README.md renamed to src/material/card/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ component by following these steps:
3131
3. Import the experimental `MatCardModule` and add it to the module that declares your component:
3232

3333
```ts
34-
import {MatCardModule} from '@angular/material-experimental/mdc-card';
34+
import {MatCardModule} from '@angular/material/card';
3535

3636
@NgModule({
3737
declarations: [MyComponent],
@@ -77,4 +77,4 @@ component by following these steps:
7777
## API differences
7878

7979
The API of the card matches the one from `@angular/material/legacy-card`. Simply replace imports to
80-
`@angular/material/legacy-card` with imports to `@angular/material-experimental/mdc-card`.
80+
`@angular/material/legacy-card` with imports to `@angular/material/card`.

0 commit comments

Comments
 (0)