@angular/material 15.2.1 → 16.0.0-next.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 (497) hide show
  1. package/card/_card-theme.scss +42 -47
  2. package/core/tokens/_token-utils.scss +16 -0
  3. package/core/tokens/m2/mat/_card.scss +67 -0
  4. package/core/tokens/m2/mdc/_elevated-card.scss +78 -0
  5. package/core/tokens/m2/mdc/_list.scss +4 -8
  6. package/core/tokens/m2/mdc/_outlined-card.scss +87 -0
  7. package/esm2020/autocomplete/autocomplete-origin.mjs +7 -7
  8. package/esm2020/autocomplete/autocomplete-trigger.mjs +7 -7
  9. package/esm2020/autocomplete/autocomplete.mjs +7 -7
  10. package/esm2020/autocomplete/module.mjs +5 -5
  11. package/esm2020/badge/badge-module.mjs +5 -5
  12. package/esm2020/badge/badge.mjs +4 -4
  13. package/esm2020/bottom-sheet/bottom-sheet-container.mjs +4 -4
  14. package/esm2020/bottom-sheet/bottom-sheet-module.mjs +5 -5
  15. package/esm2020/bottom-sheet/bottom-sheet.mjs +4 -4
  16. package/esm2020/button/button-base.mjs +7 -7
  17. package/esm2020/button/button.mjs +7 -7
  18. package/esm2020/button/fab.mjs +13 -13
  19. package/esm2020/button/icon-button.mjs +7 -7
  20. package/esm2020/button/module.mjs +5 -5
  21. package/esm2020/button-toggle/button-toggle-module.mjs +5 -5
  22. package/esm2020/button-toggle/button-toggle.mjs +7 -7
  23. package/esm2020/card/card.mjs +44 -44
  24. package/esm2020/card/module.mjs +5 -5
  25. package/esm2020/checkbox/checkbox-required-validator.mjs +4 -4
  26. package/esm2020/checkbox/checkbox.mjs +7 -7
  27. package/esm2020/checkbox/module.mjs +9 -9
  28. package/esm2020/chips/chip-action.mjs +4 -4
  29. package/esm2020/chips/chip-edit-input.mjs +4 -4
  30. package/esm2020/chips/chip-grid.mjs +4 -4
  31. package/esm2020/chips/chip-icons.mjs +10 -10
  32. package/esm2020/chips/chip-input.mjs +4 -4
  33. package/esm2020/chips/chip-listbox.mjs +4 -4
  34. package/esm2020/chips/chip-option.mjs +4 -4
  35. package/esm2020/chips/chip-row.mjs +4 -4
  36. package/esm2020/chips/chip-set.mjs +4 -4
  37. package/esm2020/chips/chip.mjs +4 -4
  38. package/esm2020/chips/module.mjs +5 -5
  39. package/esm2020/core/common-behaviors/common-module.mjs +5 -5
  40. package/esm2020/core/datetime/index.mjs +9 -9
  41. package/esm2020/core/datetime/native-date-adapter.mjs +4 -4
  42. package/esm2020/core/error/error-options.mjs +7 -7
  43. package/esm2020/core/line/line.mjs +8 -8
  44. package/esm2020/core/option/index.mjs +5 -5
  45. package/esm2020/core/option/optgroup.mjs +7 -7
  46. package/esm2020/core/option/option.mjs +7 -7
  47. package/esm2020/core/ripple/index.mjs +5 -5
  48. package/esm2020/core/ripple/ripple.mjs +4 -4
  49. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox-module.mjs +5 -5
  50. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +4 -4
  51. package/esm2020/core/version.mjs +1 -1
  52. package/esm2020/datepicker/calendar-body.mjs +4 -4
  53. package/esm2020/datepicker/calendar.mjs +7 -7
  54. package/esm2020/datepicker/date-range-input-parts.mjs +10 -10
  55. package/esm2020/datepicker/date-range-input.mjs +4 -4
  56. package/esm2020/datepicker/date-range-picker.mjs +4 -4
  57. package/esm2020/datepicker/date-range-selection-strategy.mjs +4 -4
  58. package/esm2020/datepicker/date-selection-model.mjs +10 -10
  59. package/esm2020/datepicker/datepicker-actions.mjs +10 -10
  60. package/esm2020/datepicker/datepicker-base.mjs +7 -7
  61. package/esm2020/datepicker/datepicker-input-base.mjs +4 -4
  62. package/esm2020/datepicker/datepicker-input.mjs +4 -4
  63. package/esm2020/datepicker/datepicker-intl.mjs +4 -4
  64. package/esm2020/datepicker/datepicker-module.mjs +5 -5
  65. package/esm2020/datepicker/datepicker-toggle.mjs +7 -7
  66. package/esm2020/datepicker/datepicker.mjs +4 -4
  67. package/esm2020/datepicker/month-view.mjs +4 -4
  68. package/esm2020/datepicker/multi-year-view.mjs +4 -4
  69. package/esm2020/datepicker/year-view.mjs +4 -4
  70. package/esm2020/dialog/dialog-container.mjs +7 -7
  71. package/esm2020/dialog/dialog-content-directives.mjs +13 -13
  72. package/esm2020/dialog/dialog.mjs +7 -7
  73. package/esm2020/dialog/module.mjs +5 -5
  74. package/esm2020/divider/divider-module.mjs +5 -5
  75. package/esm2020/divider/divider.mjs +4 -4
  76. package/esm2020/expansion/accordion.mjs +4 -4
  77. package/esm2020/expansion/expansion-module.mjs +5 -5
  78. package/esm2020/expansion/expansion-panel-content.mjs +4 -4
  79. package/esm2020/expansion/expansion-panel-header.mjs +10 -10
  80. package/esm2020/expansion/expansion-panel.mjs +7 -7
  81. package/esm2020/form-field/directives/error.mjs +4 -4
  82. package/esm2020/form-field/directives/floating-label.mjs +4 -4
  83. package/esm2020/form-field/directives/hint.mjs +4 -4
  84. package/esm2020/form-field/directives/label.mjs +4 -4
  85. package/esm2020/form-field/directives/line-ripple.mjs +4 -4
  86. package/esm2020/form-field/directives/notched-outline.mjs +4 -4
  87. package/esm2020/form-field/directives/prefix.mjs +4 -4
  88. package/esm2020/form-field/directives/suffix.mjs +4 -4
  89. package/esm2020/form-field/form-field-control.mjs +4 -4
  90. package/esm2020/form-field/form-field.mjs +4 -4
  91. package/esm2020/form-field/module.mjs +5 -5
  92. package/esm2020/grid-list/grid-list-module.mjs +5 -5
  93. package/esm2020/grid-list/grid-list.mjs +4 -4
  94. package/esm2020/grid-list/grid-tile.mjs +16 -16
  95. package/esm2020/icon/icon-module.mjs +5 -5
  96. package/esm2020/icon/icon-registry.mjs +4 -4
  97. package/esm2020/icon/icon.mjs +4 -4
  98. package/esm2020/icon/testing/fake-icon-registry.mjs +8 -8
  99. package/esm2020/input/input.mjs +4 -4
  100. package/esm2020/input/module.mjs +5 -5
  101. package/esm2020/legacy-autocomplete/autocomplete-module.mjs +5 -5
  102. package/esm2020/legacy-autocomplete/autocomplete-origin.mjs +4 -4
  103. package/esm2020/legacy-autocomplete/autocomplete-trigger.mjs +4 -4
  104. package/esm2020/legacy-autocomplete/autocomplete.mjs +4 -4
  105. package/esm2020/legacy-button/button-module.mjs +5 -5
  106. package/esm2020/legacy-button/button.mjs +7 -7
  107. package/esm2020/legacy-card/card-module.mjs +5 -5
  108. package/esm2020/legacy-card/card.mjs +43 -43
  109. package/esm2020/legacy-checkbox/checkbox-module.mjs +5 -5
  110. package/esm2020/legacy-checkbox/checkbox.mjs +4 -4
  111. package/esm2020/legacy-chips/chip-input.mjs +4 -4
  112. package/esm2020/legacy-chips/chip-list.mjs +4 -4
  113. package/esm2020/legacy-chips/chip.mjs +13 -13
  114. package/esm2020/legacy-chips/chips-module.mjs +5 -5
  115. package/esm2020/legacy-core/option/index.mjs +5 -5
  116. package/esm2020/legacy-core/option/optgroup.mjs +4 -4
  117. package/esm2020/legacy-core/option/option.mjs +4 -4
  118. package/esm2020/legacy-dialog/dialog-container.mjs +4 -4
  119. package/esm2020/legacy-dialog/dialog-content-directives.mjs +13 -13
  120. package/esm2020/legacy-dialog/dialog-module.mjs +5 -5
  121. package/esm2020/legacy-dialog/dialog.mjs +4 -4
  122. package/esm2020/legacy-form-field/error.mjs +4 -4
  123. package/esm2020/legacy-form-field/form-field-module.mjs +5 -5
  124. package/esm2020/legacy-form-field/form-field.mjs +4 -4
  125. package/esm2020/legacy-form-field/hint.mjs +4 -4
  126. package/esm2020/legacy-form-field/label.mjs +4 -4
  127. package/esm2020/legacy-form-field/placeholder.mjs +4 -4
  128. package/esm2020/legacy-form-field/prefix.mjs +4 -4
  129. package/esm2020/legacy-form-field/suffix.mjs +4 -4
  130. package/esm2020/legacy-input/input-module.mjs +5 -5
  131. package/esm2020/legacy-input/input.mjs +4 -4
  132. package/esm2020/legacy-list/list-module.mjs +5 -5
  133. package/esm2020/legacy-list/list.mjs +19 -19
  134. package/esm2020/legacy-list/selection-list.mjs +7 -7
  135. package/esm2020/legacy-menu/menu-content.mjs +4 -4
  136. package/esm2020/legacy-menu/menu-item.mjs +4 -4
  137. package/esm2020/legacy-menu/menu-module.mjs +5 -5
  138. package/esm2020/legacy-menu/menu-trigger.mjs +4 -4
  139. package/esm2020/legacy-menu/menu.mjs +4 -4
  140. package/esm2020/legacy-paginator/paginator-module.mjs +5 -5
  141. package/esm2020/legacy-paginator/paginator.mjs +4 -4
  142. package/esm2020/legacy-progress-bar/progress-bar-module.mjs +5 -5
  143. package/esm2020/legacy-progress-bar/progress-bar.mjs +4 -4
  144. package/esm2020/legacy-progress-spinner/progress-spinner-module.mjs +5 -5
  145. package/esm2020/legacy-progress-spinner/progress-spinner.mjs +4 -4
  146. package/esm2020/legacy-radio/radio-module.mjs +5 -5
  147. package/esm2020/legacy-radio/radio.mjs +7 -7
  148. package/esm2020/legacy-select/select-module.mjs +5 -5
  149. package/esm2020/legacy-select/select.mjs +7 -7
  150. package/esm2020/legacy-slide-toggle/slide-toggle-module.mjs +5 -5
  151. package/esm2020/legacy-slide-toggle/slide-toggle.mjs +4 -4
  152. package/esm2020/legacy-slider/slider-module.mjs +5 -5
  153. package/esm2020/legacy-slider/slider.mjs +4 -4
  154. package/esm2020/legacy-snack-bar/simple-snack-bar.mjs +4 -4
  155. package/esm2020/legacy-snack-bar/snack-bar-container.mjs +4 -4
  156. package/esm2020/legacy-snack-bar/snack-bar-module.mjs +5 -5
  157. package/esm2020/legacy-snack-bar/snack-bar.mjs +4 -4
  158. package/esm2020/legacy-table/cell.mjs +22 -22
  159. package/esm2020/legacy-table/row.mjs +22 -22
  160. package/esm2020/legacy-table/table-module.mjs +5 -5
  161. package/esm2020/legacy-table/table.mjs +7 -7
  162. package/esm2020/legacy-table/text-column.mjs +4 -4
  163. package/esm2020/legacy-tabs/ink-bar.mjs +4 -4
  164. package/esm2020/legacy-tabs/tab-body.mjs +7 -7
  165. package/esm2020/legacy-tabs/tab-content.mjs +4 -4
  166. package/esm2020/legacy-tabs/tab-group.mjs +4 -4
  167. package/esm2020/legacy-tabs/tab-header.mjs +4 -4
  168. package/esm2020/legacy-tabs/tab-label-wrapper.mjs +4 -4
  169. package/esm2020/legacy-tabs/tab-label.mjs +4 -4
  170. package/esm2020/legacy-tabs/tab-nav-bar/tab-nav-bar.mjs +10 -10
  171. package/esm2020/legacy-tabs/tab.mjs +4 -4
  172. package/esm2020/legacy-tabs/tabs-module.mjs +5 -5
  173. package/esm2020/legacy-tooltip/tooltip-module.mjs +5 -5
  174. package/esm2020/legacy-tooltip/tooltip.mjs +7 -7
  175. package/esm2020/list/action-list.mjs +4 -4
  176. package/esm2020/list/list-base.mjs +7 -7
  177. package/esm2020/list/list-item-sections.mjs +19 -19
  178. package/esm2020/list/list-module.mjs +5 -5
  179. package/esm2020/list/list-option.mjs +4 -4
  180. package/esm2020/list/list.mjs +7 -7
  181. package/esm2020/list/nav-list.mjs +4 -4
  182. package/esm2020/list/selection-list.mjs +4 -4
  183. package/esm2020/list/subheader.mjs +4 -4
  184. package/esm2020/menu/menu-content.mjs +7 -7
  185. package/esm2020/menu/menu-item.mjs +4 -4
  186. package/esm2020/menu/menu-trigger.mjs +7 -7
  187. package/esm2020/menu/menu.mjs +7 -7
  188. package/esm2020/menu/module.mjs +5 -5
  189. package/esm2020/paginator/module.mjs +5 -5
  190. package/esm2020/paginator/paginator-intl.mjs +4 -4
  191. package/esm2020/paginator/paginator.mjs +7 -7
  192. package/esm2020/progress-bar/module.mjs +5 -5
  193. package/esm2020/progress-bar/progress-bar.mjs +4 -4
  194. package/esm2020/progress-spinner/module.mjs +5 -5
  195. package/esm2020/progress-spinner/progress-spinner.mjs +4 -4
  196. package/esm2020/radio/module.mjs +5 -5
  197. package/esm2020/radio/radio.mjs +13 -13
  198. package/esm2020/select/module.mjs +5 -5
  199. package/esm2020/select/select.mjs +10 -10
  200. package/esm2020/sidenav/drawer.mjs +10 -10
  201. package/esm2020/sidenav/sidenav-module.mjs +5 -5
  202. package/esm2020/sidenav/sidenav.mjs +10 -10
  203. package/esm2020/slide-toggle/module.mjs +9 -9
  204. package/esm2020/slide-toggle/slide-toggle-required-validator.mjs +4 -4
  205. package/esm2020/slide-toggle/slide-toggle.mjs +7 -7
  206. package/esm2020/slider/module.mjs +5 -5
  207. package/esm2020/slider/slider-input.mjs +7 -7
  208. package/esm2020/slider/slider-thumb.mjs +4 -4
  209. package/esm2020/slider/slider.mjs +4 -4
  210. package/esm2020/snack-bar/module.mjs +5 -5
  211. package/esm2020/snack-bar/simple-snack-bar.mjs +4 -4
  212. package/esm2020/snack-bar/snack-bar-container.mjs +7 -7
  213. package/esm2020/snack-bar/snack-bar-content.mjs +10 -10
  214. package/esm2020/snack-bar/snack-bar.mjs +7 -7
  215. package/esm2020/sort/sort-header-intl.mjs +4 -4
  216. package/esm2020/sort/sort-header.mjs +4 -4
  217. package/esm2020/sort/sort-module.mjs +5 -5
  218. package/esm2020/sort/sort.mjs +4 -4
  219. package/esm2020/stepper/step-content.mjs +4 -4
  220. package/esm2020/stepper/step-header.mjs +4 -4
  221. package/esm2020/stepper/step-label.mjs +4 -4
  222. package/esm2020/stepper/stepper-button.mjs +7 -7
  223. package/esm2020/stepper/stepper-icon.mjs +4 -4
  224. package/esm2020/stepper/stepper-intl.mjs +4 -4
  225. package/esm2020/stepper/stepper-module.mjs +5 -5
  226. package/esm2020/stepper/stepper.mjs +7 -7
  227. package/esm2020/table/cell.mjs +22 -22
  228. package/esm2020/table/module.mjs +5 -5
  229. package/esm2020/table/row.mjs +22 -22
  230. package/esm2020/table/table.mjs +7 -7
  231. package/esm2020/table/text-column.mjs +4 -4
  232. package/esm2020/tabs/module.mjs +5 -5
  233. package/esm2020/tabs/paginated-tab-header.mjs +4 -4
  234. package/esm2020/tabs/tab-body.mjs +10 -10
  235. package/esm2020/tabs/tab-config.mjs +1 -1
  236. package/esm2020/tabs/tab-content.mjs +4 -4
  237. package/esm2020/tabs/tab-group.mjs +9 -7
  238. package/esm2020/tabs/tab-header.mjs +7 -7
  239. package/esm2020/tabs/tab-label-wrapper.mjs +7 -7
  240. package/esm2020/tabs/tab-label.mjs +4 -4
  241. package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +16 -16
  242. package/esm2020/tabs/tab.mjs +7 -7
  243. package/esm2020/toolbar/toolbar-module.mjs +5 -5
  244. package/esm2020/toolbar/toolbar.mjs +7 -7
  245. package/esm2020/tooltip/module.mjs +5 -5
  246. package/esm2020/tooltip/tooltip.mjs +13 -13
  247. package/esm2020/tree/node.mjs +10 -10
  248. package/esm2020/tree/outlet.mjs +4 -4
  249. package/esm2020/tree/padding.mjs +4 -4
  250. package/esm2020/tree/toggle.mjs +4 -4
  251. package/esm2020/tree/tree-module.mjs +5 -5
  252. package/esm2020/tree/tree.mjs +4 -4
  253. package/fesm2015/autocomplete.mjs +22 -22
  254. package/fesm2015/autocomplete.mjs.map +1 -1
  255. package/fesm2015/badge.mjs +7 -7
  256. package/fesm2015/badge.mjs.map +1 -1
  257. package/fesm2015/bottom-sheet.mjs +10 -10
  258. package/fesm2015/bottom-sheet.mjs.map +1 -1
  259. package/fesm2015/button-toggle.mjs +10 -10
  260. package/fesm2015/button-toggle.mjs.map +1 -1
  261. package/fesm2015/button.mjs +34 -34
  262. package/fesm2015/button.mjs.map +1 -1
  263. package/fesm2015/card.mjs +47 -47
  264. package/fesm2015/card.mjs.map +1 -1
  265. package/fesm2015/checkbox.mjs +17 -17
  266. package/fesm2015/checkbox.mjs.map +1 -1
  267. package/fesm2015/chips.mjs +40 -40
  268. package/fesm2015/chips.mjs.map +1 -1
  269. package/fesm2015/core.mjs +59 -59
  270. package/fesm2015/core.mjs.map +1 -1
  271. package/fesm2015/datepicker.mjs +82 -82
  272. package/fesm2015/datepicker.mjs.map +1 -1
  273. package/fesm2015/dialog.mjs +28 -28
  274. package/fesm2015/dialog.mjs.map +1 -1
  275. package/fesm2015/divider.mjs +7 -7
  276. package/fesm2015/divider.mjs.map +1 -1
  277. package/fesm2015/expansion.mjs +25 -25
  278. package/fesm2015/expansion.mjs.map +1 -1
  279. package/fesm2015/form-field.mjs +34 -34
  280. package/fesm2015/form-field.mjs.map +1 -1
  281. package/fesm2015/grid-list.mjs +22 -22
  282. package/fesm2015/grid-list.mjs.map +1 -1
  283. package/fesm2015/icon/testing.mjs +7 -7
  284. package/fesm2015/icon/testing.mjs.map +1 -1
  285. package/fesm2015/icon.mjs +10 -10
  286. package/fesm2015/icon.mjs.map +1 -1
  287. package/fesm2015/input.mjs +7 -7
  288. package/fesm2015/input.mjs.map +1 -1
  289. package/fesm2015/legacy-autocomplete.mjs +13 -13
  290. package/fesm2015/legacy-autocomplete.mjs.map +1 -1
  291. package/fesm2015/legacy-button.mjs +10 -10
  292. package/fesm2015/legacy-button.mjs.map +1 -1
  293. package/fesm2015/legacy-card.mjs +46 -46
  294. package/fesm2015/legacy-card.mjs.map +1 -1
  295. package/fesm2015/legacy-checkbox.mjs +7 -7
  296. package/fesm2015/legacy-checkbox.mjs.map +1 -1
  297. package/fesm2015/legacy-chips.mjs +22 -22
  298. package/fesm2015/legacy-chips.mjs.map +1 -1
  299. package/fesm2015/legacy-core.mjs +10 -10
  300. package/fesm2015/legacy-core.mjs.map +1 -1
  301. package/fesm2015/legacy-dialog.mjs +22 -22
  302. package/fesm2015/legacy-dialog.mjs.map +1 -1
  303. package/fesm2015/legacy-form-field.mjs +25 -25
  304. package/fesm2015/legacy-form-field.mjs.map +1 -1
  305. package/fesm2015/legacy-input.mjs +7 -7
  306. package/fesm2015/legacy-input.mjs.map +1 -1
  307. package/fesm2015/legacy-list.mjs +28 -28
  308. package/fesm2015/legacy-list.mjs.map +1 -1
  309. package/fesm2015/legacy-menu.mjs +16 -16
  310. package/fesm2015/legacy-menu.mjs.map +1 -1
  311. package/fesm2015/legacy-paginator.mjs +7 -7
  312. package/fesm2015/legacy-paginator.mjs.map +1 -1
  313. package/fesm2015/legacy-progress-bar.mjs +7 -7
  314. package/fesm2015/legacy-progress-bar.mjs.map +1 -1
  315. package/fesm2015/legacy-progress-spinner.mjs +7 -7
  316. package/fesm2015/legacy-progress-spinner.mjs.map +1 -1
  317. package/fesm2015/legacy-radio.mjs +10 -10
  318. package/fesm2015/legacy-radio.mjs.map +1 -1
  319. package/fesm2015/legacy-select.mjs +10 -10
  320. package/fesm2015/legacy-select.mjs.map +1 -1
  321. package/fesm2015/legacy-slide-toggle.mjs +7 -7
  322. package/fesm2015/legacy-slide-toggle.mjs.map +1 -1
  323. package/fesm2015/legacy-slider.mjs +7 -7
  324. package/fesm2015/legacy-slider.mjs.map +1 -1
  325. package/fesm2015/legacy-snack-bar.mjs +13 -13
  326. package/fesm2015/legacy-snack-bar.mjs.map +1 -1
  327. package/fesm2015/legacy-table.mjs +55 -55
  328. package/fesm2015/legacy-table.mjs.map +1 -1
  329. package/fesm2015/legacy-tabs.mjs +40 -40
  330. package/fesm2015/legacy-tabs.mjs.map +1 -1
  331. package/fesm2015/legacy-tooltip.mjs +10 -10
  332. package/fesm2015/legacy-tooltip.mjs.map +1 -1
  333. package/fesm2015/list.mjs +49 -49
  334. package/fesm2015/list.mjs.map +1 -1
  335. package/fesm2015/menu.mjs +25 -25
  336. package/fesm2015/menu.mjs.map +1 -1
  337. package/fesm2015/paginator.mjs +13 -13
  338. package/fesm2015/paginator.mjs.map +1 -1
  339. package/fesm2015/progress-bar.mjs +7 -7
  340. package/fesm2015/progress-bar.mjs.map +1 -1
  341. package/fesm2015/progress-spinner.mjs +7 -7
  342. package/fesm2015/progress-spinner.mjs.map +1 -1
  343. package/fesm2015/radio.mjs +16 -16
  344. package/fesm2015/radio.mjs.map +1 -1
  345. package/fesm2015/select.mjs +13 -13
  346. package/fesm2015/select.mjs.map +1 -1
  347. package/fesm2015/sidenav.mjs +22 -22
  348. package/fesm2015/sidenav.mjs.map +1 -1
  349. package/fesm2015/slide-toggle.mjs +17 -17
  350. package/fesm2015/slide-toggle.mjs.map +1 -1
  351. package/fesm2015/slider.mjs +16 -16
  352. package/fesm2015/slider.mjs.map +1 -1
  353. package/fesm2015/snack-bar.mjs +28 -28
  354. package/fesm2015/snack-bar.mjs.map +1 -1
  355. package/fesm2015/sort.mjs +13 -13
  356. package/fesm2015/sort.mjs.map +1 -1
  357. package/fesm2015/stepper.mjs +31 -31
  358. package/fesm2015/stepper.mjs.map +1 -1
  359. package/fesm2015/table.mjs +55 -55
  360. package/fesm2015/table.mjs.map +1 -1
  361. package/fesm2015/tabs.mjs +63 -61
  362. package/fesm2015/tabs.mjs.map +1 -1
  363. package/fesm2015/toolbar.mjs +10 -10
  364. package/fesm2015/toolbar.mjs.map +1 -1
  365. package/fesm2015/tooltip.mjs +16 -16
  366. package/fesm2015/tooltip.mjs.map +1 -1
  367. package/fesm2015/tree.mjs +25 -25
  368. package/fesm2015/tree.mjs.map +1 -1
  369. package/fesm2020/autocomplete.mjs +22 -22
  370. package/fesm2020/autocomplete.mjs.map +1 -1
  371. package/fesm2020/badge.mjs +7 -7
  372. package/fesm2020/badge.mjs.map +1 -1
  373. package/fesm2020/bottom-sheet.mjs +10 -10
  374. package/fesm2020/bottom-sheet.mjs.map +1 -1
  375. package/fesm2020/button-toggle.mjs +10 -10
  376. package/fesm2020/button-toggle.mjs.map +1 -1
  377. package/fesm2020/button.mjs +34 -34
  378. package/fesm2020/button.mjs.map +1 -1
  379. package/fesm2020/card.mjs +47 -47
  380. package/fesm2020/card.mjs.map +1 -1
  381. package/fesm2020/checkbox.mjs +17 -17
  382. package/fesm2020/checkbox.mjs.map +1 -1
  383. package/fesm2020/chips.mjs +40 -40
  384. package/fesm2020/chips.mjs.map +1 -1
  385. package/fesm2020/core.mjs +59 -59
  386. package/fesm2020/core.mjs.map +1 -1
  387. package/fesm2020/datepicker.mjs +82 -82
  388. package/fesm2020/datepicker.mjs.map +1 -1
  389. package/fesm2020/dialog.mjs +28 -28
  390. package/fesm2020/dialog.mjs.map +1 -1
  391. package/fesm2020/divider.mjs +7 -7
  392. package/fesm2020/divider.mjs.map +1 -1
  393. package/fesm2020/expansion.mjs +25 -25
  394. package/fesm2020/expansion.mjs.map +1 -1
  395. package/fesm2020/form-field.mjs +34 -34
  396. package/fesm2020/form-field.mjs.map +1 -1
  397. package/fesm2020/grid-list.mjs +22 -22
  398. package/fesm2020/grid-list.mjs.map +1 -1
  399. package/fesm2020/icon/testing.mjs +7 -7
  400. package/fesm2020/icon/testing.mjs.map +1 -1
  401. package/fesm2020/icon.mjs +10 -10
  402. package/fesm2020/icon.mjs.map +1 -1
  403. package/fesm2020/input.mjs +7 -7
  404. package/fesm2020/input.mjs.map +1 -1
  405. package/fesm2020/legacy-autocomplete.mjs +13 -13
  406. package/fesm2020/legacy-autocomplete.mjs.map +1 -1
  407. package/fesm2020/legacy-button.mjs +10 -10
  408. package/fesm2020/legacy-button.mjs.map +1 -1
  409. package/fesm2020/legacy-card.mjs +46 -46
  410. package/fesm2020/legacy-card.mjs.map +1 -1
  411. package/fesm2020/legacy-checkbox.mjs +7 -7
  412. package/fesm2020/legacy-checkbox.mjs.map +1 -1
  413. package/fesm2020/legacy-chips.mjs +22 -22
  414. package/fesm2020/legacy-chips.mjs.map +1 -1
  415. package/fesm2020/legacy-core.mjs +10 -10
  416. package/fesm2020/legacy-core.mjs.map +1 -1
  417. package/fesm2020/legacy-dialog.mjs +22 -22
  418. package/fesm2020/legacy-dialog.mjs.map +1 -1
  419. package/fesm2020/legacy-form-field.mjs +25 -25
  420. package/fesm2020/legacy-form-field.mjs.map +1 -1
  421. package/fesm2020/legacy-input.mjs +7 -7
  422. package/fesm2020/legacy-input.mjs.map +1 -1
  423. package/fesm2020/legacy-list.mjs +28 -28
  424. package/fesm2020/legacy-list.mjs.map +1 -1
  425. package/fesm2020/legacy-menu.mjs +16 -16
  426. package/fesm2020/legacy-menu.mjs.map +1 -1
  427. package/fesm2020/legacy-paginator.mjs +7 -7
  428. package/fesm2020/legacy-paginator.mjs.map +1 -1
  429. package/fesm2020/legacy-progress-bar.mjs +7 -7
  430. package/fesm2020/legacy-progress-bar.mjs.map +1 -1
  431. package/fesm2020/legacy-progress-spinner.mjs +7 -7
  432. package/fesm2020/legacy-progress-spinner.mjs.map +1 -1
  433. package/fesm2020/legacy-radio.mjs +10 -10
  434. package/fesm2020/legacy-radio.mjs.map +1 -1
  435. package/fesm2020/legacy-select.mjs +10 -10
  436. package/fesm2020/legacy-select.mjs.map +1 -1
  437. package/fesm2020/legacy-slide-toggle.mjs +7 -7
  438. package/fesm2020/legacy-slide-toggle.mjs.map +1 -1
  439. package/fesm2020/legacy-slider.mjs +7 -7
  440. package/fesm2020/legacy-slider.mjs.map +1 -1
  441. package/fesm2020/legacy-snack-bar.mjs +13 -13
  442. package/fesm2020/legacy-snack-bar.mjs.map +1 -1
  443. package/fesm2020/legacy-table.mjs +55 -55
  444. package/fesm2020/legacy-table.mjs.map +1 -1
  445. package/fesm2020/legacy-tabs.mjs +40 -40
  446. package/fesm2020/legacy-tabs.mjs.map +1 -1
  447. package/fesm2020/legacy-tooltip.mjs +10 -10
  448. package/fesm2020/legacy-tooltip.mjs.map +1 -1
  449. package/fesm2020/list.mjs +49 -49
  450. package/fesm2020/list.mjs.map +1 -1
  451. package/fesm2020/menu.mjs +25 -25
  452. package/fesm2020/menu.mjs.map +1 -1
  453. package/fesm2020/paginator.mjs +13 -13
  454. package/fesm2020/paginator.mjs.map +1 -1
  455. package/fesm2020/progress-bar.mjs +7 -7
  456. package/fesm2020/progress-bar.mjs.map +1 -1
  457. package/fesm2020/progress-spinner.mjs +7 -7
  458. package/fesm2020/progress-spinner.mjs.map +1 -1
  459. package/fesm2020/radio.mjs +16 -16
  460. package/fesm2020/radio.mjs.map +1 -1
  461. package/fesm2020/select.mjs +13 -13
  462. package/fesm2020/select.mjs.map +1 -1
  463. package/fesm2020/sidenav.mjs +22 -22
  464. package/fesm2020/sidenav.mjs.map +1 -1
  465. package/fesm2020/slide-toggle.mjs +17 -17
  466. package/fesm2020/slide-toggle.mjs.map +1 -1
  467. package/fesm2020/slider.mjs +16 -16
  468. package/fesm2020/slider.mjs.map +1 -1
  469. package/fesm2020/snack-bar.mjs +28 -28
  470. package/fesm2020/snack-bar.mjs.map +1 -1
  471. package/fesm2020/sort.mjs +13 -13
  472. package/fesm2020/sort.mjs.map +1 -1
  473. package/fesm2020/stepper.mjs +31 -31
  474. package/fesm2020/stepper.mjs.map +1 -1
  475. package/fesm2020/table.mjs +55 -55
  476. package/fesm2020/table.mjs.map +1 -1
  477. package/fesm2020/tabs.mjs +63 -61
  478. package/fesm2020/tabs.mjs.map +1 -1
  479. package/fesm2020/toolbar.mjs +10 -10
  480. package/fesm2020/toolbar.mjs.map +1 -1
  481. package/fesm2020/tooltip.mjs +16 -16
  482. package/fesm2020/tooltip.mjs.map +1 -1
  483. package/fesm2020/tree.mjs +25 -25
  484. package/fesm2020/tree.mjs.map +1 -1
  485. package/package.json +7 -7
  486. package/prebuilt-themes/deeppurple-amber.css +1 -1
  487. package/prebuilt-themes/indigo-pink.css +1 -1
  488. package/prebuilt-themes/pink-bluegrey.css +1 -1
  489. package/prebuilt-themes/purple-green.css +1 -1
  490. package/schematics/migration.json +4 -4
  491. package/schematics/ng-add/index.js +2 -2
  492. package/schematics/ng-add/index.mjs +2 -2
  493. package/schematics/ng-generate/mdc-migration/index_bundled.js +2 -2
  494. package/schematics/ng-generate/mdc-migration/index_bundled.js.map +2 -2
  495. package/schematics/ng-update/index_bundled.js +5 -6805
  496. package/schematics/ng-update/index_bundled.js.map +4 -4
  497. package/tabs/index.d.ts +2 -0
