@react-spectrum/s2 1.4.0 → 1.5.1

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 (419) hide show
  1. package/dist/exports/CenterBaseline.cjs +12 -0
  2. package/dist/exports/CenterBaseline.cjs.map +1 -0
  3. package/dist/exports/CenterBaseline.mjs +7 -0
  4. package/dist/exports/CenterBaseline.mjs.map +1 -0
  5. package/dist/exports/Skeleton.cjs +1 -0
  6. package/dist/exports/Skeleton.cjs.map +1 -1
  7. package/dist/exports/Skeleton.mjs +2 -2
  8. package/dist/exports/Skeleton.mjs.map +1 -1
  9. package/dist/exports/index.cjs +3 -0
  10. package/dist/exports/index.cjs.map +1 -1
  11. package/dist/exports/index.mjs +3 -1
  12. package/dist/exports/index.mjs.map +1 -1
  13. package/dist/private/Accordion.cjs +2 -2
  14. package/dist/private/Accordion.css +2 -2
  15. package/dist/private/Accordion.mjs +2 -2
  16. package/dist/private/ActionBar.cjs +59 -59
  17. package/dist/private/ActionBar.cjs.map +1 -1
  18. package/dist/private/ActionBar.css +58 -58
  19. package/dist/private/ActionBar.css.map +1 -1
  20. package/dist/private/ActionBar.mjs +59 -59
  21. package/dist/private/ActionBar.mjs.map +1 -1
  22. package/dist/private/ActionButton.cjs +247 -247
  23. package/dist/private/ActionButton.cjs.map +1 -1
  24. package/dist/private/ActionButton.css +169 -169
  25. package/dist/private/ActionButton.css.map +1 -1
  26. package/dist/private/ActionButton.mjs +247 -247
  27. package/dist/private/ActionButton.mjs.map +1 -1
  28. package/dist/private/ActionButtonGroup.cjs +15 -15
  29. package/dist/private/ActionButtonGroup.css +9 -9
  30. package/dist/private/ActionButtonGroup.mjs +15 -15
  31. package/dist/private/ActionMenu.cjs.map +1 -1
  32. package/dist/private/ActionMenu.mjs.map +1 -1
  33. package/dist/private/Add.cjs +10 -10
  34. package/dist/private/Add.css +6 -6
  35. package/dist/private/Add.mjs +10 -10
  36. package/dist/private/AlertDialog.cjs +3 -3
  37. package/dist/private/AlertDialog.cjs.map +1 -1
  38. package/dist/private/AlertDialog.css +3 -3
  39. package/dist/private/AlertDialog.css.map +1 -1
  40. package/dist/private/AlertDialog.mjs +3 -3
  41. package/dist/private/AlertDialog.mjs.map +1 -1
  42. package/dist/private/Asterisk.cjs +6 -6
  43. package/dist/private/Asterisk.css +4 -4
  44. package/dist/private/Asterisk.mjs +6 -6
  45. package/dist/private/Avatar.cjs +16 -16
  46. package/dist/private/Avatar.css +16 -16
  47. package/dist/private/Avatar.mjs +16 -16
  48. package/dist/private/AvatarGroup.cjs +120 -120
  49. package/dist/private/AvatarGroup.css +31 -31
  50. package/dist/private/AvatarGroup.mjs +120 -120
  51. package/dist/private/Badge.cjs +197 -197
  52. package/dist/private/Badge.css +125 -125
  53. package/dist/private/Badge.mjs +197 -197
  54. package/dist/private/Breadcrumbs.cjs +234 -234
  55. package/dist/private/Breadcrumbs.cjs.map +1 -1
  56. package/dist/private/Breadcrumbs.css +100 -100
  57. package/dist/private/Breadcrumbs.css.map +1 -1
  58. package/dist/private/Breadcrumbs.mjs +234 -234
  59. package/dist/private/Breadcrumbs.mjs.map +1 -1
  60. package/dist/private/Button.cjs +335 -326
  61. package/dist/private/Button.cjs.map +1 -1
  62. package/dist/private/Button.css +176 -172
  63. package/dist/private/Button.css.map +1 -1
  64. package/dist/private/Button.mjs +335 -326
  65. package/dist/private/Button.mjs.map +1 -1
  66. package/dist/private/ButtonGroup.cjs +23 -20
  67. package/dist/private/ButtonGroup.cjs.map +1 -1
  68. package/dist/private/ButtonGroup.css +19 -15
  69. package/dist/private/ButtonGroup.css.map +1 -1
  70. package/dist/private/ButtonGroup.mjs +23 -20
  71. package/dist/private/ButtonGroup.mjs.map +1 -1
  72. package/dist/private/Calendar.cjs +232 -232
  73. package/dist/private/Calendar.cjs.map +1 -1
  74. package/dist/private/Calendar.css +149 -149
  75. package/dist/private/Calendar.css.map +1 -1
  76. package/dist/private/Calendar.mjs +232 -232
  77. package/dist/private/Calendar.mjs.map +1 -1
  78. package/dist/private/Card.cjs +309 -309
  79. package/dist/private/Card.css +206 -206
  80. package/dist/private/Card.mjs +309 -309
  81. package/dist/private/CardView.cjs +17 -17
  82. package/dist/private/CardView.css +17 -17
  83. package/dist/private/CardView.mjs +17 -17
  84. package/dist/private/CenterBaseline.cjs +1 -1
  85. package/dist/private/CenterBaseline.cjs.map +1 -1
  86. package/dist/private/CenterBaseline.css +2 -2
  87. package/dist/private/CenterBaseline.css.map +1 -1
  88. package/dist/private/CenterBaseline.mjs +1 -1
  89. package/dist/private/CenterBaseline.mjs.map +1 -1
  90. package/dist/private/Checkbox.cjs +188 -188
  91. package/dist/private/Checkbox.css +110 -110
  92. package/dist/private/Checkbox.mjs +188 -188
  93. package/dist/private/CheckboxGroup.cjs +43 -43
  94. package/dist/private/CheckboxGroup.css +37 -37
  95. package/dist/private/CheckboxGroup.mjs +43 -43
  96. package/dist/private/Checkmark.cjs +12 -12
  97. package/dist/private/Checkmark.css +8 -8
  98. package/dist/private/Checkmark.mjs +12 -12
  99. package/dist/private/Chevron.cjs +12 -12
  100. package/dist/private/Chevron.css +10 -10
  101. package/dist/private/Chevron.mjs +12 -12
  102. package/dist/private/ClearButton.cjs +30 -30
  103. package/dist/private/ClearButton.css +30 -30
  104. package/dist/private/ClearButton.mjs +30 -30
  105. package/dist/private/CloseButton.cjs +52 -52
  106. package/dist/private/CloseButton.cjs.map +1 -1
  107. package/dist/private/CloseButton.css +46 -46
  108. package/dist/private/CloseButton.css.map +1 -1
  109. package/dist/private/CloseButton.mjs +52 -52
  110. package/dist/private/CloseButton.mjs.map +1 -1
  111. package/dist/private/ColorArea.cjs +16 -16
  112. package/dist/private/ColorArea.css +16 -16
  113. package/dist/private/ColorArea.mjs +16 -16
  114. package/dist/private/ColorField.cjs +31 -31
  115. package/dist/private/ColorField.css +27 -27
  116. package/dist/private/ColorField.mjs +31 -31
  117. package/dist/private/ColorHandle.cjs +27 -27
  118. package/dist/private/ColorHandle.css +42 -42
  119. package/dist/private/ColorHandle.mjs +27 -27
  120. package/dist/private/ColorSlider.cjs +108 -108
  121. package/dist/private/ColorSlider.css +52 -52
  122. package/dist/private/ColorSlider.mjs +108 -108
  123. package/dist/private/ColorSwatch.cjs +29 -29
  124. package/dist/private/ColorSwatch.css +29 -29
  125. package/dist/private/ColorSwatch.mjs +29 -29
  126. package/dist/private/ColorSwatchPicker.cjs +29 -29
  127. package/dist/private/ColorSwatchPicker.css +48 -48
  128. package/dist/private/ColorSwatchPicker.mjs +29 -29
  129. package/dist/private/ColorWheel.cjs +26 -26
  130. package/dist/private/ColorWheel.css +17 -17
  131. package/dist/private/ColorWheel.mjs +26 -26
  132. package/dist/private/ComboBox.cjs +381 -381
  133. package/dist/private/ComboBox.cjs.map +1 -1
  134. package/dist/private/ComboBox.css +188 -188
  135. package/dist/private/ComboBox.css.map +1 -1
  136. package/dist/private/ComboBox.mjs +381 -381
  137. package/dist/private/ComboBox.mjs.map +1 -1
  138. package/dist/private/ContextualHelp.cjs +5 -5
  139. package/dist/private/ContextualHelp.cjs.map +1 -1
  140. package/dist/private/ContextualHelp.css +50 -50
  141. package/dist/private/ContextualHelp.css.map +1 -1
  142. package/dist/private/ContextualHelp.mjs +5 -5
  143. package/dist/private/ContextualHelp.mjs.map +1 -1
  144. package/dist/private/CornerTriangle.cjs +8 -8
  145. package/dist/private/CornerTriangle.css +6 -6
  146. package/dist/private/CornerTriangle.mjs +8 -8
  147. package/dist/private/Cross.cjs +14 -14
  148. package/dist/private/Cross.css +10 -10
  149. package/dist/private/Cross.mjs +14 -14
  150. package/dist/private/CustomDialog.cjs +25 -25
  151. package/dist/private/CustomDialog.css +25 -25
  152. package/dist/private/CustomDialog.mjs +25 -25
  153. package/dist/private/Dash.cjs +10 -10
  154. package/dist/private/Dash.css +6 -6
  155. package/dist/private/Dash.mjs +10 -10
  156. package/dist/private/DateField.cjs +73 -73
  157. package/dist/private/DateField.css +77 -77
  158. package/dist/private/DateField.mjs +73 -73
  159. package/dist/private/DatePicker.cjs +172 -172
  160. package/dist/private/DatePicker.cjs.map +1 -1
  161. package/dist/private/DatePicker.css +128 -128
  162. package/dist/private/DatePicker.css.map +1 -1
  163. package/dist/private/DatePicker.mjs +172 -172
  164. package/dist/private/DatePicker.mjs.map +1 -1
  165. package/dist/private/DateRangePicker.cjs +55 -55
  166. package/dist/private/DateRangePicker.cjs.map +1 -1
  167. package/dist/private/DateRangePicker.css +59 -59
  168. package/dist/private/DateRangePicker.css.map +1 -1
  169. package/dist/private/DateRangePicker.mjs +55 -55
  170. package/dist/private/DateRangePicker.mjs.map +1 -1
  171. package/dist/private/Dialog.cjs +17 -17
  172. package/dist/private/Dialog.css +70 -70
  173. package/dist/private/Dialog.mjs +17 -17
  174. package/dist/private/Disclosure.cjs +144 -122
  175. package/dist/private/Disclosure.cjs.map +1 -1
  176. package/dist/private/Disclosure.css +112 -112
  177. package/dist/private/Disclosure.css.map +1 -1
  178. package/dist/private/Disclosure.mjs +144 -122
  179. package/dist/private/Disclosure.mjs.map +1 -1
  180. package/dist/private/Divider.cjs +25 -25
  181. package/dist/private/Divider.css +25 -25
  182. package/dist/private/Divider.mjs +25 -25
  183. package/dist/private/DragHandle.cjs +8 -8
  184. package/dist/private/DragHandle.css +6 -6
  185. package/dist/private/DragHandle.mjs +8 -8
  186. package/dist/private/DragPreview.cjs +154 -154
  187. package/dist/private/DragPreview.css +106 -106
  188. package/dist/private/DragPreview.mjs +154 -154
  189. package/dist/private/DropZone.cjs +61 -61
  190. package/dist/private/DropZone.cjs.map +1 -1
  191. package/dist/private/DropZone.css +57 -57
  192. package/dist/private/DropZone.css.map +1 -1
  193. package/dist/private/DropZone.mjs +61 -61
  194. package/dist/private/DropZone.mjs.map +1 -1
  195. package/dist/private/Field.cjs +360 -360
  196. package/dist/private/Field.cjs.map +1 -1
  197. package/dist/private/Field.css +160 -160
  198. package/dist/private/Field.css.map +1 -1
  199. package/dist/private/Field.mjs +360 -360
  200. package/dist/private/Field.mjs.map +1 -1
  201. package/dist/private/Form.cjs +9 -9
  202. package/dist/private/Form.css +9 -9
  203. package/dist/private/Form.mjs +9 -9
  204. package/dist/private/FullscreenDialog.cjs +5 -5
  205. package/dist/private/FullscreenDialog.css +78 -78
  206. package/dist/private/FullscreenDialog.mjs +5 -5
  207. package/dist/private/IllustratedMessage.cjs +228 -228
  208. package/dist/private/IllustratedMessage.css +72 -72
  209. package/dist/private/IllustratedMessage.mjs +228 -228
  210. package/dist/private/Image.cjs +14 -14
  211. package/dist/private/Image.css +14 -14
  212. package/dist/private/Image.mjs +14 -14
  213. package/dist/private/InlineAlert.cjs +100 -100
  214. package/dist/private/InlineAlert.cjs.map +1 -1
  215. package/dist/private/InlineAlert.css +76 -76
  216. package/dist/private/InlineAlert.css.map +1 -1
  217. package/dist/private/InlineAlert.mjs +100 -100
  218. package/dist/private/InlineAlert.mjs.map +1 -1
  219. package/dist/private/LabeledValue.cjs +134 -134
  220. package/dist/private/LabeledValue.css +63 -63
  221. package/dist/private/LabeledValue.mjs +134 -134
  222. package/dist/private/Link.cjs +49 -49
  223. package/dist/private/Link.css +41 -41
  224. package/dist/private/Link.mjs +49 -49
  225. package/dist/private/LinkOut.cjs +8 -8
  226. package/dist/private/LinkOut.css +8 -8
  227. package/dist/private/LinkOut.mjs +8 -8
  228. package/dist/private/ListView.cjs +245 -245
  229. package/dist/private/ListView.cjs.map +1 -1
  230. package/dist/private/ListView.css +177 -177
  231. package/dist/private/ListView.css.map +1 -1
  232. package/dist/private/ListView.mjs +245 -245
  233. package/dist/private/ListView.mjs.map +1 -1
  234. package/dist/private/Menu.cjs +446 -446
  235. package/dist/private/Menu.cjs.map +1 -1
  236. package/dist/private/Menu.css +196 -196
  237. package/dist/private/Menu.css.map +1 -1
  238. package/dist/private/Menu.mjs +446 -446
  239. package/dist/private/Menu.mjs.map +1 -1
  240. package/dist/private/Meter.cjs +153 -153
  241. package/dist/private/Meter.css +91 -91
  242. package/dist/private/Meter.mjs +153 -153
  243. package/dist/private/Modal.cjs +74 -74
  244. package/dist/private/Modal.css +59 -59
  245. package/dist/private/Modal.mjs +74 -74
  246. package/dist/private/NotificationBadge.cjs +56 -56
  247. package/dist/private/NotificationBadge.cjs.map +1 -1
  248. package/dist/private/NotificationBadge.css +49 -49
  249. package/dist/private/NotificationBadge.css.map +1 -1
  250. package/dist/private/NotificationBadge.mjs +56 -56
  251. package/dist/private/NotificationBadge.mjs.map +1 -1
  252. package/dist/private/NumberField.cjs +114 -114
  253. package/dist/private/NumberField.css +99 -99
  254. package/dist/private/NumberField.mjs +114 -114
  255. package/dist/private/Picker.cjs +275 -275
  256. package/dist/private/Picker.cjs.map +1 -1
  257. package/dist/private/Picker.css +173 -173
  258. package/dist/private/Picker.css.map +1 -1
  259. package/dist/private/Picker.mjs +275 -275
  260. package/dist/private/Picker.mjs.map +1 -1
  261. package/dist/private/Popover.cjs +95 -95
  262. package/dist/private/Popover.cjs.map +1 -1
  263. package/dist/private/Popover.css +75 -75
  264. package/dist/private/Popover.css.map +1 -1
  265. package/dist/private/Popover.mjs +95 -95
  266. package/dist/private/Popover.mjs.map +1 -1
  267. package/dist/private/ProgressBar.cjs +163 -163
  268. package/dist/private/ProgressBar.css +99 -99
  269. package/dist/private/ProgressBar.mjs +163 -163
  270. package/dist/private/ProgressCircle.cjs +34 -31
  271. package/dist/private/ProgressCircle.cjs.map +1 -1
  272. package/dist/private/ProgressCircle.css +24 -24
  273. package/dist/private/ProgressCircle.css.map +1 -1
  274. package/dist/private/ProgressCircle.mjs +34 -31
  275. package/dist/private/ProgressCircle.mjs.map +1 -1
  276. package/dist/private/Provider.cjs +19 -19
  277. package/dist/private/Provider.css +15 -15
  278. package/dist/private/Provider.mjs +19 -19
  279. package/dist/private/RadioGroup.cjs +208 -208
  280. package/dist/private/RadioGroup.css +113 -113
  281. package/dist/private/RadioGroup.mjs +208 -208
  282. package/dist/private/RangeCalendar.cjs +16 -16
  283. package/dist/private/RangeCalendar.cjs.map +1 -1
  284. package/dist/private/RangeCalendar.css +17 -17
  285. package/dist/private/RangeCalendar.css.map +1 -1
  286. package/dist/private/RangeCalendar.mjs +16 -16
  287. package/dist/private/RangeCalendar.mjs.map +1 -1
  288. package/dist/private/RangeSlider.cjs.map +1 -1
  289. package/dist/private/RangeSlider.mjs.map +1 -1
  290. package/dist/private/SearchField.cjs +41 -41
  291. package/dist/private/SearchField.css +45 -45
  292. package/dist/private/SearchField.mjs +41 -41
  293. package/dist/private/SegmentedControl.cjs +178 -178
  294. package/dist/private/SegmentedControl.css +123 -123
  295. package/dist/private/SegmentedControl.mjs +178 -178
  296. package/dist/private/SelectBoxGroup.cjs +142 -142
  297. package/dist/private/SelectBoxGroup.css +120 -120
  298. package/dist/private/SelectBoxGroup.mjs +142 -142
  299. package/dist/private/Slider.cjs +292 -292
  300. package/dist/private/Slider.css +159 -159
  301. package/dist/private/Slider.mjs +292 -292
  302. package/dist/private/StatusLight.cjs +115 -115
  303. package/dist/private/StatusLight.css +59 -59
  304. package/dist/private/StatusLight.mjs +115 -115
  305. package/dist/private/Switch.cjs +171 -171
  306. package/dist/private/Switch.css +85 -85
  307. package/dist/private/Switch.mjs +171 -171
  308. package/dist/private/TableView.cjs +551 -534
  309. package/dist/private/TableView.cjs.map +1 -1
  310. package/dist/private/TableView.css +329 -303
  311. package/dist/private/TableView.css.map +1 -1
  312. package/dist/private/TableView.mjs +551 -534
  313. package/dist/private/TableView.mjs.map +1 -1
  314. package/dist/private/Tabs.cjs +131 -125
  315. package/dist/private/Tabs.cjs.map +1 -1
  316. package/dist/private/Tabs.css +105 -105
  317. package/dist/private/Tabs.css.map +1 -1
  318. package/dist/private/Tabs.mjs +131 -125
  319. package/dist/private/Tabs.mjs.map +1 -1
  320. package/dist/private/TabsPicker.cjs +127 -127
  321. package/dist/private/TabsPicker.css +108 -108
  322. package/dist/private/TabsPicker.mjs +127 -127
  323. package/dist/private/TagGroup.cjs +203 -203
  324. package/dist/private/TagGroup.cjs.map +1 -1
  325. package/dist/private/TagGroup.css +146 -146
  326. package/dist/private/TagGroup.css.map +1 -1
  327. package/dist/private/TagGroup.mjs +203 -203
  328. package/dist/private/TagGroup.mjs.map +1 -1
  329. package/dist/private/TextField.cjs +58 -58
  330. package/dist/private/TextField.css +54 -54
  331. package/dist/private/TextField.mjs +58 -58
  332. package/dist/private/TimeField.cjs +51 -51
  333. package/dist/private/TimeField.css +47 -47
  334. package/dist/private/TimeField.mjs +51 -51
  335. package/dist/private/Toast.cjs +120 -120
  336. package/dist/private/Toast.cjs.map +1 -1
  337. package/dist/private/Toast.css +110 -110
  338. package/dist/private/Toast.css.map +1 -1
  339. package/dist/private/Toast.mjs +120 -120
  340. package/dist/private/Toast.mjs.map +1 -1
  341. package/dist/private/ToggleButton.cjs +16 -16
  342. package/dist/private/ToggleButton.css +23 -23
  343. package/dist/private/ToggleButton.mjs +16 -16
  344. package/dist/private/Tooltip.cjs +86 -86
  345. package/dist/private/Tooltip.css +70 -70
  346. package/dist/private/Tooltip.mjs +86 -86
  347. package/dist/private/TreeView.cjs +229 -229
  348. package/dist/private/TreeView.cjs.map +1 -1
  349. package/dist/private/TreeView.css +184 -184
  350. package/dist/private/TreeView.css.map +1 -1
  351. package/dist/private/TreeView.mjs +229 -229
  352. package/dist/private/TreeView.mjs.map +1 -1
  353. package/dist/private/dnd-utils.cjs +42 -42
  354. package/dist/private/dnd-utils.css +39 -39
  355. package/dist/private/dnd-utils.mjs +42 -42
  356. package/dist/types/exports/CenterBaseline.d.ts +1 -0
  357. package/dist/types/exports/Skeleton.d.ts +1 -1
  358. package/dist/types/exports/index.d.ts +1 -0
  359. package/dist/types/src/CenterBaseline.d.ts +17 -0
  360. package/dist/types/src/ContextualHelp.d.ts +1 -1
  361. package/dist/types/src/Disclosure.d.ts +6 -1
  362. package/dist/types/src/ListView.d.ts +1 -1
  363. package/dist/types/src/Menu.d.ts +1 -1
  364. package/dist/types/src/Popover.d.ts +2 -2
  365. package/dist/types/src/style-utils.d.ts +4 -1
  366. package/exports/CenterBaseline.ts +1 -0
  367. package/exports/Skeleton.ts +1 -1
  368. package/exports/index.ts +2 -0
  369. package/icons/Icon.cjs +10 -10
  370. package/icons/Icon.css +9 -9
  371. package/icons/Icon.mjs +10 -10
  372. package/icons/Skeleton.cjs +2 -2
  373. package/icons/Skeleton.css +6 -6
  374. package/icons/Skeleton.mjs +2 -2
  375. package/package.json +6 -6
  376. package/src/ActionBar.tsx +0 -1
  377. package/src/ActionButton.tsx +0 -1
  378. package/src/ActionMenu.tsx +0 -1
  379. package/src/AlertDialog.tsx +0 -1
  380. package/src/Breadcrumbs.tsx +0 -4
  381. package/src/Button.tsx +12 -3
  382. package/src/ButtonGroup.tsx +1 -0
  383. package/src/Calendar.tsx +0 -1
  384. package/src/CenterBaseline.tsx +17 -0
  385. package/src/CloseButton.tsx +0 -1
  386. package/src/ComboBox.tsx +0 -1
  387. package/src/ContextualHelp.tsx +1 -2
  388. package/src/DatePicker.tsx +0 -1
  389. package/src/DateRangePicker.tsx +0 -1
  390. package/src/Disclosure.tsx +92 -79
  391. package/src/DropZone.tsx +0 -1
  392. package/src/Field.tsx +0 -1
  393. package/src/InlineAlert.tsx +0 -1
  394. package/src/ListView.tsx +0 -2
  395. package/src/Menu.tsx +1 -8
  396. package/src/NotificationBadge.tsx +0 -1
  397. package/src/Picker.tsx +0 -1
  398. package/src/Popover.tsx +2 -1
  399. package/src/ProgressCircle.tsx +1 -1
  400. package/src/RangeCalendar.tsx +0 -1
  401. package/src/RangeSlider.tsx +0 -1
  402. package/src/TableView.tsx +75 -37
  403. package/src/Tabs.tsx +9 -2
  404. package/src/TagGroup.tsx +0 -1
  405. package/src/Toast.tsx +0 -3
  406. package/src/TreeView.tsx +0 -1
  407. package/src/style-utils.ts +13 -2
  408. package/style/__tests__/style-macro.test.js +73 -71
  409. package/style/dist/main.cjs +25 -25
  410. package/style/dist/module.mjs +13 -13
  411. package/style/dist/properties.mjs +3 -3
  412. package/style/dist/spectrum-theme.cjs +224 -224
  413. package/style/dist/spectrum-theme.mjs +217 -217
  414. package/style/dist/style-macro.cjs +100 -100
  415. package/style/dist/style-macro.mjs +94 -94
  416. package/style/dist/style-utils.cjs +51 -39
  417. package/style/dist/style-utils.cjs.map +1 -1
  418. package/style/dist/style-utils.mjs +50 -38
  419. package/style/dist/style-utils.mjs.map +1 -1
