@angular/material 18.1.0 → 18.1.2

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 (399) hide show
  1. package/button/_button-base.scss +0 -6
  2. package/button/_icon-button-theme.scss +18 -9
  3. package/core/_core.scss +15 -18
  4. package/core/m2/_typography.scss +129 -2
  5. package/core/style/_elevation.scss +116 -27
  6. package/core/theming/_color-api-backwards-compatibility.scss +2 -0
  7. package/core/tokens/_m3-tokens.scss +13 -13
  8. package/core/tokens/_token-utils.scss +98 -25
  9. package/core/tokens/m2/mat/_fab-small.scss +1 -2
  10. package/core/tokens/m2/mat/_fab.scss +1 -2
  11. package/core/tokens/m2/mat/_filled-button.scss +1 -2
  12. package/core/tokens/m2/mat/_form-field.scss +2 -5
  13. package/core/tokens/m2/mat/_optgroup.scss +0 -9
  14. package/core/tokens/m2/mat/_option.scss +0 -9
  15. package/core/tokens/m2/mat/_paginator.scss +1 -2
  16. package/core/tokens/m2/mat/_protected-button.scss +1 -2
  17. package/core/tokens/m2/mdc/_checkbox.scss +1 -2
  18. package/core/tokens/m2/mdc/_circular-progress.scss +2 -2
  19. package/core/tokens/m2/mdc/_filled-button.scss +1 -2
  20. package/core/tokens/m2/mdc/_protected-button.scss +1 -2
  21. package/core/tokens/m2/mdc/_slider.scss +3 -6
  22. package/core/tokens/m2/mdc/_switch.scss +12 -8
  23. package/core/tokens/m3/definitions/_index.scss +94 -0
  24. package/core/tokens/m3/definitions/_md-comp-checkbox.scss +120 -0
  25. package/core/tokens/m3/definitions/_md-comp-circular-progress-indicator.scss +27 -0
  26. package/core/tokens/m3/definitions/_md-comp-data-table.scss +90 -0
  27. package/core/tokens/m3/definitions/_md-comp-dialog.scss +123 -0
  28. package/core/tokens/m3/definitions/_md-comp-elevated-button.scss +87 -0
  29. package/core/tokens/m3/definitions/_md-comp-elevated-card.scss +53 -0
  30. package/core/tokens/m3/definitions/_md-comp-extended-fab-primary.scss +90 -0
  31. package/core/tokens/m3/definitions/_md-comp-extended-fab-secondary.scss +91 -0
  32. package/core/tokens/m3/definitions/_md-comp-extended-fab-tertiary.scss +91 -0
  33. package/core/tokens/m3/definitions/_md-comp-fab-primary-small.scss +59 -0
  34. package/core/tokens/m3/definitions/_md-comp-fab-primary.scss +59 -0
  35. package/core/tokens/m3/definitions/_md-comp-fab-secondary-small.scss +60 -0
  36. package/core/tokens/m3/definitions/_md-comp-fab-secondary.scss +60 -0
  37. package/core/tokens/m3/definitions/_md-comp-fab-tertiary-small.scss +60 -0
  38. package/core/tokens/m3/definitions/_md-comp-fab-tertiary.scss +60 -0
  39. package/core/tokens/m3/definitions/_md-comp-filled-button.scss +85 -0
  40. package/core/tokens/m3/definitions/_md-comp-filled-card.scss +52 -0
  41. package/core/tokens/m3/definitions/_md-comp-filled-icon-button.scss +73 -0
  42. package/core/tokens/m3/definitions/_md-comp-filled-text-field.scss +189 -0
  43. package/core/tokens/m3/definitions/_md-comp-icon-button.scss +64 -0
  44. package/core/tokens/m3/definitions/_md-comp-linear-progress-indicator.scss +29 -0
  45. package/core/tokens/m3/definitions/_md-comp-list.scss +252 -0
  46. package/core/tokens/m3/definitions/_md-comp-outlined-button.scss +80 -0
  47. package/core/tokens/m3/definitions/_md-comp-outlined-card.scss +59 -0
  48. package/core/tokens/m3/definitions/_md-comp-outlined-icon-button.scss +73 -0
  49. package/core/tokens/m3/definitions/_md-comp-outlined-text-field.scss +171 -0
  50. package/core/tokens/m3/definitions/_md-comp-plain-tooltip.scss +51 -0
  51. package/core/tokens/m3/definitions/_md-comp-radio-button.scss +62 -0
  52. package/core/tokens/m3/definitions/_md-comp-secondary-navigation-tab.scss +80 -0
  53. package/core/tokens/m3/definitions/_md-comp-slider.scss +110 -0
  54. package/core/tokens/m3/definitions/_md-comp-snackbar.scss +125 -0
  55. package/core/tokens/m3/definitions/_md-comp-switch.scss +130 -0
  56. package/core/tokens/m3/definitions/_md-comp-text-button.scss +73 -0
  57. package/core/tokens/m3/definitions/_md-ref-palette.scss +100 -0
  58. package/core/tokens/m3/definitions/_md-ref-typeface.scss +14 -0
  59. package/core/tokens/m3/definitions/_md-sys-color.scss +126 -0
  60. package/core/tokens/m3/definitions/_md-sys-elevation.scss +15 -0
  61. package/core/tokens/m3/definitions/_md-sys-motion.scss +46 -0
  62. package/core/tokens/m3/definitions/_md-sys-shape.scss +24 -0
  63. package/core/tokens/m3/definitions/_md-sys-state.scss +13 -0
  64. package/core/tokens/m3/definitions/_md-sys-typescale.scss +308 -0
  65. package/core/tokens/m3/definitions/unused/_md-comp-assist-chip.scss +105 -0
  66. package/core/tokens/m3/definitions/unused/_md-comp-badge.scss +54 -0
  67. package/core/tokens/m3/definitions/unused/_md-comp-banner.scss +71 -0
  68. package/core/tokens/m3/definitions/unused/_md-comp-bottom-app-bar.scss +29 -0
  69. package/core/tokens/m3/definitions/unused/_md-comp-carousel-item.scss +59 -0
  70. package/core/tokens/m3/definitions/unused/_md-comp-date-input-modal.scss +87 -0
  71. package/core/tokens/m3/definitions/unused/_md-comp-date-picker-docked.scss +248 -0
  72. package/core/tokens/m3/definitions/unused/_md-comp-date-picker-modal.scss +313 -0
  73. package/core/tokens/m3/definitions/unused/_md-comp-divider.scss +19 -0
  74. package/core/tokens/m3/definitions/unused/_md-comp-extended-fab-branded.scss +82 -0
  75. package/core/tokens/m3/definitions/unused/_md-comp-extended-fab-surface.scss +86 -0
  76. package/core/tokens/m3/definitions/unused/_md-comp-fab-branded-large.scss +54 -0
  77. package/core/tokens/m3/definitions/unused/_md-comp-fab-branded.scss +54 -0
  78. package/core/tokens/m3/definitions/unused/_md-comp-fab-primary-large.scss +59 -0
  79. package/core/tokens/m3/definitions/unused/_md-comp-fab-secondary-large.scss +60 -0
  80. package/core/tokens/m3/definitions/unused/_md-comp-fab-surface-large.scss +58 -0
  81. package/core/tokens/m3/definitions/unused/_md-comp-fab-surface-small.scss +58 -0
  82. package/core/tokens/m3/definitions/unused/_md-comp-fab-surface.scss +58 -0
  83. package/core/tokens/m3/definitions/unused/_md-comp-fab-tertiary-large.scss +60 -0
  84. package/core/tokens/m3/definitions/unused/_md-comp-filled-autocomplete.scss +269 -0
  85. package/core/tokens/m3/definitions/unused/_md-comp-filled-menu-button.scss +94 -0
  86. package/core/tokens/m3/definitions/unused/_md-comp-filled-select.scss +274 -0
  87. package/core/tokens/m3/definitions/unused/_md-comp-filled-tonal-button.scss +95 -0
  88. package/core/tokens/m3/definitions/unused/_md-comp-filled-tonal-icon-button.scss +80 -0
  89. package/core/tokens/m3/definitions/unused/_md-comp-filter-chip.scss +205 -0
  90. package/core/tokens/m3/definitions/unused/_md-comp-full-screen-dialog.scss +109 -0
  91. package/core/tokens/m3/definitions/unused/_md-comp-input-chip.scss +180 -0
  92. package/core/tokens/m3/definitions/unused/_md-comp-menu.scss +31 -0
  93. package/core/tokens/m3/definitions/unused/_md-comp-navigation-bar.scss +110 -0
  94. package/core/tokens/m3/definitions/unused/_md-comp-navigation-drawer.scss +162 -0
  95. package/core/tokens/m3/definitions/unused/_md-comp-navigation-rail.scss +127 -0
  96. package/core/tokens/m3/definitions/unused/_md-comp-outlined-autocomplete.scss +259 -0
  97. package/core/tokens/m3/definitions/unused/_md-comp-outlined-menu-button.scss +90 -0
  98. package/core/tokens/m3/definitions/unused/_md-comp-outlined-segmented-button.scss +108 -0
  99. package/core/tokens/m3/definitions/unused/_md-comp-outlined-select.scss +264 -0
  100. package/core/tokens/m3/definitions/unused/_md-comp-primary-navigation-tab.scss +117 -0
  101. package/core/tokens/m3/definitions/unused/_md-comp-rich-tooltip.scss +121 -0
  102. package/core/tokens/m3/definitions/unused/_md-comp-scrim.scss +19 -0
  103. package/core/tokens/m3/definitions/unused/_md-comp-search-bar.scss +97 -0
  104. package/core/tokens/m3/definitions/unused/_md-comp-search-view.scss +91 -0
  105. package/core/tokens/m3/definitions/unused/_md-comp-sheet-bottom.scss +39 -0
  106. package/core/tokens/m3/definitions/unused/_md-comp-sheet-floating.scss +28 -0
  107. package/core/tokens/m3/definitions/unused/_md-comp-sheet-side.scss +87 -0
  108. package/core/tokens/m3/definitions/unused/_md-comp-standard-menu-button.scss +94 -0
  109. package/core/tokens/m3/definitions/unused/_md-comp-suggestion-chip.scss +121 -0
  110. package/core/tokens/m3/definitions/unused/_md-comp-time-input.scss +222 -0
  111. package/core/tokens/m3/definitions/unused/_md-comp-time-picker.scss +268 -0
  112. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-large.scss +59 -0
  113. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-medium.scss +59 -0
  114. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small-centered.scss +62 -0
  115. package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small.scss +60 -0
  116. package/core/tokens/m3/mat/_icon-button.scss +31 -2
  117. package/core/tokens/m3/mdc/_icon-button.scss +21 -2
  118. package/core/tokens/m3/mdc/_slider.scss +9 -2
  119. package/core/tokens/m3/mdc/_switch.scss +13 -2
  120. package/esm2022/autocomplete/animations.mjs +1 -2
  121. package/esm2022/autocomplete/autocomplete-origin.mjs +4 -4
  122. package/esm2022/autocomplete/autocomplete-trigger.mjs +4 -4
  123. package/esm2022/autocomplete/autocomplete.mjs +4 -4
  124. package/esm2022/autocomplete/module.mjs +5 -5
  125. package/esm2022/badge/badge-module.mjs +5 -5
  126. package/esm2022/badge/badge.mjs +7 -7
  127. package/esm2022/bottom-sheet/bottom-sheet-container.mjs +4 -4
  128. package/esm2022/bottom-sheet/bottom-sheet-module.mjs +5 -5
  129. package/esm2022/bottom-sheet/bottom-sheet.mjs +4 -4
  130. package/esm2022/button/button-base.mjs +7 -7
  131. package/esm2022/button/button.mjs +7 -7
  132. package/esm2022/button/fab.mjs +17 -17
  133. package/esm2022/button/icon-button.mjs +7 -7
  134. package/esm2022/button/module.mjs +5 -5
  135. package/esm2022/button-toggle/button-toggle-module.mjs +5 -5
  136. package/esm2022/button-toggle/button-toggle.mjs +7 -7
  137. package/esm2022/card/card.mjs +43 -43
  138. package/esm2022/card/module.mjs +5 -5
  139. package/esm2022/checkbox/checkbox-required-validator.mjs +4 -4
  140. package/esm2022/checkbox/checkbox.mjs +4 -4
  141. package/esm2022/checkbox/module.mjs +9 -9
  142. package/esm2022/chips/chip-action.mjs +4 -4
  143. package/esm2022/chips/chip-edit-input.mjs +4 -4
  144. package/esm2022/chips/chip-grid.mjs +5 -5
  145. package/esm2022/chips/chip-icons.mjs +10 -10
  146. package/esm2022/chips/chip-input.mjs +4 -4
  147. package/esm2022/chips/chip-listbox.mjs +4 -4
  148. package/esm2022/chips/chip-option.mjs +4 -4
  149. package/esm2022/chips/chip-row.mjs +4 -4
  150. package/esm2022/chips/chip-set.mjs +4 -4
  151. package/esm2022/chips/chip.mjs +4 -4
  152. package/esm2022/chips/module.mjs +5 -5
  153. package/esm2022/core/common-behaviors/common-module.mjs +5 -5
  154. package/esm2022/core/datetime/index.mjs +9 -9
  155. package/esm2022/core/datetime/native-date-adapter.mjs +4 -4
  156. package/esm2022/core/error/error-options.mjs +7 -7
  157. package/esm2022/core/internal-form-field/internal-form-field.mjs +4 -4
  158. package/esm2022/core/line/line.mjs +8 -8
  159. package/esm2022/core/option/index.mjs +5 -5
  160. package/esm2022/core/option/optgroup.mjs +4 -4
  161. package/esm2022/core/option/option.mjs +4 -4
  162. package/esm2022/core/private/ripple-loader.mjs +4 -4
  163. package/esm2022/core/ripple/index.mjs +5 -5
  164. package/esm2022/core/ripple/ripple.mjs +4 -4
  165. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox-module.mjs +5 -5
  166. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +4 -4
  167. package/esm2022/core/version.mjs +1 -1
  168. package/esm2022/datepicker/calendar-body.mjs +4 -4
  169. package/esm2022/datepicker/calendar.mjs +7 -7
  170. package/esm2022/datepicker/date-range-input-parts.mjs +10 -10
  171. package/esm2022/datepicker/date-range-input.mjs +4 -4
  172. package/esm2022/datepicker/date-range-picker.mjs +4 -4
  173. package/esm2022/datepicker/date-range-selection-strategy.mjs +4 -4
  174. package/esm2022/datepicker/date-selection-model.mjs +10 -10
  175. package/esm2022/datepicker/datepicker-actions.mjs +10 -10
  176. package/esm2022/datepicker/datepicker-base.mjs +7 -7
  177. package/esm2022/datepicker/datepicker-input-base.mjs +4 -4
  178. package/esm2022/datepicker/datepicker-input.mjs +4 -4
  179. package/esm2022/datepicker/datepicker-intl.mjs +4 -4
  180. package/esm2022/datepicker/datepicker-module.mjs +5 -5
  181. package/esm2022/datepicker/datepicker-toggle.mjs +7 -7
  182. package/esm2022/datepicker/datepicker.mjs +4 -4
  183. package/esm2022/datepicker/month-view.mjs +4 -4
  184. package/esm2022/datepicker/multi-year-view.mjs +4 -4
  185. package/esm2022/datepicker/year-view.mjs +4 -4
  186. package/esm2022/dialog/dialog-container.mjs +4 -7
  187. package/esm2022/dialog/dialog-content-directives.mjs +16 -16
  188. package/esm2022/dialog/dialog.mjs +4 -4
  189. package/esm2022/dialog/module.mjs +5 -5
  190. package/esm2022/divider/divider-module.mjs +5 -5
  191. package/esm2022/divider/divider.mjs +4 -4
  192. package/esm2022/expansion/accordion.mjs +4 -4
  193. package/esm2022/expansion/expansion-module.mjs +5 -5
  194. package/esm2022/expansion/expansion-panel-content.mjs +4 -4
  195. package/esm2022/expansion/expansion-panel-header.mjs +11 -11
  196. package/esm2022/expansion/expansion-panel.mjs +7 -7
  197. package/esm2022/form-field/directives/error.mjs +4 -4
  198. package/esm2022/form-field/directives/floating-label.mjs +4 -4
  199. package/esm2022/form-field/directives/hint.mjs +4 -4
  200. package/esm2022/form-field/directives/label.mjs +4 -4
  201. package/esm2022/form-field/directives/line-ripple.mjs +4 -4
  202. package/esm2022/form-field/directives/notched-outline.mjs +5 -5
  203. package/esm2022/form-field/directives/prefix.mjs +4 -4
  204. package/esm2022/form-field/directives/suffix.mjs +4 -4
  205. package/esm2022/form-field/form-field-control.mjs +4 -4
  206. package/esm2022/form-field/form-field.mjs +9 -6
  207. package/esm2022/form-field/module.mjs +5 -5
  208. package/esm2022/grid-list/grid-list-module.mjs +5 -5
  209. package/esm2022/grid-list/grid-list.mjs +4 -4
  210. package/esm2022/grid-list/grid-tile.mjs +16 -16
  211. package/esm2022/icon/icon-module.mjs +5 -5
  212. package/esm2022/icon/icon-registry.mjs +4 -4
  213. package/esm2022/icon/icon.mjs +4 -4
  214. package/esm2022/icon/testing/fake-icon-registry.mjs +8 -8
  215. package/esm2022/input/input.mjs +39 -6
  216. package/esm2022/input/module.mjs +5 -5
  217. package/esm2022/list/action-list.mjs +4 -4
  218. package/esm2022/list/list-base.mjs +7 -7
  219. package/esm2022/list/list-item-sections.mjs +19 -19
  220. package/esm2022/list/list-module.mjs +5 -5
  221. package/esm2022/list/list-option.mjs +4 -4
  222. package/esm2022/list/list.mjs +7 -7
  223. package/esm2022/list/nav-list.mjs +4 -4
  224. package/esm2022/list/selection-list.mjs +4 -4
  225. package/esm2022/list/subheader.mjs +4 -4
  226. package/esm2022/list/testing/selection-list-harness.mjs +2 -2
  227. package/esm2022/menu/menu-content.mjs +4 -4
  228. package/esm2022/menu/menu-item.mjs +4 -4
  229. package/esm2022/menu/menu-trigger.mjs +4 -4
  230. package/esm2022/menu/menu.mjs +4 -4
  231. package/esm2022/menu/module.mjs +5 -5
  232. package/esm2022/paginator/module.mjs +5 -5
  233. package/esm2022/paginator/paginator-intl.mjs +4 -4
  234. package/esm2022/paginator/paginator.mjs +4 -4
  235. package/esm2022/progress-bar/module.mjs +5 -5
  236. package/esm2022/progress-bar/progress-bar.mjs +4 -4
  237. package/esm2022/progress-spinner/module.mjs +5 -5
  238. package/esm2022/progress-spinner/progress-spinner.mjs +5 -5
  239. package/esm2022/radio/module.mjs +5 -5
  240. package/esm2022/radio/radio.mjs +7 -7
  241. package/esm2022/select/module.mjs +5 -5
  242. package/esm2022/select/select.mjs +7 -7
  243. package/esm2022/sidenav/drawer.mjs +10 -10
  244. package/esm2022/sidenav/sidenav-module.mjs +5 -5
  245. package/esm2022/sidenav/sidenav.mjs +10 -10
  246. package/esm2022/slide-toggle/module.mjs +9 -9
  247. package/esm2022/slide-toggle/slide-toggle-required-validator.mjs +4 -4
  248. package/esm2022/slide-toggle/slide-toggle.mjs +6 -6
  249. package/esm2022/slider/module.mjs +5 -5
  250. package/esm2022/slider/slider-input.mjs +7 -7
  251. package/esm2022/slider/slider-thumb.mjs +4 -4
  252. package/esm2022/slider/slider.mjs +5 -5
  253. package/esm2022/snack-bar/module.mjs +5 -5
  254. package/esm2022/snack-bar/simple-snack-bar.mjs +4 -4
  255. package/esm2022/snack-bar/snack-bar-container.mjs +4 -4
  256. package/esm2022/snack-bar/snack-bar-content.mjs +10 -10
  257. package/esm2022/snack-bar/snack-bar.mjs +4 -4
  258. package/esm2022/sort/sort-header-intl.mjs +4 -4
  259. package/esm2022/sort/sort-header.mjs +4 -4
  260. package/esm2022/sort/sort-module.mjs +5 -5
  261. package/esm2022/sort/sort.mjs +4 -4
  262. package/esm2022/stepper/step-content.mjs +4 -4
  263. package/esm2022/stepper/step-header.mjs +4 -4
  264. package/esm2022/stepper/step-label.mjs +4 -4
  265. package/esm2022/stepper/stepper-button.mjs +7 -7
  266. package/esm2022/stepper/stepper-icon.mjs +4 -4
  267. package/esm2022/stepper/stepper-intl.mjs +4 -4
  268. package/esm2022/stepper/stepper-module.mjs +5 -5
  269. package/esm2022/stepper/stepper.mjs +7 -7
  270. package/esm2022/table/cell.mjs +22 -22
  271. package/esm2022/table/module.mjs +5 -5
  272. package/esm2022/table/row.mjs +22 -22
  273. package/esm2022/table/table.mjs +7 -7
  274. package/esm2022/table/text-column.mjs +4 -4
  275. package/esm2022/tabs/ink-bar.mjs +4 -4
  276. package/esm2022/tabs/module.mjs +5 -5
  277. package/esm2022/tabs/paginated-tab-header.mjs +4 -4
  278. package/esm2022/tabs/tab-body.mjs +7 -7
  279. package/esm2022/tabs/tab-content.mjs +4 -4
  280. package/esm2022/tabs/tab-group.mjs +4 -4
  281. package/esm2022/tabs/tab-header.mjs +5 -5
  282. package/esm2022/tabs/tab-label-wrapper.mjs +4 -4
  283. package/esm2022/tabs/tab-label.mjs +4 -4
  284. package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +11 -11
  285. package/esm2022/tabs/tab.mjs +4 -4
  286. package/esm2022/tabs/testing/tab-harness.mjs +2 -2
  287. package/esm2022/toolbar/toolbar-module.mjs +5 -5
  288. package/esm2022/toolbar/toolbar.mjs +7 -7
  289. package/esm2022/tooltip/module.mjs +5 -5
  290. package/esm2022/tooltip/tooltip.mjs +7 -7
  291. package/esm2022/tree/node.mjs +10 -10
  292. package/esm2022/tree/outlet.mjs +4 -4
  293. package/esm2022/tree/padding.mjs +4 -4
  294. package/esm2022/tree/toggle.mjs +4 -4
  295. package/esm2022/tree/tree-module.mjs +5 -5
  296. package/esm2022/tree/tree.mjs +4 -4
  297. package/fesm2022/autocomplete.mjs +13 -14
  298. package/fesm2022/autocomplete.mjs.map +1 -1
  299. package/fesm2022/badge.mjs +10 -10
  300. package/fesm2022/badge.mjs.map +1 -1
  301. package/fesm2022/bottom-sheet.mjs +10 -10
  302. package/fesm2022/bottom-sheet.mjs.map +1 -1
  303. package/fesm2022/button-toggle.mjs +10 -10
  304. package/fesm2022/button-toggle.mjs.map +1 -1
  305. package/fesm2022/button.mjs +38 -38
  306. package/fesm2022/button.mjs.map +1 -1
  307. package/fesm2022/card.mjs +46 -46
  308. package/fesm2022/card.mjs.map +1 -1
  309. package/fesm2022/checkbox.mjs +14 -14
  310. package/fesm2022/checkbox.mjs.map +1 -1
  311. package/fesm2022/chips.mjs +41 -41
  312. package/fesm2022/chips.mjs.map +1 -1
  313. package/fesm2022/core.mjs +59 -59
  314. package/fesm2022/core.mjs.map +1 -1
  315. package/fesm2022/datepicker.mjs +82 -82
  316. package/fesm2022/datepicker.mjs.map +1 -1
  317. package/fesm2022/dialog.mjs +25 -28
  318. package/fesm2022/dialog.mjs.map +1 -1
  319. package/fesm2022/divider.mjs +7 -7
  320. package/fesm2022/divider.mjs.map +1 -1
  321. package/fesm2022/expansion.mjs +26 -26
  322. package/fesm2022/expansion.mjs.map +1 -1
  323. package/fesm2022/form-field.mjs +40 -37
  324. package/fesm2022/form-field.mjs.map +1 -1
  325. package/fesm2022/grid-list.mjs +22 -22
  326. package/fesm2022/grid-list.mjs.map +1 -1
  327. package/fesm2022/icon/testing.mjs +7 -7
  328. package/fesm2022/icon/testing.mjs.map +1 -1
  329. package/fesm2022/icon.mjs +10 -10
  330. package/fesm2022/icon.mjs.map +1 -1
  331. package/fesm2022/input.mjs +42 -9
  332. package/fesm2022/input.mjs.map +1 -1
  333. package/fesm2022/list/testing.mjs +1 -1
  334. package/fesm2022/list/testing.mjs.map +1 -1
  335. package/fesm2022/list.mjs +49 -49
  336. package/fesm2022/list.mjs.map +1 -1
  337. package/fesm2022/menu.mjs +16 -16
  338. package/fesm2022/menu.mjs.map +1 -1
  339. package/fesm2022/paginator.mjs +10 -10
  340. package/fesm2022/paginator.mjs.map +1 -1
  341. package/fesm2022/progress-bar.mjs +7 -7
  342. package/fesm2022/progress-bar.mjs.map +1 -1
  343. package/fesm2022/progress-spinner.mjs +8 -8
  344. package/fesm2022/progress-spinner.mjs.map +1 -1
  345. package/fesm2022/radio.mjs +10 -10
  346. package/fesm2022/radio.mjs.map +1 -1
  347. package/fesm2022/select.mjs +10 -10
  348. package/fesm2022/select.mjs.map +1 -1
  349. package/fesm2022/sidenav.mjs +22 -22
  350. package/fesm2022/sidenav.mjs.map +1 -1
  351. package/fesm2022/slide-toggle.mjs +16 -16
  352. package/fesm2022/slide-toggle.mjs.map +1 -1
  353. package/fesm2022/slider.mjs +17 -17
  354. package/fesm2022/slider.mjs.map +1 -1
  355. package/fesm2022/snack-bar.mjs +22 -22
  356. package/fesm2022/snack-bar.mjs.map +1 -1
  357. package/fesm2022/sort.mjs +13 -13
  358. package/fesm2022/sort.mjs.map +1 -1
  359. package/fesm2022/stepper.mjs +31 -31
  360. package/fesm2022/stepper.mjs.map +1 -1
  361. package/fesm2022/table.mjs +55 -55
  362. package/fesm2022/table.mjs.map +1 -1
  363. package/fesm2022/tabs/testing.mjs +1 -1
  364. package/fesm2022/tabs/testing.mjs.map +1 -1
  365. package/fesm2022/tabs.mjs +45 -45
  366. package/fesm2022/tabs.mjs.map +1 -1
  367. package/fesm2022/toolbar.mjs +10 -10
  368. package/fesm2022/toolbar.mjs.map +1 -1
  369. package/fesm2022/tooltip.mjs +10 -10
  370. package/fesm2022/tooltip.mjs.map +1 -1
  371. package/fesm2022/tree.mjs +25 -25
  372. package/fesm2022/tree.mjs.map +1 -1
  373. package/form-field/_form-field-focus-overlay.scss +1 -1
  374. package/form-field/_form-field-subscript.scss +1 -3
  375. package/form-field/_form-field-theme.scss +20 -20
  376. package/form-field/_mdc-text-field-density-overrides.scss +2 -2
  377. package/form-field/_mdc-text-field-structure-overrides.scss +2 -13
  378. package/form-field/_mdc-text-field-structure.scss +610 -0
  379. package/input/index.d.ts +13 -1
  380. package/list/testing/index.d.ts +1 -1
  381. package/package.json +3 -51
  382. package/prebuilt-themes/azure-blue.css +1 -1
  383. package/prebuilt-themes/cyan-orange.css +1 -1
  384. package/prebuilt-themes/deeppurple-amber.css +1 -1
  385. package/prebuilt-themes/indigo-pink.css +1 -1
  386. package/prebuilt-themes/magenta-violet.css +1 -1
  387. package/prebuilt-themes/pink-bluegrey.css +1 -1
  388. package/prebuilt-themes/purple-green.css +1 -1
  389. package/prebuilt-themes/rose-red.css +1 -1
  390. package/progress-spinner/_progress-spinner-theme.scss +11 -14
  391. package/schematics/ng-add/index.js +1 -1
  392. package/schematics/ng-add/index.mjs +1 -1
  393. package/schematics/ng-generate/m3-theme/index_bundled.js +2 -2
  394. package/schematics/ng-update/index_bundled.js +31 -31
  395. package/slide-toggle/_slide-toggle-theme.scss +21 -26
  396. package/slider/_slider-theme.scss +24 -41
  397. package/tabs/_tabs-common.scss +14 -0
  398. package/tabs/testing/index.d.ts +1 -1
  399. package/core/mdc-helpers/_mdc-helpers.scss +0 -60