@@ -1,70 +1,65 @@
1
1
  @use '../core/theming/theming';
2
- @use '../core/mdc-helpers/mdc-helpers';
3
2
  @use '../core/style/private';
4
3
  @use '../core/typography/typography';
4
+ @use '../core/tokens/token-utils';
5
+ @use '../core/tokens/m2/mat/card' as tokens-mat-card;
6
+ @use '../core/tokens/m2/mdc/elevated-card' as tokens-mdc-elevated-card;
7
+ @use '../core/tokens/m2/mdc/outlined-card' as tokens-mdc-outlined-card;
5
8
  @use '@material/card/elevated-card-theme' as mdc-elevated-card-theme;
6
9
  @use '@material/card/outlined-card-theme' as mdc-outlined-card-theme;
7
- @use '@material/typography' as mdc-typography;
8
- @use '@material/theme/theme-color' as mdc-theme-color;
9
- @use 'sass:color';
10
- @use 'sass:map';
11
- @use 'sass:meta';
12
10
 
13
11
  @mixin color($config-or-theme) {
14
12
  $config: theming.get-color-config($config-or-theme);
15
- $foreground: map.get($config, foreground);
13
+ $mdc-elevated-card-color-tokens: tokens-mdc-elevated-card.get-color-tokens($config);
14
+ $mdc-outlined-card-color-tokens: tokens-mdc-outlined-card.get-color-tokens($config);
15
+ $mat-card-color-tokens: tokens-mat-card.get-color-tokens($config);
16
16
 
17
- @include mdc-helpers.using-mdc-theme($config) {
18
- $on-surface: mdc-theme-color.prop-value(on-surface);
19
- $surface: mdc-theme-color.prop-value(surface);
17
+ // Add values for card tokens.
18
+ .mat-mdc-card {
19
+ @include mdc-elevated-card-theme.theme($mdc-elevated-card-color-tokens);
20
+ @include mdc-outlined-card-theme.theme($mdc-outlined-card-color-tokens);
21
+ @include token-utils.create-token-values(tokens-mat-card.$prefix, $mat-card-color-tokens);
20
22
 
21
- .mat-mdc-card {
22
- // MDC's theme has `container-elevation` and `container-shadow-color` tokens, but we can't
23
- // use them because they output under a `.mdc-card` selector whereas the rest of the theme
24
- // isn't under any selector. Even if the mixin is pulled out of the selector, it throws a
25
- // different error.
26
- @include private.private-theme-elevation(1, $config);
27
- @include mdc-elevated-card-theme.theme((
28
- container-color: $surface,
29
- ));
30
- }
31
-
32
- .mat-mdc-card-outlined {
33
- @include private.private-theme-elevation(0, $config);
34
- @include mdc-outlined-card-theme.theme((
35
- outline-color: if(
36
- meta.type-of($on-surface) == color and meta.type-of($surface) == color,
37
- color.mix($on-surface, $surface, 12%),
38
- $on-surface
39
- )
40
- ));
41
- }
23
+ // TODO(mmalerba): This should be based on tokens, but the elevation tokens don't seem to be
24
+ // working currently. They wind up setting values like `box-shadow: var(--e); --e: 1`
25
+ @include private.private-theme-elevation(1, $config);
26
+ }
42
27
 
43
- // Card subtitles are an Angular Material construct (not MDC), so we explicitly set their
44
- // color to secondary text here.
45
- .mat-mdc-card-subtitle {
46
- color: theming.get-color-from-palette($foreground, secondary-text);
47
- }
28
+ .mat-mdc-card-outlined {
29
+ // TODO(mmalerba): This should be based on tokens, but the elevation tokens don't seem to be
30
+ // working currently. They wind up setting values like `box-shadow: var(--e); --e: 1`
31
+ @include private.private-theme-elevation(0, $config);
48
32
  }
49
33
  }
50
34
 
51
35
  @mixin typography($config-or-theme) {
52
36
  $config: typography.private-typography-to-2018-config(
53
- theming.get-typography-config($config-or-theme));
54
- @include mdc-helpers.using-mdc-typography($config) {
55
- // Card subtitles and titles are an Angular Material construct (not MDC), so we explicitly
56
- // set their typographic styles here.
57
- .mat-mdc-card-title {
58
- @include mdc-typography.typography(headline6);
59
- }
37
+ theming.get-typography-config($config-or-theme));
38
+ $mdc-elevated-card-typography-tokens: tokens-mdc-elevated-card.get-typography-tokens($config);
39
+ $mdc-outlined-card-typography-tokens: tokens-mdc-outlined-card.get-typography-tokens($config);
40
+ $mat-card-typography-tokens: tokens-mat-card.get-typography-tokens($config);
60
41
 
61
- .mat-mdc-card-subtitle {
62
- @include mdc-typography.typography(subtitle2);
63
- }
42
+ // Add values for card tokens.
43
+ .mat-mdc-card {
44
+ @include mdc-elevated-card-theme.theme($mdc-elevated-card-typography-tokens);
45
+ @include mdc-outlined-card-theme.theme($mdc-outlined-card-typography-tokens);
46
+ @include token-utils.create-token-values(tokens-mat-card.$prefix, $mat-card-typography-tokens);
64
47
  }
65
48
  }
66
49
 
67
- @mixin density($config-or-theme) {}
50
+ @mixin density($config-or-theme) {
51
+ $density-scale: theming.get-density-config($config-or-theme);
52
+ $mdc-elevated-card-density-tokens: tokens-mdc-elevated-card.get-density-tokens($density-scale);
53
+ $mdc-outlined-card-density-tokens: tokens-mdc-outlined-card.get-density-tokens($density-scale);
54
+ $mat-card-density-tokens: tokens-mat-card.get-density-tokens($density-scale);
55
+
56
+ // Add values for card tokens.
57
+ .mat-mdc-card {
58
+ @include mdc-elevated-card-theme.theme($mdc-elevated-card-density-tokens);
59
+ @include mdc-outlined-card-theme.theme($mdc-outlined-card-density-tokens);
60
+ @include token-utils.create-token-values(tokens-mat-card.$prefix, $mat-card-density-tokens);
61
+ }
62
+ }
68
63
 
69
64
  @mixin theme($theme-or-color-config) {
70
65
  $theme: theming.private-legacy-get-theme($theme-or-color-config);
@@ -1,6 +1,7 @@
1
1
  @use 'sass:map';
2
2
  @use '@material/theme/custom-properties' as mdc-custom-properties;
3
3
  @use '@material/theme/theme' as mdc-theme;
4
+ @use '@material/theme/keys' as mdc-keys;
4
5
  @use '../mdc-helpers/mdc-helpers';
5
6
  @use '../theming/palette';
6
7
  @use '../theming/theming';
@@ -78,3 +79,18 @@ $_component-prefix: null;
78
79
  @include mdc-theme.property($property, $value);
79
80
  }
80
81
  }
