@react-spectrum/s2 3.0.0-nightly-a6f868a06-250517 → 3.0.0-nightly-77b3442e4-250520

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 (228) hide show
  1. package/dist/Accordion.cjs +2 -2
  2. package/dist/Accordion.css +2 -2
  3. package/dist/Accordion.mjs +2 -2
  4. package/dist/ActionBar.cjs +60 -60
  5. package/dist/ActionBar.css +59 -59
  6. package/dist/ActionBar.mjs +60 -60
  7. package/dist/ActionButton.cjs +187 -187
  8. package/dist/ActionButton.css +134 -134
  9. package/dist/ActionButton.mjs +187 -187
  10. package/dist/ActionButtonGroup.cjs +15 -15
  11. package/dist/ActionButtonGroup.css +9 -9
  12. package/dist/ActionButtonGroup.mjs +15 -15
  13. package/dist/Add.cjs +10 -10
  14. package/dist/Add.css +6 -6
  15. package/dist/Add.mjs +10 -10
  16. package/dist/AlertDialog.cjs +3 -3
  17. package/dist/AlertDialog.css +3 -3
  18. package/dist/AlertDialog.mjs +3 -3
  19. package/dist/Asterisk.cjs +6 -6
  20. package/dist/Asterisk.css +4 -4
  21. package/dist/Asterisk.mjs +6 -6
  22. package/dist/Avatar.cjs +14 -14
  23. package/dist/Avatar.css +14 -14
  24. package/dist/Avatar.mjs +14 -14
  25. package/dist/AvatarGroup.cjs +120 -120
  26. package/dist/AvatarGroup.css +37 -37
  27. package/dist/AvatarGroup.mjs +120 -120
  28. package/dist/Badge.cjs +196 -196
  29. package/dist/Badge.css +129 -129
  30. package/dist/Badge.mjs +196 -196
  31. package/dist/Breadcrumbs.cjs +231 -231
  32. package/dist/Breadcrumbs.css +102 -102
  33. package/dist/Breadcrumbs.mjs +231 -231
  34. package/dist/Button.cjs +328 -328
  35. package/dist/Button.css +176 -176
  36. package/dist/Button.mjs +328 -328
  37. package/dist/ButtonGroup.cjs +20 -20
  38. package/dist/ButtonGroup.css +15 -15
  39. package/dist/ButtonGroup.mjs +20 -20
  40. package/dist/Card.cjs +294 -294
  41. package/dist/Card.css +205 -205
  42. package/dist/Card.mjs +294 -294
  43. package/dist/CardView.cjs +17 -17
  44. package/dist/CardView.css +17 -17
  45. package/dist/CardView.mjs +17 -17
  46. package/dist/CenterBaseline.cjs +1 -1
  47. package/dist/CenterBaseline.css +2 -2
  48. package/dist/CenterBaseline.mjs +1 -1
  49. package/dist/Checkbox.cjs +160 -160
  50. package/dist/Checkbox.css +94 -94
  51. package/dist/Checkbox.mjs +160 -160
  52. package/dist/CheckboxGroup.cjs +43 -43
  53. package/dist/CheckboxGroup.css +41 -41
  54. package/dist/CheckboxGroup.mjs +43 -43
  55. package/dist/Checkmark.cjs +12 -12
  56. package/dist/Checkmark.css +8 -8
  57. package/dist/Checkmark.mjs +12 -12
  58. package/dist/Chevron.cjs +12 -12
  59. package/dist/Chevron.css +10 -10
  60. package/dist/Chevron.mjs +12 -12
  61. package/dist/ClearButton.cjs +29 -29
  62. package/dist/ClearButton.css +29 -29
  63. package/dist/ClearButton.mjs +29 -29
  64. package/dist/CloseButton.cjs +54 -54
  65. package/dist/CloseButton.css +46 -46
  66. package/dist/CloseButton.mjs +54 -54
  67. package/dist/ColorArea.cjs +16 -16
  68. package/dist/ColorArea.css +16 -16
  69. package/dist/ColorArea.mjs +16 -16
  70. package/dist/ColorField.cjs +31 -31
  71. package/dist/ColorField.css +31 -31
  72. package/dist/ColorField.mjs +31 -31
  73. package/dist/ColorHandle.cjs +27 -27
  74. package/dist/ColorHandle.css +42 -42
  75. package/dist/ColorHandle.mjs +27 -27
  76. package/dist/ColorSlider.cjs +108 -108
  77. package/dist/ColorSlider.css +56 -56
  78. package/dist/ColorSlider.mjs +108 -108
  79. package/dist/ColorSwatch.cjs +29 -29
  80. package/dist/ColorSwatch.css +29 -29
  81. package/dist/ColorSwatch.mjs +29 -29
  82. package/dist/ColorSwatchPicker.cjs +27 -27
  83. package/dist/ColorSwatchPicker.css +46 -46
  84. package/dist/ColorSwatchPicker.mjs +27 -27
  85. package/dist/ColorWheel.cjs +26 -26
  86. package/dist/ColorWheel.css +17 -17
  87. package/dist/ColorWheel.mjs +26 -26
  88. package/dist/ComboBox.cjs +379 -379
  89. package/dist/ComboBox.cjs.map +1 -1
  90. package/dist/ComboBox.css +179 -179
  91. package/dist/ComboBox.css.map +1 -1
  92. package/dist/ComboBox.mjs +379 -379
  93. package/dist/ComboBox.mjs.map +1 -1
  94. package/dist/ContextualHelp.cjs +5 -5
  95. package/dist/ContextualHelp.css +47 -47
  96. package/dist/ContextualHelp.mjs +5 -5
  97. package/dist/Cross.cjs +14 -14
  98. package/dist/Cross.css +10 -10
  99. package/dist/Cross.mjs +14 -14
  100. package/dist/CustomDialog.cjs +25 -25
  101. package/dist/CustomDialog.css +25 -25
  102. package/dist/CustomDialog.mjs +25 -25
  103. package/dist/Dash.cjs +10 -10
  104. package/dist/Dash.css +6 -6
  105. package/dist/Dash.mjs +10 -10
  106. package/dist/Dialog.cjs +17 -17
  107. package/dist/Dialog.css +70 -70
  108. package/dist/Dialog.mjs +17 -17
  109. package/dist/Disclosure.cjs +129 -129
  110. package/dist/Disclosure.css +104 -104
  111. package/dist/Disclosure.mjs +129 -129
  112. package/dist/Divider.cjs +25 -25
  113. package/dist/Divider.css +25 -25
  114. package/dist/Divider.mjs +25 -25
  115. package/dist/DropZone.cjs +58 -58
  116. package/dist/DropZone.css +54 -54
  117. package/dist/DropZone.mjs +58 -58
  118. package/dist/Field.cjs +340 -340
  119. package/dist/Field.css +144 -144
  120. package/dist/Field.mjs +340 -340
  121. package/dist/Form.cjs +9 -9
  122. package/dist/Form.css +9 -9
  123. package/dist/Form.mjs +9 -9
  124. package/dist/FullscreenDialog.cjs +5 -5
  125. package/dist/FullscreenDialog.css +79 -79
  126. package/dist/FullscreenDialog.mjs +5 -5
  127. package/dist/IllustratedMessage.cjs +219 -219
  128. package/dist/IllustratedMessage.css +74 -74
  129. package/dist/IllustratedMessage.mjs +219 -219
  130. package/dist/Image.cjs +13 -13
  131. package/dist/Image.css +14 -14
  132. package/dist/Image.mjs +13 -13
  133. package/dist/InlineAlert.cjs +108 -108
  134. package/dist/InlineAlert.css +90 -90
  135. package/dist/InlineAlert.mjs +108 -108
  136. package/dist/Link.cjs +49 -49
  137. package/dist/Link.css +41 -41
  138. package/dist/Link.mjs +49 -49
  139. package/dist/LinkOut.cjs +8 -8
  140. package/dist/LinkOut.css +8 -8
  141. package/dist/LinkOut.mjs +8 -8
  142. package/dist/Menu.cjs +422 -422
  143. package/dist/Menu.css +180 -180
  144. package/dist/Menu.mjs +422 -422
  145. package/dist/Meter.cjs +153 -153
  146. package/dist/Meter.css +95 -95
  147. package/dist/Meter.mjs +153 -153
  148. package/dist/Modal.cjs +58 -58
  149. package/dist/Modal.css +50 -50
  150. package/dist/Modal.mjs +58 -58
  151. package/dist/NotificationBadge.cjs +56 -56
  152. package/dist/NotificationBadge.css +51 -51
  153. package/dist/NotificationBadge.mjs +56 -56
  154. package/dist/NumberField.cjs +114 -114
  155. package/dist/NumberField.css +103 -103
  156. package/dist/NumberField.mjs +114 -114
  157. package/dist/Picker.cjs +271 -271
  158. package/dist/Picker.css +169 -169
  159. package/dist/Picker.mjs +271 -271
  160. package/dist/Popover.cjs +85 -85
  161. package/dist/Popover.css +66 -66
  162. package/dist/Popover.mjs +85 -85
  163. package/dist/ProgressBar.cjs +163 -163
  164. package/dist/ProgressBar.css +103 -103
  165. package/dist/ProgressBar.mjs +163 -163
  166. package/dist/ProgressCircle.cjs +17 -17
  167. package/dist/ProgressCircle.css +17 -17
  168. package/dist/ProgressCircle.mjs +17 -17
  169. package/dist/Provider.cjs +10 -10
  170. package/dist/Provider.css +9 -9
  171. package/dist/Provider.mjs +10 -10
  172. package/dist/Radio.cjs +144 -144
  173. package/dist/Radio.css +81 -81
  174. package/dist/Radio.mjs +144 -144
  175. package/dist/RadioGroup.cjs +41 -41
  176. package/dist/RadioGroup.css +41 -41
  177. package/dist/RadioGroup.mjs +41 -41
  178. package/dist/SearchField.cjs +41 -41
  179. package/dist/SearchField.css +49 -49
  180. package/dist/SearchField.mjs +41 -41
  181. package/dist/SegmentedControl.cjs +171 -171
  182. package/dist/SegmentedControl.css +120 -120
  183. package/dist/SegmentedControl.mjs +171 -171
  184. package/dist/Slider.cjs +288 -288
  185. package/dist/Slider.css +152 -152
  186. package/dist/Slider.mjs +288 -288
  187. package/dist/StatusLight.cjs +115 -115
  188. package/dist/StatusLight.css +63 -63
  189. package/dist/StatusLight.mjs +115 -115
  190. package/dist/Switch.cjs +152 -152
  191. package/dist/Switch.css +76 -76
  192. package/dist/Switch.mjs +152 -152
  193. package/dist/TableView.cjs +310 -310
  194. package/dist/TableView.css +172 -172
  195. package/dist/TableView.mjs +310 -310
  196. package/dist/Tabs.cjs +108 -108
  197. package/dist/Tabs.css +92 -92
  198. package/dist/Tabs.mjs +108 -108
  199. package/dist/TabsPicker.cjs +123 -123
  200. package/dist/TabsPicker.css +112 -112
  201. package/dist/TabsPicker.mjs +123 -123
  202. package/dist/TagGroup.cjs +202 -202
  203. package/dist/TagGroup.css +147 -147
  204. package/dist/TagGroup.mjs +202 -202
  205. package/dist/TextField.cjs +57 -57
  206. package/dist/TextField.css +57 -57
  207. package/dist/TextField.mjs +57 -57
  208. package/dist/Toast.cjs +118 -118
  209. package/dist/Toast.css +105 -105
  210. package/dist/Toast.mjs +118 -118
  211. package/dist/ToggleButton.cjs +3 -3
  212. package/dist/ToggleButton.css +12 -12
  213. package/dist/ToggleButton.mjs +3 -3
  214. package/dist/Tooltip.cjs +81 -81
  215. package/dist/Tooltip.css +68 -68
  216. package/dist/Tooltip.mjs +81 -81
  217. package/dist/TreeView.cjs +142 -142
  218. package/dist/TreeView.css +143 -143
  219. package/dist/TreeView.mjs +142 -142
  220. package/icons/Icon.cjs +10 -10
  221. package/icons/Icon.css +9 -9
  222. package/icons/Icon.mjs +10 -10
  223. package/icons/Skeleton.cjs +2 -2
  224. package/icons/Skeleton.css +6 -6
  225. package/icons/Skeleton.mjs +2 -2
  226. package/package.json +20 -20
  227. package/src/ComboBox.tsx +3 -2
  228. package/style/__tests__/style-macro.test.js +56 -56
