@react-spectrum/checkbox 3.0.0-nightly.2782 → 3.0.0-nightly.2794

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 (7) hide show
  1. package/dist/import.mjs +1 -1
  2. package/dist/main.css +27 -155
  3. package/dist/main.css.map +1 -1
  4. package/dist/module.css +561 -0
  5. package/dist/module.css.map +1 -0
  6. package/dist/module.js +1 -1
  7. package/package.json +14 -14
package/dist/import.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import "./main.css";
1
+ import "./module.css";
2
2
  import $gpy1V$spectrumiconsuiCheckmarkSmall from "@spectrum-icons/ui/CheckmarkSmall";
3
3
  import {useStyleProps as $gpy1V$useStyleProps, useFocusableRef as $gpy1V$useFocusableRef, classNames as $gpy1V$classNames, useDOMRef as $gpy1V$useDOMRef} from "@react-spectrum/utils";
4
4
  import $gpy1V$spectrumiconsuiDashSmall from "@spectrum-icons/ui/DashSmall";
package/dist/main.css CHANGED
@@ -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
- .ISsn1a_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
- .ISsn1a_i18nFontFamily:lang(zh-CN) {
26
+ .ISsn1a_i18nFontFamily:lang(zh-SG), .ISsn1a_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
- .ISsn1a_spectrum-FocusRing {
54
+ inset: 0;
65
55
  }
66
56
 
67
57
  .ISsn1a_spectrum-FocusRing.ISsn1a_focus-ring:after {
@@ -107,7 +97,7 @@
107
97
  overflow: visible;
108
98
  }
109
99
 
110
- .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))) {
100
+ .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
101
  left: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
112
102
  }
113
103
 
@@ -194,10 +184,7 @@
194
184
  transition: opacity var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
195
185
  display: block;
196
186
  position: absolute;
197
- top: 0;
198
- bottom: 0;
199
- left: 0;
200
- right: 0;
187
+ inset: 0;
201
188
  transform: translateX(0);
202
189
  }
203
190
 
@@ -211,7 +198,7 @@
211
198
  transform: scale(0);
212
199
  }
213
200
 
214
- .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))) {
201
+ .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))) {
215
202
  left: 50%;
216
203
  }
217
204
 
@@ -219,7 +206,7 @@
219
206
  left: 50%;
220
207
  }
221
208
 
222
- .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))) {
209
+ .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))) {
223
210
  left: 50%;
224
211
  }
225
212
 
@@ -263,18 +250,11 @@
263
250
  --spectrum-checkbox-emphasized-box-border-color-selected-hover: var(--spectrum-accent-color-1000);
264
251
  --spectrum-checkbox-emphasized-box-border-color-selected-key-focus: var(--spectrum-accent-color-1000);
265
252
  --spectrum-checkbox-emphasized-box-border-color-selected-down: var(--spectrum-accent-color-1100);
266
- }
267
-
268
- .ISsn1a_spectrum-Checkbox {
269
253
  color: var(--spectrum-checkbox-text-color, var(--spectrum-alias-text-color));
270
254
  border-color: var(--spectrum-checkbox-emphasized-box-border-color, var(--spectrum-global-color-gray-600));
271
255
  }
272
256
 
273
- .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-checkmark {
274
- color: var(--spectrum-checkbox-checkmark-color, var(--spectrum-global-color-gray-75));
275
- }
276
-
277
- .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-partialCheckmark {
257
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-checkmark, .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-partialCheckmark {
278
258
  color: var(--spectrum-checkbox-checkmark-color, var(--spectrum-global-color-gray-75));
279
259
  }
280
260
 
@@ -287,11 +267,7 @@
287
267
  color: var(--spectrum-checkbox-emphasized-text-color, var(--spectrum-alias-text-color));
288
268
  }
289
269
 
290
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before {
291
- border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected, var(--spectrum-global-color-blue-500));
292
- }
293
-
294
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box:before {
270
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box:before {
295
271
  border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected, var(--spectrum-global-color-blue-500));
296
272
  }
297
273
 
@@ -303,11 +279,7 @@
303
279
  color: var(--spectrum-checkbox-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
304
280
  }
305
281
 
306
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before {
307
- border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-hover, var(--spectrum-global-color-blue-600));
308
- }
309
-
310
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before {
282
+ .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 {
311
283
  border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-hover, var(--spectrum-global-color-blue-600));
312
284
  }
313
285
 
@@ -319,83 +291,43 @@
319
291
  color: var(--spectrum-checkbox-emphasized-text-color-down, var(--spectrum-alias-text-color-down));
