@angular/material 20.0.0-next.1 → 20.0.0-next.2

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 (127) hide show
  1. package/autocomplete/_autocomplete-theme.scss +4 -4
  2. package/autocomplete/index.d.ts +4 -0
  3. package/badge/_badge-theme.scss +5 -5
  4. package/bottom-sheet/_bottom-sheet-theme.scss +3 -3
  5. package/button/_button-theme.scss +84 -32
  6. package/button/_fab-theme.scss +13 -13
  7. package/button/_icon-button-theme.scss +5 -5
  8. package/button/index.d.ts +1 -1
  9. package/button/testing/index.d.ts +9 -2
  10. package/button-toggle/_button-toggle-theme.scss +8 -8
  11. package/card/_card-theme.scss +12 -12
  12. package/checkbox/_checkbox-theme.scss +10 -10
  13. package/chips/_chips-theme.scss +14 -14
  14. package/core/_core-theme.scss +2 -2
  15. package/core/option/_optgroup-theme.scss +2 -2
  16. package/core/option/_option-theme.scss +4 -4
  17. package/core/ripple/_ripple-theme.scss +3 -3
  18. package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +4 -4
  19. package/core/theming/_color-api-backwards-compatibility.scss +19 -8
  20. package/core/tokens/_density.scss +3 -0
  21. package/core/tokens/_token-definition.scss +1 -2
  22. package/core/tokens/_token-utils.scss +20 -5
  23. package/core/tokens/m2/_index.scss +2 -0
  24. package/core/tokens/m2/mat/_tonal-button.scss +110 -0
  25. package/core/tokens/m3/_index.scss +2 -0
  26. package/core/tokens/m3/definitions/_index.scss +1 -1
  27. package/core/tokens/m3/definitions/_md-comp-elevated-card.scss +3 -1
  28. package/core/tokens/m3/definitions/_md-sys-color.scss +44 -2
  29. package/core/tokens/m3/definitions/_md-sys-typescale.scss +20 -1
  30. package/core/tokens/m3/mat/_tonal-button.scss +101 -0
  31. package/datepicker/_datepicker-theme.scss +8 -7
  32. package/datepicker/index.d.ts +1 -1
  33. package/dialog/_dialog-theme.scss +6 -6
  34. package/divider/_divider-theme.scss +2 -2
  35. package/expansion/_expansion-theme.scss +4 -4
  36. package/fesm2022/autocomplete.mjs +3 -0
  37. package/fesm2022/autocomplete.mjs.map +1 -1
  38. package/fesm2022/button/testing.mjs +34 -15
  39. package/fesm2022/button/testing.mjs.map +1 -1
  40. package/fesm2022/button.mjs +2 -2
  41. package/fesm2022/core.mjs +1 -1
  42. package/fesm2022/core.mjs.map +1 -1
  43. package/fesm2022/{date-range-input-harness-ee47cdb0.mjs → date-range-input-harness-de70be6a.mjs} +2 -2
  44. package/fesm2022/{date-range-input-harness-ee47cdb0.mjs.map → date-range-input-harness-de70be6a.mjs.map} +1 -1
  45. package/fesm2022/datepicker/testing.mjs +3 -3
  46. package/fesm2022/datepicker.mjs +8 -8
  47. package/fesm2022/datepicker.mjs.map +1 -1
  48. package/fesm2022/dialog/testing.mjs.map +1 -1
  49. package/fesm2022/divider/testing.mjs +1 -1
  50. package/fesm2022/{divider-harness-3394f29a.mjs → divider-harness-8099453f.mjs} +1 -1
  51. package/fesm2022/divider-harness-8099453f.mjs.map +1 -0
  52. package/fesm2022/expansion/testing.mjs.map +1 -1
  53. package/fesm2022/form-field/testing/control.mjs +1 -1
  54. package/fesm2022/form-field/testing.mjs +4 -4
  55. package/fesm2022/form-field/testing.mjs.map +1 -1
  56. package/fesm2022/{form-field-control-harness-af6fd278.mjs → form-field-control-harness-efefd4cf.mjs} +1 -1
  57. package/fesm2022/form-field-control-harness-efefd4cf.mjs.map +1 -0
  58. package/fesm2022/grid-list/testing.mjs.map +1 -1
  59. package/fesm2022/icon-button-0850d958.mjs +211 -0
  60. package/fesm2022/icon-button-0850d958.mjs.map +1 -0
  61. package/fesm2022/input/testing.mjs +2 -2
  62. package/fesm2022/input/testing.mjs.map +1 -1
  63. package/fesm2022/{input-harness-ed59decc.mjs → input-harness-e68bb132.mjs} +2 -2
  64. package/fesm2022/input-harness-e68bb132.mjs.map +1 -0
  65. package/fesm2022/list/testing.mjs +1 -1
  66. package/fesm2022/list/testing.mjs.map +1 -1
  67. package/fesm2022/{module-3bf2775f.mjs → module-1c16a0a9.mjs} +3 -3
  68. package/fesm2022/{module-3bf2775f.mjs.map → module-1c16a0a9.mjs.map} +1 -1
  69. package/fesm2022/module-cf951a02.mjs +214 -0
  70. package/fesm2022/module-cf951a02.mjs.map +1 -0
  71. package/fesm2022/paginator/testing.mjs +2 -2
  72. package/fesm2022/paginator.mjs +5 -5
  73. package/fesm2022/paginator.mjs.map +1 -1
  74. package/fesm2022/select/testing.mjs +2 -2
  75. package/fesm2022/{select-harness-8c55824d.mjs → select-harness-69d47123.mjs} +2 -2
  76. package/fesm2022/{select-harness-8c55824d.mjs.map → select-harness-69d47123.mjs.map} +1 -1
  77. package/fesm2022/select.mjs +1 -1
  78. package/fesm2022/slider.mjs +5 -2
  79. package/fesm2022/slider.mjs.map +1 -1
  80. package/fesm2022/snack-bar.mjs +4 -4
  81. package/fesm2022/snack-bar.mjs.map +1 -1
  82. package/fesm2022/timepicker.mjs +8 -4
  83. package/fesm2022/timepicker.mjs.map +1 -1
  84. package/form-field/_form-field-theme.scss +16 -16
  85. package/grid-list/_grid-list-theme.scss +1 -1
  86. package/icon/_icon-theme.scss +2 -2
  87. package/list/_list-theme.scss +15 -15
  88. package/menu/_menu-theme.scss +3 -3
  89. package/{module.d-18a67f56.d.ts → module.d-792a497c.d.ts} +33 -26
  90. package/package.json +2 -2
  91. package/paginator/_paginator-theme.scss +3 -3
  92. package/paginator/index.d.ts +1 -1
  93. package/prebuilt-themes/deeppurple-amber.css +1 -1
  94. package/prebuilt-themes/indigo-pink.css +1 -1
  95. package/prebuilt-themes/pink-bluegrey.css +1 -1
  96. package/prebuilt-themes/purple-green.css +1 -1
  97. package/progress-bar/_progress-bar-theme.scss +2 -2
  98. package/progress-spinner/_progress-spinner-theme.scss +4 -4
  99. package/radio/_radio-theme.scss +12 -12
  100. package/schematics/ng-add/index.js +1 -1
  101. package/schematics/ng-add/index.mjs +1 -1
  102. package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +2 -2
  103. package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +1 -1
  104. package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +1 -1
  105. package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +2 -2
  106. package/select/_select-theme.scss +6 -6
  107. package/sidenav/_sidenav-theme.scss +2 -2
  108. package/slide-toggle/_slide-toggle-theme.scss +10 -10
  109. package/slider/_slider-theme.scss +10 -10
  110. package/snack-bar/_snack-bar-theme.scss +4 -4
  111. package/snack-bar/index.d.ts +1 -1
  112. package/sort/_sort-theme.scss +3 -3
  113. package/stepper/_stepper-theme.scss +5 -5
  114. package/table/_table-theme.scss +4 -4
  115. package/tabs/_tabs-theme.scss +16 -16
  116. package/timepicker/_timepicker-theme.scss +4 -4
  117. package/toolbar/_toolbar-theme.scss +4 -4
  118. package/tooltip/_tooltip-theme.scss +4 -4
  119. package/tree/_tree-theme.scss +3 -3
  120. package/fesm2022/divider-harness-3394f29a.mjs.map +0 -1
  121. package/fesm2022/form-field-control-harness-af6fd278.mjs.map +0 -1
  122. package/fesm2022/icon-button-47f1b5d9.mjs +0 -248
  123. package/fesm2022/icon-button-47f1b5d9.mjs.map +0 -1
  124. package/fesm2022/input-harness-ed59decc.mjs.map +0 -1
  125. package/fesm2022/module-df9f7af3.mjs +0 -152
  126. package/fesm2022/module-df9f7af3.mjs.map +0 -1
  127. /package/core/tokens/m3/definitions/{unused/_md-comp-filled-tonal-button.scss → _md-comp-filled-tonal-button.scss} +0 -0