@@ -55,20 +55,20 @@ const $4e301a98f0cc4e4f$var$disclosure = function anonymous(props, overrides) {
55
55
  if (p[1] === "N") minWidth = true;
56
56
  rules += p[0];
57
57
  }
58
- rules += ' po131';
59
- if (props.isQuiet) rules += ' _ka131';
60
- else rules += ' _kb131';
58
+ rules += ' po151';
59
+ if (props.isQuiet) rules += ' _ka151';
60
+ else rules += ' _kb151';
61
61
  if (props.isInGroup) {
62
- rules += ' ha131';
63
- if (props.isQuiet) rules += ' hka131';
64
- else rules += ' hkb131';
65
- } else if (props.isQuiet) rules += ' ha131';
66
- else rules += ' hb131';
67
- rules += ' ma131';
68
- rules += ' la131';
69
- rules += ' _jf131';
70
- rules += ' ir131';
71
- if (!minWidth) rules += ' Ng131';
62
+ rules += ' ha151';
63
+ if (props.isQuiet) rules += ' hka151';
64
+ else rules += ' hkb151';
65
+ } else if (props.isQuiet) rules += ' ha151';
66
+ else rules += ' hb151';
67
+ rules += ' ma151';
68
+ rules += ' la151';
69
+ rules += ' _jf151';
70
+ rules += ' ir151';
71
+ if (!minWidth) rules += ' Ng151';
72
72
  return rules;
