@adobe/spectrum-design-data 0.17.0 → 1.0.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 (9) hide show
  1. package/fields/state.json +2 -2
  2. package/package.json +2 -2
  3. package/registry/states.json +1 -1
  4. package/tokens/color-aliases.tokens.json +235 -235
  5. package/tokens/color-component.tokens.json +42 -42
  6. package/tokens/icons.tokens.json +141 -141
  7. package/tokens/layout-component.tokens.json +5 -5
  8. package/tokens/layout.tokens.json +14 -14
  9. package/tokens/semantic-color-palette.tokens.json +19 -19
package/tokens/color-component.tokens.json CHANGED
@@ -48,7 +48,7 @@
48
48
  "name": {
49
49
  "component": "avatar",
50
50
  "property": "opacity",
51
- "state": "disabled"
51
+ "state": ["disabled"]
52
52
  },
53
53
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
54
54
  "$ref": "fdf6fd5d-55a0-4428-a258-4e8fafc74b74",
@@ -366,7 +366,7 @@
366
366
  "component": "drop-zone",
367
367
  "object": "background",
368
368
  "property": "opacity",
369
- "state": "filled",
369
+ "state": ["filled"],
370
370
  "legacyKey": "drop-zone-background-color-opacity-filled"
371
371
  },
372
372
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
@@ -402,7 +402,7 @@
402
402
  "anatomy": "menu-item",
403
403
  "legacyKey": "menu-item-background-color-default",
404
404
  "property": "background-color",
405
- "state": "default",
405
+ "state": ["default"],
406
406
  "colorScheme": "light"
407
407
  },
408
408
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -417,7 +417,7 @@
417
417
  "anatomy": "menu-item",
418
418
  "legacyKey": "menu-item-background-color-default",
419
419
  "property": "background-color",
420
- "state": "default",
420
+ "state": ["default"],
421
421
  "colorScheme": "dark"
422
422
  },
423
423
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -432,7 +432,7 @@
432
432
  "anatomy": "menu-item",
433
433
  "legacyKey": "menu-item-background-color-default",
434
434
  "property": "background-color",
435
- "state": "default",
435
+ "state": ["default"],
436
436
  "colorScheme": "wireframe"
437
437
  },
438
438
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -447,7 +447,7 @@
447
447
  "anatomy": "menu-item",
448
448
  "legacyKey": "menu-item-background-color-disabled",
449
449
  "property": "background-color",
450
- "state": "disabled",
450
+ "state": ["disabled"],
451
451
  "colorScheme": "light"
452
452
  },
453
453
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -462,7 +462,7 @@
462
462
  "anatomy": "menu-item",
463
463
  "legacyKey": "menu-item-background-color-disabled",
464
464
  "property": "background-color",
465
- "state": "disabled",
465
+ "state": ["disabled"],
466
466
  "colorScheme": "dark"
467
467
  },
468
468
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -477,7 +477,7 @@
477
477
  "anatomy": "menu-item",
478
478
  "legacyKey": "menu-item-background-color-disabled",
479
479
  "property": "background-color",
480
- "state": "disabled",
480
+ "state": ["disabled"],
481
481
  "colorScheme": "wireframe"
482
482
  },
483
483
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -492,7 +492,7 @@
492
492
  "anatomy": "menu-item",
493
493
  "legacyKey": "menu-item-background-color-down",
494
494
  "property": "background-color",
495
- "state": "down",
495
+ "state": ["down"],
496
496
  "colorScheme": "light"
497
497
  },
498
498
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -507,7 +507,7 @@
507
507
  "anatomy": "menu-item",
508
508
  "legacyKey": "menu-item-background-color-down",
509
509
  "property": "background-color",
510
- "state": "down",
510
+ "state": ["down"],
511
511
  "colorScheme": "dark"
512
512
  },
513
513
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -522,7 +522,7 @@
522
522
  "anatomy": "menu-item",
523
523
  "legacyKey": "menu-item-background-color-down",
524
524
  "property": "background-color",
525
- "state": "down",
525
+ "state": ["down"],
526
526
  "colorScheme": "wireframe"
527
527
  },
528
528
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -537,7 +537,7 @@
537
537
  "anatomy": "menu-item",
538
538
  "legacyKey": "menu-item-background-color-hover",
539
539
  "property": "background-color",
540
- "state": "hover",
540
+ "state": ["hover"],
541
541
  "colorScheme": "light"
542
542
  },
543
543
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -552,7 +552,7 @@
552
552
  "anatomy": "menu-item",
553
553
  "legacyKey": "menu-item-background-color-hover",
554
554
  "property": "background-color",
555
- "state": "hover",
555
+ "state": ["hover"],
556
556
  "colorScheme": "dark"
557
557
  },
