@react-spectrum/radio 3.6.0 → 3.6.1
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/import.mjs +58 -31
- package/dist/main.css +1 -1
- package/dist/main.js +58 -31
- package/dist/main.js.map +1 -1
- package/dist/module.js +58 -31
- package/dist/module.js.map +1 -1
- package/package.json +11 -11
package/dist/import.mjs
CHANGED
@@ -41,33 +41,45 @@ function $parcel$export(e, n, v, s) {
|
|
41
41
|
|
42
42
|
var $d1246d70e6c52742$exports = {};
|
43
43
|
|
44
|
-
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio", () => $d1246d70e6c52742$export$26ebd4dbfef068c5, (v) => $d1246d70e6c52742$export$26ebd4dbfef068c5 = v);
|
45
|
-
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-input", () => $d1246d70e6c52742$export$c0ce6f9a6a2de1cc, (v) => $d1246d70e6c52742$export$c0ce6f9a6a2de1cc = v);
|
46
|
-
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-button", () => $d1246d70e6c52742$export$bf9d5e902c33bf05, (v) => $d1246d70e6c52742$export$bf9d5e902c33bf05 = v);
|
47
44
|
$parcel$export($d1246d70e6c52742$exports, "focus-ring", () => $d1246d70e6c52742$export$f39a09f249340e2a, (v) => $d1246d70e6c52742$export$f39a09f249340e2a = v);
|
48
|
-
$parcel$export($d1246d70e6c52742$exports, "
|
49
|
-
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio--labelBelow", () => $d1246d70e6c52742$export$9443e7082698950d, (v) => $d1246d70e6c52742$export$9443e7082698950d = v);
|
45
|
+
$parcel$export($d1246d70e6c52742$exports, "i18nFontFamily", () => $d1246d70e6c52742$export$8c4ee2c50c22c514, (v) => $d1246d70e6c52742$export$8c4ee2c50c22c514 = v);
|
50
46
|
$parcel$export($d1246d70e6c52742$exports, "is-hovered", () => $d1246d70e6c52742$export$b8813cd5d7824ce7, (v) => $d1246d70e6c52742$export$b8813cd5d7824ce7 = v);
|
51
|
-
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio--quiet", () => $d1246d70e6c52742$export$6db66b55a897f36d, (v) => $d1246d70e6c52742$export$6db66b55a897f36d = v);
|
52
47
|
$parcel$export($d1246d70e6c52742$exports, "is-invalid", () => $d1246d70e6c52742$export$14a30de2866685fa, (v) => $d1246d70e6c52742$export$14a30de2866685fa = v);
|
53
|
-
|
54
|
-
|
55
|
-
|
48
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-FocusRing-ring", () => $d1246d70e6c52742$export$4109102f950813a6, (v) => $d1246d70e6c52742$export$4109102f950813a6 = v);
|
49
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-FocusRing", () => $d1246d70e6c52742$export$24c7f46a6e3605dd, (v) => $d1246d70e6c52742$export$24c7f46a6e3605dd = v);
|
50
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-FocusRing--quiet", () => $d1246d70e6c52742$export$2927016961429360, (v) => $d1246d70e6c52742$export$2927016961429360 = v);
|
51
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio", () => $d1246d70e6c52742$export$26ebd4dbfef068c5, (v) => $d1246d70e6c52742$export$26ebd4dbfef068c5 = v);
|
52
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio--labelBelow", () => $d1246d70e6c52742$export$9443e7082698950d, (v) => $d1246d70e6c52742$export$9443e7082698950d = v);
|
53
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio--quiet", () => $d1246d70e6c52742$export$6db66b55a897f36d, (v) => $d1246d70e6c52742$export$6db66b55a897f36d = v);
|
54
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-button", () => $d1246d70e6c52742$export$bf9d5e902c33bf05, (v) => $d1246d70e6c52742$export$bf9d5e902c33bf05 = v);
|
55
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-input", () => $d1246d70e6c52742$export$c0ce6f9a6a2de1cc, (v) => $d1246d70e6c52742$export$c0ce6f9a6a2de1cc = v);
|
56
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-label", () => $d1246d70e6c52742$export$b0f8395a9667922d, (v) => $d1246d70e6c52742$export$b0f8395a9667922d = v);
|
56
57
|
var $d1246d70e6c52742$export$f39a09f249340e2a;
|
57
|
-
var $d1246d70e6c52742$export$
|
58
|
-
var $d1246d70e6c52742$export$9443e7082698950d;
|
58
|
+
var $d1246d70e6c52742$export$8c4ee2c50c22c514;
|
59
59
|
var $d1246d70e6c52742$export$b8813cd5d7824ce7;
|
60
|
-
var $d1246d70e6c52742$export$6db66b55a897f36d;
|
61
60
|
var $d1246d70e6c52742$export$14a30de2866685fa;
|
62
|
-
$d1246d70e6c52742$export$
|
63
|
-
$d1246d70e6c52742$export$
|
64
|
-
$d1246d70e6c52742$export$
|
65
|
-
$d1246d70e6c52742$export$
|
66
|
-
$d1246d70e6c52742$export$
|
67
|
-
$d1246d70e6c52742$export$
|
68
|
-
$d1246d70e6c52742$export$
|
69
|
-
$d1246d70e6c52742$export$
|
70
|
-
$d1246d70e6c52742$export$
|
61
|
+
var $d1246d70e6c52742$export$4109102f950813a6;
|
62
|
+
var $d1246d70e6c52742$export$24c7f46a6e3605dd;
|
63
|
+
var $d1246d70e6c52742$export$2927016961429360;
|
64
|
+
var $d1246d70e6c52742$export$26ebd4dbfef068c5;
|
65
|
+
var $d1246d70e6c52742$export$9443e7082698950d;
|
66
|
+
var $d1246d70e6c52742$export$6db66b55a897f36d;
|
67
|
+
var $d1246d70e6c52742$export$bf9d5e902c33bf05;
|
68
|
+
var $d1246d70e6c52742$export$c0ce6f9a6a2de1cc;
|
69
|
+
var $d1246d70e6c52742$export$b0f8395a9667922d;
|
70
|
+
$d1246d70e6c52742$export$f39a09f249340e2a = `V2HKpq_focus-ring`;
|
71
|
+
$d1246d70e6c52742$export$8c4ee2c50c22c514 = `V2HKpq_i18nFontFamily`;
|
72
|
+
$d1246d70e6c52742$export$b8813cd5d7824ce7 = `V2HKpq_is-hovered`;
|
73
|
+
$d1246d70e6c52742$export$14a30de2866685fa = `V2HKpq_is-invalid`;
|
74
|
+
$d1246d70e6c52742$export$4109102f950813a6 = `V2HKpq_spectrum-FocusRing-ring`;
|
75
|
+
$d1246d70e6c52742$export$24c7f46a6e3605dd = `V2HKpq_spectrum-FocusRing ${$d1246d70e6c52742$export$4109102f950813a6}`;
|
76
|
+
$d1246d70e6c52742$export$2927016961429360 = `V2HKpq_spectrum-FocusRing--quiet`;
|
77
|
+
$d1246d70e6c52742$export$26ebd4dbfef068c5 = `V2HKpq_spectrum-Radio`;
|
78
|
+
$d1246d70e6c52742$export$9443e7082698950d = `V2HKpq_spectrum-Radio--labelBelow`;
|
79
|
+
$d1246d70e6c52742$export$6db66b55a897f36d = `V2HKpq_spectrum-Radio--quiet`;
|
80
|
+
$d1246d70e6c52742$export$bf9d5e902c33bf05 = `V2HKpq_spectrum-Radio-button`;
|
81
|
+
$d1246d70e6c52742$export$c0ce6f9a6a2de1cc = `V2HKpq_spectrum-Radio-input`;
|
82
|
+
$d1246d70e6c52742$export$b0f8395a9667922d = `V2HKpq_spectrum-Radio-label`;
|
71
83
|
|
72
84
|
|
73
85
|
|
@@ -90,16 +102,16 @@ function $f394bff9e10389a0$export$b054eba74077a826() {
|
|
90
102
|
|
91
103
|
|
92
104
|
function $337c5cb580c4e6ba$var$Radio(props, ref) {
|
93
|
-
let { isDisabled: isDisabled
|
94
|
-
let { styleProps: styleProps
|
95
|
-
let { hoverProps: hoverProps
|
105
|
+
let { isDisabled: isDisabled, children: children, autoFocus: autoFocus, ...otherProps } = props;
|
106
|
+
let { styleProps: styleProps } = (0, $4hD9r$useStyleProps)(otherProps);
|
107
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $4hD9r$useHover)({
|
96
108
|
isDisabled: isDisabled
|
97
109
|
});
|
98
110
|
let inputRef = (0, $4hD9r$useRef)(null);
|
99
111
|
let domRef = (0, $4hD9r$useFocusableRef)(ref, inputRef);
|
100
112
|
let radioGroupProps = (0, $f394bff9e10389a0$export$b054eba74077a826)();
|
101
|
-
let { isEmphasized: isEmphasized
|
102
|
-
let { inputProps: inputProps
|
113
|
+
let { isEmphasized: isEmphasized, state: state } = radioGroupProps;
|
114
|
+
let { inputProps: inputProps } = (0, $4hD9r$useRadio)({
|
103
115
|
...props,
|
104
116
|
...radioGroupProps,
|
105
117
|
isDisabled: isDisabled
|
@@ -151,15 +163,30 @@ function $337c5cb580c4e6ba$var$Radio(props, ref) {
|
|
151
163
|
|
152
164
|
var $4cb2b26710154c56$exports = {};
|
153
165
|
|
166
|
+
$parcel$export($4cb2b26710154c56$exports, "focus-ring", () => $4cb2b26710154c56$export$f39a09f249340e2a, (v) => $4cb2b26710154c56$export$f39a09f249340e2a = v);
|
167
|
+
$parcel$export($4cb2b26710154c56$exports, "i18nFontFamily", () => $4cb2b26710154c56$export$8c4ee2c50c22c514, (v) => $4cb2b26710154c56$export$8c4ee2c50c22c514 = v);
|
154
168
|
$parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup", () => $4cb2b26710154c56$export$75eb16cbfc18279c, (v) => $4cb2b26710154c56$export$75eb16cbfc18279c = v);
|
155
169
|
$parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup-group", () => $4cb2b26710154c56$export$984c7bbbfc7ddffc, (v) => $4cb2b26710154c56$export$984c7bbbfc7ddffc = v);
|
156
170
|
$parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup-group--horizontal", () => $4cb2b26710154c56$export$1ad8646bcba21c0e, (v) => $4cb2b26710154c56$export$1ad8646bcba21c0e = v);
|
171
|
+
$parcel$export($4cb2b26710154c56$exports, "spectrum-FocusRing-ring", () => $4cb2b26710154c56$export$4109102f950813a6, (v) => $4cb2b26710154c56$export$4109102f950813a6 = v);
|
172
|
+
$parcel$export($4cb2b26710154c56$exports, "spectrum-FocusRing", () => $4cb2b26710154c56$export$24c7f46a6e3605dd, (v) => $4cb2b26710154c56$export$24c7f46a6e3605dd = v);
|
173
|
+
$parcel$export($4cb2b26710154c56$exports, "spectrum-FocusRing--quiet", () => $4cb2b26710154c56$export$2927016961429360, (v) => $4cb2b26710154c56$export$2927016961429360 = v);
|
174
|
+
var $4cb2b26710154c56$export$f39a09f249340e2a;
|
175
|
+
var $4cb2b26710154c56$export$8c4ee2c50c22c514;
|
157
176
|
var $4cb2b26710154c56$export$75eb16cbfc18279c;
|
158
177
|
var $4cb2b26710154c56$export$984c7bbbfc7ddffc;
|
159
178
|
var $4cb2b26710154c56$export$1ad8646bcba21c0e;
|
160
|
-
$4cb2b26710154c56$export$
|
161
|
-
$4cb2b26710154c56$export$
|
162
|
-
$4cb2b26710154c56$export$
|
179
|
+
var $4cb2b26710154c56$export$4109102f950813a6;
|
180
|
+
var $4cb2b26710154c56$export$24c7f46a6e3605dd;
|
181
|
+
var $4cb2b26710154c56$export$2927016961429360;
|
182
|
+
$4cb2b26710154c56$export$f39a09f249340e2a = `hyn22G_focus-ring`;
|
183
|
+
$4cb2b26710154c56$export$8c4ee2c50c22c514 = `hyn22G_i18nFontFamily`;
|
184
|
+
$4cb2b26710154c56$export$75eb16cbfc18279c = `hyn22G_spectrum-FieldGroup`;
|
185
|
+
$4cb2b26710154c56$export$984c7bbbfc7ddffc = `hyn22G_spectrum-FieldGroup-group`;
|
186
|
+
$4cb2b26710154c56$export$1ad8646bcba21c0e = `hyn22G_spectrum-FieldGroup-group--horizontal`;
|
187
|
+
$4cb2b26710154c56$export$4109102f950813a6 = `hyn22G_spectrum-FocusRing-ring`;
|
188
|
+
$4cb2b26710154c56$export$24c7f46a6e3605dd = `hyn22G_spectrum-FocusRing ${$4cb2b26710154c56$export$4109102f950813a6}`;
|
189
|
+
$4cb2b26710154c56$export$2927016961429360 = `hyn22G_spectrum-FocusRing--quiet`;
|
163
190
|
|
164
191
|
|
165
192
|
|
@@ -169,10 +196,10 @@ $4cb2b26710154c56$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizont
|
|
169
196
|
function $ac9b96486fc4badf$var$RadioGroup(props, ref) {
|
170
197
|
props = (0, $4hD9r$useProviderProps)(props);
|
171
198
|
props = (0, $4hD9r$useFormProps)(props);
|
172
|
-
let { isEmphasized: isEmphasized
|
199
|
+
let { isEmphasized: isEmphasized, children: children, orientation: orientation = "vertical" } = props;
|
173
200
|
let domRef = (0, $4hD9r$useDOMRef)(ref);
|
174
201
|
let state = (0, $4hD9r$useRadioGroupState)(props);
|
175
|
-
let { radioGroupProps: radioGroupProps
|
202
|
+
let { radioGroupProps: radioGroupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $4hD9r$useRadioGroup)(props, state);
|
176
203
|
return /*#__PURE__*/ (0, $4hD9r$react).createElement((0, $4hD9r$Field), {
|
177
204
|
...props,
|
178
205
|
ref: domRef,
|
package/dist/main.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
:root{font-synthesis:weight}.spectrum-Radio_bf46c2{--spectrum-radio-radius:calc(var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175))/2);--spectrum-radio-border-width-checked:calc(var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175))/2 - var(--spectrum-radio-circle-dot-size,var(--spectrum-global-dimension-static-size-50))/2);--spectrum-radio-labelbelow-label-margin:var(--spectrum-global-dimension-size-40)0 0 0;--spectrum-radio-labelbelow-height:auto;--spectrum-radio-label-margin-top:var(--spectrum-global-dimension-size-65);--spectrum-radio-label-line-height:1.49;--spectrum-radio-emphasized-circle-border-color:var(--spectrum-alias-toggle-color-default);--spectrum-radio-emphasized-circle-border-color-hover:var(--spectrum-alias-toggle-color-hover);--spectrum-radio-emphasized-circle-border-color-key-focus:var(--spectrum-alias-toggle-color-key-focus);--spectrum-radio-quiet-circle-border-color-selected:var(--spectrum-alias-toggle-color-selected);--spectrum-radio-quiet-circle-border-color-selected-hover:var(--spectrum-alias-toggle-color-selected-hover);--spectrum-radio-quiet-circle-border-color-selected-key-focus:var(--spectrum-alias-toggle-color-selected-key-focus);--spectrum-radio-emphasized-circle-border-color-selected:var(--spectrum-accent-color-900);--spectrum-radio-emphasized-circle-border-color-selected-hover:var(--spectrum-accent-color-1000);--spectrum-radio-emphasized-circle-border-color-selected-key-focus:var(--spectrum-accent-color-1000);--spectrum-radio-emphasized-circle-border-color-selected-down:var(--spectrum-accent-color-1100)}[dir=ltr] .spectrum-Radio_bf46c2{margin-right:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}[dir=rtl] .spectrum-Radio_bf46c2{margin-left:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.spectrum-Radio_bf46c2{min-height:var(--spectrum-radio-height,var(--spectrum-global-dimension-size-400));max-width:100%;vertical-align:top;isolation:isolate;align-items:flex-start;display:inline-flex;position:relative}[dir=ltr] .spectrum-Radio-input_bf46c2{left:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}[dir=rtl] .spectrum-Radio-input_bf46c2{right:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.spectrum-Radio-input_bf46c2{box-sizing:border-box;width:calc(100% + var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2);height:100%;opacity:.0001;z-index:1;cursor:default;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;top:0;overflow:visible}.spectrum-Radio-input_bf46c2:disabled{cursor:default}.spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-width:var(--spectrum-radio-border-width-checked)}.spectrum-Radio-input_bf46c2.focus-ring_bf46c2+.spectrum-Radio-button_bf46c2:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1)}[dir=ltr] .spectrum-Radio-label_bf46c2{text-align:left}[dir=rtl] .spectrum-Radio-label_bf46c2{text-align:right}[dir=ltr] .spectrum-Radio-label_bf46c2{margin-left:var(--spectrum-radio-text-gap,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Radio-label_bf46c2{margin-right:var(--spectrum-radio-text-gap,var(--spectrum-global-dimension-size-125))}.spectrum-Radio-label_bf46c2{margin-top:var(--spectrum-radio-label-margin-top);font-size:var(--spectrum-radio-text-size,var(--spectrum-alias-font-size-default));line-height:var(--spectrum-radio-label-line-height);transition:color var(--spectrum-global-animation-duration-100,.13s)ease-in-out}.spectrum-Radio-button_bf46c2{box-sizing:border-box;width:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));height:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));margin:calc((var(--spectrum-radio-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175)))/2)0;flex-grow:0;flex-shrink:0;position:relative}.spectrum-Radio-button_bf46c2:before{z-index:0;content:"";box-sizing:border-box;width:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));height:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));border-radius:var(--spectrum-radio-radius);border-width:var(--spectrum-radio-circle-border-size,var(--spectrum-alias-border-size-thick));transition:border var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-style:solid;display:block;position:absolute}.spectrum-Radio-button_bf46c2:after{content:"";margin:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;border-radius:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(0)}.spectrum-Radio--labelBelow_bf46c2{height:var(--spectrum-radio-labelbelow-height);flex-direction:column;align-items:center;display:inline-flex}.spectrum-Radio--labelBelow_bf46c2 .spectrum-Radio-button_bf46c2{flex-shrink:0;margin:0}.spectrum-Radio--labelBelow_bf46c2 .spectrum-Radio-label_bf46c2{margin:var(--spectrum-radio-labelbelow-label-margin)}.spectrum-Radio_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-selected,var(--spectrum-global-color-blue-500))}.spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-text-color,var(--spectrum-alias-text-color))}.spectrum-Radio-button_bf46c2:before{background-color:var(--spectrum-radio-emphasized-circle-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-radio-emphasized-circle-border-color,var(--spectrum-global-color-gray-600))}.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-hover,var(--spectrum-global-color-gray-700));box-shadow:none}.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-selected-hover,var(--spectrum-global-color-blue-600))}.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-Radio_bf46c2:active .spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-down,var(--spectrum-global-color-gray-800))}.spectrum-Radio_bf46c2:active .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-selected-down,var(--spectrum-global-color-blue-700))}.spectrum-Radio_bf46c2:active .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Radio_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-selected-hover,var(--spectrum-global-color-blue-600))}.spectrum-Radio--quiet_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-quiet-circle-border-color-selected,var(--spectrum-global-color-gray-700))}.spectrum-Radio--quiet_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-quiet-circle-border-color-selected-hover,var(--spectrum-global-color-gray-800))}.spectrum-Radio--quiet_bf46c2:active .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-quiet-circle-border-color-selected-down,var(--spectrum-global-color-gray-900))}.spectrum-Radio--quiet_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-quiet-circle-border-color-selected-key-focus,var(--spectrum-global-color-gray-800))}.spectrum-Radio_bf46c2.is-invalid_bf46c2 .spectrum-Radio-button_bf46c2:before,.spectrum-Radio_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2 .spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Radio_bf46c2.is-invalid_bf46c2 .spectrum-Radio-label_bf46c2,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2 .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Radio_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Radio_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-label_bf46c2,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-circle-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Radio_bf46c2.is-invalid_bf46c2:active .spectrum-Radio-input_bf46c2+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2:active .spectrum-Radio-input_bf46c2+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error-down,var(--spectrum-global-color-red-700))}.spectrum-Radio_bf46c2.is-invalid_bf46c2:active .spectrum-Radio-label_bf46c2,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2:active .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-circle-border-color-error-down,var(--spectrum-global-color-red-700))}.spectrum-Radio_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-circle-border-color-error-key-focus,var(--spectrum-global-color-red-600))}.spectrum-Radio_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-circle-border-color-error-selected-key-focus,var(--spectrum-global-color-red-600))}.spectrum-Radio-input_bf46c2:disabled+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-disabled,var(--spectrum-global-color-gray-400))!important}.spectrum-Radio-input_bf46c2:disabled~.spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled))!important}.spectrum-Radio_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-circle-border-color-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-Radio_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2+.spectrum-Radio-button_bf46c2:after,.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2+.spectrum-Radio-button_bf46c2:after,.spectrum-Radio--quiet_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2+.spectrum-Radio-button_bf46c2:after,.spectrum-Radio--quiet_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2+.spectrum-Radio-button_bf46c2:after{box-shadow:0 0 0 var(--spectrum-radio-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size))var(--spectrum-radio-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}@media (forced-colors:active){.spectrum-Radio_bf46c2{forced-color-adjust:none;--spectrum-radio-circle-border-color-error-key-focus:ButtonText;--spectrum-radio-circle-border-color-error-selected-key-focus:Highlight;--spectrum-radio-circle-border-color-key-focus:Highlight;--spectrum-radio-emphasized-circle-background-color:ButtonFace;--spectrum-radio-emphasized-circle-border-color-disabled:GrayText;--spectrum-radio-emphasized-circle-border-color-down:Highlight;--spectrum-radio-emphasized-circle-border-color-error:ButtonText;--spectrum-radio-emphasized-circle-border-color-error-down:Highlight;--spectrum-radio-emphasized-circle-border-color-error-hover:Highlight;--spectrum-radio-emphasized-circle-border-color-hover:Highlight;--spectrum-radio-emphasized-circle-border-color-selected-down:Highlight;--spectrum-radio-emphasized-circle-border-color-selected-hover:Highlight;--spectrum-radio-emphasized-circle-border-color-selected-key-focus:Highlight;--spectrum-radio-emphasized-circle-border-color-selected:Highlight;--spectrum-radio-emphasized-circle-border-color:ButtonText;--spectrum-radio-emphasized-text-color-disabled:GrayText;--spectrum-radio-emphasized-text-color-down:CanvasText;--spectrum-radio-emphasized-text-color-hover:CanvasText;--spectrum-radio-emphasized-text-color:CanvasText;--spectrum-radio-focus-ring-color-key-focus:ButtonText;--spectrum-radio-quiet-circle-border-color-selected:Highlight;--spectrum-radio-quiet-circle-border-color-selected-down:Highlight;--spectrum-radio-quiet-circle-border-color-selected-hover:Highlight;--spectrum-radio-quiet-circle-border-color-selected-key-focus:Highlight;--spectrum-radio-focus-ring-gap-key-focus:var(--spectrum-global-dimension-static-size-25,2px);--spectrum-radio-focus-ring-size:var(--spectrum-global-dimension-static-size-40,3px)}.spectrum-Radio_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-label_bf46c2,.spectrum-Radio_bf46c2.is-invalid_bf46c2:active .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}}:root{font-synthesis:weight}.spectrum-FieldGroup_41d350.spectrum-FieldGroup_41d350{width:auto;--spectrum-field-default-width:auto}.spectrum-FieldGroup-group_41d350{flex-direction:column;display:flex}.spectrum-FieldGroup-group--horizontal_41d350{flex-flow:wrap}
|
1
|
+
.V2HKpq_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.V2HKpq_i18nFontFamily:lang(ar){font-family:myriad-arabic,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.V2HKpq_i18nFontFamily:lang(he){font-family:myriad-hebrew,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.V2HKpq_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.V2HKpq_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.V2HKpq_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.V2HKpq_i18nFontFamily:lang(zh-SG),.V2HKpq_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.V2HKpq_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.V2HKpq_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,MS Pゴシック,MS PGothic,sans-serif}.V2HKpq_spectrum-FocusRing-ring{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.V2HKpq_spectrum-FocusRing-ring:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.V2HKpq_spectrum-FocusRing.V2HKpq_focus-ring:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.V2HKpq_spectrum-FocusRing--quiet:after{border-radius:0}.V2HKpq_spectrum-FocusRing--quiet.V2HKpq_focus-ring:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.V2HKpq_spectrum-Radio{--spectrum-radio-radius:calc(var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175))/2);--spectrum-radio-border-width-checked:calc(calc(var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175))/2) - calc(var(--spectrum-radio-circle-dot-size,var(--spectrum-global-dimension-static-size-50))/2));--spectrum-radio-labelbelow-label-margin:var(--spectrum-global-dimension-size-40)0 0 0;--spectrum-radio-labelbelow-height:auto;--spectrum-radio-label-margin-top:var(--spectrum-global-dimension-size-65);--spectrum-radio-label-line-height:1.49;--spectrum-radio-emphasized-circle-border-color:var(--spectrum-alias-toggle-color-default);--spectrum-radio-emphasized-circle-border-color-hover:var(--spectrum-alias-toggle-color-hover);--spectrum-radio-emphasized-circle-border-color-key-focus:var(--spectrum-alias-toggle-color-key-focus);--spectrum-radio-quiet-circle-border-color-selected:var(--spectrum-alias-toggle-color-selected);--spectrum-radio-quiet-circle-border-color-selected-hover:var(--spectrum-alias-toggle-color-selected-hover);--spectrum-radio-quiet-circle-border-color-selected-key-focus:var(--spectrum-alias-toggle-color-selected-key-focus);--spectrum-radio-emphasized-circle-border-color-selected:var(--spectrum-accent-color-900);--spectrum-radio-emphasized-circle-border-color-selected-hover:var(--spectrum-accent-color-1000);--spectrum-radio-emphasized-circle-border-color-selected-key-focus:var(--spectrum-accent-color-1000);--spectrum-radio-emphasized-circle-border-color-selected-down:var(--spectrum-accent-color-1100);min-block-size:var(--spectrum-radio-height,var(--spectrum-global-dimension-size-400));vertical-align:top;isolation:isolate;align-items:flex-start;max-inline-size:100%;display:inline-flex;position:relative}.V2HKpq_spectrum-Radio:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.V2HKpq_spectrum-Radio:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.V2HKpq_spectrum-Radio:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.V2HKpq_spectrum-Radio:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.V2HKpq_spectrum-Radio:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.V2HKpq_spectrum-Radio-input{box-sizing:border-box;inline-size:calc(100% + var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2);opacity:.0001;z-index:1;cursor:default;block-size:100%;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;top:0;overflow:visible}.V2HKpq_spectrum-Radio-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.V2HKpq_spectrum-Radio-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.V2HKpq_spectrum-Radio-input:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.V2HKpq_spectrum-Radio-input:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.V2HKpq_spectrum-Radio-input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.V2HKpq_spectrum-Radio-input:disabled{cursor:default}.V2HKpq_spectrum-Radio-input:checked+.V2HKpq_spectrum-Radio-button:before{border-width:var(--spectrum-radio-border-width-checked)}.V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring+.V2HKpq_spectrum-Radio-button:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1)}.V2HKpq_spectrum-Radio-label{text-align:start;font-size:var(--spectrum-radio-text-size,var(--spectrum-alias-font-size-default));line-height:var(--spectrum-radio-label-line-height);transition:color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;margin-top:var(--spectrum-radio-label-margin-top)}.V2HKpq_spectrum-Radio-label:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-radio-text-gap,var(--spectrum-global-dimension-size-125))}.V2HKpq_spectrum-Radio-label:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-radio-text-gap,var(--spectrum-global-dimension-size-125))}.V2HKpq_spectrum-Radio-label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-radio-text-gap,var(--spectrum-global-dimension-size-125))}.V2HKpq_spectrum-Radio-label:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-radio-text-gap,var(--spectrum-global-dimension-size-125))}.V2HKpq_spectrum-Radio-label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-radio-text-gap,var(--spectrum-global-dimension-size-125))}.V2HKpq_spectrum-Radio-button{box-sizing:border-box;inline-size:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));block-size:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));margin:calc((var(--spectrum-radio-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175)))/2)0;flex-grow:0;flex-shrink:0;position:relative}.V2HKpq_spectrum-Radio-button:before{z-index:0;content:"";box-sizing:border-box;width:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));height:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));border-radius:var(--spectrum-radio-radius);border-width:var(--spectrum-radio-circle-border-size,var(--spectrum-alias-border-size-thick));transition:border var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-style:solid;display:block;position:absolute}.V2HKpq_spectrum-Radio-button:after{content:"";margin:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;border-radius:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(0)}.V2HKpq_spectrum-Radio--labelBelow{block-size:var(--spectrum-radio-labelbelow-height);flex-direction:column;align-items:center;display:inline-flex}.V2HKpq_spectrum-Radio--labelBelow .V2HKpq_spectrum-Radio-button{flex-shrink:0;margin:0}.V2HKpq_spectrum-Radio--labelBelow .V2HKpq_spectrum-Radio-label{margin:var(--spectrum-radio-labelbelow-label-margin)}.V2HKpq_spectrum-Radio .V2HKpq_spectrum-Radio-input:checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-selected,var(--spectrum-global-color-blue-500))}.V2HKpq_spectrum-Radio-label{color:var(--spectrum-radio-emphasized-text-color,var(--spectrum-alias-text-color))}.V2HKpq_spectrum-Radio-button:before{background-color:var(--spectrum-radio-emphasized-circle-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-radio-emphasized-circle-border-color,var(--spectrum-global-color-gray-600))}.V2HKpq_spectrum-Radio.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-hover,var(--spectrum-global-color-gray-700));box-shadow:none}.V2HKpq_spectrum-Radio.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input:checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-selected-hover,var(--spectrum-global-color-blue-600))}.V2HKpq_spectrum-Radio.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-label{color:var(--spectrum-radio-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}.V2HKpq_spectrum-Radio:active .V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-down,var(--spectrum-global-color-gray-800))}.V2HKpq_spectrum-Radio:active .V2HKpq_spectrum-Radio-input:checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-selected-down,var(--spectrum-global-color-blue-700))}.V2HKpq_spectrum-Radio:active .V2HKpq_spectrum-Radio-label{color:var(--spectrum-radio-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}.V2HKpq_spectrum-Radio .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:checked+.V2HKpq_spectrum-Radio-button:before,.V2HKpq_spectrum-Radio.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-selected-hover,var(--spectrum-global-color-blue-600))}.V2HKpq_spectrum-Radio--quiet .V2HKpq_spectrum-Radio-input:checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-quiet-circle-border-color-selected,var(--spectrum-global-color-gray-700))}.V2HKpq_spectrum-Radio--quiet.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input:checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-quiet-circle-border-color-selected-hover,var(--spectrum-global-color-gray-800))}.V2HKpq_spectrum-Radio--quiet:active .V2HKpq_spectrum-Radio-input:checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-quiet-circle-border-color-selected-down,var(--spectrum-global-color-gray-900))}.V2HKpq_spectrum-Radio--quiet .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:checked+.V2HKpq_spectrum-Radio-button:before,.V2HKpq_spectrum-Radio--quiet.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-quiet-circle-border-color-selected-key-focus,var(--spectrum-global-color-gray-800))}:-webkit-any(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}:is(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}:-webkit-any(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-input:checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}:is(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-input:checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}:-webkit-any():before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}:is():before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}:-webkit-any(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-label{color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}:is(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-label{color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}:-webkit-any(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error-hover,var(--spectrum-global-color-red-600))}:is(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error-hover,var(--spectrum-global-color-red-600))}:-webkit-any(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-label{color:var(--spectrum-radio-emphasized-circle-border-color-error-hover,var(--spectrum-global-color-red-600))}:is(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-label{color:var(--spectrum-radio-emphasized-circle-border-color-error-hover,var(--spectrum-global-color-red-600))}:-webkit-any(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid:active .V2HKpq_spectrum-Radio-input+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error-down,var(--spectrum-global-color-red-700))}:is(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid:active .V2HKpq_spectrum-Radio-input+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error-down,var(--spectrum-global-color-red-700))}:-webkit-any(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid:active .V2HKpq_spectrum-Radio-label{color:var(--spectrum-radio-emphasized-circle-border-color-error-down,var(--spectrum-global-color-red-700))}:is(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid:active .V2HKpq_spectrum-Radio-label{color:var(--spectrum-radio-emphasized-circle-border-color-error-down,var(--spectrum-global-color-red-700))}:-webkit-any(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:not(:checked)+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-error-key-focus,var(--spectrum-global-color-red-600))}:is(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:not(:checked)+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-error-key-focus,var(--spectrum-global-color-red-600))}:-webkit-any(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-error-selected-key-focus,var(--spectrum-global-color-red-600))}:is(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-error-selected-key-focus,var(--spectrum-global-color-red-600))}:-webkit-any(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:not(:checked)+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-error-key-focus,var(--spectrum-global-color-red-600))}:is(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:not(:checked)+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-error-key-focus,var(--spectrum-global-color-red-600))}:-webkit-any(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-error-selected-key-focus,var(--spectrum-global-color-red-600))}:is(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-error-selected-key-focus,var(--spectrum-global-color-red-600))}:-webkit-any():checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-error-selected-key-focus,var(--spectrum-global-color-red-600))}:is():checked+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-error-selected-key-focus,var(--spectrum-global-color-red-600))}.V2HKpq_spectrum-Radio-input:disabled+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-disabled,var(--spectrum-global-color-gray-400))!important}.V2HKpq_spectrum-Radio-input:disabled~.V2HKpq_spectrum-Radio-label{color:var(--spectrum-radio-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled))!important}:-webkit-any(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet) .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:not(:checked)+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-key-focus,var(--spectrum-global-color-gray-700))}:is(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet) .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:not(:checked)+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-key-focus,var(--spectrum-global-color-gray-700))}:-webkit-any(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet) .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring+.V2HKpq_spectrum-Radio-button:after{box-shadow:0 0 0 var(--spectrum-radio-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size))var(--spectrum-radio-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}:is(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet) .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring+.V2HKpq_spectrum-Radio-button:after{box-shadow:0 0 0 var(--spectrum-radio-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size))var(--spectrum-radio-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}:-webkit-any(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:not(:checked)+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-key-focus,var(--spectrum-global-color-gray-700))}:is(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:not(:checked)+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-key-focus,var(--spectrum-global-color-gray-700))}:-webkit-any(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring+.V2HKpq_spectrum-Radio-button:after{box-shadow:0 0 0 var(--spectrum-radio-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size))var(--spectrum-radio-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}:is(.V2HKpq_spectrum-Radio,.V2HKpq_spectrum-Radio--quiet).V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring+.V2HKpq_spectrum-Radio-button:after{box-shadow:0 0 0 var(--spectrum-radio-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size))var(--spectrum-radio-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}:-webkit-any():not(:checked)+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-key-focus,var(--spectrum-global-color-gray-700))}:is():not(:checked)+.V2HKpq_spectrum-Radio-button:before{border-color:var(--spectrum-radio-circle-border-color-key-focus,var(--spectrum-global-color-gray-700))}:-webkit-any()+.V2HKpq_spectrum-Radio-button:after{box-shadow:0 0 0 var(--spectrum-radio-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size))var(--spectrum-radio-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}:is()+.V2HKpq_spectrum-Radio-button:after{box-shadow:0 0 0 var(--spectrum-radio-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size))var(--spectrum-radio-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}@media (forced-colors:active){.V2HKpq_spectrum-Radio{forced-color-adjust:none;--spectrum-radio-circle-border-color-error-key-focus:ButtonText;--spectrum-radio-circle-border-color-error-selected-key-focus:Highlight;--spectrum-radio-circle-border-color-key-focus:Highlight;--spectrum-radio-emphasized-circle-background-color:ButtonFace;--spectrum-radio-emphasized-circle-border-color-disabled:GrayText;--spectrum-radio-emphasized-circle-border-color-down:Highlight;--spectrum-radio-emphasized-circle-border-color-error:ButtonText;--spectrum-radio-emphasized-circle-border-color-error-down:Highlight;--spectrum-radio-emphasized-circle-border-color-error-hover:Highlight;--spectrum-radio-emphasized-circle-border-color-hover:Highlight;--spectrum-radio-emphasized-circle-border-color-selected-down:Highlight;--spectrum-radio-emphasized-circle-border-color-selected-hover:Highlight;--spectrum-radio-emphasized-circle-border-color-selected-key-focus:Highlight;--spectrum-radio-emphasized-circle-border-color-selected:Highlight;--spectrum-radio-emphasized-circle-border-color:ButtonText;--spectrum-radio-emphasized-text-color-disabled:GrayText;--spectrum-radio-emphasized-text-color-down:CanvasText;--spectrum-radio-emphasized-text-color-hover:CanvasText;--spectrum-radio-emphasized-text-color:CanvasText;--spectrum-radio-focus-ring-color-key-focus:ButtonText;--spectrum-radio-quiet-circle-border-color-selected:Highlight;--spectrum-radio-quiet-circle-border-color-selected-down:Highlight;--spectrum-radio-quiet-circle-border-color-selected-hover:Highlight;--spectrum-radio-quiet-circle-border-color-selected-key-focus:Highlight;--spectrum-radio-focus-ring-gap-key-focus:var(--spectrum-global-dimension-static-size-25,2px);--spectrum-radio-focus-ring-size:var(--spectrum-global-dimension-static-size-40,3px)}.V2HKpq_spectrum-Radio.V2HKpq_is-invalid.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-label,.V2HKpq_spectrum-Radio.V2HKpq_is-invalid:active .V2HKpq_spectrum-Radio-label{color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}}.hyn22G_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.hyn22G_i18nFontFamily:lang(ar){font-family:myriad-arabic,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.hyn22G_i18nFontFamily:lang(he){font-family:myriad-hebrew,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.hyn22G_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.hyn22G_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.hyn22G_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.hyn22G_i18nFontFamily:lang(zh-SG),.hyn22G_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.hyn22G_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.hyn22G_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,MS Pゴシック,MS PGothic,sans-serif}.hyn22G_spectrum-FocusRing-ring{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.hyn22G_spectrum-FocusRing-ring:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hyn22G_spectrum-FocusRing.hyn22G_focus-ring:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.hyn22G_spectrum-FocusRing--quiet:after{border-radius:0}.hyn22G_spectrum-FocusRing--quiet.hyn22G_focus-ring:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.hyn22G_spectrum-FieldGroup.hyn22G_spectrum-FieldGroup{--spectrum-field-default-width:auto;width:auto}.hyn22G_spectrum-FieldGroup-group{flex-direction:column;display:flex}.hyn22G_spectrum-FieldGroup-group--horizontal{flex-flow:wrap}
|
package/dist/main.js
CHANGED
@@ -44,33 +44,45 @@ $parcel$export(module.exports, "RadioGroup", () => $aa5529d97b69d048$export$a98f
|
|
44
44
|
|
45
45
|
var $a8fbff4889c18df2$exports = {};
|
46
46
|
|
47
|
-
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio", () => $a8fbff4889c18df2$export$26ebd4dbfef068c5, (v) => $a8fbff4889c18df2$export$26ebd4dbfef068c5 = v);
|
48
|
-
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio-input", () => $a8fbff4889c18df2$export$c0ce6f9a6a2de1cc, (v) => $a8fbff4889c18df2$export$c0ce6f9a6a2de1cc = v);
|
49
|
-
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio-button", () => $a8fbff4889c18df2$export$bf9d5e902c33bf05, (v) => $a8fbff4889c18df2$export$bf9d5e902c33bf05 = v);
|
50
47
|
$parcel$export($a8fbff4889c18df2$exports, "focus-ring", () => $a8fbff4889c18df2$export$f39a09f249340e2a, (v) => $a8fbff4889c18df2$export$f39a09f249340e2a = v);
|
51
|
-
$parcel$export($a8fbff4889c18df2$exports, "
|
52
|
-
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio--labelBelow", () => $a8fbff4889c18df2$export$9443e7082698950d, (v) => $a8fbff4889c18df2$export$9443e7082698950d = v);
|
48
|
+
$parcel$export($a8fbff4889c18df2$exports, "i18nFontFamily", () => $a8fbff4889c18df2$export$8c4ee2c50c22c514, (v) => $a8fbff4889c18df2$export$8c4ee2c50c22c514 = v);
|
53
49
|
$parcel$export($a8fbff4889c18df2$exports, "is-hovered", () => $a8fbff4889c18df2$export$b8813cd5d7824ce7, (v) => $a8fbff4889c18df2$export$b8813cd5d7824ce7 = v);
|
54
|
-
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio--quiet", () => $a8fbff4889c18df2$export$6db66b55a897f36d, (v) => $a8fbff4889c18df2$export$6db66b55a897f36d = v);
|
55
50
|
$parcel$export($a8fbff4889c18df2$exports, "is-invalid", () => $a8fbff4889c18df2$export$14a30de2866685fa, (v) => $a8fbff4889c18df2$export$14a30de2866685fa = v);
|
56
|
-
|
57
|
-
|
58
|
-
|
51
|
+
$parcel$export($a8fbff4889c18df2$exports, "spectrum-FocusRing-ring", () => $a8fbff4889c18df2$export$4109102f950813a6, (v) => $a8fbff4889c18df2$export$4109102f950813a6 = v);
|
52
|
+
$parcel$export($a8fbff4889c18df2$exports, "spectrum-FocusRing", () => $a8fbff4889c18df2$export$24c7f46a6e3605dd, (v) => $a8fbff4889c18df2$export$24c7f46a6e3605dd = v);
|
53
|
+
$parcel$export($a8fbff4889c18df2$exports, "spectrum-FocusRing--quiet", () => $a8fbff4889c18df2$export$2927016961429360, (v) => $a8fbff4889c18df2$export$2927016961429360 = v);
|
54
|
+
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio", () => $a8fbff4889c18df2$export$26ebd4dbfef068c5, (v) => $a8fbff4889c18df2$export$26ebd4dbfef068c5 = v);
|
55
|
+
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio--labelBelow", () => $a8fbff4889c18df2$export$9443e7082698950d, (v) => $a8fbff4889c18df2$export$9443e7082698950d = v);
|
56
|
+
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio--quiet", () => $a8fbff4889c18df2$export$6db66b55a897f36d, (v) => $a8fbff4889c18df2$export$6db66b55a897f36d = v);
|
57
|
+
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio-button", () => $a8fbff4889c18df2$export$bf9d5e902c33bf05, (v) => $a8fbff4889c18df2$export$bf9d5e902c33bf05 = v);
|
58
|
+
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio-input", () => $a8fbff4889c18df2$export$c0ce6f9a6a2de1cc, (v) => $a8fbff4889c18df2$export$c0ce6f9a6a2de1cc = v);
|
59
|
+
$parcel$export($a8fbff4889c18df2$exports, "spectrum-Radio-label", () => $a8fbff4889c18df2$export$b0f8395a9667922d, (v) => $a8fbff4889c18df2$export$b0f8395a9667922d = v);
|
59
60
|
var $a8fbff4889c18df2$export$f39a09f249340e2a;
|
60
|
-
var $a8fbff4889c18df2$export$
|
61
|
-
var $a8fbff4889c18df2$export$9443e7082698950d;
|
61
|
+
var $a8fbff4889c18df2$export$8c4ee2c50c22c514;
|
62
62
|
var $a8fbff4889c18df2$export$b8813cd5d7824ce7;
|
63
|
-
var $a8fbff4889c18df2$export$6db66b55a897f36d;
|
64
63
|
var $a8fbff4889c18df2$export$14a30de2866685fa;
|
65
|
-
$a8fbff4889c18df2$export$
|
66
|
-
$a8fbff4889c18df2$export$
|
67
|
-
$a8fbff4889c18df2$export$
|
68
|
-
$a8fbff4889c18df2$export$
|
69
|
-
$a8fbff4889c18df2$export$
|
70
|
-
$a8fbff4889c18df2$export$
|
71
|
-
$a8fbff4889c18df2$export$
|
72
|
-
$a8fbff4889c18df2$export$
|
73
|
-
$a8fbff4889c18df2$export$
|
64
|
+
var $a8fbff4889c18df2$export$4109102f950813a6;
|
65
|
+
var $a8fbff4889c18df2$export$24c7f46a6e3605dd;
|
66
|
+
var $a8fbff4889c18df2$export$2927016961429360;
|
67
|
+
var $a8fbff4889c18df2$export$26ebd4dbfef068c5;
|
68
|
+
var $a8fbff4889c18df2$export$9443e7082698950d;
|
69
|
+
var $a8fbff4889c18df2$export$6db66b55a897f36d;
|
70
|
+
var $a8fbff4889c18df2$export$bf9d5e902c33bf05;
|
71
|
+
var $a8fbff4889c18df2$export$c0ce6f9a6a2de1cc;
|
72
|
+
var $a8fbff4889c18df2$export$b0f8395a9667922d;
|
73
|
+
$a8fbff4889c18df2$export$f39a09f249340e2a = `V2HKpq_focus-ring`;
|
74
|
+
$a8fbff4889c18df2$export$8c4ee2c50c22c514 = `V2HKpq_i18nFontFamily`;
|
75
|
+
$a8fbff4889c18df2$export$b8813cd5d7824ce7 = `V2HKpq_is-hovered`;
|
76
|
+
$a8fbff4889c18df2$export$14a30de2866685fa = `V2HKpq_is-invalid`;
|
77
|
+
$a8fbff4889c18df2$export$4109102f950813a6 = `V2HKpq_spectrum-FocusRing-ring`;
|
78
|
+
$a8fbff4889c18df2$export$24c7f46a6e3605dd = `V2HKpq_spectrum-FocusRing ${$a8fbff4889c18df2$export$4109102f950813a6}`;
|
79
|
+
$a8fbff4889c18df2$export$2927016961429360 = `V2HKpq_spectrum-FocusRing--quiet`;
|
80
|
+
$a8fbff4889c18df2$export$26ebd4dbfef068c5 = `V2HKpq_spectrum-Radio`;
|
81
|
+
$a8fbff4889c18df2$export$9443e7082698950d = `V2HKpq_spectrum-Radio--labelBelow`;
|
82
|
+
$a8fbff4889c18df2$export$6db66b55a897f36d = `V2HKpq_spectrum-Radio--quiet`;
|
83
|
+
$a8fbff4889c18df2$export$bf9d5e902c33bf05 = `V2HKpq_spectrum-Radio-button`;
|
84
|
+
$a8fbff4889c18df2$export$c0ce6f9a6a2de1cc = `V2HKpq_spectrum-Radio-input`;
|
85
|
+
$a8fbff4889c18df2$export$b0f8395a9667922d = `V2HKpq_spectrum-Radio-label`;
|
74
86
|
|
75
87
|
|
76
88
|
|
@@ -93,16 +105,16 @@ function $f5a8721b9af05d97$export$b054eba74077a826() {
|
|
93
105
|
|
94
106
|
|
95
107
|
function $e8d5518f9c1aca76$var$Radio(props, ref) {
|
96
|
-
let { isDisabled: isDisabled
|
97
|
-
let { styleProps: styleProps
|
98
|
-
let { hoverProps: hoverProps
|
108
|
+
let { isDisabled: isDisabled, children: children, autoFocus: autoFocus, ...otherProps } = props;
|
109
|
+
let { styleProps: styleProps } = (0, $ltKMc$reactspectrumutils.useStyleProps)(otherProps);
|
110
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $ltKMc$reactariainteractions.useHover)({
|
99
111
|
isDisabled: isDisabled
|
100
112
|
});
|
101
113
|
let inputRef = (0, $ltKMc$react.useRef)(null);
|
102
114
|
let domRef = (0, $ltKMc$reactspectrumutils.useFocusableRef)(ref, inputRef);
|
103
115
|
let radioGroupProps = (0, $f5a8721b9af05d97$export$b054eba74077a826)();
|
104
|
-
let { isEmphasized: isEmphasized
|
105
|
-
let { inputProps: inputProps
|
116
|
+
let { isEmphasized: isEmphasized, state: state } = radioGroupProps;
|
117
|
+
let { inputProps: inputProps } = (0, $ltKMc$reactariaradio.useRadio)({
|
106
118
|
...props,
|
107
119
|
...radioGroupProps,
|
108
120
|
isDisabled: isDisabled
|
@@ -154,15 +166,30 @@ function $e8d5518f9c1aca76$var$Radio(props, ref) {
|
|
154
166
|
|
155
167
|
var $53124a3a0fd56fca$exports = {};
|
156
168
|
|
169
|
+
$parcel$export($53124a3a0fd56fca$exports, "focus-ring", () => $53124a3a0fd56fca$export$f39a09f249340e2a, (v) => $53124a3a0fd56fca$export$f39a09f249340e2a = v);
|
170
|
+
$parcel$export($53124a3a0fd56fca$exports, "i18nFontFamily", () => $53124a3a0fd56fca$export$8c4ee2c50c22c514, (v) => $53124a3a0fd56fca$export$8c4ee2c50c22c514 = v);
|
157
171
|
$parcel$export($53124a3a0fd56fca$exports, "spectrum-FieldGroup", () => $53124a3a0fd56fca$export$75eb16cbfc18279c, (v) => $53124a3a0fd56fca$export$75eb16cbfc18279c = v);
|
158
172
|
$parcel$export($53124a3a0fd56fca$exports, "spectrum-FieldGroup-group", () => $53124a3a0fd56fca$export$984c7bbbfc7ddffc, (v) => $53124a3a0fd56fca$export$984c7bbbfc7ddffc = v);
|
159
173
|
$parcel$export($53124a3a0fd56fca$exports, "spectrum-FieldGroup-group--horizontal", () => $53124a3a0fd56fca$export$1ad8646bcba21c0e, (v) => $53124a3a0fd56fca$export$1ad8646bcba21c0e = v);
|
174
|
+
$parcel$export($53124a3a0fd56fca$exports, "spectrum-FocusRing-ring", () => $53124a3a0fd56fca$export$4109102f950813a6, (v) => $53124a3a0fd56fca$export$4109102f950813a6 = v);
|
175
|
+
$parcel$export($53124a3a0fd56fca$exports, "spectrum-FocusRing", () => $53124a3a0fd56fca$export$24c7f46a6e3605dd, (v) => $53124a3a0fd56fca$export$24c7f46a6e3605dd = v);
|
176
|
+
$parcel$export($53124a3a0fd56fca$exports, "spectrum-FocusRing--quiet", () => $53124a3a0fd56fca$export$2927016961429360, (v) => $53124a3a0fd56fca$export$2927016961429360 = v);
|
177
|
+
var $53124a3a0fd56fca$export$f39a09f249340e2a;
|
178
|
+
var $53124a3a0fd56fca$export$8c4ee2c50c22c514;
|
160
179
|
var $53124a3a0fd56fca$export$75eb16cbfc18279c;
|
161
180
|
var $53124a3a0fd56fca$export$984c7bbbfc7ddffc;
|
162
181
|
var $53124a3a0fd56fca$export$1ad8646bcba21c0e;
|
163
|
-
$53124a3a0fd56fca$export$
|
164
|
-
$53124a3a0fd56fca$export$
|
165
|
-
$53124a3a0fd56fca$export$
|
182
|
+
var $53124a3a0fd56fca$export$4109102f950813a6;
|
183
|
+
var $53124a3a0fd56fca$export$24c7f46a6e3605dd;
|
184
|
+
var $53124a3a0fd56fca$export$2927016961429360;
|
185
|
+
$53124a3a0fd56fca$export$f39a09f249340e2a = `hyn22G_focus-ring`;
|
186
|
+
$53124a3a0fd56fca$export$8c4ee2c50c22c514 = `hyn22G_i18nFontFamily`;
|
187
|
+
$53124a3a0fd56fca$export$75eb16cbfc18279c = `hyn22G_spectrum-FieldGroup`;
|
188
|
+
$53124a3a0fd56fca$export$984c7bbbfc7ddffc = `hyn22G_spectrum-FieldGroup-group`;
|
189
|
+
$53124a3a0fd56fca$export$1ad8646bcba21c0e = `hyn22G_spectrum-FieldGroup-group--horizontal`;
|
190
|
+
$53124a3a0fd56fca$export$4109102f950813a6 = `hyn22G_spectrum-FocusRing-ring`;
|
191
|
+
$53124a3a0fd56fca$export$24c7f46a6e3605dd = `hyn22G_spectrum-FocusRing ${$53124a3a0fd56fca$export$4109102f950813a6}`;
|
192
|
+
$53124a3a0fd56fca$export$2927016961429360 = `hyn22G_spectrum-FocusRing--quiet`;
|
166
193
|
|
167
194
|
|
168
195
|
|
@@ -172,10 +199,10 @@ $53124a3a0fd56fca$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizont
|
|
172
199
|
function $aa5529d97b69d048$var$RadioGroup(props, ref) {
|
173
200
|
props = (0, $ltKMc$reactspectrumprovider.useProviderProps)(props);
|
174
201
|
props = (0, $ltKMc$reactspectrumform.useFormProps)(props);
|
175
|
-
let { isEmphasized: isEmphasized
|
202
|
+
let { isEmphasized: isEmphasized, children: children, orientation: orientation = "vertical" } = props;
|
176
203
|
let domRef = (0, $ltKMc$reactspectrumutils.useDOMRef)(ref);
|
177
204
|
let state = (0, $ltKMc$reactstatelyradio.useRadioGroupState)(props);
|
178
|
-
let { radioGroupProps: radioGroupProps
|
205
|
+
let { radioGroupProps: radioGroupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $ltKMc$reactariaradio.useRadioGroup)(props, state);
|
179
206
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($ltKMc$react))).createElement((0, $ltKMc$reactspectrumlabel.Field), {
|
180
207
|
...props,
|
181
208
|
ref: domRef,
|
package/dist/main.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/radio/src/index.ts","packages/@react-spectrum/radio/src/Radio.tsx","packages/@adobe/spectrum-css-temp/components/radio/vars.css","packages/@react-spectrum/radio/src/context.ts","packages/@react-spectrum/radio/src/RadioGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldgroup/vars.css"],"sourcesContent":["/*\n * Copyright 2020 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\n/// <reference types=\"css-module-types\" />\n\nexport {Radio} from './Radio';\nexport {RadioGroup} from './RadioGroup';\nexport type {SpectrumRadioProps} from '@react-types/radio';\nexport type {SpectrumRadioGroupProps} from '@react-types/radio';\n","/*\n * Copyright 2020 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 {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumRadioProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/radio/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useRadio} from '@react-aria/radio';\nimport {useRadioProvider} from './context';\n\nfunction Radio(props: SpectrumRadioProps, ref: FocusableRef<HTMLLabelElement>) {\n let {\n isDisabled,\n children,\n autoFocus,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n let inputRef = useRef<HTMLInputElement>(null);\n let domRef = useFocusableRef(ref, inputRef);\n\n let radioGroupProps = useRadioProvider();\n let {\n isEmphasized,\n state\n } = radioGroupProps;\n\n let {inputProps} = useRadio({\n ...props,\n ...radioGroupProps,\n isDisabled\n }, state, inputRef);\n\n return (\n <label\n {...styleProps}\n {...hoverProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-Radio',\n {\n // Removing. Pending design feedback.\n // 'spectrum-Radio--labelBelow': labelPosition === 'bottom',\n 'spectrum-Radio--quiet': !isEmphasized,\n 'is-disabled': isDisabled,\n 'is-invalid': state.isInvalid,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <input\n {...inputProps}\n ref={inputRef}\n className={classNames(styles, 'spectrum-Radio-input')} />\n </FocusRing>\n <span className={classNames(styles, 'spectrum-Radio-button')} />\n {children && (\n <span className={classNames(styles, 'spectrum-Radio-label')}>\n {children}\n </span>\n )}\n </label>\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 */\nconst _Radio = forwardRef(Radio);\nexport {_Radio as Radio};\n","/*\n * Copyright 2020 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\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 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 {RadioGroupState} from '@react-stately/radio';\nimport React, {useContext} from 'react';\n\ninterface RadioGroupContext {\n isEmphasized?: boolean,\n name?: string,\n state: RadioGroupState\n}\n\nexport const RadioContext = React.createContext<RadioGroupContext | null>(null);\n\nexport function useRadioProvider(): RadioGroupContext {\n return useContext(RadioContext);\n}\n","/*\n * Copyright 2020 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 {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {RadioContext} from './context';\nimport React from 'react';\nimport {SpectrumRadioGroupProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/fieldgroup/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRadioGroup} from '@react-aria/radio';\nimport {useRadioGroupState} from '@react-stately/radio';\n\nfunction RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isEmphasized,\n children,\n orientation = 'vertical'\n } = props;\n\n let domRef = useDOMRef(ref);\n let state = useRadioGroupState(props);\n let {radioGroupProps, labelProps, descriptionProps, errorMessageProps} = useRadioGroup(props, state);\n\n return (\n <Field\n {...props}\n ref={domRef}\n wrapperClassName={classNames(styles, 'spectrum-FieldGroup')}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n elementType=\"span\">\n <div\n {...radioGroupProps}\n className={\n classNames(\n styles,\n 'spectrum-FieldGroup-group',\n {\n 'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'\n }\n )\n }>\n <RadioContext.Provider\n value={{\n isEmphasized,\n state\n }}>\n {children}\n </RadioContext.Provider>\n </div>\n </Field>\n );\n}\n\n/**\n * Radio groups 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 */\nconst _RadioGroup = React.forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\n","/*\n * Copyright 2020 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\n@import './index.css';\n"],"names":[],"version":3,"file":"main.js.map"}
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/radio/src/index.ts","packages/@react-spectrum/radio/src/Radio.tsx","packages/@adobe/spectrum-css-temp/components/radio/vars.css","packages/@react-spectrum/radio/src/context.ts","packages/@react-spectrum/radio/src/RadioGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldgroup/vars.css"],"sourcesContent":["/*\n * Copyright 2020 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\n/// <reference types=\"css-module-types\" />\n\nexport {Radio} from './Radio';\nexport {RadioGroup} from './RadioGroup';\nexport type {SpectrumRadioProps} from '@react-types/radio';\nexport type {SpectrumRadioGroupProps} from '@react-types/radio';\n","/*\n * Copyright 2020 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 {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumRadioProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/radio/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useRadio} from '@react-aria/radio';\nimport {useRadioProvider} from './context';\n\nfunction Radio(props: SpectrumRadioProps, ref: FocusableRef<HTMLLabelElement>) {\n let {\n isDisabled,\n children,\n autoFocus,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n let inputRef = useRef<HTMLInputElement>(null);\n let domRef = useFocusableRef(ref, inputRef);\n\n let radioGroupProps = useRadioProvider();\n let {\n isEmphasized,\n state\n } = radioGroupProps;\n\n let {inputProps} = useRadio({\n ...props,\n ...radioGroupProps,\n isDisabled\n }, state, inputRef);\n\n return (\n <label\n {...styleProps}\n {...hoverProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-Radio',\n {\n // Removing. Pending design feedback.\n // 'spectrum-Radio--labelBelow': labelPosition === 'bottom',\n 'spectrum-Radio--quiet': !isEmphasized,\n 'is-disabled': isDisabled,\n 'is-invalid': state.isInvalid,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <input\n {...inputProps}\n ref={inputRef}\n className={classNames(styles, 'spectrum-Radio-input')} />\n </FocusRing>\n <span className={classNames(styles, 'spectrum-Radio-button')} />\n {children && (\n <span className={classNames(styles, 'spectrum-Radio-label')}>\n {children}\n </span>\n )}\n </label>\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 */\nconst _Radio = forwardRef(Radio);\nexport {_Radio as Radio};\n","/*\n * Copyright 2020 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\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 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 {RadioGroupState} from '@react-stately/radio';\nimport React, {useContext} from 'react';\n\ninterface RadioGroupContext {\n isEmphasized?: boolean,\n name?: string,\n state: RadioGroupState\n}\n\nexport const RadioContext = React.createContext<RadioGroupContext | null>(null);\n\nexport function useRadioProvider(): RadioGroupContext {\n return useContext(RadioContext);\n}\n","/*\n * Copyright 2020 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 {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {RadioContext} from './context';\nimport React from 'react';\nimport {SpectrumRadioGroupProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/fieldgroup/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRadioGroup} from '@react-aria/radio';\nimport {useRadioGroupState} from '@react-stately/radio';\n\nfunction RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isEmphasized,\n children,\n orientation = 'vertical'\n } = props;\n\n let domRef = useDOMRef(ref);\n let state = useRadioGroupState(props);\n let {radioGroupProps, labelProps, descriptionProps, errorMessageProps} = useRadioGroup(props, state);\n\n return (\n <Field\n {...props}\n ref={domRef}\n wrapperClassName={classNames(styles, 'spectrum-FieldGroup')}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n elementType=\"span\">\n <div\n {...radioGroupProps}\n className={\n classNames(\n styles,\n 'spectrum-FieldGroup-group',\n {\n 'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'\n }\n )\n }>\n <RadioContext.Provider\n value={{\n isEmphasized,\n state\n }}>\n {children}\n </RadioContext.Provider>\n </div>\n </Field>\n );\n}\n\n/**\n * Radio groups 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 */\nconst _RadioGroup = React.forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\n","/*\n * Copyright 2020 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\n@import './index.css';\n"],"names":[],"version":3,"file":"main.js.map"}
|
package/dist/module.js
CHANGED
@@ -41,33 +41,45 @@ function $parcel$export(e, n, v, s) {
|
|
41
41
|
|
42
42
|
var $d1246d70e6c52742$exports = {};
|
43
43
|
|
44
|
-
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio", () => $d1246d70e6c52742$export$26ebd4dbfef068c5, (v) => $d1246d70e6c52742$export$26ebd4dbfef068c5 = v);
|
45
|
-
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-input", () => $d1246d70e6c52742$export$c0ce6f9a6a2de1cc, (v) => $d1246d70e6c52742$export$c0ce6f9a6a2de1cc = v);
|
46
|
-
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-button", () => $d1246d70e6c52742$export$bf9d5e902c33bf05, (v) => $d1246d70e6c52742$export$bf9d5e902c33bf05 = v);
|
47
44
|
$parcel$export($d1246d70e6c52742$exports, "focus-ring", () => $d1246d70e6c52742$export$f39a09f249340e2a, (v) => $d1246d70e6c52742$export$f39a09f249340e2a = v);
|
48
|
-
$parcel$export($d1246d70e6c52742$exports, "
|
49
|
-
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio--labelBelow", () => $d1246d70e6c52742$export$9443e7082698950d, (v) => $d1246d70e6c52742$export$9443e7082698950d = v);
|
45
|
+
$parcel$export($d1246d70e6c52742$exports, "i18nFontFamily", () => $d1246d70e6c52742$export$8c4ee2c50c22c514, (v) => $d1246d70e6c52742$export$8c4ee2c50c22c514 = v);
|
50
46
|
$parcel$export($d1246d70e6c52742$exports, "is-hovered", () => $d1246d70e6c52742$export$b8813cd5d7824ce7, (v) => $d1246d70e6c52742$export$b8813cd5d7824ce7 = v);
|
51
|
-
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio--quiet", () => $d1246d70e6c52742$export$6db66b55a897f36d, (v) => $d1246d70e6c52742$export$6db66b55a897f36d = v);
|
52
47
|
$parcel$export($d1246d70e6c52742$exports, "is-invalid", () => $d1246d70e6c52742$export$14a30de2866685fa, (v) => $d1246d70e6c52742$export$14a30de2866685fa = v);
|
53
|
-
|
54
|
-
|
55
|
-
|
48
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-FocusRing-ring", () => $d1246d70e6c52742$export$4109102f950813a6, (v) => $d1246d70e6c52742$export$4109102f950813a6 = v);
|
49
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-FocusRing", () => $d1246d70e6c52742$export$24c7f46a6e3605dd, (v) => $d1246d70e6c52742$export$24c7f46a6e3605dd = v);
|
50
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-FocusRing--quiet", () => $d1246d70e6c52742$export$2927016961429360, (v) => $d1246d70e6c52742$export$2927016961429360 = v);
|
51
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio", () => $d1246d70e6c52742$export$26ebd4dbfef068c5, (v) => $d1246d70e6c52742$export$26ebd4dbfef068c5 = v);
|
52
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio--labelBelow", () => $d1246d70e6c52742$export$9443e7082698950d, (v) => $d1246d70e6c52742$export$9443e7082698950d = v);
|
53
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio--quiet", () => $d1246d70e6c52742$export$6db66b55a897f36d, (v) => $d1246d70e6c52742$export$6db66b55a897f36d = v);
|
54
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-button", () => $d1246d70e6c52742$export$bf9d5e902c33bf05, (v) => $d1246d70e6c52742$export$bf9d5e902c33bf05 = v);
|
55
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-input", () => $d1246d70e6c52742$export$c0ce6f9a6a2de1cc, (v) => $d1246d70e6c52742$export$c0ce6f9a6a2de1cc = v);
|
56
|
+
$parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-label", () => $d1246d70e6c52742$export$b0f8395a9667922d, (v) => $d1246d70e6c52742$export$b0f8395a9667922d = v);
|
56
57
|
var $d1246d70e6c52742$export$f39a09f249340e2a;
|
57
|
-
var $d1246d70e6c52742$export$
|
58
|
-
var $d1246d70e6c52742$export$9443e7082698950d;
|
58
|
+
var $d1246d70e6c52742$export$8c4ee2c50c22c514;
|
59
59
|
var $d1246d70e6c52742$export$b8813cd5d7824ce7;
|
60
|
-
var $d1246d70e6c52742$export$6db66b55a897f36d;
|
61
60
|
var $d1246d70e6c52742$export$14a30de2866685fa;
|
62
|
-
$d1246d70e6c52742$export$
|
63
|
-
$d1246d70e6c52742$export$
|
64
|
-
$d1246d70e6c52742$export$
|
65
|
-
$d1246d70e6c52742$export$
|
66
|
-
$d1246d70e6c52742$export$
|
67
|
-
$d1246d70e6c52742$export$
|
68
|
-
$d1246d70e6c52742$export$
|
69
|
-
$d1246d70e6c52742$export$
|
70
|
-
$d1246d70e6c52742$export$
|
61
|
+
var $d1246d70e6c52742$export$4109102f950813a6;
|
62
|
+
var $d1246d70e6c52742$export$24c7f46a6e3605dd;
|
63
|
+
var $d1246d70e6c52742$export$2927016961429360;
|
64
|
+
var $d1246d70e6c52742$export$26ebd4dbfef068c5;
|
65
|
+
var $d1246d70e6c52742$export$9443e7082698950d;
|
66
|
+
var $d1246d70e6c52742$export$6db66b55a897f36d;
|
67
|
+
var $d1246d70e6c52742$export$bf9d5e902c33bf05;
|
68
|
+
var $d1246d70e6c52742$export$c0ce6f9a6a2de1cc;
|
69
|
+
var $d1246d70e6c52742$export$b0f8395a9667922d;
|
70
|
+
$d1246d70e6c52742$export$f39a09f249340e2a = `V2HKpq_focus-ring`;
|
71
|
+
$d1246d70e6c52742$export$8c4ee2c50c22c514 = `V2HKpq_i18nFontFamily`;
|
72
|
+
$d1246d70e6c52742$export$b8813cd5d7824ce7 = `V2HKpq_is-hovered`;
|
73
|
+
$d1246d70e6c52742$export$14a30de2866685fa = `V2HKpq_is-invalid`;
|
74
|
+
$d1246d70e6c52742$export$4109102f950813a6 = `V2HKpq_spectrum-FocusRing-ring`;
|
75
|
+
$d1246d70e6c52742$export$24c7f46a6e3605dd = `V2HKpq_spectrum-FocusRing ${$d1246d70e6c52742$export$4109102f950813a6}`;
|
76
|
+
$d1246d70e6c52742$export$2927016961429360 = `V2HKpq_spectrum-FocusRing--quiet`;
|
77
|
+
$d1246d70e6c52742$export$26ebd4dbfef068c5 = `V2HKpq_spectrum-Radio`;
|
78
|
+
$d1246d70e6c52742$export$9443e7082698950d = `V2HKpq_spectrum-Radio--labelBelow`;
|
79
|
+
$d1246d70e6c52742$export$6db66b55a897f36d = `V2HKpq_spectrum-Radio--quiet`;
|
80
|
+
$d1246d70e6c52742$export$bf9d5e902c33bf05 = `V2HKpq_spectrum-Radio-button`;
|
81
|
+
$d1246d70e6c52742$export$c0ce6f9a6a2de1cc = `V2HKpq_spectrum-Radio-input`;
|
82
|
+
$d1246d70e6c52742$export$b0f8395a9667922d = `V2HKpq_spectrum-Radio-label`;
|
71
83
|
|
72
84
|
|
73
85
|
|
@@ -90,16 +102,16 @@ function $f394bff9e10389a0$export$b054eba74077a826() {
|
|
90
102
|
|
91
103
|
|
92
104
|
function $337c5cb580c4e6ba$var$Radio(props, ref) {
|
93
|
-
let { isDisabled: isDisabled
|
94
|
-
let { styleProps: styleProps
|
95
|
-
let { hoverProps: hoverProps
|
105
|
+
let { isDisabled: isDisabled, children: children, autoFocus: autoFocus, ...otherProps } = props;
|
106
|
+
let { styleProps: styleProps } = (0, $4hD9r$useStyleProps)(otherProps);
|
107
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $4hD9r$useHover)({
|
96
108
|
isDisabled: isDisabled
|
97
109
|
});
|
98
110
|
let inputRef = (0, $4hD9r$useRef)(null);
|
99
111
|
let domRef = (0, $4hD9r$useFocusableRef)(ref, inputRef);
|
100
112
|
let radioGroupProps = (0, $f394bff9e10389a0$export$b054eba74077a826)();
|
101
|
-
let { isEmphasized: isEmphasized
|
102
|
-
let { inputProps: inputProps
|
113
|
+
let { isEmphasized: isEmphasized, state: state } = radioGroupProps;
|
114
|
+
let { inputProps: inputProps } = (0, $4hD9r$useRadio)({
|
103
115
|
...props,
|
104
116
|
...radioGroupProps,
|
105
117
|
isDisabled: isDisabled
|
@@ -151,15 +163,30 @@ function $337c5cb580c4e6ba$var$Radio(props, ref) {
|
|
151
163
|
|
152
164
|
var $4cb2b26710154c56$exports = {};
|
153
165
|
|
166
|
+
$parcel$export($4cb2b26710154c56$exports, "focus-ring", () => $4cb2b26710154c56$export$f39a09f249340e2a, (v) => $4cb2b26710154c56$export$f39a09f249340e2a = v);
|
167
|
+
$parcel$export($4cb2b26710154c56$exports, "i18nFontFamily", () => $4cb2b26710154c56$export$8c4ee2c50c22c514, (v) => $4cb2b26710154c56$export$8c4ee2c50c22c514 = v);
|
154
168
|
$parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup", () => $4cb2b26710154c56$export$75eb16cbfc18279c, (v) => $4cb2b26710154c56$export$75eb16cbfc18279c = v);
|
155
169
|
$parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup-group", () => $4cb2b26710154c56$export$984c7bbbfc7ddffc, (v) => $4cb2b26710154c56$export$984c7bbbfc7ddffc = v);
|
156
170
|
$parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup-group--horizontal", () => $4cb2b26710154c56$export$1ad8646bcba21c0e, (v) => $4cb2b26710154c56$export$1ad8646bcba21c0e = v);
|
171
|
+
$parcel$export($4cb2b26710154c56$exports, "spectrum-FocusRing-ring", () => $4cb2b26710154c56$export$4109102f950813a6, (v) => $4cb2b26710154c56$export$4109102f950813a6 = v);
|
172
|
+
$parcel$export($4cb2b26710154c56$exports, "spectrum-FocusRing", () => $4cb2b26710154c56$export$24c7f46a6e3605dd, (v) => $4cb2b26710154c56$export$24c7f46a6e3605dd = v);
|
173
|
+
$parcel$export($4cb2b26710154c56$exports, "spectrum-FocusRing--quiet", () => $4cb2b26710154c56$export$2927016961429360, (v) => $4cb2b26710154c56$export$2927016961429360 = v);
|
174
|
+
var $4cb2b26710154c56$export$f39a09f249340e2a;
|
175
|
+
var $4cb2b26710154c56$export$8c4ee2c50c22c514;
|
157
176
|
var $4cb2b26710154c56$export$75eb16cbfc18279c;
|
158
177
|
var $4cb2b26710154c56$export$984c7bbbfc7ddffc;
|
159
178
|
var $4cb2b26710154c56$export$1ad8646bcba21c0e;
|
160
|
-
$4cb2b26710154c56$export$
|
161
|
-
$4cb2b26710154c56$export$
|
162
|
-
$4cb2b26710154c56$export$
|
179
|
+
var $4cb2b26710154c56$export$4109102f950813a6;
|
180
|
+
var $4cb2b26710154c56$export$24c7f46a6e3605dd;
|
181
|
+
var $4cb2b26710154c56$export$2927016961429360;
|
182
|
+
$4cb2b26710154c56$export$f39a09f249340e2a = `hyn22G_focus-ring`;
|
183
|
+
$4cb2b26710154c56$export$8c4ee2c50c22c514 = `hyn22G_i18nFontFamily`;
|
184
|
+
$4cb2b26710154c56$export$75eb16cbfc18279c = `hyn22G_spectrum-FieldGroup`;
|
185
|
+
$4cb2b26710154c56$export$984c7bbbfc7ddffc = `hyn22G_spectrum-FieldGroup-group`;
|
186
|
+
$4cb2b26710154c56$export$1ad8646bcba21c0e = `hyn22G_spectrum-FieldGroup-group--horizontal`;
|
187
|
+
$4cb2b26710154c56$export$4109102f950813a6 = `hyn22G_spectrum-FocusRing-ring`;
|
188
|
+
$4cb2b26710154c56$export$24c7f46a6e3605dd = `hyn22G_spectrum-FocusRing ${$4cb2b26710154c56$export$4109102f950813a6}`;
|
189
|
+
$4cb2b26710154c56$export$2927016961429360 = `hyn22G_spectrum-FocusRing--quiet`;
|
163
190
|
|
164
191
|
|
165
192
|
|
@@ -169,10 +196,10 @@ $4cb2b26710154c56$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizont
|
|
169
196
|
function $ac9b96486fc4badf$var$RadioGroup(props, ref) {
|
170
197
|
props = (0, $4hD9r$useProviderProps)(props);
|
171
198
|
props = (0, $4hD9r$useFormProps)(props);
|
172
|
-
let { isEmphasized: isEmphasized
|
199
|
+
let { isEmphasized: isEmphasized, children: children, orientation: orientation = "vertical" } = props;
|
173
200
|
let domRef = (0, $4hD9r$useDOMRef)(ref);
|
174
201
|
let state = (0, $4hD9r$useRadioGroupState)(props);
|
175
|
-
let { radioGroupProps: radioGroupProps
|
202
|
+
let { radioGroupProps: radioGroupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $4hD9r$useRadioGroup)(props, state);
|
176
203
|
return /*#__PURE__*/ (0, $4hD9r$react).createElement((0, $4hD9r$Field), {
|
177
204
|
...props,
|
178
205
|
ref: domRef,
|
package/dist/module.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/radio/src/index.ts","packages/@react-spectrum/radio/src/Radio.tsx","packages/@adobe/spectrum-css-temp/components/radio/vars.css","packages/@react-spectrum/radio/src/context.ts","packages/@react-spectrum/radio/src/RadioGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldgroup/vars.css"],"sourcesContent":["/*\n * Copyright 2020 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\n/// <reference types=\"css-module-types\" />\n\nexport {Radio} from './Radio';\nexport {RadioGroup} from './RadioGroup';\nexport type {SpectrumRadioProps} from '@react-types/radio';\nexport type {SpectrumRadioGroupProps} from '@react-types/radio';\n","/*\n * Copyright 2020 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 {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumRadioProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/radio/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useRadio} from '@react-aria/radio';\nimport {useRadioProvider} from './context';\n\nfunction Radio(props: SpectrumRadioProps, ref: FocusableRef<HTMLLabelElement>) {\n let {\n isDisabled,\n children,\n autoFocus,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n let inputRef = useRef<HTMLInputElement>(null);\n let domRef = useFocusableRef(ref, inputRef);\n\n let radioGroupProps = useRadioProvider();\n let {\n isEmphasized,\n state\n } = radioGroupProps;\n\n let {inputProps} = useRadio({\n ...props,\n ...radioGroupProps,\n isDisabled\n }, state, inputRef);\n\n return (\n <label\n {...styleProps}\n {...hoverProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-Radio',\n {\n // Removing. Pending design feedback.\n // 'spectrum-Radio--labelBelow': labelPosition === 'bottom',\n 'spectrum-Radio--quiet': !isEmphasized,\n 'is-disabled': isDisabled,\n 'is-invalid': state.isInvalid,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <input\n {...inputProps}\n ref={inputRef}\n className={classNames(styles, 'spectrum-Radio-input')} />\n </FocusRing>\n <span className={classNames(styles, 'spectrum-Radio-button')} />\n {children && (\n <span className={classNames(styles, 'spectrum-Radio-label')}>\n {children}\n </span>\n )}\n </label>\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 */\nconst _Radio = forwardRef(Radio);\nexport {_Radio as Radio};\n","/*\n * Copyright 2020 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\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 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 {RadioGroupState} from '@react-stately/radio';\nimport React, {useContext} from 'react';\n\ninterface RadioGroupContext {\n isEmphasized?: boolean,\n name?: string,\n state: RadioGroupState\n}\n\nexport const RadioContext = React.createContext<RadioGroupContext | null>(null);\n\nexport function useRadioProvider(): RadioGroupContext {\n return useContext(RadioContext);\n}\n","/*\n * Copyright 2020 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 {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {RadioContext} from './context';\nimport React from 'react';\nimport {SpectrumRadioGroupProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/fieldgroup/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRadioGroup} from '@react-aria/radio';\nimport {useRadioGroupState} from '@react-stately/radio';\n\nfunction RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isEmphasized,\n children,\n orientation = 'vertical'\n } = props;\n\n let domRef = useDOMRef(ref);\n let state = useRadioGroupState(props);\n let {radioGroupProps, labelProps, descriptionProps, errorMessageProps} = useRadioGroup(props, state);\n\n return (\n <Field\n {...props}\n ref={domRef}\n wrapperClassName={classNames(styles, 'spectrum-FieldGroup')}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n elementType=\"span\">\n <div\n {...radioGroupProps}\n className={\n classNames(\n styles,\n 'spectrum-FieldGroup-group',\n {\n 'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'\n }\n )\n }>\n <RadioContext.Provider\n value={{\n isEmphasized,\n state\n }}>\n {children}\n </RadioContext.Provider>\n </div>\n </Field>\n );\n}\n\n/**\n * Radio groups 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 */\nconst _RadioGroup = React.forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\n","/*\n * Copyright 2020 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\n@import './index.css';\n"],"names":[],"version":3,"file":"module.js.map"}
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/radio/src/index.ts","packages/@react-spectrum/radio/src/Radio.tsx","packages/@adobe/spectrum-css-temp/components/radio/vars.css","packages/@react-spectrum/radio/src/context.ts","packages/@react-spectrum/radio/src/RadioGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldgroup/vars.css"],"sourcesContent":["/*\n * Copyright 2020 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\n/// <reference types=\"css-module-types\" />\n\nexport {Radio} from './Radio';\nexport {RadioGroup} from './RadioGroup';\nexport type {SpectrumRadioProps} from '@react-types/radio';\nexport type {SpectrumRadioGroupProps} from '@react-types/radio';\n","/*\n * Copyright 2020 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 {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumRadioProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/radio/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useRadio} from '@react-aria/radio';\nimport {useRadioProvider} from './context';\n\nfunction Radio(props: SpectrumRadioProps, ref: FocusableRef<HTMLLabelElement>) {\n let {\n isDisabled,\n children,\n autoFocus,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n let inputRef = useRef<HTMLInputElement>(null);\n let domRef = useFocusableRef(ref, inputRef);\n\n let radioGroupProps = useRadioProvider();\n let {\n isEmphasized,\n state\n } = radioGroupProps;\n\n let {inputProps} = useRadio({\n ...props,\n ...radioGroupProps,\n isDisabled\n }, state, inputRef);\n\n return (\n <label\n {...styleProps}\n {...hoverProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-Radio',\n {\n // Removing. Pending design feedback.\n // 'spectrum-Radio--labelBelow': labelPosition === 'bottom',\n 'spectrum-Radio--quiet': !isEmphasized,\n 'is-disabled': isDisabled,\n 'is-invalid': state.isInvalid,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <input\n {...inputProps}\n ref={inputRef}\n className={classNames(styles, 'spectrum-Radio-input')} />\n </FocusRing>\n <span className={classNames(styles, 'spectrum-Radio-button')} />\n {children && (\n <span className={classNames(styles, 'spectrum-Radio-label')}>\n {children}\n </span>\n )}\n </label>\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 */\nconst _Radio = forwardRef(Radio);\nexport {_Radio as Radio};\n","/*\n * Copyright 2020 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\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 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 {RadioGroupState} from '@react-stately/radio';\nimport React, {useContext} from 'react';\n\ninterface RadioGroupContext {\n isEmphasized?: boolean,\n name?: string,\n state: RadioGroupState\n}\n\nexport const RadioContext = React.createContext<RadioGroupContext | null>(null);\n\nexport function useRadioProvider(): RadioGroupContext {\n return useContext(RadioContext);\n}\n","/*\n * Copyright 2020 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 {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {RadioContext} from './context';\nimport React from 'react';\nimport {SpectrumRadioGroupProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/fieldgroup/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRadioGroup} from '@react-aria/radio';\nimport {useRadioGroupState} from '@react-stately/radio';\n\nfunction RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isEmphasized,\n children,\n orientation = 'vertical'\n } = props;\n\n let domRef = useDOMRef(ref);\n let state = useRadioGroupState(props);\n let {radioGroupProps, labelProps, descriptionProps, errorMessageProps} = useRadioGroup(props, state);\n\n return (\n <Field\n {...props}\n ref={domRef}\n wrapperClassName={classNames(styles, 'spectrum-FieldGroup')}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n elementType=\"span\">\n <div\n {...radioGroupProps}\n className={\n classNames(\n styles,\n 'spectrum-FieldGroup-group',\n {\n 'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'\n }\n )\n }>\n <RadioContext.Provider\n value={{\n isEmphasized,\n state\n }}>\n {children}\n </RadioContext.Provider>\n </div>\n </Field>\n );\n}\n\n/**\n * Radio groups 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 */\nconst _RadioGroup = React.forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\n","/*\n * Copyright 2020 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\n@import './index.css';\n"],"names":[],"version":3,"file":"module.js.map"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@react-spectrum/radio",
|
3
|
-
"version": "3.6.
|
3
|
+
"version": "3.6.1",
|
4
4
|
"description": "Spectrum UI components in React",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "dist/main.js",
|
@@ -36,15 +36,15 @@
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
37
37
|
},
|
38
38
|
"dependencies": {
|
39
|
-
"@react-aria/focus": "^3.14.
|
40
|
-
"@react-aria/interactions": "^3.
|
41
|
-
"@react-aria/radio": "^3.8.
|
42
|
-
"@react-spectrum/form": "^3.6.
|
43
|
-
"@react-spectrum/label": "^3.
|
44
|
-
"@react-spectrum/utils": "^3.
|
45
|
-
"@react-stately/radio": "^3.9.
|
46
|
-
"@react-types/radio": "^3.5.
|
47
|
-
"@react-types/shared": "^3.
|
39
|
+
"@react-aria/focus": "^3.14.2",
|
40
|
+
"@react-aria/interactions": "^3.19.0",
|
41
|
+
"@react-aria/radio": "^3.8.1",
|
42
|
+
"@react-spectrum/form": "^3.6.6",
|
43
|
+
"@react-spectrum/label": "^3.15.0",
|
44
|
+
"@react-spectrum/utils": "^3.11.0",
|
45
|
+
"@react-stately/radio": "^3.9.1",
|
46
|
+
"@react-types/radio": "^3.5.2",
|
47
|
+
"@react-types/shared": "^3.21.0",
|
48
48
|
"@swc/helpers": "^0.5.0"
|
49
49
|
},
|
50
50
|
"devDependencies": {
|
@@ -57,5 +57,5 @@
|
|
57
57
|
"publishConfig": {
|
58
58
|
"access": "public"
|
59
59
|
},
|
60
|
-
"gitHead": "
|
60
|
+
"gitHead": "4122e44d1991c90507d630d35ed297f89db435d3"
|
61
61
|
}
|