@react-spectrum/checkbox 3.9.3 → 3.9.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 (39) hide show
  1. package/dist/Checkbox.main.js +121 -0
  2. package/dist/Checkbox.main.js.map +1 -0
  3. package/dist/Checkbox.mjs +116 -0
  4. package/dist/Checkbox.module.js +116 -0
  5. package/dist/Checkbox.module.js.map +1 -0
  6. package/dist/CheckboxGroup.main.js +71 -0
  7. package/dist/CheckboxGroup.main.js.map +1 -0
  8. package/dist/CheckboxGroup.mjs +66 -0
  9. package/dist/CheckboxGroup.module.js +66 -0
  10. package/dist/CheckboxGroup.module.js.map +1 -0
  11. package/dist/checkbox_vars_css.main.js +59 -0
  12. package/dist/checkbox_vars_css.main.js.map +1 -0
  13. package/dist/checkbox_vars_css.mjs +61 -0
  14. package/dist/checkbox_vars_css.module.js +61 -0
  15. package/dist/checkbox_vars_css.module.js.map +1 -0
  16. package/dist/context.main.js +27 -0
  17. package/dist/context.main.js.map +1 -0
  18. package/dist/context.mjs +18 -0
  19. package/dist/context.module.js +18 -0
  20. package/dist/context.module.js.map +1 -0
  21. package/dist/fieldgroup_vars_css.main.js +32 -0
  22. package/dist/fieldgroup_vars_css.main.js.map +1 -0
  23. package/dist/fieldgroup_vars_css.mjs +34 -0
  24. package/dist/fieldgroup_vars_css.module.js +34 -0
  25. package/dist/fieldgroup_vars_css.module.js.map +1 -0
  26. package/dist/import.mjs +2 -255
  27. package/dist/main.js +4 -253
  28. package/dist/main.js.map +1 -1
  29. package/dist/module.js +2 -255
  30. package/dist/module.js.map +1 -1
  31. package/dist/types.d.ts +3 -2
  32. package/dist/types.d.ts.map +1 -1
  33. package/dist/vars.880c6573.css +94 -0
  34. package/dist/vars.880c6573.css.map +1 -0
  35. package/dist/vars.fe746eae.css +487 -0
  36. package/dist/vars.fe746eae.css.map +1 -0
  37. package/package.json +15 -14
  38. package/src/Checkbox.tsx +5 -3
  39. package/dist/main.css +0 -1