320
292
  }
321
293
 
322
- .ISsn1a_spectrum-Checkbox:active.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before {
323
- border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-down, var(--spectrum-global-color-blue-700));
324
- }
325
-
326
- .ISsn1a_spectrum-Checkbox:active .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before {
294
+ .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 {
327
295
  border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-down, var(--spectrum-global-color-blue-700));
328
296
  }
329
297
 
330
- .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled + .ISsn1a_spectrum-Checkbox-box:before {
298
+ .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 {
331
299
  border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
332
300
  background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
333
301
  }
334
302
 
335
- .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input: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_spectrum-Checkbox-input:disabled ~ .ISsn1a_spectrum-Checkbox-label {
303
+ .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 {
341
304
  color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
342
305
  }
343
306
 
344
- .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled:active ~ .ISsn1a_spectrum-Checkbox-label {
345
- color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
346
- }
347
-
348
- .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled + .ISsn1a_spectrum-Checkbox-box:before {
349
- border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
350
- background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
351
- }
352
-
353
- .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled:active + .ISsn1a_spectrum-Checkbox-box:before {
307
+ .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 {
354
308
  border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
355
309
  background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
356
310
  }
357
311
 
358
- .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled ~ .ISsn1a_spectrum-Checkbox-label {
312
+ .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 {
359
313
  color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
360
314
  }
361
315
 
362
- .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled:active ~ .ISsn1a_spectrum-Checkbox-label {
363
- color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
364
- }
365
-
366
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled + .ISsn1a_spectrum-Checkbox-box:before {
367
- border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
368
- background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
369
- }
370
-
371
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled:active + .ISsn1a_spectrum-Checkbox-box:before {
316
+ .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 {
372
317
  border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
373
318
  background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
374
319
  }
375
320
 
376
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled ~ .ISsn1a_spectrum-Checkbox-label {
377
- color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
378
- }
379
-
380
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled:active ~ .ISsn1a_spectrum-Checkbox-label {
321
+ .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 {
381
322
  color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
382
323
  }
383
324
 
384
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled + .ISsn1a_spectrum-Checkbox-box:before {
385
- border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
386
- background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
387
- }
388
-
389
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled:active + .ISsn1a_spectrum-Checkbox-box:before {
325
+ .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 {
390
326
  border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
391
327
  background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
392
328
  }
393
329
 
394
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled ~ .ISsn1a_spectrum-Checkbox-label {
395
- color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
396
- }
397
-
398
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled:active ~ .ISsn1a_spectrum-Checkbox-label {
330
+ .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 {
399
331
  color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
400
332
  }
401
333
 
@@ -442,51 +374,19 @@
442
374
  border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus, var(--spectrum-global-color-blue-600));
443
375
  }
444
376
 
445
- .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before {
377
+ .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 {
446
378
  border-color: var(--spectrum-checkbox-quiet-box-border-color-selected, var(--spectrum-global-color-gray-700));
447
379
  }
448
380
 
449
- .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before {
450
- border-color: var(--spectrum-checkbox-quiet-box-border-color-selected, var(--spectrum-global-color-gray-700));
451
- }
452
-
453
- .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:before {
454
- border-color: var(--spectrum-checkbox-quiet-box-border-color-selected, var(--spectrum-global-color-gray-700));
455
- }
456
-
457
- .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-hovered.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before {
381
+ .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 {
458
382
  border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-hover, var(--spectrum-global-color-gray-800));
459
383
  }
460
384
 
461
- .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before {
462
- border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-hover, var(--spectrum-global-color-gray-800));
463
- }
464
-
465
- .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet:active.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before {
466
- border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-down, var(--spectrum-global-color-gray-900));
467
- }
468
-
469
- .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet:active .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before {
385
+ .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 {
470
386
  border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-down, var(--spectrum-global-color-gray-900));
471
387
  }
472
388
 
473
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before {
474
- border-color: var(--spectrum-checkbox-box-border-color-error, var(--spectrum-global-color-red-500));
475
- }
476
-
477
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-box:before {
478
- border-color: var(--spectrum-checkbox-box-border-color-error, var(--spectrum-global-color-red-500));
479
- }
480
-
481
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before {
482
- border-color: var(--spectrum-checkbox-box-border-color-error, var(--spectrum-global-color-red-500));
483
- }
484
-
485
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:before {
486
- border-color: var(--spectrum-checkbox-box-border-color-error, var(--spectrum-global-color-red-500));
487
- }
488
-
489
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before {
389
+ .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 {
490
390
  border-color: var(--spectrum-checkbox-box-border-color-error, var(--spectrum-global-color-red-500));
491
391
  }
492
392
 
@@ -510,15 +410,7 @@
510
410
  color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700));
511
411
  }
512
412
 
513
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before {
514
- border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
515
- }
516
-
517
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-box:before {
518
- border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
519
- }
520
-
521
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before {
413
+ .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 {
522
414
  border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
523
415
  }
524
416
 
@@ -526,11 +418,7 @@
526
418
  color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700));
527
419
  }
528
420
 
529
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid:active .ISsn1a_spectrum-Checkbox-input:checked + .ISsn1a_spectrum-Checkbox-box:before {
530
- border-color: var(--spectrum-checkbox-box-border-color-error-down, var(--spectrum-global-color-red-700));
531
- }
532
-
533
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid:active .ISsn1a_spectrum-Checkbox-box:before {
421
+ .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 {
534
422
  border-color: var(--spectrum-checkbox-box-border-color-error-down, var(--spectrum-global-color-red-700));
535
423
  }
536
424
 
@@ -581,12 +469,7 @@
581
469
  --spectrum-checkbox-emphasized-box-border-color-selected-down: Highlight;
582
470
  }
583
471
 
584
- .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet {
585
- --spectrum-alias-toggle-color-default: ButtonText;
586
- --spectrum-alias-toggle-color-selected: ButtonText;
587
- }
588
-
589
- .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate {
472
+ .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet, .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate {
590
473
  --spectrum-alias-toggle-color-default: ButtonText;
591
474
  --spectrum-alias-toggle-color-selected: ButtonText;
592
475
  }
@@ -617,11 +500,7 @@
617
500
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
618
501
  }
619
502
 
620
- .hyn22G_i18nFontFamily:lang(zh-SG) {
621
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
622
- }
623
-
624
- .hyn22G_i18nFontFamily:lang(zh-CN) {
503
+ .hyn22G_i18nFontFamily:lang(zh-SG), .hyn22G_i18nFontFamily:lang(zh-CN) {
625
504
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
626
505
  }
627
506
 
@@ -649,13 +528,7 @@
649
528
  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
650
529
  display: block;
651
530
  position: absolute;
652
- top: 0;
653
- bottom: 0;
654
- left: 0;
655
- right: 0;
656
- }
657
-
658
- .hyn22G_spectrum-FocusRing {
531
+ inset: 0;
659
532
  }
660
533
 
661
534
  .hyn22G_spectrum-FocusRing.hyn22G_focus-ring:after {
@@ -685,5 +558,4 @@
685
558
  .hyn22G_spectrum-FieldGroup-group--horizontal {
686
559
  flex-flow: wrap;
687
560
  }
688
-
689
561
  /*# sourceMappingURL=main.css.map */
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;AAiBF;;;AAII;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;;;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;;;;;;;;;;;;;;;;;;AAqBA;;;;;AAIE;;;;AAAA;;;;AAME;;;;;AAMF;;;;AAQI;;;;AAAA;;;;AAQA;;;;AAIF;;;;AAKE;;;;AAAA;;;;AAQA;;;;AAIF;;;;AAKE;;;;AAAA;;;;AAUA;;;;;AAAA;;;;;AAMF;;;;AAAA;;;;AANE;;;;;AAAA;;;;;AAMF;;;;AAAA;;;;AAWI;;;;;AAAA;;;;;AAMF;;;;AAAA;;;;AANE;;;;;AAAA;;;;;AAMF;;;;AAAA;;;;AASE;;;;;AAKF;;;;AALE;;;;;AAKF;;;;AAWA;;;;;AAMA;;;;AAGA;;;;AAME;;;;AAKJ;;;;AAQI;;;;AAWF;;;;AAAA;;;;AAAA;;;;AAQE;;;;AAAA;;;;AASA;;;;AAAA;;;;AAcF;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAKF;;;;AAOI;;;;AAKF;;;;AALE;;;;AAKF;;;;AASE;;;;AAAA;;;;AAAA;;;;AAKF;;;;AAQE;;;;AAAA;;;;AAKF;;;;AAON;EACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CE;;;;;EAAA;;;;;;AC3jBJ;;;;;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/checkbox/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"}
1
+ {"mappings":"AC4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;;;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;;;;;;AC3jBJ;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AASJ;;;;;AAKA;;;;;AAKA","sources":["7286895e07bde6d8","packages/@adobe/spectrum-css-temp/components/checkbox/vars.css","packages/@adobe/spectrum-css-temp/components/fieldgroup/vars.css"],"sourcesContent":["@import \"321c48060a5aa074\";\n@import \"8170b3fe3e53514e\";\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n"],"names":[],"version":3,"file":"main.css.map"}
package/dist/module.css ADDED
@@ -0,0 +1,561 @@
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 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
+ .ISsn1a_spectrum-Checkbox {
72
+ box-sizing: border-box;
73
+ min-block-size: var(--spectrum-checkbox-height, var(--spectrum-global-dimension-size-400));
74
+ vertical-align: top;
75
+ isolation: isolate;
76
+ align-items: flex-start;
77
+ max-inline-size: 100%;
78
+ padding-inline-end: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * 2);
79
+ display: inline-flex;
80
+ position: relative;
81
+ }
82
+
83
+ .ISsn1a_spectrum-Checkbox-input {
84
+ box-sizing: border-box;
85
+ inline-size: calc(100% + var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)));
86
+ opacity: .0001;
87
+ z-index: 1;
88
+ cursor: default;
89
+ block-size: 100%;
90
+ margin: 0;
91
+ padding: 0;
92
+ font-family: inherit;
93
+ font-size: 100%;
94
+ line-height: 1.15;
95
+ position: absolute;
96
+ top: 0;
97
+ overflow: visible;
98
+ }
99
+
100
+ .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))) {
101
+ left: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
102
+ }
103
+
104
+ .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))) {
105
+ left: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
106
+ }
107
+
108
+ .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)) {
109
+ right: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
110
+ }
111
+
112
+ .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)) {
113
+ right: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
114
+ }
115
+
116
+ .ISsn1a_spectrum-Checkbox-input:disabled {
117
+ cursor: default;
118
+ }
119
+
120
+ .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:after {
121
+ margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
122
+ }
123
+
124
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before {
125
+ border-width: calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2);
126
+ }
127
+
128
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box .ISsn1a_spectrum-Checkbox-checkmark {
129
+ display: none;
130
+ }
131
+
132
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box .ISsn1a_spectrum-Checkbox-partialCheckmark {
133
+ opacity: 1;
134
+ display: block;
135
+ transform: scale(1);
136
+ }
137
+
138
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box:before {
139
+ border-width: calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2);
140
+ }
141
+
142
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box .ISsn1a_spectrum-Checkbox-checkmark {
143
+ opacity: 1;
144
+ transform: scale(1);
145
+ }
146
+
147
+ .ISsn1a_spectrum-Checkbox-label {
148
+ text-align: start;
149
+ font-size: var(--spectrum-checkbox-text-size, var(--spectrum-alias-font-size-default));
150
+ font-weight: var(--spectrum-checkbox-text-font-weight, var(--spectrum-global-font-weight-regular));
151
+ margin-block-start: var(--spectrum-global-dimension-size-65);
152
+ margin-inline-start: var(--spectrum-checkbox-text-gap, var(--spectrum-global-dimension-size-125));
153
+ line-height: 1.49;
154
+ }
155
+
156
+ .ISsn1a_spectrum-Checkbox-box {
157
+ box-sizing: border-box;
158
+ inline-size: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
159
+ block-size: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
160
+ 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;
161
+ flex-grow: 0;
162
+ flex-shrink: 0;
163
+ position: relative;
164
+ }
165
+
166
+ .ISsn1a_spectrum-Checkbox-box:before {
167
+ z-index: 0;
168
+ content: "";
169
+ box-sizing: border-box;
170
+ width: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
171
+ height: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
172
+ border-radius: var(--spectrum-checkbox-box-border-radius, var(--spectrum-alias-border-radius-small));
173
+ border-width: var(--spectrum-checkbox-box-border-size, var(--spectrum-alias-border-size-thick));
174
+ transition: border var(--spectrum-global-animation-duration-100, .13s) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
175
+ border-style: solid;
176
+ display: block;
177
+ position: absolute;
178
+ }
179
+
180
+ .ISsn1a_spectrum-Checkbox-box:after {
181
+ 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)));
182
+ content: "";
183
+ margin: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
184
+ transition: opacity var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
185
+ display: block;
186
+ position: absolute;
187
+ inset: 0;
188
+ transform: translateX(0);
189
+ }
190
+
191
+ .ISsn1a_spectrum-Checkbox-checkmark, .ISsn1a_spectrum-Checkbox-partialCheckmark {
192
+ opacity: 0;
193
+ transition: opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
194
+ margin-block-start: calc(var(--spectrum-icon-checkmark-small-height) / -2);
195
+ margin-inline-start: calc(var(--spectrum-icon-checkmark-small-width) / -2);
196
+ position: absolute;
197
+ top: 50%;
198
+ transform: scale(0);
199
+ }
200
+
201
+ .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))) {
202
+ left: 50%;
203
+ }
204
+
205
+ .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))) {
206
+ left: 50%;
207
+ }
208
+
209
+ .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))) {
210
+ left: 50%;
211
+ }
212
+
213
+ .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))) {
214
+ left: 50%;
215
+ }
216
+
217
+ .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)) {
218
+ right: 50%;
219
+ }
220
+
221
+ .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)) {
222
+ right: 50%;
223
+ }
224
+
225
+ .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)) {
226
+ right: 50%;
227
+ }
228
+
229
+ .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)) {
230
+ right: 50%;
231
+ }
232
+
233
+ .ISsn1a_spectrum-Checkbox-partialCheckmark {
234
+ display: none;
235
+ }
236
+
237
+ .ISsn1a_spectrum-Checkbox {
238
+ --spectrum-checkbox-emphasized-text-color-key-focus: var(--spectrum-checkbox-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
239
+ --spectrum-checkbox-box-border-color: var(--spectrum-alias-toggle-color-default);
240
+ --spectrum-checkbox-box-border-color-hover: var(--spectrum-alias-toggle-color-hover);
241
+ --spectrum-checkbox-box-border-color-key-focus: var(--spectrum-alias-toggle-color-key-focus);
242
+ --spectrum-checkbox-quiet-box-border-color-selected: var(--spectrum-alias-toggle-color-selected);
243
+ --spectrum-checkbox-quiet-box-border-color-selected-hover: var(--spectrum-alias-toggle-color-selected-hover);
244
+ --spectrum-checkbox-quiet-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-color-selected-key-focus);
245
+ --spectrum-checkbox-emphasized-box-background-color-selected: var(--spectrum-accent-color-900);
246
+ --spectrum-checkbox-emphasized-box-background-color-selected-hover: var(--spectrum-accent-color-1000);
247
+ --spectrum-checkbox-emphasized-box-background-color-selected-key-focus: var(--spectrum-accent-color-1000);
248
+ --spectrum-checkbox-emphasized-box-background-color-selected-down: var(--spectrum-accent-color-1100);
249
+ --spectrum-checkbox-emphasized-box-border-color-selected: var(--spectrum-accent-color-900);
250
+ --spectrum-checkbox-emphasized-box-border-color-selected-hover: var(--spectrum-accent-color-1000);
251
+ --spectrum-checkbox-emphasized-box-border-color-selected-key-focus: var(--spectrum-accent-color-1000);
252
+ --spectrum-checkbox-emphasized-box-border-color-selected-down: var(--spectrum-accent-color-1100);
253
+ color: var(--spectrum-checkbox-text-color, var(--spectrum-alias-text-color));
254
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color, var(--spectrum-global-color-gray-600));
255
+ }
256
+
257
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-checkmark, .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-partialCheckmark {
258
+ color: var(--spectrum-checkbox-checkmark-color, var(--spectrum-global-color-gray-75));
259
+ }
260
+
261
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-box:before {
262
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color, var(--spectrum-global-color-gray-600));
263
+ background-color: var(--spectrum-checkbox-emphasized-box-background-color, var(--spectrum-global-color-gray-75));
264
+ }
265
+
266
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-label {
267
+ color: var(--spectrum-checkbox-emphasized-text-color, var(--spectrum-alias-text-color));
268
+ }
269
+
270
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before, .ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box:before {
271
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected, var(--spectrum-global-color-blue-500));
272
+ }
273
+
274
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-box:before {
275
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-hover, var(--spectrum-global-color-gray-700));
276
+ }
277
+
278
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-label {
279
+ color: var(--spectrum-checkbox-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
280
+ }
281
+
282
+ .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 {
283
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-hover, var(--spectrum-global-color-blue-600));
284
+ }
285
+
286
+ .ISsn1a_spectrum-Checkbox:active .ISsn1a_spectrum-Checkbox-box:before {
287
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-down, var(--spectrum-global-color-gray-800));
288
+ }
289
+
290
+ .ISsn1a_spectrum-Checkbox:active .ISsn1a_spectrum-Checkbox-label {
291
+ color: var(--spectrum-checkbox-emphasized-text-color-down, var(--spectrum-alias-text-color-down));
292
+ }
293
+
294
+ .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 {
295
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-down, var(--spectrum-global-color-blue-700));
296
+ }
297
+
298
+ .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 {
299
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
300
+ background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
301
+ }
302
+
303
+ .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 {
304
+ color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
305
+ }
306
+
307
+ .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 {
308
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
309
+ background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
310
+ }
311
+
312
+ .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 {
313
+ color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
314
+ }
315
+
316
+ .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 {
317
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
318
+ background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
319
+ }
320
+
321
+ .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 {
322
+ color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
323
+ }
324
+
325
+ .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 {
326
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
327
+ background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
328
+ }
329
+
330
+ .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 {
331
+ color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
332
+ }
333
+
334
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-box:before {
335
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
336
+ background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
337
+ }
338
+
339
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-label {
340
+ color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
341
+ }
342
+
343
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled:active .ISsn1a_spectrum-Checkbox-box:before {
344
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
345
+ background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
346
+ }
347
+
348
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled:active .ISsn1a_spectrum-Checkbox-label {
349
+ color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
350
+ }
351
+
352
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input + .ISsn1a_spectrum-Checkbox-box:after {
353
+ 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));
354
+ opacity: 0;
355
+ }
356
+
357
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:before {
358
+ border-color: var(--spectrum-checkbox-box-border-color-key-focus, var(--spectrum-global-color-gray-700));
359
+ }
360
+
361
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:after {
362
+ opacity: 1;
363
+ }
364
+
365
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:before {
366
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus, var(--spectrum-global-color-blue-600));
367
+ }
368
+
369
+ .ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring ~ .ISsn1a_spectrum-Checkbox-label {
370
+ color: var(--spectrum-checkbox-emphasized-text-color-key-focus, var(--spectrum-alias-text-color-hover));
371
+ }
372
+
373
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:before {
374
+ border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus, var(--spectrum-global-color-blue-600));
375
+ }
376
+
377
+ .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 {
378
+ border-color: var(--spectrum-checkbox-quiet-box-border-color-selected, var(--spectrum-global-color-gray-700));
379
+ }
380
+
381
+ .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 {
382
+ border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-hover, var(--spectrum-global-color-gray-800));
383
+ }
384
+
385
+ .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 {
386
+ border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-down, var(--spectrum-global-color-gray-900));
387
+ }
388
+
389
+ .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 {
390
+ border-color: var(--spectrum-checkbox-box-border-color-error, var(--spectrum-global-color-red-500));
391
+ }
392
+
393
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-label {
394
+ color: var(--spectrum-checkbox-text-color-error, var(--spectrum-global-color-red-600));
395
+ }
396
+
397
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:before {
398
+ border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
399
+ }
400
+
401
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring ~ .ISsn1a_spectrum-Checkbox-label {
402
+ color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700));
403
+ }
404
+
405
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring + .ISsn1a_spectrum-Checkbox-box:before {
406
+ border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
407
+ }
408
+
409
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring ~ .ISsn1a_spectrum-Checkbox-label {
410
+ color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700));
411
+ }
412
+
413
+ .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 {
414
+ border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
415
+ }
416
+
417
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-label {
418
+ color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700));
419
+ }
420
+
421
+ .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 {
422
+ border-color: var(--spectrum-checkbox-box-border-color-error-down, var(--spectrum-global-color-red-700));
423
+ }
424
+
425
+ .ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid:active .ISsn1a_spectrum-Checkbox-label {
426
+ color: var(--spectrum-checkbox-text-color-error-down, var(--spectrum-global-color-red-700));
427
+ }
428
+
429
+ @media (forced-colors: active) {
430
+ .ISsn1a_spectrum-Checkbox {
431
+ forced-color-adjust: none;
432
+ --spectrum-alias-toggle-color-default: ButtonText;
433
+ --spectrum-alias-toggle-color-hover: Highlight;
434
+ --spectrum-alias-toggle-color-key-focus: Highlight;
435
+ --spectrum-alias-toggle-color-selected: Highlight;
436
+ --spectrum-alias-toggle-color-selected-hover: Highlight;
437
+ --spectrum-alias-toggle-color-selected-key-focus: Highlight;
438
+ --spectrum-alias-toggle-color-selected-down: Highlight;
439
+ --spectrum-checkbox-box-border-color-error: Highlight;
440
+ --spectrum-checkbox-box-border-color-error-down: Highlight;
441
+ --spectrum-checkbox-box-border-color-error-hover: Highlight;
442
+ --spectrum-checkbox-checkmark-color: HighlightText;
443
+ --spectrum-checkbox-emphasized-box-background-color: ButtonFace;
444
+ --spectrum-checkbox-emphasized-box-background-color-disabled: ButtonFace;
445
+ --spectrum-checkbox-emphasized-box-border-color: ButtonText;
446
+ --spectrum-checkbox-emphasized-box-border-color-disabled: GrayText;
447
+ --spectrum-checkbox-emphasized-box-border-color-down: Highlight;
448
+ --spectrum-checkbox-emphasized-box-border-color-hover: Highlight;
449
+ --spectrum-checkbox-emphasized-text-color: FieldText;
450
+ --spectrum-checkbox-emphasized-text-color-down: FieldText;
451
+ --spectrum-checkbox-emphasized-text-color-hover: FieldText;
452
+ --spectrum-checkbox-emphasized-text-color-key-focus: FieldText;
453
+ --spectrum-checkbox-focus-ring-color-key-focus: ButtonText;
454
+ --spectrum-checkbox-quiet-box-border-color-selected: Highlight;
455
+ --spectrum-checkbox-quiet-box-border-color-selected-down: Highlight;
456
+ --spectrum-checkbox-quiet-box-border-color-selected-hover: Highlight;
457
+ --spectrum-checkbox-text-color: FieldText;
458
+ --spectrum-checkbox-text-color-disabled: GrayText;
459
+ --spectrum-checkbox-text-color-error: FieldText;
460
+ --spectrum-checkbox-text-color-error-down: FieldText;
461
+ --spectrum-checkbox-text-color-error-hover: FieldText;
462
+ --spectrum-checkbox-emphasized-box-background-color-selected: Highlight;
463
+ --spectrum-checkbox-emphasized-box-background-color-selected-hover: Highlight;
464
+ --spectrum-checkbox-emphasized-box-background-color-selected-key-focus: Highlight;
465
+ --spectrum-checkbox-emphasized-box-background-color-selected-down: Highlight;
466
+ --spectrum-checkbox-emphasized-box-border-color-selected: Highlight;
467
+ --spectrum-checkbox-emphasized-box-border-color-selected-hover: Highlight;
468
+ --spectrum-checkbox-emphasized-box-border-color-selected-key-focus: Highlight;
469
+ --spectrum-checkbox-emphasized-box-border-color-selected-down: Highlight;
470
+ }
471
+
472
+ .ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet, .ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate {
473
+ --spectrum-alias-toggle-color-default: ButtonText;
474
+ --spectrum-alias-toggle-color-selected: ButtonText;
475
+ }
476
+ }
477
+
478
+ .hyn22G_i18nFontFamily {
479
+ font-synthesis: weight;
480
+ font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
481
+ }
482
+
483
+ .hyn22G_i18nFontFamily:lang(ar) {
484
+ font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
485
+ }
486
+
487
+ .hyn22G_i18nFontFamily:lang(he) {
488
+ font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
489
+ }
490
+
491
+ .hyn22G_i18nFontFamily:lang(zh) {
492
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
493
+ }
494
+
495
+ .hyn22G_i18nFontFamily:lang(zh-Hans) {
496
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
497
+ }
498
+
499
+ .hyn22G_i18nFontFamily:lang(zh-Hant) {
500
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
501
+ }
502
+
503
+ .hyn22G_i18nFontFamily:lang(zh-SG), .hyn22G_i18nFontFamily:lang(zh-CN) {
504
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
505
+ }
506
+
507
+ .hyn22G_i18nFontFamily:lang(ko) {
508
+ font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
509
+ }
510
+
511
+ .hyn22G_i18nFontFamily:lang(ja) {
512
+ font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
513
+ }
514
+
515
+ .hyn22G_spectrum-FocusRing-ring {
516
+ --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
517
+ --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
518
+ --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
519
+ --spectrum-focus-ring-border-size: 0px;
520
+ --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
521
+ }
522
+
523
+ .hyn22G_spectrum-FocusRing-ring:after {
524
+ border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
525
+ content: "";
526
+ margin: calc(-1 * var(--spectrum-focus-ring-border-size));
527
+ pointer-events: none;
528
+ transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
529
+ display: block;
530
+ position: absolute;
531
+ inset: 0;
532
+ }
533
+
534
+ .hyn22G_spectrum-FocusRing.hyn22G_focus-ring:after {
535
+ margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
536
+ box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
537
+ }
538
+
539
+ .hyn22G_spectrum-FocusRing--quiet:after {
540
+ border-radius: 0;
541
+ }
542
+
543
+ .hyn22G_spectrum-FocusRing--quiet.hyn22G_focus-ring:after {
544
+ margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
545
+ box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
546
+ }
547
+
548
+ .hyn22G_spectrum-FieldGroup.hyn22G_spectrum-FieldGroup {
549
+ --spectrum-field-default-width: auto;
550
+ width: auto;
551
+ }
552
+
553
+ .hyn22G_spectrum-FieldGroup-group {
554
+ flex-direction: column;
555
+ display: flex;
556
+ }
557
+
558
+ .hyn22G_spectrum-FieldGroup-group--horizontal {
559
+ flex-flow: wrap;
560
+ }
561
+ /*# sourceMappingURL=module.css.map */
package/dist/module.css.map ADDED
@@ -0,0 +1 @@
1
+ {"mappings":"AC4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;;;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;;;;;;AC3jBJ;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AASJ;;;;;AAKA;;;;;AAKA","sources":["9988107710c35511","packages/@adobe/spectrum-css-temp/components/checkbox/vars.css","packages/@adobe/spectrum-css-temp/components/fieldgroup/vars.css"],"sourcesContent":["@import \"321c48060a5aa074\";\n@import \"8170b3fe3e53514e\";\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n"],"names":[],"version":3,"file":"module.css.map"}
package/dist/module.js CHANGED
@@ -1,4 +1,4 @@
1
- import "./main.css";
1
+ import "./module.css";
2
2
  import $gpy1V$spectrumiconsuiCheckmarkSmall from "@spectrum-icons/ui/CheckmarkSmall";
