@angular/material 19.0.0-next.8 → 19.0.0-next.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_index.scss +1 -2
- package/autocomplete/_autocomplete-theme.scss +30 -21
- package/badge/_badge-theme.scss +31 -21
- package/bottom-sheet/_bottom-sheet-theme.scss +25 -17
- package/button/_button-theme.scss +220 -100
- package/button/_fab-theme.scss +88 -41
- package/button/_icon-button-theme.scss +31 -22
- package/button/index.d.ts +2 -2
- package/button-toggle/_button-toggle-theme.scss +52 -32
- package/card/_card-theme.scss +72 -35
- package/checkbox/_checkbox-theme.scss +6 -4
- package/chips/_chips-theme.scss +57 -27
- package/core/_core-theme.scss +51 -30
- package/core/_core.scss +1 -1
- package/core/option/_optgroup-theme.scss +22 -15
- package/core/option/_option-theme.scss +27 -18
- package/core/ripple/_ripple-theme.scss +26 -18
- package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +40 -18
- package/core/tokens/_m3-system.scss +34 -6
- package/core/tokens/_token-utils.scss +91 -34
- package/core/tokens/m2/mat/_badge.scss +12 -3
- package/core/tokens/m2/mdc/_radio.scss +1 -1
- package/core/tokens/m3/definitions/_md-comp-elevated-card.scss +1 -1
- package/core/tokens/m3/mat/_badge.scss +6 -3
- package/datepicker/_datepicker-theme.scss +46 -29
- package/datepicker/index.d.ts +1 -1
- package/dialog/_dialog-theme.scss +39 -20
- package/divider/_divider-theme.scss +21 -14
- package/expansion/_expansion-theme.scss +29 -21
- package/fesm2022/autocomplete.mjs +14 -16
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/badge.mjs +11 -12
- package/fesm2022/badge.mjs.map +1 -1
- package/fesm2022/bottom-sheet.mjs +11 -11
- package/fesm2022/bottom-sheet.mjs.map +1 -1
- package/fesm2022/button-toggle.mjs +11 -12
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +42 -42
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card.mjs +49 -60
- package/fesm2022/card.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +16 -17
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips.mjs +48 -54
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/core.mjs +71 -73
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +95 -105
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog/testing.mjs +0 -1
- package/fesm2022/dialog/testing.mjs.map +1 -1
- package/fesm2022/dialog.mjs +28 -33
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/divider.mjs +8 -8
- package/fesm2022/divider.mjs.map +1 -1
- package/fesm2022/expansion.mjs +28 -33
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field.mjs +38 -45
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/grid-list.mjs +26 -29
- package/fesm2022/grid-list.mjs.map +1 -1
- package/fesm2022/icon/testing.mjs +7 -7
- package/fesm2022/icon/testing.mjs.map +1 -1
- package/fesm2022/icon.mjs +11 -11
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/input.mjs +7 -8
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/list.mjs +57 -66
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/menu.mjs +18 -20
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/paginator.mjs +11 -11
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +8 -8
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/progress-spinner.mjs +8 -8
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/radio.mjs +11 -12
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/select.mjs +12 -13
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +28 -30
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +16 -17
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider.mjs +18 -20
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +25 -28
- package/fesm2022/snack-bar.mjs.map +1 -1
- package/fesm2022/sort.mjs +14 -15
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper.mjs +34 -39
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/table.mjs +57 -73
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/tabs.mjs +51 -56
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/timepicker.mjs +17 -18
- package/fesm2022/timepicker.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +11 -12
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +11 -12
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tree.mjs +26 -32
- package/fesm2022/tree.mjs.map +1 -1
- package/form-field/_form-field-theme.scss +105 -56
- package/form-field/index.d.ts +1 -1
- package/grid-list/_grid-list-theme.scss +18 -12
- package/icon/_icon-theme.scss +15 -11
- package/input/_input-theme.scss +11 -8
- package/list/_list-theme.scss +82 -44
- package/menu/_menu-theme.scss +26 -18
- package/package.json +2 -2
- package/paginator/_paginator-theme.scss +32 -20
- package/prebuilt-themes/azure-blue.css +1 -1
- package/prebuilt-themes/cyan-orange.css +1 -1
- package/prebuilt-themes/deeppurple-amber.css +1 -1
- package/prebuilt-themes/indigo-pink.css +1 -1
- package/prebuilt-themes/magenta-violet.css +1 -1
- package/prebuilt-themes/pink-bluegrey.css +1 -1
- package/prebuilt-themes/purple-green.css +1 -1
- package/prebuilt-themes/rose-red.css +1 -1
- package/progress-bar/_progress-bar-theme.scss +13 -11
- package/progress-spinner/_progress-spinner-theme.scss +34 -20
- package/radio/_radio-theme.scss +50 -26
- package/schematics/collection.json +3 -3
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/schematics/ng-generate/{m3-theme → theme-color}/index_bundled.js +454 -288
- package/schematics/ng-generate/theme-color/index_bundled.js.map +7 -0
- package/schematics/ng-generate/{m3-theme → theme-color}/schema.json +7 -13
- package/select/_select-theme.scss +31 -22
- package/sidenav/_sidenav-theme.scss +21 -14
- package/slide-toggle/_slide-toggle-theme.scss +42 -22
- package/slider/_slider-theme.scss +55 -35
- package/snack-bar/_snack-bar-theme.scss +22 -14
- package/sort/_sort-theme.scss +26 -18
- package/stepper/_stepper-theme.scss +33 -24
- package/table/_table-theme.scss +29 -20
- package/tabs/_tabs-theme.scss +89 -46
- package/tabs/index.d.ts +2 -2
- package/timepicker/_timepicker-theme.scss +30 -21
- package/toolbar/_toolbar-theme.scss +28 -19
- package/tooltip/_tooltip-theme.scss +11 -12
- package/tree/_tree-theme.scss +26 -18
- package/schematics/ng-generate/m3-theme/index_bundled.js.map +0 -7
|
@@ -9,8 +9,7 @@
|
|
|
9
9
|
@mixin base($theme) {
|
|
10
10
|
@if inspection.get-theme-version($theme) == 1 {
|
|
11
11
|
@include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
|
|
12
|
-
}
|
|
13
|
-
@else {
|
|
12
|
+
} @else {
|
|
14
13
|
// Add default values for tokens not related to color, typography, or density.
|
|
15
14
|
@include sass-utils.current-selector-or-root() {
|
|
16
15
|
@include token-utils.create-token-values(
|
|
@@ -24,8 +23,7 @@
|
|
|
24
23
|
@mixin color($theme) {
|
|
25
24
|
@if inspection.get-theme-version($theme) == 1 {
|
|
26
25
|
@include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
|
|
27
|
-
}
|
|
28
|
-
@else {
|
|
26
|
+
} @else {
|
|
29
27
|
@include sass-utils.current-selector-or-root() {
|
|
30
28
|
@include token-utils.create-token-values(
|
|
31
29
|
tokens-mdc-plain-tooltip.$prefix,
|
|
@@ -38,8 +36,7 @@
|
|
|
38
36
|
@mixin typography($theme) {
|
|
39
37
|
@if inspection.get-theme-version($theme) == 1 {
|
|
40
38
|
@include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
|
|
41
|
-
}
|
|
42
|
-
@else {
|
|
39
|
+
} @else {
|
|
43
40
|
@include sass-utils.current-selector-or-root() {
|
|
44
41
|
@include token-utils.create-token-values(
|
|
45
42
|
tokens-mdc-plain-tooltip.$prefix,
|
|
@@ -52,8 +49,7 @@
|
|
|
52
49
|
@mixin density($theme) {
|
|
53
50
|
@if inspection.get-theme-version($theme) == 1 {
|
|
54
51
|
@include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
|
|
55
|
-
}
|
|
56
|
-
@else {
|
|
52
|
+
} @else {
|
|
57
53
|
@include sass-utils.current-selector-or-root() {
|
|
58
54
|
@include token-utils.create-token-values(
|
|
59
55
|
tokens-mdc-plain-tooltip.$prefix,
|
|
@@ -66,7 +62,10 @@
|
|
|
66
62
|
@mixin overrides($tokens: ()) {
|
|
67
63
|
@include token-utils.batch-create-token-values(
|
|
68
64
|
$tokens,
|
|
69
|
-
(
|
|
65
|
+
(
|
|
66
|
+
namespace: tokens-mdc-plain-tooltip.$prefix,
|
|
67
|
+
tokens: tokens-mdc-plain-tooltip.get-token-slots(),
|
|
68
|
+
)
|
|
70
69
|
);
|
|
71
70
|
}
|
|
72
71
|
|
|
@@ -74,8 +73,7 @@
|
|
|
74
73
|
@include theming.private-check-duplicate-theme-styles($theme, 'mat-tooltip') {
|
|
75
74
|
@if inspection.get-theme-version($theme) == 1 {
|
|
76
75
|
@include _theme-from-tokens(inspection.get-theme-tokens($theme));
|
|
77
|
-
}
|
|
78
|
-
@else {
|
|
76
|
+
} @else {
|
|
79
77
|
@include base($theme);
|
|
80
78
|
@if inspection.theme-has($theme, color) {
|
|
81
79
|
@include color($theme);
|
|
@@ -92,7 +90,8 @@
|
|
|
92
90
|
|
|
93
91
|
@mixin _theme-from-tokens($tokens) {
|
|
94
92
|
@include validation.selector-defined(
|
|
95
|
-
|
|
93
|
+
'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
|
|
94
|
+
);
|
|
96
95
|
@if $tokens != () {
|
|
97
96
|
$tokens: token-utils.get-tokens-for($tokens, tokens-mdc-plain-tooltip.$prefix);
|
|
98
97
|
@include token-utils.create-token-values(tokens-mdc-plain-tooltip.$prefix, $tokens);
|
package/tree/_tree-theme.scss
CHANGED
|
@@ -10,18 +10,19 @@
|
|
|
10
10
|
@mixin base($theme) {
|
|
11
11
|
@if inspection.get-theme-version($theme) == 1 {
|
|
12
12
|
@include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
|
|
13
|
+
} @else {
|
|
13
14
|
}
|
|
14
|
-
@else {}
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
@mixin color($theme) {
|
|
18
18
|
@if inspection.get-theme-version($theme) == 1 {
|
|
19
19
|
@include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
|
|
20
|
-
}
|
|
21
|
-
@else {
|
|
20
|
+
} @else {
|
|
22
21
|
@include sass-utils.current-selector-or-root() {
|
|
23
|
-
@include token-utils.create-token-values(
|
|
24
|
-
tokens-mat-tree
|
|
22
|
+
@include token-utils.create-token-values(
|
|
23
|
+
tokens-mat-tree.$prefix,
|
|
24
|
+
tokens-mat-tree.get-color-tokens($theme)
|
|
25
|
+
);
|
|
25
26
|
}
|
|
26
27
|
}
|
|
27
28
|
}
|
|
@@ -29,14 +30,15 @@
|
|
|
29
30
|
@mixin typography($theme) {
|
|
30
31
|
@if inspection.get-theme-version($theme) == 1 {
|
|
31
32
|
@include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
|
|
32
|
-
}
|
|
33
|
-
@else {
|
|
33
|
+
} @else {
|
|
34
34
|
// TODO(mmalerba): Stop calling this and resolve resulting screen diffs.
|
|
35
35
|
$theme: inspection.private-get-typography-back-compat-theme($theme);
|
|
36
36
|
|
|
37
37
|
@include sass-utils.current-selector-or-root() {
|
|
38
|
-
@include token-utils.create-token-values(
|
|
39
|
-
tokens-mat-tree
|
|
38
|
+
@include token-utils.create-token-values(
|
|
39
|
+
tokens-mat-tree.$prefix,
|
|
40
|
+
tokens-mat-tree.get-typography-tokens($theme)
|
|
41
|
+
);
|
|
40
42
|
}
|
|
41
43
|
}
|
|
42
44
|
}
|
|
@@ -44,13 +46,14 @@
|
|
|
44
46
|
@mixin density($theme) {
|
|
45
47
|
@if inspection.get-theme-version($theme) == 1 {
|
|
46
48
|
@include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
|
|
47
|
-
}
|
|
48
|
-
@else {
|
|
49
|
+
} @else {
|
|
49
50
|
$density-scale: inspection.get-theme-density($theme);
|
|
50
51
|
|
|
51
52
|
@include sass-utils.current-selector-or-root() {
|
|
52
|
-
@include token-utils.create-token-values(
|
|
53
|
-
tokens-mat-tree
|
|
53
|
+
@include token-utils.create-token-values(
|
|
54
|
+
tokens-mat-tree.$prefix,
|
|
55
|
+
tokens-mat-tree.get-density-tokens($theme)
|
|
56
|
+
);
|
|
54
57
|
}
|
|
55
58
|
}
|
|
56
59
|
}
|
|
@@ -58,7 +61,10 @@
|
|
|
58
61
|
@mixin overrides($tokens: ()) {
|
|
59
62
|
@include token-utils.batch-create-token-values(
|
|
60
63
|
$tokens,
|
|
61
|
-
(
|
|
64
|
+
(
|
|
65
|
+
namespace: tokens-mat-tree.$prefix,
|
|
66
|
+
tokens: tokens-mat-tree.get-token-slots(),
|
|
67
|
+
)
|
|
62
68
|
);
|
|
63
69
|
}
|
|
64
70
|
|
|
@@ -66,8 +72,7 @@
|
|
|
66
72
|
@include theming.private-check-duplicate-theme-styles($theme, 'mat-tree') {
|
|
67
73
|
@if inspection.get-theme-version($theme) == 1 {
|
|
68
74
|
@include _theme-from-tokens(inspection.get-theme-tokens($theme));
|
|
69
|
-
}
|
|
70
|
-
@else {
|
|
75
|
+
} @else {
|
|
71
76
|
@include base($theme);
|
|
72
77
|
@if inspection.theme-has($theme, color) {
|
|
73
78
|
@include color($theme);
|
|
@@ -84,9 +89,12 @@
|
|
|
84
89
|
|
|
85
90
|
@mixin _theme-from-tokens($tokens) {
|
|
86
91
|
@include validation.selector-defined(
|
|
87
|
-
|
|
92
|
+
'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
|
|
93
|
+
);
|
|
88
94
|
@if ($tokens != ()) {
|
|
89
95
|
@include token-utils.create-token-values(
|
|
90
|
-
|
|
96
|
+
tokens-mat-tree.$prefix,
|
|
97
|
+
map.get($tokens, tokens-mat-tree.$prefix)
|
|
98
|
+
);
|
|
91
99
|
}
|
|
92
100
|
}
|