@react-spectrum/s2 1.4.0 → 1.5.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 (421) hide show
  1. package/dist/exports/CenterBaseline.cjs +12 -0
  2. package/dist/exports/CenterBaseline.cjs.map +1 -0
  3. package/dist/exports/CenterBaseline.mjs +7 -0
  4. package/dist/exports/CenterBaseline.mjs.map +1 -0
  5. package/dist/exports/Skeleton.cjs +1 -0
  6. package/dist/exports/Skeleton.cjs.map +1 -1
  7. package/dist/exports/Skeleton.mjs +2 -2
  8. package/dist/exports/Skeleton.mjs.map +1 -1
  9. package/dist/exports/index.cjs +3 -0
  10. package/dist/exports/index.cjs.map +1 -1
  11. package/dist/exports/index.mjs +3 -1
  12. package/dist/exports/index.mjs.map +1 -1
  13. package/dist/private/Accordion.cjs +2 -2
  14. package/dist/private/Accordion.css +2 -2
  15. package/dist/private/Accordion.mjs +2 -2
  16. package/dist/private/ActionBar.cjs +59 -59
  17. package/dist/private/ActionBar.cjs.map +1 -1
  18. package/dist/private/ActionBar.css +58 -58
  19. package/dist/private/ActionBar.css.map +1 -1
  20. package/dist/private/ActionBar.mjs +59 -59
  21. package/dist/private/ActionBar.mjs.map +1 -1
  22. package/dist/private/ActionButton.cjs +247 -247
  23. package/dist/private/ActionButton.cjs.map +1 -1
  24. package/dist/private/ActionButton.css +169 -169
  25. package/dist/private/ActionButton.css.map +1 -1
  26. package/dist/private/ActionButton.mjs +247 -247
  27. package/dist/private/ActionButton.mjs.map +1 -1
  28. package/dist/private/ActionButtonGroup.cjs +15 -15
  29. package/dist/private/ActionButtonGroup.css +9 -9
  30. package/dist/private/ActionButtonGroup.mjs +15 -15
  31. package/dist/private/ActionMenu.cjs.map +1 -1
  32. package/dist/private/ActionMenu.mjs.map +1 -1
  33. package/dist/private/Add.cjs +10 -10
  34. package/dist/private/Add.css +6 -6
  35. package/dist/private/Add.mjs +10 -10
  36. package/dist/private/AlertDialog.cjs +3 -3
  37. package/dist/private/AlertDialog.cjs.map +1 -1
  38. package/dist/private/AlertDialog.css +3 -3
  39. package/dist/private/AlertDialog.css.map +1 -1
  40. package/dist/private/AlertDialog.mjs +3 -3
  41. package/dist/private/AlertDialog.mjs.map +1 -1
  42. package/dist/private/Asterisk.cjs +6 -6
  43. package/dist/private/Asterisk.css +4 -4
  44. package/dist/private/Asterisk.mjs +6 -6
  45. package/dist/private/Avatar.cjs +16 -16
  46. package/dist/private/Avatar.css +16 -16
  47. package/dist/private/Avatar.mjs +16 -16
  48. package/dist/private/AvatarGroup.cjs +120 -120
  49. package/dist/private/AvatarGroup.css +31 -31
  50. package/dist/private/AvatarGroup.mjs +120 -120
  51. package/dist/private/Badge.cjs +197 -197
  52. package/dist/private/Badge.css +125 -125
  53. package/dist/private/Badge.mjs +197 -197
  54. package/dist/private/Breadcrumbs.cjs +234 -234
  55. package/dist/private/Breadcrumbs.cjs.map +1 -1
  56. package/dist/private/Breadcrumbs.css +100 -100
  57. package/dist/private/Breadcrumbs.css.map +1 -1
  58. package/dist/private/Breadcrumbs.mjs +234 -234
  59. package/dist/private/Breadcrumbs.mjs.map +1 -1
  60. package/dist/private/Button.cjs +326 -326
  61. package/dist/private/Button.cjs.map +1 -1
  62. package/dist/private/Button.css +172 -172
  63. package/dist/private/Button.css.map +1 -1
  64. package/dist/private/Button.mjs +326 -326
  65. package/dist/private/Button.mjs.map +1 -1
  66. package/dist/private/ButtonGroup.cjs +23 -20
  67. package/dist/private/ButtonGroup.cjs.map +1 -1
  68. package/dist/private/ButtonGroup.css +19 -15
  69. package/dist/private/ButtonGroup.css.map +1 -1
  70. package/dist/private/ButtonGroup.mjs +23 -20
  71. package/dist/private/ButtonGroup.mjs.map +1 -1
  72. package/dist/private/Calendar.cjs +232 -232
  73. package/dist/private/Calendar.cjs.map +1 -1
  74. package/dist/private/Calendar.css +149 -149
  75. package/dist/private/Calendar.css.map +1 -1
  76. package/dist/private/Calendar.mjs +232 -232
  77. package/dist/private/Calendar.mjs.map +1 -1
  78. package/dist/private/Card.cjs +309 -309
  79. package/dist/private/Card.css +206 -206
  80. package/dist/private/Card.mjs +309 -309
  81. package/dist/private/CardView.cjs +17 -17
  82. package/dist/private/CardView.css +17 -17
  83. package/dist/private/CardView.mjs +17 -17
  84. package/dist/private/CenterBaseline.cjs +1 -1
  85. package/dist/private/CenterBaseline.cjs.map +1 -1
  86. package/dist/private/CenterBaseline.css +2 -2
  87. package/dist/private/CenterBaseline.css.map +1 -1
  88. package/dist/private/CenterBaseline.mjs +1 -1
  89. package/dist/private/CenterBaseline.mjs.map +1 -1
  90. package/dist/private/Checkbox.cjs +188 -188
  91. package/dist/private/Checkbox.css +110 -110
  92. package/dist/private/Checkbox.mjs +188 -188
  93. package/dist/private/CheckboxGroup.cjs +43 -43
  94. package/dist/private/CheckboxGroup.css +37 -37
  95. package/dist/private/CheckboxGroup.mjs +43 -43
  96. package/dist/private/Checkmark.cjs +12 -12
  97. package/dist/private/Checkmark.css +8 -8
  98. package/dist/private/Checkmark.mjs +12 -12
  99. package/dist/private/Chevron.cjs +12 -12
  100. package/dist/private/Chevron.css +10 -10
  101. package/dist/private/Chevron.mjs +12 -12
  102. package/dist/private/ClearButton.cjs +30 -30
  103. package/dist/private/ClearButton.css +30 -30
  104. package/dist/private/ClearButton.mjs +30 -30
  105. package/dist/private/CloseButton.cjs +52 -52
  106. package/dist/private/CloseButton.cjs.map +1 -1
  107. package/dist/private/CloseButton.css +46 -46
  108. package/dist/private/CloseButton.css.map +1 -1
  109. package/dist/private/CloseButton.mjs +52 -52
  110. package/dist/private/CloseButton.mjs.map +1 -1
  111. package/dist/private/ColorArea.cjs +16 -16
  112. package/dist/private/ColorArea.css +16 -16
  113. package/dist/private/ColorArea.mjs +16 -16
  114. package/dist/private/ColorField.cjs +31 -31
  115. package/dist/private/ColorField.css +27 -27
  116. package/dist/private/ColorField.mjs +31 -31
  117. package/dist/private/ColorHandle.cjs +27 -27
  118. package/dist/private/ColorHandle.css +42 -42
  119. package/dist/private/ColorHandle.mjs +27 -27
  120. package/dist/private/ColorSlider.cjs +108 -108
  121. package/dist/private/ColorSlider.css +52 -52
  122. package/dist/private/ColorSlider.mjs +108 -108
  123. package/dist/private/ColorSwatch.cjs +29 -29
  124. package/dist/private/ColorSwatch.css +29 -29
  125. package/dist/private/ColorSwatch.mjs +29 -29
  126. package/dist/private/ColorSwatchPicker.cjs +29 -29
  127. package/dist/private/ColorSwatchPicker.css +48 -48
  128. package/dist/private/ColorSwatchPicker.mjs +29 -29
  129. package/dist/private/ColorWheel.cjs +26 -26
  130. package/dist/private/ColorWheel.css +17 -17
  131. package/dist/private/ColorWheel.mjs +26 -26
  132. package/dist/private/ComboBox.cjs +381 -381
  133. package/dist/private/ComboBox.cjs.map +1 -1
  134. package/dist/private/ComboBox.css +188 -188
  135. package/dist/private/ComboBox.css.map +1 -1
  136. package/dist/private/ComboBox.mjs +381 -381
  137. package/dist/private/ComboBox.mjs.map +1 -1
  138. package/dist/private/ContextualHelp.cjs +5 -5
  139. package/dist/private/ContextualHelp.cjs.map +1 -1
  140. package/dist/private/ContextualHelp.css +50 -50
  141. package/dist/private/ContextualHelp.css.map +1 -1
  142. package/dist/private/ContextualHelp.mjs +5 -5
  143. package/dist/private/ContextualHelp.mjs.map +1 -1
  144. package/dist/private/CornerTriangle.cjs +8 -8
  145. package/dist/private/CornerTriangle.css +6 -6
  146. package/dist/private/CornerTriangle.mjs +8 -8
  147. package/dist/private/Cross.cjs +14 -14
  148. package/dist/private/Cross.css +10 -10
  149. package/dist/private/Cross.mjs +14 -14
  150. package/dist/private/CustomDialog.cjs +25 -25
  151. package/dist/private/CustomDialog.css +25 -25
  152. package/dist/private/CustomDialog.mjs +25 -25
  153. package/dist/private/Dash.cjs +10 -10
  154. package/dist/private/Dash.css +6 -6
  155. package/dist/private/Dash.mjs +10 -10
  156. package/dist/private/DateField.cjs +73 -73
  157. package/dist/private/DateField.css +77 -77
  158. package/dist/private/DateField.mjs +73 -73
  159. package/dist/private/DatePicker.cjs +172 -172
  160. package/dist/private/DatePicker.cjs.map +1 -1
  161. package/dist/private/DatePicker.css +128 -128
  162. package/dist/private/DatePicker.css.map +1 -1
  163. package/dist/private/DatePicker.mjs +172 -172
  164. package/dist/private/DatePicker.mjs.map +1 -1
  165. package/dist/private/DateRangePicker.cjs +55 -55
  166. package/dist/private/DateRangePicker.cjs.map +1 -1
  167. package/dist/private/DateRangePicker.css +59 -59
  168. package/dist/private/DateRangePicker.css.map +1 -1
  169. package/dist/private/DateRangePicker.mjs +55 -55
  170. package/dist/private/DateRangePicker.mjs.map +1 -1
  171. package/dist/private/Dialog.cjs +17 -17
  172. package/dist/private/Dialog.css +70 -70
  173. package/dist/private/Dialog.mjs +17 -17
  174. package/dist/private/Disclosure.cjs +144 -122
  175. package/dist/private/Disclosure.cjs.map +1 -1
  176. package/dist/private/Disclosure.css +112 -112
  177. package/dist/private/Disclosure.css.map +1 -1
  178. package/dist/private/Disclosure.mjs +144 -122
  179. package/dist/private/Disclosure.mjs.map +1 -1
  180. package/dist/private/Divider.cjs +25 -25
  181. package/dist/private/Divider.css +25 -25
  182. package/dist/private/Divider.mjs +25 -25
  183. package/dist/private/DragHandle.cjs +8 -8
  184. package/dist/private/DragHandle.css +6 -6
  185. package/dist/private/DragHandle.mjs +8 -8
  186. package/dist/private/DragPreview.cjs +154 -154
  187. package/dist/private/DragPreview.css +106 -106
  188. package/dist/private/DragPreview.mjs +154 -154
  189. package/dist/private/DropZone.cjs +61 -61
  190. package/dist/private/DropZone.cjs.map +1 -1
  191. package/dist/private/DropZone.css +57 -57
  192. package/dist/private/DropZone.css.map +1 -1
  193. package/dist/private/DropZone.mjs +61 -61
  194. package/dist/private/DropZone.mjs.map +1 -1
  195. package/dist/private/Field.cjs +360 -360
  196. package/dist/private/Field.cjs.map +1 -1
  197. package/dist/private/Field.css +160 -160
  198. package/dist/private/Field.css.map +1 -1
  199. package/dist/private/Field.mjs +360 -360
  200. package/dist/private/Field.mjs.map +1 -1
  201. package/dist/private/Form.cjs +9 -9
  202. package/dist/private/Form.css +9 -9
  203. package/dist/private/Form.mjs +9 -9
  204. package/dist/private/FullscreenDialog.cjs +5 -5
  205. package/dist/private/FullscreenDialog.css +78 -78
  206. package/dist/private/FullscreenDialog.mjs +5 -5
  207. package/dist/private/IllustratedMessage.cjs +228 -228
  208. package/dist/private/IllustratedMessage.css +72 -72
  209. package/dist/private/IllustratedMessage.mjs +228 -228
  210. package/dist/private/Image.cjs +14 -14
  211. package/dist/private/Image.css +14 -14
  212. package/dist/private/Image.mjs +14 -14
  213. package/dist/private/InlineAlert.cjs +100 -100
  214. package/dist/private/InlineAlert.cjs.map +1 -1
  215. package/dist/private/InlineAlert.css +76 -76
  216. package/dist/private/InlineAlert.css.map +1 -1
  217. package/dist/private/InlineAlert.mjs +100 -100
  218. package/dist/private/InlineAlert.mjs.map +1 -1
  219. package/dist/private/LabeledValue.cjs +134 -134
  220. package/dist/private/LabeledValue.css +63 -63
  221. package/dist/private/LabeledValue.mjs +134 -134
  222. package/dist/private/Link.cjs +49 -49
  223. package/dist/private/Link.css +41 -41
  224. package/dist/private/Link.mjs +49 -49
  225. package/dist/private/LinkOut.cjs +8 -8
  226. package/dist/private/LinkOut.css +8 -8
  227. package/dist/private/LinkOut.mjs +8 -8
  228. package/dist/private/ListView.cjs +245 -245
  229. package/dist/private/ListView.cjs.map +1 -1
  230. package/dist/private/ListView.css +177 -177
  231. package/dist/private/ListView.css.map +1 -1
  232. package/dist/private/ListView.mjs +245 -245
  233. package/dist/private/ListView.mjs.map +1 -1
  234. package/dist/private/Menu.cjs +446 -446
  235. package/dist/private/Menu.cjs.map +1 -1
  236. package/dist/private/Menu.css +196 -196
  237. package/dist/private/Menu.css.map +1 -1
  238. package/dist/private/Menu.mjs +446 -446
  239. package/dist/private/Menu.mjs.map +1 -1
  240. package/dist/private/Meter.cjs +153 -153
  241. package/dist/private/Meter.css +91 -91
  242. package/dist/private/Meter.mjs +153 -153
  243. package/dist/private/Modal.cjs +74 -74
  244. package/dist/private/Modal.css +59 -59
  245. package/dist/private/Modal.mjs +74 -74
  246. package/dist/private/NotificationBadge.cjs +56 -56
  247. package/dist/private/NotificationBadge.cjs.map +1 -1
  248. package/dist/private/NotificationBadge.css +49 -49
  249. package/dist/private/NotificationBadge.css.map +1 -1
  250. package/dist/private/NotificationBadge.mjs +56 -56
  251. package/dist/private/NotificationBadge.mjs.map +1 -1
  252. package/dist/private/NumberField.cjs +114 -114
  253. package/dist/private/NumberField.css +99 -99
  254. package/dist/private/NumberField.mjs +114 -114
  255. package/dist/private/Picker.cjs +275 -275
  256. package/dist/private/Picker.cjs.map +1 -1
  257. package/dist/private/Picker.css +173 -173
  258. package/dist/private/Picker.css.map +1 -1
  259. package/dist/private/Picker.mjs +275 -275
  260. package/dist/private/Picker.mjs.map +1 -1
  261. package/dist/private/Popover.cjs +95 -95
  262. package/dist/private/Popover.cjs.map +1 -1
  263. package/dist/private/Popover.css +75 -75
  264. package/dist/private/Popover.css.map +1 -1
  265. package/dist/private/Popover.mjs +95 -95
  266. package/dist/private/Popover.mjs.map +1 -1
  267. package/dist/private/ProgressBar.cjs +163 -163
  268. package/dist/private/ProgressBar.css +99 -99
  269. package/dist/private/ProgressBar.mjs +163 -163
  270. package/dist/private/ProgressCircle.cjs +34 -31
  271. package/dist/private/ProgressCircle.cjs.map +1 -1
  272. package/dist/private/ProgressCircle.css +24 -24
  273. package/dist/private/ProgressCircle.css.map +1 -1
  274. package/dist/private/ProgressCircle.mjs +34 -31
  275. package/dist/private/ProgressCircle.mjs.map +1 -1
  276. package/dist/private/Provider.cjs +19 -19
  277. package/dist/private/Provider.css +15 -15
  278. package/dist/private/Provider.mjs +19 -19
  279. package/dist/private/RadioGroup.cjs +208 -208
  280. package/dist/private/RadioGroup.css +113 -113
  281. package/dist/private/RadioGroup.mjs +208 -208
  282. package/dist/private/RangeCalendar.cjs +16 -16
  283. package/dist/private/RangeCalendar.cjs.map +1 -1
  284. package/dist/private/RangeCalendar.css +17 -17
  285. package/dist/private/RangeCalendar.css.map +1 -1
  286. package/dist/private/RangeCalendar.mjs +16 -16
  287. package/dist/private/RangeCalendar.mjs.map +1 -1
  288. package/dist/private/RangeSlider.cjs.map +1 -1
  289. package/dist/private/RangeSlider.mjs.map +1 -1
  290. package/dist/private/SearchField.cjs +41 -41
  291. package/dist/private/SearchField.css +45 -45
  292. package/dist/private/SearchField.mjs +41 -41
  293. package/dist/private/SegmentedControl.cjs +178 -178
  294. package/dist/private/SegmentedControl.css +123 -123
  295. package/dist/private/SegmentedControl.mjs +178 -178
  296. package/dist/private/SelectBoxGroup.cjs +142 -142
  297. package/dist/private/SelectBoxGroup.css +120 -120
  298. package/dist/private/SelectBoxGroup.mjs +142 -142
  299. package/dist/private/Slider.cjs +292 -292
  300. package/dist/private/Slider.css +159 -159
  301. package/dist/private/Slider.mjs +292 -292
  302. package/dist/private/StatusLight.cjs +115 -115
  303. package/dist/private/StatusLight.css +59 -59
  304. package/dist/private/StatusLight.mjs +115 -115
  305. package/dist/private/Switch.cjs +171 -171
  306. package/dist/private/Switch.css +85 -85
  307. package/dist/private/Switch.mjs +171 -171
  308. package/dist/private/TableView.cjs +551 -534
  309. package/dist/private/TableView.cjs.map +1 -1
  310. package/dist/private/TableView.css +329 -303
  311. package/dist/private/TableView.css.map +1 -1
  312. package/dist/private/TableView.mjs +551 -534
  313. package/dist/private/TableView.mjs.map +1 -1
  314. package/dist/private/Tabs.cjs +131 -125
  315. package/dist/private/Tabs.cjs.map +1 -1
  316. package/dist/private/Tabs.css +105 -105
  317. package/dist/private/Tabs.css.map +1 -1
  318. package/dist/private/Tabs.mjs +131 -125
  319. package/dist/private/Tabs.mjs.map +1 -1
  320. package/dist/private/TabsPicker.cjs +127 -127
  321. package/dist/private/TabsPicker.css +108 -108
  322. package/dist/private/TabsPicker.mjs +127 -127
  323. package/dist/private/TagGroup.cjs +203 -203
  324. package/dist/private/TagGroup.cjs.map +1 -1
  325. package/dist/private/TagGroup.css +146 -146
  326. package/dist/private/TagGroup.css.map +1 -1
  327. package/dist/private/TagGroup.mjs +203 -203
  328. package/dist/private/TagGroup.mjs.map +1 -1
  329. package/dist/private/TextField.cjs +58 -58
  330. package/dist/private/TextField.css +54 -54
  331. package/dist/private/TextField.mjs +58 -58
  332. package/dist/private/TimeField.cjs +51 -51
  333. package/dist/private/TimeField.css +47 -47
  334. package/dist/private/TimeField.mjs +51 -51
  335. package/dist/private/Toast.cjs +120 -120
  336. package/dist/private/Toast.cjs.map +1 -1
  337. package/dist/private/Toast.css +110 -110
  338. package/dist/private/Toast.css.map +1 -1
  339. package/dist/private/Toast.mjs +120 -120
  340. package/dist/private/Toast.mjs.map +1 -1
  341. package/dist/private/ToggleButton.cjs +16 -16
  342. package/dist/private/ToggleButton.css +23 -23
  343. package/dist/private/ToggleButton.mjs +16 -16
  344. package/dist/private/Tooltip.cjs +86 -86
  345. package/dist/private/Tooltip.css +70 -70
  346. package/dist/private/Tooltip.mjs +86 -86
  347. package/dist/private/TreeView.cjs +229 -229
  348. package/dist/private/TreeView.cjs.map +1 -1
  349. package/dist/private/TreeView.css +184 -184
  350. package/dist/private/TreeView.css.map +1 -1
  351. package/dist/private/TreeView.mjs +229 -229
  352. package/dist/private/TreeView.mjs.map +1 -1
  353. package/dist/private/dnd-utils.cjs +42 -42
  354. package/dist/private/dnd-utils.css +39 -39
  355. package/dist/private/dnd-utils.mjs +42 -42
  356. package/dist/types/exports/CenterBaseline.d.ts +1 -0
  357. package/dist/types/exports/Skeleton.d.ts +1 -1
  358. package/dist/types/exports/index.d.ts +1 -0
  359. package/dist/types/src/CenterBaseline.d.ts +17 -0
  360. package/dist/types/src/ContextualHelp.d.ts +1 -1
  361. package/dist/types/src/Disclosure.d.ts +6 -1
  362. package/dist/types/src/ListView.d.ts +1 -1
  363. package/dist/types/src/Menu.d.ts +1 -1
  364. package/dist/types/src/Popover.d.ts +2 -2
  365. package/dist/types/src/style-utils.d.ts +4 -1
  366. package/exports/CenterBaseline.ts +1 -0
  367. package/exports/Skeleton.ts +1 -1
  368. package/exports/index.ts +2 -0
  369. package/icons/Icon.cjs +10 -10
  370. package/icons/Icon.css +9 -9
  371. package/icons/Icon.mjs +10 -10
  372. package/icons/Skeleton.cjs +2 -2
  373. package/icons/Skeleton.cjs.map +1 -1
  374. package/icons/Skeleton.css +6 -6
  375. package/icons/Skeleton.mjs +2 -2
  376. package/icons/Skeleton.mjs.map +1 -1
  377. package/package.json +6 -6
  378. package/src/ActionBar.tsx +0 -1
  379. package/src/ActionButton.tsx +0 -1
  380. package/src/ActionMenu.tsx +0 -1
  381. package/src/AlertDialog.tsx +0 -1
  382. package/src/Breadcrumbs.tsx +0 -4
  383. package/src/Button.tsx +0 -1
  384. package/src/ButtonGroup.tsx +1 -0
  385. package/src/Calendar.tsx +0 -1
  386. package/src/CenterBaseline.tsx +17 -0
  387. package/src/CloseButton.tsx +0 -1
  388. package/src/ComboBox.tsx +0 -1
  389. package/src/ContextualHelp.tsx +1 -2
  390. package/src/DatePicker.tsx +0 -1
  391. package/src/DateRangePicker.tsx +0 -1
  392. package/src/Disclosure.tsx +92 -79
  393. package/src/DropZone.tsx +0 -1
  394. package/src/Field.tsx +0 -1
  395. package/src/InlineAlert.tsx +0 -1
  396. package/src/ListView.tsx +0 -2
  397. package/src/Menu.tsx +1 -8
  398. package/src/NotificationBadge.tsx +0 -1
  399. package/src/Picker.tsx +0 -1
  400. package/src/Popover.tsx +2 -1
  401. package/src/ProgressCircle.tsx +1 -1
  402. package/src/RangeCalendar.tsx +0 -1
  403. package/src/RangeSlider.tsx +0 -1
  404. package/src/TableView.tsx +75 -37
  405. package/src/Tabs.tsx +9 -2
  406. package/src/TagGroup.tsx +0 -1
  407. package/src/Toast.tsx +0 -3
  408. package/src/TreeView.tsx +0 -1
  409. package/src/style-utils.ts +13 -2
  410. package/style/__tests__/style-macro.test.js +71 -71
  411. package/style/dist/main.cjs +25 -25
  412. package/style/dist/module.mjs +13 -13
  413. package/style/dist/properties.mjs +3 -3
  414. package/style/dist/spectrum-theme.cjs +224 -224
  415. package/style/dist/spectrum-theme.mjs +217 -217
  416. package/style/dist/style-macro.cjs +100 -100
  417. package/style/dist/style-macro.mjs +94 -94
  418. package/style/dist/style-utils.cjs +51 -39
  419. package/style/dist/style-utils.cjs.map +1 -1
  420. package/style/dist/style-utils.mjs +50 -38
  421. package/style/dist/style-utils.mjs.map +1 -1
