@react-spectrum/radio 3.7.23 → 3.8.0

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.
Files changed (42) hide show
  1. package/dist/import.mjs +2 -4
  2. package/dist/main.js +3 -5
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +2 -4
  5. package/dist/module.js.map +1 -1
  6. package/dist/types/src/index.d.ts +2 -0
  7. package/package.json +12 -33
  8. package/src/index.ts +3 -4
  9. package/dist/Radio.main.js +0 -79
  10. package/dist/Radio.main.js.map +0 -1
  11. package/dist/Radio.mjs +0 -74
  12. package/dist/Radio.module.js +0 -74
  13. package/dist/Radio.module.js.map +0 -1
  14. package/dist/RadioGroup.main.js +0 -68
  15. package/dist/RadioGroup.main.js.map +0 -1
  16. package/dist/RadioGroup.mjs +0 -63
  17. package/dist/RadioGroup.module.js +0 -63
  18. package/dist/RadioGroup.module.js.map +0 -1
  19. package/dist/context.main.js +0 -31
  20. package/dist/context.main.js.map +0 -1
  21. package/dist/context.mjs +0 -21
  22. package/dist/context.module.js +0 -21
  23. package/dist/context.module.js.map +0 -1
  24. package/dist/fieldgroup_vars_css.main.js +0 -32
  25. package/dist/fieldgroup_vars_css.main.js.map +0 -1
  26. package/dist/fieldgroup_vars_css.mjs +0 -34
  27. package/dist/fieldgroup_vars_css.module.js +0 -34
  28. package/dist/fieldgroup_vars_css.module.js.map +0 -1
  29. package/dist/radio.3c5c8b59.css +0 -94
  30. package/dist/radio.3c5c8b59.css.map +0 -1
  31. package/dist/radio.85390755.css +0 -370
  32. package/dist/radio.85390755.css.map +0 -1
  33. package/dist/radio_vars_css.main.js +0 -47
  34. package/dist/radio_vars_css.main.js.map +0 -1
  35. package/dist/radio_vars_css.mjs +0 -49
  36. package/dist/radio_vars_css.module.js +0 -49
  37. package/dist/radio_vars_css.module.js.map +0 -1
  38. package/dist/types.d.ts +0 -17
  39. package/dist/types.d.ts.map +0 -1
  40. package/src/Radio.tsx +0 -86
  41. package/src/RadioGroup.tsx +0 -70
  42. package/src/context.ts +0 -26
