@react-spectrum/s2 1.0.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (477) hide show
  1. package/dist/Accordion.cjs +3 -3
  2. package/dist/Accordion.cjs.map +1 -1
  3. package/dist/Accordion.css +2 -2
  4. package/dist/Accordion.css.map +1 -1
  5. package/dist/Accordion.mjs +3 -3
  6. package/dist/Accordion.mjs.map +1 -1
  7. package/dist/ActionBar.cjs +62 -61
  8. package/dist/ActionBar.cjs.map +1 -1
  9. package/dist/ActionBar.css +58 -58
  10. package/dist/ActionBar.css.map +1 -1
  11. package/dist/ActionBar.mjs +62 -61
  12. package/dist/ActionBar.mjs.map +1 -1
  13. package/dist/ActionButton.cjs +234 -234
  14. package/dist/ActionButton.cjs.map +1 -1
  15. package/dist/ActionButton.css +160 -160
  16. package/dist/ActionButton.css.map +1 -1
  17. package/dist/ActionButton.mjs +234 -234
  18. package/dist/ActionButton.mjs.map +1 -1
  19. package/dist/ActionButtonGroup.cjs +16 -16
  20. package/dist/ActionButtonGroup.css +9 -9
  21. package/dist/ActionButtonGroup.mjs +16 -16
  22. package/dist/Add.cjs +10 -10
  23. package/dist/Add.css +6 -6
  24. package/dist/Add.mjs +10 -10
  25. package/dist/AlertDialog.cjs +3 -3
  26. package/dist/AlertDialog.css +3 -3
  27. package/dist/AlertDialog.mjs +3 -3
  28. package/dist/Asterisk.cjs +6 -6
  29. package/dist/Asterisk.css +4 -4
  30. package/dist/Asterisk.mjs +6 -6
  31. package/dist/Avatar.cjs +17 -17
  32. package/dist/Avatar.css +16 -16
  33. package/dist/Avatar.mjs +17 -17
  34. package/dist/AvatarGroup.cjs +121 -121
  35. package/dist/AvatarGroup.css +31 -31
  36. package/dist/AvatarGroup.mjs +121 -121
  37. package/dist/Badge.cjs +197 -197
  38. package/dist/Badge.css +125 -125
  39. package/dist/Badge.mjs +197 -197
  40. package/dist/Breadcrumbs.cjs +235 -235
  41. package/dist/Breadcrumbs.cjs.map +1 -1
  42. package/dist/Breadcrumbs.css +100 -100
  43. package/dist/Breadcrumbs.css.map +1 -1
  44. package/dist/Breadcrumbs.mjs +235 -235
  45. package/dist/Breadcrumbs.mjs.map +1 -1
  46. package/dist/Button.cjs +333 -333
  47. package/dist/Button.cjs.map +1 -1
  48. package/dist/Button.css +174 -174
  49. package/dist/Button.css.map +1 -1
  50. package/dist/Button.mjs +333 -333
  51. package/dist/Button.mjs.map +1 -1
  52. package/dist/ButtonGroup.cjs +21 -21
  53. package/dist/ButtonGroup.css +15 -15
  54. package/dist/ButtonGroup.mjs +21 -21
  55. package/dist/Calendar.cjs +169 -169
  56. package/dist/Calendar.cjs.map +1 -1
  57. package/dist/Calendar.css +134 -134
  58. package/dist/Calendar.css.map +1 -1
  59. package/dist/Calendar.mjs +169 -169
  60. package/dist/Calendar.mjs.map +1 -1
  61. package/dist/Card.cjs +310 -310
  62. package/dist/Card.cjs.map +1 -1
  63. package/dist/Card.css +206 -206
  64. package/dist/Card.css.map +1 -1
  65. package/dist/Card.mjs +310 -310
  66. package/dist/Card.mjs.map +1 -1
  67. package/dist/CardView.cjs +19 -19
  68. package/dist/CardView.cjs.map +1 -1
  69. package/dist/CardView.css +17 -17
  70. package/dist/CardView.css.map +1 -1
  71. package/dist/CardView.mjs +19 -19
  72. package/dist/CardView.mjs.map +1 -1
  73. package/dist/CenterBaseline.cjs +1 -1
  74. package/dist/CenterBaseline.css +2 -2
  75. package/dist/CenterBaseline.mjs +1 -1
  76. package/dist/Checkbox.cjs +162 -162
  77. package/dist/Checkbox.cjs.map +1 -1
  78. package/dist/Checkbox.css +95 -91
  79. package/dist/Checkbox.css.map +1 -1
  80. package/dist/Checkbox.mjs +162 -162
  81. package/dist/Checkbox.mjs.map +1 -1
  82. package/dist/CheckboxGroup.cjs +44 -44
  83. package/dist/CheckboxGroup.cjs.map +1 -1
  84. package/dist/CheckboxGroup.css +37 -37
  85. package/dist/CheckboxGroup.css.map +1 -1
  86. package/dist/CheckboxGroup.mjs +44 -44
  87. package/dist/CheckboxGroup.mjs.map +1 -1
  88. package/dist/Checkmark.cjs +12 -12
  89. package/dist/Checkmark.css +8 -8
  90. package/dist/Checkmark.mjs +12 -12
  91. package/dist/Chevron.cjs +12 -12
  92. package/dist/Chevron.css +10 -10
  93. package/dist/Chevron.mjs +12 -12
  94. package/dist/ClearButton.cjs +30 -30
  95. package/dist/ClearButton.css +30 -30
  96. package/dist/ClearButton.mjs +30 -30
  97. package/dist/CloseButton.cjs +56 -56
  98. package/dist/CloseButton.css +47 -47
  99. package/dist/CloseButton.mjs +56 -56
  100. package/dist/ColorArea.cjs +17 -17
  101. package/dist/ColorArea.cjs.map +1 -1
  102. package/dist/ColorArea.css +16 -16
  103. package/dist/ColorArea.css.map +1 -1
  104. package/dist/ColorArea.mjs +17 -17
  105. package/dist/ColorArea.mjs.map +1 -1
  106. package/dist/ColorField.cjs +32 -32
  107. package/dist/ColorField.cjs.map +1 -1
  108. package/dist/ColorField.css +27 -27
  109. package/dist/ColorField.css.map +1 -1
  110. package/dist/ColorField.mjs +32 -32
  111. package/dist/ColorField.mjs.map +1 -1
  112. package/dist/ColorHandle.cjs +27 -27
  113. package/dist/ColorHandle.css +42 -42
  114. package/dist/ColorHandle.mjs +27 -27
  115. package/dist/ColorSlider.cjs +109 -109
  116. package/dist/ColorSlider.cjs.map +1 -1
  117. package/dist/ColorSlider.css +52 -52
  118. package/dist/ColorSlider.css.map +1 -1
  119. package/dist/ColorSlider.mjs +109 -109
  120. package/dist/ColorSlider.mjs.map +1 -1
  121. package/dist/ColorSwatch.cjs +30 -30
  122. package/dist/ColorSwatch.cjs.map +1 -1
  123. package/dist/ColorSwatch.css +29 -29
  124. package/dist/ColorSwatch.css.map +1 -1
  125. package/dist/ColorSwatch.mjs +30 -30
  126. package/dist/ColorSwatch.mjs.map +1 -1
  127. package/dist/ColorSwatchPicker.cjs +30 -30
  128. package/dist/ColorSwatchPicker.css +48 -48
  129. package/dist/ColorSwatchPicker.mjs +30 -30
  130. package/dist/ColorWheel.cjs +31 -27
  131. package/dist/ColorWheel.cjs.map +1 -1
  132. package/dist/ColorWheel.css +17 -17
  133. package/dist/ColorWheel.css.map +1 -1
  134. package/dist/ColorWheel.mjs +31 -27
  135. package/dist/ColorWheel.mjs.map +1 -1
  136. package/dist/ComboBox.cjs +383 -383
  137. package/dist/ComboBox.cjs.map +1 -1
  138. package/dist/ComboBox.css +187 -187
  139. package/dist/ComboBox.css.map +1 -1
  140. package/dist/ComboBox.mjs +383 -383
  141. package/dist/ComboBox.mjs.map +1 -1
  142. package/dist/ContextualHelp.cjs +5 -5
  143. package/dist/ContextualHelp.css +50 -50
  144. package/dist/ContextualHelp.mjs +5 -5
  145. package/dist/Cross.cjs +14 -14
  146. package/dist/Cross.css +10 -10
  147. package/dist/Cross.mjs +14 -14
  148. package/dist/CustomDialog.cjs +26 -26
  149. package/dist/CustomDialog.cjs.map +1 -1
  150. package/dist/CustomDialog.css +25 -25
  151. package/dist/CustomDialog.css.map +1 -1
  152. package/dist/CustomDialog.mjs +26 -26
  153. package/dist/CustomDialog.mjs.map +1 -1
  154. package/dist/Dash.cjs +10 -10
  155. package/dist/Dash.css +6 -6
  156. package/dist/Dash.mjs +10 -10
  157. package/dist/DateField.cjs +74 -74
  158. package/dist/DateField.cjs.map +1 -1
  159. package/dist/DateField.css +77 -77
  160. package/dist/DateField.css.map +1 -1
  161. package/dist/DateField.mjs +74 -74
  162. package/dist/DateField.mjs.map +1 -1
  163. package/dist/DatePicker.cjs +173 -173
  164. package/dist/DatePicker.cjs.map +1 -1
  165. package/dist/DatePicker.css +128 -128
  166. package/dist/DatePicker.css.map +1 -1
  167. package/dist/DatePicker.mjs +173 -173
  168. package/dist/DatePicker.mjs.map +1 -1
  169. package/dist/DateRangePicker.cjs +56 -56
  170. package/dist/DateRangePicker.cjs.map +1 -1
  171. package/dist/DateRangePicker.css +59 -59
  172. package/dist/DateRangePicker.css.map +1 -1
  173. package/dist/DateRangePicker.mjs +56 -56
  174. package/dist/DateRangePicker.mjs.map +1 -1
  175. package/dist/Dialog.cjs +17 -17
  176. package/dist/Dialog.cjs.map +1 -1
  177. package/dist/Dialog.css +70 -70
  178. package/dist/Dialog.css.map +1 -1
  179. package/dist/Dialog.mjs +17 -17
  180. package/dist/Dialog.mjs.map +1 -1
  181. package/dist/Disclosure.cjs +120 -120
  182. package/dist/Disclosure.cjs.map +1 -1
  183. package/dist/Disclosure.css +112 -112
  184. package/dist/Disclosure.css.map +1 -1
  185. package/dist/Disclosure.mjs +120 -120
  186. package/dist/Disclosure.mjs.map +1 -1
  187. package/dist/Divider.cjs +26 -26
  188. package/dist/Divider.cjs.map +1 -1
  189. package/dist/Divider.css +25 -25
  190. package/dist/Divider.css.map +1 -1
  191. package/dist/Divider.mjs +26 -26
  192. package/dist/Divider.mjs.map +1 -1
  193. package/dist/DropZone.cjs +62 -62
  194. package/dist/DropZone.cjs.map +1 -1
  195. package/dist/DropZone.css +57 -57
  196. package/dist/DropZone.css.map +1 -1
  197. package/dist/DropZone.mjs +62 -62
  198. package/dist/DropZone.mjs.map +1 -1
  199. package/dist/Field.cjs +348 -348
  200. package/dist/Field.cjs.map +1 -1
  201. package/dist/Field.css +147 -147
  202. package/dist/Field.css.map +1 -1
  203. package/dist/Field.mjs +348 -348
  204. package/dist/Field.mjs.map +1 -1
  205. package/dist/Form.cjs +10 -10
  206. package/dist/Form.cjs.map +1 -1
  207. package/dist/Form.css +9 -9
  208. package/dist/Form.css.map +1 -1
  209. package/dist/Form.mjs +10 -10
  210. package/dist/Form.mjs.map +1 -1
  211. package/dist/FullscreenDialog.cjs +5 -5
  212. package/dist/FullscreenDialog.cjs.map +1 -1
  213. package/dist/FullscreenDialog.css +78 -78
  214. package/dist/FullscreenDialog.css.map +1 -1
  215. package/dist/FullscreenDialog.mjs +5 -5
  216. package/dist/FullscreenDialog.mjs.map +1 -1
  217. package/dist/IllustratedMessage.cjs +229 -229
  218. package/dist/IllustratedMessage.css +72 -72
  219. package/dist/IllustratedMessage.mjs +229 -229
  220. package/dist/Image.cjs +14 -14
  221. package/dist/Image.css +14 -14
  222. package/dist/Image.mjs +14 -14
  223. package/dist/InlineAlert.cjs +101 -101
  224. package/dist/InlineAlert.css +76 -76
  225. package/dist/InlineAlert.mjs +101 -101
  226. package/dist/Link.cjs +50 -50
  227. package/dist/Link.cjs.map +1 -1
  228. package/dist/Link.css +41 -41
  229. package/dist/Link.css.map +1 -1
  230. package/dist/Link.mjs +50 -50
  231. package/dist/Link.mjs.map +1 -1
  232. package/dist/LinkOut.cjs +8 -8
  233. package/dist/LinkOut.css +8 -8
  234. package/dist/LinkOut.mjs +8 -8
  235. package/dist/Menu.cjs +446 -443
  236. package/dist/Menu.cjs.map +1 -1
  237. package/dist/Menu.css +184 -184
  238. package/dist/Menu.css.map +1 -1
  239. package/dist/Menu.mjs +446 -443
  240. package/dist/Menu.mjs.map +1 -1
  241. package/dist/Meter.cjs +154 -154
  242. package/dist/Meter.cjs.map +1 -1
  243. package/dist/Meter.css +91 -91
  244. package/dist/Meter.css.map +1 -1
  245. package/dist/Meter.mjs +154 -154
  246. package/dist/Meter.mjs.map +1 -1
  247. package/dist/Modal.cjs +66 -66
  248. package/dist/Modal.cjs.map +1 -1
  249. package/dist/Modal.css +54 -54
  250. package/dist/Modal.css.map +1 -1
  251. package/dist/Modal.mjs +66 -66
  252. package/dist/Modal.mjs.map +1 -1
  253. package/dist/NotificationBadge.cjs +57 -57
  254. package/dist/NotificationBadge.css +49 -49
  255. package/dist/NotificationBadge.mjs +57 -57
  256. package/dist/NumberField.cjs +115 -115
  257. package/dist/NumberField.cjs.map +1 -1
  258. package/dist/NumberField.css +99 -99
  259. package/dist/NumberField.css.map +1 -1
  260. package/dist/NumberField.mjs +115 -115
  261. package/dist/NumberField.mjs.map +1 -1
  262. package/dist/Picker.cjs +275 -275
  263. package/dist/Picker.cjs.map +1 -1
  264. package/dist/Picker.css +173 -173
  265. package/dist/Picker.css.map +1 -1
  266. package/dist/Picker.mjs +275 -275
  267. package/dist/Picker.mjs.map +1 -1
  268. package/dist/Popover.cjs +89 -89
  269. package/dist/Popover.cjs.map +1 -1
  270. package/dist/Popover.css +70 -70
  271. package/dist/Popover.css.map +1 -1
  272. package/dist/Popover.mjs +89 -89
  273. package/dist/Popover.mjs.map +1 -1
  274. package/dist/ProgressBar.cjs +164 -164
  275. package/dist/ProgressBar.cjs.map +1 -1
  276. package/dist/ProgressBar.css +99 -99
  277. package/dist/ProgressBar.css.map +1 -1
  278. package/dist/ProgressBar.mjs +164 -164
  279. package/dist/ProgressBar.mjs.map +1 -1
  280. package/dist/ProgressCircle.cjs +32 -32
  281. package/dist/ProgressCircle.cjs.map +1 -1
  282. package/dist/ProgressCircle.css +24 -24
  283. package/dist/ProgressCircle.css.map +1 -1
  284. package/dist/ProgressCircle.mjs +32 -32
  285. package/dist/ProgressCircle.mjs.map +1 -1
  286. package/dist/Provider.cjs +11 -11
  287. package/dist/Provider.css +10 -10
  288. package/dist/Provider.mjs +11 -11
  289. package/dist/Radio.cjs +146 -146
  290. package/dist/Radio.cjs.map +1 -1
  291. package/dist/Radio.css +78 -78
  292. package/dist/Radio.css.map +1 -1
  293. package/dist/Radio.mjs +146 -146
  294. package/dist/Radio.mjs.map +1 -1
  295. package/dist/RadioGroup.cjs +42 -42
  296. package/dist/RadioGroup.cjs.map +1 -1
  297. package/dist/RadioGroup.css +37 -37
  298. package/dist/RadioGroup.css.map +1 -1
  299. package/dist/RadioGroup.mjs +42 -42
  300. package/dist/RadioGroup.mjs.map +1 -1
  301. package/dist/RangeCalendar.cjs +8 -8
  302. package/dist/RangeCalendar.cjs.map +1 -1
  303. package/dist/RangeCalendar.css +10 -10
  304. package/dist/RangeCalendar.css.map +1 -1
  305. package/dist/RangeCalendar.mjs +8 -8
  306. package/dist/RangeCalendar.mjs.map +1 -1
  307. package/dist/SearchField.cjs +42 -42
  308. package/dist/SearchField.cjs.map +1 -1
  309. package/dist/SearchField.css +45 -45
  310. package/dist/SearchField.css.map +1 -1
  311. package/dist/SearchField.mjs +42 -42
  312. package/dist/SearchField.mjs.map +1 -1
  313. package/dist/SegmentedControl.cjs +180 -180
  314. package/dist/SegmentedControl.css +123 -123
  315. package/dist/SegmentedControl.mjs +180 -180
  316. package/dist/SelectBoxGroup.cjs +144 -144
  317. package/dist/SelectBoxGroup.cjs.map +1 -1
  318. package/dist/SelectBoxGroup.css +120 -120
  319. package/dist/SelectBoxGroup.css.map +1 -1
  320. package/dist/SelectBoxGroup.mjs +144 -144
  321. package/dist/SelectBoxGroup.mjs.map +1 -1
  322. package/dist/Slider.cjs +295 -295
  323. package/dist/Slider.cjs.map +1 -1
  324. package/dist/Slider.css +154 -154
  325. package/dist/Slider.css.map +1 -1
  326. package/dist/Slider.mjs +295 -295
  327. package/dist/Slider.mjs.map +1 -1
  328. package/dist/StatusLight.cjs +116 -116
  329. package/dist/StatusLight.css +59 -59
  330. package/dist/StatusLight.mjs +116 -116
  331. package/dist/Switch.cjs +155 -155
  332. package/dist/Switch.cjs.map +1 -1
  333. package/dist/Switch.css +74 -74
  334. package/dist/Switch.css.map +1 -1
  335. package/dist/Switch.mjs +155 -155
  336. package/dist/Switch.mjs.map +1 -1
  337. package/dist/TableView.cjs +415 -415
  338. package/dist/TableView.cjs.map +1 -1
  339. package/dist/TableView.css +199 -199
  340. package/dist/TableView.css.map +1 -1
  341. package/dist/TableView.mjs +416 -416
  342. package/dist/TableView.mjs.map +1 -1
  343. package/dist/Tabs.cjs +127 -127
  344. package/dist/Tabs.cjs.map +1 -1
  345. package/dist/Tabs.css +105 -105
  346. package/dist/Tabs.css.map +1 -1
  347. package/dist/Tabs.mjs +127 -127
  348. package/dist/Tabs.mjs.map +1 -1
  349. package/dist/TabsPicker.cjs +127 -127
  350. package/dist/TabsPicker.cjs.map +1 -1
  351. package/dist/TabsPicker.css +108 -108
  352. package/dist/TabsPicker.css.map +1 -1
  353. package/dist/TabsPicker.mjs +127 -127
  354. package/dist/TabsPicker.mjs.map +1 -1
  355. package/dist/TagGroup.cjs +204 -204
  356. package/dist/TagGroup.cjs.map +1 -1
  357. package/dist/TagGroup.css +146 -146
  358. package/dist/TagGroup.css.map +1 -1
  359. package/dist/TagGroup.mjs +204 -204
  360. package/dist/TagGroup.mjs.map +1 -1
  361. package/dist/TextField.cjs +59 -59
  362. package/dist/TextField.cjs.map +1 -1
  363. package/dist/TextField.css +54 -54
  364. package/dist/TextField.css.map +1 -1
  365. package/dist/TextField.mjs +59 -59
  366. package/dist/TextField.mjs.map +1 -1
  367. package/dist/TimeField.cjs +52 -52
  368. package/dist/TimeField.cjs.map +1 -1
  369. package/dist/TimeField.css +47 -47
  370. package/dist/TimeField.css.map +1 -1
  371. package/dist/TimeField.mjs +52 -52
  372. package/dist/TimeField.mjs.map +1 -1
  373. package/dist/Toast.cjs +120 -120
  374. package/dist/Toast.cjs.map +1 -1
  375. package/dist/Toast.css +110 -110
  376. package/dist/Toast.css.map +1 -1
  377. package/dist/Toast.mjs +120 -120
  378. package/dist/Toast.mjs.map +1 -1
  379. package/dist/ToggleButton.cjs +3 -3
  380. package/dist/ToggleButton.cjs.map +1 -1
  381. package/dist/ToggleButton.css +12 -12
  382. package/dist/ToggleButton.css.map +1 -1
  383. package/dist/ToggleButton.mjs +3 -3
  384. package/dist/ToggleButton.mjs.map +1 -1
  385. package/dist/ToggleButtonGroup.cjs.map +1 -1
  386. package/dist/ToggleButtonGroup.mjs.map +1 -1
  387. package/dist/Tooltip.cjs +78 -78
  388. package/dist/Tooltip.cjs.map +1 -1
  389. package/dist/Tooltip.css +65 -65
  390. package/dist/Tooltip.css.map +1 -1
  391. package/dist/Tooltip.mjs +78 -78
  392. package/dist/Tooltip.mjs.map +1 -1
  393. package/dist/TreeView.cjs +144 -128
  394. package/dist/TreeView.cjs.map +1 -1
  395. package/dist/TreeView.css +131 -127
  396. package/dist/TreeView.css.map +1 -1
  397. package/dist/TreeView.mjs +144 -128
  398. package/dist/TreeView.mjs.map +1 -1
  399. package/dist/types.d.ts +68 -72
  400. package/dist/types.d.ts.map +1 -1
  401. package/icons/Icon.cjs +12 -12
  402. package/icons/Icon.css +9 -9
  403. package/icons/Icon.mjs +12 -12
  404. package/icons/Skeleton.cjs +2 -2
  405. package/icons/Skeleton.cjs.map +1 -1
  406. package/icons/Skeleton.css +6 -6
  407. package/icons/Skeleton.mjs +2 -2
  408. package/icons/Skeleton.mjs.map +1 -1
  409. package/icons/runtime.cjs +16 -3
  410. package/icons/runtime.cjs.map +1 -1
  411. package/icons/runtime.mjs +16 -3
  412. package/icons/runtime.mjs.map +1 -1
  413. package/package.json +21 -21
  414. package/src/Accordion.tsx +1 -1
  415. package/src/ActionBar.tsx +2 -2
  416. package/src/ActionButton.tsx +1 -1
  417. package/src/Breadcrumbs.tsx +2 -2
  418. package/src/Button.tsx +2 -2
  419. package/src/Calendar.tsx +1 -1
  420. package/src/Card.tsx +1 -1
  421. package/src/CardView.tsx +1 -1
  422. package/src/Checkbox.tsx +2 -1
  423. package/src/CheckboxGroup.tsx +1 -1
  424. package/src/CoachMark.tsx +1 -1
  425. package/src/ColorArea.tsx +1 -1
  426. package/src/ColorField.tsx +1 -1
  427. package/src/ColorSlider.tsx +1 -1
  428. package/src/ColorSwatch.tsx +1 -1
  429. package/src/ColorWheel.tsx +2 -2
  430. package/src/ComboBox.tsx +2 -2
  431. package/src/CustomDialog.tsx +1 -1
  432. package/src/DateField.tsx +1 -1
  433. package/src/DatePicker.tsx +1 -1
  434. package/src/DateRangePicker.tsx +1 -1
  435. package/src/Dialog.tsx +1 -1
  436. package/src/Disclosure.tsx +2 -2
  437. package/src/Divider.tsx +1 -1
  438. package/src/DropZone.tsx +1 -1
  439. package/src/Field.tsx +3 -3
  440. package/src/Form.tsx +1 -1
  441. package/src/FullscreenDialog.tsx +1 -1
  442. package/src/Link.tsx +1 -1
  443. package/src/Menu.tsx +11 -13
  444. package/src/Meter.tsx +1 -1
  445. package/src/Modal.tsx +1 -1
  446. package/src/NumberField.tsx +1 -1
  447. package/src/Picker.tsx +3 -3
  448. package/src/Popover.tsx +2 -1
  449. package/src/ProgressBar.tsx +1 -1
  450. package/src/ProgressCircle.tsx +1 -1
  451. package/src/Radio.tsx +1 -1
  452. package/src/RadioGroup.tsx +1 -1
  453. package/src/RangeCalendar.tsx +1 -1
  454. package/src/SearchField.tsx +1 -1
  455. package/src/SelectBoxGroup.tsx +1 -1
  456. package/src/Slider.tsx +1 -1
  457. package/src/Switch.tsx +1 -1
  458. package/src/TableView.tsx +9 -9
  459. package/src/Tabs.tsx +4 -4
  460. package/src/TabsPicker.tsx +2 -2
  461. package/src/TagGroup.tsx +2 -2
  462. package/src/TextField.tsx +1 -1
  463. package/src/TimeField.tsx +1 -1
  464. package/src/Toast.tsx +1 -1
  465. package/src/ToggleButton.tsx +1 -1
  466. package/src/ToggleButtonGroup.tsx +1 -1
  467. package/src/Tooltip.tsx +1 -1
  468. package/src/TreeView.tsx +10 -6
  469. package/style/__tests__/mergeStyles.test.ts +68 -0
  470. package/style/__tests__/style-macro.test.js +79 -59
  471. package/style/dist/style-macro.cjs +65 -14
  472. package/style/dist/style-macro.cjs.map +1 -1
  473. package/style/dist/style-macro.mjs +65 -14
  474. package/style/dist/style-macro.mjs.map +1 -1
  475. package/style/runtime.ts +21 -5
  476. package/style/style-macro.ts +81 -16
  477. package/style/__tests__/mergeStyles.test.js +0 -32
