@spectrum-web-components/styles 1.2.0-beta.9 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/package.json +4 -4
  2. package/tokens/express/system-theme-bridge.css +224 -1633
  3. package/tokens/spectrum/system-theme-bridge.css +222 -1633
  4. package/tokens-v2/global-vars.css +1 -1
  5. package/tokens-v2/index.css +1 -1
  6. package/tokens-v2/system-theme-bridge.css +187 -1604
package/tokens/express/system-theme-bridge.css CHANGED
@@ -291,57 +291,43 @@
291
291
  --system-action-bar-shadow-vertical: var(--spectrum-drop-shadow-y);
292
292
  --system-action-bar-shadow-blur: var(--spectrum-drop-shadow-blur);
293
293
  --system-action-bar-shadow-color: var(--spectrum-drop-shadow-color);
294
- --system-action-button-animation-duration: var(
295
- --spectrum-animation-duration-100
296
- );
297
- --system-action-button-border-radius: var(--spectrum-corner-radius-100);
298
- --system-action-button-border-width: var(--spectrum-border-width-100);
299
- --system-action-button-content-color-default: var(
300
- --spectrum-neutral-content-color-default
301
- );
302
- --system-action-button-content-color-hover: var(
303
- --spectrum-neutral-content-color-hover
304
- );
305
- --system-action-button-content-color-down: var(
306
- --spectrum-neutral-content-color-down
307
- );
308
- --system-action-button-content-color-focus: var(
309
- --spectrum-neutral-content-color-key-focus
310
- );
311
- --system-action-button-focus-indicator-gap: var(
312
- --spectrum-focus-indicator-gap
313
- );
314
- --system-action-button-focus-indicator-thickness: var(
315
- --spectrum-focus-indicator-thickness
316
- );
317
- --system-action-button-focus-indicator-color: var(
318
- --spectrum-focus-indicator-color
319
- );
320
294
  --system-action-button-background-color-default: var(--spectrum-gray-200);
321
295
  --system-action-button-background-color-hover: var(--spectrum-gray-300);
322
296
  --system-action-button-background-color-down: var(--spectrum-gray-400);
323
297
  --system-action-button-background-color-focus: var(--spectrum-gray-300);
298
+ --system-action-button-background-color-disabled: var(--spectrum-gray-200);
299
+ --system-action-button-background-color-selected: var(
300
+ --spectrum-neutral-background-color-selected-default
301
+ );
302
+ --system-action-button-background-color-selected-hover: var(
303
+ --spectrum-neutral-background-color-selected-hover
304
+ );
305
+ --system-action-button-background-color-selected-down: var(
306
+ --spectrum-neutral-background-color-selected-down
307
+ );
308
+ --system-action-button-background-color-selected-focus: var(
309
+ --spectrum-neutral-background-color-selected-key-focus
310
+ );
324
311
  --system-action-button-border-color-default: transparent;
325
312
  --system-action-button-border-color-hover: transparent;
326
313
  --system-action-button-border-color-down: transparent;
327
314
  --system-action-button-border-color-focus: transparent;
328
- --system-action-button-background-color-disabled: var(
329
- --spectrum-disabled-background-color
330
- );
331
315
  --system-action-button-border-color-disabled: transparent;
