@react-spectrum/s2 0.5.0 → 0.6.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 (598) hide show
  1. package/dist/Accordion.cjs +5 -8
  2. package/dist/Accordion.cjs.map +1 -1
  3. package/dist/Accordion.css +2 -2
  4. package/dist/Accordion.css.map +1 -1
  5. package/dist/Accordion.mjs +5 -8
  6. package/dist/Accordion.mjs.map +1 -1
  7. package/dist/ActionBar.cjs +264 -0
  8. package/dist/ActionBar.cjs.map +1 -0
  9. package/dist/ActionBar.css +267 -0
  10. package/dist/ActionBar.css.map +1 -0
  11. package/dist/ActionBar.mjs +257 -0
  12. package/dist/ActionBar.mjs.map +1 -0
  13. package/dist/ActionButton.cjs +121 -147
  14. package/dist/ActionButton.cjs.map +1 -1
  15. package/dist/ActionButton.css +133 -153
  16. package/dist/ActionButton.css.map +1 -1
  17. package/dist/ActionButton.mjs +122 -148
  18. package/dist/ActionButton.mjs.map +1 -1
  19. package/dist/ActionButtonGroup.cjs +6 -9
  20. package/dist/ActionButtonGroup.cjs.map +1 -1
  21. package/dist/ActionButtonGroup.css +3 -3
  22. package/dist/ActionButtonGroup.css.map +1 -1
  23. package/dist/ActionButtonGroup.mjs +6 -9
  24. package/dist/ActionButtonGroup.mjs.map +1 -1
  25. package/dist/ActionMenu.cjs +2 -5
  26. package/dist/ActionMenu.cjs.map +1 -1
  27. package/dist/ActionMenu.mjs +2 -5
  28. package/dist/ActionMenu.mjs.map +1 -1
  29. package/dist/AlertDialog.cjs +2 -5
  30. package/dist/AlertDialog.cjs.map +1 -1
  31. package/dist/AlertDialog.css.map +1 -1
  32. package/dist/AlertDialog.mjs +2 -5
  33. package/dist/AlertDialog.mjs.map +1 -1
  34. package/dist/Avatar.cjs +12 -15
  35. package/dist/Avatar.cjs.map +1 -1
  36. package/dist/Avatar.css +11 -11
  37. package/dist/Avatar.css.map +1 -1
  38. package/dist/Avatar.mjs +12 -15
  39. package/dist/Avatar.mjs.map +1 -1
  40. package/dist/AvatarGroup.cjs +99 -102
  41. package/dist/AvatarGroup.cjs.map +1 -1
  42. package/dist/AvatarGroup.css +31 -31
  43. package/dist/AvatarGroup.css.map +1 -1
  44. package/dist/AvatarGroup.mjs +99 -102
  45. package/dist/AvatarGroup.mjs.map +1 -1
  46. package/dist/Badge.cjs +99 -102
  47. package/dist/Badge.cjs.map +1 -1
  48. package/dist/Badge.css +76 -76
  49. package/dist/Badge.css.map +1 -1
  50. package/dist/Badge.mjs +99 -102
  51. package/dist/Badge.mjs.map +1 -1
  52. package/dist/Breadcrumbs.cjs +93 -94
  53. package/dist/Breadcrumbs.cjs.map +1 -1
  54. package/dist/Breadcrumbs.css +70 -64
  55. package/dist/Breadcrumbs.css.map +1 -1
  56. package/dist/Breadcrumbs.mjs +94 -95
  57. package/dist/Breadcrumbs.mjs.map +1 -1
  58. package/dist/Button.cjs +305 -278
  59. package/dist/Button.cjs.map +1 -1
  60. package/dist/Button.css +255 -182
  61. package/dist/Button.css.map +1 -1
  62. package/dist/Button.mjs +307 -280
  63. package/dist/Button.mjs.map +1 -1
  64. package/dist/ButtonGroup.cjs +17 -20
  65. package/dist/ButtonGroup.cjs.map +1 -1
  66. package/dist/ButtonGroup.css +11 -11
  67. package/dist/ButtonGroup.css.map +1 -1
  68. package/dist/ButtonGroup.mjs +18 -21
  69. package/dist/ButtonGroup.mjs.map +1 -1
  70. package/dist/Card.cjs +167 -167
  71. package/dist/Card.css +121 -121
  72. package/dist/Card.mjs +167 -167
  73. package/dist/CardView.cjs +47 -21
  74. package/dist/CardView.cjs.map +1 -1
  75. package/dist/CardView.css +39 -15
  76. package/dist/CardView.css.map +1 -1
  77. package/dist/CardView.mjs +49 -23
  78. package/dist/CardView.mjs.map +1 -1
  79. package/dist/CenterBaseline.cjs +1 -1
  80. package/dist/CenterBaseline.css +2 -2
  81. package/dist/CenterBaseline.mjs +1 -1
  82. package/dist/Checkbox.cjs +58 -62
  83. package/dist/Checkbox.cjs.map +1 -1
  84. package/dist/Checkbox.css +54 -54
  85. package/dist/Checkbox.css.map +1 -1
  86. package/dist/Checkbox.mjs +59 -63
  87. package/dist/Checkbox.mjs.map +1 -1
  88. package/dist/CheckboxGroup.cjs +43 -45
  89. package/dist/CheckboxGroup.cjs.map +1 -1
  90. package/dist/CheckboxGroup.css +32 -32
  91. package/dist/CheckboxGroup.css.map +1 -1
  92. package/dist/CheckboxGroup.mjs +44 -46
  93. package/dist/CheckboxGroup.mjs.map +1 -1
  94. package/dist/ClearButton.cjs +7 -8
  95. package/dist/ClearButton.cjs.map +1 -1
  96. package/dist/ClearButton.css +5 -5
  97. package/dist/ClearButton.css.map +1 -1
  98. package/dist/ClearButton.mjs +7 -8
  99. package/dist/ClearButton.mjs.map +1 -1
  100. package/dist/CloseButton.cjs +40 -53
  101. package/dist/CloseButton.cjs.map +1 -1
  102. package/dist/CloseButton.css +45 -49
  103. package/dist/CloseButton.css.map +1 -1
  104. package/dist/CloseButton.mjs +40 -53
  105. package/dist/CloseButton.mjs.map +1 -1
  106. package/dist/ColorArea.cjs +12 -15
  107. package/dist/ColorArea.cjs.map +1 -1
  108. package/dist/ColorArea.css +10 -10
  109. package/dist/ColorArea.css.map +1 -1
  110. package/dist/ColorArea.mjs +12 -15
  111. package/dist/ColorArea.mjs.map +1 -1
  112. package/dist/ColorField.cjs +31 -34
  113. package/dist/ColorField.cjs.map +1 -1
  114. package/dist/ColorField.css +24 -24
  115. package/dist/ColorField.css.map +1 -1
  116. package/dist/ColorField.mjs +32 -35
  117. package/dist/ColorField.mjs.map +1 -1
  118. package/dist/ColorHandle.cjs +11 -11
  119. package/dist/ColorHandle.css +19 -19
  120. package/dist/ColorHandle.mjs +11 -11
  121. package/dist/ColorSlider.cjs +43 -46
  122. package/dist/ColorSlider.cjs.map +1 -1
  123. package/dist/ColorSlider.css +43 -43
  124. package/dist/ColorSlider.css.map +1 -1
  125. package/dist/ColorSlider.mjs +44 -47
  126. package/dist/ColorSlider.mjs.map +1 -1
  127. package/dist/ColorSwatch.cjs +8 -11
  128. package/dist/ColorSwatch.cjs.map +1 -1
  129. package/dist/ColorSwatch.css +14 -14
  130. package/dist/ColorSwatch.css.map +1 -1
  131. package/dist/ColorSwatch.mjs +9 -12
  132. package/dist/ColorSwatch.mjs.map +1 -1
  133. package/dist/ColorSwatchPicker.cjs +15 -18
  134. package/dist/ColorSwatchPicker.cjs.map +1 -1
  135. package/dist/ColorSwatchPicker.css +33 -33
  136. package/dist/ColorSwatchPicker.css.map +1 -1
  137. package/dist/ColorSwatchPicker.mjs +15 -18
  138. package/dist/ColorSwatchPicker.mjs.map +1 -1
  139. package/dist/ColorWheel.cjs +18 -21
  140. package/dist/ColorWheel.cjs.map +1 -1
  141. package/dist/ColorWheel.css +15 -15
  142. package/dist/ColorWheel.css.map +1 -1
  143. package/dist/ColorWheel.mjs +18 -21
  144. package/dist/ColorWheel.mjs.map +1 -1
  145. package/dist/ComboBox.cjs +61 -61
  146. package/dist/ComboBox.cjs.map +1 -1
  147. package/dist/ComboBox.css +52 -52
  148. package/dist/ComboBox.css.map +1 -1
  149. package/dist/ComboBox.mjs +62 -62
  150. package/dist/ComboBox.mjs.map +1 -1
  151. package/dist/Content.cjs +12 -19
  152. package/dist/Content.cjs.map +1 -1
  153. package/dist/Content.mjs +12 -19
  154. package/dist/Content.mjs.map +1 -1
  155. package/dist/ContextualHelp.cjs +7 -10
  156. package/dist/ContextualHelp.cjs.map +1 -1
  157. package/dist/ContextualHelp.css +23 -23
  158. package/dist/ContextualHelp.css.map +1 -1
  159. package/dist/ContextualHelp.mjs +7 -10
  160. package/dist/ContextualHelp.mjs.map +1 -1
  161. package/dist/CustomDialog.cjs +10 -13
  162. package/dist/CustomDialog.cjs.map +1 -1
  163. package/dist/CustomDialog.css +9 -9
  164. package/dist/CustomDialog.css.map +1 -1
  165. package/dist/CustomDialog.mjs +10 -13
  166. package/dist/CustomDialog.mjs.map +1 -1
  167. package/dist/Dialog.cjs +12 -16
  168. package/dist/Dialog.cjs.map +1 -1
  169. package/dist/Dialog.css +39 -39
  170. package/dist/Dialog.css.map +1 -1
  171. package/dist/Dialog.mjs +12 -16
  172. package/dist/Dialog.mjs.map +1 -1
  173. package/dist/Disclosure.cjs +60 -69
  174. package/dist/Disclosure.cjs.map +1 -1
  175. package/dist/Disclosure.css +49 -49
  176. package/dist/Disclosure.css.map +1 -1
  177. package/dist/Disclosure.mjs +61 -70
  178. package/dist/Disclosure.mjs.map +1 -1
  179. package/dist/Divider.cjs +15 -19
  180. package/dist/Divider.cjs.map +1 -1
  181. package/dist/Divider.css +18 -18
  182. package/dist/Divider.css.map +1 -1
  183. package/dist/Divider.mjs +15 -19
  184. package/dist/Divider.mjs.map +1 -1
  185. package/dist/DropZone.cjs +30 -33
  186. package/dist/DropZone.cjs.map +1 -1
  187. package/dist/DropZone.css +26 -26
  188. package/dist/DropZone.css.map +1 -1
  189. package/dist/DropZone.mjs +30 -33
  190. package/dist/DropZone.mjs.map +1 -1
  191. package/dist/Field.cjs +133 -131
  192. package/dist/Field.cjs.map +1 -1
  193. package/dist/Field.css +76 -84
  194. package/dist/Field.css.map +1 -1
  195. package/dist/Field.mjs +133 -131
  196. package/dist/Field.mjs.map +1 -1
  197. package/dist/Form.cjs +6 -9
  198. package/dist/Form.cjs.map +1 -1
  199. package/dist/Form.css +3 -3
  200. package/dist/Form.css.map +1 -1
  201. package/dist/Form.mjs +6 -9
  202. package/dist/Form.mjs.map +1 -1
  203. package/dist/FullscreenDialog.cjs +7 -10
  204. package/dist/FullscreenDialog.cjs.map +1 -1
  205. package/dist/FullscreenDialog.css +54 -54
  206. package/dist/FullscreenDialog.css.map +1 -1
  207. package/dist/FullscreenDialog.mjs +7 -10
  208. package/dist/FullscreenDialog.mjs.map +1 -1
  209. package/dist/IllustratedMessage.cjs +128 -132
  210. package/dist/IllustratedMessage.cjs.map +1 -1
  211. package/dist/IllustratedMessage.css +58 -58
  212. package/dist/IllustratedMessage.css.map +1 -1
  213. package/dist/IllustratedMessage.mjs +128 -132
  214. package/dist/IllustratedMessage.mjs.map +1 -1
  215. package/dist/Image.cjs +12 -13
  216. package/dist/Image.cjs.map +1 -1
  217. package/dist/Image.css +11 -11
  218. package/dist/Image.css.map +1 -1
  219. package/dist/Image.mjs +13 -14
  220. package/dist/Image.mjs.map +1 -1
  221. package/dist/InlineAlert.cjs +75 -84
  222. package/dist/InlineAlert.cjs.map +1 -1
  223. package/dist/InlineAlert.css +59 -63
  224. package/dist/InlineAlert.css.map +1 -1
  225. package/dist/InlineAlert.mjs +76 -85
  226. package/dist/InlineAlert.mjs.map +1 -1
  227. package/dist/Link.cjs +36 -39
  228. package/dist/Link.cjs.map +1 -1
  229. package/dist/Link.css +42 -42
  230. package/dist/Link.css.map +1 -1
  231. package/dist/Link.mjs +37 -40
  232. package/dist/Link.mjs.map +1 -1
  233. package/dist/Menu.cjs +322 -234
  234. package/dist/Menu.cjs.map +1 -1
  235. package/dist/Menu.css +118 -116
  236. package/dist/Menu.css.map +1 -1
  237. package/dist/Menu.mjs +323 -235
  238. package/dist/Menu.mjs.map +1 -1
  239. package/dist/Meter.cjs +66 -70
  240. package/dist/Meter.cjs.map +1 -1
  241. package/dist/Meter.css +69 -73
  242. package/dist/Meter.css.map +1 -1
  243. package/dist/Meter.mjs +66 -70
  244. package/dist/Meter.mjs.map +1 -1
  245. package/dist/Modal.cjs +36 -45
  246. package/dist/Modal.cjs.map +1 -1
  247. package/dist/Modal.css +48 -72
  248. package/dist/Modal.css.map +1 -1
  249. package/dist/Modal.mjs +37 -46
  250. package/dist/Modal.mjs.map +1 -1
  251. package/dist/NumberField.cjs +66 -69
  252. package/dist/NumberField.cjs.map +1 -1
  253. package/dist/NumberField.css +70 -70
  254. package/dist/NumberField.css.map +1 -1
  255. package/dist/NumberField.mjs +67 -70
  256. package/dist/NumberField.mjs.map +1 -1
  257. package/dist/Picker.cjs +122 -122
  258. package/dist/Picker.cjs.map +1 -1
  259. package/dist/Picker.css +84 -84
  260. package/dist/Picker.css.map +1 -1
  261. package/dist/Picker.mjs +123 -123
  262. package/dist/Picker.mjs.map +1 -1
  263. package/dist/Popover.cjs +47 -69
  264. package/dist/Popover.cjs.map +1 -1
  265. package/dist/Popover.css +55 -126
  266. package/dist/Popover.css.map +1 -1
  267. package/dist/Popover.mjs +48 -70
  268. package/dist/Popover.mjs.map +1 -1
  269. package/dist/ProgressBar.cjs +85 -87
  270. package/dist/ProgressBar.cjs.map +1 -1
  271. package/dist/ProgressBar.css +81 -85
  272. package/dist/ProgressBar.css.map +1 -1
  273. package/dist/ProgressBar.mjs +85 -87
  274. package/dist/ProgressBar.mjs.map +1 -1
  275. package/dist/ProgressCircle.cjs +16 -18
  276. package/dist/ProgressCircle.cjs.map +1 -1
  277. package/dist/ProgressCircle.css +16 -16
  278. package/dist/ProgressCircle.css.map +1 -1
  279. package/dist/ProgressCircle.mjs +16 -18
  280. package/dist/ProgressCircle.mjs.map +1 -1
  281. package/dist/Provider.cjs +5 -5
  282. package/dist/Provider.css +6 -6
  283. package/dist/Provider.mjs +5 -5
  284. package/dist/Radio.cjs +54 -58
  285. package/dist/Radio.cjs.map +1 -1
  286. package/dist/Radio.css +50 -50
  287. package/dist/Radio.css.map +1 -1
  288. package/dist/Radio.mjs +55 -59
  289. package/dist/Radio.mjs.map +1 -1
  290. package/dist/RadioGroup.cjs +39 -43
  291. package/dist/RadioGroup.cjs.map +1 -1
  292. package/dist/RadioGroup.css +32 -32
  293. package/dist/RadioGroup.css.map +1 -1
  294. package/dist/RadioGroup.mjs +40 -44
  295. package/dist/RadioGroup.mjs.map +1 -1
  296. package/dist/RangeSlider.cjs +2 -3
  297. package/dist/RangeSlider.cjs.map +1 -1
  298. package/dist/RangeSlider.mjs +3 -4
  299. package/dist/RangeSlider.mjs.map +1 -1
  300. package/dist/SearchField.cjs +34 -37
  301. package/dist/SearchField.cjs.map +1 -1
  302. package/dist/SearchField.css +30 -30
  303. package/dist/SearchField.css.map +1 -1
  304. package/dist/SearchField.mjs +35 -38
  305. package/dist/SearchField.mjs.map +1 -1
  306. package/dist/SegmentedControl.cjs +67 -73
  307. package/dist/SegmentedControl.cjs.map +1 -1
  308. package/dist/SegmentedControl.css +63 -63
  309. package/dist/SegmentedControl.css.map +1 -1
  310. package/dist/SegmentedControl.mjs +68 -74
  311. package/dist/SegmentedControl.mjs.map +1 -1
  312. package/dist/Slider.cjs +111 -112
  313. package/dist/Slider.cjs.map +1 -1
  314. package/dist/Slider.css +87 -87
  315. package/dist/Slider.css.map +1 -1
  316. package/dist/Slider.mjs +112 -113
  317. package/dist/Slider.mjs.map +1 -1
  318. package/dist/StatusLight.cjs +28 -32
  319. package/dist/StatusLight.cjs.map +1 -1
  320. package/dist/StatusLight.css +26 -26
  321. package/dist/StatusLight.css.map +1 -1
  322. package/dist/StatusLight.mjs +28 -32
  323. package/dist/StatusLight.mjs.map +1 -1
  324. package/dist/Switch.cjs +56 -60
  325. package/dist/Switch.cjs.map +1 -1
  326. package/dist/Switch.css +48 -48
  327. package/dist/Switch.css.map +1 -1
  328. package/dist/Switch.mjs +57 -61
  329. package/dist/Switch.mjs.map +1 -1
  330. package/dist/TableView.cjs +209 -196
  331. package/dist/TableView.cjs.map +1 -1
  332. package/dist/TableView.css +95 -95
  333. package/dist/TableView.css.map +1 -1
  334. package/dist/TableView.mjs +211 -198
  335. package/dist/TableView.mjs.map +1 -1
  336. package/dist/Tabs.cjs +59 -62
  337. package/dist/Tabs.cjs.map +1 -1
  338. package/dist/Tabs.css +42 -42
  339. package/dist/Tabs.css.map +1 -1
  340. package/dist/Tabs.mjs +59 -62
  341. package/dist/Tabs.mjs.map +1 -1
  342. package/dist/TagGroup.cjs +122 -124
  343. package/dist/TagGroup.cjs.map +1 -1
  344. package/dist/TagGroup.css +93 -93
  345. package/dist/TagGroup.css.map +1 -1
  346. package/dist/TagGroup.mjs +122 -124
  347. package/dist/TagGroup.mjs.map +1 -1
  348. package/dist/TextField.cjs +44 -55
  349. package/dist/TextField.cjs.map +1 -1
  350. package/dist/TextField.css +33 -33
  351. package/dist/TextField.css.map +1 -1
  352. package/dist/TextField.mjs +45 -56
  353. package/dist/TextField.mjs.map +1 -1
  354. package/dist/ToggleButton.cjs +6 -9
  355. package/dist/ToggleButton.cjs.map +1 -1
  356. package/dist/ToggleButton.css +7 -7
  357. package/dist/ToggleButton.css.map +1 -1
  358. package/dist/ToggleButton.mjs +6 -9
  359. package/dist/ToggleButton.mjs.map +1 -1
  360. package/dist/ToggleButtonGroup.cjs +2 -5
  361. package/dist/ToggleButtonGroup.cjs.map +1 -1
  362. package/dist/ToggleButtonGroup.mjs +2 -5
  363. package/dist/ToggleButtonGroup.mjs.map +1 -1
  364. package/dist/Tooltip.cjs +48 -48
  365. package/dist/Tooltip.cjs.map +1 -1
  366. package/dist/Tooltip.css +55 -70
  367. package/dist/Tooltip.css.map +1 -1
  368. package/dist/Tooltip.mjs +49 -49
  369. package/dist/Tooltip.mjs.map +1 -1
  370. package/dist/ar-AE.cjs +10 -2
  371. package/dist/ar-AE.cjs.map +1 -1
  372. package/dist/ar-AE.mjs +10 -2
  373. package/dist/ar-AE.mjs.map +1 -1
  374. package/dist/bg-BG.cjs +11 -2
  375. package/dist/bg-BG.cjs.map +1 -1
  376. package/dist/bg-BG.mjs +11 -2
  377. package/dist/bg-BG.mjs.map +1 -1
  378. package/dist/cs-CZ.cjs +7 -2
  379. package/dist/cs-CZ.cjs.map +1 -1
  380. package/dist/cs-CZ.mjs +7 -2
  381. package/dist/cs-CZ.mjs.map +1 -1
  382. package/dist/da-DK.cjs +12 -4
  383. package/dist/da-DK.cjs.map +1 -1
  384. package/dist/da-DK.mjs +12 -4
  385. package/dist/da-DK.mjs.map +1 -1
  386. package/dist/de-DE.cjs +11 -2
  387. package/dist/de-DE.cjs.map +1 -1
  388. package/dist/de-DE.mjs +11 -2
  389. package/dist/de-DE.mjs.map +1 -1
  390. package/dist/el-GR.cjs +11 -2
  391. package/dist/el-GR.cjs.map +1 -1
  392. package/dist/el-GR.mjs +11 -2
  393. package/dist/el-GR.mjs.map +1 -1
  394. package/dist/en-US.cjs +8 -0
  395. package/dist/en-US.cjs.map +1 -1
  396. package/dist/en-US.mjs +8 -0
  397. package/dist/en-US.mjs.map +1 -1
  398. package/dist/es-ES.cjs +11 -2
  399. package/dist/es-ES.cjs.map +1 -1
  400. package/dist/es-ES.mjs +11 -2
  401. package/dist/es-ES.mjs.map +1 -1
  402. package/dist/et-EE.cjs +10 -2
  403. package/dist/et-EE.cjs.map +1 -1
  404. package/dist/et-EE.mjs +10 -2
  405. package/dist/et-EE.mjs.map +1 -1
  406. package/dist/fi-FI.cjs +10 -2
  407. package/dist/fi-FI.cjs.map +1 -1
  408. package/dist/fi-FI.mjs +10 -2
  409. package/dist/fi-FI.mjs.map +1 -1
  410. package/dist/fr-FR.cjs +11 -2
  411. package/dist/fr-FR.cjs.map +1 -1
  412. package/dist/fr-FR.mjs +11 -2
  413. package/dist/fr-FR.mjs.map +1 -1
  414. package/dist/he-IL.cjs +11 -2
  415. package/dist/he-IL.cjs.map +1 -1
  416. package/dist/he-IL.mjs +11 -2
  417. package/dist/he-IL.mjs.map +1 -1
  418. package/dist/hr-HR.cjs +7 -2
  419. package/dist/hr-HR.cjs.map +1 -1
  420. package/dist/hr-HR.mjs +7 -2
  421. package/dist/hr-HR.mjs.map +1 -1
  422. package/dist/hu-HU.cjs +10 -2
  423. package/dist/hu-HU.cjs.map +1 -1
  424. package/dist/hu-HU.mjs +10 -2
  425. package/dist/hu-HU.mjs.map +1 -1
  426. package/dist/it-IT.cjs +11 -2
  427. package/dist/it-IT.cjs.map +1 -1
  428. package/dist/it-IT.mjs +11 -2
  429. package/dist/it-IT.mjs.map +1 -1
  430. package/dist/ja-JP.cjs +10 -2
  431. package/dist/ja-JP.cjs.map +1 -1
  432. package/dist/ja-JP.mjs +10 -2
  433. package/dist/ja-JP.mjs.map +1 -1
  434. package/dist/ko-KR.cjs +12 -4
  435. package/dist/ko-KR.cjs.map +1 -1
  436. package/dist/ko-KR.mjs +12 -4
  437. package/dist/ko-KR.mjs.map +1 -1
  438. package/dist/lt-LT.cjs +9 -4
  439. package/dist/lt-LT.cjs.map +1 -1
  440. package/dist/lt-LT.mjs +9 -4
  441. package/dist/lt-LT.mjs.map +1 -1
  442. package/dist/lv-LV.cjs +11 -3
  443. package/dist/lv-LV.cjs.map +1 -1
  444. package/dist/lv-LV.mjs +11 -3
  445. package/dist/lv-LV.mjs.map +1 -1
  446. package/dist/main.cjs +4 -0
  447. package/dist/main.cjs.map +1 -1
  448. package/dist/module.mjs +3 -1
  449. package/dist/module.mjs.map +1 -1
  450. package/dist/nb-NO.cjs +9 -4
  451. package/dist/nb-NO.cjs.map +1 -1
  452. package/dist/nb-NO.mjs +9 -4
  453. package/dist/nb-NO.mjs.map +1 -1
  454. package/dist/nl-NL.cjs +10 -2
  455. package/dist/nl-NL.cjs.map +1 -1
  456. package/dist/nl-NL.mjs +10 -2
  457. package/dist/nl-NL.mjs.map +1 -1
  458. package/dist/pl-PL.cjs +8 -3
  459. package/dist/pl-PL.cjs.map +1 -1
  460. package/dist/pl-PL.mjs +8 -3
  461. package/dist/pl-PL.mjs.map +1 -1
  462. package/dist/pt-BR.cjs +11 -2
  463. package/dist/pt-BR.cjs.map +1 -1
  464. package/dist/pt-BR.mjs +11 -2
  465. package/dist/pt-BR.mjs.map +1 -1
  466. package/dist/pt-PT.cjs +11 -2
  467. package/dist/pt-PT.cjs.map +1 -1
  468. package/dist/pt-PT.mjs +11 -2
  469. package/dist/pt-PT.mjs.map +1 -1
  470. package/dist/ro-RO.cjs +12 -3
  471. package/dist/ro-RO.cjs.map +1 -1
  472. package/dist/ro-RO.mjs +12 -3
  473. package/dist/ro-RO.mjs.map +1 -1
  474. package/dist/ru-RU.cjs +7 -2
  475. package/dist/ru-RU.cjs.map +1 -1
  476. package/dist/ru-RU.mjs +7 -2
  477. package/dist/ru-RU.mjs.map +1 -1
  478. package/dist/sk-SK.cjs +7 -2
  479. package/dist/sk-SK.cjs.map +1 -1
  480. package/dist/sk-SK.mjs +7 -2
  481. package/dist/sk-SK.mjs.map +1 -1
  482. package/dist/sl-SI.cjs +7 -2
  483. package/dist/sl-SI.cjs.map +1 -1
  484. package/dist/sl-SI.mjs +7 -2
  485. package/dist/sl-SI.mjs.map +1 -1
  486. package/dist/sr-SP.cjs +7 -2
  487. package/dist/sr-SP.cjs.map +1 -1
  488. package/dist/sr-SP.mjs +7 -2
  489. package/dist/sr-SP.mjs.map +1 -1
  490. package/dist/sv-SE.cjs +11 -2
  491. package/dist/sv-SE.cjs.map +1 -1
  492. package/dist/sv-SE.mjs +11 -2
  493. package/dist/sv-SE.mjs.map +1 -1
  494. package/dist/tr-TR.cjs +10 -2
  495. package/dist/tr-TR.cjs.map +1 -1
  496. package/dist/tr-TR.mjs +10 -2
  497. package/dist/tr-TR.mjs.map +1 -1
  498. package/dist/types.d.ts +109 -89
  499. package/dist/types.d.ts.map +1 -1
  500. package/dist/uk-UA.cjs +7 -2
  501. package/dist/uk-UA.cjs.map +1 -1
  502. package/dist/uk-UA.mjs +7 -2
  503. package/dist/uk-UA.mjs.map +1 -1
  504. package/dist/zh-CN.cjs +10 -2
  505. package/dist/zh-CN.cjs.map +1 -1
  506. package/dist/zh-CN.mjs +10 -2
  507. package/dist/zh-CN.mjs.map +1 -1
  508. package/dist/zh-TW.cjs +10 -2
  509. package/dist/zh-TW.cjs.map +1 -1
  510. package/dist/zh-TW.mjs +10 -2
  511. package/dist/zh-TW.mjs.map +1 -1
  512. package/icons/Skeleton.cjs +2 -2
  513. package/icons/Skeleton.css +5 -5
  514. package/icons/Skeleton.mjs +2 -2
  515. package/package.json +20 -21
  516. package/src/Accordion.tsx +5 -8
  517. package/src/ActionBar.tsx +229 -0
  518. package/src/ActionButton.tsx +25 -52
  519. package/src/ActionButtonGroup.tsx +9 -11
  520. package/src/ActionMenu.tsx +5 -8
  521. package/src/AlertDialog.tsx +5 -8
  522. package/src/Avatar.tsx +5 -8
  523. package/src/AvatarGroup.tsx +5 -8
  524. package/src/Badge.tsx +5 -8
  525. package/src/Breadcrumbs.tsx +6 -12
  526. package/src/Button.tsx +197 -154
  527. package/src/ButtonGroup.tsx +5 -8
  528. package/src/CardView.tsx +37 -12
  529. package/src/Checkbox.tsx +6 -9
  530. package/src/CheckboxGroup.tsx +6 -9
  531. package/src/ClearButton.tsx +2 -5
  532. package/src/CloseButton.tsx +21 -31
  533. package/src/ColorArea.tsx +5 -8
  534. package/src/ColorField.tsx +5 -8
  535. package/src/ColorSlider.tsx +5 -8
  536. package/src/ColorSwatch.tsx +5 -8
  537. package/src/ColorSwatchPicker.tsx +5 -8
  538. package/src/ColorWheel.tsx +5 -8
  539. package/src/ComboBox.tsx +7 -9
  540. package/src/Content.tsx +12 -30
  541. package/src/ContextualHelp.tsx +5 -8
  542. package/src/CustomDialog.tsx +5 -8
  543. package/src/Dialog.tsx +6 -9
  544. package/src/Disclosure.tsx +15 -24
  545. package/src/Divider.tsx +16 -25
  546. package/src/DropZone.tsx +5 -8
  547. package/src/Field.tsx +25 -32
  548. package/src/Form.tsx +5 -8
  549. package/src/FullscreenDialog.tsx +5 -8
  550. package/src/IllustratedMessage.tsx +6 -9
  551. package/src/Image.tsx +3 -6
  552. package/src/InlineAlert.tsx +6 -10
  553. package/src/Link.tsx +13 -21
  554. package/src/Menu.tsx +69 -33
  555. package/src/Meter.tsx +13 -23
  556. package/src/Modal.tsx +22 -52
  557. package/src/NumberField.tsx +5 -8
  558. package/src/Picker.tsx +7 -9
  559. package/src/Popover.tsx +30 -104
  560. package/src/ProgressBar.tsx +14 -24
  561. package/src/ProgressCircle.tsx +18 -24
  562. package/src/Radio.tsx +6 -9
  563. package/src/RadioGroup.tsx +6 -9
  564. package/src/RangeSlider.tsx +2 -5
  565. package/src/SearchField.tsx +5 -8
  566. package/src/SegmentedControl.tsx +10 -16
  567. package/src/Slider.tsx +2 -5
  568. package/src/StatusLight.tsx +6 -9
  569. package/src/Switch.tsx +6 -9
  570. package/src/TableView.tsx +53 -50
  571. package/src/Tabs.tsx +5 -8
  572. package/src/TagGroup.tsx +7 -14
  573. package/src/TextField.tsx +20 -28
  574. package/src/ToggleButton.tsx +7 -9
  575. package/src/ToggleButtonGroup.tsx +5 -8
  576. package/src/Tooltip.tsx +30 -51
  577. package/src/bar-utils.ts +3 -10
  578. package/src/index.ts +2 -0
  579. package/src/style-utils.ts +15 -8
  580. package/style/dist/main.cjs +1 -0
  581. package/style/dist/main.cjs.map +1 -1
  582. package/style/dist/module.mjs +2 -2
  583. package/style/dist/module.mjs.map +1 -1
  584. package/style/dist/spectrum-theme.cjs +72 -5
  585. package/style/dist/spectrum-theme.cjs.map +1 -1
  586. package/style/dist/spectrum-theme.mjs +72 -6
  587. package/style/dist/spectrum-theme.mjs.map +1 -1
  588. package/style/dist/style-macro.cjs +13 -1
  589. package/style/dist/style-macro.cjs.map +1 -1
  590. package/style/dist/style-macro.mjs +13 -1
  591. package/style/dist/style-macro.mjs.map +1 -1
  592. package/style/dist/types.d.ts +50 -29
  593. package/style/dist/types.d.ts.map +1 -1
  594. package/style/index.ts +1 -1
  595. package/style/spectrum-theme.ts +72 -7
  596. package/style/style-macro.ts +20 -4
  597. package/style/tokens.ts +30 -0
  598. package/style/types.ts +1 -1