73
73
  };
74
74
  const $4e301a98f0cc4e4f$export$74a362b31437ec83 = /*#__PURE__*/ (0, $5FRIp$react.forwardRef)(function Disclosure(props, ref) {
@@ -99,119 +99,141 @@ const $4e301a98f0cc4e4f$export$74a362b31437ec83 = /*#__PURE__*/ (0, $5FRIp$react
99
99
  })
100
100
  });
101
101
  });
102
- const $4e301a98f0cc4e4f$var$headingStyle = " Jy131 Gy131 Iy131 Hy131 _ub131 sd131 _vb131 Na131";
103
- const $4e301a98f0cc4e4f$var$buttonStyles = function anonymous(props) {
102
+ const $4e301a98f0cc4e4f$var$headingStyle = " Jy151 Gy151 Iy151 Hy151 _ub151 sd151 _vb151 Na151";
103
+ const $4e301a98f0cc4e4f$var$buttonStyles = function anonymous(props, overrides) {
104
104
  let rules = " ";
105
- if (props.isFocusVisible) rules += ' _Lf131';
106
- else rules += ' _Le131';
107
- rules += ' Oh131';
108
- rules += ' Olc131';
109
- rules += ' _Mc131';
110
- rules += ' _Kb131';
111
- rules += ' uk131';
112
- rules += ' ucJ9TBTb131';
113
- rules += ' ud3Euai131';
114
- rules += ' uea131';
115
- rules += ' ugb131';
116
- rules += ' uhd131';
117
- rules += ' uje131';
118
- rules += ' u2NhKxcl131';
119
- rules += ' uic131';
105
+ let fontFamily = false;
106
+ let __fs = false;
107
+ let fontSize = false;
108
+ let fontWeight = false;
109
+ let fontVariationSettings = false;
110
+ let fontSynthesisWeight = false;
111
+ let lineHeight = false;
112
+ let flexGrow = false;
113
+ let width = false;
114
+ let matches = String(overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|u|x|w|_x|_F|-_6BNtrc-|v)[^\s]+/g);
115
+ for (let p of matches){
116
+ if (p[1] === "u") fontFamily = true;
117
+ if (p[1] === "-_6BNtrc-") __fs = true;
118
+ if (p[1] === "v") fontSize = true;
119
+ if (p[1] === "x") fontWeight = true;
120
+ if (p[1] === "w") fontVariationSettings = true;
121
+ if (p[1] === "_x") fontSynthesisWeight = true;
122
+ if (p[1] === "_F") lineHeight = true;
123
+ if (p[1] === "_u") flexGrow = true;
124
+ if (p[1] === "Z") width = true;
125
+ rules += p[0];
126
+ }
127
+ if (props.isFocusVisible) rules += ' _Lf151';
128
+ else rules += ' _Le151';
129
+ rules += ' Oh151';
130
+ rules += ' Olc151';
131
+ rules += ' _Mc151';
132
+ rules += ' _Kb151';
133
+ if (!fontFamily) rules += ' uk151';
134
+ if (!fontFamily) rules += ' ucJ9TBTb151';
135
+ if (!fontFamily) rules += ' ud3Euai151';
136
+ if (!fontFamily) rules += ' uea151';
137
+ if (!fontFamily) rules += ' ugb151';
138
+ if (!fontFamily) rules += ' uhd151';
139
+ if (!fontFamily) rules += ' uje151';
140
+ if (!fontFamily) rules += ' u2NhKxcl151';
141
+ if (!fontFamily) rules += ' uic151';
120
142
  if (props.size === "XL") {
121
- rules += ' -_6BNtrc-f131';
122
- rules += ' vx131';
143
+ if (!__fs) rules += ' -_6BNtrc-f151';
144
+ if (!fontSize) rules += ' vx151';
123
145
  } else if (props.size === "L") {
124
- rules += ' -_6BNtrc-e131';
125
- rules += ' vx131';
146
+ if (!__fs) rules += ' -_6BNtrc-e151';
147
+ if (!fontSize) rules += ' vx151';
126
148
  } else if (props.size === "M") {
127
- rules += ' -_6BNtrc-d131';
128
- rules += ' vx131';
149
+ if (!__fs) rules += ' -_6BNtrc-d151';
150
+ if (!fontSize) rules += ' vx151';
129
151
  } else if (props.size === "S") {
130
- rules += ' -_6BNtrc-c131';
131
- rules += ' vx131';
152
+ if (!__fs) rules += ' -_6BNtrc-c151';
153
+ if (!fontSize) rules += ' vx151';
132
154
  }
133
- rules += ' xd131';
134
- rules += ' _xa131';
135
- rules += ' xX0cczbc131';
136
- rules += ' _xX0cczba131';
137
- rules += ' _Fd131';
138
- rules += ' _FnuYUweb131';
155
+ if (!fontWeight) rules += ' xd151';
156
+ if (!fontSynthesisWeight) rules += ' _xa151';
157
+ if (!fontWeight) rules += ' xX0cczbc151';
158
+ if (!fontSynthesisWeight) rules += ' _xX0cczba151';
159
+ if (!lineHeight) rules += ' _Fd151';
160
+ if (!lineHeight) rules += ' _FnuYUweb151';
139
161
  if (props.isDisabled) {
140
- rules += ' pp131';
141
- rules += ' plc131';
162
+ rules += ' pp151';
163
+ rules += ' plc151';
142
164
  } else {
143
- if (props.isPressed) rules += ' po131';
144
- else if (props.isFocusVisible) rules += ' po131';
145
- else if (props.isHovered) rules += ' po131';
146
- else rules += ' pt131';
147
- rules += ' plb131';
165
+ if (props.isPressed) rules += ' po151';
166
+ else if (props.isFocusVisible) rules += ' po151';
167
+ else if (props.isHovered) rules += ' po151';
168
+ else rules += ' pt151';
169
+ rules += ' plb151';
148
170
  }
149
- rules += ' sd131';
150
- rules += ' _ub131';
151
- rules += ' ea131';
152
- rules += ' S6FcKR131';
153
- rules += ' R6FcKR131';
154
- rules += ' Tu7Fubd131';
155
- rules += ' Qu7Fubd131';
156
- rules += ' U6FcKR131';
157
- rules += ' q6FcKR131';
158
- rules += ' MAyFGYc131';
159
- rules += ' Za131';
160
- if (props.isPressed) rules += ' gnSjEFb131';
161
- else if (props.isHovered) rules += ' gabY4te131';
162
- else if (props.isFocusVisible) rules += ' gabY4te131';
163
- else rules += ' g9131';
164
- rules += ' Yd131';
165
- rules += ' Xb131';
166
- rules += ' _2b131';
167
- rules += ' _kJ8iPYd131';
168
- rules += ' hXMFGYc131';
169
- rules += ' ma131';
170
- rules += ' la131';
171
- if (props.isQuiet) rules += ' ob131';
172
- else if (props.isFocusVisible) rules += ' ob131';
173
- else rules += ' od131';
174
- if (props.isQuiet) rules += ' nb131';
175
- else if (props.isFocusVisible) rules += ' nb131';
176
- else rules += ' nd131';
177
- if (props.isQuiet) rules += ' kb131';
178
- else if (props.isFocusVisible) rules += ' kb131';
179
- else rules += ' kd131';
180
- if (props.isQuiet) rules += ' jb131';
181
- else if (props.isFocusVisible) rules += ' jb131';
182
- else rules += ' jd131';
183
- rules += ' _Wd131';
184
- rules += ' __ca131';
171
+ rules += ' sd151';
172
+ if (!flexGrow) rules += ' _ub151';
173
+ rules += ' ea151';
174
+ rules += ' S6FcKR151';
175
+ rules += ' R6FcKR151';
176
+ rules += ' Tu7Fubd151';
177
+ rules += ' Qu7Fubd151';
178
+ rules += ' U6FcKR151';
179
+ rules += ' q6FcKR151';
180
+ rules += ' MAyFGYc151';
181
+ if (!width) rules += ' Za151';
182
+ if (props.isPressed) rules += ' gnSjEFb151';
183
+ else if (props.isHovered) rules += ' gabY4te151';
184
+ else if (props.isFocusVisible) rules += ' gabY4te151';
185
+ else rules += ' g9151';
186
+ rules += ' Yd151';
187
+ rules += ' Xb151';
188
+ rules += ' _2b151';
189
+ rules += ' _kJ8iPYd151';
190
+ rules += ' hXMFGYc151';
191
+ rules += ' ma151';
192
+ rules += ' la151';
193
+ if (props.isQuiet) rules += ' ob151';
194
+ else if (props.isFocusVisible) rules += ' ob151';
195
+ else rules += ' od151';
196
+ if (props.isQuiet) rules += ' nb151';
197
+ else if (props.isFocusVisible) rules += ' nb151';
198
+ else rules += ' nd151';
199
+ if (props.isQuiet) rules += ' kb151';
200
+ else if (props.isFocusVisible) rules += ' kb151';
201
+ else rules += ' kd151';
202
+ if (props.isQuiet) rules += ' jb151';
203
+ else if (props.isFocusVisible) rules += ' jb151';
204
+ else rules += ' jd151';
205
+ rules += ' _Wd151';
206
+ rules += ' __ca151';
185
207
  if (props.size === "XL") {
186
- if (props.density === "spacious") rules += ' -M_-Mj131';
187
- else if (props.density === "regular") rules += ' -M_-Mk131';
188
- else if (props.density === "compact") rules += ' -M_-Mh131';
208
+ if (props.density === "spacious") rules += ' -M_-Mj151';
209
+ else if (props.density === "regular") rules += ' -M_-Mk151';
210
+ else if (props.density === "compact") rules += ' -M_-Mh151';
189
211
  } else if (props.size === "L") {
190
- if (props.density === "spacious") rules += ' -M_-Mk131';
191
- else if (props.density === "regular") rules += ' -M_-Mh131';
192
- else if (props.density === "compact") rules += ' -M_-Mi131';
212
+ if (props.density === "spacious") rules += ' -M_-Mk151';
213
+ else if (props.density === "regular") rules += ' -M_-Mh151';
214
+ else if (props.density === "compact") rules += ' -M_-Mi151';
193
215
  } else if (props.size === "M") {
194
- if (props.density === "spacious") rules += ' -M_-Mh131';
195
- else if (props.density === "regular") rules += ' -M_-Mi131';
196
- else if (props.density === "compact") rules += ' -M_-Mg131';
216
+ if (props.density === "spacious") rules += ' -M_-Mh151';
217
+ else if (props.density === "regular") rules += ' -M_-Mi151';
218
+ else if (props.density === "compact") rules += ' -M_-Mg151';
197
219
  } else if (props.size === "S") {
198
- if (props.density === "spacious") rules += ' -M_-Mi131';
199
- else if (props.density === "regular") rules += ' -M_-Mg131';
200
- else if (props.density === "compact") rules += ' -M_-Me131';
220
+ if (props.density === "spacious") rules += ' -M_-Mi151';
221
+ else if (props.density === "regular") rules += ' -M_-Mg151';
222
+ else if (props.density === "compact") rules += ' -M_-Me151';
201
223
  }
202
- rules += ' -_k_-_ka131';
203
- rules += ' -h_-ha131';
224
+ rules += ' -_k_-_ka151';
225
+ rules += ' -h_-ha151';
204
226
  return rules;
205
227
  };
