@react-spectrum/s2 3.0.0-nightly-56da82e3e-250212 → 3.0.0-nightly-260eb700f-250213
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 +3 -3
- package/dist/Accordion.css +2 -2
- package/dist/Accordion.mjs +3 -3
- package/dist/ActionBar.cjs +47 -47
- package/dist/ActionBar.css +51 -51
- package/dist/ActionBar.mjs +47 -47
- package/dist/ActionButton.cjs +97 -97
- package/dist/ActionButton.css +96 -96
- package/dist/ActionButton.mjs +97 -97
- package/dist/ActionButtonGroup.cjs +11 -11
- package/dist/ActionButtonGroup.css +9 -9
- package/dist/ActionButtonGroup.mjs +11 -11
- package/dist/AlertDialog.cjs +3 -3
- package/dist/AlertDialog.css +3 -3
- package/dist/AlertDialog.mjs +3 -3
- package/dist/Avatar.cjs +17 -17
- package/dist/Avatar.css +14 -14
- package/dist/Avatar.mjs +17 -17
- package/dist/AvatarGroup.cjs +100 -100
- package/dist/AvatarGroup.css +34 -34
- package/dist/AvatarGroup.mjs +100 -100
- package/dist/Badge.cjs +68 -92
- package/dist/Badge.cjs.map +1 -1
- package/dist/Badge.css +92 -164
- package/dist/Badge.css.map +1 -1
- package/dist/Badge.mjs +68 -92
- package/dist/Badge.mjs.map +1 -1
- package/dist/Breadcrumbs.cjs +115 -115
- package/dist/Breadcrumbs.css +89 -89
- package/dist/Breadcrumbs.mjs +115 -115
- package/dist/Button.cjs +152 -236
- package/dist/Button.cjs.map +1 -1
- package/dist/Button.css +165 -309
- package/dist/Button.css.map +1 -1
- package/dist/Button.mjs +152 -236
- package/dist/Button.mjs.map +1 -1
- package/dist/ButtonGroup.cjs +19 -19
- package/dist/ButtonGroup.css +15 -15
- package/dist/ButtonGroup.mjs +19 -19
- package/dist/Card.cjs +261 -264
- package/dist/Card.cjs.map +1 -1
- package/dist/Card.css +198 -210
- package/dist/Card.css.map +1 -1
- package/dist/Card.mjs +261 -264
- package/dist/Card.mjs.map +1 -1
- package/dist/CardView.cjs +15 -15
- package/dist/CardView.css +18 -18
- package/dist/CardView.mjs +15 -15
- package/dist/CenterBaseline.cjs +1 -1
- package/dist/CenterBaseline.css +2 -2
- package/dist/CenterBaseline.mjs +1 -1
- package/dist/Checkbox.cjs +73 -124
- package/dist/Checkbox.cjs.map +1 -1
- package/dist/Checkbox.css +81 -201
- package/dist/Checkbox.css.map +1 -1
- package/dist/Checkbox.mjs +73 -124
- package/dist/Checkbox.mjs.map +1 -1
- package/dist/CheckboxGroup.cjs +49 -49
- package/dist/CheckboxGroup.css +41 -41
- package/dist/CheckboxGroup.mjs +49 -49
- package/dist/ClearButton.cjs +15 -15
- package/dist/ClearButton.css +17 -17
- package/dist/ClearButton.mjs +15 -15
- package/dist/CloseButton.cjs +35 -35
- package/dist/CloseButton.css +33 -33
- package/dist/CloseButton.mjs +35 -35
- package/dist/ColorArea.cjs +22 -22
- package/dist/ColorArea.css +15 -15
- package/dist/ColorArea.mjs +22 -22
- package/dist/ColorField.cjs +38 -38
- package/dist/ColorField.css +32 -32
- package/dist/ColorField.mjs +38 -38
- package/dist/ColorHandle.cjs +21 -27
- package/dist/ColorHandle.cjs.map +1 -1
- package/dist/ColorHandle.css +45 -93
- package/dist/ColorHandle.css.map +1 -1
- package/dist/ColorHandle.mjs +21 -27
- package/dist/ColorHandle.mjs.map +1 -1
- package/dist/ColorSlider.cjs +52 -52
- package/dist/ColorSlider.css +51 -51
- package/dist/ColorSlider.mjs +52 -52
- package/dist/ColorSwatch.cjs +24 -27
- package/dist/ColorSwatch.cjs.map +1 -1
- package/dist/ColorSwatch.css +29 -41
- package/dist/ColorSwatch.css.map +1 -1
- package/dist/ColorSwatch.mjs +24 -27
- package/dist/ColorSwatch.mjs.map +1 -1
- package/dist/ColorSwatchPicker.cjs +23 -23
- package/dist/ColorSwatchPicker.css +48 -60
- package/dist/ColorSwatchPicker.css.map +1 -1
- package/dist/ColorSwatchPicker.mjs +23 -23
- package/dist/ColorWheel.cjs +22 -22
- package/dist/ColorWheel.css +16 -16
- package/dist/ColorWheel.mjs +22 -22
- package/dist/ComboBox.cjs +80 -80
- package/dist/ComboBox.css +88 -88
- package/dist/ComboBox.mjs +80 -80
- package/dist/ContextualHelp.cjs +5 -5
- package/dist/ContextualHelp.css +38 -38
- package/dist/ContextualHelp.mjs +5 -5
- package/dist/CustomDialog.cjs +31 -31
- package/dist/CustomDialog.css +25 -25
- package/dist/CustomDialog.mjs +31 -31
- package/dist/Dialog.cjs +17 -17
- package/dist/Dialog.css +64 -64
- package/dist/Dialog.mjs +17 -17
- package/dist/Disclosure.cjs +108 -111
- package/dist/Disclosure.cjs.map +1 -1
- package/dist/Disclosure.css +112 -124
- package/dist/Disclosure.css.map +1 -1
- package/dist/Disclosure.mjs +108 -111
- package/dist/Disclosure.mjs.map +1 -1
- package/dist/Divider.cjs +26 -26
- package/dist/Divider.css +16 -16
- package/dist/Divider.mjs +26 -26
- package/dist/DropZone.cjs +47 -56
- package/dist/DropZone.cjs.map +1 -1
- package/dist/DropZone.css +56 -80
- package/dist/DropZone.css.map +1 -1
- package/dist/DropZone.mjs +47 -56
- package/dist/DropZone.mjs.map +1 -1
- package/dist/Field.cjs +150 -204
- package/dist/Field.cjs.map +1 -1
- package/dist/Field.css +150 -246
- package/dist/Field.css.map +1 -1
- package/dist/Field.mjs +150 -204
- package/dist/Field.mjs.map +1 -1
- package/dist/Form.cjs +10 -10
- package/dist/Form.css +9 -9
- package/dist/Form.mjs +10 -10
- package/dist/FullscreenDialog.cjs +5 -5
- package/dist/FullscreenDialog.css +72 -72
- package/dist/FullscreenDialog.mjs +5 -5
- package/dist/IllustratedMessage.cjs +134 -134
- package/dist/IllustratedMessage.css +69 -69
- package/dist/IllustratedMessage.mjs +134 -134
- package/dist/Image.cjs +12 -12
- package/dist/Image.css +13 -13
- package/dist/Image.mjs +12 -12
- package/dist/InlineAlert.cjs +77 -104
- package/dist/InlineAlert.cjs.map +1 -1
- package/dist/InlineAlert.css +77 -149
- package/dist/InlineAlert.css.map +1 -1
- package/dist/InlineAlert.mjs +77 -104
- package/dist/InlineAlert.mjs.map +1 -1
- package/dist/Link.cjs +31 -31
- package/dist/Link.css +30 -30
- package/dist/Link.mjs +31 -31
- package/dist/Menu.cjs +269 -269
- package/dist/Menu.css +155 -155
- package/dist/Menu.mjs +269 -269
- package/dist/Meter.cjs +85 -85
- package/dist/Meter.css +81 -81
- package/dist/Meter.mjs +85 -85
- package/dist/Modal.cjs +48 -48
- package/dist/Modal.css +46 -46
- package/dist/Modal.mjs +48 -48
- package/dist/NumberField.cjs +115 -115
- package/dist/NumberField.css +114 -114
- package/dist/NumberField.mjs +115 -115
- package/dist/Picker.cjs +177 -195
- package/dist/Picker.cjs.map +1 -1
- package/dist/Picker.css +164 -224
- package/dist/Picker.css.map +1 -1
- package/dist/Picker.mjs +177 -195
- package/dist/Picker.mjs.map +1 -1
- package/dist/Popover.cjs +79 -85
- package/dist/Popover.cjs.map +1 -1
- package/dist/Popover.css +65 -89
- package/dist/Popover.css.map +1 -1
- package/dist/Popover.mjs +79 -85
- package/dist/Popover.mjs.map +1 -1
- package/dist/ProgressBar.cjs +98 -98
- package/dist/ProgressBar.css +92 -92
- package/dist/ProgressBar.mjs +98 -98
- package/dist/ProgressCircle.cjs +17 -17
- package/dist/ProgressCircle.css +15 -15
- package/dist/ProgressCircle.mjs +17 -17
- package/dist/Provider.cjs +4 -4
- package/dist/Provider.css +5 -5
- package/dist/Provider.mjs +4 -4
- package/dist/Radio.cjs +80 -152
- package/dist/Radio.cjs.map +1 -1
- package/dist/Radio.css +96 -240
- package/dist/Radio.css.map +1 -1
- package/dist/Radio.mjs +80 -152
- package/dist/Radio.mjs.map +1 -1
- package/dist/RadioGroup.cjs +47 -47
- package/dist/RadioGroup.css +41 -41
- package/dist/RadioGroup.mjs +47 -47
- package/dist/SearchField.cjs +42 -42
- package/dist/SearchField.css +47 -47
- package/dist/SearchField.mjs +42 -42
- package/dist/SegmentedControl.cjs +89 -101
- package/dist/SegmentedControl.cjs.map +1 -1
- package/dist/SegmentedControl.css +92 -140
- package/dist/SegmentedControl.css.map +1 -1
- package/dist/SegmentedControl.mjs +89 -101
- package/dist/SegmentedControl.mjs.map +1 -1
- package/dist/Slider.cjs +196 -229
- package/dist/Slider.cjs.map +1 -1
- package/dist/Slider.css +149 -221
- package/dist/Slider.css.map +1 -1
- package/dist/Slider.mjs +196 -229
- package/dist/Slider.mjs.map +1 -1
- package/dist/StatusLight.cjs +56 -56
- package/dist/StatusLight.css +59 -59
- package/dist/StatusLight.mjs +56 -56
- package/dist/Switch.cjs +74 -107
- package/dist/Switch.cjs.map +1 -1
- package/dist/Switch.css +69 -141
- package/dist/Switch.css.map +1 -1
- package/dist/Switch.mjs +74 -107
- package/dist/Switch.mjs.map +1 -1
- package/dist/TableView.cjs +253 -280
- package/dist/TableView.cjs.map +1 -1
- package/dist/TableView.css +163 -199
- package/dist/TableView.css.map +1 -1
- package/dist/TableView.mjs +253 -280
- package/dist/TableView.mjs.map +1 -1
- package/dist/Tabs.cjs +108 -108
- package/dist/Tabs.css +81 -81
- package/dist/Tabs.mjs +108 -108
- package/dist/TabsPicker.cjs +105 -105
- package/dist/TabsPicker.css +111 -111
- package/dist/TabsPicker.mjs +105 -105
- package/dist/TagGroup.cjs +148 -148
- package/dist/TagGroup.css +134 -134
- package/dist/TagGroup.mjs +148 -148
- package/dist/TextField.cjs +59 -59
- package/dist/TextField.css +62 -62
- package/dist/TextField.mjs +59 -59
- package/dist/ToggleButton.cjs +3 -3
- package/dist/ToggleButton.css +12 -12
- package/dist/ToggleButton.mjs +3 -3
- package/dist/Tooltip.cjs +57 -60
- package/dist/Tooltip.cjs.map +1 -1
- package/dist/Tooltip.css +71 -83
- package/dist/Tooltip.css.map +1 -1
- package/dist/Tooltip.mjs +57 -60
- package/dist/Tooltip.mjs.map +1 -1
- package/dist/TreeView.cjs +199 -248
- package/dist/TreeView.cjs.map +1 -1
- package/dist/TreeView.css +131 -175
- package/dist/TreeView.css.map +1 -1
- package/dist/TreeView.mjs +202 -248
- package/dist/TreeView.mjs.map +1 -1
- package/dist/main.cjs +1 -0
- package/dist/main.cjs.map +1 -1
- package/dist/module.mjs +2 -2
- package/dist/module.mjs.map +1 -1
- package/dist/types.d.ts +4 -1
- package/dist/types.d.ts.map +1 -1
- package/icons/Skeleton.cjs +2 -2
- package/icons/Skeleton.css +5 -5
- package/icons/Skeleton.mjs +2 -2
- package/package.json +21 -21
- package/src/TreeView.tsx +66 -134
- package/src/index.ts +1 -1
- package/style/__tests__/style-macro.test.js +18 -18
- package/style/dist/spectrum-theme.cjs +10 -20
- package/style/dist/spectrum-theme.cjs.map +1 -1
- package/style/dist/spectrum-theme.mjs +10 -20
- package/style/dist/spectrum-theme.mjs.map +1 -1
- package/style/dist/types.d.ts +0 -4
- package/style/dist/types.d.ts.map +1 -1
- package/style/spectrum-theme.ts +11 -19
package/dist/Radio.cjs
CHANGED
|
@@ -32,40 +32,40 @@ $parcel$export(module.exports, "Radio", () => $49f41f366ec3019f$export$d7b12c410
|
|
|
32
32
|
|
|
33
33
|
const $49f41f366ec3019f$var$wrapper = function anonymous(props, overrides) {
|
|
34
34
|
let rules = " .";
|
|
35
|
-
let matches = (overrides || '').match(/(?:^|\s)(?:
|
|
35
|
+
let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
|
|
36
36
|
rules += matches.join('');
|
|
37
|
-
let $
|
|
38
|
-
for (let p of matches)if (/^\s*
|
|
39
|
-
rules += '
|
|
40
|
-
rules += '
|
|
41
|
-
rules += '
|
|
42
|
-
rules += '
|
|
43
|
-
rules += '
|
|
44
|
-
rules += '
|
|
45
|
-
rules += '
|
|
46
|
-
rules += '
|
|
47
|
-
rules += '
|
|
48
|
-
rules += '
|
|
49
|
-
rules += '
|
|
37
|
+
let $__b = false;
|
|
38
|
+
for (let p of matches)if (/^\s*__b/.test(p)) $__b = true;
|
|
39
|
+
rules += ' _0d';
|
|
40
|
+
rules += ' jF';
|
|
41
|
+
rules += ' _2d';
|
|
42
|
+
rules += ' _d-bc1l9oh';
|
|
43
|
+
rules += ' _d-1uotwbwg';
|
|
44
|
+
rules += ' _d-eo0c6sf';
|
|
45
|
+
rules += ' _d-enzzrge';
|
|
46
|
+
rules += ' _d-enzykdd';
|
|
47
|
+
rules += ' _d-enzwzjc';
|
|
48
|
+
rules += ' _d-enzrfpb';
|
|
49
|
+
rules += ' _da';
|
|
50
50
|
if (props.size === "XL") {
|
|
51
|
-
rules += '
|
|
52
|
-
rules += '
|
|
51
|
+
rules += ' _ebj';
|
|
52
|
+
rules += ' _ei';
|
|
53
53
|
} else if (props.size === "L") {
|
|
54
|
-
rules += '
|
|
55
|
-
rules += '
|
|
54
|
+
rules += ' _ebh';
|
|
55
|
+
rules += ' _eg';
|
|
56
56
|
} else if (props.size === "S") {
|
|
57
|
-
rules += '
|
|
58
|
-
rules += '
|
|
57
|
+
rules += ' _ebd';
|
|
58
|
+
rules += ' _ec';
|
|
59
59
|
} else if (props.size === "XS") {
|
|
60
|
-
rules += '
|
|
61
|
-
rules += '
|
|
60
|
+
rules += ' _ebb';
|
|
61
|
+
rules += ' _ea';
|
|
62
62
|
} else {
|
|
63
|
-
rules += '
|
|
64
|
-
rules += '
|
|
63
|
+
rules += ' _ebf';
|
|
64
|
+
rules += ' _ee';
|
|
65
65
|
}
|
|
66
|
-
rules += '
|
|
67
|
-
rules += '
|
|
68
|
-
rules += '
|
|
66
|
+
rules += ' _fb';
|
|
67
|
+
rules += ' _g-1x99dlob';
|
|
68
|
+
rules += ' _ga';
|
|
69
69
|
if (props.isDisabled) {
|
|
70
70
|
rules += ' aa_____O';
|
|
71
71
|
rules += ' aj';
|
|
@@ -75,151 +75,79 @@ const $49f41f366ec3019f$var$wrapper = function anonymous(props, overrides) {
|
|
|
75
75
|
else if (props.isHovered) rules += ' ao';
|
|
76
76
|
else rules += ' an';
|
|
77
77
|
}
|
|
78
|
-
rules += '
|
|
79
|
-
rules += '
|
|
80
|
-
rules += '
|
|
81
|
-
if (!$
|
|
82
|
-
if (props.isInForm) rules += '
|
|
78
|
+
rules += ' _Pb';
|
|
79
|
+
rules += ' _R-375x7f';
|
|
80
|
+
rules += ' _Sa';
|
|
81
|
+
if (!$__b) {
|
|
82
|
+
if (props.isInForm) rules += ' __b-e10s0d';
|
|
83
83
|
}
|
|
84
|
-
rules += '
|
|
84
|
+
rules += ' __S-yksgrp';
|
|
85
85
|
return rules;
|
|
86
86
|
};
|
|
87
87
|
const $49f41f366ec3019f$var$circle = function anonymous(props) {
|
|
88
88
|
let rules = " .";
|
|
89
|
-
if (props.isFocusVisible) rules += '
|
|
90
|
-
else rules += '
|
|
91
|
-
rules += '
|
|
92
|
-
rules += '
|
|
93
|
-
rules += '
|
|
94
|
-
rules += '
|
|
95
|
-
if (props.size === "XL") rules += '
|
|
96
|
-
else if (props.size === "L") rules += '
|
|
97
|
-
else if (props.size === "S") rules += '
|
|
98
|
-
else rules += '
|
|
99
|
-
rules += '
|
|
100
|
-
rules += '
|
|
89
|
+
if (props.isFocusVisible) rules += ' _Mb';
|
|
90
|
+
else rules += ' _Ma';
|
|
91
|
+
rules += ' da_____M';
|
|
92
|
+
rules += ' dx';
|
|
93
|
+
rules += ' _Oc';
|
|
94
|
+
rules += ' _N-3t1z';
|
|
95
|
+
if (props.size === "XL") rules += ' lg';
|
|
96
|
+
else if (props.size === "L") rules += ' lm';
|
|
97
|
+
else if (props.size === "S") rules += ' ll';
|
|
98
|
+
else rules += ' lk';
|
|
99
|
+
rules += ' k-375toq';
|
|
100
|
+
rules += ' _9-3t1x';
|
|
101
|
+
rules += ' _0d';
|
|
102
|
+
rules += ' _2c';
|
|
101
103
|
rules += ' _3d';
|
|
102
|
-
rules += '
|
|
103
|
-
rules += '
|
|
104
|
+
rules += ' _Pa';
|
|
105
|
+
rules += ' _R-375x7f';
|
|
104
106
|
rules += ' _Sa';
|
|
105
|
-
rules += '
|
|
106
|
-
rules += '
|
|
107
|
+
rules += ' _wf';
|
|
108
|
+
rules += ' _xf';
|
|
109
|
+
rules += ' _yf';
|
|
107
110
|
rules += ' _zf';
|
|
108
|
-
rules += '
|
|
109
|
-
rules += '
|
|
110
|
-
rules += ' _Cf';
|
|
111
|
-
rules += ' za';
|
|
112
|
-
rules += ' __ra';
|
|
113
|
-
if (props.isSelected) rules += ' t-uyu8pk';
|
|
114
|
-
else rules += ' tc';
|
|
111
|
+
rules += ' wa';
|
|
112
|
+
rules += ' __oa';
|
|
115
113
|
if (props.isSelected) rules += ' u-uyu8pk';
|
|
116
114
|
else rules += ' uc';
|
|
117
|
-
if (props.isSelected) rules += '
|
|
118
|
-
else rules += '
|
|
115
|
+
if (props.isSelected) rules += ' v-uyu8pk';
|
|
116
|
+
else rules += ' vc';
|
|
119
117
|
if (props.isSelected) rules += ' s-uyu8pk';
|
|
120
118
|
else rules += ' sc';
|
|
121
|
-
rules += '
|
|
119
|
+
if (props.isSelected) rules += ' t-uyu8pk';
|
|
120
|
+
else rules += ' tc';
|
|
121
|
+
rules += ' _Ab';
|
|
122
122
|
rules += ' bd';
|
|
123
123
|
if (props.isDisabled) {
|
|
124
|
-
rules += '
|
|
125
|
-
rules += '
|
|
126
|
-
} else if (props.isInvalid) {
|
|
127
|
-
rules += ' xa_____P';
|
|
128
|
-
if (props.isPressed) rules += ' xQ';
|
|
129
|
-
else if (props.isFocusVisible) rules += ' xP';
|
|
130
|
-
else if (props.isHovered) rules += ' xP';
|
|
131
|
-
else rules += ' xO';
|
|
132
|
-
} else if (props.isSelected) {
|
|
133
|
-
rules += ' xa_____M';
|
|
134
|
-
if (props.isEmphasized) {
|
|
135
|
-
if (props.isPressed) rules += ' xz';
|
|
136
|
-
else if (props.isFocusVisible) rules += ' xz';
|
|
137
|
-
else if (props.isHovered) rules += ' xz';
|
|
138
|
-
else rules += ' xy';
|
|
139
|
-
}
|
|
140
|
-
} else {
|
|
141
|
-
rules += ' xa_____I';
|
|
142
|
-
if (props.isPressed) rules += ' xo';
|
|
143
|
-
else if (props.isFocusVisible) rules += ' xo';
|
|
144
|
-
else if (props.isHovered) rules += ' xo';
|
|
145
|
-
else rules += ' xn';
|
|
146
|
-
}
|
|
147
|
-
if (props.isDisabled) {
|
|
148
|
-
rules += ' ya_____O';
|
|
149
|
-
rules += ' yj';
|
|
150
|
-
} else if (props.isInvalid) {
|
|
151
|
-
rules += ' ya_____P';
|
|
152
|
-
if (props.isPressed) rules += ' yQ';
|
|
153
|
-
else if (props.isFocusVisible) rules += ' yP';
|
|
154
|
-
else if (props.isHovered) rules += ' yP';
|
|
155
|
-
else rules += ' yO';
|
|
156
|
-
} else if (props.isSelected) {
|
|
157
|
-
rules += ' ya_____M';
|
|
158
|
-
if (props.isEmphasized) {
|
|
159
|
-
if (props.isPressed) rules += ' yz';
|
|
160
|
-
else if (props.isFocusVisible) rules += ' yz';
|
|
161
|
-
else if (props.isHovered) rules += ' yz';
|
|
162
|
-
else rules += ' yy';
|
|
163
|
-
}
|
|
164
|
-
} else {
|
|
165
|
-
rules += ' ya_____I';
|
|
166
|
-
if (props.isPressed) rules += ' yo';
|
|
167
|
-
else if (props.isFocusVisible) rules += ' yo';
|
|
168
|
-
else if (props.isHovered) rules += ' yo';
|
|
169
|
-
else rules += ' yn';
|
|
170
|
-
}
|
|
171
|
-
if (props.isDisabled) {
|
|
172
|
-
rules += ' va_____O';
|
|
173
|
-
rules += ' vj';
|
|
174
|
-
} else if (props.isInvalid) {
|
|
175
|
-
rules += ' va_____P';
|
|
176
|
-
if (props.isPressed) rules += ' vQ';
|
|
177
|
-
else if (props.isFocusVisible) rules += ' vP';
|
|
178
|
-
else if (props.isHovered) rules += ' vP';
|
|
179
|
-
else rules += ' vO';
|
|
180
|
-
} else if (props.isSelected) {
|
|
181
|
-
rules += ' va_____M';
|
|
182
|
-
if (props.isEmphasized) {
|
|
183
|
-
if (props.isPressed) rules += ' vz';
|
|
184
|
-
else if (props.isFocusVisible) rules += ' vz';
|
|
185
|
-
else if (props.isHovered) rules += ' vz';
|
|
186
|
-
else rules += ' vy';
|
|
187
|
-
}
|
|
188
|
-
} else {
|
|
189
|
-
rules += ' va_____I';
|
|
190
|
-
if (props.isPressed) rules += ' vo';
|
|
191
|
-
else if (props.isFocusVisible) rules += ' vo';
|
|
192
|
-
else if (props.isHovered) rules += ' vo';
|
|
193
|
-
else rules += ' vn';
|
|
194
|
-
}
|
|
195
|
-
if (props.isDisabled) {
|
|
196
|
-
rules += ' wa_____O';
|
|
197
|
-
rules += ' wj';
|
|
124
|
+
rules += ' ca_____O';
|
|
125
|
+
rules += ' cj';
|
|
198
126
|
} else if (props.isInvalid) {
|
|
199
|
-
rules += '
|
|
200
|
-
if (props.isPressed) rules += '
|
|
201
|
-
else if (props.isFocusVisible) rules += '
|
|
202
|
-
else if (props.isHovered) rules += '
|
|
203
|
-
else rules += '
|
|
127
|
+
rules += ' ca_____P';
|
|
128
|
+
if (props.isPressed) rules += ' cQ';
|
|
129
|
+
else if (props.isFocusVisible) rules += ' cP';
|
|
130
|
+
else if (props.isHovered) rules += ' cP';
|
|
131
|
+
else rules += ' cO';
|
|
204
132
|
} else if (props.isSelected) {
|
|
205
|
-
rules += '
|
|
133
|
+
rules += ' ca_____M';
|
|
206
134
|
if (props.isEmphasized) {
|
|
207
|
-
if (props.isPressed) rules += '
|
|
208
|
-
else if (props.isFocusVisible) rules += '
|
|
209
|
-
else if (props.isHovered) rules += '
|
|
210
|
-
else rules += '
|
|
135
|
+
if (props.isPressed) rules += ' cz';
|
|
136
|
+
else if (props.isFocusVisible) rules += ' cz';
|
|
137
|
+
else if (props.isHovered) rules += ' cz';
|
|
138
|
+
else rules += ' cy';
|
|
211
139
|
}
|
|
212
140
|
} else {
|
|
213
|
-
rules += '
|
|
214
|
-
if (props.isPressed) rules += '
|
|
215
|
-
else if (props.isFocusVisible) rules += '
|
|
216
|
-
else if (props.isHovered) rules += '
|
|
217
|
-
else rules += '
|
|
141
|
+
rules += ' ca_____I';
|
|
142
|
+
if (props.isPressed) rules += ' co';
|
|
143
|
+
else if (props.isFocusVisible) rules += ' co';
|
|
144
|
+
else if (props.isHovered) rules += ' co';
|
|
145
|
+
else rules += ' cn';
|
|
218
146
|
}
|
|
219
|
-
if (props.size === "XL") rules += ' -
|
|
220
|
-
else if (props.size === "L") rules += ' -
|
|
221
|
-
else if (props.size === "S") rules += ' -
|
|
222
|
-
else rules += ' -
|
|
147
|
+
if (props.size === "XL") rules += ' -_375toq_k-g';
|
|
148
|
+
else if (props.size === "L") rules += ' -_375toq_k-m';
|
|
149
|
+
else if (props.size === "S") rules += ' -_375toq_k-l';
|
|
150
|
+
else rules += ' -_375toq_k-k';
|
|
223
151
|
return rules;
|
|
224
152
|
};
|
|
225
153
|
const $49f41f366ec3019f$export$d7b12c4107be0d61 = /*#__PURE__*/ (0, $fd22C$react.forwardRef)(function Radio(props, ref) {
|
package/dist/Radio.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAwCD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBN,MAAM
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAwCD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCC,MAAM,4CAAQ,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE,SAAS,MAAM,KAAiB,EAAE,GAAmC;IACjH,IAAI,YAAC,QAAQ,oBAAE,mBAAmB,kBAAI,YAAY,EAAC,GAAG;IACtD,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,IAAI,WAAW,CAAA,GAAA,mBAAK,EAA2B;IAC/C,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE,KAAK;IAClC,IAAI,WAAW,CAAC,CAAC,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,qCAAU;IACtC,IAAI,QACF,OAAO,KACP,GAAG,UACJ,GAAG,CAAA,GAAA,sCAAW,EAAqB;IAEpC,qBACE,gCAAC,CAAA,GAAA,gCAAQ;QACN,GAAG,QAAQ;QACZ,KAAK;QACL,UAAU;QACV,OAAO;QACP,WAAW,CAAA,cAAe,mBAAmB,8BAAQ;gBAAC,GAAG,WAAW;0BAAE;sBAAU;YAAI,GAAG,SAAS,MAAM;kBACrG,CAAA,4BACC;;kCACE,gCAAC,CAAA,GAAA,wCAAa;kCACZ,cAAA,gCAAC;4BACC,KAAK;4BACL,OAAO,CAAA,GAAA,oCAAS,EAAE,WAAW;4BAC7B,WAAW,6BAAO;gCAChB,GAAG,WAAW;gCACd,cAAc,SAAS,YAAY;gCACnC,YAAY,YAAY,UAAU;sCAClC;4BACF;;;oBAEH;;;;AAKX","sources":["packages/@react-spectrum/s2/src/Radio.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n Radio as AriaRadio,\n RadioProps as AriaRadioProps,\n RadioRenderProps\n} from 'react-aria-components';\nimport {baseColor, focusRing, style} from '../style' with {type: 'macro'};\nimport {CenterBaseline} from './CenterBaseline';\nimport {FocusableRef} from '@react-types/shared';\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRef, ReactNode, useContext, useRef} from 'react';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {pressScale} from './pressScale';\nimport {useFocusableRef} from '@react-spectrum/utils';\n\nexport interface RadioProps extends Omit<AriaRadioProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps {\n /**\n * The label for the element.\n */\n children?: ReactNode\n}\n\ninterface ContextProps {\n /**\n * The size of the Radio.\n *\n * @default 'M'\n */\n size?: 'S' | 'M' | 'L' | 'XL',\n /**\n * Whether the Radio within a RadioGroup should be displayed with an emphasized style.\n */\n isEmphasized?: boolean\n}\n\ninterface RadioContextProps extends RadioProps, ContextProps {}\n\ninterface RenderProps extends RadioRenderProps, ContextProps {}\n\nconst wrapper = style({\n display: 'flex',\n columnGap: 'text-to-control',\n alignItems: 'baseline',\n font: 'control',\n transition: 'colors',\n color: {\n default: 'neutral',\n isDisabled: {\n default: 'disabled',\n forcedColors: 'GrayText'\n }\n },\n gridColumnStart: {\n isInForm: 'field'\n },\n disableTapHighlight: true\n}, getAllowedOverrides());\n\nconst circle = style<RenderProps>({\n ...focusRing(),\n size: 'control-sm',\n flexShrink: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n transition: 'default',\n borderRadius: 'full',\n borderStyle: 'solid',\n boxSizing: 'border-box',\n borderWidth: {\n default: 2,\n isSelected: '[calc((self(height) - 4px) / 2)]'\n },\n forcedColorAdjust: 'none',\n backgroundColor: 'gray-25',\n borderColor: {\n default: baseColor('gray-800'),\n forcedColors: 'ButtonBorder',\n isSelected: {\n isEmphasized: baseColor('accent-900'),\n forcedColors: 'Highlight'\n },\n isInvalid: {\n default: 'negative',\n forcedColors: 'Mark'\n },\n isDisabled: {\n default: 'gray-400',\n forcedColors: 'GrayText'\n }\n }\n});\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nexport const Radio = /*#__PURE__*/ forwardRef(function Radio(props: RadioProps, ref: FocusableRef<HTMLLabelElement>) {\n let {children, UNSAFE_className = '', UNSAFE_style} = props;\n let circleRef = useRef(null);\n let inputRef = useRef<HTMLInputElement | null>(null);\n let domRef = useFocusableRef(ref, inputRef);\n let isInForm = !!useContext(FormContext);\n let {\n size = 'M',\n ...allProps\n } = useFormProps<RadioContextProps>(props);\n\n return (\n <AriaRadio\n {...allProps}\n ref={domRef}\n inputRef={inputRef}\n style={UNSAFE_style}\n className={renderProps => UNSAFE_className + wrapper({...renderProps, isInForm, size}, allProps.styles)}>\n {renderProps => (\n <>\n <CenterBaseline>\n <div\n ref={circleRef}\n style={pressScale(circleRef)(renderProps)}\n className={circle({\n ...renderProps,\n isEmphasized: allProps.isEmphasized,\n isSelected: renderProps.isSelected,\n size\n })} />\n </CenterBaseline>\n {children}\n </>\n )}\n </AriaRadio>\n );\n});\n"],"names":[],"version":3,"file":"Radio.cjs.map"}
|