@react-spectrum/s2 1.0.0 → 1.2.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 (629) 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 +70 -41
  143. package/dist/ContextualHelp.cjs.map +1 -1
  144. package/dist/ContextualHelp.css +71 -71
  145. package/dist/ContextualHelp.css.map +1 -1
  146. package/dist/ContextualHelp.mjs +74 -46
  147. package/dist/ContextualHelp.mjs.map +1 -1
  148. package/dist/Cross.cjs +14 -14
  149. package/dist/Cross.css +10 -10
  150. package/dist/Cross.mjs +14 -14
  151. package/dist/CustomDialog.cjs +26 -26
  152. package/dist/CustomDialog.cjs.map +1 -1
  153. package/dist/CustomDialog.css +25 -25
  154. package/dist/CustomDialog.css.map +1 -1
  155. package/dist/CustomDialog.mjs +26 -26
  156. package/dist/CustomDialog.mjs.map +1 -1
  157. package/dist/Dash.cjs +10 -10
  158. package/dist/Dash.css +6 -6
  159. package/dist/Dash.mjs +10 -10
  160. package/dist/DateField.cjs +74 -74
  161. package/dist/DateField.cjs.map +1 -1
  162. package/dist/DateField.css +77 -77
  163. package/dist/DateField.css.map +1 -1
  164. package/dist/DateField.mjs +74 -74
  165. package/dist/DateField.mjs.map +1 -1
  166. package/dist/DatePicker.cjs +173 -173
  167. package/dist/DatePicker.cjs.map +1 -1
  168. package/dist/DatePicker.css +128 -128
  169. package/dist/DatePicker.css.map +1 -1
  170. package/dist/DatePicker.mjs +173 -173
  171. package/dist/DatePicker.mjs.map +1 -1
  172. package/dist/DateRangePicker.cjs +56 -56
  173. package/dist/DateRangePicker.cjs.map +1 -1
  174. package/dist/DateRangePicker.css +59 -59
  175. package/dist/DateRangePicker.css.map +1 -1
  176. package/dist/DateRangePicker.mjs +56 -56
  177. package/dist/DateRangePicker.mjs.map +1 -1
  178. package/dist/Dialog.cjs +17 -17
  179. package/dist/Dialog.cjs.map +1 -1
  180. package/dist/Dialog.css +70 -70
  181. package/dist/Dialog.css.map +1 -1
  182. package/dist/Dialog.mjs +17 -17
  183. package/dist/Dialog.mjs.map +1 -1
  184. package/dist/Disclosure.cjs +120 -120
  185. package/dist/Disclosure.cjs.map +1 -1
  186. package/dist/Disclosure.css +112 -112
  187. package/dist/Disclosure.css.map +1 -1
  188. package/dist/Disclosure.mjs +120 -120
  189. package/dist/Disclosure.mjs.map +1 -1
  190. package/dist/Divider.cjs +26 -26
  191. package/dist/Divider.cjs.map +1 -1
  192. package/dist/Divider.css +25 -25
  193. package/dist/Divider.css.map +1 -1
  194. package/dist/Divider.mjs +26 -26
  195. package/dist/Divider.mjs.map +1 -1
  196. package/dist/DropZone.cjs +62 -62
  197. package/dist/DropZone.cjs.map +1 -1
  198. package/dist/DropZone.css +57 -57
  199. package/dist/DropZone.css.map +1 -1
  200. package/dist/DropZone.mjs +62 -62
  201. package/dist/DropZone.mjs.map +1 -1
  202. package/dist/Field.cjs +351 -351
  203. package/dist/Field.cjs.map +1 -1
  204. package/dist/Field.css +147 -147
  205. package/dist/Field.css.map +1 -1
  206. package/dist/Field.mjs +351 -351
  207. package/dist/Field.mjs.map +1 -1
  208. package/dist/Form.cjs +10 -10
  209. package/dist/Form.cjs.map +1 -1
  210. package/dist/Form.css +9 -9
  211. package/dist/Form.css.map +1 -1
  212. package/dist/Form.mjs +10 -10
  213. package/dist/Form.mjs.map +1 -1
  214. package/dist/FullscreenDialog.cjs +5 -5
  215. package/dist/FullscreenDialog.cjs.map +1 -1
  216. package/dist/FullscreenDialog.css +78 -78
  217. package/dist/FullscreenDialog.css.map +1 -1
  218. package/dist/FullscreenDialog.mjs +5 -5
  219. package/dist/FullscreenDialog.mjs.map +1 -1
  220. package/dist/IllustratedMessage.cjs +229 -229
  221. package/dist/IllustratedMessage.css +72 -72
  222. package/dist/IllustratedMessage.mjs +229 -229
  223. package/dist/Image.cjs +14 -14
  224. package/dist/Image.css +14 -14
  225. package/dist/Image.mjs +14 -14
  226. package/dist/InlineAlert.cjs +101 -101
  227. package/dist/InlineAlert.css +76 -76
  228. package/dist/InlineAlert.mjs +101 -101
  229. package/dist/Link.cjs +50 -50
  230. package/dist/Link.cjs.map +1 -1
  231. package/dist/Link.css +41 -41
  232. package/dist/Link.css.map +1 -1
  233. package/dist/Link.mjs +50 -50
  234. package/dist/Link.mjs.map +1 -1
  235. package/dist/LinkOut.cjs +8 -8
  236. package/dist/LinkOut.css +8 -8
  237. package/dist/LinkOut.mjs +8 -8
  238. package/dist/ListView.cjs +777 -0
  239. package/dist/ListView.cjs.map +1 -0
  240. package/dist/ListView.css +740 -0
  241. package/dist/ListView.css.map +1 -0
  242. package/dist/ListView.mjs +770 -0
  243. package/dist/ListView.mjs.map +1 -0
  244. package/dist/Menu.cjs +540 -445
  245. package/dist/Menu.cjs.map +1 -1
  246. package/dist/Menu.css +234 -190
  247. package/dist/Menu.css.map +1 -1
  248. package/dist/Menu.mjs +541 -447
  249. package/dist/Menu.mjs.map +1 -1
  250. package/dist/Meter.cjs +154 -154
  251. package/dist/Meter.cjs.map +1 -1
  252. package/dist/Meter.css +91 -91
  253. package/dist/Meter.css.map +1 -1
  254. package/dist/Meter.mjs +154 -154
  255. package/dist/Meter.mjs.map +1 -1
  256. package/dist/Modal.cjs +66 -66
  257. package/dist/Modal.cjs.map +1 -1
  258. package/dist/Modal.css +54 -54
  259. package/dist/Modal.css.map +1 -1
  260. package/dist/Modal.mjs +66 -66
  261. package/dist/Modal.mjs.map +1 -1
  262. package/dist/NotificationBadge.cjs +57 -57
  263. package/dist/NotificationBadge.css +49 -49
  264. package/dist/NotificationBadge.mjs +57 -57
  265. package/dist/NumberField.cjs +115 -115
  266. package/dist/NumberField.cjs.map +1 -1
  267. package/dist/NumberField.css +99 -99
  268. package/dist/NumberField.css.map +1 -1
  269. package/dist/NumberField.mjs +115 -115
  270. package/dist/NumberField.mjs.map +1 -1
  271. package/dist/Picker.cjs +337 -285
  272. package/dist/Picker.cjs.map +1 -1
  273. package/dist/Picker.css +173 -173
  274. package/dist/Picker.css.map +1 -1
  275. package/dist/Picker.mjs +339 -287
  276. package/dist/Picker.mjs.map +1 -1
  277. package/dist/Popover.cjs +89 -89
  278. package/dist/Popover.cjs.map +1 -1
  279. package/dist/Popover.css +70 -70
  280. package/dist/Popover.css.map +1 -1
  281. package/dist/Popover.mjs +89 -89
  282. package/dist/Popover.mjs.map +1 -1
  283. package/dist/ProgressBar.cjs +164 -164
  284. package/dist/ProgressBar.cjs.map +1 -1
  285. package/dist/ProgressBar.css +99 -99
  286. package/dist/ProgressBar.css.map +1 -1
  287. package/dist/ProgressBar.mjs +164 -164
  288. package/dist/ProgressBar.mjs.map +1 -1
  289. package/dist/ProgressCircle.cjs +32 -32
  290. package/dist/ProgressCircle.cjs.map +1 -1
  291. package/dist/ProgressCircle.css +24 -24
  292. package/dist/ProgressCircle.css.map +1 -1
  293. package/dist/ProgressCircle.mjs +32 -32
  294. package/dist/ProgressCircle.mjs.map +1 -1
  295. package/dist/Provider.cjs +11 -11
  296. package/dist/Provider.css +10 -10
  297. package/dist/Provider.mjs +11 -11
  298. package/dist/Radio.cjs +146 -146
  299. package/dist/Radio.cjs.map +1 -1
  300. package/dist/Radio.css +78 -78
  301. package/dist/Radio.css.map +1 -1
  302. package/dist/Radio.mjs +146 -146
  303. package/dist/Radio.mjs.map +1 -1
  304. package/dist/RadioGroup.cjs +42 -42
  305. package/dist/RadioGroup.cjs.map +1 -1
  306. package/dist/RadioGroup.css +37 -37
  307. package/dist/RadioGroup.css.map +1 -1
  308. package/dist/RadioGroup.mjs +42 -42
  309. package/dist/RadioGroup.mjs.map +1 -1
  310. package/dist/RangeCalendar.cjs +8 -8
  311. package/dist/RangeCalendar.cjs.map +1 -1
  312. package/dist/RangeCalendar.css +10 -10
  313. package/dist/RangeCalendar.css.map +1 -1
  314. package/dist/RangeCalendar.mjs +8 -8
  315. package/dist/RangeCalendar.mjs.map +1 -1
  316. package/dist/SearchField.cjs +42 -42
  317. package/dist/SearchField.cjs.map +1 -1
  318. package/dist/SearchField.css +45 -45
  319. package/dist/SearchField.css.map +1 -1
  320. package/dist/SearchField.mjs +42 -42
  321. package/dist/SearchField.mjs.map +1 -1
  322. package/dist/SegmentedControl.cjs +180 -180
  323. package/dist/SegmentedControl.css +123 -123
  324. package/dist/SegmentedControl.mjs +180 -180
  325. package/dist/SelectBoxGroup.cjs +144 -144
  326. package/dist/SelectBoxGroup.cjs.map +1 -1
  327. package/dist/SelectBoxGroup.css +120 -120
  328. package/dist/SelectBoxGroup.css.map +1 -1
  329. package/dist/SelectBoxGroup.mjs +144 -144
  330. package/dist/SelectBoxGroup.mjs.map +1 -1
  331. package/dist/Slider.cjs +295 -295
  332. package/dist/Slider.cjs.map +1 -1
  333. package/dist/Slider.css +154 -154
  334. package/dist/Slider.css.map +1 -1
  335. package/dist/Slider.mjs +295 -295
  336. package/dist/Slider.mjs.map +1 -1
  337. package/dist/StatusLight.cjs +116 -116
  338. package/dist/StatusLight.css +59 -59
  339. package/dist/StatusLight.mjs +116 -116
  340. package/dist/Switch.cjs +155 -155
  341. package/dist/Switch.cjs.map +1 -1
  342. package/dist/Switch.css +74 -74
  343. package/dist/Switch.css.map +1 -1
  344. package/dist/Switch.mjs +155 -155
  345. package/dist/Switch.mjs.map +1 -1
  346. package/dist/TableView.cjs +448 -424
  347. package/dist/TableView.cjs.map +1 -1
  348. package/dist/TableView.css +232 -204
  349. package/dist/TableView.css.map +1 -1
  350. package/dist/TableView.mjs +450 -426
  351. package/dist/TableView.mjs.map +1 -1
  352. package/dist/Tabs.cjs +127 -127
  353. package/dist/Tabs.cjs.map +1 -1
  354. package/dist/Tabs.css +105 -105
  355. package/dist/Tabs.css.map +1 -1
  356. package/dist/Tabs.mjs +127 -127
  357. package/dist/Tabs.mjs.map +1 -1
  358. package/dist/TabsPicker.cjs +127 -127
  359. package/dist/TabsPicker.cjs.map +1 -1
  360. package/dist/TabsPicker.css +108 -108
  361. package/dist/TabsPicker.css.map +1 -1
  362. package/dist/TabsPicker.mjs +127 -127
  363. package/dist/TabsPicker.mjs.map +1 -1
  364. package/dist/TagGroup.cjs +204 -204
  365. package/dist/TagGroup.cjs.map +1 -1
  366. package/dist/TagGroup.css +146 -146
  367. package/dist/TagGroup.css.map +1 -1
  368. package/dist/TagGroup.mjs +204 -204
  369. package/dist/TagGroup.mjs.map +1 -1
  370. package/dist/TextField.cjs +59 -59
  371. package/dist/TextField.cjs.map +1 -1
  372. package/dist/TextField.css +54 -54
  373. package/dist/TextField.css.map +1 -1
  374. package/dist/TextField.mjs +59 -59
  375. package/dist/TextField.mjs.map +1 -1
  376. package/dist/TimeField.cjs +52 -52
  377. package/dist/TimeField.cjs.map +1 -1
  378. package/dist/TimeField.css +47 -47
  379. package/dist/TimeField.css.map +1 -1
  380. package/dist/TimeField.mjs +52 -52
  381. package/dist/TimeField.mjs.map +1 -1
  382. package/dist/Toast.cjs +121 -121
  383. package/dist/Toast.cjs.map +1 -1
  384. package/dist/Toast.css +110 -110
  385. package/dist/Toast.css.map +1 -1
  386. package/dist/Toast.mjs +122 -122
  387. package/dist/Toast.mjs.map +1 -1
  388. package/dist/ToggleButton.cjs +3 -3
  389. package/dist/ToggleButton.cjs.map +1 -1
  390. package/dist/ToggleButton.css +12 -12
  391. package/dist/ToggleButton.css.map +1 -1
  392. package/dist/ToggleButton.mjs +3 -3
  393. package/dist/ToggleButton.mjs.map +1 -1
  394. package/dist/ToggleButtonGroup.cjs.map +1 -1
  395. package/dist/ToggleButtonGroup.mjs.map +1 -1
  396. package/dist/Tooltip.cjs +78 -78
  397. package/dist/Tooltip.cjs.map +1 -1
  398. package/dist/Tooltip.css +65 -65
  399. package/dist/Tooltip.css.map +1 -1
  400. package/dist/Tooltip.mjs +78 -78
  401. package/dist/Tooltip.mjs.map +1 -1
  402. package/dist/TreeView.cjs +191 -141
  403. package/dist/TreeView.cjs.map +1 -1
  404. package/dist/TreeView.css +143 -127
  405. package/dist/TreeView.css.map +1 -1
  406. package/dist/TreeView.mjs +191 -141
  407. package/dist/TreeView.mjs.map +1 -1
  408. package/dist/ar-AE.cjs +1 -0
  409. package/dist/ar-AE.cjs.map +1 -1
  410. package/dist/ar-AE.mjs +1 -0
  411. package/dist/ar-AE.mjs.map +1 -1
  412. package/dist/bg-BG.cjs +1 -0
  413. package/dist/bg-BG.cjs.map +1 -1
  414. package/dist/bg-BG.mjs +1 -0
  415. package/dist/bg-BG.mjs.map +1 -1
  416. package/dist/cs-CZ.cjs +1 -0
  417. package/dist/cs-CZ.cjs.map +1 -1
  418. package/dist/cs-CZ.mjs +1 -0
  419. package/dist/cs-CZ.mjs.map +1 -1
  420. package/dist/da-DK.cjs +1 -0
  421. package/dist/da-DK.cjs.map +1 -1
  422. package/dist/da-DK.mjs +1 -0
  423. package/dist/da-DK.mjs.map +1 -1
  424. package/dist/de-DE.cjs +1 -0
  425. package/dist/de-DE.cjs.map +1 -1
  426. package/dist/de-DE.mjs +1 -0
  427. package/dist/de-DE.mjs.map +1 -1
  428. package/dist/el-GR.cjs +1 -0
  429. package/dist/el-GR.cjs.map +1 -1
  430. package/dist/el-GR.mjs +1 -0
  431. package/dist/el-GR.mjs.map +1 -1
  432. package/dist/en-US.cjs +1 -0
  433. package/dist/en-US.cjs.map +1 -1
  434. package/dist/en-US.mjs +1 -0
  435. package/dist/en-US.mjs.map +1 -1
  436. package/dist/es-ES.cjs +1 -0
  437. package/dist/es-ES.cjs.map +1 -1
  438. package/dist/es-ES.mjs +1 -0
  439. package/dist/es-ES.mjs.map +1 -1
  440. package/dist/et-EE.cjs +1 -0
  441. package/dist/et-EE.cjs.map +1 -1
  442. package/dist/et-EE.mjs +1 -0
  443. package/dist/et-EE.mjs.map +1 -1
  444. package/dist/fi-FI.cjs +1 -0
  445. package/dist/fi-FI.cjs.map +1 -1
  446. package/dist/fi-FI.mjs +1 -0
  447. package/dist/fi-FI.mjs.map +1 -1
  448. package/dist/fr-FR.cjs +1 -0
  449. package/dist/fr-FR.cjs.map +1 -1
  450. package/dist/fr-FR.mjs +1 -0
  451. package/dist/fr-FR.mjs.map +1 -1
  452. package/dist/he-IL.cjs +1 -0
  453. package/dist/he-IL.cjs.map +1 -1
  454. package/dist/he-IL.mjs +1 -0
  455. package/dist/he-IL.mjs.map +1 -1
  456. package/dist/hr-HR.cjs +1 -0
  457. package/dist/hr-HR.cjs.map +1 -1
  458. package/dist/hr-HR.mjs +1 -0
  459. package/dist/hr-HR.mjs.map +1 -1
  460. package/dist/hu-HU.cjs +1 -0
  461. package/dist/hu-HU.cjs.map +1 -1
  462. package/dist/hu-HU.mjs +1 -0
  463. package/dist/hu-HU.mjs.map +1 -1
  464. package/dist/it-IT.cjs +1 -0
  465. package/dist/it-IT.cjs.map +1 -1
  466. package/dist/it-IT.mjs +1 -0
  467. package/dist/it-IT.mjs.map +1 -1
  468. package/dist/ja-JP.cjs +1 -0
  469. package/dist/ja-JP.cjs.map +1 -1
  470. package/dist/ja-JP.mjs +1 -0
  471. package/dist/ja-JP.mjs.map +1 -1
  472. package/dist/ko-KR.cjs +1 -0
  473. package/dist/ko-KR.cjs.map +1 -1
  474. package/dist/ko-KR.mjs +1 -0
  475. package/dist/ko-KR.mjs.map +1 -1
  476. package/dist/lt-LT.cjs +1 -0
  477. package/dist/lt-LT.cjs.map +1 -1
  478. package/dist/lt-LT.mjs +1 -0
  479. package/dist/lt-LT.mjs.map +1 -1
  480. package/dist/lv-LV.cjs +1 -0
  481. package/dist/lv-LV.cjs.map +1 -1
  482. package/dist/lv-LV.mjs +1 -0
  483. package/dist/lv-LV.mjs.map +1 -1
  484. package/dist/main.cjs +7 -0
  485. package/dist/main.cjs.map +1 -1
  486. package/dist/module.mjs +5 -3
  487. package/dist/module.mjs.map +1 -1
  488. package/dist/nb-NO.cjs +1 -0
  489. package/dist/nb-NO.cjs.map +1 -1
  490. package/dist/nb-NO.mjs +1 -0
  491. package/dist/nb-NO.mjs.map +1 -1
  492. package/dist/nl-NL.cjs +1 -0
  493. package/dist/nl-NL.cjs.map +1 -1
  494. package/dist/nl-NL.mjs +1 -0
  495. package/dist/nl-NL.mjs.map +1 -1
  496. package/dist/pl-PL.cjs +1 -0
  497. package/dist/pl-PL.cjs.map +1 -1
  498. package/dist/pl-PL.mjs +1 -0
  499. package/dist/pl-PL.mjs.map +1 -1
  500. package/dist/pt-BR.cjs +1 -0
  501. package/dist/pt-BR.cjs.map +1 -1
  502. package/dist/pt-BR.mjs +1 -0
  503. package/dist/pt-BR.mjs.map +1 -1
  504. package/dist/pt-PT.cjs +1 -0
  505. package/dist/pt-PT.cjs.map +1 -1
  506. package/dist/pt-PT.mjs +1 -0
  507. package/dist/pt-PT.mjs.map +1 -1
  508. package/dist/ro-RO.cjs +1 -0
  509. package/dist/ro-RO.cjs.map +1 -1
  510. package/dist/ro-RO.mjs +1 -0
  511. package/dist/ro-RO.mjs.map +1 -1
  512. package/dist/ru-RU.cjs +1 -0
  513. package/dist/ru-RU.cjs.map +1 -1
  514. package/dist/ru-RU.mjs +1 -0
  515. package/dist/ru-RU.mjs.map +1 -1
  516. package/dist/sk-SK.cjs +1 -0
  517. package/dist/sk-SK.cjs.map +1 -1
  518. package/dist/sk-SK.mjs +1 -0
  519. package/dist/sk-SK.mjs.map +1 -1
  520. package/dist/sl-SI.cjs +1 -0
  521. package/dist/sl-SI.cjs.map +1 -1
  522. package/dist/sl-SI.mjs +1 -0
  523. package/dist/sl-SI.mjs.map +1 -1
  524. package/dist/sr-SP.cjs +1 -0
  525. package/dist/sr-SP.cjs.map +1 -1
  526. package/dist/sr-SP.mjs +1 -0
  527. package/dist/sr-SP.mjs.map +1 -1
  528. package/dist/sv-SE.cjs +1 -0
  529. package/dist/sv-SE.cjs.map +1 -1
  530. package/dist/sv-SE.mjs +1 -0
  531. package/dist/sv-SE.mjs.map +1 -1
  532. package/dist/tr-TR.cjs +1 -0
  533. package/dist/tr-TR.cjs.map +1 -1
  534. package/dist/tr-TR.mjs +1 -0
  535. package/dist/tr-TR.mjs.map +1 -1
  536. package/dist/types.d.ts +143 -76
  537. package/dist/types.d.ts.map +1 -1
  538. package/dist/uk-UA.cjs +1 -0
  539. package/dist/uk-UA.cjs.map +1 -1
  540. package/dist/uk-UA.mjs +1 -0
  541. package/dist/uk-UA.mjs.map +1 -1
  542. package/dist/zh-CN.cjs +1 -0
  543. package/dist/zh-CN.cjs.map +1 -1
  544. package/dist/zh-CN.mjs +1 -0
  545. package/dist/zh-CN.mjs.map +1 -1
  546. package/dist/zh-TW.cjs +1 -0
  547. package/dist/zh-TW.cjs.map +1 -1
  548. package/dist/zh-TW.mjs +1 -0
  549. package/dist/zh-TW.mjs.map +1 -1
  550. package/icons/Icon.cjs +12 -12
  551. package/icons/Icon.css +9 -9
  552. package/icons/Icon.mjs +12 -12
  553. package/icons/Skeleton.cjs +2 -2
  554. package/icons/Skeleton.cjs.map +1 -1
  555. package/icons/Skeleton.css +6 -6
  556. package/icons/Skeleton.mjs +2 -2
  557. package/icons/Skeleton.mjs.map +1 -1
  558. package/icons/runtime.cjs +16 -3
  559. package/icons/runtime.cjs.map +1 -1
  560. package/icons/runtime.mjs +16 -3
  561. package/icons/runtime.mjs.map +1 -1
  562. package/package.json +21 -21
  563. package/src/Accordion.tsx +1 -1
  564. package/src/ActionBar.tsx +2 -2
  565. package/src/ActionButton.tsx +1 -1
  566. package/src/Breadcrumbs.tsx +2 -2
  567. package/src/Button.tsx +2 -2
  568. package/src/Calendar.tsx +1 -1
  569. package/src/Card.tsx +1 -1
  570. package/src/CardView.tsx +1 -1
  571. package/src/Checkbox.tsx +2 -1
  572. package/src/CheckboxGroup.tsx +1 -1
  573. package/src/CoachMark.tsx +1 -1
  574. package/src/ColorArea.tsx +1 -1
  575. package/src/ColorField.tsx +1 -1
  576. package/src/ColorSlider.tsx +1 -1
  577. package/src/ColorSwatch.tsx +1 -1
  578. package/src/ColorWheel.tsx +2 -2
  579. package/src/ComboBox.tsx +4 -3
  580. package/src/ContextualHelp.tsx +81 -43
  581. package/src/CustomDialog.tsx +1 -1
  582. package/src/DateField.tsx +1 -1
  583. package/src/DatePicker.tsx +1 -1
  584. package/src/DateRangePicker.tsx +1 -1
  585. package/src/Dialog.tsx +1 -1
  586. package/src/Disclosure.tsx +2 -2
  587. package/src/Divider.tsx +1 -1
  588. package/src/DropZone.tsx +1 -1
  589. package/src/Field.tsx +6 -6
  590. package/src/Form.tsx +1 -1
  591. package/src/FullscreenDialog.tsx +1 -1
  592. package/src/Link.tsx +1 -1
  593. package/src/ListView.tsx +782 -0
  594. package/src/Menu.tsx +111 -29
  595. package/src/Meter.tsx +1 -1
  596. package/src/Modal.tsx +1 -1
  597. package/src/NumberField.tsx +1 -1
  598. package/src/Picker.tsx +75 -14
  599. package/src/Popover.tsx +2 -1
  600. package/src/ProgressBar.tsx +1 -1
  601. package/src/ProgressCircle.tsx +1 -1
  602. package/src/Radio.tsx +1 -1
  603. package/src/RadioGroup.tsx +1 -1
  604. package/src/RangeCalendar.tsx +1 -1
  605. package/src/SearchField.tsx +1 -1
  606. package/src/SelectBoxGroup.tsx +1 -1
  607. package/src/Slider.tsx +1 -1
  608. package/src/Switch.tsx +1 -1
  609. package/src/TableView.tsx +37 -19
  610. package/src/Tabs.tsx +4 -4
  611. package/src/TabsPicker.tsx +2 -2
  612. package/src/TagGroup.tsx +2 -2
  613. package/src/TextField.tsx +1 -1
  614. package/src/TimeField.tsx +1 -1
  615. package/src/Toast.tsx +3 -3
  616. package/src/ToggleButton.tsx +1 -1
  617. package/src/ToggleButtonGroup.tsx +1 -1
  618. package/src/Tooltip.tsx +1 -1
  619. package/src/TreeView.tsx +53 -12
  620. package/src/index.ts +6 -3
  621. package/style/__tests__/mergeStyles.test.ts +68 -0
  622. package/style/__tests__/style-macro.test.js +50 -30
  623. package/style/dist/style-macro.cjs +65 -14
  624. package/style/dist/style-macro.cjs.map +1 -1
  625. package/style/dist/style-macro.mjs +65 -14
  626. package/style/dist/style-macro.mjs.map +1 -1
  627. package/style/runtime.ts +21 -5
  628. package/style/style-macro.ts +81 -16
  629. package/style/__tests__/mergeStyles.test.js +0 -32
