@adobe/spectrum-design-data 0.8.0 → 0.9.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 (51) hide show
  1. package/components/list-view.json +40 -0
  2. package/components/menu.json +36 -1
  3. package/components/table.json +2 -1
  4. package/fields/alignment.json +1 -1
  5. package/fields/color-scheme.json +1 -1
  6. package/fields/colorFamily.json +2 -2
  7. package/fields/colorRole.json +1 -1
  8. package/fields/contrast.json +1 -1
  9. package/fields/density.json +1 -1
  10. package/fields/easing.json +1 -1
  11. package/fields/emphasis.json +16 -0
  12. package/fields/family.json +3 -3
  13. package/fields/from.json +1 -1
  14. package/fields/icon.json +15 -0
  15. package/fields/motionRole.json +1 -1
  16. package/fields/orientation.json +1 -1
  17. package/fields/position.json +1 -1
  18. package/fields/property.json +1 -1
  19. package/fields/qualifier.json +15 -0
  20. package/fields/role.json +15 -0
  21. package/fields/scale.json +1 -1
  22. package/fields/script.json +16 -0
  23. package/fields/shape.json +1 -1
  24. package/fields/size.json +1 -1
  25. package/fields/state.json +1 -1
  26. package/fields/style.json +2 -3
  27. package/fields/to.json +1 -1
  28. package/fields/weight.json +2 -3
  29. package/package.json +2 -2
  30. package/registry/anatomy-terms.json +32 -2
  31. package/registry/color-roles.json +30 -0
  32. package/registry/components.json +185 -0
  33. package/registry/icon-terms.json +90 -0
  34. package/registry/positions.json +18 -0
  35. package/registry/property-terms.json +65 -0
  36. package/registry/qualifiers.json +47 -0
  37. package/registry/roles.json +17 -0
  38. package/registry/scripts.json +12 -0
  39. package/registry/shapes.json +15 -0
  40. package/registry/sizes.json +7 -0
  41. package/registry/structures.json +10 -0
  42. package/registry/typography-emphasis.json +32 -0
  43. package/registry/typography-families.json +1 -6
  44. package/registry/variants.json +49 -0
  45. package/tokens/color-aliases.tokens.json +628 -251
  46. package/tokens/color-component.tokens.json +113 -38
  47. package/tokens/icons.tokens.json +205 -196
  48. package/tokens/layout-component.tokens.json +2796 -1161
  49. package/tokens/layout.tokens.json +499 -151
  50. package/tokens/semantic-color-palette.tokens.json +85 -35
  51. package/tokens/typography.tokens.json +888 -381
