@angular/material 18.2.0-next.1 → 18.2.0-next.3

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 (520) hide show
  1. package/_index.scss +3 -1
  2. package/button/_button-base.scss +5 -11
  3. package/checkbox/_checkbox-common.scss +47 -15
  4. package/checkbox/index.d.ts +6 -1
  5. package/chips/index.d.ts +3 -8
  6. package/core/_core.scss +15 -18
  7. package/core/m2/_typography.scss +129 -2
  8. package/core/ripple/_ripple.scss +1 -1
  9. package/core/style/_elevation.scss +121 -27
  10. package/core/style/_sass-utils.scss +20 -2
  11. package/core/theming/_definition.scss +2 -0
  12. package/core/tokens/_m3-tokens.scss +118 -22
  13. package/core/tokens/_token-definition.scss +272 -0
  14. package/core/tokens/_token-utils.scss +68 -239
  15. package/core/tokens/m2/mat/_app.scss +4 -4
  16. package/core/tokens/m2/mat/_autocomplete.scss +4 -4
  17. package/core/tokens/m2/mat/_badge.scss +4 -4
  18. package/core/tokens/m2/mat/_bottom-sheet.scss +4 -4
  19. package/core/tokens/m2/mat/_card.scss +4 -4
  20. package/core/tokens/m2/mat/_checkbox.scss +4 -4
  21. package/core/tokens/m2/mat/_chip.scss +4 -4
  22. package/core/tokens/m2/mat/_datepicker.scss +4 -4
  23. package/core/tokens/m2/mat/_dialog.scss +4 -4
  24. package/core/tokens/m2/mat/_divider.scss +4 -4
  25. package/core/tokens/m2/mat/_expansion.scss +4 -4
  26. package/core/tokens/m2/mat/_fab-small.scss +7 -7
  27. package/core/tokens/m2/mat/_fab.scss +7 -7
  28. package/core/tokens/m2/mat/_filled-button.scss +7 -7
  29. package/core/tokens/m2/mat/_form-field.scss +4 -6
  30. package/core/tokens/m2/mat/_full-pseudo-checkbox.scss +4 -4
  31. package/core/tokens/m2/mat/_grid-list.scss +4 -4
  32. package/core/tokens/m2/mat/_icon-button.scss +4 -4
  33. package/core/tokens/m2/mat/_icon.scss +4 -4
  34. package/core/tokens/m2/mat/_legacy-button-toggle.scss +4 -4
  35. package/core/tokens/m2/mat/_list.scss +4 -4
  36. package/core/tokens/m2/mat/_menu.scss +4 -4
  37. package/core/tokens/m2/mat/_minimal-pseudo-checkbox.scss +4 -4
  38. package/core/tokens/m2/mat/_optgroup.scss +4 -4
  39. package/core/tokens/m2/mat/_option.scss +4 -4
  40. package/core/tokens/m2/mat/_outlined-button.scss +4 -4
  41. package/core/tokens/m2/mat/_paginator.scss +4 -4
  42. package/core/tokens/m2/mat/_protected-button.scss +7 -7
  43. package/core/tokens/m2/mat/_radio.scss +4 -4
  44. package/core/tokens/m2/mat/_ripple.scss +4 -4
  45. package/core/tokens/m2/mat/_select.scss +7 -7
  46. package/core/tokens/m2/mat/_sidenav.scss +4 -4
  47. package/core/tokens/m2/mat/_slider.scss +4 -4
  48. package/core/tokens/m2/mat/_snack-bar.scss +4 -4
  49. package/core/tokens/m2/mat/_sort.scss +4 -4
  50. package/core/tokens/m2/mat/_standard-button-toggle.scss +4 -4
  51. package/core/tokens/m2/mat/_stepper.scss +4 -4
  52. package/core/tokens/m2/mat/_switch.scss +4 -4
  53. package/core/tokens/m2/mat/_tab-header-with-background.scss +4 -4
  54. package/core/tokens/m2/mat/_tab-header.scss +4 -4
  55. package/core/tokens/m2/mat/_table.scss +4 -4
  56. package/core/tokens/m2/mat/_text-button.scss +4 -4
  57. package/core/tokens/m2/mat/_toolbar.scss +4 -4
  58. package/core/tokens/m2/mat/_tree.scss +4 -4
  59. package/core/tokens/m2/mdc/_checkbox.scss +6 -7
  60. package/core/tokens/m2/mdc/_chip.scss +4 -4
  61. package/core/tokens/m2/mdc/_circular-progress.scss +4 -4
  62. package/core/tokens/m2/mdc/_dialog.scss +5 -5
  63. package/core/tokens/m2/mdc/_elevated-card.scss +4 -4
  64. package/core/tokens/m2/mdc/_extended-fab.scss +4 -4
  65. package/core/tokens/m2/mdc/_fab-small.scss +4 -4
  66. package/core/tokens/m2/mdc/_fab.scss +4 -4
  67. package/core/tokens/m2/mdc/_filled-button.scss +6 -7
  68. package/core/tokens/m2/mdc/_filled-text-field.scss +7 -7
  69. package/core/tokens/m2/mdc/_icon-button.scss +4 -4
  70. package/core/tokens/m2/mdc/_linear-progress.scss +4 -4
  71. package/core/tokens/m2/mdc/_list.scss +4 -4
  72. package/core/tokens/m2/mdc/_outlined-button.scss +5 -5
  73. package/core/tokens/m2/mdc/_outlined-card.scss +4 -4
  74. package/core/tokens/m2/mdc/_outlined-text-field.scss +7 -7
  75. package/core/tokens/m2/mdc/_plain-tooltip.scss +4 -4
  76. package/core/tokens/m2/mdc/_protected-button.scss +6 -7
  77. package/core/tokens/m2/mdc/_radio.scss +4 -4
  78. package/core/tokens/m2/mdc/_secondary-navigation-tab.scss +4 -4
  79. package/core/tokens/m2/mdc/_slider.scss +4 -4
  80. package/core/tokens/m2/mdc/_snack-bar.scss +4 -4
  81. package/core/tokens/m2/mdc/_switch.scss +4 -4
  82. package/core/tokens/m2/mdc/_tab-indicator.scss +4 -4
  83. package/core/tokens/m2/mdc/_text-button.scss +4 -4
  84. package/core/tokens/m3/definitions/_index.scss +94 -0
  85. package/core/tokens/m3/definitions/_md-comp-checkbox.scss +120 -0
  86. package/core/tokens/m3/definitions/_md-comp-circular-progress-indicator.scss +27 -0
  87. package/core/tokens/m3/definitions/_md-comp-data-table.scss +90 -0
  88. package/core/tokens/m3/definitions/_md-comp-dialog.scss +123 -0
  89. package/core/tokens/m3/definitions/_md-comp-elevated-button.scss +87 -0
  90. package/core/tokens/m3/definitions/_md-comp-elevated-card.scss +53 -0
  91. package/core/tokens/m3/definitions/_md-comp-extended-fab-primary.scss +90 -0
  92. package/core/tokens/m3/definitions/_md-comp-extended-fab-secondary.scss +91 -0
  93. package/core/tokens/m3/definitions/_md-comp-extended-fab-tertiary.scss +91 -0
  94. package/core/tokens/m3/definitions/_md-comp-fab-primary-small.scss +59 -0
  95. package/core/tokens/m3/definitions/_md-comp-fab-primary.scss +59 -0
  96. package/core/tokens/m3/definitions/_md-comp-fab-secondary-small.scss +60 -0
  97. package/core/tokens/m3/definitions/_md-comp-fab-secondary.scss +60 -0
  98. package/core/tokens/m3/definitions/_md-comp-fab-tertiary-small.scss +60 -0
  99. package/core/tokens/m3/definitions/_md-comp-fab-tertiary.scss +60 -0
  100. package/core/tokens/m3/definitions/_md-comp-filled-button.scss +85 -0
  101. package/core/tokens/m3/definitions/_md-comp-filled-card.scss +52 -0
  102. package/core/tokens/m3/definitions/_md-comp-filled-icon-button.scss +73 -0
  103. package/core/tokens/m3/definitions/_md-comp-filled-text-field.scss +189 -0
  104. package/core/tokens/m3/definitions/_md-comp-icon-button.scss +64 -0
  105. package/core/tokens/m3/definitions/_md-comp-linear-progress-indicator.scss +29 -0
  106. package/core/tokens/m3/definitions/_md-comp-list.scss +252 -0
  107. package/core/tokens/m3/definitions/_md-comp-outlined-button.scss +80 -0
  108. package/core/tokens/m3/definitions/_md-comp-outlined-card.scss +59 -0
  109. package/core/tokens/m3/definitions/_md-comp-outlined-icon-button.scss +73 -0
  110. package/core/tokens/m3/definitions/_md-comp-outlined-text-field.scss +171 -0
  111. package/core/tokens/m3/definitions/_md-comp-plain-tooltip.scss +51 -0
  112. package/core/tokens/m3/definitions/_md-comp-radio-button.scss +62 -0
  113. package/core/tokens/m3/definitions/_md-comp-secondary-navigation-tab.scss +80 -0
  114. package/core/tokens/m3/definitions/_md-comp-slider.scss +110 -0
  115. package/core/tokens/m3/definitions/_md-comp-snackbar.scss +125 -0
  116. package/core/tokens/m3/definitions/_md-comp-switch.scss +130 -0
  117. package/core/tokens/m3/definitions/_md-comp-text-button.scss +73 -0
  118. package/core/tokens/m3/definitions/_md-ref-palette.scss +100 -0
  119. package/core/tokens/m3/definitions/_md-ref-typeface.scss +14 -0
  120. package/core/tokens/m3/definitions/_md-sys-color.scss +126 -0
  121. package/core/tokens/m3/definitions/_md-sys-elevation.scss +15 -0
  122. package/core/tokens/m3/definitions/_md-sys-motion.scss +46 -0
  123. package/core/tokens/m3/definitions/_md-sys-shape.scss +24 -0
  124. package/core/tokens/m3/definitions/_md-sys-state.scss +13 -0
  125. package/core/tokens/m3/definitions/_md-sys-typescale.scss +308 -0
  126. package/core/tokens/m3/definitions/unused/_md-comp-assist-chip.scss +105 -0
  127. package/core/tokens/m3/definitions/unused/_md-comp-badge.scss +54 -0
  128. package/core/tokens/m3/definitions/unused/_md-comp-banner.scss +71 -0
  129. package/core/tokens/m3/definitions/unused/_md-comp-bottom-app-bar.scss +29 -0
  130. package/core/tokens/m3/definitions/unused/_md-comp-carousel-item.scss +59 -0
  131. package/core/tokens/m3/definitions/unused/_md-comp-date-input-modal.scss +87 -0
  132. package/core/tokens/m3/definitions/unused/_md-comp-date-picker-docked.scss +248 -0
  133. package/core/tokens/m3/definitions/unused/_md-comp-date-picker-modal.scss +313 -0
  134. package/core/tokens/m3/definitions/unused/_md-comp-divider.scss +19 -0
  135. package/core/tokens/m3/definitions/unused/_md-comp-extended-fab-branded.scss +82 -0
  136. package/core/tokens/m3/definitions/unused/_md-comp-extended-fab-surface.scss +86 -0
  137. package/core/tokens/m3/definitions/unused/_md-comp-fab-branded-large.scss +54 -0
  138. package/core/tokens/m3/definitions/unused/_md-comp-fab-branded.scss +54 -0
  139. package/core/tokens/m3/definitions/unused/_md-comp-fab-primary-large.scss +59 -0
  140. package/core/tokens/m3/definitions/unused/_md-comp-fab-secondary-large.scss +60 -0
  141. package/core/tokens/m3/definitions/unused/_md-comp-fab-surface-large.scss +58 -0
  142. package/core/tokens/m3/definitions/unused/_md-comp-fab-surface-small.scss +58 -0
  143. package/core/tokens/m3/definitions/unused/_md-comp-fab-surface.scss +58 -0
  144. package/core/tokens/m3/definitions/unused/_md-comp-fab-tertiary-large.scss +60 -0
  145. package/core/tokens/m3/definitions/unused/_md-comp-filled-autocomplete.scss +269 -0
  146. package/core/tokens/m3/definitions/unused/_md-comp-filled-menu-button.scss +94 -0
  147. package/core/tokens/m3/definitions/unused/_md-comp-filled-select.scss +274 -0
  148. package/core/tokens/m3/definitions/unused/_md-comp-filled-tonal-button.scss +95 -0
  149. package/core/tokens/m3/definitions/unused/_md-comp-filled-tonal-icon-button.scss +80 -0
  150. package/core/tokens/m3/definitions/unused/_md-comp-filter-chip.scss +205 -0
  151. package/core/tokens/m3/definitions/unused/_md-comp-full-screen-dialog.scss +109 -0
  152. package/core/tokens/m3/definitions/unused/_md-comp-input-chip.scss +180 -0
  153. package/core/tokens/m3/definitions/unused/_md-comp-menu.scss +31 -0
  154. package/core/tokens/m3/definitions/unused/_md-comp-navigation-bar.scss +110 -0
  155. package/core/tokens/m3/definitions/unused/_md-comp-navigation-drawer.scss +162 -0
  156. package/core/tokens/m3/definitions/unused/_md-comp-navigation-rail.scss +127 -0
  157. package/core/tokens/m3/definitions/unused/_md-comp-outlined-autocomplete.scss +259 -0
  158. package/core/tokens/m3/definitions/unused/_md-comp-outlined-menu-button.scss +90 -0
  159. package/core/tokens/m3/definitions/unused/_md-comp-outlined-segmented-button.scss +108 -0
  160. package/core/tokens/m3/definitions/unused/_md-comp-outlined-select.scss +264 -0
  161. package/core/tokens/m3/definitions/unused/_md-comp-primary-navigation-tab.scss +117 -0
  162. package/core/tokens/m3/definitions/unused/_md-comp-rich-tooltip.scss +121 -0
  163. package/core/tokens/m3/definitions/unused/_md-comp-scrim.scss +19 -0
  164. package/core/tokens/m3/definitions/unused/_md-comp-search-bar.scss +97 -0
  165. package/core/tokens/m3/definitions/unused/_md-comp-search-view.scss +91 -0
  166. package/core/tokens/m3/definitions/unused/_md-comp-sheet-bottom.scss +39 -0
  167. package/core/tokens/m3/definitions/unused/_md-comp-sheet-floating.scss +28 -0
  168. package/core/tokens/m3/definitions/unused/_md-comp-sheet-side.scss +87 -0
  169. package/core/tokens/m3/definitions/unused/_md-comp-standard-menu-button.scss +94 -0
  170. package/core/tokens/m3/definitions/unused/_md-comp-suggestion-chip.scss +121 -0
  171. package/core/tokens/m3/definitions/unused/_md-comp-time-input.scss +222 -0
  172. package/core/tokens/m3/definitions/unused/_md-comp-time-picker.scss +268 -0
  173. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-large.scss +59 -0
  174. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-medium.scss +59 -0
  175. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small-centered.scss +62 -0
  176. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small.scss +60 -0
  177. package/core/tokens/m3/mat/_app.scss +6 -3
  178. package/core/tokens/m3/mat/_autocomplete.scss +3 -4
  179. package/core/tokens/m3/mat/_badge.scss +18 -18
  180. package/core/tokens/m3/mat/_bottom-sheet.scss +4 -4
  181. package/core/tokens/m3/mat/_card.scss +4 -4
  182. package/core/tokens/m3/mat/_checkbox.scss +2 -2
  183. package/core/tokens/m3/mat/_chip.scss +5 -5
  184. package/core/tokens/m3/mat/_datepicker.scss +7 -7
  185. package/core/tokens/m3/mat/_dialog.scss +12 -11
  186. package/core/tokens/m3/mat/_divider.scss +3 -3
  187. package/core/tokens/m3/mat/_expansion.scss +7 -7
  188. package/core/tokens/m3/mat/_fab-small.scss +2 -2
  189. package/core/tokens/m3/mat/_fab.scss +2 -2
  190. package/core/tokens/m3/mat/_filled-button.scss +5 -5
  191. package/core/tokens/m3/mat/_form-field.scss +5 -5
  192. package/core/tokens/m3/mat/_full-pseudo-checkbox.scss +2 -2
  193. package/core/tokens/m3/mat/_grid-list.scss +2 -2
  194. package/core/tokens/m3/mat/_icon-button.scss +2 -2
  195. package/core/tokens/m3/mat/_icon.scss +3 -3
  196. package/core/tokens/m3/mat/_list.scss +2 -2
  197. package/core/tokens/m3/mat/_menu.scss +12 -12
  198. package/core/tokens/m3/mat/_minimal-pseudo-checkbox.scss +2 -2
  199. package/core/tokens/m3/mat/_optgroup.scss +3 -3
  200. package/core/tokens/m3/mat/_option.scss +2 -2
  201. package/core/tokens/m3/mat/_outlined-button.scss +5 -5
  202. package/core/tokens/m3/mat/_paginator.scss +3 -3
  203. package/core/tokens/m3/mat/_protected-button.scss +5 -5
  204. package/core/tokens/m3/mat/_radio.scss +2 -2
  205. package/core/tokens/m3/mat/_ripple.scss +2 -2
  206. package/core/tokens/m3/mat/_select.scss +4 -4
  207. package/core/tokens/m3/mat/_sidenav.scss +6 -5
  208. package/core/tokens/m3/mat/_slider.scss +12 -10
  209. package/core/tokens/m3/mat/_snack-bar.scss +2 -2
  210. package/core/tokens/m3/mat/_sort.scss +2 -2
  211. package/core/tokens/m3/mat/_standard-button-toggle.scss +6 -5
  212. package/core/tokens/m3/mat/_stepper.scss +3 -3
  213. package/core/tokens/m3/mat/_switch.scss +27 -22
  214. package/core/tokens/m3/mat/_tab-header.scss +4 -4
  215. package/core/tokens/m3/mat/_table.scss +7 -6
  216. package/core/tokens/m3/mat/_text-button.scss +6 -6
  217. package/core/tokens/m3/mat/_toolbar.scss +3 -3
  218. package/core/tokens/m3/mat/_tree.scss +2 -2
  219. package/core/tokens/m3/mdc/_checkbox.scss +10 -8
  220. package/core/tokens/m3/mdc/_chip.scss +12 -11
  221. package/core/tokens/m3/mdc/_circular-progress.scss +5 -4
  222. package/core/tokens/m3/mdc/_dialog.scss +4 -4
  223. package/core/tokens/m3/mdc/_elevated-card.scss +3 -3
  224. package/core/tokens/m3/mdc/_extended-fab.scss +9 -5
  225. package/core/tokens/m3/mdc/_fab-small.scss +8 -5
  226. package/core/tokens/m3/mdc/_fab.scss +6 -5
  227. package/core/tokens/m3/mdc/_filled-button.scss +6 -6
  228. package/core/tokens/m3/mdc/_filled-text-field.scss +7 -6
  229. package/core/tokens/m3/mdc/_icon-button.scss +10 -8
  230. package/core/tokens/m3/mdc/_linear-progress.scss +5 -4
  231. package/core/tokens/m3/mdc/_list.scss +3 -3
  232. package/core/tokens/m3/mdc/_outlined-button.scss +7 -6
  233. package/core/tokens/m3/mdc/_outlined-card.scss +3 -3
  234. package/core/tokens/m3/mdc/_outlined-text-field.scss +7 -6
  235. package/core/tokens/m3/mdc/_plain-tooltip.scss +3 -3
  236. package/core/tokens/m3/mdc/_protected-button.scss +6 -6
  237. package/core/tokens/m3/mdc/_radio.scss +4 -3
  238. package/core/tokens/m3/mdc/_secondary-navigation-tab.scss +4 -3
  239. package/core/tokens/m3/mdc/_slider.scss +4 -3
  240. package/core/tokens/m3/mdc/_snack-bar.scss +3 -3
  241. package/core/tokens/m3/mdc/_switch.scss +4 -3
  242. package/core/tokens/m3/mdc/_tab-indicator.scss +5 -4
  243. package/core/tokens/m3/mdc/_text-button.scss +6 -6
  244. package/esm2022/autocomplete/animations.mjs +1 -2
  245. package/esm2022/autocomplete/autocomplete-origin.mjs +4 -4
  246. package/esm2022/autocomplete/autocomplete-trigger.mjs +4 -4
  247. package/esm2022/autocomplete/autocomplete.mjs +5 -5
  248. package/esm2022/autocomplete/module.mjs +5 -5
  249. package/esm2022/badge/badge-module.mjs +5 -5
  250. package/esm2022/badge/badge.mjs +8 -8
  251. package/esm2022/bottom-sheet/bottom-sheet-container.mjs +5 -5
  252. package/esm2022/bottom-sheet/bottom-sheet-module.mjs +5 -5
  253. package/esm2022/bottom-sheet/bottom-sheet.mjs +4 -4
  254. package/esm2022/button/button-base.mjs +7 -7
  255. package/esm2022/button/button.mjs +9 -9
  256. package/esm2022/button/fab.mjs +17 -17
  257. package/esm2022/button/icon-button.mjs +9 -9
  258. package/esm2022/button/module.mjs +5 -5
  259. package/esm2022/button-toggle/button-toggle-module.mjs +5 -5
  260. package/esm2022/button-toggle/button-toggle.mjs +8 -8
  261. package/esm2022/card/card.mjs +44 -44
  262. package/esm2022/card/module.mjs +5 -5
  263. package/esm2022/checkbox/checkbox-config.mjs +2 -1
  264. package/esm2022/checkbox/checkbox-required-validator.mjs +4 -4
  265. package/esm2022/checkbox/checkbox.mjs +13 -7
  266. package/esm2022/checkbox/module.mjs +9 -9
  267. package/esm2022/chips/chip-action.mjs +4 -4
  268. package/esm2022/chips/chip-edit-input.mjs +4 -4
  269. package/esm2022/chips/chip-grid.mjs +4 -4
  270. package/esm2022/chips/chip-icons.mjs +10 -10
  271. package/esm2022/chips/chip-input.mjs +4 -4
  272. package/esm2022/chips/chip-listbox.mjs +4 -4
  273. package/esm2022/chips/chip-option.mjs +6 -6
  274. package/esm2022/chips/chip-row.mjs +7 -7
  275. package/esm2022/chips/chip-set.mjs +4 -4
  276. package/esm2022/chips/chip.mjs +7 -28
  277. package/esm2022/chips/module.mjs +5 -5
  278. package/esm2022/core/common-behaviors/common-module.mjs +5 -5
  279. package/esm2022/core/datetime/index.mjs +9 -9
  280. package/esm2022/core/datetime/native-date-adapter.mjs +4 -4
  281. package/esm2022/core/error/error-options.mjs +7 -7
  282. package/esm2022/core/internal-form-field/internal-form-field.mjs +4 -4
  283. package/esm2022/core/line/line.mjs +8 -8
  284. package/esm2022/core/option/index.mjs +5 -5
  285. package/esm2022/core/option/optgroup.mjs +5 -5
  286. package/esm2022/core/option/option.mjs +5 -5
  287. package/esm2022/core/private/ripple-loader.mjs +4 -4
  288. package/esm2022/core/ripple/index.mjs +5 -5
  289. package/esm2022/core/ripple/ripple.mjs +4 -4
  290. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox-module.mjs +5 -5
  291. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +5 -5
  292. package/esm2022/core/version.mjs +1 -1
  293. package/esm2022/datepicker/calendar-body.mjs +5 -5
  294. package/esm2022/datepicker/calendar.mjs +8 -8
  295. package/esm2022/datepicker/date-range-input-parts.mjs +10 -10
  296. package/esm2022/datepicker/date-range-input.mjs +6 -6
  297. package/esm2022/datepicker/date-range-picker.mjs +4 -4
  298. package/esm2022/datepicker/date-range-selection-strategy.mjs +4 -4
  299. package/esm2022/datepicker/date-selection-model.mjs +10 -10
  300. package/esm2022/datepicker/datepicker-actions.mjs +10 -10
  301. package/esm2022/datepicker/datepicker-base.mjs +8 -8
  302. package/esm2022/datepicker/datepicker-input-base.mjs +4 -4
  303. package/esm2022/datepicker/datepicker-input.mjs +4 -4
  304. package/esm2022/datepicker/datepicker-intl.mjs +4 -4
  305. package/esm2022/datepicker/datepicker-module.mjs +5 -5
  306. package/esm2022/datepicker/datepicker-toggle.mjs +8 -8
  307. package/esm2022/datepicker/datepicker.mjs +4 -4
  308. package/esm2022/datepicker/month-view.mjs +4 -4
  309. package/esm2022/datepicker/multi-year-view.mjs +4 -4
  310. package/esm2022/datepicker/year-view.mjs +4 -4
  311. package/esm2022/dialog/dialog-container.mjs +5 -8
  312. package/esm2022/dialog/dialog-content-directives.mjs +16 -16
  313. package/esm2022/dialog/dialog.mjs +4 -4
  314. package/esm2022/dialog/module.mjs +5 -5
  315. package/esm2022/divider/divider-module.mjs +5 -5
  316. package/esm2022/divider/divider.mjs +5 -5
  317. package/esm2022/expansion/accordion.mjs +4 -4
  318. package/esm2022/expansion/expansion-module.mjs +5 -5
  319. package/esm2022/expansion/expansion-panel-content.mjs +4 -4
  320. package/esm2022/expansion/expansion-panel-header.mjs +11 -11
  321. package/esm2022/expansion/expansion-panel.mjs +9 -9
  322. package/esm2022/form-field/directives/error.mjs +4 -4
  323. package/esm2022/form-field/directives/floating-label.mjs +4 -4
  324. package/esm2022/form-field/directives/hint.mjs +4 -4
  325. package/esm2022/form-field/directives/label.mjs +4 -4
  326. package/esm2022/form-field/directives/line-ripple.mjs +4 -4
  327. package/esm2022/form-field/directives/notched-outline.mjs +4 -4
  328. package/esm2022/form-field/directives/prefix.mjs +4 -4
  329. package/esm2022/form-field/directives/suffix.mjs +4 -4
  330. package/esm2022/form-field/form-field-control.mjs +4 -4
  331. package/esm2022/form-field/form-field.mjs +9 -6
  332. package/esm2022/form-field/module.mjs +5 -5
  333. package/esm2022/grid-list/grid-list-module.mjs +5 -5
  334. package/esm2022/grid-list/grid-list.mjs +6 -6
  335. package/esm2022/grid-list/grid-tile.mjs +17 -17
  336. package/esm2022/icon/icon-module.mjs +5 -5
  337. package/esm2022/icon/icon-registry.mjs +4 -4
  338. package/esm2022/icon/icon.mjs +4 -4
  339. package/esm2022/icon/testing/fake-icon-registry.mjs +8 -8
  340. package/esm2022/input/input.mjs +39 -6
  341. package/esm2022/input/module.mjs +5 -5
  342. package/esm2022/list/action-list.mjs +5 -5
  343. package/esm2022/list/list-base.mjs +7 -7
  344. package/esm2022/list/list-item-sections.mjs +19 -19
  345. package/esm2022/list/list-module.mjs +5 -5
  346. package/esm2022/list/list-option.mjs +6 -6
  347. package/esm2022/list/list.mjs +8 -8
  348. package/esm2022/list/nav-list.mjs +5 -5
  349. package/esm2022/list/selection-list.mjs +6 -6
  350. package/esm2022/list/subheader.mjs +4 -4
  351. package/esm2022/list/testing/selection-list-harness.mjs +2 -2
  352. package/esm2022/menu/menu-content.mjs +4 -4
  353. package/esm2022/menu/menu-item.mjs +4 -4
  354. package/esm2022/menu/menu-trigger.mjs +4 -4
  355. package/esm2022/menu/menu.mjs +5 -5
  356. package/esm2022/menu/module.mjs +5 -5
  357. package/esm2022/paginator/module.mjs +5 -5
  358. package/esm2022/paginator/paginator-intl.mjs +4 -4
  359. package/esm2022/paginator/paginator.mjs +5 -5
  360. package/esm2022/progress-bar/module.mjs +5 -5
  361. package/esm2022/progress-bar/progress-bar.mjs +5 -5
  362. package/esm2022/progress-spinner/module.mjs +5 -5
  363. package/esm2022/progress-spinner/progress-spinner.mjs +5 -5
  364. package/esm2022/radio/module.mjs +5 -5
  365. package/esm2022/radio/radio.mjs +62 -24
  366. package/esm2022/select/module.mjs +5 -5
  367. package/esm2022/select/select.mjs +9 -9
  368. package/esm2022/sidenav/drawer.mjs +12 -12
  369. package/esm2022/sidenav/sidenav-module.mjs +5 -5
  370. package/esm2022/sidenav/sidenav.mjs +12 -12
  371. package/esm2022/slide-toggle/module.mjs +9 -9
  372. package/esm2022/slide-toggle/slide-toggle-config.mjs +2 -2
  373. package/esm2022/slide-toggle/slide-toggle-required-validator.mjs +4 -4
  374. package/esm2022/slide-toggle/slide-toggle.mjs +17 -11
  375. package/esm2022/slider/module.mjs +5 -5
  376. package/esm2022/slider/slider-input.mjs +7 -7
  377. package/esm2022/slider/slider-thumb.mjs +4 -4
  378. package/esm2022/slider/slider.mjs +5 -5
  379. package/esm2022/snack-bar/module.mjs +5 -5
  380. package/esm2022/snack-bar/simple-snack-bar.mjs +4 -4
  381. package/esm2022/snack-bar/snack-bar-container.mjs +5 -5
  382. package/esm2022/snack-bar/snack-bar-content.mjs +10 -10
  383. package/esm2022/snack-bar/snack-bar.mjs +4 -4
  384. package/esm2022/sort/sort-header-intl.mjs +4 -4
  385. package/esm2022/sort/sort-header.mjs +5 -5
  386. package/esm2022/sort/sort-module.mjs +5 -5
  387. package/esm2022/sort/sort.mjs +4 -4
  388. package/esm2022/stepper/step-content.mjs +4 -4
  389. package/esm2022/stepper/step-header.mjs +5 -5
  390. package/esm2022/stepper/step-label.mjs +4 -4
  391. package/esm2022/stepper/stepper-button.mjs +7 -7
  392. package/esm2022/stepper/stepper-icon.mjs +4 -4
  393. package/esm2022/stepper/stepper-intl.mjs +4 -4
  394. package/esm2022/stepper/stepper-module.mjs +5 -5
  395. package/esm2022/stepper/stepper.mjs +8 -8
  396. package/esm2022/table/cell.mjs +22 -22
  397. package/esm2022/table/module.mjs +5 -5
  398. package/esm2022/table/row.mjs +22 -22
  399. package/esm2022/table/table.mjs +9 -9
  400. package/esm2022/table/text-column.mjs +4 -4
  401. package/esm2022/tabs/ink-bar.mjs +4 -4
  402. package/esm2022/tabs/module.mjs +5 -5
  403. package/esm2022/tabs/paginated-tab-header.mjs +4 -4
  404. package/esm2022/tabs/tab-body.mjs +7 -7
  405. package/esm2022/tabs/tab-content.mjs +4 -4
  406. package/esm2022/tabs/tab-group.mjs +6 -6
  407. package/esm2022/tabs/tab-header.mjs +5 -5
  408. package/esm2022/tabs/tab-label-wrapper.mjs +4 -4
  409. package/esm2022/tabs/tab-label.mjs +4 -4
  410. package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +12 -12
  411. package/esm2022/tabs/tab.mjs +4 -4
  412. package/esm2022/tabs/testing/tab-harness.mjs +2 -2
  413. package/esm2022/toolbar/toolbar-module.mjs +5 -5
  414. package/esm2022/toolbar/toolbar.mjs +8 -8
  415. package/esm2022/tooltip/module.mjs +5 -5
  416. package/esm2022/tooltip/tooltip.mjs +11 -8
  417. package/esm2022/tree/node.mjs +10 -10
  418. package/esm2022/tree/outlet.mjs +4 -4
  419. package/esm2022/tree/padding.mjs +4 -4
  420. package/esm2022/tree/toggle.mjs +4 -4
  421. package/esm2022/tree/tree-module.mjs +5 -5
  422. package/esm2022/tree/tree.mjs +5 -5
  423. package/fesm2022/autocomplete.mjs +14 -15
  424. package/fesm2022/autocomplete.mjs.map +1 -1
  425. package/fesm2022/badge.mjs +11 -11
  426. package/fesm2022/badge.mjs.map +1 -1
  427. package/fesm2022/bottom-sheet.mjs +11 -11
  428. package/fesm2022/bottom-sheet.mjs.map +1 -1
  429. package/fesm2022/button-toggle.mjs +11 -11
  430. package/fesm2022/button-toggle.mjs.map +1 -1
  431. package/fesm2022/button.mjs +42 -42
  432. package/fesm2022/button.mjs.map +1 -1
  433. package/fesm2022/card.mjs +47 -47
  434. package/fesm2022/card.mjs.map +1 -1
  435. package/fesm2022/checkbox.mjs +24 -17
  436. package/fesm2022/checkbox.mjs.map +1 -1
  437. package/fesm2022/chips.mjs +48 -69
  438. package/fesm2022/chips.mjs.map +1 -1
  439. package/fesm2022/core.mjs +62 -62
  440. package/fesm2022/core.mjs.map +1 -1
  441. package/fesm2022/datepicker.mjs +88 -88
  442. package/fesm2022/datepicker.mjs.map +1 -1
  443. package/fesm2022/dialog.mjs +26 -29
  444. package/fesm2022/dialog.mjs.map +1 -1
  445. package/fesm2022/divider.mjs +8 -8
  446. package/fesm2022/divider.mjs.map +1 -1
  447. package/fesm2022/expansion.mjs +28 -28
  448. package/fesm2022/expansion.mjs.map +1 -1
  449. package/fesm2022/form-field.mjs +39 -36
  450. package/fesm2022/form-field.mjs.map +1 -1
  451. package/fesm2022/grid-list.mjs +25 -25
  452. package/fesm2022/grid-list.mjs.map +1 -1
  453. package/fesm2022/icon/testing.mjs +7 -7
  454. package/fesm2022/icon/testing.mjs.map +1 -1
  455. package/fesm2022/icon.mjs +10 -10
  456. package/fesm2022/icon.mjs.map +1 -1
  457. package/fesm2022/input.mjs +42 -9
  458. package/fesm2022/input.mjs.map +1 -1
  459. package/fesm2022/list/testing.mjs +1 -1
  460. package/fesm2022/list/testing.mjs.map +1 -1
  461. package/fesm2022/list.mjs +56 -56
  462. package/fesm2022/list.mjs.map +1 -1
  463. package/fesm2022/menu.mjs +17 -17
  464. package/fesm2022/menu.mjs.map +1 -1
  465. package/fesm2022/paginator.mjs +11 -11
  466. package/fesm2022/paginator.mjs.map +1 -1
  467. package/fesm2022/progress-bar.mjs +8 -8
  468. package/fesm2022/progress-bar.mjs.map +1 -1
  469. package/fesm2022/progress-spinner.mjs +8 -8
  470. package/fesm2022/progress-spinner.mjs.map +1 -1
  471. package/fesm2022/radio.mjs +65 -27
  472. package/fesm2022/radio.mjs.map +1 -1
  473. package/fesm2022/select.mjs +12 -12
  474. package/fesm2022/select.mjs.map +1 -1
  475. package/fesm2022/sidenav.mjs +26 -26
  476. package/fesm2022/sidenav.mjs.map +1 -1
  477. package/fesm2022/slide-toggle.mjs +28 -22
  478. package/fesm2022/slide-toggle.mjs.map +1 -1
  479. package/fesm2022/slider.mjs +17 -17
  480. package/fesm2022/slider.mjs.map +1 -1
  481. package/fesm2022/snack-bar.mjs +23 -23
  482. package/fesm2022/snack-bar.mjs.map +1 -1
  483. package/fesm2022/sort.mjs +14 -14
  484. package/fesm2022/sort.mjs.map +1 -1
  485. package/fesm2022/stepper.mjs +33 -33
  486. package/fesm2022/stepper.mjs.map +1 -1
  487. package/fesm2022/table.mjs +57 -57
  488. package/fesm2022/table.mjs.map +1 -1
  489. package/fesm2022/tabs/testing.mjs +1 -1
  490. package/fesm2022/tabs/testing.mjs.map +1 -1
  491. package/fesm2022/tabs.mjs +48 -48
  492. package/fesm2022/tabs.mjs.map +1 -1
  493. package/fesm2022/toolbar.mjs +11 -11
  494. package/fesm2022/toolbar.mjs.map +1 -1
  495. package/fesm2022/tooltip.mjs +14 -11
  496. package/fesm2022/tooltip.mjs.map +1 -1
  497. package/fesm2022/tree.mjs +26 -26
  498. package/fesm2022/tree.mjs.map +1 -1
  499. package/form-field/_form-field-focus-overlay.scss +1 -1
  500. package/form-field/_mdc-text-field-density-overrides.scss +4 -4
  501. package/form-field/_mdc-text-field-structure.scss +6 -6
  502. package/input/index.d.ts +13 -1
  503. package/list/testing/index.d.ts +1 -1
  504. package/package.json +3 -51
  505. package/prebuilt-themes/azure-blue.css +1 -1
  506. package/prebuilt-themes/cyan-orange.css +1 -1
  507. package/prebuilt-themes/deeppurple-amber.css +1 -1
  508. package/prebuilt-themes/indigo-pink.css +1 -1
  509. package/prebuilt-themes/magenta-violet.css +1 -1
  510. package/prebuilt-themes/pink-bluegrey.css +1 -1
  511. package/prebuilt-themes/purple-green.css +1 -1
  512. package/prebuilt-themes/rose-red.css +1 -1
  513. package/radio/_radio-common.scss +26 -8
  514. package/radio/index.d.ts +19 -5
  515. package/schematics/ng-add/index.js +1 -1
  516. package/schematics/ng-add/index.mjs +1 -1
  517. package/slide-toggle/index.d.ts +6 -1
  518. package/tabs/testing/index.d.ts +1 -1
  519. package/tooltip/index.d.ts +5 -0
  520. package/core/mdc-helpers/_mdc-helpers.scss +0 -60
