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