@@ -1,537 +1,537 @@
1
1
  @layer _.a {
2
- ._Le1 {
2
+ ._Le11 {
3
3
  outline-style: none;
4
4
  }
5
5
 
6
- ._Lf1 {
6
+ ._Lf11 {
7
7
  outline-style: solid;
8
8
  }
9
9
 
10
- .Oh1 {
10
+ .Oh11 {
11
11
  outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
12
12
  }
13
13
 
14
- ._Mc1 {
14
+ ._Mc11 {
15
15
  outline-width: 2px;
16
16
  }
17
17
 
18
- ._Kd1 {
18
+ ._Kd11 {
19
19
  outline-offset: 2px;
20
20
  }
21
21
 
22
- .-SFnbic-_Jb1 {
22
+ .-SFnbic-_Jb11 {
23
23
  --size: 1;
24
24
  }
25
25
 
26
- .-SFnbic-_JICefdd1 {
26
+ .-SFnbic-_JICefdd11 {
27
27
  --size: .790123;
28
28
  }
29
29
 
30
- .-SFnbic-_JJOW22b1 {
30
+ .-SFnbic-_JJOW22b11 {
31
31
  --size: .888889;
32
32
  }
33
33
 
34
- .-SFnbic-_J0K2hn1 {
34
+ .-SFnbic-_J0K2hn11 {
35
35
  --size: 1.125;
36
36
  }
37
37
 
38
- .-SFnbic-_JaP8ec1 {
38
+ .-SFnbic-_JaP8ec11 {
39
39
  --size: 1.26563;
40
40
  }
41
41
 
42
- .-Bu7z1c-oa1 {
42
+ .-Bu7z1c-oa11 {
43
43
  --radius: .25rem;
44
44
  }
45
45
 
46
- .oj1 {
46
+ .oj11 {
47
47
  border-start-start-radius: round(var(--radius) * var(--size), 1px);
48
48
  }
49
49
 
50
- .nj1 {
50
+ .nj11 {
51
51
  border-start-end-radius: round(var(--radius) * var(--size), 1px);
52
52
  }
53
53
 
54
- .kj1 {
54
+ .kj11 {
55
55
  border-end-start-radius: round(var(--radius) * var(--size), 1px);
56
56
  }
57
57
 
58
- .jj1 {
58
+ .jj11 {
59
59
  border-end-end-radius: round(var(--radius) * var(--size), 1px);
60
60
  }
61
61
 
62
- ._Pc1 {
62
+ ._Pc11 {
63
63
  position: relative;
64
64
  }
65
65
 
66
- .uk1 {
66
+ .uk11 {
67
67
  font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
68
68
  font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
69
69
  font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
70
70
  font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
71
71
  }
72
72
 
73
- .xb1 {
73
+ .xb11 {
74
74
  font-weight: 400;
75
75
  }
76
76
 
77
- ._xa1 {
77
+ ._xa11 {
78
78
  font-synthesis-weight: none;
79
79
  }
80
80
 
81
- ._Fd1 {
81
+ ._Fd11 {
82
82
  line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
83
83
  line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
84
84
  line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
85
85
  line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
86
86
  }
87
87
 
88
- .pt1 {
88
+ .pt11 {
89
89
  color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
90
90
  }
91
91
 
92
- .po1 {
92
+ .po11 {
93
93
  color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
94
94
  }
95
95
 
96
- .pp1 {
96
+ .pp11 {
97
97
  color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
98
98
  }
99
99
 
100
- .ri1 {
100
+ .ri11 {
101
101
  cursor: default;
102
102
  }
103
103
 
104
- ._Wa1 {
104
+ ._Wa11 {
105
105
  text-align: center;
106
106
  }
107
107
 
108
- ._je1 {
108
+ ._je11 {
109
109
  border-style: none;
110
110
  }
111
111
 
112
- .eb1 {
112
+ .eb11 {
113
113
  align-items: center;
114
114
  }
115
115
 
116
- ._Ca1 {
116
+ ._Ca11 {
117
117
  justify-content: center;
118
118
  }
119
119
 
120
- .Zu1 {
120
+ .Zu11 {
121
121
  width: calc(1rem * var(--s2-scale));
122
122
  }
123
123
 
124
- .Zm1 {
124
+ .Zm11 {
125
125
  width: calc(1.25rem * var(--s2-scale));
126
126
  }
127
127
 
128
- .Zo1 {
128
+ .Zo11 {
129
129
  width: calc(1.5rem * var(--s2-scale));
130
130
  }
131
131
 
132
- .ZC1 {
132
+ .ZC11 {
133
133
  width: calc(2rem * var(--s2-scale));
134
134
  }
135
135
 
136
- .Fd1 {
136
+ .Fd11 {
137
137
  height: auto;
138
138
  }
139
139
 
140
- .Iw1 {
140
+ .Iw11 {
141
141
  margin-inline-start: .714286em;
142
142
  }
143
143
 
144
- .fa1 {
144
+ .fa11 {
145
145
  aspect-ratio: 1;
146
146
  }
147
147
 
148
- ._va1 {
148
+ ._va11 {
149
149
  flex-shrink: 0;
150
150
  }
151
151
 
152
- .Yd1 {
152
+ .Yd11 {
153
153
  transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
154
154
  }
155
155
 
156
- .Xb1 {
156
+ .Xb11 {
157
157
  transition-duration: .15s;
158
158
  }
159
159
 
160
- ._2b1 {
160
+ ._2b11 {
161
161
  transition-timing-function: cubic-bezier(.45, 0, .4, 1);
162
162
  }
163
163
 
164
- .gF1 {
164
+ .gF11 {
165
165
  background-color: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
166
166
  }
167
167
 
168
- .gH1 {
168
+ .gH11 {
169
169
  background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c);
170
170
  }
171
171
 
172
- ._vb1 {
172
+ ._vb11 {
173
173
  flex-shrink: 1;
174
174
  }
175
175
 
176
- ._ua1 {
176
+ ._ua11 {
177
177
  flex-grow: 0;
178
178
  }
179
179
 
180
- .Na1 {
180
+ .Na11 {
181
181
  min-width: 0;
182
182
  }
183
183
 
184
- .Ze4mUs1 {
184
+ .Ze4mUs11 {
185
185
  width: unset;
186
186
  }
187
187
 
188
- .se1 {
188
+ .se11 {
189
189
  display: grid;
190
190
  }
191
191
 
192
- .z2mU1 {
192
+ .z2mU11 {
193
193
  grid-column-start: 1;
194
194
  }
195
195
 
196
- .yvoofG1 {
196
+ .yvoofG11 {
197
197
  grid-column-end: span 2;
198
198
  }
199
199
 
200
- .DM8Mfn1 {
200
+ .DM8Mfn11 {
201
201
  grid-template-columns: 1fr;
202
202
  }
203
203
 
204
- .DPlN5qb1 {
204
+ .DPlN5qb11 {
205
205
  grid-template-columns: auto 1fr;
206
206
  }
207
207
 
208
- .DLwlgod1 {
208
+ .DLwlgod11 {
209
209
  grid-template-columns: subgrid;
210
210
  }
211
211
 
212
- .E4w1sLc1 {
212
+ .E4w1sLc11 {
213
213
  grid-template-rows: auto 1fr auto;
214
214
  }
215
215
 
216
- .EPlN5qb1 {
216
+ .EPlN5qb11 {
217
217
  grid-template-rows: auto 1fr;
218
218
  }
219
219
 
220
- .Cxaocre1 {
220
+ .Cxaocre11 {
221
221
  grid-template-areas: "label"
222
222
  "input"
223
223
  "helptext";
224
224
  }
225
225
 
226
- .CbRM95c1 {
226
+ .CbRM95c11 {
227
227
  grid-template-areas: "label input"
228
228
  "label helptext";
229
229
  }
230
230
 
231
- .-_6BNtrc-c1 {
231
+ .-_6BNtrc-c11 {
232
232
  --fs: pow(1.125, 0);
233
233
  }
234
234
 
235
- .-_6BNtrc-a1 {
235
+ .-_6BNtrc-a11 {
236
236
  --fs: pow(1.125, -2);
237
237
  }
238
238
 
239
- .-_6BNtrc-b1 {
239
+ .-_6BNtrc-b11 {
240
240
  --fs: pow(1.125, -1);
241
241
  }
242
242
 
243
- .-_6BNtrc-d1 {
243
+ .-_6BNtrc-d11 {
244
244
  --fs: pow(1.125, 1);
245
245
  }
246
246
 
247
- .-_6BNtrc-e1 {
247
+ .-_6BNtrc-e11 {
248
248
  --fs: pow(1.125, 2);
249
249
  }
250
250
 
251
- .vx1 {
251
+ .vx11 {
252
252
  font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
253
253
  }
254
254
 
255
- .ea1 {
255
+ .ea11 {
256
256
  align-items: baseline;
257
257
  }
258
258
 
259
- ._Fd1 {
259
+ ._Fd11 {
260
260
  line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
261
261
  }
262
262
 
263
- .-BhX7R-Fx1 {
263
+ .-BhX7R-Fx11 {
264
264
  --field-height: calc(2rem * var(--s2-scale));
265
265
  }
266
266
 
267
- .-BhX7R-Fn1 {
267
+ .-BhX7R-Fn11 {
268
268
  --field-height: calc(1.25rem * var(--s2-scale));
269
269
  }
270
270
 
271
- .-BhX7R-Fp1 {
271
+ .-BhX7R-Fp11 {
272
272
  --field-height: calc(1.5rem * var(--s2-scale));
273
273
  }
274
274
 
275
- .-BhX7R-Fv1 {
275
+ .-BhX7R-Fv11 {
276
276
  --field-height: calc(2.5rem * var(--s2-scale));
277
277
  }
278
278
 
279
- .-BhX7R-Fz1 {
279
+ .-BhX7R-Fz11 {
280
280
  --field-height: calc(3rem * var(--s2-scale));
281
281
  }
282
282
 
283
- .-AJjOLd-UVkF0Db1 {
283
+ .-AJjOLd-UVkF0Db11 {
284
284
  --field-gap: calc((var(--field-height) - var(--_k, 0px) - var(--h, 0px) - 1lh) / 2);
285
285
  }
286
286
 
287
- .qg1 {
287
+ .qg11 {
288
288
  column-gap: .75rem;
289
289
  }
290
290
 
291
- .__ca1 {
291
+ .__ca11 {
292
292
  -webkit-tap-highlight-color: #0000;
293
293
  }
294
294
 
295
- .zXcEWr1 {
295
+ .zXcEWr11 {
296
296
  grid-column-start: input;
297
297
  }
298
298
 
299
- .yXcEWr1 {
299
+ .yXcEWr11 {
300
300
  grid-column-end: input;
301
301
  }
302
302
 
303
- .BXcEWr1 {
303
+ .BXcEWr11 {
304
304
  grid-row-start: input;
305
305
  }
306
306
 
307
- .AXcEWr1 {
307
+ .AXcEWr11 {
308
308
  grid-row-end: input;
309
309
  }
310
310
 
311
- .Nk1 {
311
+ .Nk11 {
312
312
  min-width: calc(2rem * var(--s2-scale));
313
313
  }
314
314
 
315
- .Ne1 {
315
+ .Ne11 {
316
316
  min-width: calc(1.25rem * var(--s2-scale));
317
317
  }
318
318
 
319
- .Nf1 {
319
+ .Nf11 {
320
320
  min-width: calc(1.5rem * var(--s2-scale));
321
321
  }
322
322
 
323
- .Nj1 {
323
+ .Nj11 {
324
324
  min-width: calc(2.5rem * var(--s2-scale));
325
325
  }
326
326
 
327
- .Nl1 {
327
+ .Nl11 {
328
328
  min-width: calc(3rem * var(--s2-scale));
329
329
  }
330
330
 
331
- ._qd1 {
331
+ ._qd11 {
332
332
  contain: none;
333
333
  }
334
334
 
335
- .-Anxdcc-Z3fn9H1 {
335
+ .-Anxdcc-Z3fn9H11 {
336
336
  --defaultWidth: calc(13rem * var(--s2-scale));
337
337
  }
338
338
 
339
- .-Anxdcc-Zr1 {
339
+ .-Anxdcc-Zr11 {
340
340
  --defaultWidth: calc(12rem * var(--s2-scale));
341
341
  }
342
342
 
343
- .-Anxdcc-ZStdtne1 {
343
+ .-Anxdcc-ZStdtne11 {
344
344
  --defaultWidth: calc(14rem * var(--s2-scale));
345
345
  }
346
346
 
347
- .-Anxdcc-Zt1 {
347
+ .-Anxdcc-Zt11 {
348
348
  --defaultWidth: calc(15rem * var(--s2-scale));
349
349
  }
350
350
 
351
- .__v6TNLWb1 {
351
+ .__v6TNLWb11 {
352
352
  contain-intrinsic-width: calc(var(--defaultWidth) - var(--S, 0px) - var(--R, 0px) - var(--m, 0px) - var(--l, 0px));
353
353
  }
354
354
 
355
- .__Wb1 {
355
+ .__Wb11 {
356
356
  text-wrap: nowrap;
357
357
  }
358
358
 
359
- .SMBFGYc1 {
359
+ .SMBFGYc11 {
360
360
  padding-inline-start: var(--S);
361
361
  }
362
362
 
363
- .RfBFGYc1 {
363
+ .RfBFGYc11 {
364
364
  padding-inline-end: var(--R);
365
365
  }
366
366
 
367
- .-S_-Sv1 {
367
+ .-S_-Sv11 {
368
368
  --S: calc(var(--F, var(--M)) * 3 / 8);
369
369
  }
370
370
 
371
- .-R_-Rj1 {
371
+ .-R_-Rj11 {
372
372
  --R: 2px;
373
373
  }
374
374
 
375
- .-R_-Rp1 {
375
+ .-R_-Rp11 {
376
376
  --R: 4px;
377
377
  }
378
378
 
379
- .-R_-RWJpoB1 {
379
+ .-R_-RWJpoB11 {
380
380
  --R: .375rem;
381
381
  }
382
382
 
383
- ._qb1 {
383
+ ._qb11 {
384
384
  contain: inline-size;
385
385
  }
386
386
 
387
- .Sf1 {
387
+ .Sf11 {
388
388
  padding-inline-start: 16px;
389
389
  }
390
390
 
391
- .Rf1 {
391
+ .Rf11 {
392
392
  padding-inline-end: 16px;
393
393
  }
394
394
 
395
- .Tk1 {
395
+ .Tk11 {
396
396
  padding-top: 32px;
397
397
  }
398
398
 
399
- .Qk1 {
399
+ .Qk11 {
400
400
  padding-bottom: 32px;
401
401
  }
402
402
 
403
- ._Na1 {
403
+ ._Na11 {
404
404
  overflow-x: auto;
405
405
  }
406
406
 
407
- .Pa1 {
407
+ .Pa11 {
408
408
  overflow-y: auto;
409
409
  }
410
410
 
411
- .sd1 {
411
+ .sd11 {
412
412
  display: flex;
413
413
  }
414
414
 
415
- ._ta1 {
415
+ ._ta11 {
416
416
  flex-direction: column;
417
417
  }
418
418
 
419
- .Ul1 {
419
+ .Ul11 {
420
420
  row-gap: 1rem;
421
421
  }
422
422
 
423
- .ql1 {
423
+ .ql11 {
424
424
  column-gap: 1rem;
425
425
  }
426
426
 
427
- ._oa1 {
427
+ ._oa11 {
428
428
  box-sizing: border-box;
429
429
  }
430
430
 
431
- .Za1 {
431
+ .Za11 {
432
432
  width: 100%;
433
433
  }
434
434
 
435
- .Fb1 {
435
+ .Fb11 {
436
436
  height: 100%;
437
437
  }
438
438
 
439
- .-_8sjo0b-t5ZbAob1 {
439
+ .-_8sjo0b-t5ZbAob11 {
440
440
  --iconPrimary: currentColor;
441
441
  }
442
442
 
443
- .Za8Mfn1 {
443
+ .Za8Mfn11 {
444
444
  width: 1em;
445
445
  }
446
446
 
447
- .Fa8Mfn1 {
447
+ .Fa8Mfn11 {
448
448
  height: 1em;
449
449
  }
450
450
  }
451
451
 
452
452
  @layer _.b {
453
- .ucJ9TBTb1:lang(ar) {
453
+ .ucJ9TBTb11:lang(ar) {
454
454
  font-family: adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif;
455
455
  }
456
456
 
457
- ._FnuYUweb1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
457
+ ._FnuYUweb11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
458
458
  line-height: 1.5;
459
459
  }
460
460
  }
461
461
 
462
462
  @layer _.c {
463
- .ud3Euai1:lang(he) {
463
+ .ud3Euai11:lang(he) {
464
464
  font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
465
465
  }
466
466
  }
467
467
 
468
468
  @layer _.d {
469
- .uea1:lang(ja) {
469
+ .uea11:lang(ja) {
470
470
  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
471
471
  }
472
472
  }
473
473
 
474
474
  @layer _.e {
475
- .ugb1:lang(ko) {
475
+ .ugb11:lang(ko) {
476
476
  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
477
477
  }
478
478
  }
479
479
 
480
480
  @layer _.f {
481
- .uhd1:lang(zh) {
481
+ .uhd11:lang(zh) {
482
482
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
483
483
  }
484
484
  }
485
485
 
486
486
  @layer _.g {
487
- .uje1:lang(zh-hant) {
487
+ .uje11:lang(zh-hant) {
488
488
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
489
489
  }
490
490
  }
491
491
 
492
492
  @layer _.h {
493
- .u2NhKxcl1:lang(zh-HK) {
493
+ .u2NhKxcl11:lang(zh-HK) {
494
494
  font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
495
495
  }
496
496
  }
497
497
 
498
498
  @layer _.i {
499
- .uic1:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
499
+ .uic11:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
500
500
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
501
501
  }
502
502
  }
503
503
 
504
504
  @layer _.b.l {
505
505
  @media (forced-colors: active) {
506
- .Olc1 {
506
+ .Olc11 {
507
507
  outline-color: highlight;
508
508
  }
509
509
 
510
- .pla1 {
510
+ .pla11 {
511
511
  color: buttonface;
512
512
  }
513
513
 
514
- .Yle1 {
514
+ .Yle11 {
515
515
  transition-property: none;
516
516
  }
517
517
 
518
- .Xlb1 {
518
+ .Xlb11 {
519
519
  transition-duration: .15s;
520
520
  }
521
521
 
522
- ._2lb1 {
522
+ ._2lb11 {
523
523
  transition-timing-function: cubic-bezier(.45, 0, .4, 1);
524
524
  }
525
525
 
526
- .glc1 {
526
+ .glc11 {
527
527
  background-color: buttontext;
528
528
  }
529
529
 
530
- .gle1 {
530
+ .gle11 {
531
531
  background-color: highlight;
532
532
  }
533
533
 
534
- .gld1 {
534
+ .gld11 {
535
535
  background-color: graytext;
536
536
  }
537
537
  }
@@ -539,7 +539,7 @@
539
539
 
540
540
  @layer _.b.t {
541
541
  @supports (contain-intrinsic-width: 1px) {
542
- ._qtb1 {
542
+ ._qtb11 {
543
543
  contain: inline-size;
544
544
  }
545
545
  }