package/dist/Radio.mjs CHANGED
@@ -28,197 +28,197 @@ const $1ae2870af9a200f8$var$wrapper = function anonymous(props, overrides) {
28
28
  let rules = " ";
29
29
  let position = false;
30
30
  let gridColumnStart = false;
31
- let matches = (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)[^\s]+/g);
31
+ 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)[^\s]+/g);
32
32
  for (let p of matches){
33
33
  if (p[1] === "_P") position = true;
34
34
  if (p[1] === "z") gridColumnStart = true;
35
35
  rules += p[0];
36
36
  }
37
- rules += ' sd1';
38
- if (!position) rules += ' _Pc1';
39
- rules += ' qf1';
40
- rules += ' ea1';
37
+ rules += ' sd12';
38
+ if (!position) rules += ' _Pc12';
39
+ rules += ' qf12';
40
+ rules += ' ea12';
41
41
  if (props.size === "XL") {
42
- rules += ' uk1';
43
- rules += ' ucJ9TBTb1';
44
- rules += ' ud3Euai1';
45
- rules += ' uea1';
46
- rules += ' ugb1';
47
- rules += ' uhd1';
48
- rules += ' uje1';
49
- rules += ' u2NhKxcl1';
50
- rules += ' uic1';
42
+ rules += ' uk12';
43
+ rules += ' ucJ9TBTb12';
44
+ rules += ' ud3Euai12';
45
+ rules += ' uea12';
46
+ rules += ' ugb12';
47
+ rules += ' uhd12';
48
+ rules += ' uje12';
49
+ rules += ' u2NhKxcl12';
50
+ rules += ' uic12';
51
51
  } else if (props.size === "L") {
52
- rules += ' uk1';
53
- rules += ' ucJ9TBTb1';
54
- rules += ' ud3Euai1';
55
- rules += ' uea1';
56
- rules += ' ugb1';
57
- rules += ' uhd1';
58
- rules += ' uje1';
59
- rules += ' u2NhKxcl1';
60
- rules += ' uic1';
52
+ rules += ' uk12';
53
+ rules += ' ucJ9TBTb12';
54
+ rules += ' ud3Euai12';
55
+ rules += ' uea12';
56
+ rules += ' ugb12';
57
+ rules += ' uhd12';
58
+ rules += ' uje12';
59
+ rules += ' u2NhKxcl12';
60
+ rules += ' uic12';
61
61
  } else if (props.size === "S") {
62
- rules += ' uk1';
63
- rules += ' ucJ9TBTb1';
64
- rules += ' ud3Euai1';
65
- rules += ' uea1';
66
- rules += ' ugb1';
67
- rules += ' uhd1';
68
- rules += ' uje1';
69
- rules += ' u2NhKxcl1';
70
- rules += ' uic1';
62
+ rules += ' uk12';
63
+ rules += ' ucJ9TBTb12';
64
+ rules += ' ud3Euai12';
65
+ rules += ' uea12';
66
+ rules += ' ugb12';
67
+ rules += ' uhd12';
68
+ rules += ' uje12';
69
+ rules += ' u2NhKxcl12';
70
+ rules += ' uic12';
71
71
  } else if (props.size === "XS") {
72
- rules += ' uk1';
73
- rules += ' ucJ9TBTb1';
74
- rules += ' ud3Euai1';
75
- rules += ' uea1';
76
- rules += ' ugb1';
77
- rules += ' uhd1';
78
- rules += ' uje1';
79
- rules += ' u2NhKxcl1';
80
- rules += ' uic1';
72
+ rules += ' uk12';
73
+ rules += ' ucJ9TBTb12';
74
+ rules += ' ud3Euai12';
75
+ rules += ' uea12';
76
+ rules += ' ugb12';
77
+ rules += ' uhd12';
78
+ rules += ' uje12';
79
+ rules += ' u2NhKxcl12';
80
+ rules += ' uic12';
81
81
  } else {
82
- rules += ' uk1';
83
- rules += ' ucJ9TBTb1';
84
- rules += ' ud3Euai1';
85
- rules += ' uea1';
86
- rules += ' ugb1';
87
- rules += ' uhd1';
88
- rules += ' uje1';
89
- rules += ' u2NhKxcl1';
90
- rules += ' uic1';
82
+ rules += ' uk12';
83
+ rules += ' ucJ9TBTb12';
84
+ rules += ' ud3Euai12';
85
+ rules += ' uea12';
86
+ rules += ' ugb12';
87
+ rules += ' uhd12';
88
+ rules += ' uje12';
89
+ rules += ' u2NhKxcl12';
90
+ rules += ' uic12';
91
91
  }
