@angular/material 18.2.0-next.2 → 18.2.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (417) hide show
  1. package/_index.scss +3 -1
  2. package/button/_button-base.scss +5 -5
  3. package/button-toggle/index.d.ts +14 -2
  4. package/checkbox/_checkbox-common.scss +25 -11
  5. package/chips/index.d.ts +3 -8
  6. package/core/ripple/_ripple.scss +1 -1
  7. package/core/style/_elevation.scss +5 -0
  8. package/core/style/_sass-utils.scss +20 -2
  9. package/core/theming/_definition.scss +2 -0
  10. package/core/tokens/_m3-tokens.scss +106 -10
  11. package/core/tokens/_token-definition.scss +272 -0
  12. package/core/tokens/_token-utils.scss +68 -302
  13. package/core/tokens/m2/mat/_app.scss +4 -4
  14. package/core/tokens/m2/mat/_autocomplete.scss +4 -4
  15. package/core/tokens/m2/mat/_badge.scss +4 -4
  16. package/core/tokens/m2/mat/_bottom-sheet.scss +4 -4
  17. package/core/tokens/m2/mat/_card.scss +4 -4
  18. package/core/tokens/m2/mat/_checkbox.scss +4 -4
  19. package/core/tokens/m2/mat/_chip.scss +4 -4
  20. package/core/tokens/m2/mat/_datepicker.scss +4 -4
  21. package/core/tokens/m2/mat/_dialog.scss +4 -4
  22. package/core/tokens/m2/mat/_divider.scss +4 -4
  23. package/core/tokens/m2/mat/_expansion.scss +4 -4
  24. package/core/tokens/m2/mat/_fab-small.scss +7 -6
  25. package/core/tokens/m2/mat/_fab.scss +7 -6
  26. package/core/tokens/m2/mat/_filled-button.scss +7 -6
  27. package/core/tokens/m2/mat/_form-field.scss +4 -4
  28. package/core/tokens/m2/mat/_full-pseudo-checkbox.scss +4 -4
  29. package/core/tokens/m2/mat/_grid-list.scss +4 -4
  30. package/core/tokens/m2/mat/_icon-button.scss +4 -4
  31. package/core/tokens/m2/mat/_icon.scss +4 -4
  32. package/core/tokens/m2/mat/_legacy-button-toggle.scss +4 -4
  33. package/core/tokens/m2/mat/_list.scss +4 -4
  34. package/core/tokens/m2/mat/_menu.scss +4 -4
  35. package/core/tokens/m2/mat/_minimal-pseudo-checkbox.scss +4 -4
  36. package/core/tokens/m2/mat/_optgroup.scss +4 -4
  37. package/core/tokens/m2/mat/_option.scss +4 -4
  38. package/core/tokens/m2/mat/_outlined-button.scss +4 -4
  39. package/core/tokens/m2/mat/_paginator.scss +4 -4
  40. package/core/tokens/m2/mat/_protected-button.scss +7 -6
  41. package/core/tokens/m2/mat/_radio.scss +4 -4
  42. package/core/tokens/m2/mat/_ripple.scss +4 -4
  43. package/core/tokens/m2/mat/_select.scss +7 -7
  44. package/core/tokens/m2/mat/_sidenav.scss +4 -4
  45. package/core/tokens/m2/mat/_slider.scss +4 -4
  46. package/core/tokens/m2/mat/_snack-bar.scss +4 -4
  47. package/core/tokens/m2/mat/_sort.scss +4 -4
  48. package/core/tokens/m2/mat/_standard-button-toggle.scss +4 -4
  49. package/core/tokens/m2/mat/_stepper.scss +4 -4
  50. package/core/tokens/m2/mat/_switch.scss +4 -4
  51. package/core/tokens/m2/mat/_tab-header-with-background.scss +4 -4
  52. package/core/tokens/m2/mat/_tab-header.scss +4 -4
  53. package/core/tokens/m2/mat/_table.scss +4 -4
  54. package/core/tokens/m2/mat/_text-button.scss +4 -4
  55. package/core/tokens/m2/mat/_toolbar.scss +4 -4
  56. package/core/tokens/m2/mat/_tree.scss +4 -4
  57. package/core/tokens/m2/mdc/_checkbox.scss +6 -6
  58. package/core/tokens/m2/mdc/_chip.scss +4 -4
  59. package/core/tokens/m2/mdc/_circular-progress.scss +4 -4
  60. package/core/tokens/m2/mdc/_dialog.scss +5 -5
  61. package/core/tokens/m2/mdc/_elevated-card.scss +4 -4
  62. package/core/tokens/m2/mdc/_extended-fab.scss +4 -4
  63. package/core/tokens/m2/mdc/_fab-small.scss +4 -4
  64. package/core/tokens/m2/mdc/_fab.scss +4 -4
  65. package/core/tokens/m2/mdc/_filled-button.scss +6 -6
  66. package/core/tokens/m2/mdc/_filled-text-field.scss +7 -7
  67. package/core/tokens/m2/mdc/_icon-button.scss +4 -4
  68. package/core/tokens/m2/mdc/_linear-progress.scss +4 -4
  69. package/core/tokens/m2/mdc/_list.scss +4 -4
  70. package/core/tokens/m2/mdc/_outlined-button.scss +5 -5
  71. package/core/tokens/m2/mdc/_outlined-card.scss +4 -4
  72. package/core/tokens/m2/mdc/_outlined-text-field.scss +7 -7
  73. package/core/tokens/m2/mdc/_plain-tooltip.scss +4 -4
  74. package/core/tokens/m2/mdc/_protected-button.scss +6 -6
  75. package/core/tokens/m2/mdc/_radio.scss +4 -4
  76. package/core/tokens/m2/mdc/_secondary-navigation-tab.scss +4 -4
  77. package/core/tokens/m2/mdc/_slider.scss +4 -4
  78. package/core/tokens/m2/mdc/_snack-bar.scss +4 -4
  79. package/core/tokens/m2/mdc/_switch.scss +4 -4
  80. package/core/tokens/m2/mdc/_tab-indicator.scss +4 -4
  81. package/core/tokens/m2/mdc/_text-button.scss +4 -4
  82. package/core/tokens/m3/mat/_app.scss +6 -3
  83. package/core/tokens/m3/mat/_autocomplete.scss +3 -4
  84. package/core/tokens/m3/mat/_badge.scss +18 -18
  85. package/core/tokens/m3/mat/_bottom-sheet.scss +4 -4
  86. package/core/tokens/m3/mat/_card.scss +4 -4
  87. package/core/tokens/m3/mat/_checkbox.scss +2 -2
  88. package/core/tokens/m3/mat/_chip.scss +5 -5
  89. package/core/tokens/m3/mat/_datepicker.scss +7 -7
  90. package/core/tokens/m3/mat/_dialog.scss +12 -11
  91. package/core/tokens/m3/mat/_divider.scss +3 -3
  92. package/core/tokens/m3/mat/_expansion.scss +7 -7
  93. package/core/tokens/m3/mat/_fab-small.scss +2 -2
  94. package/core/tokens/m3/mat/_fab.scss +2 -2
  95. package/core/tokens/m3/mat/_filled-button.scss +5 -5
  96. package/core/tokens/m3/mat/_form-field.scss +5 -5
  97. package/core/tokens/m3/mat/_full-pseudo-checkbox.scss +2 -2
  98. package/core/tokens/m3/mat/_grid-list.scss +2 -2
  99. package/core/tokens/m3/mat/_icon-button.scss +2 -2
  100. package/core/tokens/m3/mat/_icon.scss +3 -3
  101. package/core/tokens/m3/mat/_list.scss +2 -2
  102. package/core/tokens/m3/mat/_menu.scss +12 -12
  103. package/core/tokens/m3/mat/_minimal-pseudo-checkbox.scss +2 -2
  104. package/core/tokens/m3/mat/_optgroup.scss +3 -3
  105. package/core/tokens/m3/mat/_option.scss +2 -2
  106. package/core/tokens/m3/mat/_outlined-button.scss +5 -5
  107. package/core/tokens/m3/mat/_paginator.scss +3 -3
  108. package/core/tokens/m3/mat/_protected-button.scss +5 -5
  109. package/core/tokens/m3/mat/_radio.scss +2 -2
  110. package/core/tokens/m3/mat/_ripple.scss +2 -2
  111. package/core/tokens/m3/mat/_select.scss +4 -4
  112. package/core/tokens/m3/mat/_sidenav.scss +6 -5
  113. package/core/tokens/m3/mat/_slider.scss +12 -10
  114. package/core/tokens/m3/mat/_snack-bar.scss +2 -2
  115. package/core/tokens/m3/mat/_sort.scss +2 -2
  116. package/core/tokens/m3/mat/_standard-button-toggle.scss +6 -5
  117. package/core/tokens/m3/mat/_stepper.scss +3 -3
  118. package/core/tokens/m3/mat/_switch.scss +27 -22
  119. package/core/tokens/m3/mat/_tab-header.scss +4 -4
  120. package/core/tokens/m3/mat/_table.scss +7 -6
  121. package/core/tokens/m3/mat/_text-button.scss +6 -6
  122. package/core/tokens/m3/mat/_toolbar.scss +3 -3
  123. package/core/tokens/m3/mat/_tree.scss +2 -2
  124. package/core/tokens/m3/mdc/_checkbox.scss +10 -8
  125. package/core/tokens/m3/mdc/_chip.scss +16 -11
  126. package/core/tokens/m3/mdc/_circular-progress.scss +5 -4
  127. package/core/tokens/m3/mdc/_dialog.scss +4 -4
  128. package/core/tokens/m3/mdc/_elevated-card.scss +3 -3
  129. package/core/tokens/m3/mdc/_extended-fab.scss +9 -5
  130. package/core/tokens/m3/mdc/_fab-small.scss +8 -5
  131. package/core/tokens/m3/mdc/_fab.scss +6 -5
  132. package/core/tokens/m3/mdc/_filled-button.scss +6 -6
  133. package/core/tokens/m3/mdc/_filled-text-field.scss +7 -6
  134. package/core/tokens/m3/mdc/_icon-button.scss +10 -8
  135. package/core/tokens/m3/mdc/_linear-progress.scss +5 -4
  136. package/core/tokens/m3/mdc/_list.scss +3 -3
  137. package/core/tokens/m3/mdc/_outlined-button.scss +7 -6
  138. package/core/tokens/m3/mdc/_outlined-card.scss +3 -3
  139. package/core/tokens/m3/mdc/_outlined-text-field.scss +7 -6
  140. package/core/tokens/m3/mdc/_plain-tooltip.scss +3 -3
  141. package/core/tokens/m3/mdc/_protected-button.scss +6 -6
  142. package/core/tokens/m3/mdc/_radio.scss +4 -3
  143. package/core/tokens/m3/mdc/_secondary-navigation-tab.scss +4 -3
  144. package/core/tokens/m3/mdc/_slider.scss +4 -3
  145. package/core/tokens/m3/mdc/_snack-bar.scss +3 -3
  146. package/core/tokens/m3/mdc/_switch.scss +4 -3
  147. package/core/tokens/m3/mdc/_tab-indicator.scss +5 -4
  148. package/core/tokens/m3/mdc/_text-button.scss +6 -6
  149. package/esm2022/autocomplete/autocomplete-origin.mjs +4 -4
  150. package/esm2022/autocomplete/autocomplete-trigger.mjs +4 -4
  151. package/esm2022/autocomplete/autocomplete.mjs +5 -5
  152. package/esm2022/autocomplete/module.mjs +5 -5
  153. package/esm2022/badge/badge-module.mjs +5 -5
  154. package/esm2022/badge/badge.mjs +8 -8
  155. package/esm2022/bottom-sheet/bottom-sheet-container.mjs +5 -5
  156. package/esm2022/bottom-sheet/bottom-sheet-module.mjs +5 -5
  157. package/esm2022/bottom-sheet/bottom-sheet.mjs +4 -4
  158. package/esm2022/button/button-base.mjs +7 -7
  159. package/esm2022/button/button.mjs +9 -9
  160. package/esm2022/button/fab.mjs +17 -17
  161. package/esm2022/button/icon-button.mjs +9 -9
  162. package/esm2022/button/module.mjs +5 -5
  163. package/esm2022/button-toggle/button-toggle-module.mjs +5 -5
  164. package/esm2022/button-toggle/button-toggle.mjs +37 -8
  165. package/esm2022/button-toggle/testing/button-toggle-harness.mjs +3 -3
  166. package/esm2022/card/card.mjs +44 -44
  167. package/esm2022/card/module.mjs +5 -5
  168. package/esm2022/checkbox/checkbox-required-validator.mjs +4 -4
  169. package/esm2022/checkbox/checkbox.mjs +6 -6
  170. package/esm2022/checkbox/module.mjs +9 -9
  171. package/esm2022/chips/chip-action.mjs +4 -4
  172. package/esm2022/chips/chip-edit-input.mjs +4 -4
  173. package/esm2022/chips/chip-grid.mjs +4 -4
  174. package/esm2022/chips/chip-icons.mjs +10 -10
  175. package/esm2022/chips/chip-input.mjs +4 -4
  176. package/esm2022/chips/chip-listbox.mjs +4 -4
  177. package/esm2022/chips/chip-option.mjs +6 -6
  178. package/esm2022/chips/chip-row.mjs +7 -7
  179. package/esm2022/chips/chip-set.mjs +4 -4
  180. package/esm2022/chips/chip.mjs +7 -28
  181. package/esm2022/chips/module.mjs +5 -5
  182. package/esm2022/core/common-behaviors/common-module.mjs +5 -5
  183. package/esm2022/core/datetime/index.mjs +9 -9
  184. package/esm2022/core/datetime/native-date-adapter.mjs +4 -4
  185. package/esm2022/core/error/error-options.mjs +7 -7
  186. package/esm2022/core/internal-form-field/internal-form-field.mjs +4 -4
  187. package/esm2022/core/line/line.mjs +8 -8
  188. package/esm2022/core/option/index.mjs +5 -5
  189. package/esm2022/core/option/optgroup.mjs +5 -5
  190. package/esm2022/core/option/option.mjs +5 -5
  191. package/esm2022/core/private/ripple-loader.mjs +4 -4
  192. package/esm2022/core/ripple/index.mjs +5 -5
  193. package/esm2022/core/ripple/ripple.mjs +4 -4
  194. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox-module.mjs +5 -5
  195. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +5 -5
  196. package/esm2022/core/version.mjs +1 -1
  197. package/esm2022/datepicker/calendar-body.mjs +5 -5
  198. package/esm2022/datepicker/calendar.mjs +8 -8
  199. package/esm2022/datepicker/date-range-input-parts.mjs +10 -10
  200. package/esm2022/datepicker/date-range-input.mjs +6 -6
  201. package/esm2022/datepicker/date-range-picker.mjs +4 -4
  202. package/esm2022/datepicker/date-range-selection-strategy.mjs +4 -4
  203. package/esm2022/datepicker/date-selection-model.mjs +10 -10
  204. package/esm2022/datepicker/datepicker-actions.mjs +10 -10
  205. package/esm2022/datepicker/datepicker-base.mjs +8 -8
  206. package/esm2022/datepicker/datepicker-input-base.mjs +4 -4
  207. package/esm2022/datepicker/datepicker-input.mjs +4 -4
  208. package/esm2022/datepicker/datepicker-intl.mjs +4 -4
  209. package/esm2022/datepicker/datepicker-module.mjs +5 -5
  210. package/esm2022/datepicker/datepicker-toggle.mjs +8 -8
  211. package/esm2022/datepicker/datepicker.mjs +4 -4
  212. package/esm2022/datepicker/month-view.mjs +4 -4
  213. package/esm2022/datepicker/multi-year-view.mjs +4 -4
  214. package/esm2022/datepicker/year-view.mjs +4 -4
  215. package/esm2022/dialog/dialog-container.mjs +5 -5
  216. package/esm2022/dialog/dialog-content-directives.mjs +16 -16
  217. package/esm2022/dialog/dialog.mjs +4 -4
  218. package/esm2022/dialog/module.mjs +5 -5
  219. package/esm2022/divider/divider-module.mjs +5 -5
  220. package/esm2022/divider/divider.mjs +5 -5
  221. package/esm2022/expansion/accordion.mjs +4 -4
  222. package/esm2022/expansion/expansion-module.mjs +5 -5
  223. package/esm2022/expansion/expansion-panel-content.mjs +4 -4
  224. package/esm2022/expansion/expansion-panel-header.mjs +11 -11
  225. package/esm2022/expansion/expansion-panel.mjs +9 -9
  226. package/esm2022/form-field/directives/error.mjs +4 -4
  227. package/esm2022/form-field/directives/floating-label.mjs +4 -4
  228. package/esm2022/form-field/directives/hint.mjs +4 -4
  229. package/esm2022/form-field/directives/label.mjs +4 -4
  230. package/esm2022/form-field/directives/line-ripple.mjs +4 -4
  231. package/esm2022/form-field/directives/notched-outline.mjs +4 -4
  232. package/esm2022/form-field/directives/prefix.mjs +4 -4
  233. package/esm2022/form-field/directives/suffix.mjs +4 -4
  234. package/esm2022/form-field/form-field-control.mjs +4 -4
  235. package/esm2022/form-field/form-field.mjs +6 -6
  236. package/esm2022/form-field/module.mjs +5 -5
  237. package/esm2022/grid-list/grid-list-module.mjs +5 -5
  238. package/esm2022/grid-list/grid-list.mjs +6 -6
  239. package/esm2022/grid-list/grid-tile.mjs +17 -17
  240. package/esm2022/icon/icon-module.mjs +5 -5
  241. package/esm2022/icon/icon-registry.mjs +4 -4
  242. package/esm2022/icon/icon.mjs +4 -4
  243. package/esm2022/icon/testing/fake-icon-registry.mjs +8 -8
  244. package/esm2022/input/input.mjs +4 -4
  245. package/esm2022/input/module.mjs +5 -5
  246. package/esm2022/list/action-list.mjs +5 -5
  247. package/esm2022/list/list-base.mjs +7 -7
  248. package/esm2022/list/list-item-sections.mjs +19 -19
  249. package/esm2022/list/list-module.mjs +5 -5
  250. package/esm2022/list/list-option.mjs +6 -6
  251. package/esm2022/list/list.mjs +8 -8
  252. package/esm2022/list/nav-list.mjs +5 -5
  253. package/esm2022/list/selection-list.mjs +6 -6
  254. package/esm2022/list/subheader.mjs +4 -4
  255. package/esm2022/menu/menu-content.mjs +4 -4
  256. package/esm2022/menu/menu-item.mjs +4 -4
  257. package/esm2022/menu/menu-trigger.mjs +4 -4
  258. package/esm2022/menu/menu.mjs +5 -5
  259. package/esm2022/menu/module.mjs +5 -5
  260. package/esm2022/paginator/module.mjs +5 -5
  261. package/esm2022/paginator/paginator-intl.mjs +4 -4
  262. package/esm2022/paginator/paginator.mjs +5 -5
  263. package/esm2022/progress-bar/module.mjs +5 -5
  264. package/esm2022/progress-bar/progress-bar.mjs +5 -5
  265. package/esm2022/progress-spinner/module.mjs +5 -5
  266. package/esm2022/progress-spinner/progress-spinner.mjs +5 -5
  267. package/esm2022/radio/module.mjs +5 -5
  268. package/esm2022/radio/radio.mjs +62 -24
  269. package/esm2022/select/module.mjs +5 -5
  270. package/esm2022/select/select.mjs +9 -9
  271. package/esm2022/sidenav/drawer.mjs +13 -13
  272. package/esm2022/sidenav/sidenav-module.mjs +5 -5
  273. package/esm2022/sidenav/sidenav.mjs +12 -12
  274. package/esm2022/slide-toggle/module.mjs +9 -9
  275. package/esm2022/slide-toggle/slide-toggle-config.mjs +2 -2
  276. package/esm2022/slide-toggle/slide-toggle-required-validator.mjs +4 -4
  277. package/esm2022/slide-toggle/slide-toggle.mjs +17 -11
  278. package/esm2022/slider/module.mjs +5 -5
  279. package/esm2022/slider/slider-input.mjs +7 -7
  280. package/esm2022/slider/slider-thumb.mjs +4 -4
  281. package/esm2022/slider/slider.mjs +5 -5
  282. package/esm2022/snack-bar/module.mjs +5 -5
  283. package/esm2022/snack-bar/simple-snack-bar.mjs +4 -4
  284. package/esm2022/snack-bar/snack-bar-container.mjs +5 -5
  285. package/esm2022/snack-bar/snack-bar-content.mjs +10 -10
  286. package/esm2022/snack-bar/snack-bar.mjs +4 -4
  287. package/esm2022/sort/sort-header-intl.mjs +4 -4
  288. package/esm2022/sort/sort-header.mjs +5 -5
  289. package/esm2022/sort/sort-module.mjs +5 -5
  290. package/esm2022/sort/sort.mjs +4 -4
  291. package/esm2022/stepper/step-content.mjs +4 -4
  292. package/esm2022/stepper/step-header.mjs +5 -5
  293. package/esm2022/stepper/step-label.mjs +4 -4
  294. package/esm2022/stepper/stepper-button.mjs +7 -7
  295. package/esm2022/stepper/stepper-icon.mjs +4 -4
  296. package/esm2022/stepper/stepper-intl.mjs +4 -4
  297. package/esm2022/stepper/stepper-module.mjs +5 -5
  298. package/esm2022/stepper/stepper.mjs +8 -8
  299. package/esm2022/table/cell.mjs +22 -22
  300. package/esm2022/table/module.mjs +5 -5
  301. package/esm2022/table/row.mjs +22 -22
  302. package/esm2022/table/table.mjs +9 -9
  303. package/esm2022/table/text-column.mjs +4 -4
  304. package/esm2022/tabs/ink-bar.mjs +4 -4
  305. package/esm2022/tabs/module.mjs +5 -5
  306. package/esm2022/tabs/paginated-tab-header.mjs +4 -4
  307. package/esm2022/tabs/tab-body.mjs +7 -7
  308. package/esm2022/tabs/tab-content.mjs +4 -4
  309. package/esm2022/tabs/tab-group.mjs +6 -6
  310. package/esm2022/tabs/tab-header.mjs +5 -5
  311. package/esm2022/tabs/tab-label-wrapper.mjs +4 -4
  312. package/esm2022/tabs/tab-label.mjs +4 -4
  313. package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +12 -12
  314. package/esm2022/tabs/tab.mjs +4 -4
  315. package/esm2022/toolbar/toolbar-module.mjs +5 -5
  316. package/esm2022/toolbar/toolbar.mjs +8 -8
  317. package/esm2022/tooltip/module.mjs +5 -5
  318. package/esm2022/tooltip/tooltip.mjs +41 -25
  319. package/esm2022/tree/node.mjs +10 -10
  320. package/esm2022/tree/outlet.mjs +4 -4
  321. package/esm2022/tree/padding.mjs +4 -4
  322. package/esm2022/tree/toggle.mjs +4 -4
  323. package/esm2022/tree/tree-module.mjs +5 -5
  324. package/esm2022/tree/tree.mjs +5 -5
  325. package/fesm2022/autocomplete.mjs +14 -14
  326. package/fesm2022/autocomplete.mjs.map +1 -1
  327. package/fesm2022/badge.mjs +11 -11
  328. package/fesm2022/badge.mjs.map +1 -1
  329. package/fesm2022/bottom-sheet.mjs +11 -11
  330. package/fesm2022/bottom-sheet.mjs.map +1 -1
  331. package/fesm2022/button-toggle/testing.mjs +2 -2
  332. package/fesm2022/button-toggle/testing.mjs.map +1 -1
  333. package/fesm2022/button-toggle.mjs +40 -11
  334. package/fesm2022/button-toggle.mjs.map +1 -1
  335. package/fesm2022/button.mjs +42 -42
  336. package/fesm2022/button.mjs.map +1 -1
  337. package/fesm2022/card.mjs +47 -47
  338. package/fesm2022/card.mjs.map +1 -1
  339. package/fesm2022/checkbox.mjs +16 -16
  340. package/fesm2022/checkbox.mjs.map +1 -1
  341. package/fesm2022/chips.mjs +48 -69
  342. package/fesm2022/chips.mjs.map +1 -1
  343. package/fesm2022/core.mjs +62 -62
  344. package/fesm2022/core.mjs.map +1 -1
  345. package/fesm2022/datepicker.mjs +88 -88
  346. package/fesm2022/datepicker.mjs.map +1 -1
  347. package/fesm2022/dialog.mjs +26 -26
  348. package/fesm2022/dialog.mjs.map +1 -1
  349. package/fesm2022/divider.mjs +8 -8
  350. package/fesm2022/divider.mjs.map +1 -1
  351. package/fesm2022/expansion.mjs +28 -28
  352. package/fesm2022/expansion.mjs.map +1 -1
  353. package/fesm2022/form-field.mjs +36 -36
  354. package/fesm2022/form-field.mjs.map +1 -1
  355. package/fesm2022/grid-list.mjs +25 -25
  356. package/fesm2022/grid-list.mjs.map +1 -1
  357. package/fesm2022/icon/testing.mjs +7 -7
  358. package/fesm2022/icon/testing.mjs.map +1 -1
  359. package/fesm2022/icon.mjs +10 -10
  360. package/fesm2022/icon.mjs.map +1 -1
  361. package/fesm2022/input.mjs +7 -7
  362. package/fesm2022/input.mjs.map +1 -1
  363. package/fesm2022/list.mjs +56 -56
  364. package/fesm2022/list.mjs.map +1 -1
  365. package/fesm2022/menu.mjs +17 -17
  366. package/fesm2022/menu.mjs.map +1 -1
  367. package/fesm2022/paginator.mjs +11 -11
  368. package/fesm2022/paginator.mjs.map +1 -1
  369. package/fesm2022/progress-bar.mjs +8 -8
  370. package/fesm2022/progress-bar.mjs.map +1 -1
  371. package/fesm2022/progress-spinner.mjs +8 -8
  372. package/fesm2022/progress-spinner.mjs.map +1 -1
  373. package/fesm2022/radio.mjs +65 -27
  374. package/fesm2022/radio.mjs.map +1 -1
  375. package/fesm2022/select.mjs +12 -12
  376. package/fesm2022/select.mjs.map +1 -1
  377. package/fesm2022/sidenav.mjs +27 -27
  378. package/fesm2022/sidenav.mjs.map +1 -1
  379. package/fesm2022/slide-toggle.mjs +28 -22
  380. package/fesm2022/slide-toggle.mjs.map +1 -1
  381. package/fesm2022/slider.mjs +17 -17
  382. package/fesm2022/slider.mjs.map +1 -1
  383. package/fesm2022/snack-bar.mjs +23 -23
  384. package/fesm2022/snack-bar.mjs.map +1 -1
  385. package/fesm2022/sort.mjs +14 -14
  386. package/fesm2022/sort.mjs.map +1 -1
  387. package/fesm2022/stepper.mjs +33 -33
  388. package/fesm2022/stepper.mjs.map +1 -1
  389. package/fesm2022/table.mjs +57 -57
  390. package/fesm2022/table.mjs.map +1 -1
  391. package/fesm2022/tabs.mjs +48 -48
  392. package/fesm2022/tabs.mjs.map +1 -1
  393. package/fesm2022/toolbar.mjs +11 -11
  394. package/fesm2022/toolbar.mjs.map +1 -1
  395. package/fesm2022/tooltip.mjs +44 -28
  396. package/fesm2022/tooltip.mjs.map +1 -1
  397. package/fesm2022/tree.mjs +26 -26
  398. package/fesm2022/tree.mjs.map +1 -1
  399. package/form-field/_mdc-text-field-density-overrides.scss +4 -4
  400. package/form-field/_mdc-text-field-structure.scss +6 -6
  401. package/package.json +2 -2
  402. package/prebuilt-themes/azure-blue.css +1 -1
  403. package/prebuilt-themes/cyan-orange.css +1 -1
  404. package/prebuilt-themes/deeppurple-amber.css +1 -1
  405. package/prebuilt-themes/indigo-pink.css +1 -1
  406. package/prebuilt-themes/magenta-violet.css +1 -1
  407. package/prebuilt-themes/pink-bluegrey.css +1 -1
  408. package/prebuilt-themes/purple-green.css +1 -1
  409. package/prebuilt-themes/rose-red.css +1 -1
  410. package/radio/_radio-common.scss +26 -8
  411. package/radio/index.d.ts +19 -5
  412. package/schematics/ng-add/index.js +1 -1
  413. package/schematics/ng-add/index.mjs +1 -1
  414. package/schematics/ng-generate/m3-theme/index_bundled.js +2 -2
  415. package/schematics/ng-update/index_bundled.js +31 -31
  416. package/slide-toggle/index.d.ts +6 -1
  417. package/tooltip/index.d.ts +3 -0
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
  }
