@ng-matero/extensions 19.4.1 → 20.0.1

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 (283) hide show
  1. package/_index.scss +1 -1
  2. package/alert/_alert-theme.scss +26 -31
  3. package/alert/_m2-alert.scss +59 -0
  4. package/alert/_m3-alert.scss +41 -0
  5. package/alert/alert.scss +27 -31
  6. package/alert/index.d.ts +30 -5
  7. package/button/index.d.ts +31 -5
  8. package/checkbox-group/index.d.ts +117 -5
  9. package/colorpicker/_colorpicker-theme.scss +31 -36
  10. package/{core/tokens/m2/mtx/_colorpicker.scss → colorpicker/_m2-colorpicker.scss} +6 -10
  11. package/colorpicker/_m3-colorpicker.scss +23 -0
  12. package/colorpicker/colorpicker-toggle.scss +4 -9
  13. package/colorpicker/index.d.ts +285 -3
  14. package/column-resize/index.d.ts +456 -3
  15. package/core/index.d.ts +147 -5
  16. package/core/theming/_color-api-backwards-compatibility.scss +8 -15
  17. package/core/theming/_definition.scss +81 -75
  18. package/core/theming/_palettes.scss +1036 -0
  19. package/core/tokens/{m2/_index.scss → _m2-tokens.scss} +22 -22
  20. package/core/tokens/_m2-utils.scss +108 -0
  21. package/core/tokens/_m3-system.scss +128 -106
  22. package/core/tokens/_m3-tokens.scss +36 -282
  23. package/core/tokens/_m3-utils.scss +48 -0
  24. package/core/tokens/_token-utils.scss +67 -239
  25. package/core/tokens/m3/_index.scss +7 -0
  26. package/core/tokens/m3/_md-sys-color.scss +156 -0
  27. package/core/tokens/m3/_md-sys-elevation.scss +15 -0
  28. package/core/tokens/m3/_md-sys-motion.scss +35 -0
  29. package/core/tokens/m3/_md-sys-shape.scss +21 -0
  30. package/core/tokens/m3/_md-sys-state.scss +13 -0
  31. package/core/tokens/m3/_md-sys-typescale.scss +128 -0
  32. package/core/tokens/m3/_theme.scss +47 -0
  33. package/datetimepicker/_datetimepicker-theme.scss +29 -39
  34. package/datetimepicker/_m2-datetimepicker.scss +149 -0
  35. package/datetimepicker/_m3-datetimepicker.scss +81 -0
  36. package/datetimepicker/calendar-body.scss +31 -56
  37. package/datetimepicker/calendar.scss +43 -79
  38. package/datetimepicker/clock.scss +28 -47
  39. package/datetimepicker/datetimepicker-content.scss +9 -15
  40. package/datetimepicker/datetimepicker-toggle.scss +4 -9
  41. package/datetimepicker/index.d.ts +1208 -3
  42. package/datetimepicker/time-view.scss +26 -32
  43. package/dialog/index.d.ts +54 -5
  44. package/drawer/_drawer-theme.scss +25 -30
  45. package/{core/tokens/m2/mtx/_drawer.scss → drawer/_m2-drawer.scss} +9 -12
  46. package/drawer/_m3-drawer.scss +24 -0
  47. package/drawer/drawer-container.scss +13 -24
  48. package/drawer/index.d.ts +221 -3
  49. package/fesm2022/mtxAlert.mjs +7 -7
  50. package/fesm2022/mtxAlert.mjs.map +1 -1
  51. package/fesm2022/mtxButton.mjs +11 -11
  52. package/fesm2022/mtxButton.mjs.map +1 -1
  53. package/fesm2022/mtxCheckboxGroup.mjs +7 -7
  54. package/fesm2022/mtxColorpicker.mjs +21 -21
  55. package/fesm2022/mtxColorpicker.mjs.map +1 -1
  56. package/fesm2022/mtxColumnResize.mjs +232 -103
  57. package/fesm2022/mtxColumnResize.mjs.map +1 -1
  58. package/fesm2022/mtxCore.mjs +21 -21
  59. package/fesm2022/mtxDatetimepicker.mjs +63 -67
  60. package/fesm2022/mtxDatetimepicker.mjs.map +1 -1
  61. package/fesm2022/mtxDialog.mjs +10 -10
  62. package/fesm2022/mtxDialog.mjs.map +1 -1
  63. package/fesm2022/mtxDrawer.mjs +10 -10
  64. package/fesm2022/mtxGrid.mjs +78 -77
  65. package/fesm2022/mtxGrid.mjs.map +1 -1
  66. package/fesm2022/mtxLoader.mjs +7 -7
  67. package/fesm2022/mtxPhotoviewer.mjs +7 -7
  68. package/fesm2022/mtxPopover.mjs +24 -25
  69. package/fesm2022/mtxPopover.mjs.map +1 -1
  70. package/fesm2022/mtxProgress.mjs +7 -7
  71. package/fesm2022/mtxSelect.mjs +54 -54
  72. package/fesm2022/mtxSelect.mjs.map +1 -1
  73. package/fesm2022/mtxSplit.mjs +10 -10
  74. package/fesm2022/mtxTooltip.mjs +13 -13
  75. package/fesm2022/mtxTooltip.mjs.map +1 -1
  76. package/grid/_grid-theme.scss +24 -34
  77. package/grid/_m2-grid.scss +66 -0
  78. package/grid/_m3-grid.scss +35 -0
  79. package/grid/column-menu.scss +6 -23
  80. package/grid/column-resize/_column-resize.scss +35 -30
  81. package/grid/grid.scss +41 -74
  82. package/grid/index.d.ts +799 -3
  83. package/index.d.ts +2 -5
  84. package/loader/_loader-theme.scss +26 -31
  85. package/{core/tokens/m2/mtx/_loader.scss → loader/_m2-loader.scss} +5 -10
  86. package/loader/_m3-loader.scss +20 -0
  87. package/loader/index.d.ts +43 -5
  88. package/loader/loader.scss +4 -5
  89. package/package.json +28 -28
  90. package/photoviewer/index.d.ts +26 -5
  91. package/{core/tokens/m2/mtx/_popover.scss → popover/_m2-popover.scss} +9 -12
  92. package/popover/_m3-popover.scss +26 -0
  93. package/popover/_popover-theme.scss +26 -31
  94. package/popover/index.d.ts +399 -3
  95. package/popover/popover.scss +23 -29
  96. package/prebuilt-themes/azure-blue.css +1 -1
  97. package/prebuilt-themes/cyan-orange.css +1 -1
  98. package/prebuilt-themes/deeppurple-amber.css +1 -1
  99. package/prebuilt-themes/indigo-pink.css +1 -1
  100. package/prebuilt-themes/magenta-violet.css +1 -1
  101. package/prebuilt-themes/pink-bluegrey.css +1 -1
  102. package/prebuilt-themes/purple-green.css +1 -1
  103. package/prebuilt-themes/rose-red.css +1 -1
  104. package/progress/_m2-progress.scss +53 -0
  105. package/progress/_m3-progress.scss +33 -0
  106. package/progress/_progress-theme.scss +22 -34
  107. package/progress/index.d.ts +35 -5
  108. package/progress/progress.scss +28 -43
  109. package/select/_m2-select.scss +79 -0
  110. package/select/_m3-select.scss +46 -0
  111. package/select/_select-theme.scss +27 -37
  112. package/select/index.d.ts +381 -3
  113. package/select/select.scss +189 -205
  114. package/{core/tokens/m2/mtx/_split.scss → split/_m2-split.scss} +6 -9
  115. package/split/_m3-split.scss +23 -0
  116. package/split/_split-theme.scss +31 -34
  117. package/split/index.d.ts +255 -3
  118. package/split/split.scss +8 -11
  119. package/tooltip/_m2-tooltip.scss +50 -0
  120. package/tooltip/_m3-tooltip.scss +28 -0
  121. package/tooltip/_tooltip-theme.scss +23 -47
  122. package/tooltip/index.d.ts +345 -3
  123. package/tooltip/tooltip.scss +11 -15
  124. package/alert/alert-module.d.ts +0 -8
  125. package/alert/alert.d.ts +0 -19
  126. package/alert/public-api.d.ts +0 -2
  127. package/button/button-loading.d.ts +0 -19
  128. package/button/button-module.d.ts +0 -10
  129. package/button/public-api.d.ts +0 -2
  130. package/checkbox-group/checkbox-group-module.d.ts +0 -11
  131. package/checkbox-group/checkbox-group.d.ts +0 -86
  132. package/checkbox-group/interfaces.d.ts +0 -17
  133. package/checkbox-group/public-api.d.ts +0 -3
  134. package/colorpicker/colorpicker-animations.d.ts +0 -9
  135. package/colorpicker/colorpicker-input.d.ts +0 -88
  136. package/colorpicker/colorpicker-module.d.ts +0 -15
  137. package/colorpicker/colorpicker-toggle.d.ts +0 -39
  138. package/colorpicker/colorpicker.d.ts +0 -140
  139. package/colorpicker/public-api.d.ts +0 -5
  140. package/column-resize/column-resize-directives/column-resize-flex.d.ts +0 -29
  141. package/column-resize/column-resize-directives/column-resize.d.ts +0 -29
  142. package/column-resize/column-resize-directives/constants.d.ts +0 -10
  143. package/column-resize/column-resize-module.d.ts +0 -12
  144. package/column-resize/column-resize-notifier.d.ts +0 -48
  145. package/column-resize/column-resize.d.ts +0 -39
  146. package/column-resize/column-size-store.d.ts +0 -12
  147. package/column-resize/event-dispatcher.d.ts +0 -35
  148. package/column-resize/overlay-handle.d.ts +0 -43
  149. package/column-resize/polyfill.d.ts +0 -9
  150. package/column-resize/public-api.d.ts +0 -12
  151. package/column-resize/resizable.d.ts +0 -63
  152. package/column-resize/resize-ref.d.ts +0 -17
  153. package/column-resize/resize-strategy.d.ts +0 -84
  154. package/column-resize/selectors.d.ts +0 -10
  155. package/core/datetime/datetime-adapter.d.ts +0 -45
  156. package/core/datetime/datetime-formats.d.ts +0 -22
  157. package/core/datetime/datetime.module.d.ts +0 -15
  158. package/core/datetime/index.d.ts +0 -5
  159. package/core/datetime/native-datetime-adapter.d.ts +0 -40
  160. package/core/datetime/native-datetime-formats.d.ts +0 -2
  161. package/core/pipes/index.d.ts +0 -3
  162. package/core/pipes/is-template-ref.pipe.d.ts +0 -7
  163. package/core/pipes/pipes.module.d.ts +0 -9
  164. package/core/pipes/to-observable.pipe.d.ts +0 -8
  165. package/core/public-api.d.ts +0 -2
  166. package/core/theming/_inspection.scss +0 -38
  167. package/core/theming/_validation.scss +0 -5
  168. package/core/tokens/_density.scss +0 -49
  169. package/core/tokens/_format-tokens.scss +0 -5
  170. package/core/tokens/_token-definition.scss +0 -271
  171. package/core/tokens/m2/mdc/_plain-tooltip.scss +0 -63
  172. package/core/tokens/m2/mtx/_alert.scss +0 -62
  173. package/core/tokens/m2/mtx/_datetimepicker.scss +0 -152
  174. package/core/tokens/m2/mtx/_grid.scss +0 -69
  175. package/core/tokens/m2/mtx/_progress.scss +0 -56
  176. package/core/tokens/m2/mtx/_select.scss +0 -82
  177. package/core/tokens/m3/definitions/_index.scss +0 -9
  178. package/core/tokens/m3/definitions/_md-comp-plain-tooltip.scss +0 -51
  179. package/core/tokens/m3/definitions/_md-ref-palette.scss +0 -100
  180. package/core/tokens/m3/definitions/_md-ref-typeface.scss +0 -14
  181. package/core/tokens/m3/definitions/_md-sys-color.scss +0 -126
  182. package/core/tokens/m3/definitions/_md-sys-elevation.scss +0 -15
  183. package/core/tokens/m3/definitions/_md-sys-motion.scss +0 -46
  184. package/core/tokens/m3/definitions/_md-sys-shape.scss +0 -24
  185. package/core/tokens/m3/definitions/_md-sys-state.scss +0 -13
  186. package/core/tokens/m3/definitions/_md-sys-typescale.scss +0 -308
  187. package/core/tokens/m3/index.scss +0 -47
  188. package/core/tokens/m3/mdc/_plain-tooltip.scss +0 -15
  189. package/core/tokens/m3/mtx/_alert.scss +0 -41
  190. package/core/tokens/m3/mtx/_colorpicker.scss +0 -19
  191. package/core/tokens/m3/mtx/_datetimepicker.scss +0 -140
  192. package/core/tokens/m3/mtx/_drawer.scss +0 -22
  193. package/core/tokens/m3/mtx/_grid.scss +0 -32
  194. package/core/tokens/m3/mtx/_loader.scss +0 -22
  195. package/core/tokens/m3/mtx/_popover.scss +0 -25
  196. package/core/tokens/m3/mtx/_progress.scss +0 -32
  197. package/core/tokens/m3/mtx/_select.scss +0 -76
  198. package/core/tokens/m3/mtx/_split.scss +0 -30
  199. package/datetimepicker/calendar-body.d.ts +0 -66
  200. package/datetimepicker/calendar.d.ts +0 -157
  201. package/datetimepicker/clock.d.ts +0 -101
  202. package/datetimepicker/datetimepicker-actions.d.ts +0 -36
  203. package/datetimepicker/datetimepicker-animations.d.ts +0 -11
  204. package/datetimepicker/datetimepicker-errors.d.ts +0 -2
  205. package/datetimepicker/datetimepicker-filtertype.d.ts +0 -5
  206. package/datetimepicker/datetimepicker-input.d.ts +0 -105
  207. package/datetimepicker/datetimepicker-intl.d.ts +0 -53
  208. package/datetimepicker/datetimepicker-module.d.ts +0 -22
  209. package/datetimepicker/datetimepicker-toggle.d.ts +0 -42
  210. package/datetimepicker/datetimepicker-types.d.ts +0 -6
  211. package/datetimepicker/datetimepicker.d.ts +0 -274
  212. package/datetimepicker/month-view.d.ts +0 -80
  213. package/datetimepicker/multi-year-view.d.ts +0 -86
  214. package/datetimepicker/public-api.d.ts +0 -16
  215. package/datetimepicker/time-view.d.ts +0 -147
  216. package/datetimepicker/year-view.d.ts +0 -68
  217. package/dialog/dialog-config.d.ts +0 -17
  218. package/dialog/dialog-container.d.ts +0 -11
  219. package/dialog/dialog-module.d.ts +0 -12
  220. package/dialog/dialog.d.ts +0 -15
  221. package/dialog/public-api.d.ts +0 -4
  222. package/drawer/drawer-animations.d.ts +0 -8
  223. package/drawer/drawer-config.d.ts +0 -63
  224. package/drawer/drawer-container.d.ts +0 -35
  225. package/drawer/drawer-module.d.ts +0 -10
  226. package/drawer/drawer-ref.d.ts +0 -53
  227. package/drawer/drawer.d.ts +0 -59
  228. package/drawer/public-api.d.ts +0 -6
  229. package/grid/cell.d.ts +0 -32
  230. package/grid/column-menu.d.ts +0 -39
  231. package/grid/column-resize/column-resize-directives/column-resize-flex.d.ts +0 -24
  232. package/grid/column-resize/column-resize-directives/column-resize.d.ts +0 -24
  233. package/grid/column-resize/column-resize-directives/common.d.ts +0 -13
  234. package/grid/column-resize/column-resize-module.d.ts +0 -17
  235. package/grid/column-resize/index.d.ts +0 -7
  236. package/grid/column-resize/overlay-handle.d.ts +0 -32
  237. package/grid/column-resize/resizable-directives/common.d.ts +0 -19
  238. package/grid/column-resize/resizable-directives/resizable.d.ts +0 -32
  239. package/grid/column-resize/resize-strategy.d.ts +0 -20
  240. package/grid/expansion-toggle.d.ts +0 -17
  241. package/grid/grid-module.d.ts +0 -31
  242. package/grid/grid-pipes.d.ts +0 -39
  243. package/grid/grid-utils.d.ts +0 -33
  244. package/grid/grid.d.ts +0 -268
  245. package/grid/interfaces.d.ts +0 -180
  246. package/grid/public-api.d.ts +0 -17
  247. package/grid/selectable-cell.d.ts +0 -16
  248. package/loader/loader-module.d.ts +0 -10
  249. package/loader/loader.d.ts +0 -30
  250. package/loader/public-api.d.ts +0 -2
  251. package/photoviewer/photoviewer-module.d.ts +0 -7
  252. package/photoviewer/photoviewer.d.ts +0 -17
  253. package/photoviewer/public-api.d.ts +0 -2
  254. package/popover/popover-animations.d.ts +0 -11
  255. package/popover/popover-content.d.ts +0 -43
  256. package/popover/popover-errors.d.ts +0 -14
  257. package/popover/popover-interfaces.d.ts +0 -50
  258. package/popover/popover-module.d.ts +0 -13
  259. package/popover/popover-target.d.ts +0 -7
  260. package/popover/popover-trigger.d.ts +0 -132
  261. package/popover/popover-types.d.ts +0 -10
  262. package/popover/popover.d.ts +0 -147
  263. package/popover/public-api.d.ts +0 -8
  264. package/progress/progress-module.d.ts +0 -8
  265. package/progress/progress.d.ts +0 -24
  266. package/progress/public-api.d.ts +0 -2
  267. package/public-api.d.ts +0 -2
  268. package/select/option.d.ts +0 -21
  269. package/select/public-api.d.ts +0 -5
  270. package/select/select-intl.d.ts +0 -18
  271. package/select/select-module.d.ts +0 -12
  272. package/select/select.d.ts +0 -270
  273. package/select/templates.d.ts +0 -67
  274. package/split/interfaces.d.ts +0 -52
  275. package/split/public-api.d.ts +0 -5
  276. package/split/split-module.d.ts +0 -9
  277. package/split/split-pane.d.ts +0 -53
  278. package/split/split.d.ts +0 -133
  279. package/split/utils.d.ts +0 -13
  280. package/tooltip/public-api.d.ts +0 -3
  281. package/tooltip/tooltip-animations.d.ts +0 -9
  282. package/tooltip/tooltip-module.d.ts +0 -13
  283. package/tooltip/tooltip.d.ts +0 -321