206
228
  const $4e301a98f0cc4e4f$var$chevronStyles = function anonymous(props) {
207
229
  let rules = " ";
208
- if (props.isExpanded) rules += ' _Sd131';
209
- else if (props.isRTL) rules += ' _Sc131';
210
- rules += ' Yd131';
211
- rules += ' Xb131';
212
- rules += ' _2b131';
213
- rules += ' -_8sjo0b-t5ZbAob131';
214
- rules += ' _va131';
230
+ if (props.isExpanded) rules += ' _Sd151';
231
+ else if (props.isRTL) rules += ' _Sc151';
232
+ rules += ' Yd151';
233
+ rules += ' Xb151';
234
+ rules += ' _2b151';
235
+ rules += ' -_8sjo0b-t5ZbAob151';
236
+ rules += ' _va151';
215
237
  return rules;
216
238
  };
217
239
  const $4e301a98f0cc4e4f$var$InternalDisclosureHeader = /*#__PURE__*/ (0, $5FRIp$react.createContext)(null);
@@ -247,7 +269,7 @@ function $4e301a98f0cc4e4f$var$DisclosureHeaderWithForwardRef(props, ref) {
247
269
  ],
248
270
  children: /*#__PURE__*/ (0, $5FRIp$reactjsxruntime.jsx)("div", {
249
271
  style: UNSAFE_style,
250
- className: (UNSAFE_className ?? '') + " sd131 eb131 Ub131 qb131",
272
+ className: (UNSAFE_className ?? '') + " sd151 eb151 Ub151 qb151",
251
273
  ref: domRef,
252
274
  children: children
253
275
  })