@@ -0,0 +1,126 @@
1
+ //
2
+ // Design system display name: Material 3
3
+ // Design system version: v0.161
4
+ //
5
+
6
+ @use 'sass:map';
7
+
8
+ @use './md-ref-palette';
9
+
10
+ $_default-dark: (
11
+ 'md-ref-palette': md-ref-palette.values(),
12
+ );
13
+
14
+ @function values-dark($deps: $_default-dark) {
15
+ @return (
16
+ 'background': map.get($deps, 'md-ref-palette', 'neutral10'),
17
+ 'error': map.get($deps, 'md-ref-palette', 'error80'),
18
+ 'error-container': map.get($deps, 'md-ref-palette', 'error30'),
19
+ 'inverse-on-surface': map.get($deps, 'md-ref-palette', 'neutral20'),
20
+ 'inverse-primary': map.get($deps, 'md-ref-palette', 'primary40'),
21
+ 'inverse-surface': map.get($deps, 'md-ref-palette', 'neutral90'),
22
+ 'on-background': map.get($deps, 'md-ref-palette', 'neutral90'),
23
+ 'on-error': map.get($deps, 'md-ref-palette', 'error20'),
24
+ 'on-error-container': map.get($deps, 'md-ref-palette', 'error90'),
25
+ 'on-primary': map.get($deps, 'md-ref-palette', 'primary20'),
26
+ 'on-primary-container': map.get($deps, 'md-ref-palette', 'primary90'),
27
+ 'on-primary-fixed': map.get($deps, 'md-ref-palette', 'primary10'),
28
+ 'on-primary-fixed-variant': map.get($deps, 'md-ref-palette', 'primary30'),
29
+ 'on-secondary': map.get($deps, 'md-ref-palette', 'secondary20'),
30
+ 'on-secondary-container': map.get($deps, 'md-ref-palette', 'secondary90'),
31
+ 'on-secondary-fixed': map.get($deps, 'md-ref-palette', 'secondary10'),
32
+ 'on-secondary-fixed-variant':
33
+ map.get($deps, 'md-ref-palette', 'secondary30'),
34
+ 'on-surface': map.get($deps, 'md-ref-palette', 'neutral90'),
35
+ 'on-surface-variant': map.get($deps, 'md-ref-palette', 'neutral-variant80'),
36
+ 'on-tertiary': map.get($deps, 'md-ref-palette', 'tertiary20'),
37
+ 'on-tertiary-container': map.get($deps, 'md-ref-palette', 'tertiary90'),
38
+ 'on-tertiary-fixed': map.get($deps, 'md-ref-palette', 'tertiary10'),
39
+ 'on-tertiary-fixed-variant': map.get($deps, 'md-ref-palette', 'tertiary30'),
40
+ 'outline': map.get($deps, 'md-ref-palette', 'neutral-variant60'),
41
+ 'outline-variant': map.get($deps, 'md-ref-palette', 'neutral-variant30'),
42
+ 'primary': map.get($deps, 'md-ref-palette', 'primary80'),
43
+ 'primary-container': map.get($deps, 'md-ref-palette', 'primary30'),
44
+ 'primary-fixed': map.get($deps, 'md-ref-palette', 'primary90'),
45
+ 'primary-fixed-dim': map.get($deps, 'md-ref-palette', 'primary80'),
46
+ 'scrim': map.get($deps, 'md-ref-palette', 'neutral0'),
47
+ 'secondary': map.get($deps, 'md-ref-palette', 'secondary80'),
48
+ 'secondary-container': map.get($deps, 'md-ref-palette', 'secondary30'),
49
+ 'secondary-fixed': map.get($deps, 'md-ref-palette', 'secondary90'),
50
+ 'secondary-fixed-dim': map.get($deps, 'md-ref-palette', 'secondary80'),
51
+ 'shadow': map.get($deps, 'md-ref-palette', 'neutral0'),
52
+ 'surface': map.get($deps, 'md-ref-palette', 'neutral10'),
53
+ 'surface-bright': map.get($deps, 'md-ref-palette', 'neutral24'),
54
+ 'surface-container': map.get($deps, 'md-ref-palette', 'neutral12'),
55
+ 'surface-container-high': map.get($deps, 'md-ref-palette', 'neutral17'),
56
+ 'surface-container-highest': map.get($deps, 'md-ref-palette', 'neutral22'),
57
+ 'surface-container-low': map.get($deps, 'md-ref-palette', 'neutral10'),
58
+ 'surface-container-lowest': map.get($deps, 'md-ref-palette', 'neutral4'),
59
+ 'surface-dim': map.get($deps, 'md-ref-palette', 'neutral6'),
60
+ 'surface-tint': map.get($deps, 'md-ref-palette', 'primary80'),
61
+ 'surface-variant': map.get($deps, 'md-ref-palette', 'neutral-variant30'),
62
+ 'tertiary': map.get($deps, 'md-ref-palette', 'tertiary80'),
63
+ 'tertiary-container': map.get($deps, 'md-ref-palette', 'tertiary30'),
64
+ 'tertiary-fixed': map.get($deps, 'md-ref-palette', 'tertiary90'),
65
+ 'tertiary-fixed-dim': map.get($deps, 'md-ref-palette', 'tertiary80')
66
+ );
67
+ }
68
+
69
+ $_default-light: (
70
+ 'md-ref-palette': md-ref-palette.values(),
71
+ );
72
+
73
+ @function values-light($deps: $_default-light) {
74
+ @return (
75
+ 'background': map.get($deps, 'md-ref-palette', 'neutral99'),
76
+ 'error': map.get($deps, 'md-ref-palette', 'error40'),
77
+ 'error-container': map.get($deps, 'md-ref-palette', 'error90'),
78
+ 'inverse-on-surface': map.get($deps, 'md-ref-palette', 'neutral95'),
79
+ 'inverse-primary': map.get($deps, 'md-ref-palette', 'primary80'),
80
+ 'inverse-surface': map.get($deps, 'md-ref-palette', 'neutral20'),
81
+ 'on-background': map.get($deps, 'md-ref-palette', 'neutral10'),
82
+ 'on-error': map.get($deps, 'md-ref-palette', 'error100'),
83
+ 'on-error-container': map.get($deps, 'md-ref-palette', 'error10'),
84
+ 'on-primary': map.get($deps, 'md-ref-palette', 'primary100'),
85
+ 'on-primary-container': map.get($deps, 'md-ref-palette', 'primary10'),
86
+ 'on-primary-fixed': map.get($deps, 'md-ref-palette', 'primary10'),
87
+ 'on-primary-fixed-variant': map.get($deps, 'md-ref-palette', 'primary30'),
88
+ 'on-secondary': map.get($deps, 'md-ref-palette', 'secondary100'),
89
+ 'on-secondary-container': map.get($deps, 'md-ref-palette', 'secondary10'),
90
+ 'on-secondary-fixed': map.get($deps, 'md-ref-palette', 'secondary10'),
91
+ 'on-secondary-fixed-variant':
92
+ map.get($deps, 'md-ref-palette', 'secondary30'),
93
+ 'on-surface': map.get($deps, 'md-ref-palette', 'neutral10'),
94
+ 'on-surface-variant': map.get($deps, 'md-ref-palette', 'neutral-variant30'),
95
+ 'on-tertiary': map.get($deps, 'md-ref-palette', 'tertiary100'),
96
+ 'on-tertiary-container': map.get($deps, 'md-ref-palette', 'tertiary10'),
97
+ 'on-tertiary-fixed': map.get($deps, 'md-ref-palette', 'tertiary10'),
98
+ 'on-tertiary-fixed-variant': map.get($deps, 'md-ref-palette', 'tertiary30'),
99
+ 'outline': map.get($deps, 'md-ref-palette', 'neutral-variant50'),
100
+ 'outline-variant': map.get($deps, 'md-ref-palette', 'neutral-variant80'),
101
+ 'primary': map.get($deps, 'md-ref-palette', 'primary40'),
102
+ 'primary-container': map.get($deps, 'md-ref-palette', 'primary90'),
103
+ 'primary-fixed': map.get($deps, 'md-ref-palette', 'primary90'),
104
+ 'primary-fixed-dim': map.get($deps, 'md-ref-palette', 'primary80'),
105
+ 'scrim': map.get($deps, 'md-ref-palette', 'neutral0'),
106
+ 'secondary': map.get($deps, 'md-ref-palette', 'secondary40'),
107
+ 'secondary-container': map.get($deps, 'md-ref-palette', 'secondary90'),
108
+ 'secondary-fixed': map.get($deps, 'md-ref-palette', 'secondary90'),
109
+ 'secondary-fixed-dim': map.get($deps, 'md-ref-palette', 'secondary80'),
110
+ 'shadow': map.get($deps, 'md-ref-palette', 'neutral0'),
111
+ 'surface': map.get($deps, 'md-ref-palette', 'neutral99'),
112
+ 'surface-bright': map.get($deps, 'md-ref-palette', 'neutral98'),
113
+ 'surface-container': map.get($deps, 'md-ref-palette', 'neutral94'),
114
+ 'surface-container-high': map.get($deps, 'md-ref-palette', 'neutral92'),
115
+ 'surface-container-highest': map.get($deps, 'md-ref-palette', 'neutral90'),
116
+ 'surface-container-low': map.get($deps, 'md-ref-palette', 'neutral96'),
117
+ 'surface-container-lowest': map.get($deps, 'md-ref-palette', 'neutral100'),
118
+ 'surface-dim': map.get($deps, 'md-ref-palette', 'neutral87'),
119
+ 'surface-tint': map.get($deps, 'md-ref-palette', 'primary40'),
120
+ 'surface-variant': map.get($deps, 'md-ref-palette', 'neutral-variant90'),
121
+ 'tertiary': map.get($deps, 'md-ref-palette', 'tertiary40'),
122
+ 'tertiary-container': map.get($deps, 'md-ref-palette', 'tertiary90'),
123
+ 'tertiary-fixed': map.get($deps, 'md-ref-palette', 'tertiary90'),
124
+ 'tertiary-fixed-dim': map.get($deps, 'md-ref-palette', 'tertiary80')
125
+ );
126
+ }
@@ -0,0 +1,15 @@
1
+ //
2
+ // Design system display name: Material 3
3
+ // Design system version: v0.161
4
+ //
5
+
6
+ @function values($exclude-hardcoded-values: false) {
7
+ @return (
8
+ 'level0': if($exclude-hardcoded-values, null, 0),
9
+ 'level1': if($exclude-hardcoded-values, null, 1),
10
+ 'level2': if($exclude-hardcoded-values, null, 3),
11
+ 'level3': if($exclude-hardcoded-values, null, 6),
12
+ 'level4': if($exclude-hardcoded-values, null, 8),
13
+ 'level5': if($exclude-hardcoded-values, null, 12)
14
+ );
15
+ }
@@ -0,0 +1,46 @@
1
+ //
2
+ // Design system display name: Material 3
3
+ // Design system version: v0.161
4
+ //
5
+
6
+ @function values($exclude-hardcoded-values: false) {
7
+ @return (
8
+ 'duration-extra-long1': if($exclude-hardcoded-values, null, 700ms),
9
+ 'duration-extra-long2': if($exclude-hardcoded-values, null, 800ms),
10
+ 'duration-extra-long3': if($exclude-hardcoded-values, null, 900ms),
11
+ 'duration-extra-long4': if($exclude-hardcoded-values, null, 1000ms),
12
+ 'duration-long1': if($exclude-hardcoded-values, null, 450ms),
13
+ 'duration-long2': if($exclude-hardcoded-values, null, 500ms),
14
+ 'duration-long3': if($exclude-hardcoded-values, null, 550ms),
15
+ 'duration-long4': if($exclude-hardcoded-values, null, 600ms),
16
+ 'duration-medium1': if($exclude-hardcoded-values, null, 250ms),
17
+ 'duration-medium2': if($exclude-hardcoded-values, null, 300ms),
18
+ 'duration-medium3': if($exclude-hardcoded-values, null, 350ms),
19
+ 'duration-medium4': if($exclude-hardcoded-values, null, 400ms),
20
+ 'duration-short1': if($exclude-hardcoded-values, null, 50ms),
21
+ 'duration-short2': if($exclude-hardcoded-values, null, 100ms),
22
+ 'duration-short3': if($exclude-hardcoded-values, null, 150ms),
23
+ 'duration-short4': if($exclude-hardcoded-values, null, 200ms),
24
+ 'easing-emphasized':
25
+ if($exclude-hardcoded-values, null, cubic-bezier(0.2, 0, 0, 1)),
26
+ 'easing-emphasized-accelerate':
27
+ if($exclude-hardcoded-values, null, cubic-bezier(0.3, 0, 0.8, 0.15)),
28
+ 'easing-emphasized-decelerate':
29
+ if($exclude-hardcoded-values, null, cubic-bezier(0.05, 0.7, 0.1, 1)),
30
+ 'easing-legacy':
31
+ if($exclude-hardcoded-values, null, cubic-bezier(0.4, 0, 0.2, 1)),
32
+ 'easing-legacy-accelerate':
33
+ if($exclude-hardcoded-values, null, cubic-bezier(0.4, 0, 1, 1)),
34
+ 'easing-legacy-decelerate':
35
+ if($exclude-hardcoded-values, null, cubic-bezier(0, 0, 0.2, 1)),
36
+ 'easing-linear':
37
+ if($exclude-hardcoded-values, null, cubic-bezier(0, 0, 1, 1)),
38
+ 'easing-standard':
39
+ if($exclude-hardcoded-values, null, cubic-bezier(0.2, 0, 0, 1)),
40
+ 'easing-standard-accelerate':
41
+ if($exclude-hardcoded-values, null, cubic-bezier(0.3, 0, 1, 1)),
42
+ 'easing-standard-decelerate':
43
+ if($exclude-hardcoded-values, null, cubic-bezier(0, 0, 0, 1)),
44
+ 'path': /** TODO: type "motion_path" is not supported. */ null
45
+ );
46
+ }
@@ -0,0 +1,24 @@
1
+ //
2
+ // Design system display name: Material 3
3
+ // Design system version: v0.161
4
+ //
5
+
6
+ @function values($exclude-hardcoded-values: false) {
7
+ @return (
8
+ 'corner-extra-large': if($exclude-hardcoded-values, null, 28px),
9
+ 'corner-extra-large-top':
10
+ if($exclude-hardcoded-values, null, (28px 28px 0 0)),
11
+ 'corner-extra-small': if($exclude-hardcoded-values, null, 4px),
12
+ 'corner-extra-small-top':
13
+ if($exclude-hardcoded-values, null, (4px 4px 0 0)),
14
+ 'corner-full': if($exclude-hardcoded-values, null, 9999px),
15
+ 'corner-large': if($exclude-hardcoded-values, null, 16px),
16
+ 'corner-large-end': if($exclude-hardcoded-values, null, (0 16px 16px 0)),
17
+ 'corner-large-start':
18
+ if($exclude-hardcoded-values, null, (16px 0 0 16px)),
19
+ 'corner-large-top': if($exclude-hardcoded-values, null, (16px 16px 0 0)),
20
+ 'corner-medium': if($exclude-hardcoded-values, null, 12px),
21
+ 'corner-none': if($exclude-hardcoded-values, null, 0),
22
+ 'corner-small': if($exclude-hardcoded-values, null, 8px)
23
+ );
24
+ }
@@ -0,0 +1,13 @@
1
+ //
2
+ // Design system display name: Material 3
3
+ // Design system version: v0.161
4
+ //
5
+
6
+ @function values($exclude-hardcoded-values: false) {
7
+ @return (
8
+ 'dragged-state-layer-opacity': if($exclude-hardcoded-values, null, 0.16),
9
+ 'focus-state-layer-opacity': if($exclude-hardcoded-values, null, 0.12),
10
+ 'hover-state-layer-opacity': if($exclude-hardcoded-values, null, 0.08),
11
+ 'pressed-state-layer-opacity': if($exclude-hardcoded-values, null, 0.12)
12
+ );
13
+ }
@@ -0,0 +1,308 @@
1
+ //
2
+ // Design system display name: Material 3
3
+ // Design system version: v0.161
4
+ //
5
+
6
+ @use 'sass:map';
7
+
8
+ @use './md-ref-typeface';
9
+
10
+ $_default: (
11
+ 'md-ref-typeface': md-ref-typeface.values(),
12
+ );
13
+
14
+ @function values($deps: $_default, $exclude-hardcoded-values: false) {
15
+ @return (
16
+ // Warning: risk of reduced fidelity from using this composite typography token.
17
+ // Tokens md.sys.typescale.body-large.tracking cannot be represented in the "font"
18
+ // property shorthand. Consider using the discrete properties instead.
19
+ 'body-large':
20
+ if(
21
+ $exclude-hardcoded-values,
22
+ null,
23
+ map.get($deps, 'md-ref-typeface', 'weight-regular')
24
+ if($exclude-hardcoded-values, null, 1rem) #{'/'} if(
25
+ $exclude-hardcoded-values,
26
+ null,
27
+ 1.5rem
28
+ ) map.get($deps, 'md-ref-typeface', 'plain')
29
+ ),
30
+ 'body-large-font': map.get($deps, 'md-ref-typeface', 'plain'),
31
+ 'body-large-line-height': if($exclude-hardcoded-values, null, 1.5rem),
32
+ 'body-large-size': if($exclude-hardcoded-values, null, 1rem),
33
+ 'body-large-tracking': if($exclude-hardcoded-values, null, 0.031rem),
34
+ 'body-large-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
35
+
36
+ // Warning: risk of reduced fidelity from using this composite typography token.
37
+ // Tokens md.sys.typescale.body-medium.tracking cannot be represented in the "font"
38
+ // property shorthand. Consider using the discrete properties instead.
39
+ 'body-medium':
40
+ if(
41
+ $exclude-hardcoded-values,
42
+ null,
43
+ map.get($deps, 'md-ref-typeface', 'weight-regular')
44
+ if($exclude-hardcoded-values, null, 0.875rem) #{'/'} if(
45
+ $exclude-hardcoded-values,
46
+ null,
47
+ 1.25rem
48
+ ) map.get($deps, 'md-ref-typeface', 'plain')
49
+ ),
50
+ 'body-medium-font': map.get($deps, 'md-ref-typeface', 'plain'),
51
+ 'body-medium-line-height': if($exclude-hardcoded-values, null, 1.25rem),
52
+ 'body-medium-size': if($exclude-hardcoded-values, null, 0.875rem),
53
+ 'body-medium-tracking': if($exclude-hardcoded-values, null, 0.016rem),
54
+ 'body-medium-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
55
+ // Warning: risk of reduced fidelity from using this composite typography token.
56
+ // Tokens md.sys.typescale.body-small.tracking cannot be represented in the "font"
57
+ // property shorthand. Consider using the discrete properties instead.
58
+ 'body-small':
59
+ if(
60
+ $exclude-hardcoded-values,
61
+ null,
62
+ map.get($deps, 'md-ref-typeface', 'weight-regular')
63
+ if($exclude-hardcoded-values, null, 0.75rem) #{'/'} if(
64
+ $exclude-hardcoded-values,
65
+ null,
66
+ 1rem
67
+ ) map.get($deps, 'md-ref-typeface', 'plain')
68
+ ),
69
+ 'body-small-font': map.get($deps, 'md-ref-typeface', 'plain'),
70
+ 'body-small-line-height': if($exclude-hardcoded-values, null, 1rem),
71
+ 'body-small-size': if($exclude-hardcoded-values, null, 0.75rem),
72
+ 'body-small-tracking': if($exclude-hardcoded-values, null, 0.025rem),
73
+ 'body-small-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
74
+ // Warning: risk of reduced fidelity from using this composite typography token.
75
+ // Tokens md.sys.typescale.display-large.tracking cannot be represented in the "font"
76
+ // property shorthand. Consider using the discrete properties instead.
77
+ 'display-large':
78
+ if(
79
+ $exclude-hardcoded-values,
80
+ null,
81
+ map.get($deps, 'md-ref-typeface', 'weight-regular')
82
+ if($exclude-hardcoded-values, null, 3.562rem) #{'/'} if(
83
+ $exclude-hardcoded-values,
84
+ null,
85
+ 4rem
86
+ ) map.get($deps, 'md-ref-typeface', 'brand')
87
+ ),
88
+ 'display-large-font': map.get($deps, 'md-ref-typeface', 'brand'),
89
+ 'display-large-line-height': if($exclude-hardcoded-values, null, 4rem),
90
+ 'display-large-size': if($exclude-hardcoded-values, null, 3.562rem),
91
+ 'display-large-tracking': if($exclude-hardcoded-values, null, -0.016rem),
92
+ 'display-large-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
93
+ // Warning: risk of reduced fidelity from using this composite typography token.
94
+ // Tokens md.sys.typescale.display-medium.tracking cannot be represented in the "font"
95
+ // property shorthand. Consider using the discrete properties instead.
96
+ 'display-medium':
97
+ if(
98
+ $exclude-hardcoded-values,
99
+ null,
100
+ map.get($deps, 'md-ref-typeface', 'weight-regular')
101
+ if($exclude-hardcoded-values, null, 2.812rem) #{'/'} if(
102
+ $exclude-hardcoded-values,
103
+ null,
104
+ 3.25rem
105
+ ) map.get($deps, 'md-ref-typeface', 'brand')
106
+ ),
107
+ 'display-medium-font': map.get($deps, 'md-ref-typeface', 'brand'),
108
+ 'display-medium-line-height': if($exclude-hardcoded-values, null, 3.25rem),
109
+ 'display-medium-size': if($exclude-hardcoded-values, null, 2.812rem),
110
+ 'display-medium-tracking': if($exclude-hardcoded-values, null, 0),
111
+ 'display-medium-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
112
+ // Warning: risk of reduced fidelity from using this composite typography token.
113
+ // Tokens md.sys.typescale.display-small.tracking cannot be represented in the "font"
114
+ // property shorthand. Consider using the discrete properties instead.
115
+ 'display-small':
116
+ if(
117
+ $exclude-hardcoded-values,
118
+ null,
119
+ map.get($deps, 'md-ref-typeface', 'weight-regular')
120
+ if($exclude-hardcoded-values, null, 2.25rem) #{'/'} if(
121
+ $exclude-hardcoded-values,
122
+ null,
123
+ 2.75rem
124
+ ) map.get($deps, 'md-ref-typeface', 'brand')
125
+ ),
126
+ 'display-small-font': map.get($deps, 'md-ref-typeface', 'brand'),
127
+ 'display-small-line-height': if($exclude-hardcoded-values, null, 2.75rem),
128
+ 'display-small-size': if($exclude-hardcoded-values, null, 2.25rem),
129
+ 'display-small-tracking': if($exclude-hardcoded-values, null, 0),
130
+ 'display-small-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
131
+ // Warning: risk of reduced fidelity from using this composite typography token.
132
+ // Tokens md.sys.typescale.headline-large.tracking cannot be represented in the "font"
133
+ // property shorthand. Consider using the discrete properties instead.
134
+ 'headline-large':
135
+ if(
136
+ $exclude-hardcoded-values,
137
+ null,
138
+ map.get($deps, 'md-ref-typeface', 'weight-regular')
139
+ if($exclude-hardcoded-values, null, 2rem) #{'/'} if(
140
+ $exclude-hardcoded-values,
141
+ null,
142
+ 2.5rem
143
+ ) map.get($deps, 'md-ref-typeface', 'brand')
144
+ ),
145
+ 'headline-large-font': map.get($deps, 'md-ref-typeface', 'brand'),
146
+ 'headline-large-line-height': if($exclude-hardcoded-values, null, 2.5rem),
147
+ 'headline-large-size': if($exclude-hardcoded-values, null, 2rem),
148
+ 'headline-large-tracking': if($exclude-hardcoded-values, null, 0),
149
+ 'headline-large-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
150
+ // Warning: risk of reduced fidelity from using this composite typography token.
151
+ // Tokens md.sys.typescale.headline-medium.tracking cannot be represented in the "font"
152
+ // property shorthand. Consider using the discrete properties instead.
153
+ 'headline-medium':
154
+ if(
155
+ $exclude-hardcoded-values,
156
+ null,
157
+ map.get($deps, 'md-ref-typeface', 'weight-regular')
158
+ if($exclude-hardcoded-values, null, 1.75rem) #{'/'} if(
159
+ $exclude-hardcoded-values,
160
+ null,
161
+ 2.25rem
162
+ ) map.get($deps, 'md-ref-typeface', 'brand')
163
+ ),
164
+ 'headline-medium-font': map.get($deps, 'md-ref-typeface', 'brand'),
165
+ 'headline-medium-line-height': if($exclude-hardcoded-values, null, 2.25rem),
166
+ 'headline-medium-size': if($exclude-hardcoded-values, null, 1.75rem),
167
+ 'headline-medium-tracking': if($exclude-hardcoded-values, null, 0),
168
+ 'headline-medium-weight':
169
+ map.get($deps, 'md-ref-typeface', 'weight-regular'),
170
+ // Warning: risk of reduced fidelity from using this composite typography token.
171
+ // Tokens md.sys.typescale.headline-small.tracking cannot be represented in the "font"
172
+ // property shorthand. Consider using the discrete properties instead.
173
+ 'headline-small':
174
+ if(
175
+ $exclude-hardcoded-values,
176
+ null,
177
+ map.get($deps, 'md-ref-typeface', 'weight-regular')
178
+ if($exclude-hardcoded-values, null, 1.5rem) #{'/'} if(
179
+ $exclude-hardcoded-values,
180
+ null,
181
+ 2rem
182
+ ) map.get($deps, 'md-ref-typeface', 'brand')
183
+ ),
184
+ 'headline-small-font': map.get($deps, 'md-ref-typeface', 'brand'),
185
+ 'headline-small-line-height': if($exclude-hardcoded-values, null, 2rem),
186
+ 'headline-small-size': if($exclude-hardcoded-values, null, 1.5rem),
187
+ 'headline-small-tracking': if($exclude-hardcoded-values, null, 0),
188
+ 'headline-small-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
189
+ // Warning: risk of reduced fidelity from using this composite typography token.
190
+ // Tokens md.sys.typescale.label-large.tracking cannot be represented in the "font"
191
+ // property shorthand. Consider using the discrete properties instead.
192
+ 'label-large':
193
+ if(
194
+ $exclude-hardcoded-values,
195
+ null,
196
+ map.get($deps, 'md-ref-typeface', 'weight-medium')
197
+ if($exclude-hardcoded-values, null, 0.875rem) #{'/'} if(
198
+ $exclude-hardcoded-values,
199
+ null,
200
+ 1.25rem
201
+ ) map.get($deps, 'md-ref-typeface', 'plain')
202
+ ),
203
+ 'label-large-font': map.get($deps, 'md-ref-typeface', 'plain'),
204
+ 'label-large-line-height': if($exclude-hardcoded-values, null, 1.25rem),
205
+ 'label-large-size': if($exclude-hardcoded-values, null, 0.875rem),
206
+ 'label-large-tracking': if($exclude-hardcoded-values, null, 0.006rem),
207
+ 'label-large-weight': map.get($deps, 'md-ref-typeface', 'weight-medium'),
208
+ 'label-large-weight-prominent':
209
+ map.get($deps, 'md-ref-typeface', 'weight-bold'),
210
+ // Warning: risk of reduced fidelity from using this composite typography token.
211
+ // Tokens md.sys.typescale.label-medium.tracking cannot be represented in the "font"
212
+ // property shorthand. Consider using the discrete properties instead.
213
+ 'label-medium':
214
+ if(
215
+ $exclude-hardcoded-values,
216
+ null,
217
+ map.get($deps, 'md-ref-typeface', 'weight-medium')
218
+ if($exclude-hardcoded-values, null, 0.75rem) #{'/'} if(
219
+ $exclude-hardcoded-values,
220
+ null,
221
+ 1rem
222
+ ) map.get($deps, 'md-ref-typeface', 'plain')
223
+ ),
224
+ 'label-medium-font': map.get($deps, 'md-ref-typeface', 'plain'),
225
+ 'label-medium-line-height': if($exclude-hardcoded-values, null, 1rem),
226
+ 'label-medium-size': if($exclude-hardcoded-values, null, 0.75rem),
227
+ 'label-medium-tracking': if($exclude-hardcoded-values, null, 0.031rem),
228
+ 'label-medium-weight': map.get($deps, 'md-ref-typeface', 'weight-medium'),
229
+ 'label-medium-weight-prominent':
230
+ map.get($deps, 'md-ref-typeface', 'weight-bold'),
231
+ // Warning: risk of reduced fidelity from using this composite typography token.
232
+ // Tokens md.sys.typescale.label-small.tracking cannot be represented in the "font"
233
+ // property shorthand. Consider using the discrete properties instead.
234
+ 'label-small':
235
+ if(
236
+ $exclude-hardcoded-values,
237
+ null,
238
+ map.get($deps, 'md-ref-typeface', 'weight-medium')
239
+ if($exclude-hardcoded-values, null, 0.688rem) #{'/'} if(
240
+ $exclude-hardcoded-values,
241
+ null,
242
+ 1rem
243
+ ) map.get($deps, 'md-ref-typeface', 'plain')
244
+ ),
245
+ 'label-small-font': map.get($deps, 'md-ref-typeface', 'plain'),
246
+ 'label-small-line-height': if($exclude-hardcoded-values, null, 1rem),
247
+ 'label-small-size': if($exclude-hardcoded-values, null, 0.688rem),
248
+ 'label-small-tracking': if($exclude-hardcoded-values, null, 0.031rem),
249
+ 'label-small-weight': map.get($deps, 'md-ref-typeface', 'weight-medium'),
250
+ // Warning: risk of reduced fidelity from using this composite typography token.
251
+ // Tokens md.sys.typescale.title-large.tracking cannot be represented in the "font"
252
+ // property shorthand. Consider using the discrete properties instead.
253
+ 'title-large':
254
+ if(
255
+ $exclude-hardcoded-values,
256
+ null,
257
+ map.get($deps, 'md-ref-typeface', 'weight-regular')
258
+ if($exclude-hardcoded-values, null, 1.375rem) #{'/'} if(
259
+ $exclude-hardcoded-values,
260
+ null,
261
+ 1.75rem
262
+ ) map.get($deps, 'md-ref-typeface', 'brand')
263
+ ),
264
+ 'title-large-font': map.get($deps, 'md-ref-typeface', 'brand'),
265
+ 'title-large-line-height': if($exclude-hardcoded-values, null, 1.75rem),
266
+ 'title-large-size': if($exclude-hardcoded-values, null, 1.375rem),
267
+ 'title-large-tracking': if($exclude-hardcoded-values, null, 0),
268
+ 'title-large-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
269
+ // Warning: risk of reduced fidelity from using this composite typography token.
270
+ // Tokens md.sys.typescale.title-medium.tracking cannot be represented in the "font"
271
+ // property shorthand. Consider using the discrete properties instead.
272
+ 'title-medium':
273
+ if(
274
+ $exclude-hardcoded-values,
275
+ null,
276
+ map.get($deps, 'md-ref-typeface', 'weight-medium')
277
+ if($exclude-hardcoded-values, null, 1rem) #{'/'} if(
278
+ $exclude-hardcoded-values,
279
+ null,
280
+ 1.5rem
281
+ ) map.get($deps, 'md-ref-typeface', 'plain')
282
+ ),
283
+ 'title-medium-font': map.get($deps, 'md-ref-typeface', 'plain'),
284
+ 'title-medium-line-height': if($exclude-hardcoded-values, null, 1.5rem),
285
+ 'title-medium-size': if($exclude-hardcoded-values, null, 1rem),
286
+ 'title-medium-tracking': if($exclude-hardcoded-values, null, 0.009rem),
287
+ 'title-medium-weight': map.get($deps, 'md-ref-typeface', 'weight-medium'),
288
+ // Warning: risk of reduced fidelity from using this composite typography token.
289
+ // Tokens md.sys.typescale.title-small.tracking cannot be represented in the "font"
290
+ // property shorthand. Consider using the discrete properties instead.
291
+ 'title-small':
292
+ if(
293
+ $exclude-hardcoded-values,
294
+ null,
295
+ map.get($deps, 'md-ref-typeface', 'weight-medium')
296
+ if($exclude-hardcoded-values, null, 0.875rem) #{'/'} if(
297
+ $exclude-hardcoded-values,
298
+ null,
299
+ 1.25rem
300
+ ) map.get($deps, 'md-ref-typeface', 'plain')
301
+ ),
302
+ 'title-small-font': map.get($deps, 'md-ref-typeface', 'plain'),
303
+ 'title-small-line-height': if($exclude-hardcoded-values, null, 1.25rem),
304
+ 'title-small-size': if($exclude-hardcoded-values, null, 0.875rem),
305
+ 'title-small-tracking': if($exclude-hardcoded-values, null, 0.006rem),
306
+ 'title-small-weight': map.get($deps, 'md-ref-typeface', 'weight-medium')
307
+ );
308
+ }
@@ -0,0 +1,105 @@
1
+ //
2
+ // Design system display name: Material 3
3
+ // Design system version: v0.161
4
+ //
5
+
6
+ @use 'sass:map';
7
+
8
+ @use './md-sys-color';
9
+
10
+ @use './md-sys-elevation';
11
+
12
+ @use './md-sys-shape';
13
+
14
+ @use './md-sys-state';
15
+
16
+ @use './md-sys-typescale';
17
+
18
+ $_default: (
19
+ 'md-sys-color': md-sys-color.values-light(),
20
+ 'md-sys-elevation': md-sys-elevation.values(),
21
+ 'md-sys-shape': md-sys-shape.values(),
22
+ 'md-sys-state': md-sys-state.values(),
23
+ 'md-sys-typescale': md-sys-typescale.values(),
24
+ );
25
+
26
+ @function values($deps: $_default, $exclude-hardcoded-values: false) {
27
+ @return (
28
+ 'container-height': if($exclude-hardcoded-values, null, 32px),
29
+ 'container-shape': map.get($deps, 'md-sys-shape', 'corner-small'),
30
+ 'container-surface-tint-layer-color':
31
+ map.get($deps, 'md-sys-color', 'surface-tint'),
32
+ 'disabled-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
33
+ 'disabled-label-text-opacity': if($exclude-hardcoded-values, null, 0.38),
34
+ 'dragged-container-elevation': map.get($deps, 'md-sys-elevation', 'level4'),
35
+ 'dragged-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
36
+ 'dragged-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
37
+ 'dragged-state-layer-opacity':
38
+ map.get($deps, 'md-sys-state', 'dragged-state-layer-opacity'),
39
+ 'elevated-container-color': map.get($deps, 'md-sys-color', 'surface'),
40
+ 'elevated-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
41
+ 'elevated-container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
42
+ 'elevated-disabled-container-color':
43
+ map.get($deps, 'md-sys-color', 'on-surface'),
44
+ 'elevated-disabled-container-elevation':
45
+ map.get($deps, 'md-sys-elevation', 'level0'),
46
+ 'elevated-disabled-container-opacity':
47
+ if($exclude-hardcoded-values, null, 0.12),
48
+ 'elevated-focus-container-elevation':
49
+ map.get($deps, 'md-sys-elevation', 'level1'),
50
+ 'elevated-hover-container-elevation':
51
+ map.get($deps, 'md-sys-elevation', 'level2'),
52
+ 'elevated-pressed-container-elevation':
53
+ map.get($deps, 'md-sys-elevation', 'level1'),
54
+ 'flat-container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
55
+ 'flat-disabled-outline-color': map.get($deps, 'md-sys-color', 'on-surface'),
56
+ 'flat-disabled-outline-opacity': if($exclude-hardcoded-values, null, 0.12),
57
+ 'flat-focus-outline-color': map.get($deps, 'md-sys-color', 'on-surface'),
58
+ 'flat-outline-color': map.get($deps, 'md-sys-color', 'outline'),
59
+ 'flat-outline-width': if($exclude-hardcoded-values, null, 1px),
60
+ 'focus-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
61
+ 'focus-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
62
+ 'focus-state-layer-opacity':
63
+ map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
64
+ 'hover-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
65
+ 'hover-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
66
+ 'hover-state-layer-opacity':
67
+ map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
68
+ 'label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
69
+ 'label-text-font': map.get($deps, 'md-sys-typescale', 'label-large-font'),
70
+ 'label-text-line-height':
71
+ map.get($deps, 'md-sys-typescale', 'label-large-line-height'),
72
+ 'label-text-size': map.get($deps, 'md-sys-typescale', 'label-large-size'),
73
+ 'label-text-tracking':
74
+ map.get($deps, 'md-sys-typescale', 'label-large-tracking'),
75
+ // Warning: risk of reduced fidelity from using this composite typography token.
76
+ // Tokens md.comp.assist-chip.label-text.tracking cannot be represented in the "font"
77
+ // property shorthand. Consider using the discrete properties instead.
78
+ 'label-text-type':
79
+ if(
80
+ $exclude-hardcoded-values,
81
+ null,
82
+ map.get($deps, 'md-sys-typescale', 'label-large-weight')
83
+ map.get($deps, 'md-sys-typescale', 'label-large-size') #{'/'} map.get(
84
+ $deps,
85
+ 'md-sys-typescale',
86
+ 'label-large-line-height'
87
+ ) map.get($deps, 'md-sys-typescale', 'label-large-font')
88
+ ),
89
+ 'label-text-weight':
90
+ map.get($deps, 'md-sys-typescale', 'label-large-weight'),
91
+ 'pressed-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
92
+ 'pressed-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
93
+ 'pressed-state-layer-opacity':
94
+ map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
95
+ 'with-icon-disabled-icon-color':
96
+ map.get($deps, 'md-sys-color', 'on-surface'),
97
+ 'with-icon-disabled-icon-opacity': if($exclude-hardcoded-values, null, 0.38),
98
+ 'with-icon-dragged-icon-color': map.get($deps, 'md-sys-color', 'primary'),
99
+ 'with-icon-focus-icon-color': map.get($deps, 'md-sys-color', 'primary'),
100
+ 'with-icon-hover-icon-color': map.get($deps, 'md-sys-color', 'primary'),
101
+ 'with-icon-icon-color': map.get($deps, 'md-sys-color', 'primary'),
102
+ 'with-icon-icon-size': if($exclude-hardcoded-values, null, 18px),
103
+ 'with-icon-pressed-icon-color': map.get($deps, 'md-sys-color', 'primary')
104
+ );
105
+ }