@adobe/spectrum-design-data 1.0.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 (11) hide show
  1. package/package.json +2 -2
  2. package/registry/anatomy-terms.json +8 -4
  3. package/registry/property-terms.json +5 -0
  4. package/registry/variants.json +21 -0
  5. package/tokens/color-aliases.tokens.json +914 -569
  6. package/tokens/color-component.tokens.json +217 -118
  7. package/tokens/icons.tokens.json +9 -4
  8. package/tokens/layout-component.tokens.json +440 -213
  9. package/tokens/layout.tokens.json +38 -15
  10. package/tokens/semantic-color-palette.tokens.json +60 -35
  11. package/tokens/typography.tokens.json +17 -9
package/tokens/layout.tokens.json CHANGED
@@ -550,8 +550,11 @@
550
550
  },
551
551
  {
552
552
  "name": {
553
- "property": "base-padding-horizontal-uniform-2x-large",
554
- "legacyKey": "base-padding-horizontal-uniform-2x-large"
553
+ "property": "padding",
554
+ "legacyKey": "base-padding-horizontal-uniform-2x-large",
555
+ "orientation": "horizontal",
556
+ "shape": "uniform",
557
+ "size": "xxl"
555
558
  },
556
559
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
557
560
  "$ref": "51761a5c-200d-467d-a575-3722f825edb9",
@@ -560,8 +563,11 @@
560
563
  },
561
564
  {
562
565
  "name": {
563
- "property": "base-padding-horizontal-uniform-2x-small",
564
- "legacyKey": "base-padding-horizontal-uniform-2x-small"
566
+ "property": "padding",
567
+ "legacyKey": "base-padding-horizontal-uniform-2x-small",
568
+ "orientation": "horizontal",
569
+ "shape": "uniform",
570
+ "size": "xxs"
565
571
  },
566
572
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
567
573
  "$ref": "c5f12db9-a471-4678-9828-e9b3d80f550d",
@@ -570,8 +576,11 @@
570
576
  },
571
577
  {
572
578
  "name": {
573
- "property": "base-padding-horizontal-uniform-extra-large",
574
- "legacyKey": "base-padding-horizontal-uniform-extra-large"
579
+ "property": "padding",
580
+ "legacyKey": "base-padding-horizontal-uniform-extra-large",
581
+ "orientation": "horizontal",
582
+ "shape": "uniform",
583
+ "size": "xl"
575
584
  },
576
585
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
577
586
  "$ref": "62ea5f0e-3cb5-4535-8cd1-a7f30ba932fc",
@@ -580,8 +589,11 @@
580
589
  },
581
590
  {
582
591
  "name": {
583
- "property": "base-padding-horizontal-uniform-extra-small",
584
- "legacyKey": "base-padding-horizontal-uniform-extra-small"
592
+ "property": "padding",
593
+ "legacyKey": "base-padding-horizontal-uniform-extra-small",
594
+ "orientation": "horizontal",
595
+ "shape": "uniform",
596
+ "size": "xs"
585
597
  },
586
598
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
587
599
  "$ref": "e4437bc9-3acf-4bb5-9dab-39157a0d5e47",
@@ -590,8 +602,11 @@
590
602
  },
591
603
  {
592
604
  "name": {
593
- "property": "base-padding-horizontal-uniform-large",
594
- "legacyKey": "base-padding-horizontal-uniform-large"
605
+ "property": "padding",
606
+ "legacyKey": "base-padding-horizontal-uniform-large",
607
+ "orientation": "horizontal",
608
+ "shape": "uniform",
609
+ "size": "l"
595
610
  },
596
611
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
597
612
  "$ref": "cc707192-e70f-4965-8582-55fa97d02184",
@@ -600,8 +615,11 @@
600
615
  },
601
616
  {
602
617
  "name": {
603
- "property": "base-padding-horizontal-uniform-medium",
604
- "legacyKey": "base-padding-horizontal-uniform-medium"
618
+ "property": "padding",
619
+ "legacyKey": "base-padding-horizontal-uniform-medium",
620
+ "orientation": "horizontal",
621
+ "shape": "uniform",
622
+ "size": "m"
605
623
  },
606
624
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
607
625
  "$ref": "5741f832-f012-45bc-9e87-6e07ab2cb87f",
@@ -610,8 +628,11 @@
610
628
  },
