@ng-matero/extensions 19.4.0 → 20.0.0

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