@@ -1,6 +1,6 @@
1
1
  <mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
2
2
  <mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle matTreeNodePadding>
3
- <button mat-icon-button disabled></button>
3
+ <button matIconButton disabled></button>
4
4
  <mat-icon class="type-icon" [attr.aria-label]="node.type + 'icon'">
5
5
  {{ node.type === 'file' ? 'description' : 'folder' }}
6
6
  </mat-icon>
@@ -8,7 +8,7 @@
8
8
  </mat-tree-node>
9
9
 
10
10
  <mat-tree-node *matTreeNodeDef="let node; when: hasChild" matTreeNodePadding>
11
- <button mat-icon-button matTreeNodeToggle
11
+ <button matIconButton matTreeNodeToggle
12
12
  [attr.aria-label]="'Toggle ' + node.name">
13
13
  <mat-icon class="mat-icon-rtl-mirror">
14
14
  {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
@@ -16,7 +16,7 @@
16
16
  } @else {
17
17
  @include sass-utils.current-selector-or-root() {
18
18
  $mat-tokens: tokens-mat-select.get-unthemable-tokens();
19
- @include token-utils.create-token-values(tokens-mat-select.$prefix, $mat-tokens);
19
+ @include token-utils.create-token-values-mixed(tokens-mat-select.$prefix, $mat-tokens);
20
20
  }
21
21
  }
