@react-spectrum/radio 3.7.3 → 3.7.5

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.
@@ -0,0 +1,370 @@
1
+ .V2HKpq_i18nFontFamily {
2
+ font-synthesis: weight;
3
+ font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
+ }
5
+
6
+ .V2HKpq_i18nFontFamily:lang(ar) {
7
+ font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
+ }
9
+
10
+ .V2HKpq_i18nFontFamily:lang(he) {
11
+ font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
+ }
13
+
14
+ .V2HKpq_i18nFontFamily:lang(zh) {
15
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
+ }
17
+
18
+ .V2HKpq_i18nFontFamily:lang(zh-Hans) {
19
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
+ }
21
+
22
+ .V2HKpq_i18nFontFamily:lang(zh-Hant) {
23
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
+ }
25
+
26
+ .V2HKpq_i18nFontFamily:lang(zh-SG), .V2HKpq_i18nFontFamily:lang(zh-CN) {
27
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
+ }
29
+
30
+ .V2HKpq_i18nFontFamily:lang(ko) {
31
+ font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
+ }
33
+
34
+ .V2HKpq_i18nFontFamily:lang(ja) {
35
+ font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
36
+ }
37
+
38
+ .V2HKpq_spectrum-FocusRing-ring {
39
+ --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
+ --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
+ --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
42
+ --spectrum-focus-ring-border-size: 0px;
43
+ --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
+ }
45
+
46
+ .V2HKpq_spectrum-FocusRing-ring:after {
47
+ border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
+ content: "";
49
+ margin: calc(-1 * var(--spectrum-focus-ring-border-size));
50
+ pointer-events: none;
51
+ transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
52
+ display: block;
53
+ position: absolute;
54
+ inset: 0;
55
+ }
56
+
57
+ .V2HKpq_spectrum-FocusRing.V2HKpq_focus-ring:after {
58
+ margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
+ box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
+ }
61
+
62
+ .V2HKpq_spectrum-FocusRing--quiet:after {
63
+ border-radius: 0;
64
+ }
65
+
66
+ .V2HKpq_spectrum-FocusRing--quiet.V2HKpq_focus-ring:after {
67
+ margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
+ box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
+ }
70
+
71
+ @media (forced-colors: active) {
72
+ .V2HKpq_spectrum-FocusRing, .V2HKpq_spectrum-FocusRing-ring, .V2HKpq_spectrum-FocusRing--quiet {
73
+ --spectrum-high-contrast-focus-ring-color: Highlight;
74
+ }
75
+
76
+ :is(.V2HKpq_spectrum-FocusRing, .V2HKpq_spectrum-FocusRing-ring, .V2HKpq_spectrum-FocusRing--quiet):after {
77
+ forced-color-adjust: none;
78
+ }
79
+ }
80
+
81
+ .V2HKpq_spectrum-Radio {
82
+ --spectrum-radio-radius: calc(var(--spectrum-radio-circle-diameter, var(--spectrum-global-dimension-size-175)) / 2);
83
+ --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));
84
+ --spectrum-radio-labelbelow-label-margin: var(--spectrum-global-dimension-size-40) 0 0 0;
85
+ --spectrum-radio-labelbelow-height: auto;
86
+ --spectrum-radio-label-margin-top: var(--spectrum-global-dimension-size-65);
87
+ --spectrum-radio-label-line-height: 1.49;
88
+ --spectrum-radio-emphasized-circle-border-color: var(--spectrum-alias-toggle-color-default);
89
+ --spectrum-radio-emphasized-circle-border-color-hover: var(--spectrum-alias-toggle-color-hover);
90
+ --spectrum-radio-emphasized-circle-border-color-key-focus: var(--spectrum-alias-toggle-color-key-focus);
91
+ --spectrum-radio-quiet-circle-border-color-selected: var(--spectrum-alias-toggle-color-selected);
92
+ --spectrum-radio-quiet-circle-border-color-selected-hover: var(--spectrum-alias-toggle-color-selected-hover);
93
+ --spectrum-radio-quiet-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-color-selected-key-focus);
94
+ --spectrum-radio-emphasized-circle-border-color-selected: var(--spectrum-accent-color-900);
95
+ --spectrum-radio-emphasized-circle-border-color-selected-hover: var(--spectrum-accent-color-1000);
96
+ --spectrum-radio-emphasized-circle-border-color-selected-key-focus: var(--spectrum-accent-color-1000);
97
+ --spectrum-radio-emphasized-circle-border-color-selected-down: var(--spectrum-accent-color-1100);
98
+ min-block-size: var(--spectrum-radio-height, var(--spectrum-global-dimension-size-400));
99
+ vertical-align: top;
100
+ isolation: isolate;
101
+ align-items: flex-start;
102
+ max-inline-size: 100%;
103
+ margin-inline-end: calc(var(--spectrum-radio-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * 2);
104
+ display: inline-flex;
105
+ position: relative;
106
+ }
107
+
108
+ .V2HKpq_spectrum-Radio-input {
109
+ box-sizing: border-box;
110
+ inline-size: calc(100% + var(--spectrum-radio-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * 2);
111
+ opacity: .0001;
112
+ z-index: 1;
113
+ cursor: default;
114
+ block-size: 100%;
115
+ margin: 0;
116
+ padding: 0;
117
+ font-family: inherit;
118
+ font-size: 100%;
119
+ line-height: 1.15;
120
+ position: absolute;
121
+ top: 0;
122
+ overflow: visible;
123
+ }
124
+
125
+ .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))) {
126
+ left: calc(var(--spectrum-radio-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
127
+ }
128
+
129
+ .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))) {
130
+ left: calc(var(--spectrum-radio-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
131
+ }
132
+
133
+ .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)) {
134
+ right: calc(var(--spectrum-radio-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
135
+ }
136
+
137
+ .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)) {
138
+ right: calc(var(--spectrum-radio-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
139
+ }
140
+
141
+ .V2HKpq_spectrum-Radio-input:disabled {
142
+ cursor: default;
143
+ }
144
+
145
+ .V2HKpq_spectrum-Radio-input:checked + .V2HKpq_spectrum-Radio-button:before {
146
+ border-width: var(--spectrum-radio-border-width-checked);
147
+ }
148
+
149
+ .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring + .V2HKpq_spectrum-Radio-button:after {
150
+ margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
151
+ }
152
+
153
+ .V2HKpq_spectrum-Radio-label {
154
+ text-align: start;
155
+ font-size: var(--spectrum-radio-text-size, var(--spectrum-alias-font-size-default));
156
+ line-height: var(--spectrum-radio-label-line-height);
157
+ transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
158
+ margin-block-start: var(--spectrum-radio-label-margin-top);
159
+ margin-inline-start: var(--spectrum-radio-text-gap, var(--spectrum-global-dimension-size-125));
160
+ }
161
+
162
+ .V2HKpq_spectrum-Radio-button {
163
+ box-sizing: border-box;
164
+ inline-size: var(--spectrum-radio-circle-diameter, var(--spectrum-global-dimension-size-175));
165
+ block-size: var(--spectrum-radio-circle-diameter, var(--spectrum-global-dimension-size-175));
166
+ 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;
167
+ flex-grow: 0;
168
+ flex-shrink: 0;
169
+ position: relative;
170
+ }
171
+
172
+ .V2HKpq_spectrum-Radio-button:before {
173
+ z-index: 0;
174
+ content: "";
175
+ box-sizing: border-box;
176
+ width: var(--spectrum-radio-circle-diameter, var(--spectrum-global-dimension-size-175));
177
+ height: var(--spectrum-radio-circle-diameter, var(--spectrum-global-dimension-size-175));
178
+ border-radius: var(--spectrum-radio-radius);
179
+ border-width: var(--spectrum-radio-circle-border-size, var(--spectrum-alias-border-size-thick));
180
+ transition: border var(--spectrum-global-animation-duration-100, .13s) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
181
+ border-style: solid;
182
+ display: block;
183
+ position: absolute;
184
+ }
185
+
186
+ .V2HKpq_spectrum-Radio-button:after {
187
+ content: "";
188
+ margin: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
189
+ transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
190
+ border-radius: 100%;
191
+ display: block;
192
+ position: absolute;
193
+ inset: 0;
194
+ transform: translateX(0);
195
+ }
196
+
197
+ .V2HKpq_spectrum-Radio--labelBelow {
198
+ block-size: var(--spectrum-radio-labelbelow-height);
199
+ flex-direction: column;
200
+ align-items: center;
201
+ display: inline-flex;
202
+ }
203
+
204
+ .V2HKpq_spectrum-Radio--labelBelow .V2HKpq_spectrum-Radio-button {
205
+ flex-shrink: 0;
206
+ margin: 0;
207
+ }
208
+
209
+ .V2HKpq_spectrum-Radio--labelBelow .V2HKpq_spectrum-Radio-label {
210
+ margin: var(--spectrum-radio-labelbelow-label-margin);
211
+ }
212
+
213
+ .V2HKpq_spectrum-Radio .V2HKpq_spectrum-Radio-input:checked + .V2HKpq_spectrum-Radio-button:before {
214
+ border-color: var(--spectrum-radio-emphasized-circle-border-color-selected, var(--spectrum-global-color-blue-500));
215
+ }
216
+
217
+ .V2HKpq_spectrum-Radio-label {
218
+ color: var(--spectrum-radio-emphasized-text-color, var(--spectrum-alias-text-color));
219
+ }
220
+
221
+ .V2HKpq_spectrum-Radio-button:before {
222
+ background-color: var(--spectrum-radio-emphasized-circle-background-color, var(--spectrum-global-color-gray-75));
223
+ border-color: var(--spectrum-radio-emphasized-circle-border-color, var(--spectrum-global-color-gray-600));
224
+ }
225
+
226
+ .V2HKpq_spectrum-Radio.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-button:before {
227
+ border-color: var(--spectrum-radio-emphasized-circle-border-color-hover, var(--spectrum-global-color-gray-700));
228
+ box-shadow: none;
229
+ }
230
+
231
+ .V2HKpq_spectrum-Radio.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input:checked + .V2HKpq_spectrum-Radio-button:before {
232
+ border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-hover, var(--spectrum-global-color-blue-600));
233
+ }
234
+
235
+ .V2HKpq_spectrum-Radio.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-label {
236
+ color: var(--spectrum-radio-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
237
+ }
238
+
239
+ .V2HKpq_spectrum-Radio:active .V2HKpq_spectrum-Radio-button:before {
240
+ border-color: var(--spectrum-radio-emphasized-circle-border-color-down, var(--spectrum-global-color-gray-800));
241
+ }
242
+
243
+ .V2HKpq_spectrum-Radio:active .V2HKpq_spectrum-Radio-input:checked + .V2HKpq_spectrum-Radio-button:before {
244
+ border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-down, var(--spectrum-global-color-blue-700));
245
+ }
246
+
247
+ .V2HKpq_spectrum-Radio:active .V2HKpq_spectrum-Radio-label {
248
+ color: var(--spectrum-radio-emphasized-text-color-down, var(--spectrum-alias-text-color-down));
249
+ }
250
+
251
+ .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 {
252
+ border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-hover, var(--spectrum-global-color-blue-600));
253
+ }
254
+
255
+ .V2HKpq_spectrum-Radio--quiet .V2HKpq_spectrum-Radio-input:checked + .V2HKpq_spectrum-Radio-button:before {
256
+ border-color: var(--spectrum-radio-quiet-circle-border-color-selected, var(--spectrum-global-color-gray-700));
257
+ }
258
+
259
+ .V2HKpq_spectrum-Radio--quiet.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input:checked + .V2HKpq_spectrum-Radio-button:before {
260
+ border-color: var(--spectrum-radio-quiet-circle-border-color-selected-hover, var(--spectrum-global-color-gray-800));
261
+ }
262
+
263
+ .V2HKpq_spectrum-Radio--quiet:active .V2HKpq_spectrum-Radio-input:checked + .V2HKpq_spectrum-Radio-button:before {
264
+ border-color: var(--spectrum-radio-quiet-circle-border-color-selected-down, var(--spectrum-global-color-gray-900));
265
+ }
266
+
267
+ .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 {
268
+ border-color: var(--spectrum-radio-quiet-circle-border-color-selected-key-focus, var(--spectrum-global-color-gray-800));
269
+ }
270
+
271
+ :is(.V2HKpq_spectrum-Radio, .V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-button:before, :is(.V2HKpq_spectrum-Radio, .V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-input:checked + .V2HKpq_spectrum-Radio-button:before {
272
+ border-color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
273
+ }
274
+
275
+ :is(.V2HKpq_spectrum-Radio, .V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-label {
276
+ color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
277
+ }
278
+
279
+ :is(.V2HKpq_spectrum-Radio, .V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input + .V2HKpq_spectrum-Radio-button:before {
280
+ border-color: var(--spectrum-radio-emphasized-circle-border-color-error-hover, var(--spectrum-global-color-red-600));
281
+ }
282
+
283
+ :is(.V2HKpq_spectrum-Radio, .V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-label {
284
+ color: var(--spectrum-radio-emphasized-circle-border-color-error-hover, var(--spectrum-global-color-red-600));
285
+ }
286
+
287
+ :is(.V2HKpq_spectrum-Radio, .V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid:active .V2HKpq_spectrum-Radio-input + .V2HKpq_spectrum-Radio-button:before {
288
+ border-color: var(--spectrum-radio-emphasized-circle-border-color-error-down, var(--spectrum-global-color-red-700));
289
+ }
290
+
291
+ :is(.V2HKpq_spectrum-Radio, .V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid:active .V2HKpq_spectrum-Radio-label {
292
+ color: var(--spectrum-radio-emphasized-circle-border-color-error-down, var(--spectrum-global-color-red-700));
293
+ }
294
+
295
+ :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 {
296
+ border-color: var(--spectrum-radio-circle-border-color-error-key-focus, var(--spectrum-global-color-red-600));
297
+ }
298
+
299
+ :is(.V2HKpq_spectrum-Radio, .V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:checked + .V2HKpq_spectrum-Radio-button:before {
300
+ border-color: var(--spectrum-radio-circle-border-color-error-selected-key-focus, var(--spectrum-global-color-red-600));
301
+ }
302
+
303
+ :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 {
304
+ border-color: var(--spectrum-radio-circle-border-color-error-key-focus, var(--spectrum-global-color-red-600));
305
+ }
306
+
307
+ :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 {
308
+ border-color: var(--spectrum-radio-circle-border-color-error-selected-key-focus, var(--spectrum-global-color-red-600));
309
+ }
310
+
311
+ .V2HKpq_spectrum-Radio-input:disabled + .V2HKpq_spectrum-Radio-button:before {
312
+ border-color: var(--spectrum-radio-emphasized-circle-border-color-disabled, var(--spectrum-global-color-gray-400)) !important;
313
+ }
314
+
315
+ .V2HKpq_spectrum-Radio-input:disabled ~ .V2HKpq_spectrum-Radio-label {
316
+ color: var(--spectrum-radio-emphasized-text-color-disabled, var(--spectrum-alias-text-color-disabled)) !important;
317
+ }
318
+
319
+ :is(.V2HKpq_spectrum-Radio, .V2HKpq_spectrum-Radio--quiet) .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:not(:checked) + .V2HKpq_spectrum-Radio-button:before {
320
+ border-color: var(--spectrum-radio-circle-border-color-key-focus, var(--spectrum-global-color-gray-700));
321
+ }
322
+
323
+ :is(.V2HKpq_spectrum-Radio, .V2HKpq_spectrum-Radio--quiet) .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring + .V2HKpq_spectrum-Radio-button:after {
324
+ 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));
325
+ }
326
+
327
+ :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 {
328
+ border-color: var(--spectrum-radio-circle-border-color-key-focus, var(--spectrum-global-color-gray-700));
329
+ }
330
+
331
+ :is(.V2HKpq_spectrum-Radio, .V2HKpq_spectrum-Radio--quiet).V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring + .V2HKpq_spectrum-Radio-button:after {
332
+ 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));
333
+ }
334
+
335
+ @media (forced-colors: active) {
336
+ .V2HKpq_spectrum-Radio {
337
+ forced-color-adjust: none;
338
+ --spectrum-radio-circle-border-color-error-key-focus: ButtonText;
339
+ --spectrum-radio-circle-border-color-error-selected-key-focus: Highlight;
340
+ --spectrum-radio-circle-border-color-key-focus: Highlight;
341
+ --spectrum-radio-emphasized-circle-background-color: ButtonFace;
342
+ --spectrum-radio-emphasized-circle-border-color-disabled: GrayText;
343
+ --spectrum-radio-emphasized-circle-border-color-down: Highlight;
344
+ --spectrum-radio-emphasized-circle-border-color-error: ButtonText;
345
+ --spectrum-radio-emphasized-circle-border-color-error-down: Highlight;
346
+ --spectrum-radio-emphasized-circle-border-color-error-hover: Highlight;
347
+ --spectrum-radio-emphasized-circle-border-color-hover: Highlight;
348
+ --spectrum-radio-emphasized-circle-border-color-selected-down: Highlight;
349
+ --spectrum-radio-emphasized-circle-border-color-selected-hover: Highlight;
350
+ --spectrum-radio-emphasized-circle-border-color-selected-key-focus: Highlight;
351
+ --spectrum-radio-emphasized-circle-border-color-selected: Highlight;
352
+ --spectrum-radio-emphasized-circle-border-color: ButtonText;
353
+ --spectrum-radio-emphasized-text-color-disabled: GrayText;
354
+ --spectrum-radio-emphasized-text-color-down: CanvasText;
355
+ --spectrum-radio-emphasized-text-color-hover: CanvasText;
356
+ --spectrum-radio-emphasized-text-color: CanvasText;
357
+ --spectrum-radio-focus-ring-color-key-focus: ButtonText;
358
+ --spectrum-radio-quiet-circle-border-color-selected: Highlight;
359
+ --spectrum-radio-quiet-circle-border-color-selected-down: Highlight;
360
+ --spectrum-radio-quiet-circle-border-color-selected-hover: Highlight;
361
+ --spectrum-radio-quiet-circle-border-color-selected-key-focus: Highlight;
362
+ --spectrum-radio-focus-ring-gap-key-focus: var(--spectrum-global-dimension-static-size-25, 2px);
363
+ --spectrum-radio-focus-ring-size: var(--spectrum-global-dimension-static-size-40, 3px);
364
+ }
365
+
366
+ .V2HKpq_spectrum-Radio.V2HKpq_is-invalid.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-label, .V2HKpq_spectrum-Radio.V2HKpq_is-invalid:active .V2HKpq_spectrum-Radio-label {
367
+ color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
368
+ }
369
+ }
370
+ /*# sourceMappingURL=vars.cb27d9e2.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA;;;;;;;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AA8BE;;;;AAKE;;;;AAOE;;;;AAON;;;;;;;;;AAUA;;;;;;;;;;AAWE;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;AAiBF;;;;;;;AAME;;;;;AAMA;;;;AAkBE;;;;AAMJ;;;;AAKE;;;;;AASI;;;;;AAOA;;;;AAKF;;;;AAOE;;;;AAMA;;;;AAKF;;;;AAOE;;;;AASF;;;;AAME;;;;AAOA;;;;AAQA;;;;AAWA;;;;AAIF;;;;AAME;;;;AAIF;;;;AAME;;;;AAIF;;;;AAOE;;;;AAKA;;;;AALA;;;;AAKA;;;;AASF;;;;AAKF;;;;AAcI;;;;AAKA;;;;AALA;;;;AAKA;;;;AAON;EACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BI","sources":["packages/@adobe/spectrum-css-temp/components/radio/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@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.cb27d9e2.css.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/radio",
3
- "version": "3.7.3",
3
+ "version": "3.7.5",
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.16.1",
40
- "@react-aria/interactions": "^3.21.0",
41
- "@react-aria/radio": "^3.10.1",
42
- "@react-spectrum/form": "^3.7.3",
43
- "@react-spectrum/label": "^3.16.3",
44
- "@react-spectrum/utils": "^3.11.4",
45
- "@react-stately/radio": "^3.10.1",
46
- "@react-types/radio": "^3.7.0",
47
- "@react-types/shared": "^3.22.0",
39
+ "@react-aria/focus": "^3.17.0",
40
+ "@react-aria/interactions": "^3.21.2",
41
+ "@react-aria/radio": "^3.10.3",
42
+ "@react-spectrum/form": "^3.7.5",
43
+ "@react-spectrum/label": "^3.16.5",
44
+ "@react-spectrum/utils": "^3.11.6",
45
+ "@react-stately/radio": "^3.10.3",
46
+ "@react-types/radio": "^3.8.0",
47
+ "@react-types/shared": "^3.23.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": "f040ff62678e6a31375b96c05396df0bae660350"
60
+ "gitHead": "f645f29edc1322153fd60af4640cbcab1d992dbd"
61
61
  }
package/dist/main.css DELETED
@@ -1 +0,0 @@
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%;margin-inline-end:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2);display:inline-flex;position:relative}.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-block-start:var(--spectrum-radio-label-margin-top);margin-inline-start: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(.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))}.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))}@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}