@adobe/spectrum-design-data 0.17.0 → 1.0.1

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 (13) hide show
  1. package/fields/state.json +2 -2
  2. package/package.json +2 -2
  3. package/registry/anatomy-terms.json +8 -4
  4. package/registry/property-terms.json +5 -0
  5. package/registry/states.json +1 -1
  6. package/registry/variants.json +21 -0
  7. package/tokens/color-aliases.tokens.json +1149 -804
  8. package/tokens/color-component.tokens.json +256 -157
  9. package/tokens/icons.tokens.json +150 -145
  10. package/tokens/layout-component.tokens.json +445 -218
  11. package/tokens/layout.tokens.json +52 -29
  12. package/tokens/semantic-color-palette.tokens.json +79 -54
  13. package/tokens/typography.tokens.json +17 -9
package/tokens/icons.tokens.json CHANGED
@@ -45,7 +45,7 @@
45
45
  "name": {
46
46
  "icon": "icon",
47
47
  "property": "color",
48
- "state": "default",
48
+ "state": ["default"],
49
49
  "colorScheme": "light",
50
50
  "colorRole": "primary",
51
51
  "colorFamily": "blue"
@@ -60,7 +60,7 @@
60
60
  "name": {
61
61
  "icon": "icon",
62
62
  "property": "color",
63
- "state": "default",
63
+ "state": ["default"],
64
64
  "colorScheme": "dark",
65
65
  "colorRole": "primary",
66
66
  "colorFamily": "blue"
@@ -75,7 +75,7 @@
75
75
  "name": {
76
76
  "icon": "icon",
77
77
  "property": "color",
78
- "state": "default",
78
+ "state": ["default"],
79
79
  "colorScheme": "wireframe",
80
80
  "colorRole": "primary",
81
81
  "colorFamily": "blue"
@@ -90,7 +90,7 @@
90
90
  "name": {
91
91
  "icon": "icon",
92
92
  "property": "color",
93
- "state": "down",
93
+ "state": ["down"],
94
94
  "colorScheme": "light",
95
95
  "colorRole": "primary",
96
96
  "colorFamily": "blue"
@@ -105,7 +105,7 @@
105
105
  "name": {
106
106
  "icon": "icon",
107
107
  "property": "color",
108
- "state": "down",
108
+ "state": ["down"],
109
109
  "colorScheme": "dark",
110
110
  "colorRole": "primary",
111
111
  "colorFamily": "blue"
@@ -120,7 +120,7 @@
120
120
  "name": {
121
121
  "icon": "icon",
122
122
  "property": "color",
123
- "state": "down",
123
+ "state": ["down"],
124
124
  "colorScheme": "wireframe",
125
125
  "colorRole": "primary",
126
126
  "colorFamily": "blue"
@@ -135,7 +135,7 @@
135
135
  "name": {
136
136
  "icon": "icon",
137
137
  "property": "color",
138
- "state": "hover",
138
+ "state": ["hover"],
139
139
  "colorScheme": "light",
140
140
  "colorRole": "primary",
141
141
  "colorFamily": "blue"
@@ -150,7 +150,7 @@
150
150
  "name": {
151
151
  "icon": "icon",
152
152
  "property": "color",
153
- "state": "hover",
153
+ "state": ["hover"],
154
154
  "colorScheme": "dark",
155
155
  "colorRole": "primary",
156
156
  "colorFamily": "blue"
@@ -165,7 +165,7 @@
165
165
  "name": {
166
166
  "icon": "icon",
167
167
  "property": "color",
168
- "state": "hover",
168
+ "state": ["hover"],
169
169
  "colorScheme": "wireframe",
170
170
  "colorRole": "primary",
171
171
  "colorFamily": "blue"
@@ -222,7 +222,7 @@
222
222
  "name": {
223
223
  "icon": "icon",
224
224
  "property": "color",
225
- "state": "default",
225
+ "state": ["default"],
226
226
  "colorScheme": "light",
227
227
  "colorRole": "primary",
228
228
  "colorFamily": "brown"
@@ -237,7 +237,7 @@
237
237
  "name": {
238
238
  "icon": "icon",
239
239
  "property": "color",
240
- "state": "default",
240
+ "state": ["default"],
241
241
  "colorScheme": "dark",
242
242
  "colorRole": "primary",
243
243
  "colorFamily": "brown"
@@ -252,7 +252,7 @@
252
252
  "name": {
253
253
  "icon": "icon",
254
254
  "property": "color",
255
- "state": "default",
255
+ "state": ["default"],
256
256
  "colorScheme": "wireframe",
257
257
  "colorRole": "primary",
258
258
  "colorFamily": "brown"
@@ -267,7 +267,7 @@
267
267
  "name": {
268
268
  "icon": "icon",
269
269
  "property": "color",
270
- "state": "down",
270
+ "state": ["down"],
271
271
  "colorScheme": "light",
272
272
  "colorRole": "primary",
273
273
  "colorFamily": "brown"
@@ -282,7 +282,7 @@
282
282
  "name": {
283
283
  "icon": "icon",
284
284
  "property": "color",
285
- "state": "down",
285
+ "state": ["down"],
286
286
  "colorScheme": "dark",
287
287
  "colorRole": "primary",
288
288
  "colorFamily": "brown"
@@ -297,7 +297,7 @@
297
297
  "name": {
298
298
  "icon": "icon",
299
299
  "property": "color",
300
- "state": "down",
300
+ "state": ["down"],
301
301
  "colorScheme": "wireframe",
302
302
  "colorRole": "primary",
303
303
  "colorFamily": "brown"
@@ -312,7 +312,7 @@
312
312
  "name": {
313
313
  "icon": "icon",
314
314
  "property": "color",
315
- "state": "hover",
315
+ "state": ["hover"],
316
316
  "colorScheme": "light",
317
317
  "colorRole": "primary",
318
318
  "colorFamily": "brown"
@@ -327,7 +327,7 @@
327
327
  "name": {
328
328
  "icon": "icon",
329
329
  "property": "color",
330
- "state": "hover",
330
+ "state": ["hover"],
331
331
  "colorScheme": "dark",
332
332
  "colorRole": "primary",
333
333
  "colorFamily": "brown"
@@ -342,7 +342,7 @@
342
342
  "name": {
343
343
  "icon": "icon",
344
344
  "property": "color",
345
- "state": "hover",
345
+ "state": ["hover"],
346
346
  "colorScheme": "wireframe",
347
347
  "colorRole": "primary",
348
348
  "colorFamily": "brown"
@@ -399,7 +399,7 @@
399
399
  "name": {
400
400
  "icon": "icon",
401
401
  "property": "color",
402
- "state": "default",
402
+ "state": ["default"],
403
403
  "colorScheme": "light",
404
404
  "colorRole": "primary",
405
405
  "colorFamily": "celery"
@@ -414,7 +414,7 @@
414
414
  "name": {
415
415
  "icon": "icon",
416
416
  "property": "color",
417
- "state": "default",
417
+ "state": ["default"],
418
418
  "colorScheme": "dark",
419
419
  "colorRole": "primary",
420
420
  "colorFamily": "celery"
@@ -429,7 +429,7 @@
429
429
  "name": {
430
430
  "icon": "icon",
431
431
  "property": "color",
432
- "state": "default",
432
+ "state": ["default"],
433
433
  "colorScheme": "wireframe",
434
434
  "colorRole": "primary",
435
435
  "colorFamily": "celery"
@@ -444,7 +444,7 @@
444
444
  "name": {
445
445
  "icon": "icon",
446
446
  "property": "color",
447
- "state": "down",
447
+ "state": ["down"],
448
448
  "colorScheme": "light",
449
449
  "colorRole": "primary",
450
450
  "colorFamily": "celery"
@@ -459,7 +459,7 @@
459
459
  "name": {
460
460
  "icon": "icon",
461
461
  "property": "color",
462
- "state": "down",
462
+ "state": ["down"],
463
463
  "colorScheme": "dark",
464
464
  "colorRole": "primary",
465
465
  "colorFamily": "celery"
@@ -474,7 +474,7 @@
474
474
  "name": {
475
475
  "icon": "icon",
476
476
  "property": "color",
477
- "state": "down",
477
+ "state": ["down"],
478
478
  "colorScheme": "wireframe",
479
479
  "colorRole": "primary",
480
480
  "colorFamily": "celery"
@@ -489,7 +489,7 @@
489
489
  "name": {
490
490
  "icon": "icon",
491
491
  "property": "color",
492
- "state": "hover",
492
+ "state": ["hover"],
493
493
  "colorScheme": "light",
494
494
  "colorRole": "primary",
495
495
  "colorFamily": "celery"
@@ -504,7 +504,7 @@
504
504
  "name": {
505
505
  "icon": "icon",
506
506
  "property": "color",
507
- "state": "hover",
507
+ "state": ["hover"],
508
508
  "colorScheme": "dark",
509
509
  "colorRole": "primary",
510
510
  "colorFamily": "celery"
@@ -519,7 +519,7 @@
519
519
  "name": {
520
520
  "icon": "icon",
521
521
  "property": "color",
522
- "state": "hover",
522
+ "state": ["hover"],
523
523
  "colorScheme": "wireframe",
524
524
  "colorRole": "primary",
525
525
  "colorFamily": "celery"
@@ -576,7 +576,7 @@
576
576
  "name": {
577
577
  "icon": "icon",
578
578
  "property": "color",
579
- "state": "default",
579
+ "state": ["default"],
580
580
  "colorScheme": "light",
581
581
  "colorRole": "primary",
582
582
  "colorFamily": "chartreuse"
@@ -591,7 +591,7 @@
591
591
  "name": {
592
592
  "icon": "icon",
593
593
  "property": "color",
594
- "state": "default",
594
+ "state": ["default"],
595
595
  "colorScheme": "dark",
596
596
  "colorRole": "primary",
597
597
  "colorFamily": "chartreuse"
@@ -606,7 +606,7 @@
606
606
  "name": {
607
607
  "icon": "icon",
608
608
  "property": "color",
609
- "state": "default",
609
+ "state": ["default"],
610
610
  "colorScheme": "wireframe",
611
611
  "colorRole": "primary",
612
612
  "colorFamily": "chartreuse"
@@ -621,7 +621,7 @@
621
621
  "name": {
622
622
  "icon": "icon",
623
623
  "property": "color",
624
- "state": "down",
624
+ "state": ["down"],
625
625
  "colorScheme": "light",
626
626
  "colorRole": "primary",
627
627
  "colorFamily": "chartreuse"
@@ -636,7 +636,7 @@
636
636
  "name": {
637
637
  "icon": "icon",
638
638
  "property": "color",
639
- "state": "down",
639
+ "state": ["down"],
640
640
  "colorScheme": "dark",
641
641
  "colorRole": "primary",
642
642
  "colorFamily": "chartreuse"
@@ -651,7 +651,7 @@
651
651
  "name": {
652
652
  "icon": "icon",
653
653
  "property": "color",
654
- "state": "down",
654
+ "state": ["down"],
655
655
  "colorScheme": "wireframe",
656
656
  "colorRole": "primary",
657
657
  "colorFamily": "chartreuse"
@@ -666,7 +666,7 @@
666
666
  "name": {
667
667
  "icon": "icon",
668
668
  "property": "color",
669
- "state": "hover",
669
+ "state": ["hover"],
670
670
  "colorScheme": "light",
671
671
  "colorRole": "primary",
672
672
  "colorFamily": "chartreuse"
@@ -681,7 +681,7 @@
681
681
  "name": {
682
682
  "icon": "icon",
683
683
  "property": "color",
684
- "state": "hover",
684
+ "state": ["hover"],
685
685
  "colorScheme": "dark",
686
686
  "colorRole": "primary",
687
687
  "colorFamily": "chartreuse"
@@ -696,7 +696,7 @@
696
696
  "name": {
697
697
  "icon": "icon",
698
698
  "property": "color",
699
- "state": "hover",
699
+ "state": ["hover"],
700
700
  "colorScheme": "wireframe",
701
701
  "colorRole": "primary",
702
702
  "colorFamily": "chartreuse"
@@ -753,7 +753,7 @@
753
753
  "name": {
754
754
  "icon": "icon",
755
755
  "property": "color",
756
- "state": "default",
756
+ "state": ["default"],
757
757
  "colorRole": "primary",
758
758
  "colorFamily": "cinnamon"
759
759
  },
@@ -765,7 +765,7 @@
765
765
  "name": {
766
766
  "icon": "icon",
767
767
  "property": "color",
768
- "state": "down",
768
+ "state": ["down"],
769
769
  "colorRole": "primary",
770
770
  "colorFamily": "cinnamon"
771
771
  },
@@ -777,7 +777,7 @@
777
777
  "name": {
778
778
  "icon": "icon",
779
779
  "property": "color",
780
- "state": "hover",
780
+ "state": ["hover"],
781
781
  "colorRole": "primary",
782
782
  "colorFamily": "cinnamon"
783
783
  },
@@ -831,7 +831,7 @@
831
831
  "name": {
832
832
  "icon": "icon",
833
833
  "property": "color",
834
- "state": "default",
834
+ "state": ["default"],
835
835
  "colorRole": "primary",
836
836
  "colorFamily": "cyan"
837
837
  },
@@ -843,7 +843,7 @@
843
843
  "name": {
844
844
  "icon": "icon",
845
845
  "property": "color",
846
- "state": "down",
846
+ "state": ["down"],
847
847
  "colorRole": "primary",
848
848
  "colorFamily": "cyan"
849
849
  },
@@ -855,7 +855,7 @@
855
855
  "name": {
856
856
  "icon": "icon",
857
857
  "property": "color",
858
- "state": "hover",
858
+ "state": ["hover"],
859
859
  "colorRole": "primary",
860
860
  "colorFamily": "cyan"
861
861
  },
@@ -865,8 +865,10 @@
865
865
  },
866
866
  {
867
867
  "name": {
868
- "property": "icon-color-disabled-primary",
869
868
  "icon": "icon",
869
+ "property": "color",
870
+ "state": ["disabled"],
871
+ "colorRole": "primary",
870
872
  "legacyKey": "icon-color-disabled-primary"
871
873
  },
872
874
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -875,8 +877,10 @@
875
877
  },
876
878
  {
877
879
  "name": {
878
- "property": "icon-color-emphasized-background",
879
880
  "icon": "icon",
881
+ "property": "color",
882
+ "colorRole": "background",
883
+ "emphasis": "emphasized",
880
884
  "legacyKey": "icon-color-emphasized-background"
881
885
  },
882
886
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -898,7 +902,7 @@
898
902
  "name": {
899
903
  "icon": "icon",
900
904
  "property": "color",
901
- "state": "default",
905
+ "state": ["default"],
902
906
  "colorScheme": "light",
903
907
  "colorRole": "primary",
904
908
  "colorFamily": "fuchsia"
@@ -913,7 +917,7 @@
913
917
  "name": {
914
918
  "icon": "icon",
915
919
  "property": "color",
916
- "state": "default",
920
+ "state": ["default"],
917
921
  "colorScheme": "dark",
918
922
  "colorRole": "primary",
919
923
  "colorFamily": "fuchsia"
@@ -928,7 +932,7 @@
928
932
  "name": {
929
933
  "icon": "icon",
930
934
  "property": "color",
931
- "state": "default",
935
+ "state": ["default"],
932
936
  "colorScheme": "wireframe",
933
937
  "colorRole": "primary",
934
938
  "colorFamily": "fuchsia"
@@ -943,7 +947,7 @@
943
947
  "name": {
944
948
  "icon": "icon",
945
949
  "property": "color",
946
- "state": "down",
950
+ "state": ["down"],
947
951
  "colorScheme": "light",
948
952
  "colorRole": "primary",
949
953
  "colorFamily": "fuchsia"
@@ -958,7 +962,7 @@
958
962
  "name": {
959
963
  "icon": "icon",
960
964
  "property": "color",
961
- "state": "down",
965
+ "state": ["down"],
962
966
  "colorScheme": "dark",
963
967
  "colorRole": "primary",
964
968
  "colorFamily": "fuchsia"
@@ -973,7 +977,7 @@
973
977
  "name": {
974
978
  "icon": "icon",
975
979
  "property": "color",
976
- "state": "down",
980
+ "state": ["down"],
977
981
  "colorScheme": "wireframe",
978
982
  "colorRole": "primary",
979
983
  "colorFamily": "fuchsia"
@@ -988,7 +992,7 @@
988
992
  "name": {
989
993
  "icon": "icon",
990
994
  "property": "color",
991
- "state": "hover",
995
+ "state": ["hover"],
992
996
  "colorScheme": "light",
993
997
  "colorRole": "primary",
994
998
  "colorFamily": "fuchsia"
@@ -1003,7 +1007,7 @@
1003
1007
  "name": {
1004
1008
  "icon": "icon",
1005
1009
  "property": "color",
1006
- "state": "hover",
1010
+ "state": ["hover"],
1007
1011
  "colorScheme": "dark",
1008
1012
  "colorRole": "primary",
1009
1013
  "colorFamily": "fuchsia"
@@ -1018,7 +1022,7 @@
1018
1022
  "name": {
1019
1023
  "icon": "icon",
1020
1024
  "property": "color",
1021
- "state": "hover",
1025
+ "state": ["hover"],
1022
1026
  "colorScheme": "wireframe",
1023
1027
  "colorRole": "primary",
1024
1028
  "colorFamily": "fuchsia"
@@ -1075,7 +1079,7 @@
1075
1079
  "name": {
1076
1080
  "icon": "icon",
1077
1081
  "property": "color",
1078
- "state": "default",
1082
+ "state": ["default"],
1079
1083
  "colorRole": "primary",
1080
1084
  "colorFamily": "green"
1081
1085
  },
@@ -1087,7 +1091,7 @@
1087
1091
  "name": {
1088
1092
  "icon": "icon",
1089
1093
  "property": "color",
1090
- "state": "down",
1094
+ "state": ["down"],
1091
1095
  "colorRole": "primary",
1092
1096
  "colorFamily": "green"
1093
1097
  },
@@ -1099,7 +1103,7 @@
1099
1103
  "name": {
1100
1104
  "icon": "icon",
1101
1105
  "property": "color",
1102
- "state": "hover",
1106
+ "state": ["hover"],
1103
1107
  "colorRole": "primary",
1104
1108
  "colorFamily": "green"
1105
1109
  },
@@ -1153,7 +1157,7 @@
1153
1157
  "name": {
1154
1158
  "icon": "icon",
1155
1159
  "property": "color",
1156
- "state": "default",
1160
+ "state": ["default"],
1157
1161
  "colorScheme": "light",
1158
1162
  "colorRole": "primary",
1159
1163
  "colorFamily": "indigo"
@@ -1168,7 +1172,7 @@
1168
1172
  "name": {
1169
1173
  "icon": "icon",
1170
1174
  "property": "color",
1171
- "state": "default",
1175
+ "state": ["default"],
1172
1176
  "colorScheme": "dark",
1173
1177
  "colorRole": "primary",
1174
1178
  "colorFamily": "indigo"
@@ -1183,7 +1187,7 @@
1183
1187
  "name": {
1184
1188
  "icon": "icon",
1185
1189
  "property": "color",
1186
- "state": "default",
1190
+ "state": ["default"],
1187
1191
  "colorScheme": "wireframe",
1188
1192
  "colorRole": "primary",
1189
1193
  "colorFamily": "indigo"
@@ -1198,7 +1202,7 @@
1198
1202
  "name": {
1199
1203
  "icon": "icon",
1200
1204
  "property": "color",
1201
- "state": "down",
1205
+ "state": ["down"],
1202
1206
  "colorScheme": "light",
1203
1207
  "colorRole": "primary",
1204
1208
  "colorFamily": "indigo"
@@ -1213,7 +1217,7 @@
1213
1217
  "name": {
1214
1218
  "icon": "icon",
1215
1219
  "property": "color",
1216
- "state": "down",
1220
+ "state": ["down"],
1217
1221
  "colorScheme": "dark",
1218
1222
  "colorRole": "primary",
1219
1223
  "colorFamily": "indigo"
@@ -1228,7 +1232,7 @@
1228
1232
  "name": {
1229
1233
  "icon": "icon",
1230
1234
  "property": "color",
1231
- "state": "down",
1235
+ "state": ["down"],
1232
1236
  "colorScheme": "wireframe",
1233
1237
  "colorRole": "primary",
1234
1238
  "colorFamily": "indigo"
@@ -1243,7 +1247,7 @@
1243
1247
  "name": {
1244
1248
  "icon": "icon",
1245
1249
  "property": "color",
1246
- "state": "hover",
1250
+ "state": ["hover"],
1247
1251
  "colorScheme": "light",
1248
1252
  "colorRole": "primary",
1249
1253
  "colorFamily": "indigo"
@@ -1258,7 +1262,7 @@
1258
1262
  "name": {
1259
1263
  "icon": "icon",
1260
1264
  "property": "color",
1261
- "state": "hover",
1265
+ "state": ["hover"],
1262
1266
  "colorScheme": "dark",
1263
1267
  "colorRole": "primary",
1264
1268
  "colorFamily": "indigo"
@@ -1273,7 +1277,7 @@
1273
1277
  "name": {
1274
1278
  "icon": "icon",
1275
1279
  "property": "color",
1276
- "state": "hover",
1280
+ "state": ["hover"],
1277
1281
  "colorScheme": "wireframe",
1278
1282
  "colorRole": "primary",
1279
1283
  "colorFamily": "indigo"
@@ -1299,9 +1303,10 @@
1299
1303
  {
1300
1304
  "name": {
1301
1305
  "icon": "icon",
1302
- "property": "background-color",
1306
+ "property": "color",
1303
1307
  "variant": "inverse",
1304
- "legacyKey": "icon-color-inverse-background"
1308
+ "legacyKey": "icon-color-inverse-background",
1309
+ "object": "background"
1305
1310
  },
1306
1311
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1307
1312
  "$ref": "5233b8b1-4bdd-4253-9973-10a02cd8d1ee",
@@ -1322,7 +1327,7 @@
1322
1327
  "name": {
1323
1328
  "icon": "icon",
1324
1329
  "property": "color",
1325
- "state": "default",
1330
+ "state": ["default"],
1326
1331
  "colorScheme": "light",
1327
1332
  "colorRole": "primary",
1328
1333
  "colorFamily": "magenta"
@@ -1337,7 +1342,7 @@
1337
1342
  "name": {
1338
1343
  "icon": "icon",
1339
1344
  "property": "color",
1340
- "state": "default",
1345
+ "state": ["default"],
1341
1346
  "colorScheme": "dark",
1342
1347
  "colorRole": "primary",
1343
1348
  "colorFamily": "magenta"
@@ -1352,7 +1357,7 @@
1352
1357
  "name": {
1353
1358
  "icon": "icon",
1354
1359
  "property": "color",
1355
- "state": "default",
1360
+ "state": ["default"],
1356
1361
  "colorScheme": "wireframe",
1357
1362
  "colorRole": "primary",
1358
1363
  "colorFamily": "magenta"
@@ -1367,7 +1372,7 @@
1367
1372
  "name": {
1368
1373
  "icon": "icon",
1369
1374
  "property": "color",
1370
- "state": "down",
1375
+ "state": ["down"],
1371
1376
  "colorScheme": "light",
1372
1377
  "colorRole": "primary",
1373
1378
  "colorFamily": "magenta"
@@ -1382,7 +1387,7 @@
1382
1387
  "name": {
1383
1388
  "icon": "icon",
1384
1389
  "property": "color",
1385
- "state": "down",
1390
+ "state": ["down"],
1386
1391
  "colorScheme": "dark",
1387
1392
  "colorRole": "primary",
1388
1393
  "colorFamily": "magenta"
@@ -1397,7 +1402,7 @@
1397
1402
  "name": {
1398
1403
  "icon": "icon",
1399
1404
  "property": "color",
1400
- "state": "down",
1405
+ "state": ["down"],
1401
1406
  "colorScheme": "wireframe",
1402
1407
  "colorRole": "primary",
1403
1408
  "colorFamily": "magenta"
@@ -1412,7 +1417,7 @@
1412
1417
  "name": {
1413
1418
  "icon": "icon",
1414
1419
  "property": "color",
1415
- "state": "hover",
1420
+ "state": ["hover"],
1416
1421
  "colorScheme": "light",
1417
1422
  "colorRole": "primary",
1418
1423
  "colorFamily": "magenta"
@@ -1427,7 +1432,7 @@
1427
1432
  "name": {
1428
1433
  "icon": "icon",
1429
1434
  "property": "color",
1430
- "state": "hover",
1435
+ "state": ["hover"],
1431
1436
  "colorScheme": "dark",
1432
1437
  "colorRole": "primary",
1433
1438
  "colorFamily": "magenta"
@@ -1442,7 +1447,7 @@
1442
1447
  "name": {
1443
1448
  "icon": "icon",
1444
1449
  "property": "color",
1445
- "state": "hover",
1450
+ "state": ["hover"],
1446
1451
  "colorScheme": "wireframe",
1447
1452
  "colorRole": "primary",
1448
1453
  "colorFamily": "magenta"
@@ -1499,7 +1504,7 @@
1499
1504
  "name": {
1500
1505
  "icon": "icon",
1501
1506
  "property": "color",
1502
- "state": "default",
1507
+ "state": ["default"],
1503
1508
  "colorScheme": "light",
1504
1509
  "colorRole": "primary",
1505
1510
  "colorFamily": "orange"
@@ -1514,7 +1519,7 @@
1514
1519
  "name": {
1515
1520
  "icon": "icon",
1516
1521
  "property": "color",
1517
- "state": "default",
1522
+ "state": ["default"],
1518
1523
  "colorScheme": "dark",
1519
1524
  "colorRole": "primary",
1520
1525
  "colorFamily": "orange"
@@ -1529,7 +1534,7 @@
1529
1534
  "name": {
1530
1535
  "icon": "icon",
1531
1536
  "property": "color",
1532
- "state": "default",
1537
+ "state": ["default"],
1533
1538
  "colorScheme": "wireframe",
1534
1539
  "colorRole": "primary",
1535
1540
  "colorFamily": "orange"
@@ -1544,7 +1549,7 @@
1544
1549
  "name": {
1545
1550
  "icon": "icon",
1546
1551
  "property": "color",
1547
- "state": "down",
1552
+ "state": ["down"],
1548
1553
  "colorScheme": "light",
1549
1554
  "colorRole": "primary",
1550
1555
  "colorFamily": "orange"
@@ -1559,7 +1564,7 @@
1559
1564
  "name": {
1560
1565
  "icon": "icon",
1561
1566
  "property": "color",
1562
- "state": "down",
1567
+ "state": ["down"],
1563
1568
  "colorScheme": "dark",
1564
1569
  "colorRole": "primary",
1565
1570
  "colorFamily": "orange"
@@ -1574,7 +1579,7 @@
1574
1579
  "name": {
1575
1580
  "icon": "icon",
1576
1581
  "property": "color",
1577
- "state": "down",
1582
+ "state": ["down"],
1578
1583
  "colorScheme": "wireframe",
1579
1584
  "colorRole": "primary",
1580
1585
  "colorFamily": "orange"
@@ -1589,7 +1594,7 @@
1589
1594
  "name": {
1590
1595
  "icon": "icon",
1591
1596
  "property": "color",
1592
- "state": "hover",
1597
+ "state": ["hover"],
1593
1598
  "colorScheme": "light",
1594
1599
  "colorRole": "primary",
1595
1600
  "colorFamily": "orange"
@@ -1604,7 +1609,7 @@
1604
1609
  "name": {
1605
1610
  "icon": "icon",
1606
1611
  "property": "color",
1607
- "state": "hover",
1612
+ "state": ["hover"],
1608
1613
  "colorScheme": "dark",
1609
1614
  "colorRole": "primary",
1610
1615
  "colorFamily": "orange"
@@ -1619,7 +1624,7 @@
1619
1624
  "name": {
1620
1625
  "icon": "icon",
1621
1626
  "property": "color",
1622
- "state": "hover",
1627
+ "state": ["hover"],
1623
1628
  "colorScheme": "wireframe",
1624
1629
  "colorRole": "primary",
1625
1630
  "colorFamily": "orange"
@@ -1645,7 +1650,7 @@
1645
1650
  "name": {
1646
1651
  "icon": "icon",
1647
1652
  "property": "color",
1648
- "state": "default",
1653
+ "state": ["default"],
1649
1654
  "colorScheme": "light",
1650
1655
  "colorRole": "primary",
1651
1656
  "colorFamily": "pink"
@@ -1660,7 +1665,7 @@
1660
1665
  "name": {
1661
1666
  "icon": "icon",
1662
1667
  "property": "color",
1663
- "state": "default",
1668
+ "state": ["default"],
1664
1669
  "colorScheme": "dark",
1665
1670
  "colorRole": "primary",
1666
1671
  "colorFamily": "pink"
@@ -1675,7 +1680,7 @@
1675
1680
  "name": {
1676
1681
  "icon": "icon",
1677
1682
  "property": "color",
1678
- "state": "default",
1683
+ "state": ["default"],
1679
1684
  "colorScheme": "wireframe",
1680
1685
  "colorRole": "primary",
1681
1686
  "colorFamily": "pink"
@@ -1690,7 +1695,7 @@
1690
1695
  "name": {
1691
1696
  "icon": "icon",
1692
1697
  "property": "color",
1693
- "state": "down",
1698
+ "state": ["down"],
1694
1699
  "colorScheme": "light",
1695
1700
  "colorRole": "primary",
1696
1701
  "colorFamily": "pink"
@@ -1705,7 +1710,7 @@
1705
1710
  "name": {
1706
1711
  "icon": "icon",
1707
1712
  "property": "color",
1708
- "state": "down",
1713
+ "state": ["down"],
1709
1714
  "colorScheme": "dark",
1710
1715
  "colorRole": "primary",
1711
1716
  "colorFamily": "pink"
@@ -1720,7 +1725,7 @@
1720
1725
  "name": {
1721
1726
  "icon": "icon",
1722
1727
  "property": "color",
1723
- "state": "down",
1728
+ "state": ["down"],
1724
1729
  "colorScheme": "wireframe",
1725
1730
  "colorRole": "primary",
1726
1731
  "colorFamily": "pink"
@@ -1735,7 +1740,7 @@
1735
1740
  "name": {
1736
1741
  "icon": "icon",
1737
1742
  "property": "color",
1738
- "state": "hover",
1743
+ "state": ["hover"],
1739
1744
  "colorScheme": "light",
1740
1745
  "colorRole": "primary",
1741
1746
  "colorFamily": "pink"
@@ -1750,7 +1755,7 @@
1750
1755
  "name": {
1751
1756
  "icon": "icon",
1752
1757
  "property": "color",
1753
- "state": "hover",
1758
+ "state": ["hover"],
1754
1759
  "colorScheme": "dark",
1755
1760
  "colorRole": "primary",
1756
1761
  "colorFamily": "pink"
@@ -1765,7 +1770,7 @@
1765
1770
  "name": {
1766
1771
  "icon": "icon",
1767
1772
  "property": "color",
1768
- "state": "hover",
1773
+ "state": ["hover"],
1769
1774
  "colorScheme": "wireframe",
1770
1775
  "colorRole": "primary",
1771
1776
  "colorFamily": "pink"
@@ -1780,7 +1785,7 @@
1780
1785
  "name": {
1781
1786
  "icon": "icon",
1782
1787
  "property": "color",
1783
- "state": "default",
1788
+ "state": ["default"],
1784
1789
  "colorRole": "primary",
1785
1790
  "legacyKey": "icon-color-primary-default"
1786
1791
  },
@@ -1792,7 +1797,7 @@
1792
1797
  "name": {
1793
1798
  "icon": "icon",
1794
1799
  "property": "color",
1795
- "state": "down",
1800
+ "state": ["down"],
1796
1801
  "colorRole": "primary",
1797
1802
  "legacyKey": "icon-color-primary-down"
1798
1803
  },
@@ -1804,7 +1809,7 @@
1804
1809
  "name": {
1805
1810
  "icon": "icon",
1806
1811
  "property": "color",
1807
- "state": "hover",
1812
+ "state": ["hover"],
1808
1813
  "colorRole": "primary",
1809
1814
  "legacyKey": "icon-color-primary-hover"
1810
1815
  },
@@ -1827,7 +1832,7 @@
1827
1832
  "name": {
1828
1833
  "icon": "icon",
1829
1834
  "property": "color",
1830
- "state": "default",
1835
+ "state": ["default"],
1831
1836
  "colorScheme": "light",
1832
1837
  "colorRole": "primary",
1833
1838
  "colorFamily": "purple"
@@ -1842,7 +1847,7 @@
1842
1847
  "name": {
1843
1848
  "icon": "icon",
1844
1849
  "property": "color",
1845
- "state": "default",
1850
+ "state": ["default"],
1846
1851
  "colorScheme": "dark",
1847
1852
  "colorRole": "primary",
1848
1853
  "colorFamily": "purple"
@@ -1857,7 +1862,7 @@
1857
1862
  "name": {
1858
1863
  "icon": "icon",
1859
1864
  "property": "color",
1860
- "state": "default",
1865
+ "state": ["default"],
1861
1866
  "colorScheme": "wireframe",
1862
1867
  "colorRole": "primary",
1863
1868
  "colorFamily": "purple"
@@ -1872,7 +1877,7 @@
1872
1877
  "name": {
1873
1878
  "icon": "icon",
1874
1879
  "property": "color",
1875
- "state": "down",
1880
+ "state": ["down"],
1876
1881
  "colorScheme": "light",
1877
1882
  "colorRole": "primary",
1878
1883
  "colorFamily": "purple"
@@ -1887,7 +1892,7 @@
1887
1892
  "name": {
1888
1893
  "icon": "icon",
1889
1894
  "property": "color",
1890
- "state": "down",
1895
+ "state": ["down"],
1891
1896
  "colorScheme": "dark",
1892
1897
  "colorRole": "primary",
1893
1898
  "colorFamily": "purple"
@@ -1902,7 +1907,7 @@
1902
1907
  "name": {
1903
1908
  "icon": "icon",
1904
1909
  "property": "color",
1905
- "state": "down",
1910
+ "state": ["down"],
1906
1911
  "colorScheme": "wireframe",
1907
1912
  "colorRole": "primary",
1908
1913
  "colorFamily": "purple"
@@ -1917,7 +1922,7 @@
1917
1922
  "name": {
1918
1923
  "icon": "icon",
1919
1924
  "property": "color",
1920
- "state": "hover",
1925
+ "state": ["hover"],
1921
1926
  "colorScheme": "light",
1922
1927
  "colorRole": "primary",
1923
1928
  "colorFamily": "purple"
@@ -1932,7 +1937,7 @@
1932
1937
  "name": {
1933
1938
  "icon": "icon",
1934
1939
  "property": "color",
1935
- "state": "hover",
1940
+ "state": ["hover"],
1936
1941
  "colorScheme": "dark",
1937
1942
  "colorRole": "primary",
1938
1943
  "colorFamily": "purple"
@@ -1947,7 +1952,7 @@
1947
1952
  "name": {
1948
1953
  "icon": "icon",
1949
1954
  "property": "color",
1950
- "state": "hover",
1955
+ "state": ["hover"],
1951
1956
  "colorScheme": "wireframe",
1952
1957
  "colorRole": "primary",
1953
1958
  "colorFamily": "purple"
@@ -2004,7 +2009,7 @@
2004
2009
  "name": {
2005
2010
  "icon": "icon",
2006
2011
  "property": "color",
2007
- "state": "default",
2012
+ "state": ["default"],
2008
2013
  "colorScheme": "light",
2009
2014
  "colorRole": "primary",
2010
2015
  "colorFamily": "red"
@@ -2019,7 +2024,7 @@
2019
2024
  "name": {
2020
2025
  "icon": "icon",
2021
2026
  "property": "color",
2022
- "state": "default",
2027
+ "state": ["default"],
2023
2028
  "colorScheme": "dark",
2024
2029
  "colorRole": "primary",
2025
2030
  "colorFamily": "red"
@@ -2034,7 +2039,7 @@
2034
2039
  "name": {
2035
2040
  "icon": "icon",
2036
2041
  "property": "color",
2037
- "state": "default",
2042
+ "state": ["default"],
2038
2043
  "colorScheme": "wireframe",
2039
2044
  "colorRole": "primary",
2040
2045
  "colorFamily": "red"
@@ -2049,7 +2054,7 @@
2049
2054
  "name": {
2050
2055
  "icon": "icon",
2051
2056
  "property": "color",
2052
- "state": "down",
2057
+ "state": ["down"],
2053
2058
  "colorScheme": "light",
2054
2059
  "colorRole": "primary",
2055
2060
  "colorFamily": "red"
@@ -2064,7 +2069,7 @@
2064
2069
  "name": {
2065
2070
  "icon": "icon",
2066
2071
  "property": "color",
2067
- "state": "down",
2072
+ "state": ["down"],
2068
2073
  "colorScheme": "dark",
2069
2074
  "colorRole": "primary",
2070
2075
  "colorFamily": "red"
@@ -2079,7 +2084,7 @@
2079
2084
  "name": {
2080
2085
  "icon": "icon",
2081
2086
  "property": "color",
2082
- "state": "down",
2087
+ "state": ["down"],
2083
2088
  "colorScheme": "wireframe",
2084
2089
  "colorRole": "primary",
2085
2090
  "colorFamily": "red"
@@ -2094,7 +2099,7 @@
2094
2099
  "name": {
2095
2100
  "icon": "icon",
2096
2101
  "property": "color",
2097
- "state": "hover",
2102
+ "state": ["hover"],
2098
2103
  "colorScheme": "light",
2099
2104
  "colorRole": "primary",
2100
2105
  "colorFamily": "red"
@@ -2109,7 +2114,7 @@
2109
2114
  "name": {
2110
2115
  "icon": "icon",
2111
2116
  "property": "color",
2112
- "state": "hover",
2117
+ "state": ["hover"],
2113
2118
  "colorScheme": "dark",
2114
2119
  "colorRole": "primary",
2115
2120
  "colorFamily": "red"
@@ -2124,7 +2129,7 @@
2124
2129
  "name": {
2125
2130
  "icon": "icon",
2126
2131
  "property": "color",
2127
- "state": "hover",
2132
+ "state": ["hover"],
2128
2133
  "colorScheme": "wireframe",
2129
2134
  "colorRole": "primary",
2130
2135
  "colorFamily": "red"
@@ -2181,7 +2186,7 @@
2181
2186
  "name": {
2182
2187
  "icon": "icon",
2183
2188
  "property": "color",
2184
- "state": "default",
2189
+ "state": ["default"],
2185
2190
  "colorRole": "primary",
2186
2191
  "colorFamily": "seafoam"
2187
2192
  },
@@ -2193,7 +2198,7 @@
2193
2198
  "name": {
2194
2199
  "icon": "icon",
2195
2200
  "property": "color",
2196
- "state": "down",
2201
+ "state": ["down"],
2197
2202
  "colorRole": "primary",
2198
2203
  "colorFamily": "seafoam"
2199
2204
  },
@@ -2205,7 +2210,7 @@
2205
2210
  "name": {
2206
2211
  "icon": "icon",
2207
2212
  "property": "color",
2208
- "state": "hover",
2213
+ "state": ["hover"],
2209
2214
  "colorRole": "primary",
2210
2215
  "colorFamily": "seafoam"
2211
2216
  },
@@ -2259,7 +2264,7 @@
2259
2264
  "name": {
2260
2265
  "icon": "icon",
2261
2266
  "property": "color",
2262
- "state": "default",
2267
+ "state": ["default"],
2263
2268
  "colorScheme": "light",
2264
2269
  "colorRole": "primary",
2265
2270
  "colorFamily": "silver"
@@ -2274,7 +2279,7 @@
2274
2279
  "name": {
2275
2280
  "icon": "icon",
2276
2281
  "property": "color",
2277
- "state": "default",
2282
+ "state": ["default"],
2278
2283
  "colorScheme": "dark",
2279
2284
  "colorRole": "primary",
2280
2285
  "colorFamily": "silver"
@@ -2289,7 +2294,7 @@
2289
2294
  "name": {
2290
2295
  "icon": "icon",
2291
2296
  "property": "color",
2292
- "state": "default",
2297
+ "state": ["default"],
2293
2298
  "colorScheme": "wireframe",
2294
2299
  "colorRole": "primary",
2295
2300
  "colorFamily": "silver"
@@ -2304,7 +2309,7 @@
2304
2309
  "name": {
2305
2310
  "icon": "icon",
2306
2311
  "property": "color",
2307
- "state": "down",
2312
+ "state": ["down"],
2308
2313
  "colorScheme": "light",
2309
2314
  "colorRole": "primary",
2310
2315
  "colorFamily": "silver"
@@ -2319,7 +2324,7 @@
2319
2324
  "name": {
2320
2325
  "icon": "icon",
2321
2326
  "property": "color",
2322
- "state": "down",
2327
+ "state": ["down"],
2323
2328
  "colorScheme": "dark",
2324
2329
  "colorRole": "primary",
2325
2330
  "colorFamily": "silver"
@@ -2334,7 +2339,7 @@
2334
2339
  "name": {
2335
2340
  "icon": "icon",
2336
2341
  "property": "color",
2337
- "state": "down",
2342
+ "state": ["down"],
2338
2343
  "colorScheme": "wireframe",
2339
2344
  "colorRole": "primary",
2340
2345
  "colorFamily": "silver"
@@ -2349,7 +2354,7 @@
2349
2354
  "name": {
2350
2355
  "icon": "icon",
2351
2356
  "property": "color",
2352
- "state": "hover",
2357
+ "state": ["hover"],
2353
2358
  "colorScheme": "light",
2354
2359
  "colorRole": "primary",
2355
2360
  "colorFamily": "silver"
@@ -2364,7 +2369,7 @@
2364
2369
  "name": {
2365
2370
  "icon": "icon",
2366
2371
  "property": "color",
2367
- "state": "hover",
2372
+ "state": ["hover"],
2368
2373
  "colorScheme": "dark",
2369
2374
  "colorRole": "primary",
2370
2375
  "colorFamily": "silver"
@@ -2379,7 +2384,7 @@
2379
2384
  "name": {
2380
2385
  "icon": "icon",
2381
2386
  "property": "color",
2382
- "state": "hover",
2387
+ "state": ["hover"],
2383
2388
  "colorScheme": "wireframe",
2384
2389
  "colorRole": "primary",
2385
2390
  "colorFamily": "silver"
@@ -2436,7 +2441,7 @@
2436
2441
  "name": {
2437
2442
  "icon": "icon",
2438
2443
  "property": "color",
2439
- "state": "default",
2444
+ "state": ["default"],
2440
2445
  "colorScheme": "light",
2441
2446
  "colorRole": "primary",
2442
2447
  "colorFamily": "turquoise"
@@ -2451,7 +2456,7 @@
2451
2456
  "name": {
2452
2457
  "icon": "icon",
2453
2458
  "property": "color",
2454
- "state": "default",
2459
+ "state": ["default"],
2455
2460
  "colorScheme": "dark",
2456
2461
  "colorRole": "primary",
2457
2462
  "colorFamily": "turquoise"
@@ -2466,7 +2471,7 @@
2466
2471
  "name": {
2467
2472
  "icon": "icon",
2468
2473
  "property": "color",
2469
- "state": "default",
2474
+ "state": ["default"],
2470
2475
  "colorScheme": "wireframe",
2471
2476
  "colorRole": "primary",
2472
2477
  "colorFamily": "turquoise"
@@ -2481,7 +2486,7 @@
2481
2486
  "name": {
2482
2487
  "icon": "icon",
2483
2488
  "property": "color",
2484
- "state": "down",
2489
+ "state": ["down"],
2485
2490
  "colorScheme": "light",
2486
2491
  "colorRole": "primary",
2487
2492
  "colorFamily": "turquoise"
@@ -2496,7 +2501,7 @@
2496
2501
  "name": {
2497
2502
  "icon": "icon",
2498
2503
  "property": "color",
2499
- "state": "down",
2504
+ "state": ["down"],
2500
2505
  "colorScheme": "dark",
2501
2506
  "colorRole": "primary",
2502
2507
  "colorFamily": "turquoise"
@@ -2511,7 +2516,7 @@
2511
2516
  "name": {
2512
2517
  "icon": "icon",
2513
2518
  "property": "color",
2514
- "state": "down",
2519
+ "state": ["down"],
2515
2520
  "colorScheme": "wireframe",
2516
2521
  "colorRole": "primary",
2517
2522
  "colorFamily": "turquoise"
@@ -2526,7 +2531,7 @@
2526
2531
  "name": {
2527
2532
  "icon": "icon",
2528
2533
  "property": "color",
2529
- "state": "hover",
2534
+ "state": ["hover"],
2530
2535
  "colorScheme": "light",
2531
2536
  "colorRole": "primary",
2532
2537
  "colorFamily": "turquoise"
@@ -2541,7 +2546,7 @@
2541
2546
  "name": {
2542
2547
  "icon": "icon",
2543
2548
  "property": "color",
2544
- "state": "hover",
2549
+ "state": ["hover"],
2545
2550
  "colorScheme": "dark",
2546
2551
  "colorRole": "primary",
2547
2552
  "colorFamily": "turquoise"
@@ -2556,7 +2561,7 @@
2556
2561
  "name": {
2557
2562
  "icon": "icon",
2558
2563
  "property": "color",
2559
- "state": "hover",
2564
+ "state": ["hover"],
2560
2565
  "colorScheme": "wireframe",
2561
2566
  "colorRole": "primary",
2562
2567
  "colorFamily": "turquoise"
@@ -2613,7 +2618,7 @@
2613
2618
  "name": {
2614
2619
  "icon": "icon",
2615
2620
  "property": "color",
2616
- "state": "default",
2621
+ "state": ["default"],
2617
2622
  "colorScheme": "light",
2618
2623
  "colorRole": "primary",
2619
2624
  "colorFamily": "yellow"
@@ -2628,7 +2633,7 @@
2628
2633
  "name": {
2629
2634
  "icon": "icon",
2630
2635
  "property": "color",
2631
- "state": "default",
2636
+ "state": ["default"],
2632
2637
  "colorScheme": "dark",
2633
2638
  "colorRole": "primary",
2634
2639
  "colorFamily": "yellow"
@@ -2643,7 +2648,7 @@
2643
2648
  "name": {
2644
2649
  "icon": "icon",
2645
2650
  "property": "color",
2646
- "state": "default",
2651
+ "state": ["default"],
2647
2652
  "colorScheme": "wireframe",
2648
2653
  "colorRole": "primary",
2649
2654
  "colorFamily": "yellow"
@@ -2658,7 +2663,7 @@
2658
2663
  "name": {
2659
2664
  "icon": "icon",
2660
2665
  "property": "color",
2661
- "state": "down",
2666
+ "state": ["down"],
2662
2667
  "colorScheme": "light",
2663
2668
  "colorRole": "primary",
2664
2669
  "colorFamily": "yellow"
@@ -2673,7 +2678,7 @@
2673
2678
  "name": {
2674
2679
  "icon": "icon",
2675
2680
  "property": "color",
2676
- "state": "down",
2681
+ "state": ["down"],
2677
2682
  "colorScheme": "dark",
2678
2683
  "colorRole": "primary",
2679
2684
  "colorFamily": "yellow"
@@ -2688,7 +2693,7 @@
2688
2693
  "name": {
2689
2694
  "icon": "icon",
2690
2695
  "property": "color",
2691
- "state": "down",
2696
+ "state": ["down"],
2692
2697
  "colorScheme": "wireframe",
2693
2698
  "colorRole": "primary",
2694
2699
  "colorFamily": "yellow"
@@ -2703,7 +2708,7 @@
2703
2708
  "name": {
2704
2709
  "icon": "icon",
2705
2710
  "property": "color",
2706
- "state": "hover",
2711
+ "state": ["hover"],
2707
2712
  "colorScheme": "light",
2708
2713
  "colorRole": "primary",
2709
2714
  "colorFamily": "yellow"
@@ -2718,7 +2723,7 @@
2718
2723
  "name": {
2719
2724
  "icon": "icon",
2720
2725
  "property": "color",
2721
- "state": "hover",
2726
+ "state": ["hover"],
2722
2727
  "colorScheme": "dark",
2723
2728
  "colorRole": "primary",
2724
2729
  "colorFamily": "yellow"
@@ -2733,7 +2738,7 @@
2733
2738
  "name": {
2734
2739
  "icon": "icon",
2735
2740
  "property": "color",
2736
- "state": "hover",
2741
+ "state": ["hover"],
2737
2742
  "colorScheme": "wireframe",
2738
2743
  "colorRole": "primary",
2739
2744
  "colorFamily": "yellow"