@adobe/spectrum-design-data 0.8.0 → 0.10.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 +33 -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 +80 -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 +56 -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 +2799 -1162
  49. package/tokens/layout.tokens.json +523 -155
  50. package/tokens/semantic-color-palette.tokens.json +85 -35
  51. package/tokens/typography.tokens.json +888 -381
package/tokens/semantic-color-palette.tokens.json CHANGED
@@ -129,9 +129,12 @@
129
129
  },
130
130
  {
131
131
  "name": {
132
- "property": "accent-subtle-background-color",
132
+ "colorRole": "accent",
133
+ "variant": "subtle",
134
+ "property": "background-color",
133
135
  "state": "default",
134
- "colorScheme": "light"
136
+ "colorScheme": "light",
137
+ "legacyKey": "accent-subtle-background-color-default"
135
138
  },
136
139
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
137
140
  "$ref": "cf583998-4dfd-4222-a554-8e05ed7fb5d6",
@@ -141,9 +144,12 @@
141
144
  },
142
145
  {
143
146
  "name": {
144
- "property": "accent-subtle-background-color",
147
+ "colorRole": "accent",
148
+ "variant": "subtle",
149
+ "property": "background-color",
145
150
  "state": "default",
146
- "colorScheme": "dark"
151
+ "colorScheme": "dark",
152
+ "legacyKey": "accent-subtle-background-color-default"
147
153
  },
148
154
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
149
155
  "$ref": "ea67f054-1f42-427e-a768-beb8d21de2a3",
@@ -153,9 +159,12 @@
153
159
  },
154
160
  {
155
161
  "name": {
156
- "property": "accent-subtle-background-color",
162
+ "colorRole": "accent",
163
+ "variant": "subtle",
164
+ "property": "background-color",
157
165
  "state": "default",
158
- "colorScheme": "wireframe"
166
+ "colorScheme": "wireframe",
167
+ "legacyKey": "accent-subtle-background-color-default"
159
168
  },
160
169
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
161
170
  "$ref": "cf583998-4dfd-4222-a554-8e05ed7fb5d6",
@@ -165,7 +174,8 @@
165
174
  },
166
175
  {
167
176
  "name": {
168
- "property": "icon-color-informative"
177
+ "property": "icon-color-informative",
178
+ "legacyKey": "icon-color-informative"
169
179
  },
170
180
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
171
181
  "$ref": "60aa72d2-3b00-4eea-973d-265a55d3095a",
@@ -173,7 +183,8 @@
173
183
  },
174
184
  {
175
185
  "name": {
176
- "property": "icon-color-negative"
186
+ "property": "icon-color-negative",
187
+ "legacyKey": "icon-color-negative"
177
188
  },
178
189
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
179
190
  "$ref": "23cea5fe-acb5-4460-add7-3512aaceeb35",
@@ -181,7 +192,8 @@
181
192
  },
182
193
  {
183
194
  "name": {
184
- "property": "icon-color-neutral"
195
+ "property": "icon-color-neutral",
196
+ "legacyKey": "icon-color-neutral"
185
197
  },
186
198
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
187
199
  "$ref": "d2b65b1e-de10-49c7-90d4-e3621edfdfa8",
@@ -189,7 +201,8 @@
189
201
  },
190
202
  {
191
203
  "name": {
192
- "property": "icon-color-notice"
204
+ "property": "icon-color-notice",
205
+ "legacyKey": "icon-color-notice"
193
206
  },
194
207
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
195
208
  "$ref": "da827479-f058-4117-9cd3-90cbe525d05d",
@@ -197,7 +210,8 @@
197
210
  },
198
211
  {
199
212
  "name": {
200
- "property": "icon-color-positive"
213
+ "property": "icon-color-positive",
214
+ "legacyKey": "icon-color-positive"
201
215
  },
202
216
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
203
217
  "$ref": "d439dfad-437a-4929-8d0d-9b9290dcb843",
@@ -333,9 +347,12 @@
333
347
  },
334
348
  {
335
349
  "name": {
336
- "property": "informative-subtle-background-color",
350
+ "colorRole": "informative",
351
+ "variant": "subtle",
352
+ "property": "background-color",
337
353
  "state": "default",
338
- "colorScheme": "light"
354
+ "colorScheme": "light",
355
+ "legacyKey": "informative-subtle-background-color-default"
339
356
  },
340
357
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
341
358
  "$ref": "df4ceb7f-aa84-4d71-ab3f-a56146ef146c",
@@ -345,9 +362,12 @@
345
362
  },
346
363
  {
347
364
  "name": {
348
- "property": "informative-subtle-background-color",
365
+ "colorRole": "informative",
366
+ "variant": "subtle",
367
+ "property": "background-color",
349
368
  "state": "default",
350
- "colorScheme": "dark"
369
+ "colorScheme": "dark",
370
+ "legacyKey": "informative-subtle-background-color-default"
351
371
  },
352
372
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
353
373
  "$ref": "0caae9f7-cad1-4cd6-b4a3-d47ac090d40a",
@@ -357,9 +377,12 @@
357
377
  },