558
558
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -567,7 +567,7 @@
567
567
  "anatomy": "menu-item",
568
568
  "legacyKey": "menu-item-background-color-hover",
569
569
  "property": "background-color",
570
- "state": "hover",
570
+ "state": ["hover"],
571
571
  "colorScheme": "wireframe"
572
572
  },
573
573
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -582,7 +582,7 @@
582
582
  "anatomy": "menu-item",
583
583
  "legacyKey": "menu-item-background-color-keyboard-focus",
584
584
  "property": "background-color",
585
- "state": "keyboard-focus",
585
+ "state": ["keyboard-focus"],
586
586
  "colorScheme": "light"
587
587
  },
588
588
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -597,7 +597,7 @@
597
597
  "anatomy": "menu-item",
598
598
  "legacyKey": "menu-item-background-color-keyboard-focus",
599
599
  "property": "background-color",
600
- "state": "keyboard-focus",
600
+ "state": ["keyboard-focus"],
601
601
  "colorScheme": "dark"
602
602
  },
603
603
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -612,7 +612,7 @@
612
612
  "anatomy": "menu-item",
613
613
  "legacyKey": "menu-item-background-color-keyboard-focus",
614
614
  "property": "background-color",
615
- "state": "keyboard-focus",
615
+ "state": ["keyboard-focus"],
616
616
  "colorScheme": "wireframe"
617
617
  },
618
618
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -746,7 +746,7 @@
746
746
  "name": {
747
747
  "component": "select-box",
748
748
  "property": "border-color",
749
- "state": "selected",
749
+ "state": ["selected"],
750
750
  "legacyKey": "select-box-selected-border-color"
751
751
  },
752
752
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -757,7 +757,7 @@
757
757
  "name": {
758
758
  "component": "stack-item",
759
759
  "property": "background-color",
760
- "state": "down"
760
+ "state": ["down"]
761
761
  },
762
762
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
763
763
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -767,7 +767,7 @@
767
767
  "name": {
768
768
  "component": "stack-item",
769
769
  "property": "background-color",
770
- "state": "hover"
770
+ "state": ["hover"]
771
771
  },
772
772
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
773
773
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -777,7 +777,7 @@
777
777
  "name": {
778
778
  "component": "stack-item",
779
779
  "property": "background-color",
780
- "state": "keyboard-focus",
780
+ "state": ["keyboard-focus"],
781
781
  "legacyKey": "stack-item-background-color-key-focus"
782
782
  },
783
783
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -788,7 +788,7 @@
788
788
  "name": {
789
789
  "component": "stack-item",
790
790
  "property": "background-color",
791
- "state": "selected-default",
791
+ "state": ["selected", "default"],
792
792
  "legacyKey": "stack-item-selected-background-color-default"
793
793
  },
794
794
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -799,7 +799,7 @@
799
799
  "name": {
800
800
  "component": "stack-item",
801
801
  "property": "background-color",
802
- "state": "selected-down",
802
+ "state": ["selected", "down"],
803
803
  "legacyKey": "stack-item-selected-background-color-down"
804
804
  },
805
805
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -810,7 +810,7 @@
810
810
  "name": {
811
811
  "component": "stack-item",
812
812
  "property": "background-color",
813
- "state": "selected",
813
+ "state": ["selected"],
814
814
  "emphasis": "emphasized",
815
815
  "legacyKey": "stack-item-selected-background-color-emphasized"
816
816
  },
@@ -822,7 +822,7 @@
822
822
  "name": {
823
823
  "component": "stack-item",
824
824
  "property": "background-color",
825
- "state": "selected-hover",
825
+ "state": ["selected", "hover"],
826
826
  "legacyKey": "stack-item-selected-background-color-hover"
827
827
  },
828
828
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -833,7 +833,7 @@
833
833
  "name": {
834
834
  "component": "stack-item",
835
835
  "property": "background-color",
836
- "state": "selected-keyboard-focus",
836
+ "state": ["selected", "keyboard-focus"],
837
837
  "legacyKey": "stack-item-selected-background-color-key-focus"
838
838
  },
839
839
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -886,7 +886,7 @@
886
886
  "component": "swatch",
887
887
  "anatomy": "icon",
888
888
  "property": "border-color",
889
- "state": "disabled",
889
+ "state": ["disabled"],
890
890
  "legacyKey": "swatch-disabled-icon-border-color"
891
891
  },
892
892
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -898,7 +898,7 @@
898
898
  "component": "swatch",
899
899
  "anatomy": "icon",
900
900
  "property": "border-opacity",
901
- "state": "disabled",
901
+ "state": ["disabled"],
902
902
  "legacyKey": "swatch-disabled-icon-border-opacity"
903
903
  },
904
904
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
@@ -919,7 +919,7 @@
919
919
  "component": "table",