82
+
83
+ @mixin create-token-values($prefix, $tokens) {
84
+ @include _configure-token-prefix($prefix...) {
85
+ @include mdc-keys.declare-custom-properties($tokens, $_component-prefix);
86
+ }
87
+ }
88
+
89
+ // Merges together a list of maps into a single map.
90
+ @function merge-all($maps...) {
91
+ $result: ();
92
+ @each $map in $maps {
93
+ $result: map.merge($result, $map);
94
+ }
95
+ @return $result;
96
+ }
@@ -0,0 +1,67 @@
1
+ @use 'sass:map';
2
+ @use '../../token-utils';
3
+ @use '../../../theming/theming';
4
+ @use '../../../typography/typography-utils';
5
+
6
+ // The prefix used to generate the fully qualified name for tokens in this file.
7
+ $prefix: (mat, card);
8
+
9
+ // Tokens that can't be configured through Angular Material's current theming API,
10
+ // but may be in a future version of the theming API.
11
+ @function get-unthemable-tokens() {
12
+ @return ();
13
+ }
14
+
15
+ // Tokens that can be configured through Angular Material's color theming API.
16
+ @function get-color-tokens($config) {
17
+ $foreground: map.get($config, foreground);
18
+
19
+ @return (
20
+ // Text color of the card's subtitle.
21
+ subtitle-text-color: theming.get-color-from-palette($foreground, secondary-text),
22
+ );
23
+ }
24
+
25
+ // Tokens that can be configured through Angular Material's typography theming API.
26
+ @function get-typography-tokens($config) {
27
+ @return (
28
+ // Font family of the card's title.
29
+ title-text-font: typography-utils.font-family($config, headline-6)
30
+ or typography-utils.font-family($config),
31
+ // Line height of the card's title.
32
+ title-text-line-height: typography-utils.line-height($config, headline-6),
33
+ // Font size of the card's title.
34
+ title-text-size: typography-utils.font-size($config, headline-6),
35
+ // Letter spacing of the card's title.
36
+ title-text-tracking: typography-utils.letter-spacing($config, headline-6),
37
+ // Font weight of the card's title.
38
+ title-text-weight: typography-utils.font-weight($config, headline-6),
39
+ // Font family of the card's subtitle.
40
+ subtitle-text-font: typography-utils.font-family($config, subtitle-2)
41
+ or typography-utils.font-family($config),
42
+ // Line height of the card's subtitle.
43
+ subtitle-text-line-height: typography-utils.line-height($config, subtitle-2),
44
+ // Font size of the card's subtitle.
45
+ subtitle-text-size: typography-utils.font-size($config, subtitle-2),
46
+ // Letter spacing of the card's subtitle.
47
+ subtitle-text-tracking: typography-utils.letter-spacing($config, subtitle-2),
48
+ // Font weight of the card's subtitle.
49
+ subtitle-text-weight: typography-utils.font-weight($config, subtitle-2),
50
+ );
51
+ }
52
+
53
+ // Tokens that can be configured through Angular Material's density theming API.
54
+ @function get-density-tokens($config) {
55
+ @return ();
56
+ }
57
+
58
+ // Combines the tokens generated by the above functions into a single map with placeholder values.
59
+ // This is used to create token slots.
60
+ @function get-token-slots() {
61
+ @return token-utils.merge-all(
62
+ get-unthemable-tokens(),
63
+ get-color-tokens(token-utils.$placeholder-color-config),
64
+ get-typography-tokens(token-utils.$placeholder-typography-config),
65
+ get-density-tokens(token-utils.$placeholder-density-config)
66
+ );
67
+ }
@@ -0,0 +1,78 @@
1
+ @use 'sass:map';
2
+ @use '../../../theming/theming';
3
+ @use '../../token-utils';
4
+
5
+ // The prefix used to generate the fully qualified name for tokens in this file.
6
+ $prefix: (mdc, elevated-card);
7
+
8
+ // Tokens that can't be configured through Angular Material's current theming API,
9
+ // but may be in a future version of the theming API.
10
+ //
11
+ // Tokens that are available in MDC, but not used in Angular Material should be mapped to `null`.
12
+ // `null` indicates that we are intentionally choosing not to emit a slot or value for the token in
13
+ // our CSS.
14
+ @function get-unthemable-tokens() {
15
+ @return (
16
+ // The border-radius of the card.
17
+ container-shape: 4px,
18
+ // =============================================================================================
19
+ // = TOKENS NOT USED IN ANGULAR MATERIAL =
20
+ // =============================================================================================
21
+ // TODO(mmalerba): The elevation tokens don't seem to work currently.
22
+ // Should work with MDC to figure out what's wrong.
23
+ container-elevation: null,
24
+ container-shadow-color: null,
25
+ // Angular Material's card is not an interactive element, and therefore does not support states.
26
+ disabled-container-color: null,
27
+ disabled-container-elevation: null,
28
+ disabled-container-opacity: null,
29
+ dragged-container-elevation: null,
30
+ dragged-state-layer-color: null,
31
+ dragged-state-layer-opacity: null,
32
+ focus-container-elevation: null,
33
+ focus-state-layer-color:null,
34
+ focus-state-layer-opacity: null,
35
+ hover-container-elevation: null,
36
+ hover-state-layer-color: null,
37
+ hover-state-layer-opacity: null,
38
+ pressed-container-elevation: null,
39
+ pressed-state-layer-color: null,
40
+ pressed-state-layer-opacity: null,
41
+ // Angular Material does not currently support surface tint.
42
+ container-surface-tint-layer-color: null,
43
+ // MDC does not seem to use these tokens.
44
+ icon-color: null,
45
+ icon-size: null,
46
+ );
47
+ }
48
+
49
+ // Tokens that can be configured through Angular Material's color theming API.
50
+ @function get-color-tokens($config) {
51
+ $background: map.get($config, background);
52
+
53
+ @return (
54
+ // The background color of the card.
55
+ container-color: theming.get-color-from-palette($background, card),
56
+ );
57
+ }
58
+
59
+ // Tokens that can be configured through Angular Material's typography theming API.
60
+ @function get-typography-tokens($config) {
61
+ @return ();
62
+ }
63
+
64
+ // Tokens that can be configured through Angular Material's density theming API.
65
+ @function get-density-tokens($config) {
66
+ @return ();
67
+ }
68
+
69
+ // Combines the tokens generated by the above functions into a single map with placeholder values.
70
+ // This is used to create token slots.
71
+ @function get-token-slots() {
72
+ @return token-utils.merge-all(
73
+ get-unthemable-tokens(),
74
+ get-color-tokens(token-utils.$placeholder-color-config),
75
+ get-typography-tokens(token-utils.$placeholder-typography-config),
76
+ get-density-tokens(token-utils.$placeholder-density-config)
77
+ );
78
+ }
@@ -207,14 +207,10 @@ $prefix: (mdc, list);
207
207
  // Combines the tokens generated by the above functions into a single map with placeholder values.
