@angular/material 20.0.0-next.4 → 20.0.0-next.6

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 (680) hide show
  1. package/_index.scss +1 -1
  2. package/autocomplete/_autocomplete-theme.scss +13 -13
  3. package/{core/tokens/m2/mat/_autocomplete.scss → autocomplete/_m2-autocomplete.scss} +7 -7
  4. package/{core/tokens/m3/mat/_autocomplete.scss → autocomplete/_m3-autocomplete.scss} +4 -4
  5. package/autocomplete/index.d.ts +10 -9
  6. package/autocomplete/testing/index.d.ts +4 -3
  7. package/badge/_badge-theme.scss +15 -15
  8. package/{core/tokens/m2/mat/_badge.scss → badge/_m2-badge.scss} +6 -6
  9. package/{core/tokens/m3/mat/_badge.scss → badge/_m3-badge.scss} +28 -27
  10. package/badge/index.d.ts +4 -4
  11. package/badge/testing/index.d.ts +4 -3
  12. package/{badge.d-d42103d0.d.ts → badge.d-619691fb.d.ts} +3 -2
  13. package/bottom-sheet/_bottom-sheet-theme.scss +11 -11
  14. package/{core/tokens/m2/mat/_bottom-sheet.scss → bottom-sheet/_m2-bottom-sheet.scss} +6 -6
  15. package/{core/tokens/m3/mat/_bottom-sheet.scss → bottom-sheet/_m3-bottom-sheet.scss} +5 -5
  16. package/bottom-sheet/index.d.ts +3 -2
  17. package/bottom-sheet/testing/index.d.ts +2 -1
  18. package/button/_button-theme.scss +24 -380
  19. package/button/_fab-theme.scss +15 -124
  20. package/button/_icon-button-theme.scss +20 -32
  21. package/button/_m2-button.scss +249 -0
  22. package/button/_m2-fab.scss +132 -0
  23. package/{core/tokens/m2/mat/_icon-button.scss → button/_m2-icon-button.scss} +35 -26
  24. package/button/_m3-button.scss +243 -0
  25. package/button/_m3-fab.scss +174 -0
  26. package/{core/tokens/m3/mat/_icon-button.scss → button/_m3-icon-button.scss} +18 -7
  27. package/button/index.d.ts +6 -6
  28. package/button/testing/index.d.ts +2 -1
  29. package/button-toggle/_button-toggle-theme.scss +16 -39
  30. package/{core/tokens/m2/mat/_standard-button-toggle.scss → button-toggle/_m2-button-toggle.scss} +40 -20
  31. package/{core/tokens/m3/mat/_standard-button-toggle.scss → button-toggle/_m3-button-toggle.scss} +11 -9
  32. package/button-toggle/index.d.ts +5 -5
  33. package/button-toggle/testing/index.d.ts +3 -2
  34. package/{button-toggle.d-e3ddc80f.d.ts → button-toggle.d-620c8912.d.ts} +2 -1
  35. package/card/_card-theme.scss +13 -65
  36. package/{core/tokens/m2/mat/_card.scss → card/_m2-card.scss} +17 -18
  37. package/card/_m3-card.scss +45 -0
  38. package/card/index.d.ts +3 -2
  39. package/card/testing/index.d.ts +2 -1
  40. package/checkbox/_checkbox-theme.scss +18 -45
  41. package/{core/tokens/m2/mdc/_checkbox.scss → checkbox/_m2-checkbox.scss} +31 -53
  42. package/checkbox/_m3-checkbox.scss +90 -0
  43. package/checkbox/index.d.ts +4 -3
  44. package/checkbox/testing/index.d.ts +2 -1
  45. package/chips/_chips-theme.scss +12 -59
  46. package/chips/_m2-chip.scss +127 -0
  47. package/chips/_m3-chip.scss +116 -0
  48. package/chips/index.d.ts +7 -6
  49. package/chips/testing/index.d.ts +2 -1
  50. package/{common-module.d-0e6515ae.d.ts → common-module.d-421e3498.d.ts} +2 -1
  51. package/core/_core-theme.scss +31 -51
  52. package/core/_core.scss +6 -6
  53. package/core/{tokens/m2/mat/_app.scss → _m2-app.scss} +8 -7
  54. package/core/{tokens/m3/mat/_app.scss → _m3-app.scss} +4 -4
  55. package/core/index.d.ts +23 -15
  56. package/core/{tokens/m2/mat/_optgroup.scss → option/_m2-optgroup.scss} +6 -6
  57. package/core/{tokens/m2/mat/_option.scss → option/_m2-option.scss} +6 -6
  58. package/core/{tokens/m3/mat/_optgroup.scss → option/_m3-optgroup.scss} +4 -4
  59. package/core/option/_m3-option.scss +57 -0
  60. package/core/option/_optgroup-theme.scss +7 -11
  61. package/core/option/_option-theme.scss +9 -17
  62. package/core/{tokens/m2/mat/_ripple.scss → ripple/_m2-ripple.scss} +6 -6
  63. package/core/{tokens/m3/mat/_ripple.scss → ripple/_m3-ripple.scss} +3 -3
  64. package/core/ripple/_ripple-theme.scss +11 -11
  65. package/core/ripple/_ripple.scss +3 -4
  66. package/core/{tokens/m2/mat/_full-pseudo-checkbox.scss → selection/pseudo-checkbox/_m2-pseudo-checkbox.scss} +15 -13
  67. package/core/selection/pseudo-checkbox/_m3-pseudo-checkbox.scss +49 -0
  68. package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +8 -36
  69. package/core/testing/index.d.ts +2 -2
  70. package/core/theming/_definition.scss +2 -2
  71. package/core/theming/_inspection.scss +2 -2
  72. package/core/tokens/_density.scss +102 -148
  73. package/core/tokens/_m2-tokens.scss +131 -0
  74. package/core/tokens/_m2-utils.scss +109 -0
  75. package/core/tokens/_m3-system.scss +18 -18
  76. package/core/tokens/_m3-tokens.scss +113 -15
  77. package/core/tokens/_m3-utils.scss +85 -0
  78. package/core/tokens/_token-utils.scss +45 -63
  79. package/core/tokens/m3/_index.scss +8 -165
  80. package/{date-range-input-harness.d-549a9f7e.d.ts → date-range-input-harness.d-440b288d.d.ts} +3 -2
  81. package/datepicker/_datepicker-theme.scss +22 -38
  82. package/{core/tokens/m2/mat/_datepicker.scss → datepicker/_m2-datepicker.scss} +7 -7
  83. package/{core/tokens/m3/mat/_datepicker.scss → datepicker/_m3-datepicker.scss} +13 -11
  84. package/datepicker/index.d.ts +15 -15
  85. package/datepicker/testing/index.d.ts +3 -3
  86. package/dialog/_dialog-theme.scss +8 -35
  87. package/{core/tokens/m2/mdc/_dialog.scss → dialog/_m2-dialog.scss} +21 -50
  88. package/dialog/_m3-dialog.scss +47 -0
  89. package/dialog/index.d.ts +3 -3
  90. package/dialog/testing/index.d.ts +3 -2
  91. package/{dialog.d-4ffbd89c.d.ts → dialog.d-2ea3eab1.d.ts} +2 -1
  92. package/divider/_divider-theme.scss +7 -11
  93. package/{core/tokens/m2/mat/_divider.scss → divider/_m2-divider.scss} +6 -6
  94. package/{core/tokens/m3/mat/_divider.scss → divider/_m3-divider.scss} +3 -3
  95. package/divider/index.d.ts +4 -24
  96. package/divider/testing/index.d.ts +1 -1
  97. package/{divider-harness.d-d34fede4.d.ts → divider-harness.d-ee96b7aa.d.ts} +2 -1
  98. package/divider-module.d-4305a1f1.d.ts +24 -0
  99. package/expansion/_expansion-theme.scss +9 -17
  100. package/{core/tokens/m2/mat/_expansion.scss → expansion/_m2-expansion.scss} +7 -7
  101. package/{core/tokens/m3/mat/_expansion.scss → expansion/_m3-expansion.scss} +8 -8
  102. package/expansion/index.d.ts +3 -2
  103. package/expansion/testing/index.d.ts +2 -1
  104. package/fesm2022/animation-e58fc357.mjs +41 -0
  105. package/fesm2022/animation-e58fc357.mjs.map +1 -0
  106. package/fesm2022/autocomplete/testing.mjs +2 -2
  107. package/fesm2022/autocomplete/testing.mjs.map +1 -1
  108. package/fesm2022/autocomplete.mjs +27 -27
  109. package/fesm2022/autocomplete.mjs.map +1 -1
  110. package/fesm2022/badge/testing.mjs.map +1 -1
  111. package/fesm2022/badge.mjs +13 -12
  112. package/fesm2022/badge.mjs.map +1 -1
  113. package/fesm2022/bottom-sheet/testing.mjs.map +1 -1
  114. package/fesm2022/bottom-sheet.mjs +12 -12
  115. package/fesm2022/bottom-sheet.mjs.map +1 -1
  116. package/fesm2022/button/testing.mjs.map +1 -1
  117. package/fesm2022/button-toggle/testing.mjs.map +1 -1
  118. package/fesm2022/button-toggle.mjs +18 -17
  119. package/fesm2022/button-toggle.mjs.map +1 -1
  120. package/fesm2022/button.mjs +9 -8
  121. package/fesm2022/button.mjs.map +1 -1
  122. package/fesm2022/card/testing.mjs.map +1 -1
  123. package/fesm2022/card.mjs +48 -48
  124. package/fesm2022/card.mjs.map +1 -1
  125. package/fesm2022/checkbox/testing.mjs.map +1 -1
  126. package/fesm2022/checkbox.mjs +15 -14
  127. package/fesm2022/checkbox.mjs.map +1 -1
  128. package/fesm2022/chips/testing.mjs.map +1 -1
  129. package/fesm2022/chips.mjs +55 -54
  130. package/fesm2022/chips.mjs.map +1 -1
  131. package/fesm2022/{common-module-3ec8031a.mjs → common-module-6bff0328.mjs} +5 -5
  132. package/fesm2022/common-module-6bff0328.mjs.map +1 -0
  133. package/fesm2022/core/testing.mjs +2 -2
  134. package/fesm2022/core.mjs +29 -28
  135. package/fesm2022/core.mjs.map +1 -1
  136. package/fesm2022/{date-formats-b618acb8.mjs → date-formats-9cbc3057.mjs} +1 -1
  137. package/fesm2022/date-formats-9cbc3057.mjs.map +1 -0
  138. package/fesm2022/{date-range-input-harness-3718a667.mjs → date-range-input-harness-3d3cf01a.mjs} +2 -2
  139. package/fesm2022/date-range-input-harness-3d3cf01a.mjs.map +1 -0
  140. package/fesm2022/datepicker/testing.mjs +3 -3
  141. package/fesm2022/datepicker/testing.mjs.map +1 -1
  142. package/fesm2022/datepicker.mjs +118 -119
  143. package/fesm2022/datepicker.mjs.map +1 -1
  144. package/fesm2022/dialog/testing.mjs +4 -3
  145. package/fesm2022/dialog/testing.mjs.map +1 -1
  146. package/fesm2022/dialog.mjs +4 -3
  147. package/fesm2022/dialog.mjs.map +1 -1
  148. package/fesm2022/divider/testing.mjs +1 -1
  149. package/fesm2022/{divider-harness-8099453f.mjs → divider-harness-bea2a71d.mjs} +1 -1
  150. package/fesm2022/divider-harness-bea2a71d.mjs.map +1 -0
  151. package/fesm2022/divider-module-15f4b7a3.mjs +56 -0
  152. package/fesm2022/divider-module-15f4b7a3.mjs.map +1 -0
  153. package/fesm2022/divider.mjs +4 -55
  154. package/fesm2022/divider.mjs.map +1 -1
  155. package/fesm2022/{error-options-ee129e4b.mjs → error-options-e22abc6f.mjs} +7 -7
  156. package/fesm2022/error-options-e22abc6f.mjs.map +1 -0
  157. package/fesm2022/{error-state-8f4ce1af.mjs → error-state-5fa5df66.mjs} +1 -1
  158. package/fesm2022/error-state-5fa5df66.mjs.map +1 -0
  159. package/fesm2022/expansion/testing.mjs.map +1 -1
  160. package/fesm2022/expansion.mjs +29 -28
  161. package/fesm2022/expansion.mjs.map +1 -1
  162. package/fesm2022/form-field/testing/control.mjs +1 -1
  163. package/fesm2022/form-field/testing.mjs +6 -6
  164. package/fesm2022/form-field/testing.mjs.map +1 -1
  165. package/fesm2022/form-field-ba7d9525.mjs +1078 -0
  166. package/fesm2022/form-field-ba7d9525.mjs.map +1 -0
  167. package/fesm2022/{form-field-control-harness-efefd4cf.mjs → form-field-control-harness-adcc773d.mjs} +1 -1
  168. package/fesm2022/form-field-control-harness-adcc773d.mjs.map +1 -0
  169. package/fesm2022/form-field.mjs +6 -5
  170. package/fesm2022/form-field.mjs.map +1 -1
  171. package/fesm2022/grid-list/testing.mjs +1 -1
  172. package/fesm2022/grid-list/testing.mjs.map +1 -1
  173. package/fesm2022/grid-list.mjs +27 -27
  174. package/fesm2022/grid-list.mjs.map +1 -1
  175. package/fesm2022/icon/testing.mjs +8 -8
  176. package/fesm2022/icon/testing.mjs.map +1 -1
  177. package/fesm2022/{icon-button-acdabdec.mjs → icon-button-c94ccf8a.mjs} +11 -11
  178. package/fesm2022/icon-button-c94ccf8a.mjs.map +1 -0
  179. package/fesm2022/{icon-module-fd90a70e.mjs → icon-module-165b91b7.mjs} +10 -10
  180. package/fesm2022/icon-module-165b91b7.mjs.map +1 -0
  181. package/fesm2022/{icon-registry-c1df72ea.mjs → icon-registry-4f5f0eba.mjs} +4 -4
  182. package/fesm2022/icon-registry-4f5f0eba.mjs.map +1 -0
  183. package/fesm2022/icon.mjs +3 -3
  184. package/fesm2022/{index-1ea85b8e.mjs → index-33bb4181.mjs} +9 -9
  185. package/fesm2022/index-33bb4181.mjs.map +1 -0
  186. package/fesm2022/{index-b8da641d.mjs → index-975cf4ab.mjs} +7 -7
  187. package/fesm2022/index-975cf4ab.mjs.map +1 -0
  188. package/fesm2022/input/testing.mjs +2 -2
  189. package/fesm2022/input/testing.mjs.map +1 -1
  190. package/fesm2022/{input-harness-e68bb132.mjs → input-harness-6ca0e4e7.mjs} +2 -2
  191. package/fesm2022/input-harness-6ca0e4e7.mjs.map +1 -0
  192. package/fesm2022/{input-value-accessor-8a79a24e.mjs → input-value-accessor-16c2d528.mjs} +1 -1
  193. package/fesm2022/input-value-accessor-16c2d528.mjs.map +1 -0
  194. package/fesm2022/input.mjs +17 -16
  195. package/fesm2022/input.mjs.map +1 -1
  196. package/fesm2022/{internal-form-field-7304c17d.mjs → internal-form-field-a658b1d3.mjs} +4 -4
  197. package/fesm2022/internal-form-field-a658b1d3.mjs.map +1 -0
  198. package/fesm2022/{line-d0757c01.mjs → line-fa9011f8.mjs} +9 -9
  199. package/fesm2022/line-fa9011f8.mjs.map +1 -0
  200. package/fesm2022/list/testing.mjs +1 -1
  201. package/fesm2022/list/testing.mjs.map +1 -1
  202. package/fesm2022/list.mjs +66 -65
  203. package/fesm2022/list.mjs.map +1 -1
  204. package/fesm2022/material.mjs.map +1 -1
  205. package/fesm2022/menu/testing.mjs.map +1 -1
  206. package/fesm2022/menu.mjs +24 -23
  207. package/fesm2022/menu.mjs.map +1 -1
  208. package/fesm2022/{module-a40bca65.mjs → module-7aee2437.mjs} +29 -29
  209. package/fesm2022/module-7aee2437.mjs.map +1 -0
  210. package/fesm2022/{module-e7f30cea.mjs → module-9e568fe9.mjs} +21 -21
  211. package/fesm2022/module-9e568fe9.mjs.map +1 -0
  212. package/fesm2022/{module-8c65f824.mjs → module-f09a8c90.mjs} +14 -14
  213. package/fesm2022/module-f09a8c90.mjs.map +1 -0
  214. package/fesm2022/{module-8175acdf.mjs → module-f0bd6006.mjs} +9 -8
  215. package/fesm2022/module-f0bd6006.mjs.map +1 -0
  216. package/fesm2022/{module-2701d616.mjs → module-f44de9b3.mjs} +20 -20
  217. package/fesm2022/module-f44de9b3.mjs.map +1 -0
  218. package/fesm2022/{optgroup-harness-d5cf72ed.mjs → optgroup-harness-d961ca3f.mjs} +2 -2
  219. package/fesm2022/optgroup-harness-d961ca3f.mjs.map +1 -0
  220. package/fesm2022/{option-a77bb984.mjs → option-2e7efc25.mjs} +11 -11
  221. package/fesm2022/option-2e7efc25.mjs.map +1 -0
  222. package/fesm2022/{option-harness-b4971f41.mjs → option-harness-4cd4ee4e.mjs} +1 -1
  223. package/fesm2022/option-harness-4cd4ee4e.mjs.map +1 -0
  224. package/fesm2022/paginator/testing.mjs +4 -4
  225. package/fesm2022/paginator/testing.mjs.map +1 -1
  226. package/fesm2022/paginator.mjs +30 -29
  227. package/fesm2022/paginator.mjs.map +1 -1
  228. package/fesm2022/progress-bar/testing.mjs.map +1 -1
  229. package/fesm2022/progress-bar.mjs +11 -10
  230. package/fesm2022/progress-bar.mjs.map +1 -1
  231. package/fesm2022/progress-spinner/testing.mjs.map +1 -1
  232. package/fesm2022/progress-spinner.mjs +13 -12
  233. package/fesm2022/progress-spinner.mjs.map +1 -1
  234. package/fesm2022/{pseudo-checkbox-006bd0a9.mjs → pseudo-checkbox-7c1050cc.mjs} +6 -6
  235. package/fesm2022/pseudo-checkbox-7c1050cc.mjs.map +1 -0
  236. package/fesm2022/{pseudo-checkbox-module-d04dbe5a.mjs → pseudo-checkbox-module-22aca2eb.mjs} +7 -7
  237. package/fesm2022/pseudo-checkbox-module-22aca2eb.mjs.map +1 -0
  238. package/fesm2022/{public-api-c5ab57f5.mjs → public-api-af61bf48.mjs} +1 -1
  239. package/fesm2022/public-api-af61bf48.mjs.map +1 -0
  240. package/fesm2022/radio/testing.mjs.map +1 -1
  241. package/fesm2022/radio.mjs +18 -17
  242. package/fesm2022/radio.mjs.map +1 -1
  243. package/fesm2022/{ripple-18f3bc18.mjs → ripple-ca34ab3c.mjs} +8 -8
  244. package/fesm2022/ripple-ca34ab3c.mjs.map +1 -0
  245. package/fesm2022/{ripple-loader-e685c61f.mjs → ripple-loader-9a207cda.mjs} +8 -10
  246. package/fesm2022/ripple-loader-9a207cda.mjs.map +1 -0
  247. package/fesm2022/select/testing.mjs +4 -4
  248. package/fesm2022/{select-harness-30466074.mjs → select-harness-9656d727.mjs} +4 -4
  249. package/fesm2022/select-harness-9656d727.mjs.map +1 -0
  250. package/fesm2022/select.mjs +15 -14
  251. package/fesm2022/select.mjs.map +1 -1
  252. package/fesm2022/sidenav/testing.mjs.map +1 -1
  253. package/fesm2022/sidenav.mjs +25 -24
  254. package/fesm2022/sidenav.mjs.map +1 -1
  255. package/fesm2022/slide-toggle/testing.mjs.map +1 -1
  256. package/fesm2022/slide-toggle.mjs +15 -14
  257. package/fesm2022/slide-toggle.mjs.map +1 -1
  258. package/fesm2022/slider/testing.mjs.map +1 -1
  259. package/fesm2022/slider.mjs +23 -22
  260. package/fesm2022/slider.mjs.map +1 -1
  261. package/fesm2022/snack-bar/testing.mjs.map +1 -1
  262. package/fesm2022/snack-bar.mjs +40 -47
  263. package/fesm2022/snack-bar.mjs.map +1 -1
  264. package/fesm2022/sort/testing.mjs.map +1 -1
  265. package/fesm2022/sort.mjs +17 -16
  266. package/fesm2022/sort.mjs.map +1 -1
  267. package/fesm2022/stepper/testing.mjs.map +1 -1
  268. package/fesm2022/stepper.mjs +40 -39
  269. package/fesm2022/stepper.mjs.map +1 -1
  270. package/fesm2022/{structural-styles-e3fe1eb7.mjs → structural-styles-fe60c44d.mjs} +4 -4
  271. package/fesm2022/structural-styles-fe60c44d.mjs.map +1 -0
  272. package/fesm2022/table/testing.mjs.map +1 -1
  273. package/fesm2022/table.mjs +56 -56
  274. package/fesm2022/table.mjs.map +1 -1
  275. package/fesm2022/tabs/testing.mjs.map +1 -1
  276. package/fesm2022/tabs.mjs +68 -58
  277. package/fesm2022/tabs.mjs.map +1 -1
  278. package/fesm2022/timepicker/testing.mjs +1 -1
  279. package/fesm2022/timepicker/testing.mjs.map +1 -1
  280. package/fesm2022/timepicker.mjs +24 -23
  281. package/fesm2022/timepicker.mjs.map +1 -1
  282. package/fesm2022/toolbar/testing.mjs.map +1 -1
  283. package/fesm2022/toolbar.mjs +12 -12
  284. package/fesm2022/toolbar.mjs.map +1 -1
  285. package/fesm2022/tooltip/testing.mjs.map +1 -1
  286. package/fesm2022/tooltip.mjs +4 -3
  287. package/fesm2022/tooltip.mjs.map +1 -1
  288. package/fesm2022/tree/testing.mjs.map +1 -1
  289. package/fesm2022/tree.mjs +26 -26
  290. package/fesm2022/tree.mjs.map +1 -1
  291. package/form-field/_form-field-theme.scss +18 -90
  292. package/{core/tokens/m2/mat/_form-field.scss → form-field/_m2-form-field.scss} +94 -13
  293. package/form-field/_m3-form-field.scss +136 -0
  294. package/form-field/index.d.ts +5 -5
  295. package/form-field/testing/control/index.d.ts +1 -1
  296. package/form-field/testing/index.d.ts +9 -8
  297. package/{form-field.d-2edbc094.d.ts → form-field.d-486f4e86.d.ts} +14 -9
  298. package/grid-list/_grid-list-theme.scss +6 -8
  299. package/{core/tokens/m2/mat/_grid-list.scss → grid-list/_m2-grid-list.scss} +6 -6
  300. package/{core/tokens/m3/mat/_grid-list.scss → grid-list/_m3-grid-list.scss} +2 -2
  301. package/grid-list/index.d.ts +3 -3
  302. package/grid-list/testing/index.d.ts +2 -1
  303. package/icon/_icon-theme.scss +11 -11
  304. package/{core/tokens/m2/mat/_icon.scss → icon/_m2-icon.scss} +5 -5
  305. package/{core/tokens/m3/mat/_icon.scss → icon/_m3-icon.scss} +8 -6
  306. package/icon/index.d.ts +4 -4
  307. package/icon/testing/index.d.ts +3 -2
  308. package/{icon-module.d-aa3bbba0.d.ts → icon-module.d-a4b3b1e1.d.ts} +4 -3
  309. package/{icon-registry.d-1dffe9de.d.ts → icon-registry.d-6dd1799a.d.ts} +2 -1
  310. package/{index.d-cc6e48d4.d.ts → index.d-511f9e6c.d.ts} +2 -2
  311. package/{index.d-d77f0821.d.ts → index.d-73f24bb1.d.ts} +4 -4
  312. package/input/index.d.ts +10 -9
  313. package/input/testing/index.d.ts +4 -3
  314. package/{input-harness.d-4eecd1d3.d.ts → input-harness.d-be80831e.d.ts} +3 -2
  315. package/{line.d-570a2537.d.ts → line.d-712398cb.d.ts} +1 -1
  316. package/list/_list-theme.scss +25 -59
  317. package/list/_m2-list.scss +133 -0
  318. package/list/_m3-list.scss +78 -0
  319. package/list/index.d.ts +12 -11
  320. package/list/testing/index.d.ts +4 -3
  321. package/{core/tokens/m2/mat/_menu.scss → menu/_m2-menu.scss} +7 -7
  322. package/{core/tokens/m3/mat/_menu.scss → menu/_m3-menu.scss} +14 -17
  323. package/menu/_menu-theme.scss +8 -14
  324. package/menu/index.d.ts +5 -4
  325. package/menu/testing/index.d.ts +2 -1
  326. package/{module.d-c17c834e.d.ts → module.d-683b2a19.d.ts} +2 -2
  327. package/{module.d-a23953f5.d.ts → module.d-8839a0c2.d.ts} +9 -8
  328. package/{module.d-d86ca350.d.ts → module.d-9a1d1c76.d.ts} +6 -5
  329. package/{module.d-9a0cb968.d.ts → module.d-f55544a0.d.ts} +3 -2
  330. package/{optgroup-harness.d-7f741f69.d.ts → optgroup-harness.d-c52f5a8b.d.ts} +3 -2
  331. package/{option-harness.d-3d33fc9a.d.ts → option-harness.d-4f143bc0.d.ts} +2 -1
  332. package/{option-parent.d-559ad5c5.d.ts → option-parent.d-d4243d2f.d.ts} +2 -1
  333. package/package.json +5 -2
  334. package/{core/tokens/m2/mat/_paginator.scss → paginator/_m2-paginator.scss} +7 -7
  335. package/{core/tokens/m3/mat/_paginator.scss → paginator/_m3-paginator.scss} +4 -4
  336. package/paginator/_paginator-theme.scss +8 -14
  337. package/paginator/index.d.ts +17 -17
  338. package/paginator/testing/index.d.ts +6 -5
  339. package/{paginator.d-40b1766e.d.ts → paginator.d-181ff014.d.ts} +4 -3
  340. package/prebuilt-themes/deeppurple-amber.css +1 -1
  341. package/prebuilt-themes/indigo-pink.css +1 -1
  342. package/prebuilt-themes/pink-bluegrey.css +1 -1
  343. package/prebuilt-themes/purple-green.css +1 -1
  344. package/{core/tokens/m2/mdc/_linear-progress.scss → progress-bar/_m2-progress-bar.scss} +7 -8
  345. package/{core/tokens/m3/mdc/_linear-progress.scss → progress-bar/_m3-progress-bar.scss} +11 -6
  346. package/progress-bar/_progress-bar-theme.scss +9 -9
  347. package/progress-bar/index.d.ts +4 -3
  348. package/progress-bar/testing/index.d.ts +2 -1
  349. package/{core/tokens/m2/mdc/_tab-indicator.scss → progress-spinner/_m2-progress-spinner.scss} +10 -11
  350. package/{core/tokens/m3/mdc/_circular-progress.scss → progress-spinner/_m3-progress-spinner.scss} +10 -6
  351. package/progress-spinner/_progress-spinner-theme.scss +13 -13
  352. package/progress-spinner/index.d.ts +4 -4
  353. package/progress-spinner/testing/index.d.ts +4 -3
  354. package/{progress-spinner.d-1fc040c5.d.ts → progress-spinner.d-c723a559.d.ts} +3 -2
  355. package/{pseudo-checkbox-module.d-d21de92b.d.ts → pseudo-checkbox-module.d-42351ab6.d.ts} +3 -2
  356. package/{core/tokens/m2/mdc/_radio.scss → radio/_m2-radio.scss} +28 -36
  357. package/radio/_m3-radio.scss +66 -0
  358. package/radio/_radio-theme.scss +16 -49
  359. package/radio/index.d.ts +6 -5
  360. package/radio/testing/index.d.ts +2 -1
  361. package/{ripple.d-f2cd74cf.d.ts → ripple.d-305c30f3.d.ts} +2 -1
  362. package/schematics/ng-add/index.js +1 -1
  363. package/schematics/ng-generate/theme-color/index_bundled.js +79 -79
  364. package/schematics/ng-generate/theme-color/index_bundled.js.map +1 -1
  365. package/schematics/ng-update/index_bundled.js +3361 -3407
  366. package/schematics/ng-update/index_bundled.js.map +3 -4
  367. package/{core/tokens/m2/mat/_select.scss → select/_m2-select.scss} +11 -11
  368. package/{core/tokens/m3/mat/_select.scss → select/_m3-select.scss} +9 -7
  369. package/select/_select-theme.scss +19 -20
  370. package/select/index.d.ts +12 -12
  371. package/select/testing/index.d.ts +4 -4
  372. package/{select-harness.d-7441a7ac.d.ts → select-harness.d-485a3cf8.d.ts} +5 -4
  373. package/{core/tokens/m2/mat/_sidenav.scss → sidenav/_m2-sidenav.scss} +7 -7
  374. package/{core/tokens/m3/mat/_sidenav.scss → sidenav/_m3-sidenav.scss} +6 -6
  375. package/sidenav/_sidenav-theme.scss +9 -13
  376. package/sidenav/index.d.ts +3 -2
  377. package/sidenav/testing/index.d.ts +2 -1
  378. package/slide-toggle/_m2-slide-toggle.scss +167 -0
  379. package/slide-toggle/_m3-slide-toggle.scss +160 -0
  380. package/slide-toggle/_slide-toggle-theme.scss +45 -38
  381. package/slide-toggle/index.d.ts +4 -3
  382. package/slide-toggle/testing/index.d.ts +2 -1
  383. package/{core/tokens/m2/mdc/_slider.scss → slider/_m2-slider.scss} +29 -68
  384. package/slider/_m3-slider.scss +121 -0
  385. package/slider/_slider-theme.scss +11 -46
  386. package/slider/index.d.ts +6 -5
  387. package/slider/testing/index.d.ts +2 -1
  388. package/{core/tokens/m2/mat/_snack-bar.scss → snack-bar/_m2-snack-bar.scss} +23 -8
  389. package/snack-bar/_m3-snack-bar.scss +25 -0
  390. package/snack-bar/_snack-bar-theme.scss +8 -27
  391. package/snack-bar/index.d.ts +12 -12
  392. package/snack-bar/testing/index.d.ts +2 -1
  393. package/{core/tokens/m2/mat/_sort.scss → sort/_m2-sort.scss} +6 -6
  394. package/{core/tokens/m3/mat/_sort.scss → sort/_m3-sort.scss} +2 -2
  395. package/sort/_sort-theme.scss +8 -14
  396. package/sort/index.d.ts +7 -6
  397. package/sort/testing/index.d.ts +3 -2
  398. package/{sort.d-c2b79a45.d.ts → sort.d-7718b3de.d.ts} +3 -2
  399. package/{core/tokens/m2/mat/_stepper.scss → stepper/_m2-stepper.scss} +7 -34
  400. package/stepper/_m3-stepper.scss +79 -0
  401. package/stepper/_stepper-theme.scss +15 -15
  402. package/stepper/index.d.ts +8 -7
  403. package/stepper/testing/index.d.ts +2 -1
  404. package/{core/tokens/m2/mat/_table.scss → table/_m2-table.scss} +7 -7
  405. package/{core/tokens/m3/mat/_table.scss → table/_m3-table.scss} +7 -7
  406. package/table/_table-theme.scss +9 -17
  407. package/table/index.d.ts +7 -7
  408. package/table/testing/index.d.ts +2 -1
  409. package/{core/tokens/m2/mat/_tab-header.scss → tabs/_m2-tabs.scss} +42 -11
  410. package/tabs/_m3-tabs.scss +58 -0
  411. package/tabs/_tabs-theme.scss +39 -121
  412. package/tabs/index.d.ts +13 -7
  413. package/tabs/testing/index.d.ts +2 -1
  414. package/{core/tokens/m2/mat/_timepicker.scss → timepicker/_m2-timepicker.scss} +7 -7
  415. package/{core/tokens/m3/mat/_timepicker.scss → timepicker/_m3-timepicker.scss} +4 -4
  416. package/timepicker/_timepicker-theme.scss +13 -13
  417. package/timepicker/index.d.ts +4 -3
  418. package/timepicker/testing/index.d.ts +3 -2
  419. package/{core/tokens/m2/mat/_toolbar.scss → toolbar/_m2-toolbar.scss} +7 -7
  420. package/{core/tokens/m3/mat/_toolbar.scss → toolbar/_m3-toolbar.scss} +4 -4
  421. package/toolbar/_toolbar-theme.scss +16 -16
  422. package/toolbar/index.d.ts +1 -1
  423. package/toolbar/testing/index.d.ts +2 -1
  424. package/{core/tokens/m2/mdc/_plain-tooltip.scss → tooltip/_m2-tooltip.scss} +7 -17
  425. package/tooltip/_m3-tooltip.scss +25 -0
  426. package/tooltip/_tooltip-theme.scss +13 -13
  427. package/tooltip/index.d.ts +2 -2
  428. package/tooltip/testing/index.d.ts +2 -1
  429. package/{core/tokens/m2/mat/_tree.scss → tree/_m2-tree.scss} +7 -7
  430. package/{core/tokens/m3/mat/_tree.scss → tree/_m3-tree.scss} +2 -2
  431. package/tree/_tree-theme.scss +11 -11
  432. package/tree/index.d.ts +1 -1
  433. package/tree/testing/index.d.ts +2 -1
  434. package/button/_button-base.scss +0 -181
  435. package/checkbox/_checkbox-common.scss +0 -585
  436. package/core/style/_button-common.scss +0 -17
  437. package/core/style/_form-common.scss +0 -21
  438. package/core/style/_list-common.scss +0 -49
  439. package/core/style/_menu-common.scss +0 -94
  440. package/core/theming/_palette-deprecated.scss +0 -76
  441. package/core/theming/_theming-deprecated.scss +0 -27
  442. package/core/tokens/_token-definition.scss +0 -272
  443. package/core/tokens/m2/_index.scss +0 -189
  444. package/core/tokens/m2/mat/_checkbox.scss +0 -50
  445. package/core/tokens/m2/mat/_chip.scss +0 -63
  446. package/core/tokens/m2/mat/_dialog.scss +0 -51
  447. package/core/tokens/m2/mat/_fab-small.scss +0 -108
  448. package/core/tokens/m2/mat/_fab.scss +0 -108
  449. package/core/tokens/m2/mat/_filled-button.scss +0 -102
  450. package/core/tokens/m2/mat/_legacy-button-toggle.scss +0 -59
  451. package/core/tokens/m2/mat/_list.scss +0 -44
  452. package/core/tokens/m2/mat/_minimal-pseudo-checkbox.scss +0 -43
  453. package/core/tokens/m2/mat/_outlined-button.scss +0 -88
  454. package/core/tokens/m2/mat/_protected-button.scss +0 -102
  455. package/core/tokens/m2/mat/_radio.scss +0 -52
  456. package/core/tokens/m2/mat/_slider.scss +0 -69
  457. package/core/tokens/m2/mat/_switch.scss +0 -76
  458. package/core/tokens/m2/mat/_tab-header-with-background.scss +0 -42
  459. package/core/tokens/m2/mat/_text-button.scss +0 -91
  460. package/core/tokens/m2/mat/_tonal-button.scss +0 -110
  461. package/core/tokens/m2/mdc/_chip.scss +0 -313
  462. package/core/tokens/m2/mdc/_circular-progress.scss +0 -61
  463. package/core/tokens/m2/mdc/_elevated-card.scss +0 -77
  464. package/core/tokens/m2/mdc/_extended-fab.scss +0 -87
  465. package/core/tokens/m2/mdc/_fab-small.scss +0 -92
  466. package/core/tokens/m2/mdc/_fab.scss +0 -93
  467. package/core/tokens/m2/mdc/_filled-button.scss +0 -124
  468. package/core/tokens/m2/mdc/_filled-text-field.scss +0 -181
  469. package/core/tokens/m2/mdc/_icon-button.scss +0 -91
  470. package/core/tokens/m2/mdc/_list.scss +0 -219
  471. package/core/tokens/m2/mdc/_outlined-button.scss +0 -124
  472. package/core/tokens/m2/mdc/_outlined-card.scss +0 -85
  473. package/core/tokens/m2/mdc/_outlined-text-field.scss +0 -163
  474. package/core/tokens/m2/mdc/_protected-button.scss +0 -129
  475. package/core/tokens/m2/mdc/_secondary-navigation-tab.scss +0 -87
  476. package/core/tokens/m2/mdc/_snack-bar.scss +0 -93
  477. package/core/tokens/m2/mdc/_switch.scss +0 -192
  478. package/core/tokens/m2/mdc/_text-button.scss +0 -98
  479. package/core/tokens/m3/definitions/_index.scss +0 -94
  480. package/core/tokens/m3/definitions/_md-comp-checkbox.scss +0 -120
  481. package/core/tokens/m3/definitions/_md-comp-circular-progress-indicator.scss +0 -27
  482. package/core/tokens/m3/definitions/_md-comp-data-table.scss +0 -90
  483. package/core/tokens/m3/definitions/_md-comp-dialog.scss +0 -123
  484. package/core/tokens/m3/definitions/_md-comp-elevated-button.scss +0 -87
  485. package/core/tokens/m3/definitions/_md-comp-elevated-card.scss +0 -55
  486. package/core/tokens/m3/definitions/_md-comp-extended-fab-primary.scss +0 -90
  487. package/core/tokens/m3/definitions/_md-comp-extended-fab-secondary.scss +0 -91
  488. package/core/tokens/m3/definitions/_md-comp-extended-fab-tertiary.scss +0 -91
  489. package/core/tokens/m3/definitions/_md-comp-fab-primary-small.scss +0 -59
  490. package/core/tokens/m3/definitions/_md-comp-fab-primary.scss +0 -59
  491. package/core/tokens/m3/definitions/_md-comp-fab-secondary-small.scss +0 -60
  492. package/core/tokens/m3/definitions/_md-comp-fab-secondary.scss +0 -60
  493. package/core/tokens/m3/definitions/_md-comp-fab-tertiary-small.scss +0 -60
  494. package/core/tokens/m3/definitions/_md-comp-fab-tertiary.scss +0 -60
  495. package/core/tokens/m3/definitions/_md-comp-filled-button.scss +0 -85
  496. package/core/tokens/m3/definitions/_md-comp-filled-card.scss +0 -52
  497. package/core/tokens/m3/definitions/_md-comp-filled-icon-button.scss +0 -73
  498. package/core/tokens/m3/definitions/_md-comp-filled-text-field.scss +0 -189
  499. package/core/tokens/m3/definitions/_md-comp-filled-tonal-button.scss +0 -95
  500. package/core/tokens/m3/definitions/_md-comp-icon-button.scss +0 -64
  501. package/core/tokens/m3/definitions/_md-comp-linear-progress-indicator.scss +0 -29
  502. package/core/tokens/m3/definitions/_md-comp-list.scss +0 -252
  503. package/core/tokens/m3/definitions/_md-comp-outlined-button.scss +0 -80
  504. package/core/tokens/m3/definitions/_md-comp-outlined-card.scss +0 -59
  505. package/core/tokens/m3/definitions/_md-comp-outlined-icon-button.scss +0 -73
  506. package/core/tokens/m3/definitions/_md-comp-outlined-text-field.scss +0 -171
  507. package/core/tokens/m3/definitions/_md-comp-plain-tooltip.scss +0 -51
  508. package/core/tokens/m3/definitions/_md-comp-radio-button.scss +0 -62
  509. package/core/tokens/m3/definitions/_md-comp-secondary-navigation-tab.scss +0 -80
  510. package/core/tokens/m3/definitions/_md-comp-slider.scss +0 -110
  511. package/core/tokens/m3/definitions/_md-comp-snackbar.scss +0 -125
  512. package/core/tokens/m3/definitions/_md-comp-switch.scss +0 -130
  513. package/core/tokens/m3/definitions/_md-comp-text-button.scss +0 -73
  514. package/core/tokens/m3/definitions/unused/_md-comp-assist-chip.scss +0 -105
  515. package/core/tokens/m3/definitions/unused/_md-comp-badge.scss +0 -54
  516. package/core/tokens/m3/definitions/unused/_md-comp-banner.scss +0 -71
  517. package/core/tokens/m3/definitions/unused/_md-comp-bottom-app-bar.scss +0 -29
  518. package/core/tokens/m3/definitions/unused/_md-comp-carousel-item.scss +0 -59
  519. package/core/tokens/m3/definitions/unused/_md-comp-date-input-modal.scss +0 -87
  520. package/core/tokens/m3/definitions/unused/_md-comp-date-picker-docked.scss +0 -248
  521. package/core/tokens/m3/definitions/unused/_md-comp-date-picker-modal.scss +0 -313
  522. package/core/tokens/m3/definitions/unused/_md-comp-divider.scss +0 -19
  523. package/core/tokens/m3/definitions/unused/_md-comp-extended-fab-branded.scss +0 -82
  524. package/core/tokens/m3/definitions/unused/_md-comp-extended-fab-surface.scss +0 -86
  525. package/core/tokens/m3/definitions/unused/_md-comp-fab-branded-large.scss +0 -54
  526. package/core/tokens/m3/definitions/unused/_md-comp-fab-branded.scss +0 -54
  527. package/core/tokens/m3/definitions/unused/_md-comp-fab-primary-large.scss +0 -59
  528. package/core/tokens/m3/definitions/unused/_md-comp-fab-secondary-large.scss +0 -60
  529. package/core/tokens/m3/definitions/unused/_md-comp-fab-surface-large.scss +0 -58
  530. package/core/tokens/m3/definitions/unused/_md-comp-fab-surface-small.scss +0 -58
  531. package/core/tokens/m3/definitions/unused/_md-comp-fab-surface.scss +0 -58
  532. package/core/tokens/m3/definitions/unused/_md-comp-fab-tertiary-large.scss +0 -60
  533. package/core/tokens/m3/definitions/unused/_md-comp-filled-autocomplete.scss +0 -269
  534. package/core/tokens/m3/definitions/unused/_md-comp-filled-menu-button.scss +0 -94
  535. package/core/tokens/m3/definitions/unused/_md-comp-filled-select.scss +0 -274
  536. package/core/tokens/m3/definitions/unused/_md-comp-filled-tonal-icon-button.scss +0 -80
  537. package/core/tokens/m3/definitions/unused/_md-comp-filter-chip.scss +0 -205
  538. package/core/tokens/m3/definitions/unused/_md-comp-full-screen-dialog.scss +0 -109
  539. package/core/tokens/m3/definitions/unused/_md-comp-input-chip.scss +0 -180
  540. package/core/tokens/m3/definitions/unused/_md-comp-menu.scss +0 -31
  541. package/core/tokens/m3/definitions/unused/_md-comp-navigation-bar.scss +0 -110
  542. package/core/tokens/m3/definitions/unused/_md-comp-navigation-drawer.scss +0 -162
  543. package/core/tokens/m3/definitions/unused/_md-comp-navigation-rail.scss +0 -127
  544. package/core/tokens/m3/definitions/unused/_md-comp-outlined-autocomplete.scss +0 -259
  545. package/core/tokens/m3/definitions/unused/_md-comp-outlined-menu-button.scss +0 -90
  546. package/core/tokens/m3/definitions/unused/_md-comp-outlined-segmented-button.scss +0 -108
  547. package/core/tokens/m3/definitions/unused/_md-comp-outlined-select.scss +0 -264
  548. package/core/tokens/m3/definitions/unused/_md-comp-primary-navigation-tab.scss +0 -117
  549. package/core/tokens/m3/definitions/unused/_md-comp-rich-tooltip.scss +0 -121
  550. package/core/tokens/m3/definitions/unused/_md-comp-scrim.scss +0 -19
  551. package/core/tokens/m3/definitions/unused/_md-comp-search-bar.scss +0 -97
  552. package/core/tokens/m3/definitions/unused/_md-comp-search-view.scss +0 -91
  553. package/core/tokens/m3/definitions/unused/_md-comp-sheet-bottom.scss +0 -39
  554. package/core/tokens/m3/definitions/unused/_md-comp-sheet-floating.scss +0 -28
  555. package/core/tokens/m3/definitions/unused/_md-comp-sheet-side.scss +0 -87
  556. package/core/tokens/m3/definitions/unused/_md-comp-standard-menu-button.scss +0 -94
  557. package/core/tokens/m3/definitions/unused/_md-comp-suggestion-chip.scss +0 -121
  558. package/core/tokens/m3/definitions/unused/_md-comp-time-input.scss +0 -222
  559. package/core/tokens/m3/definitions/unused/_md-comp-time-picker.scss +0 -268
  560. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-large.scss +0 -59
  561. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-medium.scss +0 -59
  562. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small-centered.scss +0 -62
  563. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small.scss +0 -60
  564. package/core/tokens/m3/mat/_card.scss +0 -24
  565. package/core/tokens/m3/mat/_checkbox.scss +0 -26
  566. package/core/tokens/m3/mat/_chip.scss +0 -46
  567. package/core/tokens/m3/mat/_dialog.scss +0 -32
  568. package/core/tokens/m3/mat/_fab-small.scss +0 -50
  569. package/core/tokens/m3/mat/_fab.scss +0 -50
  570. package/core/tokens/m3/mat/_filled-button.scss +0 -54
  571. package/core/tokens/m3/mat/_form-field.scss +0 -59
  572. package/core/tokens/m3/mat/_full-pseudo-checkbox.scss +0 -42
  573. package/core/tokens/m3/mat/_list.scss +0 -19
  574. package/core/tokens/m3/mat/_minimal-pseudo-checkbox.scss +0 -33
  575. package/core/tokens/m3/mat/_option.scss +0 -55
  576. package/core/tokens/m3/mat/_outlined-button.scss +0 -54
  577. package/core/tokens/m3/mat/_protected-button.scss +0 -55
  578. package/core/tokens/m3/mat/_radio.scss +0 -45
  579. package/core/tokens/m3/mat/_slider.scss +0 -58
  580. package/core/tokens/m3/mat/_snack-bar.scss +0 -18
  581. package/core/tokens/m3/mat/_stepper.scss +0 -79
  582. package/core/tokens/m3/mat/_switch.scss +0 -56
  583. package/core/tokens/m3/mat/_tab-header.scss +0 -51
  584. package/core/tokens/m3/mat/_text-button.scss +0 -55
  585. package/core/tokens/m3/mat/_tonal-button.scss +0 -101
  586. package/core/tokens/m3/mdc/_checkbox.scss +0 -112
  587. package/core/tokens/m3/mdc/_chip.scss +0 -93
  588. package/core/tokens/m3/mdc/_dialog.scss +0 -23
  589. package/core/tokens/m3/mdc/_elevated-card.scss +0 -22
  590. package/core/tokens/m3/mdc/_extended-fab.scss +0 -42
  591. package/core/tokens/m3/mdc/_fab-small.scss +0 -41
  592. package/core/tokens/m3/mdc/_fab.scss +0 -39
  593. package/core/tokens/m3/mdc/_filled-button.scss +0 -86
  594. package/core/tokens/m3/mdc/_filled-text-field.scss +0 -91
  595. package/core/tokens/m3/mdc/_icon-button.scss +0 -60
  596. package/core/tokens/m3/mdc/_list.scss +0 -37
  597. package/core/tokens/m3/mdc/_outlined-button.scss +0 -84
  598. package/core/tokens/m3/mdc/_outlined-card.scss +0 -22
  599. package/core/tokens/m3/mdc/_outlined-text-field.scss +0 -86
  600. package/core/tokens/m3/mdc/_plain-tooltip.scss +0 -15
  601. package/core/tokens/m3/mdc/_protected-button.scss +0 -101
  602. package/core/tokens/m3/mdc/_radio.scss +0 -47
  603. package/core/tokens/m3/mdc/_secondary-navigation-tab.scss +0 -16
  604. package/core/tokens/m3/mdc/_slider.scss +0 -69
  605. package/core/tokens/m3/mdc/_snack-bar.scss +0 -15
  606. package/core/tokens/m3/mdc/_switch.scss +0 -82
  607. package/core/tokens/m3/mdc/_tab-indicator.scss +0 -34
  608. package/core/tokens/m3/mdc/_text-button.scss +0 -79
  609. package/core/typography/_typography-utils-deprecated.scss +0 -6
  610. package/datepicker/_datepicker-legacy-compat.scss +0 -85
  611. package/divider/_divider-offset.scss +0 -12
  612. package/expansion/_expansion-variables.scss +0 -30
  613. package/fesm2022/animation-5f89c9a6.mjs +0 -33
  614. package/fesm2022/animation-5f89c9a6.mjs.map +0 -1
  615. package/fesm2022/common-module-3ec8031a.mjs.map +0 -1
  616. package/fesm2022/date-formats-b618acb8.mjs.map +0 -1
  617. package/fesm2022/date-range-input-harness-3718a667.mjs.map +0 -1
  618. package/fesm2022/divider-harness-8099453f.mjs.map +0 -1
  619. package/fesm2022/error-options-ee129e4b.mjs.map +0 -1
  620. package/fesm2022/error-state-8f4ce1af.mjs.map +0 -1
  621. package/fesm2022/form-field-9a53ebf1.mjs +0 -1076
  622. package/fesm2022/form-field-9a53ebf1.mjs.map +0 -1
  623. package/fesm2022/form-field-control-harness-efefd4cf.mjs.map +0 -1
  624. package/fesm2022/icon-button-acdabdec.mjs.map +0 -1
  625. package/fesm2022/icon-module-fd90a70e.mjs.map +0 -1
  626. package/fesm2022/icon-registry-c1df72ea.mjs.map +0 -1
  627. package/fesm2022/index-1ea85b8e.mjs.map +0 -1
  628. package/fesm2022/index-b8da641d.mjs.map +0 -1
  629. package/fesm2022/input-harness-e68bb132.mjs.map +0 -1
  630. package/fesm2022/input-value-accessor-8a79a24e.mjs.map +0 -1
  631. package/fesm2022/internal-form-field-7304c17d.mjs.map +0 -1
  632. package/fesm2022/line-d0757c01.mjs.map +0 -1
  633. package/fesm2022/module-2701d616.mjs.map +0 -1
  634. package/fesm2022/module-8175acdf.mjs.map +0 -1
  635. package/fesm2022/module-8c65f824.mjs.map +0 -1
  636. package/fesm2022/module-a40bca65.mjs.map +0 -1
  637. package/fesm2022/module-e7f30cea.mjs.map +0 -1
  638. package/fesm2022/optgroup-harness-d5cf72ed.mjs.map +0 -1
  639. package/fesm2022/option-a77bb984.mjs.map +0 -1
  640. package/fesm2022/option-harness-b4971f41.mjs.map +0 -1
  641. package/fesm2022/pseudo-checkbox-006bd0a9.mjs.map +0 -1
  642. package/fesm2022/pseudo-checkbox-module-d04dbe5a.mjs.map +0 -1
  643. package/fesm2022/public-api-c5ab57f5.mjs.map +0 -1
  644. package/fesm2022/ripple-18f3bc18.mjs.map +0 -1
  645. package/fesm2022/ripple-loader-e685c61f.mjs.map +0 -1
  646. package/fesm2022/select-harness-30466074.mjs.map +0 -1
  647. package/fesm2022/structural-styles-e3fe1eb7.mjs.map +0 -1
  648. package/form-field/_form-field-focus-overlay.scss +0 -31
  649. package/form-field/_form-field-high-contrast.scss +0 -39
  650. package/form-field/_form-field-native-select.scss +0 -97
  651. package/form-field/_form-field-subscript.scss +0 -95
  652. package/form-field/_mdc-text-field-density-overrides.scss +0 -60
  653. package/form-field/_mdc-text-field-structure-overrides.scss +0 -186
  654. package/form-field/_mdc-text-field-structure.scss +0 -621
  655. package/form-field/_mdc-text-field-textarea-overrides.scss +0 -36
  656. package/form-field/_user-agent-overrides.scss +0 -24
  657. package/list/_list-inherited-structure.scss +0 -504
  658. package/list/_list-item-hcm-indicator.scss +0 -29
  659. package/radio/_radio-common.scss +0 -259
  660. package/stepper/_stepper-variables.scss +0 -29
  661. package/table/_table-flex-styles.scss +0 -61
  662. package/tabs/_tabs-common.scss +0 -497
  663. package/toolbar/_toolbar-variables.scss +0 -28
  664. /package/core/tokens/m3/{definitions/_md-ref-palette.scss → _md-ref-palette.scss} +0 -0
  665. /package/core/tokens/m3/{definitions/_md-ref-typeface.scss → _md-ref-typeface.scss} +0 -0
  666. /package/core/tokens/m3/{definitions/_md-sys-color.scss → _md-sys-color.scss} +0 -0
  667. /package/core/tokens/m3/{definitions/_md-sys-elevation.scss → _md-sys-elevation.scss} +0 -0
  668. /package/core/tokens/m3/{definitions/_md-sys-motion.scss → _md-sys-motion.scss} +0 -0
  669. /package/core/tokens/m3/{definitions/_md-sys-shape.scss → _md-sys-shape.scss} +0 -0
  670. /package/core/tokens/m3/{definitions/_md-sys-state.scss → _md-sys-state.scss} +0 -0
  671. /package/core/tokens/m3/{definitions/_md-sys-typescale.scss → _md-sys-typescale.scss} +0 -0
  672. /package/{date-adapter.d-c6835d41.d.ts → date-adapter.d-e8299690.d.ts} +0 -0
  673. /package/{error-options.d-448d9046.d.ts → error-options.d-059d9639.d.ts} +0 -0
  674. /package/{form-field-control-harness.d-2d91f25a.d.ts → form-field-control-harness.d-e3cf007b.d.ts} +0 -0
  675. /package/{form-field-control.d-eb86711c.d.ts → form-field-control.d-9ed49092.d.ts} +0 -0
  676. /package/{list-option-types.d-8739f903.d.ts → list-option-types.d-076a5300.d.ts} +0 -0
  677. /package/{option.d-6f493d78.d.ts → option.d-4fb11594.d.ts} +0 -0
  678. /package/{palette.d-ec4a617c.d.ts → palette.d-1d8ebc0d.d.ts} +0 -0
  679. /package/{ripple-loader.d-e5ac6c14.d.ts → ripple-loader.d-f51e5eb6.d.ts} +0 -0
  680. /package/{sort-direction.d-f4ce4649.d.ts → sort-direction.d-52bce05e.d.ts} +0 -0