358
378
  {
359
379
  "name": {
360
- "property": "informative-subtle-background-color",
380
+ "colorRole": "informative",
381
+ "variant": "subtle",
382
+ "property": "background-color",
361
383
  "state": "default",
362
- "colorScheme": "wireframe"
384
+ "colorScheme": "wireframe",
385
+ "legacyKey": "informative-subtle-background-color-default"
363
386
  },
364
387
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
365
388
  "$ref": "df4ceb7f-aa84-4d71-ab3f-a56146ef146c",
@@ -537,9 +560,12 @@
537
560
  },
538
561
  {
539
562
  "name": {
540
- "property": "negative-subtle-background-color",
563
+ "colorRole": "negative",
564
+ "variant": "subtle",
565
+ "property": "background-color",
541
566
  "state": "default",
542
- "colorScheme": "light"
567
+ "colorScheme": "light",
568
+ "legacyKey": "negative-subtle-background-color-default"
543
569
  },
544
570
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
545
571
  "$ref": "14919f0c-a40f-48d1-adfd-55826de8e600",
@@ -549,9 +575,12 @@
549
575
  },
550
576
  {
551
577
  "name": {
552
- "property": "negative-subtle-background-color",
578
+ "colorRole": "negative",
579
+ "variant": "subtle",
580
+ "property": "background-color",
553
581
  "state": "default",
554
- "colorScheme": "dark"
582
+ "colorScheme": "dark",
583
+ "legacyKey": "negative-subtle-background-color-default"
555
584
  },
556
585
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
557
586
  "$ref": "53486ec0-79f7-4853-ad5b-dacc5a904f8a",
@@ -561,9 +590,12 @@
561
590
  },
562
591
  {
563
592
  "name": {
564
- "property": "negative-subtle-background-color",
593
+ "colorRole": "negative",
594
+ "variant": "subtle",
595
+ "property": "background-color",
565
596
  "state": "default",
566
- "colorScheme": "wireframe"
597
+ "colorScheme": "wireframe",
598
+ "legacyKey": "negative-subtle-background-color-default"
567
599
  },
568
600
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
569
601
  "$ref": "14919f0c-a40f-48d1-adfd-55826de8e600",
@@ -701,9 +733,12 @@
701
733
  },
702
734
  {
703
735
  "name": {
704
- "property": "notice-subtle-background-color",
736
+ "colorRole": "notice",
737
+ "variant": "subtle",
738
+ "property": "background-color",
705
739
  "state": "default",
706
- "colorScheme": "light"
740
+ "colorScheme": "light",
741
+ "legacyKey": "notice-subtle-background-color-default"
707
742
  },
708
743
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
709
744
  "$ref": "b9218264-6bd0-4fee-8ab7-346428c9bbaa",
@@ -713,9 +748,12 @@
713
748
  },
714
749
  {
715
750
  "name": {
716
- "property": "notice-subtle-background-color",
751
+ "colorRole": "notice",
752
+ "variant": "subtle",
753
+ "property": "background-color",
717
754
  "state": "default",
718
- "colorScheme": "dark"
755
+ "colorScheme": "dark",
756
+ "legacyKey": "notice-subtle-background-color-default"
719
757
  },
720
758
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
721
759
  "$ref": "f1e8d13d-d9d2-46ea-befe-ebf1927e08dd",
@@ -725,9 +763,12 @@
725
763
  },
726
764
  {
727
765
  "name": {
728
- "property": "notice-subtle-background-color",
766
+ "colorRole": "notice",
767
+ "variant": "subtle",
768
+ "property": "background-color",
729
769
  "state": "default",
730
- "colorScheme": "wireframe"
770
+ "colorScheme": "wireframe",
771
+ "legacyKey": "notice-subtle-background-color-default"
731
772
  },
732
773
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
733
774
  "$ref": "b9218264-6bd0-4fee-8ab7-346428c9bbaa",
@@ -865,9 +906,12 @@
865
906
  },
866
907
  {
867
908
  "name": {
868
- "property": "positive-subtle-background-color",
909
+ "colorRole": "positive",
910
+ "variant": "subtle",
911
+ "property": "background-color",
869
912
  "state": "default",
870
- "colorScheme": "light"
913
+ "colorScheme": "light",
914
+ "legacyKey": "positive-subtle-background-color-default"
871
915
  },
872
916
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
873
917
  "$ref": "00a2adcc-7b8a-4e94-97d2-51a647016265",
@@ -877,9 +921,12 @@
877
921
  },
878
922
  {
879
923
  "name": {
880
- "property": "positive-subtle-background-color",
924
+ "colorRole": "positive",
925
+ "variant": "subtle",
926
+ "property": "background-color",
881
927
  "state": "default",
882
- "colorScheme": "dark"
928
+ "colorScheme": "dark",
929
+ "legacyKey": "positive-subtle-background-color-default"
883
930
  },
884
931
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
885
932
  "$ref": "2c75e63f-e628-487d-a143-e03de065d5ee",
@@ -889,9 +936,12 @@
889
936
  },
890
937
  {
891
938
  "name": {
892
- "property": "positive-subtle-background-color",
939
+ "colorRole": "positive",
940
+ "variant": "subtle",
941
+ "property": "background-color",
893
942
  "state": "default",
894
- "colorScheme": "wireframe"
943
+ "colorScheme": "wireframe",
944
+ "legacyKey": "positive-subtle-background-color-default"
895
945
  },
896
946
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
897
947
  "$ref": "00a2adcc-7b8a-4e94-97d2-51a647016265",