208
208
  // This is used to create token slots.
209
209
  @function get-token-slots() {
210
- @return map.merge(
210
+ @return token-utils.merge-all(
211
211
  get-unthemable-tokens(),
212
- map.merge(
213
- get-color-tokens(token-utils.$placeholder-color-config),
214
- map.merge(
215
- get-typography-tokens(token-utils.$placeholder-typography-config),
216
- get-density-tokens(token-utils.$placeholder-density-config)
217
- )
218
- )
212
+ get-color-tokens(token-utils.$placeholder-color-config),
213
+ get-typography-tokens(token-utils.$placeholder-typography-config),
214
+ get-density-tokens(token-utils.$placeholder-density-config)
219
215
  );
220
216
  }
@@ -0,0 +1,87 @@
1
+ @use 'sass:map';
2
+ @use '../../../theming/theming';
3
+ @use '../../token-utils';
4
+
5
+ // The prefix used to generate the fully qualified name for tokens in this file.
6
+ $prefix: (mdc, outlined-card);
7
+
8
+ // Tokens that can't be configured through Angular Material's current theming API,
9
+ // but may be in a future version of the theming API.
10
+ //
11
+ // Tokens that are available in MDC, but not used in Angular Material should be mapped to `null`.
12
+ // `null` indicates that we are intentionally choosing not to emit a slot or value for the token in
13
+ // our CSS.
14
+ @function get-unthemable-tokens() {
15
+ @return (
16
+ // The border-radius of the card.
17
+ container-shape: 4px,
18
+ // The thickness of the card's border.
19
+ outline-width: 1px,
20
+ // =============================================================================================
21
+ // = TOKENS NOT USED IN ANGULAR MATERIAL =
22
+ // =============================================================================================
23
+ // TODO(mmalerba): The elevation tokens don't seem to work currently.
24
+ // Should work with MDC to figure out what's wrong.
25
+ container-elevation: null,
26
+ container-shadow-color: null,
27
+ // Angular Material's card is not an interactive element, and therefore does not support states.
28
+ disabled-container-elevation: null,
29
+ disabled-outline-color: null,
30
+ disabled-outline-opacity: null,
31
+ dragged-container-elevation: null,
32
+ dragged-outline-color: null,
33
+ dragged-state-layer-color: null,
34
+ dragged-state-layer-opacity: null,
35
+ focus-container-elevation: null,
36
+ focus-outline-color: null,
37
+ focus-state-layer-color: null,
38
+ focus-state-layer-opacity: null,
39
+ hover-container-elevation: null,
40
+ hover-outline-color: null,
41
+ hover-state-layer-color: null,
42
+ hover-state-layer-opacity: null,
43
+ pressed-container-elevation: null,
44
+ pressed-outline-color: null,
45
+ pressed-state-layer-color: null,
46
+ pressed-state-layer-opacity: null,
47
+ // Angular Material does not currently support surface tint.
48
+ container-surface-tint-layer-color: null,
49
+ // MDC does not seem to use these tokens.
50
+ icon-color: null,
51
+ icon-size: null,
52
+ );
53
+ }
54
+
55
+ // Tokens that can be configured through Angular Material's color theming API.
56
+ @function get-color-tokens($config) {
57
+ $background: map.get($config, background);
58
+ $foreground: map.get($config, foreground);
59
+
60
+ @return (
61
+ // The background color of the card.
62
+ container-color: theming.get-color-from-palette($background, card),
63
+ // The border color of the card.
64
+ outline-color: theming.get-color-from-palette($foreground, base, 0.12),
65
+ );
66
+ }
67
+
68
+ // Tokens that can be configured through Angular Material's typography theming API.
69
+ @function get-typography-tokens($config) {
70
+ @return ();
71
+ }
72
+
73
+ // Tokens that can be configured through Angular Material's density theming API.
74
+ @function get-density-tokens($config) {
75
+ @return ();
76
+ }
77
+
78
+ // Combines the tokens generated by the above functions into a single map with placeholder values.
79
+ // This is used to create token slots.
80
+ @function get-token-slots() {
81
+ @return token-utils.merge-all(
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)
86
+ );
87
+ }
@@ -15,9 +15,9 @@ export class _MatAutocompleteOriginBase {
15
15
  this.elementRef = elementRef;
16
16
  }