@@ -1,370 +0,0 @@
1
- .W6KuBW_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
- .W6KuBW_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
- .W6KuBW_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
- .W6KuBW_i18nFontFamily:lang(zh) {
15
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
- }
17
-
18
- .W6KuBW_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
- .W6KuBW_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
- .W6KuBW_i18nFontFamily:lang(zh-SG), .W6KuBW_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
- .W6KuBW_i18nFontFamily:lang(ko) {
31
- font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
- }
33
-
34
- .W6KuBW_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
- .W6KuBW_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
- .W6KuBW_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
- .W6KuBW_spectrum-FocusRing.W6KuBW_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
- .W6KuBW_spectrum-FocusRing--quiet:after {
63
- border-radius: 0;
64
- }
65
-
66
- .W6KuBW_spectrum-FocusRing--quiet.W6KuBW_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
- .W6KuBW_spectrum-FocusRing, .W6KuBW_spectrum-FocusRing-ring, .W6KuBW_spectrum-FocusRing--quiet {
73
- --spectrum-high-contrast-focus-ring-color: Highlight;
74
- }
75
-
76
- :is(.W6KuBW_spectrum-FocusRing, .W6KuBW_spectrum-FocusRing-ring, .W6KuBW_spectrum-FocusRing--quiet):after {
77
- forced-color-adjust: none;
78
- }
79
- }
80
-
81
- .W6KuBW_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
- max-inline-size: 100%;
102
- align-items: flex-start;
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
- .W6KuBW_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
- .W6KuBW_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
- .W6KuBW_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
- .W6KuBW_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
- .W6KuBW_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
- .W6KuBW_spectrum-Radio-input:disabled {
142
- cursor: default;
143
- }
144
-
145
- .W6KuBW_spectrum-Radio-input:checked + .W6KuBW_spectrum-Radio-button:before {
146
- border-width: var(--spectrum-radio-border-width-checked);
147
- }
148
-
149
- .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring + .W6KuBW_spectrum-Radio-button:after {
150
- margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
151
- }
152
-
153
- .W6KuBW_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
- .W6KuBW_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
- .W6KuBW_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
- .W6KuBW_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
- .W6KuBW_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
- .W6KuBW_spectrum-Radio--labelBelow .W6KuBW_spectrum-Radio-button {
205
- flex-shrink: 0;
206
- margin: 0;
207
- }
208
-
209
- .W6KuBW_spectrum-Radio--labelBelow .W6KuBW_spectrum-Radio-label {
210
- margin: var(--spectrum-radio-labelbelow-label-margin);
211
- }
212
-
213
- .W6KuBW_spectrum-Radio .W6KuBW_spectrum-Radio-input:checked + .W6KuBW_spectrum-Radio-button:before {
214
- border-color: var(--spectrum-radio-emphasized-circle-border-color-selected, var(--spectrum-global-color-blue-500));
215
- }
216
-
217
- .W6KuBW_spectrum-Radio-label {
218
- color: var(--spectrum-radio-emphasized-text-color, var(--spectrum-alias-text-color));
219
- }
220
-
221
- .W6KuBW_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
- .W6KuBW_spectrum-Radio.W6KuBW_is-hovered .W6KuBW_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
- .W6KuBW_spectrum-Radio.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input:checked + .W6KuBW_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
- .W6KuBW_spectrum-Radio.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-label {
236
- color: var(--spectrum-radio-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
237
- }
238
-
239
- .W6KuBW_spectrum-Radio:active .W6KuBW_spectrum-Radio-button:before {
240
- border-color: var(--spectrum-radio-emphasized-circle-border-color-down, var(--spectrum-global-color-gray-800));
241
- }
242
-
243
- .W6KuBW_spectrum-Radio:active .W6KuBW_spectrum-Radio-input:checked + .W6KuBW_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
- .W6KuBW_spectrum-Radio:active .W6KuBW_spectrum-Radio-label {
248
- color: var(--spectrum-radio-emphasized-text-color-down, var(--spectrum-alias-text-color-down));
249
- }
250
-
251
- .W6KuBW_spectrum-Radio .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring:checked + .W6KuBW_spectrum-Radio-button:before, .W6KuBW_spectrum-Radio.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring:checked + .W6KuBW_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
- .W6KuBW_spectrum-Radio--quiet .W6KuBW_spectrum-Radio-input:checked + .W6KuBW_spectrum-Radio-button:before {
256
- border-color: var(--spectrum-radio-quiet-circle-border-color-selected, var(--spectrum-global-color-gray-700));
257
- }
258
-
259
- .W6KuBW_spectrum-Radio--quiet.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input:checked + .W6KuBW_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
- .W6KuBW_spectrum-Radio--quiet:active .W6KuBW_spectrum-Radio-input:checked + .W6KuBW_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
- .W6KuBW_spectrum-Radio--quiet .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring:checked + .W6KuBW_spectrum-Radio-button:before, .W6KuBW_spectrum-Radio--quiet.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring:checked + .W6KuBW_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(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid .W6KuBW_spectrum-Radio-button:before, :is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid .W6KuBW_spectrum-Radio-input:checked + .W6KuBW_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(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid .W6KuBW_spectrum-Radio-label {
276
- color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
277
- }
278
-
279
- :is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input + .W6KuBW_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(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-label {
284
- color: var(--spectrum-radio-emphasized-circle-border-color-error-hover, var(--spectrum-global-color-red-600));
285
- }
286
-
287
- :is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid:active .W6KuBW_spectrum-Radio-input + .W6KuBW_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(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid:active .W6KuBW_spectrum-Radio-label {
292
- color: var(--spectrum-radio-emphasized-circle-border-color-error-down, var(--spectrum-global-color-red-700));
293
- }
294
-
295
- :is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring:not(:checked) + .W6KuBW_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(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring:checked + .W6KuBW_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(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring:not(:checked) + .W6KuBW_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(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring:checked + .W6KuBW_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
- .W6KuBW_spectrum-Radio-input:disabled + .W6KuBW_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
- .W6KuBW_spectrum-Radio-input:disabled ~ .W6KuBW_spectrum-Radio-label {
316
- color: var(--spectrum-radio-emphasized-text-color-disabled, var(--spectrum-alias-text-color-disabled)) !important;
317
- }
318
-
319
- :is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet) .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring:not(:checked) + .W6KuBW_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(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet) .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring + .W6KuBW_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(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring:not(:checked) + .W6KuBW_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(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring + .W6KuBW_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
- .W6KuBW_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
- .W6KuBW_spectrum-Radio.W6KuBW_is-invalid.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-label, .W6KuBW_spectrum-Radio.W6KuBW_is-invalid:active .W6KuBW_spectrum-Radio-label {
367
- color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
368
- }
369
- }
370
- /*# sourceMappingURL=radio.85390755.css.map */
@@ -1 +0,0 @@
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":"radio.85390755.css.map"}
@@ -1,47 +0,0 @@
1
-
2
- function $parcel$export(e, n, v, s) {
3
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
4
- }
5
-
6
- $parcel$export(module.exports, "focus-ring", () => $a8fbff4889c18df2$export$f39a09f249340e2a, (v) => $a8fbff4889c18df2$export$f39a09f249340e2a = v);
7
- $parcel$export(module.exports, "i18nFontFamily", () => $a8fbff4889c18df2$export$8c4ee2c50c22c514, (v) => $a8fbff4889c18df2$export$8c4ee2c50c22c514 = v);
8
- $parcel$export(module.exports, "is-hovered", () => $a8fbff4889c18df2$export$b8813cd5d7824ce7, (v) => $a8fbff4889c18df2$export$b8813cd5d7824ce7 = v);
9
- $parcel$export(module.exports, "is-invalid", () => $a8fbff4889c18df2$export$14a30de2866685fa, (v) => $a8fbff4889c18df2$export$14a30de2866685fa = v);
10
- $parcel$export(module.exports, "spectrum-FocusRing-ring", () => $a8fbff4889c18df2$export$4109102f950813a6, (v) => $a8fbff4889c18df2$export$4109102f950813a6 = v);
11
- $parcel$export(module.exports, "spectrum-FocusRing", () => $a8fbff4889c18df2$export$24c7f46a6e3605dd, (v) => $a8fbff4889c18df2$export$24c7f46a6e3605dd = v);
12
- $parcel$export(module.exports, "spectrum-FocusRing--quiet", () => $a8fbff4889c18df2$export$2927016961429360, (v) => $a8fbff4889c18df2$export$2927016961429360 = v);
13
- $parcel$export(module.exports, "spectrum-Radio", () => $a8fbff4889c18df2$export$26ebd4dbfef068c5, (v) => $a8fbff4889c18df2$export$26ebd4dbfef068c5 = v);
14
- $parcel$export(module.exports, "spectrum-Radio--labelBelow", () => $a8fbff4889c18df2$export$9443e7082698950d, (v) => $a8fbff4889c18df2$export$9443e7082698950d = v);
15
- $parcel$export(module.exports, "spectrum-Radio--quiet", () => $a8fbff4889c18df2$export$6db66b55a897f36d, (v) => $a8fbff4889c18df2$export$6db66b55a897f36d = v);
16
- $parcel$export(module.exports, "spectrum-Radio-button", () => $a8fbff4889c18df2$export$bf9d5e902c33bf05, (v) => $a8fbff4889c18df2$export$bf9d5e902c33bf05 = v);
17
- $parcel$export(module.exports, "spectrum-Radio-input", () => $a8fbff4889c18df2$export$c0ce6f9a6a2de1cc, (v) => $a8fbff4889c18df2$export$c0ce6f9a6a2de1cc = v);
18
- $parcel$export(module.exports, "spectrum-Radio-label", () => $a8fbff4889c18df2$export$b0f8395a9667922d, (v) => $a8fbff4889c18df2$export$b0f8395a9667922d = v);
19
- var $a8fbff4889c18df2$export$f39a09f249340e2a;
20
- var $a8fbff4889c18df2$export$8c4ee2c50c22c514;
21
- var $a8fbff4889c18df2$export$b8813cd5d7824ce7;
22
- var $a8fbff4889c18df2$export$14a30de2866685fa;
23
- var $a8fbff4889c18df2$export$4109102f950813a6;
24
- var $a8fbff4889c18df2$export$24c7f46a6e3605dd;
25
- var $a8fbff4889c18df2$export$2927016961429360;
26
- var $a8fbff4889c18df2$export$26ebd4dbfef068c5;
27
- var $a8fbff4889c18df2$export$9443e7082698950d;
28
- var $a8fbff4889c18df2$export$6db66b55a897f36d;
29
- var $a8fbff4889c18df2$export$bf9d5e902c33bf05;
30
- var $a8fbff4889c18df2$export$c0ce6f9a6a2de1cc;
31
- var $a8fbff4889c18df2$export$b0f8395a9667922d;
32
- $a8fbff4889c18df2$export$f39a09f249340e2a = `W6KuBW_focus-ring`;
33
- $a8fbff4889c18df2$export$8c4ee2c50c22c514 = `W6KuBW_i18nFontFamily`;
34
- $a8fbff4889c18df2$export$b8813cd5d7824ce7 = `W6KuBW_is-hovered`;
35
- $a8fbff4889c18df2$export$14a30de2866685fa = `W6KuBW_is-invalid`;
36
- $a8fbff4889c18df2$export$4109102f950813a6 = `W6KuBW_spectrum-FocusRing-ring`;
37
- $a8fbff4889c18df2$export$24c7f46a6e3605dd = `W6KuBW_spectrum-FocusRing ${$a8fbff4889c18df2$export$4109102f950813a6}`;
38
- $a8fbff4889c18df2$export$2927016961429360 = `W6KuBW_spectrum-FocusRing--quiet`;
39
- $a8fbff4889c18df2$export$26ebd4dbfef068c5 = `W6KuBW_spectrum-Radio`;
40
- $a8fbff4889c18df2$export$9443e7082698950d = `W6KuBW_spectrum-Radio--labelBelow`;
41
- $a8fbff4889c18df2$export$6db66b55a897f36d = `W6KuBW_spectrum-Radio--quiet`;
42
- $a8fbff4889c18df2$export$bf9d5e902c33bf05 = `W6KuBW_spectrum-Radio-button`;
43
- $a8fbff4889c18df2$export$c0ce6f9a6a2de1cc = `W6KuBW_spectrum-Radio-input`;
44
- $a8fbff4889c18df2$export$b0f8395a9667922d = `W6KuBW_spectrum-Radio-label`;
45
-
46
-
47
- //# sourceMappingURL=radio_vars_css.main.js.map
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAZA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,2CAA2C;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA+C,CAAC,iCAAiC,CAAC;AAClF,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAyC,CAAC,2BAA2B,CAAC","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":"radio_vars_css.main.js.map"}
@@ -1,49 +0,0 @@
1
-
2
- function $parcel$export(e, n, v, s) {
3
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
4
- }
5
- var $d1246d70e6c52742$exports = {};
6
-
7
- $parcel$export($d1246d70e6c52742$exports, "focus-ring", () => $d1246d70e6c52742$export$f39a09f249340e2a, (v) => $d1246d70e6c52742$export$f39a09f249340e2a = v);
8
- $parcel$export($d1246d70e6c52742$exports, "i18nFontFamily", () => $d1246d70e6c52742$export$8c4ee2c50c22c514, (v) => $d1246d70e6c52742$export$8c4ee2c50c22c514 = v);
9
- $parcel$export($d1246d70e6c52742$exports, "is-hovered", () => $d1246d70e6c52742$export$b8813cd5d7824ce7, (v) => $d1246d70e6c52742$export$b8813cd5d7824ce7 = v);
10
- $parcel$export($d1246d70e6c52742$exports, "is-invalid", () => $d1246d70e6c52742$export$14a30de2866685fa, (v) => $d1246d70e6c52742$export$14a30de2866685fa = v);
11
- $parcel$export($d1246d70e6c52742$exports, "spectrum-FocusRing-ring", () => $d1246d70e6c52742$export$4109102f950813a6, (v) => $d1246d70e6c52742$export$4109102f950813a6 = v);
12
- $parcel$export($d1246d70e6c52742$exports, "spectrum-FocusRing", () => $d1246d70e6c52742$export$24c7f46a6e3605dd, (v) => $d1246d70e6c52742$export$24c7f46a6e3605dd = v);
13
- $parcel$export($d1246d70e6c52742$exports, "spectrum-FocusRing--quiet", () => $d1246d70e6c52742$export$2927016961429360, (v) => $d1246d70e6c52742$export$2927016961429360 = v);
14
- $parcel$export($d1246d70e6c52742$exports, "spectrum-Radio", () => $d1246d70e6c52742$export$26ebd4dbfef068c5, (v) => $d1246d70e6c52742$export$26ebd4dbfef068c5 = v);
15
- $parcel$export($d1246d70e6c52742$exports, "spectrum-Radio--labelBelow", () => $d1246d70e6c52742$export$9443e7082698950d, (v) => $d1246d70e6c52742$export$9443e7082698950d = v);
16
- $parcel$export($d1246d70e6c52742$exports, "spectrum-Radio--quiet", () => $d1246d70e6c52742$export$6db66b55a897f36d, (v) => $d1246d70e6c52742$export$6db66b55a897f36d = v);
17
- $parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-button", () => $d1246d70e6c52742$export$bf9d5e902c33bf05, (v) => $d1246d70e6c52742$export$bf9d5e902c33bf05 = v);
18
- $parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-input", () => $d1246d70e6c52742$export$c0ce6f9a6a2de1cc, (v) => $d1246d70e6c52742$export$c0ce6f9a6a2de1cc = v);
19
- $parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-label", () => $d1246d70e6c52742$export$b0f8395a9667922d, (v) => $d1246d70e6c52742$export$b0f8395a9667922d = v);
20
- var $d1246d70e6c52742$export$f39a09f249340e2a;
21
- var $d1246d70e6c52742$export$8c4ee2c50c22c514;
22
- var $d1246d70e6c52742$export$b8813cd5d7824ce7;
23
- var $d1246d70e6c52742$export$14a30de2866685fa;
24
- var $d1246d70e6c52742$export$4109102f950813a6;
25
- var $d1246d70e6c52742$export$24c7f46a6e3605dd;
26
- var $d1246d70e6c52742$export$2927016961429360;
27
- var $d1246d70e6c52742$export$26ebd4dbfef068c5;
28
- var $d1246d70e6c52742$export$9443e7082698950d;
29
- var $d1246d70e6c52742$export$6db66b55a897f36d;
30
- var $d1246d70e6c52742$export$bf9d5e902c33bf05;
31
- var $d1246d70e6c52742$export$c0ce6f9a6a2de1cc;
32
- var $d1246d70e6c52742$export$b0f8395a9667922d;
33
- $d1246d70e6c52742$export$f39a09f249340e2a = `W6KuBW_focus-ring`;
34
- $d1246d70e6c52742$export$8c4ee2c50c22c514 = `W6KuBW_i18nFontFamily`;
35
- $d1246d70e6c52742$export$b8813cd5d7824ce7 = `W6KuBW_is-hovered`;
36
- $d1246d70e6c52742$export$14a30de2866685fa = `W6KuBW_is-invalid`;
37
- $d1246d70e6c52742$export$4109102f950813a6 = `W6KuBW_spectrum-FocusRing-ring`;
38
- $d1246d70e6c52742$export$24c7f46a6e3605dd = `W6KuBW_spectrum-FocusRing ${$d1246d70e6c52742$export$4109102f950813a6}`;
39
- $d1246d70e6c52742$export$2927016961429360 = `W6KuBW_spectrum-FocusRing--quiet`;
40
- $d1246d70e6c52742$export$26ebd4dbfef068c5 = `W6KuBW_spectrum-Radio`;
41
- $d1246d70e6c52742$export$9443e7082698950d = `W6KuBW_spectrum-Radio--labelBelow`;
42
- $d1246d70e6c52742$export$6db66b55a897f36d = `W6KuBW_spectrum-Radio--quiet`;
43
- $d1246d70e6c52742$export$bf9d5e902c33bf05 = `W6KuBW_spectrum-Radio-button`;
44
- $d1246d70e6c52742$export$c0ce6f9a6a2de1cc = `W6KuBW_spectrum-Radio-input`;
45
- $d1246d70e6c52742$export$b0f8395a9667922d = `W6KuBW_spectrum-Radio-label`;
46
-
47
-
48
- export {$d1246d70e6c52742$exports as default};
49
- //# sourceMappingURL=radio_vars_css.module.js.map
@@ -1,49 +0,0 @@
1
-
2
- function $parcel$export(e, n, v, s) {
3
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
4
- }
5
- var $d1246d70e6c52742$exports = {};
6
-
7
- $parcel$export($d1246d70e6c52742$exports, "focus-ring", () => $d1246d70e6c52742$export$f39a09f249340e2a, (v) => $d1246d70e6c52742$export$f39a09f249340e2a = v);
8
- $parcel$export($d1246d70e6c52742$exports, "i18nFontFamily", () => $d1246d70e6c52742$export$8c4ee2c50c22c514, (v) => $d1246d70e6c52742$export$8c4ee2c50c22c514 = v);
9
- $parcel$export($d1246d70e6c52742$exports, "is-hovered", () => $d1246d70e6c52742$export$b8813cd5d7824ce7, (v) => $d1246d70e6c52742$export$b8813cd5d7824ce7 = v);
10
- $parcel$export($d1246d70e6c52742$exports, "is-invalid", () => $d1246d70e6c52742$export$14a30de2866685fa, (v) => $d1246d70e6c52742$export$14a30de2866685fa = v);
11
- $parcel$export($d1246d70e6c52742$exports, "spectrum-FocusRing-ring", () => $d1246d70e6c52742$export$4109102f950813a6, (v) => $d1246d70e6c52742$export$4109102f950813a6 = v);
12
- $parcel$export($d1246d70e6c52742$exports, "spectrum-FocusRing", () => $d1246d70e6c52742$export$24c7f46a6e3605dd, (v) => $d1246d70e6c52742$export$24c7f46a6e3605dd = v);
13
- $parcel$export($d1246d70e6c52742$exports, "spectrum-FocusRing--quiet", () => $d1246d70e6c52742$export$2927016961429360, (v) => $d1246d70e6c52742$export$2927016961429360 = v);
14
- $parcel$export($d1246d70e6c52742$exports, "spectrum-Radio", () => $d1246d70e6c52742$export$26ebd4dbfef068c5, (v) => $d1246d70e6c52742$export$26ebd4dbfef068c5 = v);
15
- $parcel$export($d1246d70e6c52742$exports, "spectrum-Radio--labelBelow", () => $d1246d70e6c52742$export$9443e7082698950d, (v) => $d1246d70e6c52742$export$9443e7082698950d = v);
16
- $parcel$export($d1246d70e6c52742$exports, "spectrum-Radio--quiet", () => $d1246d70e6c52742$export$6db66b55a897f36d, (v) => $d1246d70e6c52742$export$6db66b55a897f36d = v);
17
- $parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-button", () => $d1246d70e6c52742$export$bf9d5e902c33bf05, (v) => $d1246d70e6c52742$export$bf9d5e902c33bf05 = v);
18
- $parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-input", () => $d1246d70e6c52742$export$c0ce6f9a6a2de1cc, (v) => $d1246d70e6c52742$export$c0ce6f9a6a2de1cc = v);
19
- $parcel$export($d1246d70e6c52742$exports, "spectrum-Radio-label", () => $d1246d70e6c52742$export$b0f8395a9667922d, (v) => $d1246d70e6c52742$export$b0f8395a9667922d = v);
20
- var $d1246d70e6c52742$export$f39a09f249340e2a;
21
- var $d1246d70e6c52742$export$8c4ee2c50c22c514;
22
- var $d1246d70e6c52742$export$b8813cd5d7824ce7;
23
- var $d1246d70e6c52742$export$14a30de2866685fa;
24
- var $d1246d70e6c52742$export$4109102f950813a6;
25
- var $d1246d70e6c52742$export$24c7f46a6e3605dd;
26
- var $d1246d70e6c52742$export$2927016961429360;
27
- var $d1246d70e6c52742$export$26ebd4dbfef068c5;
28
- var $d1246d70e6c52742$export$9443e7082698950d;
29
- var $d1246d70e6c52742$export$6db66b55a897f36d;
30
- var $d1246d70e6c52742$export$bf9d5e902c33bf05;
31
- var $d1246d70e6c52742$export$c0ce6f9a6a2de1cc;
32
- var $d1246d70e6c52742$export$b0f8395a9667922d;
33
- $d1246d70e6c52742$export$f39a09f249340e2a = `W6KuBW_focus-ring`;
34
- $d1246d70e6c52742$export$8c4ee2c50c22c514 = `W6KuBW_i18nFontFamily`;
35
- $d1246d70e6c52742$export$b8813cd5d7824ce7 = `W6KuBW_is-hovered`;
36
- $d1246d70e6c52742$export$14a30de2866685fa = `W6KuBW_is-invalid`;
37
- $d1246d70e6c52742$export$4109102f950813a6 = `W6KuBW_spectrum-FocusRing-ring`;
38
- $d1246d70e6c52742$export$24c7f46a6e3605dd = `W6KuBW_spectrum-FocusRing ${$d1246d70e6c52742$export$4109102f950813a6}`;
39
- $d1246d70e6c52742$export$2927016961429360 = `W6KuBW_spectrum-FocusRing--quiet`;
40
- $d1246d70e6c52742$export$26ebd4dbfef068c5 = `W6KuBW_spectrum-Radio`;
41
- $d1246d70e6c52742$export$9443e7082698950d = `W6KuBW_spectrum-Radio--labelBelow`;
42
- $d1246d70e6c52742$export$6db66b55a897f36d = `W6KuBW_spectrum-Radio--quiet`;
43
- $d1246d70e6c52742$export$bf9d5e902c33bf05 = `W6KuBW_spectrum-Radio-button`;
44
- $d1246d70e6c52742$export$c0ce6f9a6a2de1cc = `W6KuBW_spectrum-Radio-input`;
45
- $d1246d70e6c52742$export$b0f8395a9667922d = `W6KuBW_spectrum-Radio-label`;
46
-
47
-
48
- export {$d1246d70e6c52742$exports as default};
49
- //# sourceMappingURL=radio_vars_css.module.js.map
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAZA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,2CAA2C;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA+C,CAAC,iCAAiC,CAAC;AAClF,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAyC,CAAC,2BAA2B,CAAC","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":"radio_vars_css.module.js.map"}
package/dist/types.d.ts DELETED
@@ -1,17 +0,0 @@
1
- import React from "react";
2
- import { SpectrumRadioProps, SpectrumRadioGroupProps } from "@react-types/radio";
3
- import { FocusableRefValue, DOMRefValue } from "@react-types/shared";
4
- /**
5
- * Radio buttons allow users to select a single option from a list of mutually exclusive options.
6
- * All possible options are exposed up front for users to compare.
7
- */
8
- export const Radio: React.ForwardRefExoticComponent<SpectrumRadioProps & React.RefAttributes<FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
9
- /**
10
- * Radio groups allow users to select a single option from a list of mutually exclusive options.
11
- * All possible options are exposed up front for users to compare.
12
- */
13
- export const RadioGroup: React.ForwardRefExoticComponent<SpectrumRadioGroupProps & React.RefAttributes<DOMRefValue<HTMLElement>>>;
14
- export type { SpectrumRadioProps } from '@react-types/radio';
15
- export type { SpectrumRadioGroupProps } from '@react-types/radio';
16
-
17
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"mappings":";;;ACsBA;;;GAGG;AACH,OAAO,MAAM,uIA2DX,CAAC;AC7DH;;;GAGG;AACH,OAAO,MAAM,oHAyCX,CAAC;ACrDH,YAAY,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAC,uBAAuB,EAAC,MAAM,oBAAoB,CAAC","sources":["packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/context.ts","packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/Radio.tsx","packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/RadioGroup.tsx","packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/index.ts","packages/@react-spectrum/radio/src/index.ts"],"sourcesContent":[null,null,null,null,"/*\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"],"names":[],"version":3,"file":"types.d.ts.map"}
package/src/Radio.tsx DELETED
@@ -1,86 +0,0 @@
1
- /*
2
- * Copyright 2020 Adobe. All rights reserved.
3
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License. You may obtain a copy
5
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
6
- *
7
- * Unless required by applicable law or agreed to in writing, software distributed under
8
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
- * OF ANY KIND, either express or implied. See the License for the specific language
10
- * governing permissions and limitations under the License.
11
- */
12
-
13
- import {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';
14
- import {FocusableRef} from '@react-types/shared';
15
- import {FocusRing} from '@react-aria/focus';
16
- import React, {forwardRef, useRef} from 'react';
17
- import {SpectrumRadioProps} from '@react-types/radio';
18
- import styles from '@adobe/spectrum-css-temp/components/radio/vars.css';
19
- import {useHover} from '@react-aria/interactions';
20
- import {useRadio} from '@react-aria/radio';
21
- import {useRadioProvider} from './context';
22
-
23
- /**
24
- * Radio buttons allow users to select a single option from a list of mutually exclusive options.
25
- * All possible options are exposed up front for users to compare.
26
- */
27
- export const Radio = forwardRef(function Radio(props: SpectrumRadioProps, ref: FocusableRef<HTMLLabelElement>) {
28
- let {
29
- isDisabled,
30
- children,
31
- autoFocus,
32
- ...otherProps
33
- } = props;
34
- let {styleProps} = useStyleProps(otherProps);
35
- let {hoverProps, isHovered} = useHover({isDisabled});
36
-
37
- let inputRef = useRef<HTMLInputElement>(null);
38
- let domRef = useFocusableRef(ref, inputRef);
39
-
40
- let radioGroupProps = useRadioProvider();
41
- let {
42
- isEmphasized,
43
- state
44
- } = radioGroupProps;
45
-
46
- let {inputProps} = useRadio({
47
- ...props,
48
- ...radioGroupProps,
49
- isDisabled
50
- }, state, inputRef);
51
-
52
- return (
53
- <label
54
- {...styleProps}
55
- {...hoverProps}
56
- ref={domRef}
57
- className={
58
- classNames(
59
- styles,
60
- 'spectrum-Radio',
61
- {
62
- // Removing. Pending design feedback.
63
- // 'spectrum-Radio--labelBelow': labelPosition === 'bottom',
64
- 'spectrum-Radio--quiet': !isEmphasized,
65
- 'is-disabled': isDisabled,
66
- 'is-invalid': state.isInvalid,
67
- 'is-hovered': isHovered
68
- },
69
- styleProps.className
70
- )
71
- }>
72
- <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>
73
- <input
74
- {...inputProps}
75
- ref={inputRef}
76
- className={classNames(styles, 'spectrum-Radio-input')} />
77
- </FocusRing>
78
- <span className={classNames(styles, 'spectrum-Radio-button')} />
79
- {children && (
80
- <span className={classNames(styles, 'spectrum-Radio-label')}>
81
- {children}
82
- </span>
83
- )}
84
- </label>
85
- );
86
- });