611
629
  {
612
630
  "name": {
613
- "property": "base-padding-horizontal-uniform-small",
614
- "legacyKey": "base-padding-horizontal-uniform-small"
631
+ "property": "padding",
632
+ "legacyKey": "base-padding-horizontal-uniform-small",
633
+ "orientation": "horizontal",
634
+ "shape": "uniform",
635
+ "size": "s"
615
636
  },
616
637
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
617
638
  "$ref": "80b4ea6a-2f97-4d23-9256-61e30ed07f4d",
@@ -6013,7 +6034,9 @@
6013
6034
  },
6014
6035
  {
6015
6036
  "name": {
6016
- "property": "side-focus-indicator",
6037
+ "orientation": "vertical",
6038
+ "anatomy": "focus-indicator",
6039
+ "property": "thickness",
6017
6040
  "legacyKey": "side-focus-indicator"
6018
6041
  },
6019
6042
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
package/tokens/semantic-color-palette.tokens.json CHANGED
@@ -163,10 +163,11 @@
163
163
  "name": {
164
164
  "colorRole": "accent",
165
165
  "variant": "subtle",
166
- "property": "background-color",
166
+ "property": "color",
167
167
  "state": ["default"],
168
168
  "colorScheme": "light",
169
- "legacyKey": "accent-subtle-background-color-default"
169
+ "legacyKey": "accent-subtle-background-color-default",
170
+ "object": "background"
170
171
  },
171
172
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
172
173
  "$ref": "cf583998-4dfd-4222-a554-8e05ed7fb5d6",
@@ -178,10 +179,11 @@
178
179
  "name": {
179
180
  "colorRole": "accent",
180
181
  "variant": "subtle",
181
- "property": "background-color",
182
+ "property": "color",
182
183
  "state": ["default"],
183
184
  "colorScheme": "dark",
184
- "legacyKey": "accent-subtle-background-color-default"
185
+ "legacyKey": "accent-subtle-background-color-default",
186
+ "object": "background"
185
187
  },
186
188
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
187
189
  "$ref": "ea67f054-1f42-427e-a768-beb8d21de2a3",
@@ -193,10 +195,11 @@
193
195
  "name": {
194
196
  "colorRole": "accent",
195
197
  "variant": "subtle",
196
- "property": "background-color",
198
+ "property": "color",
197
199
  "state": ["default"],
198
200
  "colorScheme": "wireframe",
199
- "legacyKey": "accent-subtle-background-color-default"
201
+ "legacyKey": "accent-subtle-background-color-default",
202
+ "object": "background"
200
203
  },
201
204
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
202
205
  "$ref": "cf583998-4dfd-4222-a554-8e05ed7fb5d6",
@@ -206,7 +209,9 @@
206
209
  },
207
210
  {
208
211
  "name": {
209
- "property": "icon-color-informative",
212
+ "anatomy": "icon",
213
+ "property": "color",
214
+ "colorRole": "informative",
210
215
  "legacyKey": "icon-color-informative"
211
216
  },
212
217
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -215,7 +220,9 @@
215
220
  },
216
221
  {
217
222
  "name": {
218
- "property": "icon-color-negative",
223
+ "anatomy": "icon",
224
+ "property": "color",
225
+ "colorRole": "negative",
219
226
  "legacyKey": "icon-color-negative"
220
227
  },
221
228
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -224,7 +231,9 @@
224
231
  },
225
232
  {
226
233
  "name": {
227
- "property": "icon-color-neutral",
234
+ "anatomy": "icon",
235
+ "property": "color",
236
+ "colorRole": "neutral",
228
237
  "legacyKey": "icon-color-neutral"
229
238
  },
230
239
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -233,7 +242,9 @@
233
242
  },
234
243
  {
235
244
  "name": {
236
- "property": "icon-color-notice",
245
+ "anatomy": "icon",
246
+ "property": "color",
247
+ "colorRole": "notice",
237
248
  "legacyKey": "icon-color-notice"
238
249
  },
239
250
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -242,7 +253,9 @@
242
253
  },