17
17
  }
18
- _MatAutocompleteOriginBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0-rc.0", ngImport: i0, type: _MatAutocompleteOriginBase, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
19
- _MatAutocompleteOriginBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0-rc.0", type: _MatAutocompleteOriginBase, ngImport: i0 });
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0-rc.0", ngImport: i0, type: _MatAutocompleteOriginBase, decorators: [{
18
+ _MatAutocompleteOriginBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.0", ngImport: i0, type: _MatAutocompleteOriginBase, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
19
+ _MatAutocompleteOriginBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.0", type: _MatAutocompleteOriginBase, ngImport: i0 });
20
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.0", ngImport: i0, type: _MatAutocompleteOriginBase, decorators: [{
21
21
  type: Directive
22
22
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
23
23
  /**
@@ -26,13 +26,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0-rc.0", ng
26
26
  */
27
27
  export class MatAutocompleteOrigin extends _MatAutocompleteOriginBase {
28
28
  }
29
- MatAutocompleteOrigin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0-rc.0", ngImport: i0, type: MatAutocompleteOrigin, deps: null, target: i0.ɵɵFactoryTarget.Directive });
30
- MatAutocompleteOrigin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0-rc.0", type: MatAutocompleteOrigin, selector: "[matAutocompleteOrigin]", exportAs: ["matAutocompleteOrigin"], usesInheritance: true, ngImport: i0 });
31
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0-rc.0", ngImport: i0, type: MatAutocompleteOrigin, decorators: [{
29
+ MatAutocompleteOrigin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.0", ngImport: i0, type: MatAutocompleteOrigin, deps: null, target: i0.ɵɵFactoryTarget.Directive });
30
+ MatAutocompleteOrigin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.0", type: MatAutocompleteOrigin, selector: "[matAutocompleteOrigin]", exportAs: ["matAutocompleteOrigin"], usesInheritance: true, ngImport: i0 });
31
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.0", ngImport: i0, type: MatAutocompleteOrigin, decorators: [{
32
32
  type: Directive,