92
92
  if (props.size === "XL") {
93
- rules += ' -_6BNtrc-e1';
94
- rules += ' vx1';
93
+ rules += ' -_6BNtrc-e12';
94
+ rules += ' vx12';
95
95
  } else if (props.size === "L") {
96
- rules += ' -_6BNtrc-d1';
97
- rules += ' vx1';
96
+ rules += ' -_6BNtrc-d12';
97
+ rules += ' vx12';
98
98
  } else if (props.size === "S") {
99
- rules += ' -_6BNtrc-b1';
100
- rules += ' vx1';
99
+ rules += ' -_6BNtrc-b12';
100
+ rules += ' vx12';
101
101
  } else if (props.size === "XS") {
102
- rules += ' -_6BNtrc-a1';
103
- rules += ' vx1';
102
+ rules += ' -_6BNtrc-a12';
103
+ rules += ' vx12';
104
104
  } else {
105
- rules += ' -_6BNtrc-c1';
106
- rules += ' vx1';
105
+ rules += ' -_6BNtrc-c12';
106
+ rules += ' vx12';
107
107
  }
108
108
  if (props.size === "XL") {
109
- rules += ' xb1';
110
- rules += ' _xa1';
109
+ rules += ' xb12';
110
+ rules += ' _xa12';
111
111
  } else if (props.size === "L") {
112
- rules += ' xb1';
113
- rules += ' _xa1';
112
+ rules += ' xb12';
113
+ rules += ' _xa12';
114
114
  } else if (props.size === "S") {
115
- rules += ' xb1';
116
- rules += ' _xa1';
115
+ rules += ' xb12';
116
+ rules += ' _xa12';
117
117
  } else if (props.size === "XS") {
118
- rules += ' xb1';
119
- rules += ' _xa1';
118
+ rules += ' xb12';
119
+ rules += ' _xa12';
120
120
  } else {
121
- rules += ' xb1';
122
- rules += ' _xa1';
121
+ rules += ' xb12';
122
+ rules += ' _xa12';
123
123
  }