@@ -0,0 +1,487 @@
1
+ .ISsn1a_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
+ .ISsn1a_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
+ .ISsn1a_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
+ .ISsn1a_i18nFontFamily:lang(zh) {
15
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
+ }
17
+
18
+ .ISsn1a_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
+ .ISsn1a_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
+ .ISsn1a_i18nFontFamily:lang(zh-SG), .ISsn1a_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
+ .ISsn1a_i18nFontFamily:lang(ko) {
31
+ font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
+ }
33
+
34
+ .ISsn1a_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
+ .ISsn1a_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
+ .ISsn1a_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
+ .ISsn1a_spectrum-FocusRing.ISsn1a_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
+ .ISsn1a_spectrum-FocusRing--quiet:after {
63
+ border-radius: 0;
64
+ }
65
+
66
+ .ISsn1a_spectrum-FocusRing--quiet.ISsn1a_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
+ .ISsn1a_spectrum-FocusRing, .ISsn1a_spectrum-FocusRing-ring, .ISsn1a_spectrum-FocusRing--quiet {
73
+ --spectrum-high-contrast-focus-ring-color: Highlight;
74
+ }
75
+
76
+ :is(.ISsn1a_spectrum-FocusRing, .ISsn1a_spectrum-FocusRing-ring, .ISsn1a_spectrum-FocusRing--quiet):after {
77
+ forced-color-adjust: none;
78
+ }
79
+ }
80
+
81
+ .ISsn1a_spectrum-Checkbox {
82
+ box-sizing: border-box;
83
+ min-block-size: var(--spectrum-checkbox-height, var(--spectrum-global-dimension-size-400));
84
+ vertical-align: top;
85
+ isolation: isolate;
86
+ align-items: flex-start;
87
+ max-inline-size: 100%;
88
+ padding-inline-end: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * 2);
89
+ display: inline-flex;
90
+ position: relative;
91
+ }
92
+
93
+ .ISsn1a_spectrum-Checkbox-input {
94
+ box-sizing: border-box;
95
+ inline-size: calc(100% + var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)));
96
+ opacity: .0001;
97
+ z-index: 1;
98
+ cursor: default;
99
+ block-size: 100%;
100
+ margin: 0;
101
+ padding: 0;
102
+ font-family: inherit;
103
+ font-size: 100%;
104
+ line-height: 1.15;
105
+ position: absolute;
106
+ top: 0;
107
+ overflow: visible;
108
+ }
109
+
110
+ .ISsn1a_spectrum-Checkbox-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))) {
111
+ left: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
112
+ }
113
+
114
+ .ISsn1a_spectrum-Checkbox-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))) {
115
+ left: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
116
+ }
117
+
118
+ .ISsn1a_spectrum-Checkbox-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)) {
119
+ right: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
120
+ }
121
+
122
+ .ISsn1a_spectrum-Checkbox-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)) {
123
+ right: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
124
+ }
125
+
126
+ .ISsn1a_spectrum-Checkbox-input:disabled {
127
+ cursor: default;
128
+ }
129
+
130
+ .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:after {
131
+ margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
132
+ }
133
+
134
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before {
135
+ border-width: calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2);
136
+ }
137
+
138
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box .ISsn1a_spectrum-Checkbox-checkmark {
139
+ display: none;
140
+ }
141
+
142
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box .ISsn1a_spectrum-Checkbox-partialCheckmark {
143
+ opacity: 1;
144
+ display: block;
145
+ transform: scale(1);
146
+ }
147
+
148
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box:before {
149
+ border-width: calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2);
150
+ }
151
+
152
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box .ISsn1a_spectrum-Checkbox-checkmark {
153
+ opacity: 1;
154
+ transform: scale(1);
155
+ }
156
+
157
+ .ISsn1a_spectrum-Checkbox-label {
158
+ text-align: start;
159
+ font-size: var(--spectrum-checkbox-text-size, var(--spectrum-alias-font-size-default));
160
+ font-weight: var(--spectrum-checkbox-text-font-weight, var(--spectrum-global-font-weight-regular));
161
+ margin-block-start: var(--spectrum-global-dimension-size-65);
162
+ margin-inline-start: var(--spectrum-checkbox-text-gap, var(--spectrum-global-dimension-size-125));
163
+ line-height: 1.49;
164
+ }
165
+
166
+ .ISsn1a_spectrum-Checkbox-box {
167
+ box-sizing: border-box;
168
+ inline-size: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
169
+ block-size: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
170
+ margin: calc((var(--spectrum-checkbox-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175))) / 2) 0;
171
+ flex-grow: 0;
172
+ flex-shrink: 0;
173
+ position: relative;
174
+ }
175
+
176
+ .ISsn1a_spectrum-Checkbox-box:before {
177
+ z-index: 0;
178
+ content: "";
179
+ box-sizing: border-box;
180
+ width: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
181
+ height: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
182
+ border-radius: var(--spectrum-checkbox-box-border-radius, var(--spectrum-alias-border-radius-small));
183
+ border-width: var(--spectrum-checkbox-box-border-size, var(--spectrum-alias-border-size-thick));
184
+ transition: border var(--spectrum-global-animation-duration-100, .13s) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
185
+ border-style: solid;
186
+ display: block;
187
+ position: absolute;
188
+ }
189
+
190
+ .ISsn1a_spectrum-Checkbox-box:after {
191
+ border-radius: calc(var(--spectrum-checkbox-box-border-radius, var(--spectrum-alias-border-radius-small)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
192
+ content: "";
193
+ margin: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
194
+ transition: opacity var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
195
+ display: block;
196
+ position: absolute;
197
+ inset: 0;
198
+ transform: translateX(0);
199
+ }
200
+
201
+ .ISsn1a_spectrum-Checkbox-checkmark, .ISsn1a_spectrum-Checkbox-partialCheckmark {
202
+ opacity: 0;
203
+ transition: opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
204
+ margin-block-start: calc(var(--spectrum-icon-checkmark-small-height) / -2);
205
+ margin-inline-start: calc(var(--spectrum-icon-checkmark-small-width) / -2);
206
+ position: absolute;
207
+ top: 50%;
208
+ transform: scale(0);
209
+ }
210
+
211
+ .ISsn1a_spectrum-Checkbox-checkmark: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))) {
212
+ left: 50%;
213
+ }
214
+
215
+ .ISsn1a_spectrum-Checkbox-checkmark: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))) {
216
+ left: 50%;
217
+ }
218
+
219
+ .ISsn1a_spectrum-Checkbox-partialCheckmark: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))) {
220
+ left: 50%;
221
+ }
222
+
223
+ .ISsn1a_spectrum-Checkbox-partialCheckmark: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))) {
224
+ left: 50%;
225
+ }
226
+
227
+ .ISsn1a_spectrum-Checkbox-checkmark:-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)) {
228
+ right: 50%;
229
+ }
230
+
231
+ .ISsn1a_spectrum-Checkbox-checkmark: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)) {
232
+ right: 50%;
233
+ }
234
+
235
+ .ISsn1a_spectrum-Checkbox-partialCheckmark:-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)) {
236
+ right: 50%;
237
+ }
238
+
239
+ .ISsn1a_spectrum-Checkbox-partialCheckmark: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)) {
240
+ right: 50%;
241
+ }
242
+
243
+ .ISsn1a_spectrum-Checkbox-partialCheckmark {
244
+ display: none;
245
+ }
246
+
247
+ .ISsn1a_spectrum-Checkbox {
248
+ --spectrum-checkbox-emphasized-text-color-key-focus: var(--spectrum-checkbox-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
249
+ --spectrum-checkbox-box-border-color: var(--spectrum-alias-toggle-color-default);
250
+ --spectrum-checkbox-box-border-color-hover: var(--spectrum-alias-toggle-color-hover);
251
+ --spectrum-checkbox-box-border-color-key-focus: var(--spectrum-alias-toggle-color-key-focus);
252
+ --spectrum-checkbox-quiet-box-border-color-selected: var(--spectrum-alias-toggle-color-selected);
253
+ --spectrum-checkbox-quiet-box-border-color-selected-hover: var(--spectrum-alias-toggle-color-selected-hover);
254
+ --spectrum-checkbox-quiet-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-color-selected-key-focus);
255
+ --spectrum-checkbox-emphasized-box-background-color-selected: var(--spectrum-accent-color-900);
256
+ --spectrum-checkbox-emphasized-box-background-color-selected-hover: var(--spectrum-accent-color-1000);
257
+ --spectrum-checkbox-emphasized-box-background-color-selected-key-focus: var(--spectrum-accent-color-1000);
258
+ --spectrum-checkbox-emphasized-box-background-color-selected-down: var(--spectrum-accent-color-1100);
259
+ --spectrum-checkbox-emphasized-box-border-color-selected: var(--spectrum-accent-color-900);
260
+ --spectrum-checkbox-emphasized-box-border-color-selected-hover: var(--spectrum-accent-color-1000);
261
+ --spectrum-checkbox-emphasized-box-border-color-selected-key-focus: var(--spectrum-accent-color-1000);
262
+ --spectrum-checkbox-emphasized-box-border-color-selected-down: var(--spectrum-accent-color-1100);
263
+ color: var(--spectrum-checkbox-text-color, var(--spectrum-alias-text-color));
264
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color, var(--spectrum-global-color-gray-600));
265
+ }
266
+
267
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-checkmark, .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-partialCheckmark {
268
+ color: var(--spectrum-checkbox-checkmark-color, var(--spectrum-global-color-gray-75));
269
+ }
270
+
271
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-box:before {
272
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color, var(--spectrum-global-color-gray-600));
273
+ background-color: var(--spectrum-checkbox-emphasized-box-background-color, var(--spectrum-global-color-gray-75));
274
+ }
275
+
276
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-label {
277
+ color: var(--spectrum-checkbox-emphasized-text-color, var(--spectrum-alias-text-color));
278
+ }
279
+
280
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box:before {
281
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected, var(--spectrum-global-color-blue-500));
282
+ }
283
+
284
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-box:before {
285
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-hover, var(--spectrum-global-color-gray-700));
286
+ }
287
+
288
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-label {
289
+ color: var(--spectrum-checkbox-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
290
+ }
291
+
292
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before {
293
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-hover, var(--spectrum-global-color-blue-600));
294
+ }
295
+
296
+ .ISsn1a_spectrum-Checkbox:active .ISsn1a_spectrum-Checkbox-box:before {
297
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-down, var(--spectrum-global-color-gray-800));
298
+ }
299
+
300
+ .ISsn1a_spectrum-Checkbox:active .ISsn1a_spectrum-Checkbox-label {
301
+ color: var(--spectrum-checkbox-emphasized-text-color-down, var(--spectrum-alias-text-color-down));
302
+ }
303
+
304
+ .ISsn1a_spectrum-Checkbox:active.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox:active .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before {
305
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-down, var(--spectrum-global-color-blue-700));
306
+ }
307
+
308
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled + .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled:active + .ISsn1a_spectrum-Checkbox-box:before {
309
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
310
+ background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
311
+ }
312
+
313
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled ~ .ISsn1a_spectrum-Checkbox-label, .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled:active ~ .ISsn1a_spectrum-Checkbox-label {
314
+ color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
315
+ }
316
+
317
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled + .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled:active + .ISsn1a_spectrum-Checkbox-box:before {
318
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
319
+ background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
320
+ }
321
+
322
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled ~ .ISsn1a_spectrum-Checkbox-label, .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled:active ~ .ISsn1a_spectrum-Checkbox-label {
323
+ color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
324
+ }
325
+
326
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled + .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled:active + .ISsn1a_spectrum-Checkbox-box:before {
327
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
328
+ background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
329
+ }
330
+
331
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled ~ .ISsn1a_spectrum-Checkbox-label, .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled:active ~ .ISsn1a_spectrum-Checkbox-label {
332
+ color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
333
+ }
334
+
335
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled + .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled:active + .ISsn1a_spectrum-Checkbox-box:before {
336
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
337
+ background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
338
+ }
339
+
340
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled ~ .ISsn1a_spectrum-Checkbox-label, .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled:active ~ .ISsn1a_spectrum-Checkbox-label {
341
+ color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
342
+ }
343
+
344
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-box:before {
345
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
346
+ background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
347
+ }
348
+
349
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-label {
350
+ color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
351
+ }
352
+
353
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled:active .ISsn1a_spectrum-Checkbox-box:before {
354
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
355
+ background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
356
+ }
357
+
358
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled:active .ISsn1a_spectrum-Checkbox-label {
359
+ color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
360
+ }
361
+
362
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input + .ISsn1a_spectrum-Checkbox-box:after {
363
+ box-shadow: 0 0 0 var(--spectrum-checkbox-focus-ring-size-key-focus, var(--spectrum-alias-focus-ring-size)) var(--spectrum-checkbox-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
364
+ opacity: 0;
365
+ }
366
+
367
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:before {
368
+ border-color: var(--spectrum-checkbox-box-border-color-key-focus, var(--spectrum-global-color-gray-700));
369
+ }
370
+
371
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:after {
372
+ opacity: 1;
373
+ }
374
+
375
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:before {
376
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus, var(--spectrum-global-color-blue-600));
377
+ }
378
+
379
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring ~ .ISsn1a_spectrum-Checkbox-label {
380
+ color: var(--spectrum-checkbox-emphasized-text-color-key-focus, var(--spectrum-alias-text-color-hover));
381
+ }
382
+
383
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:before {
384
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus, var(--spectrum-global-color-blue-600));
385
+ }
386
+
387
+ .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:before {
388
+ border-color: var(--spectrum-checkbox-quiet-box-border-color-selected, var(--spectrum-global-color-gray-700));
389
+ }
390
+
391
+ .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-hovered.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before {
392
+ border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-hover, var(--spectrum-global-color-gray-800));
393
+ }
394
+
395
+ .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet:active.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet:active .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before {
396
+ border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-down, var(--spectrum-global-color-gray-900));
397
+ }
398
+
399
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before {
400
+ border-color: var(--spectrum-checkbox-box-border-color-error, var(--spectrum-global-color-red-500));
401
+ }
402
+
403
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-label {
404
+ color: var(--spectrum-checkbox-text-color-error, var(--spectrum-global-color-red-600));
405
+ }
406
+
407
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:before {
408
+ border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
409
+ }
410
+
411
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring ~ .ISsn1a_spectrum-Checkbox-label {
412
+ color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700));
413
+ }
414
+
415
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:before {
416
+ border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
417
+ }
418
+
419
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring ~ .ISsn1a_spectrum-Checkbox-label {
420
+ color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700));
421
+ }
422
+
423
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before {
424
+ border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
425
+ }
426
+
427
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-label {
428
+ color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700));
429
+ }
430
+
431
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid:active .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid:active .ISsn1a_spectrum-Checkbox-box:before {
432
+ border-color: var(--spectrum-checkbox-box-border-color-error-down, var(--spectrum-global-color-red-700));
433
+ }
434
+
435
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid:active .ISsn1a_spectrum-Checkbox-label {
436
+ color: var(--spectrum-checkbox-text-color-error-down, var(--spectrum-global-color-red-700));
437
+ }
438
+
439
+ @media (forced-colors: active) {
440
+ .ISsn1a_spectrum-Checkbox {
441
+ forced-color-adjust: none;
442
+ --spectrum-alias-toggle-color-default: ButtonText;
443
+ --spectrum-alias-toggle-color-hover: Highlight;
444
+ --spectrum-alias-toggle-color-key-focus: Highlight;
445
+ --spectrum-alias-toggle-color-selected: Highlight;
446
+ --spectrum-alias-toggle-color-selected-hover: Highlight;
447
+ --spectrum-alias-toggle-color-selected-key-focus: Highlight;
448
+ --spectrum-alias-toggle-color-selected-down: Highlight;
449
+ --spectrum-checkbox-box-border-color-error: Highlight;
450
+ --spectrum-checkbox-box-border-color-error-down: Highlight;
451
+ --spectrum-checkbox-box-border-color-error-hover: Highlight;
452
+ --spectrum-checkbox-checkmark-color: HighlightText;
453
+ --spectrum-checkbox-emphasized-box-background-color: ButtonFace;
454
+ --spectrum-checkbox-emphasized-box-background-color-disabled: ButtonFace;
455
+ --spectrum-checkbox-emphasized-box-border-color: ButtonText;
456
+ --spectrum-checkbox-emphasized-box-border-color-disabled: GrayText;
457
+ --spectrum-checkbox-emphasized-box-border-color-down: Highlight;
458
+ --spectrum-checkbox-emphasized-box-border-color-hover: Highlight;
459
+ --spectrum-checkbox-emphasized-text-color: FieldText;
460
+ --spectrum-checkbox-emphasized-text-color-down: FieldText;
461
+ --spectrum-checkbox-emphasized-text-color-hover: FieldText;
462
+ --spectrum-checkbox-emphasized-text-color-key-focus: FieldText;
463
+ --spectrum-checkbox-focus-ring-color-key-focus: ButtonText;
464
+ --spectrum-checkbox-quiet-box-border-color-selected: Highlight;
465
+ --spectrum-checkbox-quiet-box-border-color-selected-down: Highlight;
466
+ --spectrum-checkbox-quiet-box-border-color-selected-hover: Highlight;
467
+ --spectrum-checkbox-text-color: FieldText;
468
+ --spectrum-checkbox-text-color-disabled: GrayText;
469
+ --spectrum-checkbox-text-color-error: FieldText;
470
+ --spectrum-checkbox-text-color-error-down: FieldText;
471
+ --spectrum-checkbox-text-color-error-hover: FieldText;
472
+ --spectrum-checkbox-emphasized-box-background-color-selected: Highlight;
473
+ --spectrum-checkbox-emphasized-box-background-color-selected-hover: Highlight;
474
+ --spectrum-checkbox-emphasized-box-background-color-selected-key-focus: Highlight;
475
+ --spectrum-checkbox-emphasized-box-background-color-selected-down: Highlight;
476
+ --spectrum-checkbox-emphasized-box-border-color-selected: Highlight;
477
+ --spectrum-checkbox-emphasized-box-border-color-selected-hover: Highlight;
478
+ --spectrum-checkbox-emphasized-box-border-color-selected-key-focus: Highlight;
479
+ --spectrum-checkbox-emphasized-box-border-color-selected-down: Highlight;
480
+ }
481
+
482
+ .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet, .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate {
483
+ --spectrum-alias-toggle-color-default: ButtonText;
484
+ --spectrum-alias-toggle-color-selected: ButtonText;
485
+ }
486
+ }
487
+ /*# sourceMappingURL=vars.fe746eae.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;;;;;;;;;;;;AAiBA;;;;;;;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AA8BE;;;;AAMI;;;;AASF;;;;AAIA;;;;AAIA;;;;;;AAWA;;;;AAKA;;;;;AAOJ;;;;;;;;;AASA;;;;;;;;;;AAaE;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;AAiBF;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAeA;;;;AAgBA;;;;;;;;;;;;;;;;;;;;AAyBE;;;;AAME;;;;;AAMF;;;;AAQI;;;;AAQA;;;;AAIF;;;;AAKE;;;;AAQA;;;;AAIF;;;;AAKE;;;;AAUA;;;;;AAMF;;;;AANE;;;;;AAMF;;;;AAWI;;;;;AAMF;;;;AANE;;;;;AAMF;;;;AASE;;;;;AAKF;;;;AALE;;;;;AAKF;;;;AAWA;;;;;AAMA;;;;AAGA;;;;AAME;;;;AAKJ;;;;AAQI;;;;AAWF;;;;AAQE;;;;AASA;;;;AAcF;;;;AAKF;;;;AAOI;;;;AAKF;;;;AALE;;;;AAKF;;;;AASE;;;;AAKF;;;;AAQE;;;;AAKF;;;;AAON;EACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CE","sources":["packages/@adobe/spectrum-css-temp/components/checkbox/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.fe746eae.css.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/checkbox",
3
- "version": "3.9.3",
3
+ "version": "3.9.5",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,18 +36,19 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/checkbox": "^3.14.0",
40
- "@react-aria/focus": "^3.16.1",
41
- "@react-aria/interactions": "^3.21.0",
42
- "@react-spectrum/form": "^3.7.3",
43
- "@react-spectrum/label": "^3.16.3",
44
- "@react-spectrum/utils": "^3.11.4",
45
- "@react-stately/checkbox": "^3.6.2",
46
- "@react-stately/toggle": "^3.7.1",
47
- "@react-types/checkbox": "^3.7.0",
48
- "@react-types/shared": "^3.22.0",
49
- "@spectrum-icons/ui": "^3.6.4",
50
- "@swc/helpers": "^0.5.0"
39
+ "@react-aria/checkbox": "^3.14.2",
40
+ "@react-aria/focus": "^3.17.0",
41
+ "@react-aria/interactions": "^3.21.2",
42
+ "@react-spectrum/form": "^3.7.5",
43
+ "@react-spectrum/label": "^3.16.5",
44
+ "@react-spectrum/utils": "^3.11.6",
45
+ "@react-stately/checkbox": "^3.6.4",
46
+ "@react-stately/toggle": "^3.7.3",
47
+ "@react-types/checkbox": "^3.8.0",
48
+ "@react-types/shared": "^3.23.0",
49
+ "@spectrum-icons/ui": "^3.6.6",
50
+ "@swc/helpers": "^0.5.0",
51
+ "react-aria-components": "^1.2.0"
51
52
  },
52
53
  "devDependencies": {
53
54
  "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
@@ -59,5 +60,5 @@
59
60
  "publishConfig": {
60
61
  "access": "public"
61
62
  },
62
- "gitHead": "f040ff62678e6a31375b96c05396df0bae660350"
63
+ "gitHead": "f645f29edc1322153fd60af4640cbcab1d992dbd"
63
64
  }
package/src/Checkbox.tsx CHANGED
@@ -10,6 +10,7 @@
10
10
  * governing permissions and limitations under the License.
11
11
  */