package/dist/TreeView.mjs CHANGED
@@ -57,22 +57,22 @@ const $03960a2740ca2b19$var$tree = function anonymous(props, overrides) {
57
57
  if (p[1] === "F") height = true;
58
58
  rules += p[0];
59
59
  }
60
- if (props.isFocusVisible) rules += ' _Lf8';
61
- else rules += ' _Le8';
62
- rules += ' Oh8';
63
- rules += ' _Mc8';
64
- rules += ' _Kb8';
65
- rules += ' _4c8';
66
- if (!minHeight) rules += ' Ma8';
67
- if (!minWidth) rules += ' Na8';
68
- if (!width) rules += ' Za8';
69
- if (!height) rules += ' Fb8';
70
- rules += ' _Na8';
71
- rules += ' Pa8';
72
- rules += ' _oa8';
73
- if (props.isEmpty) rules += ' _Ca8';
74
- if (props.isEmpty) rules += ' eb8';
75
- rules += ' -lPUMEc-Zu8';
60
+ if (props.isFocusVisible) rules += ' _Lf9';
61
+ else rules += ' _Le9';
62
+ rules += ' Oh9';
63
+ rules += ' _Mc9';
64
+ rules += ' _Kb9';
65
+ rules += ' _4c9';
66
+ if (!minHeight) rules += ' Ma9';
67
+ if (!minWidth) rules += ' Na9';
68
+ if (!width) rules += ' Za9';
69
+ if (!height) rules += ' Fb9';
70
+ rules += ' _Na9';
71
+ rules += ' Pa9';
72
+ rules += ' _oa9';
73
+ if (props.isEmpty) rules += ' _Ca9';
74
+ if (props.isEmpty) rules += ' eb9';
75
+ rules += ' -lPUMEc-Zu9';
76
76
  return rules;
