@react-spectrum/s2 3.0.0-nightly-a626c2596-240926 → 3.0.0-nightly-d57bd8d90-240927

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 (277) hide show
  1. package/dist/Accordion.cjs.map +1 -1
  2. package/dist/Accordion.css.map +1 -1
  3. package/dist/Accordion.mjs.map +1 -1
  4. package/dist/ActionButton.cjs.map +1 -1
  5. package/dist/ActionButton.css.map +1 -1
  6. package/dist/ActionButton.mjs.map +1 -1
  7. package/dist/AlertDialog.cjs.map +1 -1
  8. package/dist/AlertDialog.css.map +1 -1
  9. package/dist/AlertDialog.mjs.map +1 -1
  10. package/dist/Avatar.cjs.map +1 -1
  11. package/dist/Avatar.css.map +1 -1
  12. package/dist/Avatar.mjs.map +1 -1
  13. package/dist/AvatarGroup.cjs.map +1 -1
  14. package/dist/AvatarGroup.css.map +1 -1
  15. package/dist/AvatarGroup.mjs.map +1 -1
  16. package/dist/Badge.cjs.map +1 -1
  17. package/dist/Badge.css.map +1 -1
  18. package/dist/Badge.mjs.map +1 -1
  19. package/dist/Breadcrumbs.cjs.map +1 -1
  20. package/dist/Breadcrumbs.css.map +1 -1
  21. package/dist/Breadcrumbs.mjs.map +1 -1
  22. package/dist/Button.cjs +34 -4
  23. package/dist/Button.cjs.map +1 -1
  24. package/dist/Button.css +64 -0
  25. package/dist/Button.css.map +1 -1
  26. package/dist/Button.mjs +34 -4
  27. package/dist/Button.mjs.map +1 -1
  28. package/dist/ButtonGroup.cjs.map +1 -1
  29. package/dist/ButtonGroup.css.map +1 -1
  30. package/dist/ButtonGroup.mjs.map +1 -1
  31. package/dist/Card.cjs +1 -1
  32. package/dist/Card.cjs.map +1 -1
  33. package/dist/Card.css.map +1 -1
  34. package/dist/Card.mjs +1 -1
  35. package/dist/Card.mjs.map +1 -1
  36. package/dist/CardView.cjs.map +1 -1
  37. package/dist/CardView.css.map +1 -1
  38. package/dist/CardView.mjs.map +1 -1
  39. package/dist/CenterBaseline.cjs.map +1 -1
  40. package/dist/CenterBaseline.css.map +1 -1
  41. package/dist/CenterBaseline.mjs.map +1 -1
  42. package/dist/Checkbox.cjs.map +1 -1
  43. package/dist/Checkbox.css.map +1 -1
  44. package/dist/Checkbox.mjs.map +1 -1
  45. package/dist/CheckboxGroup.cjs.map +1 -1
  46. package/dist/CheckboxGroup.css.map +1 -1
  47. package/dist/CheckboxGroup.mjs.map +1 -1
  48. package/dist/ClearButton.cjs.map +1 -1
  49. package/dist/ClearButton.css.map +1 -1
  50. package/dist/ClearButton.mjs.map +1 -1
  51. package/dist/CloseButton.cjs.map +1 -1
  52. package/dist/CloseButton.css.map +1 -1
  53. package/dist/CloseButton.mjs.map +1 -1
  54. package/dist/ColorArea.cjs.map +1 -1
  55. package/dist/ColorArea.css.map +1 -1
  56. package/dist/ColorArea.mjs.map +1 -1
  57. package/dist/ColorField.cjs.map +1 -1
  58. package/dist/ColorField.css.map +1 -1
  59. package/dist/ColorField.mjs.map +1 -1
  60. package/dist/ColorHandle.cjs.map +1 -1
  61. package/dist/ColorHandle.css.map +1 -1
  62. package/dist/ColorHandle.mjs.map +1 -1
  63. package/dist/ColorSlider.cjs.map +1 -1
  64. package/dist/ColorSlider.css.map +1 -1
  65. package/dist/ColorSlider.mjs.map +1 -1
  66. package/dist/ColorSwatch.cjs.map +1 -1
  67. package/dist/ColorSwatch.css.map +1 -1
  68. package/dist/ColorSwatch.mjs.map +1 -1
  69. package/dist/ColorSwatchPicker.cjs.map +1 -1
  70. package/dist/ColorSwatchPicker.css.map +1 -1
  71. package/dist/ColorSwatchPicker.mjs.map +1 -1
  72. package/dist/ColorWheel.cjs.map +1 -1
  73. package/dist/ColorWheel.css.map +1 -1
  74. package/dist/ColorWheel.mjs.map +1 -1
  75. package/dist/ComboBox.cjs.map +1 -1
  76. package/dist/ComboBox.css.map +1 -1
  77. package/dist/ComboBox.mjs.map +1 -1
  78. package/dist/ContextualHelp.cjs.map +1 -1
  79. package/dist/ContextualHelp.css.map +1 -1
  80. package/dist/ContextualHelp.mjs.map +1 -1
  81. package/dist/Dialog.cjs.map +1 -1
  82. package/dist/Dialog.css.map +1 -1
  83. package/dist/Dialog.mjs.map +1 -1
  84. package/dist/Disclosure.cjs.map +1 -1
  85. package/dist/Disclosure.css.map +1 -1
  86. package/dist/Disclosure.mjs.map +1 -1
  87. package/dist/Divider.cjs.map +1 -1
  88. package/dist/Divider.css.map +1 -1
  89. package/dist/Divider.mjs.map +1 -1
  90. package/dist/DropZone.cjs.map +1 -1
  91. package/dist/DropZone.css.map +1 -1
  92. package/dist/DropZone.mjs.map +1 -1
  93. package/dist/Field.cjs.map +1 -1
  94. package/dist/Field.css.map +1 -1
  95. package/dist/Field.mjs.map +1 -1
  96. package/dist/Form.cjs.map +1 -1
  97. package/dist/Form.css.map +1 -1
  98. package/dist/Form.mjs.map +1 -1
  99. package/dist/IllustratedMessage.cjs.map +1 -1
  100. package/dist/IllustratedMessage.css.map +1 -1
  101. package/dist/IllustratedMessage.mjs.map +1 -1
  102. package/dist/Image.cjs.map +1 -1
  103. package/dist/Image.css.map +1 -1
  104. package/dist/Image.mjs.map +1 -1
  105. package/dist/InlineAlert.cjs.map +1 -1
  106. package/dist/InlineAlert.css.map +1 -1
  107. package/dist/InlineAlert.mjs.map +1 -1
  108. package/dist/Link.cjs.map +1 -1
  109. package/dist/Link.css.map +1 -1
  110. package/dist/Link.mjs.map +1 -1
  111. package/dist/Menu.cjs.map +1 -1
  112. package/dist/Menu.css.map +1 -1
  113. package/dist/Menu.mjs.map +1 -1
  114. package/dist/Meter.cjs.map +1 -1
  115. package/dist/Meter.css.map +1 -1
  116. package/dist/Meter.mjs.map +1 -1
  117. package/dist/Modal.cjs.map +1 -1
  118. package/dist/Modal.css.map +1 -1
  119. package/dist/Modal.mjs.map +1 -1
  120. package/dist/NumberField.cjs.map +1 -1
  121. package/dist/NumberField.css.map +1 -1
  122. package/dist/NumberField.mjs.map +1 -1
  123. package/dist/Picker.cjs.map +1 -1
  124. package/dist/Picker.css.map +1 -1
  125. package/dist/Picker.mjs.map +1 -1
  126. package/dist/Popover.cjs.map +1 -1
  127. package/dist/Popover.css.map +1 -1
  128. package/dist/Popover.mjs.map +1 -1
  129. package/dist/ProgressBar.cjs.map +1 -1
  130. package/dist/ProgressBar.css.map +1 -1
  131. package/dist/ProgressBar.mjs.map +1 -1
  132. package/dist/ProgressCircle.cjs +0 -1
  133. package/dist/ProgressCircle.cjs.map +1 -1
  134. package/dist/ProgressCircle.css +0 -4
  135. package/dist/ProgressCircle.css.map +1 -1
  136. package/dist/ProgressCircle.mjs +0 -1
  137. package/dist/ProgressCircle.mjs.map +1 -1
  138. package/dist/Provider.cjs.map +1 -1
  139. package/dist/Provider.css.map +1 -1
  140. package/dist/Provider.mjs.map +1 -1
  141. package/dist/Radio.cjs.map +1 -1
  142. package/dist/Radio.css.map +1 -1
  143. package/dist/Radio.mjs.map +1 -1
  144. package/dist/RadioGroup.cjs.map +1 -1
  145. package/dist/RadioGroup.css.map +1 -1
  146. package/dist/RadioGroup.mjs.map +1 -1
  147. package/dist/SearchField.cjs.map +1 -1
  148. package/dist/SearchField.css.map +1 -1
  149. package/dist/SearchField.mjs.map +1 -1
  150. package/dist/SegmentedControl.cjs +11 -8
  151. package/dist/SegmentedControl.cjs.map +1 -1
  152. package/dist/SegmentedControl.css.map +1 -1
  153. package/dist/SegmentedControl.mjs +11 -8
  154. package/dist/SegmentedControl.mjs.map +1 -1
  155. package/dist/SkeletonCollection.cjs.map +1 -1
  156. package/dist/SkeletonCollection.mjs.map +1 -1
  157. package/dist/Slider.cjs.map +1 -1
  158. package/dist/Slider.css.map +1 -1
  159. package/dist/Slider.mjs.map +1 -1
  160. package/dist/StatusLight.cjs.map +1 -1
  161. package/dist/StatusLight.css.map +1 -1
  162. package/dist/StatusLight.mjs.map +1 -1
  163. package/dist/Switch.cjs.map +1 -1
  164. package/dist/Switch.css.map +1 -1
  165. package/dist/Switch.mjs.map +1 -1
  166. package/dist/Table.cjs +61 -90
  167. package/dist/Table.cjs.map +1 -1
  168. package/dist/Table.css +36 -56
  169. package/dist/Table.css.map +1 -1
  170. package/dist/Table.mjs +61 -90
  171. package/dist/Table.mjs.map +1 -1
  172. package/dist/Tabs.cjs.map +1 -1
  173. package/dist/Tabs.css.map +1 -1
  174. package/dist/Tabs.mjs.map +1 -1
  175. package/dist/TagGroup.cjs.map +1 -1
  176. package/dist/TagGroup.css.map +1 -1
  177. package/dist/TagGroup.mjs.map +1 -1
  178. package/dist/TextField.cjs.map +1 -1
  179. package/dist/TextField.css.map +1 -1
  180. package/dist/TextField.mjs.map +1 -1
  181. package/dist/ToggleButton.cjs +2 -1
  182. package/dist/ToggleButton.cjs.map +1 -1
  183. package/dist/ToggleButton.css.map +1 -1
  184. package/dist/ToggleButton.mjs +2 -1
  185. package/dist/ToggleButton.mjs.map +1 -1
  186. package/dist/Tooltip.cjs.map +1 -1
  187. package/dist/Tooltip.css.map +1 -1
  188. package/dist/Tooltip.mjs.map +1 -1
  189. package/dist/main.cjs +3 -0
  190. package/dist/main.cjs.map +1 -1
  191. package/dist/module.mjs +3 -1
  192. package/dist/module.mjs.map +1 -1
  193. package/dist/types.d.ts +47 -30
  194. package/dist/types.d.ts.map +1 -1
  195. package/icons/Skeleton.cjs.map +1 -1
  196. package/icons/Skeleton.css.map +1 -1
  197. package/icons/Skeleton.mjs.map +1 -1
  198. package/package.json +17 -17
  199. package/src/Accordion.tsx +2 -2
  200. package/src/ActionButton.tsx +3 -3
  201. package/src/AlertDialog.tsx +1 -1
  202. package/src/Avatar.tsx +1 -1
  203. package/src/AvatarGroup.tsx +1 -1
  204. package/src/Badge.tsx +1 -1
  205. package/src/Breadcrumbs.tsx +2 -2
  206. package/src/Button.tsx +19 -5
  207. package/src/ButtonGroup.tsx +1 -1
  208. package/src/Card.tsx +6 -6
  209. package/src/CardView.tsx +2 -2
  210. package/src/CenterBaseline.tsx +1 -1
  211. package/src/Checkbox.tsx +2 -2
  212. package/src/CheckboxGroup.tsx +1 -1
  213. package/src/ClearButton.tsx +1 -1
  214. package/src/CloseButton.tsx +2 -2
  215. package/src/ColorArea.tsx +1 -1
  216. package/src/ColorField.tsx +1 -1
  217. package/src/ColorHandle.tsx +1 -1
  218. package/src/ColorSlider.tsx +1 -1
  219. package/src/ColorSwatch.tsx +3 -3
  220. package/src/ColorSwatchPicker.tsx +5 -5
  221. package/src/ColorWheel.tsx +1 -1
  222. package/src/ComboBox.tsx +4 -4
  223. package/src/ContextualHelp.tsx +1 -1
  224. package/src/Dialog.tsx +1 -1
  225. package/src/Disclosure.tsx +4 -4
  226. package/src/Divider.tsx +1 -1
  227. package/src/DropZone.tsx +1 -1
  228. package/src/Field.tsx +2 -2
  229. package/src/Form.tsx +1 -1
  230. package/src/IllustratedMessage.tsx +1 -1
  231. package/src/Image.tsx +1 -1
  232. package/src/InlineAlert.tsx +2 -2
  233. package/src/Link.tsx +2 -2
  234. package/src/Menu.tsx +2 -2
  235. package/src/Meter.tsx +1 -1
  236. package/src/Modal.tsx +1 -1
  237. package/src/NumberField.tsx +2 -2
  238. package/src/Picker.tsx +4 -4
  239. package/src/Popover.tsx +1 -1
  240. package/src/ProgressBar.tsx +1 -1
  241. package/src/ProgressCircle.tsx +7 -5
  242. package/src/Provider.tsx +1 -1
  243. package/src/Radio.tsx +2 -2
  244. package/src/RadioGroup.tsx +1 -1
  245. package/src/SearchField.tsx +1 -1
  246. package/src/SegmentedControl.tsx +32 -22
  247. package/src/Skeleton.tsx +4 -1
  248. package/src/SkeletonCollection.tsx +4 -0
  249. package/src/Slider.tsx +2 -2
  250. package/src/StatusLight.tsx +1 -1
  251. package/src/Switch.tsx +2 -2
  252. package/src/Table.tsx +39 -60
  253. package/src/Tabs.tsx +3 -3
  254. package/src/TagGroup.tsx +2 -2
  255. package/src/TextField.tsx +1 -1
  256. package/src/ToggleButton.tsx +3 -2
  257. package/src/Tooltip.tsx +1 -1
  258. package/src/index.ts +2 -0
  259. package/src/style-utils.ts +0 -10
  260. package/style/dist/main.cjs +18 -1964
  261. package/style/dist/main.cjs.map +1 -1
  262. package/style/dist/module.mjs +11 -1958
  263. package/style/dist/module.mjs.map +1 -1
  264. package/style/dist/spectrum-theme.cjs +1989 -0
  265. package/style/dist/spectrum-theme.cjs.map +1 -0
  266. package/style/dist/spectrum-theme.mjs +1978 -0
  267. package/style/dist/spectrum-theme.mjs.map +1 -0
  268. package/style/dist/style-macro.cjs +4 -3
  269. package/style/dist/style-macro.cjs.map +1 -1
  270. package/style/dist/style-macro.mjs +4 -4
  271. package/style/dist/style-macro.mjs.map +1 -1
  272. package/style/dist/types.d.ts +198 -187
  273. package/style/dist/types.d.ts.map +1 -1
  274. package/style/index.ts +24 -0
  275. package/style/spectrum-theme.ts +19 -13
  276. package/style/style-macro.ts +1 -1
  277. package/style/types.ts +2 -1