@@ -1,126 +0,0 @@
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
- }
@@ -1,15 +0,0 @@
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
- }
@@ -1,46 +0,0 @@
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
- }
@@ -1,24 +0,0 @@
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
- }
@@ -1,13 +0,0 @@
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
- }
@@ -1,308 +0,0 @@
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
- }
@@ -1,47 +0,0 @@
1
- @use 'sass:meta';
2
- @use 'sass:map';
3
- @use './mtx/alert' as tokens-mtx-alert;
4
- @use './mtx/colorpicker' as tokens-mtx-colorpicker;
5
- @use './mtx/datetimepicker' as tokens-mtx-datetimepicker;
6
- @use './mtx/drawer' as tokens-mtx-drawer;
7
- @use './mtx/grid' as tokens-mtx-grid;
8
- @use './mtx/loader' as tokens-mtx-loader;
9
- @use './mtx/popover' as tokens-mtx-popover;
10
- @use './mtx/progress' as tokens-mtx-progress;
11
- @use './mtx/select' as tokens-mtx-select;
12
- @use './mtx/split' as tokens-mtx-split;
13
- @use './mdc/plain-tooltip' as tokens-mdc-plain-tooltip;
14
-
15
- $_module-names: (
16
- // Custom tokens
17
- tokens-mtx-alert,
18
- tokens-mtx-colorpicker,
19
- tokens-mtx-datetimepicker,
20
- tokens-mtx-drawer,
21
- tokens-mtx-grid,
22
- tokens-mtx-loader,
23
- tokens-mtx-popover,
24
- tokens-mtx-progress,
25
- tokens-mtx-select,
26
- tokens-mtx-split,
27
- tokens-mdc-plain-tooltip,
28
- );
29
-
30
- /// Gets the full set of M3 tokens for the given theme object.
31
- /// @param {Map} $systems The MDC system tokens
32
- /// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
33
- /// @param {Map} $token-slots Possible token slots
34
- /// @return {Map} Full set of M3 tokens
35
- @function get-m3-tokens($systems, $exclude-hardcoded, $token-slots) {
36
- $tokens: ();
37
-
38
- @each $module-name in $_module-names {
39
- $fn: meta.get-function(
40
- $name: 'get-tokens',
41
- $module: $module-name,
42
- );
43
- $tokens: map.merge($tokens, meta.call($fn, $systems, $exclude-hardcoded, $token-slots));
44
- }
45
-
46
- @return $tokens;
47
- }
@@ -1,15 +0,0 @@
1
- @use '../../token-definition';
2
-
3
- // The prefix used to generate the fully qualified name for tokens in this file.
4
- $prefix: (mdc, plain-tooltip);
5
-
6
- /// Generates the tokens for MDC plain-tooltip
7
- /// @param {Map} $systems The MDC system tokens
8
- /// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
9
- /// @param {Map} $token-slots Possible token slots
10
- /// @return {Map} A set of tokens for the MDC plain-tooltip
11
- @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
12
- $mdc-tokens: token-definition.get-mdc-tokens('plain-tooltip', $systems, $exclude-hardcoded);
13
-
14
- @return token-definition.namespace-tokens($prefix, $mdc-tokens, $token-slots);
15
- }
@@ -1,41 +0,0 @@
1
- @use 'sass:map';
2
- @use '@angular/material' as mat;
3
- @use '../../token-definition';
4
-
5
- // The prefix used to generate the fully qualified name for tokens in this file.
6
- $prefix: (mtx, alert);
7
-
8
- /// Generates custom tokens for the mtx-alert.
9
- /// @param {Map} $systems The MDC system tokens
10
- /// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
11
- /// @param {Map} $token-slots Possible token slots
12
- /// @return {Map} A set of custom tokens for the mtx-alert
13
- @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
14
- $is-dark: map.get($systems, md-sys-type) == dark;
15
-
16
- $tokens: (
17
- container-shape: map.get($systems, md-sys-shape, corner-small),
18
-
19
- outline-color: map.get($systems, md-sys-color, outline-variant),
20
- background-color: map.get($systems, md-sys-color, surface-container),
21
- text-color: map.get($systems, md-sys-color, on-surface),
22
-
23
- info-outline-color: light-dark(map.get(mat.$azure-palette, 80), map.get(mat.$azure-palette, 40)),
24
- info-background-color: light-dark(map.get(mat.$azure-palette, 90), map.get(mat.$azure-palette, 20)),
25
- info-text-color: light-dark(map.get(mat.$azure-palette, 20), map.get(mat.$azure-palette, 90)),
26
-
27
- success-outline-color: light-dark(map.get(mat.$green-palette, 80), map.get(mat.$green-palette, 40)),
28
- success-background-color: light-dark(map.get(mat.$green-palette, 95), map.get(mat.$green-palette, 20)),
29
- success-text-color: light-dark(map.get(mat.$green-palette, 20), map.get(mat.$green-palette, 95)),
30
-
31
- warning-outline-color: light-dark(map.get(mat.$yellow-palette, 80), map.get(mat.$yellow-palette, 40)),
32
- warning-background-color: light-dark(map.get(mat.$yellow-palette, 98), map.get(mat.$yellow-palette, 20)),
33
- warning-text-color: light-dark(map.get(mat.$yellow-palette, 20), map.get(mat.$yellow-palette, 98)),
34
-
35
- danger-outline-color: light-dark(map.get(mat.$red-palette, 80), map.get(mat.$red-palette, 40)),
36
- danger-background-color: light-dark(map.get(mat.$red-palette, 90), map.get(mat.$red-palette, 20)),
37
- danger-text-color: light-dark(map.get(mat.$red-palette, 20), map.get(mat.$red-palette, 90)),
38
- );
39
-
40
- @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
41
- }