@react-spectrum/s2 1.0.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (477) hide show
  1. package/dist/Accordion.cjs +3 -3
  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 +3 -3
  6. package/dist/Accordion.mjs.map +1 -1
  7. package/dist/ActionBar.cjs +62 -61
  8. package/dist/ActionBar.cjs.map +1 -1
  9. package/dist/ActionBar.css +58 -58
  10. package/dist/ActionBar.css.map +1 -1
  11. package/dist/ActionBar.mjs +62 -61
  12. package/dist/ActionBar.mjs.map +1 -1
  13. package/dist/ActionButton.cjs +234 -234
  14. package/dist/ActionButton.cjs.map +1 -1
  15. package/dist/ActionButton.css +160 -160
  16. package/dist/ActionButton.css.map +1 -1
  17. package/dist/ActionButton.mjs +234 -234
  18. package/dist/ActionButton.mjs.map +1 -1
  19. package/dist/ActionButtonGroup.cjs +16 -16
  20. package/dist/ActionButtonGroup.css +9 -9
  21. package/dist/ActionButtonGroup.mjs +16 -16
  22. package/dist/Add.cjs +10 -10
  23. package/dist/Add.css +6 -6
  24. package/dist/Add.mjs +10 -10
  25. package/dist/AlertDialog.cjs +3 -3
  26. package/dist/AlertDialog.css +3 -3
  27. package/dist/AlertDialog.mjs +3 -3
  28. package/dist/Asterisk.cjs +6 -6
  29. package/dist/Asterisk.css +4 -4
  30. package/dist/Asterisk.mjs +6 -6
  31. package/dist/Avatar.cjs +17 -17
  32. package/dist/Avatar.css +16 -16
  33. package/dist/Avatar.mjs +17 -17
  34. package/dist/AvatarGroup.cjs +121 -121
  35. package/dist/AvatarGroup.css +31 -31
  36. package/dist/AvatarGroup.mjs +121 -121
  37. package/dist/Badge.cjs +197 -197
  38. package/dist/Badge.css +125 -125
  39. package/dist/Badge.mjs +197 -197
  40. package/dist/Breadcrumbs.cjs +235 -235
  41. package/dist/Breadcrumbs.cjs.map +1 -1
  42. package/dist/Breadcrumbs.css +100 -100
  43. package/dist/Breadcrumbs.css.map +1 -1
  44. package/dist/Breadcrumbs.mjs +235 -235
  45. package/dist/Breadcrumbs.mjs.map +1 -1
  46. package/dist/Button.cjs +333 -333
  47. package/dist/Button.cjs.map +1 -1
  48. package/dist/Button.css +174 -174
  49. package/dist/Button.css.map +1 -1
  50. package/dist/Button.mjs +333 -333
  51. package/dist/Button.mjs.map +1 -1
  52. package/dist/ButtonGroup.cjs +21 -21
  53. package/dist/ButtonGroup.css +15 -15
  54. package/dist/ButtonGroup.mjs +21 -21
  55. package/dist/Calendar.cjs +169 -169
  56. package/dist/Calendar.cjs.map +1 -1
  57. package/dist/Calendar.css +134 -134
  58. package/dist/Calendar.css.map +1 -1
  59. package/dist/Calendar.mjs +169 -169
  60. package/dist/Calendar.mjs.map +1 -1
  61. package/dist/Card.cjs +310 -310
  62. package/dist/Card.cjs.map +1 -1
  63. package/dist/Card.css +206 -206
  64. package/dist/Card.css.map +1 -1
  65. package/dist/Card.mjs +310 -310
  66. package/dist/Card.mjs.map +1 -1
  67. package/dist/CardView.cjs +19 -19
  68. package/dist/CardView.cjs.map +1 -1
  69. package/dist/CardView.css +17 -17
  70. package/dist/CardView.css.map +1 -1
  71. package/dist/CardView.mjs +19 -19
  72. package/dist/CardView.mjs.map +1 -1
  73. package/dist/CenterBaseline.cjs +1 -1
  74. package/dist/CenterBaseline.css +2 -2
  75. package/dist/CenterBaseline.mjs +1 -1
  76. package/dist/Checkbox.cjs +162 -162
  77. package/dist/Checkbox.cjs.map +1 -1
  78. package/dist/Checkbox.css +95 -91
  79. package/dist/Checkbox.css.map +1 -1
  80. package/dist/Checkbox.mjs +162 -162
  81. package/dist/Checkbox.mjs.map +1 -1
  82. package/dist/CheckboxGroup.cjs +44 -44
  83. package/dist/CheckboxGroup.cjs.map +1 -1
  84. package/dist/CheckboxGroup.css +37 -37
  85. package/dist/CheckboxGroup.css.map +1 -1
  86. package/dist/CheckboxGroup.mjs +44 -44
  87. package/dist/CheckboxGroup.mjs.map +1 -1
  88. package/dist/Checkmark.cjs +12 -12
  89. package/dist/Checkmark.css +8 -8
  90. package/dist/Checkmark.mjs +12 -12
  91. package/dist/Chevron.cjs +12 -12
  92. package/dist/Chevron.css +10 -10
  93. package/dist/Chevron.mjs +12 -12
  94. package/dist/ClearButton.cjs +30 -30
  95. package/dist/ClearButton.css +30 -30
  96. package/dist/ClearButton.mjs +30 -30
  97. package/dist/CloseButton.cjs +56 -56
  98. package/dist/CloseButton.css +47 -47
  99. package/dist/CloseButton.mjs +56 -56
  100. package/dist/ColorArea.cjs +17 -17
  101. package/dist/ColorArea.cjs.map +1 -1
  102. package/dist/ColorArea.css +16 -16
  103. package/dist/ColorArea.css.map +1 -1
  104. package/dist/ColorArea.mjs +17 -17
  105. package/dist/ColorArea.mjs.map +1 -1
  106. package/dist/ColorField.cjs +32 -32
  107. package/dist/ColorField.cjs.map +1 -1
  108. package/dist/ColorField.css +27 -27
  109. package/dist/ColorField.css.map +1 -1
  110. package/dist/ColorField.mjs +32 -32
  111. package/dist/ColorField.mjs.map +1 -1
  112. package/dist/ColorHandle.cjs +27 -27
  113. package/dist/ColorHandle.css +42 -42
  114. package/dist/ColorHandle.mjs +27 -27
  115. package/dist/ColorSlider.cjs +109 -109
  116. package/dist/ColorSlider.cjs.map +1 -1
  117. package/dist/ColorSlider.css +52 -52
  118. package/dist/ColorSlider.css.map +1 -1
  119. package/dist/ColorSlider.mjs +109 -109
  120. package/dist/ColorSlider.mjs.map +1 -1
  121. package/dist/ColorSwatch.cjs +30 -30
  122. package/dist/ColorSwatch.cjs.map +1 -1
  123. package/dist/ColorSwatch.css +29 -29
  124. package/dist/ColorSwatch.css.map +1 -1
  125. package/dist/ColorSwatch.mjs +30 -30
  126. package/dist/ColorSwatch.mjs.map +1 -1
  127. package/dist/ColorSwatchPicker.cjs +30 -30
  128. package/dist/ColorSwatchPicker.css +48 -48
  129. package/dist/ColorSwatchPicker.mjs +30 -30
  130. package/dist/ColorWheel.cjs +31 -27
  131. package/dist/ColorWheel.cjs.map +1 -1
  132. package/dist/ColorWheel.css +17 -17
  133. package/dist/ColorWheel.css.map +1 -1
  134. package/dist/ColorWheel.mjs +31 -27
  135. package/dist/ColorWheel.mjs.map +1 -1
  136. package/dist/ComboBox.cjs +383 -383
  137. package/dist/ComboBox.cjs.map +1 -1
  138. package/dist/ComboBox.css +187 -187
  139. package/dist/ComboBox.css.map +1 -1
  140. package/dist/ComboBox.mjs +383 -383
  141. package/dist/ComboBox.mjs.map +1 -1
  142. package/dist/ContextualHelp.cjs +5 -5
  143. package/dist/ContextualHelp.css +50 -50
  144. package/dist/ContextualHelp.mjs +5 -5
  145. package/dist/Cross.cjs +14 -14
  146. package/dist/Cross.css +10 -10
  147. package/dist/Cross.mjs +14 -14
  148. package/dist/CustomDialog.cjs +26 -26
  149. package/dist/CustomDialog.cjs.map +1 -1
  150. package/dist/CustomDialog.css +25 -25
  151. package/dist/CustomDialog.css.map +1 -1
  152. package/dist/CustomDialog.mjs +26 -26
  153. package/dist/CustomDialog.mjs.map +1 -1
  154. package/dist/Dash.cjs +10 -10
  155. package/dist/Dash.css +6 -6
  156. package/dist/Dash.mjs +10 -10
  157. package/dist/DateField.cjs +74 -74
  158. package/dist/DateField.cjs.map +1 -1
  159. package/dist/DateField.css +77 -77
  160. package/dist/DateField.css.map +1 -1
  161. package/dist/DateField.mjs +74 -74
  162. package/dist/DateField.mjs.map +1 -1
  163. package/dist/DatePicker.cjs +173 -173
  164. package/dist/DatePicker.cjs.map +1 -1
  165. package/dist/DatePicker.css +128 -128
  166. package/dist/DatePicker.css.map +1 -1
  167. package/dist/DatePicker.mjs +173 -173
  168. package/dist/DatePicker.mjs.map +1 -1
  169. package/dist/DateRangePicker.cjs +56 -56
  170. package/dist/DateRangePicker.cjs.map +1 -1
  171. package/dist/DateRangePicker.css +59 -59
  172. package/dist/DateRangePicker.css.map +1 -1
  173. package/dist/DateRangePicker.mjs +56 -56
  174. package/dist/DateRangePicker.mjs.map +1 -1
  175. package/dist/Dialog.cjs +17 -17
  176. package/dist/Dialog.cjs.map +1 -1
  177. package/dist/Dialog.css +70 -70
  178. package/dist/Dialog.css.map +1 -1
  179. package/dist/Dialog.mjs +17 -17
  180. package/dist/Dialog.mjs.map +1 -1
  181. package/dist/Disclosure.cjs +120 -120
  182. package/dist/Disclosure.cjs.map +1 -1
  183. package/dist/Disclosure.css +112 -112
  184. package/dist/Disclosure.css.map +1 -1
  185. package/dist/Disclosure.mjs +120 -120
  186. package/dist/Disclosure.mjs.map +1 -1
  187. package/dist/Divider.cjs +26 -26
  188. package/dist/Divider.cjs.map +1 -1
  189. package/dist/Divider.css +25 -25
  190. package/dist/Divider.css.map +1 -1
  191. package/dist/Divider.mjs +26 -26
  192. package/dist/Divider.mjs.map +1 -1
  193. package/dist/DropZone.cjs +62 -62
  194. package/dist/DropZone.cjs.map +1 -1
  195. package/dist/DropZone.css +57 -57
  196. package/dist/DropZone.css.map +1 -1
  197. package/dist/DropZone.mjs +62 -62
  198. package/dist/DropZone.mjs.map +1 -1
  199. package/dist/Field.cjs +348 -348
  200. package/dist/Field.cjs.map +1 -1
  201. package/dist/Field.css +147 -147
  202. package/dist/Field.css.map +1 -1
  203. package/dist/Field.mjs +348 -348
  204. package/dist/Field.mjs.map +1 -1
  205. package/dist/Form.cjs +10 -10
  206. package/dist/Form.cjs.map +1 -1
  207. package/dist/Form.css +9 -9
  208. package/dist/Form.css.map +1 -1
  209. package/dist/Form.mjs +10 -10
  210. package/dist/Form.mjs.map +1 -1
  211. package/dist/FullscreenDialog.cjs +5 -5
  212. package/dist/FullscreenDialog.cjs.map +1 -1
  213. package/dist/FullscreenDialog.css +78 -78
  214. package/dist/FullscreenDialog.css.map +1 -1
  215. package/dist/FullscreenDialog.mjs +5 -5
  216. package/dist/FullscreenDialog.mjs.map +1 -1
  217. package/dist/IllustratedMessage.cjs +229 -229
  218. package/dist/IllustratedMessage.css +72 -72
  219. package/dist/IllustratedMessage.mjs +229 -229
  220. package/dist/Image.cjs +14 -14
  221. package/dist/Image.css +14 -14
  222. package/dist/Image.mjs +14 -14
  223. package/dist/InlineAlert.cjs +101 -101
  224. package/dist/InlineAlert.css +76 -76
  225. package/dist/InlineAlert.mjs +101 -101
  226. package/dist/Link.cjs +50 -50
  227. package/dist/Link.cjs.map +1 -1
  228. package/dist/Link.css +41 -41
  229. package/dist/Link.css.map +1 -1
  230. package/dist/Link.mjs +50 -50
  231. package/dist/Link.mjs.map +1 -1
  232. package/dist/LinkOut.cjs +8 -8
  233. package/dist/LinkOut.css +8 -8
  234. package/dist/LinkOut.mjs +8 -8
  235. package/dist/Menu.cjs +446 -443
  236. package/dist/Menu.cjs.map +1 -1
  237. package/dist/Menu.css +184 -184
  238. package/dist/Menu.css.map +1 -1
  239. package/dist/Menu.mjs +446 -443
  240. package/dist/Menu.mjs.map +1 -1
  241. package/dist/Meter.cjs +154 -154
  242. package/dist/Meter.cjs.map +1 -1
  243. package/dist/Meter.css +91 -91
  244. package/dist/Meter.css.map +1 -1
  245. package/dist/Meter.mjs +154 -154
  246. package/dist/Meter.mjs.map +1 -1
  247. package/dist/Modal.cjs +66 -66
  248. package/dist/Modal.cjs.map +1 -1
  249. package/dist/Modal.css +54 -54
  250. package/dist/Modal.css.map +1 -1
  251. package/dist/Modal.mjs +66 -66
  252. package/dist/Modal.mjs.map +1 -1
  253. package/dist/NotificationBadge.cjs +57 -57
  254. package/dist/NotificationBadge.css +49 -49
  255. package/dist/NotificationBadge.mjs +57 -57
  256. package/dist/NumberField.cjs +115 -115
  257. package/dist/NumberField.cjs.map +1 -1
  258. package/dist/NumberField.css +99 -99
  259. package/dist/NumberField.css.map +1 -1
  260. package/dist/NumberField.mjs +115 -115
  261. package/dist/NumberField.mjs.map +1 -1
  262. package/dist/Picker.cjs +275 -275
  263. package/dist/Picker.cjs.map +1 -1
  264. package/dist/Picker.css +173 -173
  265. package/dist/Picker.css.map +1 -1
  266. package/dist/Picker.mjs +275 -275
  267. package/dist/Picker.mjs.map +1 -1
  268. package/dist/Popover.cjs +89 -89
  269. package/dist/Popover.cjs.map +1 -1
  270. package/dist/Popover.css +70 -70
  271. package/dist/Popover.css.map +1 -1
  272. package/dist/Popover.mjs +89 -89
  273. package/dist/Popover.mjs.map +1 -1
  274. package/dist/ProgressBar.cjs +164 -164
  275. package/dist/ProgressBar.cjs.map +1 -1
  276. package/dist/ProgressBar.css +99 -99
  277. package/dist/ProgressBar.css.map +1 -1
  278. package/dist/ProgressBar.mjs +164 -164
  279. package/dist/ProgressBar.mjs.map +1 -1
  280. package/dist/ProgressCircle.cjs +32 -32
  281. package/dist/ProgressCircle.cjs.map +1 -1
  282. package/dist/ProgressCircle.css +24 -24
  283. package/dist/ProgressCircle.css.map +1 -1
  284. package/dist/ProgressCircle.mjs +32 -32
  285. package/dist/ProgressCircle.mjs.map +1 -1
  286. package/dist/Provider.cjs +11 -11
  287. package/dist/Provider.css +10 -10
  288. package/dist/Provider.mjs +11 -11
  289. package/dist/Radio.cjs +146 -146
  290. package/dist/Radio.cjs.map +1 -1
  291. package/dist/Radio.css +78 -78
  292. package/dist/Radio.css.map +1 -1
  293. package/dist/Radio.mjs +146 -146
  294. package/dist/Radio.mjs.map +1 -1
  295. package/dist/RadioGroup.cjs +42 -42
  296. package/dist/RadioGroup.cjs.map +1 -1
  297. package/dist/RadioGroup.css +37 -37
  298. package/dist/RadioGroup.css.map +1 -1
  299. package/dist/RadioGroup.mjs +42 -42
  300. package/dist/RadioGroup.mjs.map +1 -1
  301. package/dist/RangeCalendar.cjs +8 -8
  302. package/dist/RangeCalendar.cjs.map +1 -1
  303. package/dist/RangeCalendar.css +10 -10
  304. package/dist/RangeCalendar.css.map +1 -1
  305. package/dist/RangeCalendar.mjs +8 -8
  306. package/dist/RangeCalendar.mjs.map +1 -1
  307. package/dist/SearchField.cjs +42 -42
  308. package/dist/SearchField.cjs.map +1 -1
  309. package/dist/SearchField.css +45 -45
  310. package/dist/SearchField.css.map +1 -1
  311. package/dist/SearchField.mjs +42 -42
  312. package/dist/SearchField.mjs.map +1 -1
  313. package/dist/SegmentedControl.cjs +180 -180
  314. package/dist/SegmentedControl.css +123 -123
  315. package/dist/SegmentedControl.mjs +180 -180
  316. package/dist/SelectBoxGroup.cjs +144 -144
  317. package/dist/SelectBoxGroup.cjs.map +1 -1
  318. package/dist/SelectBoxGroup.css +120 -120
  319. package/dist/SelectBoxGroup.css.map +1 -1
  320. package/dist/SelectBoxGroup.mjs +144 -144
  321. package/dist/SelectBoxGroup.mjs.map +1 -1
  322. package/dist/Slider.cjs +295 -295
  323. package/dist/Slider.cjs.map +1 -1
  324. package/dist/Slider.css +154 -154
  325. package/dist/Slider.css.map +1 -1
  326. package/dist/Slider.mjs +295 -295
  327. package/dist/Slider.mjs.map +1 -1
  328. package/dist/StatusLight.cjs +116 -116
  329. package/dist/StatusLight.css +59 -59
  330. package/dist/StatusLight.mjs +116 -116
  331. package/dist/Switch.cjs +155 -155
  332. package/dist/Switch.cjs.map +1 -1
  333. package/dist/Switch.css +74 -74
  334. package/dist/Switch.css.map +1 -1
  335. package/dist/Switch.mjs +155 -155
  336. package/dist/Switch.mjs.map +1 -1
  337. package/dist/TableView.cjs +415 -415
  338. package/dist/TableView.cjs.map +1 -1
  339. package/dist/TableView.css +199 -199
  340. package/dist/TableView.css.map +1 -1
  341. package/dist/TableView.mjs +416 -416
  342. package/dist/TableView.mjs.map +1 -1
  343. package/dist/Tabs.cjs +127 -127
  344. package/dist/Tabs.cjs.map +1 -1
  345. package/dist/Tabs.css +105 -105
  346. package/dist/Tabs.css.map +1 -1
  347. package/dist/Tabs.mjs +127 -127
  348. package/dist/Tabs.mjs.map +1 -1
  349. package/dist/TabsPicker.cjs +127 -127
  350. package/dist/TabsPicker.cjs.map +1 -1
  351. package/dist/TabsPicker.css +108 -108
  352. package/dist/TabsPicker.css.map +1 -1
  353. package/dist/TabsPicker.mjs +127 -127
  354. package/dist/TabsPicker.mjs.map +1 -1
  355. package/dist/TagGroup.cjs +204 -204
  356. package/dist/TagGroup.cjs.map +1 -1
  357. package/dist/TagGroup.css +146 -146
  358. package/dist/TagGroup.css.map +1 -1
  359. package/dist/TagGroup.mjs +204 -204
  360. package/dist/TagGroup.mjs.map +1 -1
  361. package/dist/TextField.cjs +59 -59
  362. package/dist/TextField.cjs.map +1 -1
  363. package/dist/TextField.css +54 -54
  364. package/dist/TextField.css.map +1 -1
  365. package/dist/TextField.mjs +59 -59
  366. package/dist/TextField.mjs.map +1 -1
  367. package/dist/TimeField.cjs +52 -52
  368. package/dist/TimeField.cjs.map +1 -1
  369. package/dist/TimeField.css +47 -47
  370. package/dist/TimeField.css.map +1 -1
  371. package/dist/TimeField.mjs +52 -52
  372. package/dist/TimeField.mjs.map +1 -1
  373. package/dist/Toast.cjs +120 -120
  374. package/dist/Toast.cjs.map +1 -1
  375. package/dist/Toast.css +110 -110
  376. package/dist/Toast.css.map +1 -1
  377. package/dist/Toast.mjs +120 -120
  378. package/dist/Toast.mjs.map +1 -1
  379. package/dist/ToggleButton.cjs +3 -3
  380. package/dist/ToggleButton.cjs.map +1 -1
  381. package/dist/ToggleButton.css +12 -12
  382. package/dist/ToggleButton.css.map +1 -1
  383. package/dist/ToggleButton.mjs +3 -3
  384. package/dist/ToggleButton.mjs.map +1 -1
  385. package/dist/ToggleButtonGroup.cjs.map +1 -1
  386. package/dist/ToggleButtonGroup.mjs.map +1 -1
  387. package/dist/Tooltip.cjs +78 -78
  388. package/dist/Tooltip.cjs.map +1 -1
  389. package/dist/Tooltip.css +65 -65
  390. package/dist/Tooltip.css.map +1 -1
  391. package/dist/Tooltip.mjs +78 -78
  392. package/dist/Tooltip.mjs.map +1 -1
  393. package/dist/TreeView.cjs +144 -128
  394. package/dist/TreeView.cjs.map +1 -1
  395. package/dist/TreeView.css +131 -127
  396. package/dist/TreeView.css.map +1 -1
  397. package/dist/TreeView.mjs +144 -128
  398. package/dist/TreeView.mjs.map +1 -1
  399. package/dist/types.d.ts +68 -72
  400. package/dist/types.d.ts.map +1 -1
  401. package/icons/Icon.cjs +12 -12
  402. package/icons/Icon.css +9 -9
  403. package/icons/Icon.mjs +12 -12
  404. package/icons/Skeleton.cjs +2 -2
  405. package/icons/Skeleton.cjs.map +1 -1
  406. package/icons/Skeleton.css +6 -6
  407. package/icons/Skeleton.mjs +2 -2
  408. package/icons/Skeleton.mjs.map +1 -1
  409. package/icons/runtime.cjs +16 -3
  410. package/icons/runtime.cjs.map +1 -1
  411. package/icons/runtime.mjs +16 -3
  412. package/icons/runtime.mjs.map +1 -1
  413. package/package.json +21 -21
  414. package/src/Accordion.tsx +1 -1
  415. package/src/ActionBar.tsx +2 -2
  416. package/src/ActionButton.tsx +1 -1
  417. package/src/Breadcrumbs.tsx +2 -2
  418. package/src/Button.tsx +2 -2
  419. package/src/Calendar.tsx +1 -1
  420. package/src/Card.tsx +1 -1
  421. package/src/CardView.tsx +1 -1
  422. package/src/Checkbox.tsx +2 -1
  423. package/src/CheckboxGroup.tsx +1 -1
  424. package/src/CoachMark.tsx +1 -1
  425. package/src/ColorArea.tsx +1 -1
  426. package/src/ColorField.tsx +1 -1
  427. package/src/ColorSlider.tsx +1 -1
  428. package/src/ColorSwatch.tsx +1 -1
  429. package/src/ColorWheel.tsx +2 -2
  430. package/src/ComboBox.tsx +2 -2
  431. package/src/CustomDialog.tsx +1 -1
  432. package/src/DateField.tsx +1 -1
  433. package/src/DatePicker.tsx +1 -1
  434. package/src/DateRangePicker.tsx +1 -1
  435. package/src/Dialog.tsx +1 -1
  436. package/src/Disclosure.tsx +2 -2
  437. package/src/Divider.tsx +1 -1
  438. package/src/DropZone.tsx +1 -1
  439. package/src/Field.tsx +3 -3
  440. package/src/Form.tsx +1 -1
  441. package/src/FullscreenDialog.tsx +1 -1
  442. package/src/Link.tsx +1 -1
  443. package/src/Menu.tsx +11 -13
  444. package/src/Meter.tsx +1 -1
  445. package/src/Modal.tsx +1 -1
  446. package/src/NumberField.tsx +1 -1
  447. package/src/Picker.tsx +3 -3
  448. package/src/Popover.tsx +2 -1
  449. package/src/ProgressBar.tsx +1 -1
  450. package/src/ProgressCircle.tsx +1 -1
  451. package/src/Radio.tsx +1 -1
  452. package/src/RadioGroup.tsx +1 -1
  453. package/src/RangeCalendar.tsx +1 -1
  454. package/src/SearchField.tsx +1 -1
  455. package/src/SelectBoxGroup.tsx +1 -1
  456. package/src/Slider.tsx +1 -1
  457. package/src/Switch.tsx +1 -1
  458. package/src/TableView.tsx +9 -9
  459. package/src/Tabs.tsx +4 -4
  460. package/src/TabsPicker.tsx +2 -2
  461. package/src/TagGroup.tsx +2 -2
  462. package/src/TextField.tsx +1 -1
  463. package/src/TimeField.tsx +1 -1
  464. package/src/Toast.tsx +1 -1
  465. package/src/ToggleButton.tsx +1 -1
  466. package/src/ToggleButtonGroup.tsx +1 -1
  467. package/src/Tooltip.tsx +1 -1
  468. package/src/TreeView.tsx +10 -6
  469. package/style/__tests__/mergeStyles.test.ts +68 -0
  470. package/style/__tests__/style-macro.test.js +79 -59
  471. package/style/dist/style-macro.cjs +65 -14
  472. package/style/dist/style-macro.cjs.map +1 -1
  473. package/style/dist/style-macro.mjs +65 -14
  474. package/style/dist/style-macro.mjs.map +1 -1
  475. package/style/runtime.ts +21 -5
  476. package/style/style-macro.ts +81 -16
  477. package/style/__tests__/mergeStyles.test.js +0 -32
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-spectrum/s2/style/style-macro.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type {Condition, CSSProperties, CSSValue, CustomValue, Property, PropertyValueDefinition, PropertyValueMap, RenderProps, ShorthandProperty, StyleFunction, StyleValue, Theme, ThemeProperties, Value} from './types';\nimport fs from 'fs';\nimport * as propertyInfo from './properties.json';\n\n// Postfix all class names with version for now.\nconst json = JSON.parse(fs.readFileSync(__dirname + '/../package.json', 'utf8'));\nconst POSTFIX = json.version.includes('nightly') ? json.version.match(/-nightly-(.*)/)[1] : json.version.replace(/[0.]/g, '');\n\nexport class ArbitraryProperty<T extends Value> implements Property<T> {\n property: string;\n toCSS: (value: T) => CSSValue;\n\n constructor(property: string, toCSS?: (value: T) => CSSValue) {\n this.property = property;\n this.toCSS = toCSS || ((value) => String(value));\n }\n\n get cssProperties(): string[] {\n return [this.property];\n }\n\n toCSSValue(value: T): PropertyValueDefinition<Value> {\n return this.toCSS(value);\n }\n\n toCSSProperties(customProperty: string | null, value: PropertyValueDefinition<Value>): PropertyValueDefinition<[CSSProperties]> {\n return mapConditionalValue(value, value => [{[customProperty || this.property]: String(value)}]);\n }\n}\n\nexport class MappedProperty<T extends CSSValue> extends ArbitraryProperty<T> implements Property<T> {\n mapping: PropertyValueMap<T> | string[];\n\n constructor(property: string, mapping: PropertyValueMap<T> | string[]) {\n super(property);\n this.mapping = mapping;\n }\n\n toCSSValue(value: T): PropertyValueDefinition<Value> {\n if (Array.isArray(this.mapping)) {\n if (!this.mapping.includes(String(value))) {\n throw new Error('Invalid style value: ' + value);\n }\n return value;\n } else {\n let res = this.mapping[String(value)];\n if (res == null) {\n throw new Error('Invalid style value: ' + value);\n }\n return res;\n }\n }\n}\n\nexport type Color<C extends string> = C | `${string}/${number}`;\nexport class ColorProperty<C extends string> extends MappedProperty<C> implements Property<Color<C>> {\n toCSSValue(value: Color<C>): PropertyValueDefinition<Value> {\n let [color, opacity] = value.split('/');\n return mapConditionalValue(this.mapping[color], value => {\n return opacity ? `rgb(from ${value} r g b / ${opacity}%)` : value;\n });\n }\n}\n\nexport type LengthPercentageUnit = '%' | 'vw' | 'svw' | 'dvw' | 'vh' | 'svh' | 'dvh' | 'vmin' | 'svmin' | 'dvmin' | 'vmax' | 'svmax' | 'dvmax' | 'cqw' | 'cqh' | 'cqmin' | 'cqmax';\nexport type LengthPercentage = `${number}${LengthPercentageUnit}`;\n\nexport class PercentageProperty<T extends CSSValue> extends MappedProperty<T> implements Property<T | LengthPercentage> {\n constructor(property: string, mapping: PropertyValueMap<T> | string[]) {\n super(property, mapping);\n }\n\n toCSSValue(value: T | LengthPercentage): PropertyValueDefinition<Value> {\n if (typeof value === 'string' && /^-?\\d+(?:\\.\\d+)?(%|vw|svw|dvw|vh|svh|dvh|vmin|svmin|dvmin|vmax|svmax|dvmax|cqw|cqh|cqmin|cqmax)$/.test(value)) {\n return value;\n }\n\n return super.toCSSValue(value as T);\n }\n}\n\nexport class SizingProperty<T extends CSSValue> extends PercentageProperty<T> implements Property<T | number | LengthPercentage> {\n numberToCSS: (value: number) => string;\n\n constructor(property: string, mapping: PropertyValueMap<T> | string[], numberToCSS: (value: number) => string) {\n super(property, mapping);\n this.numberToCSS = numberToCSS;\n }\n\n toCSSValue(value: T | LengthPercentage | number): PropertyValueDefinition<Value> {\n if (typeof value === 'number') {\n return value === 0 ? '0px' : this.numberToCSS(value);\n }\n\n return super.toCSSValue(value);\n }\n}\n\nexport class ExpandedProperty<T extends Value> implements Property<T> {\n cssProperties: string[];\n mapping: Property<T> | null;\n expand: (v: T | CSSValue) => CSSProperties;\n\n constructor(properties: string[], expand: (v: T | CSSValue) => CSSProperties, mapping?: Property<T> | PropertyValueMap<CSSValue>) {\n this.cssProperties = properties;\n this.expand = expand;\n if (mapping instanceof MappedProperty) {\n this.mapping = mapping;\n } else if (mapping) {\n this.mapping = new MappedProperty<any>(properties[0], mapping as any);\n } else {\n this.mapping = null;\n }\n }\n\n toCSSValue(value: T): PropertyValueDefinition<Value> {\n if (!this.mapping) {\n return value;\n }\n\n return this.mapping.toCSSValue(value);\n }\n\n toCSSProperties(customProperty: string | null, value: PropertyValueDefinition<T>): PropertyValueDefinition<[CSSProperties]> {\n if (customProperty) {\n throw new Error('Style properties that expand into multiple CSS properties cannot be set as CSS variables.');\n }\n return mapConditionalValue(value, value => [this.expand(value)]);\n }\n}\n\nfunction mapConditionalValue<T, U>(value: PropertyValueDefinition<T>, fn: (value: T) => U): PropertyValueDefinition<U> {\n if (typeof value === 'object' && !Array.isArray(value)) {\n let res: PropertyValueDefinition<U> = {};\n for (let condition in value) {\n res[condition] = mapConditionalValue((value as any)[condition], fn);\n }\n return res;\n } else {\n return fn(value);\n }\n}\n\nfunction mapConditionalShorthand<T, C extends string, R extends RenderProps<string>>(value: PropertyValueDefinition<T>, fn: ShorthandProperty<T>): {[property: string]: StyleValue<Value, C, R>} {\n if (typeof value === 'object') {\n let res = {};\n for (let condition in value) {\n let properties = mapConditionalShorthand(value[condition], fn);\n for (let property in properties) {\n res[property] ??= {};\n res[property][condition] = properties[property];\n }\n }\n return res;\n } else {\n return fn(value);\n }\n}\n\nexport function parseArbitraryValue(value: Value): string | undefined {\n if (typeof value === 'string' && value.startsWith('--')) {\n return `var(${value})`;\n } else if (typeof value === 'string' && value[0] === '[' && value[value.length - 1] === ']') {\n return value.slice(1, -1);\n } else if (\n typeof value === 'string' && (\n /^(var|calc|min|max|clamp|round|mod|rem|sin|cos|tan|asin|acos|atan|atan2|pow|sqrt|hypot|log|exp|abs|sign)\\(.+\\)$/.test(value) || \n /^(inherit|initial|unset)$/.test(value)\n )\n ) {\n return value;\n }\n}\n\nfunction shortCSSPropertyName(property: string) {\n return propertyInfo.properties[property] ?? generateArbitraryValueSelector(property, true);\n}\n\nfunction classNamePrefix(property: string, cssProperty: string) {\n let className = propertyInfo.properties[cssProperty];\n if (className && property === '--' + className) {\n return '-' + className + '_-';\n }\n\n if (className && !property.startsWith('--')) {\n return className;\n }\n\n return '-' + generateArbitraryValueSelector(property, true) + '-';\n}\n\ninterface MacroContext {\n addAsset(asset: {type: string, content: string}): void\n}\n\nexport function createTheme<T extends Theme>(theme: T): StyleFunction<ThemeProperties<T>, 'default' | Extract<keyof T['conditions'], string>> {\n let properties = new Map<string, Property<any>>(Object.entries(theme.properties).map(([k, v]) => {\n if (!Array.isArray(v) && v.cssProperties) {\n return [k, v as Property<any>];\n }\n\n return [k, new MappedProperty(k, v as any)];\n }));\n\n let dependencies = new Set<string>();\n let hasConditions = false;\n return function style(this: MacroContext | void, style, allowedOverrides?: readonly string[]) {\n // Check if `this` is undefined, which means style was not called as a macro but as a normal function.\n // We also check if this is globalThis, which happens in non-strict mode bundles.\n // Also allow style to be called as a normal function in tests.\n // @ts-ignore\n // eslint-disable-next-line\n if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {\n throw new Error('The style macro must be imported with {type: \"macro\"}.');\n }\n\n // Generate rules for each property.\n let rules = new Map<string, Rule>();\n let values = new Map();\n dependencies.clear();\n let usedPriorities = 0;\n let setRules = (key: string, value: [number, Rule[]]) => {\n usedPriorities = Math.max(usedPriorities, value[0]);\n rules.set(key, new GroupRule(value[1]));\n };\n\n hasConditions = false;\n for (let key in style) {\n let value = style[key]!;\n let themeProperty = key;\n values.set(key, value);\n\n // Get the type of custom properties in the theme.\n if (key.startsWith('--')) {\n themeProperty = value.type;\n value = value.value;\n }\n\n // Expand shorthands to longhands so that merging works as expected.\n if (theme.shorthands[key]) {\n let shorthand = theme.shorthands[key];\n if (typeof shorthand === 'function') {\n let expanded = mapConditionalShorthand(value, shorthand);\n for (let k in expanded) {\n let v = expanded[k];\n values.set(k, v);\n setRules(k, compileValue(k, k, v));\n }\n } else {\n for (let prop of shorthand) {\n values.set(prop, value);\n setRules(prop, compileValue(prop, prop, value));\n }\n }\n } else if (themeProperty in theme.properties) {\n setRules(key, compileValue(key, themeProperty, value));\n }\n }\n\n // For properties referenced by self(), rewrite the declarations to assign\n // to an intermediary custom property so we can access the value.\n for (let dep of dependencies) {\n let value = values.get(dep);\n if (value != null) {\n if (!(dep in theme.properties)) {\n throw new Error(`Unknown dependency ${dep}`);\n }\n let prop = properties.get(dep)!;\n let name = `--${shortCSSPropertyName(prop.cssProperties[0])}`;\n // Could potentially use @property to prevent the var from inheriting in children.\n setRules(name, compileValue(name, dep, value));\n setRules(dep, compileValue(dep, dep, name));\n }\n }\n dependencies.clear();\n\n let css = '';\n\n // Declare layers for each priority ahead of time so the order is always correct.\n css += '@layer ';\n let first = true;\n for (let i = 0; i <= usedPriorities; i++) {\n if (first) {\n first = false;\n } else {\n css += ', ';\n }\n css += layerName(generateName(i, true));\n }\n css += ';\\n\\n';\n\n // If allowed overrides are provided, generate code to match the input override string and include only allowed classes.\n // Also generate a variable for each overridable property that overlaps with the style definition. If those are defined,\n // the defaults from the style definition are omitted.\n let allowedOverridesSet = new Set<string>();\n let js = 'let rules = \" \";\\n';\n if (allowedOverrides?.length) {\n for (let property of allowedOverrides) {\n let shorthand = theme.shorthands[property];\n let props = Array.isArray(shorthand) ? shorthand : [property];\n for (let property of props) {\n if (property.startsWith('--')) {\n allowedOverridesSet.add(property);\n continue;\n }\n \n let prop = properties.get(property);\n if (!prop) {\n throw new Error(`Invalid property ${property} in allowedOverrides`);\n }\n for (let property of prop.cssProperties) {\n allowedOverridesSet.add(property);\n }\n }\n }\n\n let loop = '';\n for (let property of rules.keys()) {\n let prop = properties.get(property);\n if (prop) {\n for (let property of prop.cssProperties) {\n if (property && allowedOverridesSet.has(property)) {\n let selector = classNamePrefix(property, property);\n let p = property.replace('--', '__');\n js += `let ${p} = false;\\n`;\n loop += ` if (p[1] === ${JSON.stringify(selector)}) ${p} = true;\\n`;\n }\n }\n } else if (property.startsWith('--') && allowedOverridesSet.has(property)) {\n let selector = classNamePrefix(property, property);\n let p = property.replace('--', '__');\n js += `let ${p} = false;\\n`;\n loop += ` if (p[1] === ${JSON.stringify(selector)}) ${p} = true;\\n`;\n }\n }\n\n let regex = `/(?:^|\\\\s)(${[...allowedOverridesSet].map(p => classNamePrefix(p, p)).join('|')})[^\\\\s]+/g`;\n if (loop) {\n js += `let matches = (overrides || '').matchAll(${regex});\\n`;\n js += 'for (let p of matches) {\\n';\n js += loop;\n js += ' rules += p[0];\\n';\n js += '}\\n';\n } else {\n js += `rules += ((overrides || '').match(${regex}) || []).join('')\\n`;\n }\n }\n\n // Generate JS and CSS for each rule.\n let isStatic = !(hasConditions || allowedOverrides);\n let className = '';\n let rulesByLayer = new Map<string, string[]>();\n let rootRule = new GroupRule([...rules.values()]);\n if (isStatic) {\n className += rootRule.getStaticClassName();\n } else {\n js += rootRule.toJS(allowedOverridesSet) + '\\n';\n }\n rootRule.toCSS(rulesByLayer);\n\n for (let [layer, rules] of rulesByLayer) {\n css += `@layer ${layerName(layer)} {\\n`;\n css += rules.join('\\n\\n');\n css += '}\\n\\n';\n }\n\n if (this && typeof this.addAsset === 'function') {\n this.addAsset({\n type: 'css',\n content: css\n });\n }\n\n if (isStatic) {\n return className;\n }\n\n js += 'return rules;';\n if (allowedOverrides) {\n return new Function('props', 'overrides', js) as any;\n }\n return new Function('props', js) as any;\n };\n\n function compileValue(property: string, themeProperty: string, value: StyleValue<Value, Condition<T>, any>) {\n return conditionalToRules(value as any, 0, new Set(), new Set(), (value, priority, conditions, skipConditions) => {\n return compileRule(property, themeProperty, value, priority, conditions, skipConditions);\n });\n }\n\n function conditionalToRules<P extends CustomValue | any[]>(\n value: PropertyValueDefinition<P>,\n parentPriority: number,\n currentConditions: Set<string>,\n skipConditions: Set<string>,\n fn: (value: P, priority: number, conditions: Set<string>, skipConditions: Set<string>) => [number, Rule[]]\n ): [number, Rule[]] {\n if (value && typeof value === 'object' && !Array.isArray(value)) {\n let rules: Rule[] = [];\n\n // Later conditions in parent rules override conditions in child rules.\n let subSkipConditions = new Set([...skipConditions, ...Object.keys(value)]);\n\n // Skip the default condition if we're already filtering by one of the other possible conditions.\n // For example, if someone specifies `dark: 'gray-400'`, only include the dark version of `gray-400` from the theme.\n let skipDefault = Object.keys(value).some(k => currentConditions.has(k));\n let wasCSSCondition = false;\n let priority = parentPriority;\n\n for (let condition in value) {\n if (skipConditions.has(condition) || (condition === 'default' && skipDefault)) {\n continue;\n }\n subSkipConditions.delete(condition);\n\n let val = value[condition];\n\n // If a theme condition comes after runtime conditions, create a new grouping.\n // This makes the CSS class unconditional so it appears outside the `else` block in the JS.\n // The @layer order in the generated CSS will ensure that it overrides classes applied by runtime conditions.\n let isCSSCondition = condition in theme.conditions || /^[@:]/.test(condition);\n if (!wasCSSCondition && isCSSCondition && rules.length) {\n rules = [new GroupRule(rules)];\n }\n wasCSSCondition = isCSSCondition;\n\n // Increment the current priority whenever we see a new CSS condition.\n if (isCSSCondition) {\n priority++;\n }\n\n // If this is a runtime condition, inherit the priority from the parent rule.\n // Otherwise, use the current maximum of the parent and current priorities.\n let rulePriority = isCSSCondition ? priority : parentPriority;\n\n if (condition === 'default' || isCSSCondition || /^is[A-Z]/.test(condition) || /^allows[A-Z]/.test(condition)) {\n let subConditions = currentConditions;\n if (isCSSCondition) {\n subConditions = new Set([...currentConditions, condition]);\n }\n let [subPriority, subRules] = conditionalToRules(val, rulePriority, subConditions, subSkipConditions, fn);\n rules.push(...compileCondition(currentConditions, condition, priority, subRules));\n priority = Math.max(priority, subPriority);\n } else if (val && typeof val === 'object' && !Array.isArray(val)) {\n for (let key in val) {\n let [subPriority, subRules] = conditionalToRules(val[key], rulePriority, currentConditions, subSkipConditions, fn);\n rules.push(...compileCondition(currentConditions, `${condition} === ${JSON.stringify(key)}`, priority, subRules));\n priority = Math.max(priority, subPriority);\n }\n }\n }\n return [priority, rules];\n } else {\n // @ts-ignore - broken in non-strict?\n return fn(value, parentPriority, currentConditions, skipConditions);\n }\n }\n\n function compileCondition(conditions: Set<string>, condition: string, priority: number, rules: Rule[]): Rule[] {\n if (condition === 'default' || conditions.has(condition)) {\n return [new GroupRule(rules)];\n }\n\n if (condition in theme.conditions || /^[@:]/.test(condition)) {\n // Conditions starting with : are CSS pseudo classes. Nest them inside the parent rule.\n let prelude = theme.conditions[condition] || condition;\n let preludes = Array.isArray(prelude) ? prelude : [prelude];\n return preludes.map(prelude => {\n if (prelude.startsWith(':')) {\n let rulesWithPseudo = rules.map(rule => {\n rule = rule.copy();\n rule.addPseudo(prelude);\n return rule;\n });\n\n return new GroupRule(rulesWithPseudo, generateName(priority, true));\n }\n\n // Otherwise, wrap the rule in the condition (e.g. @media).\n // Top level layer is based on the priority of the rule, not the condition.\n // Also group in a sub-layer based on the condition so that lightningcss can more effectively deduplicate rules.\n let layer = `${generateName(priority, true)}.${propertyInfo.conditions[prelude] || generateArbitraryValueSelector(condition, true)}`;\n return new AtRule(rules, prelude, layer);\n });\n }\n\n hasConditions = true;\n return [new ConditionalRule(rules, condition)];\n }\n\n function compileRule(property: string, themeProperty: string, value: Value, priority: number, conditions: Set<string>, skipConditions: Set<string>): [number, Rule[]] {\n let propertyFunction = properties.get(themeProperty);\n if (propertyFunction) {\n // Expand value to conditional CSS values, and then to rules.\n let arbitrary = parseArbitraryValue(value);\n let cssValue = arbitrary ? arbitrary : propertyFunction.toCSSValue(value);\n let cssProperties = propertyFunction.toCSSProperties(property.startsWith('--') ? property : null, cssValue);\n\n return conditionalToRules(cssProperties, priority, conditions, skipConditions, (value, priority, conditions) => {\n let [obj] = value;\n let rules: Rule[] = [];\n for (let key in obj) {\n let k = key as any;\n let value = obj[k];\n if (value === undefined) {\n continue;\n }\n if (typeof value === 'string') {\n // Replace self() references with variables and track the dependencies.\n value = value.replace(/self\\(([a-zA-Z]+)/g, (_, v) => {\n let prop = properties.get(v);\n if (!prop) {\n throw new Error(`self(${v}) is invalid. ${v} is not a known property.`);\n }\n let cssProperties = prop.cssProperties;\n if (cssProperties.length !== 1) {\n throw new Error(`self(${v}) is not supported. ${v} expands to multiple CSS properties.`);\n }\n dependencies.add(v);\n return `var(--${shortCSSPropertyName(cssProperties[0])}`;\n });\n }\n\n // Generate selector. This consists of three parts: property, conditions, value.\n let cssProperty = key;\n if (property.startsWith('--')) {\n cssProperty = propertyFunction.cssProperties[0];\n }\n\n let className = classNamePrefix(key, cssProperty);\n if (conditions.size > 0) {\n for (let condition of conditions) {\n let prelude = theme.conditions[condition] || condition;\n let preludes = Array.isArray(prelude) ? prelude : [prelude];\n for (let prelude of preludes) {\n className += propertyInfo.conditions[prelude] || generateArbitraryValueSelector(condition);\n }\n }\n }\n\n if (cssProperty !== key) {\n className += shortCSSPropertyName(cssProperty);\n }\n\n className += propertyInfo.values[cssProperty]?.[String(value)] ?? generateArbitraryValueSelector(String(value));\n className += POSTFIX;\n rules.push(new StyleRule(className, key, String(value)));\n }\n\n return [0, rules];\n });\n } else {\n throw new Error('Unknown property ' + themeProperty);\n }\n }\n}\n\nfunction kebab(property: string) {\n if (property.startsWith('--')) {\n return property;\n }\n return property.replace(/([a-z])([A-Z])/g, (_, a, b) => `${a}-${b.toLowerCase()}`);\n}\n\n// Generate a class name from a number, e.g. index within the theme.\n// This maps to an alphabet containing lower case letters, upper case letters, and numbers.\n// For numbers larger than 62, an underscore is prepended.\n// This encoding allows easy parsing to enable runtime merging by property.\nfunction generateName(index: number, atStart = false): string {\n if (index < 26) {\n // lower case letters\n return String.fromCharCode(index + 97);\n }\n\n if (index < 52) {\n // upper case letters\n return String.fromCharCode((index - 26) + 65);\n }\n\n if (index < 62 && !atStart) {\n // numbers\n return String.fromCharCode((index - 52) + 48);\n }\n\n return '_' + generateName(index - (atStart ? 52 : 62));\n}\n\n// For arbitrary values, we use a hash of the string to generate the class name.\nfunction generateArbitraryValueSelector(v: string, atStart = false) {\n let c = toBase62(hash(v));\n if (atStart && /^[0-9]/.test(c)) {\n c = `_${c}`;\n }\n return c;\n}\n\nfunction toBase62(value: number) {\n if (value === 0) {\n return generateName(value);\n }\n\n let res = '';\n while (value) {\n let remainder = value % 62;\n res += generateName(remainder);\n value = Math.floor((value - remainder) / 62);\n }\n\n return res;\n}\n\n// djb2 hash function.\n// http://www.cse.yorku.ca/~oz/hash.html\nfunction hash(v: string) {\n let hash = 5381;\n for (let i = 0; i < v.length; i++) {\n hash = ((hash << 5) + hash) + v.charCodeAt(i) >>> 0;\n }\n return hash;\n}\n\nfunction layerName(name: string) {\n // All of our layers should be sub-layers of a single parent layer, so that\n // the unsafe overrides layer always comes after.\n return `_.${name}`;\n}\n\ninterface Rule {\n addPseudo(prelude: string): void,\n getStaticClassName(): string,\n toCSS(rulesByLayer: Map<string, string[]>, preludes?: string[], layer?: string): void,\n toJS(allowedOverridesSet: Set<string>, indent?: string): string,\n copy(): Rule\n}\n\n/** A CSS style rule. */\nclass StyleRule implements Rule {\n className: string;\n pseudos: string;\n property: string;\n value: string;\n\n constructor(className: string, property: string, value: string) {\n this.className = className;\n this.pseudos = '';\n this.property = property;\n this.value = value;\n }\n\n copy(): Rule {\n let rule = new StyleRule(this.className, this.property, this.value);\n rule.pseudos = this.pseudos;\n return rule;\n }\n\n addPseudo(prelude: string) {\n this.pseudos += prelude;\n }\n\n getStaticClassName(): string {\n return ' ' + this.className;\n }\n\n toCSS(rulesByLayer: Map<string, string[]>, preludes: string[] = [], layer = 'a') {\n let prelude = `.${this.className}${this.pseudos}`;\n preludes.push(prelude);\n\n // Nest rule in our stack of preludes (e.g. media queries/selectors).\n let content = ' ';\n preludes.forEach((p, i) => {\n content += `${p} {\\n${' '.repeat((i + 2) * 2)}`;\n });\n content += `${kebab(this.property)}: ${this.value};\\n`;\n preludes.map((_, i) => {\n content += `${' '.repeat((preludes.length - i) * 2)}}\\n`;\n });\n\n // Group rule into the appropriate layer.\n let rules = rulesByLayer.get(layer);\n if (!rules) {\n rules = [];\n rulesByLayer.set(layer, rules);\n }\n rules.push(content);\n preludes.pop();\n }\n\n toJS(allowedOverridesSet: Set<string>, indent = ''): string {\n let res = '';\n if (allowedOverridesSet.has(this.property)) {\n res += `${indent}if (!${this.property.replace('--', '__')}) `;\n }\n res += `${indent}rules += ' ${this.className}';`;\n return res;\n }\n}\n\n/** Base class for rules that contain other rules. */\nclass GroupRule implements Rule {\n rules: Rule[];\n layer: string | null;\n\n constructor(rules: Rule[], layer?: string | null) {\n this.rules = rules;\n this.layer = layer ?? null;\n }\n\n copy(): Rule {\n return new GroupRule(this.rules.map(rule => rule.copy()), this.layer);\n }\n\n addPseudo(prelude: string) {\n for (let rule of this.rules) {\n rule.addPseudo(prelude);\n }\n }\n\n getStaticClassName(): string {\n return this.rules.map(rule => rule.getStaticClassName()).join('');\n }\n\n toCSS(rulesByLayer: Map<string, string[]>, preludes?: string[], layer?: string) {\n for (let rule of this.rules) {\n rule.toCSS(rulesByLayer, preludes, this.layer || layer);\n }\n }\n\n toJS(allowedOverridesSet: Set<string>, indent = ''): string {\n let rules = this.rules.slice();\n let conditional = rules.filter(rule => rule instanceof ConditionalRule).reverse().map((rule, i) => {\n return `${i > 0 ? ' else ' : ''}${rule.toJS(allowedOverridesSet, indent)}`;\n });\n\n let elseCases = rules.filter(rule => !(rule instanceof ConditionalRule)).map(rule => rule.toJS(allowedOverridesSet, indent));\n if (conditional.length && elseCases.length) {\n return `${conditional.join('')} else {\\n${indent} ${elseCases.join('\\n' + indent + ' ')}\\n${indent}}`;\n }\n\n if (conditional.length) {\n return conditional.join('');\n }\n\n return elseCases.join('\\n' + indent);\n }\n}\n\n/** A rule that applies conditionally in CSS (e.g. @media). */\nclass AtRule extends GroupRule {\n prelude: string;\n\n constructor(rules: Rule[], prelude: string, layer: string | null) {\n super(rules, layer);\n this.prelude = prelude;\n }\n\n copy(): Rule {\n return new AtRule(this.rules.map(rule => rule.copy()), this.prelude, this.layer);\n }\n\n toCSS(rulesByLayer: Map<string, string[]>, preludes: string[] = [], layer?: string): void {\n preludes.push(this.prelude);\n super.toCSS(rulesByLayer, preludes, layer);\n preludes?.pop();\n }\n}\n\n/** A rule that applies conditionally at runtime. */\nclass ConditionalRule extends GroupRule {\n condition: string;\n\n constructor(rules: Rule[], condition: string) {\n super(rules);\n this.condition = condition;\n }\n\n copy(): Rule {\n return new ConditionalRule(this.rules.map(rule => rule.copy()), this.condition);\n }\n\n getStaticClassName(): string {\n throw new Error('Conditional rules cannot be compiled to a static class name. This is a bug.');\n }\n\n toJS(allowedOverridesSet: Set<string>, indent = ''): string {\n return `${indent}if (props.${this.condition}) {\\n${super.toJS(allowedOverridesSet, indent + ' ')}\\n${indent}}`;\n }\n}\n\nexport function raw(this: MacroContext | void, css: string, layer = '_.a'): string {\n // Check if `this` is undefined, which means style was not called as a macro but as a normal function.\n // We also check if this is globalThis, which happens in non-strict mode bundles.\n // Also allow style to be called as a normal function in tests.\n // @ts-ignore\n // eslint-disable-next-line\n if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {\n throw new Error('The raw macro must be imported with {type: \"macro\"}.');\n }\n let className = generateArbitraryValueSelector(css, true);\n css = `@layer ${layer} {\n .${className} {\n ${css}\n }\n}`;\n\n // Ensure layer is always declared after the _ layer used by style macro.\n if (!layer.startsWith('_.')) {\n css = `@layer _, ${layer};\\n` + css;\n }\n\n if (this && typeof this.addAsset === 'function') {\n this.addAsset({\n type: 'css',\n content: css\n });\n }\n return className;\n}\n\nexport function keyframes(this: MacroContext | void, css: string): string {\n // Check if `this` is undefined, which means style was not called as a macro but as a normal function.\n // We also check if this is globalThis, which happens in non-strict mode bundles.\n // Also allow style to be called as a normal function in tests.\n // @ts-ignore\n // eslint-disable-next-line\n if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {\n throw new Error('The keyframes macro must be imported with {type: \"macro\"}.');\n }\n let name = generateArbitraryValueSelector(css, true);\n css = `@keyframes ${name} {\n ${css}\n}`;\n if (this && typeof this.addAsset === 'function') {\n this.addAsset({\n type: 'css',\n content: css\n });\n }\n return name;\n}\n"],"names":[],"version":3,"file":"style-macro.mjs.map","sourceRoot":"../../../../../"}
1
+ {"mappings":"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","sources":["packages/@react-spectrum/s2/style/style-macro.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type {Condition, CSSProperties, CSSValue, CustomValue, Property, PropertyValueDefinition, PropertyValueMap, RenderProps, ShorthandProperty, StyleFunction, StyleValue, Theme, ThemeProperties, Value} from './types';\nimport fs from 'fs';\nimport * as propertyInfo from './properties.json';\n\n// Postfix all class names with version for now.\nconst json = JSON.parse(fs.readFileSync(__dirname + '/../package.json', 'utf8'));\nconst POSTFIX = json.version.includes('nightly') ? json.version.match(/-nightly-(.*)/)[1] : json.version.replace(/[0.]/g, '');\n\nexport class ArbitraryProperty<T extends Value> implements Property<T> {\n property: string;\n toCSS: (value: T) => CSSValue;\n\n constructor(property: string, toCSS?: (value: T) => CSSValue) {\n this.property = property;\n this.toCSS = toCSS || ((value) => String(value));\n }\n\n get cssProperties(): string[] {\n return [this.property];\n }\n\n toCSSValue(value: T): PropertyValueDefinition<Value> {\n return this.toCSS(value);\n }\n\n toCSSProperties(customProperty: string | null, value: PropertyValueDefinition<Value>): PropertyValueDefinition<[CSSProperties]> {\n return mapConditionalValue(value, value => [{[customProperty || this.property]: String(value)}]);\n }\n}\n\nexport class MappedProperty<T extends CSSValue> extends ArbitraryProperty<T> implements Property<T> {\n mapping: PropertyValueMap<T> | string[];\n\n constructor(property: string, mapping: PropertyValueMap<T> | string[]) {\n super(property);\n this.mapping = mapping;\n }\n\n toCSSValue(value: T): PropertyValueDefinition<Value> {\n if (Array.isArray(this.mapping)) {\n if (!this.mapping.includes(String(value))) {\n throw new Error('Invalid style value: ' + value);\n }\n return value;\n } else {\n let res = this.mapping[String(value)];\n if (res == null) {\n throw new Error('Invalid style value: ' + value);\n }\n return res;\n }\n }\n}\n\nexport type Color<C extends string> = C | `${string}/${number}`;\nexport class ColorProperty<C extends string> extends MappedProperty<C> implements Property<Color<C>> {\n toCSSValue(value: Color<C>): PropertyValueDefinition<Value> {\n let [color, opacity] = value.split('/');\n return mapConditionalValue(this.mapping[color], value => {\n return opacity ? `rgb(from ${value} r g b / ${opacity}%)` : value;\n });\n }\n}\n\nexport type LengthPercentageUnit = '%' | 'vw' | 'svw' | 'dvw' | 'vh' | 'svh' | 'dvh' | 'vmin' | 'svmin' | 'dvmin' | 'vmax' | 'svmax' | 'dvmax' | 'cqw' | 'cqh' | 'cqmin' | 'cqmax';\nexport type LengthPercentage = `${number}${LengthPercentageUnit}`;\n\nexport class PercentageProperty<T extends CSSValue> extends MappedProperty<T> implements Property<T | LengthPercentage> {\n constructor(property: string, mapping: PropertyValueMap<T> | string[]) {\n super(property, mapping);\n }\n\n toCSSValue(value: T | LengthPercentage): PropertyValueDefinition<Value> {\n if (typeof value === 'string' && /^-?\\d+(?:\\.\\d+)?(%|vw|svw|dvw|vh|svh|dvh|vmin|svmin|dvmin|vmax|svmax|dvmax|cqw|cqh|cqmin|cqmax)$/.test(value)) {\n return value;\n }\n\n return super.toCSSValue(value as T);\n }\n}\n\nexport class SizingProperty<T extends CSSValue> extends PercentageProperty<T> implements Property<T | number | LengthPercentage> {\n numberToCSS: (value: number) => string;\n\n constructor(property: string, mapping: PropertyValueMap<T> | string[], numberToCSS: (value: number) => string) {\n super(property, mapping);\n this.numberToCSS = numberToCSS;\n }\n\n toCSSValue(value: T | LengthPercentage | number): PropertyValueDefinition<Value> {\n if (typeof value === 'number') {\n return value === 0 ? '0px' : this.numberToCSS(value);\n }\n\n return super.toCSSValue(value);\n }\n}\n\nexport class ExpandedProperty<T extends Value> implements Property<T> {\n cssProperties: string[];\n mapping: Property<T> | null;\n expand: (v: T | CSSValue) => CSSProperties;\n\n constructor(properties: string[], expand: (v: T | CSSValue) => CSSProperties, mapping?: Property<T> | PropertyValueMap<CSSValue>) {\n this.cssProperties = properties;\n this.expand = expand;\n if (mapping instanceof MappedProperty) {\n this.mapping = mapping;\n } else if (mapping) {\n this.mapping = new MappedProperty<any>(properties[0], mapping as any);\n } else {\n this.mapping = null;\n }\n }\n\n toCSSValue(value: T): PropertyValueDefinition<Value> {\n if (!this.mapping) {\n return value;\n }\n\n return this.mapping.toCSSValue(value);\n }\n\n toCSSProperties(customProperty: string | null, value: PropertyValueDefinition<T>): PropertyValueDefinition<[CSSProperties]> {\n if (customProperty) {\n throw new Error('Style properties that expand into multiple CSS properties cannot be set as CSS variables.');\n }\n return mapConditionalValue(value, value => [this.expand(value)]);\n }\n}\n\nfunction mapConditionalValue<T, U>(value: PropertyValueDefinition<T>, fn: (value: T) => U): PropertyValueDefinition<U> {\n if (typeof value === 'object' && !Array.isArray(value)) {\n let res: PropertyValueDefinition<U> = {};\n for (let condition in value) {\n res[condition] = mapConditionalValue((value as any)[condition], fn);\n }\n return res;\n } else {\n return fn(value);\n }\n}\n\nfunction mapConditionalShorthand<T, C extends string, R extends RenderProps<string>>(value: PropertyValueDefinition<T>, fn: ShorthandProperty<T>): {[property: string]: StyleValue<Value, C, R>} {\n if (typeof value === 'object') {\n let res = {};\n for (let condition in value) {\n let properties = mapConditionalShorthand(value[condition], fn);\n for (let property in properties) {\n res[property] ??= {};\n res[property][condition] = properties[property];\n }\n }\n return res;\n } else {\n return fn(value);\n }\n}\n\nexport function parseArbitraryValue(value: Value): string | undefined {\n if (typeof value === 'string' && value.startsWith('--')) {\n return `var(${value})`;\n } else if (typeof value === 'string' && value[0] === '[' && value[value.length - 1] === ']') {\n return value.slice(1, -1);\n } else if (\n typeof value === 'string' && (\n /^(var|calc|min|max|clamp|round|mod|rem|sin|cos|tan|asin|acos|atan|atan2|pow|sqrt|hypot|log|exp|abs|sign)\\(.+\\)$/.test(value) ||\n /^(inherit|initial|unset)$/.test(value)\n )\n ) {\n return value;\n }\n}\n\nfunction shortCSSPropertyName(property: string) {\n return propertyInfo.properties[property] ?? generateArbitraryValueSelector(property, true);\n}\n\nfunction classNamePrefix(property: string, cssProperty: string) {\n let className = propertyInfo.properties[cssProperty];\n if (className && property === '--' + className) {\n return '-' + className + '_-';\n }\n\n if (className && !property.startsWith('--')) {\n return className;\n }\n\n return '-' + generateArbitraryValueSelector(property, true) + '-';\n}\n\ninterface MacroContext {\n addAsset(asset: {type: string, content: string}): void\n}\n\nlet isCompilingDependencies: boolean | null | string = false;\n\nexport function createTheme<T extends Theme>(theme: T): StyleFunction<ThemeProperties<T>, 'default' | Extract<keyof T['conditions'], string>> {\n let properties = new Map<string, Property<any>>(Object.entries(theme.properties).map(([k, v]) => {\n if (!Array.isArray(v) && v.cssProperties) {\n return [k, v as Property<any>];\n }\n\n return [k, new MappedProperty(k, v as any)];\n }));\n\n let dependencies = new Set<string>();\n let hasConditions = false;\n return function style(this: MacroContext | void, style, allowedOverrides?: readonly string[]) {\n // Check if `this` is undefined, which means style was not called as a macro but as a normal function.\n // We also check if this is globalThis, which happens in non-strict mode bundles.\n // Also allow style to be called as a normal function in tests.\n // @ts-ignore\n \n if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {\n throw new Error('The style macro must be imported with {type: \"macro\"}.');\n }\n\n // Generate rules for each property.\n let rules = new Map<string, Rule>();\n let values = new Map();\n dependencies.clear();\n let usedPriorities = 0;\n let setRules = (key: string, value: [number, Rule[]]) => {\n usedPriorities = Math.max(usedPriorities, value[0]);\n rules.set(key, new GroupRule(value[1]));\n };\n\n hasConditions = false;\n for (let key in style) {\n let value = style[key]!;\n let themeProperty = key;\n values.set(key, value);\n\n // Get the type of custom properties in the theme.\n if (key.startsWith('--')) {\n themeProperty = value.type;\n value = value.value;\n }\n\n // Expand shorthands to longhands so that merging works as expected.\n if (theme.shorthands[key]) {\n let shorthand = theme.shorthands[key];\n if (typeof shorthand === 'function') {\n let expanded = mapConditionalShorthand(value, shorthand);\n for (let k in expanded) {\n let v = expanded[k];\n values.set(k, v);\n setRules(k, compileValue(k, k, v));\n }\n } else {\n for (let prop of shorthand) {\n values.set(prop, value);\n setRules(prop, compileValue(prop, prop, value));\n }\n }\n } else if (themeProperty in theme.properties) {\n setRules(key, compileValue(key, themeProperty, value));\n }\n }\n\n // For properties referenced by self(), rewrite the declarations to assign\n // to an intermediary custom property so we can access the value.\n for (let dep of dependencies) {\n let value = values.get(dep);\n if (value != null) {\n if (!(dep in theme.properties)) {\n throw new Error(`Unknown dependency ${dep}`);\n }\n let prop = properties.get(dep)!;\n let name = `--${shortCSSPropertyName(prop.cssProperties[0])}`;\n // Could potentially use @property to prevent the var from inheriting in children.\n isCompilingDependencies = dep;\n setRules(name, compileValue(name, dep, value));\n isCompilingDependencies = null;\n setRules(dep, compileValue(dep, dep, name));\n isCompilingDependencies = false;\n }\n }\n dependencies.clear();\n\n let css = '';\n\n // Declare layers for each priority ahead of time so the order is always correct.\n css += '@layer ';\n let first = true;\n for (let i = 0; i <= usedPriorities; i++) {\n if (first) {\n first = false;\n } else {\n css += ', ';\n }\n css += layerName(generateName(i, true));\n }\n css += ';\\n\\n';\n\n // If allowed overrides are provided, generate code to match the input override string and include only allowed classes.\n // Also generate a variable for each overridable property that overlaps with the style definition. If those are defined,\n // the defaults from the style definition are omitted.\n let allowedOverridesSet = new Set<string>();\n let js = process.env.NODE_ENV !== 'production'\n ? 'let rules = \" \", currentRules = {};\\n'\n : 'let rules = \" \";\\n';\n if (allowedOverrides?.length) {\n for (let property of allowedOverrides) {\n let shorthand = theme.shorthands[property];\n let props = Array.isArray(shorthand) ? shorthand : [property];\n for (let property of props) {\n if (property.startsWith('--')) {\n allowedOverridesSet.add(property);\n continue;\n }\n\n let prop = properties.get(property);\n if (!prop) {\n throw new Error(`Invalid property ${property} in allowedOverrides`);\n }\n for (let property of prop.cssProperties) {\n allowedOverridesSet.add(property);\n }\n }\n }\n\n let loop = '';\n for (let property of rules.keys()) {\n let prop = properties.get(property);\n if (prop) {\n for (let property of prop.cssProperties) {\n if (property && allowedOverridesSet.has(property)) {\n let selector = classNamePrefix(property, property);\n let p = property.replace('--', '__');\n js += `let ${p} = false;\\n`;\n loop += ` if (p[1] === ${JSON.stringify(selector)}) ${p} = true;\\n`;\n }\n }\n } else if (property.startsWith('--') && allowedOverridesSet.has(property)) {\n let selector = classNamePrefix(property, property);\n let p = property.replace('--', '__');\n js += `let ${p} = false;\\n`;\n loop += ` if (p[1] === ${JSON.stringify(selector)}) ${p} = true;\\n`;\n }\n }\n\n let macroPart = process.env.NODE_ENV !== 'production' ? '|-macro\\\\$' : '';\n let regex = `/(?:^|\\\\s)(${[...allowedOverridesSet].map(p => classNamePrefix(p, p)).join('|')}${macroPart})[^\\\\s]+/g`;\n if (loop) {\n js += `let matches = String(overrides || '').matchAll(${regex});\\n`;\n js += 'for (let p of matches) {\\n';\n js += loop;\n js += ' rules += p[0];\\n';\n js += '}\\n';\n } else {\n js += `rules += (String(overrides || '').match(${regex}) || []).join('')\\n`;\n }\n }\n\n // Generate JS and CSS for each rule.\n let isStatic = !(hasConditions || allowedOverrides);\n let className = '';\n let rulesByLayer = new Map<string, string[]>();\n let rootRule = new GroupRule([...rules.values()]);\n if (isStatic) {\n className += rootRule.getStaticClassName();\n } else {\n js += rootRule.toJS(allowedOverridesSet) + '\\n';\n }\n rootRule.toCSS(rulesByLayer);\n\n for (let [layer, rules] of rulesByLayer) {\n css += `@layer ${layerName(layer)} {\\n`;\n css += rules.join('\\n\\n');\n css += '}\\n\\n';\n }\n // @ts-expect-error\n let loc = this?.loc?.filePath + ':' + this?.loc?.line + ':' + this?.loc?.col;\n if (isStatic && process.env.NODE_ENV !== 'production') {\n let id = toBase62(hash(className + loc));\n css += `.-macro-static-${id} {\n --macro-data-${id}: ${JSON.stringify({style, loc})};\n }\\n\\n`;\n className += ` -macro-static-${id}`;\n }\n\n if (this && typeof this.addAsset === 'function') {\n this.addAsset({\n type: 'css',\n content: css\n });\n }\n\n if (isStatic) {\n return className;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n js += `let targetRules = rules + ${JSON.stringify(loc)};\\n`;\n js += 'let hash = 5381;for (let i = 0; i < targetRules.length; i++) { hash = ((hash << 5) + hash) + targetRules.charCodeAt(i) >>> 0; }\\n';\n js += 'rules += \" -macro-dynamic-\" + hash.toString(36);\\n';\n js += `typeof window !== 'undefined' && window?.postMessage?.({action: 'stylemacro-update-macros', hash: hash.toString(36), loc: ${JSON.stringify(loc)}, style: currentRules}, \"*\");\\n`;\n }\n js += 'return rules;';\n if (allowedOverrides) {\n return new Function('props', 'overrides', js) as any;\n }\n return new Function('props', js) as any;\n };\n\n function compileValue(property: string, themeProperty: string, value: StyleValue<Value, Condition<T>, any>) {\n return conditionalToRules(value as any, 0, new Set(), new Set(), (value, priority, conditions, skipConditions) => {\n return compileRule(property, themeProperty, value, priority, conditions, skipConditions);\n });\n }\n\n function conditionalToRules<P extends CustomValue | any[]>(\n value: PropertyValueDefinition<P>,\n parentPriority: number,\n currentConditions: Set<string>,\n skipConditions: Set<string>,\n fn: (value: P, priority: number, conditions: Set<string>, skipConditions: Set<string>) => [number, Rule[]]\n ): [number, Rule[]] {\n if (value && typeof value === 'object' && !Array.isArray(value)) {\n let rules: Rule[] = [];\n\n // Later conditions in parent rules override conditions in child rules.\n let subSkipConditions = new Set([...skipConditions, ...Object.keys(value)]);\n\n // Skip the default condition if we're already filtering by one of the other possible conditions.\n // For example, if someone specifies `dark: 'gray-400'`, only include the dark version of `gray-400` from the theme.\n let skipDefault = Object.keys(value).some(k => currentConditions.has(k));\n let wasCSSCondition = false;\n let priority = parentPriority;\n\n for (let condition in value) {\n if (skipConditions.has(condition) || (condition === 'default' && skipDefault)) {\n continue;\n }\n subSkipConditions.delete(condition);\n\n let val = value[condition];\n\n // If a theme condition comes after runtime conditions, create a new grouping.\n // This makes the CSS class unconditional so it appears outside the `else` block in the JS.\n // The @layer order in the generated CSS will ensure that it overrides classes applied by runtime conditions.\n let isCSSCondition = condition in theme.conditions || /^[@:]/.test(condition);\n if (!wasCSSCondition && isCSSCondition && rules.length) {\n rules = [new GroupRule(rules)];\n }\n wasCSSCondition = isCSSCondition;\n\n // Increment the current priority whenever we see a new CSS condition.\n if (isCSSCondition) {\n priority++;\n }\n\n // If this is a runtime condition, inherit the priority from the parent rule.\n // Otherwise, use the current maximum of the parent and current priorities.\n let rulePriority = isCSSCondition ? priority : parentPriority;\n\n if (condition === 'default' || isCSSCondition || /^is[A-Z]/.test(condition) || /^allows[A-Z]/.test(condition)) {\n let subConditions = currentConditions;\n if (isCSSCondition) {\n subConditions = new Set([...currentConditions, condition]);\n }\n let [subPriority, subRules] = conditionalToRules(val, rulePriority, subConditions, subSkipConditions, fn);\n rules.push(...compileCondition(currentConditions, condition, priority, subRules));\n priority = Math.max(priority, subPriority);\n } else if (val && typeof val === 'object' && !Array.isArray(val)) {\n for (let key in val) {\n let [subPriority, subRules] = conditionalToRules(val[key], rulePriority, currentConditions, subSkipConditions, fn);\n rules.push(...compileCondition(currentConditions, `${condition} === ${JSON.stringify(key)}`, priority, subRules));\n priority = Math.max(priority, subPriority);\n }\n }\n }\n return [priority, rules];\n } else {\n // @ts-ignore - broken in non-strict?\n return fn(value, parentPriority, currentConditions, skipConditions);\n }\n }\n\n function compileCondition(conditions: Set<string>, condition: string, priority: number, rules: Rule[]): Rule[] {\n if (condition === 'default' || conditions.has(condition)) {\n return [new GroupRule(rules)];\n }\n\n if (condition in theme.conditions || /^[@:]/.test(condition)) {\n // Conditions starting with : are CSS pseudo classes. Nest them inside the parent rule.\n let prelude = theme.conditions[condition] || condition;\n let preludes = Array.isArray(prelude) ? prelude : [prelude];\n return preludes.map(prelude => {\n if (prelude.startsWith(':')) {\n let rulesWithPseudo = rules.map(rule => {\n rule = rule.copy();\n rule.addPseudo(prelude);\n return rule;\n });\n\n return new GroupRule(rulesWithPseudo, generateName(priority, true));\n }\n\n // Otherwise, wrap the rule in the condition (e.g. @media).\n // Top level layer is based on the priority of the rule, not the condition.\n // Also group in a sub-layer based on the condition so that lightningcss can more effectively deduplicate rules.\n let layer = `${generateName(priority, true)}.${propertyInfo.conditions[prelude] || generateArbitraryValueSelector(condition, true)}`;\n return new AtRule(rules, prelude, layer, condition);\n });\n }\n\n hasConditions = true;\n return [new ConditionalRule(rules, condition)];\n }\n\n function compileRule(property: string, themeProperty: string, value: Value, priority: number, conditions: Set<string>, skipConditions: Set<string>): [number, Rule[]] {\n let propertyFunction = properties.get(themeProperty);\n if (propertyFunction) {\n // Expand value to conditional CSS values, and then to rules.\n let propertyValue = value;\n let arbitrary = parseArbitraryValue(value);\n let cssValue = arbitrary ? arbitrary : propertyFunction.toCSSValue(value);\n let cssProperties = propertyFunction.toCSSProperties(property.startsWith('--') ? property : null, cssValue);\n\n return conditionalToRules(cssProperties, priority, conditions, skipConditions, (value, priority, conditions) => {\n let [obj] = value;\n let rules: Rule[] = [];\n for (let key in obj) {\n let k = key as any;\n let value = obj[k];\n if (value === undefined) {\n continue;\n }\n if (typeof value === 'string') {\n // Replace self() references with variables and track the dependencies.\n value = value.replace(/self\\(([a-zA-Z]+)/g, (_, v) => {\n let prop = properties.get(v);\n if (!prop) {\n throw new Error(`self(${v}) is invalid. ${v} is not a known property.`);\n }\n let cssProperties = prop.cssProperties;\n if (cssProperties.length !== 1) {\n throw new Error(`self(${v}) is not supported. ${v} expands to multiple CSS properties.`);\n }\n dependencies.add(v);\n return `var(--${shortCSSPropertyName(cssProperties[0])}`;\n });\n }\n\n // Generate selector. This consists of three parts: property, conditions, value.\n let cssProperty = key;\n if (property.startsWith('--')) {\n cssProperty = propertyFunction.cssProperties[0];\n }\n\n let className = classNamePrefix(key, cssProperty);\n if (conditions.size > 0) {\n for (let condition of conditions) {\n let prelude = theme.conditions[condition] || condition;\n let preludes = Array.isArray(prelude) ? prelude : [prelude];\n for (let prelude of preludes) {\n className += propertyInfo.conditions[prelude] || generateArbitraryValueSelector(condition);\n }\n }\n }\n\n if (cssProperty !== key) {\n className += shortCSSPropertyName(cssProperty);\n }\n\n className += propertyInfo.values[cssProperty]?.[String(value)] ?? generateArbitraryValueSelector(String(value));\n className += POSTFIX;\n rules.push(new StyleRule(className, key, String(value), isCompilingDependencies ? themeProperty : property, propertyValue));\n }\n\n return [0, rules];\n });\n } else {\n throw new Error('Unknown property ' + themeProperty);\n }\n }\n}\n\nfunction kebab(property: string) {\n if (property.startsWith('--')) {\n return property;\n }\n return property.replace(/([a-z])([A-Z])/g, (_, a, b) => `${a}-${b.toLowerCase()}`);\n}\n\n// Generate a class name from a number, e.g. index within the theme.\n// This maps to an alphabet containing lower case letters, upper case letters, and numbers.\n// For numbers larger than 62, an underscore is prepended.\n// This encoding allows easy parsing to enable runtime merging by property.\nfunction generateName(index: number, atStart = false): string {\n if (index < 26) {\n // lower case letters\n return String.fromCharCode(index + 97);\n }\n\n if (index < 52) {\n // upper case letters\n return String.fromCharCode((index - 26) + 65);\n }\n\n if (index < 62 && !atStart) {\n // numbers\n return String.fromCharCode((index - 52) + 48);\n }\n\n return '_' + generateName(index - (atStart ? 52 : 62));\n}\n\n// For arbitrary values, we use a hash of the string to generate the class name.\nfunction generateArbitraryValueSelector(v: string, atStart = false) {\n let c = toBase62(hash(v));\n if (atStart && /^[0-9]/.test(c)) {\n c = `_${c}`;\n }\n return c;\n}\n\nfunction toBase62(value: number) {\n if (value === 0) {\n return generateName(value);\n }\n\n let res = '';\n while (value) {\n let remainder = value % 62;\n res += generateName(remainder);\n value = Math.floor((value - remainder) / 62);\n }\n\n return res;\n}\n\n// djb2 hash function.\n// http://www.cse.yorku.ca/~oz/hash.html\nfunction hash(v: string) {\n let hash = 5381;\n for (let i = 0; i < v.length; i++) {\n hash = ((hash << 5) + hash) + v.charCodeAt(i) >>> 0;\n }\n return hash;\n}\n\nfunction layerName(name: string) {\n // All of our layers should be sub-layers of a single parent layer, so that\n // the unsafe overrides layer always comes after.\n return `_.${name}`;\n}\n\ninterface Rule {\n addPseudo(prelude: string): void,\n getStaticClassName(): string,\n toCSS(rulesByLayer: Map<string, string[]>, preludes?: string[], layer?: string): void,\n toJS(allowedOverridesSet: Set<string>, indent?: string): string,\n copy(): Rule\n}\n\nlet conditionStack: string[] = [];\n\n/** A CSS style rule. */\nclass StyleRule implements Rule {\n className: string;\n pseudos: string;\n property: string;\n value: string;\n themeProperty: string | undefined;\n themeValue: Value | undefined;\n\n constructor(className: string, property: string, value: string, themeProperty: string | undefined, themeValue: Value | undefined) {\n this.className = className;\n this.pseudos = '';\n this.property = property;\n this.value = value;\n if (process.env.NODE_ENV !== 'production' && isCompilingDependencies !== null) {\n this.themeProperty = themeProperty;\n this.themeValue = themeValue;\n }\n }\n\n copy(): Rule {\n let rule = new StyleRule(this.className, this.property, this.value, this.themeProperty, this.themeValue);\n rule.pseudos = this.pseudos;\n return rule;\n }\n\n addPseudo(prelude: string) {\n this.pseudos += prelude;\n }\n\n getStaticClassName(): string {\n return ' ' + this.className;\n }\n\n toCSS(rulesByLayer: Map<string, string[]>, preludes: string[] = [], layer = 'a') {\n let prelude = `.${this.className}${this.pseudos}`;\n preludes.push(prelude);\n\n // Nest rule in our stack of preludes (e.g. media queries/selectors).\n let content = ' ';\n preludes.forEach((p, i) => {\n content += `${p} {\\n${' '.repeat((i + 2) * 2)}`;\n });\n content += `${kebab(this.property)}: ${this.value};\\n`;\n preludes.map((_, i) => {\n content += `${' '.repeat((preludes.length - i) * 2)}}\\n`;\n });\n\n // Group rule into the appropriate layer.\n let rules = rulesByLayer.get(layer);\n if (!rules) {\n rules = [];\n rulesByLayer.set(layer, rules);\n }\n rules.push(content);\n preludes.pop();\n }\n\n toJS(allowedOverridesSet: Set<string>, indent = ''): string {\n let res = '';\n if (allowedOverridesSet.has(this.property)) {\n res += `${indent}if (!${this.property.replace('--', '__')}) `;\n }\n res += `${indent}rules += ' ${this.className}';`;\n if (process.env.NODE_ENV !== 'production' && this.themeProperty) {\n let name = this.themeProperty;\n if (this.pseudos) {\n conditionStack.push(this.pseudos);\n }\n let propertyName = JSON.stringify(name);\n let valueJson = JSON.stringify(this.themeValue);\n if (conditionStack.length) {\n // name += ` (${conditionStack.join(', ')})`;\n let conditionKey = JSON.stringify(conditionStack.join(' && '));\n // Ensure currentRules[name] is an object, converting from simple value if needed\n res += ` currentRules[${propertyName}] = typeof currentRules[${propertyName}] === 'object' ? currentRules[${propertyName}] : {\"default\": currentRules[${propertyName}]};`;\n // Set the value for this specific condition\n res += ` currentRules[${propertyName}][${conditionKey}] = ${valueJson};`;\n } else {\n res += ` currentRules[${propertyName}] = ${valueJson};`;\n }\n if (this.pseudos) {\n conditionStack.pop();\n }\n }\n return res;\n }\n}\n\n/** Base class for rules that contain other rules. */\nclass GroupRule implements Rule {\n rules: Rule[];\n layer: string | null;\n\n constructor(rules: Rule[], layer?: string | null) {\n this.rules = rules;\n this.layer = layer ?? null;\n }\n\n copy(): Rule {\n return new GroupRule(this.rules.map(rule => rule.copy()), this.layer);\n }\n\n addPseudo(prelude: string) {\n for (let rule of this.rules) {\n rule.addPseudo(prelude);\n }\n }\n\n getStaticClassName(): string {\n return this.rules.map(rule => rule.getStaticClassName()).join('');\n }\n\n toCSS(rulesByLayer: Map<string, string[]>, preludes?: string[], layer?: string) {\n for (let rule of this.rules) {\n rule.toCSS(rulesByLayer, preludes, this.layer || layer);\n }\n }\n\n toJS(allowedOverridesSet: Set<string>, indent = ''): string {\n let rules = this.rules.slice();\n let conditional = rules.filter(rule => rule instanceof ConditionalRule).reverse().map((rule, i) => {\n return `${i > 0 ? ' else ' : ''}${rule.toJS(allowedOverridesSet, indent)}`;\n });\n\n let elseCases = rules.filter(rule => !(rule instanceof ConditionalRule)).map(rule => rule.toJS(allowedOverridesSet, indent));\n if (conditional.length && elseCases.length) {\n return `${conditional.join('')} else {\\n${indent} ${elseCases.join('\\n' + indent + ' ')}\\n${indent}}`;\n }\n\n if (conditional.length) {\n return conditional.join('');\n }\n\n return elseCases.join('\\n' + indent);\n }\n}\n\n/** A rule that applies conditionally in CSS (e.g. @media). */\nclass AtRule extends GroupRule {\n prelude: string;\n themeCondition: string | null;\n\n constructor(rules: Rule[], prelude: string, layer: string | null, themeCondition: string | null) {\n super(rules, layer);\n this.prelude = prelude;\n this.themeCondition = themeCondition;\n }\n\n copy(): Rule {\n return new AtRule(this.rules.map(rule => rule.copy()), this.prelude, this.layer, this.themeCondition);\n }\n\n toCSS(rulesByLayer: Map<string, string[]>, preludes: string[] = [], layer?: string): void {\n preludes.push(this.prelude);\n super.toCSS(rulesByLayer, preludes, layer);\n preludes?.pop();\n }\n\n toJS(allowedOverridesSet: Set<string>, indent?: string): string {\n conditionStack.push(this.themeCondition || this.prelude);\n let res = super.toJS(allowedOverridesSet, indent);\n conditionStack.pop();\n return res;\n }\n}\n\n/** A rule that applies conditionally at runtime. */\nclass ConditionalRule extends GroupRule {\n condition: string;\n\n constructor(rules: Rule[], condition: string) {\n super(rules);\n this.condition = condition;\n }\n\n copy(): Rule {\n return new ConditionalRule(this.rules.map(rule => rule.copy()), this.condition);\n }\n\n getStaticClassName(): string {\n throw new Error('Conditional rules cannot be compiled to a static class name. This is a bug.');\n }\n\n toJS(allowedOverridesSet: Set<string>, indent = ''): string {\n conditionStack.push(this.condition);\n let res = `${indent}if (props.${this.condition}) {\\n${super.toJS(allowedOverridesSet, indent + ' ')}\\n${indent}}`;\n conditionStack.pop();\n return res;\n }\n}\n\nexport function raw(this: MacroContext | void, css: string, layer = '_.a'): string {\n // Check if `this` is undefined, which means style was not called as a macro but as a normal function.\n // We also check if this is globalThis, which happens in non-strict mode bundles.\n // Also allow style to be called as a normal function in tests.\n // @ts-ignore\n \n if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {\n throw new Error('The raw macro must be imported with {type: \"macro\"}.');\n }\n let className = generateArbitraryValueSelector(css, true);\n css = `@layer ${layer} {\n .${className} {\n ${css}\n }\n}`;\n\n // Ensure layer is always declared after the _ layer used by style macro.\n if (!layer.startsWith('_.')) {\n css = `@layer _, ${layer};\\n` + css;\n }\n\n if (this && typeof this.addAsset === 'function') {\n this.addAsset({\n type: 'css',\n content: css\n });\n }\n return className;\n}\n\nexport function keyframes(this: MacroContext | void, css: string): string {\n // Check if `this` is undefined, which means style was not called as a macro but as a normal function.\n // We also check if this is globalThis, which happens in non-strict mode bundles.\n // Also allow style to be called as a normal function in tests.\n // @ts-ignore\n \n if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {\n throw new Error('The keyframes macro must be imported with {type: \"macro\"}.');\n }\n let name = generateArbitraryValueSelector(css, true);\n css = `@keyframes ${name} {\n ${css}\n}`;\n if (this && typeof this.addAsset === 'function') {\n this.addAsset({\n type: 'css',\n content: css\n });\n }\n return name;\n}\n"],"names":[],"version":3,"file":"style-macro.mjs.map","sourceRoot":"../../../../../"}
package/style/runtime.ts CHANGED
@@ -39,20 +39,31 @@ import {StyleString} from './types';
39
39
  export function mergeStyles(...styles: (StyleString | null | undefined)[]): StyleString {
40
40
  let definedStyles = styles.filter(Boolean) as StyleString[];
41
41
  if (definedStyles.length === 1) {
42
- return definedStyles[0];
42
+ let first = definedStyles[0];
43
+ if (typeof first !== 'string') {
44
+ // static macro has a toString method so that we generate the style macro map for the entry
45
+ // it's automatically called in other places, but for our merging, we have to call it ourselves
46
+ return (first as StyleString).toString() as StyleString;
47
+ }
48
+ return first;
43
49
  }
44
50
 
45
- let map = new Map();
51
+ let map = new Map<string, string>();
52
+
46
53
  for (let style of definedStyles) {
47
- for (let [k, v] of parse(style)) {
54
+ // must call toString here for the static macro
55
+ let str = style.toString();
56
+
57
+ for (let [k, v] of parse(str)) {
48
58
  map.set(k, v);
49
59
  }
50
60
  }
51
-
61
+
52
62
  let res = '';
53
63
  for (let value of map.values()) {
54
64
  res += value;
55
65
  }
66
+
56
67
  return res as StyleString;
57
68
  }
58
69
 
@@ -74,7 +85,12 @@ function parse(s: string) {
74
85
  }
75
86
 
76
87
  let property = s.slice(start, condition);
77
- properties.set(property, (properties.get(property) || '') + ' ' + s.slice(start, i));
88
+ if (process.env.NODE_ENV !== 'production' && property.startsWith('-macro-')) {
89
+ let value = s.slice(start, i);
90
+ properties.set(value, ' ' + value);
91
+ } else {
92
+ properties.set(property, (properties.get(property) || '') + ' ' + s.slice(start, i));
93
+ }
78
94
  }