@@ -1,4 +1,4 @@
1
- import {createArbitraryProperty as $a42cf657cdea7060$export$e33e260cb0fb20f7, createColorProperty as $a42cf657cdea7060$export$852145629bb0d58b, createMappedProperty as $a42cf657cdea7060$export$40f4ff17b27355ab, createRenamedProperty as $a42cf657cdea7060$export$7fdf8c7af26ba416, createTheme as $a42cf657cdea7060$export$25d302a5b900a763} from "./style-macro.mjs";
1
+ import {baseColor as $468034641bb536ce$export$49bbad2a916ab57c, edgeToText as $468034641bb536ce$export$17b63977b35bb6d2, fontRelative as $468034641bb536ce$export$ba024f4caf693d15, lightDark as $468034641bb536ce$export$d19e682d444755ed, size as $468034641bb536ce$export$346677f925de839c, space as $468034641bb536ce$export$a941ed4b947d12f8, style as $468034641bb536ce$export$1d567c320f4763bc} from "./spectrum-theme.mjs";
2
2
 
3
3
  /*
4
4
  * Copyright 2024 Adobe. All rights reserved.
@@ -11,1963 +11,16 @@ import {createArbitraryProperty as $a42cf657cdea7060$export$e33e260cb0fb20f7, cr
11
11
  * OF ANY KIND, either express or implied. See the License for the specific language
12
12
  * governing permissions and limitations under the License.
13
13
  */