@@ -12,7 +12,7 @@ type CustomProperty = `--${string}`;
12
12
  type CSSProperties = CSS.Properties & {
13
13
  [k: CustomProperty]: CSSValue;
14
14
  };
15
- type PropertyFunction<T extends Value> = (value: T, property: string) => PropertyValueDefinition<[CSSProperties, string]>;
15
+ type PropertyFunction<T> = (value: T, property: string) => PropertyValueDefinition<[CSSProperties, string]>;
16
16
  type ShorthandProperty<T> = (value: T) => {
17
17
  [name: string]: Value;
18
18
  };
@@ -121,6 +121,19 @@ declare const color: {
121
121
  GrayText: string;
122
122
  Mark: string;
123
123
  LinkText: string;
124
+ 'transparent-overlay-25': string;
125
+ 'transparent-overlay-50': string;
126
+ 'transparent-overlay-75': string;
127
+ 'transparent-overlay-100': string;
128
+ 'transparent-overlay-200': string;
129
+ 'transparent-overlay-300': string;
130
+ 'transparent-overlay-400': string;
131
+ 'transparent-overlay-500': string;
132
+ 'transparent-overlay-600': string;
133
+ 'transparent-overlay-700': string;
134
+ 'transparent-overlay-800': string;
135
+ 'transparent-overlay-900': string;
136
+ 'transparent-overlay-1000': string;
124
137
  "transparent-black-25": string;
125
138
  "transparent-black-50": string;
126
139
  "transparent-black-75": string;
@@ -533,14 +546,20 @@ declare const color: {
533
546
  white: string;
534
547
  };
535
548
  export function baseColor(base: keyof typeof color): {
536
- default: "transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText";
537
- isHovered: "transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText";
538
- isFocusVisible: "transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText";
539
- isPressed: "transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText";
549
+ default: "transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "transparent-overlay-25" | "transparent-overlay-50" | "transparent-overlay-75" | "transparent-overlay-100" | "transparent-overlay-200" | "transparent-overlay-300" | "transparent-overlay-400" | "transparent-overlay-500" | "transparent-overlay-600" | "transparent-overlay-700" | "transparent-overlay-800" | "transparent-overlay-900" | "transparent-overlay-1000";
550
+ isHovered: "transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "transparent-overlay-25" | "transparent-overlay-50" | "transparent-overlay-75" | "transparent-overlay-100" | "transparent-overlay-200" | "transparent-overlay-300" | "transparent-overlay-400" | "transparent-overlay-500" | "transparent-overlay-600" | "transparent-overlay-700" | "transparent-overlay-800" | "transparent-overlay-900" | "transparent-overlay-1000";
551
+ isFocusVisible: "transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "transparent-overlay-25" | "transparent-overlay-50" | "transparent-overlay-75" | "transparent-overlay-100" | "transparent-overlay-200" | "transparent-overlay-300" | "transparent-overlay-400" | "transparent-overlay-500" | "transparent-overlay-600" | "transparent-overlay-700" | "transparent-overlay-800" | "transparent-overlay-900" | "transparent-overlay-1000";
552
+ isPressed: "transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "transparent-overlay-25" | "transparent-overlay-50" | "transparent-overlay-75" | "transparent-overlay-100" | "transparent-overlay-200" | "transparent-overlay-300" | "transparent-overlay-400" | "transparent-overlay-500" | "transparent-overlay-600" | "transparent-overlay-700" | "transparent-overlay-800" | "transparent-overlay-900" | "transparent-overlay-1000";
540
553
  };
541
554
  type SpectrumColor = Color<keyof typeof color> | ArbitraryValue;
542
555
  export function lightDark(light: SpectrumColor, dark: SpectrumColor): `[${string}]`;
543
556
  export function colorMix(a: SpectrumColor, b: SpectrumColor, percent: number): `[${string}]`;
557
+ interface LinearGradient {
558
+ type: 'linear-gradient';
559
+ angle: string;
560
+ stops: [SpectrumColor, number][];
561
+ }
562
+ export function linearGradient(this: MacroContext | void, angle: string, ...tokens: [SpectrumColor, number][]): [LinearGradient];
544
563
  declare const baseSpacing: {
545
564
  0: string;
546
565
  2: string;
@@ -580,8 +599,8 @@ type GridTrack = 'none' | 'subgrid' | (string & {}) | readonly GridTrackSize[];
580
599
  type GridTrackSize = 'auto' | 'min-content' | 'max-content' | `${number}fr` | `minmax(${string}, ${string})` | keyof typeof baseSpacing | (string & {});
581
600
  export const style: StyleFunction<{
582
601
  filter: "none" | ArbitraryValue | "emphasized" | "elevated" | "dragged";
583
- fill: ArbitraryValue | Color<"accent" | "transparent" | "none" | "negative" | "black" | "blue" | "brown" | "chartreuse" | "cyan" | "fuchsia" | "gray" | "green" | "indigo" | "magenta" | "orange" | "pink" | "purple" | "red" | "silver" | "turquoise" | "white" | "yellow" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "currentColor" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "neutral" | "informative" | "positive" | "notice" | "celery" | "seafoam" | "cinnamon" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText">;
584
- stroke: ArbitraryValue | Color<"transparent" | "none" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "currentColor" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText">;
602
+ fill: ArbitraryValue | Color<"accent" | "transparent" | "none" | "negative" | "black" | "blue" | "brown" | "chartreuse" | "cyan" | "fuchsia" | "gray" | "green" | "indigo" | "magenta" | "orange" | "pink" | "purple" | "red" | "silver" | "turquoise" | "white" | "yellow" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "currentColor" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "neutral" | "informative" | "positive" | "notice" | "celery" | "seafoam" | "cinnamon" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "transparent-overlay-25" | "transparent-overlay-50" | "transparent-overlay-75" | "transparent-overlay-100" | "transparent-overlay-200" | "transparent-overlay-300" | "transparent-overlay-400" | "transparent-overlay-500" | "transparent-overlay-600" | "transparent-overlay-700" | "transparent-overlay-800" | "transparent-overlay-900" | "transparent-overlay-1000">;
603
+ stroke: ArbitraryValue | Color<"transparent" | "none" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "currentColor" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "transparent-overlay-25" | "transparent-overlay-50" | "transparent-overlay-75" | "transparent-overlay-100" | "transparent-overlay-200" | "transparent-overlay-300" | "transparent-overlay-400" | "transparent-overlay-500" | "transparent-overlay-600" | "transparent-overlay-700" | "transparent-overlay-800" | "transparent-overlay-900" | "transparent-overlay-1000">;
585
604
  height: "auto" | "max" | "min" | "screen" | "full" | (number & {}) | ArbitraryValue | "control" | "fit" | "control-sm";
586
605
  width: "auto" | "max" | "min" | "screen" | "full" | (number & {}) | ArbitraryValue | "control" | "fit" | "control-sm";
587
606
  left: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
@@ -602,15 +621,15 @@ export const style: StyleFunction<{
602
621
  backgroundAttachment: "fixed" | "scroll" | "local" | ArbitraryValue;
603
622
  backgroundBlendMode: "normal" | "color" | "color-burn" | "color-dodge" | "darken" | "difference" | "exclusion" | "hard-light" | "hue" | "lighten" | "luminosity" | "multiply" | "overlay" | "saturation" | "screen" | "soft-light" | ArbitraryValue;
604
623
  backgroundClip: "border-box" | "content-box" | "text" | "padding-box" | ArbitraryValue;
605
- backgroundColor: ArbitraryValue | Color<"base" | "accent" | "transparent" | "disabled" | "negative" | "black" | "blue" | "brown" | "chartreuse" | "cyan" | "fuchsia" | "gray" | "green" | "indigo" | "magenta" | "orange" | "pink" | "purple" | "red" | "silver" | "turquoise" | "white" | "yellow" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "neutral" | "informative" | "positive" | "notice" | "celery" | "seafoam" | "cinnamon" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "elevated" | "neutral-subdued" | "accent-subtle" | "neutral-subtle" | "negative-subtle" | "informative-subtle" | "positive-subtle" | "notice-subtle" | "gray-subtle" | "red-subtle" | "orange-subtle" | "yellow-subtle" | "chartreuse-subtle" | "celery-subtle" | "green-subtle" | "seafoam-subtle" | "cyan-subtle" | "blue-subtle" | "indigo-subtle" | "purple-subtle" | "fuchsia-subtle" | "magenta-subtle" | "pink-subtle" | "turquoise-subtle" | "cinnamon-subtle" | "brown-subtle" | "silver-subtle" | "layer-1" | "layer-2" | "pasteboard">;
606
- backgroundImage: string;
624
+ backgroundColor: ArbitraryValue | Color<"base" | "accent" | "transparent" | "disabled" | "negative" | "black" | "blue" | "brown" | "chartreuse" | "cyan" | "fuchsia" | "gray" | "green" | "indigo" | "magenta" | "orange" | "pink" | "purple" | "red" | "silver" | "turquoise" | "white" | "yellow" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "neutral" | "informative" | "positive" | "notice" | "celery" | "seafoam" | "cinnamon" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "transparent-overlay-25" | "transparent-overlay-50" | "transparent-overlay-75" | "transparent-overlay-100" | "transparent-overlay-200" | "transparent-overlay-300" | "transparent-overlay-400" | "transparent-overlay-500" | "transparent-overlay-600" | "transparent-overlay-700" | "transparent-overlay-800" | "transparent-overlay-900" | "transparent-overlay-1000" | "elevated" | "neutral-subdued" | "accent-subtle" | "neutral-subtle" | "negative-subtle" | "informative-subtle" | "positive-subtle" | "notice-subtle" | "gray-subtle" | "red-subtle" | "orange-subtle" | "yellow-subtle" | "chartreuse-subtle" | "celery-subtle" | "green-subtle" | "seafoam-subtle" | "cyan-subtle" | "blue-subtle" | "indigo-subtle" | "purple-subtle" | "fuchsia-subtle" | "magenta-subtle" | "pink-subtle" | "turquoise-subtle" | "cinnamon-subtle" | "brown-subtle" | "silver-subtle" | "layer-1" | "layer-2" | "pasteboard">;
625
+ backgroundImage: string | [LinearGradient];
607
626
  backgroundOrigin: "border-box" | "content-box" | "padding-box" | ArbitraryValue;
608
627
  backgroundPosition: "center" | "left" | "top" | "bottom" | "right" | ArbitraryValue | "left bottom" | "left top" | "right bottom" | "right top";
609
628
  backgroundRepeat: "repeat" | "round" | "no-repeat" | "repeat-x" | "repeat-y" | "space" | ArbitraryValue;
610
629
  backgroundSize: "auto" | "contain" | "cover" | ArbitraryValue;
611
630
  borderBottomWidth: 0 | 2 | 1 | 4 | ArbitraryValue;
612
631
  borderCollapse: "collapse" | "separate" | ArbitraryValue;
613
- borderColor: ArbitraryValue | Color<"transparent" | "disabled" | "negative" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText">;
632
+ borderColor: ArbitraryValue | Color<"transparent" | "disabled" | "negative" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "transparent-overlay-25" | "transparent-overlay-50" | "transparent-overlay-75" | "transparent-overlay-100" | "transparent-overlay-200" | "transparent-overlay-300" | "transparent-overlay-400" | "transparent-overlay-500" | "transparent-overlay-600" | "transparent-overlay-700" | "transparent-overlay-800" | "transparent-overlay-900" | "transparent-overlay-1000">;
614
633
  borderRadius: "none" | "default" | "full" | ArbitraryValue | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
615
634
  borderSpacing: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
616
635
  borderStyle: "none" | "hidden" | "dashed" | "dotted" | "double" | "solid" | ArbitraryValue;
@@ -624,9 +643,9 @@ export const style: StyleFunction<{
624
643
  breakInside: "auto" | "avoid" | "avoid-column" | "avoid-page" | ArbitraryValue;
625
644
  captionSide: "top" | "bottom" | ArbitraryValue;
626
645
  clear: "both" | "none" | "left" | "right" | "inline-end" | "inline-start" | ArbitraryValue;
627
- color: ArbitraryValue | Color<"accent" | "code" | "transparent" | "detail" | "body" | "title" | "disabled" | "negative" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "neutral" | "heading" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "neutral-subdued">;
646
+ color: ArbitraryValue | Color<"accent" | "auto" | "code" | "transparent" | "detail" | "body" | "title" | "disabled" | "negative" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "neutral" | "heading" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "transparent-overlay-25" | "transparent-overlay-50" | "transparent-overlay-75" | "transparent-overlay-100" | "transparent-overlay-200" | "transparent-overlay-300" | "transparent-overlay-400" | "transparent-overlay-500" | "transparent-overlay-600" | "transparent-overlay-700" | "transparent-overlay-800" | "transparent-overlay-900" | "transparent-overlay-1000" | "neutral-subdued">;
628
647
  colorScheme: "dark" | "light" | ArbitraryValue | "light dark";
629
- columnGap: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
648
+ columnGap: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
630
649
  columns: "auto" | 2 | 1 | 3 | 4 | 8 | 5 | 6 | 10 | 7 | 12 | 11 | 9 | ArbitraryValue | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl";
631
650
  contain: "none" | "strict" | "content" | "style" | "size" | "layout" | "paint" | "inline-size" | ArbitraryValue;
632
651
  containIntrinsicHeight: "auto" | "max" | "min" | "screen" | "full" | (number & {}) | ArbitraryValue | "control" | "fit" | "control-sm";
@@ -644,7 +663,7 @@ export const style: StyleFunction<{
644
663
  fontSize: "code" | "detail" | "body" | "title" | ArbitraryValue | "heading" | "ui" | "ui-xs" | "ui-sm" | "ui-lg" | "ui-xl" | "ui-2xl" | "ui-3xl" | "control" | "heading-2xs" | "heading-xs" | "heading-sm" | "heading-lg" | "heading-xl" | "heading-2xl" | "heading-3xl" | "title-xs" | "title-sm" | "title-lg" | "title-xl" | "title-2xl" | "title-3xl" | "body-2xs" | "body-xs" | "body-sm" | "body-lg" | "body-xl" | "body-2xl" | "body-3xl" | "detail-sm" | "detail-lg" | "detail-xl" | "code-xs" | "code-sm" | "code-lg" | "code-xl";
645
664
  fontWeight: "bold" | "detail" | "normal" | "medium" | "title" | "black" | "light" | ArbitraryValue | "extra-bold" | "heading";
646
665
  forcedColorAdjust: "auto" | "none" | ArbitraryValue;
647
- gap: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
666
+ gap: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
648
667
  gridArea: CSS.Property.GridColumnStart | ArbitraryValue;
649
668
  gridAutoColumns: ArbitraryValue | GridTrackSize;
650
669
  gridAutoFlow: "column" | "row" | "dense" | ArbitraryValue | "row dense" | "column dense";
@@ -665,9 +684,9 @@ export const style: StyleFunction<{
665
684
  lineHeight: "code" | "detail" | "body" | "title" | ArbitraryValue | "heading" | "ui";
666
685
  listStylePosition: "inside" | "outside" | ArbitraryValue;
667
686
  listStyleType: "decimal" | "none" | ArbitraryValue | "dist";
668
- margin: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
669
- marginBottom: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
670
- marginTop: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
687
+ margin: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
688
+ marginBottom: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
689
+ marginTop: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
671
690
  maxHeight: "auto" | "max" | "none" | "min" | "screen" | "full" | (number & {}) | ArbitraryValue | "control" | "fit" | "control-sm";
672
691
  maxWidth: "auto" | "max" | "none" | "min" | "screen" | "full" | (number & {}) | ArbitraryValue | "control" | "fit" | "control-sm";
673
692
  minHeight: "auto" | "max" | "min" | "screen" | "full" | (number & {}) | ArbitraryValue | "control" | "fit" | "control-sm";
@@ -677,7 +696,7 @@ export const style: StyleFunction<{
677
696
  objectPosition: "center" | "left" | "top" | "bottom" | "right" | ArbitraryValue | "left bottom" | "left top" | "right bottom" | "right top";
678
697
  opacity: number | ArbitraryValue;
679
698
  order: number | ArbitraryValue;
680
- outlineColor: ArbitraryValue | Color<"transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "focus-ring">;
699
+ outlineColor: ArbitraryValue | Color<"transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "transparent-overlay-25" | "transparent-overlay-50" | "transparent-overlay-75" | "transparent-overlay-100" | "transparent-overlay-200" | "transparent-overlay-300" | "transparent-overlay-400" | "transparent-overlay-500" | "transparent-overlay-600" | "transparent-overlay-700" | "transparent-overlay-800" | "transparent-overlay-900" | "transparent-overlay-1000" | "focus-ring">;
681
700
  outlineOffset: number | ArbitraryValue;
682
701
  outlineStyle: "none" | "inset" | "dashed" | "dotted" | "double" | "solid" | ArbitraryValue;
683
702
  outlineWidth: 0 | 2 | 1 | 4 | ArbitraryValue;
@@ -687,9 +706,9 @@ export const style: StyleFunction<{
687
706
  overscrollBehavior: "auto" | "none" | "contain" | ArbitraryValue;
688
707
  overscrollBehaviorX: "auto" | "none" | "contain" | ArbitraryValue;
689
708
  overscrollBehaviorY: "auto" | "none" | "contain" | ArbitraryValue;
690
- padding: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
691
- paddingBottom: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
692
- paddingTop: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
709
+ padding: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
710
+ paddingBottom: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
711
+ paddingTop: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
693
712
  placeContent: "normal" | "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | "baseline" | ArbitraryValue;
694
713
  placeItems: "center" | "end" | "start" | "stretch" | "baseline" | ArbitraryValue;
695
714
  placeSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline" | ArbitraryValue;
@@ -698,7 +717,7 @@ export const style: StyleFunction<{
698
717
  resize: "both" | "none" | "horizontal" | "vertical" | ArbitraryValue;
699
718
  right: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
700
719
  rotate: number | ArbitraryValue | `${number}deg` | `${number}rad` | `${number}grad` | `${number}turn`;
701
- rowGap: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
720
+ rowGap: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
702
721
  scale: number | ArbitraryValue;
703
722
  scrollBehavior: "auto" | "smooth" | ArbitraryValue;
704
723
  scrollMargin: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
@@ -738,16 +757,18 @@ export const style: StyleFunction<{
738
757
  lineClamp: number | ArbitraryValue;
739
758
  borderStartWidth: 0 | 2 | 1 | 4 | ArbitraryValue;
740
759
  borderEndWidth: 0 | 2 | 1 | 4 | ArbitraryValue;
741
- marginStart: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
742
- marginEnd: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
743
- paddingStart: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
744
- paddingEnd: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
760
+ marginStart: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
761
+ marginEnd: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
762
+ paddingStart: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
763
+ paddingEnd: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
745
764
  scrollMarginStart: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
746
765
  scrollMarginEnd: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
747
766
  scrollPaddingStart: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
748
767
  scrollPaddingEnd: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
749
768
  translateX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384;
750
769
  translateY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384;
770
+ scaleX: number | ArbitraryValue;
771
+ scaleY: number | ArbitraryValue;
751
772
  insetStart: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
752
773
  insetEnd: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
753
774
  borderTopStartRadius: "none" | "default" | "full" | ArbitraryValue | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
@@ -755,10 +776,10 @@ export const style: StyleFunction<{
755
776
  borderBottomStartRadius: "none" | "default" | "full" | ArbitraryValue | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
756
777
  borderBottomEndRadius: "none" | "default" | "full" | ArbitraryValue | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
757
778
  disableTapHighlight: true | ArbitraryValue;
758
- paddingX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
759
- paddingY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
760
- marginX: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
761
- marginY: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
779
+ paddingX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
780
+ paddingY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
781
+ marginX: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
782
+ marginY: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | "edge-to-text" | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
762
783
  scrollPaddingX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
763
784
  scrollPaddingY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
764
785
  scrollMarginX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;