@ng-matero/extensions 19.3.3 → 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 (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 +12 -15
  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 +99 -106
  64. package/fesm2022/mtxGrid.mjs.map +1 -1
  65. package/fesm2022/mtxLoader.mjs +7 -7
  66. package/fesm2022/mtxPhotoviewer.mjs +11 -11
  67. package/fesm2022/mtxPhotoviewer.mjs.map +1 -1
  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 +22 -35
  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 -73
  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 +29 -29
  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 -19
  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,63 +0,0 @@
1
- @use '@angular/material' as mat;
2
- @use '../../token-definition';
3
-
4
- // The prefix used to generate the fully qualified name for tokens in this file.
5
- $prefix: (mdc, plain-tooltip);
6
-
7
- // Tokens that can't be configured through Angular Material's current theming API,
8
- // but may be in a future version of the theming API.
9
- //
10
- // Tokens that are available in MDC, but not used in Angular Material should be mapped to `null`.
11
- // `null` indicates that we are intentionally choosing not to emit a slot or value for the token in
12
- // our CSS.
13
- @function get-unthemable-tokens() {
14
- @return (
15
- // Border radius for the tooltip container.
16
- container-shape: 4px,
17
- // Line height of the tooltip text.
18
- supporting-text-line-height: 16px,
19
- // MDC does not seem to use these token.
20
- supporting-text-type: null,
21
- );
22
- }
23
-
24
- // Tokens that can be configured through Angular Material's color theming API.
25
- @function get-color-tokens($theme) {
26
-
27
- @return (
28
- // Color of the tooltip container.
29
- container-color: mat.get-theme-color($theme, background, tooltip),
30
- // Color of the tooltip text.
31
- supporting-text-color: #fff,
32
- );
33
- }
34
-
35
- // Tokens that can be configured through Angular Material's typography theming API.
36
- @function get-typography-tokens($theme) {
37
- @return (
38
- // Font for the tooltip text.
39
- supporting-text-font: mat.get-theme-typography($theme, caption, font-family),
40
- // Font size for the tooltip text.
41
- supporting-text-size: mat.get-theme-typography($theme, caption, font-size),
42
- // Font weight of the tooltip text.
43
- supporting-text-weight: mat.get-theme-typography($theme, caption, font-weight),
44
- // Tracking (space between letters) of the tooltip text.
45
- supporting-text-tracking: mat.get-theme-typography($theme, caption, letter-spacing),
46
- );
47
- }
48
-
49
- // Tokens that can be configured through Angular Material's density theming API.
50
- @function get-density-tokens($theme) {
51
- @return ();
52
- }
53
-
54
- // Combines the tokens generated by the above functions into a single map with placeholder values.
55
- // This is used to create token slots.
56
- @function get-token-slots() {
57
- @return mat.private-deep-merge-all(
58
- get-unthemable-tokens(),
59
- get-color-tokens(token-definition.$placeholder-color-config),
60
- get-typography-tokens(token-definition.$placeholder-typography-config),
61
- get-density-tokens(token-definition.$placeholder-density-config)
62
- );
63
- }
@@ -1,62 +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
- // Tokens that can't be configured through Angular Material's current theming API,
9
- // but may be in a future version of the theming API.
10
- @function get-unthemable-tokens() {
11
- @return (
12
- container-shape: 4px,
13
- );
14
- }
15
-
16
- // Tokens that can be configured through Angular Material's color theming API.
17
- @function get-color-tokens($theme) {
18
- $is-dark: mat.get-theme-type($theme) == dark;
19
-
20
- @return (
21
- outline-color: transparent,
22
- background-color: mat.m2-get-color-from-palette(mat.$m2-gray-palette, if($is-dark, 900, 100)),
23
- text-color: mat.get-theme-color($theme, foreground, text),
24
-
25
- info-outline-color: transparent,
26
- info-background-color: mat.m2-get-color-from-palette(mat.$m2-blue-palette, if($is-dark, 900, 100)),
27
- info-text-color: mat.get-theme-color($theme, foreground, text),
28
-
29
- success-outline-color: transparent,
30
- success-background-color: mat.m2-get-color-from-palette(mat.$m2-green-palette, if($is-dark, 900, 100)),
31
- success-text-color: mat.get-theme-color($theme, foreground, text),
32
-
33
- warning-outline-color: transparent,
34
- warning-background-color: mat.m2-get-color-from-palette(mat.$m2-amber-palette, if($is-dark, 900, 100)),
35
- warning-text-color: mat.get-theme-color($theme, foreground, text),
36
-
37
- danger-outline-color: transparent,
38
- danger-background-color: mat.m2-get-color-from-palette(mat.$m2-red-palette, if($is-dark, 900, 100)),
39
- danger-text-color: mat.get-theme-color($theme, foreground, text),
40
- );
41
- }
42
-
43
- // Tokens that can be configured through Angular Material's typography theming API.
44
- @function get-typography-tokens($theme) {
45
- @return ();
46
- }
47
-
48
- // Tokens that can be configured through Angular Material's density theming API.
49
- @function get-density-tokens($theme) {
50
- @return ();
51
- }
52
-
53
- // Combines the tokens generated by the above functions into a single map with placeholder values.
54
- // This is used to create token slots.
55
- @function get-token-slots() {
56
- @return mat.private-deep-merge-all(
57
- get-unthemable-tokens(),
58
- get-color-tokens(token-definition.$placeholder-color-config),
59
- get-typography-tokens(token-definition.$placeholder-typography-config),
60
- get-density-tokens(token-definition.$placeholder-density-config)
61
- );
62
- }
@@ -1,152 +0,0 @@
1
- @use 'sass:color';
2
- @use 'sass:map';
3
- @use 'sass:meta';
4
- @use '@angular/material' as mat;
5
- @use '../../token-definition';
6
- @use '../../../style/elevation';
7
-
8
- // The prefix used to generate the fully qualified name for tokens in this file.
9
- $prefix: (mtx, datetimepicker);
10
-
11
- $_selected-fade-amount: .6;
12
- $_today-fade-amount: .2;
13
-
14
- @function private-get-calendar-color-palette-color-tokens($theme, $palette-name) {
15
- $palette-color: mat.get-theme-color($theme, $palette-name);
16
- $default-contrast: mat.get-theme-color($theme, $palette-name, default-contrast);
17
- $active-background-color: mat.private-safe-color-change($palette-color, $alpha: .3);
18
- $active-disabled-color: null;
19
-
20
- @if (meta.type-of($palette-color) == color) {
21
- $active-disabled-color: color.adjust($palette-color, $alpha: -$_selected-fade-amount);
22
- }
23
- @else {
24
- $active-disabled-color: mat.get-theme-color($theme, foreground, disabled-button);
25
- }
26
-
27
- @return (
28
- calendar-header-background-color: $palette-color,
29
-
30
- calendar-date-selected-state-text-color: $default-contrast,
31
- calendar-date-selected-state-background-color: $palette-color,
32
- calendar-date-selected-disabled-state-background-color: $active-disabled-color,
33
- calendar-date-today-selected-state-outline-color: $default-contrast,
34
- calendar-date-focus-state-background-color: $active-background-color,
35
- calendar-date-hover-state-background-color: $active-background-color,
36
-
37
- clock-hand-background-color: $palette-color,
38
- clock-cell-selected-state-background-color: $palette-color,
39
-
40
- time-input-active-state-text-color: $palette-color,
41
- time-input-active-state-background-color: mat.private-safe-color-change($palette-color, $alpha: .2),
42
- time-input-focus-state-outline-color: $palette-color,
43
- time-input-focus-state-placeholder-text-color: mat.private-safe-color-change($palette-color, $alpha: .6),
44
-
45
- time-ampm-selected-state-background-color: mat.private-safe-color-change($palette-color, $alpha: .2),
46
- );
47
- }
48
-
49
- @function private-get-toggle-color-palette-color-tokens($theme, $palette-name) {
50
- @return (
51
- toggle-active-state-icon-color: mat.get-theme-color($theme, $palette-name, text),
52
- );
53
- }
54
-
55
- // Tokens that can't be configured through Angular Material's current theming API,
56
- // but may be in a future version of the theming API.
57
- @function get-unthemable-tokens() {
58
- @return (
59
- container-elevation-shadow: elevation.get-box-shadow(4),
60
- container-touch-elevation-shadow: elevation.get-box-shadow(24),
61
- container-shape: 4px,
62
- container-touch-shape: 4px,
63
- selector-container-shape: 4px,
64
- );
65
- }
66
-
67
- // Tokens that can be configured through Angular Material's color theming API.
68
- @function get-color-tokens($theme) {
69
- $inactive-icon-color: mat.get-theme-color($theme, foreground, icon);
70
- $text-color: mat.get-theme-color($theme, foreground, text);
71
- $secondary-text-color: mat.get-theme-color($theme, foreground, secondary-text);
72
- $disabled-text-color: mat.get-theme-color($theme, foreground, disabled-text);
73
- $divider-color: mat.get-theme-color($theme, foreground, divider);
74
- $hint-text-color: mat.get-theme-color($theme, foreground, hint-text);
75
- $preview-outline-color: $divider-color;
76
- $today-disabled-outline-color: null;
77
-
78
- $primary-color: mat.get-theme-color($theme, primary);
79
- $calendar-tokens: private-get-calendar-color-palette-color-tokens($theme, primary);
80
- $toggle-tokens: private-get-toggle-color-palette-color-tokens($theme, primary);
81
-
82
- @return mat.private-merge-all($calendar-tokens, $toggle-tokens, (
83
- toggle-icon-color: $inactive-icon-color,
84
- calendar-body-label-text-color: $secondary-text-color,
85
- calendar-body-week-number-text-color: $secondary-text-color,
86
- // calendar-period-button-icon-color: $inactive-icon-color,
87
- // calendar-navigation-button-icon-color: $inactive-icon-color,
88
- calendar-header-text-color: white,
89
- calendar-header-divider-color: transparent,
90
- calendar-table-header-text-color: $secondary-text-color,
91
-
92
- // Note: though it's not text, the border is a hint about the fact
93
- // that this is today's date, so we use the hint color.
94
- calendar-date-today-outline-color: $hint-text-color,
95
- // calendar-date-today-disabled-state-outline-color: $today-disabled-outline-color,
96
- calendar-date-text-color: $text-color,
97
- calendar-date-outline-color: transparent,
98
- calendar-date-disabled-state-text-color: $disabled-text-color,
99
- // calendar-date-preview-state-outline-color: $preview-outline-color,
100
-
101
- container-background-color: mat.get-theme-color($theme, background, card),
102
- container-text-color: $text-color,
103
-
104
- clock-dial-background-color: $divider-color,
105
- clock-cell-text-color: $text-color,
106
- clock-cell-hover-state-background-color: mat.get-theme-color($theme, background, hover),
107
- clock-cell-disabled-state-text-color: $disabled-text-color,
108
-
109
- time-input-text-color: $text-color,
110
- time-input-background-color: $divider-color,
111
- time-input-focus-state-background-color: mat.get-theme-color($theme, background, background),
112
- time-input-warn-state-outline-color: mat.get-theme-color($theme, warn),
113
- time-ampm-text-color: mat.private-safe-color-change($text-color, $alpha: .75),
114
- time-ampm-outline-color: $hint-text-color,
115
- time-ampm-selected-state-text-color: $text-color,
116
- ));
117
- }
118
-
119
- // Tokens that can be configured through Angular Material's typography theming API.
120
- @function get-typography-tokens($theme) {
121
- @return (
122
- calendar-text-font: mat.get-theme-typography($theme, body-1, font-family),
123
- calendar-text-size: 13px,
124
-
125
- calendar-body-label-text-size: mat.get-theme-typography($theme, button, font-size),
126
- calendar-body-label-text-weight: mat.get-theme-typography($theme, button, font-weight),
127
-
128
- calendar-period-button-text-size: mat.get-theme-typography($theme, button, font-size),
129
- calendar-period-button-text-weight: mat.get-theme-typography($theme, button, font-weight),
130
-
131
- calendar-table-header-text-size: 11px,
132
- calendar-table-header-text-weight: mat.get-theme-typography($theme, body-1, font-weight),
133
-
134
- clock-text-size: 14px,
135
- );
136
- }
137
-
138
- // Tokens that can be configured through Angular Material's density theming API.
139
- @function get-density-tokens($theme) {
140
- @return ();
141
- }
142
-
143
- // Combines the tokens generated by the above functions into a single map with placeholder values.
144
- // This is used to create token slots.
145
- @function get-token-slots() {
146
- @return mat.private-deep-merge-all(
147
- get-unthemable-tokens(),
148
- get-color-tokens(token-definition.$placeholder-color-config),
149
- get-typography-tokens(token-definition.$placeholder-typography-config),
150
- get-density-tokens(token-definition.$placeholder-density-config)
151
- );
152
- }
@@ -1,69 +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, grid);
7
-
8
- // Tokens that can't be configured through Angular Material's current theming API,
9
- // but may be in a future version of the theming API.
10
- @function get-unthemable-tokens() {
11
- @return (
12
- container-shape: 0,
13
- table-cell-min-width: 80px,
14
- );
15
- }
16
-
17
- // Tokens that can be configured through Angular Material's color theming API.
18
- @function get-color-tokens($theme) {
19
- $is-dark: mat.get-theme-type($theme) == dark;
20
- $text-color: mat.get-theme-color($theme, foreground, text);
21
- $divider-color: mat.get-theme-color($theme, foreground, divider);
22
-
23
- @return (
24
- outline-color: mat.private-safe-color-change($text-color, $alpha: .2),
25
- column-menu-text-color: $text-color,
26
- column-menu-divider-color: $divider-color,
27
- table-footer-background-color: mat.get-theme-color($theme, background, app-bar),
28
- table-row-striped-background-color: if($is-dark, #3a3a3a, #f5f5f5),
29
- table-row-hover-background-color: if($is-dark, #2a2a2a, #eee),
30
- table-row-selected-background-color: if($is-dark, #2a2a2a, #eee),
31
- table-row-selected-hover-background-color: if($is-dark, #1a1a1a, #e0e0e0),
32
- table-cell-selected-outline-color: mat.get-theme-color($theme, accent),
33
- resizable-handle-active-background-color: mat.get-theme-color($theme, primary),
34
- resizable-handle-hover-background-color: mat.get-theme-color($theme, primary),
35
- resizable-handle-disabled-background-color: $divider-color,
36
- );
37
- }
38
-
39
- // Tokens that can be configured through Angular Material's typography theming API.
40
- @function get-typography-tokens($theme) {
41
- @return ();
42
- }
43
-
44
- // Tokens that can be configured through Angular Material's density theming API.
45
- @function get-density-tokens($theme) {
46
- $scale: mat.private-clamp-density(mat.get-theme-density($theme), -4);
47
- $expand-button-scale: (
48
- 0: 48px,
49
- -1: 44px,
50
- -2: 40px,
51
- -3: 36px,
52
- -4: 28px
53
- );
54
-
55
- @return (
56
- row-expand-button-size: map.get($expand-button-scale, $scale),
57
- );
58
- }
59
-
60
- // Combines the tokens generated by the above functions into a single map with placeholder values.
61
- // This is used to create token slots.
62
- @function get-token-slots() {
63
- @return mat.private-deep-merge-all(
64
- get-unthemable-tokens(),
65
- get-color-tokens(token-definition.$placeholder-color-config),
66
- get-typography-tokens(token-definition.$placeholder-typography-config),
67
- get-density-tokens(token-definition.$placeholder-density-config)
68
- );
69
- }
@@ -1,56 +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, progress);
7
-
8
- // Tokens that can't be configured through Angular Material's current theming API,
9
- // but may be in a future version of the theming API.
10
- @function get-unthemable-tokens() {
11
- @return (
12
- container-shape: 4px,
13
- );
14
- }
15
-
16
- // Tokens that can be configured through Angular Material's color theming API.
17
- @function get-color-tokens($theme) {
18
- $is-dark: mat.get-theme-type($theme) == dark;
19
-
20
- @return (
21
- track-color: mat.get-theme-color($theme, background, hover),
22
- indicator-color: mat.get-theme-color($theme, foreground, divider),
23
- text-color: mat.get-theme-color($theme, foreground, text),
24
- info-indicator-color: mat.m2-get-color-from-palette(mat.$m2-blue-palette, if($is-dark, 900, 500)),
25
- info-text-color: white,
26
- success-indicator-color: mat.m2-get-color-from-palette(mat.$m2-green-palette, if($is-dark, 900, 500)),
27
- success-text-color: white,
28
- warning-indicator-color: mat.m2-get-color-from-palette(mat.$m2-orange-palette, if($is-dark, 900, 500)),
29
- warning-text-color: white,
30
- danger-indicator-color: mat.m2-get-color-from-palette(mat.$m2-red-palette, if($is-dark, 900, 500)),
31
- danger-text-color: white,
32
- );
33
- }
34
-
35
- // Tokens that can be configured through Angular Material's typography theming API.
36
- @function get-typography-tokens($theme) {
37
- @return (
38
- text-size: 12px,
39
- );
40
- }
41
-
42
- // Tokens that can be configured through Angular Material's density theming API.
43
- @function get-density-tokens($theme) {
44
- @return ();
45
- }
46
-
47
- // Combines the tokens generated by the above functions into a single map with placeholder values.
48
- // This is used to create token slots.
49
- @function get-token-slots() {
50
- @return mat.private-deep-merge-all(
51
- get-unthemable-tokens(),
52
- get-color-tokens(token-definition.$placeholder-color-config),
53
- get-typography-tokens(token-definition.$placeholder-typography-config),
54
- get-density-tokens(token-definition.$placeholder-density-config)
55
- );
56
- }
@@ -1,82 +0,0 @@
1
- @use 'sass:map';
2
- @use 'sass:math';
3
- @use '@angular/material' as mat;
4
- @use '../../token-definition';
5
- @use '../../../style/elevation';
6
-
7
- // The prefix used to generate the fully qualified name for tokens in this file.
8
- $prefix: (mtx, select);
9
-
10
- // Generates the tokens used to theme the option based on a palette.
11
- @function private-get-color-palette-color-tokens($theme, $palette-name) {
12
- @return (
13
- option-selected-state-text-color: mat.get-theme-color($theme, $palette-name),
14
- );
15
- }
16
-
17
- // Tokens that can't be configured through Angular Material's current theming API,
18
- // but may be in a future version of the theming API.
19
- @function get-unthemable-tokens() {
20
- @return (
21
- container-shape: 4px,
22
- container-elevation-shadow: elevation.get-box-shadow(8),
23
- );
24
- }
25
-
26
- // Tokens that can be configured through Angular Material's color theming API.
27
- @function get-color-tokens($theme) {
28
- $text-color: mat.get-theme-color($theme, foreground, text);
29
- $hint-text-color: mat.get-theme-color($theme, foreground, hint-text);
30
- $secondary-text-color: mat.get-theme-color($theme, foreground, secondary-text);
31
- $disabled-text-color: mat.get-theme-color($theme, foreground, disabled-text);
32
- $divider-color: mat.get-theme-color($theme, foreground, divider);
33
- $hover-color: mat.get-theme-color($theme, background, hover);
34
- $palette-tokens: private-get-color-palette-color-tokens($theme, primary);
35
-
36
- @return map.merge($palette-tokens, (
37
- container-text-color: $text-color,
38
- placeholder-text-color: $hint-text-color,
39
- disabled-text-color: $hint-text-color,
40
-
41
- multiple-value-background-color: mat.get-theme-color($theme, background, unselected-chip),
42
- multiple-value-outline-color: $divider-color,
43
- multiple-value-disabled-outline-color: mat.private-safe-color-change($divider-color, $alpha: 0.06),
44
- multiple-value-icon-hover-background-color: $divider-color,
45
-
46
- clear-icon-color: $secondary-text-color,
47
- clear-icon-hover-color: mat.get-theme-color($theme, warn),
48
-
49
- enabled-arrow-color: $secondary-text-color,
50
- disabled-arrow-color: $disabled-text-color,
51
- invalid-arrow-color: mat.get-theme-color($theme, warn),
52
-
53
- panel-background-color: mat.get-theme-color($theme, background, card),
54
- panel-divider-color: $divider-color,
55
- optgroup-label-text-color: $secondary-text-color,
56
- option-label-text-color: $text-color,
57
- option-selected-state-background-color: $hover-color,
58
- option-hover-state-background-color: $hover-color,
59
- option-disabled-state-text-color: $hint-text-color,
60
- ));
61
- }
62
-
63
- // Tokens that can be configured through Angular Material's typography theming API.
64
- @function get-typography-tokens($theme) {
65
- @return ();
66
- }
67
-
68
- // Tokens that can be configured through Angular Material's density theming API.
69
- @function get-density-tokens($theme) {
70
- @return ();
71
- }
72
-
73
- // Combines the tokens generated by the above functions into a single map with placeholder values.
74
- // This is used to create token slots.
75
- @function get-token-slots() {
76
- @return mat.private-deep-merge-all(
77
- get-unthemable-tokens(),
78
- get-color-tokens(token-definition.$placeholder-color-config),
79
- get-typography-tokens(token-definition.$placeholder-typography-config),
80
- get-density-tokens(token-definition.$placeholder-density-config)
81
- );
82
- }
@@ -1,9 +0,0 @@
1
- @forward './md-comp-plain-tooltip' as md-comp-plain-tooltip-*;
2
- @forward './md-ref-palette' as md-ref-palette-*;
3
- @forward './md-ref-typeface' as md-ref-typeface-*;
4
- @forward './md-sys-color' as md-sys-color-*;
5
- @forward './md-sys-elevation' as md-sys-elevation-*;
6
- @forward './md-sys-motion' as md-sys-motion-*;
7
- @forward './md-sys-shape' as md-sys-shape-*;
8
- @forward './md-sys-state' as md-sys-state-*;
9
- @forward './md-sys-typescale' as md-sys-typescale-*;
@@ -1,51 +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-sys-color';
9
-
10
- @use './md-sys-shape';
11
-
12
- @use './md-sys-typescale';
13
-
14
- $_default: (
15
- 'md-sys-color': md-sys-color.values-light(),
16
- 'md-sys-shape': md-sys-shape.values(),
17
- 'md-sys-typescale': md-sys-typescale.values(),
18
- );
19
-
20
- @function values($deps: $_default, $exclude-hardcoded-values: false) {
21
- @return (
22
- 'container-color': map.get($deps, 'md-sys-color', 'inverse-surface'),
23
- 'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-small'),
24
- 'supporting-text-color':
25
- map.get($deps, 'md-sys-color', 'inverse-on-surface'),
26
- 'supporting-text-font':
27
- map.get($deps, 'md-sys-typescale', 'body-small-font'),
28
- 'supporting-text-line-height':
29
- map.get($deps, 'md-sys-typescale', 'body-small-line-height'),
30
- 'supporting-text-size':
31
- map.get($deps, 'md-sys-typescale', 'body-small-size'),
32
- 'supporting-text-tracking':
33
- map.get($deps, 'md-sys-typescale', 'body-small-tracking'),
34
- // Warning: risk of reduced fidelity from using this composite typography token.
35
- // Tokens md.comp.plain-tooltip.supporting-text.tracking cannot be represented in the
36
- // "font" property shorthand. Consider using the discrete properties instead.
37
- 'supporting-text-type':
38
- if(
39
- $exclude-hardcoded-values,
40
- null,
41
- map.get($deps, 'md-sys-typescale', 'body-small-weight')
42
- map.get($deps, 'md-sys-typescale', 'body-small-size') #{'/'} map.get(
43
- $deps,
44
- 'md-sys-typescale',
45
- 'body-small-line-height'
46
- ) map.get($deps, 'md-sys-typescale', 'body-small-font')
47
- ),
48
- 'supporting-text-weight':
49
- map.get($deps, 'md-sys-typescale', 'body-small-weight')
50
- );
51
- }
@@ -1,100 +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
- 'black': if($exclude-hardcoded-values, null, #000),
9
- 'error0': if($exclude-hardcoded-values, null, #000),
10
- 'error10': if($exclude-hardcoded-values, null, #410e0b),
11
- 'error100': if($exclude-hardcoded-values, null, #fff),
12
- 'error20': if($exclude-hardcoded-values, null, #601410),
13
- 'error30': if($exclude-hardcoded-values, null, #8c1d18),
14
- 'error40': if($exclude-hardcoded-values, null, #b3261e),
15
- 'error50': if($exclude-hardcoded-values, null, #dc362e),
16
- 'error60': if($exclude-hardcoded-values, null, #e46962),
17
- 'error70': if($exclude-hardcoded-values, null, #ec928e),
18
- 'error80': if($exclude-hardcoded-values, null, #f2b8b5),
19
- 'error90': if($exclude-hardcoded-values, null, #f9dedc),
20
- 'error95': if($exclude-hardcoded-values, null, #fceeee),
21
- 'error99': if($exclude-hardcoded-values, null, #fffbf9),
22
- 'neutral-variant0': if($exclude-hardcoded-values, null, #000),
23
- 'neutral-variant10': if($exclude-hardcoded-values, null, #1d1a22),
24
- 'neutral-variant100': if($exclude-hardcoded-values, null, #fff),
25
- 'neutral-variant20': if($exclude-hardcoded-values, null, #322f37),
26
- 'neutral-variant30': if($exclude-hardcoded-values, null, #49454f),
27
- 'neutral-variant40': if($exclude-hardcoded-values, null, #605d66),
28
- 'neutral-variant50': if($exclude-hardcoded-values, null, #79747e),
29
- 'neutral-variant60': if($exclude-hardcoded-values, null, #938f99),
30
- 'neutral-variant70': if($exclude-hardcoded-values, null, #aea9b4),
31
- 'neutral-variant80': if($exclude-hardcoded-values, null, #cac4d0),
32
- 'neutral-variant90': if($exclude-hardcoded-values, null, #e7e0ec),
33
- 'neutral-variant95': if($exclude-hardcoded-values, null, #f5eefa),
34
- 'neutral-variant99': if($exclude-hardcoded-values, null, #fffbfe),
35
- 'neutral0': if($exclude-hardcoded-values, null, #000),
36
- 'neutral10': if($exclude-hardcoded-values, null, #1c1b1f),
37
- 'neutral100': if($exclude-hardcoded-values, null, #fff),
38
- 'neutral12': if($exclude-hardcoded-values, null, #201f23),
39
- 'neutral17': if($exclude-hardcoded-values, null, #2b292d),
40
- 'neutral20': if($exclude-hardcoded-values, null, #313033),
41
- 'neutral22': if($exclude-hardcoded-values, null, #313033),
42
- 'neutral24': if($exclude-hardcoded-values, null, #313033),
43
- 'neutral30': if($exclude-hardcoded-values, null, #484649),
44
- 'neutral4': if($exclude-hardcoded-values, null, #0e0e11),
45
- 'neutral40': if($exclude-hardcoded-values, null, #605d62),
46
- 'neutral50': if($exclude-hardcoded-values, null, #787579),
47
- 'neutral6': if($exclude-hardcoded-values, null, #141317),
48
- 'neutral60': if($exclude-hardcoded-values, null, #939094),
49
- 'neutral70': if($exclude-hardcoded-values, null, #aeaaae),
50
- 'neutral80': if($exclude-hardcoded-values, null, #c9c5ca),
51
- 'neutral87': if($exclude-hardcoded-values, null, #ddd8dd),
52
- 'neutral90': if($exclude-hardcoded-values, null, #e6e1e5),
53
- 'neutral92': if($exclude-hardcoded-values, null, #ece7ec),
54
- 'neutral94': if($exclude-hardcoded-values, null, #f1ecf1),
55
- 'neutral95': if($exclude-hardcoded-values, null, #f4eff4),
56
- 'neutral96': if($exclude-hardcoded-values, null, #f7f2f7),
57
- 'neutral98': if($exclude-hardcoded-values, null, #fdf8fd),
58
- 'neutral99': if($exclude-hardcoded-values, null, #fffbfe),
59
- 'primary0': if($exclude-hardcoded-values, null, #000),
60
- 'primary10': if($exclude-hardcoded-values, null, #21005d),
61
- 'primary100': if($exclude-hardcoded-values, null, #fff),
62
- 'primary20': if($exclude-hardcoded-values, null, #381e72),
63
- 'primary30': if($exclude-hardcoded-values, null, #4f378b),
64
- 'primary40': if($exclude-hardcoded-values, null, #6750a4),
65
- 'primary50': if($exclude-hardcoded-values, null, #7f67be),
66
- 'primary60': if($exclude-hardcoded-values, null, #9a82db),
67
- 'primary70': if($exclude-hardcoded-values, null, #b69df8),
68
- 'primary80': if($exclude-hardcoded-values, null, #d0bcff),
69
- 'primary90': if($exclude-hardcoded-values, null, #eaddff),
70
- 'primary95': if($exclude-hardcoded-values, null, #f6edff),
71
- 'primary99': if($exclude-hardcoded-values, null, #fffbfe),
72
- 'secondary0': if($exclude-hardcoded-values, null, #000),
73
- 'secondary10': if($exclude-hardcoded-values, null, #1d192b),
74
- 'secondary100': if($exclude-hardcoded-values, null, #fff),
75
- 'secondary20': if($exclude-hardcoded-values, null, #332d41),
76
- 'secondary30': if($exclude-hardcoded-values, null, #4a4458),
77
- 'secondary40': if($exclude-hardcoded-values, null, #625b71),
78
- 'secondary50': if($exclude-hardcoded-values, null, #7a7289),
79
- 'secondary60': if($exclude-hardcoded-values, null, #958da5),
80
- 'secondary70': if($exclude-hardcoded-values, null, #b0a7c0),
81
- 'secondary80': if($exclude-hardcoded-values, null, #ccc2dc),
82
- 'secondary90': if($exclude-hardcoded-values, null, #e8def8),
83
- 'secondary95': if($exclude-hardcoded-values, null, #f6edff),
84
- 'secondary99': if($exclude-hardcoded-values, null, #fffbfe),
85
- 'tertiary0': if($exclude-hardcoded-values, null, #000),
86
- 'tertiary10': if($exclude-hardcoded-values, null, #31111d),
87
- 'tertiary100': if($exclude-hardcoded-values, null, #fff),
88
- 'tertiary20': if($exclude-hardcoded-values, null, #492532),
89
- 'tertiary30': if($exclude-hardcoded-values, null, #633b48),
90
- 'tertiary40': if($exclude-hardcoded-values, null, #7d5260),
91
- 'tertiary50': if($exclude-hardcoded-values, null, #986977),
92
- 'tertiary60': if($exclude-hardcoded-values, null, #b58392),
93
- 'tertiary70': if($exclude-hardcoded-values, null, #d29dac),
94
- 'tertiary80': if($exclude-hardcoded-values, null, #efb8c8),
95
- 'tertiary90': if($exclude-hardcoded-values, null, #ffd8e4),
96
- 'tertiary95': if($exclude-hardcoded-values, null, #ffecf1),
97
- 'tertiary99': if($exclude-hardcoded-values, null, #fffbfa),
98
- 'white': if($exclude-hardcoded-values, null, #fff)
99
- );
100
- }
@@ -1,14 +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
- 'brand': if($exclude-hardcoded-values, null, (Roboto)),
9
- 'plain': if($exclude-hardcoded-values, null, (Roboto)),
10
- 'weight-bold': if($exclude-hardcoded-values, null, 700),
11
- 'weight-medium': if($exclude-hardcoded-values, null, 500),
12
- 'weight-regular': if($exclude-hardcoded-values, null, 400)
13
- );
14
- }