package/core/tokens/m2/mat/_text-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';
@@ -84,8 +84,8 @@ $prefix: (mat, text-button);
84
84
  @function get-token-slots() {
85
85
  @return sass-utils.deep-merge-all(
86
86
  get-unthemable-tokens(),
87
- get-color-tokens(token-utils.$placeholder-color-config),
88
- get-typography-tokens(token-utils.$placeholder-typography-config),
89
- get-density-tokens(token-utils.$placeholder-density-config)
87
+ get-color-tokens(token-definition.$placeholder-color-config),
88
+ get-typography-tokens(token-definition.$placeholder-typography-config),
89
+ get-density-tokens(token-definition.$placeholder-density-config)
90
90
  );
91
91
  }
package/core/tokens/m2/mat/_toolbar.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';
@@ -68,8 +68,8 @@ $prefix: (mat, toolbar);
68
68
  @function get-token-slots() {
69
69
  @return sass-utils.deep-merge-all(
70
70
  get-unthemable-tokens(),
71
- get-color-tokens(token-utils.$placeholder-color-config),
72
- get-typography-tokens(token-utils.$placeholder-typography-config),
73
- get-density-tokens(token-utils.$placeholder-density-config)
71
+ get-color-tokens(token-definition.$placeholder-color-config),
72
+ get-typography-tokens(token-definition.$placeholder-typography-config),
73
+ get-density-tokens(token-definition.$placeholder-density-config)
74
74
  );
75
75
  }