79
95
 
80
96
  function readValue() {
@@ -176,7 +176,7 @@ export function parseArbitraryValue(value: Value): string | undefined {
176
176
  return value.slice(1, -1);
177
177
  } else if (
178
178
  typeof value === 'string' && (
179
- /^(var|calc|min|max|clamp|round|mod|rem|sin|cos|tan|asin|acos|atan|atan2|pow|sqrt|hypot|log|exp|abs|sign)\(.+\)$/.test(value) ||
179
+ /^(var|calc|min|max|clamp|round|mod|rem|sin|cos|tan|asin|acos|atan|atan2|pow|sqrt|hypot|log|exp|abs|sign)\(.+\)$/.test(value) ||
180
180
  /^(inherit|initial|unset)$/.test(value)
181
181
  )
182
182
  ) {
@@ -205,6 +205,8 @@ interface MacroContext {
205
205
  addAsset(asset: {type: string, content: string}): void
206
206
  }
207
207
 
208
+ let isCompilingDependencies: boolean | null | string = false;
209
+
208
210
  export function createTheme<T extends Theme>(theme: T): StyleFunction<ThemeProperties<T>, 'default' | Extract<keyof T['conditions'], string>> {
209
211
  let properties = new Map<string, Property<any>>(Object.entries(theme.properties).map(([k, v]) => {
210
212
  if (!Array.isArray(v) && v.cssProperties) {
@@ -221,7 +223,7 @@ export function createTheme<T extends Theme>(theme: T): StyleFunction<ThemePrope
221
223
  // We also check if this is globalThis, which happens in non-strict mode bundles.
222
224
  // Also allow style to be called as a normal function in tests.
223
225
  // @ts-ignore
224
- // eslint-disable-next-line
226
+
225
227
  if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {
226
228
  throw new Error('The style macro must be imported with {type: "macro"}.');
227
229
  }
@@ -280,8 +282,11 @@ export function createTheme<T extends Theme>(theme: T): StyleFunction<ThemePrope
280
282
  let prop = properties.get(dep)!;
281
283
  let name = `--${shortCSSPropertyName(prop.cssProperties[0])}`;
282
284
  // Could potentially use @property to prevent the var from inheriting in children.
285
+ isCompilingDependencies = dep;
283
286
  setRules(name, compileValue(name, dep, value));
287
+ isCompilingDependencies = null;
284
288
  setRules(dep, compileValue(dep, dep, name));
289
+ isCompilingDependencies = false;
285
290
  }
286
291
  }
287
292
  dependencies.clear();
@@ -305,7 +310,9 @@ export function createTheme<T extends Theme>(theme: T): StyleFunction<ThemePrope
305
310
  // Also generate a variable for each overridable property that overlaps with the style definition. If those are defined,
306
311
  // the defaults from the style definition are omitted.
307
312
  let allowedOverridesSet = new Set<string>();
308
- let js = 'let rules = " ";\n';
313
+ let js = process.env.NODE_ENV !== 'production'
314
+ ? 'let rules = " ", currentRules = {};\n'
315
+ : 'let rules = " ";\n';
309
316
  if (allowedOverrides?.length) {
310
317
  for (let property of allowedOverrides) {
311
318
  let shorthand = theme.shorthands[property];
@@ -315,7 +322,7 @@ export function createTheme<T extends Theme>(theme: T): StyleFunction<ThemePrope
315
322
  allowedOverridesSet.add(property);
316
323
  continue;
317
324
  }
318
-
325
+
319
326
  let prop = properties.get(property);
320
327
  if (!prop) {
321
328
  throw new Error(`Invalid property ${property} in allowedOverrides`);
@@ -346,15 +353,16 @@ export function createTheme<T extends Theme>(theme: T): StyleFunction<ThemePrope
346
353
  }
347
354
  }
348
355
 
349
- let regex = `/(?:^|\\s)(${[...allowedOverridesSet].map(p => classNamePrefix(p, p)).join('|')})[^\\s]+/g`;
356
+ let macroPart = process.env.NODE_ENV !== 'production' ? '|-macro\\$' : '';
357
+ let regex = `/(?:^|\\s)(${[...allowedOverridesSet].map(p => classNamePrefix(p, p)).join('|')}${macroPart})[^\\s]+/g`;
350
358
  if (loop) {
351
- js += `let matches = (overrides || '').matchAll(${regex});\n`;
359
+ js += `let matches = String(overrides || '').matchAll(${regex});\n`;
352
360
  js += 'for (let p of matches) {\n';
353
361
  js += loop;
354
362
  js += ' rules += p[0];\n';
355
363
  js += '}\n';
356
364
  } else {
357
- js += `rules += ((overrides || '').match(${regex}) || []).join('')\n`;
365
+ js += `rules += (String(overrides || '').match(${regex}) || []).join('')\n`;
358
366
  }
359
367
  }
360
368
 
@@ -375,6 +383,15 @@ export function createTheme<T extends Theme>(theme: T): StyleFunction<ThemePrope
375
383
  css += rules.join('\n\n');
376
384
  css += '}\n\n';
377
385
  }
386
+ // @ts-expect-error
387
+ let loc = this?.loc?.filePath + ':' + this?.loc?.line + ':' + this?.loc?.col;
388
+ if (isStatic && process.env.NODE_ENV !== 'production') {
389
+ let id = toBase62(hash(className + loc));
390
+ css += `.-macro-static-${id} {
391
+ --macro-data-${id}: ${JSON.stringify({style, loc})};
392
+ }\n\n`;
393
+ className += ` -macro-static-${id}`;
394
+ }
378
395
 
379
396
  if (this && typeof this.addAsset === 'function') {
380
397
  this.addAsset({
@@ -387,6 +404,12 @@ export function createTheme<T extends Theme>(theme: T): StyleFunction<ThemePrope
387
404
  return className;
388
405
  }
389
406
 
407
+ if (process.env.NODE_ENV !== 'production') {
408
+ js += `let targetRules = rules + ${JSON.stringify(loc)};\n`;
409
+ js += 'let hash = 5381;for (let i = 0; i < targetRules.length; i++) { hash = ((hash << 5) + hash) + targetRules.charCodeAt(i) >>> 0; }\n';
410
+ js += 'rules += " -macro-dynamic-" + hash.toString(36);\n';
411
+ js += `typeof window !== 'undefined' && window?.postMessage?.({action: 'stylemacro-update-macros', hash: hash.toString(36), loc: ${JSON.stringify(loc)}, style: currentRules}, "*");\n`;
412
+ }
390
413
  js += 'return rules;';
391
414
  if (allowedOverrides) {
392
415
  return new Function('props', 'overrides', js) as any;
@@ -492,7 +515,7 @@ export function createTheme<T extends Theme>(theme: T): StyleFunction<ThemePrope
492
515
  // Top level layer is based on the priority of the rule, not the condition.
493
516
  // Also group in a sub-layer based on the condition so that lightningcss can more effectively deduplicate rules.
494
517
  let layer = `${generateName(priority, true)}.${propertyInfo.conditions[prelude] || generateArbitraryValueSelector(condition, true)}`;
495
- return new AtRule(rules, prelude, layer);
518
+ return new AtRule(rules, prelude, layer, condition);
496
519
  });
497
520
  }
498
521
 
@@ -504,6 +527,7 @@ export function createTheme<T extends Theme>(theme: T): StyleFunction<ThemePrope
504
527
  let propertyFunction = properties.get(themeProperty);
505
528
  if (propertyFunction) {
506
529
  // Expand value to conditional CSS values, and then to rules.
530
+ let propertyValue = value;
507
531
  let arbitrary = parseArbitraryValue(value);
508
532
  let cssValue = arbitrary ? arbitrary : propertyFunction.toCSSValue(value);
509
533
  let cssProperties = propertyFunction.toCSSProperties(property.startsWith('--') ? property : null, cssValue);
@@ -556,7 +580,7 @@ export function createTheme<T extends Theme>(theme: T): StyleFunction<ThemePrope
556
580
 
557
581
  className += propertyInfo.values[cssProperty]?.[String(value)] ?? generateArbitraryValueSelector(String(value));
558
582
  className += POSTFIX;
559
- rules.push(new StyleRule(className, key, String(value)));
583
+ rules.push(new StyleRule(className, key, String(value), isCompilingDependencies ? themeProperty : property, propertyValue));
560
584
  }
561
585
 
562
586
  return [0, rules];
@@ -645,22 +669,30 @@ interface Rule {
645
669
  copy(): Rule
646
670
  }
647
671
 
672
+ let conditionStack: string[] = [];
673
+
648
674
  /** A CSS style rule. */
649
675
  class StyleRule implements Rule {
650
676
  className: string;
651
677
  pseudos: string;
652
678
  property: string;
653
679
  value: string;
680
+ themeProperty: string | undefined;
681
+ themeValue: Value | undefined;
654
682
 
655
- constructor(className: string, property: string, value: string) {
683
+ constructor(className: string, property: string, value: string, themeProperty: string | undefined, themeValue: Value | undefined) {
656
684
  this.className = className;
657
685
  this.pseudos = '';
658
686
  this.property = property;
659
687
  this.value = value;
688
+ if (process.env.NODE_ENV !== 'production' && isCompilingDependencies !== null) {
689
+ this.themeProperty = themeProperty;
690
+ this.themeValue = themeValue;
691
+ }
660
692
  }
661
693
 
662
694
  copy(): Rule {
663
- let rule = new StyleRule(this.className, this.property, this.value);
695
+ let rule = new StyleRule(this.className, this.property, this.value, this.themeProperty, this.themeValue);
664
696
  rule.pseudos = this.pseudos;
665
697
  return rule;
666
698
  }
@@ -703,6 +735,27 @@ class StyleRule implements Rule {
703
735
  res += `${indent}if (!${this.property.replace('--', '__')}) `;
704
736
  }
705
737
  res += `${indent}rules += ' ${this.className}';`;
738
+ if (process.env.NODE_ENV !== 'production' && this.themeProperty) {
739
+ let name = this.themeProperty;
740
+ if (this.pseudos) {
741
+ conditionStack.push(this.pseudos);
742
+ }
743
+ let propertyName = JSON.stringify(name);
744
+ let valueJson = JSON.stringify(this.themeValue);
745
+ if (conditionStack.length) {
746
+ // name += ` (${conditionStack.join(', ')})`;
747
+ let conditionKey = JSON.stringify(conditionStack.join(' && '));
748
+ // Ensure currentRules[name] is an object, converting from simple value if needed
749
+ res += ` currentRules[${propertyName}] = typeof currentRules[${propertyName}] === 'object' ? currentRules[${propertyName}] : {"default": currentRules[${propertyName}]};`;
750
+ // Set the value for this specific condition
751
+ res += ` currentRules[${propertyName}][${conditionKey}] = ${valueJson};`;
752
+ } else {
753
+ res += ` currentRules[${propertyName}] = ${valueJson};`;
754
+ }
755
+ if (this.pseudos) {
756
+ conditionStack.pop();
757
+ }
758
+ }
706
759
  return res;
707
760
  }
708
761
  }
@@ -759,14 +812,16 @@ class GroupRule implements Rule {
759
812
  /** A rule that applies conditionally in CSS (e.g. @media). */
760
813
  class AtRule extends GroupRule {
761
814
  prelude: string;
815
+ themeCondition: string | null;
762
816
 
763
- constructor(rules: Rule[], prelude: string, layer: string | null) {
817
+ constructor(rules: Rule[], prelude: string, layer: string | null, themeCondition: string | null) {
764
818
  super(rules, layer);
765
819
  this.prelude = prelude;
820
+ this.themeCondition = themeCondition;
766
821
  }
767
822
 
768
823
  copy(): Rule {
769
- return new AtRule(this.rules.map(rule => rule.copy()), this.prelude, this.layer);
824
+ return new AtRule(this.rules.map(rule => rule.copy()), this.prelude, this.layer, this.themeCondition);
770
825
  }
771
826
 
772
827
  toCSS(rulesByLayer: Map<string, string[]>, preludes: string[] = [], layer?: string): void {
@@ -774,6 +829,13 @@ class AtRule extends GroupRule {
774
829
  super.toCSS(rulesByLayer, preludes, layer);
775
830
  preludes?.pop();
776
831
  }
832
+
833
+ toJS(allowedOverridesSet: Set<string>, indent?: string): string {
834
+ conditionStack.push(this.themeCondition || this.prelude);
835
+ let res = super.toJS(allowedOverridesSet, indent);
836
+ conditionStack.pop();
837
+ return res;
838
+ }
777
839
  }
778
840
 
779
841
  /** A rule that applies conditionally at runtime. */
@@ -794,7 +856,10 @@ class ConditionalRule extends GroupRule {
794
856
  }
795
857
 
796
858
  toJS(allowedOverridesSet: Set<string>, indent = ''): string {
797
- return `${indent}if (props.${this.condition}) {\n${super.toJS(allowedOverridesSet, indent + ' ')}\n${indent}}`;
859
+ conditionStack.push(this.condition);
860
+ let res = `${indent}if (props.${this.condition}) {\n${super.toJS(allowedOverridesSet, indent + ' ')}\n${indent}}`;
861
+ conditionStack.pop();
862
+ return res;
798
863
  }
799
864
  }
800
865
 
@@ -803,7 +868,7 @@ export function raw(this: MacroContext | void, css: string, layer = '_.a'): stri
803
868
  // We also check if this is globalThis, which happens in non-strict mode bundles.
804
869
  // Also allow style to be called as a normal function in tests.
805
870
  // @ts-ignore
806
- // eslint-disable-next-line
871
+
807
872
  if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {
808
873
  throw new Error('The raw macro must be imported with {type: "macro"}.');
809
874
  }
@@ -833,7 +898,7 @@ export function keyframes(this: MacroContext | void, css: string): string {
833
898
  // We also check if this is globalThis, which happens in non-strict mode bundles.
834
899
  // Also allow style to be called as a normal function in tests.
835
900
  // @ts-ignore
836
- // eslint-disable-next-line
901
+
837
902
  if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {
838
903
  throw new Error('The keyframes macro must be imported with {type: "macro"}.');
839
904
  }
@@ -1,32 +0,0 @@
1
- /*
2
- * Copyright 2024 Adobe. All rights reserved.
3
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License. You may obtain a copy
5
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
6
- *
7
- * Unless required by applicable law or agreed to in writing, software distributed under
8
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
- * OF ANY KIND, either express or implied. See the License for the specific language
10
- * governing permissions and limitations under the License.
11
- */
12
-
13
- import {mergeStyles} from '../runtime';
14
- import {style} from '../spectrum-theme';
15
-
16
- describe('mergeStyles', () => {
17
- it('should merge styles', () => {
18
- let a = style({backgroundColor: 'red-1000', color: 'pink-100'});
19
- let b = style({fontSize: 'body-xs', backgroundColor: 'gray-50'});
20
- let expected = style({backgroundColor: 'gray-50', color: 'pink-100', fontSize: 'body-xs'});
21
- let merged = mergeStyles(a, b);
22
- expect(merged).toBe(expected);
23
- });
24
-
25
- it('should merge with arbitrary values', () => {
26
- let a = style({backgroundColor: 'red-1000', color: '[hotpink]'});
27
- let b = style({fontSize: '[15px]', backgroundColor: 'gray-50'});
28
- let expected = style({backgroundColor: 'gray-50', color: '[hotpink]', fontSize: '[15px]'});
29
- let merged = mergeStyles(a, b);
30
- expect(merged).toBe(expected);
31
- });
32
- });