@adobe/spectrum-tokens 14.9.0 → 14.11.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.
- package/CHANGELOG.md +40 -0
- package/dist/json/variables.json +30 -150
- package/package.json +1 -1
- package/src/color-palette.json +369 -2212
- package/src/icons.json +127 -20
- package/src/typography.json +48 -240
package/src/icons.json
CHANGED
|
@@ -377,19 +377,36 @@
|
|
|
377
377
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
378
378
|
"component": "icon",
|
|
379
379
|
"uuid": "fcf4219b-fa42-4693-ba34-fc5f46bfcde8",
|
|
380
|
-
"value": "{cinnamon-800}"
|
|
380
|
+
"value": "{cinnamon-800}",
|
|
381
|
+
"name": {
|
|
382
|
+
"property": "icon-color",
|
|
383
|
+
"colorFamily": "cinnamon",
|
|
384
|
+
"variant": "primary"
|
|
385
|
+
}
|
|
381
386
|
},
|
|
382
387
|
"icon-color-cinnamon-primary-down": {
|
|
383
388
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
384
389
|
"component": "icon",
|
|
385
390
|
"uuid": "6cb36abc-7d86-4df0-a96d-36a4308a8ebd",
|
|
386
|
-
"value": "{cinnamon-1000}"
|
|
391
|
+
"value": "{cinnamon-1000}",
|
|
392
|
+
"name": {
|
|
393
|
+
"property": "icon-color",
|
|
394
|
+
"colorFamily": "cinnamon",
|
|
395
|
+
"variant": "primary",
|
|
396
|
+
"state": "down"
|
|
397
|
+
}
|
|
387
398
|
},
|
|
388
399
|
"icon-color-cinnamon-primary-hover": {
|
|
389
400
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
390
401
|
"component": "icon",
|
|
391
402
|
"uuid": "a91d68ae-30ac-496b-9558-39272e9926c4",
|
|
392
|
-
"value": "{cinnamon-900}"
|
|
403
|
+
"value": "{cinnamon-900}",
|
|
404
|
+
"name": {
|
|
405
|
+
"property": "icon-color",
|
|
406
|
+
"colorFamily": "cinnamon",
|
|
407
|
+
"variant": "primary",
|
|
408
|
+
"state": "hover"
|
|
409
|
+
}
|
|
393
410
|
},
|
|
394
411
|
"icon-color-cyan-background": {
|
|
395
412
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/color-set.json",
|
|
@@ -417,25 +434,47 @@
|
|
|
417
434
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
418
435
|
"component": "icon",
|
|
419
436
|
"uuid": "2855caf0-9b6d-4d45-bdb8-30aab37a237c",
|
|
420
|
-
"value": "{cyan-800}"
|
|
437
|
+
"value": "{cyan-800}",
|
|
438
|
+
"name": {
|
|
439
|
+
"property": "icon-color",
|
|
440
|
+
"colorFamily": "cyan",
|
|
441
|
+
"variant": "primary"
|
|
442
|
+
}
|
|
421
443
|
},
|
|
422
444
|
"icon-color-cyan-primary-down": {
|
|
423
445
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
424
446
|
"component": "icon",
|
|
425
447
|
"uuid": "c6ae865c-1938-4eec-b89c-7f793dc3f049",
|
|
426
|
-
"value": "{cyan-1000}"
|
|
448
|
+
"value": "{cyan-1000}",
|
|
449
|
+
"name": {
|
|
450
|
+
"property": "icon-color",
|
|
451
|
+
"colorFamily": "cyan",
|
|
452
|
+
"variant": "primary",
|
|
453
|
+
"state": "down"
|
|
454
|
+
}
|
|
427
455
|
},
|
|
428
456
|
"icon-color-cyan-primary-hover": {
|
|
429
457
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
430
458
|
"component": "icon",
|
|
431
459
|
"uuid": "2f68ac4a-be55-4fc7-b96e-987bdb5956ca",
|
|
432
|
-
"value": "{cyan-900}"
|
|
460
|
+
"value": "{cyan-900}",
|
|
461
|
+
"name": {
|
|
462
|
+
"property": "icon-color",
|
|
463
|
+
"colorFamily": "cyan",
|
|
464
|
+
"variant": "primary",
|
|
465
|
+
"state": "hover"
|
|
466
|
+
}
|
|
433
467
|
},
|
|
434
468
|
"icon-color-disabled-primary": {
|
|
435
469
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
436
470
|
"component": "icon",
|
|
437
471
|
"uuid": "12c9d145-7357-449e-a99a-1154dd5be026",
|
|
438
|
-
"value": "{gray-400}"
|
|
472
|
+
"value": "{gray-400}",
|
|
473
|
+
"name": {
|
|
474
|
+
"property": "icon-color",
|
|
475
|
+
"variant": "primary",
|
|
476
|
+
"state": "disabled"
|
|
477
|
+
}
|
|
439
478
|
},
|
|
440
479
|
"icon-color-emphasized-background": {
|
|
441
480
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -447,7 +486,12 @@
|
|
|
447
486
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
448
487
|
"component": "icon",
|
|
449
488
|
"uuid": "707601ab-a624-4466-9ce3-b52552b777a2",
|
|
450
|
-
"value": "{fuchsia-200}"
|
|
489
|
+
"value": "{fuchsia-200}",
|
|
490
|
+
"name": {
|
|
491
|
+
"property": "icon-color",
|
|
492
|
+
"colorFamily": "fuchsia",
|
|
493
|
+
"object": "background"
|
|
494
|
+
}
|
|
451
495
|
},
|
|
452
496
|
"icon-color-fuchsia-primary-default": {
|
|
453
497
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/color-set.json",
|
|
@@ -541,19 +585,36 @@
|
|
|
541
585
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
542
586
|
"component": "icon",
|
|
543
587
|
"uuid": "a0717159-cc62-4ba1-b1f1-a69dfb88c6ee",
|
|
544
|
-
"value": "{green-800}"
|
|
588
|
+
"value": "{green-800}",
|
|
589
|
+
"name": {
|
|
590
|
+
"property": "icon-color",
|
|
591
|
+
"colorFamily": "green",
|
|
592
|
+
"variant": "primary"
|
|
593
|
+
}
|
|
545
594
|
},
|
|
546
595
|
"icon-color-green-primary-down": {
|
|
547
596
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
548
597
|
"component": "icon",
|
|
549
598
|
"uuid": "c0acc956-e9de-469b-8919-aa0d8b762bb3",
|
|
550
|
-
"value": "{green-1000}"
|
|
599
|
+
"value": "{green-1000}",
|
|
600
|
+
"name": {
|
|
601
|
+
"property": "icon-color",
|
|
602
|
+
"colorFamily": "green",
|
|
603
|
+
"variant": "primary",
|
|
604
|
+
"state": "down"
|
|
605
|
+
}
|
|
551
606
|
},
|
|
552
607
|
"icon-color-green-primary-hover": {
|
|
553
608
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
554
609
|
"component": "icon",
|
|
555
610
|
"uuid": "9a667090-665d-47b2-b000-5a9f4fe26fcf",
|
|
556
|
-
"value": "{green-900}"
|
|
611
|
+
"value": "{green-900}",
|
|
612
|
+
"name": {
|
|
613
|
+
"property": "icon-color",
|
|
614
|
+
"colorFamily": "green",
|
|
615
|
+
"variant": "primary",
|
|
616
|
+
"state": "hover"
|
|
617
|
+
}
|
|
557
618
|
},
|
|
558
619
|
"icon-color-indigo-background": {
|
|
559
620
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/color-set.json",
|
|
@@ -660,7 +721,12 @@
|
|
|
660
721
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
661
722
|
"component": "icon",
|
|
662
723
|
"uuid": "2cf7dea9-034c-48a8-8946-d059320ced08",
|
|
663
|
-
"value": "{magenta-200}"
|
|
724
|
+
"value": "{magenta-200}",
|
|
725
|
+
"name": {
|
|
726
|
+
"property": "icon-color",
|
|
727
|
+
"colorFamily": "magenta",
|
|
728
|
+
"object": "background"
|
|
729
|
+
}
|
|
664
730
|
},
|
|
665
731
|
"icon-color-magenta-primary-default": {
|
|
666
732
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/color-set.json",
|
|
@@ -820,7 +886,12 @@
|
|
|
820
886
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
821
887
|
"component": "icon",
|
|
822
888
|
"uuid": "46d11573-718e-4e38-8493-f3a37a5e7d32",
|
|
823
|
-
"value": "{pink-200}"
|
|
889
|
+
"value": "{pink-200}",
|
|
890
|
+
"name": {
|
|
891
|
+
"property": "icon-color",
|
|
892
|
+
"colorFamily": "pink",
|
|
893
|
+
"object": "background"
|
|
894
|
+
}
|
|
824
895
|
},
|
|
825
896
|
"icon-color-pink-primary-default": {
|
|
826
897
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/color-set.json",
|
|
@@ -892,25 +963,44 @@
|
|
|
892
963
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
893
964
|
"component": "icon",
|
|
894
965
|
"uuid": "d143f2f2-e0d8-4eb3-b06c-86233321fb61",
|
|
895
|
-
"value": "{neutral-content-color-default}"
|
|
966
|
+
"value": "{neutral-content-color-default}",
|
|
967
|
+
"name": {
|
|
968
|
+
"property": "icon-color",
|
|
969
|
+
"variant": "primary"
|
|
970
|
+
}
|
|
896
971
|
},
|
|
897
972
|
"icon-color-primary-down": {
|
|
898
973
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
899
974
|
"component": "icon",
|
|
900
975
|
"uuid": "83223069-7a05-4b61-b1ec-2af8e712e0a2",
|
|
901
|
-
"value": "{neutral-content-color-down}"
|
|
976
|
+
"value": "{neutral-content-color-down}",
|
|
977
|
+
"name": {
|
|
978
|
+
"property": "icon-color",
|
|
979
|
+
"variant": "primary",
|
|
980
|
+
"state": "down"
|
|
981
|
+
}
|
|
902
982
|
},
|
|
903
983
|
"icon-color-primary-hover": {
|
|
904
984
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
905
985
|
"component": "icon",
|
|
906
986
|
"uuid": "2a3d8ce3-6294-41b2-ad19-c6b9b6ed7e10",
|
|
907
|
-
"value": "{neutral-content-color-hover}"
|
|
987
|
+
"value": "{neutral-content-color-hover}",
|
|
988
|
+
"name": {
|
|
989
|
+
"property": "icon-color",
|
|
990
|
+
"variant": "primary",
|
|
991
|
+
"state": "hover"
|
|
992
|
+
}
|
|
908
993
|
},
|
|
909
994
|
"icon-color-purple-background": {
|
|
910
995
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
911
996
|
"component": "icon",
|
|
912
997
|
"uuid": "5a9cdf9a-09a5-42bc-a0bf-6f187c6832c5",
|
|
913
|
-
"value": "{purple-200}"
|
|
998
|
+
"value": "{purple-200}",
|
|
999
|
+
"name": {
|
|
1000
|
+
"property": "icon-color",
|
|
1001
|
+
"colorFamily": "purple",
|
|
1002
|
+
"object": "background"
|
|
1003
|
+
}
|
|
914
1004
|
},
|
|
915
1005
|
"icon-color-purple-primary-default": {
|
|
916
1006
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/color-set.json",
|
|
@@ -1092,19 +1182,36 @@
|
|
|
1092
1182
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
1093
1183
|
"component": "icon",
|
|
1094
1184
|
"uuid": "aca36c2e-6dda-4b5e-a6e1-8db1bbb9e448",
|
|
1095
|
-
"value": "{seafoam-800}"
|
|
1185
|
+
"value": "{seafoam-800}",
|
|
1186
|
+
"name": {
|
|
1187
|
+
"property": "icon-color",
|
|
1188
|
+
"colorFamily": "seafoam",
|
|
1189
|
+
"variant": "primary"
|
|
1190
|
+
}
|
|
1096
1191
|
},
|
|
1097
1192
|
"icon-color-seafoam-primary-down": {
|
|
1098
1193
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
1099
1194
|
"component": "icon",
|
|
1100
1195
|
"uuid": "3d4610d5-0870-4af3-8878-483218d43f92",
|
|
1101
|
-
"value": "{seafoam-1000}"
|
|
1196
|
+
"value": "{seafoam-1000}",
|
|
1197
|
+
"name": {
|
|
1198
|
+
"property": "icon-color",
|
|
1199
|
+
"colorFamily": "seafoam",
|
|
1200
|
+
"variant": "primary",
|
|
1201
|
+
"state": "down"
|
|
1202
|
+
}
|
|
1102
1203
|
},
|
|
1103
1204
|
"icon-color-seafoam-primary-hover": {
|
|
1104
1205
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
1105
1206
|
"component": "icon",
|
|
1106
1207
|
"uuid": "cdc09dab-b4cc-4034-843b-98afcc36caf0",
|
|
1107
|
-
"value": "{seafoam-900}"
|
|
1208
|
+
"value": "{seafoam-900}",
|
|
1209
|
+
"name": {
|
|
1210
|
+
"property": "icon-color",
|
|
1211
|
+
"colorFamily": "seafoam",
|
|
1212
|
+
"variant": "primary",
|
|
1213
|
+
"state": "hover"
|
|
1214
|
+
}
|
|
1108
1215
|
},
|
|
1109
1216
|
"icon-color-silver-background": {
|
|
1110
1217
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/color-set.json",
|