@aziontech/theme 2.6.0 → 4.1.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 (251) hide show
  1. package/README.md +73 -66
  2. package/dist/v4/globals.css +827 -79
  3. package/dist/v4/globals.scss +827 -79
  4. package/package.json +6 -23
  5. package/src/scripts/build-tokens.mjs +197 -230
  6. package/src/scripts/compile-primitives.js +79 -79
  7. package/src/scripts/compile-theme.js +70 -63
  8. package/src/scripts/css-vars.d.ts.map +1 -1
  9. package/src/scripts/css-vars.js +20 -16
  10. package/src/scripts/refs.js +2 -2
  11. package/src/scripts/resolve.d.ts.map +1 -1
  12. package/src/scripts/resolve.js +50 -47
  13. package/src/tokens/README.md +53 -74
  14. package/src/tokens/index.js +5 -5
  15. package/src/tokens/primitives/animations/animate.d.ts +35 -0
  16. package/src/tokens/primitives/animations/animate.d.ts.map +1 -1
  17. package/src/tokens/primitives/animations/animate.js +43 -5
  18. package/src/tokens/primitives/animations/ease.d.ts.map +1 -1
  19. package/src/tokens/primitives/animations/ease.js +3 -3
  20. package/src/tokens/primitives/animations/keyframes.d.ts +79 -0
  21. package/src/tokens/primitives/animations/keyframes.d.ts.map +1 -0
  22. package/src/tokens/primitives/animations/keyframes.js +85 -0
  23. package/src/tokens/primitives/border-widths.d.ts.map +1 -1
  24. package/src/tokens/primitives/border-widths.js +3 -3
  25. package/src/tokens/primitives/breakpoints.d.ts.map +1 -1
  26. package/src/tokens/primitives/breakpoints.js +3 -3
  27. package/src/tokens/primitives/colors/alpha.d.ts +80 -80
  28. package/src/tokens/primitives/colors/alpha.js +84 -84
  29. package/src/tokens/primitives/colors/brand.d.ts +22 -22
  30. package/src/tokens/primitives/colors/brand.js +28 -28
  31. package/src/tokens/primitives/colors/colors.d.ts +88 -88
  32. package/src/tokens/primitives/colors/colors.js +107 -107
  33. package/src/tokens/primitives/effects/blur.d.ts.map +1 -1
  34. package/src/tokens/primitives/effects/blur.js +3 -3
  35. package/src/tokens/primitives/effects/drop-shadow.d.ts.map +1 -1
  36. package/src/tokens/primitives/effects/drop-shadow.js +3 -3
  37. package/src/tokens/primitives/effects/inset-shadow.d.ts.map +1 -1
  38. package/src/tokens/primitives/effects/inset-shadow.js +3 -3
  39. package/src/tokens/primitives/effects/opacity.d.ts.map +1 -1
  40. package/src/tokens/primitives/effects/opacity.js +3 -3
  41. package/src/tokens/primitives/effects/perspective.js +3 -3
  42. package/src/tokens/primitives/effects/shadow.d.ts.map +1 -1
  43. package/src/tokens/primitives/effects/shadow.js +3 -3
  44. package/src/{azion/_fonts.scss → tokens/primitives/fonts.css} +19 -4
  45. package/src/tokens/primitives/ring-offset.d.ts.map +1 -1
  46. package/src/tokens/primitives/ring-offset.js +3 -3
  47. package/src/tokens/primitives/shape/aspect-video.d.ts.map +1 -1
  48. package/src/tokens/primitives/shape/aspect-video.js +2 -2
  49. package/src/tokens/primitives/shape/container.d.ts.map +1 -1
  50. package/src/tokens/primitives/shape/container.js +3 -3
  51. package/src/tokens/primitives/shape/height.d.ts.map +1 -1
  52. package/src/tokens/primitives/shape/height.js +3 -3
  53. package/src/tokens/primitives/shape/radius.d.ts.map +1 -1
  54. package/src/tokens/primitives/shape/radius.js +3 -3
  55. package/src/tokens/primitives/shape/size.d.ts.map +1 -1
  56. package/src/tokens/primitives/shape/size.js +3 -3
  57. package/src/tokens/primitives/shape/spacing.d.ts.map +1 -1
  58. package/src/tokens/primitives/shape/spacing.js +3 -3
  59. package/src/tokens/primitives/shape/width.d.ts.map +1 -1
  60. package/src/tokens/primitives/shape/width.js +4 -4
  61. package/src/tokens/primitives/typography/font-size.d.ts.map +1 -1
  62. package/src/tokens/primitives/typography/font-size.js +4 -4
  63. package/src/tokens/primitives/typography/font-weight.js +3 -3
  64. package/src/tokens/primitives/typography/leading.js +3 -3
  65. package/src/tokens/primitives/typography/line-height.d.ts.map +1 -1
  66. package/src/tokens/primitives/typography/line-height.js +3 -3
  67. package/src/tokens/primitives/typography/tracking.js +3 -3
  68. package/src/tokens/semantic/colors.js +17 -17
  69. package/src/tokens/semantic/containers.data.d.ts.map +1 -1
  70. package/src/tokens/semantic/containers.data.js +3 -3
  71. package/src/tokens/semantic/containers.js +25 -25
  72. package/src/tokens/semantic/spacings.data.d.ts.map +1 -1
  73. package/src/tokens/semantic/spacings.data.js +3 -3
  74. package/src/tokens/semantic/texts.data.d.ts +59 -28
  75. package/src/tokens/semantic/texts.data.d.ts.map +1 -1
  76. package/src/tokens/semantic/texts.data.js +90 -56
  77. package/src/tokens/theme/accent.js +6 -6
  78. package/src/tokens/theme/border.js +6 -6
  79. package/src/tokens/theme/code-sintax.d.ts +53 -0
  80. package/src/tokens/theme/code-sintax.d.ts.map +1 -0
  81. package/src/tokens/theme/code-sintax.js +28 -0
  82. package/src/tokens/theme/feedback/danger.js +6 -6
  83. package/src/tokens/theme/feedback/info.js +6 -6
  84. package/src/tokens/theme/feedback/success.js +6 -6
  85. package/src/tokens/theme/feedback/warning.js +6 -6
  86. package/src/tokens/theme/primary.js +6 -6
  87. package/src/tokens/theme/ring.js +6 -6
  88. package/src/tokens/theme/secondary.js +6 -6
  89. package/src/tokens/theme/surfaces.d.ts.map +1 -1
  90. package/src/tokens/theme/surfaces.js +6 -6
  91. package/src/tokens/theme/text.d.ts +6 -0
  92. package/src/tokens/theme/text.js +2 -0
  93. package/src/tokens/theme.d.ts +110 -110
  94. package/src/tokens/theme.js +9 -9
  95. package/default.js +0 -1
  96. package/dist/v3/globals.css +0 -855
  97. package/dist/v3/globals.scss +0 -855
  98. package/dist/v3/tailwind-preset.js +0 -510
  99. package/dist/v3/tailwind.config.js +0 -518
  100. package/src/azion/_custom.scss +0 -3
  101. package/src/azion/_extensions.scss +0 -37
  102. package/src/azion/_variables-widget.scss +0 -400
  103. package/src/azion/_variables.scss +0 -407
  104. package/src/azion/custom/_code.scss +0 -11
  105. package/src/azion/custom/_focus.scss +0 -5
  106. package/src/azion/custom/_scrollbehavior.scss +0 -6
  107. package/src/azion/custom/_selection.scss +0 -4
  108. package/src/azion/custom/_special-button.scss +0 -57
  109. package/src/azion/extended-components/_autocomplete.scss +0 -13
  110. package/src/azion/extended-components/_badge.scss +0 -53
  111. package/src/azion/extended-components/_breadcumb.scss +0 -18
  112. package/src/azion/extended-components/_button.scss +0 -134
  113. package/src/azion/extended-components/_calendar.scss +0 -310
  114. package/src/azion/extended-components/_carousel.scss +0 -9
  115. package/src/azion/extended-components/_checkbox.scss +0 -33
  116. package/src/azion/extended-components/_datatable.scss +0 -130
  117. package/src/azion/extended-components/_dialog.scss +0 -45
  118. package/src/azion/extended-components/_divider.scss +0 -37
  119. package/src/azion/extended-components/_dropdown.scss +0 -10
  120. package/src/azion/extended-components/_dropdownitem.scss +0 -13
  121. package/src/azion/extended-components/_inlinemessage.scss +0 -10
  122. package/src/azion/extended-components/_inputnumber.scss +0 -40
  123. package/src/azion/extended-components/_inputpassword.scss +0 -4
  124. package/src/azion/extended-components/_inputswitch.scss +0 -53
  125. package/src/azion/extended-components/_listbox.scss +0 -35
  126. package/src/azion/extended-components/_markdown.scss +0 -135
  127. package/src/azion/extended-components/_menuitem.scss +0 -22
  128. package/src/azion/extended-components/_multiselect.scss +0 -167
  129. package/src/azion/extended-components/_overlaypanel.scss +0 -18
  130. package/src/azion/extended-components/_picklist.scss +0 -25
  131. package/src/azion/extended-components/_progressbar.scss +0 -6
  132. package/src/azion/extended-components/_radiobutton.scss +0 -63
  133. package/src/azion/extended-components/_selectbutton.scss +0 -36
  134. package/src/azion/extended-components/_sidebar.scss +0 -28
  135. package/src/azion/extended-components/_splitbutton.scss +0 -22
  136. package/src/azion/extended-components/_tabmenu.scss +0 -21
  137. package/src/azion/extended-components/_tabview.scss +0 -41
  138. package/src/azion/extended-components/_tag.scss +0 -47
  139. package/src/azion/extended-components/_toast.scss +0 -9
  140. package/src/azion/extended-components/_tooltip.scss +0 -7
  141. package/src/azion/extended-components/_treeselect.scss +0 -10
  142. package/src/azion/extended-components/jsonform/_inputcheckbox.scss +0 -41
  143. package/src/azion/extended-components/jsonform/_inputtext.scss +0 -26
  144. package/src/azion/extended-components/jsonform/_label.scss +0 -185
  145. package/src/azion/extended-components/jsonform/_select.scss +0 -34
  146. package/src/azion/theme-base/_colors.scss +0 -18
  147. package/src/azion/theme-base/_common.scss +0 -75
  148. package/src/azion/theme-base/_components.scss +0 -103
  149. package/src/azion/theme-base/_mixins.scss +0 -250
  150. package/src/azion/theme-base/components/button/_button.scss +0 -567
  151. package/src/azion/theme-base/components/button/_speeddial.scss +0 -97
  152. package/src/azion/theme-base/components/button/_splitbutton.scss +0 -390
  153. package/src/azion/theme-base/components/data/_carousel.scss +0 -37
  154. package/src/azion/theme-base/components/data/_datatable.scss +0 -347
  155. package/src/azion/theme-base/components/data/_dataview.scss +0 -47
  156. package/src/azion/theme-base/components/data/_filter.scss +0 -138
  157. package/src/azion/theme-base/components/data/_orderlist.scss +0 -70
  158. package/src/azion/theme-base/components/data/_organizationchart.scss +0 -50
  159. package/src/azion/theme-base/components/data/_paginator.scss +0 -92
  160. package/src/azion/theme-base/components/data/_picklist.scss +0 -70
  161. package/src/azion/theme-base/components/data/_timeline.scss +0 -38
  162. package/src/azion/theme-base/components/data/_tree.scss +0 -90
  163. package/src/azion/theme-base/components/data/_treetable.scss +0 -251
  164. package/src/azion/theme-base/components/file/_fileupload.scss +0 -82
  165. package/src/azion/theme-base/components/input/_autocomplete.scss +0 -114
  166. package/src/azion/theme-base/components/input/_calendar.scss +0 -251
  167. package/src/azion/theme-base/components/input/_cascadeselect.scss +0 -106
  168. package/src/azion/theme-base/components/input/_checkbox.scss +0 -86
  169. package/src/azion/theme-base/components/input/_chips.scss +0 -53
  170. package/src/azion/theme-base/components/input/_colorpicker.scss +0 -18
  171. package/src/azion/theme-base/components/input/_dropdown.scss +0 -147
  172. package/src/azion/theme-base/components/input/_editor.scss +0 -122
  173. package/src/azion/theme-base/components/input/_inputgroup.scss +0 -74
  174. package/src/azion/theme-base/components/input/_inputnumber.scss +0 -5
  175. package/src/azion/theme-base/components/input/_inputswitch.scss +0 -62
  176. package/src/azion/theme-base/components/input/_inputtext.scss +0 -100
  177. package/src/azion/theme-base/components/input/_listbox.scss +0 -89
  178. package/src/azion/theme-base/components/input/_multiselect.scss +0 -166
  179. package/src/azion/theme-base/components/input/_password.scss +0 -33
  180. package/src/azion/theme-base/components/input/_radiobutton.scss +0 -78
  181. package/src/azion/theme-base/components/input/_rating.scss +0 -60
  182. package/src/azion/theme-base/components/input/_selectbutton.scss +0 -50
  183. package/src/azion/theme-base/components/input/_slider.scss +0 -49
  184. package/src/azion/theme-base/components/input/_togglebutton.scss +0 -52
  185. package/src/azion/theme-base/components/input/_treeselect.scss +0 -91
  186. package/src/azion/theme-base/components/menu/_breadcrumb.scss +0 -42
  187. package/src/azion/theme-base/components/menu/_contextmenu.scss +0 -39
  188. package/src/azion/theme-base/components/menu/_dock.scss +0 -95
  189. package/src/azion/theme-base/components/menu/_megamenu.scss +0 -55
  190. package/src/azion/theme-base/components/menu/_menu.scss +0 -33
  191. package/src/azion/theme-base/components/menu/_menubar.scss +0 -141
  192. package/src/azion/theme-base/components/menu/_panelmenu.scss +0 -153
  193. package/src/azion/theme-base/components/menu/_steps.scss +0 -56
  194. package/src/azion/theme-base/components/menu/_tabmenu.scss +0 -49
  195. package/src/azion/theme-base/components/menu/_tieredmenu.scss +0 -43
  196. package/src/azion/theme-base/components/messages/_inlinemessage.scss +0 -64
  197. package/src/azion/theme-base/components/messages/_message.scss +0 -100
  198. package/src/azion/theme-base/components/messages/_toast.scss +0 -100
  199. package/src/azion/theme-base/components/misc/_avatar.scss +0 -30
  200. package/src/azion/theme-base/components/misc/_badge.scss +0 -48
  201. package/src/azion/theme-base/components/misc/_blockui.scss +0 -0
  202. package/src/azion/theme-base/components/misc/_chip.scss +0 -39
  203. package/src/azion/theme-base/components/misc/_inplace.scss +0 -17
  204. package/src/azion/theme-base/components/misc/_progressbar.scss +0 -17
  205. package/src/azion/theme-base/components/misc/_progressspinner.scss +0 -49
  206. package/src/azion/theme-base/components/misc/_scrolltop.scss +0 -25
  207. package/src/azion/theme-base/components/misc/_skeleton.scss +0 -8
  208. package/src/azion/theme-base/components/misc/_tag.scss +0 -40
  209. package/src/azion/theme-base/components/misc/_terminal.scss +0 -12
  210. package/src/azion/theme-base/components/multimedia/_galleria.scss +0 -151
  211. package/src/azion/theme-base/components/multimedia/_image.scss +0 -54
  212. package/src/azion/theme-base/components/overlay/_confirmpopup.scss +0 -72
  213. package/src/azion/theme-base/components/overlay/_dialog.scss +0 -64
  214. package/src/azion/theme-base/components/overlay/_overlaypanel.scss +0 -38
  215. package/src/azion/theme-base/components/overlay/_sidebar.scss +0 -23
  216. package/src/azion/theme-base/components/overlay/_tooltip.scss +0 -33
  217. package/src/azion/theme-base/components/panel/_accordion.scss +0 -118
  218. package/src/azion/theme-base/components/panel/_card.scss +0 -30
  219. package/src/azion/theme-base/components/panel/_divider.scss +0 -40
  220. package/src/azion/theme-base/components/panel/_fieldset.scss +0 -51
  221. package/src/azion/theme-base/components/panel/_panel.scss +0 -47
  222. package/src/azion/theme-base/components/panel/_scrollpanel.scss +0 -11
  223. package/src/azion/theme-base/components/panel/_splitter.scss +0 -24
  224. package/src/azion/theme-base/components/panel/_tabview.scss +0 -66
  225. package/src/azion/theme-base/components/panel/_toolbar.scss +0 -11
  226. package/src/azion/theme-widget.scss +0 -9
  227. package/src/azion/theme.scss +0 -9
  228. package/src/azion/variables/_button.scss +0 -438
  229. package/src/azion/variables/_data.scss +0 -346
  230. package/src/azion/variables/_form.scss +0 -570
  231. package/src/azion/variables/_general.scss +0 -149
  232. package/src/azion/variables/_media.scss +0 -231
  233. package/src/azion/variables/_menu.scss +0 -287
  234. package/src/azion/variables/_message.scss +0 -145
  235. package/src/azion/variables/_misc.scss +0 -143
  236. package/src/azion/variables/_overlay.scss +0 -67
  237. package/src/azion/variables/_panel.scss +0 -327
  238. package/src/tests/primitives.html +0 -293
  239. package/src/tests/theme.html +0 -310
  240. package/src/tests/tokens.html +0 -87
  241. package/src/tokens/semantic/animations.d.ts +0 -3
  242. package/src/tokens/semantic/animations.d.ts.map +0 -1
  243. package/src/tokens/semantic/animations.js +0 -80
  244. package/src/tokens/semantic/spacings.d.ts +0 -3
  245. package/src/tokens/semantic/spacings.d.ts.map +0 -1
  246. package/src/tokens/semantic/spacings.js +0 -163
  247. package/src/tokens/semantic/texts.d.ts +0 -3
  248. package/src/tokens/semantic/texts.d.ts.map +0 -1
  249. package/src/tokens/semantic/texts.js +0 -299
  250. package/tokens.js +0 -7
  251. package/widget.js +0 -1