124
124
  if (props.size === "XL") {
125
- rules += ' _Fd1';
126
- rules += ' _FnuYUweb1';
125
+ rules += ' _Fd12';
126
+ rules += ' _FnuYUweb12';
127
127
  } else if (props.size === "L") {
128
- rules += ' _Fd1';
129
- rules += ' _FnuYUweb1';
128
+ rules += ' _Fd12';
129
+ rules += ' _FnuYUweb12';
130
130
  } else if (props.size === "S") {
131
- rules += ' _Fd1';
132
- rules += ' _FnuYUweb1';
131
+ rules += ' _Fd12';
132
+ rules += ' _FnuYUweb12';
133
133
  } else if (props.size === "XS") {
134
- rules += ' _Fd1';
135
- rules += ' _FnuYUweb1';
134
+ rules += ' _Fd12';
135
+ rules += ' _FnuYUweb12';
136
136
  } else {
137
- rules += ' _Fd1';
138
- rules += ' _FnuYUweb1';
137
+ rules += ' _Fd12';
138
+ rules += ' _FnuYUweb12';
139
139
  }
140
140
  if (props.isDisabled) {
141
- rules += ' pp1';
142
- rules += ' plc1';
141
+ rules += ' pp12';
142
+ rules += ' plc12';
143
143
  } else {
144
- if (props.isPressed) rules += ' po1';
145
- else if (props.isFocusVisible) rules += ' po1';
146
- else if (props.isHovered) rules += ' po1';
147
- else rules += ' pt1';
144
+ if (props.isPressed) rules += ' po12';
145
+ else if (props.isFocusVisible) rules += ' po12';
146
+ else if (props.isHovered) rules += ' po12';
147
+ else rules += ' pt12';
148
148
  }