package/core/tokens/m2/mat/_tree.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';
@@ -55,8 +55,8 @@ $prefix: (mat, tree);
55
55
  @function get-token-slots() {
56
56
  @return sass-utils.deep-merge-all(
57
57
  get-unthemable-tokens(),
58
- get-color-tokens(token-utils.$placeholder-color-config),
59
- get-typography-tokens(token-utils.$placeholder-typography-config),
60
- get-density-tokens(token-utils.$placeholder-density-config)
58
+ get-color-tokens(token-definition.$placeholder-color-config),
59
+ get-typography-tokens(token-definition.$placeholder-typography-config),
60
+ get-density-tokens(token-definition.$placeholder-density-config)
61
61
  );
62
62
  }
package/core/tokens/m2/mdc/_checkbox.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  @use '../../../theming/theming';
5
5
  @use '../../../theming/inspection';
6
6
  @use '../../../style/sass-utils';
7
- @use '../../token-utils';
7
+ @use '../../token-definition';
8
8
 
9
9
  // The prefix used to generate the fully qualified name for tokens in this file.
10
10
  $prefix: (mdc, checkbox);
@@ -59,8 +59,8 @@ $prefix: (mdc, checkbox);
59
59
 
60
60
  // Ideally we would derive all values directly from the theme, but it causes a lot of regressions