243
254
  {
244
255
  "name": {
245
- "property": "icon-color-positive",
256
+ "anatomy": "icon",
257
+ "property": "color",
258
+ "colorRole": "positive",
246
259
  "legacyKey": "icon-color-positive"
247
260
  },
248
261
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -413,10 +426,11 @@
413
426
  "name": {
414
427
  "colorRole": "informative",
415
428
  "variant": "subtle",
416
- "property": "background-color",
429
+ "property": "color",
417
430
  "state": ["default"],
418
431
  "colorScheme": "light",
419
- "legacyKey": "informative-subtle-background-color-default"
432
+ "legacyKey": "informative-subtle-background-color-default",
433
+ "object": "background"
420
434
  },
421
435
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
422
436
  "$ref": "df4ceb7f-aa84-4d71-ab3f-a56146ef146c",
@@ -428,10 +442,11 @@
428
442
  "name": {
429
443
  "colorRole": "informative",
430
444
  "variant": "subtle",
431
- "property": "background-color",
445
+ "property": "color",
432
446
  "state": ["default"],
433
447
  "colorScheme": "dark",
434
- "legacyKey": "informative-subtle-background-color-default"
448
+ "legacyKey": "informative-subtle-background-color-default",
449
+ "object": "background"
435
450
  },
436
451
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
437
452
  "$ref": "0caae9f7-cad1-4cd6-b4a3-d47ac090d40a",
@@ -443,10 +458,11 @@
443
458
  "name": {
444
459
  "colorRole": "informative",
445
460
  "variant": "subtle",
446
- "property": "background-color",
461
+ "property": "color",
447
462
  "state": ["default"],
448
463
  "colorScheme": "wireframe",
449
- "legacyKey": "informative-subtle-background-color-default"
464
+ "legacyKey": "informative-subtle-background-color-default",
465
+ "object": "background"
450
466
  },
451
467
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
452
468
  "$ref": "df4ceb7f-aa84-4d71-ab3f-a56146ef146c",
@@ -670,10 +686,11 @@
670
686
  "name": {
671
687
  "colorRole": "negative",
672
688
  "variant": "subtle",
673
- "property": "background-color",
689
+ "property": "color",
674
690
  "state": ["default"],
675
691
  "colorScheme": "light",
676
- "legacyKey": "negative-subtle-background-color-default"
692
+ "legacyKey": "negative-subtle-background-color-default",
693
+ "object": "background"
677
694
  },
678
695
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
679
696
  "$ref": "14919f0c-a40f-48d1-adfd-55826de8e600",
@@ -685,10 +702,11 @@
685
702
  "name": {
686
703
  "colorRole": "negative",
687
704
  "variant": "subtle",
688
- "property": "background-color",
705
+ "property": "color",
689
706
  "state": ["default"],
690
707
  "colorScheme": "dark",
691
- "legacyKey": "negative-subtle-background-color-default"
708
+ "legacyKey": "negative-subtle-background-color-default",
709
+ "object": "background"
692
710
  },
693
711
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
694
712
  "$ref": "53486ec0-79f7-4853-ad5b-dacc5a904f8a",
@@ -700,10 +718,11 @@
700
718
  "name": {
701
719
  "colorRole": "negative",
702
720
  "variant": "subtle",
703
- "property": "background-color",
721
+ "property": "color",
704
722
  "state": ["default"],
705
723
  "colorScheme": "wireframe",
706
- "legacyKey": "negative-subtle-background-color-default"
724
+ "legacyKey": "negative-subtle-background-color-default",
725
+ "object": "background"
707
726
  },
708
727
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
709
728
  "$ref": "14919f0c-a40f-48d1-adfd-55826de8e600",
@@ -875,10 +894,11 @@
875
894
  "name": {
876
895
  "colorRole": "notice",
877
896
  "variant": "subtle",
878
- "property": "background-color",
897
+ "property": "color",
879
898
  "state": ["default"],
880
899
  "colorScheme": "light",
881
- "legacyKey": "notice-subtle-background-color-default"
900
+ "legacyKey": "notice-subtle-background-color-default",
901
+ "object": "background"
882
902
  },
883
903
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
884
904
  "$ref": "b9218264-6bd0-4fee-8ab7-346428c9bbaa",
@@ -890,10 +910,11 @@
890
910
  "name": {
891
911
  "colorRole": "notice",
892
912
  "variant": "subtle",
893
- "property": "background-color",
913
+ "property": "color",
894
914
  "state": ["default"],
895
915
  "colorScheme": "dark",
896
- "legacyKey": "notice-subtle-background-color-default"
916
+ "legacyKey": "notice-subtle-background-color-default",
917
+ "object": "background"
897
918
  },
898
919
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
899
920
  "$ref": "f1e8d13d-d9d2-46ea-befe-ebf1927e08dd",
@@ -905,10 +926,11 @@
905
926
  "name": {
906
927
  "colorRole": "notice",
907
928
  "variant": "subtle",
908
- "property": "background-color",
929
+ "property": "color",
909
930
  "state": ["default"],
910
931
  "colorScheme": "wireframe",
911
- "legacyKey": "notice-subtle-background-color-default"
932
+ "legacyKey": "notice-subtle-background-color-default",
933
+ "object": "background"
912
934
  },
913
935
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
914
936
  "$ref": "b9218264-6bd0-4fee-8ab7-346428c9bbaa",
@@ -1080,10 +1102,11 @@
1080
1102
  "name": {
1081
1103
  "colorRole": "positive",
1082
1104
  "variant": "subtle",
1083
- "property": "background-color",
1105
+ "property": "color",
1084
1106
  "state": ["default"],
1085
1107
  "colorScheme": "light",
1086
- "legacyKey": "positive-subtle-background-color-default"
1108
+ "legacyKey": "positive-subtle-background-color-default",
1109
+ "object": "background"
1087
1110
  },
1088
1111
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1089
1112
  "$ref": "00a2adcc-7b8a-4e94-97d2-51a647016265",
@@ -1095,10 +1118,11 @@
1095
1118
  "name": {
1096
1119
  "colorRole": "positive",
1097
1120
  "variant": "subtle",
1098
- "property": "background-color",
1121
+ "property": "color",
1099
1122
  "state": ["default"],
1100
1123
  "colorScheme": "dark",
1101
- "legacyKey": "positive-subtle-background-color-default"
1124
+ "legacyKey": "positive-subtle-background-color-default",
1125
+ "object": "background"
1102
1126
  },
1103
1127
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1104
1128
  "$ref": "2c75e63f-e628-487d-a143-e03de065d5ee",
@@ -1110,10 +1134,11 @@
1110
1134
  "name": {
1111
1135
  "colorRole": "positive",
1112
1136
  "variant": "subtle",
1113
- "property": "background-color",
1137
+ "property": "color",
1114
1138
  "state": ["default"],
1115
1139
  "colorScheme": "wireframe",
1116
- "legacyKey": "positive-subtle-background-color-default"
1140
+ "legacyKey": "positive-subtle-background-color-default",
1141
+ "object": "background"
1117
1142
  },
1118
1143
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1119
1144
  "$ref": "00a2adcc-7b8a-4e94-97d2-51a647016265",
package/tokens/typography.tokens.json CHANGED
@@ -1077,7 +1077,7 @@
1077
1077
  },