77
77
  };
78
78
  function $03960a2740ca2b19$var$TreeView(props, ref) {
@@ -140,93 +140,93 @@ const $03960a2740ca2b19$var$rowBackgroundColor = {
140
140
  };
141
141
  const $03960a2740ca2b19$var$treeRow = function anonymous(props) {
142
142
  let rules = " ";
143
- rules += ' _Pc8';
144
- rules += ' sd8';
145
- rules += ' Fv8';
146
- rules += ' Za8';
147
- rules += ' _oa8';
148
- rules += ' ug8';
149
- rules += ' uch8';
150
- rules += ' udi8';
151
- rules += ' uea8';
152
- rules += ' ugb8';
153
- rules += ' uhd8';
154
- rules += ' uje8';
155
- rules += ' uic8';
156
- rules += ' vd8';
157
- rules += ' vsf8';
158
- rules += ' wb8';
159
- rules += ' xb8';
160
- rules += ' _xa8';
161
- rules += ' _Fa8';
162
- rules += ' _Ffb8';
163
- rules += ' pt8';
164
- rules += ' _Le8';
165
- if (props.isLink) rules += ' ry8';
166
- else rules += ' ri8';
143
+ rules += ' _Pc9';
144
+ rules += ' sd9';
145
+ rules += ' Fv9';
146
+ rules += ' Za9';
147
+ rules += ' _oa9';
148
+ rules += ' ug9';
149
+ rules += ' uch9';
150
+ rules += ' udi9';
151
+ rules += ' uea9';
152
+ rules += ' ugb9';
153
+ rules += ' uhd9';
154
+ rules += ' uje9';
155
+ rules += ' uic9';
156
+ rules += ' vd9';
157
+ rules += ' vsf9';
158
+ rules += ' wb9';
159
+ rules += ' xb9';
160
+ rules += ' _xa9';
161
+ rules += ' _Fa9';
162
+ rules += ' _Ffb9';
163
+ rules += ' pt9';
164
+ rules += ' _Le9';
165
+ if (props.isLink) rules += ' ry9';
166
+ else rules += ' ri9';
167
167
  if (props.isSelected) {
168
168
  if (props.isPressed) {
169
- if (props.isEmphasized) rules += ' -qH4xad-gT9rOHd8';
170
- else rules += ' -qH4xad-gRfT7e8';
169
+ if (props.isEmphasized) rules += ' -qH4xad-gT9rOHd9';
170
+ else rules += ' -qH4xad-gRfT7e9';
171
171
  } else if (props.isHovered) {
172
- if (props.isEmphasized) rules += ' -qH4xad-gT9rOHd8';
173
- else rules += ' -qH4xad-gRfT7e8';
172
+ if (props.isEmphasized) rules += ' -qH4xad-gT9rOHd9';
173
+ else rules += ' -qH4xad-gRfT7e9';
174
174
  } else if (props.isFocusVisibleWithin) {
175
- if (props.isEmphasized) rules += ' -qH4xad-gT9rOHd8';
176
- else rules += ' -qH4xad-gRfT7e8';
177
- } else if (props.isEmphasized) rules += ' -qH4xad-gJpow3b8';
178
- else rules += ' -qH4xad-gj1B7i8';
179
- } else if (props.isPressed) rules += ' -qH4xad-gRfT7e8';
180
- else if (props.isHovered) rules += ' -qH4xad-gj1B7i8';
181
- else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gj1B7i8';
182
- else rules += ' -qH4xad-gEzkoQe8';
183
- rules += ' -qH4xad-lga8';
184
- rules += ' -_34HbNb-Oh8';
185
- rules += ' -_34HbNb-lOc8';
175
+ if (props.isEmphasized) rules += ' -qH4xad-gT9rOHd9';
176
+ else rules += ' -qH4xad-gRfT7e9';
177
+ } else if (props.isEmphasized) rules += ' -qH4xad-gJpow3b9';
178
+ else rules += ' -qH4xad-gj1B7i9';
179
+ } else if (props.isPressed) rules += ' -qH4xad-gRfT7e9';
180
+ else if (props.isHovered) rules += ' -qH4xad-gj1B7i9';
181
+ else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gj1B7i9';
182
+ else rules += ' -qH4xad-gEzkoQe9';
183
+ rules += ' -qH4xad-lga9';
184
+ rules += ' -_34HbNb-Oh9';
185
+ rules += ' -_34HbNb-lOc9';
186
186
  return rules;