149
- rules += ' Yc1';
150
- rules += ' Xb1';
151
- rules += ' _2b1';
149
+ rules += ' Yc12';
150
+ rules += ' Xb12';
151
+ rules += ' _2b12';
152
152
  if (props.isInForm) {
153
- if (!gridColumnStart) rules += ' zhJUGr1';
153
+ if (!gridColumnStart) rules += ' zhJUGr12';
154
154
  }
155
- rules += ' __ca1';
155
+ rules += ' __ca12';
156
156
  return rules;
157
157
  };
158
158
  const $1ae2870af9a200f8$var$circle = function anonymous(props) {
159
159
  let rules = " ";
160
- if (props.isFocusVisible) rules += ' _Lf1';
161
- else rules += ' _Le1';
162
- rules += ' Oh1';
163
- rules += ' Olc1';
164
- rules += ' _Mc1';
165
- rules += ' _Kd1';
166
- if (props.size === "XL") rules += ' Zm1';
167
- else if (props.size === "L") rules += ' Zl1';
168
- else if (props.size === "S") rules += ' Zk1';
169
- else rules += ' Zu1';
170
- rules += ' FRuFGYc1';
171
- rules += ' _va1';
172
- rules += ' sd1';
173
- rules += ' eb1';
174
- rules += ' _Ca1';
175
- rules += ' Yd1';
176
- rules += ' Xb1';
177
- rules += ' _2b1';
178
- rules += ' og1';
179
- rules += ' ng1';
180
- rules += ' kg1';
181
- rules += ' jg1';
182
- rules += ' _jf1';
183
- rules += ' _oa1';
184
- if (props.isSelected) rules += ' _kUXU7p1';
185
- else rules += ' _k7m7Gv1';
186
- if (props.isSelected) rules += ' hUXU7p1';
187
- else rules += ' h7m7Gv1';
188
- if (props.isSelected) rules += ' mUXU7p1';
189
- else rules += ' m7m7Gv1';
190
- if (props.isSelected) rules += ' lUXU7p1';
191
- else rules += ' l7m7Gv1';
192
- rules += ' _yb1';
193
- rules += ' gX1';
160
+ if (props.isFocusVisible) rules += ' _Lf12';
161
+ else rules += ' _Le12';
162
+ rules += ' Oh12';
163
+ rules += ' Olc12';
164
+ rules += ' _Mc12';
165
+ rules += ' _Kd12';
166
+ if (props.size === "XL") rules += ' Zm12';
167
+ else if (props.size === "L") rules += ' Zl12';
168
+ else if (props.size === "S") rules += ' Zk12';
169
+ else rules += ' Zu12';
170
+ rules += ' FRuFGYc12';
171
+ rules += ' _va12';
172
+ rules += ' sd12';
173
+ rules += ' eb12';
174
+ rules += ' _Ca12';
175
+ rules += ' Yd12';
176
+ rules += ' Xb12';
177
+ rules += ' _2b12';
178
+ rules += ' og12';
179
+ rules += ' ng12';
180
+ rules += ' kg12';
181
+ rules += ' jg12';
182
+ rules += ' _jf12';
183
+ rules += ' _oa12';
184
+ if (props.isSelected) rules += ' _kUXU7p12';
185
+ else rules += ' _k7m7Gv12';
186
+ if (props.isSelected) rules += ' hUXU7p12';
187
+ else rules += ' h7m7Gv12';
188
+ if (props.isSelected) rules += ' mUXU7p12';
189
+ else rules += ' m7m7Gv12';
190
+ if (props.isSelected) rules += ' lUXU7p12';
191
+ else rules += ' l7m7Gv12';
192
+ rules += ' _yb12';
193
+ rules += ' gX12';
194
194
  if (props.isDisabled) {
195
- rules += ' io1';
196
- rules += ' ilc1';
195
+ rules += ' io12';
196
+ rules += ' ilc12';
197
197
  } else if (props.isInvalid) {
198
- if (props.isPressed) rules += ' im1';
199
- else if (props.isFocusVisible) rules += ' im1';
200
- else if (props.isHovered) rules += ' im1';
201
- else rules += ' ip1';
202
- rules += ' ile1';
198
+ if (props.isPressed) rules += ' im12';
199
+ else if (props.isFocusVisible) rules += ' im12';
200
+ else if (props.isHovered) rules += ' im12';
201
+ else rules += ' ip12';
202
+ rules += ' ile12';
203
203
  } else if (props.isSelected) {
204
204
  if (props.isEmphasized) {
205
- if (props.isPressed) rules += ' iu1';
206
- else if (props.isFocusVisible) rules += ' iu1';
207
- else if (props.isHovered) rules += ' iu1';
208
- else rules += ' iw1';
205
+ if (props.isPressed) rules += ' iu12';
206
+ else if (props.isFocusVisible) rules += ' iu12';
207
+ else if (props.isHovered) rules += ' iu12';
208
+ else rules += ' iw12';
209
209
  }
210
- rules += ' ild1';
210
+ rules += ' ild12';
211
211
  } else {
212
- if (props.isPressed) rules += ' in1';
213
- else if (props.isFocusVisible) rules += ' in1';
214
- else if (props.isHovered) rules += ' in1';
215
- else rules += ' iv1';
216
- rules += ' ila1';
212
+ if (props.isPressed) rules += ' in12';
213
+ else if (props.isFocusVisible) rules += ' in12';
214
+ else if (props.isHovered) rules += ' in12';
215
+ else rules += ' iv12';
216
+ rules += ' ila12';
217
217
  }
218
- if (props.size === "XL") rules += ' -F_-Fn1';
219
- else if (props.size === "L") rules += ' -F_-Fm1';
220
- else if (props.size === "S") rules += ' -F_-Fl1';
221
- else rules += ' -F_-Ft1';
218
+ if (props.size === "XL") rules += ' -F_-Fn12';
219
+ else if (props.size === "L") rules += ' -F_-Fm12';
220
+ else if (props.size === "S") rules += ' -F_-Fl12';
221
+ else rules += ' -F_-Ft12';
222
222
  return rules;
223
223
  };