3
3
  import {useStyleProps as $gpy1V$useStyleProps, useFocusableRef as $gpy1V$useFocusableRef, classNames as $gpy1V$classNames, useDOMRef as $gpy1V$useDOMRef} from "@react-spectrum/utils";
4
4
  import $gpy1V$spectrumiconsuiDashSmall from "@spectrum-icons/ui/DashSmall";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/checkbox",
3
- "version": "3.0.0-nightly.2782+361d47080",
3
+ "version": "3.0.0-nightly.2794+4608dc5c3",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,21 +36,21 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/checkbox": "3.0.0-nightly.2782+361d47080",
40
- "@react-aria/focus": "3.0.0-nightly.2782+361d47080",
41
- "@react-aria/interactions": "3.0.0-nightly.2782+361d47080",
42
- "@react-spectrum/form": "3.0.0-nightly.2782+361d47080",
43
- "@react-spectrum/label": "3.16.5-nightly.4494+361d47080",
44
- "@react-spectrum/utils": "3.0.0-nightly.2782+361d47080",
45
- "@react-stately/checkbox": "3.6.4-nightly.4494+361d47080",
46
- "@react-stately/toggle": "3.0.0-nightly.2782+361d47080",
47
- "@react-types/checkbox": "3.0.0-nightly.2782+361d47080",
48
- "@react-types/shared": "3.0.0-nightly.2782+361d47080",
49
- "@spectrum-icons/ui": "3.0.0-nightly.2782+361d47080",
39
+ "@react-aria/checkbox": "3.0.0-nightly.2794+4608dc5c3",
40
+ "@react-aria/focus": "3.0.0-nightly.2794+4608dc5c3",
41
+ "@react-aria/interactions": "3.0.0-nightly.2794+4608dc5c3",
42
+ "@react-spectrum/form": "3.0.0-nightly.2794+4608dc5c3",
43
+ "@react-spectrum/label": "3.16.5-nightly.4506+4608dc5c3",
44
+ "@react-spectrum/utils": "3.0.0-nightly.2794+4608dc5c3",
45
+ "@react-stately/checkbox": "3.6.4-nightly.4506+4608dc5c3",
46
+ "@react-stately/toggle": "3.0.0-nightly.2794+4608dc5c3",
47
+ "@react-types/checkbox": "3.0.0-nightly.2794+4608dc5c3",
48
+ "@react-types/shared": "3.0.0-nightly.2794+4608dc5c3",
49
+ "@spectrum-icons/ui": "3.0.0-nightly.2794+4608dc5c3",
50
50
  "@swc/helpers": "^0.5.0"
51
51
  },
52
52
  "devDependencies": {
53
- "@adobe/spectrum-css-temp": "3.0.0-nightly.2782+361d47080"
53
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.2794+4608dc5c3"
54
54
  },
55
55
  "peerDependencies": {
56
56
  "@react-spectrum/provider": "^3.0.0",
@@ -59,5 +59,5 @@
59
59
  "publishConfig": {
60
60
  "access": "public"
61
61
  },
62
- "gitHead": "361d47080c79e4d52ee287078b9e3c27ed312f2e"
62
+ "gitHead": "4608dc5c390e87bec882a1c8ecd0e585fcf6b404"
63
63
  }