package/tokens/icons.tokens.json CHANGED
@@ -1,7 +1,7 @@
1
1
  [
2
2
  {
3
3
  "name": {
4
- "component": "icon",
4
+ "icon": "icon",
5
5
  "property": "color",
6
6
  "colorScheme": "light",
7
7
  "colorRole": "background",
@@ -15,7 +15,7 @@
15
15
  },
16
16
  {
17
17
  "name": {
18
- "component": "icon",
18
+ "icon": "icon",
19
19
  "property": "color",
20
20
  "colorScheme": "dark",
21
21
  "colorRole": "background",
@@ -29,7 +29,7 @@
29
29
  },
30
30
  {
31
31
  "name": {
32
- "component": "icon",
32
+ "icon": "icon",
33
33
  "property": "color",
34
34
  "colorScheme": "wireframe",
35
35
  "colorRole": "background",
@@ -43,7 +43,7 @@
43
43
  },
44
44
  {
45
45
  "name": {
46
- "component": "icon",
46
+ "icon": "icon",
47
47
  "property": "color",
48
48
  "state": "default",
49
49
  "colorScheme": "light",
@@ -58,7 +58,7 @@
58
58
  },
59
59
  {
60
60
  "name": {
61
- "component": "icon",
61
+ "icon": "icon",
62
62
  "property": "color",
63
63
  "state": "default",
64
64
  "colorScheme": "dark",
@@ -73,7 +73,7 @@
73
73
  },
74
74
  {
75
75
  "name": {
76
- "component": "icon",
76
+ "icon": "icon",
77
77
  "property": "color",
78
78
  "state": "default",
79
79
  "colorScheme": "wireframe",
@@ -88,7 +88,7 @@
88
88
  },
89
89
  {
90
90
  "name": {
91
- "component": "icon",
91
+ "icon": "icon",
92
92
  "property": "color",
93
93
  "state": "down",
94
94
  "colorScheme": "light",
@@ -103,7 +103,7 @@
103
103
  },
104
104
  {
105
105
  "name": {
106
- "component": "icon",
106
+ "icon": "icon",
107
107
  "property": "color",
108
108
  "state": "down",
109
109
  "colorScheme": "dark",
@@ -118,7 +118,7 @@
118
118
  },
119
119
  {
120
120
  "name": {
121
- "component": "icon",
121
+ "icon": "icon",
122
122
  "property": "color",
123
123
  "state": "down",
124
124
  "colorScheme": "wireframe",
@@ -133,7 +133,7 @@
133
133
  },
134
134
  {
135
135
  "name": {
136
- "component": "icon",
136
+ "icon": "icon",
137
137
  "property": "color",
138
138
  "state": "hover",
139
139
  "colorScheme": "light",
@@ -148,7 +148,7 @@
148
148
  },
149
149
  {
150
150
  "name": {
151
- "component": "icon",
151
+ "icon": "icon",
152
152
  "property": "color",
153
153
  "state": "hover",
154
154
  "colorScheme": "dark",
@@ -163,7 +163,7 @@
163
163
  },
164
164
  {
165
165
  "name": {
166
- "component": "icon",
166
+ "icon": "icon",
167
167
  "property": "color",
168
168
  "state": "hover",
169
169
  "colorScheme": "wireframe",
@@ -178,7 +178,7 @@
178
178
  },
179
179
  {
180
180
  "name": {
181
- "component": "icon",
181
+ "icon": "icon",
182
182
  "property": "color",
183
183
  "colorScheme": "light",
184
184
  "colorRole": "background",
@@ -192,7 +192,7 @@
192
192
  },
193
193
  {
194
194
  "name": {
195
- "component": "icon",
195
+ "icon": "icon",
196
196
  "property": "color",
197
197
  "colorScheme": "dark",
198
198
  "colorRole": "background",
@@ -206,7 +206,7 @@
206
206
  },
207
207
  {
208
208
  "name": {
209
- "component": "icon",
209
+ "icon": "icon",
210
210
  "property": "color",
211
211
  "colorScheme": "wireframe",
212
212
  "colorRole": "background",
@@ -220,7 +220,7 @@
220
220
  },
221
221
  {
222
222
  "name": {
223
- "component": "icon",
223
+ "icon": "icon",
224
224
  "property": "color",
225
225
  "state": "default",
226
226
  "colorScheme": "light",
@@ -235,7 +235,7 @@
235
235
  },
236
236
  {
237
237
  "name": {
238
- "component": "icon",
238
+ "icon": "icon",
239
239
  "property": "color",
240
240
  "state": "default",
241
241
  "colorScheme": "dark",
@@ -250,7 +250,7 @@
250
250
  },
251
251
  {
252
252
  "name": {
253
- "component": "icon",
253
+ "icon": "icon",
254
254
  "property": "color",
255
255
  "state": "default",
256
256
  "colorScheme": "wireframe",
@@ -265,7 +265,7 @@
265
265
  },
266
266
  {
267
267
  "name": {
268
- "component": "icon",
268
+ "icon": "icon",
269
269
  "property": "color",
270
270
  "state": "down",
271
271
  "colorScheme": "light",
@@ -280,7 +280,7 @@
280
280
  },
281
281
  {
282
282
  "name": {
283
- "component": "icon",
283
+ "icon": "icon",
284
284
  "property": "color",
285
285
  "state": "down",
286
286
  "colorScheme": "dark",
@@ -295,7 +295,7 @@
295
295
  },
296
296
  {
297
297
  "name": {
298
- "component": "icon",
298
+ "icon": "icon",
299
299
  "property": "color",
300
300
  "state": "down",
301
301
  "colorScheme": "wireframe",
@@ -310,7 +310,7 @@
310
310
  },
311
311
  {
312
312
  "name": {
313
- "component": "icon",
313
+ "icon": "icon",
314
314
  "property": "color",
315
315
  "state": "hover",
316
316
  "colorScheme": "light",
@@ -325,7 +325,7 @@
325
325
  },
326
326
  {
327
327
  "name": {
328
- "component": "icon",
328
+ "icon": "icon",
329
329
  "property": "color",
330
330
  "state": "hover",
331
331
  "colorScheme": "dark",
@@ -340,7 +340,7 @@
340
340
  },
341
341
  {
342
342
  "name": {
343
- "component": "icon",
343
+ "icon": "icon",
344
344
  "property": "color",
345
345
  "state": "hover",
346
346
  "colorScheme": "wireframe",
@@ -355,7 +355,7 @@
355
355
  },
356
356
  {
357
357
  "name": {
358
- "component": "icon",
358
+ "icon": "icon",
359
359
  "property": "color",
360
360
  "colorScheme": "light",
361
361
  "colorRole": "background",
@@ -369,7 +369,7 @@
369
369
  },
370
370
  {
371
371
  "name": {
372
- "component": "icon",
372
+ "icon": "icon",
373
373
  "property": "color",
374
374
  "colorScheme": "dark",
375
375
  "colorRole": "background",
@@ -383,7 +383,7 @@
383
383
  },
384
384
  {
385
385
  "name": {
386
- "component": "icon",
386
+ "icon": "icon",
387
387
  "property": "color",
388
388
  "colorScheme": "wireframe",
389
389
  "colorRole": "background",
@@ -397,7 +397,7 @@
397
397
  },
398
398
  {
399
399
  "name": {
400
- "component": "icon",
400
+ "icon": "icon",
401
401
  "property": "color",
402
402
  "state": "default",
403
403
  "colorScheme": "light",
@@ -412,7 +412,7 @@
412
412
  },
413
413
  {
414
414
  "name": {
415
- "component": "icon",
415
+ "icon": "icon",
416
416
  "property": "color",
417
417
  "state": "default",
418
418
  "colorScheme": "dark",
@@ -427,7 +427,7 @@
427
427
  },
428
428
  {
429
429
  "name": {
430
- "component": "icon",
430
+ "icon": "icon",
431
431
  "property": "color",
432
432
  "state": "default",
433
433
  "colorScheme": "wireframe",
@@ -442,7 +442,7 @@
442
442
  },
443
443
  {
444
444
  "name": {
445
- "component": "icon",
445
+ "icon": "icon",
446
446
  "property": "color",
447
447
  "state": "down",
448
448
  "colorScheme": "light",
@@ -457,7 +457,7 @@
457
457
  },
458
458
  {
459
459
  "name": {
460
- "component": "icon",
460
+ "icon": "icon",
461
461
  "property": "color",
462
462
  "state": "down",
463
463
  "colorScheme": "dark",
@@ -472,7 +472,7 @@
472
472
  },
473
473
  {
474
474
  "name": {
475
- "component": "icon",
475
+ "icon": "icon",
476
476
  "property": "color",
477
477
  "state": "down",
478
478
  "colorScheme": "wireframe",
@@ -487,7 +487,7 @@
487
487
  },
488
488
  {
489
489
  "name": {
490
- "component": "icon",
490
+ "icon": "icon",
491
491
  "property": "color",
492
492
  "state": "hover",
493
493
  "colorScheme": "light",
@@ -502,7 +502,7 @@
502
502
  },
503
503
  {
504
504
  "name": {
505
- "component": "icon",
505
+ "icon": "icon",
506
506
  "property": "color",
507
507
  "state": "hover",
508
508
  "colorScheme": "dark",
@@ -517,7 +517,7 @@
517
517
  },
518
518
  {
519
519
  "name": {
520
- "component": "icon",
520
+ "icon": "icon",
521
521
  "property": "color",
522
522
  "state": "hover",
523
523
  "colorScheme": "wireframe",
@@ -532,7 +532,7 @@
532
532
  },
533
533
  {
534
534
  "name": {
535
- "component": "icon",
535
+ "icon": "icon",
536
536
  "property": "color",
537
537
  "colorScheme": "light",
538
538
  "colorRole": "background",
@@ -546,7 +546,7 @@
546
546
  },
547
547
  {
548
548
  "name": {
549
- "component": "icon",
549
+ "icon": "icon",
550
550
  "property": "color",
551
551
  "colorScheme": "dark",
552
552
  "colorRole": "background",
@@ -560,7 +560,7 @@
560
560
  },
561
561
  {
562
562
  "name": {
563
- "component": "icon",
563
+ "icon": "icon",
564
564
  "property": "color",
565
565
  "colorScheme": "wireframe",
566
566
  "colorRole": "background",
@@ -574,7 +574,7 @@
574
574
  },
575
575
  {
576
576
  "name": {
577
- "component": "icon",
577
+ "icon": "icon",
578
578
  "property": "color",
579
579
  "state": "default",
580
580
  "colorScheme": "light",
@@ -589,7 +589,7 @@
589
589
  },
590
590
  {
591
591
  "name": {
592
- "component": "icon",
592
+ "icon": "icon",
593
593
  "property": "color",
594
594
  "state": "default",
595
595
  "colorScheme": "dark",
@@ -604,7 +604,7 @@
604
604
  },
605
605
  {
606
606
  "name": {
607
- "component": "icon",
607
+ "icon": "icon",
608
608
  "property": "color",
609
609
  "state": "default",
610
610
  "colorScheme": "wireframe",
@@ -619,7 +619,7 @@
619
619
  },
620
620
  {
621
621
  "name": {
622
- "component": "icon",
622
+ "icon": "icon",
623
623
  "property": "color",
624
624
  "state": "down",
625
625
  "colorScheme": "light",
@@ -634,7 +634,7 @@
634
634
  },
635
635
  {
636
636
  "name": {
637
- "component": "icon",
637
+ "icon": "icon",
638
638
  "property": "color",
639
639
  "state": "down",
640
640
  "colorScheme": "dark",
@@ -649,7 +649,7 @@
649
649
  },
650
650
  {
651
651
  "name": {
652
- "component": "icon",
652
+ "icon": "icon",
653
653
  "property": "color",
654
654
  "state": "down",
655
655
  "colorScheme": "wireframe",
@@ -664,7 +664,7 @@
664
664
  },
665
665
  {
666
666
  "name": {
667
- "component": "icon",
667
+ "icon": "icon",
668
668
  "property": "color",
669
669
  "state": "hover",
670
670
  "colorScheme": "light",
@@ -679,7 +679,7 @@
679
679
  },
680
680
  {
681
681
  "name": {
682
- "component": "icon",
682
+ "icon": "icon",
683
683
  "property": "color",
684
684
  "state": "hover",
685
685
  "colorScheme": "dark",
@@ -694,7 +694,7 @@
694
694
  },
695
695
  {
696
696
  "name": {
697
- "component": "icon",
697
+ "icon": "icon",
698
698
  "property": "color",
699
699
  "state": "hover",
700
700
  "colorScheme": "wireframe",
@@ -709,7 +709,7 @@
709
709
  },
710
710
  {
711
711
  "name": {
712
- "component": "icon",
712
+ "icon": "icon",
713
713
  "property": "color",
714
714
  "colorScheme": "light",
715
715
  "colorRole": "background",
@@ -723,7 +723,7 @@
723
723
  },
724
724
  {
725
725
  "name": {
726
- "component": "icon",
726
+ "icon": "icon",
727
727
  "property": "color",
728
728
  "colorScheme": "dark",
729
729
  "colorRole": "background",
@@ -737,7 +737,7 @@
737
737
  },
738
738
  {
739
739
  "name": {
740
- "component": "icon",
740
+ "icon": "icon",
741
741
  "property": "color",
742
742
  "colorScheme": "wireframe",
743
743
  "colorRole": "background",
@@ -751,7 +751,7 @@
751
751
  },
752
752
  {
753
753
  "name": {
754
- "component": "icon",
754
+ "icon": "icon",
755
755
  "property": "color",
756
756
  "state": "default",
757
757
  "colorRole": "primary",
@@ -763,7 +763,7 @@
763
763
  },
764
764
  {
765
765
  "name": {
766
- "component": "icon",
766
+ "icon": "icon",
767
767
  "property": "color",
768
768
  "state": "down",
769
769
  "colorRole": "primary",
@@ -775,7 +775,7 @@
775
775
  },
776
776
  {
777
777
  "name": {
778
- "component": "icon",
778
+ "icon": "icon",
779
779
  "property": "color",
780
780
  "state": "hover",
781
781
  "colorRole": "primary",
@@ -787,7 +787,7 @@
787
787
  },
788
788
  {
789
789
  "name": {
790
- "component": "icon",
790
+ "icon": "icon",
791
791
  "property": "color",
792
792
  "colorScheme": "light",
793
793
  "colorRole": "background",
@@ -801,7 +801,7 @@
801
801
  },
802
802
  {
803
803
  "name": {
804
- "component": "icon",
804
+ "icon": "icon",
805
805
  "property": "color",
806
806
  "colorScheme": "dark",
807
807
  "colorRole": "background",
@@ -815,7 +815,7 @@
815
815
  },
816
816
  {
817
817
  "name": {
818
- "component": "icon",
818
+ "icon": "icon",
819
819
  "property": "color",
820
820
  "colorScheme": "wireframe",
821
821
  "colorRole": "background",
@@ -829,7 +829,7 @@
829
829
  },
830
830
  {
831
831
  "name": {
832
- "component": "icon",
832
+ "icon": "icon",
833
833
  "property": "color",
834
834
  "state": "default",
835
835
  "colorRole": "primary",
@@ -841,7 +841,7 @@
841
841
  },
842
842
  {
843
843
  "name": {
844
- "component": "icon",
844
+ "icon": "icon",
845
845
  "property": "color",
846
846
  "state": "down",
847
847
  "colorRole": "primary",
@@ -853,7 +853,7 @@
853
853
  },
854
854
  {
855
855
  "name": {
856
- "component": "icon",
856
+ "icon": "icon",
857
857
  "property": "color",
858
858
  "state": "hover",
859
859
  "colorRole": "primary",
@@ -866,7 +866,8 @@
866
866
  {
867
867
  "name": {
868
868
  "property": "icon-color-disabled-primary",
869
- "component": "icon"
869
+ "icon": "icon",
870
+ "legacyKey": "icon-color-disabled-primary"
870
871
  },
871
872
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
872
873
  "$ref": "d1edde4a-c912-42fb-b8d4-e10e6b994d2f",
@@ -875,7 +876,8 @@
875
876
  {
876
877
  "name": {
877
878
  "property": "icon-color-emphasized-background",
878
- "component": "icon"
879
+ "icon": "icon",
880
+ "legacyKey": "icon-color-emphasized-background"
879
881
  },
880
882
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
881
883
  "$ref": "e0eaa59c-81ad-4632-a61d-ab0bee53af4a",
@@ -883,7 +885,7 @@
883
885
  },
884
886
  {
885
887
  "name": {
886
- "component": "icon",
888
+ "icon": "icon",
887
889
  "property": "color",
888
890
  "colorRole": "background",
889
891
  "colorFamily": "fuchsia"
@@ -894,7 +896,7 @@
894
896
  },
895
897
  {
896
898
  "name": {
897
- "component": "icon",
899
+ "icon": "icon",
898
900
  "property": "color",
899
901
  "state": "default",
900
902
  "colorScheme": "light",
@@ -909,7 +911,7 @@
909
911
  },
910
912
  {
911
913
  "name": {
912
- "component": "icon",
914
+ "icon": "icon",
913
915
  "property": "color",
914
916
  "state": "default",
915
917
  "colorScheme": "dark",
@@ -924,7 +926,7 @@
924
926
  },
925
927
  {
926
928
  "name": {
927
- "component": "icon",
929
+ "icon": "icon",
928
930
  "property": "color",
929
931
  "state": "default",
930
932
  "colorScheme": "wireframe",
@@ -939,7 +941,7 @@
939
941
  },
940
942
  {
941
943
  "name": {
942
- "component": "icon",
944
+ "icon": "icon",
943
945
  "property": "color",
944
946
  "state": "down",
945
947
  "colorScheme": "light",
@@ -954,7 +956,7 @@
954
956
  },
955
957
  {
956
958
  "name": {
957
- "component": "icon",
959
+ "icon": "icon",
958
960
  "property": "color",
959
961
  "state": "down",
960
962
  "colorScheme": "dark",
@@ -969,7 +971,7 @@
969
971
  },
970
972
  {
971
973
  "name": {
972
- "component": "icon",
974
+ "icon": "icon",
973
975
  "property": "color",
974
976
  "state": "down",
975
977
  "colorScheme": "wireframe",
@@ -984,7 +986,7 @@
984
986
  },
985
987
  {
986
988
  "name": {
987
- "component": "icon",
989
+ "icon": "icon",
988
990
  "property": "color",
989
991
  "state": "hover",
990
992
  "colorScheme": "light",
@@ -999,7 +1001,7 @@
999
1001
  },
1000
1002
  {
1001
1003
  "name": {
1002
- "component": "icon",
1004
+ "icon": "icon",
1003
1005
  "property": "color",
1004
1006
  "state": "hover",
1005
1007
  "colorScheme": "dark",
@@ -1014,7 +1016,7 @@
1014
1016
  },
1015
1017
  {
1016
1018
  "name": {
1017
- "component": "icon",
1019
+ "icon": "icon",
1018
1020
  "property": "color",
1019
1021
  "state": "hover",
1020
1022
  "colorScheme": "wireframe",
@@ -1029,7 +1031,7 @@
1029
1031
  },
1030
1032
  {
1031
1033
  "name": {
1032
- "component": "icon",
1034
+ "icon": "icon",
1033
1035
  "property": "color",
1034
1036
  "colorScheme": "light",
1035
1037
  "colorRole": "background",
@@ -1043,7 +1045,7 @@
1043
1045
  },
1044
1046
  {
1045
1047
  "name": {
1046
- "component": "icon",
1048
+ "icon": "icon",
1047
1049
  "property": "color",
1048
1050
  "colorScheme": "dark",
1049
1051
  "colorRole": "background",
@@ -1057,7 +1059,7 @@
1057
1059
  },
1058
1060
  {
1059
1061
  "name": {
1060
- "component": "icon",
1062
+ "icon": "icon",
1061
1063
  "property": "color",
1062
1064
  "colorScheme": "wireframe",
1063
1065
  "colorRole": "background",
@@ -1071,7 +1073,7 @@
1071
1073
  },
1072
1074
  {
1073
1075
  "name": {
1074
- "component": "icon",
1076
+ "icon": "icon",
1075
1077
  "property": "color",
1076
1078
  "state": "default",
1077
1079
  "colorRole": "primary",
@@ -1083,7 +1085,7 @@
1083
1085
  },
1084
1086
  {
1085
1087
  "name": {
1086
- "component": "icon",
1088
+ "icon": "icon",
1087
1089
  "property": "color",
1088
1090
  "state": "down",
1089
1091
  "colorRole": "primary",
@@ -1095,7 +1097,7 @@
1095
1097
  },
1096
1098
  {
1097
1099
  "name": {
1098
- "component": "icon",
1100
+ "icon": "icon",
1099
1101
  "property": "color",
1100
1102
  "state": "hover",
1101
1103
  "colorRole": "primary",
@@ -1107,7 +1109,7 @@
1107
1109
  },
1108
1110
  {
1109
1111
  "name": {
1110
- "component": "icon",
1112
+ "icon": "icon",
1111
1113
  "property": "color",
1112
1114
  "colorScheme": "light",
1113
1115
  "colorRole": "background",
@@ -1121,7 +1123,7 @@
1121
1123
  },
1122
1124
  {
1123
1125
  "name": {
1124
- "component": "icon",
1126
+ "icon": "icon",
1125
1127
  "property": "color",
1126
1128
  "colorScheme": "dark",
1127
1129
  "colorRole": "background",
@@ -1135,7 +1137,7 @@
1135
1137
  },
1136
1138
  {
1137
1139
  "name": {
1138
- "component": "icon",
1140
+ "icon": "icon",
1139
1141
  "property": "color",
1140
1142
  "colorScheme": "wireframe",
1141
1143
  "colorRole": "background",
@@ -1149,7 +1151,7 @@
1149
1151
  },
1150
1152
  {
1151
1153
  "name": {
1152
- "component": "icon",
1154
+ "icon": "icon",
1153
1155
  "property": "color",
1154
1156
  "state": "default",
1155
1157
  "colorScheme": "light",
@@ -1164,7 +1166,7 @@
1164
1166
  },
1165
1167
  {
1166
1168
  "name": {
1167
- "component": "icon",
1169
+ "icon": "icon",
1168
1170
  "property": "color",
1169
1171
  "state": "default",
1170
1172
  "colorScheme": "dark",
@@ -1179,7 +1181,7 @@
1179
1181
  },
1180
1182
  {
1181
1183
  "name": {
1182
- "component": "icon",
1184
+ "icon": "icon",
1183
1185
  "property": "color",
1184
1186
  "state": "default",
1185
1187
  "colorScheme": "wireframe",
@@ -1194,7 +1196,7 @@
1194
1196
  },
1195
1197
  {
1196
1198
  "name": {
1197
- "component": "icon",
1199
+ "icon": "icon",
1198
1200
  "property": "color",
1199
1201
  "state": "down",
1200
1202
  "colorScheme": "light",
@@ -1209,7 +1211,7 @@
1209
1211
  },
1210
1212
  {
1211
1213
  "name": {
1212
- "component": "icon",
1214
+ "icon": "icon",
1213
1215
  "property": "color",
1214
1216
  "state": "down",
1215
1217
  "colorScheme": "dark",
@@ -1224,7 +1226,7 @@
1224
1226
  },
1225
1227
  {
1226
1228
  "name": {
1227
- "component": "icon",
1229
+ "icon": "icon",
1228
1230
  "property": "color",
1229
1231
  "state": "down",
1230
1232
  "colorScheme": "wireframe",
@@ -1239,7 +1241,7 @@
1239
1241
  },
1240
1242
  {
1241
1243
  "name": {
1242
- "component": "icon",
1244
+ "icon": "icon",
1243
1245
  "property": "color",
1244
1246
  "state": "hover",
1245
1247
  "colorScheme": "light",
@@ -1254,7 +1256,7 @@
1254
1256
  },
1255
1257
  {
1256
1258
  "name": {
1257
- "component": "icon",
1259
+ "icon": "icon",
1258
1260
  "property": "color",
1259
1261
  "state": "hover",
1260
1262
  "colorScheme": "dark",
@@ -1269,7 +1271,7 @@
1269
1271
  },
1270
1272
  {
1271
1273
  "name": {
1272
- "component": "icon",
1274
+ "icon": "icon",
1273
1275
  "property": "color",
1274
1276
  "state": "hover",
1275
1277
  "colorScheme": "wireframe",
@@ -1284,8 +1286,10 @@
1284
1286
  },
1285
1287
  {
1286
1288
  "name": {
1287
- "component": "icon",
1288
- "property": "color-inverse"
1289
+ "icon": "icon",
1290
+ "property": "color",
1291
+ "variant": "inverse",
1292
+ "legacyKey": "icon-color-inverse"
1289
1293
  },
1290
1294
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1291
1295
  "$ref": "5233b8b1-4bdd-4253-9973-10a02cd8d1ee",
@@ -1294,8 +1298,10 @@
1294
1298
  },
1295
1299
  {
1296
1300
  "name": {
1297
- "component": "icon",
1298
- "property": "color-inverse-background"
1301
+ "icon": "icon",
1302
+ "property": "background-color",
1303
+ "variant": "inverse",
1304
+ "legacyKey": "icon-color-inverse-background"
1299
1305
  },
1300
1306
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1301
1307
  "$ref": "5233b8b1-4bdd-4253-9973-10a02cd8d1ee",
@@ -1303,7 +1309,7 @@
1303
1309
  },
1304
1310
  {
1305
1311
  "name": {
1306
- "component": "icon",
1312
+ "icon": "icon",
1307
1313
  "property": "color",
1308
1314
  "colorRole": "background",
1309
1315
  "colorFamily": "magenta"
@@ -1314,7 +1320,7 @@
1314
1320
  },
1315
1321
  {
1316
1322
  "name": {
1317
- "component": "icon",
1323
+ "icon": "icon",
1318
1324
  "property": "color",
1319
1325
  "state": "default",
1320
1326
  "colorScheme": "light",
@@ -1329,7 +1335,7 @@
1329
1335
  },
1330
1336
  {
1331
1337
  "name": {
1332
- "component": "icon",
1338
+ "icon": "icon",
1333
1339
  "property": "color",
1334
1340
  "state": "default",
1335
1341
  "colorScheme": "dark",
@@ -1344,7 +1350,7 @@
1344
1350
  },
1345
1351
  {
1346
1352
  "name": {
1347
- "component": "icon",
1353
+ "icon": "icon",
1348
1354
  "property": "color",
1349
1355
  "state": "default",
1350
1356
  "colorScheme": "wireframe",
@@ -1359,7 +1365,7 @@
1359
1365
  },
1360
1366
  {
1361
1367
  "name": {
1362
- "component": "icon",
1368
+ "icon": "icon",
1363
1369
  "property": "color",
1364
1370
  "state": "down",
1365
1371
  "colorScheme": "light",
@@ -1374,7 +1380,7 @@
1374
1380
  },
1375
1381
  {
1376
1382
  "name": {
1377
- "component": "icon",
1383
+ "icon": "icon",
1378
1384
  "property": "color",
1379
1385
  "state": "down",
1380
1386
  "colorScheme": "dark",
@@ -1389,7 +1395,7 @@
1389
1395
  },
1390
1396
  {
1391
1397
  "name": {
1392
- "component": "icon",
1398
+ "icon": "icon",
1393
1399
  "property": "color",
1394
1400
  "state": "down",
1395
1401
  "colorScheme": "wireframe",
@@ -1404,7 +1410,7 @@
1404
1410
  },
1405
1411
  {
1406
1412
  "name": {
1407
- "component": "icon",
1413
+ "icon": "icon",
1408
1414
  "property": "color",
1409
1415
  "state": "hover",
1410
1416
  "colorScheme": "light",
@@ -1419,7 +1425,7 @@
1419
1425
  },
1420
1426
  {
1421
1427
  "name": {
1422
- "component": "icon",
1428
+ "icon": "icon",
1423
1429
  "property": "color",
1424
1430
  "state": "hover",
1425
1431
  "colorScheme": "dark",
@@ -1434,7 +1440,7 @@
1434
1440
  },
1435
1441
  {
1436
1442
  "name": {
1437
- "component": "icon",
1443
+ "icon": "icon",
1438
1444
  "property": "color",
1439
1445
  "state": "hover",
1440
1446
  "colorScheme": "wireframe",
@@ -1449,7 +1455,7 @@
1449
1455
  },
1450
1456
  {
1451
1457
  "name": {
1452
- "component": "icon",
1458
+ "icon": "icon",
1453
1459
  "property": "color",
1454
1460
  "colorScheme": "light",
1455
1461
  "colorRole": "background",
@@ -1463,7 +1469,7 @@
1463
1469
  },
1464
1470
  {
1465
1471
  "name": {
1466
- "component": "icon",
1472
+ "icon": "icon",
1467
1473
  "property": "color",
1468
1474
  "colorScheme": "dark",
1469
1475
  "colorRole": "background",
@@ -1477,7 +1483,7 @@
1477
1483
  },
1478
1484
  {
1479
1485
  "name": {
1480
- "component": "icon",
1486
+ "icon": "icon",
1481
1487
  "property": "color",
1482
1488
  "colorScheme": "wireframe",
1483
1489
  "colorRole": "background",
@@ -1491,7 +1497,7 @@
1491
1497
  },
1492
1498
  {
1493
1499
  "name": {
1494
- "component": "icon",
1500
+ "icon": "icon",
1495
1501
  "property": "color",
1496
1502
  "state": "default",
1497
1503
  "colorScheme": "light",
@@ -1506,7 +1512,7 @@
1506
1512
  },
1507
1513
  {
1508
1514
  "name": {
1509
- "component": "icon",
1515
+ "icon": "icon",
1510
1516
  "property": "color",
1511
1517
  "state": "default",
1512
1518
  "colorScheme": "dark",
@@ -1521,7 +1527,7 @@
1521
1527
  },
1522
1528
  {
1523
1529
  "name": {
1524
- "component": "icon",
1530
+ "icon": "icon",
1525
1531
  "property": "color",
1526
1532
  "state": "default",
1527
1533
  "colorScheme": "wireframe",
@@ -1536,7 +1542,7 @@
1536
1542
  },
1537
1543
  {
1538
1544
  "name": {
1539
- "component": "icon",
1545
+ "icon": "icon",
1540
1546
  "property": "color",
1541
1547
  "state": "down",
1542
1548
  "colorScheme": "light",
@@ -1551,7 +1557,7 @@
1551
1557
  },
1552
1558
  {
1553
1559
  "name": {
1554
- "component": "icon",
1560
+ "icon": "icon",
1555
1561
  "property": "color",
1556
1562
  "state": "down",
1557
1563
  "colorScheme": "dark",
@@ -1566,7 +1572,7 @@
1566
1572
  },
1567
1573
  {
1568
1574
  "name": {
1569
- "component": "icon",
1575
+ "icon": "icon",
1570
1576
  "property": "color",
1571
1577
  "state": "down",
1572
1578
  "colorScheme": "wireframe",
@@ -1581,7 +1587,7 @@
1581
1587
  },
1582
1588
  {
1583
1589
  "name": {
1584
- "component": "icon",
1590
+ "icon": "icon",
1585
1591
  "property": "color",
1586
1592
  "state": "hover",
1587
1593
  "colorScheme": "light",
@@ -1596,7 +1602,7 @@
1596
1602
  },
1597
1603
  {
1598
1604
  "name": {
1599
- "component": "icon",
1605
+ "icon": "icon",
1600
1606
  "property": "color",
1601
1607
  "state": "hover",
1602
1608
  "colorScheme": "dark",
@@ -1611,7 +1617,7 @@
1611
1617
  },
1612
1618
  {
1613
1619
  "name": {
1614
- "component": "icon",
1620
+ "icon": "icon",
1615
1621
  "property": "color",
1616
1622
  "state": "hover",
1617
1623
  "colorScheme": "wireframe",
@@ -1626,7 +1632,7 @@
1626
1632
  },
1627
1633
  {
1628
1634
  "name": {
1629
- "component": "icon",
1635
+ "icon": "icon",
1630
1636
  "property": "color",
1631
1637
  "colorRole": "background",
1632
1638
  "colorFamily": "pink"
@@ -1637,7 +1643,7 @@
1637
1643
  },
1638
1644
  {
1639
1645
  "name": {
1640
- "component": "icon",
1646
+ "icon": "icon",
1641
1647
  "property": "color",
1642
1648
  "state": "default",
1643
1649
  "colorScheme": "light",
@@ -1652,7 +1658,7 @@
1652
1658
  },
1653
1659
  {
1654
1660
  "name": {
1655
- "component": "icon",
1661
+ "icon": "icon",
1656
1662
  "property": "color",
1657
1663
  "state": "default",
1658
1664
  "colorScheme": "dark",
@@ -1667,7 +1673,7 @@
1667
1673
  },
1668
1674
  {
1669
1675
  "name": {
1670
- "component": "icon",
1676
+ "icon": "icon",
1671
1677
  "property": "color",
1672
1678
  "state": "default",
1673
1679
  "colorScheme": "wireframe",
@@ -1682,7 +1688,7 @@
1682
1688
  },
1683
1689
  {
1684
1690
  "name": {
1685
- "component": "icon",
1691
+ "icon": "icon",
1686
1692
  "property": "color",
1687
1693
  "state": "down",
1688
1694
  "colorScheme": "light",
@@ -1697,7 +1703,7 @@
1697
1703
  },
1698
1704
  {
1699
1705
  "name": {
1700
- "component": "icon",
1706
+ "icon": "icon",
1701
1707
  "property": "color",
1702
1708
  "state": "down",
1703
1709
  "colorScheme": "dark",
@@ -1712,7 +1718,7 @@
1712
1718
  },
1713
1719
  {
1714
1720
  "name": {
1715
- "component": "icon",
1721
+ "icon": "icon",
1716
1722
  "property": "color",
1717
1723
  "state": "down",
1718
1724
  "colorScheme": "wireframe",
@@ -1727,7 +1733,7 @@
1727
1733
  },
1728
1734
  {
1729
1735
  "name": {
1730
- "component": "icon",
1736
+ "icon": "icon",
1731
1737
  "property": "color",
1732
1738
  "state": "hover",
1733
1739
  "colorScheme": "light",
@@ -1742,7 +1748,7 @@
1742
1748
  },
1743
1749
  {
1744
1750
  "name": {
1745
- "component": "icon",
1751
+ "icon": "icon",
1746
1752
  "property": "color",
1747
1753
  "state": "hover",
1748
1754
  "colorScheme": "dark",
@@ -1757,7 +1763,7 @@
1757
1763
  },
1758
1764
  {
1759
1765
  "name": {
1760
- "component": "icon",
1766
+ "icon": "icon",
1761
1767
  "property": "color",
1762
1768
  "state": "hover",
1763
1769
  "colorScheme": "wireframe",
@@ -1772,10 +1778,11 @@
1772
1778
  },
1773
1779
  {
1774
1780
  "name": {
1775
- "component": "icon",
1781
+ "icon": "icon",
1776
1782
  "property": "color",
1777
1783
  "state": "default",
1778
- "colorRole": "primary"
1784
+ "colorRole": "primary",
1785
+ "legacyKey": "icon-color-primary-default"
1779
1786
  },
1780
1787
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1781
1788
  "$ref": "43ca4c0d-7803-4e8e-b444-26fe70d5304c",
@@ -1783,10 +1790,11 @@
1783
1790
  },
1784
1791
  {
1785
1792
  "name": {
1786
- "component": "icon",
1793
+ "icon": "icon",
1787
1794
  "property": "color",
1788
1795
  "state": "down",
1789
- "colorRole": "primary"
1796
+ "colorRole": "primary",
1797
+ "legacyKey": "icon-color-primary-down"
1790
1798
  },
1791
1799
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1792
1800
  "$ref": "cf169d95-e427-4665-a983-c24727dbfa60",
@@ -1794,10 +1802,11 @@
1794
1802
  },
1795
1803
  {
1796
1804
  "name": {
1797
- "component": "icon",
1805
+ "icon": "icon",
1798
1806
  "property": "color",
1799
1807
  "state": "hover",
1800
- "colorRole": "primary"
1808
+ "colorRole": "primary",
1809
+ "legacyKey": "icon-color-primary-hover"
1801
1810
  },
1802
1811
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1803
1812
  "$ref": "d236bdc5-037b-4838-8401-8a0d5136936c",
@@ -1805,7 +1814,7 @@
1805
1814
  },
1806
1815
  {
1807
1816
  "name": {
1808
- "component": "icon",
1817
+ "icon": "icon",
1809
1818
  "property": "color",
1810
1819
  "colorRole": "background",
1811
1820
  "colorFamily": "purple"
@@ -1816,7 +1825,7 @@
1816
1825
  },
1817
1826
  {
1818
1827
  "name": {
1819
- "component": "icon",
1828
+ "icon": "icon",
1820
1829
  "property": "color",
1821
1830
  "state": "default",
1822
1831
  "colorScheme": "light",
@@ -1831,7 +1840,7 @@
1831
1840
  },
1832
1841
  {
1833
1842
  "name": {
1834
- "component": "icon",
1843
+ "icon": "icon",
1835
1844
  "property": "color",
1836
1845
  "state": "default",
1837
1846
  "colorScheme": "dark",
@@ -1846,7 +1855,7 @@
1846
1855
  },
1847
1856
  {
1848
1857
  "name": {
1849
- "component": "icon",
1858
+ "icon": "icon",
1850
1859
  "property": "color",
1851
1860
  "state": "default",
1852
1861
  "colorScheme": "wireframe",
@@ -1861,7 +1870,7 @@
1861
1870
  },
1862
1871
  {
1863
1872
  "name": {
1864
- "component": "icon",
1873
+ "icon": "icon",
1865
1874
  "property": "color",
1866
1875
  "state": "down",
1867
1876
  "colorScheme": "light",
@@ -1876,7 +1885,7 @@
1876
1885
  },
1877
1886
  {
1878
1887
  "name": {
1879
- "component": "icon",
1888
+ "icon": "icon",
1880
1889
  "property": "color",
1881
1890
  "state": "down",
1882
1891
  "colorScheme": "dark",
@@ -1891,7 +1900,7 @@
1891
1900
  },
1892
1901
  {
1893
1902
  "name": {
1894
- "component": "icon",
1903
+ "icon": "icon",
1895
1904
  "property": "color",
1896
1905
  "state": "down",
1897
1906
  "colorScheme": "wireframe",
@@ -1906,7 +1915,7 @@
1906
1915
  },
1907
1916
  {
1908
1917
  "name": {
1909
- "component": "icon",
1918
+ "icon": "icon",
1910
1919
  "property": "color",
1911
1920
  "state": "hover",
1912
1921
  "colorScheme": "light",
@@ -1921,7 +1930,7 @@
1921
1930
  },
1922
1931
  {
1923
1932
  "name": {
1924
- "component": "icon",
1933
+ "icon": "icon",
1925
1934
  "property": "color",
1926
1935
  "state": "hover",
1927
1936
  "colorScheme": "dark",
@@ -1936,7 +1945,7 @@
1936
1945
  },
1937
1946
  {
1938
1947
  "name": {
1939
- "component": "icon",
1948
+ "icon": "icon",
1940
1949
  "property": "color",
1941
1950
  "state": "hover",
1942
1951
  "colorScheme": "wireframe",
@@ -1951,7 +1960,7 @@
1951
1960
  },
1952
1961
  {
1953
1962
  "name": {
1954
- "component": "icon",
1963
+ "icon": "icon",
1955
1964
  "property": "color",
1956
1965
  "colorScheme": "light",
1957
1966
  "colorRole": "background",
@@ -1965,7 +1974,7 @@
1965
1974
  },
1966
1975
  {
1967
1976
  "name": {
1968
- "component": "icon",
1977
+ "icon": "icon",
1969
1978
  "property": "color",
1970
1979
  "colorScheme": "dark",
1971
1980
  "colorRole": "background",
@@ -1979,7 +1988,7 @@
1979
1988
  },
1980
1989
  {
1981
1990
  "name": {
1982
- "component": "icon",
1991
+ "icon": "icon",
1983
1992
  "property": "color",
1984
1993
  "colorScheme": "wireframe",
1985
1994
  "colorRole": "background",
@@ -1993,7 +2002,7 @@
1993
2002
  },
1994
2003
  {
1995
2004
  "name": {
1996
- "component": "icon",
2005
+ "icon": "icon",
1997
2006
  "property": "color",
1998
2007
  "state": "default",
1999
2008
  "colorScheme": "light",
@@ -2008,7 +2017,7 @@
2008
2017
  },
2009
2018
  {
2010
2019
  "name": {
2011
- "component": "icon",
2020
+ "icon": "icon",
2012
2021
  "property": "color",
2013
2022
  "state": "default",
2014
2023
  "colorScheme": "dark",
@@ -2023,7 +2032,7 @@
2023
2032
  },
2024
2033
  {
2025
2034
  "name": {
2026
- "component": "icon",
2035
+ "icon": "icon",
2027
2036
  "property": "color",
2028
2037
  "state": "default",
2029
2038
  "colorScheme": "wireframe",
@@ -2038,7 +2047,7 @@
2038
2047
  },
2039
2048
  {
2040
2049
  "name": {
2041
- "component": "icon",
2050
+ "icon": "icon",
2042
2051
  "property": "color",
2043
2052
  "state": "down",
2044
2053
  "colorScheme": "light",
@@ -2053,7 +2062,7 @@
2053
2062
  },
2054
2063
  {
2055
2064
  "name": {
2056
- "component": "icon",
2065
+ "icon": "icon",
2057
2066
  "property": "color",
2058
2067
  "state": "down",
2059
2068
  "colorScheme": "dark",
@@ -2068,7 +2077,7 @@
2068
2077
  },
2069
2078
  {
2070
2079
  "name": {
2071
- "component": "icon",
2080
+ "icon": "icon",
2072
2081
  "property": "color",
2073
2082
  "state": "down",
2074
2083
  "colorScheme": "wireframe",
@@ -2083,7 +2092,7 @@
2083
2092
  },
2084
2093
  {
2085
2094
  "name": {
2086
- "component": "icon",
2095
+ "icon": "icon",
2087
2096
  "property": "color",
2088
2097
  "state": "hover",
2089
2098
  "colorScheme": "light",
@@ -2098,7 +2107,7 @@
2098
2107
  },
2099
2108
  {
2100
2109
  "name": {
2101
- "component": "icon",
2110
+ "icon": "icon",
2102
2111
  "property": "color",
2103
2112
  "state": "hover",
2104
2113
  "colorScheme": "dark",
@@ -2113,7 +2122,7 @@
2113
2122
  },
2114
2123
  {
2115
2124
  "name": {
2116
- "component": "icon",
2125
+ "icon": "icon",
2117
2126
  "property": "color",
2118
2127
  "state": "hover",
2119
2128
  "colorScheme": "wireframe",
@@ -2128,7 +2137,7 @@
2128
2137
  },
2129
2138
  {
2130
2139
  "name": {
2131
- "component": "icon",
2140
+ "icon": "icon",
2132
2141
  "property": "color",
2133
2142
  "colorScheme": "light",
2134
2143
  "colorRole": "background",
@@ -2142,7 +2151,7 @@
2142
2151
  },
2143
2152
  {
2144
2153
  "name": {
2145
- "component": "icon",
2154
+ "icon": "icon",
2146
2155
  "property": "color",
2147
2156
  "colorScheme": "dark",
2148
2157
  "colorRole": "background",
@@ -2156,7 +2165,7 @@
2156
2165
  },
2157
2166
  {
2158
2167
  "name": {
2159
- "component": "icon",
2168
+ "icon": "icon",
2160
2169
  "property": "color",
2161
2170
  "colorScheme": "wireframe",
2162
2171
  "colorRole": "background",
@@ -2170,7 +2179,7 @@
2170
2179
  },
2171
2180
  {
2172
2181
  "name": {
2173
- "component": "icon",
2182
+ "icon": "icon",
2174
2183
  "property": "color",
2175
2184
  "state": "default",
2176
2185
  "colorRole": "primary",
@@ -2182,7 +2191,7 @@
2182
2191
  },
2183
2192
  {
2184
2193
  "name": {
2185
- "component": "icon",
2194
+ "icon": "icon",
2186
2195
  "property": "color",
2187
2196
  "state": "down",
2188
2197
  "colorRole": "primary",
@@ -2194,7 +2203,7 @@
2194
2203
  },
2195
2204
  {
2196
2205
  "name": {
2197
- "component": "icon",
2206
+ "icon": "icon",
2198
2207
  "property": "color",
2199
2208
  "state": "hover",
2200
2209
  "colorRole": "primary",
@@ -2206,7 +2215,7 @@
2206
2215
  },
2207
2216
  {
2208
2217
  "name": {
2209
- "component": "icon",
2218
+ "icon": "icon",
2210
2219
  "property": "color",
2211
2220
  "colorScheme": "light",
2212
2221
  "colorRole": "background",
@@ -2220,7 +2229,7 @@
2220
2229
  },
2221
2230
  {
2222
2231
  "name": {
2223
- "component": "icon",
2232
+ "icon": "icon",
2224
2233
  "property": "color",
2225
2234
  "colorScheme": "dark",
2226
2235
  "colorRole": "background",
@@ -2234,7 +2243,7 @@
2234
2243
  },
2235
2244
  {
2236
2245
  "name": {
2237
- "component": "icon",
2246
+ "icon": "icon",
2238
2247
  "property": "color",
2239
2248
  "colorScheme": "wireframe",
2240
2249
  "colorRole": "background",
@@ -2248,7 +2257,7 @@
2248
2257
  },
2249
2258
  {
2250
2259
  "name": {
2251
- "component": "icon",
2260
+ "icon": "icon",
2252
2261
  "property": "color",
2253
2262
  "state": "default",
2254
2263
  "colorScheme": "light",
@@ -2263,7 +2272,7 @@
2263
2272
  },
2264
2273
  {
2265
2274
  "name": {
2266
- "component": "icon",
2275
+ "icon": "icon",
2267
2276
  "property": "color",
2268
2277
  "state": "default",
2269
2278
  "colorScheme": "dark",
@@ -2278,7 +2287,7 @@
2278
2287
  },
2279
2288
  {
2280
2289
  "name": {
2281
- "component": "icon",
2290
+ "icon": "icon",
2282
2291
  "property": "color",
2283
2292
  "state": "default",
2284
2293
  "colorScheme": "wireframe",
@@ -2293,7 +2302,7 @@
2293
2302
  },
2294
2303
  {
2295
2304
  "name": {
2296
- "component": "icon",
2305
+ "icon": "icon",
2297
2306
  "property": "color",
2298
2307
  "state": "down",
2299
2308
  "colorScheme": "light",
@@ -2308,7 +2317,7 @@
2308
2317
  },
2309
2318
  {
2310
2319
  "name": {
2311
- "component": "icon",
2320
+ "icon": "icon",
2312
2321
  "property": "color",
2313
2322
  "state": "down",
2314
2323
  "colorScheme": "dark",
@@ -2323,7 +2332,7 @@
2323
2332
  },
2324
2333
  {
2325
2334
  "name": {
2326
- "component": "icon",
2335
+ "icon": "icon",
2327
2336
  "property": "color",
2328
2337
  "state": "down",
2329
2338
  "colorScheme": "wireframe",
@@ -2338,7 +2347,7 @@
2338
2347
  },
2339
2348
  {
2340
2349
  "name": {
2341
- "component": "icon",
2350
+ "icon": "icon",
2342
2351
  "property": "color",
2343
2352
  "state": "hover",
2344
2353
  "colorScheme": "light",
@@ -2353,7 +2362,7 @@
2353
2362
  },
2354
2363
  {
2355
2364
  "name": {
2356
- "component": "icon",
2365
+ "icon": "icon",
2357
2366
  "property": "color",
2358
2367
  "state": "hover",
2359
2368
  "colorScheme": "dark",
@@ -2368,7 +2377,7 @@
2368
2377
  },
2369
2378
  {
2370
2379
  "name": {
2371
- "component": "icon",
2380
+ "icon": "icon",
2372
2381
  "property": "color",
2373
2382
  "state": "hover",
2374
2383
  "colorScheme": "wireframe",
@@ -2383,7 +2392,7 @@
2383
2392
  },
2384
2393
  {
2385
2394
  "name": {
2386
- "component": "icon",
2395
+ "icon": "icon",
2387
2396
  "property": "color",
2388
2397
  "colorScheme": "light",
2389
2398
  "colorRole": "background",
@@ -2397,7 +2406,7 @@
2397
2406
  },
2398
2407
  {
2399
2408
  "name": {
2400
- "component": "icon",
2409
+ "icon": "icon",
2401
2410
  "property": "color",
2402
2411
  "colorScheme": "dark",
2403
2412
  "colorRole": "background",
@@ -2411,7 +2420,7 @@
2411
2420
  },
2412
2421
  {
2413
2422
  "name": {
2414
- "component": "icon",
2423
+ "icon": "icon",
2415
2424
  "property": "color",
2416
2425
  "colorScheme": "wireframe",
2417
2426
  "colorRole": "background",
@@ -2425,7 +2434,7 @@
2425
2434
  },
2426
2435
  {
2427
2436
  "name": {
2428
- "component": "icon",
2437
+ "icon": "icon",
2429
2438
  "property": "color",
2430
2439
  "state": "default",
2431
2440
  "colorScheme": "light",
@@ -2440,7 +2449,7 @@
2440
2449
  },
2441
2450
  {
2442
2451
  "name": {
2443
- "component": "icon",
2452
+ "icon": "icon",
2444
2453
  "property": "color",
2445
2454
  "state": "default",
2446
2455
  "colorScheme": "dark",
@@ -2455,7 +2464,7 @@
2455
2464
  },
2456
2465
  {
2457
2466
  "name": {
2458
- "component": "icon",
2467
+ "icon": "icon",
2459
2468
  "property": "color",
2460
2469
  "state": "default",
2461
2470
  "colorScheme": "wireframe",
@@ -2470,7 +2479,7 @@
2470
2479
  },
2471
2480
  {
2472
2481
  "name": {
2473
- "component": "icon",
2482
+ "icon": "icon",
2474
2483
  "property": "color",
2475
2484
  "state": "down",
2476
2485
  "colorScheme": "light",
@@ -2485,7 +2494,7 @@
2485
2494
  },
2486
2495
  {
2487
2496
  "name": {
2488
- "component": "icon",
2497
+ "icon": "icon",
2489
2498
  "property": "color",
2490
2499
  "state": "down",
2491
2500
  "colorScheme": "dark",
@@ -2500,7 +2509,7 @@
2500
2509
  },
2501
2510
  {
2502
2511
  "name": {
2503
- "component": "icon",
2512
+ "icon": "icon",
2504
2513
  "property": "color",
2505
2514
  "state": "down",
2506
2515
  "colorScheme": "wireframe",
@@ -2515,7 +2524,7 @@
2515
2524
  },
2516
2525
  {
2517
2526
  "name": {
2518
- "component": "icon",
2527
+ "icon": "icon",
2519
2528
  "property": "color",
2520
2529
  "state": "hover",
2521
2530
  "colorScheme": "light",
@@ -2530,7 +2539,7 @@
2530
2539
  },
2531
2540
  {
2532
2541
  "name": {
2533
- "component": "icon",
2542
+ "icon": "icon",
2534
2543
  "property": "color",
2535
2544
  "state": "hover",
2536
2545
  "colorScheme": "dark",
@@ -2545,7 +2554,7 @@
2545
2554
  },
2546
2555
  {
2547
2556
  "name": {
2548
- "component": "icon",
2557
+ "icon": "icon",
2549
2558
  "property": "color",
2550
2559
  "state": "hover",
2551
2560
  "colorScheme": "wireframe",
@@ -2560,7 +2569,7 @@
2560
2569
  },
2561
2570
  {
2562
2571
  "name": {
2563
- "component": "icon",
2572
+ "icon": "icon",
2564
2573
  "property": "color",
2565
2574
  "colorScheme": "light",
2566
2575
  "colorRole": "background",
@@ -2574,7 +2583,7 @@
2574
2583
  },
2575
2584
  {
2576
2585
  "name": {
2577
- "component": "icon",
2586
+ "icon": "icon",
2578
2587
  "property": "color",
2579
2588
  "colorScheme": "dark",
2580
2589
  "colorRole": "background",
@@ -2588,7 +2597,7 @@
2588
2597
  },
2589
2598
  {
2590
2599
  "name": {
2591
- "component": "icon",
2600
+ "icon": "icon",
2592
2601
  "property": "color",
2593
2602
  "colorScheme": "wireframe",
2594
2603
  "colorRole": "background",
@@ -2602,7 +2611,7 @@
2602
2611
  },
2603
2612
  {
2604
2613
  "name": {
2605
- "component": "icon",
2614
+ "icon": "icon",
2606
2615
  "property": "color",
2607
2616
  "state": "default",
2608
2617
  "colorScheme": "light",
@@ -2617,7 +2626,7 @@
2617
2626
  },
2618
2627
  {
2619
2628
  "name": {
2620
- "component": "icon",
2629
+ "icon": "icon",
2621
2630
  "property": "color",
2622
2631
  "state": "default",
2623
2632
  "colorScheme": "dark",
@@ -2632,7 +2641,7 @@
2632
2641
  },
2633
2642
  {
2634
2643
  "name": {
2635
- "component": "icon",
2644
+ "icon": "icon",
2636
2645
  "property": "color",
2637
2646
  "state": "default",
2638
2647
  "colorScheme": "wireframe",
@@ -2647,7 +2656,7 @@
2647
2656
  },
2648
2657
  {
2649
2658
  "name": {
2650
- "component": "icon",
2659
+ "icon": "icon",
2651
2660
  "property": "color",
2652
2661
  "state": "down",
2653
2662
  "colorScheme": "light",
@@ -2662,7 +2671,7 @@
2662
2671
  },
2663
2672
  {
2664
2673
  "name": {
2665
- "component": "icon",
2674
+ "icon": "icon",
2666
2675
  "property": "color",
2667
2676
  "state": "down",
2668
2677
  "colorScheme": "dark",
@@ -2677,7 +2686,7 @@
2677
2686
  },
2678
2687
  {
2679
2688
  "name": {
2680
- "component": "icon",
2689
+ "icon": "icon",
2681
2690
  "property": "color",
2682
2691
  "state": "down",
2683
2692
  "colorScheme": "wireframe",
@@ -2692,7 +2701,7 @@
2692
2701
  },
2693
2702
  {
2694
2703
  "name": {
2695
- "component": "icon",
2704
+ "icon": "icon",
2696
2705
  "property": "color",
2697
2706
  "state": "hover",
2698
2707
  "colorScheme": "light",
@@ -2707,7 +2716,7 @@
2707
2716
  },
2708
2717
  {
2709
2718
  "name": {
2710
- "component": "icon",
2719
+ "icon": "icon",
2711
2720
  "property": "color",
2712
2721
  "state": "hover",
2713
2722
  "colorScheme": "dark",
@@ -2722,7 +2731,7 @@
2722
2731
  },
2723
2732
  {
2724
2733
  "name": {
2725
- "component": "icon",
2734
+ "icon": "icon",
2726
2735
  "property": "color",
2727
2736
  "state": "hover",
2728
2737
  "colorScheme": "wireframe",