@react-spectrum/radio 3.7.4 → 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.
Files changed (38) hide show
  1. package/dist/Radio.main.js +83 -0
  2. package/dist/Radio.main.js.map +1 -0
  3. package/dist/Radio.mjs +78 -0
  4. package/dist/Radio.module.js +78 -0
  5. package/dist/Radio.module.js.map +1 -0
  6. package/dist/RadioGroup.main.js +72 -0
  7. package/dist/RadioGroup.main.js.map +1 -0
  8. package/dist/RadioGroup.mjs +67 -0
  9. package/dist/RadioGroup.module.js +67 -0
  10. package/dist/RadioGroup.module.js.map +1 -0
  11. package/dist/context.main.js +31 -0
  12. package/dist/context.main.js.map +1 -0
  13. package/dist/context.mjs +21 -0
  14. package/dist/context.module.js +21 -0
  15. package/dist/context.module.js.map +1 -0
  16. package/dist/fieldgroup_vars_css.main.js +32 -0
  17. package/dist/fieldgroup_vars_css.main.js.map +1 -0
  18. package/dist/fieldgroup_vars_css.mjs +34 -0
  19. package/dist/fieldgroup_vars_css.module.js +34 -0
  20. package/dist/fieldgroup_vars_css.module.js.map +1 -0
  21. package/dist/import.mjs +2 -214
  22. package/dist/main.js +4 -212
  23. package/dist/main.js.map +1 -1
  24. package/dist/module.js +2 -214
  25. package/dist/module.js.map +1 -1
  26. package/dist/radio_vars_css.main.js +47 -0
  27. package/dist/radio_vars_css.main.js.map +1 -0
  28. package/dist/radio_vars_css.mjs +49 -0
  29. package/dist/radio_vars_css.module.js +49 -0
  30. package/dist/radio_vars_css.module.js.map +1 -0
  31. package/dist/types.d.ts +3 -2
  32. package/dist/types.d.ts.map +1 -1
  33. package/dist/vars.083bf957.css +94 -0
  34. package/dist/vars.083bf957.css.map +1 -0
  35. package/dist/{main.css → vars.cb27d9e2.css} +19 -133
  36. package/dist/vars.cb27d9e2.css.map +1 -0
  37. package/package.json +11 -11
  38. package/dist/main.css.map +0 -1
@@ -23,11 +23,7 @@
23
23
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
24
  }
25
25
 
26
- .V2HKpq_i18nFontFamily:lang(zh-SG) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
29
-
30
- .V2HKpq_i18nFontFamily:lang(zh-CN) {
26
+ .V2HKpq_i18nFontFamily:lang(zh-SG), .V2HKpq_i18nFontFamily:lang(zh-CN) {
31
27
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
32
28
  }
33
29
 
@@ -55,13 +51,7 @@
55
51
  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
56
52
  display: block;
57
53
  position: absolute;
58
- top: 0;
59
- bottom: 0;
60
- left: 0;
61
- right: 0;
62
- }
63
-
64
- .V2HKpq_spectrum-FocusRing {
54
+ inset: 0;
65
55
  }
66
56
 
67
57
  .V2HKpq_spectrum-FocusRing.V2HKpq_focus-ring:after {
@@ -78,6 +68,16 @@
78
68
  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
79
69
  }
80
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
81
  .V2HKpq_spectrum-Radio {
82
82
  --spectrum-radio-radius: calc(var(--spectrum-radio-circle-diameter, var(--spectrum-global-dimension-size-175)) / 2);
83
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));
@@ -122,7 +122,7 @@
122
122
  overflow: visible;
123
123
  }
124
124
 
125
- .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))) {
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
126
  left: calc(var(--spectrum-radio-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
127
127
  }
128
128
 
@@ -190,10 +190,7 @@
190
190
  border-radius: 100%;
191
191
  display: block;
192
192
  position: absolute;
193
- top: 0;
194
- bottom: 0;
195
- left: 0;
196
- right: 0;
193
+ inset: 0;
197
194
  transform: translateX(0);
198
195
  }
199
196
 
@@ -251,11 +248,7 @@
251
248
  color: var(--spectrum-radio-emphasized-text-color-down, var(--spectrum-alias-text-color-down));
252
249
  }
253
250
 
254
- .V2HKpq_spectrum-Radio .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:checked + .V2HKpq_spectrum-Radio-button:before {
255
- border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-hover, var(--spectrum-global-color-blue-600));
256
- }
257
-
258
- .V2HKpq_spectrum-Radio.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:checked + .V2HKpq_spectrum-Radio-button:before {
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 {
259
252
  border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-hover, var(--spectrum-global-color-blue-600));
260
253
  }
261
254
 
@@ -271,19 +264,11 @@
271
264
  border-color: var(--spectrum-radio-quiet-circle-border-color-selected-down, var(--spectrum-global-color-gray-900));
272
265
  }
273
266
 