224
224
  const $1ae2870af9a200f8$export$d7b12c4107be0d61 = /*#__PURE__*/ (0, $Ipfg8$forwardRef)(function Radio(props, ref) {
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAwCD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCC,MAAM,4CAAQ,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,MAAM,KAAiB,EAAE,GAAmC;IACjH,IAAI,YAAC,QAAQ,oBAAE,mBAAmB,kBAAI,YAAY,EAAC,GAAG;IACtD,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,WAAW,CAAA,GAAA,aAAK,EAA2B;IAC/C,IAAI,SAAS,CAAA,GAAA,sBAAc,EAAE,KAAK;IAClC,IAAI,WAAW,CAAC,CAAC,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAU;IACtC,IAAI,QACF,OAAO,KACP,GAAG,UACJ,GAAG,CAAA,GAAA,yCAAW,EAAqB;IAEpC,qBACE,gBAAC,CAAA,GAAA,YAAQ;QACN,GAAG,QAAQ;QACZ,KAAK;QACL,UAAU;QACV,OAAO;QACP,WAAW,CAAA,cAAe,mBAAmB,8BAAQ;gBAAC,GAAG,WAAW;0BAAE;sBAAU;YAAI,GAAG,SAAS,MAAM;kBACrG,CAAA,4BACC;;kCACE,gBAAC,CAAA,GAAA,yCAAa;kCACZ,cAAA,gBAAC;4BACC,KAAK;4BACL,OAAO,CAAA,GAAA,yCAAS,EAAE,WAAW;4BAC7B,WAAW,6BAAO;gCAChB,GAAG,WAAW;gCACd,cAAc,SAAS,YAAY;gCACnC,YAAY,YAAY,UAAU;sCAClC;4BACF;;;oBAEH;;;;AAKX","sources":["packages/@react-spectrum/s2/src/Radio.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 {\n Radio as AriaRadio,\n RadioProps as AriaRadioProps,\n RadioRenderProps\n} from 'react-aria-components';\nimport {baseColor, focusRing, space, style} from '../style' with {type: 'macro'};\nimport {CenterBaseline} from './CenterBaseline';\nimport {controlFont, controlSize, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FocusableRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRef, ReactNode, useContext, useRef} from 'react';\nimport {pressScale} from './pressScale';\nimport {useFocusableRef} from '@react-spectrum/utils';\n\nexport interface RadioProps extends Omit<AriaRadioProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {\n /**\n * The label for the element.\n */\n children?: ReactNode\n}\n\ninterface ContextProps {\n /**\n * The size of the Radio.\n *\n * @default 'M'\n */\n size?: 'S' | 'M' | 'L' | 'XL',\n /**\n * Whether the Radio within a RadioGroup should be displayed with an emphasized style.\n */\n isEmphasized?: boolean\n}\n\ninterface RadioContextProps extends RadioProps, ContextProps {}\n\ninterface RenderProps extends RadioRenderProps, ContextProps {}\n\nconst wrapper = style({\n display: 'flex',\n position: 'relative',\n columnGap: 'text-to-control',\n alignItems: 'baseline',\n font: controlFont(),\n transition: 'colors',\n color: {\n default: baseColor('neutral'),\n isDisabled: {\n default: 'disabled',\n forcedColors: 'GrayText'\n }\n },\n gridColumnStart: {\n isInForm: 'field'\n },\n disableTapHighlight: true\n}, getAllowedOverrides());\n\nconst circle = style<RenderProps>({\n ...focusRing(),\n size: controlSize('sm'),\n flexShrink: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n transition: 'default',\n borderRadius: 'full',\n borderStyle: 'solid',\n boxSizing: 'border-box',\n borderWidth: {\n default: space(2),\n isSelected: 'calc((self(height) - (4 / 16) * 1rem) / 2)'\n },\n forcedColorAdjust: 'none',\n backgroundColor: 'gray-25',\n borderColor: {\n default: baseColor('gray-800'),\n forcedColors: 'ButtonBorder',\n isSelected: {\n isEmphasized: baseColor('accent-900'),\n forcedColors: 'Highlight'\n },\n isInvalid: {\n default: baseColor('negative'),\n forcedColors: 'Mark'\n },\n isDisabled: {\n default: 'gray-400',\n forcedColors: 'GrayText'\n }\n }\n});\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nexport const Radio = /*#__PURE__*/ forwardRef(function Radio(props: RadioProps, ref: FocusableRef<HTMLLabelElement>) {\n let {children, UNSAFE_className = '', UNSAFE_style} = props;\n let circleRef = useRef(null);\n let inputRef = useRef<HTMLInputElement | null>(null);\n let domRef = useFocusableRef(ref, inputRef);\n let isInForm = !!useContext(FormContext);\n let {\n size = 'M',\n ...allProps\n } = useFormProps<RadioContextProps>(props);\n\n return (\n <AriaRadio\n {...allProps}\n ref={domRef}\n inputRef={inputRef}\n style={UNSAFE_style}\n className={renderProps => UNSAFE_className + wrapper({...renderProps, isInForm, size}, allProps.styles)}>\n {renderProps => (\n <>\n <CenterBaseline>\n <div\n ref={circleRef}\n style={pressScale(circleRef)(renderProps)}\n className={circle({\n ...renderProps,\n isEmphasized: allProps.isEmphasized,\n isSelected: renderProps.isSelected,\n size\n })} />\n </CenterBaseline>\n {children}\n </>\n )}\n </AriaRadio>\n );\n});\n"],"names":[],"version":3,"file":"Radio.mjs.map"}
1
+ {"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAwCD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCC,MAAM,4CAAQ,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,MAAM,KAAiB,EAAE,GAAmC;IACjH,IAAI,YAAC,QAAQ,oBAAE,mBAAmB,kBAAI,YAAY,EAAC,GAAG;IACtD,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,WAAW,CAAA,GAAA,aAAK,EAA2B;IAC/C,IAAI,SAAS,CAAA,GAAA,sBAAc,EAAE,KAAK;IAClC,IAAI,WAAW,CAAC,CAAC,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAU;IACtC,IAAI,QACF,OAAO,KACP,GAAG,UACJ,GAAG,CAAA,GAAA,yCAAW,EAAqB;IAEpC,qBACE,gBAAC,CAAA,GAAA,YAAQ;QACN,GAAG,QAAQ;QACZ,KAAK;QACL,UAAU;QACV,OAAO;QACP,WAAW,CAAA,cAAe,mBAAmB,8BAAQ;gBAAC,GAAG,WAAW;0BAAE;sBAAU;YAAI,GAAG,SAAS,MAAM;kBACrG,CAAA,4BACC;;kCACE,gBAAC,CAAA,GAAA,yCAAa;kCACZ,cAAA,gBAAC;4BACC,KAAK;4BACL,OAAO,CAAA,GAAA,yCAAS,EAAE,WAAW;4BAC7B,WAAW,6BAAO;gCAChB,GAAG,WAAW;gCACd,cAAc,SAAS,YAAY;gCACnC,YAAY,YAAY,UAAU;sCAClC;4BACF;;;oBAEH;;;;AAKX","sources":["packages/@react-spectrum/s2/src/Radio.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 {\n Radio as AriaRadio,\n RadioProps as AriaRadioProps,\n RadioRenderProps\n} from 'react-aria-components';\nimport {baseColor, focusRing, space, style} from '../style' with {type: 'macro'};\nimport {CenterBaseline} from './CenterBaseline';\nimport {controlFont, controlSize, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FocusableRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRef, ReactNode, useContext, useRef} from 'react';\nimport {pressScale} from './pressScale';\nimport {useFocusableRef} from '@react-spectrum/utils';\n\nexport interface RadioProps extends Omit<AriaRadioProps, 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {\n /**\n * The label for the element.\n */\n children?: ReactNode\n}\n\ninterface ContextProps {\n /**\n * The size of the Radio.\n *\n * @default 'M'\n */\n size?: 'S' | 'M' | 'L' | 'XL',\n /**\n * Whether the Radio within a RadioGroup should be displayed with an emphasized style.\n */\n isEmphasized?: boolean\n}\n\ninterface RadioContextProps extends RadioProps, ContextProps {}\n\ninterface RenderProps extends RadioRenderProps, ContextProps {}\n\nconst wrapper = style({\n display: 'flex',\n position: 'relative',\n columnGap: 'text-to-control',\n alignItems: 'baseline',\n font: controlFont(),\n transition: 'colors',\n color: {\n default: baseColor('neutral'),\n isDisabled: {\n default: 'disabled',\n forcedColors: 'GrayText'\n }\n },\n gridColumnStart: {\n isInForm: 'field'\n },\n disableTapHighlight: true\n}, getAllowedOverrides());\n\nconst circle = style<RenderProps>({\n ...focusRing(),\n size: controlSize('sm'),\n flexShrink: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n transition: 'default',\n borderRadius: 'full',\n borderStyle: 'solid',\n boxSizing: 'border-box',\n borderWidth: {\n default: space(2),\n isSelected: 'calc((self(height) - (4 / 16) * 1rem) / 2)'\n },\n forcedColorAdjust: 'none',\n backgroundColor: 'gray-25',\n borderColor: {\n default: baseColor('gray-800'),\n forcedColors: 'ButtonBorder',\n isSelected: {\n isEmphasized: baseColor('accent-900'),\n forcedColors: 'Highlight'\n },\n isInvalid: {\n default: baseColor('negative'),\n forcedColors: 'Mark'\n },\n isDisabled: {\n default: 'gray-400',\n forcedColors: 'GrayText'\n }\n }\n});\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nexport const Radio = /*#__PURE__*/ forwardRef(function Radio(props: RadioProps, ref: FocusableRef<HTMLLabelElement>) {\n let {children, UNSAFE_className = '', UNSAFE_style} = props;\n let circleRef = useRef(null);\n let inputRef = useRef<HTMLInputElement | null>(null);\n let domRef = useFocusableRef(ref, inputRef);\n let isInForm = !!useContext(FormContext);\n let {\n size = 'M',\n ...allProps\n } = useFormProps<RadioContextProps>(props);\n\n return (\n <AriaRadio\n {...allProps}\n ref={domRef}\n inputRef={inputRef}\n style={UNSAFE_style}\n className={renderProps => UNSAFE_className + wrapper({...renderProps, isInForm, size}, allProps.styles)}>\n {renderProps => (\n <>\n <CenterBaseline>\n <div\n ref={circleRef}\n style={pressScale(circleRef)(renderProps)}\n className={circle({\n ...renderProps,\n isEmphasized: allProps.isEmphasized,\n isSelected: renderProps.isSelected,\n size\n })} />\n </CenterBaseline>\n {children}\n </>\n )}\n </AriaRadio>\n );\n});\n"],"names":[],"version":3,"file":"Radio.mjs.map"}
@@ -47,57 +47,57 @@ const $10d624be839a1d01$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $ijW5U$react
47
47
  let rules = " ";
48
48
  let gridColumnStart = false;
49
49
  let gridColumnEnd = false;
50
- let matches = (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)[^\s]+/g);
50
+ 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)[^\s]+/g);
51
51
  for (let p of matches){
52
52
  if (p[1] === "z") gridColumnStart = true;
53
53
  if (p[1] === "y") gridColumnEnd = true;
54
54
  rules += p[0];
55
55
  }