920
920
  "anatomy": "row",
921
921
  "property": "opacity",
922
- "state": "down",
922
+ "state": ["down"],
923
923
  "legacyKey": "table-row-down-opacity"
924
924
  },
925
925
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
@@ -931,7 +931,7 @@
931
931
  "component": "table",
932
932
  "anatomy": "row",
933
933
  "property": "color",
934
- "state": "hover",
934
+ "state": ["hover"],
935
935
  "legacyKey": "table-row-hover-color"
936
936
  },
937
937
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -943,7 +943,7 @@
943
943
  "component": "table",
944
944
  "anatomy": "row",
945
945
  "property": "opacity",
946
- "state": "hover",
946
+ "state": ["hover"],
947
947
  "legacyKey": "table-row-hover-opacity"
948
948
  },
949
949
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
@@ -955,7 +955,7 @@
955
955
  "component": "table",
956
956
  "anatomy": "row",
957
957
  "property": "background-color",
958
- "state": "selected",
958
+ "state": ["selected"],
959
959
  "legacyKey": "table-selected-row-background-color"
960
960
  },
961
961
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -967,7 +967,7 @@
967
967
  "component": "table",
968
968
  "anatomy": "row",
969
969
  "property": "background-color",
970
- "state": "selected",
970
+ "state": ["selected"],
971
971
  "emphasis": "non-emphasized",
972
972
  "legacyKey": "table-selected-row-background-color-non-emphasized"
973
973
  },
@@ -980,7 +980,7 @@
980
980
  "component": "table",
981
981
  "anatomy": "row",
982
982
  "property": "background-opacity",
983
- "state": "selected",
983
+ "state": ["selected"],
984
984
  "legacyKey": "table-selected-row-background-opacity"
985
985
  },
986
986
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
@@ -992,7 +992,7 @@
992
992
  "component": "table",
993
993
  "anatomy": "row",
994
994
  "property": "background-opacity",
995
- "state": "selected-hover",
995
+ "state": ["selected", "hover"],
996
996
  "legacyKey": "table-selected-row-background-opacity-hover"
997
997
  },
998
998
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
@@ -1004,7 +1004,7 @@
1004
1004
  "component": "table",
1005
1005
  "anatomy": "row",
1006
1006
  "property": "background-opacity",
1007
- "state": "selected",
1007
+ "state": ["selected"],
1008
1008
  "emphasis": "non-emphasized",
1009
1009
  "legacyKey": "table-selected-row-background-opacity-non-emphasized"
1010
1010
  },
@@ -1017,7 +1017,7 @@
1017
1017
  "component": "table",
1018
1018
  "anatomy": "row",
1019
1019
  "property": "background-opacity",
1020
- "state": "selected-hover",
1020
+ "state": ["selected", "hover"],
1021
1021
  "emphasis": "non-emphasized",
1022
1022
  "legacyKey": "table-selected-row-background-opacity-non-emphasized-hover"
1023
1023
  },
@@ -1047,7 +1047,7 @@
1047
1047
  "name": {
1048
1048
  "component": "thumbnail",
1049
1049
  "property": "opacity",
1050
- "state": "disabled"
1050
+ "state": ["disabled"]
1051
1051
  },
1052
1052
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1053
1053
  "$ref": "fdf6fd5d-55a0-4428-a258-4e8fafc74b74",
@@ -1057,7 +1057,7 @@
1057
1057
  "name": {
1058
1058
  "component": "tree-view",
1059
1059
  "property": "row-background",
1060
- "state": "hover"
1060
+ "state": ["hover"]
1061
1061
  },
1062
1062
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1063
1063
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -1068,7 +1068,7 @@
1068
1068
  "component": "tree-view",
1069
1069
  "anatomy": "row",
1070
1070
  "property": "background-color",
1071
- "state": "selected",
1071
+ "state": ["selected"],
1072
1072
  "emphasis": "emphasized",
1073
1073
  "legacyKey": "tree-view-selected-row-background-color-emphasized"
1074
1074
  },
@@ -1081,7 +1081,7 @@
1081
1081
  "component": "tree-view",
1082
1082
  "anatomy": "row",
1083
1083
  "property": "background",
1084
- "state": "selected-default",
1084
+ "state": ["selected", "default"],
1085
1085
  "legacyKey": "tree-view-selected-row-background-default"
1086
1086
  },
1087
1087
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -1093,7 +1093,7 @@
1093
1093
  "component": "tree-view",
1094
1094
  "anatomy": "row",
1095
1095
  "property": "background",
1096
- "state": "selected-hover",
1096
+ "state": ["selected", "hover"],
1097
1097
  "legacyKey": "tree-view-selected-row-background-hover"
1098
1098
  },
1099
1099
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",