187
187
  };
188
188
  const $03960a2740ca2b19$var$treeCellGrid = function anonymous(props) {
189
189
  let rules = " ";
190
- rules += ' se8';
191
- rules += ' Za8';
192
- rules += ' Fb8';
193
- rules += ' _oa8';
194
- rules += ' _cb8';
195
- rules += ' eb8';
196
- rules += ' Dw9uTxc8';
197
- rules += ' EM8Mfn8';
198
- rules += ' CgjMZ2c8';
199
- rules += ' gs9yXOb8';
200
- rules += ' Rp8';
190
+ rules += ' se9';
191
+ rules += ' Za9';
192
+ rules += ' Fb9';
193
+ rules += ' _oa9';
194
+ rules += ' _cb9';
195
+ rules += ' eb9';
196
+ rules += ' Dw9uTxc9';
197
+ rules += ' EM8Mfn9';
198
+ rules += ' CgjMZ2c9';
199
+ rules += ' gs9yXOb9';
200
+ rules += ' Rp9';
201
201
  if (props.isDisabled) {
202
- rules += ' pp8';
203
- rules += ' plc8';
202
+ rules += ' pp9';
203
+ rules += ' plc9';
204
204
  }
205
- if (props.isFocusVisible) rules += ' -_7xg3bb-Oh8';
206
- else rules += ' -_7xg3bb-O8Izf8c8';
207
- rules += ' -_7xg3bb-lOc8';
208
- rules += ' -pKMv1c-Oh8';
209
- rules += ' -pKMv1c-lOc8';
205
+ if (props.isFocusVisible) rules += ' -_7xg3bb-Oh9';
206
+ else rules += ' -_7xg3bb-O8Izf8c9';
207
+ rules += ' -_7xg3bb-lOc9';
208
+ rules += ' -pKMv1c-Oh9';
209
+ rules += ' -pKMv1c-lOc9';
210
210
  if (props.isDetached) {
211
- if (props.isSelected) rules += ' iBGbjub8';
212
- else rules += ' iA8';
211
+ if (props.isSelected) rules += ' iBGbjub9';
212
+ else rules += ' iA9';
213
213
  }
214
- if (props.isDetached) rules += ' _kb8';
215
- if (props.isDetached) rules += ' hb8';
216
- if (props.isDetached) rules += ' mb8';
217
- if (props.isDetached) rules += ' lb8';
218
- if (props.isDetached) rules += ' ob8';
219
- if (props.isDetached) rules += ' nb8';
220
- if (props.isDetached) rules += ' kb8';
221
- if (props.isDetached) rules += ' jb8';
222
- if (props.isDetached) rules += ' _jf8';
214
+ if (props.isDetached) rules += ' _kb9';
215
+ if (props.isDetached) rules += ' hb9';
216
+ if (props.isDetached) rules += ' mb9';
217
+ if (props.isDetached) rules += ' lb9';
218
+ if (props.isDetached) rules += ' ob9';
219
+ if (props.isDetached) rules += ' nb9';
220
+ if (props.isDetached) rules += ' kb9';
221
+ if (props.isDetached) rules += ' jb9';
222
+ if (props.isDetached) rules += ' _jf9';
223
223
  return rules;
224
224
  };
