@spectrum-web-components/styles 1.6.0-beta.0 → 1.6.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 (4) hide show
  1. package/package.json +2 -2
  2. package/tokens/express/system-theme-bridge.css +20 -1076
  3. package/tokens/spectrum/system-theme-bridge.css +22 -1080
  4. package/tokens-v2/system-theme-bridge.css +24 -1086
package/tokens/express/system-theme-bridge.css CHANGED
@@ -505,34 +505,6 @@
505
505
  --system-close-button-background-color-hover: var(--spectrum-gray-300);
506
506
  --system-close-button-background-color-down: var(--spectrum-gray-400);
507
507
  --system-close-button-background-color-focus: var(--spectrum-gray-300);
508
- --system-close-button-icon-color-default: var(
509
- --spectrum-neutral-content-color-default
510
- );
511
- --system-close-button-icon-color-hover: var(
512
- --spectrum-neutral-content-color-hover
513
- );
514
- --system-close-button-icon-color-down: var(
515
- --spectrum-neutral-content-color-down
516
- );
517
- --system-close-button-icon-color-focus: var(
518
- --spectrum-neutral-content-color-key-focus
519
- );
520
- --system-close-button-icon-color-disabled: var(
521
- --spectrum-disabled-content-color
522
- );
523
- --system-close-button-focus-indicator-thickness: var(
524
- --spectrum-focus-indicator-thickness
525
- );
526
- --system-close-button-focus-indicator-gap: var(
527
- --spectrum-focus-indicator-gap
528
- );
529
- --system-close-button-focus-indicator-color: var(
530
- --spectrum-focus-indicator-color
531
- );
532
- --system-close-button-animation-duration: var(
533
- --spectrum-animation-duration-100
534
- );
535
- --system-close-button-static-white-static-background-color-default: transparent;
536
508
  --system-close-button-static-white-static-background-color-hover: var(
537
509
  --spectrum-transparent-white-300
538
510
  );
@@ -542,16 +514,6 @@
542
514
  --system-close-button-static-white-static-background-color-focus: var(
543
515
  --spectrum-transparent-white-300
544
516
  );
545
- --system-close-button-static-white-icon-color-default: var(
546
- --spectrum-white
547
- );
548
- --system-close-button-static-white-icon-color-disabled: var(
549
- --spectrum-disabled-static-white-content-color
550
- );
551
- --system-close-button-static-white-focus-indicator-color: var(
552
- --spectrum-static-white-focus-indicator-color
553
- );
554
- --system-close-button-static-black-static-background-color-default: transparent;
555
517
  --system-close-button-static-black-static-background-color-hover: var(
556
518
  --spectrum-transparent-black-300
557
519
  );
@@ -561,20 +523,6 @@
561
523
  --system-close-button-static-black-static-background-color-focus: var(
562
524
  --spectrum-transparent-black-300
563
525
  );
564
- --system-close-button-static-black-icon-color-default: var(
565
- --spectrum-black
566
- );
567
- --system-close-button-static-black-icon-color-disabled: var(
568
- --spectrum-disabled-static-black-content-color
569
- );
570
- --system-close-button-static-black-focus-indicator-color: var(
571
- --spectrum-static-black-focus-indicator-color
572
- );
573
- --system-close-button-size-s-size: var(--spectrum-component-height-75);
574
- --system-close-button-size: var(--spectrum-component-height-100);
575
- --system-close-button-size-m-size: var(--spectrum-component-height-100);
576
- --system-close-button-size-l-size: var(--spectrum-component-height-200);
577
- --system-close-button-size-xl-size: var(--spectrum-component-height-300);
578
526
  --system-coach-indicator-ring-border-size: var(--spectrum-border-width-200);