1078
1078
  {
1079
1079
  "name": {
1080
- "property": "default-font-family",
1080
+ "property": "font-family",
1081
1081
  "legacyKey": "default-font-family"
1082
1082
  },
1083
1083
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -1387,8 +1387,10 @@
1387
1387
  {
1388
1388
  "name": {
1389
1389
  "component": "detail",
1390
- "property": "margin-bottom-multiplier",
1391
- "structure": "detail"
1390
+ "property": "margin",
1391
+ "structure": "detail",
1392
+ "position": ["bottom"],
1393
+ "legacyKey": "detail-margin-bottom-multiplier"
1392
1394
  },
1393
1395
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/multiplier.json",
1394
1396
  "value": 0.25,
@@ -1397,8 +1399,10 @@
1397
1399
  {
1398
1400
  "name": {
1399
1401
  "component": "detail",
1400
- "property": "margin-top-multiplier",
1401
- "structure": "detail"
1402
+ "property": "margin",
1403
+ "structure": "detail",
1404
+ "position": ["top"],
1405
+ "legacyKey": "detail-margin-top-multiplier"
1402
1406
  },
1403
1407
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/multiplier.json",
1404
1408
  "value": 0.88888889,
@@ -2764,8 +2768,10 @@
2764
2768
  {
2765
2769
  "name": {
2766
2770
  "component": "heading",
2767
- "property": "margin-bottom-multiplier",
2768
- "structure": "heading"
2771
+ "property": "margin",
2772
+ "structure": "heading",
2773
+ "position": ["bottom"],
2774
+ "legacyKey": "heading-margin-bottom-multiplier"
2769
2775
  },
2770
2776
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/multiplier.json",
2771
2777
  "value": 0.25,
@@ -2774,8 +2780,10 @@
2774
2780
  {
2775
2781
  "name": {
2776
2782
  "component": "heading",
2777
- "property": "margin-top-multiplier",
2778
- "structure": "heading"
2783
+ "property": "margin",
2784
+ "structure": "heading",
2785
+ "position": ["top"],
2786
+ "legacyKey": "heading-margin-top-multiplier"
2779
2787
  },
2780
2788
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/multiplier.json",
2781
2789
  "value": 0.88888889,