@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.
- package/dist/Accordion.cjs +2 -2
- package/dist/Accordion.css +2 -2
- package/dist/Accordion.mjs +2 -2
- package/dist/ActionBar.cjs +60 -60
- package/dist/ActionBar.css +59 -59
- package/dist/ActionBar.mjs +60 -60
- package/dist/ActionButton.cjs +187 -187
- package/dist/ActionButton.css +134 -134
- package/dist/ActionButton.mjs +187 -187
- package/dist/ActionButtonGroup.cjs +15 -15
- package/dist/ActionButtonGroup.css +9 -9
- package/dist/ActionButtonGroup.mjs +15 -15
- package/dist/Add.cjs +10 -10
- package/dist/Add.css +6 -6
- package/dist/Add.mjs +10 -10
- package/dist/AlertDialog.cjs +3 -3
- package/dist/AlertDialog.css +3 -3
- package/dist/AlertDialog.mjs +3 -3
- package/dist/Asterisk.cjs +6 -6
- package/dist/Asterisk.css +4 -4
- package/dist/Asterisk.mjs +6 -6
- package/dist/Avatar.cjs +14 -14
- package/dist/Avatar.css +14 -14
- package/dist/Avatar.mjs +14 -14
- package/dist/AvatarGroup.cjs +120 -120
- package/dist/AvatarGroup.css +37 -37
- package/dist/AvatarGroup.mjs +120 -120
- package/dist/Badge.cjs +196 -196
- package/dist/Badge.css +129 -129
- package/dist/Badge.mjs +196 -196
- package/dist/Breadcrumbs.cjs +231 -231
- package/dist/Breadcrumbs.css +102 -102
- package/dist/Breadcrumbs.mjs +231 -231
- package/dist/Button.cjs +328 -328
- package/dist/Button.css +176 -176
- package/dist/Button.mjs +328 -328
- package/dist/ButtonGroup.cjs +20 -20
- package/dist/ButtonGroup.css +15 -15
- package/dist/ButtonGroup.mjs +20 -20
- package/dist/Card.cjs +294 -294
- package/dist/Card.css +205 -205
- package/dist/Card.mjs +294 -294
- package/dist/CardView.cjs +17 -17
- package/dist/CardView.css +17 -17
- package/dist/CardView.mjs +17 -17
- package/dist/CenterBaseline.cjs +1 -1
- package/dist/CenterBaseline.css +2 -2
- package/dist/CenterBaseline.mjs +1 -1
- package/dist/Checkbox.cjs +160 -160
- package/dist/Checkbox.css +94 -94
- package/dist/Checkbox.mjs +160 -160
- package/dist/CheckboxGroup.cjs +43 -43
- package/dist/CheckboxGroup.css +41 -41
- package/dist/CheckboxGroup.mjs +43 -43
- package/dist/Checkmark.cjs +12 -12
- package/dist/Checkmark.css +8 -8
- package/dist/Checkmark.mjs +12 -12
- package/dist/Chevron.cjs +12 -12
- package/dist/Chevron.css +10 -10
- package/dist/Chevron.mjs +12 -12
- package/dist/ClearButton.cjs +29 -29
- package/dist/ClearButton.css +29 -29
- package/dist/ClearButton.mjs +29 -29
- package/dist/CloseButton.cjs +54 -54
- package/dist/CloseButton.css +46 -46
- package/dist/CloseButton.mjs +54 -54
- package/dist/ColorArea.cjs +16 -16
- package/dist/ColorArea.css +16 -16
- package/dist/ColorArea.mjs +16 -16
- package/dist/ColorField.cjs +31 -31
- package/dist/ColorField.css +31 -31
- package/dist/ColorField.mjs +31 -31
- package/dist/ColorHandle.cjs +27 -27
- package/dist/ColorHandle.css +42 -42
- package/dist/ColorHandle.mjs +27 -27
- package/dist/ColorSlider.cjs +108 -108
- package/dist/ColorSlider.css +56 -56
- package/dist/ColorSlider.mjs +108 -108
- package/dist/ColorSwatch.cjs +29 -29
- package/dist/ColorSwatch.css +29 -29
- package/dist/ColorSwatch.mjs +29 -29
- package/dist/ColorSwatchPicker.cjs +27 -27
- package/dist/ColorSwatchPicker.css +46 -46
- package/dist/ColorSwatchPicker.mjs +27 -27
- package/dist/ColorWheel.cjs +26 -26
- package/dist/ColorWheel.css +17 -17
- package/dist/ColorWheel.mjs +26 -26
- package/dist/ComboBox.cjs +379 -379
- package/dist/ComboBox.cjs.map +1 -1
- package/dist/ComboBox.css +179 -179
- package/dist/ComboBox.css.map +1 -1
- package/dist/ComboBox.mjs +379 -379
- package/dist/ComboBox.mjs.map +1 -1
- package/dist/ContextualHelp.cjs +5 -5
- package/dist/ContextualHelp.css +47 -47
- package/dist/ContextualHelp.mjs +5 -5
- package/dist/Cross.cjs +14 -14
- package/dist/Cross.css +10 -10
- package/dist/Cross.mjs +14 -14
- package/dist/CustomDialog.cjs +25 -25
- package/dist/CustomDialog.css +25 -25
- package/dist/CustomDialog.mjs +25 -25
- package/dist/Dash.cjs +10 -10
- package/dist/Dash.css +6 -6
- package/dist/Dash.mjs +10 -10
- package/dist/Dialog.cjs +17 -17
- package/dist/Dialog.css +70 -70
- package/dist/Dialog.mjs +17 -17
- package/dist/Disclosure.cjs +129 -129
- package/dist/Disclosure.css +104 -104
- package/dist/Disclosure.mjs +129 -129
- package/dist/Divider.cjs +25 -25
- package/dist/Divider.css +25 -25
- package/dist/Divider.mjs +25 -25
- package/dist/DropZone.cjs +58 -58
- package/dist/DropZone.css +54 -54
- package/dist/DropZone.mjs +58 -58
- package/dist/Field.cjs +340 -340
- package/dist/Field.css +144 -144
- package/dist/Field.mjs +340 -340
- package/dist/Form.cjs +9 -9
- package/dist/Form.css +9 -9
- package/dist/Form.mjs +9 -9
- package/dist/FullscreenDialog.cjs +5 -5
- package/dist/FullscreenDialog.css +79 -79
- package/dist/FullscreenDialog.mjs +5 -5
- package/dist/IllustratedMessage.cjs +219 -219
- package/dist/IllustratedMessage.css +74 -74
- package/dist/IllustratedMessage.mjs +219 -219
- package/dist/Image.cjs +13 -13
- package/dist/Image.css +14 -14
- package/dist/Image.mjs +13 -13
- package/dist/InlineAlert.cjs +108 -108
- package/dist/InlineAlert.css +90 -90
- package/dist/InlineAlert.mjs +108 -108
- package/dist/Link.cjs +49 -49
- package/dist/Link.css +41 -41
- package/dist/Link.mjs +49 -49
- package/dist/LinkOut.cjs +8 -8
- package/dist/LinkOut.css +8 -8
- package/dist/LinkOut.mjs +8 -8
- package/dist/Menu.cjs +422 -422
- package/dist/Menu.css +180 -180
- package/dist/Menu.mjs +422 -422
- package/dist/Meter.cjs +153 -153
- package/dist/Meter.css +95 -95
- package/dist/Meter.mjs +153 -153
- package/dist/Modal.cjs +58 -58
- package/dist/Modal.css +50 -50
- package/dist/Modal.mjs +58 -58
- package/dist/NotificationBadge.cjs +56 -56
- package/dist/NotificationBadge.css +51 -51
- package/dist/NotificationBadge.mjs +56 -56
- package/dist/NumberField.cjs +114 -114
- package/dist/NumberField.css +103 -103
- package/dist/NumberField.mjs +114 -114
- package/dist/Picker.cjs +271 -271
- package/dist/Picker.css +169 -169
- package/dist/Picker.mjs +271 -271
- package/dist/Popover.cjs +85 -85
- package/dist/Popover.css +66 -66
- package/dist/Popover.mjs +85 -85
- package/dist/ProgressBar.cjs +163 -163
- package/dist/ProgressBar.css +103 -103
- package/dist/ProgressBar.mjs +163 -163
- package/dist/ProgressCircle.cjs +17 -17
- package/dist/ProgressCircle.css +17 -17
- package/dist/ProgressCircle.mjs +17 -17
- package/dist/Provider.cjs +10 -10
- package/dist/Provider.css +9 -9
- package/dist/Provider.mjs +10 -10
- package/dist/Radio.cjs +144 -144
- package/dist/Radio.css +81 -81
- package/dist/Radio.mjs +144 -144
- package/dist/RadioGroup.cjs +41 -41
- package/dist/RadioGroup.css +41 -41
- package/dist/RadioGroup.mjs +41 -41
- package/dist/SearchField.cjs +41 -41
- package/dist/SearchField.css +49 -49
- package/dist/SearchField.mjs +41 -41
- package/dist/SegmentedControl.cjs +171 -171
- package/dist/SegmentedControl.css +120 -120
- package/dist/SegmentedControl.mjs +171 -171
- package/dist/Slider.cjs +288 -288
- package/dist/Slider.css +152 -152
- package/dist/Slider.mjs +288 -288
- package/dist/StatusLight.cjs +115 -115
- package/dist/StatusLight.css +63 -63
- package/dist/StatusLight.mjs +115 -115
- package/dist/Switch.cjs +152 -152
- package/dist/Switch.css +76 -76
- package/dist/Switch.mjs +152 -152
- package/dist/TableView.cjs +310 -310
- package/dist/TableView.css +172 -172
- package/dist/TableView.mjs +310 -310
- package/dist/Tabs.cjs +108 -108
- package/dist/Tabs.css +92 -92
- package/dist/Tabs.mjs +108 -108
- package/dist/TabsPicker.cjs +123 -123
- package/dist/TabsPicker.css +112 -112
- package/dist/TabsPicker.mjs +123 -123
- package/dist/TagGroup.cjs +202 -202
- package/dist/TagGroup.css +147 -147
- package/dist/TagGroup.mjs +202 -202
- package/dist/TextField.cjs +57 -57
- package/dist/TextField.css +57 -57
- package/dist/TextField.mjs +57 -57
- package/dist/Toast.cjs +118 -118
- package/dist/Toast.css +105 -105
- package/dist/Toast.mjs +118 -118
- package/dist/ToggleButton.cjs +3 -3
- package/dist/ToggleButton.css +12 -12
- package/dist/ToggleButton.mjs +3 -3
- package/dist/Tooltip.cjs +81 -81
- package/dist/Tooltip.css +68 -68
- package/dist/Tooltip.mjs +81 -81
- package/dist/TreeView.cjs +142 -142
- package/dist/TreeView.css +143 -143
- package/dist/TreeView.mjs +142 -142
- package/icons/Icon.cjs +10 -10
- package/icons/Icon.css +9 -9
- package/icons/Icon.mjs +10 -10
- package/icons/Skeleton.cjs +2 -2
- package/icons/Skeleton.css +6 -6
- package/icons/Skeleton.mjs +2 -2
- package/package.json +20 -20
- package/src/ComboBox.tsx +3 -2
- 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 += '
|
|
61
|
-
else rules += '
|
|
62
|
-
rules += '
|
|
63
|
-
rules += '
|
|
64
|
-
rules += '
|
|
65
|
-
rules += '
|
|
66
|
-
if (!minHeight) rules += '
|
|
67
|
-
if (!minWidth) rules += '
|
|
68
|
-
if (!width) rules += '
|
|
69
|
-
if (!height) rules += '
|
|
70
|
-
rules += '
|
|
71
|
-
rules += '
|
|
72
|
-
rules += '
|
|
73
|
-
if (props.isEmpty) rules += '
|
|
74
|
-
if (props.isEmpty) rules += '
|
|
75
|
-
rules += ' -lPUMEc-
|
|
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 += '
|
|
144
|
-
rules += '
|
|
145
|
-
rules += '
|
|
146
|
-
rules += '
|
|
147
|
-
rules += '
|
|
148
|
-
rules += '
|
|
149
|
-
rules += '
|
|
150
|
-
rules += '
|
|
151
|
-
rules += '
|
|
152
|
-
rules += '
|
|
153
|
-
rules += '
|
|
154
|
-
rules += '
|
|
155
|
-
rules += '
|
|
156
|
-
rules += '
|
|
157
|
-
rules += '
|
|
158
|
-
rules += '
|
|
159
|
-
rules += '
|
|
160
|
-
rules += '
|
|
161
|
-
rules += '
|
|
162
|
-
rules += '
|
|
163
|
-
rules += '
|
|
164
|
-
rules += '
|
|
165
|
-
if (props.isLink) rules += '
|
|
166
|
-
else rules += '
|
|
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-
|
|
170
|
-
else rules += ' -qH4xad-
|
|
169
|
+
if (props.isEmphasized) rules += ' -qH4xad-gT9rOHd9';
|
|
170
|
+
else rules += ' -qH4xad-gRfT7e9';
|
|
171
171
|
} else if (props.isHovered) {
|
|
172
|
-
if (props.isEmphasized) rules += ' -qH4xad-
|
|
173
|
-
else rules += ' -qH4xad-
|
|
172
|
+
if (props.isEmphasized) rules += ' -qH4xad-gT9rOHd9';
|
|
173
|
+
else rules += ' -qH4xad-gRfT7e9';
|
|
174
174
|
} else if (props.isFocusVisibleWithin) {
|
|
175
|
-
if (props.isEmphasized) rules += ' -qH4xad-
|
|
176
|
-
else rules += ' -qH4xad-
|
|
177
|
-
} else if (props.isEmphasized) rules += ' -qH4xad-
|
|
178
|
-
else rules += ' -qH4xad-
|
|
179
|
-
} else if (props.isPressed) rules += ' -qH4xad-
|
|
180
|
-
else if (props.isHovered) rules += ' -qH4xad-
|
|
181
|
-
else if (props.isFocusVisibleWithin) rules += ' -qH4xad-
|
|
182
|
-
else rules += ' -qH4xad-
|
|
183
|
-
rules += ' -qH4xad-
|
|
184
|
-
rules += ' -_34HbNb-
|
|
185
|
-
rules += ' -_34HbNb-
|
|
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 += '
|
|
191
|
-
rules += '
|
|
192
|
-
rules += '
|
|
193
|
-
rules += '
|
|
194
|
-
rules += '
|
|
195
|
-
rules += '
|
|
196
|
-
rules += '
|
|
197
|
-
rules += '
|
|
198
|
-
rules += '
|
|
199
|
-
rules += '
|
|
200
|
-
rules += '
|
|
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 += '
|
|
203
|
-
rules += '
|
|
202
|
+
rules += ' pp9';
|
|
203
|
+
rules += ' plc9';
|
|
204
204
|
}
|
|
205
|
-
if (props.isFocusVisible) rules += ' -_7xg3bb-
|
|
206
|
-
else rules += ' -_7xg3bb-
|
|
207
|
-
rules += ' -_7xg3bb-
|
|
208
|
-
rules += ' -pKMv1c-
|
|
209
|
-
rules += ' -pKMv1c-
|
|
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 += '
|
|
212
|
-
else rules += '
|
|
211
|
+
if (props.isSelected) rules += ' iBGbjub9';
|
|
212
|
+
else rules += ' iA9';
|
|
213
213
|
}
|
|
214
|
-
if (props.isDetached) rules += '
|
|
215
|
-
if (props.isDetached) rules += '
|
|
216
|
-
if (props.isDetached) rules += '
|
|
217
|
-
if (props.isDetached) rules += '
|
|
218
|
-
if (props.isDetached) rules += '
|
|
219
|
-
if (props.isDetached) rules += '
|
|
220
|
-
if (props.isDetached) rules += '
|
|
221
|
-
if (props.isDetached) rules += '
|
|
222
|
-
if (props.isDetached) rules += '
|
|
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 = "
|
|
226
|
-
const $03960a2740ca2b19$var$treeIcon = "
|
|
227
|
-
const $03960a2740ca2b19$var$treeContent = "
|
|
228
|
-
const $03960a2740ca2b19$var$treeActions = "
|
|
229
|
-
const $03960a2740ca2b19$var$treeActionMenu = "
|
|
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: "
|
|
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: "
|
|
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 += '
|
|
330
|
-
else rules += '
|
|
331
|
-
rules += '
|
|
332
|
-
rules += '
|
|
333
|
-
rules += '
|
|
334
|
-
rules += '
|
|
335
|
-
rules += '
|
|
336
|
-
rules += '
|
|
337
|
-
rules += '
|
|
338
|
-
rules += '
|
|
339
|
-
rules += '
|
|
340
|
-
rules += '
|
|
341
|
-
rules += '
|
|
342
|
-
rules += '
|
|
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 += '
|
|
356
|
-
rules += '
|
|
357
|
-
rules += '
|
|
358
|
-
rules += '
|
|
355
|
+
rules += ' z8dW5Qb9';
|
|
356
|
+
rules += ' y8dW5Qb9';
|
|
357
|
+
rules += ' B8dW5Qb9';
|
|
358
|
+
rules += ' A8dW5Qb9';
|
|
359
359
|
if (props.isDisabled) {
|
|
360
|
-
rules += '
|
|
361
|
-
rules += '
|
|
362
|
-
} else rules += '
|
|
363
|
-
rules += '
|
|
364
|
-
rules += '
|
|
365
|
-
rules += '
|
|
366
|
-
rules += '
|
|
367
|
-
rules += '
|
|
368
|
-
rules += '
|
|
369
|
-
rules += '
|
|
370
|
-
rules += '
|
|
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 += '
|
|
373
|
-
else rules += '
|
|
372
|
+
if (props.isRTL) rules += ' _Za9';
|
|
373
|
+
else rules += ' _Zb9';
|
|
374
374
|
}
|
|
375
|
-
rules += '
|
|
376
|
-
rules += '
|
|
377
|
-
rules += '
|
|
378
|
-
rules += '
|
|
379
|
-
rules += '
|
|
380
|
-
rules += '
|
|
381
|
-
rules += '
|
|
382
|
-
rules += '
|
|
383
|
-
rules += '
|
|
384
|
-
rules += '
|
|
385
|
-
if (props.isHidden) rules += '
|
|
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-
|
|
416
|
-
rules += '
|
|
415
|
+
rules += ' -Z4Pn4c-a9';
|
|
416
|
+
rules += ' __Ha9';
|
|
417
417
|
} else if (props.direction === "ltr") {
|
|
418
|
-
rules += ' -Z4Pn4c-
|
|
419
|
-
rules += '
|
|
418
|
+
rules += ' -Z4Pn4c-b9';
|
|
419
|
+
rules += ' __Ha9';
|
|
420
420
|
}
|
|
421
421
|
if (props.direction === "rtl") {
|
|
422
|
-
rules += ' -_04Pn4c-
|
|
423
|
-
rules += '
|
|
422
|
+
rules += ' -_04Pn4c-a9';
|
|
423
|
+
rules += ' __Ha9';
|
|
424
424
|
} else if (props.direction === "ltr") {
|
|
425
|
-
rules += ' -_04Pn4c-
|
|
426
|
-
rules += '
|
|
425
|
+
rules += ' -_04Pn4c-b9';
|
|
426
|
+
rules += ' __Ha9';
|
|
427
427
|
}
|
|
428
|
-
rules += ' -_8sjo0b-
|
|
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 += '
|
|
75
|
-
if (!height) rules += '
|
|
76
|
-
rules += '
|
|
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 += '
|
|
117
|
+
if (!width) rules += ' Zq9';
|
|
118
118
|
} else if (props.size === "M") {
|
|
119
|
-
if (!width) rules += '
|
|
119
|
+
if (!width) rules += ' ZH9';
|
|
120
120
|
} else if (props.size === "S") {
|
|
121
|
-
if (!width) rules += '
|
|
121
|
+
if (!width) rules += ' ZF9';
|
|
122
122
|
}
|
|
123
123
|
if (props.size === "L") {
|
|
124
|
-
if (!height) rules += '
|
|
124
|
+
if (!height) rules += ' Fr9';
|
|
125
125
|
} else if (props.size === "M") {
|
|
126
|
-
if (!height) rules += '
|
|
126
|
+
if (!height) rules += ' FB9';
|
|
127
127
|
} else if (props.size === "S") {
|
|
128
|
-
if (!height) rules += '
|
|
128
|
+
if (!height) rules += ' Fz9';
|
|
129
129
|
}
|
|
130
|
-
rules += '
|
|
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
|
-
.
|
|
2
|
+
.Zm9 {
|
|
3
3
|
width: calc(1.25rem * var(--s2-scale));
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
.Fn9 {
|
|
7
7
|
height: calc(1.25rem * var(--s2-scale));
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.ZF9 {
|
|
11
11
|
width: calc(3rem * var(--s2-scale));
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
.ZH9 {
|
|
15
15
|
width: calc(6rem * var(--s2-scale));
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.Zq9 {
|
|
19
19
|
width: calc(10rem * var(--s2-scale));
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
.Fz9 {
|
|
23
23
|
height: calc(3rem * var(--s2-scale));
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
.FB9 {
|
|
27
27
|
height: calc(6rem * var(--s2-scale));
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
.Fr9 {
|
|
31
31
|
height: calc(10rem * var(--s2-scale));
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.
|
|
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 += '
|
|
66
|
-
if (!height) rules += '
|
|
67
|
-
rules += '
|
|
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 += '
|
|
108
|
+
if (!width) rules += ' Zq9';
|
|
109
109
|
} else if (props.size === "M") {
|
|
110
|
-
if (!width) rules += '
|
|
110
|
+
if (!width) rules += ' ZH9';
|
|
111
111
|
} else if (props.size === "S") {
|
|
112
|
-
if (!width) rules += '
|
|
112
|
+
if (!width) rules += ' ZF9';
|
|
113
113
|
}
|
|
114
114
|
if (props.size === "L") {
|
|
115
|
-
if (!height) rules += '
|
|
115
|
+
if (!height) rules += ' Fr9';
|
|
116
116
|
} else if (props.size === "M") {
|
|
117
|
-
if (!height) rules += '
|
|
117
|
+
if (!height) rules += ' FB9';
|
|
118
118
|
} else if (props.size === "S") {
|
|
119
|
-
if (!height) rules += '
|
|
119
|
+
if (!height) rules += ' Fz9';
|
|
120
120
|
}
|
|
121
|
-
rules += '
|
|
121
|
+
rules += ' _va9';
|
|
122
122
|
return rules;
|
|
123
123
|
};
|
|
124
124
|
function $ac8c32e6775ddd1f$export$4d00e7be716a0093(Component) {
|
package/icons/Skeleton.cjs
CHANGED
|
@@ -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 + "
|
|
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)("
|
|
119
|
+
if (isSkeleton) return (0, $308b180f49d82d28$exports.mergeStyles)(" oa9 na9 ka9 ja9", styles);
|
|
120
120
|
return styles || '';
|
|
121
121
|
}
|
|
122
122
|
|
package/icons/Skeleton.css
CHANGED
|
@@ -12,28 +12,28 @@
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
@layer _.a {
|
|
15
|
-
.
|
|
15
|
+
.pw9 {
|
|
16
16
|
color: #0000;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.
|
|
19
|
+
._ma9 {
|
|
20
20
|
-webkit-box-decoration-break: clone;
|
|
21
21
|
box-decoration-break: clone;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.
|
|
24
|
+
.oa9 {
|
|
25
25
|
border-start-start-radius: .25rem;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
.
|
|
28
|
+
.na9 {
|
|
29
29
|
border-start-end-radius: .25rem;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
.
|
|
32
|
+
.ka9 {
|
|
33
33
|
border-end-start-radius: .25rem;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.
|
|
36
|
+
.ja9 {
|
|
37
37
|
border-end-end-radius: .25rem;
|
|
38
38
|
}
|
|
39
39
|
}
|
package/icons/Skeleton.mjs
CHANGED
|
@@ -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 + "
|
|
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)("
|
|
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-
|
|
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-
|
|
61
|
-
"@react-aria/collections": "3.0.0-nightly-
|
|
62
|
-
"@react-aria/focus": "3.0.0-nightly-
|
|
63
|
-
"@react-aria/i18n": "3.0.0-nightly-
|
|
64
|
-
"@react-aria/interactions": "3.0.0-nightly-
|
|
65
|
-
"@react-aria/live-announcer": "3.0.0-nightly-
|
|
66
|
-
"@react-aria/utils": "3.0.0-nightly-
|
|
67
|
-
"@react-spectrum/utils": "3.0.0-nightly-
|
|
68
|
-
"@react-stately/layout": "3.0.0-nightly-
|
|
69
|
-
"@react-stately/utils": "3.0.0-nightly-
|
|
70
|
-
"@react-types/dialog": "3.0.0-nightly-
|
|
71
|
-
"@react-types/grid": "3.0.0-nightly-
|
|
72
|
-
"@react-types/provider": "3.0.0-nightly-
|
|
73
|
-
"@react-types/shared": "3.0.0-nightly-
|
|
74
|
-
"@react-types/table": "3.0.0-nightly-
|
|
75
|
-
"@react-types/textfield": "3.0.0-nightly-
|
|
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-
|
|
78
|
-
"react-aria-components": "3.0.0-nightly-
|
|
79
|
-
"react-stately": "3.0.0-nightly-
|
|
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'
|
|
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}
|