22
22
  }
@@ -31,20 +31,20 @@
31
31
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, color), $options...);
32
32
  } @else {
33
33
  @include sass-utils.current-selector-or-root() {
34
- @include token-utils.create-token-values(
34
+ @include token-utils.create-token-values-mixed(
35
35
  tokens-mat-select.$prefix,
36
36
  tokens-mat-select.get-color-tokens($theme)
37
37
  );
38
38
 
39
39
  .mat-mdc-form-field.mat-accent {
40
- @include token-utils.create-token-values(
40
+ @include token-utils.create-token-values-mixed(
41
41
  tokens-mat-select.$prefix,
42
42
  tokens-mat-select.get-color-tokens($theme, accent)
43
43
  );
44
44
  }
45
45
 
46
46
  .mat-mdc-form-field.mat-warn {
47
- @include token-utils.create-token-values(
47
+ @include token-utils.create-token-values-mixed(
48
48
  tokens-mat-select.$prefix,
49
49
  tokens-mat-select.get-color-tokens($theme, warn)
50
50
  );
@@ -60,7 +60,7 @@
60
60
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
61
61
  } @else {
62
62
  @include sass-utils.current-selector-or-root() {
63
- @include token-utils.create-token-values(
63
+ @include token-utils.create-token-values-mixed(
64
64
  tokens-mat-select.$prefix,
65
65
  tokens-mat-select.get-typography-tokens($theme)
66
66
  );
@@ -75,7 +75,7 @@
75
75
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
76
76
  } @else {
77
77
  @include sass-utils.current-selector-or-root() {
78
- @include token-utils.create-token-values(
78
+ @include token-utils.create-token-values-mixed(
79
79
  tokens-mat-select.$prefix,
80
80
  tokens-mat-select.get-density-tokens($theme)
81
81
  );
@@ -11,7 +11,7 @@
11
11
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
12
12
  } @else {
13
13
  @include sass-utils.current-selector-or-root() {
14
- @include token-utils.create-token-values(
14
+ @include token-utils.create-token-values-mixed(
15
15
  tokens-mat-sidenav.$prefix,
16
16
  tokens-mat-sidenav.get-unthemable-tokens()
17
17
  );
@@ -24,7 +24,7 @@
24
24
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
25
25
  } @else {
26
26
  @include sass-utils.current-selector-or-root() {
27
- @include token-utils.create-token-values(
27
+ @include token-utils.create-token-values-mixed(
28
28
  tokens-mat-sidenav.$prefix,
29
29
  tokens-mat-sidenav.get-color-tokens($theme)
30
30
  );
@@ -15,13 +15,13 @@
15
15
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
16
16
  } @else {
17
17
  @include sass-utils.current-selector-or-root() {
18
- @include token-utils.create-token-values(
18
+ @include token-utils.create-token-values-mixed(
19
19
  tokens-mdc-switch.$prefix,
20
20
  tokens-mdc-switch.get-unthemable-tokens()
21
21
  );
22
22
 
23
23
  .mat-mdc-slide-toggle {
24
- @include token-utils.create-token-values(
24
+ @include token-utils.create-token-values-mixed(
25
25
  tokens-mat-switch.$prefix,
26
26
  tokens-mat-switch.get-unthemable-tokens()
27
27
  );
@@ -43,7 +43,7 @@
43
43
 
44
44
  // Add values for MDC slide toggles tokens
45
45
  @include sass-utils.current-selector-or-root() {
46
- @include token-utils.create-token-values(
46
+ @include token-utils.create-token-values-mixed(
47
47
  tokens-mdc-switch.$prefix,
48
48
  tokens-mdc-switch.get-color-tokens($theme)
49
49
  );
@@ -58,21 +58,21 @@
58
58
  }
59
59
 
60
60
  .mat-mdc-slide-toggle {
61
- @include token-utils.create-token-values(
61
+ @include token-utils.create-token-values-mixed(
62
62
  tokens-mat-switch.$prefix,
63
63
  tokens-mat-switch.get-color-tokens($theme)
64
64
  );
65
65
 
66
66
  // Change the color palette related tokens to accent or warn if applicable
67
67
  &.mat-accent {
68
- @include token-utils.create-token-values(
68
+ @include token-utils.create-token-values-mixed(
69
69
  tokens-mdc-switch.$prefix,
70
70
  tokens-mdc-switch.private-get-color-palette-color-tokens($theme, accent)
71
71
  );
72
72
  }
73
73
 
74
74
  &.mat-warn {
75
- @include token-utils.create-token-values(
75
+ @include token-utils.create-token-values-mixed(
76
76
  tokens-mdc-switch.$prefix,
77
77
  tokens-mdc-switch.private-get-color-palette-color-tokens($theme, warn)
78
78
  );
@@ -89,13 +89,13 @@
89
89
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
90
90
  } @else {
91
91
  @include sass-utils.current-selector-or-root() {
92
- @include token-utils.create-token-values(
92
+ @include token-utils.create-token-values-mixed(
93
93
  tokens-mdc-switch.$prefix,
94
94
  tokens-mdc-switch.get-typography-tokens($theme)
95
95
  );
96
96
 
97
97
  .mat-mdc-slide-toggle {
98
- @include token-utils.create-token-values(
98
+ @include token-utils.create-token-values-mixed(
99
99
  tokens-mat-switch.$prefix,
100
100
  tokens-mat-switch.get-typography-tokens($theme)
101
101
  );
@@ -111,13 +111,13 @@
111
111
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
112
112
  } @else {
113
113
  @include sass-utils.current-selector-or-root() {
114
- @include token-utils.create-token-values(
114
+ @include token-utils.create-token-values-mixed(
115
115
  tokens-mdc-switch.$prefix,
116
116
  tokens-mdc-switch.get-density-tokens($theme)
117
117
  );
118
118
 
119
119
  .mat-mdc-slide-toggle {
120
- @include token-utils.create-token-values(
120
+ @include token-utils.create-token-values-mixed(
121
121
  tokens-mat-switch.$prefix,
122
122
  tokens-mat-switch.get-density-tokens($theme)
123
123
  );
@@ -15,11 +15,11 @@
15
15
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
16
16
  } @else {
17
17
  @include sass-utils.current-selector-or-root() {
18
- @include token-utils.create-token-values(
18
+ @include token-utils.create-token-values-mixed(
19
19
  tokens-mdc-slider.$prefix,
20
20
  tokens-mdc-slider.get-unthemable-tokens()
21
21
  );
22
- @include token-utils.create-token-values(
22
+ @include token-utils.create-token-values-mixed(
23
23
  tokens-mat-slider.$prefix,
24
24
  tokens-mat-slider.get-unthemable-tokens()
25
25
  );
@@ -37,32 +37,32 @@
37
37
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, color), $options...);
38
38
  } @else {
39
39
  @include sass-utils.current-selector-or-root() {
40
- @include token-utils.create-token-values(
40
+ @include token-utils.create-token-values-mixed(
41
41
  tokens-mdc-slider.$prefix,
42
42
  tokens-mdc-slider.get-color-tokens($theme)
43
43
  );
44
- @include token-utils.create-token-values(
44
+ @include token-utils.create-token-values-mixed(
45
45
  tokens-mat-slider.$prefix,
46
46
  tokens-mat-slider.get-color-tokens($theme)
47
47
  );
48
48
 
49
49
  .mat-accent {
50
- @include token-utils.create-token-values(
50
+ @include token-utils.create-token-values-mixed(
51
51
  tokens-mdc-slider.$prefix,
52
52
  tokens-mdc-slider.private-get-color-palette-color-tokens($theme, accent)
53
53
  );
54
- @include token-utils.create-token-values(
54
+ @include token-utils.create-token-values-mixed(
55
55
  tokens-mat-slider.$prefix,
56
56
  tokens-mat-slider.private-get-color-palette-color-tokens($theme, accent)
57
57
  );
58
58
  }
59
59
 
60
60
  .mat-warn {
61
- @include token-utils.create-token-values(
61
+ @include token-utils.create-token-values-mixed(
62
62
  tokens-mdc-slider.$prefix,
63
63
  tokens-mdc-slider.private-get-color-palette-color-tokens($theme, warn)
64
64
  );
65
- @include token-utils.create-token-values(
65
+ @include token-utils.create-token-values-mixed(
66
66
  tokens-mat-slider.$prefix,
67
67
  tokens-mat-slider.private-get-color-palette-color-tokens($theme, warn)
68
68
  );
@@ -78,7 +78,7 @@
78
78
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
79
79
  } @else {
80
80
  @include sass-utils.current-selector-or-root() {
81
- @include token-utils.create-token-values(
81
+ @include token-utils.create-token-values-mixed(
82
82
  tokens-mdc-slider.$prefix,
83
83
  tokens-mdc-slider.get-typography-tokens($theme)
84
84
  );
@@ -93,7 +93,7 @@
93
93
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
94
94
  } @else {
95
95
  @include sass-utils.current-selector-or-root() {
96
- @include token-utils.create-token-values(
96
+ @include token-utils.create-token-values-mixed(
97
97
  tokens-mdc-slider.$prefix,
98
98
  tokens-mdc-slider.get-density-tokens($theme)
99
99
  );
@@ -14,7 +14,7 @@
14
14
  } @else {
15
15
  // Add default values for tokens not related to color, typography, or density.
16
16
  @include sass-utils.current-selector-or-root() {
17
- @include token-utils.create-token-values(
17
+ @include token-utils.create-token-values-mixed(
18
18
  tokens-mdc-snack-bar.$prefix,
19
19
  tokens-mdc-snack-bar.get-unthemable-tokens()
20
20
  );
@@ -27,11 +27,11 @@
27
27
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
28
28
  } @else {
29
29
  @include sass-utils.current-selector-or-root() {
30
- @include token-utils.create-token-values(
30
+ @include token-utils.create-token-values-mixed(
31
31
  tokens-mdc-snack-bar.$prefix,
32
32
  tokens-mdc-snack-bar.get-color-tokens($theme)
33
33
  );
34
- @include token-utils.create-token-values(
34
+ @include token-utils.create-token-values-mixed(
35
35
  tokens-mat-snack-bar.$prefix,
36
36
  tokens-mat-snack-bar.get-color-tokens($theme)
37
37
  );
@@ -44,7 +44,7 @@
44
44
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
45
45
  } @else {
46
46
  @include sass-utils.current-selector-or-root() {
47
- @include token-utils.create-token-values(
47
+ @include token-utils.create-token-values-mixed(
48
48
  tokens-mdc-snack-bar.$prefix,
49
49
  tokens-mdc-snack-bar.get-typography-tokens($theme)
50
50
  );
@@ -7,7 +7,7 @@ import * as i3 from '@angular/cdk/portal';
7
7
  import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal, DomPortal } from '@angular/cdk/portal';
8
8
  import { AriaLivePoliteness } from '@angular/cdk/a11y';
9
9
  import { Direction } from '@angular/cdk/bidi';
10
- import { m as MatButtonModule } from '../module.d-18a67f56.js';
10
+ import { n as MatButtonModule } from '../module.d-792a497c.js';
11
11
  import { M as MatCommonModule } from '../common-module.d-0e6515ae.js';
12
12
  import '../index.d-0536b706.js';
13
13
  import '../ripple.d-2fb57d04.js';
@@ -19,7 +19,7 @@
19
19
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
20
20
  } @else {
21
21
  @include sass-utils.current-selector-or-root() {
22
- @include token-utils.create-token-values(
22
+ @include token-utils.create-token-values-mixed(
23
23
  tokens-mat-sort.$prefix,
24
24
  tokens-mat-sort.get-color-tokens($theme)
25
25
  );
@@ -32,7 +32,7 @@
32
32
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
33
33
  } @else {
34
34
  @include sass-utils.current-selector-or-root() {
35
- @include token-utils.create-token-values(
35
+ @include token-utils.create-token-values-mixed(
36
36
  tokens-mat-sort.$prefix,
37
37
  tokens-mat-sort.get-typography-tokens($theme)
38
38
  );
@@ -45,7 +45,7 @@
45
45
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
46
46
  } @else {
47
47
  @include sass-utils.current-selector-or-root() {
48
- @include token-utils.create-token-values(
48
+ @include token-utils.create-token-values-mixed(
49
49
  tokens-mat-sort.$prefix,
50
50
  tokens-mat-sort.get-density-tokens($theme)
51
51
  );
@@ -26,20 +26,20 @@
26
26
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, color), $options...);
27
27
  } @else {
28
28
  @include sass-utils.current-selector-or-root() {
29
- @include token-utils.create-token-values(
29
+ @include token-utils.create-token-values-mixed(
30
30
  tokens-mat-stepper.$prefix,
31
31
  tokens-mat-stepper.get-color-tokens($theme)
32
32
  );
33
33
 
34
34
  .mat-step-header.mat-accent {
35
- @include token-utils.create-token-values(
35
+ @include token-utils.create-token-values-mixed(
36
36
  tokens-mat-stepper.$prefix,
37
37
  tokens-mat-stepper.private-get-color-palette-color-tokens($theme, accent)
38
38
  );
39
39
  }
40
40
 
41
41
  .mat-step-header.mat-warn {
42
- @include token-utils.create-token-values(
42
+ @include token-utils.create-token-values-mixed(
43
43
  tokens-mat-stepper.$prefix,
44
44
  tokens-mat-stepper.private-get-color-palette-color-tokens($theme, warn)
45
45
  );
@@ -55,7 +55,7 @@
55
55
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
56
56
  } @else {
57
57
  @include sass-utils.current-selector-or-root() {
58
- @include token-utils.create-token-values(
58
+ @include token-utils.create-token-values-mixed(
59
59
  tokens-mat-stepper.$prefix,
60
60
  tokens-mat-stepper.get-typography-tokens($theme)
61
61
  );
@@ -70,7 +70,7 @@
70
70
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
71
71
  } @else {
72
72
  @include sass-utils.current-selector-or-root() {
73
- @include token-utils.create-token-values(
73
+ @include token-utils.create-token-values-mixed(
74
74
  tokens-mat-stepper.$prefix,
75
75
  tokens-mat-stepper.get-density-tokens($theme)
76
76
  );
@@ -12,7 +12,7 @@
12
12
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
13
13
  } @else {
14
14
  @include sass-utils.current-selector-or-root() {
15
- @include token-utils.create-token-values(
15
+ @include token-utils.create-token-values-mixed(
16
16
  tokens-mat-table.$prefix,
17
17
  tokens-mat-table.get-unthemable-tokens()
18
18
  );
@@ -25,7 +25,7 @@
25
25
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
26
26
  } @else {
27
27
  @include sass-utils.current-selector-or-root() {
28
- @include token-utils.create-token-values(
28
+ @include token-utils.create-token-values-mixed(
29
29
  tokens-mat-table.$prefix,
30
30
  tokens-mat-table.get-color-tokens($theme)
31
31
  );
@@ -38,7 +38,7 @@
38
38
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
39
39
  } @else {
40
40
  @include sass-utils.current-selector-or-root() {
41
- @include token-utils.create-token-values(
41
+ @include token-utils.create-token-values-mixed(
42
42
  tokens-mat-table.$prefix,
43
43
  tokens-mat-table.get-typography-tokens($theme)
44
44
  );
@@ -51,7 +51,7 @@
51
51
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
52
52
  } @else {
53
53
  @include sass-utils.current-selector-or-root() {
54
- @include token-utils.create-token-values(
54
+ @include token-utils.create-token-values-mixed(
55
55
  tokens-mat-table.$prefix,
56
56
  tokens-mat-table.get-density-tokens($theme)
57
57
  );
@@ -17,19 +17,19 @@
17
17
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
18
18
  } @else {
19
19
  @include sass-utils.current-selector-or-root() {
20
- @include token-utils.create-token-values(
20
+ @include token-utils.create-token-values-mixed(
21
21
  tokens-mdc-secondary-navigation-tab.$prefix,
22
22
  tokens-mdc-secondary-navigation-tab.get-unthemable-tokens()
23
23
  );
24
- @include token-utils.create-token-values(
24
+ @include token-utils.create-token-values-mixed(
25
25
  tokens-mdc-tab-indicator.$prefix,
26
26
  tokens-mdc-tab-indicator.get-unthemable-tokens()
27
27
  );
28
- @include token-utils.create-token-values(
28
+ @include token-utils.create-token-values-mixed(
29
29
  tokens-mat-tab-header.$prefix,
30
30
  tokens-mat-tab-header.get-unthemable-tokens()
31
31
  );
32
- @include token-utils.create-token-values(
32
+ @include token-utils.create-token-values-mixed(
33
33
  tokens-mat-tab-header-with-background.$prefix,
34
34
  tokens-mat-tab-header-with-background.get-unthemable-tokens()
35
35
  );
@@ -74,22 +74,22 @@
74
74
  }
75
75
 
76
76
  @mixin _background-styles($theme, $palette-name) {
77
- @include token-utils.create-token-values(
77
+ @include token-utils.create-token-values-mixed(
78
78
  tokens-mat-tab-header-with-background.$prefix,
79
79
  tokens-mat-tab-header-with-background.get-color-tokens($theme, $palette-name)
80
80
  );
81
81
  }
82
82
 
83
83
  @mixin _palette-styles($theme, $palette-name) {
84
- @include token-utils.create-token-values(
84
+ @include token-utils.create-token-values-mixed(
85
85
  tokens-mdc-secondary-navigation-tab.$prefix,
86
86
  tokens-mdc-secondary-navigation-tab.get-color-tokens($theme, $palette-name)
87
87
  );
88
- @include token-utils.create-token-values(
88
+ @include token-utils.create-token-values-mixed(
89
89
  tokens-mdc-tab-indicator.$prefix,
90
90
  tokens-mdc-tab-indicator.get-color-tokens($theme, $palette-name)
91
91
  );
92
- @include token-utils.create-token-values(
92
+ @include token-utils.create-token-values-mixed(
93
93
  tokens-mat-tab-header.$prefix,
94
94
  tokens-mat-tab-header.get-color-tokens($theme, $palette-name)
95
95
  );
@@ -102,19 +102,19 @@
102
102
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
103
103
  } @else {
104
104
  .mat-mdc-tab-header {
105
- @include token-utils.create-token-values(
105
+ @include token-utils.create-token-values-mixed(
106
106
  tokens-mdc-secondary-navigation-tab.$prefix,
107
107
  tokens-mdc-secondary-navigation-tab.get-typography-tokens($theme)
108
108
  );
109
- @include token-utils.create-token-values(
109
+ @include token-utils.create-token-values-mixed(
110
110
  tokens-mdc-tab-indicator.$prefix,
111
111
  tokens-mdc-tab-indicator.get-typography-tokens($theme)
112
112
  );
113
- @include token-utils.create-token-values(
113
+ @include token-utils.create-token-values-mixed(
114
114
  tokens-mat-tab-header.$prefix,
115
115
  tokens-mat-tab-header.get-typography-tokens($theme)
116
116
  );
117
- @include token-utils.create-token-values(
117
+ @include token-utils.create-token-values-mixed(
118
118
  tokens-mat-tab-header-with-background.$prefix,
119
119
  tokens-mat-tab-header-with-background.get-typography-tokens($theme)
120
120
  );
@@ -129,19 +129,19 @@
129
129
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
130
130
  } @else {
131
131
  .mat-mdc-tab-header {
132
- @include token-utils.create-token-values(
132
+ @include token-utils.create-token-values-mixed(
133
133
  tokens-mdc-secondary-navigation-tab.$prefix,
134
134
  tokens-mdc-secondary-navigation-tab.get-density-tokens($theme)
135
135
  );
136
- @include token-utils.create-token-values(
136
+ @include token-utils.create-token-values-mixed(
137
137
  tokens-mdc-tab-indicator.$prefix,
138
138
  tokens-mdc-tab-indicator.get-density-tokens($theme)
139
139
  );
140
- @include token-utils.create-token-values(
140
+ @include token-utils.create-token-values-mixed(
141
141
  tokens-mat-tab-header.$prefix,
142
142
  tokens-mat-tab-header.get-density-tokens($theme)
143
143
  );
144
- @include token-utils.create-token-values(
144
+ @include token-utils.create-token-values-mixed(
145
145
  tokens-mat-tab-header-with-background.$prefix,
146
146
  tokens-mat-tab-header-with-background.get-density-tokens($theme)
147
147
  );
@@ -15,7 +15,7 @@
15
15
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
16
16
  } @else {
17
17
  @include sass-utils.current-selector-or-root() {
18
- @include token-utils.create-token-values(
18
+ @include token-utils.create-token-values-mixed(
19
19
  tokens-mat-timepicker.$prefix,
20
20
  tokens-mat-timepicker.get-unthemable-tokens()
21
21
  );
@@ -33,7 +33,7 @@
33
33
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, color), $options...);
34
34
  } @else {
35
35
  @include sass-utils.current-selector-or-root() {
36
- @include token-utils.create-token-values(
36
+ @include token-utils.create-token-values-mixed(
37
37
  tokens-mat-timepicker.$prefix,
38
38
  tokens-mat-timepicker.get-color-tokens($theme)
39
39
  );
@@ -48,7 +48,7 @@
48
48
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
49
49
  } @else {
50
50
  @include sass-utils.current-selector-or-root() {
51
- @include token-utils.create-token-values(
51
+ @include token-utils.create-token-values-mixed(
52
52
  tokens-mat-timepicker.$prefix,
53
53
  tokens-mat-timepicker.get-typography-tokens($theme)
54
54
  );
@@ -63,7 +63,7 @@
63
63
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
64
64
  } @else {
65
65
  @include sass-utils.current-selector-or-root() {
66
- @include token-utils.create-token-values(
66
+ @include token-utils.create-token-values-mixed(
67
67
  tokens-mat-timepicker.$prefix,
68
68
  tokens-mat-timepicker.get-density-tokens($theme)
69
69
  );
@@ -8,7 +8,7 @@
8
8
  @use '../core/style/sass-utils';
9
9
 
10
10
  @mixin _palette-styles($theme, $palette-name) {
11
- @include token-utils.create-token-values(
11
+ @include token-utils.create-token-values-mixed(
12
12
  tokens-mat-toolbar.$prefix,
13
13
  tokens-mat-toolbar.private-get-color-palette-color-tokens(
14
14
  $background-color: inspection.get-theme-color($theme, $palette-name),
@@ -25,7 +25,7 @@
25
25
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
26
26
  } @else {
27
27
  @include sass-utils.current-selector-or-root() {
28
- @include token-utils.create-token-values(
28
+ @include token-utils.create-token-values-mixed(
29
29
  tokens-mat-toolbar.$prefix,
30
30
  tokens-mat-toolbar.get-color-tokens($theme)
31
31
  );
@@ -55,7 +55,7 @@
55
55
  $theme: inspection.private-get-typography-back-compat-theme($theme);
56
56
 
57
57
  @include sass-utils.current-selector-or-root() {
58
- @include token-utils.create-token-values(
58
+ @include token-utils.create-token-values-mixed(
59
59
  tokens-mat-toolbar.$prefix,
60
60
  tokens-mat-toolbar.get-typography-tokens($theme)
61
61
  );
@@ -68,7 +68,7 @@
68
68
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
69
69
  } @else {
70
70
  @include sass-utils.current-selector-or-root() {
71
- @include token-utils.create-token-values(
71
+ @include token-utils.create-token-values-mixed(
72
72
  tokens-mat-toolbar.$prefix,
73
73
  tokens-mat-toolbar.get-density-tokens($theme)
74
74
  );
@@ -12,7 +12,7 @@
12
12
  } @else {
13
13
  // Add default values for tokens not related to color, typography, or density.
14
14
  @include sass-utils.current-selector-or-root() {
15
- @include token-utils.create-token-values(
15
+ @include token-utils.create-token-values-mixed(
16
16
  tokens-mdc-plain-tooltip.$prefix,
17
17
  tokens-mdc-plain-tooltip.get-unthemable-tokens()
18
18
  );
@@ -25,7 +25,7 @@
25
25
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
26
26
  } @else {
27
27
  @include sass-utils.current-selector-or-root() {
28
- @include token-utils.create-token-values(
28
+ @include token-utils.create-token-values-mixed(
29
29
  tokens-mdc-plain-tooltip.$prefix,
30
30
  tokens-mdc-plain-tooltip.get-color-tokens($theme)
31
31
  );
@@ -38,7 +38,7 @@
38
38
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
39
39
  } @else {
40
40
  @include sass-utils.current-selector-or-root() {
41
- @include token-utils.create-token-values(
41
+ @include token-utils.create-token-values-mixed(
42
42
  tokens-mdc-plain-tooltip.$prefix,
43
43
  tokens-mdc-plain-tooltip.get-typography-tokens($theme)
44
44
  );
@@ -51,7 +51,7 @@
51
51
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
52
52
  } @else {
53
53
  @include sass-utils.current-selector-or-root() {
54
- @include token-utils.create-token-values(
54
+ @include token-utils.create-token-values-mixed(
55
55
  tokens-mdc-plain-tooltip.$prefix,
56
56
  tokens-mdc-plain-tooltip.get-density-tokens($theme)
57
57
  );
@@ -19,7 +19,7 @@
19
19
  @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
20
20
  } @else {
21
21
  @include sass-utils.current-selector-or-root() {
22
- @include token-utils.create-token-values(
22
+ @include token-utils.create-token-values-mixed(
23
23
  tokens-mat-tree.$prefix,
24
24
  tokens-mat-tree.get-color-tokens($theme)
25
25
  );
@@ -35,7 +35,7 @@
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(
38
+ @include token-utils.create-token-values-mixed(
39
39
  tokens-mat-tree.$prefix,
40
40
  tokens-mat-tree.get-typography-tokens($theme)
41
41
  );
@@ -50,7 +50,7 @@
50
50
  $density-scale: inspection.get-theme-density($theme);
51
51
 
52
52
  @include sass-utils.current-selector-or-root() {
53
- @include token-utils.create-token-values(
53
+ @include token-utils.create-token-values-mixed(
54
54
  tokens-mat-tree.$prefix,
55
55
  tokens-mat-tree.get-density-tokens($theme)
56
56
  );
@@ -1 +0,0 @@
1
- {"version":3,"file":"divider-harness-3394f29a.mjs","sources":["../../../../../../src/material/divider/testing/divider-harness.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {ComponentHarness, HarnessPredicate} from '@angular/cdk/testing';\nimport {DividerHarnessFilters} from './divider-harness-filters';\n\n/** Harness for interacting with a `mat-divider`. */\nexport class MatDividerHarness extends ComponentHarness {\n static hostSelector = '.mat-divider';\n\n static with(options: DividerHarnessFilters = {}) {\n return new HarnessPredicate(MatDividerHarness, options);\n }\n\n async getOrientation(): Promise<'horizontal' | 'vertical'> {\n return (await this.host()).getAttribute('aria-orientation') as Promise<\n 'horizontal' | 'vertical'\n >;\n }\n\n async isInset(): Promise<boolean> {\n return (await this.host()).hasClass('mat-divider-inset');\n }\n}\n"],"names":[],"mappings":";;AAWA;AACM,MAAO,iBAAkB,SAAQ,gBAAgB,CAAA;AACrD,IAAA,OAAO,YAAY,GAAG,cAAc,CAAA;AAEpC,IAAA,OAAO,IAAI,CAAC,OAAA,GAAiC,EAAE,EAAA;AAC7C,QAAA,OAAO,IAAI,gBAAgB,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAA;KACzD;AAEA,IAAA,MAAM,cAAc,GAAA;AAClB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,kBAAkB,CAEzD,CAAA;KACH;AAEA,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAA;KAC1D;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"form-field-control-harness-af6fd278.mjs","sources":["../../../../../../src/material/form-field/testing/control/form-field-control-harness.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {ComponentHarness} from '@angular/cdk/testing';\n\n/**\n * Base class for custom form-field control harnesses. Harnesses for\n * custom controls with form-fields need to implement this interface.\n */\nexport abstract class MatFormFieldControlHarness extends ComponentHarness {}\n"],"names":[],"mappings":";;AAUA;;;AAGG;AACG,MAAgB,0BAA2B,SAAQ,gBAAgB,CAAA;AAAG;;;;"}