332
- --system-action-button-content-color-disabled: var(
333
- --spectrum-disabled-content-color
316
+ --system-action-button-content-color-selected: var(--spectrum-gray-75);
317
+ --system-action-button-size-m-border-radius: var(
318
+ --spectrum-corner-radius-100
334
319
  );
335
- --system-action-button-min-width: calc(
336
- var(--spectrum-component-edge-to-visual-only-100) * 2 +
337
- var(--spectrum-workflow-icon-size-100)
320
+ --system-action-button-size-xs-border-radius: var(
321
+ --spectrum-corner-radius-100
322
+ );
323
+ --system-action-button-size-s-border-radius: var(
324
+ --spectrum-corner-radius-100
338
325
  );
339
- --system-action-button-height: var(--spectrum-component-height-100);
340
- --system-action-button-icon-size: var(--spectrum-workflow-icon-size-100);
341
- --system-action-button-font-size: var(--spectrum-font-size-100);
342
- --system-action-button-text-to-visual: var(--spectrum-text-to-visual-100);
343
- --system-action-button-edge-to-hold-icon: var(
344
- --spectrum-action-button-edge-to-hold-icon-medium
326
+ --system-action-button-size-l-border-radius: var(
327
+ --spectrum-corner-radius-100
328
+ );
329
+ --system-action-button-size-xl-border-radius: var(
330
+ --spectrum-corner-radius-100
345
331
  );
346
332
  --system-action-button-quiet-background-color-default: transparent;
347
333
  --system-action-button-quiet-background-color-hover: var(
@@ -354,374 +340,77 @@
354
340
  --spectrum-gray-300
355
341
  );
356
342
  --system-action-button-quiet-background-color-disabled: transparent;
357
- --system-action-button-quiet-border-color-default: transparent;
358
- --system-action-button-quiet-border-color-hover: transparent;
359
- --system-action-button-quiet-border-color-down: transparent;
360
- --system-action-button-quiet-border-color-focus: transparent;
361
- --system-action-button-quiet-border-color-disabled: transparent;
362
- --system-action-button-selected-background-color-default: var(
363
- --spectrum-neutral-background-color-selected-default
364
- );
365
- --system-action-button-selected-background-color-hover: var(
366
- --spectrum-neutral-background-color-selected-hover
367
- );
368
- --system-action-button-selected-background-color-down: var(
369
- --spectrum-neutral-background-color-selected-down
370
- );
371
- --system-action-button-selected-background-color-focus: var(
372
- --spectrum-neutral-background-color-selected-key-focus
373
- );
374
- --system-action-button-selected-content-color-default: var(
375
- --spectrum-gray-50
376
- );
377
- --system-action-button-selected-content-color-hover: var(
378
- --spectrum-gray-50
379
- );
380
- --system-action-button-selected-content-color-down: var(--spectrum-gray-50);
381
- --system-action-button-selected-content-color-focus: var(
382
- --spectrum-gray-50
383
- );
384
- --system-action-button-selected-border-color-default: transparent;
385
- --system-action-button-selected-border-color-hover: transparent;
386
- --system-action-button-selected-border-color-down: transparent;
387
- --system-action-button-selected-border-color-focus: transparent;
388
- --system-action-button-selected-border-color-disabled: transparent;
389
- --system-action-button-selected-background-color-disabled: var(
343
+ --system-action-button-quiet-background-color-selected-disabled: var(
390
344
  --spectrum-disabled-background-color
391
345
  );
392
- --system-action-button-selected-emphasized-background-color-default: var(
393
- --spectrum-accent-background-color-default
394
- );
395
- --system-action-button-selected-emphasized-background-color-hover: var(
396
- --spectrum-accent-background-color-hover
397
- );
398
- --system-action-button-selected-emphasized-background-color-down: var(
399
- --spectrum-accent-background-color-down
400
- );
401
- --system-action-button-selected-emphasized-background-color-focus: var(
402
- --spectrum-accent-background-color-key-focus
403
- );
404
- --system-action-button-selected-emphasized-content-color-default: var(
405
- --spectrum-white
406
- );
407
- --system-action-button-selected-emphasized-content-color-hover: var(
408
- --spectrum-white
409
- );
410
- --system-action-button-selected-emphasized-content-color-down: var(
411
- --spectrum-white
412
- );
413
- --system-action-button-selected-emphasized-content-color-focus: var(
414
- --spectrum-white
415
- );
416
- --system-action-button-static-black-quiet-border-color-default: transparent;
417
- --system-action-button-static-white-quiet-border-color-default: transparent;
418
- --system-action-button-static-black-quiet-border-color-hover: transparent;
419
- --system-action-button-static-white-quiet-border-color-hover: transparent;
420
- --system-action-button-static-black-quiet-border-color-down: transparent;
421
- --system-action-button-static-white-quiet-border-color-down: transparent;
422
- --system-action-button-static-black-quiet-border-color-focus: transparent;
423
- --system-action-button-static-white-quiet-border-color-focus: transparent;
424
- --system-action-button-static-black-quiet-border-color-disabled: transparent;
425
- --system-action-button-static-white-quiet-border-color-disabled: transparent;
426
- --system-action-button-static-black-background-color-default: var(
427
- --spectrum-transparent-black-200
428
- );
429
- --system-action-button-static-black-background-color-hover: var(
430
- --spectrum-transparent-black-300
431
- );
432
- --system-action-button-static-black-background-color-down: var(
433
- --spectrum-transparent-black-400
434
- );
435
- --system-action-button-static-black-background-color-focus: var(
436
- --spectrum-transparent-black-300
437
- );
438
- --system-action-button-static-black-background-color-disabled: transparent;
439
346
  --system-action-button-static-black-border-color-default: transparent;
440
347
  --system-action-button-static-black-border-color-hover: transparent;
441
348
  --system-action-button-static-black-border-color-down: transparent;
442
349
  --system-action-button-static-black-border-color-focus: transparent;
443
- --system-action-button-static-black-border-color-disabled: var(
444
- --spectrum-disabled-static-black-border-color
445
- );
446
- --system-action-button-static-black-content-color-default: var(
447
- --spectrum-black
448
- );
449
- --system-action-button-static-black-content-color-hover: var(
450
- --spectrum-black
451
- );
452
- --system-action-button-static-black-content-color-down: var(
453
- --spectrum-black
454
- );
455
- --system-action-button-static-black-content-color-focus: var(
456
- --spectrum-black
457
- );
458
- --system-action-button-static-black-content-color-disabled: var(
459
- --spectrum-disabled-static-black-content-color
460
- );
461
- --system-action-button-static-black-focus-indicator-color: var(
462
- --spectrum-static-black-focus-indicator-color
463
- );
464
- --system-action-button-static-black-selected-background-color-default: var(
465
- --spectrum-transparent-black-800
466
- );
467
- --system-action-button-static-black-selected-background-color-hover: var(
468
- --spectrum-transparent-black-900
469
- );
470
- --system-action-button-static-black-selected-background-color-down: var(
471
- --spectrum-transparent-black-900
472
- );
473
- --system-action-button-static-black-selected-background-color-focus: var(
474
- --spectrum-transparent-black-900
350
+ --system-action-button-static-black-background-color-disabled: transparent;
351
+ --system-action-button-static-black-background-color-selected-disabled: var(
352
+ --spectrum-disabled-static-black-background-color
475
353
  );
476
- --system-action-button-static-black-selected-background-color-disabled: var(
354
+ --system-action-button-static-black-background-color-default: var(
477
355
  --spectrum-transparent-black-200
478
356
  );
479
- --system-action-button-static-black-selected-border-color-disabled: transparent;
480
- --system-action-button-static-black-selected-content-color-default: var(
481
- --spectrum-white
482
- );
483
- --system-action-button-static-black-selected-content-color-hover: var(
484
- --spectrum-white
485
- );
486
- --system-action-button-static-black-selected-content-color-down: var(
487
- --spectrum-white
488
- );
489
- --system-action-button-static-black-selected-content-color-focus: var(
490
- --spectrum-white
491
- );
492
- --system-action-button-static-black-selected-emphasized-background-color-default: var(
493
- --spectrum-transparent-black-900
494
- );
495
- --system-action-button-static-black-selected-emphasized-background-color-hover: var(
496
- --spectrum-transparent-black-1000
497
- );
498
- --system-action-button-static-black-selected-emphasized-background-color-down: var(
499
- --spectrum-transparent-black-1000
500
- );
501
- --system-action-button-static-black-selected-emphasized-background-color-focus: var(
502
- --spectrum-transparent-black-1000
503
- );
504
- --system-action-button-static-black-selected-emphasized-content-color-default: var(
505
- --spectrum-gray-50
506
- );
507
- --system-action-button-static-black-selected-emphasized-content-color-hover: var(
508
- --spectrum-gray-900
357
+ --system-action-button-static-black-quiet-background-color-default: var(
358
+ --spectrum-transparent-black-200
509
359
  );
510
- --system-action-button-static-black-selected-emphasized-content-color-down: var(
511
- --spectrum-gray-900
360
+ --system-action-button-static-black-background-color-hover: var(
361
+ --spectrum-transparent-black-300
512
362
  );
513
- --system-action-button-static-black-selected-emphasized-content-color-focus: var(
514
- --spectrum-gray-900
363
+ --system-action-button-static-black-quiet-background-color-hover: var(
364
+ --spectrum-transparent-black-300
515
365
  );
516
- --system-action-button-static-white-background-color-default: var(
517
- --spectrum-transparent-white-200
366
+ --system-action-button-static-black-background-color-down: var(
367
+ --spectrum-transparent-black-400
518
368
  );
519
- --system-action-button-static-white-background-color-hover: var(
520
- --spectrum-transparent-white-300
369
+ --system-action-button-static-black-quiet-background-color-down: var(
370
+ --spectrum-transparent-black-400
521
371
  );
522
- --system-action-button-static-white-background-color-down: var(
523
- --spectrum-transparent-white-400
372
+ --system-action-button-static-black-background-color-focus: var(
373
+ --spectrum-transparent-black-300
524
374
  );
525
- --system-action-button-static-white-background-color-focus: var(
526
- --spectrum-transparent-white-300
375
+ --system-action-button-static-black-quiet-background-color-focus: var(
376
+ --spectrum-transparent-black-300
527
377
  );
528
- --system-action-button-static-white-background-color-disabled: transparent;
378
+ --system-action-button-static-black-quiet-background-color-disabled: transparent;
529
379
  --system-action-button-static-white-border-color-default: transparent;
530
380
  --system-action-button-static-white-border-color-hover: transparent;
531
381
  --system-action-button-static-white-border-color-down: transparent;
532
382
  --system-action-button-static-white-border-color-focus: transparent;
533
- --system-action-button-static-white-border-color-disabled: var(
534
- --spectrum-disabled-static-white-border-color
535
- );
536
- --system-action-button-static-white-content-color-default: var(
537
- --spectrum-white
538
- );
539
- --system-action-button-static-white-content-color-hover: var(
540
- --spectrum-white
541
- );
542
- --system-action-button-static-white-content-color-down: var(
543
- --spectrum-white
544
- );
545
- --system-action-button-static-white-content-color-focus: var(
546
- --spectrum-white
547
- );
548
- --system-action-button-static-white-content-color-disabled: var(
549
- --spectrum-disabled-static-white-content-color
550
- );
551
- --system-action-button-static-white-focus-indicator-color: var(
552
- --spectrum-static-white-focus-indicator-color
553
- );
554
- --system-action-button-static-white-selected-background-color-default: var(
555
- --spectrum-transparent-white-800
556
- );
557
- --system-action-button-static-white-selected-background-color-hover: var(
558
- --spectrum-transparent-white-900
559
- );
560
- --system-action-button-static-white-selected-background-color-down: var(
561
- --spectrum-transparent-white-900
562
- );
563
- --system-action-button-static-white-selected-background-color-focus: var(
564
- --spectrum-transparent-white-900
383
+ --system-action-button-static-white-background-color-disabled: transparent;
384
+ --system-action-button-static-white-background-color-selected-disabled: var(
385
+ --spectrum-disabled-static-white-background-color
565
386
  );
566
- --system-action-button-static-white-selected-background-color-disabled: var(
387
+ --system-action-button-static-white-background-color-default: var(
567
388
  --spectrum-transparent-white-200
568
389
  );
569
- --system-action-button-static-white-selected-border-color-disabled: transparent;
570
- --system-action-button-static-white-selected-content-color-default: var(
571
- --spectrum-black
572
- );
573
- --system-action-button-static-white-selected-content-color-hover: var(
574
- --spectrum-black
575
- );
576
- --system-action-button-static-white-selected-content-color-down: var(
577
- --spectrum-black
578
- );
579
- --system-action-button-static-white-selected-content-color-focus: var(
580
- --spectrum-black
581
- );
582
- --system-action-button-static-white-selected-emphasized-background-color-default: var(
583
- --spectrum-transparent-white-900
584
- );
585
- --system-action-button-static-white-selected-emphasized-background-color-hover: var(
586
- --spectrum-transparent-white-1000
587
- );
588
- --system-action-button-static-white-selected-emphasized-background-color-down: var(
589
- --spectrum-transparent-white-1000
590
- );
591
- --system-action-button-static-white-selected-emphasized-background-color-focus: var(
592
- --spectrum-transparent-white-1000
593
- );
594
- --system-action-button-static-white-selected-emphasized-content-color-default: var(
595
- --spectrum-gray-50
596
- );
597
- --system-action-button-size-m-min-width: calc(
598
- var(--spectrum-component-edge-to-visual-only-100) * 2 +
599
- var(--spectrum-workflow-icon-size-100)
600
- );
601
- --system-action-button-size-m-height: var(--spectrum-component-height-100);
602
- --system-action-button-size-m-icon-size: var(
603
- --spectrum-workflow-icon-size-100
604
- );
605
- --system-action-button-size-m-font-size: var(--spectrum-font-size-100);
606
- --system-action-button-size-m-text-to-visual: var(
607
- --spectrum-text-to-visual-100
608
- );
609
- --system-action-button-size-m-edge-to-hold-icon: var(
610
- --spectrum-action-button-edge-to-hold-icon-medium
611
- );
612
- --system-action-button-edge-to-visual-size: var(
613
- --spectrum-component-edge-to-visual-100
614
- );
615
- --system-action-button-size-m-edge-to-visual-size: var(
616
- --spectrum-component-edge-to-visual-100
617
- );
618
- --system-action-button-edge-to-visual-only-size: var(
619
- --spectrum-component-edge-to-visual-only-100
620
- );
621
- --system-action-button-size-m-edge-to-visual-only-size: var(
622
- --spectrum-component-edge-to-visual-only-100
623
- );
624
- --system-action-button-edge-to-text-size: var(
625
- --spectrum-component-edge-to-text-100
626
- );
627
- --system-action-button-size-m-edge-to-text-size: var(
628
- --spectrum-component-edge-to-text-100
629
- );
630
- --system-action-button-size-xs-min-width: calc(
631
- var(--spectrum-component-edge-to-visual-only-50) * 2 +
632
- var(--spectrum-workflow-icon-size-50)
633
- );
634
- --system-action-button-size-xs-height: var(--spectrum-component-height-50);
635
- --system-action-button-size-xs-icon-size: var(
636
- --spectrum-workflow-icon-size-50
637
- );
638
- --system-action-button-size-xs-font-size: var(--spectrum-font-size-50);
639
- --system-action-button-size-xs-text-to-visual: var(
640
- --spectrum-text-to-visual-50
641
- );
642
- --system-action-button-size-xs-edge-to-hold-icon: var(
643
- --spectrum-action-button-edge-to-hold-icon-extra-small
644
- );
645
- --system-action-button-size-xs-edge-to-visual-size: var(
646
- --spectrum-component-edge-to-visual-50
647
- );
648
- --system-action-button-size-xs-edge-to-visual-only-size: var(
649
- --spectrum-component-edge-to-visual-only-50
650
- );
651
- --system-action-button-size-xs-edge-to-text-size: var(
652
- --spectrum-component-edge-to-text-50
653
- );
654
- --system-action-button-size-s-min-width: calc(
655
- var(--spectrum-component-edge-to-visual-only-75) * 2 +
656
- var(--spectrum-workflow-icon-size-75)
657
- );
658
- --system-action-button-size-s-height: var(--spectrum-component-height-75);
659
- --system-action-button-size-s-icon-size: var(
660
- --spectrum-workflow-icon-size-75
661
- );
662
- --system-action-button-size-s-font-size: var(--spectrum-font-size-75);
663
- --system-action-button-size-s-text-to-visual: var(
664
- --spectrum-text-to-visual-75
665
- );
666
- --system-action-button-size-s-edge-to-hold-icon: var(
667
- --spectrum-action-button-edge-to-hold-icon-small
668
- );
669
- --system-action-button-size-s-edge-to-visual-size: var(
670
- --spectrum-component-edge-to-visual-75
671
- );
672
- --system-action-button-size-s-edge-to-visual-only-size: var(
673
- --spectrum-component-edge-to-visual-only-75
674
- );
675
- --system-action-button-size-s-edge-to-text-size: var(
676
- --spectrum-component-edge-to-text-75
677
- );
678
- --system-action-button-size-l-min-width: calc(
679
- var(--spectrum-component-edge-to-visual-only-200) * 2 +
680
- var(--spectrum-workflow-icon-size-200)
681
- );
682
- --system-action-button-size-l-height: var(--spectrum-component-height-200);
683
- --system-action-button-size-l-icon-size: var(
684
- --spectrum-workflow-icon-size-200
685
- );
686
- --system-action-button-size-l-font-size: var(--spectrum-font-size-200);
687
- --system-action-button-size-l-text-to-visual: var(
688
- --spectrum-text-to-visual-200
689
- );
690
- --system-action-button-size-l-edge-to-hold-icon: var(
691
- --spectrum-action-button-edge-to-hold-icon-large
692
- );
693
- --system-action-button-size-l-edge-to-visual-size: var(
694
- --spectrum-component-edge-to-visual-200
695
- );
696
- --system-action-button-size-l-edge-to-visual-only-size: var(
697
- --spectrum-component-edge-to-visual-only-200
698
- );
699
- --system-action-button-size-l-edge-to-text-size: var(
700
- --spectrum-component-edge-to-text-200
390
+ --system-action-button-static-white-quiet-background-color-default: var(
391
+ --spectrum-transparent-white-200
701
392
  );
702
- --system-action-button-size-xl-min-width: calc(
703
- var(--spectrum-component-edge-to-visual-only-300) * 2 +
704
- var(--spectrum-workflow-icon-size-300)
393
+ --system-action-button-static-white-background-color-hover: var(
394
+ --spectrum-transparent-white-300
705
395
  );
706
- --system-action-button-size-xl-height: var(--spectrum-component-height-300);
707
- --system-action-button-size-xl-icon-size: var(
708
- --spectrum-workflow-icon-size-300
396
+ --system-action-button-static-white-quiet-background-color-hover: var(
397
+ --spectrum-transparent-white-300
709
398
  );
710
- --system-action-button-size-xl-font-size: var(--spectrum-font-size-300);
711
- --system-action-button-size-xl-text-to-visual: var(
712
- --spectrum-text-to-visual-300
399
+ --system-action-button-static-white-background-color-down: var(
400
+ --spectrum-transparent-white-400
713
401
  );
714
- --system-action-button-size-xl-edge-to-hold-icon: var(
715
- --spectrum-action-button-edge-to-hold-icon-extra-large
402
+ --system-action-button-static-white-quiet-background-color-down: var(
403
+ --spectrum-transparent-white-400
716
404
  );
717
- --system-action-button-size-xl-edge-to-visual-size: var(
718
- --spectrum-component-edge-to-visual-300
405
+ --system-action-button-static-white-background-color-focus: var(
406
+ --spectrum-transparent-white-300
719
407
  );
720
- --system-action-button-size-xl-edge-to-visual-only-size: var(
721
- --spectrum-component-edge-to-visual-only-300
408
+ --system-action-button-static-white-quiet-background-color-focus: var(
409
+ --spectrum-transparent-white-300
722
410
  );
723
- --system-action-button-size-xl-edge-to-text-size: var(
724
- --spectrum-component-edge-to-text-300
411
+ --system-action-button-static-white-quiet-background-color-disabled: transparent;
412
+ --system-action-button-background-color-selected-disabled: var(
413
+ --spectrum-disabled-background-color
725
414
  );
726
415
  --system-action-group-gap-size-compact: var(--spectrum-spacing-50);
727
416
  --system-action-group-horizontal-spacing-compact: calc(
@@ -730,43 +419,6 @@
730
419
  --system-action-group-vertical-spacing-compact: calc(
731
420
  -1px * var(--spectrum-spacing-50)
732
421
  );
733
- --system-action-group-button-spacing-reset: 0;
734
- --system-action-group-border-radius-reset: 0;
735
- --system-action-group-border-radius: var(--spectrum-corner-radius-100);
736
- --system-action-group-size-xs-horizontal-spacing-regular: var(
737
- --spectrum-spacing-75
738
- );
739
- --system-action-group-size-s-horizontal-spacing-regular: var(
740
- --spectrum-spacing-75
741
- );
742
- --system-action-group-size-xs-vertical-spacing-regular: var(
743
- --spectrum-spacing-75
744
- );
745
- --system-action-group-size-s-vertical-spacing-regular: var(
746
- --spectrum-spacing-75
747
- );
748
- --system-action-group-horizontal-spacing-regular: var(
749
- --spectrum-spacing-100
750
- );
751
- --system-action-group-size-m-horizontal-spacing-regular: var(
752
- --spectrum-spacing-100
753
- );
754
- --system-action-group-size-l-horizontal-spacing-regular: var(
755
- --spectrum-spacing-100
756
- );
757
- --system-action-group-size-xl-horizontal-spacing-regular: var(
758
- --spectrum-spacing-100
759
- );
760
- --system-action-group-vertical-spacing-regular: var(--spectrum-spacing-100);
761
- --system-action-group-size-m-vertical-spacing-regular: var(
762
- --spectrum-spacing-100
763
- );
764
- --system-action-group-size-l-vertical-spacing-regular: var(
765
- --spectrum-spacing-100
766
- );
767
- --system-action-group-size-xl-vertical-spacing-regular: var(
768
- --spectrum-spacing-100
769
- );
770
422
  --system-alert-banner-neutral-background: var(
771
423
  --spectrum-neutral-background-color-default
772
424
  );
@@ -1044,351 +696,42 @@
1044
696
  );
1045
697
  --system-badge-size-xl-height: var(--spectrum-component-height-100);
1046
698
  --system-badge-size-xl-font-size: var(--spectrum-font-size-300);
1047
- --system-badge-size-xl-label-spacing-vertical-top: var(
1048
- --spectrum-component-top-to-text-300
1049
- );
1050
- --system-badge-size-xl-label-spacing-vertical-bottom: var(
1051
- --spectrum-component-bottom-to-text-300
1052
- );
1053
- --system-badge-size-xl-label-spacing-horizontal: var(
1054
- --spectrum-component-edge-to-text-300
1055
- );
1056
- --system-badge-size-xl-workflow-icon-size: var(
1057
- --spectrum-workflow-icon-size-300
1058
- );
1059
- --system-badge-size-xl-icon-text-spacing: var(
1060
- --spectrum-text-to-visual-300
1061
- );
1062
- --system-badge-size-xl-icon-spacing-horizontal: var(
1063
- --spectrum-component-edge-to-visual-300
1064
- );
1065
- --system-badge-size-xl-icon-spacing-vertical-top: var(
1066
- --spectrum-component-top-to-workflow-icon-300
1067
- );
1068
- --system-badge-size-xl-icon-only-spacing-horizontal: var(
1069
- --spectrum-component-edge-to-visual-only-300
1070
- );
1071
- --system-button-animation-duration: var(--spectrum-animation-duration-100);
1072
- --system-button-border-radius: var(--spectrum-corner-radius-100);
1073
- --system-button-border-width: var(--spectrum-border-width-200);
1074
- --system-button-line-height: 1.2;
1075
- --system-button-focus-ring-gap: var(--spectrum-focus-indicator-gap);
1076
- --system-button-focus-ring-thickness: var(
1077
- --spectrum-focus-indicator-thickness
1078
- );
1079
- --system-button-focus-indicator-color: var(
1080
- --spectrum-focus-indicator-color
1081
- );
1082
- --system-button-intended-icon-size: var(--spectrum-workflow-icon-size-50);
1083
- --system-button-background-color-default: var(--spectrum-gray-200);
1084
- --system-button-background-color-hover: var(--spectrum-gray-300);
1085
- --system-button-background-color-down: var(--spectrum-gray-400);
1086
- --system-button-background-color-focus: var(--spectrum-gray-300);
1087
- --system-button-border-color-default: transparent;
1088
- --system-button-border-color-hover: transparent;
1089
- --system-button-border-color-down: transparent;
1090
- --system-button-border-color-focus: transparent;
1091
- --system-button-content-color-default: var(
1092
- --spectrum-neutral-content-color-default
1093
- );
1094
- --system-button-content-color-hover: var(
1095
- --spectrum-neutral-content-color-hover
1096
- );
1097
- --system-button-content-color-down: var(
1098
- --spectrum-neutral-content-color-down
1099
- );
1100
- --system-button-content-color-focus: var(
1101
- --spectrum-neutral-content-color-key-focus
1102
- );
1103
- --system-button-background-color-disabled: var(
1104
- --spectrum-disabled-background-color
1105
- );
1106
- --system-button-border-color-disabled: transparent;
1107
- --system-button-content-color-disabled: var(
1108
- --spectrum-disabled-content-color
1109
- );
1110
- --system-button-accent-background-color-default: var(
1111
- --spectrum-accent-background-color-default
1112
- );
1113
- --system-button-accent-background-color-hover: var(
1114
- --spectrum-accent-background-color-hover
1115
- );
1116
- --system-button-accent-background-color-down: var(
1117
- --spectrum-accent-background-color-down
1118
- );
1119
- --system-button-accent-background-color-focus: var(
1120
- --spectrum-accent-background-color-key-focus
1121
- );
1122
- --system-button-accent-border-color-default: transparent;
1123
- --system-button-accent-border-color-hover: transparent;
1124
- --system-button-accent-border-color-down: transparent;
1125
- --system-button-accent-border-color-focus: transparent;
1126
- --system-button-accent-content-color-default: var(--spectrum-white);
1127
- --system-button-accent-content-color-hover: var(--spectrum-white);
1128
- --system-button-accent-content-color-down: var(--spectrum-white);
1129
- --system-button-accent-content-color-focus: var(--spectrum-white);
1130
- --system-button-accent-background-color-disabled: var(
1131
- --spectrum-disabled-background-color
1132
- );
1133
- --system-button-accent-border-color-disabled: transparent;
1134
- --system-button-accent-content-color-disabled: var(
1135
- --spectrum-disabled-content-color
1136
- );
1137
- --system-button-accent-outline-background-color-default: transparent;
1138
- --system-button-accent-outline-background-color-hover: var(
1139
- --spectrum-accent-color-200
1140
- );
1141
- --system-button-accent-outline-background-color-down: var(
1142
- --spectrum-accent-color-300
1143
- );
1144
- --system-button-accent-outline-background-color-focus: var(
1145
- --spectrum-accent-color-200
1146
- );
1147
- --system-button-accent-outline-border-color-default: var(
1148
- --spectrum-accent-color-900
1149
- );
1150
- --system-button-accent-outline-border-color-hover: var(
1151
- --spectrum-accent-color-1000
1152
- );
1153
- --system-button-accent-outline-border-color-down: var(
1154
- --spectrum-accent-color-1100
1155
- );
1156
- --system-button-accent-outline-border-color-focus: var(
1157
- --spectrum-accent-color-1000
1158
- );
1159
- --system-button-accent-outline-content-color-default: var(
1160
- --spectrum-accent-content-color-default
1161
- );
1162
- --system-button-accent-outline-content-color-hover: var(
1163
- --spectrum-accent-content-color-hover
1164
- );
1165
- --system-button-accent-outline-content-color-down: var(
1166
- --spectrum-accent-content-color-down
1167
- );
1168
- --system-button-accent-outline-content-color-focus: var(
1169
- --spectrum-accent-content-color-key-focus
1170
- );
1171
- --system-button-accent-outline-background-color-disabled: transparent;
1172
- --system-button-accent-outline-border-color-disabled: var(
1173
- --spectrum-disabled-border-color
1174
- );
1175
- --system-button-accent-outline-content-color-disabled: var(
1176
- --spectrum-disabled-content-color
1177
- );
1178
- --system-button-negative-background-color-default: var(
1179
- --spectrum-negative-background-color-default
1180
- );
1181
- --system-button-negative-background-color-hover: var(
1182
- --spectrum-negative-background-color-hover
1183
- );
1184
- --system-button-negative-background-color-down: var(
1185
- --spectrum-negative-background-color-down
1186
- );
1187
- --system-button-negative-background-color-focus: var(
1188
- --spectrum-negative-background-color-key-focus
1189
- );
1190
- --system-button-negative-border-color-default: transparent;
1191
- --system-button-negative-border-color-hover: transparent;
1192
- --system-button-negative-border-color-down: transparent;
1193
- --system-button-negative-border-color-focus: transparent;
1194
- --system-button-negative-content-color-default: var(--spectrum-white);
1195
- --system-button-negative-content-color-hover: var(--spectrum-white);
1196
- --system-button-negative-content-color-down: var(--spectrum-white);
1197
- --system-button-negative-content-color-focus: var(--spectrum-white);
1198
- --system-button-negative-background-color-disabled: var(
1199
- --spectrum-disabled-background-color
1200
- );
1201
- --system-button-negative-border-color-disabled: transparent;
1202
- --system-button-negative-content-color-disabled: var(
1203
- --spectrum-disabled-content-color
1204
- );
1205
- --system-button-negative-outline-background-color-default: transparent;
1206
- --system-button-negative-outline-background-color-hover: var(
1207
- --spectrum-negative-color-200
1208
- );
1209
- --system-button-negative-outline-background-color-down: var(
1210
- --spectrum-negative-color-300
1211
- );
1212
- --system-button-negative-outline-background-color-focus: var(
1213
- --spectrum-negative-color-200
1214
- );
1215
- --system-button-negative-outline-border-color-default: var(
1216
- --spectrum-negative-color-900
1217
- );
1218
- --system-button-negative-outline-border-color-hover: var(
1219
- --spectrum-negative-color-1000
1220
- );
1221
- --system-button-negative-outline-border-color-down: var(
1222
- --spectrum-negative-color-1100
1223
- );
1224
- --system-button-negative-outline-border-color-focus: var(
1225
- --spectrum-negative-color-1000
1226
- );
1227
- --system-button-negative-outline-content-color-default: var(
1228
- --spectrum-negative-content-color-default
1229
- );
1230
- --system-button-negative-outline-content-color-hover: var(
1231
- --spectrum-negative-content-color-hover
1232
- );
1233
- --system-button-negative-outline-content-color-down: var(
1234
- --spectrum-negative-content-color-down
1235
- );
1236
- --system-button-negative-outline-content-color-focus: var(
1237
- --spectrum-negative-content-color-key-focus
1238
- );
1239
- --system-button-negative-outline-background-color-disabled: transparent;
1240
- --system-button-negative-outline-border-color-disabled: var(
1241
- --spectrum-disabled-border-color
1242
- );
1243
- --system-button-negative-outline-content-color-disabled: var(
1244
- --spectrum-disabled-content-color
1245
- );
1246
- --system-button-primary-background-color-default: var(
1247
- --spectrum-neutral-background-color-default
1248
- );
1249
- --system-button-primary-background-color-hover: var(
1250
- --spectrum-neutral-background-color-hover
1251
- );
1252
- --system-button-primary-background-color-down: var(
1253
- --spectrum-neutral-background-color-down
1254
- );
1255
- --system-button-primary-background-color-focus: var(
1256
- --spectrum-neutral-background-color-key-focus
1257
- );
1258
- --system-button-primary-border-color-default: transparent;
1259
- --system-button-primary-border-color-hover: transparent;
1260
- --system-button-primary-border-color-down: transparent;
1261
- --system-button-primary-border-color-focus: transparent;
1262
- --system-button-primary-content-color-default: var(--spectrum-white);
1263
- --system-button-primary-content-color-hover: var(--spectrum-white);
1264
- --system-button-primary-content-color-down: var(--spectrum-white);
1265
- --system-button-primary-content-color-focus: var(--spectrum-white);
1266
- --system-button-primary-background-color-disabled: var(
1267
- --spectrum-disabled-background-color
1268
- );
1269
- --system-button-primary-border-color-disabled: transparent;
1270
- --system-button-primary-content-color-disabled: var(
1271
- --spectrum-disabled-content-color
1272
- );
1273
- --system-button-primary-outline-background-color-default: transparent;
1274
- --system-button-primary-outline-background-color-hover: var(
1275
- --spectrum-gray-300
1276
- );
1277
- --system-button-primary-outline-background-color-down: var(
1278
- --spectrum-gray-400
1279
- );
1280
- --system-button-primary-outline-background-color-focus: var(
1281
- --spectrum-gray-300
1282
- );
1283
- --system-button-primary-outline-border-color-default: var(
1284
- --spectrum-gray-800
1285
- );
1286
- --system-button-primary-outline-border-color-hover: var(
1287
- --spectrum-gray-900
1288
- );
1289
- --system-button-primary-outline-border-color-down: var(--spectrum-gray-900);
1290
- --system-button-primary-outline-border-color-focus: var(
1291
- --spectrum-gray-900
1292
- );
1293
- --system-button-primary-outline-content-color-default: var(
1294
- --spectrum-neutral-content-color-default
1295
- );
1296
- --system-button-primary-outline-content-color-hover: var(
1297
- --spectrum-neutral-content-color-hover
1298
- );
1299
- --system-button-primary-outline-content-color-down: var(
1300
- --spectrum-neutral-content-color-down
1301
- );
1302
- --system-button-primary-outline-content-color-focus: var(
1303
- --spectrum-neutral-content-color-key-focus
1304
- );
1305
- --system-button-primary-outline-background-color-disabled: transparent;
1306
- --system-button-primary-outline-border-color-disabled: var(
1307
- --spectrum-disabled-border-color
1308
- );
1309
- --system-button-primary-outline-content-color-disabled: var(
1310
- --spectrum-disabled-content-color
1311
- );
1312
- --system-button-secondary-background-color-default: var(
1313
- --spectrum-gray-200
1314
- );
1315
- --system-button-secondary-background-color-hover: var(--spectrum-gray-300);
1316
- --system-button-secondary-background-color-down: var(--spectrum-gray-400);
1317
- --system-button-secondary-background-color-focus: var(--spectrum-gray-300);
1318
- --system-button-secondary-border-color-default: transparent;
1319
- --system-button-secondary-border-color-hover: transparent;
1320
- --system-button-secondary-border-color-down: transparent;
1321
- --system-button-secondary-border-color-focus: transparent;
1322
- --system-button-secondary-content-color-default: var(
1323
- --spectrum-neutral-content-color-default
1324
- );
1325
- --system-button-secondary-content-color-hover: var(
1326
- --spectrum-neutral-content-color-hover
1327
- );
1328
- --system-button-secondary-content-color-down: var(
1329
- --spectrum-neutral-content-color-down
1330
- );
1331
- --system-button-secondary-content-color-focus: var(
1332
- --spectrum-neutral-content-color-key-focus
1333
- );
1334
- --system-button-secondary-background-color-disabled: var(
1335
- --spectrum-disabled-background-color
1336
- );
1337
- --system-button-secondary-border-color-disabled: transparent;
1338
- --system-button-secondary-content-color-disabled: var(
1339
- --spectrum-disabled-content-color
1340
- );
1341
- --system-button-secondary-outline-background-color-default: transparent;
1342
- --system-button-secondary-outline-background-color-hover: var(
1343
- --spectrum-gray-300
1344
- );
1345
- --system-button-secondary-outline-background-color-down: var(
1346
- --spectrum-gray-400
1347
- );
1348
- --system-button-secondary-outline-background-color-focus: var(
1349
- --spectrum-gray-300
1350
- );
1351
- --system-button-secondary-outline-border-color-default: var(
1352
- --spectrum-gray-300
699
+ --system-badge-size-xl-label-spacing-vertical-top: var(
700
+ --spectrum-component-top-to-text-300
1353
701
  );
1354
- --system-button-secondary-outline-border-color-hover: var(
1355
- --spectrum-gray-400
702
+ --system-badge-size-xl-label-spacing-vertical-bottom: var(
703
+ --spectrum-component-bottom-to-text-300
1356
704
  );
1357
- --system-button-secondary-outline-border-color-down: var(
1358
- --spectrum-gray-500
705
+ --system-badge-size-xl-label-spacing-horizontal: var(
706
+ --spectrum-component-edge-to-text-300
1359
707
  );
1360
- --system-button-secondary-outline-border-color-focus: var(
1361
- --spectrum-gray-400
708
+ --system-badge-size-xl-workflow-icon-size: var(
709
+ --spectrum-workflow-icon-size-300
1362
710
  );
1363
- --system-button-secondary-outline-content-color-default: var(
1364
- --spectrum-neutral-content-color-default
711
+ --system-badge-size-xl-icon-text-spacing: var(
712
+ --spectrum-text-to-visual-300
1365
713
  );
1366
- --system-button-secondary-outline-content-color-hover: var(
1367
- --spectrum-neutral-content-color-hover
714
+ --system-badge-size-xl-icon-spacing-horizontal: var(
715
+ --spectrum-component-edge-to-visual-300
1368
716
  );
1369
- --system-button-secondary-outline-content-color-down: var(
1370
- --spectrum-neutral-content-color-down
717
+ --system-badge-size-xl-icon-spacing-vertical-top: var(
718
+ --spectrum-component-top-to-workflow-icon-300
1371
719
  );
1372
- --system-button-secondary-outline-content-color-focus: var(
1373
- --spectrum-neutral-content-color-key-focus
720
+ --system-badge-size-xl-icon-only-spacing-horizontal: var(
721
+ --spectrum-component-edge-to-visual-only-300
1374
722
  );
1375
- --system-button-secondary-outline-background-color-disabled: transparent;
1376
- --system-button-secondary-outline-border-color-disabled: var(
723
+ --system-button-background-color-default: var(--spectrum-gray-200);
724
+ --system-button-background-color-hover: var(--spectrum-gray-300);
725
+ --system-button-background-color-down: var(--spectrum-gray-400);
726
+ --system-button-background-color-focus: var(--spectrum-gray-300);
727
+ --system-button-border-color-default: transparent;
728
+ --system-button-border-color-hover: transparent;
729
+ --system-button-border-color-down: transparent;
730
+ --system-button-border-color-focus: transparent;
731
+ --system-button-background-color-disabled: transparent;
732
+ --system-button-border-color-disabled: var(
1377
733
  --spectrum-disabled-border-color
1378
734
  );
1379
- --system-button-secondary-outline-content-color-disabled: var(
1380
- --spectrum-disabled-content-color
1381
- );
1382
- --system-button-quiet-background-color-default: transparent;
1383
- --system-button-quiet-background-color-hover: var(--spectrum-gray-100);
1384
- --system-button-quiet-background-color-down: var(--spectrum-gray-200);
1385
- --system-button-quiet-background-color-focus: var(--spectrum-gray-100);
1386
- --system-button-quiet-border-color-default: transparent;
1387
- --system-button-quiet-border-color-hover: transparent;
1388
- --system-button-quiet-border-color-down: transparent;
1389
- --system-button-quiet-border-color-focus: transparent;
1390
- --system-button-quiet-background-color-disabled: transparent;
1391
- --system-button-quiet-border-color-disabled: transparent;
1392
735
  --system-button-selected-background-color-default: var(
1393
736
  --spectrum-neutral-background-color-default
1394
737
  );
@@ -1401,40 +744,43 @@
1401
744
  --system-button-selected-background-color-focus: var(
1402
745
  --spectrum-neutral-background-color-key-focus
1403
746
  );
1404
- --system-button-selected-border-color-default: transparent;
1405
- --system-button-selected-border-color-hover: transparent;
1406
- --system-button-selected-border-color-down: transparent;
1407
- --system-button-selected-border-color-focus: transparent;
1408
- --system-button-selected-content-color-default: var(--spectrum-white);
1409
- --system-button-selected-content-color-hover: var(--spectrum-white);
1410
- --system-button-selected-content-color-down: var(--spectrum-white);
1411
- --system-button-selected-content-color-focus: var(--spectrum-white);
1412
- --system-button-selected-background-color-disabled: var(
1413
- --spectrum-disabled-background-color
747
+ --system-button-primary-content-color-default: var(--spectrum-white);
748
+ --system-button-primary-content-color-hover: var(--spectrum-white);
749
+ --system-button-primary-content-color-down: var(--spectrum-white);
750
+ --system-button-primary-content-color-focus: var(--spectrum-white);
751
+ --system-button-primary-outline-background-color-hover: var(
752
+ --spectrum-gray-300
1414
753
  );
1415
- --system-button-selected-border-color-disabled: transparent;
1416
- --system-button-selected-emphasized-background-color-default: var(
1417
- --spectrum-accent-background-color-default
754
+ --system-button-primary-outline-background-color-down: var(
755
+ --spectrum-gray-400
1418
756
  );
1419
- --system-button-selected-emphasized-background-color-hover: var(
1420
- --spectrum-accent-background-color-hover
757
+ --system-button-primary-outline-background-color-focus: var(
758
+ --spectrum-gray-300
1421
759
  );
1422
- --system-button-selected-emphasized-background-color-down: var(
1423
- --spectrum-accent-background-color-down
760
+ --system-button-secondary-background-color-default: var(
761
+ --spectrum-gray-200
1424
762
  );
1425
- --system-button-selected-emphasized-background-color-focus: var(
1426
- --spectrum-accent-background-color-key-focus
763
+ --system-button-secondary-not-outline-background-color-hover: var(
764
+ --spectrum-gray-300
765
+ );
766
+ --system-button-secondary-not-outline-background-color-down: var(
767
+ --spectrum-gray-400
768
+ );
769
+ --system-button-secondary-not-outline-background-color-focus: var(
770
+ --spectrum-gray-300
771
+ );
772
+ --system-button-secondary-outline-background-color-hover: var(
773
+ --spectrum-gray-300
774
+ );
775
+ --system-button-secondary-outline-background-color-down: var(
776
+ --spectrum-gray-400
777
+ );
778
+ --system-button-secondary-outline-background-color-focus: var(
779
+ --spectrum-gray-300
780
+ );
781
+ --system-button-secondary-outline-border-color-default: var(
782
+ --spectrum-gray-300
1427
783
  );
1428
- --system-button-static-black-quiet-border-color-default: transparent;
1429
- --system-button-static-white-quiet-border-color-default: transparent;
1430
- --system-button-static-black-quiet-border-color-hover: transparent;
1431
- --system-button-static-white-quiet-border-color-hover: transparent;
1432
- --system-button-static-black-quiet-border-color-down: transparent;
1433
- --system-button-static-white-quiet-border-color-down: transparent;
1434
- --system-button-static-black-quiet-border-color-focus: transparent;
1435
- --system-button-static-white-quiet-border-color-focus: transparent;
1436
- --system-button-static-black-quiet-border-color-disabled: transparent;
1437
- --system-button-static-white-quiet-border-color-disabled: transparent;
1438
784
  --system-button-static-white-background-color-default: var(
1439
785
  --spectrum-transparent-white-800
1440
786
  );
@@ -1447,96 +793,10 @@
1447
793
  --system-button-static-white-background-color-focus: var(
1448
794
  --spectrum-transparent-white-900
1449
795
  );
1450
- --system-button-static-white-border-color-default: transparent;
1451
- --system-button-static-white-border-color-hover: transparent;
1452
- --system-button-static-white-border-color-down: transparent;
1453
- --system-button-static-white-border-color-focus: transparent;
1454
796
  --system-button-static-white-content-color-default: var(--spectrum-black);
1455
797
  --system-button-static-white-content-color-hover: var(--spectrum-black);
1456
798
  --system-button-static-white-content-color-down: var(--spectrum-black);
1457
799
  --system-button-static-white-content-color-focus: var(--spectrum-black);
1458
- --system-button-static-white-focus-indicator-color: var(
1459
- --spectrum-static-white-focus-indicator-color
1460
- );
1461
- --system-button-static-white-background-color-disabled: var(
1462
- --spectrum-disabled-static-white-background-color
1463
- );
1464
- --system-button-static-white-border-color-disabled: transparent;
1465
- --system-button-static-white-content-color-disabled: var(
1466
- --spectrum-disabled-static-white-content-color
1467
- );
1468
- --system-button-static-white-outline-background-color-default: transparent;
1469
- --system-button-static-white-outline-background-color-hover: var(
1470
- --spectrum-transparent-white-300
1471
- );
1472
- --system-button-static-white-outline-background-color-down: var(
1473
- --spectrum-transparent-white-400
1474
- );
1475
- --system-button-static-white-outline-background-color-focus: var(
1476
- --spectrum-transparent-white-300
1477
- );
1478
- --system-button-static-white-outline-border-color-default: var(
1479
- --spectrum-transparent-white-800
1480
- );
1481
- --system-button-static-white-outline-border-color-hover: var(
1482
- --spectrum-transparent-white-900
1483
- );
1484
- --system-button-static-white-outline-border-color-down: var(
1485
- --spectrum-transparent-white-900
1486
- );
1487
- --system-button-static-white-outline-border-color-focus: var(
1488
- --spectrum-transparent-white-900
1489
- );
1490
- --system-button-static-white-outline-content-color-default: var(
1491
- --spectrum-white
1492
- );
1493
- --system-button-static-white-outline-content-color-hover: var(
1494
- --spectrum-white
1495
- );
1496
- --system-button-static-white-outline-content-color-down: var(
1497
- --spectrum-white
1498
- );
1499
- --system-button-static-white-outline-content-color-focus: var(
1500
- --spectrum-white
1501
- );
1502
- --system-button-static-white-outline-focus-indicator-color: var(
1503
- --spectrum-static-white-focus-indicator-color
1504
- );
1505
- --system-button-static-white-outline-background-color-disabled: transparent;
1506
- --system-button-static-white-outline-border-color-disabled: var(
1507
- --spectrum-disabled-static-white-border-color
1508
- );
1509
- --system-button-static-white-outline-content-color-disabled: var(
1510
- --spectrum-disabled-static-white-content-color
1511
- );
1512
- --system-button-static-white-selected-background-color-default: var(
1513
- --spectrum-transparent-white-800
1514
- );
1515
- --system-button-static-white-selected-background-color-hover: var(
1516
- --spectrum-transparent-white-900
1517
- );
1518
- --system-button-static-white-selected-background-color-down: var(
1519
- --spectrum-transparent-white-900
1520
- );
1521
- --system-button-static-white-selected-background-color-focus: var(
1522
- --spectrum-transparent-white-900
1523
- );
1524
- --system-button-static-white-selected-static-white-content-color-default: var(
1525
- --spectrum-black
1526
- );
1527
- --system-button-static-white-selected-static-white-content-color-hover: var(
1528
- --spectrum-black
1529
- );
1530
- --system-button-static-white-selected-static-white-content-color-down: var(
1531
- --spectrum-black
1532
- );
1533
- --system-button-static-white-selected-static-white-content-color-focus: var(
1534
- --spectrum-black
1535
- );
1536
- --system-button-static-white-selected-background-color-disabled: var(
1537
- --spectrum-disabled-static-white-background-color
1538
- );
1539
- --system-button-static-white-selected-border-color-disabled: transparent;
1540
800
  --system-button-static-white-secondary-background-color-default: var(
1541
801
  --spectrum-transparent-white-200
1542
802
  );
@@ -1549,10 +809,6 @@
1549
809
  --system-button-static-white-secondary-background-color-focus: var(
1550
810
  --spectrum-transparent-white-300
1551
811
  );
1552
- --system-button-static-white-secondary-border-color-default: transparent;
1553
- --system-button-static-white-secondary-border-color-hover: transparent;
1554
- --system-button-static-white-secondary-border-color-down: transparent;
1555
- --system-button-static-white-secondary-border-color-focus: transparent;
1556
812
  --system-button-static-white-secondary-content-color-default: var(
1557
813
  --spectrum-white
1558
814
  );
@@ -1565,26 +821,6 @@
1565
821
  --system-button-static-white-secondary-content-color-focus: var(
1566
822
  --spectrum-white
1567
823
  );
1568
- --system-button-static-white-secondary-focus-indicator-color: var(
1569
- --spectrum-static-white-focus-indicator-color
1570
- );
1571
- --system-button-static-white-secondary-background-color-disabled: var(
1572
- --spectrum-disabled-static-white-background-color
1573
- );
1574
- --system-button-static-white-secondary-border-color-disabled: transparent;
1575
- --system-button-static-white-secondary-content-color-disabled: var(
1576
- --spectrum-disabled-static-white-content-color
1577
- );
1578
- --system-button-static-white-secondary-outline-background-color-default: transparent;
1579
- --system-button-static-white-secondary-outline-background-color-hover: var(
1580
- --spectrum-transparent-white-300
1581
- );
1582
- --system-button-static-white-secondary-outline-background-color-down: var(
1583
- --spectrum-transparent-white-400
1584
- );
1585
- --system-button-static-white-secondary-outline-background-color-focus: var(
1586
- --spectrum-transparent-white-300
1587
- );
1588
824
  --system-button-static-white-secondary-outline-border-color-default: var(
1589
825
  --spectrum-transparent-white-300
1590
826
  );
@@ -1597,323 +833,150 @@
1597
833
  --system-button-static-white-secondary-outline-border-color-focus: var(
1598
834
  --spectrum-transparent-white-400
1599
835
  );
1600
- --system-button-static-white-secondary-outline-content-color-default: var(
1601
- --spectrum-white
836
+ --system-button-static-white-outline-not-secondary-background-color-hover: var(
837
+ --spectrum-transparent-white-300
1602
838
  );
1603
- --system-button-static-white-secondary-outline-content-color-hover: var(
1604
- --spectrum-white
839
+ --system-button-static-white-outline-not-secondary-background-color-down: var(
840
+ --spectrum-transparent-white-400
1605
841
  );
1606
- --system-button-static-white-secondary-outline-content-color-down: var(
1607
- --spectrum-white
842
+ --system-button-static-white-outline-not-secondary-background-color-focus: var(
843
+ --spectrum-transparent-white-300
1608
844
  );
1609
- --system-button-static-white-secondary-outline-content-color-focus: var(
845
+ --system-button-static-white-outline-not-secondary-content-color-default: var(
1610
846
  --spectrum-white
1611
847
  );
1612
- --system-button-static-white-secondary-outline-focus-indicator-color: var(
1613
- --spectrum-static-white-focus-indicator-color
1614
- );
1615
- --system-button-static-white-secondary-outline-background-color-disabled: transparent;
1616
- --system-button-static-white-secondary-outline-border-color-disabled: var(
1617
- --spectrum-disabled-static-white-border-color
1618
- );
1619
- --system-button-static-white-secondary-outline-content-color-disabled: var(
1620
- --spectrum-disabled-static-white-content-color
1621
- );
1622
- --system-button-static-black-background-color-default: var(
1623
- --spectrum-transparent-black-800
1624
- );
1625
- --system-button-static-black-background-color-hover: var(
1626
- --spectrum-transparent-black-900
1627
- );
1628
- --system-button-static-black-background-color-down: var(
1629
- --spectrum-transparent-black-900
1630
- );
1631
- --system-button-static-black-background-color-focus: var(
1632
- --spectrum-transparent-black-900
1633
- );
1634
- --system-button-static-black-border-color-default: transparent;
1635
- --system-button-static-black-border-color-hover: transparent;
1636
- --system-button-static-black-border-color-down: transparent;
1637
- --system-button-static-black-border-color-focus: transparent;
1638
- --system-button-static-black-content-color-default: var(--spectrum-white);
1639
- --system-button-static-black-content-color-hover: var(--spectrum-white);
1640
- --system-button-static-black-content-color-down: var(--spectrum-white);
1641
- --system-button-static-black-content-color-focus: var(--spectrum-white);
1642
- --system-button-static-black-focus-indicator-color: var(
1643
- --spectrum-static-black-focus-indicator-color
1644
- );
1645
- --system-button-static-black-background-color-disabled: var(
1646
- --spectrum-disabled-static-black-background-color
1647
- );
1648
- --system-button-static-black-border-color-disabled: transparent;
1649
- --system-button-static-black-content-color-disabled: var(
1650
- --spectrum-disabled-static-black-content-color
1651
- );
1652
- --system-button-static-black-outline-background-color-default: transparent;
1653
- --system-button-static-black-outline-background-color-hover: var(
1654
- --spectrum-transparent-black-300
1655
- );
1656
- --system-button-static-black-outline-background-color-down: var(
1657
- --spectrum-transparent-black-400
1658
- );
1659
- --system-button-static-black-outline-background-color-focus: var(
1660
- --spectrum-transparent-black-300
1661
- );
1662
- --system-button-static-black-outline-border-color-default: var(
1663
- --spectrum-transparent-black-400
1664
- );
1665
- --system-button-static-black-outline-border-color-hover: var(
1666
- --spectrum-transparent-black-500
1667
- );
1668
- --system-button-static-black-outline-border-color-down: var(
1669
- --spectrum-transparent-black-600
1670
- );
1671
- --system-button-static-black-outline-border-color-focus: var(
1672
- --spectrum-transparent-black-500
1673
- );
1674
- --system-button-static-black-outline-content-color-default: var(
1675
- --spectrum-black
1676
- );
1677
- --system-button-static-black-outline-content-color-hover: var(
1678
- --spectrum-black
1679
- );
1680
- --system-button-static-black-outline-content-color-down: var(
1681
- --spectrum-black
1682
- );
1683
- --system-button-static-black-outline-content-color-focus: var(
1684
- --spectrum-black
1685
- );
1686
- --system-button-static-black-outline-focus-indicator-color: var(
1687
- --spectrum-static-black-focus-indicator-color
1688
- );
1689
- --system-button-static-black-outline-background-color-disabled: transparent;
1690
- --system-button-static-black-outline-border-color-disabled: var(
1691
- --spectrum-disabled-static-black-border-color
1692
- );
1693
- --system-button-static-black-outline-content-color-disabled: var(
1694
- --spectrum-disabled-static-black-content-color
1695
- );
1696
- --system-button-static-black-secondary-background-color-default: var(
1697
- --spectrum-transparent-black-200
1698
- );
1699
- --system-button-static-black-secondary-background-color-hover: var(
1700
- --spectrum-transparent-black-300
1701
- );
1702
- --system-button-static-black-secondary-background-color-down: var(
1703
- --spectrum-transparent-black-400
1704
- );
1705
- --system-button-static-black-secondary-background-color-focus: var(
1706
- --spectrum-transparent-black-300
1707
- );
1708
- --system-button-static-black-secondary-border-color-default: transparent;
1709
- --system-button-static-black-secondary-border-color-hover: transparent;
1710
- --system-button-static-black-secondary-border-color-down: transparent;
1711
- --system-button-static-black-secondary-border-color-focus: transparent;
1712
- --system-button-static-black-secondary-content-color-default: var(
1713
- --spectrum-black
1714
- );
1715
- --system-button-static-black-secondary-content-color-hover: var(
1716
- --spectrum-black
1717
- );
1718
- --system-button-static-black-secondary-content-color-down: var(
1719
- --spectrum-black
1720
- );
1721
- --system-button-static-black-secondary-content-color-focus: var(
1722
- --spectrum-black
1723
- );
1724
- --system-button-static-black-secondary-focus-indicator-color: var(
1725
- --spectrum-static-black-focus-indicator-color
1726
- );
1727
- --system-button-static-black-secondary-background-color-disabled: var(
1728
- --spectrum-disabled-static-black-background-color
1729
- );
1730
- --system-button-static-black-secondary-border-color-disabled: transparent;
1731
- --system-button-static-black-secondary-content-color-disabled: var(
1732
- --spectrum-disabled-static-black-content-color
1733
- );
1734
- --system-button-static-black-secondary-outline-background-color-default: transparent;
1735
- --system-button-static-black-secondary-outline-background-color-hover: var(
1736
- --spectrum-transparent-black-300
1737
- );
1738
- --system-button-static-black-secondary-outline-background-color-down: var(
1739
- --spectrum-transparent-black-400
1740
- );
1741
- --system-button-static-black-secondary-outline-background-color-focus: var(
1742
- --spectrum-transparent-black-300
1743
- );
1744
- --system-button-static-black-secondary-outline-border-color-default: var(
1745
- --spectrum-transparent-black-300
1746
- );
1747
- --system-button-static-black-secondary-outline-border-color-hover: var(
1748
- --spectrum-transparent-black-400
1749
- );
1750
- --system-button-static-black-secondary-outline-border-color-down: var(
1751
- --spectrum-transparent-black-500
1752
- );
1753
- --system-button-static-black-secondary-outline-border-color-focus: var(
1754
- --spectrum-transparent-black-400
1755
- );
1756
- --system-button-static-black-secondary-outline-content-color-default: var(
1757
- --spectrum-black
1758
- );
1759
- --system-button-static-black-secondary-outline-content-color-hover: var(
1760
- --spectrum-black
1761
- );
1762
- --system-button-static-black-secondary-outline-content-color-down: var(
1763
- --spectrum-black
1764
- );
1765
- --system-button-static-black-secondary-outline-content-color-focus: var(
1766
- --spectrum-black
1767
- );
1768
- --system-button-static-black-secondary-outline-focus-indicator-color: var(
1769
- --spectrum-static-black-focus-indicator-color
848
+ --system-button-static-white-outline-not-secondary-content-color-hover: var(
849
+ --spectrum-white
1770
850
  );
1771
- --system-button-static-black-secondary-outline-background-color-disabled: transparent;
1772
- --system-button-static-black-secondary-outline-border-color-disabled: var(
1773
- --spectrum-disabled-static-black-border-color
851
+ --system-button-static-white-outline-not-secondary-content-color-down: var(
852
+ --spectrum-white
1774
853
  );
1775
- --system-button-static-black-secondary-outline-content-color-disabled: var(
1776
- --spectrum-disabled-static-black-content-color
854
+ --system-button-static-white-outline-not-secondary-content-color-focus: var(
855
+ --spectrum-white
1777
856
  );
1778
- --system-button-size-s-min-width: calc(
1779
- var(--spectrum-component-height-75) *
1780
- var(--spectrum-button-minimum-width-multiplier)
857
+ --system-button-static-white-outline-not-secondary-border-color-default: var(
858
+ --spectrum-transparent-white-800
1781
859
  );
1782
- --system-button-size-s-border-radius: var(
1783
- --spectrum-component-pill-edge-to-text-75
860
+ --system-button-static-white-outline-not-secondary-border-color-hover: var(
861
+ --spectrum-transparent-white-900
1784
862
  );
1785
- --system-button-size-s-height: var(--spectrum-component-height-75);
1786
- --system-button-size-s-font-size: var(--spectrum-font-size-75);
1787
- --system-button-size-s-edge-to-visual: calc(
1788
- var(--spectrum-component-pill-edge-to-visual-75) -
1789
- var(--system-button-border-width)
863
+ --system-button-static-white-outline-not-secondary-border-color-down: var(
864
+ --spectrum-transparent-white-900
1790
865
  );
1791
- --system-button-size-s-edge-to-visual-only: var(
1792
- --spectrum-component-pill-edge-to-visual-only-75
866
+ --system-button-static-white-outline-not-secondary-border-color-focus: var(
867
+ --spectrum-transparent-white-900
1793
868
  );
1794
- --system-button-size-s-edge-to-text: calc(
1795
- var(--spectrum-component-pill-edge-to-text-75) -
1796
- var(--system-button-border-width)
869
+ --system-button-static-white-outline-secondary-background-color-hover: var(
870
+ --spectrum-transparent-white-300
1797
871
  );
1798
- --system-button-size-s-padding-label-to-icon: var(
1799
- --spectrum-text-to-visual-75
872
+ --system-button-static-white-outline-secondary-background-color-down: var(
873
+ --spectrum-transparent-white-400
1800
874
  );
1801
- --system-button-size-s-top-to-text: var(
1802
- --spectrum-button-top-to-text-small
875
+ --system-button-static-white-outline-secondary-background-color-focus: var(
876
+ --spectrum-transparent-white-300
1803
877
  );
1804
- --system-button-size-s-bottom-to-text: var(
1805
- --spectrum-button-bottom-to-text-small
878
+ --system-button-static-black-background-color-default: var(
879
+ --spectrum-transparent-black-800
1806
880
  );
1807
- --system-button-size-s-top-to-icon: var(
1808
- --spectrum-component-top-to-workflow-icon-75
881
+ --system-button-static-black-background-color-hover: var(
882
+ --spectrum-transparent-black-900
1809
883
  );
1810
- --system-button-size-s-intended-icon-size: var(
1811
- --spectrum-workflow-icon-size-75
884
+ --system-button-static-black-background-color-down: var(
885
+ --spectrum-transparent-black-900
1812
886
  );
1813
- --system-button-size-m-min-width: calc(
1814
- var(--spectrum-component-height-100) *
1815
- var(--spectrum-button-minimum-width-multiplier)
887
+ --system-button-static-black-background-color-focus: var(
888
+ --spectrum-transparent-black-900
1816
889
  );
1817
- --system-button-size-m-border-radius: var(
1818
- --spectrum-component-pill-edge-to-text-100
890
+ --system-button-static-black-content-color-default: var(--spectrum-white);
891
+ --system-button-static-black-content-color-hover: var(--spectrum-white);
892
+ --system-button-static-black-content-color-down: var(--spectrum-white);
893
+ --system-button-static-black-content-color-focus: var(--spectrum-white);
894
+ --system-button-static-black-secondary-background-color-default: var(
895
+ --spectrum-transparent-black-200
1819
896
  );
1820
- --system-button-size-m-height: var(--spectrum-component-height-100);
1821
- --system-button-size-m-font-size: var(--spectrum-font-size-100);
1822
- --system-button-size-m-edge-to-visual: calc(
1823
- var(--spectrum-component-pill-edge-to-visual-100) -
1824
- var(--system-button-border-width)
897
+ --system-button-static-black-secondary-background-color-hover: var(
898
+ --spectrum-transparent-black-300
1825
899
  );
1826
- --system-button-size-m-edge-to-visual-only: var(
1827
- --spectrum-component-pill-edge-to-visual-only-100
900
+ --system-button-static-black-secondary-background-color-down: var(
901
+ --spectrum-transparent-black-400
1828
902
  );
1829
- --system-button-size-m-edge-to-text: calc(
1830
- var(--spectrum-component-pill-edge-to-text-100) -
1831
- var(--system-button-border-width)
903
+ --system-button-static-black-secondary-background-color-focus: var(
904
+ --spectrum-transparent-black-300
1832
905
  );
1833
- --system-button-size-m-padding-label-to-icon: var(
1834
- --spectrum-text-to-visual-100
906
+ --system-button-static-black-secondary-content-color-default: var(
907
+ --spectrum-black
1835
908
  );
1836
- --system-button-size-m-top-to-text: var(
1837
- --spectrum-button-top-to-text-medium
909
+ --system-button-static-black-secondary-content-color-hover: var(
910
+ --spectrum-black
1838
911
  );
1839
- --system-button-size-m-bottom-to-text: var(
1840
- --spectrum-button-bottom-to-text-medium
912
+ --system-button-static-black-secondary-content-color-down: var(
913
+ --spectrum-black
1841
914
  );
1842
- --system-button-size-m-top-to-icon: var(
1843
- --spectrum-component-top-to-workflow-icon-100
915
+ --system-button-static-black-secondary-content-color-focus: var(
916
+ --spectrum-black
1844
917
  );
1845
- --system-button-size-m-intended-icon-size: var(
1846
- --spectrum-workflow-icon-size-100
918
+ --system-button-static-black-secondary-outline-background-color-hover: var(
919
+ --spectrum-transparent-black-400
1847
920
  );
1848
- --system-button-size-l-min-width: calc(
1849
- var(--spectrum-component-height-200) *
1850
- var(--spectrum-button-minimum-width-multiplier)
921
+ --system-button-static-black-secondary-outline-background-color-down: var(
922
+ --spectrum-transparent-black-500
1851
923
  );
1852
- --system-button-size-l-border-radius: var(
1853
- --spectrum-component-pill-edge-to-text-200
924
+ --system-button-static-black-secondary-outline-background-color-focus: var(
925
+ --spectrum-transparent-black-400
1854
926
  );
1855
- --system-button-size-l-height: var(--spectrum-component-height-200);
1856
- --system-button-size-l-font-size: var(--spectrum-font-size-200);
1857
- --system-button-size-l-edge-to-visual: calc(
1858
- var(--spectrum-component-pill-edge-to-visual-200) -
1859
- var(--system-button-border-width)
927
+ --system-button-static-black-secondary-outline-border-color-default: var(
928
+ --spectrum-transparent-black-300
1860
929
  );
1861
- --system-button-size-l-edge-to-visual-only: var(
1862
- --spectrum-component-pill-edge-to-visual-only-200
930
+ --system-button-static-black-secondary-outline-border-color-hover: var(
931
+ --spectrum-transparent-black-400
1863
932
  );
1864
- --system-button-size-l-edge-to-text: calc(
1865
- var(--spectrum-component-pill-edge-to-text-200) -
1866
- var(--system-button-border-width)
933
+ --system-button-static-black-secondary-outline-border-color-down: var(
934
+ --spectrum-transparent-black-500
1867
935
  );
1868
- --system-button-size-l-padding-label-to-icon: var(
1869
- --spectrum-text-to-visual-200
936
+ --system-button-static-black-secondary-outline-border-color-focus: var(
937
+ --spectrum-transparent-black-400
1870
938
  );
1871
- --system-button-size-l-top-to-text: var(
1872
- --spectrum-button-top-to-text-large
939
+ --system-button-static-black-outline-not-secondary-background-color-hover: var(
940
+ --spectrum-transparent-black-300
1873
941
  );
1874
- --system-button-size-l-bottom-to-text: var(
1875
- --spectrum-button-bottom-to-text-large
942
+ --system-button-static-black-outline-not-secondary-background-color-down: var(
943
+ --spectrum-transparent-black-400
1876
944
  );
1877
- --system-button-size-l-top-to-icon: var(
1878
- --spectrum-component-top-to-workflow-icon-200
945
+ --system-button-static-black-outline-not-secondary-background-color-focus: var(
946
+ --spectrum-transparent-black-300
1879
947
  );
1880
- --system-button-size-l-intended-icon-size: var(
1881
- --spectrum-workflow-icon-size-200
948
+ --system-button-static-black-outline-not-secondary-content-color-default: var(
949
+ --spectrum-black
1882
950
  );
1883
- --system-button-size-xl-min-width: calc(
1884
- var(--spectrum-component-height-300) *
1885
- var(--spectrum-button-minimum-width-multiplier)
951
+ --system-button-static-black-outline-not-secondary-content-color-hover: var(
952
+ --spectrum-black
1886
953
  );
1887
- --system-button-size-xl-border-radius: var(
1888
- --spectrum-component-pill-edge-to-text-300
954
+ --system-button-static-black-outline-not-secondary-content-color-down: var(
955
+ --spectrum-black
1889
956
  );
1890
- --system-button-size-xl-height: var(--spectrum-component-height-300);
1891
- --system-button-size-xl-font-size: var(--spectrum-font-size-300);
1892
- --system-button-size-xl-edge-to-visual: calc(
1893
- var(--spectrum-component-pill-edge-to-visual-300) -
1894
- var(--system-button-border-width)
957
+ --system-button-static-black-outline-not-secondary-content-color-focus: var(
958
+ --spectrum-black
1895
959
  );
1896
- --system-button-size-xl-edge-to-visual-only: var(
1897
- --spectrum-component-pill-edge-to-visual-only-300
960
+ --system-button-static-black-outline-not-secondary-border-color-default: var(
961
+ --spectrum-transparent-black-400
1898
962
  );
1899
- --system-button-size-xl-edge-to-text: calc(
1900
- var(--spectrum-component-pill-edge-to-text-300) -
1901
- var(--system-button-border-width)
963
+ --system-button-static-black-outline-not-secondary-border-color-hover: var(
964
+ --spectrum-transparent-black-500
1902
965
  );
1903
- --system-button-size-xl-padding-label-to-icon: var(
1904
- --spectrum-text-to-visual-300
966
+ --system-button-static-black-outline-not-secondary-border-color-down: var(
967
+ --spectrum-transparent-black-600
1905
968
  );
1906
- --system-button-size-xl-top-to-text: var(
1907
- --spectrum-button-top-to-text-extra-large
969
+ --system-button-static-black-outline-not-secondary-border-color-focus: var(
970
+ --spectrum-transparent-black-500
1908
971
  );
1909
- --system-button-size-xl-bottom-to-text: var(
1910
- --spectrum-button-bottom-to-text-extra-large
972
+ --system-button-static-black-outline-secondary-background-color-hover: var(
973
+ --spectrum-transparent-black-300
1911
974
  );
1912
- --system-button-size-xl-top-to-icon: var(
1913
- --spectrum-component-top-to-workflow-icon-300
975
+ --system-button-static-black-outline-secondary-background-color-down: var(
976
+ --spectrum-transparent-black-400
1914
977
  );
1915
- --system-button-size-xl-intended-icon-size: var(
1916
- --spectrum-workflow-icon-size-300
978
+ --system-button-static-black-outline-secondary-background-color-focus: var(
979
+ --spectrum-transparent-black-300
1917
980
  );
1918
981
  --system-button-group-spacing-horizontal: var(--spectrum-spacing-300);
1919
982
  --system-button-group-spacing-vertical: var(--spectrum-spacing-300);
@@ -2529,197 +1592,8 @@
2529
1592
  --system-combobox-border-color-focus: var(--spectrum-gray-900);
2530
1593
  --system-combobox-border-color-focus-hover: var(--spectrum-gray-800);
2531
1594
  --system-combobox-border-color-key-focus: var(--spectrum-gray-900);
2532
- --system-combobox-inline-size: var(--spectrum-field-width);
2533
- --system-combobox-minimum-width-multiplier: var(
2534
- --spectrum-combo-box-minimum-width-multiplier
2535
- );
2536
- --system-combobox-focus-indicator-thickness: var(
2537
- --spectrum-focus-indicator-thickness
2538
- );
2539
- --system-combobox-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
2540
- --system-combobox-focus-indicator-color: var(
2541
- --spectrum-focus-indicator-color
2542
- );
2543
- --system-combobox-border-radius: var(--spectrum-corner-radius-100);
2544
- --system-combobox-border-width: var(--spectrum-border-width-100);
2545
- --system-combobox-spacing-label-to: var(
2546
- --spectrum-field-label-to-component
2547
- );
2548
- --system-combobox-font-style: var(--spectrum-default-font-style);
2549
- --system-combobox-line-height: var(--spectrum-line-height-100);
2550
- --system-combobox-border-color-invalid-default: var(
2551
- --spectrum-negative-border-color-default
2552
- );
2553
- --system-combobox-border-color-invalid-hover: var(
2554
- --spectrum-negative-border-color-hover
2555
- );
2556
- --system-combobox-border-color-invalid-focus: var(
2557
- --spectrum-negative-border-color-focus
2558
- );
2559
- --system-combobox-border-color-invalid-focus-hover: var(
2560
- --spectrum-negative-border-color-focus-hover
2561
- );
2562
- --system-combobox-border-color-invalid-key-focus: var(
2563
- --spectrum-negative-border-color-key-focus
2564
- );
2565
- --system-combobox-size-s-block-size: var(--spectrum-component-height-75);
2566
- --system-combobox-size-s-icon-size: var(--spectrum-workflow-icon-size-75);
2567
- --system-combobox-size-s-font-size: var(--spectrum-font-size-75);
2568
- --system-combobox-size-s-spacing-inline-icon-to-button: var(
2569
- --spectrum-combo-box-visual-to-field-button-small
2570
- );
2571
- --system-combobox-size-s-block-spacing-edge-to-progress-circle: var(
2572
- --spectrum-field-top-to-progress-circle-small
2573
- );
2574
- --system-combobox-size-s-block-spacing-edge-to-alert: var(
2575
- --spectrum-field-top-to-alert-icon-small
2576
- );
2577
- --system-combobox-size-s-spacing-edge-to-menu: var(
2578
- --spectrum-component-to-menu-small
2579
- );
2580
- --system-combobox-size-s-spacing-block-start-edge-to-text: var(
2581
- --spectrum-component-top-to-text-75
2582
- );
2583
- --system-combobox-size-s-spacing-block-end-edge-to-text: var(
2584
- --spectrum-component-bottom-to-text-75
2585
- );
2586
- --system-combobox-size-s-spacing-inline-start-edge-to-text: var(
2587
- --spectrum-component-edge-to-text-75
2588
- );
2589
- --system-combobox-size-s-spacing-inline-end-edge-to-text: var(
2590
- --spectrum-component-edge-to-text-75
2591
- );
2592
- --system-combobox-block-size: var(--spectrum-component-height-100);
2593
- --system-combobox-size-m-block-size: var(--spectrum-component-height-100);
2594
- --system-combobox-icon-size: var(--spectrum-workflow-icon-size-100);
2595
- --system-combobox-size-m-icon-size: var(--spectrum-workflow-icon-size-100);
2596
- --system-combobox-font-size: var(--spectrum-font-size-100);
2597
- --system-combobox-size-m-font-size: var(--spectrum-font-size-100);
2598
- --system-combobox-spacing-inline-icon-to-button: var(
2599
- --spectrum-combo-box-visual-to-field-button-medium
2600
- );
2601
- --system-combobox-size-m-spacing-inline-icon-to-button: var(
2602
- --spectrum-combo-box-visual-to-field-button-medium
2603
- );
2604
- --system-combobox-block-spacing-edge-to-progress-circle: var(
2605
- --spectrum-field-top-to-progress-circle-medium
2606
- );
2607
- --system-combobox-size-m-block-spacing-edge-to-progress-circle: var(
2608
- --spectrum-field-top-to-progress-circle-medium
2609
- );
2610
- --system-combobox-block-spacing-edge-to-alert: var(
2611
- --spectrum-field-top-to-alert-icon-medium
2612
- );
2613
- --system-combobox-size-m-block-spacing-edge-to-alert: var(
2614
- --spectrum-field-top-to-alert-icon-medium
2615
- );
2616
- --system-combobox-spacing-edge-to-menu: var(
2617
- --spectrum-component-to-menu-medium
2618
- );
2619
- --system-combobox-size-m-spacing-edge-to-menu: var(
2620
- --spectrum-component-to-menu-medium
2621
- );
2622
- --system-combobox-spacing-block-start-edge-to-text: var(
2623
- --spectrum-component-top-to-text-100
2624
- );
2625
- --system-combobox-size-m-spacing-block-start-edge-to-text: var(
2626
- --spectrum-component-top-to-text-100
2627
- );
2628
- --system-combobox-spacing-block-end-edge-to-text: var(
2629
- --spectrum-component-bottom-to-text-100
2630
- );
2631
- --system-combobox-size-m-spacing-block-end-edge-to-text: var(
2632
- --spectrum-component-bottom-to-text-100
2633
- );
2634
- --system-combobox-spacing-inline-start-edge-to-text: var(
2635
- --spectrum-component-edge-to-text-100
2636
- );
2637
- --system-combobox-size-m-spacing-inline-start-edge-to-text: var(
2638
- --spectrum-component-edge-to-text-100
2639
- );
2640
- --system-combobox-spacing-inline-end-edge-to-text: var(
2641
- --spectrum-component-edge-to-text-100
2642
- );
2643
- --system-combobox-size-m-spacing-inline-end-edge-to-text: var(
2644
- --spectrum-component-edge-to-text-100
2645
- );
2646
- --system-combobox-size-l-block-size: var(--spectrum-component-height-200);
2647
- --system-combobox-size-l-icon-size: var(--spectrum-workflow-icon-size-200);
2648
- --system-combobox-size-l-font-size: var(--spectrum-font-size-200);
2649
- --system-combobox-size-l-spacing-inline-icon-to-button: var(
2650
- --spectrum-combo-box-visual-to-field-button-large
2651
- );
2652
- --system-combobox-size-l-block-spacing-edge-to-progress-circle: var(
2653
- --spectrum-field-top-to-progress-circle-large
2654
- );
2655
- --system-combobox-size-l-block-spacing-edge-to-alert: var(
2656
- --spectrum-field-top-to-alert-icon-large
2657
- );
2658
- --system-combobox-size-l-spacing-edge-to-menu: var(
2659
- --spectrum-component-to-menu-large
2660
- );
2661
- --system-combobox-size-l-spacing-block-start-edge-to-text: var(
2662
- --spectrum-component-top-to-text-200
2663
- );
2664
- --system-combobox-size-l-spacing-block-end-edge-to-text: var(
2665
- --spectrum-component-bottom-to-text-200
2666
- );
2667
- --system-combobox-size-l-spacing-inline-start-edge-to-text: var(
2668
- --spectrum-component-edge-to-text-200
2669
- );
2670
- --system-combobox-size-l-spacing-inline-end-edge-to-text: var(
2671
- --spectrum-component-edge-to-text-200
2672
- );
2673
- --system-combobox-size-xl-block-size: var(--spectrum-component-height-300);
2674
- --system-combobox-size-xl-icon-size: var(--spectrum-workflow-icon-size-300);
2675
- --system-combobox-size-xl-font-size: var(--spectrum-font-size-300);
2676
- --system-combobox-size-xl-spacing-inline-icon-to-button: var(
2677
- --spectrum-combo-box-visual-to-field-button-extra-large
2678
- );
2679
- --system-combobox-size-xl-block-spacing-edge-to-progress-circle: var(
2680
- --spectrum-field-top-to-progress-circle-extra-large
2681
- );
2682
- --system-combobox-size-xl-block-spacing-edge-to-alert: var(
2683
- --spectrum-field-top-to-alert-icon-extra-large
2684
- );
2685
- --system-combobox-size-xl-spacing-edge-to-menu: var(
2686
- --spectrum-component-to-menu-extra-large
2687
- );
2688
- --system-combobox-size-xl-spacing-block-start-edge-to-text: var(
2689
- --spectrum-component-top-to-text-300
2690
- );
2691
- --system-combobox-size-xl-spacing-block-end-edge-to-text: var(
2692
- --spectrum-component-bottom-to-text-300
2693
- );
2694
- --system-combobox-size-xl-spacing-inline-start-edge-to-text: var(
2695
- --spectrum-component-edge-to-text-300
2696
- );
2697
- --system-combobox-size-xl-spacing-inline-end-edge-to-text: var(
2698
- --spectrum-component-edge-to-text-300
2699
- );
2700
- --system-combobox-quiet-minimum-width-multiplier: var(
2701
- --spectrum-combo-box-quiet-minimum-width-multiplier
2702
- );
2703
- --system-combobox-quiet-spacing-inline-icon-to-button: var(
2704
- --spectrum-combo-box-visual-to-field-button-quiet
2705
- );
2706
- --system-combobox-quiet-spacing-inline-start-edge-to-text: var(
2707
- --spectrum-field-edge-to-text-quiet
2708
- );
2709
- --system-combobox-quiet-size-s-spacing-label-to: var(
2710
- --spectrum-field-label-to-component-quiet-small
2711
- );
2712
- --system-combobox-quiet-spacing-label-to: var(
2713
- --spectrum-field-label-to-component-quiet-medium
2714
- );
2715
- --system-combobox-quiet-size-m-spacing-label-to: var(
2716
- --spectrum-field-label-to-component-quiet-medium
2717
- );
2718
- --system-combobox-quiet-size-l-spacing-label-to: var(
2719
- --spectrum-field-label-to-component-quiet-large
2720
- );
2721
- --system-combobox-quiet-size-xl-spacing-label-to: var(
2722
- --spectrum-field-label-to-component-quiet-extra-large
1595
+ --system-combobox-background-color-disabled: var(
1596
+ --spectrum-disabled-background-color
2723
1597
  );
2724
1598
  --system-contextual-help-padding: var(--spectrum-spacing-400);
2725
1599
  --system-contextual-help-content-spacing: var(--spectrum-spacing-100);
@@ -3095,242 +1969,6 @@
3095
1969
  --system-illustrated-message-lang-ko-title-font-size: var(
3096
1970
  --spectrum-illustrated-message-cjk-title-size
3097
1971
  );
3098
- --system-icon-size-xxs: var(--spectrum-workflow-icon-size-xxs);
3099
- --system-icon-size-xs: var(--spectrum-workflow-icon-size-50);
3100
- --system-icon-size-s: var(--spectrum-workflow-icon-size-75);
3101
- --system-icon-size-m: var(--spectrum-workflow-icon-size-100);
3102
- --system-icon-size-l: var(--spectrum-workflow-icon-size-200);
3103
- --system-icon-size-xl: var(--spectrum-workflow-icon-size-300);
3104
- --system-icon-size-xxl: var(--spectrum-workflow-icon-size-xxl);
3105
- --system-ui-icon-chevron-right-50-icon-size: var(
3106
- --spectrum-chevron-icon-size-50
3107
- );
3108
- --system-ui-icon-chevron-down-50-icon-size: var(
3109
- --spectrum-chevron-icon-size-50
3110
- );
3111
- --system-ui-icon-chevron-right-75-icon-size: var(
3112
- --spectrum-chevron-icon-size-75
3113
- );
3114
- --system-ui-icon-chevron-down-75-icon-size: var(
3115
- --spectrum-chevron-icon-size-75
3116
- );
3117
- --system-ui-icon-chevron-right-100-icon-size: var(
3118
- --spectrum-chevron-icon-size-100
3119
- );
3120
- --system-ui-icon-chevron-down-100-icon-size: var(
3121
- --spectrum-chevron-icon-size-100
3122
- );
3123
- --system-ui-icon-chevron-right-200-icon-size: var(
3124
- --spectrum-chevron-icon-size-200
3125
- );
3126
- --system-ui-icon-chevron-down-200-icon-size: var(
3127
- --spectrum-chevron-icon-size-200
3128
- );
3129
- --system-ui-icon-chevron-right-300-icon-size: var(
3130
- --spectrum-chevron-icon-size-300
3131
- );
3132
- --system-ui-icon-chevron-down-300-icon-size: var(
3133
- --spectrum-chevron-icon-size-300
3134
- );
3135
- --system-ui-icon-chevron-right-400-icon-size: var(
3136
- --spectrum-chevron-icon-size-400
3137
- );
3138
- --system-ui-icon-chevron-down-400-icon-size: var(
3139
- --spectrum-chevron-icon-size-400
3140
- );
3141
- --system-ui-icon-chevron-right-500-icon-size: var(
3142
- --spectrum-chevron-icon-size-500
3143
- );
3144
- --system-ui-icon-chevron-down-500-icon-size: var(
3145
- --spectrum-chevron-icon-size-500
3146
- );
3147
- --system-ui-icon-chevron-left-50-icon-size: var(
3148
- --spectrum-chevron-icon-size-50
3149
- );
3150
- --system-ui-icon-chevron-left-75-icon-size: var(
3151
- --spectrum-chevron-icon-size-75
3152
- );
3153
- --system-ui-icon-chevron-left-100-icon-size: var(
3154
- --spectrum-chevron-icon-size-100
3155
- );
3156
- --system-ui-icon-chevron-left-200-icon-size: var(
3157
- --spectrum-chevron-icon-size-200
3158
- );
3159
- --system-ui-icon-chevron-left-300-icon-size: var(
3160
- --spectrum-chevron-icon-size-300
3161
- );
3162
- --system-ui-icon-chevron-left-400-icon-size: var(
3163
- --spectrum-chevron-icon-size-400
3164
- );
3165
- --system-ui-icon-chevron-left-500-icon-size: var(
3166
- --spectrum-chevron-icon-size-500
3167
- );
3168
- --system-ui-icon-chevron-up-50-icon-size: var(
3169
- --spectrum-chevron-icon-size-50
3170
- );
3171
- --system-ui-icon-chevron-up-75-icon-size: var(
3172
- --spectrum-chevron-icon-size-75
3173
- );
3174
- --system-ui-icon-chevron-up-100-icon-size: var(
3175
- --spectrum-chevron-icon-size-100
3176
- );
3177
- --system-ui-icon-chevron-up-200-icon-size: var(
3178
- --spectrum-chevron-icon-size-200
3179
- );
3180
- --system-ui-icon-chevron-up-300-icon-size: var(
3181
- --spectrum-chevron-icon-size-300
3182
- );
3183
- --system-ui-icon-chevron-up-400-icon-size: var(
3184
- --spectrum-chevron-icon-size-400
3185
- );
3186
- --system-ui-icon-chevron-up-500-icon-size: var(
3187
- --spectrum-chevron-icon-size-500
3188
- );
3189
- --system-ui-icon-arrow-right-75-icon-size: var(
3190
- --spectrum-arrow-icon-size-75
3191
- );
3192
- --system-ui-icon-arrow-right-100-icon-size: var(
3193
- --spectrum-arrow-icon-size-100
3194
- );
3195
- --system-ui-icon-arrow-right-200-icon-size: var(
3196
- --spectrum-arrow-icon-size-200
3197
- );
3198
- --system-ui-icon-arrow-right-300-icon-size: var(
3199
- --spectrum-arrow-icon-size-300
3200
- );
3201
- --system-ui-icon-arrow-right-400-icon-size: var(
3202
- --spectrum-arrow-icon-size-400
3203
- );
3204
- --system-ui-icon-arrow-right-500-icon-size: var(
3205
- --spectrum-arrow-icon-size-500
3206
- );
3207
- --system-ui-icon-arrow-right-600-icon-size: var(
3208
- --spectrum-arrow-icon-size-600
3209
- );
3210
- --system-ui-icon-arrow-down-75-icon-size: var(
3211
- --spectrum-arrow-icon-size-75
3212
- );
3213
- --system-ui-icon-arrow-down-100-icon-size: var(
3214
- --spectrum-arrow-icon-size-100
3215
- );
3216
- --system-ui-icon-arrow-down-200-icon-size: var(
3217
- --spectrum-arrow-icon-size-200
3218
- );
3219
- --system-ui-icon-arrow-down-300-icon-size: var(
3220
- --spectrum-arrow-icon-size-300
3221
- );
3222
- --system-ui-icon-arrow-down-400-icon-size: var(
3223
- --spectrum-arrow-icon-size-400
3224
- );
3225
- --system-ui-icon-arrow-down-500-icon-size: var(
3226
- --spectrum-arrow-icon-size-500
3227
- );
3228
- --system-ui-icon-arrow-down-600-icon-size: var(
3229
- --spectrum-arrow-icon-size-600
3230
- );
3231
- --system-ui-icon-arrow-left-75-icon-size: var(
3232
- --spectrum-arrow-icon-size-75
3233
- );
3234
- --system-ui-icon-arrow-left-100-icon-size: var(
3235
- --spectrum-arrow-icon-size-100
3236
- );
3237
- --system-ui-icon-arrow-left-200-icon-size: var(
3238
- --spectrum-arrow-icon-size-200
3239
- );
3240
- --system-ui-icon-arrow-left-300-icon-size: var(
3241
- --spectrum-arrow-icon-size-300
3242
- );
3243
- --system-ui-icon-arrow-left-400-icon-size: var(
3244
- --spectrum-arrow-icon-size-400
3245
- );
3246
- --system-ui-icon-arrow-left-500-icon-size: var(
3247
- --spectrum-arrow-icon-size-500
3248
- );
3249
- --system-ui-icon-arrow-left-600-icon-size: var(
3250
- --spectrum-arrow-icon-size-600
3251
- );
3252
- --system-ui-icon-arrow-up-75-icon-size: var(--spectrum-arrow-icon-size-75);
3253
- --system-ui-icon-arrow-up-100-icon-size: var(
3254
- --spectrum-arrow-icon-size-100
3255
- );
3256
- --system-ui-icon-arrow-up-200-icon-size: var(
3257
- --spectrum-arrow-icon-size-200
3258
- );
3259
- --system-ui-icon-arrow-up-300-icon-size: var(
3260
- --spectrum-arrow-icon-size-300
3261
- );
3262
- --system-ui-icon-arrow-up-400-icon-size: var(
3263
- --spectrum-arrow-icon-size-400
3264
- );
3265
- --system-ui-icon-arrow-up-500-icon-size: var(
3266
- --spectrum-arrow-icon-size-500
3267
- );
3268
- --system-ui-icon-arrow-up-600-icon-size: var(
3269
- --spectrum-arrow-icon-size-600
3270
- );
3271
- --system-ui-icon-checkmark-50-icon-size: var(
3272
- --spectrum-checkmark-icon-size-50
3273
- );
3274
- --system-ui-icon-checkmark-75-icon-size: var(
3275
- --spectrum-checkmark-icon-size-75
3276
- );
3277
- --system-ui-icon-checkmark-100-icon-size: var(
3278
- --spectrum-checkmark-icon-size-100
3279
- );
3280
- --system-ui-icon-checkmark-200-icon-size: var(
3281
- --spectrum-checkmark-icon-size-200
3282
- );
3283
- --system-ui-icon-checkmark-300-icon-size: var(
3284
- --spectrum-checkmark-icon-size-300
3285
- );
3286
- --system-ui-icon-checkmark-400-icon-size: var(
3287
- --spectrum-checkmark-icon-size-400
3288
- );
3289
- --system-ui-icon-checkmark-500-icon-size: var(
3290
- --spectrum-checkmark-icon-size-500
3291
- );
3292
- --system-ui-icon-checkmark-600-icon-size: var(
3293
- --spectrum-checkmark-icon-size-600
3294
- );
3295
- --system-ui-icon-dash-50-icon-size: var(--spectrum-dash-icon-size-50);
3296
- --system-ui-icon-dash-75-icon-size: var(--spectrum-dash-icon-size-75);
3297
- --system-ui-icon-dash-100-icon-size: var(--spectrum-dash-icon-size-100);
3298
- --system-ui-icon-dash-200-icon-size: var(--spectrum-dash-icon-size-200);
3299
- --system-ui-icon-dash-300-icon-size: var(--spectrum-dash-icon-size-300);
3300
- --system-ui-icon-dash-400-icon-size: var(--spectrum-dash-icon-size-400);
3301
- --system-ui-icon-dash-500-icon-size: var(--spectrum-dash-icon-size-500);
3302
- --system-ui-icon-dash-600-icon-size: var(--spectrum-dash-icon-size-600);
3303
- --system-ui-icon-cross-75-icon-size: var(--spectrum-cross-icon-size-75);
3304
- --system-ui-icon-cross-100-icon-size: var(--spectrum-cross-icon-size-100);
3305
- --system-ui-icon-cross-200-icon-size: var(--spectrum-cross-icon-size-200);
3306
- --system-ui-icon-cross-300-icon-size: var(--spectrum-cross-icon-size-300);
3307
- --system-ui-icon-cross-400-icon-size: var(--spectrum-cross-icon-size-400);
3308
- --system-ui-icon-cross-500-icon-size: var(--spectrum-cross-icon-size-500);
3309
- --system-ui-icon-cross-600-icon-size: var(--spectrum-cross-icon-size-600);
3310
- --system-ui-icon-corner-triangle-75-icon-size: var(
3311
- --spectrum-corner-triangle-icon-size-75
3312
- );
3313
- --system-ui-icon-corner-triangle-100-icon-size: var(
3314
- --spectrum-corner-triangle-icon-size-100
3315
- );
3316
- --system-ui-icon-corner-triangle-200-icon-size: var(
3317
- --spectrum-corner-triangle-icon-size-200
3318
- );
3319
- --system-ui-icon-corner-triangle-300-icon-size: var(
3320
- --spectrum-corner-triangle-icon-size-300
3321
- );
3322
- --system-ui-icon-asterisk-75-icon-size: var(
3323
- --spectrum-asterisk-icon-size-75
3324
- );
3325
- --system-ui-icon-asterisk-100-icon-size: var(
3326
- --spectrum-asterisk-icon-size-100
3327
- );
3328
- --system-ui-icon-asterisk-200-icon-size: var(
3329
- --spectrum-asterisk-icon-size-200
3330
- );
3331
- --system-ui-icon-asterisk-300-icon-size: var(
3332
- --spectrum-asterisk-icon-size-300
3333
- );
3334
1972
  --system-infield-button-border-width: 0;
3335
1973
  --system-infield-button-border-color: transparent;
3336
1974
  --system-infield-button-border-radius: var(--spectrum-corner-radius-75);
@@ -3684,27 +2322,6 @@
3684
2322
  --spectrum-field-edge-to-disclosure-icon-300
3685
2323
  );
3686
2324
  --system-popover-border-width: 0;
3687
- --system-popover-animation-distance: var(--spectrum-spacing-100);
3688
- --system-popover-background-color: var(--spectrum-background-layer-2-color);
3689
- --system-popover-border-color: var(--spectrum-gray-400);
3690
- --system-popover-content-area-spacing-vertical: var(
3691
- --spectrum-popover-top-to-content-area
3692
- );
3693
- --system-popover-shadow-horizontal: var(--spectrum-drop-shadow-x);
3694
- --system-popover-shadow-vertical: var(--spectrum-drop-shadow-y);
3695
- --system-popover-shadow-blur: var(--spectrum-drop-shadow-blur);
3696
- --system-popover-shadow-color: var(--spectrum-drop-shadow-color);
3697
- --system-popover-corner-radius: var(--spectrum-corner-radius-100);
3698
- --system-popover-pointer-width: var(--spectrum-popover-tip-width);
3699
- --system-popover-pointer-height: var(--spectrum-popover-tip-height);
3700
- --system-popover-pointer-edge-offset: calc(
3701
- var(--spectrum-corner-radius-100) + var(--spectrum-popover-tip-width) /
3702
- 2
3703
- );
3704
- --system-popover-pointer-edge-spacing: calc(
3705
- var(--system-popover-pointer-edge-offset) -
3706
- var(--spectrum-popover-tip-width) / 2
3707
- );
3708
2325
  --system-progress-bar-animation-ease-in-out-indeterminate: var(
3709
2326
  --spectrum-animation-ease-in-out
3710
2327
  );
@@ -3781,38 +2398,12 @@
3781
2398
  --spectrum-component-top-to-text-300
3782
2399
  );
3783
2400
  --system-progress-circle-track-border-color: var(--spectrum-gray-300);
3784
- --system-progress-circle-fill-border-color: var(
3785
- --spectrum-accent-content-color-default
3786
- );
3787
2401
  --system-progress-circle-track-border-color-over-background: var(
3788
2402
  --spectrum-transparent-white-300
3789
2403
  );
3790
2404
  --system-progress-circle-fill-border-color-over-background: var(
3791
2405
  --spectrum-transparent-white-900
3792
2406
  );
3793
- --system-progress-circle-size: var(--spectrum-progress-circle-size-medium);
3794
- --system-progress-circle-thickness: var(
3795
- --spectrum-progress-circle-thickness-medium
3796
- );
3797
- --system-progress-circle-track-border-style: solid;
3798
- --system-progress-circle-small-size: var(
3799
- --spectrum-progress-circle-size-small
3800
- );
3801
- --system-progress-circle-small-thickness: var(
3802
- --spectrum-progress-circle-thickness-small
3803
- );
3804
- --system-progress-circle-medium-size: var(
3805
- --spectrum-progress-circle-size-medium
3806
- );
3807
- --system-progress-circle-medium-thickness: var(
3808
- --spectrum-progress-circle-thickness-medium
3809
- );
3810
- --system-progress-circle-large-size: var(
3811
- --spectrum-progress-circle-size-large
3812
- );
3813
- --system-progress-circle-large-thickness: var(
3814
- --spectrum-progress-circle-thickness-large
3815
- );
3816
2407
  --system-radio-button-border-color-default: var(--spectrum-gray-800);
3817
2408
  --system-radio-button-border-color-hover: var(--spectrum-gray-900);
3818
2409
  --system-radio-button-border-color-down: var(--spectrum-gray-900);