@adobe/spectrum-design-data 0.12.0 → 0.13.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 (39) hide show
  1. package/components/action-bar.json +2 -1
  2. package/components/avatar.json +2 -1
  3. package/components/bar-panel.json +14 -0
  4. package/components/card-horizontal.json +14 -0
  5. package/components/card.json +15 -0
  6. package/components/coach-mark.json +5 -1
  7. package/components/collection-card.json +13 -0
  8. package/components/color-control.json +14 -0
  9. package/components/combo-box.json +20 -4
  10. package/components/date-field.json +13 -0
  11. package/components/double-calendar.json +13 -0
  12. package/components/field.json +13 -0
  13. package/components/floating-action-button.json +13 -0
  14. package/components/form-item.json +13 -0
  15. package/components/in-field-button.json +14 -0
  16. package/components/menu.json +3 -1
  17. package/components/segmented-text-field.json +13 -0
  18. package/components/select-box.json +2 -1
  19. package/components/side-navigation.json +2 -1
  20. package/components/single-calendar.json +13 -0
  21. package/components/slider.json +4 -1
  22. package/components/stack-item.json +23 -0
  23. package/components/status-light.json +2 -1
  24. package/components/steplist.json +2 -1
  25. package/components/swatch.json +9 -1
  26. package/components/table.json +2 -1
  27. package/components/time-field.json +13 -0
  28. package/components/tree-view.json +7 -2
  29. package/components/triple-calendar.json +13 -0
  30. package/components/user-card.json +14 -0
  31. package/fields/referenceScaleIndex.json +16 -0
  32. package/package.json +1 -1
  33. package/registry/property-terms.json +2 -2
  34. package/tokens/color-aliases.tokens.json +151 -65
  35. package/tokens/color-component.tokens.json +99 -40
  36. package/tokens/layout-component.tokens.json +1023 -600
  37. package/tokens/layout.tokens.json +305 -128
  38. package/tokens/semantic-color-palette.tokens.json +260 -88
  39. package/tokens/typography.tokens.json +144 -72
package/tokens/color-component.tokens.json CHANGED
@@ -741,8 +741,10 @@
741
741
  },
742
742
  {
743
743
  "name": {
744
- "property": "select-box-selected-border-color",
745
- "component": "select-box"
744
+ "component": "select-box",
745
+ "property": "border-color",
746
+ "state": "selected",
747
+ "legacyKey": "select-box-selected-border-color"
746
748
  },
747
749
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
748
750
  "$ref": "f417fb5b-c7cc-41c2-a870-f6cd9a280c22",
@@ -781,8 +783,10 @@
781
783
  },
782
784
  {
783
785
  "name": {
784
- "property": "stack-item-selected-background-color-default",
785
- "component": "stack-item"
786
+ "component": "stack-item",
787
+ "property": "background-color",
788
+ "state": "selected-default",
789
+ "legacyKey": "stack-item-selected-background-color-default"
786
790
  },
787
791
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
788
792
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -790,8 +794,10 @@
790
794
  },
791
795
  {
792
796
  "name": {
793
- "property": "stack-item-selected-background-color-down",
794
- "component": "stack-item"
797
+ "component": "stack-item",
798
+ "property": "background-color",
799
+ "state": "selected-down",
800
+ "legacyKey": "stack-item-selected-background-color-down"
795
801
  },
796
802
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
797
803
  "$ref": "dac01571-b26a-4aef-ace7-d0e34e917570",
@@ -799,8 +805,11 @@
799
805
  },
800
806
  {
801
807
  "name": {
802
- "property": "stack-item-selected-background-color-emphasized",
803
- "component": "stack-item"
808
+ "component": "stack-item",
809
+ "property": "background-color",
810
+ "state": "selected",
811
+ "emphasis": "emphasized",
812
+ "legacyKey": "stack-item-selected-background-color-emphasized"
804
813
  },
805
814
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
806
815
  "$ref": "e05251ac-d64a-4157-9b20-224f0392269e",
@@ -808,8 +817,10 @@
808
817
  },
