@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/ButtonGroup.cjs
CHANGED
|
@@ -40,27 +40,27 @@ const $e1016b8947dbadb8$var$buttongroup = function anonymous(props, overrides) {
|
|
|
40
40
|
if (p[1] === "_P") position = true;
|
|
41
41
|
rules += p[0];
|
|
42
42
|
}
|
|
43
|
-
rules += '
|
|
44
|
-
if (!position) rules += '
|
|
45
|
-
if (props.size === "XL") rules += '
|
|
46
|
-
else if (props.size === "L") rules += '
|
|
47
|
-
else if (props.size === "M") rules += '
|
|
48
|
-
else if (props.size === "S") rules += '
|
|
49
|
-
if (props.size === "XL") rules += '
|
|
50
|
-
else if (props.size === "L") rules += '
|
|
51
|
-
else if (props.size === "M") rules += '
|
|
52
|
-
else if (props.size === "S") rules += '
|
|
53
|
-
if (props.orientation === "vertical") rules += '
|
|
54
|
-
else rules += '
|
|
43
|
+
rules += ' sh9';
|
|
44
|
+
if (!position) rules += ' _Pc9';
|
|
45
|
+
if (props.size === "XL") rules += ' Ug9';
|
|
46
|
+
else if (props.size === "L") rules += ' Ug9';
|
|
47
|
+
else if (props.size === "M") rules += ' Ug9';
|
|
48
|
+
else if (props.size === "S") rules += ' Ue9';
|
|
49
|
+
if (props.size === "XL") rules += ' qg9';
|
|
50
|
+
else if (props.size === "L") rules += ' qg9';
|
|
51
|
+
else if (props.size === "M") rules += ' qg9';
|
|
52
|
+
else if (props.size === "S") rules += ' qe9';
|
|
53
|
+
if (props.orientation === "vertical") rules += ' _ta9';
|
|
54
|
+
else rules += ' _tc9';
|
|
55
55
|
if (props.orientation === "vertical") {
|
|
56
|
-
if (props.align === "center") rules += '
|
|
57
|
-
else if (props.align === "end") rules += '
|
|
58
|
-
else rules += '
|
|
59
|
-
} else rules += '
|
|
56
|
+
if (props.align === "center") rules += ' eb9';
|
|
57
|
+
else if (props.align === "end") rules += ' ec9';
|
|
58
|
+
else rules += ' ed9';
|
|
59
|
+
} else rules += ' eb9';
|
|
60
60
|
if (props.orientation === "vertical") {
|
|
61
|
-
if (props.align === "center") rules += '
|
|
62
|
-
else if (props.align === "end") rules += '
|
|
63
|
-
else rules += '
|
|
61
|
+
if (props.align === "center") rules += ' _Ca9';
|
|
62
|
+
else if (props.align === "end") rules += ' _Cb9';
|
|
63
|
+
else rules += ' _Cg9';
|
|
64
64
|
}
|
|
65
65
|
return rules;
|
|
66
66
|
};
|
|
@@ -114,7 +114,7 @@ const $e1016b8947dbadb8$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, $5rFNy$react
|
|
|
114
114
|
});
|
|
115
115
|
if (props.isHidden) return null;
|
|
116
116
|
let context = {
|
|
117
|
-
styles: "
|
|
117
|
+
styles: " _va9",
|
|
118
118
|
size: size,
|
|
119
119
|
isDisabled: isDisabled
|
|
120
120
|
};
|
package/dist/ButtonGroup.css
CHANGED
|
@@ -1,61 +1,61 @@
|
|
|
1
1
|
@layer _.a {
|
|
2
|
-
.
|
|
2
|
+
.sh9 {
|
|
3
3
|
display: inline-flex;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
._Pc9 {
|
|
7
7
|
position: relative;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.Ue9 {
|
|
11
11
|
row-gap: .5rem;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
.Ug9 {
|
|
15
15
|
row-gap: .75rem;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.qe9 {
|
|
19
19
|
column-gap: .5rem;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
.qg9 {
|
|
23
23
|
column-gap: .75rem;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
._tc9 {
|
|
27
27
|
flex-direction: row;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
._ta9 {
|
|
31
31
|
flex-direction: column;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.
|
|
34
|
+
.ed9 {
|
|
35
35
|
align-items: start;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
.
|
|
38
|
+
.ec9 {
|
|
39
39
|
align-items: end;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
.
|
|
42
|
+
.eb9 {
|
|
43
43
|
align-items: center;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.
|
|
46
|
+
._Cg9 {
|
|
47
47
|
justify-content: start;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
.
|
|
50
|
+
._Cb9 {
|
|
51
51
|
justify-content: end;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
.
|
|
54
|
+
._Ca9 {
|
|
55
55
|
justify-content: center;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
.
|
|
58
|
+
._va9 {
|
|
59
59
|
flex-shrink: 0;
|
|
60
60
|
}
|
|
61
61
|
}
|
package/dist/ButtonGroup.mjs
CHANGED
|
@@ -33,27 +33,27 @@ const $472eaa9a9b344b9a$var$buttongroup = function anonymous(props, overrides) {
|
|
|
33
33
|
if (p[1] === "_P") position = true;
|
|
34
34
|
rules += p[0];
|
|
35
35
|
}
|
|
36
|
-
rules += '
|
|
37
|
-
if (!position) rules += '
|
|
38
|
-
if (props.size === "XL") rules += '
|
|
39
|
-
else if (props.size === "L") rules += '
|
|
40
|
-
else if (props.size === "M") rules += '
|
|
41
|
-
else if (props.size === "S") rules += '
|
|
42
|
-
if (props.size === "XL") rules += '
|
|
43
|
-
else if (props.size === "L") rules += '
|
|
44
|
-
else if (props.size === "M") rules += '
|
|
45
|
-
else if (props.size === "S") rules += '
|
|
46
|
-
if (props.orientation === "vertical") rules += '
|
|
47
|
-
else rules += '
|
|
36
|
+
rules += ' sh9';
|
|
37
|
+
if (!position) rules += ' _Pc9';
|
|
38
|
+
if (props.size === "XL") rules += ' Ug9';
|
|
39
|
+
else if (props.size === "L") rules += ' Ug9';
|
|
40
|
+
else if (props.size === "M") rules += ' Ug9';
|
|
41
|
+
else if (props.size === "S") rules += ' Ue9';
|
|
42
|
+
if (props.size === "XL") rules += ' qg9';
|
|
43
|
+
else if (props.size === "L") rules += ' qg9';
|
|
44
|
+
else if (props.size === "M") rules += ' qg9';
|
|
45
|
+
else if (props.size === "S") rules += ' qe9';
|
|
46
|
+
if (props.orientation === "vertical") rules += ' _ta9';
|
|
47
|
+
else rules += ' _tc9';
|
|
48
48
|
if (props.orientation === "vertical") {
|
|
49
|
-
if (props.align === "center") rules += '
|
|
50
|
-
else if (props.align === "end") rules += '
|
|
51
|
-
else rules += '
|
|
52
|
-
} else rules += '
|
|
49
|
+
if (props.align === "center") rules += ' eb9';
|
|
50
|
+
else if (props.align === "end") rules += ' ec9';
|
|
51
|
+
else rules += ' ed9';
|
|
52
|
+
} else rules += ' eb9';
|
|
53
53
|
if (props.orientation === "vertical") {
|
|
54
|
-
if (props.align === "center") rules += '
|
|
55
|
-
else if (props.align === "end") rules += '
|
|
56
|
-
else rules += '
|
|
54
|
+
if (props.align === "center") rules += ' _Ca9';
|
|
55
|
+
else if (props.align === "end") rules += ' _Cb9';
|
|
56
|
+
else rules += ' _Cg9';
|
|
57
57
|
}
|
|
58
58
|
return rules;
|
|
59
59
|
};
|
|
@@ -107,7 +107,7 @@ const $472eaa9a9b344b9a$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, $bnJX2$forwa
|
|
|
107
107
|
});
|
|
108
108
|
if (props.isHidden) return null;
|
|
109
109
|
let context = {
|
|
110
|
-
styles: "
|
|
110
|
+
styles: " _va9",
|
|
111
111
|
size: size,
|
|
112
112
|
isDisabled: isDisabled
|
|
113
113
|
};
|