56
- rules += ' se1';
56
+ rules += ' se12';
57
57
  if (props.isInForm) {
58
- if (!gridColumnStart) rules += ' z2mU1';
58
+ if (!gridColumnStart) rules += ' z2mU12';
59
59
  }
60
60
  if (props.isInForm) {
61
61
  if (props.labelPosition === "side") {
62
- if (!gridColumnEnd) rules += ' yvoofG1';
62
+ if (!gridColumnEnd) rules += ' yvoofG12';
63
63
  }
64
64
  }
65
- if (props.isInForm) rules += ' DLwlgod1';
65
+ if (props.isInForm) rules += ' DLwlgod12';
66
66
  else {
67
- if (props.labelPosition === "side") rules += ' DPlN5qb1';
68
- else if (props.labelPosition === "top") rules += ' DM8Mfn1';
67
+ if (props.labelPosition === "side") rules += ' DPlN5qb12';
68
+ else if (props.labelPosition === "top") rules += ' DM8Mfn12';
69
69
  }
70
- if (props.labelPosition === "side") rules += ' EPlN5qb1';
71
- else if (props.labelPosition === "top") rules += ' E4w1sLc1';
72
- if (props.labelPosition === "side") rules += ' CbRM95c1';
73
- else if (props.labelPosition === "top") rules += ' Cxaocre1';
70
+ if (props.labelPosition === "side") rules += ' EPlN5qb12';
71
+ else if (props.labelPosition === "top") rules += ' E4w1sLc12';
72
+ if (props.labelPosition === "side") rules += ' CbRM95c12';
73
+ else if (props.labelPosition === "top") rules += ' Cxaocre12';
74
74
  if (props.size === "XL") {
75
- rules += ' -_6BNtrc-e1';
76
- rules += ' vx1';
75
+ rules += ' -_6BNtrc-e12';
76
+ rules += ' vx12';
77
77
  } else if (props.size === "L") {
78
- rules += ' -_6BNtrc-d1';
79
- rules += ' vx1';
78
+ rules += ' -_6BNtrc-d12';
79
+ rules += ' vx12';
80
80
  } else if (props.size === "S") {
81
- rules += ' -_6BNtrc-b1';
82
- rules += ' vx1';
81
+ rules += ' -_6BNtrc-b12';
82
+ rules += ' vx12';
83
83
  } else if (props.size === "XS") {
84
- rules += ' -_6BNtrc-a1';
85
- rules += ' vx1';
84
+ rules += ' -_6BNtrc-a12';
85
+ rules += ' vx12';
86
86
  } else {
87
- rules += ' -_6BNtrc-c1';
88
- rules += ' vx1';
87
+ rules += ' -_6BNtrc-c12';
88
+ rules += ' vx12';
89
89
  }
90
- rules += ' ea1';
91
- rules += ' _Fd1';
92
- rules += ' _FnuYUweb1';
93
- if (props.size === "XL") rules += ' -BhX7R-Fz1';
94
- else if (props.size === "L") rules += ' -BhX7R-Fv1';
95
- else if (props.size === "S") rules += ' -BhX7R-Fp1';
96
- else if (props.size === "XS") rules += ' -BhX7R-Fn1';
97
- else rules += ' -BhX7R-Fx1';
98
- rules += ' -AJjOLd-UVxyPec1';
99
- rules += ' qg1';
100
- rules += ' __ca1';
90
+ rules += ' ea12';
91
+ rules += ' _Fd12';
92
+ rules += ' _FnuYUweb12';
93
+ if (props.size === "XL") rules += ' -BhX7R-Fz12';
94
+ else if (props.size === "L") rules += ' -BhX7R-Fv12';
95
+ else if (props.size === "S") rules += ' -BhX7R-Fp12';
96
+ else if (props.size === "XS") rules += ' -BhX7R-Fn12';
97
+ else rules += ' -BhX7R-Fx12';
98
+ rules += ' -AJjOLd-UVxyPec12';
99
+ rules += ' qg12';
100
+ rules += ' __ca12';
101
101
  return rules;