809
818
  {
810
819
  "name": {
811
- "property": "stack-item-selected-background-color-hover",
812
- "component": "stack-item"
820
+ "component": "stack-item",
821
+ "property": "background-color",
822
+ "state": "selected-hover",
823
+ "legacyKey": "stack-item-selected-background-color-hover"
813
824
  },
814
825
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
815
826
  "$ref": "8a182a6b-149b-41a6-b608-fc247bcc298f",
@@ -817,8 +828,10 @@
817
828
  },
818
829
  {
819
830
  "name": {
820
- "property": "stack-item-selected-background-color-key-focus",
821
- "component": "stack-item"
831
+ "component": "stack-item",
832
+ "property": "background-color",
833
+ "state": "selected-keyboard-focus",
834
+ "legacyKey": "stack-item-selected-background-color-key-focus"
822
835
  },
823
836
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
824
837
  "$ref": "8a182a6b-149b-41a6-b608-fc247bcc298f",
@@ -867,8 +880,11 @@
867
880
  },
868
881
  {
869
882
  "name": {
870
- "property": "swatch-disabled-icon-border-color",
871
- "component": "swatch"
883
+ "component": "swatch",
884
+ "anatomy": "icon",
885
+ "property": "border-color",
886
+ "state": "disabled",
887
+ "legacyKey": "swatch-disabled-icon-border-color"
872
888
  },
873
889
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
874
890
  "$ref": "28dea8b0-4e9a-46f9-babb-c8910e6ae783",
@@ -876,8 +892,11 @@
876
892
  },
877
893
  {
878
894
  "name": {
879
- "property": "swatch-disabled-icon-border-opacity",
880
- "component": "swatch"
895
+ "component": "swatch",
896
+ "anatomy": "icon",
897
+ "property": "border-opacity",
898
+ "state": "disabled",
899
+ "legacyKey": "swatch-disabled-icon-border-opacity"
881
900
  },
882
901
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
883
902
  "value": "0.42",
@@ -894,8 +913,11 @@
894
913
  },
895
914
  {
896
915
  "name": {
897
- "property": "table-row-down-opacity",
898
- "component": "table"
916
+ "component": "table",
917
+ "anatomy": "row",
918
+ "property": "opacity",
919
+ "state": "down",
920
+ "legacyKey": "table-row-down-opacity"
899
921
  },
900
922
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
901
923
  "value": "0.1",
@@ -903,8 +925,11 @@
903
925
  },
904
926
  {
905
927
  "name": {
906
- "property": "table-row-hover-color",
907
- "component": "table"
928
+ "component": "table",
929
+ "anatomy": "row",
930
+ "property": "color",
931
+ "state": "hover",
932
+ "legacyKey": "table-row-hover-color"
908
933
  },
909
934
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
910
935
  "$ref": "e0eaa59c-81ad-4632-a61d-ab0bee53af4a",
@@ -912,8 +937,11 @@
912
937
  },
913
938
  {
914
939
  "name": {
915
- "property": "table-row-hover-opacity",
916
- "component": "table"
940
+ "component": "table",
941
+ "anatomy": "row",
942
+ "property": "opacity",
943
+ "state": "hover",
944
+ "legacyKey": "table-row-hover-opacity"
917
945
  },
918
946
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
919
947
  "value": "0.07",
@@ -921,8 +949,11 @@
921
949
  },
922
950
  {
923
951
  "name": {
924
- "property": "table-selected-row-background-color",
925
- "component": "table"
952
+ "component": "table",
953
+ "anatomy": "row",
954
+ "property": "background-color",
955
+ "state": "selected",
956
+ "legacyKey": "table-selected-row-background-color"
926
957
  },
927
958
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
928
959
  "$ref": "6b40c677-e046-4a49-b421-8a4451844512",
@@ -930,8 +961,12 @@
930
961
  },