33
33
  args: [{
34
34
  selector: '[matAutocompleteOrigin]',
35
35
  exportAs: 'matAutocompleteOrigin',
36
36
  }]
37
37
  }] });
38
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLW9yaWdpbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9tYXRlcmlhbC9hdXRvY29tcGxldGUvYXV0b2NvbXBsZXRlLW9yaWdpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxPQUFPLEVBQUMsU0FBUyxFQUFFLFVBQVUsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFFcEQsa0ZBQWtGO0FBRWxGLE1BQU0sT0FBZ0IsMEJBQTBCO0lBQzlDO0lBQ0Usa0VBQWtFO0lBQzNELFVBQW1DO1FBQW5DLGVBQVUsR0FBVixVQUFVLENBQXlCO0lBQ3pDLENBQUM7OzRIQUpnQiwwQkFBMEI7Z0hBQTFCLDBCQUEwQjtnR0FBMUIsMEJBQTBCO2tCQUQvQyxTQUFTOztBQVFWOzs7R0FHRztBQUtILE1BQU0sT0FBTyxxQkFBc0IsU0FBUSwwQkFBMEI7O3VIQUF4RCxxQkFBcUI7MkdBQXJCLHFCQUFxQjtnR0FBckIscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFFBQVEsRUFBRSx1QkFBdUI7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEdvb2dsZSBMTEMgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2FuZ3VsYXIuaW8vbGljZW5zZVxuICovXG5cbmltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqIEJhc2UgY2xhc3MgY29udGFpbmluZyBhbGwgb2YgdGhlIGZ1bmN0aW9uYWxpdHkgZm9yIGBNYXRBdXRvY29tcGxldGVPcmlnaW5gLiAqL1xuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgX01hdEF1dG9jb21wbGV0ZU9yaWdpbkJhc2Uge1xuICBjb25zdHJ1Y3RvcihcbiAgICAvKiogUmVmZXJlbmNlIHRvIHRoZSBlbGVtZW50IG9uIHdoaWNoIHRoZSBkaXJlY3RpdmUgaXMgYXBwbGllZC4gKi9cbiAgICBwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICkge31cbn1cblxuLyoqXG4gKiBEaXJlY3RpdmUgYXBwbGllZCB0byBhbiBlbGVtZW50IHRvIG1ha2UgaXQgdXNhYmxlXG4gKiBhcyBhIGNvbm5lY3Rpb24gcG9pbnQgZm9yIGFuIGF1dG9jb21wbGV0ZSBwYW5lbC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW21hdEF1dG9jb21wbGV0ZU9yaWdpbl0nLFxuICBleHBvcnRBczogJ21hdEF1dG9jb21wbGV0ZU9yaWdpbicsXG59KVxuZXhwb3J0IGNsYXNzIE1hdEF1dG9jb21wbGV0ZU9yaWdpbiBleHRlbmRzIF9NYXRBdXRvY29tcGxldGVPcmlnaW5CYXNlIHt9XG4iXX0=
38
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLW9yaWdpbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9tYXRlcmlhbC9hdXRvY29tcGxldGUvYXV0b2NvbXBsZXRlLW9yaWdpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxPQUFPLEVBQUMsU0FBUyxFQUFFLFVBQVUsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFFcEQsa0ZBQWtGO0FBRWxGLE1BQU0sT0FBZ0IsMEJBQTBCO0lBQzlDO0lBQ0Usa0VBQWtFO0lBQzNELFVBQW1DO1FBQW5DLGVBQVUsR0FBVixVQUFVLENBQXlCO0lBQ3pDLENBQUM7OzhIQUpnQiwwQkFBMEI7a0hBQTFCLDBCQUEwQjtrR0FBMUIsMEJBQTBCO2tCQUQvQyxTQUFTOztBQVFWOzs7R0FHRztBQUtILE1BQU0sT0FBTyxxQkFBc0IsU0FBUSwwQkFBMEI7O3lIQUF4RCxxQkFBcUI7NkdBQXJCLHFCQUFxQjtrR0FBckIscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFFBQVEsRUFBRSx1QkFBdUI7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEdvb2dsZSBMTEMgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2FuZ3VsYXIuaW8vbGljZW5zZVxuICovXG5cbmltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqIEJhc2UgY2xhc3MgY29udGFpbmluZyBhbGwgb2YgdGhlIGZ1bmN0aW9uYWxpdHkgZm9yIGBNYXRBdXRvY29tcGxldGVPcmlnaW5gLiAqL1xuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgX01hdEF1dG9jb21wbGV0ZU9yaWdpbkJhc2Uge1xuICBjb25zdHJ1Y3RvcihcbiAgICAvKiogUmVmZXJlbmNlIHRvIHRoZSBlbGVtZW50IG9uIHdoaWNoIHRoZSBkaXJlY3RpdmUgaXMgYXBwbGllZC4gKi9cbiAgICBwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICkge31cbn1cblxuLyoqXG4gKiBEaXJlY3RpdmUgYXBwbGllZCB0byBhbiBlbGVtZW50IHRvIG1ha2UgaXQgdXNhYmxlXG4gKiBhcyBhIGNvbm5lY3Rpb24gcG9pbnQgZm9yIGFuIGF1dG9jb21wbGV0ZSBwYW5lbC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW21hdEF1dG9jb21wbGV0ZU9yaWdpbl0nLFxuICBleHBvcnRBczogJ21hdEF1dG9jb21wbGV0ZU9yaWdpbicsXG59KVxuZXhwb3J0IGNsYXNzIE1hdEF1dG9jb21wbGV0ZU9yaWdpbiBleHRlbmRzIF9NYXRBdXRvY29tcGxldGVPcmlnaW5CYXNlIHt9XG4iXX0=