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