@angular/material 19.0.0-next.8 → 19.0.0-rc.0

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 (229) hide show
  1. package/_index.scss +1 -2
  2. package/autocomplete/_autocomplete-theme.scss +37 -24
  3. package/autocomplete/index.d.ts +5 -6
  4. package/badge/_badge-theme.scss +38 -24
  5. package/bottom-sheet/_bottom-sheet-theme.scss +32 -20
  6. package/button/_button-theme.scss +229 -105
  7. package/button/_fab-theme.scss +95 -44
  8. package/button/_icon-button-theme.scss +38 -25
  9. package/button/index.d.ts +3 -3
  10. package/button-toggle/_button-toggle-theme.scss +62 -37
  11. package/card/_card-theme.scss +79 -38
  12. package/card/index.d.ts +2 -3
  13. package/checkbox/_checkbox-theme.scss +16 -10
  14. package/chips/_chips-theme.scss +64 -30
  15. package/core/_core-theme.scss +55 -37
  16. package/core/_core.scss +3 -6
  17. package/core/option/_optgroup-theme.scss +29 -18
  18. package/core/option/_option-theme.scss +34 -21
  19. package/core/ripple/_ripple-theme.scss +33 -21
  20. package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +49 -23
  21. package/core/theming/_config-validation.scss +4 -4
  22. package/core/theming/_definition.scss +12 -2
  23. package/core/tokens/_m3-system.scss +86 -42
  24. package/core/tokens/_token-utils.scss +91 -34
  25. package/core/tokens/m2/mat/_badge.scss +12 -3
  26. package/core/tokens/m2/mdc/_radio.scss +1 -1
  27. package/core/tokens/m3/definitions/_md-comp-elevated-card.scss +1 -1
  28. package/core/tokens/m3/mat/_badge.scss +6 -3
  29. package/datepicker/_datepicker-theme.scss +53 -32
  30. package/datepicker/index.d.ts +33 -34
  31. package/dialog/_dialog-theme.scss +46 -23
  32. package/divider/_divider-theme.scss +28 -17
  33. package/expansion/_expansion-theme.scss +36 -24
  34. package/fesm2022/autocomplete/testing.mjs +2 -5
  35. package/fesm2022/autocomplete/testing.mjs.map +1 -1
  36. package/fesm2022/autocomplete.mjs +225 -148
  37. package/fesm2022/autocomplete.mjs.map +1 -1
  38. package/fesm2022/badge/testing.mjs +2 -5
  39. package/fesm2022/badge/testing.mjs.map +1 -1
  40. package/fesm2022/badge.mjs +45 -35
  41. package/fesm2022/badge.mjs.map +1 -1
  42. package/fesm2022/bottom-sheet/testing.mjs +1 -1
  43. package/fesm2022/bottom-sheet/testing.mjs.map +1 -1
  44. package/fesm2022/bottom-sheet.mjs +80 -58
  45. package/fesm2022/bottom-sheet.mjs.map +1 -1
  46. package/fesm2022/button/testing.mjs +2 -2
  47. package/fesm2022/button/testing.mjs.map +1 -1
  48. package/fesm2022/button-toggle/testing.mjs +4 -7
  49. package/fesm2022/button-toggle/testing.mjs.map +1 -1
  50. package/fesm2022/button-toggle.mjs +82 -45
  51. package/fesm2022/button-toggle.mjs.map +1 -1
  52. package/fesm2022/button.mjs +106 -79
  53. package/fesm2022/button.mjs.map +1 -1
  54. package/fesm2022/card/testing.mjs +3 -6
  55. package/fesm2022/card/testing.mjs.map +1 -1
  56. package/fesm2022/card.mjs +56 -69
  57. package/fesm2022/card.mjs.map +1 -1
  58. package/fesm2022/checkbox/testing.mjs +4 -7
  59. package/fesm2022/checkbox/testing.mjs.map +1 -1
  60. package/fesm2022/checkbox.mjs +104 -62
  61. package/fesm2022/checkbox.mjs.map +1 -1
  62. package/fesm2022/chips/testing.mjs +11 -14
  63. package/fesm2022/chips/testing.mjs.map +1 -1
  64. package/fesm2022/chips.mjs +322 -276
  65. package/fesm2022/chips.mjs.map +1 -1
  66. package/fesm2022/core/testing.mjs +5 -11
  67. package/fesm2022/core/testing.mjs.map +1 -1
  68. package/fesm2022/core.mjs +242 -187
  69. package/fesm2022/core.mjs.map +1 -1
  70. package/fesm2022/datepicker/testing.mjs +13 -22
  71. package/fesm2022/datepicker/testing.mjs.map +1 -1
  72. package/fesm2022/datepicker.mjs +827 -582
  73. package/fesm2022/datepicker.mjs.map +1 -1
  74. package/fesm2022/dialog/testing.mjs +15 -10
  75. package/fesm2022/dialog/testing.mjs.map +1 -1
  76. package/fesm2022/dialog.mjs +221 -156
  77. package/fesm2022/dialog.mjs.map +1 -1
  78. package/fesm2022/divider/testing.mjs +1 -1
  79. package/fesm2022/divider/testing.mjs.map +1 -1
  80. package/fesm2022/divider.mjs +10 -12
  81. package/fesm2022/divider.mjs.map +1 -1
  82. package/fesm2022/expansion/testing.mjs +7 -10
  83. package/fesm2022/expansion/testing.mjs.map +1 -1
  84. package/fesm2022/expansion.mjs +86 -80
  85. package/fesm2022/expansion.mjs.map +1 -1
  86. package/fesm2022/form-field/testing.mjs +12 -15
  87. package/fesm2022/form-field/testing.mjs.map +1 -1
  88. package/fesm2022/form-field.mjs +179 -132
  89. package/fesm2022/form-field.mjs.map +1 -1
  90. package/fesm2022/grid-list/testing.mjs +11 -17
  91. package/fesm2022/grid-list/testing.mjs.map +1 -1
  92. package/fesm2022/grid-list.mjs +75 -56
  93. package/fesm2022/grid-list.mjs.map +1 -1
  94. package/fesm2022/icon/testing.mjs +8 -8
  95. package/fesm2022/icon/testing.mjs.map +1 -1
  96. package/fesm2022/icon.mjs +66 -46
  97. package/fesm2022/icon.mjs.map +1 -1
  98. package/fesm2022/input/testing.mjs +3 -3
  99. package/fesm2022/input/testing.mjs.map +1 -1
  100. package/fesm2022/input.mjs +103 -72
  101. package/fesm2022/input.mjs.map +1 -1
  102. package/fesm2022/list/testing.mjs +21 -38
  103. package/fesm2022/list/testing.mjs.map +1 -1
  104. package/fesm2022/list.mjs +197 -195
  105. package/fesm2022/list.mjs.map +1 -1
  106. package/fesm2022/menu/testing.mjs +3 -6
  107. package/fesm2022/menu/testing.mjs.map +1 -1
  108. package/fesm2022/menu.mjs +178 -127
  109. package/fesm2022/menu.mjs.map +1 -1
  110. package/fesm2022/paginator/testing.mjs +10 -13
  111. package/fesm2022/paginator/testing.mjs.map +1 -1
  112. package/fesm2022/paginator.mjs +83 -58
  113. package/fesm2022/paginator.mjs.map +1 -1
  114. package/fesm2022/progress-bar/testing.mjs +1 -1
  115. package/fesm2022/progress-bar/testing.mjs.map +1 -1
  116. package/fesm2022/progress-bar.mjs +36 -35
  117. package/fesm2022/progress-bar.mjs.map +1 -1
  118. package/fesm2022/progress-spinner/testing.mjs +1 -1
  119. package/fesm2022/progress-spinner/testing.mjs.map +1 -1
  120. package/fesm2022/progress-spinner.mjs +28 -14
  121. package/fesm2022/progress-spinner.mjs.map +1 -1
  122. package/fesm2022/radio/testing.mjs +6 -12
  123. package/fesm2022/radio/testing.mjs.map +1 -1
  124. package/fesm2022/radio.mjs +123 -87
  125. package/fesm2022/radio.mjs.map +1 -1
  126. package/fesm2022/select/testing.mjs +6 -9
  127. package/fesm2022/select/testing.mjs.map +1 -1
  128. package/fesm2022/select.mjs +219 -182
  129. package/fesm2022/select.mjs.map +1 -1
  130. package/fesm2022/sidenav/testing.mjs +6 -6
  131. package/fesm2022/sidenav/testing.mjs.map +1 -1
  132. package/fesm2022/sidenav.mjs +136 -125
  133. package/fesm2022/sidenav.mjs.map +1 -1
  134. package/fesm2022/slide-toggle/testing.mjs +3 -6
  135. package/fesm2022/slide-toggle/testing.mjs.map +1 -1
  136. package/fesm2022/slide-toggle.mjs +77 -47
  137. package/fesm2022/slide-toggle.mjs.map +1 -1
  138. package/fesm2022/slider/testing.mjs +2 -2
  139. package/fesm2022/slider/testing.mjs.map +1 -1
  140. package/fesm2022/slider.mjs +262 -194
  141. package/fesm2022/slider.mjs.map +1 -1
  142. package/fesm2022/snack-bar/testing.mjs +4 -7
  143. package/fesm2022/snack-bar/testing.mjs.map +1 -1
  144. package/fesm2022/snack-bar.mjs +143 -111
  145. package/fesm2022/snack-bar.mjs.map +1 -1
  146. package/fesm2022/sort/testing.mjs +3 -6
  147. package/fesm2022/sort/testing.mjs.map +1 -1
  148. package/fesm2022/sort.mjs +94 -74
  149. package/fesm2022/sort.mjs.map +1 -1
  150. package/fesm2022/stepper/testing.mjs +4 -4
  151. package/fesm2022/stepper/testing.mjs.map +1 -1
  152. package/fesm2022/stepper.mjs +146 -113
  153. package/fesm2022/stepper.mjs.map +1 -1
  154. package/fesm2022/table/testing.mjs +13 -25
  155. package/fesm2022/table/testing.mjs.map +1 -1
  156. package/fesm2022/table.mjs +183 -194
  157. package/fesm2022/table.mjs.map +1 -1
  158. package/fesm2022/tabs/testing.mjs +5 -5
  159. package/fesm2022/tabs/testing.mjs.map +1 -1
  160. package/fesm2022/tabs.mjs +329 -251
  161. package/fesm2022/tabs.mjs.map +1 -1
  162. package/fesm2022/timepicker/testing.mjs +7 -16
  163. package/fesm2022/timepicker/testing.mjs.map +1 -1
  164. package/fesm2022/timepicker.mjs +160 -155
  165. package/fesm2022/timepicker.mjs.map +1 -1
  166. package/fesm2022/toolbar/testing.mjs +2 -5
  167. package/fesm2022/toolbar/testing.mjs.map +1 -1
  168. package/fesm2022/toolbar.mjs +26 -17
  169. package/fesm2022/toolbar.mjs.map +1 -1
  170. package/fesm2022/tooltip/testing.mjs +6 -9
  171. package/fesm2022/tooltip/testing.mjs.map +1 -1
  172. package/fesm2022/tooltip.mjs +97 -74
  173. package/fesm2022/tooltip.mjs.map +1 -1
  174. package/fesm2022/tree/testing.mjs +3 -6
  175. package/fesm2022/tree/testing.mjs.map +1 -1
  176. package/fesm2022/tree.mjs +57 -61
  177. package/fesm2022/tree.mjs.map +1 -1
  178. package/form-field/_form-field-theme.scss +114 -61
  179. package/form-field/index.d.ts +9 -10
  180. package/grid-list/_grid-list-theme.scss +25 -15
  181. package/icon/_icon-theme.scss +22 -14
  182. package/input/_input-theme.scss +18 -11
  183. package/list/_list-theme.scss +89 -47
  184. package/list/index.d.ts +20 -21
  185. package/menu/_menu-theme.scss +33 -21
  186. package/menu/index.d.ts +8 -9
  187. package/package.json +2 -2
  188. package/paginator/_paginator-theme.scss +39 -23
  189. package/prebuilt-themes/azure-blue.css +1 -1
  190. package/prebuilt-themes/cyan-orange.css +1 -1
  191. package/prebuilt-themes/deeppurple-amber.css +1 -1
  192. package/prebuilt-themes/indigo-pink.css +1 -1
  193. package/prebuilt-themes/magenta-violet.css +1 -1
  194. package/prebuilt-themes/pink-bluegrey.css +1 -1
  195. package/prebuilt-themes/purple-green.css +1 -1
  196. package/prebuilt-themes/rose-red.css +1 -1
  197. package/progress-bar/_progress-bar-theme.scss +20 -16
  198. package/progress-spinner/_progress-spinner-theme.scss +41 -25
  199. package/progress-spinner/index.d.ts +3 -4
  200. package/radio/_radio-theme.scss +60 -32
  201. package/radio/index.d.ts +2 -3
  202. package/schematics/collection.json +3 -3
  203. package/schematics/ng-add/index.js +1 -1
  204. package/schematics/ng-add/index.mjs +1 -1
  205. package/schematics/ng-add/theming/create-custom-theme.js +1 -6
  206. package/schematics/ng-add/theming/create-custom-theme.mjs +1 -6
  207. package/schematics/ng-generate/{m3-theme → theme-color}/index_bundled.js +480 -288
  208. package/schematics/ng-generate/theme-color/index_bundled.js.map +7 -0
  209. package/schematics/ng-generate/{m3-theme → theme-color}/schema.json +7 -13
  210. package/schematics/ng-update/index_bundled.js +6 -1
  211. package/schematics/ng-update/index_bundled.js.map +1 -1
  212. package/select/_select-theme.scss +38 -25
  213. package/select/index.d.ts +6 -7
  214. package/sidenav/_sidenav-theme.scss +28 -17
  215. package/slide-toggle/_slide-toggle-theme.scss +52 -28
  216. package/slider/_slider-theme.scss +62 -38
  217. package/snack-bar/_snack-bar-theme.scss +29 -17
  218. package/sort/_sort-theme.scss +33 -21
  219. package/stepper/_stepper-theme.scss +40 -27
  220. package/stepper/index.d.ts +14 -15
  221. package/table/_table-theme.scss +36 -23
  222. package/tabs/_tabs-theme.scss +97 -50
  223. package/tabs/index.d.ts +2 -2
  224. package/timepicker/_timepicker-theme.scss +37 -24
  225. package/toolbar/_toolbar-theme.scss +35 -22
  226. package/tooltip/_tooltip-theme.scss +18 -15
  227. package/tooltip/index.d.ts +5 -6
  228. package/tree/_tree-theme.scss +33 -21
  229. package/schematics/ng-generate/m3-theme/index_bundled.js.map +0 -7