61
61
  // internally. For now we fall back to the old hardcoded behavior only for internal apps.
62
- @if (token-utils.$private-is-internal-build) {
63
- $contrast-tone: token-utils.contrast-tone($palette-selected, $is-dark);
62
+ @if (token-definition.$private-is-internal-build) {
63
+ $contrast-tone: token-definition.contrast-tone($palette-selected, $is-dark);
64
64
  $selected-checkmark-color: if($contrast-tone == 'dark', #000, #fff);
65
65
  }
66
66
  @else {
@@ -127,8 +127,8 @@ $prefix: (mdc, checkbox);
127
127
  @function get-token-slots() {
128
128
  @return sass-utils.deep-merge-all(
129
129
  get-unthemable-tokens(),
130
- get-color-tokens(token-utils.$placeholder-color-config),
131
- get-typography-tokens(token-utils.$placeholder-typography-config),
132
- get-density-tokens(token-utils.$placeholder-density-config)
130
+ get-color-tokens(token-definition.$placeholder-color-config),
131
+ get-typography-tokens(token-definition.$placeholder-typography-config),
132
+ get-density-tokens(token-definition.$placeholder-density-config)
133
133
  );
134
134
  }
package/core/tokens/m2/mdc/_chip.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use 'sass:color';
2
2
  @use 'sass:map';
3
3
  @use 'sass:meta';
4
- @use '../../token-utils';
4
+ @use '../../token-definition';
5
5
  @use '../../../style/sass-utils';
6
6
  @use '../../../theming/theming';
7
7
  @use '../../../theming/inspection';
@@ -306,8 +306,8 @@ $prefix: (mdc, chip);
306
306
  @function get-token-slots() {
307
307
  @return sass-utils.deep-merge-all(
308
308
  get-unthemable-tokens(),
309
- get-color-tokens(token-utils.$placeholder-color-config),
310
- get-typography-tokens(token-utils.$placeholder-typography-config),
311
- get-density-tokens(token-utils.$placeholder-density-config)
309
+ get-color-tokens(token-definition.$placeholder-color-config),
310
+ get-typography-tokens(token-definition.$placeholder-typography-config),
311
+ get-density-tokens(token-definition.$placeholder-density-config)
312
312
  );
313
313
  }
package/core/tokens/m2/mdc/_circular-progress.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use '../../../theming/inspection';
2
2
  @use '../../../style/sass-utils';
3
- @use '../../token-utils';
3
+ @use '../../token-definition';
4
4
 
5
5
  // The prefix used to generate the fully qualified name for tokens in this file.
6
6
  $prefix: (mdc, circular-progress);
@@ -54,8 +54,8 @@ $prefix: (mdc, circular-progress);
54
54
  @function get-token-slots() {
55
55
  @return sass-utils.deep-merge-all(
56
56
  get-unthemable-tokens(),
57
- get-color-tokens(token-utils.$placeholder-color-config),
58
- get-typography-tokens(token-utils.$placeholder-typography-config),
59
- get-density-tokens(token-utils.$placeholder-density-config)
57
+ get-color-tokens(token-definition.$placeholder-color-config),
58
+ get-typography-tokens(token-definition.$placeholder-typography-config),
59
+ get-density-tokens(token-definition.$placeholder-density-config)
60
60
  );
61
61
  }
package/core/tokens/m2/mdc/_dialog.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use '../../../theming/inspection';
2
2
  @use '../../../style/sass-utils';
3
- @use '../../token-utils';
3
+ @use '../../token-definition';
4
4
 
5
5
  // The prefix used to generate the fully qualified name for tokens in this file.
6
6
  $prefix: (mdc, dialog);
@@ -56,7 +56,7 @@ $prefix: (mdc, dialog);
56
56
 
57
57
  // Ideally we would derive all values directly from the theme, but it causes a lot of regressions
58
58
  // internally. For now we fall back to the old hardcoded behavior only for internal apps.
59
- $text-base: if(token-utils.$private-is-internal-build,
59
+ $text-base: if(token-definition.$private-is-internal-build,
60
60
  if($is-dark, #fff, #000),
61
61
  inspection.get-theme-color($theme, foreground, text, 1)
62
62
  );
@@ -99,8 +99,8 @@ $prefix: (mdc, dialog);
99
99
  @function get-token-slots() {
100
100
  @return sass-utils.deep-merge-all(
101
101
  get-unthemable-tokens(),
102
- get-color-tokens(token-utils.$placeholder-color-config),
103
- get-typography-tokens(token-utils.$placeholder-typography-config),
104
- get-density-tokens(token-utils.$placeholder-density-config)
102
+ get-color-tokens(token-definition.$placeholder-color-config),
103
+ get-typography-tokens(token-definition.$placeholder-typography-config),
104
+ get-density-tokens(token-definition.$placeholder-density-config)
105
105
  );
106
106
  }
package/core/tokens/m2/mdc/_elevated-card.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use '../../../theming/inspection';
2
2
  @use '../../../style/elevation';
3
3
  @use '../../../style/sass-utils';
4
- @use '../../token-utils';
4
+ @use '../../token-definition';
5
5
 
6
6
  // The prefix used to generate the fully qualified name for tokens in this file.
7
7
  $prefix: (mdc, elevated-card);
@@ -70,8 +70,8 @@ $prefix: (mdc, elevated-card);
70
70
  @function get-token-slots() {
71
71
  @return sass-utils.deep-merge-all(
72
72
  get-unthemable-tokens(),
73
- get-color-tokens(token-utils.$placeholder-color-config),
74
- get-typography-tokens(token-utils.$placeholder-typography-config),
75
- get-density-tokens(token-utils.$placeholder-density-config)
73
+ get-color-tokens(token-definition.$placeholder-color-config),
74
+ get-typography-tokens(token-definition.$placeholder-typography-config),
75
+ get-density-tokens(token-definition.$placeholder-density-config)
76
76
  );
77
77
  }
package/core/tokens/m2/mdc/_extended-fab.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use 'sass:map';
2
- @use '../../token-utils';
2
+ @use '../../token-definition';
3
3
  @use '../../../style/elevation';
4
4
  @use '../../../theming/inspection';
5
5
 
@@ -77,10 +77,10 @@ $prefix: (mdc, extended-fab);
77
77
  @return map.merge(
78
78
  get-unthemable-tokens(),
79
79
  map.merge(
80
- get-color-tokens(token-utils.$placeholder-color-config),
80
+ get-color-tokens(token-definition.$placeholder-color-config),
81
81
  map.merge(
82
- get-typography-tokens(token-utils.$placeholder-typography-config),
83
- get-density-tokens(token-utils.$placeholder-density-config)
82
+ get-typography-tokens(token-definition.$placeholder-typography-config),
83
+ get-density-tokens(token-definition.$placeholder-density-config)
84
84
  )
85
85
  )
86
86
  );
package/core/tokens/m2/mdc/_fab-small.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use 'sass:map';
2
2
  @use '../../../theming/inspection';
3
3
  @use '../../../style/elevation';
4
- @use '../../token-utils';
4
+ @use '../../token-definition';
5
5
 
6
6
  // The prefix used to generate the fully qualified name for tokens in this file.
7
7
  $prefix: (mdc, fab-small);
@@ -82,10 +82,10 @@ $prefix: (mdc, fab-small);
82
82
  @return map.merge(
83
83
  get-unthemable-tokens(),
84
84
  map.merge(
85
- get-color-tokens(token-utils.$placeholder-color-config),
85
+ get-color-tokens(token-definition.$placeholder-color-config),
86
86
  map.merge(
87
- get-typography-tokens(token-utils.$placeholder-typography-config),
88
- get-density-tokens(token-utils.$placeholder-density-config)
87
+ get-typography-tokens(token-definition.$placeholder-typography-config),
88
+ get-density-tokens(token-definition.$placeholder-density-config)
89
89
  )
90
90
  )
91
91
  );
package/core/tokens/m2/mdc/_fab.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use 'sass:map';
2
2
  @use '../../../theming/inspection';
3
3
  @use '../../../style/elevation';
4
- @use '../../token-utils';
4
+ @use '../../token-definition';
5
5
 
6
6
  // The prefix used to generate the fully qualified name for tokens in this file.
7
7
  $prefix: (mdc, fab);
@@ -83,10 +83,10 @@ $prefix: (mdc, fab);
83
83
  @return map.merge(
84
84
  get-unthemable-tokens(),
85
85
  map.merge(
86
- get-color-tokens(token-utils.$placeholder-color-config),
86
+ get-color-tokens(token-definition.$placeholder-color-config),
87
87
  map.merge(
88
- get-typography-tokens(token-utils.$placeholder-typography-config),
89
- get-density-tokens(token-utils.$placeholder-density-config)
88
+ get-typography-tokens(token-definition.$placeholder-typography-config),
89
+ get-density-tokens(token-definition.$placeholder-density-config)
90
90
  )
91
91
  )
92
92
  );
package/core/tokens/m2/mdc/_filled-button.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
  @use '../../../theming/theming';
@@ -68,9 +68,9 @@ $prefix: (mdc, filled-button);
68
68
 
69
69
  // Ideally we would derive all values directly from the theme, but it causes a lot of regressions
70
70
  // internally. For now we fall back to the old hardcoded behavior only for internal apps.
71
- @if (token-utils.$private-is-internal-build) {
71
+ @if (token-definition.$private-is-internal-build) {
72
72
  $is-dark: inspection.get-theme-type($theme) == dark;
73
- $contrast-tone: token-utils.contrast-tone($container-color, $is-dark);
73
+ $contrast-tone: token-definition.contrast-tone($container-color, $is-dark);
74
74
  $label-text-color: if($contrast-tone == 'dark', #000, #fff);
75
75
  }
76
76
  @else {
@@ -117,8 +117,8 @@ $prefix: (mdc, filled-button);
117
117
  @function get-token-slots() {
118
118
  @return sass-utils.deep-merge-all(
119
119
  get-unthemable-tokens(),
120
- get-color-tokens(token-utils.$placeholder-color-config),
121
- get-typography-tokens(token-utils.$placeholder-typography-config),
122
- get-density-tokens(token-utils.$placeholder-density-config)
120
+ get-color-tokens(token-definition.$placeholder-color-config),
121
+ get-typography-tokens(token-definition.$placeholder-typography-config),
122
+ get-density-tokens(token-definition.$placeholder-density-config)
123
123
  );
124
124
  }
package/core/tokens/m2/mdc/_filled-text-field.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @use 'sass:meta';
4
4
  @use '../../../theming/inspection';
5
5
  @use '../../../style/sass-utils';
6
- @use '../../token-utils';
6
+ @use '../../token-definition';
7
7
 
8
8
  // The prefix used to generate the fully qualified name for tokens in this file.
9
9
  $prefix: (mdc, filled-text-field);
@@ -99,11 +99,11 @@ $prefix: (mdc, filled-text-field);
99
99
 
100
100
  // Ideally we would derive all values directly from the theme, but it causes a lot of regressions
101
101
  // internally. For now we fall back to the old hardcoded behavior only for internal apps.
102
- $text-color-base: if(token-utils.$private-is-internal-build, $on-surface,
102
+ $text-color-base: if(token-definition.$private-is-internal-build, $on-surface,
103
103
  inspection.get-theme-color($theme, foreground, text, 1));
104
- $disabled-text-color-base: if(token-utils.$private-is-internal-build, $on-surface,
104
+ $disabled-text-color-base: if(token-definition.$private-is-internal-build, $on-surface,
105
105
  inspection.get-theme-color($theme, foreground, disabled-text, 1));
106
- $divider-base: if(token-utils.$private-is-internal-build, $on-surface,
106
+ $divider-base: if(token-definition.$private-is-internal-build, $on-surface,
107
107
  inspection.get-theme-color($theme, foreground, divider, 1));
108
108
 
109
109
  @return map.merge($color-tokens, (
@@ -174,8 +174,8 @@ $prefix: (mdc, filled-text-field);
174
174
  @function get-token-slots() {
175
175
  @return sass-utils.deep-merge-all(
176
176
  get-unthemable-tokens(),
177
- get-color-tokens(token-utils.$placeholder-color-config),
178
- get-typography-tokens(token-utils.$placeholder-typography-config),
179
- get-density-tokens(token-utils.$placeholder-density-config)
177
+ get-color-tokens(token-definition.$placeholder-color-config),
178
+ get-typography-tokens(token-definition.$placeholder-typography-config),
179
+ get-density-tokens(token-definition.$placeholder-density-config)
180
180
  );
181
181
  }
package/core/tokens/m2/mdc/_icon-button.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  @use '../../../style/sass-utils';
3
3
  @use '../../../theming/theming';
4
4
  @use '../../../theming/inspection';
5
- @use '../../token-utils';
5
+ @use '../../token-definition';
6
6
 
7
7
  // The prefix used to generate the fully qualified name for tokens in this file.
8
8
  $prefix: (mdc, icon-button);
@@ -84,8 +84,8 @@ $prefix: (mdc, icon-button);
84
84
  @function get-token-slots() {
85
85
  @return sass-utils.deep-merge-all(
86
86
  get-unthemable-tokens(),
87
- get-color-tokens(token-utils.$placeholder-color-config),
88
- get-typography-tokens(token-utils.$placeholder-typography-config),
89
- get-density-tokens(token-utils.$placeholder-density-config)
87
+ get-color-tokens(token-definition.$placeholder-color-config),
88
+ get-typography-tokens(token-definition.$placeholder-typography-config),
89
+ get-density-tokens(token-definition.$placeholder-density-config)
90
90
  );
91
91
  }
package/core/tokens/m2/mdc/_linear-progress.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use '../../../theming/inspection';
2
2
  @use '../../../style/sass-utils';
3
- @use '../../token-utils';
3
+ @use '../../token-definition';
4
4
  @use 'sass:color';
5
5
  @use 'sass:meta';
6
6
 
@@ -54,8 +54,8 @@ $prefix: (mdc, linear-progress);
54
54
  @function get-token-slots() {
55
55
  @return sass-utils.deep-merge-all(
56
56
  get-unthemable-tokens(),
57
- get-color-tokens(token-utils.$placeholder-color-config),
58
- get-typography-tokens(token-utils.$placeholder-typography-config),
59
- get-density-tokens(token-utils.$placeholder-density-config)
57
+ get-color-tokens(token-definition.$placeholder-color-config),
58
+ get-typography-tokens(token-definition.$placeholder-typography-config),
59
+ get-density-tokens(token-definition.$placeholder-density-config)
60
60
  );
61
61
  }
package/core/tokens/m2/mdc/_list.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use 'sass:map';
2
2
  @use '../../../theming/inspection';
3
3
  @use '../../../style/sass-utils';
4
- @use '../../token-utils';
4
+ @use '../../token-definition';
5
5
 
6
6
  // The prefix used to generate the fully qualified name for tokens in this file.
7
7
  $prefix: (mdc, list);
@@ -212,8 +212,8 @@ $prefix: (mdc, list);
212
212
  @function get-token-slots() {
213
213
  @return sass-utils.deep-merge-all(
214
214
  get-unthemable-tokens(),
215
- get-color-tokens(token-utils.$placeholder-color-config),
216
- get-typography-tokens(token-utils.$placeholder-typography-config),
217
- get-density-tokens(token-utils.$placeholder-density-config)
215
+ get-color-tokens(token-definition.$placeholder-color-config),
216
+ get-typography-tokens(token-definition.$placeholder-typography-config),
217
+ get-density-tokens(token-definition.$placeholder-density-config)
218
218
  );
219
219
  }
package/core/tokens/m2/mdc/_outlined-button.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
  @use '../../../theming/theming';
@@ -57,7 +57,7 @@ $prefix: (mdc, outlined-button);
57
57
 
58
58
  // Ideally we would derive all values directly from the theme, but it causes a lot of regressions
59
59
  // internally. For now we fall back to the old hardcoded behavior only for internal apps.
60
- $outline: if(token-utils.$private-is-internal-build,
60
+ $outline: if(token-definition.$private-is-internal-build,
61
61
  rgba(if($is-dark, #fff, #000), 0.12),
62
62
  inspection.get-theme-color($theme, foreground, divider)
63
63
  );
@@ -117,8 +117,8 @@ $prefix: (mdc, outlined-button);
117
117
  @function get-token-slots() {
118
118
  @return sass-utils.deep-merge-all(
119
119
  get-unthemable-tokens(),
120
- get-color-tokens(token-utils.$placeholder-color-config),
121
- get-typography-tokens(token-utils.$placeholder-typography-config),
122
- get-density-tokens(token-utils.$placeholder-density-config)
120
+ get-color-tokens(token-definition.$placeholder-color-config),
121
+ get-typography-tokens(token-definition.$placeholder-typography-config),
122
+ get-density-tokens(token-definition.$placeholder-density-config)
123
123
  );
124
124
  }
package/core/tokens/m2/mdc/_outlined-card.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use '../../../style/elevation';
2
2
  @use '../../../theming/inspection';
3
3
  @use '../../../style/sass-utils';
4
- @use '../../token-utils';
4
+ @use '../../token-definition';
5
5
 
6
6
  // The prefix used to generate the fully qualified name for tokens in this file.
7
7
  $prefix: (mdc, outlined-card);
@@ -78,8 +78,8 @@ $prefix: (mdc, outlined-card);
78
78
  @function get-token-slots() {
79
79
  @return sass-utils.deep-merge-all(
80
80
  get-unthemable-tokens(),
81
- get-color-tokens(token-utils.$placeholder-color-config),
82
- get-typography-tokens(token-utils.$placeholder-typography-config),
83
- get-density-tokens(token-utils.$placeholder-density-config)
81
+ get-color-tokens(token-definition.$placeholder-color-config),
82
+ get-typography-tokens(token-definition.$placeholder-typography-config),
83
+ get-density-tokens(token-definition.$placeholder-density-config)
84
84
  );
85
85
  }
package/core/tokens/m2/mdc/_outlined-text-field.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use 'sass:map';
2
2
  @use '../../../theming/inspection';
3
3
  @use '../../../style/sass-utils';
4
- @use '../../token-utils';
4
+ @use '../../token-definition';
5
5
 
6
6
  // The prefix used to generate the fully qualified name for tokens in this file.
7
7
  $prefix: (mdc, outlined-text-field);
@@ -92,11 +92,11 @@ $prefix: (mdc, outlined-text-field);
92
92
  // Ideally we would derive all values directly from the theme, but it causes a lot of regressions
93
93
  // internally. For now we fall back to the old hardcoded behavior only for internal apps.
94
94
  $on-surface: if($is-dark, #fff, #000);
95
- $text-color-base: if(token-utils.$private-is-internal-build, $on-surface,
95
+ $text-color-base: if(token-definition.$private-is-internal-build, $on-surface,
96
96
  inspection.get-theme-color($theme, foreground, text, 1));
97
- $disabled-text-color-base: if(token-utils.$private-is-internal-build, $on-surface,
97
+ $disabled-text-color-base: if(token-definition.$private-is-internal-build, $on-surface,
98
98
  inspection.get-theme-color($theme, foreground, disabled-text, 1));
99
- $divider-base: if(token-utils.$private-is-internal-build, $on-surface,
99
+ $divider-base: if(token-definition.$private-is-internal-build, $on-surface,
100
100
  inspection.get-theme-color($theme, foreground, divider, 1));
101
101
 
102
102
  @return map.merge($color-tokens, (
@@ -156,8 +156,8 @@ $prefix: (mdc, outlined-text-field);
156
156
  @function get-token-slots() {
157
157
  @return sass-utils.deep-merge-all(
158
158
  get-unthemable-tokens(),
159
- get-color-tokens(token-utils.$placeholder-color-config),
160
- get-typography-tokens(token-utils.$placeholder-typography-config),
161
- get-density-tokens(token-utils.$placeholder-density-config)
159
+ get-color-tokens(token-definition.$placeholder-color-config),
160
+ get-typography-tokens(token-definition.$placeholder-typography-config),
161
+ get-density-tokens(token-definition.$placeholder-density-config)
162
162
  );
163
163
  }
package/core/tokens/m2/mdc/_plain-tooltip.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use '../../../theming/inspection';
2
2
  @use '../../../style/sass-utils';
3
- @use '../../token-utils';
3
+ @use '../../token-definition';
4
4
 
5
5
  // The prefix used to generate the fully qualified name for tokens in this file.
6
6
  $prefix: (mdc, plain-tooltip);
@@ -57,8 +57,8 @@ $prefix: (mdc, plain-tooltip);
57
57
  @function get-token-slots() {
58
58
  @return sass-utils.deep-merge-all(
59
59
  get-unthemable-tokens(),
60
- get-color-tokens(token-utils.$placeholder-color-config),
61
- get-typography-tokens(token-utils.$placeholder-typography-config),
62
- get-density-tokens(token-utils.$placeholder-density-config)
60
+ get-color-tokens(token-definition.$placeholder-color-config),
61
+ get-typography-tokens(token-definition.$placeholder-typography-config),
62
+ get-density-tokens(token-definition.$placeholder-density-config)
63
63
  );
64
64
  }
package/core/tokens/m2/mdc/_protected-button.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 '../../../style/elevation';
5
5
  @use '../../../theming/inspection';
@@ -74,9 +74,9 @@ $prefix: (mdc, protected-button);
74
74
 
75
75
  // Ideally we would derive all values directly from the theme, but it causes a lot of regressions
76
76
  // internally. For now we fall back to the old hardcoded behavior only for internal apps.
77
- @if (token-utils.$private-is-internal-build) {
77
+ @if (token-definition.$private-is-internal-build) {
78
78
  $is-dark: inspection.get-theme-type($theme) == dark;
79
- $contrast-tone: token-utils.contrast-tone($container-color, $is-dark);
79
+ $contrast-tone: token-definition.contrast-tone($container-color, $is-dark);
80
80
  $label-text-color: if($contrast-tone == 'dark', #000, #fff);
81
81
  }
82
82
  @else {
@@ -122,8 +122,8 @@ $prefix: (mdc, protected-button);
122
122
  @function get-token-slots() {
123
123
  @return sass-utils.deep-merge-all(
124
124
  get-unthemable-tokens(),
125
- get-color-tokens(token-utils.$placeholder-color-config),
126
- get-typography-tokens(token-utils.$placeholder-typography-config),
127
- get-density-tokens(token-utils.$placeholder-density-config)
125
+ get-color-tokens(token-definition.$placeholder-color-config),
126
+ get-typography-tokens(token-definition.$placeholder-typography-config),
127
+ get-density-tokens(token-definition.$placeholder-density-config)
128
128
  );
129
129
  }
package/core/tokens/m2/mdc/_radio.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  @use '../../../theming/theming';
5
5
  @use '../../../theming/inspection';
6
6
  @use '../../../style/sass-utils';
7
- @use '../../token-utils';
7
+ @use '../../token-definition';
8
8
 
9
9
  // The prefix used to generate the fully qualified name for tokens in this file.
10
10
  $prefix: (mdc, radio);
@@ -86,8 +86,8 @@ $prefix: (mdc, radio);
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
  }
package/core/tokens/m2/mdc/_secondary-navigation-tab.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  @use '../../../theming/theming';
3
3
  @use '../../../theming/inspection';
4
4
  @use '../../../style/sass-utils';
5
- @use '../../token-utils';
5
+ @use '../../token-definition';
6
6
 
7
7
  // The prefix used to generate the fully qualified name for tokens in this file.
8
8
  $prefix: (mdc, secondary-navigation-tab);
@@ -80,8 +80,8 @@ $prefix: (mdc, secondary-navigation-tab);
80
80
  @function get-token-slots() {
81
81
  @return sass-utils.deep-merge-all(
82
82
  get-unthemable-tokens(),
83
- get-color-tokens(token-utils.$placeholder-color-config),
84
- get-typography-tokens(token-utils.$placeholder-typography-config),
85
- get-density-tokens(token-utils.$placeholder-density-config)
83
+ get-color-tokens(token-definition.$placeholder-color-config),
84
+ get-typography-tokens(token-definition.$placeholder-typography-config),
85
+ get-density-tokens(token-definition.$placeholder-density-config)
86
86
  );
87
87
  }
package/core/tokens/m2/mdc/_slider.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use 'sass:map';
2
2
  @use '../../../theming/inspection';
3
- @use '../../token-utils';
3
+ @use '../../token-definition';
4
4
  @use '../../../style/elevation';
5
5
  @use '../../../style/sass-utils';
6
6
 
@@ -137,8 +137,8 @@ $prefix: (mdc, slider);
137
137
  @function get-token-slots() {
138
138
  @return sass-utils.deep-merge-all(
139
139
  get-unthemable-tokens(),
140
- get-color-tokens(token-utils.$placeholder-color-config),
141
- get-typography-tokens(token-utils.$placeholder-typography-config),
142
- get-density-tokens(token-utils.$placeholder-density-config)
140
+ get-color-tokens(token-definition.$placeholder-color-config),
141
+ get-typography-tokens(token-definition.$placeholder-typography-config),
142
+ get-density-tokens(token-definition.$placeholder-density-config)
143
143
  );
144
144
  }
package/core/tokens/m2/mdc/_snack-bar.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use 'sass:meta';
2
2
  @use 'sass:color';
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: (mdc, snackbar);
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
  }