@@ -1,7 +1,7 @@
1
- import $5VBDY$propertiesmjs2 from "./properties.mjs";
2
- import {resolve as $5VBDY$resolve, dirname as $5VBDY$dirname} from "path";
3
- import {fileURLToPath as $5VBDY$fileURLToPath} from "url";
4
- import $5VBDY$fs from "fs";
1
+ import $21kDB$propertiesmjs2 from "./properties.mjs";
2
+ import {resolve as $21kDB$resolve, dirname as $21kDB$dirname} from "path";
3
+ import {fileURLToPath as $21kDB$fileURLToPath} from "url";
4
+ import $21kDB$fs from "fs";
5
5
 
6
6
  /*
7
7
  * Copyright 2024 Adobe. All rights reserved.
@@ -18,11 +18,11 @@ import $5VBDY$fs from "fs";
18
18
 
19
19
 
20
20
 
21
- var $e3c5b37c91268204$var$$parcel$__dirname = $5VBDY$resolve($5VBDY$dirname($5VBDY$fileURLToPath(import.meta.url)), "..");
21
+ var $2b02e40735e2ad11$var$$parcel$__dirname = $21kDB$resolve($21kDB$dirname($21kDB$fileURLToPath(import.meta.url)), "..");
22
22
  // Postfix all class names with version for now.
23
- const $e3c5b37c91268204$var$json = JSON.parse((0, $5VBDY$fs).readFileSync($e3c5b37c91268204$var$$parcel$__dirname + '/../package.json', 'utf8'));
24
- const $e3c5b37c91268204$var$POSTFIX = $e3c5b37c91268204$var$json.version.includes('nightly') ? $e3c5b37c91268204$var$json.version.match(/-nightly-(.*)/)[1] : $e3c5b37c91268204$var$json.version.replace(/[0.]/g, '');
25
- class $e3c5b37c91268204$export$d03475ad9df06cd2 {
23
+ const $2b02e40735e2ad11$var$json = JSON.parse((0, $21kDB$fs).readFileSync($2b02e40735e2ad11$var$$parcel$__dirname + '/../package.json', 'utf8'));
24
+ const $2b02e40735e2ad11$var$POSTFIX = $2b02e40735e2ad11$var$json.version.includes('nightly') ? $2b02e40735e2ad11$var$json.version.match(/-nightly-(.*)/)[1] : $2b02e40735e2ad11$var$json.version.replace(/[0.]/g, '');
25
+ class $2b02e40735e2ad11$export$d03475ad9df06cd2 {
26
26
  constructor(property, toCSS){
27
27
  this.property = property;
28
28
  this.toCSS = toCSS || ((value)=>String(value));
@@ -36,14 +36,14 @@ class $e3c5b37c91268204$export$d03475ad9df06cd2 {
36
36
  return this.toCSS(value);
37
37
  }
38
38
  toCSSProperties(customProperty, value) {
39
- return $e3c5b37c91268204$var$mapConditionalValue(value, (value)=>[
39
+ return $2b02e40735e2ad11$var$mapConditionalValue(value, (value)=>[
40
40
  {
41
41
  [customProperty || this.property]: String(value)
42
42
  }
43
43
  ]);
44
44
  }
45
45
  }
46
- class $e3c5b37c91268204$export$965169194d2485f7 extends $e3c5b37c91268204$export$d03475ad9df06cd2 {
46
+ class $2b02e40735e2ad11$export$965169194d2485f7 extends $2b02e40735e2ad11$export$d03475ad9df06cd2 {
47
47
  constructor(property, mapping){
48
48
  super(property);
49
49
  this.mapping = mapping;
@@ -59,15 +59,15 @@ class $e3c5b37c91268204$export$965169194d2485f7 extends $e3c5b37c91268204$export
59
59
  }
60
60
  }
61
61
  }
62
- class $e3c5b37c91268204$export$40ae678e65d951f2 extends $e3c5b37c91268204$export$965169194d2485f7 {
62
+ class $2b02e40735e2ad11$export$40ae678e65d951f2 extends $2b02e40735e2ad11$export$965169194d2485f7 {
63
63
  toCSSValue(value) {
64
64
  let [color, opacity] = value.split('/');
65
- return $e3c5b37c91268204$var$mapConditionalValue(this.mapping[color], (value)=>{
65
+ return $2b02e40735e2ad11$var$mapConditionalValue(this.mapping[color], (value)=>{
66
66
  return opacity ? `rgb(from ${value} r g b / ${opacity}%)` : value;
67
67
  });
68
68
  }
69
69
  }
70
- class $e3c5b37c91268204$export$6bff0717a72a8669 extends $e3c5b37c91268204$export$965169194d2485f7 {
70
+ class $2b02e40735e2ad11$export$6bff0717a72a8669 extends $2b02e40735e2ad11$export$965169194d2485f7 {
71
71
  constructor(property, mapping){
72
72
  super(property, mapping);
73
73
  }
@@ -76,7 +76,7 @@ class $e3c5b37c91268204$export$6bff0717a72a8669 extends $e3c5b37c91268204$export
76
76
  return super.toCSSValue(value);
77
77
  }
78
78
  }
79
- class $e3c5b37c91268204$export$8c6b4dc3755476bb extends $e3c5b37c91268204$export$6bff0717a72a8669 {
79
+ class $2b02e40735e2ad11$export$8c6b4dc3755476bb extends $2b02e40735e2ad11$export$6bff0717a72a8669 {
80
80
  constructor(property, mapping, numberToCSS){
81
81
  super(property, mapping);
82
82
  this.numberToCSS = numberToCSS;
@@ -86,12 +86,12 @@ class $e3c5b37c91268204$export$8c6b4dc3755476bb extends $e3c5b37c91268204$export
86
86
  return super.toCSSValue(value);
87
87
  }
88
88
  }
89
- class $e3c5b37c91268204$export$1b6028cfca42adca {
89
+ class $2b02e40735e2ad11$export$1b6028cfca42adca {
90
90
  constructor(properties, expand, mapping){
91
91
  this.cssProperties = properties;
92
92
  this.expand = expand;
93
- if (mapping instanceof $e3c5b37c91268204$export$965169194d2485f7) this.mapping = mapping;
94
- else if (mapping) this.mapping = new $e3c5b37c91268204$export$965169194d2485f7(properties[0], mapping);
93
+ if (mapping instanceof $2b02e40735e2ad11$export$965169194d2485f7) this.mapping = mapping;
94
+ else if (mapping) this.mapping = new $2b02e40735e2ad11$export$965169194d2485f7(properties[0], mapping);
95
95
  else this.mapping = null;
96
96
  }
97
97
  toCSSValue(value) {
@@ -100,23 +100,23 @@ class $e3c5b37c91268204$export$1b6028cfca42adca {
100
100
  }
101
101
  toCSSProperties(customProperty, value) {
102
102
  if (customProperty) throw new Error('Style properties that expand into multiple CSS properties cannot be set as CSS variables.');
103
- return $e3c5b37c91268204$var$mapConditionalValue(value, (value)=>[
103
+ return $2b02e40735e2ad11$var$mapConditionalValue(value, (value)=>[
104
104
  this.expand(value)
105
105
  ]);
106
106
  }
107
107
  }
108
- function $e3c5b37c91268204$var$mapConditionalValue(value, fn) {
108
+ function $2b02e40735e2ad11$var$mapConditionalValue(value, fn) {
109
109
  if (typeof value === 'object' && !Array.isArray(value)) {
110
110
  let res = {};
111
- for(let condition in value)res[condition] = $e3c5b37c91268204$var$mapConditionalValue(value[condition], fn);
111
+ for(let condition in value)res[condition] = $2b02e40735e2ad11$var$mapConditionalValue(value[condition], fn);
112
112
  return res;
113
113
  } else return fn(value);
114
114
  }
115
- function $e3c5b37c91268204$var$mapConditionalShorthand(value, fn) {
115
+ function $2b02e40735e2ad11$var$mapConditionalShorthand(value, fn) {
116
116
  if (typeof value === 'object') {
117
117
  let res = {};
118
118
  for(let condition in value){
119
- let properties = $e3c5b37c91268204$var$mapConditionalShorthand(value[condition], fn);
119
+ let properties = $2b02e40735e2ad11$var$mapConditionalShorthand(value[condition], fn);
120
120
  for(let property in properties){
121
121
  res[property] ??= {};
122
122
  res[property][condition] = properties[property];
@@ -125,22 +125,22 @@ function $e3c5b37c91268204$var$mapConditionalShorthand(value, fn) {
125
125
  return res;
126
126
  } else return fn(value);
127
127
  }
128
- function $e3c5b37c91268204$export$22a8270399010c94(value) {
128
+ function $2b02e40735e2ad11$export$22a8270399010c94(value) {
129
129
  if (typeof value === 'string' && value.startsWith('--')) return `var(${value})`;
130
130
  else if (typeof value === 'string' && value[0] === '[' && value[value.length - 1] === ']') return value.slice(1, -1);
131
131
  else if (typeof value === 'string' && (/^(var|calc|min|max|clamp|round|mod|rem|sin|cos|tan|asin|acos|atan|atan2|pow|sqrt|hypot|log|exp|abs|sign)\(.+\)$/.test(value) || /^(inherit|initial|unset)$/.test(value))) return value;
132
132
  }
133
- function $e3c5b37c91268204$var$shortCSSPropertyName(property) {
134
- return $5VBDY$propertiesmjs1.properties[property] ?? $e3c5b37c91268204$var$generateArbitraryValueSelector(property, true);
133
+ function $2b02e40735e2ad11$var$shortCSSPropertyName(property) {
134
+ return $21kDB$propertiesmjs1.properties[property] ?? $2b02e40735e2ad11$var$generateArbitraryValueSelector(property, true);
135
135
  }
136
- function $e3c5b37c91268204$var$classNamePrefix(property, cssProperty) {
137
- let className = $5VBDY$propertiesmjs1.properties[cssProperty];
136
+ function $2b02e40735e2ad11$var$classNamePrefix(property, cssProperty) {
137
+ let className = $21kDB$propertiesmjs1.properties[cssProperty];
138
138
  if (className && property === '--' + className) return '-' + className + '_-';
139
139
  if (className && !property.startsWith('--')) return className;
140
- return '-' + $e3c5b37c91268204$var$generateArbitraryValueSelector(property, true) + '-';
140
+ return '-' + $2b02e40735e2ad11$var$generateArbitraryValueSelector(property, true) + '-';
141
141
  }
142
- let $e3c5b37c91268204$var$isCompilingDependencies = false;
143
- function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
142
+ let $2b02e40735e2ad11$var$isCompilingDependencies = false;
143
+ function $2b02e40735e2ad11$export$25d302a5b900a763(theme) {
144
144
  let properties = new Map(Object.entries(theme.properties).map(([k, v])=>{
145
145
  if (!Array.isArray(v) && v.cssProperties) return [
146
146
  k,
@@ -148,7 +148,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
148
148
  ];
149
149
  return [
150
150
  k,
151
- new $e3c5b37c91268204$export$965169194d2485f7(k, v)
151
+ new $2b02e40735e2ad11$export$965169194d2485f7(k, v)
152
152
  ];
153
153
  }));
154
154
  let dependencies = new Set();
@@ -166,7 +166,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
166
166
  let usedPriorities = 0;
167
167
  let setRules = (key, value)=>{
168
168
  usedPriorities = Math.max(usedPriorities, value[0]);
169
- rules.set(key, new $e3c5b37c91268204$var$GroupRule(value[1]));
169
+ rules.set(key, new $2b02e40735e2ad11$var$GroupRule(value[1]));
170
170
  };
171
171
  hasConditions = false;
172
172
  for(let key in style){
@@ -182,7 +182,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
182
182
  if (theme.shorthands[key]) {
183
183
  let shorthand = theme.shorthands[key];
184
184
  if (typeof shorthand === 'function') {
185
- let expanded = $e3c5b37c91268204$var$mapConditionalShorthand(value, shorthand);
185
+ let expanded = $2b02e40735e2ad11$var$mapConditionalShorthand(value, shorthand);
186
186
  for(let k in expanded){
187
187
  let v = expanded[k];
188
188
  values.set(k, v);
@@ -201,13 +201,13 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
201
201
  if (value != null) {
202
202
  if (!(dep in theme.properties)) throw new Error(`Unknown dependency ${dep}`);
203
203
  let prop = properties.get(dep);
204
- let name = `--${$e3c5b37c91268204$var$shortCSSPropertyName(prop.cssProperties[0])}`;
204
+ let name = `--${$2b02e40735e2ad11$var$shortCSSPropertyName(prop.cssProperties[0])}`;
205
205
  // Could potentially use @property to prevent the var from inheriting in children.
206
- $e3c5b37c91268204$var$isCompilingDependencies = dep;
206
+ $2b02e40735e2ad11$var$isCompilingDependencies = dep;
207
207
  setRules(name, compileValue(name, dep, value));
208
- $e3c5b37c91268204$var$isCompilingDependencies = null;
208
+ $2b02e40735e2ad11$var$isCompilingDependencies = null;
209
209
  setRules(dep, compileValue(dep, dep, name));
210
- $e3c5b37c91268204$var$isCompilingDependencies = false;
210
+ $2b02e40735e2ad11$var$isCompilingDependencies = false;
211
211
  }
212
212
  }
213
213
  dependencies.clear();
@@ -218,7 +218,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
218
218
  for(let i = 0; i <= usedPriorities; i++){
219
219
  if (first) first = false;
220
220
  else css += ', ';
221
- css += $e3c5b37c91268204$var$layerName($e3c5b37c91268204$var$generateName(i, true));
221
+ css += $2b02e40735e2ad11$var$layerName($2b02e40735e2ad11$var$generateName(i, true));
222
222
  }
223
223
  css += ';\n\n';
224
224
  // If allowed overrides are provided, generate code to match the input override string and include only allowed classes.
@@ -248,13 +248,13 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
248
248
  if (prop) {
249
249
  for (let property of prop.cssProperties)// oxlint-disable-next-line max-depth
250
250
  if (property && allowedOverridesSet.has(property)) {
251
- let selector = $e3c5b37c91268204$var$classNamePrefix(property, property);
251
+ let selector = $2b02e40735e2ad11$var$classNamePrefix(property, property);
252
252
  let p = property.replace('--', '__');
253
253
  js += `let ${p} = false;\n`;
254
254
  loop += ` if (p[1] === ${JSON.stringify(selector)}) ${p} = true;\n`;
255
255
  }
256
256
  } else if (property.startsWith('--') && allowedOverridesSet.has(property)) {
257
- let selector = $e3c5b37c91268204$var$classNamePrefix(property, property);
257
+ let selector = $2b02e40735e2ad11$var$classNamePrefix(property, property);
258
258
  let p = property.replace('--', '__');
259
259
  js += `let ${p} = false;\n`;
260
260
  loop += ` if (p[1] === ${JSON.stringify(selector)}) ${p} = true;\n`;
@@ -263,7 +263,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
263
263
  let macroPart = process.env.NODE_ENV !== 'production' ? '|-macro\\$' : '';
264
264
  let regex = `/(?:^|\\s)(${[
265
265
  ...allowedOverridesSet
266
- ].map((p)=>$e3c5b37c91268204$var$classNamePrefix(p, p)).join('|')}${macroPart})[^\\s]+/g`;
266
+ ].map((p)=>$2b02e40735e2ad11$var$classNamePrefix(p, p)).join('|')}${macroPart})[^\\s]+/g`;
267
267
  if (loop) {
268
268
  js += `let matches = String(overrides || '').matchAll(${regex});\n`;
269
269
  js += 'for (let p of matches) {\n';
@@ -276,21 +276,21 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
276
276
  let isStatic = !(hasConditions || allowedOverrides);
277
277
  let className = '';
278
278
  let rulesByLayer = new Map();
279
- let rootRule = new $e3c5b37c91268204$var$GroupRule([
279
+ let rootRule = new $2b02e40735e2ad11$var$GroupRule([
280
280
  ...rules.values()
281
281
  ]);
282
282
  if (isStatic) className += rootRule.getStaticClassName();
283
283
  else js += rootRule.toJS(allowedOverridesSet) + '\n';
284
284
  rootRule.toCSS(rulesByLayer);
285
285
  for (let [layer, rules] of rulesByLayer){
286
- css += `@layer ${$e3c5b37c91268204$var$layerName(layer)} {\n`;
286
+ css += `@layer ${$2b02e40735e2ad11$var$layerName(layer)} {\n`;
287
287
  css += rules.join('\n\n');
288
288
  css += '}\n\n';
289
289
  }
290
290
  // @ts-expect-error
291
291
  let loc = this?.loc?.filePath + ':' + this?.loc?.line + ':' + this?.loc?.col;
292
292
  if (isStatic && process.env.NODE_ENV !== 'production') {
293
- let id = $e3c5b37c91268204$var$toBase62($e3c5b37c91268204$var$hash(className + loc));
293
+ let id = $2b02e40735e2ad11$var$toBase62($2b02e40735e2ad11$var$hash(className + loc));
294
294
  css += `.-macro-static-${id} {
295
295
  --macro-data-${id}: ${JSON.stringify({
296
296
  style: style,
@@ -356,7 +356,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
356
356
  // The @layer order in the generated CSS will ensure that it overrides classes applied by runtime conditions.
357
357
  let isCSSCondition = condition in theme.conditions || /^[@:]/.test(condition);
358
358
  if (!wasCSSCondition && isCSSCondition && rules.length) rules = [
359
- new $e3c5b37c91268204$var$GroupRule(rules)
359
+ new $2b02e40735e2ad11$var$GroupRule(rules)
360
360
  ];
361
361
  wasCSSCondition = isCSSCondition;
362
362
  // Increment the current priority whenever we see a new CSS condition.
@@ -396,7 +396,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
396
396
  }
397
397
  function compileCondition(conditions, condition, priority, rules) {
398
398
  if (condition === 'default' || conditions.has(condition)) return [
399
- new $e3c5b37c91268204$var$GroupRule(rules)
399
+ new $2b02e40735e2ad11$var$GroupRule(rules)
400
400
  ];
401
401
  if (condition in theme.conditions || /^[@:]/.test(condition)) {
402
402
  // Conditions starting with : are CSS pseudo classes. Nest them inside the parent rule.
@@ -411,18 +411,18 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
411
411
  rule.addPseudo(prelude);
412
412
  return rule;
413
413
  });
414
- return new $e3c5b37c91268204$var$GroupRule(rulesWithPseudo, $e3c5b37c91268204$var$generateName(priority, true));
414
+ return new $2b02e40735e2ad11$var$GroupRule(rulesWithPseudo, $2b02e40735e2ad11$var$generateName(priority, true));
415
415
  }
416
416
  // Otherwise, wrap the rule in the condition (e.g. @media).
417
417
  // Top level layer is based on the priority of the rule, not the condition.
418
418
  // Also group in a sub-layer based on the condition so that lightningcss can more effectively deduplicate rules.
419
- let layer = `${$e3c5b37c91268204$var$generateName(priority, true)}.${$5VBDY$propertiesmjs.conditions[prelude] || $e3c5b37c91268204$var$generateArbitraryValueSelector(condition, true)}`;
420
- return new $e3c5b37c91268204$var$AtRule(rules, prelude, layer, condition);
419
+ let layer = `${$2b02e40735e2ad11$var$generateName(priority, true)}.${$21kDB$propertiesmjs.conditions[prelude] || $2b02e40735e2ad11$var$generateArbitraryValueSelector(condition, true)}`;
420
+ return new $2b02e40735e2ad11$var$AtRule(rules, prelude, layer, condition);
421
421
  });
422
422
  }
423
423
  hasConditions = true;
424
424
  return [
425
- new $e3c5b37c91268204$var$ConditionalRule(rules, condition)
425
+ new $2b02e40735e2ad11$var$ConditionalRule(rules, condition)
426
426
  ];
427
427
  }
428
428
  function compileRule(property, themeProperty, value, priority, conditions, skipConditions) {
@@ -430,7 +430,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
430
430
  if (propertyFunction) {
431
431
  // Expand value to conditional CSS values, and then to rules.
432
432
  let propertyValue = value;
433
- let arbitrary = $e3c5b37c91268204$export$22a8270399010c94(value);
433
+ let arbitrary = $2b02e40735e2ad11$export$22a8270399010c94(value);
434
434
  let cssValue = arbitrary ? arbitrary : propertyFunction.toCSSValue(value);
435
435
  let cssProperties = propertyFunction.toCSSProperties(property.startsWith('--') ? property : null, cssValue);
436
436
  return conditionalToRules(cssProperties, priority, conditions, skipConditions, (value, priority, conditions)=>{
@@ -447,23 +447,23 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
447
447
  let cssProperties = prop.cssProperties;
448
448
  if (cssProperties.length !== 1) throw new Error(`self(${v}) is not supported. ${v} expands to multiple CSS properties.`);
449
449
  dependencies.add(v);
450
- return `var(--${$e3c5b37c91268204$var$shortCSSPropertyName(cssProperties[0])}`;
450
+ return `var(--${$2b02e40735e2ad11$var$shortCSSPropertyName(cssProperties[0])}`;
451
451
  });
452
452
  // Generate selector. This consists of three parts: property, conditions, value.
453
453
  let cssProperty = key;
454
454
  if (property.startsWith('--')) cssProperty = propertyFunction.cssProperties[0];
455
- let className = $e3c5b37c91268204$var$classNamePrefix(key, cssProperty);
455
+ let className = $2b02e40735e2ad11$var$classNamePrefix(key, cssProperty);
456
456
  if (conditions.size > 0) for (let condition of conditions){
457
457
  let prelude = theme.conditions[condition] || condition;
458
458
  let preludes = Array.isArray(prelude) ? prelude : [
459
459
  prelude
460
460
  ];
461
- for (let prelude of preludes)className += $5VBDY$propertiesmjs.conditions[prelude] || $e3c5b37c91268204$var$generateArbitraryValueSelector(condition);
461
+ for (let prelude of preludes)className += $21kDB$propertiesmjs.conditions[prelude] || $2b02e40735e2ad11$var$generateArbitraryValueSelector(condition);
462
462
  }
463
- if (cssProperty !== key) className += $e3c5b37c91268204$var$shortCSSPropertyName(cssProperty);
464
- className += $5VBDY$propertiesmjs2.values[cssProperty]?.[String(value)] ?? $e3c5b37c91268204$var$generateArbitraryValueSelector(String(value));
465
- className += $e3c5b37c91268204$var$POSTFIX;
466
- rules.push(new $e3c5b37c91268204$var$StyleRule(className, key, String(value), $e3c5b37c91268204$var$isCompilingDependencies ? themeProperty : property, propertyValue));
463
+ if (cssProperty !== key) className += $2b02e40735e2ad11$var$shortCSSPropertyName(cssProperty);
464
+ className += $21kDB$propertiesmjs2.values[cssProperty]?.[String(value)] ?? $2b02e40735e2ad11$var$generateArbitraryValueSelector(String(value));
465
+ className += $2b02e40735e2ad11$var$POSTFIX;
466
+ rules.push(new $2b02e40735e2ad11$var$StyleRule(className, key, String(value), $2b02e40735e2ad11$var$isCompilingDependencies ? themeProperty : property, propertyValue));
467
467
  }
468
468
  return [
469
469
  0,
@@ -473,7 +473,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
473
473
  } else throw new Error('Unknown property ' + themeProperty);
474
474
  }
475
475
  }
476
- function $e3c5b37c91268204$var$kebab(property) {
476
+ function $2b02e40735e2ad11$var$kebab(property) {
477
477
  if (property.startsWith('--')) return property;
478
478
  return property.replace(/([a-z])([A-Z])/g, (_, a, b)=>`${a}-${b.toLowerCase()}`);
479
479
  }
@@ -481,57 +481,57 @@ function $e3c5b37c91268204$var$kebab(property) {
481
481
  // This maps to an alphabet containing lower case letters, upper case letters, and numbers.
482
482
  // For numbers larger than 62, an underscore is prepended.
483
483
  // This encoding allows easy parsing to enable runtime merging by property.
484
- function $e3c5b37c91268204$var$generateName(index, atStart = false) {
484
+ function $2b02e40735e2ad11$var$generateName(index, atStart = false) {
485
485
  if (index < 26) // lower case letters
486
486
  return String.fromCharCode(index + 97);
487
487
  if (index < 52) // upper case letters
488
488
  return String.fromCharCode(index - 26 + 65);
489
489
  if (index < 62 && !atStart) // numbers
490
490
  return String.fromCharCode(index - 52 + 48);
491
- return '_' + $e3c5b37c91268204$var$generateName(index - (atStart ? 52 : 62));
491
+ return '_' + $2b02e40735e2ad11$var$generateName(index - (atStart ? 52 : 62));
492
492
  }
493
493
  // For arbitrary values, we use a hash of the string to generate the class name.
494
- function $e3c5b37c91268204$var$generateArbitraryValueSelector(v, atStart = false) {
495
- let c = $e3c5b37c91268204$var$toBase62($e3c5b37c91268204$var$hash(v));
494
+ function $2b02e40735e2ad11$var$generateArbitraryValueSelector(v, atStart = false) {
495
+ let c = $2b02e40735e2ad11$var$toBase62($2b02e40735e2ad11$var$hash(v));
496
496
  if (atStart && /^[0-9]/.test(c)) c = `_${c}`;
497
497
  return c;
498
498
  }
499
- function $e3c5b37c91268204$var$toBase62(value) {
500
- if (value === 0) return $e3c5b37c91268204$var$generateName(value);
499
+ function $2b02e40735e2ad11$var$toBase62(value) {
500
+ if (value === 0) return $2b02e40735e2ad11$var$generateName(value);
501
501
  let res = '';
502
502
  while(value){
503
503
  let remainder = value % 62;
504
- res += $e3c5b37c91268204$var$generateName(remainder);
504
+ res += $2b02e40735e2ad11$var$generateName(remainder);
505
505
  value = Math.floor((value - remainder) / 62);
506
506
  }
507
507
  return res;
508
508
  }
509
509
  // djb2 hash function.
510
510
  // http://www.cse.yorku.ca/~oz/hash.html
511
- function $e3c5b37c91268204$var$hash(v) {
511
+ function $2b02e40735e2ad11$var$hash(v) {
512
512
  let hash = 5381;
513
513
  for(let i = 0; i < v.length; i++)hash = (hash << 5) + hash + v.charCodeAt(i) >>> 0;
514
514
  return hash;
515
515
  }
516
- function $e3c5b37c91268204$var$layerName(name) {
516
+ function $2b02e40735e2ad11$var$layerName(name) {
517
517
  // All of our layers should be sub-layers of a single parent layer, so that
518
518
  // the unsafe overrides layer always comes after.
519
519
  return `_.${name}`;
520
520
  }
521
- let $e3c5b37c91268204$var$conditionStack = [];
522
- /** A CSS style rule. */ class $e3c5b37c91268204$var$StyleRule {
521
+ let $2b02e40735e2ad11$var$conditionStack = [];
522
+ /** A CSS style rule. */ class $2b02e40735e2ad11$var$StyleRule {
523
523
  constructor(className, property, value, themeProperty, themeValue){
524
524
  this.className = className;
525
525
  this.pseudos = '';
526
526
  this.property = property;
527
527
  this.value = value;
528
- if (process.env.NODE_ENV !== 'production' && $e3c5b37c91268204$var$isCompilingDependencies !== null) {
528
+ if (process.env.NODE_ENV !== 'production' && $2b02e40735e2ad11$var$isCompilingDependencies !== null) {
529
529
  this.themeProperty = themeProperty;
530
530
  this.themeValue = themeValue;
531
531
  }
532
532
  }
533
533
  copy() {
534
- let rule = new $e3c5b37c91268204$var$StyleRule(this.className, this.property, this.value, this.themeProperty, this.themeValue);
534
+ let rule = new $2b02e40735e2ad11$var$StyleRule(this.className, this.property, this.value, this.themeProperty, this.themeValue);
535
535
  rule.pseudos = this.pseudos;
536
536
  return rule;
537
537
  }
@@ -549,7 +549,7 @@ let $e3c5b37c91268204$var$conditionStack = [];
549
549
  preludes.forEach((p, i)=>{
550
550
  content += `${p} {\n${' '.repeat((i + 2) * 2)}`;
551
551
  });
552
- content += `${$e3c5b37c91268204$var$kebab(this.property)}: ${this.value};\n`;
552
+ content += `${$2b02e40735e2ad11$var$kebab(this.property)}: ${this.value};\n`;
553
553
  preludes.map((_, i)=>{
554
554
  content += `${' '.repeat((preludes.length - i) * 2)}}\n`;
555
555
  });
@@ -568,29 +568,29 @@ let $e3c5b37c91268204$var$conditionStack = [];
568
568
  res += `${indent}rules += ' ${this.className}';`;
569
569
  if (process.env.NODE_ENV !== 'production' && this.themeProperty) {
570
570
  let name = this.themeProperty;
571
- if (this.pseudos) $e3c5b37c91268204$var$conditionStack.push(this.pseudos);
571
+ if (this.pseudos) $2b02e40735e2ad11$var$conditionStack.push(this.pseudos);
572
572
  let propertyName = JSON.stringify(name);
573
573
  let valueJson = JSON.stringify(this.themeValue);
574
- if ($e3c5b37c91268204$var$conditionStack.length) {
574
+ if ($2b02e40735e2ad11$var$conditionStack.length) {
575
575
  // name += ` (${conditionStack.join(', ')})`;
576
- let conditionKey = JSON.stringify($e3c5b37c91268204$var$conditionStack.join(' && '));
576
+ let conditionKey = JSON.stringify($2b02e40735e2ad11$var$conditionStack.join(' && '));
577
577
  // Ensure currentRules[name] is an object, converting from simple value if needed
578
578
  res += ` currentRules[${propertyName}] = typeof currentRules[${propertyName}] === 'object' ? currentRules[${propertyName}] : {"default": currentRules[${propertyName}]};`;
579
579
  // Set the value for this specific condition
580
580
  res += ` currentRules[${propertyName}][${conditionKey}] = ${valueJson};`;
581
581
  } else res += ` currentRules[${propertyName}] = ${valueJson};`;
582
- if (this.pseudos) $e3c5b37c91268204$var$conditionStack.pop();
582
+ if (this.pseudos) $2b02e40735e2ad11$var$conditionStack.pop();
583
583
  }
584
584
  return res;
585
585
  }
586
586
  }
587
- /** Base class for rules that contain other rules. */ class $e3c5b37c91268204$var$GroupRule {
587
+ /** Base class for rules that contain other rules. */ class $2b02e40735e2ad11$var$GroupRule {
588
588
  constructor(rules, layer){
589
589
  this.rules = rules;
590
590
  this.layer = layer ?? null;
591
591
  }
592
592
  copy() {
593
- return new $e3c5b37c91268204$var$GroupRule(this.rules.map((rule)=>rule.copy()), this.layer);
593
+ return new $2b02e40735e2ad11$var$GroupRule(this.rules.map((rule)=>rule.copy()), this.layer);
594
594
  }
595
595
  addPseudo(prelude) {
596
596
  for (let rule of this.rules)rule.addPseudo(prelude);
@@ -603,23 +603,23 @@ let $e3c5b37c91268204$var$conditionStack = [];
603
603
  }
604
604
  toJS(allowedOverridesSet, indent = '') {
605
605
  let rules = this.rules.slice();
606
- let conditional = rules.filter((rule)=>rule instanceof $e3c5b37c91268204$var$ConditionalRule).reverse().map((rule, i)=>{
606
+ let conditional = rules.filter((rule)=>rule instanceof $2b02e40735e2ad11$var$ConditionalRule).reverse().map((rule, i)=>{
607
607
  return `${i > 0 ? ' else ' : ''}${rule.toJS(allowedOverridesSet, indent)}`;
608
608
  });
609
- let elseCases = rules.filter((rule)=>!(rule instanceof $e3c5b37c91268204$var$ConditionalRule)).map((rule)=>rule.toJS(allowedOverridesSet, indent));
609
+ let elseCases = rules.filter((rule)=>!(rule instanceof $2b02e40735e2ad11$var$ConditionalRule)).map((rule)=>rule.toJS(allowedOverridesSet, indent));
610
610
  if (conditional.length && elseCases.length) return `${conditional.join('')} else {\n${indent} ${elseCases.join('\n' + indent + ' ')}\n${indent}}`;
611
611
  if (conditional.length) return conditional.join('');
612
612
  return elseCases.join('\n' + indent);
613
613
  }
614
614
  }
615
- /** A rule that applies conditionally in CSS (e.g. @media). */ class $e3c5b37c91268204$var$AtRule extends $e3c5b37c91268204$var$GroupRule {
615
+ /** A rule that applies conditionally in CSS (e.g. @media). */ class $2b02e40735e2ad11$var$AtRule extends $2b02e40735e2ad11$var$GroupRule {
616
616
  constructor(rules, prelude, layer, themeCondition){
617
617
  super(rules, layer);
618
618
  this.prelude = prelude;
619
619
  this.themeCondition = themeCondition;
620
620
  }
621
621
  copy() {
622
- return new $e3c5b37c91268204$var$AtRule(this.rules.map((rule)=>rule.copy()), this.prelude, this.layer, this.themeCondition);
622
+ return new $2b02e40735e2ad11$var$AtRule(this.rules.map((rule)=>rule.copy()), this.prelude, this.layer, this.themeCondition);
623
623
  }
624
624
  toCSS(rulesByLayer, preludes = [], layer) {
625
625
  preludes.push(this.prelude);
@@ -627,37 +627,37 @@ let $e3c5b37c91268204$var$conditionStack = [];
627
627
  preludes?.pop();
628
628
  }
629
629
  toJS(allowedOverridesSet, indent) {
630
- $e3c5b37c91268204$var$conditionStack.push(this.themeCondition || this.prelude);
630
+ $2b02e40735e2ad11$var$conditionStack.push(this.themeCondition || this.prelude);
631
631
  let res = super.toJS(allowedOverridesSet, indent);
632
- $e3c5b37c91268204$var$conditionStack.pop();
632
+ $2b02e40735e2ad11$var$conditionStack.pop();
633
633
  return res;
634
634
  }
635
635
  }
636
- /** A rule that applies conditionally at runtime. */ class $e3c5b37c91268204$var$ConditionalRule extends $e3c5b37c91268204$var$GroupRule {
636
+ /** A rule that applies conditionally at runtime. */ class $2b02e40735e2ad11$var$ConditionalRule extends $2b02e40735e2ad11$var$GroupRule {
637
637
  constructor(rules, condition){
638
638
  super(rules);
639
639
  this.condition = condition;
640
640
  }
641
641
  copy() {
642
- return new $e3c5b37c91268204$var$ConditionalRule(this.rules.map((rule)=>rule.copy()), this.condition);
642
+ return new $2b02e40735e2ad11$var$ConditionalRule(this.rules.map((rule)=>rule.copy()), this.condition);
643
643
  }
644
644
  getStaticClassName() {
645
645
  throw new Error('Conditional rules cannot be compiled to a static class name. This is a bug.');
646
646
  }
647
647
  toJS(allowedOverridesSet, indent = '') {
648
- $e3c5b37c91268204$var$conditionStack.push(this.condition);
648
+ $2b02e40735e2ad11$var$conditionStack.push(this.condition);
649
649
  let res = `${indent}if (props.${this.condition}) {\n${super.toJS(allowedOverridesSet, indent + ' ')}\n${indent}}`;
650
- $e3c5b37c91268204$var$conditionStack.pop();
650
+ $2b02e40735e2ad11$var$conditionStack.pop();
651
651
  return res;
652
652
  }
653
653
  }
654
- function $e3c5b37c91268204$export$dbf350e5966cf602(content, layer = '_.a') {
654
+ function $2b02e40735e2ad11$export$dbf350e5966cf602(content, layer = '_.a') {
655
655
  // Check if `this` is undefined, which means style was not called as a macro but as a normal function.
656
656
  // We also check if this is globalThis, which happens in non-strict mode bundles.
657
657
  // Also allow style to be called as a normal function in tests.
658
658
  // @ts-ignore
659
659
  if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') throw new Error('The css macro must be imported with {type: "macro"}.');
660
- let className = $e3c5b37c91268204$var$generateArbitraryValueSelector(content, true);
660
+ let className = $2b02e40735e2ad11$var$generateArbitraryValueSelector(content, true);
661
661
  content = `@layer ${layer} {
662
662
  .${className} {
663
663
  ${content}
@@ -671,13 +671,13 @@ function $e3c5b37c91268204$export$dbf350e5966cf602(content, layer = '_.a') {
671
671
  });
672
672
  return className;
673
673
  }
674
- function $e3c5b37c91268204$export$d25ddfdf17c3ad3e(css) {
674
+ function $2b02e40735e2ad11$export$d25ddfdf17c3ad3e(css) {
675
675
  // Check if `this` is undefined, which means style was not called as a macro but as a normal function.
676
676
  // We also check if this is globalThis, which happens in non-strict mode bundles.
677
677
  // Also allow style to be called as a normal function in tests.
678
678
  // @ts-ignore
679
679
  if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') throw new Error('The keyframes macro must be imported with {type: "macro"}.');
680
- let name = $e3c5b37c91268204$var$generateArbitraryValueSelector(css, true);
680
+ let name = $2b02e40735e2ad11$var$generateArbitraryValueSelector(css, true);
681
681
  css = `@keyframes ${name} {
682
682
  ${css}
683
683
  }`;
@@ -689,5 +689,5 @@ function $e3c5b37c91268204$export$d25ddfdf17c3ad3e(css) {
689
689
  }
690
690
 
691
691
 
692
- export {$e3c5b37c91268204$export$d03475ad9df06cd2 as ArbitraryProperty, $e3c5b37c91268204$export$965169194d2485f7 as MappedProperty, $e3c5b37c91268204$export$40ae678e65d951f2 as ColorProperty, $e3c5b37c91268204$export$6bff0717a72a8669 as PercentageProperty, $e3c5b37c91268204$export$8c6b4dc3755476bb as SizingProperty, $e3c5b37c91268204$export$1b6028cfca42adca as ExpandedProperty, $e3c5b37c91268204$export$22a8270399010c94 as parseArbitraryValue, $e3c5b37c91268204$export$25d302a5b900a763 as createTheme, $e3c5b37c91268204$export$dbf350e5966cf602 as css, $e3c5b37c91268204$export$d25ddfdf17c3ad3e as keyframes};
692
+ export {$2b02e40735e2ad11$export$d03475ad9df06cd2 as ArbitraryProperty, $2b02e40735e2ad11$export$965169194d2485f7 as MappedProperty, $2b02e40735e2ad11$export$40ae678e65d951f2 as ColorProperty, $2b02e40735e2ad11$export$6bff0717a72a8669 as PercentageProperty, $2b02e40735e2ad11$export$8c6b4dc3755476bb as SizingProperty, $2b02e40735e2ad11$export$1b6028cfca42adca as ExpandedProperty, $2b02e40735e2ad11$export$22a8270399010c94 as parseArbitraryValue, $2b02e40735e2ad11$export$25d302a5b900a763 as createTheme, $2b02e40735e2ad11$export$dbf350e5966cf602 as css, $2b02e40735e2ad11$export$d25ddfdf17c3ad3e as keyframes};
693
693
  //# sourceMappingURL=style-macro.mjs.map