@@ -255,7 +277,7 @@ function $4e301a98f0cc4e4f$var$DisclosureHeaderWithForwardRef(props, ref) {
255
277
  }
256
278
  const $4e301a98f0cc4e4f$export$1e037ddd32f5b8ac = /*#__PURE__*/ (0, $5FRIp$react.forwardRef)($4e301a98f0cc4e4f$var$DisclosureHeaderWithForwardRef);
257
279
  const $4e301a98f0cc4e4f$export$7843c6a5b3e340a2 = /*#__PURE__*/ (0, $5FRIp$react.forwardRef)(function DisclosureTitle(props, ref) {
258
- let { level: level = 3, UNSAFE_style: UNSAFE_style, UNSAFE_className: UNSAFE_className = '', ...otherProps } = props;
280
+ let { level: level = 3, UNSAFE_style: UNSAFE_style, UNSAFE_className: UNSAFE_className = '', styles: styles, ...otherProps } = props;
259
281
  let domRef = (0, $150382364eecc4bc$exports.useDOMRef)(ref);
260
282
  const domProps = (0, $5FRIp$reactariafilterDOMProps.filterDOMProps)(otherProps);
261
283
  let { direction: direction } = (0, $5FRIp$reactariaI18nProvider.useLocale)();
@@ -274,7 +296,7 @@ const $4e301a98f0cc4e4f$export$7843c6a5b3e340a2 = /*#__PURE__*/ (0, $5FRIp$react
274
296
  size: size,
275
297
  density: density,
276
298
  isQuiet: isQuiet
277
- }),
299
+ }, styles),
278
300
  slot: "trigger",