@@ -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-sort.$prefix,
24
- tokens-mat-sort.get-color-tokens($theme));
22
+ @include token-utils.create-token-values(
23
+ tokens-mat-sort.$prefix,
24
+ tokens-mat-sort.get-color-tokens($theme)
25
+ );
25
26
  }
26
27
  }
27
28
  }
@@ -29,11 +30,12 @@
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
  @include sass-utils.current-selector-or-root() {
35
- @include token-utils.create-token-values(tokens-mat-sort.$prefix,
36
- tokens-mat-sort.get-typography-tokens($theme));
35
+ @include token-utils.create-token-values(
36
+ tokens-mat-sort.$prefix,
37
+ tokens-mat-sort.get-typography-tokens($theme)
38
+ );
37
39
  }
38
40
  }
39
41
  }
@@ -41,28 +43,35 @@
41
43
  @mixin density($theme) {
42
44
  @if inspection.get-theme-version($theme) == 1 {
43
45
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
44
- }
45
- @else {
46
+ } @else {
46
47
  @include sass-utils.current-selector-or-root() {
47
- @include token-utils.create-token-values(tokens-mat-sort.$prefix,
48
- tokens-mat-sort.get-density-tokens($theme));
48
+ @include token-utils.create-token-values(
49
+ tokens-mat-sort.$prefix,
50
+ tokens-mat-sort.get-density-tokens($theme)
51
+ );
49
52
  }
50
53
  }
51
54
  }