274
- .V2HKpq_spectrum-Radio--quiet .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:checked + .V2HKpq_spectrum-Radio-button:before {
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 {
275
268
  border-color: var(--spectrum-radio-quiet-circle-border-color-selected-key-focus, var(--spectrum-global-color-gray-800));
276
269
  }
277
270
 
278
- .V2HKpq_spectrum-Radio--quiet.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-input.V2HKpq_focus-ring:checked + .V2HKpq_spectrum-Radio-button:before {
279
- border-color: var(--spectrum-radio-quiet-circle-border-color-selected-key-focus, var(--spectrum-global-color-gray-800));
280
- }
281
-
282
- :is(.V2HKpq_spectrum-Radio, .V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-button:before {
283
- border-color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
284
- }
285
-
286
- :is(.V2HKpq_spectrum-Radio, .V2HKpq_spectrum-Radio--quiet).V2HKpq_is-invalid .V2HKpq_spectrum-Radio-input:checked + .V2HKpq_spectrum-Radio-button:before {
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 {
287
272
  border-color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
288
273
  }
289
274
 
@@ -378,107 +363,8 @@
378
363
  --spectrum-radio-focus-ring-size: var(--spectrum-global-dimension-static-size-40, 3px);
379
364
  }
380
365
 
381
- .V2HKpq_spectrum-Radio.V2HKpq_is-invalid.V2HKpq_is-hovered .V2HKpq_spectrum-Radio-label {
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 {
382
367
  color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
383
368
  }
384
-
385
- .V2HKpq_spectrum-Radio.V2HKpq_is-invalid:active .V2HKpq_spectrum-Radio-label {
386
- color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
387
- }
388
- }
389
-
390
- .hyn22G_i18nFontFamily {
391
- font-synthesis: weight;
392
- font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
393
- }
394
-
395
- .hyn22G_i18nFontFamily:lang(ar) {
396
- font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
397
- }
398
-
399
- .hyn22G_i18nFontFamily:lang(he) {
400
- font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
401
- }
402
-
403
- .hyn22G_i18nFontFamily:lang(zh) {
404
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
405
- }
406
-
407
- .hyn22G_i18nFontFamily:lang(zh-Hans) {
408
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
409
- }
410
-
411
- .hyn22G_i18nFontFamily:lang(zh-Hant) {
412
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
413
- }
414
-
415
- .hyn22G_i18nFontFamily:lang(zh-SG) {
416
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
417
- }
418
-
419
- .hyn22G_i18nFontFamily:lang(zh-CN) {
420
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
421
- }
422
-
423
- .hyn22G_i18nFontFamily:lang(ko) {
424
- font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
425
- }
426
-
427
- .hyn22G_i18nFontFamily:lang(ja) {
428
- font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
429
- }
430
-
431
- .hyn22G_spectrum-FocusRing-ring {
432
- --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
433
- --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
434
- --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
435
- --spectrum-focus-ring-border-size: 0px;
436
- --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
437
- }
438
-
439
- .hyn22G_spectrum-FocusRing-ring:after {
440
- border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
441
- content: "";
442
- margin: calc(-1 * var(--spectrum-focus-ring-border-size));
443
- pointer-events: none;
444
- transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
445
- display: block;
446
- position: absolute;
447
- top: 0;
448
- bottom: 0;
449
- left: 0;
450
- right: 0;
451
- }
452
-
453
- .hyn22G_spectrum-FocusRing {
454
- }
455
-
456
- .hyn22G_spectrum-FocusRing.hyn22G_focus-ring:after {
457
- margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
458
- box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
459
- }
460
-
461
- .hyn22G_spectrum-FocusRing--quiet:after {
462
- border-radius: 0;
463
369
  }
464
-
465
- .hyn22G_spectrum-FocusRing--quiet.hyn22G_focus-ring:after {
466
- margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
467
- box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
468
- }
469
-
470
- .hyn22G_spectrum-FieldGroup.hyn22G_spectrum-FieldGroup {
471
- --spectrum-field-default-width: auto;
472
- width: auto;
473
- }
474
-
475
- .hyn22G_spectrum-FieldGroup-group {
476
- flex-direction: column;
477
- display: flex;
478
- }
479
-
480
- .hyn22G_spectrum-FieldGroup-group--horizontal {
481
- flex-flow: wrap;
482
- }
483
-
484
- /*# sourceMappingURL=main.css.map */
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.4",
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.2",
40
- "@react-aria/interactions": "^3.21.1",
41
- "@react-aria/radio": "^3.10.2",
42
- "@react-spectrum/form": "^3.7.4",
43
- "@react-spectrum/label": "^3.16.4",
44
- "@react-spectrum/utils": "^3.11.5",
45
- "@react-stately/radio": "^3.10.2",
46
- "@react-types/radio": "^3.7.1",
47
- "@react-types/shared": "^3.22.1",
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": "de9f84a22583fc741c29b341d14cd35ef4cca161"
60
+ "gitHead": "f645f29edc1322153fd60af4640cbcab1d992dbd"
61
61
  }
package/dist/main.css.map DELETED
@@ -1 +0,0 @@
1
- {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;AAiBF;;;AAII;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;;;AAAA;;;;AASF;;;;AAME;;;;AAOA;;;;AAQA;;;;AAAA;;;;AAWA;;;;AAAA;;;;AAIF;;;;AAME;;;;AAIF;;;;AAME;;;;AAIF;;;;AAOE;;;;AAKA;;;;AALA;;;;AAKA;;;;AASF;;;;AAKF;;;;AAcI;;;;AAKA;;;;AALA;;;;AAKA;;;;AAON;EACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BI;;;;EAKA;;;;;AC7dN;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;AAiBF;;;AAII;;;;;AAQF;;;;AAKE;;;;;AASJ;;;;;AAKA;;;;;AAKA","sources":["packages/@adobe/spectrum-css-temp/components/radio/vars.css","packages/@adobe/spectrum-css-temp/components/fieldgroup/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n"],"names":[],"version":3,"file":"main.css.map"}