279
301
  children: [
280
302
  /*#__PURE__*/ (0, $5FRIp$reactjsxruntime.jsx)((0, $e991cbcdf82ced71$exports.CenterBaseline), {
@@ -297,19 +319,19 @@ const $4e301a98f0cc4e4f$export$7843c6a5b3e340a2 = /*#__PURE__*/ (0, $5FRIp$react
297
319
  children: buttonTrigger
298
320
  });
299
321
  });
300
- const $4e301a98f0cc4e4f$var$panelStyles = " uk131 ucJ9TBTb131 ud3Euai131 uea131 ugb131 uhd131 uje131 u2NhKxcl131 uic131 -_6BNtrc-d131 vx131 xb131 _xa131 _Fb131 _FnuYUwec131 pt131 FfwmW1d131 _Nb131 Pb131 Ysgyfc131 Ydklsgce131 Xb131 Xdklsgcb131 _2b131 _2dklsgcb131";
322
+ const $4e301a98f0cc4e4f$var$panelStyles = " uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-d151 vx151 xb151 _xa151 _Fb151 _FnuYUwec151 pt151 FfwmW1d151 _Nb151 Pb151 Ysgyfc151 Ydklsgce151 Xb151 Xdklsgcb151 _2b151 _2dklsgcb151";
301
323
  const $4e301a98f0cc4e4f$var$panelInner = function anonymous(props) {
302
324
  let rules = " ";
303
- rules += ' Tt131';
304
- rules += ' Qf131';
305
- if (props.size === "XL") rules += ' Sz5EUbe131';
306
- else if (props.size === "L") rules += ' Se131';
307
- else if (props.size === "M") rules += ' SLabwmd131';
308
- else if (props.size === "S") rules += ' St131';
309
- if (props.size === "XL") rules += ' Rz5EUbe131';
310
- else if (props.size === "L") rules += ' Re131';
311
- else if (props.size === "M") rules += ' RLabwmd131';
312
- else if (props.size === "S") rules += ' Rt131';
325
+ rules += ' Tt151';
326
+ rules += ' Qf151';
327
+ if (props.size === "XL") rules += ' Sz5EUbe151';
328
+ else if (props.size === "L") rules += ' Se151';
329
+ else if (props.size === "M") rules += ' SLabwmd151';
330
+ else if (props.size === "S") rules += ' St151';
331
+ if (props.size === "XL") rules += ' Rz5EUbe151';
332
+ else if (props.size === "L") rules += ' Re151';
333
+ else if (props.size === "M") rules += ' RLabwmd151';
334
+ else if (props.size === "S") rules += ' Rt151';
313
335
  return rules;
314
336
  };