52
55
 
53
- @mixin overrides($tokens: ()) {
54
- @include token-utils.batch-create-token-values(
55
- $tokens,
56
- (prefix: tokens-mat-sort.$prefix, tokens: tokens-mat-sort.get-token-slots()),
56
+ /// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
57
+ @function _define-overrides() {
58
+ @return (
59
+ (
60
+ namespace: tokens-mat-sort.$prefix,
61
+ tokens: tokens-mat-sort.get-token-slots(),
62
+ ),
57
63
  );
58
64
  }
59
65
 
66
+ @mixin overrides($tokens: ()) {
67
+ @include token-utils.batch-create-token-values($tokens, _define-overrides()...);
68
+ }
69
+
60
70
  @mixin theme($theme) {
61
71
  @include theming.private-check-duplicate-theme-styles($theme, 'mat-sort') {
62
72
  @if inspection.get-theme-version($theme) == 1 {
63
73
  @include _theme-from-tokens(inspection.get-theme-tokens($theme));
64
- }
65
- @else {
74
+ } @else {
66
75
  @include base($theme);
67
76
  @if inspection.theme-has($theme, color) {
68
77
  @include color($theme);
@@ -79,9 +88,12 @@
79
88
 
80
89
  @mixin _theme-from-tokens($tokens) {
81
90
  @include validation.selector-defined(
82
- 'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector');
91
+ 'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
92
+ );
83
93
  @if ($tokens != ()) {
84
94
  @include token-utils.create-token-values(
85
- tokens-mat-sort.$prefix, map.get($tokens, tokens-mat-sort.$prefix));
95
+ tokens-mat-sort.$prefix,
96
+ map.get($tokens, tokens-mat-sort.$prefix)
97
+ );
86
98
  }
87
99
  }
@@ -12,8 +12,8 @@
12
12
  @mixin base($theme) {
13
13
  @if inspection.get-theme-version($theme) == 1 {
14
14
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
15
+ } @else {
15
16
  }
16
- @else {}
17
17
  }
18
18
 
19
19
  /// Outputs color theme styles for mat-stepper.
@@ -24,20 +24,25 @@
24
24
  @mixin color($theme, $options...) {
25
25
  @if inspection.get-theme-version($theme) == 1 {
26
26
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, color), $options...);
27
- }
28
- @else {
27
+ } @else {
29
28
  @include sass-utils.current-selector-or-root() {
30
- @include token-utils.create-token-values(tokens-mat-stepper.$prefix,
31
- tokens-mat-stepper.get-color-tokens($theme));
29
+ @include token-utils.create-token-values(
30
+ tokens-mat-stepper.$prefix,
31
+ tokens-mat-stepper.get-color-tokens($theme)
32
+ );
32
33
 
33
34
  .mat-step-header.mat-accent {
34
- @include token-utils.create-token-values(tokens-mat-stepper.$prefix,
35
- tokens-mat-stepper.private-get-color-palette-color-tokens($theme, accent));
35
+ @include token-utils.create-token-values(
36
+ tokens-mat-stepper.$prefix,
37
+ tokens-mat-stepper.private-get-color-palette-color-tokens($theme, accent)
38
+ );
36
39
  }
37
40
 
38
41
  .mat-step-header.mat-warn {
39
- @include token-utils.create-token-values(tokens-mat-stepper.$prefix,
40
- tokens-mat-stepper.private-get-color-palette-color-tokens($theme, warn));
42
+ @include token-utils.create-token-values(
43
+ tokens-mat-stepper.$prefix,
44
+ tokens-mat-stepper.private-get-color-palette-color-tokens($theme, warn)
45
+ );
41
46
  }
42
47
  }
43
48
  }
@@ -48,11 +53,12 @@
48
53
  @mixin typography($theme) {
49
54
  @if inspection.get-theme-version($theme) == 1 {
50
55
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
51
- }
52
- @else {
56
+ } @else {
53
57
  @include sass-utils.current-selector-or-root() {
54
- @include token-utils.create-token-values(tokens-mat-stepper.$prefix,
55
- tokens-mat-stepper.get-typography-tokens($theme));
58
+ @include token-utils.create-token-values(
59
+ tokens-mat-stepper.$prefix,
60
+ tokens-mat-stepper.get-typography-tokens($theme)
61
+ );
56
62
  }
57
63
  }
58
64
  }
@@ -62,22 +68,30 @@
62
68
  @mixin density($theme) {
63
69
  @if inspection.get-theme-version($theme) == 1 {
64
70
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
65
- }
66
- @else {
71
+ } @else {
67
72
  @include sass-utils.current-selector-or-root() {
68
- @include token-utils.create-token-values(tokens-mat-stepper.$prefix,
69
- tokens-mat-stepper.get-density-tokens($theme));
73
+ @include token-utils.create-token-values(
74
+ tokens-mat-stepper.$prefix,
75
+ tokens-mat-stepper.get-density-tokens($theme)
76
+ );
70
77
  }
71
78
  }
72
79
  }
73
80
 
81
+ /// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
82
+ @function _define-overrides() {
83
+ @return (
84
+ (
85
+ namespace: tokens-mat-stepper.$prefix,
86
+ tokens: tokens-mat-stepper.get-token-slots(),
87
+ ),
88
+ );
89
+ }
90
+
74
91
  /// Outputs the CSS variable values for the given tokens.
75
92
  /// @param {Map} $tokens The token values to emit.
76
93
  @mixin overrides($tokens: ()) {
77
- @include token-utils.batch-create-token-values(
78
- $tokens,
79
- (prefix: tokens-mat-stepper.$prefix, tokens: tokens-mat-stepper.get-token-slots()),
80
- );
94
+ @include token-utils.batch-create-token-values($tokens, _define-overrides()...);
81
95
  }
82
96
 
83
97
  /// Outputs all (base, color, typography, and density) theme styles for mat-stepper.
@@ -85,12 +99,11 @@
85
99
  /// @param {ArgList} Additional optional arguments (only supported for M3 themes):
86
100
  /// $color-variant: The color variant to use for the stepper: primary, secondary,
87
101
  /// tertiary, or error (If not specified, primary color values will be used).
88
- @mixin theme($theme, $options...) {
102
+ @mixin theme($theme, $options...) {
89
103
  @include theming.private-check-duplicate-theme-styles($theme, 'mat-stepper') {
90
104
  @if inspection.get-theme-version($theme) == 1 {
91
105
  @include _theme-from-tokens(inspection.get-theme-tokens($theme), $options...);
92
- }
93
- @else {
106
+ } @else {
94
107
  @include base($theme);
95
108
  @if inspection.theme-has($theme, color) {
96
109
  @include color($theme);
@@ -107,14 +120,14 @@
107
120
 
108
121
  @mixin _theme-from-tokens($tokens, $options...) {
109
122
  @include validation.selector-defined(
110
- 'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector');
123
+ 'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
124
+ );
111
125
  @if ($tokens != ()) {
112
126
  $mat-stepper-tokens: token-utils.get-tokens-for(
113
127
  $tokens,
114
128
  tokens-mat-stepper.$prefix,
115
129
  $options...
116
130
  );
117
- @include token-utils.create-token-values(
118
- tokens-mat-stepper.$prefix, $mat-stepper-tokens);
131
+ @include token-utils.create-token-values(tokens-mat-stepper.$prefix, $mat-stepper-tokens);
119
132
  }
120
133
  }
@@ -15,10 +15,9 @@ import { FocusOrigin } from '@angular/cdk/a11y';
15
15
  import { FormGroupDirective } from '@angular/forms';
16
16
  import * as i0 from '@angular/core';
17
17
  import * as i1 from '@angular/material/core';
18
- import * as i2 from '@angular/common';
19
- import * as i3 from '@angular/cdk/portal';
20
- import * as i4 from '@angular/cdk/stepper';
21
- import * as i5 from '@angular/material/icon';
18
+ import * as i2 from '@angular/cdk/portal';
19
+ import * as i3 from '@angular/cdk/stepper';
20
+ import * as i4 from '@angular/material/icon';
22
21
  import { NgForm } from '@angular/forms';
23
22
  import { OnDestroy } from '@angular/core';
24
23
  import { Optional } from '@angular/core';
@@ -32,40 +31,40 @@ import { ThemePalette } from '@angular/material/core';
32
31
 
33
32
  declare namespace i10 {
34
33
  export {
35
- MatStepperIconContext,
36
- MatStepperIcon
34
+ MatStepContent
37
35
  }
38
36
  }
39
37
 
40
- declare namespace i11 {
38
+ declare namespace i5 {
41
39
  export {
42
- MatStepContent
40
+ MatStep,
41
+ MatStepper
43
42
  }
44
43
  }
45
44
 
46
45
  declare namespace i6 {
47
46
  export {
48
- MatStep,
49
- MatStepper
47
+ MatStepLabel
50
48
  }
51
49
  }
52
50
 
53
51
  declare namespace i7 {
54
52
  export {
55
- MatStepLabel
53
+ MatStepperNext,
54
+ MatStepperPrevious
56
55
  }
57
56
  }
58
57
 
59
58
  declare namespace i8 {
60
59
  export {
61
- MatStepperNext,
62
- MatStepperPrevious
60
+ MatStepHeader
63
61
  }
64
62
  }
65
63
 
66
64
  declare namespace i9 {
67
65
  export {
68
- MatStepHeader
66
+ MatStepperIconContext,
67
+ MatStepperIcon
69
68
  }
70
69
  }
71
70
 
@@ -269,7 +268,7 @@ export declare class MatStepperIntl {
269
268
 
270
269
  export declare class MatStepperModule {
271
270
  static ɵfac: i0.ɵɵFactoryDeclaration<MatStepperModule, never>;
272
- static ɵmod: i0.ɵɵNgModuleDeclaration<MatStepperModule, never, [typeof i1.MatCommonModule, typeof i2.CommonModule, typeof i3.PortalModule, typeof i4.CdkStepperModule, typeof i5.MatIconModule, typeof i1.MatRippleModule, typeof i6.MatStep, typeof i7.MatStepLabel, typeof i6.MatStepper, typeof i8.MatStepperNext, typeof i8.MatStepperPrevious, typeof i9.MatStepHeader, typeof i10.MatStepperIcon, typeof i11.MatStepContent], [typeof i1.MatCommonModule, typeof i6.MatStep, typeof i7.MatStepLabel, typeof i6.MatStepper, typeof i8.MatStepperNext, typeof i8.MatStepperPrevious, typeof i9.MatStepHeader, typeof i10.MatStepperIcon, typeof i11.MatStepContent]>;
271
+ static ɵmod: i0.ɵɵNgModuleDeclaration<MatStepperModule, never, [typeof i1.MatCommonModule, typeof i2.PortalModule, typeof i3.CdkStepperModule, typeof i4.MatIconModule, typeof i1.MatRippleModule, typeof i5.MatStep, typeof i6.MatStepLabel, typeof i5.MatStepper, typeof i7.MatStepperNext, typeof i7.MatStepperPrevious, typeof i8.MatStepHeader, typeof i9.MatStepperIcon, typeof i10.MatStepContent], [typeof i1.MatCommonModule, typeof i5.MatStep, typeof i6.MatStepLabel, typeof i5.MatStepper, typeof i7.MatStepperNext, typeof i7.MatStepperPrevious, typeof i8.MatStepHeader, typeof i9.MatStepperIcon, typeof i10.MatStepContent]>;
273
272
  static ɵinj: i0.ɵɵInjectorDeclaration<MatStepperModule>;
274
273
  }
275
274
 
@@ -10,11 +10,12 @@
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
- }
14
- @else {
13
+ } @else {
15
14
  @include sass-utils.current-selector-or-root() {
16
15
  @include token-utils.create-token-values(
17
- tokens-mat-table.$prefix, tokens-mat-table.get-unthemable-tokens());
16
+ tokens-mat-table.$prefix,
17
+ tokens-mat-table.get-unthemable-tokens()
18
+ );
18
19
  }
19
20
  }
20
21
  }
@@ -22,11 +23,12 @@
22
23
  @mixin color($theme) {
23
24
  @if inspection.get-theme-version($theme) == 1 {
24
25
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
25
- }
26
- @else {
26
+ } @else {
27
27
  @include sass-utils.current-selector-or-root() {
28
- @include token-utils.create-token-values(tokens-mat-table.$prefix,
29
- tokens-mat-table.get-color-tokens($theme));
28
+ @include token-utils.create-token-values(
29
+ tokens-mat-table.$prefix,
30
+ tokens-mat-table.get-color-tokens($theme)
31
+ );
30
32
  }
31
33
  }
32
34
  }
@@ -34,11 +36,12 @@
34
36
  @mixin typography($theme) {
35
37
  @if inspection.get-theme-version($theme) == 1 {
36
38
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
37
- }
38
- @else {
39
+ } @else {
39
40
  @include sass-utils.current-selector-or-root() {
40
- @include token-utils.create-token-values(tokens-mat-table.$prefix,
41
- tokens-mat-table.get-typography-tokens($theme));
41
+ @include token-utils.create-token-values(
42
+ tokens-mat-table.$prefix,
43
+ tokens-mat-table.get-typography-tokens($theme)
44
+ );
42
45
  }
43
46
  }
44
47
  }
@@ -46,28 +49,35 @@
46
49
  @mixin density($theme) {
47
50
  @if inspection.get-theme-version($theme) == 1 {
48
51
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
49
- }
50
- @else {
52
+ } @else {
51
53
  @include sass-utils.current-selector-or-root() {
52
- @include token-utils.create-token-values(tokens-mat-table.$prefix,
53
- tokens-mat-table.get-density-tokens($theme));
54
+ @include token-utils.create-token-values(
55
+ tokens-mat-table.$prefix,
56
+ tokens-mat-table.get-density-tokens($theme)
57
+ );
54
58
  }
55
59
  }
56
60
  }
57
61
 
58
- @mixin overrides($tokens: ()) {
59
- @include token-utils.batch-create-token-values(
60
- $tokens,
61
- (prefix: tokens-mat-table.$prefix, tokens: tokens-mat-table.get-token-slots()),
62
+ /// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
63
+ @function _define-overrides() {
64
+ @return (
65
+ (
66
+ namespace: tokens-mat-table.$prefix,
67
+ tokens: tokens-mat-table.get-token-slots(),
68
+ ),
62
69
  );
63
70
  }
64
71
 
72
+ @mixin overrides($tokens: ()) {
73
+ @include token-utils.batch-create-token-values($tokens, _define-overrides()...);
74
+ }
75
+
65
76
  @mixin theme($theme) {
66
77
  @include theming.private-check-duplicate-theme-styles($theme, 'mat-table') {
67
78
  @if inspection.get-theme-version($theme) == 1 {
68
79
  @include _theme-from-tokens(inspection.get-theme-tokens($theme));
69
- }
70
- @else {
80
+ } @else {
71
81
  @include base($theme);
72
82
  @if inspection.theme-has($theme, color) {
73
83
  @include color($theme);
@@ -84,9 +94,12 @@
84
94
 
85
95
  @mixin _theme-from-tokens($tokens) {
86
96
  @include validation.selector-defined(
87
- 'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector');
97
+ 'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
98
+ );
88
99
  @if ($tokens != ()) {
89
100
  @include token-utils.create-token-values(
90
- tokens-mat-table.$prefix, map.get($tokens, tokens-mat-table.$prefix));
101
+ tokens-mat-table.$prefix,
102
+ map.get($tokens, tokens-mat-table.$prefix)
103
+ );
91
104
  }
92
105
  }
@@ -15,19 +15,24 @@
15
15
  @mixin base($theme) {
16
16
  @if inspection.get-theme-version($theme) == 1 {
17
17
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
18
- }
19
- @else {
18
+ } @else {
20
19
  @include sass-utils.current-selector-or-root() {
21
20
  @include token-utils.create-token-values(
22
21
  tokens-mdc-secondary-navigation-tab.$prefix,
23
- tokens-mdc-secondary-navigation-tab.get-unthemable-tokens());
22
+ tokens-mdc-secondary-navigation-tab.get-unthemable-tokens()
23
+ );
24
24
  @include token-utils.create-token-values(
25
- tokens-mdc-tab-indicator.$prefix, tokens-mdc-tab-indicator.get-unthemable-tokens());
25
+ tokens-mdc-tab-indicator.$prefix,
26
+ tokens-mdc-tab-indicator.get-unthemable-tokens()
27
+ );
26
28
  @include token-utils.create-token-values(
27
- tokens-mat-tab-header.$prefix, tokens-mat-tab-header.get-unthemable-tokens());
29
+ tokens-mat-tab-header.$prefix,
30
+ tokens-mat-tab-header.get-unthemable-tokens()
31
+ );
28
32
  @include token-utils.create-token-values(
29
33
  tokens-mat-tab-header-with-background.$prefix,
30
- tokens-mat-tab-header-with-background.get-unthemable-tokens());
34
+ tokens-mat-tab-header-with-background.get-unthemable-tokens()
35
+ );
31
36
  }
32
37
  }
33
38
  }
@@ -40,9 +45,9 @@
40
45
  @mixin color($theme, $options...) {
41
46
  @if inspection.get-theme-version($theme) == 1 {
42
47
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, color), $options...);
43
- }
44
- @else {
45
- .mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
48
+ } @else {
49
+ .mat-mdc-tab-group,
50
+ .mat-mdc-tab-nav-bar {
46
51
  @include _palette-styles($theme, primary);
47
52
 
48
53
  &.mat-accent {
@@ -69,8 +74,10 @@
69
74
  }
70
75
 
71
76
  @mixin _background-styles($theme, $palette-name) {
72
- @include token-utils.create-token-values(tokens-mat-tab-header-with-background.$prefix,
73
- tokens-mat-tab-header-with-background.get-color-tokens($theme, $palette-name));
77
+ @include token-utils.create-token-values(
78
+ tokens-mat-tab-header-with-background.$prefix,
79
+ tokens-mat-tab-header-with-background.get-color-tokens($theme, $palette-name)
80
+ );
74
81
  }
75
82
 
76
83
  @mixin _palette-styles($theme, $palette-name) {
@@ -80,9 +87,12 @@
80
87
  );
81
88
  @include token-utils.create-token-values(
82
89
  tokens-mdc-tab-indicator.$prefix,
83
- tokens-mdc-tab-indicator.get-color-tokens($theme, $palette-name));
84
- @include token-utils.create-token-values(tokens-mat-tab-header.$prefix,
85
- tokens-mat-tab-header.get-color-tokens($theme, $palette-name));
90
+ tokens-mdc-tab-indicator.get-color-tokens($theme, $palette-name)
91
+ );
92
+ @include token-utils.create-token-values(
93
+ tokens-mat-tab-header.$prefix,
94
+ tokens-mat-tab-header.get-color-tokens($theme, $palette-name)
95
+ );
86
96
  }
87
97
 
88
98
  /// Outputs typography theme styles for the mat-tab.
@@ -90,18 +100,24 @@
90
100
  @mixin typography($theme) {
91
101
  @if inspection.get-theme-version($theme) == 1 {
92
102
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
93
- }
94
- @else {
103
+ } @else {
95
104
  .mat-mdc-tab-header {
96
105
  @include token-utils.create-token-values(
97
106
  tokens-mdc-secondary-navigation-tab.$prefix,
98
- tokens-mdc-secondary-navigation-tab.get-typography-tokens($theme));
107
+ tokens-mdc-secondary-navigation-tab.get-typography-tokens($theme)
108
+ );
109
+ @include token-utils.create-token-values(
110
+ tokens-mdc-tab-indicator.$prefix,
111
+ tokens-mdc-tab-indicator.get-typography-tokens($theme)
112
+ );
99
113
  @include token-utils.create-token-values(
100
- tokens-mdc-tab-indicator.$prefix, tokens-mdc-tab-indicator.get-typography-tokens($theme));
101
- @include token-utils.create-token-values(tokens-mat-tab-header.$prefix,
102
- tokens-mat-tab-header.get-typography-tokens($theme));
103
- @include token-utils.create-token-values(tokens-mat-tab-header-with-background.$prefix,
104
- tokens-mat-tab-header-with-background.get-typography-tokens($theme));
114
+ tokens-mat-tab-header.$prefix,
115
+ tokens-mat-tab-header.get-typography-tokens($theme)
116
+ );
117
+ @include token-utils.create-token-values(
118
+ tokens-mat-tab-header-with-background.$prefix,
119
+ tokens-mat-tab-header-with-background.get-typography-tokens($theme)
120
+ );
105
121
  }
106
122
  }
107
123
  }
@@ -111,42 +127,61 @@
111
127
  @mixin density($theme) {
112
128
  @if inspection.get-theme-version($theme) == 1 {
113
129
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
114
- }
115
- @else {
130
+ } @else {
116
131
  .mat-mdc-tab-header {
117
132
  @include token-utils.create-token-values(
118
133
  tokens-mdc-secondary-navigation-tab.$prefix,
119
- tokens-mdc-secondary-navigation-tab.get-density-tokens($theme));
134
+ tokens-mdc-secondary-navigation-tab.get-density-tokens($theme)
135
+ );
120
136
  @include token-utils.create-token-values(
121
- tokens-mdc-tab-indicator.$prefix, tokens-mdc-tab-indicator.get-density-tokens($theme));
122
- @include token-utils.create-token-values(tokens-mat-tab-header.$prefix,
123
- tokens-mat-tab-header.get-density-tokens($theme));
124
- @include token-utils.create-token-values(tokens-mat-tab-header-with-background.$prefix,
125
- tokens-mat-tab-header-with-background.get-density-tokens($theme));
137
+ tokens-mdc-tab-indicator.$prefix,
138
+ tokens-mdc-tab-indicator.get-density-tokens($theme)
139
+ );
140
+ @include token-utils.create-token-values(
141
+ tokens-mat-tab-header.$prefix,
142
+ tokens-mat-tab-header.get-density-tokens($theme)
143
+ );
144
+ @include token-utils.create-token-values(
145
+ tokens-mat-tab-header-with-background.$prefix,
146
+ tokens-mat-tab-header-with-background.get-density-tokens($theme)
147
+ );
126
148
  }
127
149
  }
128
150
  }
129
151
 
130
- /// Outputs the CSS variable values for the given tokens.
131
- /// @param {Map} $tokens The token values to emit.
132
- @mixin overrides($tokens: ()) {
152
+ /// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
153
+ @function _define-overrides() {
133
154
  $tab-tokens: tokens-mdc-secondary-navigation-tab.get-token-slots();
134
155
  $tab-indicator-tokens: tokens-mdc-tab-indicator.get-token-slots();
135
156
  $tab-header-tokens: tokens-mat-tab-header.get-token-slots();
136
157
  $tab-header-with-background-tokens: tokens-mat-tab-header-with-background.get-token-slots();
137
158
 
138
- @include token-utils.batch-create-token-values(
139
- $tokens,
140
- (prefix: tokens-mdc-secondary-navigation-tab.$prefix, tokens: $tab-tokens),
141
- (prefix: tokens-mdc-tab-indicator.$prefix, tokens: $tab-indicator-tokens),
142
- (prefix: tokens-mat-tab-header.$prefix, tokens: $tab-header-tokens),
159
+ @return (
160
+ (
161
+ namespace: tokens-mdc-secondary-navigation-tab.$prefix,
162
+ tokens: $tab-tokens,
163
+ ),
164
+ (
165
+ namespace: tokens-mdc-tab-indicator.$prefix,
166
+ tokens: $tab-indicator-tokens,
167
+ ),
143
168
  (
144
- prefix: tokens-mat-tab-header-with-background.$prefix,
169
+ namespace: tokens-mat-tab-header.$prefix,
170
+ tokens: $tab-header-tokens,
171
+ ),
172
+ (
173
+ namespace: tokens-mat-tab-header-with-background.$prefix,
145
174
  tokens: $tab-header-with-background-tokens,
146
175
  ),
147
176
  );
148
177
  }
149
178
 
179
+ /// Outputs the CSS variable values for the given tokens.
180
+ /// @param {Map} $tokens The token values to emit.
181
+ @mixin overrides($tokens: ()) {
182
+ @include token-utils.batch-create-token-values($tokens, _define-overrides()...);
183
+ }
184
+
150
185
  /// Outputs all (base, color, typography, and density) theme styles for the mat-tab.
151
186
  /// @param {Map} $theme The theme to generate styles for.
152
187
  /// @param {ArgList} Additional optional arguments (only supported for M3 themes):
@@ -156,8 +191,7 @@
156
191
  @include theming.private-check-duplicate-theme-styles($theme, 'mat-tabs') {
157
192
  @if inspection.get-theme-version($theme) == 1 {
158
193
  @include _theme-from-tokens(inspection.get-theme-tokens($theme), $options...);
159
- }
160
- @else {
194
+ } @else {
161
195
  @include base($theme);
162
196
  @if inspection.theme-has($theme, color) {
163
197
  @include color($theme);
@@ -174,18 +208,31 @@
174
208
 
175
209
  @mixin _theme-from-tokens($tokens, $options...) {
176
210
  @include validation.selector-defined(
177
- 'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector');
211
+ 'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
212
+ );
178
213
  $mdc-tab-indicator-tokens: token-utils.get-tokens-for(
179
- $tokens, tokens-mdc-tab-indicator.$prefix, $options...);
214
+ $tokens,
215
+ tokens-mdc-tab-indicator.$prefix,
216
+ $options...
217
+ );
180
218
  $mat-tab-header-tokens: token-utils.get-tokens-for(
181
- $tokens, tokens-mat-tab-header.$prefix, $options...);
219
+ $tokens,
220
+ tokens-mat-tab-header.$prefix,
221
+ $options...
222
+ );
182
223
  // Don't pass $options here, because the mdc-tab doesn't have color variants,
183
224
  // only the mdc-tab-indicator and mat-tab-header do.
184
- $mdc-secondary-navigation-tab-tokens:
185
- token-utils.get-tokens-for($tokens, tokens-mdc-secondary-navigation-tab.$prefix);
186
- @include token-utils.create-token-values(tokens-mdc-secondary-navigation-tab.$prefix,
187
- $mdc-secondary-navigation-tab-tokens);
188
- @include token-utils.create-token-values(tokens-mdc-tab-indicator.$prefix,
189
- $mdc-tab-indicator-tokens);
225
+ $mdc-secondary-navigation-tab-tokens: token-utils.get-tokens-for(
226
+ $tokens,
227
+ tokens-mdc-secondary-navigation-tab.$prefix
228
+ );
229
+ @include token-utils.create-token-values(
230
+ tokens-mdc-secondary-navigation-tab.$prefix,
231
+ $mdc-secondary-navigation-tab-tokens
232
+ );
233
+ @include token-utils.create-token-values(
234
+ tokens-mdc-tab-indicator.$prefix,
235
+ $mdc-tab-indicator-tokens
236
+ );
190
237
  @include token-utils.create-token-values(tokens-mat-tab-header.$prefix, $mat-tab-header-tokens);
191
238
  }
package/tabs/index.d.ts CHANGED
@@ -91,7 +91,7 @@ declare abstract class InkBarItem implements OnInit, OnDestroy {
91
91
  */
92
92
  private _appendInkBarElement;
93
93
  static ɵfac: i0.ɵɵFactoryDeclaration<InkBarItem, never>;
94
- static ɵdir: i0.ɵɵDirectiveDeclaration<InkBarItem, never, never, { "fitInkBarToContent": { "alias": "fitInkBarToContent"; "required": false; }; }, {}, never, never, false, never>;
94
+ static ɵdir: i0.ɵɵDirectiveDeclaration<InkBarItem, never, never, { "fitInkBarToContent": { "alias": "fitInkBarToContent"; "required": false; }; }, {}, never, never, true, never>;
95
95
  static ngAcceptInputType_fitInkBarToContent: unknown;
96
96
  }
97
97
 
@@ -341,7 +341,7 @@ export declare abstract class MatPaginatedTabHeader implements AfterContentCheck
341
341
  */
342
342
  private _scrollTo;
343
343
  static ɵfac: i0.ɵɵFactoryDeclaration<MatPaginatedTabHeader, never>;
344
- static ɵdir: i0.ɵɵDirectiveDeclaration<MatPaginatedTabHeader, never, never, { "disablePagination": { "alias": "disablePagination"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; }, { "selectFocusedIndex": "selectFocusedIndex"; "indexFocused": "indexFocused"; }, never, never, false, never>;
344
+ static ɵdir: i0.ɵɵDirectiveDeclaration<MatPaginatedTabHeader, never, never, { "disablePagination": { "alias": "disablePagination"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; }, { "selectFocusedIndex": "selectFocusedIndex"; "indexFocused": "indexFocused"; }, never, never, true, never>;
345
345
  static ngAcceptInputType_disablePagination: unknown;
346
346
  static ngAcceptInputType_selectedIndex: unknown;
347
347
  }