package/dist/v3/tailwind-preset.js DELETED
@@ -1,510 +0,0 @@
1
- /* generated by build-tokens.mjs — target: v3 — do not edit */
2
- const preset = {
3
- "theme": {
4
- "extend": {
5
- "colors": {
6
- "base": {
7
- "white": "var(--color-base-white)",
8
- "black": "var(--color-base-black)"
9
- },
10
- "blue": {
11
- "50": "var(--color-blue-50)",
12
- "100": "var(--color-blue-100)",
13
- "200": "var(--color-blue-200)",
14
- "300": "var(--color-blue-300)",
15
- "400": "var(--color-blue-400)",
16
- "500": "var(--color-blue-500)",
17
- "600": "var(--color-blue-600)",
18
- "700": "var(--color-blue-700)",
19
- "800": "var(--color-blue-800)",
20
- "900": "var(--color-blue-900)",
21
- "950": "var(--color-blue-950)"
22
- },
23
- "gray": {
24
- "50": "var(--color-gray-50)",
25
- "100": "var(--color-gray-100)",
26
- "200": "var(--color-gray-200)",
27
- "300": "var(--color-gray-300)",
28
- "400": "var(--color-gray-400)",
29
- "500": "var(--color-gray-500)",
30
- "600": "var(--color-gray-600)",
31
- "700": "var(--color-gray-700)",
32
- "800": "var(--color-gray-800)",
33
- "900": "var(--color-gray-900)",
34
- "950": "var(--color-gray-950)"
35
- },
36
- "violet": {
37
- "50": "var(--color-violet-50)",
38
- "100": "var(--color-violet-100)",
39
- "200": "var(--color-violet-200)",
40
- "300": "var(--color-violet-300)",
41
- "400": "var(--color-violet-400)",
42
- "500": "var(--color-violet-500)",
43
- "600": "var(--color-violet-600)",
44
- "700": "var(--color-violet-700)",
45
- "800": "var(--color-violet-800)",
46
- "900": "var(--color-violet-900)",
47
- "950": "var(--color-violet-950)"
48
- },
49
- "orange": {
50
- "50": "var(--color-orange-50)",
51
- "100": "var(--color-orange-100)",
52
- "200": "var(--color-orange-200)",
53
- "300": "var(--color-orange-300)",
54
- "400": "var(--color-orange-400)",
55
- "500": "var(--color-orange-500)",
56
- "600": "var(--color-orange-600)",
57
- "700": "var(--color-orange-700)",
58
- "800": "var(--color-orange-800)",
59
- "900": "var(--color-orange-900)",
60
- "950": "var(--color-orange-950)"
61
- },
62
- "slate": {
63
- "50": "var(--color-slate-50)",
64
- "100": "var(--color-slate-100)",
65
- "200": "var(--color-slate-200)",
66
- "300": "var(--color-slate-300)",
67
- "400": "var(--color-slate-400)",
68
- "500": "var(--color-slate-500)",
69
- "600": "var(--color-slate-600)",
70
- "700": "var(--color-slate-700)",
71
- "800": "var(--color-slate-800)",
72
- "900": "var(--color-slate-900)",
73
- "950": "var(--color-slate-950)"
74
- },
75
- "yellow": {
76
- "50": "var(--color-yellow-50)",
77
- "100": "var(--color-yellow-100)",
78
- "200": "var(--color-yellow-200)",
79
- "300": "var(--color-yellow-300)",
80
- "400": "var(--color-yellow-400)",
81
- "500": "var(--color-yellow-500)",
82
- "600": "var(--color-yellow-600)",
83
- "700": "var(--color-yellow-700)",
84
- "800": "var(--color-yellow-800)",
85
- "900": "var(--color-yellow-900)",
86
- "950": "var(--color-yellow-950)"
87
- },
88
- "green": {
89
- "50": "var(--color-green-50)",
90
- "100": "var(--color-green-100)",
91
- "200": "var(--color-green-200)",
92
- "300": "var(--color-green-300)",
93
- "400": "var(--color-green-400)",
94
- "500": "var(--color-green-500)",
95
- "600": "var(--color-green-600)",
96
- "700": "var(--color-green-700)",
97
- "800": "var(--color-green-800)",
98
- "900": "var(--color-green-900)",
99
- "950": "var(--color-green-950)"
100
- },
101
- "red": {
102
- "50": "var(--color-red-50)",
103
- "100": "var(--color-red-100)",
104
- "200": "var(--color-red-200)",
105
- "300": "var(--color-red-300)",
106
- "400": "var(--color-red-400)",
107
- "500": "var(--color-red-500)",
108
- "600": "var(--color-red-600)",
109
- "700": "var(--color-red-700)",
110
- "800": "var(--color-red-800)",
111
- "900": "var(--color-red-900)",
112
- "950": "var(--color-red-950)"
113
- },
114
- "surface": {
115
- "0": "var(--color-surface-0)",
116
- "50": "var(--color-surface-50)",
117
- "100": "var(--color-surface-100)",
118
- "200": "var(--color-surface-200)",
119
- "300": "var(--color-surface-300)",
120
- "400": "var(--color-surface-400)",
121
- "500": "var(--color-surface-500)",
122
- "600": "var(--color-surface-600)",
123
- "700": "var(--color-surface-700)",
124
- "800": "var(--color-surface-800)",
125
- "900": "var(--color-surface-900)",
126
- "950": "var(--color-surface-950)"
127
- },
128
- "alpha": {
129
- "violet": {
130
- "50": "var(--color-alpha-violet-50)",
131
- "100": "var(--color-alpha-violet-100)",
132
- "200": "var(--color-alpha-violet-200)",
133
- "300": "var(--color-alpha-violet-300)",
134
- "400": "var(--color-alpha-violet-400)",
135
- "500": "var(--color-alpha-violet-500)",
136
- "600": "var(--color-alpha-violet-600)",
137
- "700": "var(--color-alpha-violet-700)",
138
- "800": "var(--color-alpha-violet-800)",
139
- "900": "var(--color-alpha-violet-900)"
140
- },
141
- "orange": {
142
- "50": "var(--color-alpha-orange-50)",
143
- "100": "var(--color-alpha-orange-100)",
144
- "200": "var(--color-alpha-orange-200)",
145
- "300": "var(--color-alpha-orange-300)",
146
- "400": "var(--color-alpha-orange-400)",
147
- "500": "var(--color-alpha-orange-500)",
148
- "600": "var(--color-alpha-orange-600)",
149
- "700": "var(--color-alpha-orange-700)",
150
- "800": "var(--color-alpha-orange-800)",
151
- "900": "var(--color-alpha-orange-900)"
152
- },
153
- "white": {
154
- "50": "var(--color-alpha-white-50)",
155
- "100": "var(--color-alpha-white-100)",
156
- "200": "var(--color-alpha-white-200)",
157
- "300": "var(--color-alpha-white-300)",
158
- "400": "var(--color-alpha-white-400)",
159
- "500": "var(--color-alpha-white-500)",
160
- "600": "var(--color-alpha-white-600)",
161
- "700": "var(--color-alpha-white-700)",
162
- "800": "var(--color-alpha-white-800)",
163
- "900": "var(--color-alpha-white-900)"
164
- },
165
- "black": {
166
- "50": "var(--color-alpha-black-50)",
167
- "100": "var(--color-alpha-black-100)",
168
- "200": "var(--color-alpha-black-200)",
169
- "300": "var(--color-alpha-black-300)",
170
- "400": "var(--color-alpha-black-400)",
171
- "500": "var(--color-alpha-black-500)",
172
- "600": "var(--color-alpha-black-600)",
173
- "700": "var(--color-alpha-black-700)",
174
- "800": "var(--color-alpha-black-800)",
175
- "900": "var(--color-alpha-black-900)"
176
- },
177
- "green": {
178
- "50": "var(--color-alpha-green-50)",
179
- "100": "var(--color-alpha-green-100)",
180
- "200": "var(--color-alpha-green-200)",
181
- "300": "var(--color-alpha-green-300)",
182
- "400": "var(--color-alpha-green-400)",
183
- "500": "var(--color-alpha-green-500)",
184
- "600": "var(--color-alpha-green-600)",
185
- "700": "var(--color-alpha-green-700)",
186
- "800": "var(--color-alpha-green-800)",
187
- "900": "var(--color-alpha-green-900)"
188
- },
189
- "red": {
190
- "50": "var(--color-alpha-red-50)",
191
- "100": "var(--color-alpha-red-100)",
192
- "200": "var(--color-alpha-red-200)",
193
- "300": "var(--color-alpha-red-300)",
194
- "400": "var(--color-alpha-red-400)",
195
- "500": "var(--color-alpha-red-500)",
196
- "600": "var(--color-alpha-red-600)",
197
- "700": "var(--color-alpha-red-700)",
198
- "800": "var(--color-alpha-red-800)",
199
- "900": "var(--color-alpha-red-900)"
200
- },
201
- "yellow": {
202
- "50": "var(--color-alpha-yellow-50)",
203
- "100": "var(--color-alpha-yellow-100)",
204
- "200": "var(--color-alpha-yellow-200)",
205
- "300": "var(--color-alpha-yellow-300)",
206
- "400": "var(--color-alpha-yellow-400)",
207
- "500": "var(--color-alpha-yellow-500)",
208
- "600": "var(--color-alpha-yellow-600)",
209
- "700": "var(--color-alpha-yellow-700)",
210
- "800": "var(--color-alpha-yellow-800)",
211
- "900": "var(--color-alpha-yellow-900)"
212
- },
213
- "blue": {
214
- "50": "var(--color-alpha-blue-50)",
215
- "100": "var(--color-alpha-blue-100)",
216
- "200": "var(--color-alpha-blue-200)",
217
- "300": "var(--color-alpha-blue-300)",
218
- "400": "var(--color-alpha-blue-400)",
219
- "500": "var(--color-alpha-blue-500)",
220
- "600": "var(--color-alpha-blue-600)",
221
- "700": "var(--color-alpha-blue-700)",
222
- "800": "var(--color-alpha-blue-800)",
223
- "900": "var(--color-alpha-blue-900)"
224
- },
225
- "absolute": {
226
- "black": "var(--color-alpha-absolute-black)",
227
- "white": "var(--color-alpha-absolute-white)"
228
- }
229
- },
230
- "primary": {
231
- "50": "var(--color-primary-50)",
232
- "100": "var(--color-primary-100)",
233
- "200": "var(--color-primary-200)",
234
- "300": "var(--color-primary-300)",
235
- "400": "var(--color-primary-400)",
236
- "500": "var(--color-primary-500)",
237
- "600": "var(--color-primary-600)",
238
- "700": "var(--color-primary-700)",
239
- "800": "var(--color-primary-800)",
240
- "900": "var(--color-primary-900)",
241
- "950": "var(--color-primary-950)"
242
- },
243
- "accent": {
244
- "50": "var(--color-accent-50)",
245
- "100": "var(--color-accent-100)",
246
- "200": "var(--color-accent-200)",
247
- "300": "var(--color-accent-300)",
248
- "400": "var(--color-accent-400)",
249
- "500": "var(--color-accent-500)",
250
- "600": "var(--color-accent-600)",
251
- "700": "var(--color-accent-700)",
252
- "800": "var(--color-accent-800)",
253
- "900": "var(--color-accent-900)",
254
- "950": "var(--color-accent-950)"
255
- },
256
- "absolute": {
257
- "black": "var(--color-absolute-black)",
258
- "white": "var(--color-absolute-white)"
259
- }
260
- },
261
- "fontSize": {
262
- "big-number-md": [
263
- "var(--text-big-number-md-font-size)",
264
- {
265
- "lineHeight": "var(--text-big-number-md-line-height)"
266
- }
267
- ],
268
- "big-number-sm": [
269
- "var(--text-big-number-sm-font-size)",
270
- {
271
- "lineHeight": "var(--text-big-number-sm-line-height)"
272
- }
273
- ],
274
- "big-number-lg": [
275
- "var(--text-big-number-lg-font-size)",
276
- {
277
- "lineHeight": "var(--text-big-number-lg-line-height)"
278
- }
279
- ],
280
- "heading-2xl": [
281
- "var(--text-heading-2xl-font-size)",
282
- {
283
- "lineHeight": "var(--text-heading-2xl-line-height)"
284
- }
285
- ],
286
- "heading-xl": [
287
- "var(--text-heading-xl-font-size)",
288
- {
289
- "lineHeight": "var(--text-heading-xl-line-height)"
290
- }
291
- ],
292
- "heading-lg": [
293
- "var(--text-heading-lg-font-size)",
294
- {
295
- "lineHeight": "var(--text-heading-lg-line-height)"
296
- }
297
- ],
298
- "heading-md": [
299
- "var(--text-heading-md-font-size)",
300
- {
301
- "lineHeight": "var(--text-heading-md-line-height)"
302
- }
303
- ],
304
- "heading-sm": [
305
- "var(--text-heading-sm-font-size)",
306
- {
307
- "lineHeight": "var(--text-heading-sm-line-height)"
308
- }
309
- ],
310
- "heading-xs": [
311
- "var(--text-heading-xs-font-size)",
312
- {
313
- "lineHeight": "var(--text-heading-xs-line-height)"
314
- }
315
- ],
316
- "heading-xxs": [
317
- "var(--text-heading-xxs-font-size)",
318
- {
319
- "lineHeight": "var(--text-heading-xxs-line-height)"
320
- }
321
- ],
322
- "label-lg": [
323
- "var(--text-label-lg-font-size)",
324
- {
325
- "lineHeight": "var(--text-label-lg-line-height)",
326
- "fontWeight": "var(--text-label-lg-font-weight)"
327
- }
328
- ],
329
- "label-md": [
330
- "var(--text-label-md-font-size)",
331
- {
332
- "lineHeight": "var(--text-label-md-line-height)",
333
- "fontWeight": "var(--text-label-md-font-weight)"
334
- }
335
- ],
336
- "label-sm": [
337
- "var(--text-label-sm-font-size)",
338
- {
339
- "lineHeight": "var(--text-label-sm-line-height)",
340
- "fontWeight": "var(--text-label-sm-font-weight)"
341
- }
342
- ],
343
- "body-lg": [
344
- "var(--text-body-lg-font-size)",
345
- {
346
- "lineHeight": "var(--text-body-lg-line-height)"
347
- }
348
- ],
349
- "body-md": [
350
- "var(--text-body-md-font-size)",
351
- {
352
- "lineHeight": "var(--text-body-md-line-height)"
353
- }
354
- ],
355
- "body-sm": [
356
- "var(--text-body-sm-font-size)",
357
- {
358
- "lineHeight": "var(--text-body-sm-line-height)"
359
- }
360
- ],
361
- "body-xs": [
362
- "var(--text-body-xs-font-size)",
363
- {
364
- "lineHeight": "var(--text-body-xs-line-height)"
365
- }
366
- ],
367
- "tag-sm": [
368
- "var(--text-tag-sm-font-size)",
369
- {
370
- "lineHeight": "var(--text-tag-sm-line-height)",
371
- "fontWeight": "var(--text-tag-sm-font-weight)"
372
- }
373
- ],
374
- "tag-md": [
375
- "var(--text-tag-md-font-size)",
376
- {
377
- "lineHeight": "var(--text-tag-md-line-height)",
378
- "fontWeight": "var(--text-tag-md-font-weight)"
379
- }
380
- ],
381
- "body-xxs": [
382
- "var(--text-body-xxs-font-size)",
383
- {
384
- "lineHeight": "var(--text-body-xxs-line-height)"
385
- }
386
- ],
387
- "overline-md": [
388
- "var(--text-overline-md-font-size)",
389
- {
390
- "lineHeight": "var(--text-overline-md-line-height)",
391
- "letterSpacing": "var(--text-overline-md-letter-spacing)"
392
- }
393
- ],
394
- "overline-sm": [
395
- "var(--text-overline-sm-font-size)",
396
- {
397
- "lineHeight": "var(--text-overline-sm-line-height)",
398
- "letterSpacing": "var(--text-overline-sm-letter-spacing)"
399
- }
400
- ],
401
- "overline-xs": [
402
- "var(--text-overline-xs-font-size)",
403
- {
404
- "lineHeight": "var(--text-overline-xs-line-height)",
405
- "letterSpacing": "var(--text-overline-xs-letter-spacing)"
406
- }
407
- ],
408
- "button-lg": [
409
- "var(--text-button-lg-font-size)",
410
- {
411
- "lineHeight": "var(--text-button-lg-line-height)",
412
- "letterSpacing": "var(--text-button-lg-letter-spacing)",
413
- "fontWeight": "var(--text-button-lg-font-weight)"
414
- }
415
- ],
416
- "button-md": [
417
- "var(--text-button-md-font-size)",
418
- {
419
- "lineHeight": "var(--text-button-md-line-height)",
420
- "letterSpacing": "var(--text-button-md-letter-spacing)",
421
- "fontWeight": "var(--text-button-md-font-weight)"
422
- }
423
- ]
424
- },
425
- "fontWeight": {
426
- "thin": "var(--font-weight-thin)",
427
- "extralight": "var(--font-weight-extralight)",
428
- "light": "var(--font-weight-light)",
429
- "normal": "var(--font-weight-normal)",
430
- "medium": "var(--font-weight-medium)",
431
- "semibold": "var(--font-weight-semibold)",
432
- "bold": "var(--font-weight-bold)",
433
- "extrabold": "var(--font-weight-extrabold)",
434
- "black": "var(--font-weight-black)"
435
- },
436
- "dropShadow": {
437
- "xs": "var(--drop-shadow-xs)",
438
- "sm": "var(--drop-shadow-sm)",
439
- "md": "var(--drop-shadow-md)",
440
- "lg": "var(--drop-shadow-lg)",
441
- "xl": "var(--drop-shadow-xl)",
442
- "2xl": "var(--drop-shadow-2xl)"
443
- },
444
- "lineHeight": {
445
- "tight": "var(--leading-tight)",
446
- "snug": "var(--leading-snug)",
447
- "normal": "var(--leading-normal)",
448
- "relaxed": "var(--leading-relaxed)",
449
- "loose": "var(--leading-loose)"
450
- },
451
- "letterSpacing": {
452
- "tighter": "var(--tracking-tighter)",
453
- "tight": "var(--tracking-tight)",
454
- "normal": "var(--tracking-normal)",
455
- "wide": "var(--tracking-wide)",
456
- "wider": "var(--tracking-wider)",
457
- "widest": "var(--tracking-widest)"
458
- },
459
- "textColor": {
460
- "default": "var(--text-default)",
461
- "muted": "var(--text-muted)",
462
- "link": "var(--text-link)",
463
- "code": "var(--text-code)",
464
- "link-hover": "var(--text-link-hover)",
465
- "primary": "var(--text-primary)",
466
- "primary-hover": "var(--text-primary-hover)",
467
- "accent": "var(--text-accent)",
468
- "accent-hover": "var(--text-accent-hover)",
469
- "danger-hover": "var(--text-danger-hover)",
470
- "warning-hover": "var(--text-warning-hover)",
471
- "success-hover": "var(--text-success-hover)",
472
- "success": "var(--text-success)",
473
- "danger": "var(--text-danger)",
474
- "warning": "var(--text-warning)"
475
- },
476
- "backgroundColor": {
477
- "surface-raised": "var(--background-surface-raised)",
478
- "surface-overlay": "var(--background-surface-overlay)",
479
- "surface": "var(--background-surface)",
480
- "canvas": "var(--background-canvas)",
481
- "danger-hover": "var(--background-danger-hover)",
482
- "warning-hover": "var(--background-warning-hover)",
483
- "success-hover": "var(--background-success-hover)",
484
- "success": "var(--background-success)",
485
- "danger": "var(--background-danger)",
486
- "warning": "var(--background-warning)",
487
- "backdrop": "var(--background-backdrop)",
488
- "primary-hover": "var(--background-primary-hover)",
489
- "primary": "var(--background-primary)",
490
- "primary-mask": "var(--background-primary-mask)"
491
- },
492
- "borderColor": {
493
- "default": "var(--border-default)",
494
- "strong": "var(--border-strong)",
495
- "warning": "var(--border-warning)",
496
- "success": "var(--border-success)",
497
- "danger": "var(--border-danger)",
498
- "primary": "var(--border-primary)",
499
- "accent": "var(--border-accent)",
500
- "warning-hover": "var(--border-warning-hover)",
501
- "success-hover": "var(--border-success-hover)",
502
- "danger-hover": "var(--border-danger-hover)",
503
- "primary-hover": "var(--border-primary-hover)",
504
- "accent-hover": "var(--border-accent-hover)",
505
- "subtle": "var(--border-subtle)"
506
- }
507
- }
508
- }
509
- };
510
- export default preset;