931
962
  {
932
963
  "name": {
933
- "property": "table-selected-row-background-color-non-emphasized",
934
- "component": "table"
964
+ "component": "table",
965
+ "anatomy": "row",
966
+ "property": "background-color",
967
+ "state": "selected",
968
+ "emphasis": "non-emphasized",
969
+ "legacyKey": "table-selected-row-background-color-non-emphasized"
935
970
  },
936
971
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
937
972
  "$ref": "fd1c9f2b-8358-4bd3-a5cc-d211673428bc",
@@ -939,8 +974,11 @@
939
974
  },
940
975
  {
941
976
  "name": {
942
- "property": "table-selected-row-background-opacity",
943
- "component": "table"
977
+ "component": "table",
978
+ "anatomy": "row",
979
+ "property": "background-opacity",
980
+ "state": "selected",
981
+ "legacyKey": "table-selected-row-background-opacity"
944
982
  },
945
983
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
946
984
  "value": "0.1",
@@ -948,8 +986,11 @@
948
986
  },
949
987
  {
950
988
  "name": {
951
- "property": "table-selected-row-background-opacity-hover",
952
- "component": "table"
989
+ "component": "table",
990
+ "anatomy": "row",
991
+ "property": "background-opacity",
992
+ "state": "selected-hover",
993
+ "legacyKey": "table-selected-row-background-opacity-hover"
953
994
  },
954
995
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
955
996
  "value": "0.15",
@@ -957,8 +998,12 @@
957
998
  },
958
999
  {
959
1000
  "name": {
960
- "property": "table-selected-row-background-opacity-non-emphasized",
961
- "component": "table"
1001
+ "component": "table",
1002
+ "anatomy": "row",
1003
+ "property": "background-opacity",
1004
+ "state": "selected",
1005
+ "emphasis": "non-emphasized",
1006
+ "legacyKey": "table-selected-row-background-opacity-non-emphasized"
962
1007
  },
963
1008
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
964
1009
  "value": "0.1",
@@ -966,8 +1011,12 @@
966
1011
  },
967
1012
  {
968
1013
  "name": {
969
- "property": "table-selected-row-background-opacity-non-emphasized-hover",
970
- "component": "table"
1014
+ "component": "table",
1015
+ "anatomy": "row",
1016
+ "property": "background-opacity",
1017
+ "state": "selected-hover",
1018
+ "emphasis": "non-emphasized",
1019
+ "legacyKey": "table-selected-row-background-opacity-non-emphasized-hover"
971
1020
  },
972
1021
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
973
1022
  "value": "0.15",
@@ -1013,8 +1062,12 @@
1013
1062
  },
1014
1063
  {
1015
1064
  "name": {
1016
- "property": "tree-view-selected-row-background-color-emphasized",
1017
- "component": "tree-view"
1065
+ "component": "tree-view",
1066
+ "anatomy": "row",
1067
+ "property": "background-color",
1068
+ "state": "selected",
1069
+ "emphasis": "emphasized",
1070
+ "legacyKey": "tree-view-selected-row-background-color-emphasized"
1018
1071
  },
1019
1072
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1020
1073
  "$ref": "6b40c677-e046-4a49-b421-8a4451844512",
@@ -1022,8 +1075,11 @@
1022
1075
  },
1023
1076
  {
1024
1077
  "name": {
1025
- "property": "tree-view-selected-row-background-default",
1026
- "component": "tree-view"
1078
+ "component": "tree-view",
1079
+ "anatomy": "row",
1080
+ "property": "background",
1081
+ "state": "selected-default",
1082
+ "legacyKey": "tree-view-selected-row-background-default"
1027
1083
  },
1028
1084
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1029
1085
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -1031,8 +1087,11 @@
1031
1087
  },
1032
1088
  {
1033
1089
  "name": {
1034
- "property": "tree-view-selected-row-background-hover",
1035
- "component": "tree-view"
1090
+ "component": "tree-view",
1091
+ "anatomy": "row",
1092
+ "property": "background",
1093
+ "state": "selected-hover",
1094
+ "legacyKey": "tree-view-selected-row-background-hover"
1036
1095
  },
1037
1096
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1038
1097
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",