225
- const $03960a2740ca2b19$var$treeCheckbox = " zoRzcu8 yoRzcu8 BoRzcu8 AoRzcu8 Ix8 Hy8 Rd8";
226
- const $03960a2740ca2b19$var$treeIcon = " z2U5Crc8 y2U5Crc8 B2U5Crc8 A2U5Crc8 Ht8 Hsu8 -_8sjo0b-t5ZbAob8";
227
- const $03960a2740ca2b19$var$treeContent = " zk52g2d8 yk52g2d8 Bk52g2d8 Ak52g2d8 _Yb8 _7c8 _Nc8 Pc8";
228
- const $03960a2740ca2b19$var$treeActions = " zkG38H8 ykG38H8 BkG38H8 AkG38H8 Ir8 Hs8";
229
- const $03960a2740ca2b19$var$treeActionMenu = " z6Nrfjc8 y6Nrfjc8 B6Nrfjc8 A6Nrfjc8";
225
+ const $03960a2740ca2b19$var$treeCheckbox = " zoRzcu9 yoRzcu9 BoRzcu9 AoRzcu9 Ix9 Hy9 Rd9";
226
+ const $03960a2740ca2b19$var$treeIcon = " z2U5Crc9 y2U5Crc9 B2U5Crc9 A2U5Crc9 Ht9 Hsu9 -_8sjo0b-t5ZbAob9";
227
+ const $03960a2740ca2b19$var$treeContent = " zk52g2d9 yk52g2d9 Bk52g2d9 Ak52g2d9 _Yb9 _7c9 _Nc9 Pc9";
228
+ const $03960a2740ca2b19$var$treeActions = " zkG38H9 ykG38H9 BkG38H9 AkG38H9 Ir9 Hs9";
229
+ const $03960a2740ca2b19$var$treeActionMenu = " z6Nrfjc9 y6Nrfjc9 B6Nrfjc9 A6Nrfjc9";
230
230
  const $03960a2740ca2b19$var$cellFocus = {
231
231
  outlineStyle: {
232
232
  default: 'none',
@@ -280,7 +280,7 @@ const $03960a2740ca2b19$export$9a5779ed3fade674 = (props1)=>{
280
280
  })
281
281
  }),
282
282
  /*#__PURE__*/ (0, $iOVFT$jsx)("div", {
283
- className: " z7fSmKc8 y7fSmKc8 B7fSmKc8 A7fSmKc8 ZecPNad8"
283
+ className: " z7fSmKc9 y7fSmKc9 B7fSmKc9 A7fSmKc9 ZecPNad9"
284
284
  }),
285
285
  /*#__PURE__*/ (0, $iOVFT$jsx)($03960a2740ca2b19$var$ExpandableRowChevron, {
286
286
  isDisabled: isDisabled,
@@ -303,7 +303,7 @@ const $03960a2740ca2b19$export$9a5779ed3fade674 = (props1)=>{
303
303
  slot: 'icon',
304
304
  styles: $03960a2740ca2b19$var$treeIcon
305
305
  }),
306
- styles: " ZuUmpre8 FuUmpre8 _va8"
306
+ styles: " ZuUmpre9 FuUmpre9 _va9"
307
307
  }
308
308
  ],