12
12
 
13
+ import {CheckboxContext, useContextProps} from 'react-aria-components';
13
14
  import {CheckboxGroupContext} from './context';
14
15
  import CheckmarkSmall from '@spectrum-icons/ui/CheckmarkSmall';
15
16
  import {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';
@@ -27,6 +28,10 @@ import {useToggleState} from '@react-stately/toggle';
27
28
 
28
29
  function Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelElement>) {
29
30
  let originalProps = props;
31
+ let inputRef = useRef<HTMLInputElement>(null);
32
+ let domRef = useFocusableRef(ref, inputRef);
33
+
34
+ [props, domRef] = useContextProps(props, domRef, CheckboxContext);
30
35
  props = useProviderProps(props);
31
36
  props = useFormProps(props);
32
37
  let {
@@ -38,9 +43,6 @@ function Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelEleme
38
43
  } = props;
39
44
  let {styleProps} = useStyleProps(otherProps);
40
45
 
41
- let inputRef = useRef<HTMLInputElement>(null);
42
- let domRef = useFocusableRef(ref, inputRef);
43
-
44
46
  // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.
45
47
  // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
46
48
  // but since the checkbox won't move in and out of a group, it should be safe.
package/dist/main.css DELETED
@@ -1 +0,0 @@
1
- .ISsn1a_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.ISsn1a_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}.ISsn1a_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}.ISsn1a_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.ISsn1a_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.ISsn1a_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.ISsn1a_i18nFontFamily:lang(zh-SG),.ISsn1a_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.ISsn1a_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.ISsn1a_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}.ISsn1a_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)))}.ISsn1a_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}.ISsn1a_spectrum-FocusRing.ISsn1a_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)}.ISsn1a_spectrum-FocusRing--quiet:after{border-radius:0}.ISsn1a_spectrum-FocusRing--quiet.ISsn1a_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)}.ISsn1a_spectrum-Checkbox{box-sizing:border-box;min-block-size:var(--spectrum-checkbox-height,var(--spectrum-global-dimension-size-400));vertical-align:top;isolation:isolate;align-items:flex-start;max-inline-size:100%;padding-inline-end:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2);display:inline-flex;position:relative}.ISsn1a_spectrum-Checkbox-input{box-sizing:border-box;inline-size:calc(100% + var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100)));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}.ISsn1a_spectrum-Checkbox-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-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.ISsn1a_spectrum-Checkbox-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-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.ISsn1a_spectrum-Checkbox-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-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.ISsn1a_spectrum-Checkbox-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-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.ISsn1a_spectrum-Checkbox-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-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.ISsn1a_spectrum-Checkbox-input:disabled{cursor:default}.ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1)}.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before{border-width:calc(var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175))/2)}.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box .ISsn1a_spectrum-Checkbox-checkmark{display:none}.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box .ISsn1a_spectrum-Checkbox-partialCheckmark{opacity:1;display:block;transform:scale(1)}.ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box:before{border-width:calc(var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175))/2)}.ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box .ISsn1a_spectrum-Checkbox-checkmark{opacity:1;transform:scale(1)}.ISsn1a_spectrum-Checkbox-label{text-align:start;font-size:var(--spectrum-checkbox-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-checkbox-text-font-weight,var(--spectrum-global-font-weight-regular));margin-block-start:var(--spectrum-global-dimension-size-65);margin-inline-start:var(--spectrum-checkbox-text-gap,var(--spectrum-global-dimension-size-125));line-height:1.49}.ISsn1a_spectrum-Checkbox-box{box-sizing:border-box;inline-size:var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175));block-size:var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175));margin:calc((var(--spectrum-checkbox-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175)))/2)0;flex-grow:0;flex-shrink:0;position:relative}.ISsn1a_spectrum-Checkbox-box:before{z-index:0;content:"";box-sizing:border-box;width:var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175));height:var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175));border-radius:var(--spectrum-checkbox-box-border-radius,var(--spectrum-alias-border-radius-small));border-width:var(--spectrum-checkbox-box-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}.ISsn1a_spectrum-Checkbox-box:after{border-radius:calc(var(--spectrum-checkbox-box-border-radius,var(--spectrum-alias-border-radius-small)) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)));content:"";margin:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));transition:opacity 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;transform:translate(0)}.ISsn1a_spectrum-Checkbox-checkmark,.ISsn1a_spectrum-Checkbox-partialCheckmark{opacity:0;transition:opacity var(--spectrum-global-animation-duration-100,.13s)ease-in-out,transform var(--spectrum-global-animation-duration-100,.13s)ease-in-out;margin-block-start:calc(var(--spectrum-icon-checkmark-small-height)/-2);margin-inline-start:calc(var(--spectrum-icon-checkmark-small-width)/-2);position:absolute;top:50%;transform:scale(0)}.ISsn1a_spectrum-Checkbox-checkmark: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:50%}.ISsn1a_spectrum-Checkbox-checkmark: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:50%}.ISsn1a_spectrum-Checkbox-checkmark: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:50%}.ISsn1a_spectrum-Checkbox-partialCheckmark: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:50%}.ISsn1a_spectrum-Checkbox-partialCheckmark: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:50%}.ISsn1a_spectrum-Checkbox-partialCheckmark: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:50%}.ISsn1a_spectrum-Checkbox-checkmark:-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:50%}.ISsn1a_spectrum-Checkbox-checkmark: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:50%}.ISsn1a_spectrum-Checkbox-partialCheckmark:-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:50%}.ISsn1a_spectrum-Checkbox-partialCheckmark: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:50%}.ISsn1a_spectrum-Checkbox-partialCheckmark{display:none}.ISsn1a_spectrum-Checkbox{--spectrum-checkbox-emphasized-text-color-key-focus:var(--spectrum-checkbox-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover));--spectrum-checkbox-box-border-color:var(--spectrum-alias-toggle-color-default);--spectrum-checkbox-box-border-color-hover:var(--spectrum-alias-toggle-color-hover);--spectrum-checkbox-box-border-color-key-focus:var(--spectrum-alias-toggle-color-key-focus);--spectrum-checkbox-quiet-box-border-color-selected:var(--spectrum-alias-toggle-color-selected);--spectrum-checkbox-quiet-box-border-color-selected-hover:var(--spectrum-alias-toggle-color-selected-hover);--spectrum-checkbox-quiet-box-border-color-selected-key-focus:var(--spectrum-alias-toggle-color-selected-key-focus);--spectrum-checkbox-emphasized-box-background-color-selected:var(--spectrum-accent-color-900);--spectrum-checkbox-emphasized-box-background-color-selected-hover:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-box-background-color-selected-key-focus:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-box-background-color-selected-down:var(--spectrum-accent-color-1100);--spectrum-checkbox-emphasized-box-border-color-selected:var(--spectrum-accent-color-900);--spectrum-checkbox-emphasized-box-border-color-selected-hover:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-box-border-color-selected-key-focus:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-box-border-color-selected-down:var(--spectrum-accent-color-1100);color:var(--spectrum-checkbox-text-color,var(--spectrum-alias-text-color));border-color:var(--spectrum-checkbox-emphasized-box-border-color,var(--spectrum-global-color-gray-600))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-checkmark,.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-partialCheckmark{color:var(--spectrum-checkbox-checkmark-color,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color,var(--spectrum-global-color-gray-600));background-color:var(--spectrum-checkbox-emphasized-box-background-color,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-emphasized-text-color,var(--spectrum-alias-text-color))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected,var(--spectrum-global-color-blue-500))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-hover,var(--spectrum-global-color-gray-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-hover,var(--spectrum-global-color-blue-600))}.ISsn1a_spectrum-Checkbox:active .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-down,var(--spectrum-global-color-gray-800))}.ISsn1a_spectrum-Checkbox:active .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}.ISsn1a_spectrum-Checkbox:active.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox:active .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-down,var(--spectrum-global-color-blue-700))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled:active+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled~.ISsn1a_spectrum-Checkbox-label,.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled:active~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled:active+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled~.ISsn1a_spectrum-Checkbox-label,.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled:active~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled:active+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled~.ISsn1a_spectrum-Checkbox-label,.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled:active~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled:active+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled~.ISsn1a_spectrum-Checkbox-label,.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled:active~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled:active .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled:active .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input+.ISsn1a_spectrum-Checkbox-box:after{box-shadow:0 0 0 var(--spectrum-checkbox-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size))var(--spectrum-checkbox-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color));opacity:0}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-key-focus,var(--spectrum-global-color-gray-700))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:after{opacity:1}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus,var(--spectrum-global-color-blue-600))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus,var(--spectrum-global-color-blue-600))}.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-quiet-box-border-color-selected,var(--spectrum-global-color-gray-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-hovered.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-quiet-box-border-color-selected-hover,var(--spectrum-global-color-gray-800))}.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet:active.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet:active .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-quiet-box-border-color-selected-down,var(--spectrum-global-color-gray-900))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error,var(--spectrum-global-color-red-500))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error,var(--spectrum-global-color-red-600))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error-hover,var(--spectrum-global-color-red-600))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error-hover,var(--spectrum-global-color-red-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error-hover,var(--spectrum-global-color-red-600))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error-hover,var(--spectrum-global-color-red-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error-hover,var(--spectrum-global-color-red-600))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error-hover,var(--spectrum-global-color-red-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid:active .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid:active .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error-down,var(--spectrum-global-color-red-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid:active .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error-down,var(--spectrum-global-color-red-700))}@media (forced-colors:active){.ISsn1a_spectrum-Checkbox{forced-color-adjust:none;--spectrum-alias-toggle-color-default:ButtonText;--spectrum-alias-toggle-color-hover:Highlight;--spectrum-alias-toggle-color-key-focus:Highlight;--spectrum-alias-toggle-color-selected:Highlight;--spectrum-alias-toggle-color-selected-hover:Highlight;--spectrum-alias-toggle-color-selected-key-focus:Highlight;--spectrum-alias-toggle-color-selected-down:Highlight;--spectrum-checkbox-box-border-color-error:Highlight;--spectrum-checkbox-box-border-color-error-down:Highlight;--spectrum-checkbox-box-border-color-error-hover:Highlight;--spectrum-checkbox-checkmark-color:HighlightText;--spectrum-checkbox-emphasized-box-background-color:ButtonFace;--spectrum-checkbox-emphasized-box-background-color-disabled:ButtonFace;--spectrum-checkbox-emphasized-box-border-color:ButtonText;--spectrum-checkbox-emphasized-box-border-color-disabled:GrayText;--spectrum-checkbox-emphasized-box-border-color-down:Highlight;--spectrum-checkbox-emphasized-box-border-color-hover:Highlight;--spectrum-checkbox-emphasized-text-color:FieldText;--spectrum-checkbox-emphasized-text-color-down:FieldText;--spectrum-checkbox-emphasized-text-color-hover:FieldText;--spectrum-checkbox-emphasized-text-color-key-focus:FieldText;--spectrum-checkbox-focus-ring-color-key-focus:ButtonText;--spectrum-checkbox-quiet-box-border-color-selected:Highlight;--spectrum-checkbox-quiet-box-border-color-selected-down:Highlight;--spectrum-checkbox-quiet-box-border-color-selected-hover:Highlight;--spectrum-checkbox-text-color:FieldText;--spectrum-checkbox-text-color-disabled:GrayText;--spectrum-checkbox-text-color-error:FieldText;--spectrum-checkbox-text-color-error-down:FieldText;--spectrum-checkbox-text-color-error-hover:FieldText;--spectrum-checkbox-emphasized-box-background-color-selected:Highlight;--spectrum-checkbox-emphasized-box-background-color-selected-hover:Highlight;--spectrum-checkbox-emphasized-box-background-color-selected-key-focus:Highlight;--spectrum-checkbox-emphasized-box-background-color-selected-down:Highlight;--spectrum-checkbox-emphasized-box-border-color-selected:Highlight;--spectrum-checkbox-emphasized-box-border-color-selected-hover:Highlight;--spectrum-checkbox-emphasized-box-border-color-selected-key-focus:Highlight;--spectrum-checkbox-emphasized-box-border-color-selected-down:Highlight}.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet,.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate{--spectrum-alias-toggle-color-default:ButtonText;--spectrum-alias-toggle-color-selected:ButtonText}}.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}