579
527
  --system-coach-indicator-min-inline-size: calc(
580
528
  var(--spectrum-coach-indicator-ring-diameter) * 3
@@ -739,69 +687,7 @@
739
687
  --system-divider-background-color-static-black: var(
740
688
  --spectrum-transparent-black-300
741
689
  );
742
- --system-drop-zone-padding: var(--spectrum-spacing-400);
743
- --system-drop-zone-illustration-to-heading: var(--spectrum-spacing-400);
744
- --system-drop-zone-heading-to-body: var(--spectrum-spacing-75);
745
- --system-drop-zone-border-width: var(--spectrum-border-width-200);
746
- --system-drop-zone-corner-radius: var(--spectrum-corner-radius-100);
747
690
  --system-drop-zone-border-color: var(--spectrum-gray-300);
748
- --system-drop-zone-heading-font-family: var(
749
- --spectrum-sans-font-family-stack
750
- );
751
- --system-drop-zone-heading-font-weight: var(
752
- --spectrum-heading-sans-serif-font-weight
753
- );
754
- --system-drop-zone-heading-font-style: var(
755
- --spectrum-heading-sans-serif-font-style
756
- );
757
- --system-drop-zone-heading-font-size: var(--spectrum-drop-zone-title-size);
758
- --system-drop-zone-heading-line-height: var(--spectrum-heading-line-height);
759
- --system-drop-zone-heading-color: var(--spectrum-heading-color);
760
- --system-drop-zone-body-font-family: var(--spectrum-sans-font-family-stack);
761
- --system-drop-zone-body-font-weight: var(
762
- --spectrum-body-sans-serif-font-weight
763
- );
764
- --system-drop-zone-body-font-style: var(
765
- --spectrum-body-sans-serif-font-style
766
- );
767
- --system-drop-zone-body-font-size: var(--spectrum-drop-zone-body-size);
768
- --system-drop-zone-body-line-height: var(--spectrum-body-line-height);
769
- --system-drop-zone-body-color: var(--spectrum-body-color);
770
- --system-drop-zone-background-color: var(
771
- --spectrum-drop-zone-background-color-rgb
772
- );
773
- --system-drop-zone-border-color-hover: var(--spectrum-accent-visual-color);
774
- --system-drop-zone-illustration-color: var(--spectrum-neutral-visual-color);
775
- --system-drop-zone-illustration-color-hover: var(
776
- --spectrum-accent-visual-color
777
- );
778
- --system-drop-zone-content-height: var(--spectrum-component-height-300);
779
- --system-drop-zone-content-max-width: var(
780
- --spectrum-drop-zone-content-maximum-width
781
- );
782
- --system-drop-zone-content-edge-to-text: var(
783
- --spectrum-component-edge-to-text-300
784
- );
785
- --system-drop-zone-content-top-to-text: var(
786
- --spectrum-component-top-to-text-300
787
- );
788
- --system-drop-zone-content-bottom-to-text: var(
789
- --spectrum-component-bottom-to-text-300
790
- );
791
- --system-drop-zone-content-font-family: var(
792
- --spectrum-sans-font-family-stack
793
- );
794
- --system-drop-zone-content-font-weight: var(--spectrum-bold-font-weight);
795
- --system-drop-zone-content-font-style: var(--spectrum-default-font-style);
796
- --system-drop-zone-content-font-size: var(--spectrum-font-size-300);
797
- --system-drop-zone-content-line-height: var(--spectrum-line-height-100);
798
- --system-drop-zone-content-background-color: var(
799
- --spectrum-accent-visual-color
800
- );
801
- --system-drop-zone-content-color: var(--spectrum-white);
802
- --system-drop-zone-heading-font-size-cjk: var(
803
- --spectrum-drop-zone-cjk-title-size
804
- );
805
691
  --system-field-group-margin: var(--spectrum-spacing-300);
806
692
  --system-field-group-readonly-delimiter: ',';
807
693
  --system-infield-button-border-width: 0;
@@ -822,134 +708,7 @@
822
708
  --system-infield-button-background-color-key-focus: var(
823
709
  --spectrum-gray-300
824
710
  );
825
- --system-infield-button-height: var(--spectrum-component-height-100);
826
- --system-infield-button-width: var(--spectrum-component-height-100);
827
- --system-infield-button-stacked-border-radius-reset: var(
828
- --spectrum-in-field-button-fill-stacked-inner-border-rounding
829
- );
830
- --system-infield-button-edge-to-fill: var(
831
- --spectrum-in-field-button-edge-to-fill
832
- );
833
- --system-infield-button-inner-edge-to-fill: var(
834
- --spectrum-in-field-button-stacked-inner-edge-to-fill
835
- );
836
- --system-infield-button-fill-padding: 0px;
837
- --system-infield-button-stacked-fill-padding-inline: var(
838
- --spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium
839
- );
840
- --system-infield-button-stacked-fill-padding-outer: var(
841
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium
842
- );
843
- --system-infield-button-stacked-fill-padding-inner: var(
844
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium
845
- );
846
- --system-infield-button-animation-duration: var(
847
- --spectrum-animation-duration-100
848
- );
849
- --system-infield-button-icon-color: var(
850
- --spectrum-neutral-content-color-default
851
- );
852
- --system-infield-button-icon-color-hover: var(
853
- --spectrum-neutral-content-color-hover
854
- );
855
- --system-infield-button-icon-color-down: var(
856
- --spectrum-neutral-content-color-down
857
- );
858
- --system-infield-button-icon-color-key-focus: var(
859
- --spectrum-neutral-content-color-key-focus
860
- );
861
- --system-infield-button-fill-justify-content: center;
862
- --system-infield-button-disabled-background-color: var(
863
- --spectrum-disabled-background-color
864
- );
865
- --system-infield-button-disabled-background-color-hover: var(
866
- --spectrum-disabled-background-color
867
- );
868
- --system-infield-button-disabled-background-color-down: var(
869
- --spectrum-disabled-background-color
870
- );
871
- --system-infield-button-disabled-border-color: var(
872
- --spectrum-disabled-background-color
873
- );
874
- --system-infield-button-disabled-icon-color: var(
875
- --spectrum-disabled-content-color
876
- );
877
- --system-infield-button-disabled-icon-color-hover: var(
878
- --spectrum-disabled-content-color
879
- );
880
- --system-infield-button-disabled-icon-color-down: var(
881
- --spectrum-disabled-content-color
882
- );
883
- --system-infield-button-disabled-icon-color-key-focus: var(
884
- --spectrum-disabled-content-color
885
- );
886
- --system-infield-button-size-s-height: var(--spectrum-component-height-75);
887
- --system-infield-button-size-s-width: var(--spectrum-component-height-75);
888
- --system-infield-button-size-s-stacked-fill-padding-inline: var(
889
- --spectrum-in-field-button-edge-to-disclosure-icon-stacked-small
890
- );
891
- --system-infield-button-size-s-stacked-fill-padding-outer: var(
892
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small
893
- );
894
- --system-infield-button-size-s-stacked-fill-padding-inner: var(
895
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small
896
- );
897
- --system-infield-button-size-l-height: var(--spectrum-component-height-200);
898
- --system-infield-button-size-l-width: var(--spectrum-component-height-200);
899
- --system-infield-button-size-l-stacked-fill-padding-inline: var(
900
- --spectrum-in-field-button-edge-to-disclosure-icon-stacked-large
901
- );
902
- --system-infield-button-size-l-stacked-fill-padding-outer: var(
903
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large
904
- );
905
- --system-infield-button-size-l-stacked-fill-padding-inner: var(
906
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large
907
- );
908
- --system-infield-button-size-xl-height: var(
909
- --spectrum-component-height-300
910
- );
911
- --system-infield-button-size-xl-width: var(--spectrum-component-height-300);
912
- --system-infield-button-size-xl-stacked-fill-padding-inline: var(
913
- --spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large
914
- );
915
- --system-infield-button-size-xl-stacked-fill-padding-outer: var(
916
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large
917
- );
918
- --system-infield-button-size-xl-stacked-fill-padding-inner: var(
919
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large
920
- );
921
- --system-infield-button-top-width: var(
922
- --spectrum-in-field-button-width-stacked-medium
923
- );
924
- --system-infield-button-bottom-width: var(
925
- --spectrum-in-field-button-width-stacked-medium
926
- );
927
- --system-infield-button-top-size-s-width: var(
928
- --spectrum-in-field-button-width-stacked-small
929
- );
930
- --system-infield-button-bottom-size-s-width: var(
931
- --spectrum-in-field-button-width-stacked-small
932
- );
933
- --system-infield-button-top-size-l-width: var(
934
- --spectrum-in-field-button-width-stacked-large
935
- );
936
- --system-infield-button-bottom-size-l-width: var(
937
- --spectrum-in-field-button-width-stacked-large
938
- );
939
- --system-infield-button-top-size-xl-width: var(
940
- --spectrum-in-field-button-width-stacked-extra-large
941
- );
942
- --system-infield-button-bottom-size-xl-width: var(
943
- --spectrum-in-field-button-width-stacked-extra-large
944
- );
945
- --system-infield-button-quiet-background-color: transparent;
946
- --system-infield-button-quiet-background-color-hover: transparent;
947
- --system-infield-button-quiet-background-color-down: transparent;
948
- --system-infield-button-quiet-background-color-key-focus: transparent;
949
- --system-infield-button-quiet-infield-border-color: transparent;
950
- --system-infield-button-quiet-border-width: 0;
951
- --system-infield-button-quiet-disabled-background-color: transparent;
952
- --system-infield-button-quiet-disabled-border-color: transparent;
711
+ --system-infield-button-disabled-border-color: var(--spectrum-gray-200);
953
712
  --system-menu-item-background-color-hover: rgba(
954
713
  var(--spectrum-gray-900-rgb),
955
714
  var(--spectrum-transparent-black-200-opacity)
@@ -1247,6 +1006,12 @@
1247
1006
  --system-search-border-color-focus-hover: var(--spectrum-gray-900);
1248
1007
  --system-search-border-color-key-focus: var(--spectrum-gray-900);
1249
1008
  --system-search-background-color: var(--spectrum-gray-50);
1009
+ --system-search-background-color-disabled: var(
1010
+ --spectrum-disabled-background-color
1011
+ );
1012
+ --system-search-border-color-disabled: var(
1013
+ --spectrum-disabled-background-color
1014
+ );
1250
1015
  --system-search-border-radius: calc(
1251
1016
  var(--spectrum-component-height-100) / 2
1252
1017
  );
@@ -1277,6 +1042,10 @@
1277
1042
  --system-search-size-xl-edge-to-visual: var(
1278
1043
  --spectrum-component-pill-edge-to-visual-300
1279
1044
  );
1045
+ --system-search-quiet-background-color-disabled: transparent;
1046
+ --system-search-quiet-border-color-disabled: var(
1047
+ --spectrum-disabled-border-color
1048
+ );
1280
1049
  --system-side-nav-background-hover: var(--spectrum-gray-200);
1281
1050
  --system-side-nav-item-background-down: var(--spectrum-gray-300);
1282
1051
  --system-side-nav-background-key-focus: var(--spectrum-gray-200);
@@ -1320,162 +1089,6 @@
1320
1089
  --system-split-view-background-color: var(--spectrum-gray-100);
1321
1090
  --system-split-view-handle-background-color: var(--spectrum-gray-300);
1322
1091
  --system-split-view-gripper-border-radius: var(--spectrum-corner-radius-75);
1323
- --system-status-light-corner-radius: 50%;
1324
- --system-status-light-font-weight: 400;
1325
- --system-status-light-border-width: var(--spectrum-border-width-100);
1326
- --system-status-light-height: var(--spectrum-component-height-100);
1327
- --system-status-light-dot-size: var(
1328
- --spectrum-status-light-dot-size-medium
1329
- );
1330
- --system-status-light-line-height: var(--spectrum-line-height-100);
1331
- --system-status-light-line-height-cjk: var(--spectrum-cjk-line-height-100);
1332
- --system-status-light-font-size: var(--spectrum-font-size-100);
1333
- --system-status-light-spacing-dot-to-label: var(
1334
- --spectrum-text-to-visual-100
1335
- );
1336
- --system-status-light-spacing-top-to-dot: var(
1337
- --spectrum-status-light-top-to-dot-medium
1338
- );
1339
- --system-status-light-spacing-top-to-label: var(
1340
- --spectrum-component-top-to-text-100
1341
- );
1342
- --system-status-light-spacing-bottom-to-label: var(
1343
- --spectrum-component-bottom-to-text-100
1344
- );
1345
- --system-status-light-content-color-default: var(
1346
- --spectrum-neutral-content-color-default
1347
- );
1348
- --system-status-light-subdued-content-color-default: var(
1349
- --spectrum-neutral-subdued-content-color-default
1350
- );
1351
- --system-status-light-semantic-neutral-color: var(
1352
- --spectrum-neutral-visual-color
1353
- );
1354
- --system-status-light-semantic-accent-color: var(
1355
- --spectrum-accent-visual-color
1356
- );
1357
- --system-status-light-semantic-negative-color: var(
1358
- --spectrum-negative-visual-color
1359
- );
1360
- --system-status-light-semantic-info-color: var(
1361
- --spectrum-informative-visual-color
1362
- );
1363
- --system-status-light-semantic-notice-color: var(
1364
- --spectrum-notice-visual-color
1365
- );
1366
- --system-status-light-semantic-positive-color: var(
1367
- --spectrum-positive-visual-color
1368
- );
1369
- --system-status-light-nonsemantic-gray-color: var(
1370
- --spectrum-gray-visual-color
1371
- );
1372
- --system-status-light-nonsemantic-red-color: var(
1373
- --spectrum-red-visual-color
1374
- );
1375
- --system-status-light-nonsemantic-orange-color: var(
1376
- --spectrum-orange-visual-color
1377
- );
1378
- --system-status-light-nonsemantic-yellow-color: var(
1379
- --spectrum-yellow-visual-color
1380
- );
1381
- --system-status-light-nonsemantic-chartreuse-color: var(
1382
- --spectrum-chartreuse-visual-color
1383
- );
1384
- --system-status-light-nonsemantic-celery-color: var(
1385
- --spectrum-celery-visual-color
1386
- );
1387
- --system-status-light-nonsemantic-green-color: var(
1388
- --spectrum-green-visual-color
1389
- );
1390
- --system-status-light-nonsemantic-seafoam-color: var(
1391
- --spectrum-seafoam-visual-color
1392
- );
1393
- --system-status-light-nonsemantic-cyan-color: var(
1394
- --spectrum-cyan-visual-color
1395
- );
1396
- --system-status-light-nonsemantic-blue-color: var(
1397
- --spectrum-blue-visual-color
1398
- );
1399
- --system-status-light-nonsemantic-indigo-color: var(
1400
- --spectrum-indigo-visual-color
1401
- );
1402
- --system-status-light-nonsemantic-purple-color: var(
1403
- --spectrum-purple-visual-color
1404
- );
1405
- --system-status-light-nonsemantic-fuchsia-color: var(
1406
- --spectrum-fuchsia-visual-color
1407
- );
1408
- --system-status-light-nonsemantic-magenta-color: var(
1409
- --spectrum-magenta-visual-color
1410
- );
1411
- --system-status-light-size-s-height: var(--spectrum-component-height-75);
1412
- --system-status-light-size-s-dot-size: var(
1413
- --spectrum-status-light-dot-size-small
1414
- );
1415
- --system-status-light-size-s-font-size: var(--spectrum-font-size-75);
1416
- --system-status-light-size-s-spacing-dot-to-label: var(
1417
- --spectrum-text-to-visual-75
1418
- );
1419
- --system-status-light-size-s-spacing-top-to-dot: var(
1420
- --spectrum-status-light-top-to-dot-small
1421
- );
1422
- --system-status-light-size-s-spacing-top-to-label: var(
1423
- --spectrum-component-top-to-text-75
1424
- );
1425
- --system-status-light-size-s-spacing-bottom-to-label: var(
1426
- --spectrum-component-bottom-to-text-75
1427
- );
1428
- --system-status-light-size-m-height: var(--spectrum-component-height-100);
1429
- --system-status-light-size-m-dot-size: var(
1430
- --spectrum-status-light-dot-size-medium
1431
- );
1432
- --system-status-light-size-m-font-size: var(--spectrum-font-size-100);
1433
- --system-status-light-size-m-spacing-dot-to-label: var(
1434
- --spectrum-text-to-visual-100
1435
- );
1436
- --system-status-light-size-m-spacing-top-to-dot: var(
1437
- --spectrum-status-light-top-to-dot-medium
1438
- );
1439
- --system-status-light-size-m-spacing-top-to-label: var(
1440
- --spectrum-component-top-to-text-100
1441
- );
1442
- --system-status-light-size-m-spacing-bottom-to-label: var(
1443
- --spectrum-component-bottom-to-text-100
1444
- );
1445
- --system-status-light-size-l-height: var(--spectrum-component-height-200);
1446
- --system-status-light-size-l-dot-size: var(
1447
- --spectrum-status-light-dot-size-large
1448
- );
1449
- --system-status-light-size-l-font-size: var(--spectrum-font-size-200);
1450
- --system-status-light-size-l-spacing-dot-to-label: var(
1451
- --spectrum-text-to-visual-200
1452
- );
1453
- --system-status-light-size-l-spacing-top-to-dot: var(
1454
- --spectrum-status-light-top-to-dot-large
1455
- );
1456
- --system-status-light-size-l-spacing-top-to-label: var(
1457
- --spectrum-component-top-to-text-200
1458
- );
1459
- --system-status-light-size-l-spacing-bottom-to-label: var(
1460
- --spectrum-component-bottom-to-text-200
1461
- );
1462
- --system-status-light-size-xl-height: var(--spectrum-component-height-300);
1463
- --system-status-light-size-xl-dot-size: var(
1464
- --spectrum-status-light-dot-size-extra-large
1465
- );
1466
- --system-status-light-size-xl-font-size: var(--spectrum-font-size-300);
1467
- --system-status-light-size-xl-spacing-dot-to-label: var(
1468
- --spectrum-text-to-visual-300
1469
- );
1470
- --system-status-light-size-xl-spacing-top-to-dot: var(
1471
- --spectrum-status-light-top-to-dot-extra-large
1472
- );
1473
- --system-status-light-size-xl-spacing-top-to-label: var(
1474
- --spectrum-component-top-to-text-300
1475
- );
1476
- --system-status-light-size-xl-spacing-bottom-to-label: var(
1477
- --spectrum-component-bottom-to-text-300
1478
- );
1479
1092
  --system-stepper-border-width: var(--spectrum-border-width-200);
1480
1093
  --system-stepper-border-color-default: var(--spectrum-gray-400);
1481
1094
  --system-stepper-border-color-hover: var(--spectrum-gray-500);
@@ -1494,6 +1107,9 @@
1494
1107
  --system-stepper-border-color-focus-invalid: transparent;
1495
1108
  --system-stepper-border-color-focus-hover-invalid: transparent;
1496
1109
  --system-stepper-border-color-keyboard-focus-invalid: transparent;
1110
+ --system-stepper-border-color-disabled: var(
1111
+ --spectrum-disabled-background-color
1112
+ );
1497
1113
  --system-stepper-button-border-width-disabled: 0;
1498
1114
  --system-stepper-buttons-background-color-disabled: var(
1499
1115
  --spectrum-disabled-background-color
@@ -1582,556 +1198,23 @@
1582
1198
  --system-switch-handle-border-color-selected-focus: var(
1583
1199
  --spectrum-gray-900
1584
1200
  );
1585
- --system-switch-label-color-default: var(
1586
- --spectrum-neutral-content-color-default
1587
- );
1588
- --system-switch-label-color-hover: var(
1589
- --spectrum-neutral-content-color-hover
1590
- );
1591
- --system-switch-label-color-down: var(
1592
- --spectrum-neutral-content-color-down
1593
- );
1594
- --system-switch-label-color-focus: var(
1595
- --spectrum-neutral-content-color-key-focus
1596
- );
1597
- --system-switch-label-color-disabled: var(
1598
- --spectrum-disabled-content-color
1599
- );
1600
1201
  --system-switch-background-color: var(--spectrum-gray-300);
1601
1202
  --system-switch-background-color-disabled: var(--spectrum-gray-300);
1602
- --system-switch-background-color-selected-disabled: var(
1603
- --spectrum-disabled-content-color
1604
- );
1605
- --system-switch-background-color-selected-default: var(
1606
- --spectrum-neutral-background-color-selected-default
1607
- );
1608
- --system-switch-background-color-selected-hover: var(
1609
- --spectrum-neutral-background-color-selected-hover
1610
- );
1611
- --system-switch-background-color-selected-down: var(
1612
- --spectrum-neutral-background-color-selected-down
1613
- );
1614
- --system-switch-background-color-selected-focus: var(
1615
- --spectrum-neutral-background-color-selected-key-focus
1616
- );
1617
- --system-switch-focus-indicator-thickness: var(
1618
- --spectrum-focus-indicator-thickness
1619
- );
1620
- --system-switch-focus-indicator-color: var(
1621
- --spectrum-focus-indicator-color
1622
- );
1623
1203
  --system-switch-handle-background-color: var(--spectrum-gray-75);
1624
- --system-switch-handle-border-color-disabled: var(
1625
- --spectrum-disabled-content-color
1626
- );
1627
- --system-switch-disabled-label-color-default: var(
1628
- --spectrum-disabled-content-color
1629
- );
1630
- --system-switch-emphasized-background-color-selected-default: var(
1631
- --spectrum-accent-color-900
1632
- );
1633
- --system-switch-emphasized-background-color-selected-hover: var(
1634
- --spectrum-accent-color-1000
1635
- );
1636
- --system-switch-emphasized-background-color-selected-down: var(
1637
- --spectrum-accent-color-1100
1638
- );
1639
- --system-switch-emphasized-background-color-selected-focus: var(
1640
- --spectrum-accent-color-1000
1641
- );
1642
- --system-switch-emphasized-handle-border-color-selected-default: var(
1643
- --spectrum-accent-color-900
1644
- );
1645
- --system-switch-emphasized-handle-border-color-selected-hover: var(
1646
- --spectrum-accent-color-1000
1647
- );
1648
- --system-switch-emphasized-handle-border-color-selected-down: var(
1649
- --spectrum-accent-color-1100
1650
- );
1651
- --system-switch-emphasized-handle-border-color-selected-focus: var(
1652
- --spectrum-accent-color-1000
1653
- );
1654
- --system-switch-size-s-min-height: var(--spectrum-component-height-75);
1655
- --system-switch-size-s-control-width: var(
1656
- --spectrum-switch-control-width-small
1657
- );
1658
- --system-switch-size-s-control-height: var(
1659
- --spectrum-switch-control-height-small
1660
- );
1661
- --system-switch-size-s-control-label-spacing: var(
1662
- --spectrum-text-to-control-75
1663
- );
1664
- --system-switch-size-s-spacing-top-to-control: var(
1665
- --spectrum-switch-top-to-control-small
1666
- );
1667
- --system-switch-size-s-spacing-top-to-label: var(
1668
- --spectrum-component-top-to-text-75
1669
- );
1670
- --system-switch-size-s-font-size: var(--spectrum-font-size-75);
1671
- --system-switch-size-m-min-height: var(--spectrum-component-height-100);
1672
- --system-switch-size-m-control-width: var(
1673
- --spectrum-switch-control-width-medium
1674
- );
1675
- --system-switch-size-m-control-height: var(
1676
- --spectrum-switch-control-height-medium
1677
- );
1678
- --system-switch-size-m-control-label-spacing: var(
1679
- --spectrum-text-to-control-100
1680
- );
1681
- --system-switch-size-m-spacing-top-to-control: var(
1682
- --spectrum-switch-top-to-control-medium
1683
- );
1684
- --system-switch-size-m-spacing-top-to-label: var(
1685
- --spectrum-component-top-to-text-100
1686
- );
1687
- --system-switch-size-m-font-size: var(--spectrum-font-size-100);
1688
- --system-switch-size-l-min-height: var(--spectrum-component-height-200);
1689
- --system-switch-size-l-control-width: var(
1690
- --spectrum-switch-control-width-large
1691
- );
1692
- --system-switch-size-l-control-height: var(
1693
- --spectrum-switch-control-height-large
1694
- );
1695
- --system-switch-size-l-control-label-spacing: var(
1696
- --spectrum-text-to-control-200
1697
- );
1698
- --system-switch-size-l-spacing-top-to-control: var(
1699
- --spectrum-switch-top-to-control-large
1700
- );
1701
- --system-switch-size-l-spacing-top-to-label: var(
1702
- --spectrum-component-top-to-text-200
1703
- );
1704
- --system-switch-size-l-font-size: var(--spectrum-font-size-200);
1705
- --system-switch-size-xl-min-height: var(--spectrum-component-height-300);
1706
- --system-switch-size-xl-control-width: var(
1707
- --spectrum-switch-control-width-extra-large
1708
- );
1709
- --system-switch-size-xl-control-height: var(
1710
- --spectrum-switch-control-height-extra-large
1711
- );
1712
- --system-switch-size-xl-control-label-spacing: var(
1713
- --spectrum-text-to-control-300
1714
- );
1715
- --system-switch-size-xl-spacing-top-to-control: var(
1716
- --spectrum-switch-top-to-control-extra-large
1717
- );
1718
- --system-switch-size-xl-spacing-top-to-label: var(
1719
- --spectrum-component-top-to-text-300
1720
- );
1721
- --system-switch-size-xl-font-size: var(--spectrum-font-size-300);
1722
- --system-table-header-top-to-text: var(
1723
- --spectrum-table-column-header-row-top-to-text-medium
1724
- );
1725
- --system-table-header-bottom-to-text: var(
1726
- --spectrum-table-column-header-row-bottom-to-text-medium
1727
- );
1728
- --system-table-min-header-height: var(--spectrum-component-height-100);
1729
- --system-table-min-row-height: var(
1730
- --spectrum-table-row-height-medium-regular
1731
- );
1732
- --system-table-row-top-to-text: var(
1733
- --spectrum-table-row-top-to-text-medium-regular
1734
- );
1735
- --system-table-row-bottom-to-text: var(
1736
- --spectrum-table-row-bottom-to-text-medium-regular
1737
- );
1738
- --system-table-cell-inline-space: var(--spectrum-table-edge-to-content);
1739
- --system-table-border-radius: var(--spectrum-corner-radius-100);
1740
- --system-table-border-width: var(--spectrum-table-border-divider-width);
1741
- --system-table-outer-border-inline-width: var(
1742
- --spectrum-table-border-divider-width
1743
- );
1744
- --system-table-icon-to-text: var(--spectrum-text-to-visual-100);
1745
- --system-table-default-vertical-align: top;
1746
- --system-table-header-vertical-align: middle;
1747
- --system-table-header-font-weight: var(--spectrum-bold-font-weight);
1748
- --system-table-row-font-family: var(--spectrum-sans-font-family-stack);
1749
- --system-table-row-font-weight: var(--spectrum-regular-font-weight);
1750
- --system-table-row-font-style: var(--spectrum-default-font-style);
1751
- --system-table-row-font-size: var(--spectrum-font-size-100);
1752
- --system-table-row-line-height: var(--spectrum-line-height-100);
1753
- --system-table-border-color: var(--spectrum-gray-300);
1754
- --system-table-divider-color: var(--spectrum-gray-300);
1755
1204
  --system-table-header-background-color: var(
1756
1205
  --spectrum-transparent-white-100
1757
1206
  );
1758
- --system-table-header-text-color: var(--spectrum-body-color);
1207
+ --system-table-border-color: var(--spectrum-gray-300);
1208
+ --system-table-divider-color: var(--spectrum-gray-300);
1759
1209
  --system-table-row-background-color: var(--spectrum-gray-50);
1760
- --system-table-row-text-color: var(
1761
- --spectrum-neutral-content-color-default
1762
- );
1763
- --system-table-selected-row-background-color: rgba(
1764
- var(--spectrum-blue-900-rgb),
1765
- var(--spectrum-table-selected-row-background-opacity)
1766
- );
1767
- --system-table-selected-row-background-color-non-emphasized: rgba(
1768
- var(--spectrum-gray-700-rgb),
1769
- var(--spectrum-table-selected-row-background-opacity-non-emphasized)
1770
- );
1771
- --system-table-row-background-color-hover: rgba(
1772
- var(--spectrum-gray-900-rgb),
1773
- var(--spectrum-table-row-hover-opacity)
1774
- );
1775
- --system-table-row-active-color: rgba(
1776
- var(--spectrum-gray-900-rgb),
1777
- var(--spectrum-table-row-down-opacity)
1778
- );
1779
- --system-table-selected-row-background-color-focus: rgba(
1780
- var(--spectrum-blue-900-rgb),
1781
- var(--spectrum-table-selected-row-background-opacity-hover)
1782
- );
1783
- --system-table-selected-row-background-color-non-emphasized-focus: rgba(
1784
- var(--spectrum-gray-700-rgb),
1785
- var(
1786
- --spectrum-table-selected-row-background-opacity-non-emphasized-hover
1787
- )
1788
- );
1789
- --system-table-icon-color-default: var(
1790
- --spectrum-neutral-subdued-content-color-default
1791
- );
1792
- --system-table-icon-color-hover: var(
1793
- --spectrum-neutral-subdued-content-color-hover
1794
- );
1795
- --system-table-icon-color-active: var(
1796
- --spectrum-neutral-subdued-content-color-down
1797
- );
1798
- --system-table-icon-color-focus: var(
1799
- --spectrum-neutral-subdued-content-color-focus
1800
- );
1801
- --system-table-icon-color-focus-hover: var(
1802
- --spectrum-neutral-subdued-content-focus-hover
1803
- );
1804
- --system-table-icon-color-key-focus: var(
1805
- --spectrum-neutral-subdued-content-color-key-focus
1806
- );
1807
- --system-table-header-checkbox-block-spacing: var(
1808
- --spectrum-table-header-row-checkbox-to-top-medium
1809
- );
1810
- --system-table-row-checkbox-block-spacing: var(
1811
- --spectrum-table-row-checkbox-to-top-medium-regular
1812
- );
1813
- --system-table-focus-indicator-thickness: var(
1814
- --spectrum-focus-indicator-thickness
1815
- );
1816
- --system-table-focus-indicator-color: var(--spectrum-focus-indicator-color);
1817
- --system-table-drop-zone-background-color: rgba(
1818
- var(--spectrum-drop-zone-background-color-rgb),
1819
- var(--spectrum-drop-zone-background-color-opacity)
1820
- );
1821
- --system-table-drop-zone-outline-color: var(--spectrum-accent-visual-color);
1822
- --system-table-transition-duration: var(--spectrum-animation-duration-100);
1823
- --system-table-summary-row-font-weight: var(--spectrum-bold-font-weight);
1824
1210
  --system-table-summary-row-background-color: var(--spectrum-gray-200);
1825
- --system-table-section-header-min-height: var(
1826
- --spectrum-table-section-header-row-height-medium
1827
- );
1828
- --system-table-section-header-block-start-spacing: var(
1829
- --spectrum-component-top-to-text-100
1830
- );
1831
- --system-table-section-header-block-end-spacing: var(
1832
- --spectrum-component-bottom-to-text-100
1833
- );
1834
- --system-table-section-header-font-weight: var(--spectrum-bold-font-weight);
1835
1211
  --system-table-section-header-background-color: var(--spectrum-gray-200);
1836
- --system-table-collapsible-tier-indent: var(--spectrum-spacing-300);
1837
- --system-table-collapsible-disclosure-inline-spacing: 0px;
1838
- --system-table-disclosure-icon-size: var(--spectrum-component-height-100);
1839
- --system-table-collapsible-icon-animation-duration: var(
1840
- --spectrum-animation-duration-100
1841
- );
1842
- --system-table-thumbnail-to-text: var(--spectrum-text-to-visual-100);
1843
- --system-table-thumbnail-block-spacing: var(
1844
- --spectrum-table-thumbnail-to-top-minimum-medium-regular
1845
- );
1846
- --system-table-thumbnail-size: var(--spectrum-thumbnail-size-300);
1847
- --system-table-cell-background-color: var(
1848
- --system-table-row-background-color
1849
- );
1850
- --system-table-selected-cell-background-color: var(
1851
- --system-table-selected-row-background-color-non-emphasized
1852
- );
1853
- --system-table-selected-cell-background-color-focus: var(
1854
- --system-table-selected-row-background-color-non-emphasized-focus
1855
- );
1856
- --system-table-size-s-min-header-height: var(
1857
- --spectrum-component-height-100
1858
- );
1859
- --system-table-size-s-header-top-to-text: var(
1860
- --spectrum-table-column-header-row-top-to-text-small
1861
- );
1862
- --system-table-size-s-header-bottom-to-text: var(
1863
- --spectrum-table-column-header-row-bottom-to-text-small
1864
- );
1865
- --system-table-size-s-min-row-height: var(
1866
- --spectrum-table-row-height-small-regular
1867
- );
1868
- --system-table-size-s-row-top-to-text: var(
1869
- --spectrum-table-row-top-to-text-small-regular
1870
- );
1871
- --system-table-size-s-row-bottom-to-text: var(
1872
- --spectrum-table-row-bottom-to-text-small-regular
1873
- );
1874
- --system-table-size-s-icon-to-text: var(--spectrum-text-to-visual-100);
1875
- --system-table-size-s-row-font-size: var(--spectrum-font-size-75);
1876
- --system-table-size-s-header-checkbox-block-spacing: var(
1877
- --spectrum-table-header-row-checkbox-to-top-small
1878
- );
1879
- --system-table-size-s-row-checkbox-block-spacing: var(
1880
- --spectrum-table-row-checkbox-to-top-small-regular
1881
- );
1882
- --system-table-size-s-section-header-min-height: var(
1883
- --spectrum-table-section-header-row-height-small
1884
- );
1885
- --system-table-size-s-section-header-block-start-spacing: var(
1886
- --spectrum-component-top-to-text-75
1887
- );
1888
- --system-table-size-s-section-header-block-end-spacing: var(
1889
- --spectrum-component-bottom-to-text-75
1890
- );
1891
- --system-table-size-s-disclosure-icon-size: var(
1892
- --spectrum-component-height-75
1893
- );
1894
- --system-table-size-s-thumbnail-block-spacing: var(
1895
- --spectrum-table-thumbnail-to-top-minimum-small-regular
1896
- );
1897
- --system-table-size-s-thumbnail-to-text: var(--spectrum-text-to-visual-100);
1898
- --system-table-size-s-thumbnail-size: var(--spectrum-thumbnail-size-200);
1899
- --system-table-size-l-min-header-height: var(
1900
- --spectrum-component-height-200
1901
- );
1902
- --system-table-size-l-header-top-to-text: var(
1903
- --spectrum-table-column-header-row-top-to-text-large
1904
- );
1905
- --system-table-size-l-header-bottom-to-text: var(
1906
- --spectrum-table-column-header-row-bottom-to-text-large
1907
- );
1908
- --system-table-size-l-min-row-height: var(
1909
- --spectrum-table-row-height-large-regular
1910
- );
1911
- --system-table-size-l-row-top-to-text: var(
1912
- --spectrum-table-row-top-to-text-large-regular
1913
- );
1914
- --system-table-size-l-row-bottom-to-text: var(
1915
- --spectrum-table-row-bottom-to-text-large-regular
1916
- );
1917
- --system-table-size-l-icon-to-text: var(--spectrum-text-to-visual-200);
1918
- --system-table-size-l-row-font-size: var(--spectrum-font-size-200);
1919
- --system-table-size-l-header-checkbox-block-spacing: var(
1920
- --spectrum-table-header-row-checkbox-to-top-large
1921
- );
1922
- --system-table-size-l-row-checkbox-block-spacing: var(
1923
- --spectrum-table-row-checkbox-to-top-large-regular
1924
- );
1925
- --system-table-size-l-section-header-min-height: var(
1926
- --spectrum-table-section-header-row-height-large
1927
- );
1928
- --system-table-size-l-section-header-block-start-spacing: var(
1929
- --spectrum-component-top-to-text-200
1930
- );
1931
- --system-table-size-l-section-header-block-end-spacing: var(
1932
- --spectrum-component-bottom-to-text-200
1933
- );
1934
- --system-table-size-l-disclosure-icon-size: var(
1935
- --spectrum-component-height-200
1936
- );
1937
- --system-table-size-l-thumbnail-block-spacing: var(
1938
- --spectrum-table-thumbnail-to-top-minimum-large-regular
1939
- );
1940
- --system-table-size-l-thumbnail-to-text: var(--spectrum-text-to-visual-200);
1941
- --system-table-size-l-thumbnail-size: var(--spectrum-thumbnail-size-500);
1942
- --system-table-size-xl-min-header-height: var(
1943
- --spectrum-component-height-300
1944
- );
1945
- --system-table-size-xl-header-top-to-text: var(
1946
- --spectrum-table-column-header-row-top-to-text-extra-large
1947
- );
1948
- --system-table-size-xl-header-bottom-to-text: var(
1949
- --spectrum-table-column-header-row-bottom-to-text-extra-large
1950
- );
1951
- --system-table-size-xl-min-row-height: var(
1952
- --spectrum-table-row-height-extra-large-regular
1953
- );
1954
- --system-table-size-xl-row-top-to-text: var(
1955
- --spectrum-table-row-top-to-text-extra-large-regular
1956
- );
1957
- --system-table-size-xl-row-bottom-to-text: var(
1958
- --spectrum-table-row-bottom-to-text-extra-large-regular
1959
- );
1960
- --system-table-size-xl-icon-to-text: var(--spectrum-text-to-visual-300);
1961
- --system-table-size-xl-row-font-size: var(--spectrum-font-size-300);
1962
- --system-table-size-xl-header-checkbox-block-spacing: var(
1963
- --spectrum-table-header-row-checkbox-to-top-extra-large
1964
- );
1965
- --system-table-size-xl-row-checkbox-block-spacing: var(
1966
- --spectrum-table-row-checkbox-to-top-extra-large-regular
1967
- );
1968
- --system-table-size-xl-section-header-min-height: var(
1969
- --spectrum-table-section-header-row-height-extra-large
1970
- );
1971
- --system-table-size-xl-section-header-block-start-spacing: var(
1972
- --spectrum-component-top-to-text-300
1973
- );
1974
- --system-table-size-xl-section-header-block-end-spacing: var(
1975
- --spectrum-component-bottom-to-text-300
1976
- );
1977
- --system-table-size-xl-disclosure-icon-size: var(
1978
- --spectrum-component-height-300
1979
- );
1980
- --system-table-size-xl-thumbnail-block-spacing: var(
1981
- --spectrum-table-thumbnail-to-top-minimum-extra-large-regular
1982
- );
1983
- --system-table-size-xl-thumbnail-to-text: var(
1984
- --spectrum-text-to-visual-300
1985
- );
1986
- --system-table-size-xl-thumbnail-size: var(--spectrum-thumbnail-size-700);
1987
- --system-table-compact-min-row-height: var(
1988
- --spectrum-table-row-height-medium-compact
1989
- );
1990
- --system-table-compact-row-top-to-text: var(
1991
- --spectrum-table-row-top-to-text-medium-compact
1992
- );
1993
- --system-table-compact-row-bottom-to-text: var(
1994
- --spectrum-table-row-bottom-to-text-medium-compact
1995
- );
1996
- --system-table-compact-row-checkbox-block-spacing: var(
1997
- --spectrum-table-row-checkbox-to-top-medium-compact
1998
- );
1999
- --system-table-compact-thumbnail-block-spacing: var(
2000
- --spectrum-table-thumbnail-to-top-minimum-medium-compact
2001
- );
2002
- --system-table-compact-thumbnail-size: var(--spectrum-thumbnail-size-200);
2003
- --system-table-compact-size-s-min-row-height: var(
2004
- --spectrum-table-row-height-small-compact
2005
- );
2006
- --system-table-compact-size-s-row-top-to-text: var(
2007
- --spectrum-table-row-top-to-text-small-compact
2008
- );
2009
- --system-table-compact-size-s-row-bottom-to-text: var(
2010
- --spectrum-table-row-bottom-to-text-small-compact
2011
- );
2012
- --system-table-compact-size-s-row-checkbox-block-spacing: var(
2013
- --spectrum-table-row-checkbox-to-top-small-compact
2014
- );
2015
- --system-table-compact-size-s-thumbnail-block-spacing: var(
2016
- --spectrum-table-thumbnail-to-top-minimum-small-compact
2017
- );
2018
- --system-table-compact-size-s-thumbnail-size: var(
2019
- --spectrum-thumbnail-size-50
2020
- );
2021
- --system-table-compact-size-l-min-row-height: var(
2022
- --spectrum-table-row-height-large-compact
2023
- );
2024
- --system-table-compact-size-l-row-top-to-text: var(
2025
- --spectrum-table-row-top-to-text-large-compact
2026
- );
2027
- --system-table-compact-size-l-row-bottom-to-text: var(
2028
- --spectrum-table-row-bottom-to-text-large-compact
2029
- );
2030
- --system-table-compact-size-l-row-checkbox-block-spacing: var(
2031
- --spectrum-table-row-checkbox-to-top-large-compact
2032
- );
2033
- --system-table-compact-size-l-thumbnail-block-spacing: var(
2034
- --spectrum-table-thumbnail-to-top-minimum-large-compact
2035
- );
2036
- --system-table-compact-size-l-thumbnail-size: var(
2037
- --spectrum-thumbnail-size-300
2038
- );
2039
- --system-table-compact-size-xl-min-row-height: var(
2040
- --spectrum-table-row-height-extra-large-compact
2041
- );
2042
- --system-table-compact-size-xl-row-top-to-text: var(
2043
- --spectrum-table-row-top-to-text-extra-large-compact
2044
- );
2045
- --system-table-compact-size-xl-row-bottom-to-text: var(
2046
- --spectrum-table-row-bottom-to-text-extra-large-compact
2047
- );
2048
- --system-table-compact-size-xl-row-checkbox-block-spacing: var(
2049
- --spectrum-table-row-checkbox-to-top-extra-large-compact
2050
- );
2051
- --system-table-compact-size-xl-thumbnail-block-spacing: var(
2052
- --spectrum-table-thumbnail-to-top-minimum-extra-large-compact
2053
- );
2054
- --system-table-compact-size-xl-thumbnail-size: var(
2055
- --spectrum-thumbnail-size-500
2056
- );
2057
- --system-table-spacious-min-row-height: var(
2058
- --spectrum-table-row-height-medium-spacious
2059
- );
2060
- --system-table-spacious-row-top-to-text: var(
2061
- --spectrum-table-row-top-to-text-medium-spacious
2062
- );
2063
- --system-table-spacious-row-bottom-to-text: var(
2064
- --spectrum-table-row-bottom-to-text-medium-spacious
2065
- );
2066
- --system-table-spacious-row-checkbox-block-spacing: var(
2067
- --spectrum-table-row-checkbox-to-top-medium-spacious
2068
- );
2069
- --system-table-spacious-thumbnail-block-spacing: var(
2070
- --spectrum-table-thumbnail-to-top-minimum-medium-spacious
2071
- );
2072
- --system-table-spacious-thumbnail-size: var(--spectrum-thumbnail-size-500);
2073
- --system-table-spacious-size-s-min-row-height: var(
2074
- --spectrum-table-row-height-small-spacious
2075
- );
2076
- --system-table-spacious-size-s-row-top-to-text: var(
2077
- --spectrum-table-row-top-to-text-small-spacious
2078
- );
2079
- --system-table-spacious-size-s-row-bottom-to-text: var(
2080
- --spectrum-table-row-bottom-to-text-small-spacious
2081
- );
2082
- --system-table-spacious-size-s-row-checkbox-block-spacing: var(
2083
- --spectrum-table-row-checkbox-to-top-small-spacious
2084
- );
2085
- --system-table-spacious-size-s-thumbnail-block-spacing: var(
2086
- --spectrum-table-thumbnail-to-top-minimum-small-spacious
2087
- );
2088
- --system-table-spacious-size-s-thumbnail-size: var(
2089
- --spectrum-thumbnail-size-300
2090
- );
2091
- --system-table-spacious-size-l-min-row-height: var(
2092
- --spectrum-table-row-height-large-spacious
2093
- );
2094
- --system-table-spacious-size-l-row-top-to-text: var(
2095
- --spectrum-table-row-top-to-text-large-spacious
2096
- );
2097
- --system-table-spacious-size-l-row-bottom-to-text: var(
2098
- --spectrum-table-row-bottom-to-text-large-spacious
2099
- );
2100
- --system-table-spacious-size-l-row-checkbox-block-spacing: var(
2101
- --spectrum-table-row-checkbox-to-top-large-spacious
2102
- );
2103
- --system-table-spacious-size-l-thumbnail-block-spacing: var(
2104
- --spectrum-table-thumbnail-to-top-minimum-large-spacious
2105
- );
2106
- --system-table-spacious-size-l-thumbnail-size: var(
2107
- --spectrum-thumbnail-size-700
2108
- );
2109
- --system-table-spacious-size-xl-min-row-height: var(
2110
- --spectrum-table-row-height-extra-large-spacious
2111
- );
2112
- --system-table-spacious-size-xl-row-top-to-text: var(
2113
- --spectrum-table-row-top-to-text-extra-large-spacious
2114
- );
2115
- --system-table-spacious-size-xl-row-bottom-to-text: var(
2116
- --spectrum-table-row-bottom-to-text-extra-large-spacious
2117
- );
2118
- --system-table-spacious-size-xl-row-checkbox-block-spacing: var(
2119
- --spectrum-table-row-checkbox-to-top-extra-large-spacious
2120
- );
2121
- --system-table-spacious-size-xl-thumbnail-block-spacing: var(
2122
- --spectrum-table-thumbnail-to-top-minimum-extra-large-spacious
2123
- );
2124
- --system-table-spacious-size-xl-thumbnail-size: var(
2125
- --spectrum-thumbnail-size-800
2126
- );
2127
- --system-table-emphasized-selected-cell-background-color: var(
2128
- --system-table-selected-row-background-color
1212
+ --system-table-icon-color-focus: var(
1213
+ --spectrum-neutral-subdued-content-color-key-focus
2129
1214
  );
2130
- --system-table-emphasized-selected-cell-background-color-focus: var(
2131
- --system-table-selected-row-background-color-focus
1215
+ --system-table-icon-color-focus-hover: var(
1216
+ --spectrum-neutral-subdued-content-down
2132
1217
  );
2133
- --system-table-quiet-border-radius: 0px;
2134
- --system-table-quiet-outer-border-inline-width: 0px;
2135
1218
  --system-table-quiet-header-background-color: var(
2136
1219
  --spectrum-transparent-white-100
2137
1220
  );
@@ -2139,146 +1222,7 @@
2139
1222
  --spectrum-transparent-white-100
2140
1223
  );
2141
1224
  --system-tabs-font-weight: var(--spectrum-bold-font-weight);
2142
- --system-tabs-item-height: var(--spectrum-tab-item-height-medium);
2143
- --system-tabs-item-horizontal-spacing: var(
2144
- --spectrum-tab-item-to-tab-item-horizontal-medium
2145
- );
2146
- --system-tabs-item-vertical-spacing: var(
2147
- --spectrum-tab-item-to-tab-item-vertical-medium
2148
- );
2149
- --system-tabs-start-to-edge: var(--spectrum-tab-item-start-to-edge-medium);
2150
- --system-tabs-top-to-text: var(--spectrum-tab-item-top-to-text-medium);
2151
- --system-tabs-bottom-to-text: var(
2152
- --spectrum-tab-item-bottom-to-text-medium
2153
- );
2154
- --system-tabs-icon-size: var(--spectrum-workflow-icon-size-75);
2155
- --system-tabs-icon-to-text: var(--spectrum-text-to-visual-100);
2156
- --system-tabs-top-to-icon: var(
2157
- --spectrum-tab-item-top-to-workflow-icon-medium
2158
- );
2159
- --system-tabs-color: var(--spectrum-neutral-subdued-content-color-default);
2160
- --system-tabs-color-selected: var(
2161
- --spectrum-neutral-subdued-content-color-down
2162
- );
2163
- --system-tabs-color-hover: var(
2164
- --spectrum-neutral-subdued-content-color-hover
2165
- );
2166
- --system-tabs-color-key-focus: var(
2167
- --spectrum-neutral-subdued-content-color-key-focus
2168
- );
2169
- --system-tabs-color-disabled: var(--spectrum-gray-500);
2170
- --system-tabs-font-family: var(--spectrum-sans-font-family-stack);
2171
- --system-tabs-font-style: var(--spectrum-default-font-style);
2172
- --system-tabs-font-size: var(--spectrum-font-size-100);
2173
- --system-tabs-line-height: var(--spectrum-line-height-100);
2174
- --system-tabs-focus-indicator-width: var(
2175
- --spectrum-focus-indicator-thickness
2176
- );
2177
- --system-tabs-focus-indicator-border-radius: var(
2178
- --spectrum-corner-radius-100
2179
- );
2180
- --system-tabs-focus-indicator-gap: var(
2181
- --spectrum-tab-item-focus-indicator-gap-medium
2182
- );
2183
- --system-tabs-focus-indicator-color: var(--spectrum-focus-indicator-color);
2184
- --system-tabs-selection-indicator-color: var(
2185
- --spectrum-neutral-subdued-content-color-down
2186
- );
2187
- --system-tabs-list-background-direction: top;
2188
1225
  --system-tabs-divider-background-color: var(--spectrum-gray-300);
2189
- --system-tabs-divider-size: var(--spectrum-border-width-200);
2190
- --system-tabs-divider-border-radius: 1px;
2191
- --system-tabs-animation-duration: var(--spectrum-animation-duration-100);
2192
- --system-tabs-animation-ease: var(--spectrum-animation-ease-in-out);
2193
- --system-tabs-size-s-item-height: var(--spectrum-tab-item-height-small);
2194
- --system-tabs-size-s-item-horizontal-spacing: var(
2195
- --spectrum-tab-item-to-tab-item-horizontal-small
2196
- );
2197
- --system-tabs-size-s-item-vertical-spacing: var(
2198
- --spectrum-tab-item-to-tab-item-vertical-small
2199
- );
2200
- --system-tabs-size-s-start-to-edge: var(
2201
- --spectrum-tab-item-start-to-edge-small
2202
- );
2203
- --system-tabs-size-s-top-to-text: var(
2204
- --spectrum-tab-item-top-to-text-small
2205
- );
2206
- --system-tabs-size-s-bottom-to-text: var(
2207
- --spectrum-tab-item-bottom-to-text-small
2208
- );
2209
- --system-tabs-size-s-icon-size: var(--spectrum-workflow-icon-size-50);
2210
- --system-tabs-size-s-icon-to-text: var(--spectrum-text-to-visual-75);
2211
- --system-tabs-size-s-top-to-icon: var(
2212
- --spectrum-tab-item-top-to-workflow-icon-small
2213
- );
2214
- --system-tabs-size-s-focus-indicator-gap: var(
2215
- --spectrum-tab-item-focus-indicator-gap-small
2216
- );
2217
- --system-tabs-size-s-font-size: var(--spectrum-font-size-75);
2218
- --system-tabs-size-l-item-height: var(--spectrum-tab-item-height-large);
2219
- --system-tabs-size-l-item-horizontal-spacing: var(
2220
- --spectrum-tab-item-to-tab-item-horizontal-large
2221
- );
2222
- --system-tabs-size-l-item-vertical-spacing: var(
2223
- --spectrum-tab-item-to-tab-item-vertical-large
2224
- );
2225
- --system-tabs-size-l-start-to-edge: var(
2226
- --spectrum-tab-item-start-to-edge-large
2227
- );
2228
- --system-tabs-size-l-top-to-text: var(
2229
- --spectrum-tab-item-top-to-text-large
2230
- );
2231
- --system-tabs-size-l-bottom-to-text: var(
2232
- --spectrum-tab-item-bottom-to-text-large
2233
- );
2234
- --system-tabs-size-l-icon-size: var(--spectrum-workflow-icon-size-100);
2235
- --system-tabs-size-l-icon-to-text: var(--spectrum-text-to-visual-200);
2236
- --system-tabs-size-l-top-to-icon: var(
2237
- --spectrum-tab-item-top-to-workflow-icon-large
2238
- );
2239
- --system-tabs-size-l-focus-indicator-gap: var(
2240
- --spectrum-tab-item-focus-indicator-gap-large
2241
- );
2242
- --system-tabs-size-l-font-size: var(--spectrum-font-size-200);
2243
- --system-tabs-size-xl-item-height: var(
2244
- --spectrum-tab-item-height-extra-large
2245
- );
2246
- --system-tabs-size-xl-item-horizontal-spacing: var(
2247
- --spectrum-tab-item-to-tab-item-horizontal-extra-large
2248
- );
2249
- --system-tabs-size-xl-item-vertical-spacing: var(
2250
- --spectrum-tab-item-to-tab-item-vertical-extra-large
2251
- );
2252
- --system-tabs-size-xl-start-to-edge: var(
2253
- --spectrum-tab-item-start-to-edge-extra-large
2254
- );
2255
- --system-tabs-size-xl-top-to-text: var(
2256
- --spectrum-tab-item-top-to-text-extra-large
2257
- );
2258
- --system-tabs-size-xl-bottom-to-text: var(
2259
- --spectrum-tab-item-bottom-to-text-extra-large
2260
- );
2261
- --system-tabs-size-xl-icon-size: var(--spectrum-workflow-icon-size-200);
2262
- --system-tabs-size-xl-icon-to-text: var(--spectrum-text-to-visual-300);
2263
- --system-tabs-size-xl-top-to-icon: var(
2264
- --spectrum-tab-item-top-to-workflow-icon-extra-large
2265
- );
2266
- --system-tabs-size-xl-focus-indicator-gap: var(
2267
- --spectrum-tab-item-focus-indicator-gap-extra-large
2268
- );
2269
- --system-tabs-size-xl-font-size: var(--spectrum-font-size-300);
2270
- --system-tabs-emphasized-color-selected: var(
2271
- --spectrum-accent-content-color-default
2272
- );
2273
- --system-tabs-emphasized-color-hover: var(
2274
- --spectrum-accent-content-color-hover
2275
- );
2276
- --system-tabs-emphasized-color-key-focus: var(
2277
- --spectrum-accent-content-color-key-focus
2278
- );
2279
- --system-tabs-emphasized-selection-indicator-color: var(
2280
- --spectrum-accent-content-color-default
2281
- );
2282
1226
  --system-tag-background-color: transparent;
2283
1227
  --system-tag-background-color-hover: var(--spectrum-gray-300);
2284
1228
  --system-tag-background-color-active: var(--spectrum-gray-400);