@angular/material 19.0.0-next.0 → 19.0.0-next.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.
Files changed (147) hide show
  1. package/_index.scss +1 -1
  2. package/button/_button-base.scss +0 -2
  3. package/checkbox/_checkbox-common.scss +7 -7
  4. package/core/_core.scss +8 -0
  5. package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +5 -4
  6. package/core/style/_list-common.scss +2 -2
  7. package/core/style/_menu-common.scss +1 -0
  8. package/core/tokens/_m3-system.scss +155 -0
  9. package/core/tokens/_m3-tokens.scss +8 -149
  10. package/core/tokens/_token-utils.scss +13 -12
  11. package/core/tokens/m2/mat/_datepicker.scss +1 -1
  12. package/core/tokens/m3/mat/_datepicker.scss +2 -2
  13. package/dialog/index.d.ts +2 -2
  14. package/esm2022/autocomplete/autocomplete.mjs +3 -3
  15. package/esm2022/badge/badge.mjs +8 -21
  16. package/esm2022/bottom-sheet/bottom-sheet-container.mjs +3 -3
  17. package/esm2022/button/button.mjs +4 -4
  18. package/esm2022/button/fab.mjs +8 -8
  19. package/esm2022/button/icon-button.mjs +4 -4
  20. package/esm2022/button-toggle/button-toggle.mjs +3 -3
  21. package/esm2022/card/card.mjs +2 -2
  22. package/esm2022/checkbox/checkbox.mjs +3 -3
  23. package/esm2022/chips/chip-option.mjs +3 -3
  24. package/esm2022/chips/chip-row.mjs +3 -3
  25. package/esm2022/chips/chip.mjs +3 -3
  26. package/esm2022/core/option/option.mjs +3 -3
  27. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +2 -2
  28. package/esm2022/core/version.mjs +1 -1
  29. package/esm2022/datepicker/calendar-body.mjs +3 -3
  30. package/esm2022/datepicker/calendar.mjs +3 -3
  31. package/esm2022/datepicker/date-range-input.mjs +3 -3
  32. package/esm2022/datepicker/datepicker-base.mjs +3 -3
  33. package/esm2022/dialog/dialog-container.mjs +6 -6
  34. package/esm2022/divider/divider.mjs +2 -2
  35. package/esm2022/expansion/expansion-panel-header.mjs +3 -3
  36. package/esm2022/expansion/expansion-panel.mjs +3 -3
  37. package/esm2022/form-field/form-field.mjs +3 -3
  38. package/esm2022/icon/icon-registry.mjs +3 -4
  39. package/esm2022/icon/icon.mjs +2 -2
  40. package/esm2022/input/input.mjs +43 -9
  41. package/esm2022/input/public-api.mjs +2 -2
  42. package/esm2022/input/testing/input-harness.mjs +8 -2
  43. package/esm2022/list/action-list.mjs +2 -2
  44. package/esm2022/list/list-option.mjs +3 -3
  45. package/esm2022/list/list.mjs +2 -2
  46. package/esm2022/list/nav-list.mjs +2 -2
  47. package/esm2022/list/selection-list.mjs +2 -2
  48. package/esm2022/menu/menu.mjs +3 -3
  49. package/esm2022/paginator/paginator.mjs +3 -3
  50. package/esm2022/progress-bar/progress-bar.mjs +2 -2
  51. package/esm2022/progress-spinner/progress-spinner.mjs +3 -3
  52. package/esm2022/radio/radio.mjs +3 -3
  53. package/esm2022/select/select.mjs +7 -7
  54. package/esm2022/sidenav/drawer.mjs +3 -3
  55. package/esm2022/sidenav/sidenav.mjs +3 -3
  56. package/esm2022/slide-toggle/slide-toggle.mjs +3 -3
  57. package/esm2022/slider/slider.mjs +3 -3
  58. package/esm2022/snack-bar/snack-bar-container.mjs +3 -3
  59. package/esm2022/stepper/step-header.mjs +3 -3
  60. package/esm2022/stepper/stepper.mjs +3 -3
  61. package/esm2022/tabs/tab-group.mjs +3 -3
  62. package/esm2022/tabs/tab-header.mjs +3 -3
  63. package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +5 -5
  64. package/esm2022/toolbar/toolbar.mjs +2 -2
  65. package/esm2022/tree/tree.mjs +3 -3
  66. package/fesm2022/autocomplete.mjs +2 -2
  67. package/fesm2022/autocomplete.mjs.map +1 -1
  68. package/fesm2022/badge.mjs +7 -20
  69. package/fesm2022/badge.mjs.map +1 -1
  70. package/fesm2022/bottom-sheet.mjs +2 -2
  71. package/fesm2022/bottom-sheet.mjs.map +1 -1
  72. package/fesm2022/button-toggle.mjs +2 -2
  73. package/fesm2022/button-toggle.mjs.map +1 -1
  74. package/fesm2022/button.mjs +16 -16
  75. package/fesm2022/button.mjs.map +1 -1
  76. package/fesm2022/card.mjs +2 -2
  77. package/fesm2022/card.mjs.map +1 -1
  78. package/fesm2022/checkbox.mjs +2 -2
  79. package/fesm2022/checkbox.mjs.map +1 -1
  80. package/fesm2022/chips.mjs +6 -6
  81. package/fesm2022/chips.mjs.map +1 -1
  82. package/fesm2022/core.mjs +5 -5
  83. package/fesm2022/core.mjs.map +1 -1
  84. package/fesm2022/datepicker.mjs +8 -8
  85. package/fesm2022/datepicker.mjs.map +1 -1
  86. package/fesm2022/dialog.mjs +5 -5
  87. package/fesm2022/dialog.mjs.map +1 -1
  88. package/fesm2022/divider.mjs +2 -2
  89. package/fesm2022/divider.mjs.map +1 -1
  90. package/fesm2022/expansion.mjs +4 -4
  91. package/fesm2022/expansion.mjs.map +1 -1
  92. package/fesm2022/form-field.mjs +2 -2
  93. package/fesm2022/form-field.mjs.map +1 -1
  94. package/fesm2022/icon.mjs +4 -5
  95. package/fesm2022/icon.mjs.map +1 -1
  96. package/fesm2022/input/testing.mjs +7 -1
  97. package/fesm2022/input/testing.mjs.map +1 -1
  98. package/fesm2022/input.mjs +43 -9
  99. package/fesm2022/input.mjs.map +1 -1
  100. package/fesm2022/list.mjs +10 -10
  101. package/fesm2022/list.mjs.map +1 -1
  102. package/fesm2022/menu.mjs +2 -2
  103. package/fesm2022/menu.mjs.map +1 -1
  104. package/fesm2022/paginator.mjs +2 -2
  105. package/fesm2022/paginator.mjs.map +1 -1
  106. package/fesm2022/progress-bar.mjs +2 -2
  107. package/fesm2022/progress-bar.mjs.map +1 -1
  108. package/fesm2022/progress-spinner.mjs +2 -2
  109. package/fesm2022/progress-spinner.mjs.map +1 -1
  110. package/fesm2022/radio.mjs +2 -2
  111. package/fesm2022/radio.mjs.map +1 -1
  112. package/fesm2022/select.mjs +6 -6
  113. package/fesm2022/select.mjs.map +1 -1
  114. package/fesm2022/sidenav.mjs +4 -4
  115. package/fesm2022/sidenav.mjs.map +1 -1
  116. package/fesm2022/slide-toggle.mjs +2 -2
  117. package/fesm2022/slide-toggle.mjs.map +1 -1
  118. package/fesm2022/slider.mjs +2 -2
  119. package/fesm2022/slider.mjs.map +1 -1
  120. package/fesm2022/snack-bar.mjs +2 -2
  121. package/fesm2022/snack-bar.mjs.map +1 -1
  122. package/fesm2022/stepper.mjs +4 -4
  123. package/fesm2022/stepper.mjs.map +1 -1
  124. package/fesm2022/tabs.mjs +8 -8
  125. package/fesm2022/tabs.mjs.map +1 -1
  126. package/fesm2022/toolbar.mjs +2 -2
  127. package/fesm2022/toolbar.mjs.map +1 -1
  128. package/fesm2022/tree.mjs +2 -2
  129. package/fesm2022/tree.mjs.map +1 -1
  130. package/form-field/_mdc-text-field-structure.scss +6 -0
  131. package/input/index.d.ts +18 -1
  132. package/package.json +2 -2
  133. package/prebuilt-themes/azure-blue.css +1 -1
  134. package/prebuilt-themes/cyan-orange.css +1 -1
  135. package/prebuilt-themes/deeppurple-amber.css +1 -1
  136. package/prebuilt-themes/indigo-pink.css +1 -1
  137. package/prebuilt-themes/magenta-violet.css +1 -1
  138. package/prebuilt-themes/pink-bluegrey.css +1 -1
  139. package/prebuilt-themes/purple-green.css +1 -1
  140. package/prebuilt-themes/rose-red.css +1 -1
  141. package/schematics/ng-add/index.js +1 -1
  142. package/schematics/ng-add/index.mjs +1 -1
  143. package/schematics/ng-generate/m3-theme/index_bundled.js +2 -2
  144. package/schematics/ng-update/index_bundled.js +27 -27
  145. package/select/index.d.ts +2 -2
  146. package/slide-toggle/_slide-toggle-theme.scss +8 -6
  147. package/tabs/_tabs-common.scss +11 -9