package/core/tokens/m2/mat/_fab.scss CHANGED
@@ -1,9 +1,8 @@
1
1
  @use 'sass:meta';
2
- @use '../../token-utils';
2
+ @use '../../token-definition';
3
3
  @use '../../../theming/theming';
4
4
  @use '../../../theming/inspection';
5
5
  @use '../../../style/sass-utils';
6
- @use '../../../mdc-helpers/mdc-helpers';
7
6
 
8
7
  // The prefix used to generate the fully qualified name for tokens in this file.
9
8
  $prefix: (mat, fab);
@@ -60,10 +59,11 @@ $prefix: (mat, fab);
60
59
  $ripple-color: null;
61
60
  $contrast-color: inspection.get-theme-color($theme, $palette-name, default-contrast);
62
61
 
63
- @if (token-utils.$private-is-internal-build or meta.type-of($contrast-color) != 'color') {
62
+ @if (token-definition.$private-is-internal-build or
63
+ meta.type-of($contrast-color) != 'color') {
64
64
  $is-dark: inspection.get-theme-type($theme) == dark;
65
65
  $container-color: inspection.get-theme-color($theme, $palette-name);
66
- $contrast-tone: mdc-helpers.variable-safe-contrast-tone($container-color, $is-dark);
66
+ $contrast-tone: token-definition.contrast-tone($container-color, $is-dark);
67
67
  $color: if($contrast-tone == 'dark', #000, #fff);
68
68
  $foreground-color: $color;
69
69
  $state-layer-color: $color;
@@ -101,8 +101,8 @@ $prefix: (mat, fab);
101
101
  @function get-token-slots() {
102
102
  @return sass-utils.deep-merge-all(
103
103
  get-unthemable-tokens(),
104
- get-color-tokens(token-utils.$placeholder-color-config),
105
- get-typography-tokens(token-utils.$placeholder-typography-config),
106
- get-density-tokens(token-utils.$placeholder-density-config)
104
+ get-color-tokens(token-definition.$placeholder-color-config),
105
+ get-typography-tokens(token-definition.$placeholder-typography-config),
106
+ get-density-tokens(token-definition.$placeholder-density-config)
107
107
  );
108
108
  }
package/core/tokens/m2/mat/_filled-button.scss CHANGED
@@ -1,9 +1,8 @@
1
1
  @use 'sass:meta';
2
- @use '../../token-utils';
2
+ @use '../../token-definition';
3
3
  @use '../../../theming/theming';
4
4
  @use '../../../theming/inspection';
5
5
  @use '../../../style/sass-utils';
6
- @use '../../../mdc-helpers/mdc-helpers';
7
6
 
8
7
  // The prefix used to generate the fully qualified name for tokens in this file.
9
8
  $prefix: (mat, filled-button);
@@ -57,10 +56,11 @@ $prefix: (mat, filled-button);
57
56
 
58
57
  // Ideally we would derive all values directly from the theme, but it causes a lot of regressions
59
58
  // internally. For now we fall back to the old hardcoded behavior only for internal apps.
60
- @if (token-utils.$private-is-internal-build or meta.type-of($contrast-color) != 'color') {
59
+ @if (token-definition.$private-is-internal-build or
60
+ meta.type-of($contrast-color) != 'color') {
61
61
  $is-dark: inspection.get-theme-type($theme) == dark;
62
62
  $container-color: inspection.get-theme-color($theme, $palette-name);
63
- $contrast-tone: mdc-helpers.variable-safe-contrast-tone($container-color, $is-dark);
63
+ $contrast-tone: token-definition.contrast-tone($container-color, $is-dark);
64
64
  $color: if($contrast-tone == 'dark', #000, #fff);
65
65
  $state-layer-color: $color;
66
66
  $ripple-color: rgba($color, 0.1);
@@ -95,8 +95,8 @@ $prefix: (mat, filled-button);
95
95
  @function get-token-slots() {
96
96
  @return sass-utils.deep-merge-all(
97
97
  get-unthemable-tokens(),
98
- get-color-tokens(token-utils.$placeholder-color-config),
99
- get-typography-tokens(token-utils.$placeholder-typography-config),
100
- get-density-tokens(token-utils.$placeholder-density-config)
98
+ get-color-tokens(token-definition.$placeholder-color-config),
99
+ get-typography-tokens(token-definition.$placeholder-typography-config),
100
+ get-density-tokens(token-definition.$placeholder-density-config)
101
101
  );
102
102
  }
package/core/tokens/m2/mat/_form-field.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use 'sass:math';
2
2
  @use 'sass:map';
3
- @use '../../token-utils';
3
+ @use '../../token-definition';
4
4
  @use '../../../style/sass-utils';
5
5
  @use '../../../theming/theming';
6
6
  @use '../../../theming/inspection';
@@ -52,8 +52,6 @@ $prefix: (mat, form-field);
52
52
  error-hover-trailing-icon-color: unset,
53
53
  error-trailing-icon-color: unset,
54
54
 
55
- // These values are taken from the MDC select implementation:
56
- // https://github.com/material-components/material-components-web/blob/master/packages/mdc-select/_select-theme.scss
57
55
  enabled-select-arrow-color: inspection.get-theme-color($theme, foreground, icon, 0.54),
58
56
  disabled-select-arrow-color: inspection.get-theme-color($theme, foreground, icon, 0.38),
59
57
 
@@ -160,8 +158,8 @@ $prefix: (mat, form-field);
160
158
  @function get-token-slots() {
161
159
  @return sass-utils.deep-merge-all(
162
160
  get-unthemable-tokens(),
163
- get-color-tokens(token-utils.$placeholder-color-config),
164
- get-typography-tokens(token-utils.$placeholder-typography-config),
165
- get-density-tokens(token-utils.$placeholder-density-config)
161
+ get-color-tokens(token-definition.$placeholder-color-config),
162
+ get-typography-tokens(token-definition.$placeholder-typography-config),
163
+ get-density-tokens(token-definition.$placeholder-density-config)
166
164
  );
167
165
  }
package/core/tokens/m2/mat/_full-pseudo-checkbox.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use '../../token-utils';
1
+ @use '../../token-definition';
2
2
  @use '../../../theming/inspection';
3
3
  @use '../../../style/sass-utils';
4
4
 
@@ -42,8 +42,8 @@ $prefix: (mat, full-pseudo-checkbox);
42
42
  @function get-token-slots() {
43
43
  @return sass-utils.deep-merge-all(
44
44
  get-unthemable-tokens(),
45
- get-color-tokens(token-utils.$placeholder-color-config),
46
- get-typography-tokens(token-utils.$placeholder-typography-config),
47
- get-density-tokens(token-utils.$placeholder-density-config)
45
+ get-color-tokens(token-definition.$placeholder-color-config),
46
+ get-typography-tokens(token-definition.$placeholder-typography-config),
47
+ get-density-tokens(token-definition.$placeholder-density-config)
48
48
  );
49
49
  }
package/core/tokens/m2/mat/_grid-list.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use '../../token-utils';
1
+ @use '../../token-definition';
2
2
  @use '../../../theming/inspection';
3
3
  @use '../../../style/sass-utils';
4
4
 
@@ -39,8 +39,8 @@ $prefix: (mat, grid-list);
39
39
  @function get-token-slots() {
40
40
  @return sass-utils.deep-merge-all(
41
41
  get-unthemable-tokens(),
42
- get-color-tokens(token-utils.$placeholder-color-config),
43
- get-typography-tokens(token-utils.$placeholder-typography-config),
44
- get-density-tokens(token-utils.$placeholder-density-config)
42
+ get-color-tokens(token-definition.$placeholder-color-config),
43
+ get-typography-tokens(token-definition.$placeholder-typography-config),
44
+ get-density-tokens(token-definition.$placeholder-density-config)
45
45
  );
46
46
  }
package/core/tokens/m2/mat/_icon-button.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use 'sass:meta';
2
- @use '../../token-utils';
2
+ @use '../../token-definition';
3
3
  @use '../../../theming/theming';
4
4
  @use '../../../theming/inspection';
5
5
  @use '../../../style/sass-utils';
@@ -71,8 +71,8 @@ $prefix: (mat, icon-button);
71
71
  @function get-token-slots() {
72
72
  @return sass-utils.deep-merge-all(
73
73
  get-unthemable-tokens(),
74
- get-color-tokens(token-utils.$placeholder-color-config),
75
- get-typography-tokens(token-utils.$placeholder-typography-config),
76
- get-density-tokens(token-utils.$placeholder-density-config)
74
+ get-color-tokens(token-definition.$placeholder-color-config),
75
+ get-typography-tokens(token-definition.$placeholder-typography-config),
76
+ get-density-tokens(token-definition.$placeholder-density-config)
77
77
  );
78
78
  }
package/core/tokens/m2/mat/_icon.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use '../../token-utils';
1
+ @use '../../token-definition';
2
2
  @use '../../../style/sass-utils';
3
3
 
4
4
  // The prefix used to generate the fully qualified name for tokens in this file.
@@ -38,8 +38,8 @@ $prefix: (mat, icon);
38
38
  @function get-token-slots() {
39
39
  @return sass-utils.deep-merge-all(
40
40
  get-unthemable-tokens(),
41
- get-color-tokens(token-utils.$placeholder-color-config),
42
- get-typography-tokens(token-utils.$placeholder-typography-config),
43
- get-density-tokens(token-utils.$placeholder-density-config)
41
+ get-color-tokens(token-definition.$placeholder-color-config),
42
+ get-typography-tokens(token-definition.$placeholder-typography-config),
43
+ get-density-tokens(token-definition.$placeholder-density-config)
44
44
  );
45
45
  }
package/core/tokens/m2/mat/_legacy-button-toggle.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use '../../token-utils';
1
+ @use '../../token-definition';
2
2
  @use '../../../theming/inspection';
3
3
  @use '../../../style/sass-utils';
4
4
 
@@ -52,8 +52,8 @@ $prefix: (mat, legacy-button-toggle);
52
52
  @function get-token-slots() {
53
53
  @return sass-utils.deep-merge-all(
54
54
  get-unthemable-tokens(),
55
- get-color-tokens(token-utils.$placeholder-color-config),
56
- get-typography-tokens(token-utils.$placeholder-typography-config),
57
- get-density-tokens(token-utils.$placeholder-density-config)
55
+ get-color-tokens(token-definition.$placeholder-color-config),
56
+ get-typography-tokens(token-definition.$placeholder-typography-config),
57
+ get-density-tokens(token-definition.$placeholder-density-config)
58
58
  );
59
59
  }
package/core/tokens/m2/mat/_list.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use '../../token-utils';
1
+ @use '../../token-definition';
2
2
  @use '../../../style/sass-utils';
3
3
 
4
4
  // The prefix used to generate the fully qualified name for tokens in this file.
@@ -37,8 +37,8 @@ $prefix: (mat, list);
37
37
  @function get-token-slots() {
38
38
  @return sass-utils.deep-merge-all(
39
39
  get-unthemable-tokens(),
40
- get-color-tokens(token-utils.$placeholder-color-config),
41
- get-typography-tokens(token-utils.$placeholder-typography-config),
42
- get-density-tokens(token-utils.$placeholder-density-config)
40
+ get-color-tokens(token-definition.$placeholder-color-config),
41
+ get-typography-tokens(token-definition.$placeholder-typography-config),
42
+ get-density-tokens(token-definition.$placeholder-density-config)
43
43
  );
44
44
  }
package/core/tokens/m2/mat/_menu.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use '../../token-utils';
1
+ @use '../../token-definition';
2
2
  @use '../../../theming/inspection';
3
3
  @use '../../../style/sass-utils';
4
4
 
@@ -62,8 +62,8 @@ $prefix: (mat, menu);
62
62
  @function get-token-slots() {
63
63
  @return sass-utils.deep-merge-all(
64
64
  get-unthemable-tokens(),
65
- get-color-tokens(token-utils.$placeholder-color-config),
66
- get-typography-tokens(token-utils.$placeholder-typography-config),
67
- get-density-tokens(token-utils.$placeholder-density-config)
65
+ get-color-tokens(token-definition.$placeholder-color-config),
66
+ get-typography-tokens(token-definition.$placeholder-typography-config),
67
+ get-density-tokens(token-definition.$placeholder-density-config)
68
68
  );
69
69
  }
package/core/tokens/m2/mat/_minimal-pseudo-checkbox.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use '../../token-utils';
1
+ @use '../../token-definition';
2
2
  @use '../../../theming/inspection';
3
3
  @use '../../../style/sass-utils';
4
4
 
@@ -36,8 +36,8 @@ $prefix: (mat, minimal-pseudo-checkbox);
36
36
  @function get-token-slots() {
37
37
  @return sass-utils.deep-merge-all(
38
38
  get-unthemable-tokens(),
39
- get-color-tokens(token-utils.$placeholder-color-config),
40
- get-typography-tokens(token-utils.$placeholder-typography-config),
41
- get-density-tokens(token-utils.$placeholder-density-config)
39
+ get-color-tokens(token-definition.$placeholder-color-config),
40
+ get-typography-tokens(token-definition.$placeholder-typography-config),
41
+ get-density-tokens(token-definition.$placeholder-density-config)
42
42
  );
43
43
  }
package/core/tokens/m2/mat/_optgroup.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use '../../token-utils';
1
+ @use '../../token-definition';
2
2
  @use '../../../theming/inspection';
3
3
  @use '../../../style/sass-utils';
4
4
 
@@ -39,8 +39,8 @@ $prefix: (mat, optgroup);
39
39
  @function get-token-slots() {
40
40
  @return sass-utils.deep-merge-all(
41
41
  get-unthemable-tokens(),
42
- get-color-tokens(token-utils.$placeholder-color-config),
43
- get-typography-tokens(token-utils.$placeholder-typography-config),
44
- get-density-tokens(token-utils.$placeholder-density-config)
42
+ get-color-tokens(token-definition.$placeholder-color-config),
43
+ get-typography-tokens(token-definition.$placeholder-typography-config),
44
+ get-density-tokens(token-definition.$placeholder-density-config)
45
45
  );
46
46
  }
package/core/tokens/m2/mat/_option.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use '../../token-utils';
1
+ @use '../../token-definition';
2
2
  @use '../../../theming/inspection';
3
3
  @use '../../../style/sass-utils';
4
4
 
@@ -47,8 +47,8 @@ $prefix: (mat, option);
47
47
  @function get-token-slots() {
48
48
  @return sass-utils.deep-merge-all(
49
49
  get-unthemable-tokens(),
50
- get-color-tokens(token-utils.$placeholder-color-config),
51
- get-typography-tokens(token-utils.$placeholder-typography-config),
52
- get-density-tokens(token-utils.$placeholder-density-config)
50
+ get-color-tokens(token-definition.$placeholder-color-config),
51
+ get-typography-tokens(token-definition.$placeholder-typography-config),
52
+ get-density-tokens(token-definition.$placeholder-density-config)
53
53
  );
54
54
  }
package/core/tokens/m2/mat/_outlined-button.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use 'sass:meta';
2
- @use '../../token-utils';
2
+ @use '../../token-definition';
3
3
  @use '../../../theming/theming';
4
4
  @use '../../../theming/inspection';
5
5
  @use '../../../style/sass-utils';
@@ -81,8 +81,8 @@ $prefix: (mat, outlined-button);
81
81
  @function get-token-slots() {
82
82
  @return sass-utils.deep-merge-all(
83
83
  get-unthemable-tokens(),
84
- get-color-tokens(token-utils.$placeholder-color-config),
85
- get-typography-tokens(token-utils.$placeholder-typography-config),
86
- get-density-tokens(token-utils.$placeholder-density-config)
84
+ get-color-tokens(token-definition.$placeholder-color-config),
85
+ get-typography-tokens(token-definition.$placeholder-typography-config),
86
+ get-density-tokens(token-definition.$placeholder-density-config)
87
87
  );
88
88
  }
package/core/tokens/m2/mat/_paginator.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use 'sass:math';
2
2
  @use 'sass:map';
3
- @use '../../token-utils';
3
+ @use '../../token-definition';
4
4
  @use '../../../theming/theming';
5
5
  @use '../../../theming/inspection';
6
6
  @use '../../../style/sass-utils';
@@ -81,8 +81,8 @@ $prefix: (mat, paginator);
81
81
  @function get-token-slots() {
82
82
  @return sass-utils.deep-merge-all(
83
83
  get-unthemable-tokens(),
84
- get-color-tokens(token-utils.$placeholder-color-config),
85
- get-typography-tokens(token-utils.$placeholder-typography-config),
86
- get-density-tokens(token-utils.$placeholder-density-config)
84
+ get-color-tokens(token-definition.$placeholder-color-config),
85
+ get-typography-tokens(token-definition.$placeholder-typography-config),
86
+ get-density-tokens(token-definition.$placeholder-density-config)
87
87
  );
88
88
  }
package/core/tokens/m2/mat/_protected-button.scss CHANGED
@@ -1,9 +1,8 @@
1
1
  @use 'sass:meta';
2
- @use '../../token-utils';
2
+ @use '../../token-definition';
3
3
  @use '../../../theming/theming';
4
4
  @use '../../../theming/inspection';
5
5
  @use '../../../style/sass-utils';
6
- @use '../../../mdc-helpers/mdc-helpers';
7
6
 
8
7
  // The prefix used to generate the fully qualified name for tokens in this file.
9
8
  $prefix: (mat, protected-button);
@@ -57,10 +56,11 @@ $prefix: (mat, protected-button);
57
56
 
58
57
  // Ideally we would derive all values directly from the theme, but it causes a lot of regressions
59
58
  // internally. For now we fall back to the old hardcoded behavior only for internal apps.
60
- @if (token-utils.$private-is-internal-build or meta.type-of($contrast-color) != 'color') {
59
+ @if (token-definition.$private-is-internal-build or
60
+ meta.type-of($contrast-color) != 'color') {
61
61
  $is-dark: inspection.get-theme-type($theme) == dark;
62
62
  $container-color: inspection.get-theme-color($theme, $palette-name);
63
- $contrast-tone: mdc-helpers.variable-safe-contrast-tone($container-color, $is-dark);
63
+ $contrast-tone: token-definition.contrast-tone($container-color, $is-dark);
64
64
  $color: if($contrast-tone == 'dark', #000, #fff);
65
65
  $state-layer-color: $color;
66
66
  $ripple-color: rgba($color, 0.1);
@@ -95,8 +95,8 @@ $prefix: (mat, protected-button);
95
95
  @function get-token-slots() {
96
96
  @return sass-utils.deep-merge-all(
97
97
  get-unthemable-tokens(),
98
- get-color-tokens(token-utils.$placeholder-color-config),
99
- get-typography-tokens(token-utils.$placeholder-typography-config),
100
- get-density-tokens(token-utils.$placeholder-density-config)
98
+ get-color-tokens(token-definition.$placeholder-color-config),
99
+ get-typography-tokens(token-definition.$placeholder-typography-config),
100
+ get-density-tokens(token-definition.$placeholder-density-config)
101
101
  );
102
102
  }
package/core/tokens/m2/mat/_radio.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use '../../token-utils';
1
+ @use '../../token-definition';
2
2
  @use '../../../theming/theming';
3
3
  @use '../../../theming/inspection';
4
4
  @use '../../../style/sass-utils';
@@ -45,8 +45,8 @@ $prefix: (mat, radio);
45
45
  @function get-token-slots() {
46
46
  @return sass-utils.deep-merge-all(
47
47
  get-unthemable-tokens(),
48
- get-color-tokens(token-utils.$placeholder-color-config),
49
- get-typography-tokens(token-utils.$placeholder-typography-config),
50
- get-density-tokens(token-utils.$placeholder-density-config)
48
+ get-color-tokens(token-definition.$placeholder-color-config),
49
+ get-typography-tokens(token-definition.$placeholder-typography-config),
50
+ get-density-tokens(token-definition.$placeholder-density-config)
51
51
  );
52
52
  }
package/core/tokens/m2/mat/_ripple.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use 'sass:meta';
2
- @use '../../token-utils';
2
+ @use '../../token-definition';
3
3
  @use '../../../theming/inspection';
4
4
  @use '../../../style/sass-utils';
5
5
 
@@ -42,8 +42,8 @@ $prefix: (mat, ripple);
42
42
  @function get-token-slots() {
43
43
  @return sass-utils.deep-merge-all(
44
44
  get-unthemable-tokens(),
45
- get-color-tokens(token-utils.$placeholder-color-config),
46
- get-typography-tokens(token-utils.$placeholder-typography-config),
47
- get-density-tokens(token-utils.$placeholder-density-config)
45
+ get-color-tokens(token-definition.$placeholder-color-config),
46
+ get-typography-tokens(token-definition.$placeholder-typography-config),
47
+ get-density-tokens(token-definition.$placeholder-density-config)
48
48
  );
49
49
  }
package/core/tokens/m2/mat/_select.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use 'sass:map';
2
- @use '../../token-utils';
2
+ @use '../../token-definition';
3
3
  @use '../../../theming/inspection';
4
4
  @use '../../../theming/theming';
5
5
  @use '../../../style/elevation';
@@ -23,11 +23,11 @@ $prefix: (mat, select);
23
23
  // Ideally we would derive all values directly from the theme, but it causes a lot of regressions
24
24
  // internally. For now we fall back to the old hardcoded behavior only for internal apps.
25
25
  $on-surface: if($is-dark, #fff, #000);
26
- $text-color-base: if(token-utils.$private-is-internal-build, $on-surface,
26
+ $text-color-base: if(token-definition.$private-is-internal-build, $on-surface,
27
27
  inspection.get-theme-color($theme, foreground, text, 1));
28
- $disabled-text-color-base: if(token-utils.$private-is-internal-build, $on-surface,
28
+ $disabled-text-color-base: if(token-definition.$private-is-internal-build, $on-surface,
29
29
  inspection.get-theme-color($theme, foreground, disabled-text, 1));
30
- $icon-color-base: if(token-utils.$private-is-internal-build, $on-surface,
30
+ $icon-color-base: if(token-definition.$private-is-internal-build, $on-surface,
31
31
  inspection.get-theme-color($theme, foreground, divider, 1));
32
32
 
33
33
  @return (
@@ -74,8 +74,8 @@ $prefix: (mat, select);
74
74
  @function get-token-slots() {
75
75
  @return sass-utils.deep-merge-all(
76
76
  get-unthemable-tokens(),
77
- get-color-tokens(token-utils.$placeholder-color-config),
78
- get-typography-tokens(token-utils.$placeholder-typography-config),
79
- get-density-tokens(token-utils.$placeholder-density-config)
77
+ get-color-tokens(token-definition.$placeholder-color-config),
78
+ get-typography-tokens(token-definition.$placeholder-typography-config),
79
+ get-density-tokens(token-definition.$placeholder-density-config)
80
80
  );
81
81
  }
package/core/tokens/m2/mat/_sidenav.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use 'sass:color';
2
2
  @use 'sass:meta';
3
- @use '../../token-utils';
3
+ @use '../../token-definition';
4
4
  @use '../../../theming/inspection';
5
5
  @use '../../../style/elevation';
6
6
  @use '../../../style/sass-utils';
@@ -59,8 +59,8 @@ $prefix: (mat, sidenav);
59
59
  @function get-token-slots() {
60
60
  @return sass-utils.deep-merge-all(
61
61
  get-unthemable-tokens(),
62
- get-color-tokens(token-utils.$placeholder-color-config),
63
- get-typography-tokens(token-utils.$placeholder-typography-config),
64
- get-density-tokens(token-utils.$placeholder-density-config)
62
+ get-color-tokens(token-definition.$placeholder-color-config),
63
+ get-typography-tokens(token-definition.$placeholder-typography-config),
64
+ get-density-tokens(token-definition.$placeholder-density-config)
65
65
  );
66
66
  }
package/core/tokens/m2/mat/_slider.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use 'sass:map';
2
- @use '../../token-utils';
2
+ @use '../../token-definition';
3
3
  @use '../../../style/sass-utils';
4
4
  @use '../../../theming/inspection';
5
5
 
@@ -62,8 +62,8 @@ $prefix: (mat, slider);
62
62
  @function get-token-slots() {
63
63
  @return sass-utils.deep-merge-all(
64
64
  get-unthemable-tokens(),
65
- get-color-tokens(token-utils.$placeholder-color-config),
66
- get-typography-tokens(token-utils.$placeholder-typography-config),
67
- get-density-tokens(token-utils.$placeholder-density-config)
65
+ get-color-tokens(token-definition.$placeholder-color-config),
66
+ get-typography-tokens(token-definition.$placeholder-typography-config),
67
+ get-density-tokens(token-definition.$placeholder-density-config)
68
68
  );
69
69
  }
package/core/tokens/m2/mat/_snack-bar.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use '../../token-utils';
1
+ @use '../../token-definition';
2
2
  @use '../../../theming/inspection';
3
3
  @use '../../../style/sass-utils';
4
4
 
@@ -36,8 +36,8 @@ $prefix: (mat, snack-bar);
36
36
  @function get-token-slots() {
37
37
  @return sass-utils.deep-merge-all(
38
38
  get-unthemable-tokens(),
39
- get-color-tokens(token-utils.$placeholder-color-config),
40
- get-typography-tokens(token-utils.$placeholder-typography-config),
41
- get-density-tokens(token-utils.$placeholder-density-config)
39
+ get-color-tokens(token-definition.$placeholder-color-config),
40
+ get-typography-tokens(token-definition.$placeholder-typography-config),
41
+ get-density-tokens(token-definition.$placeholder-density-config)
42
42
  );
43
43
  }
package/core/tokens/m2/mat/_sort.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use 'sass:color';
2
2
  @use 'sass:meta';
3
- @use '../../token-utils';
3
+ @use '../../token-definition';
4
4
  @use '../../../theming/inspection';
5
5
  @use '../../../style/sass-utils';
6
6
 
@@ -53,8 +53,8 @@ $prefix: (mat, sort);
53
53
  @function get-token-slots() {
54
54
  @return sass-utils.deep-merge-all(
55
55
  get-unthemable-tokens(),
56
- get-color-tokens(token-utils.$placeholder-color-config),
57
- get-typography-tokens(token-utils.$placeholder-typography-config),
58
- get-density-tokens(token-utils.$placeholder-density-config)
56
+ get-color-tokens(token-definition.$placeholder-color-config),
57
+ get-typography-tokens(token-definition.$placeholder-typography-config),
58
+ get-density-tokens(token-definition.$placeholder-density-config)
59
59
  );
60
60
  }
package/core/tokens/m2/mat/_standard-button-toggle.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use 'sass:map';
2
2
  @use 'sass:meta';
3
- @use '../../token-utils';
3
+ @use '../../token-definition';
4
4
  @use '../../../theming/theming';
5
5
  @use '../../../theming/inspection';
6
6
  @use '../../../style/sass-utils';
@@ -81,8 +81,8 @@ $prefix: (mat, standard-button-toggle);
81
81
  @function get-token-slots() {
82
82
  @return sass-utils.deep-merge-all(
83
83
  get-unthemable-tokens(),
84
- get-color-tokens(token-utils.$placeholder-color-config),
85
- get-typography-tokens(token-utils.$placeholder-typography-config),
86
- get-density-tokens(token-utils.$placeholder-density-config)
84
+ get-color-tokens(token-definition.$placeholder-color-config),
85
+ get-typography-tokens(token-definition.$placeholder-typography-config),
86
+ get-density-tokens(token-definition.$placeholder-density-config)
87
87
  );
88
88
  }
package/core/tokens/m2/mat/_stepper.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use 'sass:map';
2
- @use '../../token-utils';
2
+ @use '../../token-definition';
3
3
  @use '../../../theming/theming';
4
4
  @use '../../../theming/inspection';
5
5
  @use '../../../style/sass-utils';
@@ -113,8 +113,8 @@ $prefix: (mat, stepper);
113
113
  @function get-token-slots() {
114
114
  @return sass-utils.deep-merge-all(
115
115
  get-unthemable-tokens(),
116
- get-color-tokens(token-utils.$placeholder-color-config),
117
- get-typography-tokens(token-utils.$placeholder-typography-config),
118
- get-density-tokens(token-utils.$placeholder-density-config)
116
+ get-color-tokens(token-definition.$placeholder-color-config),
117
+ get-typography-tokens(token-definition.$placeholder-typography-config),
118
+ get-density-tokens(token-definition.$placeholder-density-config)
119
119
  );
120
120
  }
package/core/tokens/m2/mat/_switch.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use '../../token-utils';
1
+ @use '../../token-definition';
2
2
  @use '../../../style/sass-utils';
3
3
  @use '../../../theming/inspection';
4
4
 
@@ -69,8 +69,8 @@ $prefix: (mat, switch);
69
69
  @function get-token-slots() {
70
70
  @return sass-utils.deep-merge-all(
71
71
  get-unthemable-tokens(),
72
- get-color-tokens(token-utils.$placeholder-color-config),
73
- get-typography-tokens(token-utils.$placeholder-typography-config),
74
- get-density-tokens(token-utils.$placeholder-density-config)
72
+ get-color-tokens(token-definition.$placeholder-color-config),
73
+ get-typography-tokens(token-definition.$placeholder-typography-config),
74
+ get-density-tokens(token-definition.$placeholder-density-config)
75
75
  );
76
76
  }
package/core/tokens/m2/mat/_tab-header-with-background.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use '../../token-utils';
1
+ @use '../../token-definition';
2
2
  @use '../../../theming/inspection';
3
3
  @use '../../../style/sass-utils';
4
4
 
@@ -35,8 +35,8 @@ $prefix: (mat, tab-header-with-background);
35
35
  @function get-token-slots() {
36
36
  @return sass-utils.deep-merge-all(
37
37
  get-unthemable-tokens(),
38
- get-color-tokens(token-utils.$placeholder-color-config),
39
- get-typography-tokens(token-utils.$placeholder-typography-config),
40
- get-density-tokens(token-utils.$placeholder-density-config)
38
+ get-color-tokens(token-definition.$placeholder-color-config),
39
+ get-typography-tokens(token-definition.$placeholder-typography-config),
40
+ get-density-tokens(token-definition.$placeholder-density-config)
41
41
  );
42
42
  }
package/core/tokens/m2/mat/_tab-header.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use '../../token-utils';
1
+ @use '../../token-definition';
2
2
  @use '../../../theming/inspection';
3
3
  @use '../../../style/sass-utils';
4
4
 
@@ -65,8 +65,8 @@ $prefix: (mat, tab-header);
65
65
  @function get-token-slots() {
66
66
  @return sass-utils.deep-merge-all(
67
67
  get-unthemable-tokens(),
68
- get-color-tokens(token-utils.$placeholder-color-config),
69
- get-typography-tokens(token-utils.$placeholder-typography-config),
70
- get-density-tokens(token-utils.$placeholder-density-config)
68
+ get-color-tokens(token-definition.$placeholder-color-config),
69
+ get-typography-tokens(token-definition.$placeholder-typography-config),
70
+ get-density-tokens(token-definition.$placeholder-density-config)
71
71
  );
72
72
  }
package/core/tokens/m2/mat/_table.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use 'sass:map';
2
2
  @use '../../../theming/theming';
3
3
  @use '../../../theming/inspection';
4
- @use '../../token-utils';
4
+ @use '../../token-definition';
5
5
  @use '../../../style/sass-utils';
6
6
 
7
7
  // The prefix used to generate the fully qualified name for tokens in this file.
@@ -86,8 +86,8 @@ $prefix: (mat, table);
86
86
  @function get-token-slots() {
87
87
  @return sass-utils.deep-merge-all(
88
88
  get-unthemable-tokens(),
89
- get-color-tokens(token-utils.$placeholder-color-config),
90
- get-typography-tokens(token-utils.$placeholder-typography-config),
91
- get-density-tokens(token-utils.$placeholder-density-config)
89
+ get-color-tokens(token-definition.$placeholder-color-config),
90
+ get-typography-tokens(token-definition.$placeholder-typography-config),
91
+ get-density-tokens(token-definition.$placeholder-density-config)
92
92
  );
93
93
  }