102
102
  }({
103
103
  size: size,
@@ -119,16 +119,16 @@ const $10d624be839a1d01$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $ijW5U$react
119
119
  /*#__PURE__*/ (0, $ijW5U$reactjsxruntime.jsx)("div", {
120
120
  className: function anonymous(props) {
121
121
  let rules = " ";
122
- rules += ' zXcEWr1';
123
- rules += ' yXcEWr1';
124
- rules += ' BXcEWr1';
125
- rules += ' AXcEWr1';
126
- rules += ' sd1';
127
- if (props.orientation === "horizontal") rules += ' _tc1';
128
- else if (props.orientation === "vertical") rules += ' _ta1';
129
- rules += ' _wb1';
130
- rules += ' ql1';
131
- rules += ' UgOnRt1';
122
+ rules += ' zXcEWr12';
123
+ rules += ' yXcEWr12';
124
+ rules += ' BXcEWr12';
125
+ rules += ' AXcEWr12';
126
+ rules += ' sd12';
127
+ if (props.orientation === "horizontal") rules += ' _tc12';
128
+ else if (props.orientation === "vertical") rules += ' _ta12';
129
+ rules += ' _wb12';
130
+ rules += ' ql12';
131
+ rules += ' UgOnRt12';
132
132
  return rules;
133
133
  }({
134
134
  orientation: orientation
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAuCM,MAAM,0DAAoB,CAAA,GAAA,0BAAY,EAAuE;AAM7G,MAAM,4CAAa,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE,SAAS,WAAW,KAAsB,EAAE,GAA2B;IACxH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,qCAAU;IACvC,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,IAAI,SACF,KAAK,eACL,WAAW,gBACX,YAAY,YACZ,QAAQ,gBACR,YAAY,iBACZ,gBAAgB,mBAChB,aAAa,6BACb,qBAAqB,cACrB,OAAO,kBACP,cAAc,8BACd,mBAAmB,kBACnB,YAAY,EACZ,GAAG,YACJ,GAAG;IACJ,qBACE,gCAAC,CAAA,GAAA,qCAAa;QACX,GAAG,UAAU;QACd,aAAa;QACb,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOJ;kBACxB;2BACA;YACA,UAAU,CAAC,CAAC;QACd,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBACvB;;kCACE,gCAAC,CAAA,GAAA,oCAAS;wBACR,YAAY;wBACZ,YAAY,MAAM,UAAU;wBAC5B,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB,MAAM,cAAc;kCACnC;;kCAEH,gCAAC;wBACC,WAAW;;;;;;;;;;;;;0BAcR;yCAAC;wBAAW;kCACf,cAAA,gCAAC,CAAA,GAAA,qCAAU,EAAE,QAAQ;4BAAC,OAAO;gCAAC,GAAG,WAAW;sCAAE;8CAAM;4BAAY;sCAC7D;;;kCAGL,gCAAC,CAAA,GAAA,kCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;kCACZ;;;;;AAMb","sources":["packages/@react-spectrum/s2/src/RadioGroup.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 {\n RadioGroup as AriaRadioGroup,\n RadioGroupProps as AriaRadioGroupProps,\n ContextValue\n} from 'react-aria-components';\nimport {DOMRef, DOMRefValue, GlobalDOMAttributes, HelpTextProps, Orientation, SpectrumLabelableProps} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'className' | 'style' | 'children' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n /**\n * The Radios contained within the RadioGroup.\n */\n children: ReactNode,\n /**\n * The size of the RadioGroup.\n *\n * @default 'M'\n */\n size?: 'S' | 'M' | 'L' | 'XL',\n /**\n * The axis the radio elements should align with.\n *\n * @default 'vertical'\n */\n orientation?: Orientation,\n /**\n * Whether the RadioGroup should be displayed with an emphasized style.\n */\n isEmphasized?: boolean\n}\n\nexport const RadioGroupContext = createContext<ContextValue<Partial<RadioGroupProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nexport const RadioGroup = /*#__PURE__*/ forwardRef(function RadioGroup(props: RadioGroupProps, ref: DOMRef<HTMLDivElement>) {\n [props, ref] = useSpectrumContextProps(props, ref, RadioGroupContext);\n let formContext = useContext(FormContext);\n props = useFormProps(props);\n let domRef = useDOMRef(ref);\n\n let {\n label,\n description,\n errorMessage,\n children,\n isEmphasized,\n labelPosition = 'top',\n labelAlign = 'start',\n necessityIndicator = 'icon',\n size = 'M',\n orientation = 'vertical',\n UNSAFE_className = '',\n UNSAFE_style,\n ...groupProps\n } = props;\n return (\n <AriaRadioGroup\n {...groupProps}\n orientation={orientation}\n ref={domRef}\n style={UNSAFE_style}\n className={UNSAFE_className + style({\n ...field(),\n // Double the usual gap because of the internal padding within checkbox that spectrum has.\n '--field-gap': {\n type: 'rowGap',\n value: 'calc(var(--field-height) - 1lh)'\n }\n }, getAllowedOverrides())({\n size,\n labelPosition,\n isInForm: !!formContext\n }, props.styles)}>\n {({isDisabled, isInvalid}) => (\n <>\n <FieldLabel\n isDisabled={isDisabled}\n isRequired={props.isRequired}\n size={size}\n labelPosition={labelPosition}\n labelAlign={labelAlign}\n necessityIndicator={necessityIndicator}\n contextualHelp={props.contextualHelp}>\n {label}\n </FieldLabel>\n <div\n className={style({\n gridArea: 'input',\n display: 'flex',\n flexDirection: {\n orientation: {\n vertical: 'column',\n horizontal: 'row'\n }\n },\n flexWrap: 'wrap',\n // Spectrum uses a fixed spacing value for horizontal (column),\n // but the gap changes depending on t-shirt size in vertical (row).\n columnGap: 16,\n rowGap: '--field-gap'\n })({orientation})}>\n <FormContext.Provider value={{...formContext, size, isEmphasized}}>\n {children}\n </FormContext.Provider>\n </div>\n <HelpText\n size={size}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n description={description}\n showErrorIcon>\n {errorMessage}\n </HelpText>\n </>\n )}\n </AriaRadioGroup>\n );\n});\n"],"names":[],"version":3,"file":"RadioGroup.cjs.map"}
1
+ {"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAuCM,MAAM,0DAAoB,CAAA,GAAA,0BAAY,EAAuE;AAM7G,MAAM,4CAAa,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE,SAAS,WAAW,KAAsB,EAAE,GAA2B;IACxH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,qCAAU;IACvC,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,IAAI,SACF,KAAK,eACL,WAAW,gBACX,YAAY,YACZ,QAAQ,gBACR,YAAY,iBACZ,gBAAgB,mBAChB,aAAa,6BACb,qBAAqB,cACrB,OAAO,kBACP,cAAc,8BACd,mBAAmB,kBACnB,YAAY,EACZ,GAAG,YACJ,GAAG;IACJ,qBACE,gCAAC,CAAA,GAAA,qCAAa;QACX,GAAG,UAAU;QACd,aAAa;QACb,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOJ;kBACxB;2BACA;YACA,UAAU,CAAC,CAAC;QACd,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBACvB;;kCACE,gCAAC,CAAA,GAAA,oCAAS;wBACR,YAAY;wBACZ,YAAY,MAAM,UAAU;wBAC5B,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB,MAAM,cAAc;kCACnC;;kCAEH,gCAAC;wBACC,WAAW;;;;;;;;;;;;;0BAcR;yCAAC;wBAAW;kCACf,cAAA,gCAAC,CAAA,GAAA,qCAAU,EAAE,QAAQ;4BAAC,OAAO;gCAAC,GAAG,WAAW;sCAAE;8CAAM;4BAAY;sCAC7D;;;kCAGL,gCAAC,CAAA,GAAA,kCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;kCACZ;;;;;AAMb","sources":["packages/@react-spectrum/s2/src/RadioGroup.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 {\n RadioGroup as AriaRadioGroup,\n RadioGroupProps as AriaRadioGroupProps,\n ContextValue\n} from 'react-aria-components';\nimport {DOMRef, DOMRefValue, GlobalDOMAttributes, HelpTextProps, Orientation, SpectrumLabelableProps} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n /**\n * The Radios contained within the RadioGroup.\n */\n children: ReactNode,\n /**\n * The size of the RadioGroup.\n *\n * @default 'M'\n */\n size?: 'S' | 'M' | 'L' | 'XL',\n /**\n * The axis the radio elements should align with.\n *\n * @default 'vertical'\n */\n orientation?: Orientation,\n /**\n * Whether the RadioGroup should be displayed with an emphasized style.\n */\n isEmphasized?: boolean\n}\n\nexport const RadioGroupContext = createContext<ContextValue<Partial<RadioGroupProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nexport const RadioGroup = /*#__PURE__*/ forwardRef(function RadioGroup(props: RadioGroupProps, ref: DOMRef<HTMLDivElement>) {\n [props, ref] = useSpectrumContextProps(props, ref, RadioGroupContext);\n let formContext = useContext(FormContext);\n props = useFormProps(props);\n let domRef = useDOMRef(ref);\n\n let {\n label,\n description,\n errorMessage,\n children,\n isEmphasized,\n labelPosition = 'top',\n labelAlign = 'start',\n necessityIndicator = 'icon',\n size = 'M',\n orientation = 'vertical',\n UNSAFE_className = '',\n UNSAFE_style,\n ...groupProps\n } = props;\n return (\n <AriaRadioGroup\n {...groupProps}\n orientation={orientation}\n ref={domRef}\n style={UNSAFE_style}\n className={UNSAFE_className + style({\n ...field(),\n // Double the usual gap because of the internal padding within checkbox that spectrum has.\n '--field-gap': {\n type: 'rowGap',\n value: 'calc(var(--field-height) - 1lh)'\n }\n }, getAllowedOverrides())({\n size,\n labelPosition,\n isInForm: !!formContext\n }, props.styles)}>\n {({isDisabled, isInvalid}) => (\n <>\n <FieldLabel\n isDisabled={isDisabled}\n isRequired={props.isRequired}\n size={size}\n labelPosition={labelPosition}\n labelAlign={labelAlign}\n necessityIndicator={necessityIndicator}\n contextualHelp={props.contextualHelp}>\n {label}\n </FieldLabel>\n <div\n className={style({\n gridArea: 'input',\n display: 'flex',\n flexDirection: {\n orientation: {\n vertical: 'column',\n horizontal: 'row'\n }\n },\n flexWrap: 'wrap',\n // Spectrum uses a fixed spacing value for horizontal (column),\n // but the gap changes depending on t-shirt size in vertical (row).\n columnGap: 16,\n rowGap: '--field-gap'\n })({orientation})}>\n <FormContext.Provider value={{...formContext, size, isEmphasized}}>\n {children}\n </FormContext.Provider>\n </div>\n <HelpText\n size={size}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n description={description}\n showErrorIcon>\n {errorMessage}\n </HelpText>\n </>\n )}\n </AriaRadioGroup>\n );\n});\n"],"names":[],"version":3,"file":"RadioGroup.cjs.map"}