package/tabs/_tabs-common.scss CHANGED
@@ -109,6 +109,17 @@ $mat-tab-animation-duration: 500ms !default;
109
109
  @include token-utils.create-token-slot(height, container-height);
110
110
  }
111
111
 
112
+ @include token-utils.use-tokens(
113
+ tokens-mat-tab-header.$prefix,
114
+ tokens-mat-tab-header.get-token-slots()
115
+ ) {
116
+ @include token-utils.create-token-slot(font-family, label-text-font);
117
+ @include token-utils.create-token-slot(font-size, label-text-size);
118
+ @include token-utils.create-token-slot(letter-spacing, label-text-tracking);
119
+ @include token-utils.create-token-slot(line-height, label-text-line-height);
120
+ @include token-utils.create-token-slot(font-weight, label-text-weight);
121
+ }
122
+
112
123
  &.mdc-tab {
113
124
  // MDC's tabs stretch to fit the header by default, whereas stretching on our current ones
114
125
  // is an opt-in behavior. Also technically we don't need to combine the two classes, but
@@ -131,12 +142,6 @@ $mat-tab-animation-duration: 500ms !default;
131
142
  tokens-mat-tab-header.$prefix,
132
143
  tokens-mat-tab-header.get-token-slots()
133
144
  ) {
134
- @include token-utils.create-token-slot(font-family, label-text-font);
135
- @include token-utils.create-token-slot(font-size, label-text-size);
136
- @include token-utils.create-token-slot(letter-spacing, label-text-tracking);
137
- @include token-utils.create-token-slot(line-height, label-text-line-height);
138
- @include token-utils.create-token-slot(font-weight, label-text-weight);
139
-
140
145
  &:hover .mdc-tab__text-label {
141
146
  @include token-utils.create-token-slot(color, inactive-hover-label-text-color);
142
147
  }
@@ -300,10 +305,7 @@ $mat-tab-animation-duration: 500ms !default;
300
305
  -webkit-tap-highlight-color: transparent;
301
306
  touch-action: none;
302
307
  box-sizing: content-box;
303
- background: none;
304
- border: none;
305
308
  outline: 0;
306
- padding: 0;
307
309
 
308
310
  &::-moz-focus-inner {
309
311
  border: 0;