@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.
Files changed (146) hide show
  1. package/_index.scss +1 -2
  2. package/autocomplete/_autocomplete-theme.scss +30 -21
  3. package/badge/_badge-theme.scss +31 -21
  4. package/bottom-sheet/_bottom-sheet-theme.scss +25 -17
  5. package/button/_button-theme.scss +220 -100
  6. package/button/_fab-theme.scss +88 -41
  7. package/button/_icon-button-theme.scss +31 -22
  8. package/button/index.d.ts +2 -2
  9. package/button-toggle/_button-toggle-theme.scss +52 -32
  10. package/card/_card-theme.scss +72 -35
  11. package/checkbox/_checkbox-theme.scss +6 -4
  12. package/chips/_chips-theme.scss +57 -27
  13. package/core/_core-theme.scss +51 -30
  14. package/core/_core.scss +1 -1
  15. package/core/option/_optgroup-theme.scss +22 -15
  16. package/core/option/_option-theme.scss +27 -18
  17. package/core/ripple/_ripple-theme.scss +26 -18
  18. package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +40 -18
  19. package/core/tokens/_m3-system.scss +34 -6
  20. package/core/tokens/_token-utils.scss +91 -34
  21. package/core/tokens/m2/mat/_badge.scss +12 -3
  22. package/core/tokens/m2/mdc/_radio.scss +1 -1
  23. package/core/tokens/m3/definitions/_md-comp-elevated-card.scss +1 -1
  24. package/core/tokens/m3/mat/_badge.scss +6 -3
  25. package/datepicker/_datepicker-theme.scss +46 -29
  26. package/datepicker/index.d.ts +1 -1
  27. package/dialog/_dialog-theme.scss +39 -20
  28. package/divider/_divider-theme.scss +21 -14
  29. package/expansion/_expansion-theme.scss +29 -21
  30. package/fesm2022/autocomplete.mjs +14 -16
  31. package/fesm2022/autocomplete.mjs.map +1 -1
  32. package/fesm2022/badge.mjs +11 -12
  33. package/fesm2022/badge.mjs.map +1 -1
  34. package/fesm2022/bottom-sheet.mjs +11 -11
  35. package/fesm2022/bottom-sheet.mjs.map +1 -1
  36. package/fesm2022/button-toggle.mjs +11 -12
  37. package/fesm2022/button-toggle.mjs.map +1 -1
  38. package/fesm2022/button.mjs +42 -42
  39. package/fesm2022/button.mjs.map +1 -1
  40. package/fesm2022/card.mjs +49 -60
  41. package/fesm2022/card.mjs.map +1 -1
  42. package/fesm2022/checkbox.mjs +16 -17
  43. package/fesm2022/checkbox.mjs.map +1 -1
  44. package/fesm2022/chips.mjs +48 -54
  45. package/fesm2022/chips.mjs.map +1 -1
  46. package/fesm2022/core.mjs +71 -73
  47. package/fesm2022/core.mjs.map +1 -1
  48. package/fesm2022/datepicker.mjs +95 -105
  49. package/fesm2022/datepicker.mjs.map +1 -1
  50. package/fesm2022/dialog/testing.mjs +0 -1
  51. package/fesm2022/dialog/testing.mjs.map +1 -1
  52. package/fesm2022/dialog.mjs +28 -33
  53. package/fesm2022/dialog.mjs.map +1 -1
  54. package/fesm2022/divider.mjs +8 -8
  55. package/fesm2022/divider.mjs.map +1 -1
  56. package/fesm2022/expansion.mjs +28 -33
  57. package/fesm2022/expansion.mjs.map +1 -1
  58. package/fesm2022/form-field.mjs +38 -45
  59. package/fesm2022/form-field.mjs.map +1 -1
  60. package/fesm2022/grid-list.mjs +26 -29
  61. package/fesm2022/grid-list.mjs.map +1 -1
  62. package/fesm2022/icon/testing.mjs +7 -7
  63. package/fesm2022/icon/testing.mjs.map +1 -1
  64. package/fesm2022/icon.mjs +11 -11
  65. package/fesm2022/icon.mjs.map +1 -1
  66. package/fesm2022/input.mjs +7 -8
  67. package/fesm2022/input.mjs.map +1 -1
  68. package/fesm2022/list.mjs +57 -66
  69. package/fesm2022/list.mjs.map +1 -1
  70. package/fesm2022/menu.mjs +18 -20
  71. package/fesm2022/menu.mjs.map +1 -1
  72. package/fesm2022/paginator.mjs +11 -11
  73. package/fesm2022/paginator.mjs.map +1 -1
  74. package/fesm2022/progress-bar.mjs +8 -8
  75. package/fesm2022/progress-bar.mjs.map +1 -1
  76. package/fesm2022/progress-spinner.mjs +8 -8
  77. package/fesm2022/progress-spinner.mjs.map +1 -1
  78. package/fesm2022/radio.mjs +11 -12
  79. package/fesm2022/radio.mjs.map +1 -1
  80. package/fesm2022/select.mjs +12 -13
  81. package/fesm2022/select.mjs.map +1 -1
  82. package/fesm2022/sidenav.mjs +28 -30
  83. package/fesm2022/sidenav.mjs.map +1 -1
  84. package/fesm2022/slide-toggle.mjs +16 -17
  85. package/fesm2022/slide-toggle.mjs.map +1 -1
  86. package/fesm2022/slider.mjs +18 -20
  87. package/fesm2022/slider.mjs.map +1 -1
  88. package/fesm2022/snack-bar.mjs +25 -28
  89. package/fesm2022/snack-bar.mjs.map +1 -1
  90. package/fesm2022/sort.mjs +14 -15
  91. package/fesm2022/sort.mjs.map +1 -1
  92. package/fesm2022/stepper.mjs +34 -39
  93. package/fesm2022/stepper.mjs.map +1 -1
  94. package/fesm2022/table.mjs +57 -73
  95. package/fesm2022/table.mjs.map +1 -1
  96. package/fesm2022/tabs.mjs +51 -56
  97. package/fesm2022/tabs.mjs.map +1 -1
  98. package/fesm2022/timepicker.mjs +17 -18
  99. package/fesm2022/timepicker.mjs.map +1 -1
  100. package/fesm2022/toolbar.mjs +11 -12
  101. package/fesm2022/toolbar.mjs.map +1 -1
  102. package/fesm2022/tooltip.mjs +11 -12
  103. package/fesm2022/tooltip.mjs.map +1 -1
  104. package/fesm2022/tree.mjs +26 -32
  105. package/fesm2022/tree.mjs.map +1 -1
  106. package/form-field/_form-field-theme.scss +105 -56
  107. package/form-field/index.d.ts +1 -1
  108. package/grid-list/_grid-list-theme.scss +18 -12
  109. package/icon/_icon-theme.scss +15 -11
  110. package/input/_input-theme.scss +11 -8
  111. package/list/_list-theme.scss +82 -44
  112. package/menu/_menu-theme.scss +26 -18
  113. package/package.json +2 -2
  114. package/paginator/_paginator-theme.scss +32 -20
  115. package/prebuilt-themes/azure-blue.css +1 -1
  116. package/prebuilt-themes/cyan-orange.css +1 -1
  117. package/prebuilt-themes/deeppurple-amber.css +1 -1
  118. package/prebuilt-themes/indigo-pink.css +1 -1
  119. package/prebuilt-themes/magenta-violet.css +1 -1
  120. package/prebuilt-themes/pink-bluegrey.css +1 -1
  121. package/prebuilt-themes/purple-green.css +1 -1
  122. package/prebuilt-themes/rose-red.css +1 -1
  123. package/progress-bar/_progress-bar-theme.scss +13 -11
  124. package/progress-spinner/_progress-spinner-theme.scss +34 -20
  125. package/radio/_radio-theme.scss +50 -26
  126. package/schematics/collection.json +3 -3
  127. package/schematics/ng-add/index.js +1 -1
  128. package/schematics/ng-add/index.mjs +1 -1
  129. package/schematics/ng-generate/{m3-theme → theme-color}/index_bundled.js +454 -288
  130. package/schematics/ng-generate/theme-color/index_bundled.js.map +7 -0
  131. package/schematics/ng-generate/{m3-theme → theme-color}/schema.json +7 -13
  132. package/select/_select-theme.scss +31 -22
  133. package/sidenav/_sidenav-theme.scss +21 -14
  134. package/slide-toggle/_slide-toggle-theme.scss +42 -22
  135. package/slider/_slider-theme.scss +55 -35
  136. package/snack-bar/_snack-bar-theme.scss +22 -14
  137. package/sort/_sort-theme.scss +26 -18
  138. package/stepper/_stepper-theme.scss +33 -24
  139. package/table/_table-theme.scss +29 -20
  140. package/tabs/_tabs-theme.scss +89 -46
  141. package/tabs/index.d.ts +2 -2
  142. package/timepicker/_timepicker-theme.scss +30 -21
  143. package/toolbar/_toolbar-theme.scss +28 -19
  144. package/tooltip/_tooltip-theme.scss +11 -12
  145. package/tree/_tree-theme.scss +26 -18
  146. 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
- (prefix: tokens-mdc-plain-tooltip.$prefix, tokens: tokens-mdc-plain-tooltip.get-token-slots()),
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
- 'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector');
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);
@@ -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(tokens-mat-tree.$prefix,
24
- tokens-mat-tree.get-color-tokens($theme));
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(tokens-mat-tree.$prefix,
39
- tokens-mat-tree.get-typography-tokens($theme));
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(tokens-mat-tree.$prefix,
53
- tokens-mat-tree.get-density-tokens($theme));
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
- (prefix: tokens-mat-tree.$prefix, tokens: tokens-mat-tree.get-token-slots()),
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
- 'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector');
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
- tokens-mat-tree.$prefix, map.get($tokens, tokens-mat-tree.$prefix));
96
+ tokens-mat-tree.$prefix,
97
+ map.get($tokens, tokens-mat-tree.$prefix)
98
+ );
91
99
  }
92
100
  }