14
- function $468034641bb536ce$var$pxToRem(px) {
15
- if (typeof px === 'string') px = parseFloat(px);
16
- return px / 16 + 'rem';
17
- }
18
- const $468034641bb536ce$var$color = {
19
- transparent: 'transparent',
20
- black: 'black',
21
- white: 'white',
22
- "gray-25": "light-dark(rgb(255, 255, 255), rgb(17, 17, 17))",
23
- "gray-50": "light-dark(rgb(248, 248, 248), rgb(27, 27, 27))",
24
- "gray-75": "light-dark(rgb(243, 243, 243), rgb(34, 34, 34))",
25
- "gray-100": "light-dark(rgb(233, 233, 233), rgb(44, 44, 44))",
26
- "gray-200": "light-dark(rgb(225, 225, 225), rgb(50, 50, 50))",
27
- "gray-300": "light-dark(rgb(218, 218, 218), rgb(57, 57, 57))",
28
- "gray-400": "light-dark(rgb(198, 198, 198), rgb(68, 68, 68))",
29
- "gray-500": "light-dark(rgb(143, 143, 143), rgb(109, 109, 109))",
30
- "gray-600": "light-dark(rgb(113, 113, 113), rgb(138, 138, 138))",
31
- "gray-700": "light-dark(rgb(80, 80, 80), rgb(175, 175, 175))",
32
- "gray-800": "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))",
33
- "gray-900": "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
34
- "gray-1000": "light-dark(rgb(0, 0, 0), rgb(255, 255, 255))",
35
- "blue-100": "light-dark(rgb(245, 249, 255), rgb(14, 23, 63))",
36
- "blue-200": "light-dark(rgb(229, 240, 254), rgb(15, 28, 82))",
37
- "blue-300": "light-dark(rgb(203, 226, 254), rgb(12, 33, 117))",
38
- "blue-400": "light-dark(rgb(172, 207, 253), rgb(18, 45, 154))",
39
- "blue-500": "light-dark(rgb(142, 185, 252), rgb(26, 58, 195))",
40
- "blue-600": "light-dark(rgb(114, 158, 253), rgb(37, 73, 229))",
41
- "blue-700": "light-dark(rgb(93, 137, 255), rgb(52, 91, 248))",
42
- "blue-800": "light-dark(rgb(75, 117, 255), rgb(69, 110, 254))",
43
- "blue-900": "light-dark(rgb(59, 99, 251), rgb(86, 129, 255))",
44
- "blue-1000": "light-dark(rgb(39, 77, 234), rgb(105, 149, 254))",
45
- "blue-1100": "light-dark(rgb(29, 62, 207), rgb(124, 169, 252))",
46
- "blue-1200": "light-dark(rgb(21, 50, 173), rgb(152, 192, 252))",
47
- "blue-1300": "light-dark(rgb(16, 40, 140), rgb(181, 213, 253))",
48
- "blue-1400": "light-dark(rgb(12, 31, 105), rgb(213, 231, 254))",
49
- "blue-1500": "light-dark(rgb(14, 24, 67), rgb(238, 245, 255))",
50
- "blue-1600": "light-dark(rgb(7, 11, 30), rgb(255, 255, 255))",
51
- "red-100": "light-dark(rgb(255, 246, 245), rgb(54, 10, 3))",
52
- "red-200": "light-dark(rgb(255, 235, 232), rgb(68, 13, 5))",
53
- "red-300": "light-dark(rgb(255, 214, 209), rgb(87, 17, 7))",
54
- "red-400": "light-dark(rgb(255, 188, 180), rgb(115, 24, 11))",
55
- "red-500": "light-dark(rgb(255, 157, 145), rgb(147, 31, 17))",
56
- "red-600": "light-dark(rgb(255, 118, 101), rgb(177, 38, 23))",
57
- "red-700": "light-dark(rgb(255, 81, 61), rgb(205, 46, 29))",
58
- "red-800": "light-dark(rgb(240, 56, 35), rgb(230, 54, 35))",
59
- "red-900": "light-dark(rgb(215, 50, 32), rgb(252, 67, 46))",
60
- "red-1000": "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))",
61
- "red-1100": "light-dark(rgb(156, 33, 19), rgb(255, 134, 120))",
62
- "red-1200": "light-dark(rgb(129, 27, 14), rgb(255, 167, 157))",
63
- "red-1300": "light-dark(rgb(104, 21, 10), rgb(255, 196, 189))",
64
- "red-1400": "light-dark(rgb(80, 16, 6), rgb(255, 222, 219))",
65
- "red-1500": "light-dark(rgb(59, 11, 4), rgb(255, 242, 240))",
66
- "red-1600": "light-dark(rgb(29, 5, 2), rgb(255, 255, 255))",
67
- "orange-100": "light-dark(rgb(255, 246, 231), rgb(49, 16, 0))",
68
- "orange-200": "light-dark(rgb(255, 236, 207), rgb(61, 21, 0))",
69
- "orange-300": "light-dark(rgb(255, 218, 158), rgb(80, 27, 0))",
70
- "orange-400": "light-dark(rgb(255, 193, 94), rgb(106, 36, 0))",
71
- "orange-500": "light-dark(rgb(255, 162, 19), rgb(135, 47, 0))",
72
- "orange-600": "light-dark(rgb(252, 125, 0), rgb(162, 59, 0))",
73
- "orange-700": "light-dark(rgb(232, 106, 0), rgb(185, 73, 0))",
74
- "orange-800": "light-dark(rgb(212, 91, 0), rgb(205, 86, 0))",
75
- "orange-900": "light-dark(rgb(194, 78, 0), rgb(224, 100, 0))",
76
- "orange-1000": "light-dark(rgb(167, 62, 0), rgb(243, 117, 0))",
77
- "orange-1100": "light-dark(rgb(144, 51, 0), rgb(255, 137, 0))",
78
- "orange-1200": "light-dark(rgb(118, 41, 0), rgb(255, 173, 45))",
79
- "orange-1300": "light-dark(rgb(95, 32, 0), rgb(255, 201, 116))",
80
- "orange-1400": "light-dark(rgb(73, 24, 0), rgb(255, 225, 178))",
81
- "orange-1500": "light-dark(rgb(52, 18, 0), rgb(255, 243, 225))",
82
- "orange-1600": "light-dark(rgb(25, 8, 0), rgb(255, 255, 255))",
83
- "yellow-100": "light-dark(rgb(255, 248, 204), rgb(37, 23, 0))",
84
- "yellow-200": "light-dark(rgb(255, 241, 151), rgb(47, 29, 0))",
85
- "yellow-300": "light-dark(rgb(255, 222, 44), rgb(61, 39, 0))",
86
- "yellow-400": "light-dark(rgb(245, 199, 0), rgb(83, 52, 0))",
87
- "yellow-500": "light-dark(rgb(230, 175, 0), rgb(107, 67, 0))",
88
- "yellow-600": "light-dark(rgb(210, 149, 0), rgb(130, 82, 0))",
89
- "yellow-700": "light-dark(rgb(193, 131, 0), rgb(151, 97, 0))",
90
- "yellow-800": "light-dark(rgb(175, 116, 0), rgb(169, 110, 0))",
91
- "yellow-900": "light-dark(rgb(158, 102, 0), rgb(186, 124, 0))",
92
- "yellow-1000": "light-dark(rgb(134, 85, 0), rgb(203, 141, 0))",
93
- "yellow-1100": "light-dark(rgb(114, 72, 0), rgb(218, 159, 0))",
94
- "yellow-1200": "light-dark(rgb(93, 59, 0), rgb(235, 183, 0))",
95
- "yellow-1300": "light-dark(rgb(75, 47, 0), rgb(249, 206, 0))",
96
- "yellow-1400": "light-dark(rgb(56, 35, 0), rgb(255, 230, 86))",
97
- "yellow-1500": "light-dark(rgb(40, 25, 0), rgb(255, 246, 195))",
98
- "yellow-1600": "light-dark(rgb(18, 11, 0), rgb(255, 255, 255))",
99
- "chartreuse-100": "light-dark(rgb(246, 251, 222), rgb(23, 28, 0))",
100
- "chartreuse-200": "light-dark(rgb(234, 246, 173), rgb(30, 36, 0))",
101
- "chartreuse-300": "light-dark(rgb(208, 236, 70), rgb(39, 47, 0))",
102
- "chartreuse-400": "light-dark(rgb(182, 219, 0), rgb(53, 63, 0))",
103
- "chartreuse-500": "light-dark(rgb(163, 196, 0), rgb(68, 82, 0))",
104
- "chartreuse-600": "light-dark(rgb(143, 172, 0), rgb(83, 100, 0))",
105
- "chartreuse-700": "light-dark(rgb(128, 153, 0), rgb(97, 116, 0))",
106
- "chartreuse-800": "light-dark(rgb(114, 137, 0), rgb(109, 131, 0))",
107
- "chartreuse-900": "light-dark(rgb(102, 122, 0), rgb(122, 147, 0))",
108
- "chartreuse-1000": "light-dark(rgb(86, 103, 0), rgb(136, 164, 0))",
109
- "chartreuse-1100": "light-dark(rgb(73, 87, 0), rgb(151, 181, 0))",
110
- "chartreuse-1200": "light-dark(rgb(60, 71, 0), rgb(169, 203, 0))",
111
- "chartreuse-1300": "light-dark(rgb(47, 57, 0), rgb(187, 225, 0))",
112
- "chartreuse-1400": "light-dark(rgb(35, 43, 0), rgb(219, 240, 117))",
113
- "chartreuse-1500": "light-dark(rgb(25, 30, 0), rgb(242, 249, 206))",
114
- "chartreuse-1600": "light-dark(rgb(11, 14, 0), rgb(255, 255, 255))",
115
- "celery-100": "light-dark(rgb(235, 255, 220), rgb(11, 31, 0))",
116
- "celery-200": "light-dark(rgb(197, 255, 156), rgb(15, 38, 0))",
117
- "celery-300": "light-dark(rgb(157, 247, 92), rgb(21, 51, 1))",
118
- "celery-400": "light-dark(rgb(129, 228, 58), rgb(31, 67, 4))",
119
- "celery-500": "light-dark(rgb(110, 206, 42), rgb(41, 86, 8))",
120
- "celery-600": "light-dark(rgb(93, 180, 31), rgb(50, 105, 11))",
121
- "celery-700": "light-dark(rgb(82, 161, 25), rgb(60, 122, 15))",
122
- "celery-800": "light-dark(rgb(72, 144, 20), rgb(69, 138, 19))",
123
- "celery-900": "light-dark(rgb(64, 129, 17), rgb(78, 154, 23))",
124
- "celery-1000": "light-dark(rgb(52, 109, 12), rgb(88, 172, 28))",
125
- "celery-1100": "light-dark(rgb(44, 92, 9), rgb(100, 190, 35))",
126
- "celery-1200": "light-dark(rgb(35, 75, 6), rgb(116, 213, 46))",
127
- "celery-1300": "light-dark(rgb(27, 60, 3), rgb(136, 234, 65))",
128
- "celery-1400": "light-dark(rgb(19, 46, 0), rgb(170, 251, 112))",
129
- "celery-1500": "light-dark(rgb(12, 33, 0), rgb(222, 255, 198))",
130
- "celery-1600": "light-dark(rgb(4, 15, 0), rgb(255, 255, 255))",
131
- "green-100": "light-dark(rgb(237, 252, 241), rgb(0, 30, 23))",
132
- "green-200": "light-dark(rgb(215, 247, 225), rgb(0, 38, 29))",
133
- "green-300": "light-dark(rgb(173, 238, 197), rgb(0, 51, 38))",
134
- "green-400": "light-dark(rgb(107, 227, 162), rgb(0, 68, 48))",
135
- "green-500": "light-dark(rgb(43, 209, 125), rgb(2, 87, 58))",
136
- "green-600": "light-dark(rgb(18, 184, 103), rgb(3, 106, 67))",
137
- "green-700": "light-dark(rgb(11, 164, 93), rgb(4, 124, 75))",
138
- "green-800": "light-dark(rgb(7, 147, 85), rgb(6, 140, 82))",
139
- "green-900": "light-dark(rgb(5, 131, 78), rgb(9, 157, 89))",
140
- "green-1000": "light-dark(rgb(3, 110, 69), rgb(14, 175, 98))",
141
- "green-1100": "light-dark(rgb(2, 93, 60), rgb(24, 193, 110))",
142
- "green-1200": "light-dark(rgb(1, 76, 52), rgb(57, 215, 134))",
143
- "green-1300": "light-dark(rgb(0, 61, 44), rgb(126, 231, 172))",
144
- "green-1400": "light-dark(rgb(0, 46, 34), rgb(189, 241, 208))",
145
- "green-1500": "light-dark(rgb(0, 33, 25), rgb(229, 250, 236))",
146
- "green-1600": "light-dark(rgb(0, 15, 12), rgb(255, 255, 255))",
147
- "seafoam-100": "light-dark(rgb(235, 251, 246), rgb(0, 30, 27))",
148
- "seafoam-200": "light-dark(rgb(211, 246, 234), rgb(0, 39, 35))",
149
- "seafoam-300": "light-dark(rgb(169, 237, 216), rgb(0, 50, 44))",
150
- "seafoam-400": "light-dark(rgb(92, 225, 194), rgb(0, 67, 59))",
151
- "seafoam-500": "light-dark(rgb(16, 207, 169), rgb(2, 86, 75))",
152
- "seafoam-600": "light-dark(rgb(13, 181, 149), rgb(4, 105, 89))",
153
- "seafoam-700": "light-dark(rgb(11, 162, 134), rgb(6, 122, 103))",
154
- "seafoam-800": "light-dark(rgb(9, 144, 120), rgb(8, 138, 116))",
155
- "seafoam-900": "light-dark(rgb(7, 129, 109), rgb(10, 154, 128))",
156
- "seafoam-1000": "light-dark(rgb(5, 108, 92), rgb(12, 173, 142))",
157
- "seafoam-1100": "light-dark(rgb(3, 92, 80), rgb(14, 190, 156))",
158
- "seafoam-1200": "light-dark(rgb(1, 75, 67), rgb(29, 214, 176))",
159
- "seafoam-1300": "light-dark(rgb(0, 60, 54), rgb(122, 229, 203))",
160
- "seafoam-1400": "light-dark(rgb(0, 46, 40), rgb(186, 241, 222))",
161
- "seafoam-1500": "light-dark(rgb(0, 33, 29), rgb(229, 249, 243))",
162
- "seafoam-1600": "light-dark(rgb(0, 15, 14), rgb(255, 255, 255))",
163
- "cyan-100": "light-dark(rgb(238, 250, 254), rgb(0, 29, 39))",
164
- "cyan-200": "light-dark(rgb(217, 244, 253), rgb(0, 36, 49))",
165
- "cyan-300": "light-dark(rgb(183, 231, 252), rgb(0, 48, 65))",
166
- "cyan-400": "light-dark(rgb(138, 213, 255), rgb(0, 64, 88))",
167
- "cyan-500": "light-dark(rgb(92, 192, 255), rgb(0, 82, 113))",
168
- "cyan-600": "light-dark(rgb(48, 167, 254), rgb(3, 99, 140))",
169
- "cyan-700": "light-dark(rgb(29, 149, 231), rgb(8, 115, 168))",
170
- "cyan-800": "light-dark(rgb(18, 134, 205), rgb(15, 128, 194))",
171
- "cyan-900": "light-dark(rgb(11, 120, 179), rgb(24, 142, 220))",
172
- "cyan-1000": "light-dark(rgb(4, 102, 145), rgb(38, 159, 244))",
173
- "cyan-1100": "light-dark(rgb(0, 87, 121), rgb(63, 177, 255))",
174
- "cyan-1200": "light-dark(rgb(0, 71, 98), rgb(107, 199, 255))",
175
- "cyan-1300": "light-dark(rgb(0, 57, 78), rgb(152, 219, 255))",
176
- "cyan-1400": "light-dark(rgb(0, 43, 59), rgb(195, 236, 252))",
177
- "cyan-1500": "light-dark(rgb(0, 31, 43), rgb(230, 248, 253))",
178
- "cyan-1600": "light-dark(rgb(0, 14, 20), rgb(255, 255, 255))",
179
- "indigo-100": "light-dark(rgb(247, 248, 255), rgb(30, 0, 93))",
180
- "indigo-200": "light-dark(rgb(235, 238, 255), rgb(35, 0, 110))",
181
- "indigo-300": "light-dark(rgb(216, 222, 255), rgb(47, 0, 140))",
182
- "indigo-400": "light-dark(rgb(192, 201, 255), rgb(62, 12, 174))",
183
- "indigo-500": "light-dark(rgb(167, 178, 255), rgb(79, 30, 209))",
184
- "indigo-600": "light-dark(rgb(145, 151, 254), rgb(95, 52, 235))",
185
- "indigo-700": "light-dark(rgb(132, 128, 254), rgb(109, 75, 248))",
186
- "indigo-800": "light-dark(rgb(122, 106, 253), rgb(119, 97, 252))",
187
- "indigo-900": "light-dark(rgb(113, 85, 250), rgb(128, 119, 254))",
188
- "indigo-1000": "light-dark(rgb(99, 56, 238), rgb(139, 141, 254))",
189
- "indigo-1100": "light-dark(rgb(84, 36, 219), rgb(153, 161, 255))",
190
- "indigo-1200": "light-dark(rgb(69, 19, 191), rgb(176, 186, 255))",
191
- "indigo-1300": "light-dark(rgb(55, 6, 160), rgb(199, 208, 255))",
192
- "indigo-1400": "light-dark(rgb(42, 0, 129), rgb(223, 228, 255))",
193
- "indigo-1500": "light-dark(rgb(31, 0, 98), rgb(243, 244, 255))",
194
- "indigo-1600": "light-dark(rgb(17, 0, 54), rgb(255, 255, 255))",
195
- "purple-100": "light-dark(rgb(251, 247, 254), rgb(41, 0, 79))",
196
- "purple-200": "light-dark(rgb(244, 235, 252), rgb(50, 0, 96))",
197
- "purple-300": "light-dark(rgb(235, 218, 249), rgb(64, 0, 122))",
198
- "purple-400": "light-dark(rgb(221, 193, 246), rgb(83, 0, 159))",
199
- "purple-500": "light-dark(rgb(208, 167, 243), rgb(107, 6, 195))",
200
- "purple-600": "light-dark(rgb(191, 138, 238), rgb(130, 34, 215))",
201
- "purple-700": "light-dark(rgb(178, 114, 235), rgb(148, 62, 224))",
202
- "purple-800": "light-dark(rgb(166, 92, 231), rgb(161, 84, 229))",
203
- "purple-900": "light-dark(rgb(154, 71, 226), rgb(173, 105, 233))",
204
- "purple-1000": "light-dark(rgb(134, 40, 217), rgb(186, 127, 237))",
205
- "purple-1100": "light-dark(rgb(115, 13, 204), rgb(197, 149, 240))",
206
- "purple-1200": "light-dark(rgb(93, 0, 177), rgb(212, 176, 244))",
207
- "purple-1300": "light-dark(rgb(75, 0, 144), rgb(225, 201, 247))",
208
- "purple-1400": "light-dark(rgb(59, 0, 111), rgb(238, 224, 250))",
209
- "purple-1500": "light-dark(rgb(44, 0, 84), rgb(248, 243, 253))",
210
- "purple-1600": "light-dark(rgb(23, 0, 45), rgb(255, 255, 255))",
211
- "fuchsia-100": "light-dark(rgb(254, 246, 255), rgb(50, 0, 61))",
212
- "fuchsia-200": "light-dark(rgb(253, 233, 255), rgb(61, 0, 74))",
213
- "fuchsia-300": "light-dark(rgb(250, 211, 255), rgb(79, 0, 95))",
214
- "fuchsia-400": "light-dark(rgb(247, 181, 255), rgb(102, 9, 120))",
215
- "fuchsia-500": "light-dark(rgb(243, 147, 255), rgb(127, 23, 146))",
216
- "fuchsia-600": "light-dark(rgb(236, 105, 255), rgb(151, 38, 170))",
217
- "fuchsia-700": "light-dark(rgb(223, 77, 245), rgb(173, 51, 192))",
218
- "fuchsia-800": "light-dark(rgb(200, 68, 220), rgb(192, 64, 212))",
219
- "fuchsia-900": "light-dark(rgb(181, 57, 200), rgb(213, 73, 235))",
220
- "fuchsia-1000": "light-dark(rgb(156, 40, 175), rgb(232, 91, 253))",
221
- "fuchsia-1100": "light-dark(rgb(135, 27, 154), rgb(240, 122, 255))",
222
- "fuchsia-1200": "light-dark(rgb(113, 15, 131), rgb(245, 159, 255))",
223
- "fuchsia-1300": "light-dark(rgb(92, 4, 109), rgb(248, 191, 255))",
224
- "fuchsia-1400": "light-dark(rgb(72, 0, 88), rgb(251, 219, 255))",
225
- "fuchsia-1500": "light-dark(rgb(54, 0, 66), rgb(253, 241, 255))",
226
- "fuchsia-1600": "light-dark(rgb(29, 0, 35), rgb(255, 255, 255))",
227
- "magenta-100": "light-dark(rgb(255, 245, 248), rgb(59, 0, 22))",
228
- "magenta-200": "light-dark(rgb(255, 232, 240), rgb(74, 0, 27))",
229
- "magenta-300": "light-dark(rgb(255, 213, 227), rgb(93, 0, 34))",
230
- "magenta-400": "light-dark(rgb(255, 185, 208), rgb(123, 0, 45))",
231
- "magenta-500": "light-dark(rgb(255, 152, 187), rgb(152, 7, 60))",
232
- "magenta-600": "light-dark(rgb(255, 112, 159), rgb(181, 19, 76))",
233
- "magenta-700": "light-dark(rgb(255, 72, 133), rgb(207, 31, 92))",
234
- "magenta-800": "light-dark(rgb(240, 45, 110), rgb(231, 41, 105))",
235
- "magenta-900": "light-dark(rgb(217, 35, 97), rgb(255, 51, 119))",
236
- "magenta-1000": "light-dark(rgb(186, 22, 80), rgb(255, 96, 149))",
237
- "magenta-1100": "light-dark(rgb(163, 5, 62), rgb(255, 128, 171))",
238
- "magenta-1200": "light-dark(rgb(136, 0, 51), rgb(255, 163, 194))",
239
- "magenta-1300": "light-dark(rgb(111, 0, 40), rgb(255, 193, 214))",
240
- "magenta-1400": "light-dark(rgb(86, 0, 30), rgb(255, 220, 232))",
241
- "magenta-1500": "light-dark(rgb(64, 0, 22), rgb(255, 241, 246))",
242
- "magenta-1600": "light-dark(rgb(35, 0, 12), rgb(255, 255, 255))",
243
- "pink-100": "light-dark(rgb(255, 246, 252), rgb(58, 0, 37))",
244
- "pink-200": "light-dark(rgb(255, 232, 247), rgb(71, 0, 44))",
245
- "pink-300": "light-dark(rgb(255, 211, 240), rgb(90, 0, 57))",
246
- "pink-400": "light-dark(rgb(255, 181, 230), rgb(115, 7, 75))",
247
- "pink-500": "light-dark(rgb(255, 148, 219), rgb(143, 18, 97))",
248
- "pink-600": "light-dark(rgb(255, 103, 204), rgb(171, 29, 119))",
249
- "pink-700": "light-dark(rgb(242, 76, 184), rgb(196, 39, 138))",
250
- "pink-800": "light-dark(rgb(228, 52, 163), rgb(220, 47, 156))",
251
- "pink-900": "light-dark(rgb(206, 42, 146), rgb(236, 67, 175))",
252
- "pink-1000": "light-dark(rgb(176, 31, 123), rgb(251, 90, 196))",
253
- "pink-1100": "light-dark(rgb(152, 22, 104), rgb(255, 122, 210))",
254
- "pink-1200": "light-dark(rgb(128, 12, 85), rgb(255, 159, 223))",
255
- "pink-1300": "light-dark(rgb(105, 3, 68), rgb(255, 191, 234))",
256
- "pink-1400": "light-dark(rgb(83, 0, 53), rgb(255, 219, 243))",
257
- "pink-1500": "light-dark(rgb(62, 0, 39), rgb(255, 241, 250))",
258
- "pink-1600": "light-dark(rgb(33, 0, 21), rgb(255, 255, 255))",
259
- "turquoise-100": "light-dark(rgb(238, 251, 251), rgb(0, 30, 33))",
260
- "turquoise-200": "light-dark(rgb(209, 245, 245), rgb(0, 37, 41))",
261
- "turquoise-300": "light-dark(rgb(169, 236, 237), rgb(0, 49, 54))",
262
- "turquoise-400": "light-dark(rgb(111, 221, 228), rgb(0, 66, 72))",
263
- "turquoise-500": "light-dark(rgb(39, 202, 216), rgb(3, 84, 92))",
264
- "turquoise-600": "light-dark(rgb(15, 177, 192), rgb(5, 103, 112))",
265
- "turquoise-700": "light-dark(rgb(12, 158, 171), rgb(7, 120, 131))",
266
- "turquoise-800": "light-dark(rgb(10, 141, 153), rgb(9, 135, 147))",
267
- "turquoise-900": "light-dark(rgb(8, 126, 137), rgb(11, 151, 164))",
268
- "turquoise-1000": "light-dark(rgb(5, 107, 116), rgb(13, 168, 182))",
269
- "turquoise-1100": "light-dark(rgb(3, 90, 98), rgb(16, 186, 202))",
270
- "turquoise-1200": "light-dark(rgb(1, 74, 81), rgb(64, 208, 220))",
271
- "turquoise-1300": "light-dark(rgb(0, 59, 65), rgb(128, 225, 231))",
272
- "turquoise-1400": "light-dark(rgb(0, 44, 49), rgb(183, 240, 240))",
273
- "turquoise-1500": "light-dark(rgb(0, 32, 35), rgb(228, 249, 249))",
274
- "turquoise-1600": "light-dark(rgb(0, 15, 17), rgb(255, 255, 255))",
275
- "brown-100": "light-dark(rgb(252, 247, 242), rgb(35, 24, 8))",
276
- "brown-200": "light-dark(rgb(247, 238, 225), rgb(44, 31, 11))",
277
- "brown-300": "light-dark(rgb(239, 221, 195), rgb(58, 40, 14))",
278
- "brown-400": "light-dark(rgb(229, 200, 157), rgb(78, 55, 19))",
279
- "brown-500": "light-dark(rgb(214, 177, 123), rgb(98, 71, 30))",
280
- "brown-600": "light-dark(rgb(190, 155, 104), rgb(115, 88, 47))",
281
- "brown-700": "light-dark(rgb(171, 138, 90), rgb(132, 104, 61))",
282
- "brown-800": "light-dark(rgb(154, 123, 77), rgb(148, 118, 73))",
283
- "brown-900": "light-dark(rgb(139, 109, 66), rgb(163, 132, 84))",
284
- "brown-1000": "light-dark(rgb(119, 91, 50), rgb(181, 147, 98))",
285
- "brown-1100": "light-dark(rgb(103, 76, 35), rgb(199, 163, 112))",
286
- "brown-1200": "light-dark(rgb(88, 61, 21), rgb(222, 185, 130))",
287
- "brown-1300": "light-dark(rgb(70, 49, 17), rgb(232, 207, 169))",
288
- "brown-1400": "light-dark(rgb(52, 37, 13), rgb(242, 227, 206))",
289
- "brown-1500": "light-dark(rgb(38, 26, 9), rgb(250, 244, 236))",
290
- "brown-1600": "light-dark(rgb(16, 12, 4), rgb(255, 255, 255))",
291
- "silver-100": "light-dark(rgb(247, 247, 247), rgb(26, 26, 26))",
292
- "silver-200": "light-dark(rgb(239, 239, 239), rgb(33, 33, 33))",
293
- "silver-300": "light-dark(rgb(223, 223, 223), rgb(44, 44, 44))",
294
- "silver-400": "light-dark(rgb(204, 204, 204), rgb(59, 59, 59))",
295
- "silver-500": "light-dark(rgb(183, 183, 183), rgb(76, 76, 76))",
296
- "silver-600": "light-dark(rgb(160, 160, 160), rgb(92, 92, 92))",
297
- "silver-700": "light-dark(rgb(143, 143, 143), rgb(108, 108, 108))",
298
- "silver-800": "light-dark(rgb(128, 128, 128), rgb(123, 123, 123))",
299
- "silver-900": "light-dark(rgb(114, 114, 114), rgb(137, 137, 137))",
300
- "silver-1000": "light-dark(rgb(96, 96, 96), rgb(152, 152, 152))",
301
- "silver-1100": "light-dark(rgb(81, 81, 81), rgb(169, 169, 169))",
302
- "silver-1200": "light-dark(rgb(66, 66, 66), rgb(190, 190, 190))",
303
- "silver-1300": "light-dark(rgb(52, 52, 52), rgb(211, 211, 211))",
304
- "silver-1400": "light-dark(rgb(39, 39, 39), rgb(229, 229, 229))",
305
- "silver-1500": "light-dark(rgb(28, 28, 28), rgb(244, 244, 244))",
306
- "silver-1600": "light-dark(rgb(12, 12, 12), rgb(255, 255, 255))",
307
- "cinnamon-100": "light-dark(rgb(253, 247, 243), rgb(48, 17, 4))",
308
- "cinnamon-200": "light-dark(rgb(249, 236, 229), rgb(59, 21, 5))",
309
- "cinnamon-300": "light-dark(rgb(244, 218, 203), rgb(79, 28, 7))",
310
- "cinnamon-400": "light-dark(rgb(237, 196, 172), rgb(100, 41, 15))",
311
- "cinnamon-500": "light-dark(rgb(229, 170, 136), rgb(122, 57, 28))",
312
- "cinnamon-600": "light-dark(rgb(212, 145, 108), rgb(143, 74, 40))",
313
- "cinnamon-700": "light-dark(rgb(198, 126, 88), rgb(163, 88, 52))",
314
- "cinnamon-800": "light-dark(rgb(184, 109, 70), rgb(179, 103, 64))",
315
- "cinnamon-900": "light-dark(rgb(170, 94, 56), rgb(192, 119, 80))",
316
- "cinnamon-1000": "light-dark(rgb(147, 77, 43), rgb(206, 136, 99))",
317
- "cinnamon-1100": "light-dark(rgb(128, 62, 32), rgb(220, 154, 118))",
318
- "cinnamon-1200": "light-dark(rgb(110, 48, 21), rgb(232, 179, 149))",
319
- "cinnamon-1300": "light-dark(rgb(92, 35, 11), rgb(239, 203, 183))",
320
- "cinnamon-1400": "light-dark(rgb(72, 25, 6), rgb(246, 225, 214))",
321
- "cinnamon-1500": "light-dark(rgb(52, 18, 4), rgb(252, 244, 239))",
322
- "cinnamon-1600": "light-dark(rgb(24, 8, 2), rgb(255, 255, 255))",
323
- "accent-100": "light-dark(rgb(245, 249, 255), rgb(14, 23, 63))",
324
- "accent-200": "light-dark(rgb(229, 240, 254), rgb(15, 28, 82))",
325
- "accent-300": "light-dark(rgb(203, 226, 254), rgb(12, 33, 117))",
326
- "accent-400": "light-dark(rgb(172, 207, 253), rgb(18, 45, 154))",
327
- "accent-500": "light-dark(rgb(142, 185, 252), rgb(26, 58, 195))",
328
- "accent-600": "light-dark(rgb(114, 158, 253), rgb(37, 73, 229))",
329
- "accent-700": "light-dark(rgb(93, 137, 255), rgb(52, 91, 248))",
330
- "accent-800": "light-dark(rgb(75, 117, 255), rgb(69, 110, 254))",
331
- "accent-900": "light-dark(rgb(59, 99, 251), rgb(86, 129, 255))",
332
- "accent-1000": "light-dark(rgb(39, 77, 234), rgb(105, 149, 254))",
333
- "accent-1100": "light-dark(rgb(29, 62, 207), rgb(124, 169, 252))",
334
- "accent-1200": "light-dark(rgb(21, 50, 173), rgb(152, 192, 252))",
335
- "accent-1300": "light-dark(rgb(16, 40, 140), rgb(181, 213, 253))",
336
- "accent-1400": "light-dark(rgb(12, 31, 105), rgb(213, 231, 254))",
337
- "accent-1500": "light-dark(rgb(14, 24, 67), rgb(238, 245, 255))",
338
- "accent-1600": "light-dark(rgb(7, 11, 30), rgb(255, 255, 255))",
339
- "informative-100": "light-dark(rgb(245, 249, 255), rgb(14, 23, 63))",
340
- "informative-200": "light-dark(rgb(229, 240, 254), rgb(15, 28, 82))",
341
- "informative-300": "light-dark(rgb(203, 226, 254), rgb(12, 33, 117))",
342
- "informative-400": "light-dark(rgb(172, 207, 253), rgb(18, 45, 154))",
343
- "informative-500": "light-dark(rgb(142, 185, 252), rgb(26, 58, 195))",
344
- "informative-600": "light-dark(rgb(114, 158, 253), rgb(37, 73, 229))",
345
- "informative-700": "light-dark(rgb(93, 137, 255), rgb(52, 91, 248))",
346
- "informative-800": "light-dark(rgb(75, 117, 255), rgb(69, 110, 254))",
347
- "informative-900": "light-dark(rgb(59, 99, 251), rgb(86, 129, 255))",
348
- "informative-1000": "light-dark(rgb(39, 77, 234), rgb(105, 149, 254))",
349
- "informative-1100": "light-dark(rgb(29, 62, 207), rgb(124, 169, 252))",
350
- "informative-1200": "light-dark(rgb(21, 50, 173), rgb(152, 192, 252))",
351
- "informative-1300": "light-dark(rgb(16, 40, 140), rgb(181, 213, 253))",
352
- "informative-1400": "light-dark(rgb(12, 31, 105), rgb(213, 231, 254))",
353
- "informative-1500": "light-dark(rgb(14, 24, 67), rgb(238, 245, 255))",
354
- "informative-1600": "light-dark(rgb(7, 11, 30), rgb(255, 255, 255))",
355
- "negative-100": "light-dark(rgb(255, 246, 245), rgb(54, 10, 3))",
356
- "negative-200": "light-dark(rgb(255, 235, 232), rgb(68, 13, 5))",
357
- "negative-300": "light-dark(rgb(255, 214, 209), rgb(87, 17, 7))",
358
- "negative-400": "light-dark(rgb(255, 188, 180), rgb(115, 24, 11))",
359
- "negative-500": "light-dark(rgb(255, 157, 145), rgb(147, 31, 17))",
360
- "negative-600": "light-dark(rgb(255, 118, 101), rgb(177, 38, 23))",
361
- "negative-700": "light-dark(rgb(255, 81, 61), rgb(205, 46, 29))",
362
- "negative-800": "light-dark(rgb(240, 56, 35), rgb(230, 54, 35))",
363
- "negative-900": "light-dark(rgb(215, 50, 32), rgb(252, 67, 46))",
364
- "negative-1000": "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))",
365
- "negative-1100": "light-dark(rgb(156, 33, 19), rgb(255, 134, 120))",
366
- "negative-1200": "light-dark(rgb(129, 27, 14), rgb(255, 167, 157))",
367
- "negative-1300": "light-dark(rgb(104, 21, 10), rgb(255, 196, 189))",
368
- "negative-1400": "light-dark(rgb(80, 16, 6), rgb(255, 222, 219))",
369
- "negative-1500": "light-dark(rgb(59, 11, 4), rgb(255, 242, 240))",
370
- "negative-1600": "light-dark(rgb(29, 5, 2), rgb(255, 255, 255))",
371
- "notice-100": "light-dark(rgb(255, 246, 231), rgb(49, 16, 0))",
372
- "notice-200": "light-dark(rgb(255, 236, 207), rgb(61, 21, 0))",
373
- "notice-300": "light-dark(rgb(255, 218, 158), rgb(80, 27, 0))",
374
- "notice-400": "light-dark(rgb(255, 193, 94), rgb(106, 36, 0))",
375
- "notice-500": "light-dark(rgb(255, 162, 19), rgb(135, 47, 0))",
376
- "notice-600": "light-dark(rgb(252, 125, 0), rgb(162, 59, 0))",
377
- "notice-700": "light-dark(rgb(232, 106, 0), rgb(185, 73, 0))",
378
- "notice-800": "light-dark(rgb(212, 91, 0), rgb(205, 86, 0))",
379
- "notice-900": "light-dark(rgb(194, 78, 0), rgb(224, 100, 0))",
380
- "notice-1000": "light-dark(rgb(167, 62, 0), rgb(243, 117, 0))",
381
- "notice-1100": "light-dark(rgb(144, 51, 0), rgb(255, 137, 0))",
382
- "notice-1200": "light-dark(rgb(118, 41, 0), rgb(255, 173, 45))",
383
- "notice-1300": "light-dark(rgb(95, 32, 0), rgb(255, 201, 116))",
384
- "notice-1400": "light-dark(rgb(73, 24, 0), rgb(255, 225, 178))",
385
- "notice-1500": "light-dark(rgb(52, 18, 0), rgb(255, 243, 225))",
386
- "notice-1600": "light-dark(rgb(25, 8, 0), rgb(255, 255, 255))",
387
- "positive-100": "light-dark(rgb(237, 252, 241), rgb(0, 30, 23))",
388
- "positive-200": "light-dark(rgb(215, 247, 225), rgb(0, 38, 29))",
389
- "positive-300": "light-dark(rgb(173, 238, 197), rgb(0, 51, 38))",
390
- "positive-400": "light-dark(rgb(107, 227, 162), rgb(0, 68, 48))",
391
- "positive-500": "light-dark(rgb(43, 209, 125), rgb(2, 87, 58))",
392
- "positive-600": "light-dark(rgb(18, 184, 103), rgb(3, 106, 67))",
393
- "positive-700": "light-dark(rgb(11, 164, 93), rgb(4, 124, 75))",
394
- "positive-800": "light-dark(rgb(7, 147, 85), rgb(6, 140, 82))",
395
- "positive-900": "light-dark(rgb(5, 131, 78), rgb(9, 157, 89))",
396
- "positive-1000": "light-dark(rgb(3, 110, 69), rgb(14, 175, 98))",
397
- "positive-1100": "light-dark(rgb(2, 93, 60), rgb(24, 193, 110))",
398
- "positive-1200": "light-dark(rgb(1, 76, 52), rgb(57, 215, 134))",
399
- "positive-1300": "light-dark(rgb(0, 61, 44), rgb(126, 231, 172))",
400
- "positive-1400": "light-dark(rgb(0, 46, 34), rgb(189, 241, 208))",
401
- "positive-1500": "light-dark(rgb(0, 33, 25), rgb(229, 250, 236))",
402
- "positive-1600": "light-dark(rgb(0, 15, 12), rgb(255, 255, 255))",
403
- "transparent-white-25": "rgba(255, 255, 255, 0)",
404
- "transparent-white-50": "rgba(255, 255, 255, 0.04)",
405
- "transparent-white-75": "rgba(255, 255, 255, 0.07)",
406
- "transparent-white-100": "rgba(255, 255, 255, 0.11)",
407
- "transparent-white-200": "rgba(255, 255, 255, 0.14)",
408
- "transparent-white-300": "rgba(255, 255, 255, 0.17)",
409
- "transparent-white-400": "rgba(255, 255, 255, 0.21)",
410
- "transparent-white-500": "rgba(255, 255, 255, 0.39)",
411
- "transparent-white-600": "rgba(255, 255, 255, 0.51)",
412
- "transparent-white-700": "rgba(255, 255, 255, 0.66)",
413
- "transparent-white-800": "rgba(255, 255, 255, 0.85)",
414
- "transparent-white-900": "rgba(255, 255, 255, 0.94)",
415
- "transparent-white-1000": "rgb(255, 255, 255)",
416
- "transparent-black-25": "rgba(0, 0, 0, 0)",
417
- "transparent-black-50": "rgba(0, 0, 0, 0.03)",
418
- "transparent-black-75": "rgba(0, 0, 0, 0.05)",
419
- "transparent-black-100": "rgba(0, 0, 0, 0.09)",
420
- "transparent-black-200": "rgba(0, 0, 0, 0.12)",
421
- "transparent-black-300": "rgba(0, 0, 0, 0.15)",
422
- "transparent-black-400": "rgba(0, 0, 0, 0.22)",
423
- "transparent-black-500": "rgba(0, 0, 0, 0.44)",
424
- "transparent-black-600": "rgba(0, 0, 0, 0.56)",
425
- "transparent-black-700": "rgba(0, 0, 0, 0.69)",
426
- "transparent-black-800": "rgba(0, 0, 0, 0.84)",
427
- "transparent-black-900": "rgba(0, 0, 0, 0.93)",
428
- "transparent-black-1000": "rgb(0, 0, 0)",
429
- // High contrast mode.
430
- Background: 'Background',
431
- ButtonBorder: 'ButtonBorder',
432
- ButtonFace: 'ButtonFace',
433
- ButtonText: 'ButtonText',
434
- Field: 'Field',
435
- Highlight: 'Highlight',
436
- HighlightText: 'HighlightText',
437
- GrayText: 'GrayText',
438
- Mark: 'Mark',
439
- LinkText: 'LinkText'
440
- };
441
- function $468034641bb536ce$export$49bbad2a916ab57c(base) {
442
- let keys = Object.keys($468034641bb536ce$var$color);
443
- let index = keys.indexOf(base);
444
- if (index === -1) throw new Error('Invalid base color ' + base);
445
- return {
446
- default: base,
447
- isHovered: keys[index + 1],
448
- isFocusVisible: keys[index + 1],
449
- isPressed: keys[index + 1]
450
- };
451
- }
452
- function $468034641bb536ce$export$d19e682d444755ed(light, dark) {
453
- let [lightColorValue, lightOpacity] = light.split('/');
454
- let [darkColorValue, darkOpacity] = dark.split('/');
455
- let lightColor = $468034641bb536ce$var$color[lightColorValue];
456
- let darkColor = $468034641bb536ce$var$color[darkColorValue];
457
- if (lightOpacity) lightColor = `rgb(from ${lightColor} r g b / ${lightOpacity}%)`;
458
- if (darkOpacity) darkColor = `rgb(from ${darkColor} r g b / ${darkOpacity}%)`;
459
- return `[light-dark(${lightColor}, ${darkColor})]`;
460
- }
461
- function $468034641bb536ce$var$generateSpacing(px) {
462
- let res = {};
463
- for (let p of px)res[p] = $468034641bb536ce$var$pxToRem(p);
464
- return res;
465
- }
466
- const $468034641bb536ce$var$baseSpacing = $468034641bb536ce$var$generateSpacing([
467
- 0,
468
- 2,
469
- 4,
470
- 8,
471
- 12,
472
- 16,
473
- 20,
474
- 24,
475
- 28,
476
- 32,
477
- 36,
478
- 40,
479
- 44,
480
- 48,
481
- 56,
482
- // From here onward the values are mostly spaced by 1rem (16px)
483
- 64,
484
- 80,
485
- 96,
486
- // TODO: should these only be available as sizes rather than spacing?
487
- 112,
488
- 128,
489
- 144,
490
- 160,
491
- 176,
492
- 192,
493
- 208,
494
- 224,
495
- 240,
496
- 256,
497
- 288,
498
- 320,
499
- 384
500
- ]);
501
- // This should match the above, but negative. There's no way to negate a number
502
- // type in typescript so this has to be done manually for now.
503
- const $468034641bb536ce$var$negativeSpacing = $468034641bb536ce$var$generateSpacing([
504
- // -2, // spacing-50 !! TODO: should we support this?
505
- -4,
506
- -8,
507
- -12,
508
- -16,
509
- -20,
510
- -24,
511
- -28,
512
- -32,
513
- -36,
514
- -40,
515
- -44,
516
- -48,
517
- -56,
518
- // From here onward the values are mostly spaced by 1rem (16px)
519
- -64,
520
- -80,
521
- -96,
522
- // TODO: should these only be available as sizes rather than spacing?
523
- -112,
524
- -128,
525
- -144,
526
- -160,
527
- -176,
528
- -192,
529
- -208,
530
- -224,
531
- -240,
532
- -256,
533
- -288,
534
- -320,
535
- -384
536
- ]);
537
- function $468034641bb536ce$var$arbitrary(ctx, value) {
538
- return ctx ? `[${value}]` : value;
539
- }
540
- function $468034641bb536ce$export$ba024f4caf693d15(base, baseFontSize = 14) {
541
- return $468034641bb536ce$var$arbitrary(this, base / baseFontSize + 'em');
542
- }
543
- function $468034641bb536ce$export$17b63977b35bb6d2(height) {
544
- return `calc(${$468034641bb536ce$var$baseSpacing[height]} * 3 / 8)`;
545
- }
546
- function $468034641bb536ce$export$a941ed4b947d12f8(px) {
547
- return $468034641bb536ce$var$arbitrary(this, $468034641bb536ce$var$pxToRem(px));
548
- }
549
- const $468034641bb536ce$var$spacing = {
550
- ...$468034641bb536ce$var$baseSpacing,
551
- // font-size relative values
552
- 'text-to-control': $468034641bb536ce$export$ba024f4caf693d15(10),
553
- 'text-to-visual': {
554
- default: $468034641bb536ce$export$ba024f4caf693d15(6),
555
- touch: $468034641bb536ce$export$ba024f4caf693d15(8, 17) // -> 6px, 7px, 8px, 9px, 10px, should be 7px, 7px, 8px, 9px, 11px
556
- },
557
- // height relative values
558
- 'edge-to-text': 'calc(self(height, self(minHeight)) * 3 / 8)',
559
- 'pill': 'calc(self(height, self(minHeight)) / 2)'
560
- };
561
- function $468034641bb536ce$export$346677f925de839c(px) {
562
- return {
563
- default: $468034641bb536ce$var$arbitrary(this, $468034641bb536ce$var$pxToRem(px)),
564
- touch: $468034641bb536ce$var$arbitrary(this, $468034641bb536ce$var$pxToRem(px * 1.25))
565
- };
566
- }
567
- const $468034641bb536ce$var$scaledSpacing = Object.fromEntries(Object.entries($468034641bb536ce$var$baseSpacing).map(([k, v])=>[
568
- k,
569
- {
570
- default: v,
571
- touch: parseFloat(v) * 1.25 + v.match(/[^0-9.]+/)[0]
572
- }
573
- ]));
574
- const $468034641bb536ce$var$sizing = {
575
- ...$468034641bb536ce$var$scaledSpacing,
576
- auto: 'auto',
577
- full: '100%',
578
- min: 'min-content',
579
- max: 'max-content',
580
- fit: 'fit-content',
581
- control: {
582
- default: $468034641bb536ce$export$346677f925de839c(32),
583
- size: {
584
- XS: $468034641bb536ce$export$346677f925de839c(20),
585
- S: $468034641bb536ce$export$346677f925de839c(24),
586
- L: $468034641bb536ce$export$346677f925de839c(40),
587
- XL: $468034641bb536ce$export$346677f925de839c(48)
588
- }
589
- },
590
- // With browser support for round() we could do this:
591
- // 'control-sm': `round(${16 / 14}em, 2px)`
592
- 'control-sm': {
593
- default: $468034641bb536ce$export$346677f925de839c(16),
594
- size: {
595
- S: $468034641bb536ce$export$346677f925de839c(14),
596
- L: $468034641bb536ce$export$346677f925de839c(18),
597
- XL: $468034641bb536ce$export$346677f925de839c(20)
598
- }
599
- }
600
- };
601
- const $468034641bb536ce$var$height = {
602
- ...$468034641bb536ce$var$sizing,
603
- screen: '100vh'
604
- };
605
- const $468034641bb536ce$var$width = {
606
- ...$468034641bb536ce$var$sizing,
607
- screen: '100vw'
608
- };
609
- const $468034641bb536ce$var$margin = {
610
- ...$468034641bb536ce$var$spacing,
611
- ...$468034641bb536ce$var$negativeSpacing,
612
- auto: 'auto'
613
- };
614
- const $468034641bb536ce$var$inset = {
615
- ...$468034641bb536ce$var$baseSpacing,
616
- auto: 'auto',
617
- full: '100%'
618
- };
619
- const $468034641bb536ce$var$translate = {
620
- ...$468034641bb536ce$var$baseSpacing,
621
- ...$468034641bb536ce$var$negativeSpacing,
622
- full: '100%'
623
- };
624
- const $468034641bb536ce$var$borderWidth = {
625
- 0: '0px',
626
- 1: "1px",
627
- 2: "2px",
628
- 4: "4px"
629
- };
630
- const $468034641bb536ce$var$radius = {
631
- none: "0px",
632
- sm: $468034641bb536ce$var$pxToRem("4px"),
633
- default: $468034641bb536ce$var$pxToRem("8px"),
634
- lg: $468034641bb536ce$var$pxToRem("10px"),
635
- xl: $468034641bb536ce$var$pxToRem("16px"),
636
- full: '9999px',
637
- pill: 'calc(self(height, self(minHeight, 9999px)) / 2)',
638
- control: $468034641bb536ce$export$ba024f4caf693d15(8),
639
- 'control-sm': $468034641bb536ce$export$ba024f4caf693d15(4)
640
- };
641
- let $468034641bb536ce$var$gridTrack = (value)=>{
642
- if (typeof value === 'string') return value;
643
- return value.map((v)=>$468034641bb536ce$var$gridTrackSize(v)).join(' ');
644
- };
645
- let $468034641bb536ce$var$gridTrackSize = (value)=>{
646
- // @ts-ignore
647
- return value in $468034641bb536ce$var$baseSpacing ? $468034641bb536ce$var$baseSpacing[value] : value;
648
- };
649
- const $468034641bb536ce$var$transitionProperty = {
650
- default: 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter',
651
- colors: 'color, background-color, border-color, text-decoration-color, fill, stroke',
652
- opacity: 'opacity',
653
- shadow: 'box-shadow',
654
- transform: 'transform, translate, scale, rotate',
655
- all: 'all',
656
- none: 'none'
657
- };
658
- // TODO
659
- const $468034641bb536ce$var$timingFunction = {
660
- default: 'cubic-bezier(0.45, 0, 0.4, 1)',
661
- linear: 'linear',
662
- in: 'cubic-bezier(0.5, 0, 1, 1)',
663
- out: 'cubic-bezier(0, 0, 0.40, 1)',
664
- 'in-out': 'cubic-bezier(0.45, 0, 0.4, 1)'
665
- };
666
- // TODO: do these need tokens or are arbitrary values ok?
667
- let $468034641bb536ce$var$durationProperty = (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)((value, property)=>({
668
- [property]: typeof value === 'number' ? value + 'ms' : value
669
- }));
670
- // const colorWithAlpha = createColorProperty(color);
671
- const $468034641bb536ce$var$fontWeightBase = {
672
- light: '300',
673
- // TODO: spectrum calls this "regular" but CSS calls it "normal". We also call other properties "default". What do we want to match?
674
- normal: '400',
675
- medium: '500',
676
- bold: '700',
677
- 'extra-bold': '800',
678
- black: '900'
679
- };
680
- const $468034641bb536ce$var$i18nFonts = {
681
- ':lang(ar)': 'myriad-arabic, ui-sans-serif, system-ui, sans-serif',
682
- ':lang(he)': 'myriad-hebrew, ui-sans-serif, system-ui, sans-serif',
683
- ':lang(ja)': "adobe-clean-han-japanese, 'Hiragino Kaku Gothic ProN', '\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4 ProN W3', Osaka, YuGothic, 'Yu Gothic', '\u30E1\u30A4\u30EA\u30AA', Meiryo, '\uFF2D\uFF33 \uFF30\u30B4\u30B7\u30C3\u30AF', 'MS PGothic', sans-serif",
684
- ':lang(ko)': "adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', sans-serif",
685
- ':lang(zh)': "adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', sans-serif",
686
- // TODO: are these fallbacks supposed to be different than above?
687
- ':lang(zh-hant)': "adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Microsoft JhengHei UI', 'Microsoft JhengHei', 'Heiti TC Light', sans-serif",
688
- ':lang(zh-Hans, zh-CN, zh-SG)': "adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', sans-serif"
689
- };
690
- const $468034641bb536ce$var$fontSize = {
691
- // The default font size scale is for use within UI components.
692
- 'ui-xs': {
693
- "default": "0.6875rem",
694
- touch: "0.8125rem"
695
- },
696
- 'ui-sm': {
697
- "default": "0.75rem",
698
- touch: "0.9375rem"
699
- },
700
- ui: {
701
- "default": "0.875rem",
702
- touch: "1.0625rem"
703
- },
704
- 'ui-lg': {
705
- "default": "1rem",
706
- touch: "1.1875rem"
707
- },
708
- 'ui-xl': {
709
- "default": "1.125rem",
710
- touch: "1.375rem"
711
- },
712
- 'ui-2xl': {
713
- "default": "1.25rem",
714
- touch: "1.5rem"
715
- },
716
- 'ui-3xl': {
717
- "default": "1.375rem",
718
- touch: "1.6875rem"
719
- },
720
- control: {
721
- default: {
722
- "default": "0.875rem",
723
- touch: "1.0625rem"
724
- },
725
- size: {
726
- XS: {
727
- "default": "0.6875rem",
728
- touch: "0.8125rem"
729
- },
730
- S: {
731
- "default": "0.75rem",
732
- touch: "0.9375rem"
733
- },
734
- L: {
735
- "default": "1rem",
736
- touch: "1.1875rem"
737
- },
738
- XL: {
739
- "default": "1.125rem",
740
- touch: "1.375rem"
741
- }
742
- }
743
- },
744
- 'heading-2xs': {
745
- "default": "0.875rem",
746
- touch: "1.0625rem"
747
- },
748
- 'heading-xs': {
749
- "default": "1rem",
750
- touch: "1.1875rem"
751
- },
752
- 'heading-sm': {
753
- "default": "1.125rem",
754
- touch: "1.375rem"
755
- },
756
- heading: {
757
- "default": "1.375rem",
758
- touch: "1.6875rem"
759
- },
760
- 'heading-lg': {
761
- "default": "1.75rem",
762
- touch: "2.125rem"
763
- },
764
- 'heading-xl': {
765
- "default": "2.25rem",
766
- touch: "2.75rem"
767
- },
768
- 'heading-2xl': {
769
- "default": "2.8125rem",
770
- touch: "3.4375rem"
771
- },
772
- 'heading-3xl': {
773
- "default": "3.75rem",
774
- touch: "4.375rem"
775
- },
776
- 'title-xs': {
777
- "default": "0.75rem",
778
- touch: "0.9375rem"
779
- },
780
- 'title-sm': {
781
- "default": "0.875rem",
782
- touch: "1.0625rem"
783
- },
784
- title: {
785
- "default": "1rem",
786
- touch: "1.1875rem"
787
- },
788
- 'title-lg': {
789
- "default": "1.125rem",
790
- touch: "1.375rem"
791
- },
792
- 'title-xl': {
793
- "default": "1.25rem",
794
- touch: "1.5rem"
795
- },
796
- 'title-2xl': {
797
- "default": "1.375rem",
798
- touch: "1.6875rem"
799
- },
800
- 'title-3xl': {
801
- "default": "1.5625rem",
802
- touch: "1.9375rem"
803
- },
804
- // Body is for large blocks of text, e.g. paragraphs, not in UI components.
805
- 'body-2xs': {
806
- "default": "0.6875rem",
807
- touch: "0.8125rem"
808
- },
809
- 'body-xs': {
810
- "default": "0.75rem",
811
- touch: "0.9375rem"
812
- },
813
- 'body-sm': {
814
- "default": "0.875rem",
815
- touch: "1.0625rem"
816
- },
817
- body: {
818
- "default": "1rem",
819
- touch: "1.1875rem"
820
- },
821
- 'body-lg': {
822
- "default": "1.125rem",
823
- touch: "1.375rem"
824
- },
825
- 'body-xl': {
826
- "default": "1.25rem",
827
- touch: "1.5rem"
828
- },
829
- 'body-2xl': {
830
- "default": "1.375rem",
831
- touch: "1.6875rem"
832
- },
833
- 'body-3xl': {
834
- "default": "1.5625rem",
835
- touch: "1.9375rem"
836
- },
837
- 'detail-sm': {
838
- "default": "0.6875rem",
839
- touch: "0.8125rem"
840
- },
841
- detail: {
842
- "default": "0.75rem",
843
- touch: "0.9375rem"
844
- },
845
- 'detail-lg': {
846
- "default": "0.875rem",
847
- touch: "1.0625rem"
848
- },
849
- 'detail-xl': {
850
- "default": "1rem",
851
- touch: "1.1875rem"
852
- },
853
- 'code-xs': {
854
- "default": "0.75rem",
855
- touch: "0.9375rem"
856
- },
857
- 'code-sm': {
858
- "default": "0.875rem",
859
- touch: "1.0625rem"
860
- },
861
- code: {
862
- "default": "1rem",
863
- touch: "1.1875rem"
864
- },
865
- 'code-lg': {
866
- "default": "1.125rem",
867
- touch: "1.375rem"
868
- },
869
- 'code-xl': {
870
- "default": "1.25rem",
871
- touch: "1.5rem"
872
- }
873
- };
874
- const $468034641bb536ce$export$1d567c320f4763bc = (0, $a42cf657cdea7060$export$25d302a5b900a763)({
875
- properties: {
876
- // colors
877
- color: (0, $a42cf657cdea7060$export$852145629bb0d58b)({
878
- ...$468034641bb536ce$var$color,
879
- accent: {
880
- default: "light-dark(rgb(59, 99, 251), rgb(86, 129, 255))",
881
- isHovered: "light-dark(rgb(39, 77, 234), rgb(105, 149, 254))",
882
- isFocusVisible: "light-dark(rgb(39, 77, 234), rgb(105, 149, 254))",
883
- isPressed: "light-dark(rgb(39, 77, 234), rgb(105, 149, 254))"
884
- },
885
- neutral: {
886
- default: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))",
887
- isHovered: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
888
- isFocusVisible: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
889
- isPressed: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))"
890
- },
891
- 'neutral-subdued': {
892
- default: "light-dark(rgb(80, 80, 80), rgb(175, 175, 175))",
893
- isHovered: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))",
894
- isFocusVisible: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))",
895
- isPressed: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))"
896
- },
897
- negative: {
898
- default: "light-dark(rgb(215, 50, 32), rgb(252, 67, 46))",
899
- isHovered: "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))",
900
- isFocusVisible: "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))",
901
- isPressed: "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))"
902
- },
903
- disabled: {
904
- default: "light-dark(rgb(198, 198, 198), rgb(68, 68, 68))"
905
- },
906
- heading: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
907
- title: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
908
- body: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))",
909
- detail: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
910
- code: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))"
911
- }),
912
- backgroundColor: (0, $a42cf657cdea7060$export$852145629bb0d58b)({
913
- ...$468034641bb536ce$var$color,
914
- accent: {
915
- default: "light-dark(rgb(59, 99, 251), rgb(52, 91, 248))",
916
- isHovered: "light-dark(rgb(39, 77, 234), rgb(37, 73, 229))",
917
- isFocusVisible: "light-dark(rgb(39, 77, 234), rgb(37, 73, 229))",
918
- isPressed: "light-dark(rgb(39, 77, 234), rgb(37, 73, 229))"
919
- },
920
- neutral: {
921
- default: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))",
922
- isHovered: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
923
- isFocusVisible: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
924
- isPressed: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))"
925
- },
926
- 'neutral-subdued': {
927
- default: "light-dark(rgb(80, 80, 80), rgb(109, 109, 109))",
928
- isHovered: "light-dark(rgb(41, 41, 41), rgb(68, 68, 68))",
929
- isFocusVisible: "light-dark(rgb(41, 41, 41), rgb(68, 68, 68))",
930
- isPressed: "light-dark(rgb(41, 41, 41), rgb(68, 68, 68))"
931
- },
932
- 'neutral-subtle': "light-dark(rgb(233, 233, 233), rgb(44, 44, 44))",
933
- negative: {
934
- default: "light-dark(rgb(215, 50, 32), rgb(205, 46, 29))",
935
- isHovered: "light-dark(rgb(183, 40, 24), rgb(177, 38, 23))",
936
- isFocusVisible: "light-dark(rgb(183, 40, 24), rgb(177, 38, 23))",
937
- isPressed: "light-dark(rgb(183, 40, 24), rgb(177, 38, 23))"
938
- },
939
- 'negative-subtle': "light-dark(rgb(255, 235, 232), rgb(68, 13, 5))",
940
- informative: {
941
- default: "light-dark(rgb(59, 99, 251), rgb(52, 91, 248))",
942
- isHovered: "light-dark(rgb(39, 77, 234), rgb(37, 73, 229))",
943
- isFocusVisible: "light-dark(rgb(39, 77, 234), rgb(37, 73, 229))",
944
- isPressed: "light-dark(rgb(39, 77, 234), rgb(37, 73, 229))"
945
- },
946
- 'informative-subtle': "light-dark(rgb(229, 240, 254), rgb(15, 28, 82))",
947
- positive: {
948
- default: "light-dark(rgb(5, 131, 78), rgb(4, 124, 75))",
949
- isHovered: "light-dark(rgb(3, 110, 69), rgb(3, 106, 67))",
950
- isFocusVisible: "light-dark(rgb(3, 110, 69), rgb(3, 106, 67))",
951
- isPressed: "light-dark(rgb(3, 110, 69), rgb(3, 106, 67))"
952
- },
953
- 'positive-subtle': "light-dark(rgb(215, 247, 225), rgb(0, 38, 29))",
954
- notice: "light-dark(rgb(252, 125, 0), rgb(224, 100, 0))",
955
- 'notice-subtle': "light-dark(rgb(255, 236, 207), rgb(61, 21, 0))",
956
- gray: "light-dark(rgb(80, 80, 80), rgb(109, 109, 109))",
957
- red: "light-dark(rgb(215, 50, 32), rgb(205, 46, 29))",
958
- orange: "light-dark(rgb(252, 125, 0), rgb(224, 100, 0))",
959
- yellow: "light-dark(rgb(245, 199, 0), rgb(218, 159, 0))",
960
- chartreuse: "light-dark(rgb(163, 196, 0), rgb(136, 164, 0))",
961
- celery: "light-dark(rgb(93, 180, 31), rgb(78, 154, 23))",
962
- green: "light-dark(rgb(5, 131, 78), rgb(4, 124, 75))",
963
- seafoam: "light-dark(rgb(7, 129, 109), rgb(6, 122, 103))",
964
- cyan: "light-dark(rgb(11, 120, 179), rgb(8, 115, 168))",
965
- blue: "light-dark(rgb(59, 99, 251), rgb(52, 91, 248))",
966
- indigo: "light-dark(rgb(113, 85, 250), rgb(109, 75, 248))",
967
- purple: "light-dark(rgb(154, 71, 226), rgb(148, 62, 224))",
968
- fuchsia: "light-dark(rgb(181, 57, 200), rgb(173, 51, 192))",
969
- magenta: "light-dark(rgb(217, 35, 97), rgb(207, 31, 92))",
970
- pink: "light-dark(rgb(206, 42, 146), rgb(196, 39, 138))",
971
- turquoise: "light-dark(rgb(8, 126, 137), rgb(7, 120, 131))",
972
- cinnamon: "light-dark(rgb(170, 94, 56), rgb(163, 88, 52))",
973
- brown: "light-dark(rgb(139, 109, 66), rgb(132, 104, 61))",
974
- silver: "light-dark(rgb(114, 114, 114), rgb(108, 108, 108))",
975
- disabled: "light-dark(rgb(233, 233, 233), rgb(44, 44, 44))",
976
- base: "light-dark(rgb(255, 255, 255), rgb(17, 17, 17))",
977
- 'layer-1': "light-dark(rgb(248, 248, 248), rgb(27, 27, 27))",
978
- 'layer-2': "light-dark(rgb(255, 255, 255), rgb(34, 34, 34))",
979
- pasteboard: "light-dark(rgb(233, 233, 233), rgb(17, 17, 17))",
980
- elevated: "light-dark(rgb(255, 255, 255), rgb(34, 34, 34))"
981
- }),
982
- borderColor: (0, $a42cf657cdea7060$export$852145629bb0d58b)({
983
- ...$468034641bb536ce$var$color,
984
- negative: {
985
- default: "light-dark(rgb(215, 50, 32), rgb(252, 67, 46))",
986
- isHovered: "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))",
987
- isFocusVisible: "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))",
988
- isPressed: "light-dark(rgb(156, 33, 19), rgb(255, 134, 120))"
989
- },
990
- disabled: "light-dark(rgb(218, 218, 218), rgb(57, 57, 57))"
991
- }),
992
- outlineColor: (0, $a42cf657cdea7060$export$852145629bb0d58b)({
993
- ...$468034641bb536ce$var$color,
994
- 'focus-ring': {
995
- default: "light-dark(rgb(75, 117, 255), rgb(69, 110, 254))",
996
- forcedColors: 'Highlight'
997
- }
998
- }),
999
- // textDecorationColor: colorWithAlpha,
1000
- // accentColor: colorWithAlpha,
1001
- // caretColor: colorWithAlpha,
1002
- fill: (0, $a42cf657cdea7060$export$852145629bb0d58b)({
1003
- none: 'none',
1004
- currentColor: 'currentColor',
1005
- accent: "light-dark(rgb(75, 117, 255), rgb(86, 129, 255))",
1006
- neutral: "light-dark(rgb(143, 143, 143), rgb(138, 138, 138))",
1007
- negative: "light-dark(rgb(240, 56, 35), rgb(205, 46, 29))",
1008
- informative: "light-dark(rgb(75, 117, 255), rgb(86, 129, 255))",
1009
- positive: "light-dark(rgb(11, 164, 93), rgb(6, 140, 82))",
1010
- notice: "light-dark(rgb(232, 106, 0), rgb(224, 100, 0))",
1011
- gray: "light-dark(rgb(143, 143, 143), rgb(138, 138, 138))",
1012
- red: "light-dark(rgb(240, 56, 35), rgb(205, 46, 29))",
1013
- orange: "light-dark(rgb(232, 106, 0), rgb(224, 100, 0))",
1014
- yellow: "light-dark(rgb(210, 149, 0), rgb(218, 159, 0))",
1015
- chartreuse: "light-dark(rgb(143, 172, 0), rgb(122, 147, 0))",
1016
- celery: "light-dark(rgb(82, 161, 25), rgb(69, 138, 19))",
1017
- green: "light-dark(rgb(11, 164, 93), rgb(6, 140, 82))",
1018
- seafoam: "light-dark(rgb(11, 162, 134), rgb(8, 138, 116))",
1019
- cyan: "light-dark(rgb(48, 167, 254), rgb(24, 142, 220))",
1020
- blue: "light-dark(rgb(75, 117, 255), rgb(86, 129, 255))",
1021
- indigo: "light-dark(rgb(122, 106, 253), rgb(128, 119, 254))",
1022
- purple: "light-dark(rgb(166, 92, 231), rgb(173, 105, 233))",
1023
- fuchsia: "light-dark(rgb(200, 68, 220), rgb(213, 73, 235))",
1024
- magenta: "light-dark(rgb(240, 45, 110), rgb(255, 51, 119))",
1025
- pink: "light-dark(rgb(228, 52, 163), rgb(236, 67, 175))",
1026
- turquoise: "light-dark(rgb(10, 141, 153), rgb(11, 151, 164))",
1027
- cinnamon: "light-dark(rgb(184, 109, 70), rgb(192, 119, 80))",
1028
- brown: "light-dark(rgb(154, 123, 77), rgb(163, 132, 84))",
1029
- silver: "light-dark(rgb(128, 128, 128), rgb(137, 137, 137))",
1030
- ...$468034641bb536ce$var$color
1031
- }),
1032
- stroke: (0, $a42cf657cdea7060$export$852145629bb0d58b)({
1033
- none: 'none',
1034
- currentColor: 'currentColor',
1035
- ...$468034641bb536ce$var$color
1036
- }),
1037
- // dimensions
1038
- borderSpacing: $468034641bb536ce$var$baseSpacing,
1039
- flexBasis: {
1040
- auto: 'auto',
1041
- full: '100%',
1042
- ...$468034641bb536ce$var$baseSpacing
1043
- },
1044
- rowGap: $468034641bb536ce$var$spacing,
1045
- columnGap: $468034641bb536ce$var$spacing,
1046
- height: $468034641bb536ce$var$height,
1047
- width: $468034641bb536ce$var$width,
1048
- containIntrinsicWidth: $468034641bb536ce$var$width,
1049
- containIntrinsicHeight: $468034641bb536ce$var$height,
1050
- minHeight: $468034641bb536ce$var$height,
1051
- maxHeight: {
1052
- ...$468034641bb536ce$var$height,
1053
- none: 'none'
1054
- },
1055
- minWidth: $468034641bb536ce$var$width,
1056
- maxWidth: {
1057
- ...$468034641bb536ce$var$width,
1058
- none: 'none'
1059
- },
1060
- borderStartWidth: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('borderInlineStartWidth', $468034641bb536ce$var$borderWidth),
1061
- borderEndWidth: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('borderInlineEndWidth', $468034641bb536ce$var$borderWidth),
1062
- borderTopWidth: $468034641bb536ce$var$borderWidth,
1063
- borderBottomWidth: $468034641bb536ce$var$borderWidth,
1064
- borderStyle: [
1065
- 'solid',
1066
- 'dashed',
1067
- 'dotted',
1068
- 'double',
1069
- 'hidden',
1070
- 'none'
1071
- ],
1072
- strokeWidth: {
1073
- 0: '0',
1074
- 1: '1',
1075
- 2: '2'
1076
- },
1077
- marginStart: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('marginInlineStart', $468034641bb536ce$var$margin),
1078
- marginEnd: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('marginInlineEnd', $468034641bb536ce$var$margin),
1079
- marginTop: $468034641bb536ce$var$margin,
1080
- marginBottom: $468034641bb536ce$var$margin,
1081
- paddingStart: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('paddingInlineStart', $468034641bb536ce$var$spacing),
1082
- paddingEnd: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('paddingInlineEnd', $468034641bb536ce$var$spacing),
1083
- paddingTop: $468034641bb536ce$var$spacing,
1084
- paddingBottom: $468034641bb536ce$var$spacing,
1085
- scrollMarginStart: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('scrollMarginInlineStart', $468034641bb536ce$var$baseSpacing),
1086
- scrollMarginEnd: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('scrollMarginInlineEnd', $468034641bb536ce$var$baseSpacing),
1087
- scrollMarginTop: $468034641bb536ce$var$baseSpacing,
1088
- scrollMarginBottom: $468034641bb536ce$var$baseSpacing,
1089
- scrollPaddingStart: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('scrollPaddingInlineStart', $468034641bb536ce$var$baseSpacing),
1090
- scrollPaddingEnd: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('scrollPaddingInlineEnd', $468034641bb536ce$var$baseSpacing),
1091
- scrollPaddingTop: $468034641bb536ce$var$baseSpacing,
1092
- scrollPaddingBottom: $468034641bb536ce$var$baseSpacing,
1093
- textIndent: $468034641bb536ce$var$baseSpacing,
1094
- translateX: (0, $a42cf657cdea7060$export$40f4ff17b27355ab)((value)=>({
1095
- '--translateX': value,
1096
- translate: 'var(--translateX, 0) var(--translateY, 0)'
1097
- }), $468034641bb536ce$var$translate),
1098
- translateY: (0, $a42cf657cdea7060$export$40f4ff17b27355ab)((value)=>({
1099
- '--translateY': value,
1100
- translate: 'var(--translateX, 0) var(--translateY, 0)'
1101
- }), $468034641bb536ce$var$translate),
1102
- rotate: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)((value, property)=>({
1103
- [property]: typeof value === 'number' ? `${value}deg` : value
1104
- })),
1105
- scale: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)(),
1106
- transform: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)(),
1107
- position: [
1108
- 'absolute',
1109
- 'fixed',
1110
- 'relative',
1111
- 'sticky',
1112
- 'static'
1113
- ],
1114
- insetStart: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('insetInlineStart', $468034641bb536ce$var$inset),
1115
- insetEnd: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('insetInlineEnd', $468034641bb536ce$var$inset),
1116
- top: $468034641bb536ce$var$inset,
1117
- left: $468034641bb536ce$var$inset,
1118
- bottom: $468034641bb536ce$var$inset,
1119
- right: $468034641bb536ce$var$inset,
1120
- aspectRatio: {
1121
- auto: 'auto',
1122
- square: '1 / 1',
1123
- video: '16 / 9'
1124
- },
1125
- // text
1126
- fontFamily: {
1127
- sans: {
1128
- default: 'adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif',
1129
- ...$468034641bb536ce$var$i18nFonts
1130
- },
1131
- serif: {
1132
- default: 'adobe-clean-serif, "Source Serif", Georgia, serif',
1133
- ...$468034641bb536ce$var$i18nFonts
1134
- },
1135
- code: 'source-code-pro, "Source Code Pro", Monaco, monospace'
1136
- },
1137
- fontSize: $468034641bb536ce$var$fontSize,
1138
- fontWeight: (0, $a42cf657cdea7060$export$40f4ff17b27355ab)((value, property)=>{
1139
- if (property === 'fontWeight') return {
1140
- // Set font-variation-settings in addition to font-weight to work around typekit issue.
1141
- fontVariationSettings: value === 'inherit' ? 'inherit' : `"wght" ${value}`,
1142
- fontWeight: value,
1143
- fontSynthesisWeight: 'none'
1144
- };
1145
- return {
1146
- [property]: value
1147
- };
1148
- }, {
1149
- ...$468034641bb536ce$var$fontWeightBase,
1150
- heading: {
1151
- default: $468034641bb536ce$var$fontWeightBase["bold"],
1152
- ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $468034641bb536ce$var$fontWeightBase["extra-bold"]
1153
- },
1154
- title: {
1155
- default: $468034641bb536ce$var$fontWeightBase["bold"],
1156
- ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $468034641bb536ce$var$fontWeightBase["bold"]
1157
- },
1158
- detail: {
1159
- default: $468034641bb536ce$var$fontWeightBase["bold"],
1160
- ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $468034641bb536ce$var$fontWeightBase["extra-bold"]
1161
- }
1162
- }),
1163
- lineHeight: {
1164
- // See https://spectrum.corp.adobe.com/page/typography/#Line-height
1165
- ui: {
1166
- default: "1.3",
1167
- ':lang(ja, ko, zh, zh-Hant, zh-Hans)': "1.5"
1168
- },
1169
- heading: {
1170
- default: "1.3",
1171
- ':lang(ja, ko, zh, zh-Hant, zh-Hans)': "1.5"
1172
- },
1173
- title: {
1174
- default: "1.3",
1175
- ':lang(ja, ko, zh, zh-Hant, zh-Hans)': "1.5"
1176
- },
1177
- body: {
1178
- default: "1.5",
1179
- ':lang(ja, ko, zh, zh-Hant, zh-Hans)': "1.7"
1180
- },
1181
- detail: {
1182
- default: "1.3",
1183
- ':lang(ja, ko, zh, zh-Hant, zh-Hans)': "1.5"
1184
- },
1185
- code: {
1186
- default: "1.5",
1187
- ':lang(ja, ko, zh, zh-Hant, zh-Hans)': "1.7"
1188
- }
1189
- },
1190
- listStyleType: [
1191
- 'none',
1192
- 'dist',
1193
- 'decimal'
1194
- ],
1195
- listStylePosition: [
1196
- 'inside',
1197
- 'outside'
1198
- ],
1199
- textTransform: [
1200
- 'uppercase',
1201
- 'lowercase',
1202
- 'capitalize',
1203
- 'none'
1204
- ],
1205
- textAlign: [
1206
- 'start',
1207
- 'center',
1208
- 'end',
1209
- 'justify'
1210
- ],
1211
- verticalAlign: [
1212
- 'baseline',
1213
- 'top',
1214
- 'middle',
1215
- 'bottom',
1216
- 'text-top',
1217
- 'text-bottom',
1218
- 'sub',
1219
- 'super'
1220
- ],
1221
- textDecoration: (0, $a42cf657cdea7060$export$40f4ff17b27355ab)((value)=>({
1222
- textDecoration: value === 'none' ? 'none' : `${value} ${"1px"}`,
1223
- textUnderlineOffset: value === 'underline' ? "1px" : undefined
1224
- }), [
1225
- 'underline',
1226
- 'overline',
1227
- 'line-through',
1228
- 'none'
1229
- ]),
1230
- textOverflow: [
1231
- 'ellipsis',
1232
- 'clip'
1233
- ],
1234
- lineClamp: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)((value)=>({
1235
- overflow: 'hidden',
1236
- display: '-webkit-box',
1237
- '-webkit-box-orient': 'vertical',
1238
- '-webkit-line-clamp': value
1239
- })),
1240
- hyphens: [
1241
- 'none',
1242
- 'manual',
1243
- 'auto'
1244
- ],
1245
- whiteSpace: [
1246
- 'normal',
1247
- 'nowrap',
1248
- 'pre',
1249
- 'pre-line',
1250
- 'pre-wrap',
1251
- 'break-spaces'
1252
- ],
1253
- textWrap: [
1254
- 'wrap',
1255
- 'nowrap',
1256
- 'balance',
1257
- 'pretty'
1258
- ],
1259
- wordBreak: [
1260
- 'normal',
1261
- 'break-all',
1262
- 'keep-all'
1263
- ],
1264
- boxDecorationBreak: [
1265
- 'slice',
1266
- 'clone'
1267
- ],
1268
- // effects
1269
- boxShadow: {
1270
- emphasized: `${"0px"} ${"1px"} ${"6px"} ${"light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.36))"}`,
1271
- elevated: `${"0px"} ${"2px"} ${"8px"} ${"light-dark(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.48))"}`,
1272
- dragged: `${"0px"} ${"6px"} ${"16px"} ${"light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6))"}`,
1273
- none: 'none'
1274
- },
1275
- filter: {
1276
- emphasized: `drop-shadow(${"0px"} ${"1px"} ${"6px"} ${"light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.36))"})`,
1277
- elevated: `drop-shadow(${"0px"} ${"2px"} ${"8px"} ${"light-dark(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.48))"})`,
1278
- dragged: `drop-shadow${"0px"} ${"6px"} ${"16px"} ${"light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6))"}`,
1279
- none: 'none'
1280
- },
1281
- borderTopStartRadius: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('borderStartStartRadius', $468034641bb536ce$var$radius),
1282
- borderTopEndRadius: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('borderStartEndRadius', $468034641bb536ce$var$radius),
1283
- borderBottomStartRadius: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('borderEndStartRadius', $468034641bb536ce$var$radius),
1284
- borderBottomEndRadius: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('borderEndEndRadius', $468034641bb536ce$var$radius),
1285
- forcedColorAdjust: [
1286
- 'auto',
1287
- 'none'
1288
- ],
1289
- colorScheme: [
1290
- 'light',
1291
- 'dark',
1292
- 'light dark'
1293
- ],
1294
- backgroundImage: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)(),
1295
- // TODO: do we need separate x and y properties?
1296
- backgroundPosition: [
1297
- 'bottom',
1298
- 'center',
1299
- 'left',
1300
- 'left bottom',
1301
- 'left top',
1302
- 'right',
1303
- 'right bottom',
1304
- 'right top',
1305
- 'top'
1306
- ],
1307
- backgroundSize: [
1308
- 'auto',
1309
- 'cover',
1310
- 'contain'
1311
- ],
1312
- backgroundAttachment: [
1313
- 'fixed',
1314
- 'local',
1315
- 'scroll'
1316
- ],
1317
- backgroundClip: [
1318
- 'border-box',
1319
- 'padding-box',
1320
- 'content-box',
1321
- 'text'
1322
- ],
1323
- backgroundRepeat: [
1324
- 'repeat',
1325
- 'no-repeat',
1326
- 'repeat-x',
1327
- 'repeat-y',
1328
- 'round',
1329
- 'space'
1330
- ],
1331
- backgroundOrigin: [
1332
- 'border-box',
1333
- 'padding-box',
1334
- 'content-box'
1335
- ],
1336
- backgroundBlendMode: [
1337
- 'normal',
1338
- 'multiply',
1339
- 'screen',
1340
- 'overlay',
1341
- 'darken',
1342
- 'lighten',
1343
- 'color-dodge',
1344
- 'color-burn',
1345
- 'hard-light',
1346
- 'soft-light',
1347
- 'difference',
1348
- 'exclusion',
1349
- 'hue',
1350
- 'saturation',
1351
- 'color',
1352
- 'luminosity'
1353
- ],
1354
- mixBlendMode: [
1355
- 'normal',
1356
- 'multiply',
1357
- 'screen',
1358
- 'overlay',
1359
- 'darken',
1360
- 'lighten',
1361
- 'color-dodge',
1362
- 'color-burn',
1363
- 'hard-light',
1364
- 'soft-light',
1365
- 'difference',
1366
- 'exclusion',
1367
- 'hue',
1368
- 'saturation',
1369
- 'color',
1370
- 'luminosity',
1371
- 'plus-darker',
1372
- 'plus-lighter'
1373
- ],
1374
- opacity: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)(),
1375
- outlineStyle: [
1376
- 'none',
1377
- 'solid',
1378
- 'dashed',
1379
- 'dotted',
1380
- 'double',
1381
- 'inset'
1382
- ],
1383
- outlineOffset: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)((v, property)=>({
1384
- [property]: `${v}px`
1385
- })),
1386
- outlineWidth: $468034641bb536ce$var$borderWidth,
1387
- transition: (0, $a42cf657cdea7060$export$7fdf8c7af26ba416)('transitionProperty', $468034641bb536ce$var$transitionProperty),
1388
- transitionDelay: $468034641bb536ce$var$durationProperty,
1389
- transitionDuration: $468034641bb536ce$var$durationProperty,
1390
- transitionTimingFunction: $468034641bb536ce$var$timingFunction,
1391
- animation: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)((value, property)=>({
1392
- [property === 'animation' ? 'animationName' : property]: value
1393
- })),
1394
- animationDuration: $468034641bb536ce$var$durationProperty,
1395
- animationDelay: $468034641bb536ce$var$durationProperty,
1396
- animationDirection: [
1397
- 'normal',
1398
- 'reverse',
1399
- 'alternate',
1400
- 'alternate-reverse'
1401
- ],
1402
- animationFillMode: [
1403
- 'none',
1404
- 'forwards',
1405
- 'backwards',
1406
- 'both'
1407
- ],
1408
- animationIterationCount: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)(),
1409
- animationTimingFunction: $468034641bb536ce$var$timingFunction,
1410
- // layout
1411
- display: [
1412
- 'block',
1413
- 'inline-block',
1414
- 'inline',
1415
- 'flex',
1416
- 'inline-flex',
1417
- 'grid',
1418
- 'inline-grid',
1419
- 'contents',
1420
- 'list-item',
1421
- 'none'
1422
- ],
1423
- alignContent: [
1424
- 'normal',
1425
- 'center',
1426
- 'start',
1427
- 'end',
1428
- 'space-between',
1429
- 'space-around',
1430
- 'space-evenly',
1431
- 'baseline',
1432
- 'stretch'
1433
- ],
1434
- alignItems: [
1435
- 'start',
1436
- 'end',
1437
- 'center',
1438
- 'baseline',
1439
- 'stretch'
1440
- ],
1441
- justifyContent: [
1442
- 'normal',
1443
- 'start',
1444
- 'end',
1445
- 'center',
1446
- 'space-between',
1447
- 'space-around',
1448
- 'space-evenly',
1449
- 'stretch'
1450
- ],
1451
- justifyItems: [
1452
- 'start',
1453
- 'end',
1454
- 'center',
1455
- 'stretch'
1456
- ],
1457
- alignSelf: [
1458
- 'auto',
1459
- 'start',
1460
- 'end',
1461
- 'center',
1462
- 'stretch',
1463
- 'baseline'
1464
- ],
1465
- justifySelf: [
1466
- 'auto',
1467
- 'start',
1468
- 'end',
1469
- 'center',
1470
- 'stretch'
1471
- ],
1472
- flexDirection: [
1473
- 'row',
1474
- 'column',
1475
- 'row-reverse',
1476
- 'column-reverse'
1477
- ],
1478
- flexWrap: [
1479
- 'wrap',
1480
- 'wrap-reverse',
1481
- 'nowrap'
1482
- ],
1483
- flexShrink: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)(),
1484
- flexGrow: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)(),
1485
- gridColumnStart: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)(),
1486
- gridColumnEnd: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)(),
1487
- gridRowStart: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)(),
1488
- gridRowEnd: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)(),
1489
- gridAutoFlow: [
1490
- 'row',
1491
- 'column',
1492
- 'dense',
1493
- 'row dense',
1494
- 'column dense'
1495
- ],
1496
- gridAutoRows: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)((value, property)=>({
1497
- [property]: $468034641bb536ce$var$gridTrackSize(value)
1498
- })),
1499
- gridAutoColumns: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)((value, property)=>({
1500
- [property]: $468034641bb536ce$var$gridTrackSize(value)
1501
- })),
1502
- gridTemplateColumns: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)((value, property)=>({
1503
- [property]: $468034641bb536ce$var$gridTrack(value)
1504
- })),
1505
- gridTemplateRows: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)((value, property)=>({
1506
- [property]: $468034641bb536ce$var$gridTrack(value)
1507
- })),
1508
- gridTemplateAreas: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)((value, property)=>({
1509
- [property]: value.map((v)=>`"${v}"`).join('')
1510
- })),
1511
- float: [
1512
- 'inline-start',
1513
- 'inline-end',
1514
- 'right',
1515
- 'left',
1516
- 'none'
1517
- ],
1518
- clear: [
1519
- 'inline-start',
1520
- 'inline-end',
1521
- 'left',
1522
- 'right',
1523
- 'both',
1524
- 'none'
1525
- ],
1526
- contain: [
1527
- 'none',
1528
- 'strict',
1529
- 'content',
1530
- 'size',
1531
- 'inline-size',
1532
- 'layout',
1533
- 'style',
1534
- 'paint'
1535
- ],
1536
- boxSizing: [
1537
- 'border-box',
1538
- 'content-box'
1539
- ],
1540
- tableLayout: [
1541
- 'auto',
1542
- 'fixed'
1543
- ],
1544
- captionSide: [
1545
- 'top',
1546
- 'bottom'
1547
- ],
1548
- borderCollapse: [
1549
- 'collapse',
1550
- 'separate'
1551
- ],
1552
- columns: {
1553
- auto: 'auto',
1554
- 1: '1',
1555
- 2: '2',
1556
- 3: '3',
1557
- 4: '4',
1558
- 5: '5',
1559
- 6: '6',
1560
- 7: '7',
1561
- 8: '8',
1562
- 9: '9',
1563
- 10: '10',
1564
- 11: '11',
1565
- 12: '12',
1566
- // TODO: what should these sizes be?
1567
- '3xs': '16rem',
1568
- '2xs': '18rem',
1569
- xs: '20rem',
1570
- sm: '24rem',
1571
- md: '28rem',
1572
- lg: '32rem',
1573
- xl: '36rem',
1574
- '2xl': '42rem',
1575
- '3xl': '48rem',
1576
- '4xl': '56rem',
1577
- '5xl': '64rem',
1578
- '6xl': '72rem',
1579
- '7xl': '80rem'
1580
- },
1581
- breakBefore: [
1582
- 'auto',
1583
- 'avoid',
1584
- 'all',
1585
- 'avoid-page',
1586
- 'page',
1587
- 'left',
1588
- 'right',
1589
- 'column'
1590
- ],
1591
- breakInside: [
1592
- 'auto',
1593
- 'avoid',
1594
- 'avoid-page',
1595
- 'avoid-column'
1596
- ],
1597
- breakAfter: [
1598
- 'auto',
1599
- 'avoid',
1600
- 'all',
1601
- 'avoid-page',
1602
- 'page',
1603
- 'left',
1604
- 'right',
1605
- 'column'
1606
- ],
1607
- overflowX: [
1608
- 'auto',
1609
- 'hidden',
1610
- 'clip',
1611
- 'visible',
1612
- 'scroll'
1613
- ],
1614
- overflowY: [
1615
- 'auto',
1616
- 'hidden',
1617
- 'clip',
1618
- 'visible',
1619
- 'scroll'
1620
- ],
1621
- overscrollBehaviorX: [
1622
- 'auto',
1623
- 'contain',
1624
- 'none'
1625
- ],
1626
- overscrollBehaviorY: [
1627
- 'auto',
1628
- 'contain',
1629
- 'none'
1630
- ],
1631
- scrollBehavior: [
1632
- 'auto',
1633
- 'smooth'
1634
- ],
1635
- order: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)(),
1636
- pointerEvents: [
1637
- 'none',
1638
- 'auto'
1639
- ],
1640
- touchAction: [
1641
- 'auto',
1642
- 'none',
1643
- 'pan-x',
1644
- 'pan-y',
1645
- 'manipulation',
1646
- 'pinch-zoom'
1647
- ],
1648
- userSelect: [
1649
- 'none',
1650
- 'text',
1651
- 'all',
1652
- 'auto'
1653
- ],
1654
- visibility: [
1655
- 'visible',
1656
- 'hidden',
1657
- 'collapse'
1658
- ],
1659
- isolation: [
1660
- 'isolate',
1661
- 'auto'
1662
- ],
1663
- transformOrigin: [
1664
- 'center',
1665
- 'top',
1666
- 'top right',
1667
- 'right',
1668
- 'bottom right',
1669
- 'bottom',
1670
- 'bottom left',
1671
- 'left',
1672
- 'top right'
1673
- ],
1674
- cursor: [
1675
- 'auto',
1676
- 'default',
1677
- 'pointer',
1678
- 'wait',
1679
- 'text',
1680
- 'move',
1681
- 'help',
1682
- 'not-allowed',
1683
- 'none',
1684
- 'context-menu',
1685
- 'progress',
1686
- 'cell',
1687
- 'crosshair',
1688
- 'vertical-text',
1689
- 'alias',
1690
- 'copy',
1691
- 'no-drop',
1692
- 'grab',
1693
- 'grabbing',
1694
- 'all-scroll',
1695
- 'col-resize',
1696
- 'row-resize',
1697
- 'n-resize',
1698
- 'e-resize',
1699
- 's-resize',
1700
- 'w-resize',
1701
- 'ne-resize',
1702
- 'nw-resize',
1703
- 'se-resize',
1704
- 'ew-resize',
1705
- 'ns-resize',
1706
- 'nesw-resize',
1707
- 'nwse-resize',
1708
- 'zoom-in',
1709
- 'zoom-out'
1710
- ],
1711
- resize: [
1712
- 'none',
1713
- 'vertical',
1714
- 'horizontal',
1715
- 'both'
1716
- ],
1717
- scrollSnapType: [
1718
- 'x',
1719
- 'y',
1720
- 'both',
1721
- 'x mandatory',
1722
- 'y mandatory',
1723
- 'both mandatory'
1724
- ],
1725
- scrollSnapAlign: [
1726
- 'start',
1727
- 'end',
1728
- 'center',
1729
- 'none'
1730
- ],
1731
- scrollSnapStop: [
1732
- 'normal',
1733
- 'always'
1734
- ],
1735
- appearance: [
1736
- 'none',
1737
- 'auto'
1738
- ],
1739
- objectFit: [
1740
- 'contain',
1741
- 'cover',
1742
- 'fill',
1743
- 'none',
1744
- 'scale-down'
1745
- ],
1746
- objectPosition: [
1747
- 'bottom',
1748
- 'center',
1749
- 'left',
1750
- 'left bottom',
1751
- 'left top',
1752
- 'right',
1753
- 'right bottom',
1754
- 'right top',
1755
- 'top'
1756
- ],
1757
- willChange: [
1758
- 'auto',
1759
- 'scroll-position',
1760
- 'contents',
1761
- 'transform'
1762
- ],
1763
- zIndex: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)(),
1764
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
1765
- disableTapHighlight: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)((_value)=>({
1766
- '-webkit-tap-highlight-color': 'rgba(0,0,0,0)'
1767
- }))
1768
- },
1769
- shorthands: {
1770
- padding: [
1771
- 'paddingTop',
1772
- 'paddingBottom',
1773
- 'paddingStart',
1774
- 'paddingEnd'
1775
- ],
1776
- paddingX: [
1777
- 'paddingStart',
1778
- 'paddingEnd'
1779
- ],
1780
- paddingY: [
1781
- 'paddingTop',
1782
- 'paddingBottom'
1783
- ],
1784
- margin: [
1785
- 'marginTop',
1786
- 'marginBottom',
1787
- 'marginStart',
1788
- 'marginEnd'
1789
- ],
1790
- marginX: [
1791
- 'marginStart',
1792
- 'marginEnd'
1793
- ],
1794
- marginY: [
1795
- 'marginTop',
1796
- 'marginBottom'
1797
- ],
1798
- scrollPadding: [
1799
- 'scrollPaddingTop',
1800
- 'scrollPaddingBottom',
1801
- 'scrollPaddingStart',
1802
- 'scrollPaddingEnd'
1803
- ],
1804
- scrollPaddingX: [
1805
- 'scrollPaddingStart',
1806
- 'scrollPaddingEnd'
1807
- ],
1808
- scrollPaddingY: [
1809
- 'scrollPaddingTop',
1810
- 'scrollPaddingBottom'
1811
- ],
1812
- scrollMargin: [
1813
- 'scrollMarginTop',
1814
- 'scrollMarginBottom',
1815
- 'scrollMarginStart',
1816
- 'scrollMarginEnd'
1817
- ],
1818
- scrollMarginX: [
1819
- 'scrollMarginStart',
1820
- 'scrollMarginEnd'
1821
- ],
1822
- scrollMarginY: [
1823
- 'scrollMarginTop',
1824
- 'scrollMarginBottom'
1825
- ],
1826
- borderWidth: [
1827
- 'borderTopWidth',
1828
- 'borderBottomWidth',
1829
- 'borderStartWidth',
1830
- 'borderEndWidth'
1831
- ],
1832
- borderXWidth: [
1833
- 'borderStartWidth',
1834
- 'borderEndWidth'
1835
- ],
1836
- borderYWidth: [
1837
- 'borderTopWidth',
1838
- 'borderBottomWidth'
1839
- ],
1840
- borderRadius: [
1841
- 'borderTopStartRadius',
1842
- 'borderTopEndRadius',
1843
- 'borderBottomStartRadius',
1844
- 'borderBottomEndRadius'
1845
- ],
1846
- borderTopRadius: [
1847
- 'borderTopStartRadius',
1848
- 'borderTopEndRadius'
1849
- ],
1850
- borderBottomRadius: [
1851
- 'borderBottomStartRadius',
1852
- 'borderBottomEndRadius'
1853
- ],
1854
- borderStartRadius: [
1855
- 'borderTopStartRadius',
1856
- 'borderBottomStartRadius'
1857
- ],
1858
- borderEndRadius: [
1859
- 'borderTopEndRadius',
1860
- 'borderBottomEndRadius'
1861
- ],
1862
- translate: [
1863
- 'translateX',
1864
- 'translateY'
1865
- ],
1866
- inset: [
1867
- 'top',
1868
- 'bottom',
1869
- 'insetStart',
1870
- 'insetEnd'
1871
- ],
1872
- insetX: [
1873
- 'insetStart',
1874
- 'insetEnd'
1875
- ],
1876
- insetY: [
1877
- 'top',
1878
- 'bottom'
1879
- ],
1880
- placeItems: [
1881
- 'alignItems',
1882
- 'justifyItems'
1883
- ],
1884
- placeContent: [
1885
- 'alignContent',
1886
- 'justifyContent'
1887
- ],
1888
- placeSelf: [
1889
- 'alignSelf',
1890
- 'justifySelf'
1891
- ],
1892
- gap: [
1893
- 'rowGap',
1894
- 'columnGap'
1895
- ],
1896
- size: [
1897
- 'width',
1898
- 'height'
1899
- ],
1900
- minSize: [
1901
- 'minWidth',
1902
- 'minHeight'
1903
- ],
1904
- maxSize: [
1905
- 'maxWidth',
1906
- 'maxHeight'
1907
- ],
1908
- overflow: [
1909
- 'overflowX',
1910
- 'overflowY'
1911
- ],
1912
- overscrollBehavior: [
1913
- 'overscrollBehaviorX',
1914
- 'overscrollBehaviorY'
1915
- ],
1916
- gridArea: [
1917
- 'gridColumnStart',
1918
- 'gridColumnEnd',
1919
- 'gridRowStart',
1920
- 'gridRowEnd'
1921
- ],
1922
- transition: (value)=>({
1923
- transition: value,
1924
- transitionDuration: 150,
1925
- transitionTimingFunction: 'default'
1926
- }),
1927
- animation: (value)=>({
1928
- animation: value,
1929
- animationDuration: 150,
1930
- animationTimingFunction: 'default'
1931
- }),
1932
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
1933
- truncate: (_value)=>({
1934
- overflowX: 'hidden',
1935
- overflowY: 'hidden',
1936
- textOverflow: 'ellipsis',
1937
- whiteSpace: 'nowrap'
1938
- }),
1939
- font: (value)=>{
1940
- let type = value.split('-')[0];
1941
- if (type === 'control') type = 'ui';
1942
- return {
1943
- fontFamily: type === 'code' ? 'code' : 'sans',
1944
- fontSize: value,
1945
- fontWeight: type === 'heading' || type === 'title' || type === 'detail' ? type : 'normal',
1946
- lineHeight: type,
1947
- color: type === 'ui' ? 'body' : type
1948
- };
1949
- }
1950
- },
1951
- conditions: {
1952
- forcedColors: '@media (forced-colors: active)',
1953
- // This detects touch primary devices as best as we can.
1954
- // Ideally we'd use (pointer: course) but browser/device support is inconsistent.
1955
- // Samsung Android devices claim to be mice at the hardware/OS level: (any-pointer: fine), (any-hover: hover), (hover: hover), and nothing for pointer.
1956
- // More details: https://www.ctrl.blog/entry/css-media-hover-samsung.html
1957
- // iPhone matches (any-hover: none), (hover: none), and nothing for any-pointer or pointer.
1958
- // If a trackpad or Apple Pencil is connected to iPad, it matches (any-pointer: fine), (any-hover: hover), (hover: none).
1959
- // Windows tablet matches the same as iPhone. No difference when a mouse is connected.
1960
- // Windows touch laptop matches same as macOS: (any-pointer: fine), (pointer: fine), (any-hover: hover), (hover: hover).
1961
- touch: '@media not ((hover: hover) and (pointer: fine))',
1962
- // TODO
1963
- sm: '@media (min-width: 640px)',
1964
- md: '@media (min-width: 768px)',
1965
- lg: '@media (min-width: 1024px)',
1966
- xl: '@media (min-width: 1280px)',
1967
- '2xl': '@media (min-width: 1536px)'
1968
- }
1969
- });
14
+ const $b308eef0abc42945$export$8e24544ddba725ee = ()=>({
15
+ outlineStyle: {
16
+ default: 'none',
17
+ isFocusVisible: 'solid'
18
+ },
19
+ outlineColor: 'focus-ring',
20
+ outlineWidth: 2,
21
+ outlineOffset: 2
22
+ });
1970
23
 
1971
24
 
1972
- export {$468034641bb536ce$export$49bbad2a916ab57c as baseColor, $468034641bb536ce$export$d19e682d444755ed as lightDark, $468034641bb536ce$export$ba024f4caf693d15 as fontRelative, $468034641bb536ce$export$17b63977b35bb6d2 as edgeToText, $468034641bb536ce$export$a941ed4b947d12f8 as space, $468034641bb536ce$export$346677f925de839c as size, $468034641bb536ce$export$1d567c320f4763bc as style};
25
+ export {$b308eef0abc42945$export$8e24544ddba725ee as focusRing, $468034641bb536ce$export$49bbad2a916ab57c as baseColor, $468034641bb536ce$export$17b63977b35bb6d2 as edgeToText, $468034641bb536ce$export$ba024f4caf693d15 as fontRelative, $468034641bb536ce$export$d19e682d444755ed as lightDark, $468034641bb536ce$export$346677f925de839c as size, $468034641bb536ce$export$a941ed4b947d12f8 as space, $468034641bb536ce$export$1d567c320f4763bc as style};
1973
26
  //# sourceMappingURL=module.mjs.map