@angular/material 17.0.0 → 17.0.1
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/autocomplete/index.d.ts +0 -2
- package/button/_button-theme.scss +4 -0
- package/core/ripple/_ripple-theme.scss +51 -19
- package/core/tokens/m2/_index.scss +27 -8
- package/esm2022/autocomplete/autocomplete-trigger.mjs +7 -7
- package/esm2022/core/version.mjs +1 -1
- package/esm2022/datepicker/calendar-body.mjs +2 -2
- package/esm2022/list/list-base.mjs +6 -6
- package/esm2022/select/select.mjs +2 -2
- package/fesm2022/autocomplete.mjs +6 -6
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/core.mjs +1 -1
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +1 -1
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/list.mjs +5 -5
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/select.mjs +1 -1
- package/fesm2022/select.mjs.map +1 -1
- package/form-field/_form-field-theme.scss +85 -49
- package/input/_input-theme.scss +39 -12
- package/list/_list-theme.scss +115 -83
- package/package.json +2 -2
- package/prebuilt-themes/deeppurple-amber.css +1 -1
- package/prebuilt-themes/indigo-pink.css +1 -1
- package/prebuilt-themes/pink-bluegrey.css +1 -1
- package/prebuilt-themes/purple-green.css +1 -1
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +28 -29
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +21 -19
- package/schematics/ng-generate/mdc-migration/index_bundled.js +44 -44
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +9 -8
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +1 -2
- package/schematics/ng-update/index_bundled.js +31 -31
- package/slide-toggle/_slide-toggle-theme.scss +78 -44
- package/sort/_sort-theme.scss +51 -20
- package/stepper/_stepper-theme.scss +58 -25
- package/table/_table-theme.scss +53 -20
- package/tabs/_tabs-theme.scss +87 -51
- package/tree/_tree-theme.scss +53 -21
package/tree/_tree-theme.scss
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
1
2
|
@use '../core/theming/theming';
|
|
2
3
|
@use '../core/theming/inspection';
|
|
3
4
|
@use '../core/typography/typography';
|
|
@@ -5,46 +6,77 @@
|
|
|
5
6
|
@use '../core/tokens/token-utils';
|
|
6
7
|
@use '../core/tokens/m2/mat/tree' as tokens-mat-tree;
|
|
7
8
|
|
|
8
|
-
@mixin base($theme) {
|
|
9
|
+
@mixin base($theme) {
|
|
10
|
+
@if inspection.get-theme-version($theme) == 1 {
|
|
11
|
+
@include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
|
|
12
|
+
}
|
|
13
|
+
@else {}
|
|
14
|
+
}
|
|
9
15
|
|
|
10
16
|
@mixin color($theme) {
|
|
11
|
-
@
|
|
12
|
-
@include
|
|
13
|
-
|
|
17
|
+
@if inspection.get-theme-version($theme) == 1 {
|
|
18
|
+
@include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
|
|
19
|
+
}
|
|
20
|
+
@else {
|
|
21
|
+
@include sass-utils.current-selector-or-root() {
|
|
22
|
+
@include token-utils.create-token-values(tokens-mat-tree.$prefix,
|
|
23
|
+
tokens-mat-tree.get-color-tokens($theme));
|
|
24
|
+
}
|
|
14
25
|
}
|
|
15
26
|
}
|
|
16
27
|
|
|
17
28
|
@mixin typography($theme) {
|
|
18
|
-
|
|
19
|
-
|
|
29
|
+
@if inspection.get-theme-version($theme) == 1 {
|
|
30
|
+
@include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
|
|
31
|
+
}
|
|
32
|
+
@else {
|
|
33
|
+
// TODO(mmalerba): Stop calling this and resolve resulting screen diffs.
|
|
34
|
+
$theme: inspection.private-get-typography-back-compat-theme($theme);
|
|
20
35
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
36
|
+
@include sass-utils.current-selector-or-root() {
|
|
37
|
+
@include token-utils.create-token-values(tokens-mat-tree.$prefix,
|
|
38
|
+
tokens-mat-tree.get-typography-tokens($theme));
|
|
39
|
+
}
|
|
24
40
|
}
|
|
25
41
|
}
|
|
26
42
|
|
|
27
43
|
@mixin density($theme) {
|
|
28
|
-
|
|
44
|
+
@if inspection.get-theme-version($theme) == 1 {
|
|
45
|
+
@include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
|
|
46
|
+
}
|
|
47
|
+
@else {
|
|
48
|
+
$density-scale: inspection.get-theme-density($theme);
|
|
29
49
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
50
|
+
@include sass-utils.current-selector-or-root() {
|
|
51
|
+
@include token-utils.create-token-values(tokens-mat-tree.$prefix,
|
|
52
|
+
tokens-mat-tree.get-density-tokens($theme));
|
|
53
|
+
}
|
|
33
54
|
}
|
|
34
55
|
}
|
|
35
56
|
|
|
36
57
|
@mixin theme($theme) {
|
|
37
58
|
@include theming.private-check-duplicate-theme-styles($theme, 'mat-tree') {
|
|
38
|
-
@
|
|
39
|
-
|
|
40
|
-
@include color($theme);
|
|
41
|
-
}
|
|
42
|
-
@if inspection.theme-has($theme, density) {
|
|
43
|
-
@include density($theme);
|
|
59
|
+
@if inspection.get-theme-version($theme) == 1 {
|
|
60
|
+
@include _theme-from-tokens(inspection.get-theme-tokens($theme));
|
|
44
61
|
}
|
|
45
|
-
@
|
|
46
|
-
@include
|
|
62
|
+
@else {
|
|
63
|
+
@include base($theme);
|
|
64
|
+
@if inspection.theme-has($theme, color) {
|
|
65
|
+
@include color($theme);
|
|
66
|
+
}
|
|
67
|
+
@if inspection.theme-has($theme, density) {
|
|
68
|
+
@include density($theme);
|
|
69
|
+
}
|
|
70
|
+
@if inspection.theme-has($theme, typography) {
|
|
71
|
+
@include typography($theme);
|
|
72
|
+
}
|
|
47
73
|
}
|
|
48
74
|
}
|
|
49
75
|
}
|
|
50
76
|
|
|
77
|
+
@mixin _theme-from-tokens($tokens) {
|
|
78
|
+
@if ($tokens != ()) {
|
|
79
|
+
@include token-utils.create-token-values(
|
|
80
|
+
tokens-mat-tree.$prefix, map.get($tokens, tokens-mat-tree.$prefix));
|
|
81
|
+
}
|
|
82
|
+
}
|