315
337
  const $4e301a98f0cc4e4f$export$feabaa331e1d464c = /*#__PURE__*/ (0, $5FRIp$react.forwardRef)(function DisclosurePanel(props, ref) {
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-spectrum/s2/src/Disclosure.tsx"],"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 {ActionButtonContext} from './ActionButton';\nimport {\n AriaLabelingProps,\n DOMProps,\n DOMRef,\n DOMRefValue,\n forwardRefType,\n GlobalDOMAttributes\n} from '@react-types/shared';\nimport {\n baseColor,\n centerPadding,\n focusRing,\n lightDark,\n space,\n style\n} from '../style' with {type: 'macro'};\nimport {Button} from 'react-aria-components/Button';\nimport {CenterBaseline} from './CenterBaseline';\n\nimport Chevron from '../ui-icons/Chevron';\n\nimport {ContextValue, Provider, useSlottedContext} from 'react-aria-components/slots';\nimport {\n DisclosureStateContext,\n Disclosure as RACDisclosure,\n DisclosurePanel as RACDisclosurePanel,\n DisclosurePanelProps as RACDisclosurePanelProps,\n DisclosureProps as RACDisclosureProps\n} from 'react-aria-components/Disclosure';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {getAllowedOverrides, StyleProps, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {Heading} from 'react-aria-components/Heading';\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {useDOMRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DisclosureProps\n extends\n Omit<\n RACDisclosureProps,\n 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes\n >,\n StyleProps {\n /**\n * The size of the disclosure.\n *\n * @default 'M'\n */\n size?: 'S' | 'M' | 'L' | 'XL';\n /**\n * The amount of space between the disclosures.\n *\n * @default 'regular'\n */\n density?: 'compact' | 'regular' | 'spacious';\n /** Whether the disclosure should be displayed with a quiet style. */\n isQuiet?: boolean;\n /** The contents of the disclosure, consisting of a DisclosureTitle and DisclosurePanel. */\n children: ReactNode;\n}\n\nexport const DisclosureContext =\n createContext<ContextValue<Partial<DisclosureProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst disclosure = style(\n {\n color: 'heading',\n borderTopWidth: {\n default: 1,\n isQuiet: 0\n },\n borderBottomWidth: {\n default: 1,\n isQuiet: 0,\n isInGroup: {\n default: 0,\n ':last-child': {\n default: 1,\n isQuiet: 0\n }\n }\n },\n borderStartWidth: 0,\n borderEndWidth: 0,\n borderStyle: 'solid',\n borderColor: 'gray-200',\n minWidth: 200\n },\n getAllowedOverrides()\n);\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a header with a heading and\n * trigger button, and a panel that contains the content.\n */\nexport const Disclosure = forwardRef(function Disclosure(\n props: DisclosureProps,\n ref: DOMRef<HTMLDivElement>\n) {\n [props, ref] = useSpectrumContextProps(props, ref, DisclosureContext);\n let {size = 'M', density = 'regular', isQuiet, UNSAFE_style, UNSAFE_className = ''} = props;\n let domRef = useDOMRef(ref);\n\n let isInGroup = useContext(DisclosureContext) !== null;\n\n return (\n <Provider values={[[DisclosureContext, {size, isQuiet, density}]]}>\n <RACDisclosure\n {...props}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + disclosure({isQuiet, isInGroup}, props.styles)}>\n {props.children}\n </RACDisclosure>\n </Provider>\n );\n});\n\nexport interface DisclosureTitleProps extends UnsafeStyles, DOMProps {\n /**\n * The heading level of the disclosure header.\n *\n * @default 3\n */\n level?: number;\n /** The contents of the disclosure header. */\n children: React.ReactNode;\n}\n\ninterface DisclosureHeaderProps extends UnsafeStyles, DOMProps {\n children: React.ReactNode;\n}\n\nconst headingStyle = style({\n margin: 0,\n flexGrow: 1,\n display: 'flex',\n flexShrink: 1,\n minWidth: 0\n});\n\nconst buttonStyles = style({\n ...focusRing(),\n outlineOffset: -2,\n font: 'heading',\n color: {\n default: baseColor('neutral'),\n forcedColors: 'ButtonText',\n isDisabled: {\n default: 'disabled',\n forcedColors: 'GrayText'\n }\n },\n fontWeight: 'bold',\n fontSize: {\n size: {\n S: 'title-sm',\n M: 'title',\n L: 'title-lg',\n XL: 'title-xl'\n }\n },\n lineHeight: 'ui',\n display: 'flex',\n flexGrow: 1,\n alignItems: 'baseline',\n paddingX: 'calc(self(minHeight) * 3/8 - 1px)',\n paddingY: centerPadding(),\n gap: 'calc(self(minHeight) * 3/8 - 1px)',\n minHeight: {\n // compact is equivalent to 'control', but other densities have more padding.\n size: {\n S: {\n density: {\n compact: 18,\n regular: 24,\n spacious: 32\n }\n },\n M: {\n density: {\n compact: 24,\n regular: 32,\n spacious: 40\n }\n },\n L: {\n density: {\n compact: 32,\n regular: 40,\n spacious: 48\n }\n },\n XL: {\n density: {\n compact: 40,\n regular: 48,\n spacious: 56\n }\n }\n }\n },\n width: 'full',\n backgroundColor: {\n default: 'transparent',\n isFocusVisible: lightDark('transparent-black-100', 'transparent-white-100'),\n isHovered: lightDark('transparent-black-100', 'transparent-white-100'),\n isPressed: lightDark('transparent-black-300', 'transparent-white-300')\n },\n transition: 'default',\n borderWidth: 0,\n borderRadius: {\n // Only rounded for keyboard focus and quiet.\n default: 'none',\n isFocusVisible: 'default',\n isQuiet: 'default'\n },\n textAlign: 'start',\n disableTapHighlight: true\n});\n\nconst chevronStyles = style({\n rotate: {\n isRTL: 180,\n isExpanded: 90\n },\n transition: 'default',\n '--iconPrimary': {\n type: 'fill',\n value: 'currentColor'\n },\n flexShrink: 0\n});\n\nconst InternalDisclosureHeader = createContext<{} | null>(null);\n\nfunction DisclosureHeaderWithForwardRef(props: DisclosureHeaderProps, ref: DOMRef<HTMLDivElement>) {\n let {UNSAFE_className, UNSAFE_style, children} = props;\n let domRef = useDOMRef(ref);\n let {size, isQuiet, density} = useSlottedContext(DisclosureContext)!;\n\n // Shift button size down by 2 for compact density, 1 for regular/spacious to ensure there is space between the top and bottom of the action button and container\n let newSize: 'XS' | 'S' | 'M' | 'L' | 'XL' | undefined = size;\n const sizes = ['XS', 'S', 'M', 'L', 'XL'];\n const currentIndex = sizes.indexOf(size ?? 'M');\n const shift = density === 'compact' ? 2 : 1;\n newSize = sizes[Math.max(0, currentIndex - shift)] as 'XS' | 'S' | 'M' | 'L' | 'XL';\n\n return (\n <Provider\n values={[\n [ActionButtonContext, {size: newSize, isQuiet}],\n [InternalDisclosureHeader, {}]\n ]}>\n <div\n style={UNSAFE_style}\n className={\n (UNSAFE_className ?? '') + style({display: 'flex', alignItems: 'center', gap: 4})\n }\n ref={domRef}>\n {children}\n </div>\n </Provider>\n );\n}\n\n/**\n * A wrapper element for the disclosure title that can contain other elements not part of the\n * trigger.\n */\nexport const DisclosureHeader = /*#__PURE__*/ (forwardRef as forwardRefType)(\n DisclosureHeaderWithForwardRef\n);\n\n/**\n * A disclosure title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const DisclosureTitle = forwardRef(function DisclosureTitle(\n props: DisclosureTitleProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {level = 3, UNSAFE_style, UNSAFE_className = '', ...otherProps} = props;\n let domRef = useDOMRef(ref);\n const domProps = filterDOMProps(otherProps);\n let {direction} = useLocale();\n let {isExpanded} = useContext(DisclosureStateContext)!;\n let {size, density, isQuiet} = useSlottedContext(DisclosureContext)!;\n let isRTL = direction === 'rtl';\n\n let buttonTrigger = (\n <Heading\n {...domProps}\n level={level}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + headingStyle}>\n <Button\n className={renderProps => buttonStyles({...renderProps, size, density, isQuiet})}\n slot=\"trigger\">\n <CenterBaseline>\n <Chevron size={size} className={chevronStyles({isExpanded, isRTL})} aria-hidden=\"true\" />\n </CenterBaseline>\n {props.children}\n </Button>\n </Heading>\n );\n let ctx = useContext(InternalDisclosureHeader);\n if (ctx) {\n return buttonTrigger;\n }\n\n return <DisclosureHeader>{buttonTrigger}</DisclosureHeader>;\n});\n\nexport interface DisclosurePanelProps\n extends\n Omit<RACDisclosurePanelProps, 'className' | 'style' | 'render' | 'children'>,\n UnsafeStyles,\n DOMProps,\n AriaLabelingProps {\n children: React.ReactNode;\n}\n\nconst panelStyles = style({\n font: 'body',\n height: '--disclosure-panel-height',\n overflow: 'clip',\n transition: {\n default: '[height]',\n '@media (prefers-reduced-motion: reduce)': 'none'\n }\n});\n\nconst panelInner = style({\n paddingTop: 8,\n paddingBottom: 16,\n paddingX: {\n size: {\n S: 8,\n M: space(9),\n L: 12,\n XL: space(15)\n }\n }\n});\n\n/**\n * A disclosure panel is a collapsible section of content that is hidden until the disclosure is\n * expanded.\n */\nexport const DisclosurePanel = forwardRef(function DisclosurePanel(\n props: DisclosurePanelProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {UNSAFE_style, UNSAFE_className = '', ...otherProps} = props;\n const domProps = filterDOMProps(otherProps);\n let {size} = useSlottedContext(DisclosureContext)!;\n let panelRef = useDOMRef(ref);\n return (\n <RACDisclosurePanel\n {...domProps}\n ref={panelRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + panelStyles}>\n <div className={panelInner({size})}>{props.children}</div>\n </RACDisclosurePanel>\n );\n});\n"],"names":[],"version":3,"file":"Disclosure.cjs.map"}
1
+ {"mappings":"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","sources":["packages/@react-spectrum/s2/src/Disclosure.tsx"],"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 {ActionButtonContext} from './ActionButton';\nimport {\n AriaLabelingProps,\n DOMProps,\n DOMRef,\n DOMRefValue,\n forwardRefType,\n GlobalDOMAttributes\n} from '@react-types/shared';\nimport {\n baseColor,\n centerPadding,\n focusRing,\n lightDark,\n space,\n style\n} from '../style' with {type: 'macro'};\nimport {Button} from 'react-aria-components/Button';\nimport {CenterBaseline} from './CenterBaseline';\n\nimport Chevron from '../ui-icons/Chevron';\n\nimport {ContextValue, Provider, useSlottedContext} from 'react-aria-components/slots';\nimport {\n DisclosureStateContext,\n Disclosure as RACDisclosure,\n DisclosurePanel as RACDisclosurePanel,\n DisclosurePanelProps as RACDisclosurePanelProps,\n DisclosureProps as RACDisclosureProps\n} from 'react-aria-components/Disclosure';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {\n getAllowedOverrides,\n StyleProps,\n StylesPropWithFont,\n UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {Heading} from 'react-aria-components/Heading';\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {useDOMRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DisclosureProps\n extends\n Omit<\n RACDisclosureProps,\n 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes\n >,\n StyleProps {\n /**\n * The size of the disclosure.\n *\n * @default 'M'\n */\n size?: 'S' | 'M' | 'L' | 'XL';\n /**\n * The amount of space between the disclosures.\n *\n * @default 'regular'\n */\n density?: 'compact' | 'regular' | 'spacious';\n /** Whether the disclosure should be displayed with a quiet style. */\n isQuiet?: boolean;\n /** The contents of the disclosure, consisting of a DisclosureTitle and DisclosurePanel. */\n children: ReactNode;\n}\n\nexport const DisclosureContext =\n createContext<ContextValue<Partial<DisclosureProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst disclosure = style(\n {\n color: 'heading',\n borderTopWidth: {\n default: 1,\n isQuiet: 0\n },\n borderBottomWidth: {\n default: 1,\n isQuiet: 0,\n isInGroup: {\n default: 0,\n ':last-child': {\n default: 1,\n isQuiet: 0\n }\n }\n },\n borderStartWidth: 0,\n borderEndWidth: 0,\n borderStyle: 'solid',\n borderColor: 'gray-200',\n minWidth: 200\n },\n getAllowedOverrides()\n);\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a header with a heading and\n * trigger button, and a panel that contains the content.\n */\nexport const Disclosure = forwardRef(function Disclosure(\n props: DisclosureProps,\n ref: DOMRef<HTMLDivElement>\n) {\n [props, ref] = useSpectrumContextProps(props, ref, DisclosureContext);\n let {size = 'M', density = 'regular', isQuiet, UNSAFE_style, UNSAFE_className = ''} = props;\n let domRef = useDOMRef(ref);\n\n let isInGroup = useContext(DisclosureContext) !== null;\n\n return (\n <Provider values={[[DisclosureContext, {size, isQuiet, density}]]}>\n <RACDisclosure\n {...props}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + disclosure({isQuiet, isInGroup}, props.styles)}>\n {props.children}\n </RACDisclosure>\n </Provider>\n );\n});\n\nexport interface DisclosureTitleProps extends UnsafeStyles, DOMProps {\n /**\n * The heading level of the disclosure header.\n *\n * @default 3\n */\n level?: number;\n /** The contents of the disclosure header. */\n children: React.ReactNode;\n /**\n * Spectrum-defined styles, returned by the `style()` macro. Only allows overriding\n * `font`, `fontFamily`, `fontWeight`, `fontSize`, and `lineHeight`.\n */\n styles?: StylesPropWithFont;\n}\n\ninterface DisclosureHeaderProps extends UnsafeStyles, DOMProps {\n children: React.ReactNode;\n}\n\nconst headingStyle = style({\n margin: 0,\n flexGrow: 1,\n display: 'flex',\n flexShrink: 1,\n minWidth: 0\n});\n\nconst buttonStyles = style(\n {\n ...focusRing(),\n outlineOffset: -2,\n font: 'heading',\n color: {\n default: baseColor('neutral'),\n forcedColors: 'ButtonText',\n isDisabled: {\n default: 'disabled',\n forcedColors: 'GrayText'\n }\n },\n fontWeight: 'bold',\n fontSize: {\n size: {\n S: 'title-sm',\n M: 'title',\n L: 'title-lg',\n XL: 'title-xl'\n }\n },\n lineHeight: 'ui',\n display: 'flex',\n flexGrow: 1,\n alignItems: 'baseline',\n paddingX: 'calc(self(minHeight) * 3/8 - 1px)',\n paddingY: centerPadding(),\n gap: 'calc(self(minHeight) * 3/8 - 1px)',\n minHeight: {\n // compact is equivalent to 'control', but other densities have more padding.\n size: {\n S: {\n density: {\n compact: 18,\n regular: 24,\n spacious: 32\n }\n },\n M: {\n density: {\n compact: 24,\n regular: 32,\n spacious: 40\n }\n },\n L: {\n density: {\n compact: 32,\n regular: 40,\n spacious: 48\n }\n },\n XL: {\n density: {\n compact: 40,\n regular: 48,\n spacious: 56\n }\n }\n }\n },\n width: 'full',\n backgroundColor: {\n default: 'transparent',\n isFocusVisible: lightDark('transparent-black-100', 'transparent-white-100'),\n isHovered: lightDark('transparent-black-100', 'transparent-white-100'),\n isPressed: lightDark('transparent-black-300', 'transparent-white-300')\n },\n transition: 'default',\n borderWidth: 0,\n borderRadius: {\n // Only rounded for keyboard focus and quiet.\n default: 'none',\n isFocusVisible: 'default',\n isQuiet: 'default'\n },\n textAlign: 'start',\n disableTapHighlight: true\n },\n getAllowedOverrides({font: true})\n);\n\nconst chevronStyles = style({\n rotate: {\n isRTL: 180,\n isExpanded: 90\n },\n transition: 'default',\n '--iconPrimary': {\n type: 'fill',\n value: 'currentColor'\n },\n flexShrink: 0\n});\n\nconst InternalDisclosureHeader = createContext<{} | null>(null);\n\nfunction DisclosureHeaderWithForwardRef(props: DisclosureHeaderProps, ref: DOMRef<HTMLDivElement>) {\n let {UNSAFE_className, UNSAFE_style, children} = props;\n let domRef = useDOMRef(ref);\n let {size, isQuiet, density} = useSlottedContext(DisclosureContext)!;\n\n // Shift button size down by 2 for compact density, 1 for regular/spacious to ensure there is space between the top and bottom of the action button and container\n let newSize: 'XS' | 'S' | 'M' | 'L' | 'XL' | undefined = size;\n const sizes = ['XS', 'S', 'M', 'L', 'XL'];\n const currentIndex = sizes.indexOf(size ?? 'M');\n const shift = density === 'compact' ? 2 : 1;\n newSize = sizes[Math.max(0, currentIndex - shift)] as 'XS' | 'S' | 'M' | 'L' | 'XL';\n\n return (\n <Provider\n values={[\n [ActionButtonContext, {size: newSize, isQuiet}],\n [InternalDisclosureHeader, {}]\n ]}>\n <div\n style={UNSAFE_style}\n className={\n (UNSAFE_className ?? '') + style({display: 'flex', alignItems: 'center', gap: 4})\n }\n ref={domRef}>\n {children}\n </div>\n </Provider>\n );\n}\n\n/**\n * A wrapper element for the disclosure title that can contain other elements not part of the\n * trigger.\n */\nexport const DisclosureHeader = /*#__PURE__*/ (forwardRef as forwardRefType)(\n DisclosureHeaderWithForwardRef\n);\n\n/**\n * A disclosure title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const DisclosureTitle = forwardRef(function DisclosureTitle(\n props: DisclosureTitleProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {level = 3, UNSAFE_style, UNSAFE_className = '', styles, ...otherProps} = props;\n let domRef = useDOMRef(ref);\n const domProps = filterDOMProps(otherProps);\n let {direction} = useLocale();\n let {isExpanded} = useContext(DisclosureStateContext)!;\n let {size, density, isQuiet} = useSlottedContext(DisclosureContext)!;\n let isRTL = direction === 'rtl';\n\n let buttonTrigger = (\n <Heading\n {...domProps}\n level={level}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + headingStyle}>\n <Button\n className={renderProps => buttonStyles({...renderProps, size, density, isQuiet}, styles)}\n slot=\"trigger\">\n <CenterBaseline>\n <Chevron size={size} className={chevronStyles({isExpanded, isRTL})} aria-hidden=\"true\" />\n </CenterBaseline>\n {props.children}\n </Button>\n </Heading>\n );\n let ctx = useContext(InternalDisclosureHeader);\n if (ctx) {\n return buttonTrigger;\n }\n\n return <DisclosureHeader>{buttonTrigger}</DisclosureHeader>;\n});\n\nexport interface DisclosurePanelProps\n extends\n Omit<RACDisclosurePanelProps, 'className' | 'style' | 'render' | 'children'>,\n UnsafeStyles,\n DOMProps,\n AriaLabelingProps {\n children: React.ReactNode;\n}\n\nconst panelStyles = style({\n font: 'body',\n height: '--disclosure-panel-height',\n overflow: 'clip',\n transition: {\n default: '[height]',\n '@media (prefers-reduced-motion: reduce)': 'none'\n }\n});\n\nconst panelInner = style({\n paddingTop: 8,\n paddingBottom: 16,\n paddingX: {\n size: {\n S: 8,\n M: space(9),\n L: 12,\n XL: space(15)\n }\n }\n});\n\n/**\n * A disclosure panel is a collapsible section of content that is hidden until the disclosure is\n * expanded.\n */\nexport const DisclosurePanel = forwardRef(function DisclosurePanel(\n props: DisclosurePanelProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {UNSAFE_style, UNSAFE_className = '', ...otherProps} = props;\n const domProps = filterDOMProps(otherProps);\n let {size} = useSlottedContext(DisclosureContext)!;\n let panelRef = useDOMRef(ref);\n return (\n <RACDisclosurePanel\n {...domProps}\n ref={panelRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + panelStyles}>\n <div className={panelInner({size})}>{props.children}</div>\n </RACDisclosurePanel>\n );\n});\n"],"names":[],"version":3,"file":"Disclosure.cjs.map"}