309
309
  [
@@ -326,20 +326,20 @@ const $03960a2740ca2b19$export$9a5779ed3fade674 = (props1)=>{
326
326
  role: "presentation",
327
327
  className: function anonymous(props) {
328
328
  let rules = " ";
329
- if (props.isFocusVisible) rules += ' _Lf8';
330
- else rules += ' _Le8';
331
- rules += ' _Kb8';
332
- rules += ' _Mc8';
333
- rules += ' Oh8';
334
- rules += ' of8';
335
- rules += ' nf8';
336
- rules += ' kf8';
337
- rules += ' jf8';
338
- rules += ' _Pa8';
339
- rules += ' Wr8';
340
- rules += ' _lr8';
341
- rules += ' _Ar8';
342
- rules += ' _zr8';
329
+ if (props.isFocusVisible) rules += ' _Lf9';
330
+ else rules += ' _Le9';
331
+ rules += ' _Kb9';
332
+ rules += ' _Mc9';
333
+ rules += ' Oh9';
334
+ rules += ' of9';
335
+ rules += ' nf9';
336
+ rules += ' kf9';
337
+ rules += ' jf9';
338
+ rules += ' _Pa9';
339
+ rules += ' Wr9';
340
+ rules += ' _lr9';
341
+ rules += ' _Ar9';
342
+ rules += ' _zr9';
343
343
  return rules;
344
344
  }({
345
345
  isFocusVisible: true
@@ -352,37 +352,37 @@ const $03960a2740ca2b19$export$9a5779ed3fade674 = (props1)=>{
352
352
  };
353
353
  const $03960a2740ca2b19$var$expandButton = function anonymous(props) {
354
354
  let rules = " ";
355
- rules += ' z8dW5Qb8';
356
- rules += ' y8dW5Qb8';
357
- rules += ' B8dW5Qb8';
358
- rules += ' A8dW5Qb8';
355
+ rules += ' z8dW5Qb9';
356
+ rules += ' y8dW5Qb9';
357
+ rules += ' B8dW5Qb9';
358
+ rules += ' A8dW5Qb9';
359
359
  if (props.isDisabled) {
360
- rules += ' pp8';
361
- rules += ' plc8';
362
- } else rules += ' p40ub4c8';
363
- rules += ' Fv8';
364
- rules += ' Zw8';
365
- rules += ' sd8';
366
- rules += ' _wb8';
367
- rules += ' _cb8';
368
- rules += ' _Ca8';
369
- rules += ' _Le8';
370
- rules += ' ri8';
360
+ rules += ' pp9';
361
+ rules += ' plc9';
362
+ } else rules += ' p40ub4c9';
363
+ rules += ' Fv9';
364
+ rules += ' Zw9';
365
+ rules += ' sd9';
366
+ rules += ' _wb9';
367
+ rules += ' _cb9';
368
+ rules += ' _Ca9';
369
+ rules += ' _Le9';
370
+ rules += ' ri9';
371
371
  if (props.isExpanded) {
372
- if (props.isRTL) rules += ' _Za8';
373
- else rules += ' _Zb8';
372
+ if (props.isRTL) rules += ' _Za9';
373
+ else rules += ' _Zb9';
374
374
  }
375
- rules += ' Td8';
376
- rules += ' Qd8';
377
- rules += ' Sd8';
378
- rules += ' Rd8';
379
- rules += ' Yd8';
380
- rules += ' Xb8';
381
- rules += ' _2b8';
382
- rules += ' g98';
383
- rules += ' _je8';
384
- rules += ' __ca8';
385
- if (props.isHidden) rules += ' _6b8';
375
+ rules += ' Td9';
376
+ rules += ' Qd9';
377
+ rules += ' Sd9';
378
+ rules += ' Rd9';
379
+ rules += ' Yd9';
380
+ rules += ' Xb9';
381
+ rules += ' _2b9';
382
+ rules += ' g99';
383
+ rules += ' _je9';
384
+ rules += ' __ca9';
385
+ if (props.isHidden) rules += ' _6b9';
386
386
  return rules;
387
387
  };
388
388
  function $03960a2740ca2b19$var$ExpandableRowChevron(props1) {
@@ -412,20 +412,20 @@ function $03960a2740ca2b19$var$ExpandableRowChevron(props1) {
412
412
  className: function anonymous(props) {
413
413
  let rules = " ";
414
414
  if (props.direction === "rtl") {
415
- rules += ' -Z4Pn4c-a8';
416
- rules += ' __Ha8';
415
+ rules += ' -Z4Pn4c-a9';
416
+ rules += ' __Ha9';
417
417
  } else if (props.direction === "ltr") {
418
- rules += ' -Z4Pn4c-b8';
419
- rules += ' __Ha8';
418
+ rules += ' -Z4Pn4c-b9';
419
+ rules += ' __Ha9';
420
420
  }
421
421
  if (props.direction === "rtl") {
422
- rules += ' -_04Pn4c-a8';
423
- rules += ' __Ha8';
422
+ rules += ' -_04Pn4c-a9';
423
+ rules += ' __Ha9';
424
424
  } else if (props.direction === "ltr") {
425
- rules += ' -_04Pn4c-b8';
426
- rules += ' __Ha8';
425
+ rules += ' -_04Pn4c-b9';
426
+ rules += ' __Ha9';
427
427
  }
428
- rules += ' -_8sjo0b-t5ZbAob8';
428
+ rules += ' -_8sjo0b-t5ZbAob9';
429
429
  return rules;
430
430
  }({
431
431
  direction: direction
package/icons/Icon.cjs CHANGED
@@ -71,9 +71,9 @@ const $bde97c91243ed164$var$iconStyles = function anonymous(props, overrides) {
71
71
  if (p[1] === "F") height = true;
72
72
  rules += p[0];
73
73
  }
74
- if (!width) rules += ' Zm8';
75
- if (!height) rules += ' Fn8';
76
- rules += ' _va8';
74
+ if (!width) rules += ' Zm9';
75
+ if (!height) rules += ' Fn9';
76
+ rules += ' _va9';
77
77
  return rules;
78
78
  };
79
79
  function $bde97c91243ed164$export$274edc73af1ae9c8(Component, context = $bde97c91243ed164$export$a49f528ae1a4d0ed) {
@@ -114,20 +114,20 @@ const $bde97c91243ed164$var$illustrationStyles = function anonymous(props, overr
114
114
  rules += p[0];
115
115
  }
116
116
  if (props.size === "L") {
117
- if (!width) rules += ' Zq8';
117
+ if (!width) rules += ' Zq9';
118
118
  } else if (props.size === "M") {
119
- if (!width) rules += ' ZH8';
119
+ if (!width) rules += ' ZH9';
120
120
  } else if (props.size === "S") {
121
- if (!width) rules += ' ZF8';
121
+ if (!width) rules += ' ZF9';
122
122
  }
123
123
  if (props.size === "L") {
124
- if (!height) rules += ' Fr8';
124
+ if (!height) rules += ' Fr9';
125
125
  } else if (props.size === "M") {
126
- if (!height) rules += ' FB8';
126
+ if (!height) rules += ' FB9';
127
127
  } else if (props.size === "S") {
128
- if (!height) rules += ' Fz8';
128
+ if (!height) rules += ' Fz9';
129
129
  }
130
- rules += ' _va8';
130
+ rules += ' _va9';
131
131
  return rules;
132
132
  };
133
133
  function $bde97c91243ed164$export$4d00e7be716a0093(Component) {
package/icons/Icon.css CHANGED
@@ -1,37 +1,37 @@
1
1
  @layer _.a {
2
- .Zm8 {
2
+ .Zm9 {
3
3
  width: calc(1.25rem * var(--s2-scale));
4
4
  }
5
5
 
6
- .Fn8 {
6
+ .Fn9 {
7
7
  height: calc(1.25rem * var(--s2-scale));
8
8
  }
9
9
 
10
- .ZF8 {
10
+ .ZF9 {
11
11
  width: calc(3rem * var(--s2-scale));
12
12
  }
13
13
 
14
- .ZH8 {
14
+ .ZH9 {
15
15
  width: calc(6rem * var(--s2-scale));
16
16
  }
17
17
 
18
- .Zq8 {
18
+ .Zq9 {
19
19
  width: calc(10rem * var(--s2-scale));
20
20
  }
21
21
 
22
- .Fz8 {
22
+ .Fz9 {
23
23
  height: calc(3rem * var(--s2-scale));
24
24
  }
25
25
 
26
- .FB8 {
26
+ .FB9 {
27
27
  height: calc(6rem * var(--s2-scale));
28
28
  }
29
29
 
30
- .Fr8 {
30
+ .Fr9 {
31
31
  height: calc(10rem * var(--s2-scale));
32
32
  }
33
33
 
34
- ._va8 {
34
+ ._va9 {
35
35
  flex-shrink: 0;
36
36
  }
37
37
  }
package/icons/Icon.mjs CHANGED
@@ -62,9 +62,9 @@ const $ac8c32e6775ddd1f$var$iconStyles = function anonymous(props, overrides) {
62
62
  if (p[1] === "F") height = true;
63
63
  rules += p[0];
64
64
  }
65
- if (!width) rules += ' Zm8';
66
- if (!height) rules += ' Fn8';
67
- rules += ' _va8';
65
+ if (!width) rules += ' Zm9';
66
+ if (!height) rules += ' Fn9';
67
+ rules += ' _va9';
68
68
  return rules;
69
69
  };
70
70
  function $ac8c32e6775ddd1f$export$274edc73af1ae9c8(Component, context = $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed) {
@@ -105,20 +105,20 @@ const $ac8c32e6775ddd1f$var$illustrationStyles = function anonymous(props, overr
105
105
  rules += p[0];
106
106
  }
107
107
  if (props.size === "L") {
108
- if (!width) rules += ' Zq8';
108
+ if (!width) rules += ' Zq9';
109
109
  } else if (props.size === "M") {
110
- if (!width) rules += ' ZH8';
110
+ if (!width) rules += ' ZH9';
111
111
  } else if (props.size === "S") {
112
- if (!width) rules += ' ZF8';
112
+ if (!width) rules += ' ZF9';
113
113
  }
114
114
  if (props.size === "L") {
115
- if (!height) rules += ' Fr8';
115
+ if (!height) rules += ' Fr9';
116
116
  } else if (props.size === "M") {
117
- if (!height) rules += ' FB8';
117
+ if (!height) rules += ' FB9';
118
118
  } else if (props.size === "S") {
119
- if (!height) rules += ' Fz8';
119
+ if (!height) rules += ' Fz9';
120
120
  }
121
- rules += ' _va8';
121
+ rules += ' _va9';
122
122
  return rules;
123
123
  };
124
124
  function $ac8c32e6775ddd1f$export$4d00e7be716a0093(Component) {
@@ -96,7 +96,7 @@ function $5eb75e0c130e0669$export$cb6ddd830302c2a8({ children: children }) {
96
96
  // @ts-ignore - compatibility with React < 19
97
97
  inert: (0, $lzdFu$reactariautils.inertValue)(true),
98
98
  ref: $5eb75e0c130e0669$export$6b288fe07640c94c(true),
99
- className: $5eb75e0c130e0669$export$d2353276f167b21f + " pw8 _ma8 oa8 na8 ka8 ja8",
99
+ className: $5eb75e0c130e0669$export$d2353276f167b21f + " pw9 _ma9 oa9 na9 ka9 ja9",
100
100
  children: children
101
101
  });
102
102
  }
@@ -116,7 +116,7 @@ function $5eb75e0c130e0669$export$6069cbe61f690103({ children: children }) {
116
116
  }
117
117
  function $5eb75e0c130e0669$export$4b7803c08fe9a32b(styles) {
118
118
  let isSkeleton = (0, $lzdFu$react.useContext)($5eb75e0c130e0669$export$74e166679b1f49ee);
119
- if (isSkeleton) return (0, $308b180f49d82d28$exports.mergeStyles)(" oa8 na8 ka8 ja8", styles);
119
+ if (isSkeleton) return (0, $308b180f49d82d28$exports.mergeStyles)(" oa9 na9 ka9 ja9", styles);
120
120
  return styles || '';
121
121
  }
122
122
 
@@ -12,28 +12,28 @@
12
12
  }
13
13
 
14
14
  @layer _.a {
15
- .pw8 {
15
+ .pw9 {
16
16
  color: #0000;
17
17
  }
18
18
 
19
- ._ma8 {
19
+ ._ma9 {
20
20
  -webkit-box-decoration-break: clone;
21
21
  box-decoration-break: clone;
22
22
  }
23
23
 
24
- .oa8 {
24
+ .oa9 {
25
25
  border-start-start-radius: .25rem;
26
26
  }
27
27
 
28
- .na8 {
28
+ .na9 {
29
29
  border-start-end-radius: .25rem;
30
30
  }
31
31
 
32
- .ka8 {
32
+ .ka9 {
33
33
  border-end-start-radius: .25rem;
34
34
  }
35
35
 
36
- .ja8 {
36
+ .ja9 {
37
37
  border-end-end-radius: .25rem;
38
38
  }
39
39
  }
@@ -83,7 +83,7 @@ function $5ad421ec19460c48$export$cb6ddd830302c2a8({ children: children }) {
83
83
  // @ts-ignore - compatibility with React < 19
84
84
  inert: (0, $cHM3s$inertValue)(true),
85
85
  ref: $5ad421ec19460c48$export$6b288fe07640c94c(true),
86
- className: $5ad421ec19460c48$export$d2353276f167b21f + " pw8 _ma8 oa8 na8 ka8 ja8",
86
+ className: $5ad421ec19460c48$export$d2353276f167b21f + " pw9 _ma9 oa9 na9 ka9 ja9",
87
87
  children: children
88
88
  });
89
89
  }
@@ -103,7 +103,7 @@ function $5ad421ec19460c48$export$6069cbe61f690103({ children: children }) {
103
103
  }
104
104
  function $5ad421ec19460c48$export$4b7803c08fe9a32b(styles) {
105
105
  let isSkeleton = (0, $cHM3s$useContext)($5ad421ec19460c48$export$74e166679b1f49ee);
106
- if (isSkeleton) return (0, $feb886035e0d4633$export$e618dc39ac9ad607)(" oa8 na8 ka8 ja8", styles);
106
+ if (isSkeleton) return (0, $feb886035e0d4633$export$e618dc39ac9ad607)(" oa9 na9 ka9 ja9", styles);
107
107
  return styles || '';
108
108
  }
109
109
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/s2",
3
- "version": "3.0.0-nightly-a6f868a06-250517",
3
+ "version": "3.0.0-nightly-77b3442e4-250520",
4
4
  "description": "Spectrum 2 UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -57,26 +57,26 @@
57
57
  "src"
58
58
  ],
59
59
  "dependencies": {
60
- "@internationalized/number": "3.0.0-nightly-a6f868a06-250517",
61
- "@react-aria/collections": "3.0.0-nightly-a6f868a06-250517",
62
- "@react-aria/focus": "3.0.0-nightly-a6f868a06-250517",
63
- "@react-aria/i18n": "3.0.0-nightly-a6f868a06-250517",
64
- "@react-aria/interactions": "3.0.0-nightly-a6f868a06-250517",
65
- "@react-aria/live-announcer": "3.0.0-nightly-a6f868a06-250517",
66
- "@react-aria/utils": "3.0.0-nightly-a6f868a06-250517",
67
- "@react-spectrum/utils": "3.0.0-nightly-a6f868a06-250517",
68
- "@react-stately/layout": "3.0.0-nightly-a6f868a06-250517",
69
- "@react-stately/utils": "3.0.0-nightly-a6f868a06-250517",
70
- "@react-types/dialog": "3.0.0-nightly-a6f868a06-250517",
71
- "@react-types/grid": "3.0.0-nightly-a6f868a06-250517",
72
- "@react-types/provider": "3.0.0-nightly-a6f868a06-250517",
73
- "@react-types/shared": "3.0.0-nightly-a6f868a06-250517",
74
- "@react-types/table": "3.0.0-nightly-a6f868a06-250517",
75
- "@react-types/textfield": "3.0.0-nightly-a6f868a06-250517",
60
+ "@internationalized/number": "3.0.0-nightly-77b3442e4-250520",
61
+ "@react-aria/collections": "3.0.0-nightly-77b3442e4-250520",
62
+ "@react-aria/focus": "3.0.0-nightly-77b3442e4-250520",
63
+ "@react-aria/i18n": "3.0.0-nightly-77b3442e4-250520",
64
+ "@react-aria/interactions": "3.0.0-nightly-77b3442e4-250520",
65
+ "@react-aria/live-announcer": "3.0.0-nightly-77b3442e4-250520",
66
+ "@react-aria/utils": "3.0.0-nightly-77b3442e4-250520",
67
+ "@react-spectrum/utils": "3.0.0-nightly-77b3442e4-250520",
68
+ "@react-stately/layout": "3.0.0-nightly-77b3442e4-250520",
69
+ "@react-stately/utils": "3.0.0-nightly-77b3442e4-250520",
70
+ "@react-types/dialog": "3.0.0-nightly-77b3442e4-250520",
71
+ "@react-types/grid": "3.0.0-nightly-77b3442e4-250520",
72
+ "@react-types/provider": "3.0.0-nightly-77b3442e4-250520",
73
+ "@react-types/shared": "3.0.0-nightly-77b3442e4-250520",
74
+ "@react-types/table": "3.0.0-nightly-77b3442e4-250520",
75
+ "@react-types/textfield": "3.0.0-nightly-77b3442e4-250520",
76
76
  "csstype": "^3.0.2",
77
- "react-aria": "3.0.0-nightly-a6f868a06-250517",
78
- "react-aria-components": "3.0.0-nightly-a6f868a06-250517",
79
- "react-stately": "3.0.0-nightly-a6f868a06-250517"
77
+ "react-aria": "3.0.0-nightly-77b3442e4-250520",
78
+ "react-aria-components": "3.0.0-nightly-77b3442e4-250520",
79
+ "react-stately": "3.0.0-nightly-77b3442e4-250520"
80
80
  },
81
81
  "peerDependencies": {
82
82
  "react": "^18.0.0 || ^19.0.0-rc.1",
package/src/ComboBox.tsx CHANGED
@@ -433,6 +433,7 @@ const ComboboxInner = forwardRef(function ComboboxInner(props: ComboBoxProps<any
433
433
  description: descriptionMessage,
434
434
  errorMessage,
435
435
  children,
436
+ defaultItems,
436
437
  items,
437
438
  size = 'M',
438
439
  labelPosition = 'top',
@@ -555,10 +556,10 @@ const ComboboxInner = forwardRef(function ComboboxInner(props: ComboBoxProps<any
555
556
  </UNSTABLE_ListBoxLoadingSentinel>
556
557
  );
557
558
 
558
- if (typeof children === 'function' && items) {
559
+ if (typeof children === 'function') {
559
560
  renderer = (
560
561
  <>
561
- <Collection items={items}>
562
+ <Collection items={items ?? defaultItems}>
562
563
  {children}
563
564
  </Collection>
564
565
  {listBoxLoadingCircle}