@@ -1,94 +0,0 @@
1
- @use '@angular/cdk';
2
-
3
- @use './list-common';
4
- @use './layout-common';
5
-
6
- // The mixins below are shared between mat-menu and mat-select
7
-
8
- // menu width must be a multiple of 56px
9
- $overlay-min-width: 112px !default; // 56 * 2
10
- $overlay-max-width: 280px !default; // 56 * 5
11
-
12
- $item-height: 48px !default;
13
- $side-padding: 16px !default;
14
- $icon-margin: 16px !default;
15
-
16
-
17
- @mixin base() {
18
- min-width: $overlay-min-width;
19
- max-width: $overlay-max-width;
20
- overflow: auto;
21
- }
22
-
23
- @mixin item-base() {
24
- @include list-common.truncate-line();
25
-
26
- // Needs to be a block for the ellipsis to work.
27
- display: block;
28
- line-height: $item-height;
29
- height: $item-height;
30
- padding: 0 $side-padding;
31
-
32
- text-align: left;
33
- text-decoration: none; // necessary to reset anchor tags
34
-
35
- // Required for Edge not to show scrollbars when setting the width manually. See #12112.
36
- max-width: 100%;
37
-
38
- &[disabled] {
39
- cursor: default;
40
- }
41
-
42
- [dir='rtl'] & {
43
- text-align: right;
44
- }
45
-
46
- .mat-icon {
47
- margin-right: $icon-margin;
48
- vertical-align: middle;
49
-
50
- svg {
51
- vertical-align: top;
52
- }
53
-
54
- [dir='rtl'] & {
55
- margin-left: $icon-margin;
56
- margin-right: 0;
57
- }
58
- }
59
- }
60
-
61
- @mixin item-submenu-icon($item-spacing, $icon-size) {
62
- width: $icon-size;
63
- height: 10px;
64
- fill: currentColor;
65
-
66
- // We use `padding` here, because the margin can collapse depending on the other content.
67
- padding-left: $item-spacing;
68
-
69
- [dir='rtl'] & {
70
- padding-right: $item-spacing;
71
- padding-left: 0;
72
-
73
- // Invert the arrow direction.
74
- polygon {
75
- transform: scaleX(-1);
76
- transform-origin: center;
77
- }
78
- }
79
-
80
- // Fix for Chromium-based browsers blending in the `currentColor` with the background.
81
- @include cdk.high-contrast {
82
- fill: CanvasText;
83
- }
84
- }
85
-
86
- @mixin item-ripple() {
87
- @include layout-common.fill;
88
-
89
- // Prevent any pointer events on the ripple container for a menu item. The ripple container is
90
- // not the trigger element for the ripples and can be therefore disabled like that. Disabling
91
- // the pointer events ensures that there is no `click` event that can bubble up and cause
92
- // the menu panel to close.
93
- pointer-events: none;
94
- }
@@ -1,76 +0,0 @@
1
- @use './palette';
2
-
3
- // @deprecated Use `$red-palette` instead
4
- $red: palette.$red-palette;
5
-
6
- // @deprecated Use `$pink-palette` instead
7
- $pink: palette.$pink-palette;
8
-
9
- // @deprecated Use `$indigo-palette` instead
10
- $indigo: palette.$indigo-palette;
11
-
12
- // @deprecated Use `$purple-palette` instead.
13
- $purple: palette.$purple-palette;
14
-
15
- // @deprecated Use `$deep-purple-palette` instead.
16
- $deep-purple: palette.$deep-purple-palette;
17
-
18
- // @deprecated Use `$blue-palette` instead.
19
- $blue: palette.$blue-palette;
20
-
21
- // @deprecated Use `$light-blue-palette` instead.
22
- $light-blue: palette.$light-blue-palette;
23
-
24
- // @deprecated Use `$cyan-palette` instead.
25
- $cyan: palette.$cyan-palette;
26
-
27
- // @deprecated Use `$teal-palette` instead.
28
- $teal: palette.$teal-palette;
29
-
30
- // @deprecated Use `$green-palette` instead.
31
- $green: palette.$green-palette;
32
-
33
- // @deprecated Use `$light-green-palette` instead.
34
- $light-green: palette.$light-green-palette;
35
-
36
- // @deprecated Use `$lime-palette` instead.
37
- $lime: palette.$lime-palette;
38
-
39
- // @deprecated Use `$yellow-palette` instead.
40
- $yellow: palette.$yellow-palette;
41
-
42
- // @deprecated Use `$amber-palette` instead.
43
- $amber: palette.$amber-palette;
44
-
45
- // @deprecated Use `$orange-palette` instead.
46
- $orange: palette.$orange-palette;
47
-
48
- // @deprecated Use `$deep-orange-palette` instead.
49
- $deep-orange: palette.$deep-orange-palette;
50
-
51
- // @deprecated Use `$brown-palette` instead.
52
- $brown: palette.$brown-palette;
53
-
54
- // @deprecated Use `$grey-palette` instead.
55
- $grey: palette.$grey-palette;
56
-
57
- // @deprecated Use `$gray-palette` instead.
58
- $gray: palette.$gray-palette;
59
-
60
- // @deprecated Use `$blue-grey-palette` instead.
61
- $blue-grey: palette.$blue-grey-palette;
62
-
63
- // @deprecated Use `$blue-gray-palette` instead.
64
- $blue-gray: palette.$blue-gray-palette;
65
-
66
- // @deprecated Use `$light-theme-background-palette` instead.
67
- $light-theme-background: palette.$light-theme-background-palette;
68
-
69
- // @deprecated Use `$dark-theme-background-palette` instead.
70
- $dark-theme-background: palette.$dark-theme-background-palette;
71
-
72
- // @deprecated Use `$light-theme-foreground-palette` instead.
73
- $light-theme-foreground: palette.$light-theme-foreground-palette;
74
-
75
- // @deprecated Use `$dark-theme-foreground-palette` instead.
76
- $dark-theme-foreground: palette.$dark-theme-foreground-palette;
@@ -1,27 +0,0 @@
1
- @use '../m2/theming' as m2-theming;
2
- @use '../m2/palette' as m2-palette;
3
-
4
- // @deprecated Use `get-color-from-palette`.
5
- @function color($palette, $hue: default, $opacity: null) {
6
- @return m2-theming.get-color-from-palette($palette, $hue, $opacity);
7
- }
8
-
9
- // @deprecated Use `get-contrast-color-from-palette`.
10
- @function contrast($palette, $hue) {
11
- @return m2-theming.get-contrast-color-from-palette($palette, $hue);
12
- }
13
-
14
- // @deprecated Use `define-palette`.
15
- @function palette($base-palette, $default: 500, $lighter: 100, $darker: 700, $text: $default) {
16
- @return m2-theming.define-palette($base-palette, $default, $lighter, $darker, $text);
17
- }
18
-
19
- // @deprecated Use `define-light-theme`.
20
- @function dark-theme($primary, $accent: null, $warn: palette(m2-palette.$red-palette)) {
21
- @return m2-theming.define-dark-theme($primary, $accent, $warn);
22
- }
23
-
24
- // @deprecated Use `define-light-theme`.
25
- @function light-theme($primary, $accent: null, $warn: palette(m2-palette.$red-palette)) {
26
- @return m2-theming.define-light-theme($primary, $accent, $warn);
27
- }
@@ -1,272 +0,0 @@
1
- @use 'sass:color';
2
- @use 'sass:list';
3
- @use 'sass:map';
4
- @use 'sass:meta';
5
- @use 'sass:math';
6
- @use '../m2/palette' as m2-palette;
7
- @use '../m2/theming' as m2-theming;
8
- @use '../m2/typography' as m2-typography;
9
- @use '../style/sass-utils';
10
- @use './m3/definitions' as m3-token-definitions;
11
-
12
- // Indicates whether we're building internally. Used for backwards compatibility.
13
- $private-is-internal-build: false;
14
-
15
- $_placeholder-color-palette: m2-theming.define-palette(m2-palette.$red-palette);
16
-
17
- // Placeholder color config that can be passed to token getter functions when generating token
18
- // slots.
19
- $placeholder-color-config: (
20
- primary: $_placeholder-color-palette,
21
- accent: $_placeholder-color-palette,
22
- warn: $_placeholder-color-palette,
23
- is-dark: false,
24
- foreground: m2-palette.$light-theme-foreground-palette,
25
- background: m2-palette.$light-theme-background-palette,
26
- );
27
-
28
- $_placeholder-typography-level-config: m2-typography.typography-config-level-from-mdc(body1);
29
-
30
- // Placeholder typography config that can be passed to token getter functions when generating token
31
- // slots.
32
- $placeholder-typography-config: (
33
- font-family: 'Roboto, sans-serif',
34
- headline-1: $_placeholder-typography-level-config,
35
- headline-2: $_placeholder-typography-level-config,
36
- headline-3: $_placeholder-typography-level-config,
37
- headline-4: $_placeholder-typography-level-config,
38
- headline-5: $_placeholder-typography-level-config,
39
- headline-6: $_placeholder-typography-level-config,
40
- subtitle-1: $_placeholder-typography-level-config,
41
- subtitle-2: $_placeholder-typography-level-config,
42
- body-1: $_placeholder-typography-level-config,
43
- body-2: $_placeholder-typography-level-config,
44
- caption: $_placeholder-typography-level-config,
45
- button: $_placeholder-typography-level-config,
46
- overline: $_placeholder-typography-level-config,
47
- subheading-1: $_placeholder-typography-level-config,
48
- title: $_placeholder-typography-level-config,
49
- );
50
-
51
- // Placeholder density config that can be passed to token getter functions when generating token
52
- // slots.
53
- $placeholder-density-config: 0;
54
-
55
- $_tokens: null;
56
- $_component-prefix: null;
57
- $_system-fallbacks: null;
58
-
59
- /// Gets all the MDC token values for a specific component. This function serves as single
60
- /// point at which we directly reference a specific version of the MDC tokens.
61
- /// @param {String} $component Name of the component for which to get the tokens
62
- /// @param {Map} $systems The MDC system tokens
63
- /// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
64
- /// @return {List} Map of token names to values
65
- @function get-mdc-tokens($component, $systems, $exclude-hardcoded) {
66
- $full-name: 'md-comp-' + $component + '-values';
67
- $fn: meta.get-function($name: $full-name, $module: 'm3-token-definitions');
68
- @return meta.call($fn, $systems, $exclude-hardcoded);
69
- }
70
-
71
- /// Gets the MDC tokens for the given prefix, M3 token values, and supported token slots.
72
- /// @param {List} $prefix The token prefix for the given tokens.
73
- /// @param {Map|(Map, Map)} $values A map of M3 token values for the given prefix.
74
- /// This param may also be a tuple of maps, the first one representing the default M3 token values,
75
- // and the second containing overrides for different color variants.
76
- // Single map example:
77
- // (token1: green, token2: 2px)
78
- // Tuple example:
79
- // (
80
- // (token1: green, token2: 2px),
81
- // (
82
- // secondary: (token1: blue),
83
- // error: (token1: red),
84
- // )
85
- // )
86
- /// @param {Map} $slots A map of token slots, with null value indicating the token is not supported.
87
- /// @param {String|null} $variant The name of the variant the token values are for.
88
- /// @return {Map} A map of fully qualified token names to values, for only the supported tokens.
89
- @function namespace-tokens($prefix, $values, $slots, $variant: null) {
90
- $result: ();
91
- @if $variant == null and meta.type-of($values) == 'list' and list.length($values == 2) {
92
- $variants: list.nth($values, 2);
93
- $values: list.nth($values, 1);
94
- @each $variant, $overrides in $variants {
95
- $result: map.merge($result, namespace-tokens($prefix, $overrides, $slots, $variant));
96
- }
97
- }
98
- $used-token-names: map.keys(_filter-nulls(map.get($slots, $prefix)));
99
- $used-m3-tokens: _pick(_filter-nulls($values), $used-token-names);
100
- $prefix: if($variant == null, $prefix, list.append($prefix, $variant));
101
- @return map.merge($result, ($prefix: $used-m3-tokens));
102
- }
103
-
104
- /// Hardcode the given value, or null if hardcoded values are excluded.
105
- @function hardcode($value, $exclude-hardcoded) {
106
- @return if($exclude-hardcoded, null, $value);
107
- }
108
-
109
- /// Sets all of the standard typography tokens for the given token base name to the given typography
110
- /// level.
111
- /// @param {Map} $systems The MDC system tokens
112
- /// @param {String} $base-name The token base name to get the typography tokens for
113
- /// @param {String} $typography-level The typography level to base the token values on
114
- /// @return {Map} A map containing the typography tokens for the given base token name
115
- @function generate-typography-tokens($systems, $base-name, $typography-level) {
116
- $result: ();
117
- @each $prop in (font, line-height, size, tracking, weight) {
118
- $result: map.set($result, #{$base-name}-#{$prop},
119
- map.get($systems, md-sys-typescale, #{$typography-level}-#{$prop}));
120
- }
121
- @return $result;
122
- }
123
-
124
- /// Maps the values in a map to new values using the given mapping function
125
- /// @param {Map} $map The maps whose values will be mapped to new values.
126
- /// @param {Function} $fn The value mapping function.
127
- /// @param {ArgList} $args Additional arguments to pass to the mapping function.
128
- /// @return {Map} A new map with its values updated using the mapping function.
129
- @function map-values($map, $fn, $args...) {
130
- $result: ();
131
- @each $key, $value in $map {
132
- $result: map.set($result, $key, meta.call($fn, $value, $args...));
133
- }
134
- @return $result;
135
- }
136
-
137
- /// Renames the keys in a map
138
- /// @param {Map} $map The map whose keys should be renamed
139
- /// @param {Map} $rename-keys A map of original key to renamed key to apply to $map
140
- /// @return {Map} The result of applying the given key renames to the given map.
141
- @function rename-map-keys($map, $rename-keys) {
142
- $result: $map;
143
- @each $old-key-name, $new-key-name in $rename-keys {
144
- @if map.has-key($map, $old-key-name) {
145
- $result: map.set($result, $new-key-name, map.get($map, $old-key-name));
146
- }
147
- }
148
- @return $result;
149
- }
150
-
151
- /// At the time of writing, some color tokens (e.g. disabled state) are defined as a solid color
152
- /// token and a separate opacity token. This function applies the opacity to the color and drops the
153
- /// opacity key from the map. Can be removed once b/213331407 is resolved.
154
- /// @param {Map} $tokens The map of tokens currently being generated
155
- /// @param {Map} $all-tokens A map of all tokens, including hardcoded values
156
- /// @param {List} $pairs Pairs of color token names and their opacities. Should be in the shape of
157
- /// `((color: 'color-key', opacity: 'opacity-key'))`.
158
- /// @return {Map} The initial tokens with the combined color values.
159
- @function combine-color-tokens($tokens, $opacity-lookup, $pairs) {
160
- $result: $tokens;
161
-
162
- @each $pair in $pairs {
163
- $color-key: map.get($pair, color);
164
- $opacity-key: map.get($pair, opacity);
165
- $color: map.get($tokens, $color-key);
166
-
167
- @if (sass-utils.is-css-var-name($color)) {
168
- $color: var(#{$color});
169
- }
170
-
171
- $opacity: map.get($opacity-lookup, $opacity-key);
172
-
173
- @if(meta.type-of($color) == 'color') {
174
- $result: map.remove($result, $opacity-key);
175
- $result: map.set($result, $color-key, rgba($color, $opacity));
176
- } @else if($color != null) {
177
- $result: map.remove($result, $opacity-key);
178
- $combined-color: #{color-mix(in srgb, #{$color} #{($opacity * 100) + '%'}, transparent)};
179
- $result: map.set($result, $color-key, $combined-color);
180
- }
181
- }
182
-
183
- @return $result;
184
- }
185
-
186
- /// Inherited function from MDC that computes which contrast tone to use on top of a color.
187
- /// This is used only in a narrow set of use cases when generating M2 button tokens to maintain
188
- /// backwards compatibility.
189
- /// @param {Color} $value Color for which we're calculating the contrast tone.
190
- /// @param {Boolean} $is-dark Whether the current theme is dark.
191
- /// @return {Map} Either `dark` or `light`.
192
- @function contrast-tone($value, $is-dark) {
193
- @if ($value == 'dark') {
194
- @return 'light';
195
- }
196
-
197
- @if ($value == 'light') {
198
- @return 'dark';
199
- }
200
-
201
- // Fallback if the app is using a non-color palette (e.g. CSS variable based).
202
- @if (meta.type-of($value) != 'color') {
203
- @return if($is-dark, 'light', 'dark');
204
- }
205
-
206
- $minimum-contrast: 3.1;
207
- $light-contrast: _contrast($value, #fff);
208
- $dark-contrast: _contrast($value, rgba(0, 0, 0, 0.87));
209
-
210
- @if ($light-contrast < $minimum-contrast) and ($dark-contrast > $light-contrast) {
211
- @return 'dark';
212
- }
213
-
214
- @return 'light';
215
- }
216
-
217
- @function _linear-channel-value($channel-value) {
218
- $normalized-channel-value: math.div($channel-value, 255);
219
-
220
- @if ($normalized-channel-value < 0.03928) {
221
- @return math.div($normalized-channel-value, 12.92);
222
- }
223
-
224
- @return math.pow(math.div($normalized-channel-value + 0.055, 1.055), 2.4);
225
- }
226
-
227
- // Calculate the luminance for a color.
228
- // See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
229
- @function _luminance($color) {
230
- $red: _linear-channel-value(color.red($color));
231
- $green: _linear-channel-value(color.green($color));
232
- $blue: _linear-channel-value(color.blue($color));
233
-
234
- @return 0.2126 * $red + 0.7152 * $green + 0.0722 * $blue;
235
- }
236
-
237
- // Calculate the contrast ratio between two colors.
238
- // See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
239
- @function _contrast($back, $front) {
240
- $back-lum: _luminance($back) + 0.05;
241
- $fore-lum: _luminance($front) + 0.05;
242
-
243
- @return math.div(math.max($back-lum, $fore-lum), math.min($back-lum, $fore-lum));
244
- }
245
-
246
- /// Picks a submap containing only the given keys out the given map.
247
- /// @param {Map} $map The map to pick from.
248
- /// @param {List} $keys The map keys to pick.
249
- /// @return {Map} A submap containing only the given keys.
250
- @function _pick($map, $keys) {
251
- $result: ();
252
- @each $key in $keys {
253
- @if map.has-key($map, $key) {
254
- $result: map.set($result, $key, map.get($map, $key));
255
- }
256
- }
257
- @return $result;
258
- }
259
-
260
-
261
- /// Filters keys with a null value out of the map.
262
- /// @param {Map} $map The map to filter.
263
- /// @return {Map} The given map with all of the null keys filtered out.
264
- @function _filter-nulls($map) {
265
- $result: ();
266
- @each $key, $val in $map {
267
- @if $val != null {
268
- $result: map.set($result, $key, $val);
269
- }
270
- }
271
- @return $result;
272
- }
@@ -1,189 +0,0 @@
1
- @use 'sass:map';
2
- @use 'sass:meta';
3
- @use '../../style/sass-utils';
4
- @use './mat/app' as tokens-mat-app;
5
- @use './mat/autocomplete' as tokens-mat-autocomplete;
6
- @use './mat/badge' as tokens-mat-badge;
7
- @use './mat/text-button' as tokens-mat-text-button;
8
- @use './mat/protected-button' as tokens-mat-protected-button;
9
- @use './mat/filled-button' as tokens-mat-filled-button;
10
- @use './mat/outlined-button' as tokens-mat-outlined-button;
11
- @use './mat/dialog' as tokens-mat-dialog;
12
- @use './mat/bottom-sheet' as tokens-mat-bottom-sheet;
13
- @use './mat/card' as tokens-mat-card;
14
- @use './mat/chip' as tokens-mat-chip;
15
- @use './mat/datepicker' as tokens-mat-datepicker;
16
- @use './mat/divider' as tokens-mat-divider;
17
- @use './mat/expansion' as tokens-mat-expansion;
18
- @use './mat/fab' as tokens-mat-fab;
19
- @use './mat/fab-small' as tokens-mat-fab-small;
20
- @use './mat/form-field' as tokens-mat-form-field;
21
- @use './mat/grid-list' as tokens-mat-grid-list;
22
- @use './mat/icon' as tokens-mat-icon;
23
- @use './mat/icon-button' as tokens-mat-icon-button;
24
- @use './mat/list' as tokens-mat-list;
25
- @use './mat/menu' as tokens-mat-menu;
26
- @use './mat/option' as tokens-mat-option;
27
- @use './mat/optgroup' as tokens-mat-optgroup;
28
- @use './mat/paginator' as tokens-mat-paginator;
29
- @use './mat/checkbox' as tokens-mat-checkbox;
30
- @use './mat/full-pseudo-checkbox' as tokens-mat-full-pseudo-checkbox;
31
- @use './mat/minimal-pseudo-checkbox' as tokens-mat-minimal-pseudo-checkbox;
32
- @use './mat/radio' as tokens-mat-radio;
33
- @use './mat/ripple' as tokens-mat-ripple;
34
- @use './mat/select' as tokens-mat-select;
35
- @use './mat/sidenav' as tokens-mat-sidenav;
36
- @use './mat/slider' as tokens-mat-slider;
37
- @use './mat/switch' as tokens-mat-switch;
38
- @use './mat/snack-bar' as tokens-mat-snack-bar;
39
- @use './mat/sort' as tokens-mat-sort;
40
- @use './mat/standard-button-toggle' as tokens-mat-button-toggle;
41
- @use './mat/stepper' as tokens-mat-stepper;
42
- @use './mat/tab-header' as tokens-mat-tab-header;
43
- @use './mat/tab-header-with-background' as tokens-mat-tab-header-with-background;
44
- @use './mat/table' as tokens-mat-table;
45
- @use './mat/toolbar' as tokens-mat-toolbar;
46
- @use './mat/tree' as tokens-mat-tree;
47
- @use './mat/timepicker' as tokens-mat-timepicker;
48
- @use './mat/tonal-button' as tokens-mat-tonal-button;
49
- @use './mdc/checkbox' as tokens-mdc-checkbox;
50
- @use './mdc/text-button' as tokens-mdc-text-button;
51
- @use './mdc/protected-button' as tokens-mdc-protected-button;
52
- @use './mdc/filled-button' as tokens-mdc-filled-button;
53
- @use './mdc/outlined-button' as tokens-mdc-outlined-button;
54
- @use './mdc/chip' as tokens-mdc-chip;
55
- @use './mdc/circular-progress' as tokens-mdc-circular-progress;
56
- @use './mdc/dialog' as tokens-mdc-dialog;
57
- @use './mdc/elevated-card' as tokens-mdc-elevated-card;
58
- @use './mdc/extended-fab' as tokens-mdc-extended-fab;
59
- @use './mdc/fab' as tokens-mdc-fab;
60
- @use './mdc/fab-small' as tokens-mdc-fab-small;
61
- @use './mdc/filled-text-field' as tokens-mdc-filled-text-field;
62
- @use './mdc/icon-button' as tokens-mdc-icon-button;
63
- @use './mdc/linear-progress' as tokens-mdc-linear-progress;
64
- @use './mdc/list' as tokens-mdc-list;
65
- @use './mdc/outlined-card' as tokens-mdc-outlined-card;
66
- @use './mdc/outlined-text-field' as tokens-mdc-outlined-text-field;
67
- @use './mdc/plain-tooltip' as tokens-mdc-plain-tooltip;
68
- @use './mdc/radio' as tokens-mdc-radio;
69
- @use './mdc/slider' as tokens-mdc-slider;
70
- @use './mdc/snack-bar' as tokens-mdc-snack-bar;
71
- @use './mdc/switch' as tokens-mdc-switch;
72
- @use './mdc/secondary-navigation-tab' as tokens-mdc-secondary-navigation-tab;
73
- @use './mdc/tab-indicator' as tokens-mdc-tab-indicator;
74
- @use '../../theming/inspection';
75
-
76
- /// Gets the tokens for the given theme, m2 tokens module, and theming system.
77
- /// @param {Map} $theme The Angular Material theme object to generate token values from.
78
- /// @param {String} $module The Sass module containing the token getter functions.
79
- /// @param {String} $system The theming system to get tokens for. Valid values are: unthemable,
80
- /// color, typography, density.
81
- /// @return {Map} The token map by calling the token getter for the given system in the given module
82
- /// with the given Angular Material theme. Token names are not fully-qualified.
83
- @function _get-tokens-for-module-and-system($theme, $module, $system) {
84
- @if $system == unthemable {
85
- @return meta.call(meta.get-function(get-#{$system}-tokens, $module: $module));
86
- }
87
- @if not inspection.theme-has($theme, $system) {
88
- @return ();
89
- }
90
- @return meta.call(meta.get-function(get-#{$system}-tokens, $module: $module), $theme);
91
- }
92
-
93
- /// Gets the fully qualified tokens map for the given theme and m2 tokens module.
94
- /// @param {Map} $theme The Angular Material theme object to generate token values from.
95
- /// @param {String} $module The Sass module containing the token getter functions.
96
- /// @return {Map} The token map by calling the token getters in the given module with the given
97
- /// Angular Material theme. Token names are fully-qualified.
98
- @function _get-tokens-for-module($theme, $module) {
99
- $tokens: sass-utils.deep-merge-all(
100
- _get-tokens-for-module-and-system($theme, $module, unthemable),
101
- _get-tokens-for-module-and-system($theme, $module, color),
102
- _get-tokens-for-module-and-system($theme, $module, typography),
103
- _get-tokens-for-module-and-system($theme, $module, density)
104
- );
105
- @return map.set((), map.get(meta.module-variables($module), prefix), $tokens);
106
- }
107
-
108
- /// Gets the full set of M2 tokens for the given theme object.
109
- /// @param {Map} $theme The Angular Material theme object to generate token values from.
110
- /// @return {Map} The token map for the given Angular Material theme. Returned format:
111
- /// (
112
- /// (fully, qualified, namespace): (
113
- /// token: value
114
- /// )
115
- /// )
116
- @function m2-tokens-from-theme($theme) {
117
- @return sass-utils.deep-merge-all(
118
- _get-tokens-for-module($theme, tokens-mat-app),
119
- _get-tokens-for-module($theme, tokens-mat-autocomplete),
120
- _get-tokens-for-module($theme, tokens-mat-badge),
121
- _get-tokens-for-module($theme, tokens-mat-bottom-sheet),
122
- _get-tokens-for-module($theme, tokens-mat-button-toggle),
123
- _get-tokens-for-module($theme, tokens-mat-card),
124
- _get-tokens-for-module($theme, tokens-mat-chip),
125
- _get-tokens-for-module($theme, tokens-mat-datepicker),
126
- _get-tokens-for-module($theme, tokens-mat-dialog),
127
- _get-tokens-for-module($theme, tokens-mat-divider),
128
- _get-tokens-for-module($theme, tokens-mat-expansion),
129
- _get-tokens-for-module($theme, tokens-mat-fab),
130
- _get-tokens-for-module($theme, tokens-mat-fab-small),
131
- _get-tokens-for-module($theme, tokens-mat-filled-button),
132
- _get-tokens-for-module($theme, tokens-mat-form-field),
133
- _get-tokens-for-module($theme, tokens-mat-grid-list),
134
- _get-tokens-for-module($theme, tokens-mat-icon-button),
135
- _get-tokens-for-module($theme, tokens-mat-icon),
136
- _get-tokens-for-module($theme, tokens-mat-menu),
137
- _get-tokens-for-module($theme, tokens-mat-optgroup),
138
- _get-tokens-for-module($theme, tokens-mat-option),
139
- _get-tokens-for-module($theme, tokens-mat-outlined-button),
140
- _get-tokens-for-module($theme, tokens-mat-paginator),
141
- _get-tokens-for-module($theme, tokens-mat-checkbox),
142
- _get-tokens-for-module($theme, tokens-mat-full-pseudo-checkbox),
143
- _get-tokens-for-module($theme, tokens-mat-list),
144
- _get-tokens-for-module($theme, tokens-mat-minimal-pseudo-checkbox),
145
- _get-tokens-for-module($theme, tokens-mat-protected-button),
146
- _get-tokens-for-module($theme, tokens-mat-radio),
147
- _get-tokens-for-module($theme, tokens-mat-ripple),
148
- _get-tokens-for-module($theme, tokens-mat-select),
149
- _get-tokens-for-module($theme, tokens-mat-sidenav),
150
- _get-tokens-for-module($theme, tokens-mat-slider),
151
- _get-tokens-for-module($theme, tokens-mat-switch),
152
- _get-tokens-for-module($theme, tokens-mat-snack-bar),
153
- _get-tokens-for-module($theme, tokens-mat-sort),
154
- _get-tokens-for-module($theme, tokens-mat-stepper),
155
- _get-tokens-for-module($theme, tokens-mat-tab-header-with-background),
156
- _get-tokens-for-module($theme, tokens-mat-tab-header),
157
- _get-tokens-for-module($theme, tokens-mat-table),
158
- _get-tokens-for-module($theme, tokens-mat-text-button),
159
- _get-tokens-for-module($theme, tokens-mat-toolbar),
160
- _get-tokens-for-module($theme, tokens-mat-tree),
161
- _get-tokens-for-module($theme, tokens-mat-timepicker),
162
- _get-tokens-for-module($theme, tokens-mat-tonal-button),
163
- _get-tokens-for-module($theme, tokens-mdc-checkbox),
164
- _get-tokens-for-module($theme, tokens-mdc-chip),
165
- _get-tokens-for-module($theme, tokens-mdc-circular-progress),
166
- _get-tokens-for-module($theme, tokens-mdc-dialog),
167
- _get-tokens-for-module($theme, tokens-mdc-elevated-card),
168
- _get-tokens-for-module($theme, tokens-mdc-extended-fab),
169
- _get-tokens-for-module($theme, tokens-mdc-fab),
170
- _get-tokens-for-module($theme, tokens-mdc-fab-small),
171
- _get-tokens-for-module($theme, tokens-mdc-filled-button),
172
- _get-tokens-for-module($theme, tokens-mdc-filled-text-field),
173
- _get-tokens-for-module($theme, tokens-mdc-icon-button),
174
- _get-tokens-for-module($theme, tokens-mdc-linear-progress),
175
- _get-tokens-for-module($theme, tokens-mdc-list),
176
- _get-tokens-for-module($theme, tokens-mdc-outlined-button),
177
- _get-tokens-for-module($theme, tokens-mdc-outlined-card),
178
- _get-tokens-for-module($theme, tokens-mdc-outlined-text-field),
179
- _get-tokens-for-module($theme, tokens-mdc-plain-tooltip),
180
- _get-tokens-for-module($theme, tokens-mdc-protected-button),
181
- _get-tokens-for-module($theme, tokens-mdc-radio),
182
- _get-tokens-for-module($theme, tokens-mdc-slider),
183
- _get-tokens-for-module($theme, tokens-mdc-snack-bar),
184
- _get-tokens-for-module($theme, tokens-mdc-switch),
185
- _get-tokens-for-module($theme, tokens-mdc-tab-indicator),
186
- _get-tokens-for-module($theme, tokens-mdc-secondary-navigation-tab),
187
- _get-tokens-for-module($theme, tokens-mdc-text-button)
188
- );
189
- }