@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/color-component.tokens.json CHANGED
@@ -2,8 +2,10 @@
2
2
  {
3
3
  "name": {
4
4
  "component": "action-bar",
5
- "property": "border-color",
6
- "colorScheme": "light"
5
+ "property": "color",
6
+ "colorScheme": "light",
7
+ "object": "border",
8
+ "legacyKey": "action-bar-border-color"
7
9
  },
8
10
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
9
11
  "$ref": "98a7279b-e21c-41ae-9bae-8b9b2b243e35",
@@ -14,8 +16,10 @@
14
16
  {
15
17
  "name": {
16
18
  "component": "action-bar",
17
- "property": "border-color",
18
- "colorScheme": "dark"
19
+ "property": "color",
20
+ "colorScheme": "dark",
21
+ "object": "border",
22
+ "legacyKey": "action-bar-border-color"
19
23
  },
20
24
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
21
25
  "$ref": "d1edde4a-c912-42fb-b8d4-e10e6b994d2f",
@@ -26,8 +30,10 @@
26
30
  {
27
31
  "name": {
28
32
  "component": "action-bar",
29
- "property": "border-color",
30
- "colorScheme": "wireframe"
33
+ "property": "color",
34
+ "colorScheme": "wireframe",
35
+ "object": "border",
36
+ "legacyKey": "action-bar-border-color"
31
37
  },
32
38
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
33
39
  "$ref": "98a7279b-e21c-41ae-9bae-8b9b2b243e35",
@@ -38,7 +44,9 @@
38
44
  {
39
45
  "name": {
40
46
  "component": "avatar",
41
- "property": "border-color"
47
+ "property": "color",
48
+ "object": "border",
49
+ "legacyKey": "avatar-border-color"
42
50
  },
43
51
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
44
52
  "$ref": "306be0f2-7644-4480-8c83-3bdb1afed54e",
@@ -48,7 +56,7 @@
48
56
  "name": {
49
57
  "component": "avatar",
50
58
  "property": "opacity",
51
- "state": "disabled"
59
+ "state": ["disabled"]
52
60
  },
53
61
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
54
62
  "$ref": "fdf6fd5d-55a0-4428-a258-4e8fafc74b74",
@@ -80,7 +88,9 @@
80
88
  {
81
89
  "name": {
82
90
  "component": "card",
83
- "property": "background-loading-color",
91
+ "object": "background",
92
+ "property": "color",
93
+ "state": ["loading"],
84
94
  "legacyKey": "card-background-loading-color"
85
95
  },
86
96
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -91,8 +101,9 @@
91
101
  "name": {
92
102
  "component": "card",
93
103
  "anatomy": "well",
94
- "property": "background-color",
95
- "legacyKey": "card-background-well-color"
104
+ "property": "color",
105
+ "legacyKey": "card-background-well-color",
106
+ "object": "background"
96
107
  },
97
108
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
98
109
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -101,9 +112,11 @@
101
112
  {
102
113
  "name": {
103
114
  "component": "card",
104
- "property": "background-color",
115
+ "property": "color",
105
116
  "colorScheme": "light",
106
- "anatomy": "selection"
117
+ "anatomy": "selection",
118
+ "object": "background",
119
+ "legacyKey": "card-selection-background-color"
107
120
  },
108
121
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
109
122
  "$ref": "b24431ee-5c72-4a73-8733-746c6f5d77c0",
@@ -114,9 +127,11 @@
114
127
  {
115
128
  "name": {
116
129
  "component": "card",
117
- "property": "background-color",
130
+ "property": "color",
118
131
  "colorScheme": "dark",
119
- "anatomy": "selection"
132
+ "anatomy": "selection",
133
+ "object": "background",
134
+ "legacyKey": "card-selection-background-color"
120
135
  },
121
136
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
122
137
  "$ref": "199e19a5-bf7d-4933-8425-d7d5881e4cf5",
@@ -127,9 +142,11 @@
127
142
  {
128
143
  "name": {
129
144
  "component": "card",
130
- "property": "background-color",
145
+ "property": "color",
131
146
  "colorScheme": "wireframe",
132
- "anatomy": "selection"
147
+ "anatomy": "selection",
148
+ "object": "background",
149
+ "legacyKey": "card-selection-background-color"
133
150
  },
134
151
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
135
152
  "$ref": "199e19a5-bf7d-4933-8425-d7d5881e4cf5",
@@ -172,7 +189,9 @@
172
189
  {
173
190
  "name": {
174
191
  "component": "color-area",
175
- "property": "border-color"
192
+ "property": "color",
193
+ "object": "border",
194
+ "legacyKey": "color-area-border-color"
176
195
  },
177
196
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
178
197
  "$ref": "dbe6ded6-404a-4011-9a64-d2375eca73d3",
@@ -181,7 +200,9 @@
181
200
  {
182
201
  "name": {
183
202
  "component": "color-area",
184
- "property": "border-opacity"
203
+ "property": "opacity",
204
+ "object": "border",
205
+ "legacyKey": "color-area-border-opacity"
185
206
  },
186
207
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
187
208
  "value": "0.1",
@@ -205,8 +226,9 @@
205
226
  "name": {
206
227
  "component": "color-handle",
207
228
  "position": "inner",
208
- "property": "border-color",
209
- "legacyKey": "color-handle-inner-border-color"
229
+ "property": "color",
230
+ "legacyKey": "color-handle-inner-border-color",
231
+ "object": "border"
210
232
  },
211
233
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
212
234
  "$ref": "28dea8b0-4e9a-46f9-babb-c8910e6ae783",
@@ -216,8 +238,9 @@
216
238
  "name": {
217
239
  "component": "color-handle",
218
240
  "position": "inner",
219
- "property": "border-opacity",
220
- "legacyKey": "color-handle-inner-border-opacity"
241
+ "property": "opacity",
242
+ "legacyKey": "color-handle-inner-border-opacity",
243
+ "object": "border"
221
244
  },
222
245
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
223
246
  "value": "0.42",
@@ -227,8 +250,9 @@
227
250
  "name": {
228
251
  "component": "color-handle",
229
252
  "position": "outer",
230
- "property": "border-color",
231
- "legacyKey": "color-handle-outer-border-color"
253
+ "property": "color",
254
+ "legacyKey": "color-handle-outer-border-color",
255
+ "object": "border"
232
256
  },
233
257
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
234
258
  "$ref": "28dea8b0-4e9a-46f9-babb-c8910e6ae783",
@@ -238,8 +262,9 @@
238
262
  "name": {
239
263
  "component": "color-handle",
240
264
  "position": "outer",
241
- "property": "border-opacity",
242
- "legacyKey": "color-handle-outer-border-opacity"
265
+ "property": "opacity",
266
+ "legacyKey": "color-handle-outer-border-opacity",
267
+ "object": "border"
243
268
  },
244
269
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
245
270
  "$ref": "72b473c6-ec9b-4830-a0f8-48b80070e7b8",
@@ -287,8 +312,9 @@
287
312
  "name": {
288
313
  "component": "color-loupe",
289
314
  "position": "inner",
290
- "property": "border-color",
291
- "legacyKey": "color-loupe-inner-border"
315
+ "property": "color",
316
+ "legacyKey": "color-loupe-inner-border",
317
+ "object": "border"
292
318
  },
293
319
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
294
320
  "$ref": "a84ecad8-8005-4ce4-add6-7f83f7e05ba0",
@@ -298,8 +324,9 @@
298
324
  "name": {
299
325
  "component": "color-loupe",
300
326
  "position": "outer",
301
- "property": "border-color",
302
- "legacyKey": "color-loupe-outer-border"
327
+ "property": "color",
328
+ "legacyKey": "color-loupe-outer-border",
329
+ "object": "border"
303
330
  },
304
331
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
305
332
  "$ref": "9b799da8-2130-417e-b7ee-5e1154a89837",
@@ -308,7 +335,9 @@
308
335
  {
309
336
  "name": {
310
337
  "component": "color-slider",
311
- "property": "border-color"
338
+ "property": "color",
339
+ "object": "border",
340
+ "legacyKey": "color-slider-border-color"
312
341
  },
313
342
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
314
343
  "$ref": "dbe6ded6-404a-4011-9a64-d2375eca73d3",
@@ -317,7 +346,9 @@
317
346
  {
318
347
  "name": {
319
348
  "component": "color-slider",
320
- "property": "border-opacity"
349
+ "property": "opacity",
350
+ "object": "border",
351
+ "legacyKey": "color-slider-border-opacity"
321
352
  },
322
353
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
323
354
  "value": "0.1",
@@ -326,7 +357,9 @@
326
357
  {
327
358
  "name": {
328
359
  "component": "color-wheel",
329
- "property": "border-color"
360
+ "property": "color",
361
+ "object": "border",
362
+ "legacyKey": "color-wheel-border-color"
330
363
  },
331
364
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
332
365
  "$ref": "dbe6ded6-404a-4011-9a64-d2375eca73d3",
@@ -335,7 +368,9 @@
335
368
  {
336
369
  "name": {
337
370
  "component": "color-wheel",
338
- "property": "border-opacity"
371
+ "property": "opacity",
372
+ "object": "border",
373
+ "legacyKey": "color-wheel-border-opacity"
339
374
  },
340
375
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
341
376
  "value": "0.1",
@@ -344,7 +379,9 @@
344
379
  {
345
380
  "name": {
346
381
  "component": "drop-zone",
347
- "property": "background-color"
382
+ "property": "color",
383
+ "object": "background",
384
+ "legacyKey": "drop-zone-background-color"
348
385
  },
349
386
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
350
387
  "$ref": "d7414fe1-8b85-45d9-952e-ab6c4c7b7620",
@@ -366,7 +403,7 @@
366
403
  "component": "drop-zone",
367
404
  "object": "background",
368
405
  "property": "opacity",
369
- "state": "filled",
406
+ "state": ["filled"],
370
407
  "legacyKey": "drop-zone-background-color-opacity-filled"
371
408
  },
372
409
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
@@ -401,9 +438,10 @@
401
438
  "component": "menu",
402
439
  "anatomy": "menu-item",
403
440
  "legacyKey": "menu-item-background-color-default",
404
- "property": "background-color",
405
- "state": "default",
406
- "colorScheme": "light"
441
+ "property": "color",
442
+ "state": ["default"],
443
+ "colorScheme": "light",
444
+ "object": "background"
407
445
  },
408
446
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
409
447
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -416,9 +454,10 @@
416
454
  "component": "menu",
417
455
  "anatomy": "menu-item",
418
456
  "legacyKey": "menu-item-background-color-default",
419
- "property": "background-color",
420
- "state": "default",
421
- "colorScheme": "dark"
457
+ "property": "color",
458
+ "state": ["default"],
459
+ "colorScheme": "dark",
460
+ "object": "background"
422
461
  },
423
462
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
424
463
  "$ref": "8a182a6b-149b-41a6-b608-fc247bcc298f",
@@ -431,9 +470,10 @@
431
470
  "component": "menu",
432
471
  "anatomy": "menu-item",
433
472
  "legacyKey": "menu-item-background-color-default",
434
- "property": "background-color",
435
- "state": "default",
436
- "colorScheme": "wireframe"
473
+ "property": "color",
474
+ "state": ["default"],
475
+ "colorScheme": "wireframe",
476
+ "object": "background"
437
477
  },
438
478
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
439
479
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -446,9 +486,10 @@
446
486
  "component": "menu",
447
487
  "anatomy": "menu-item",
448
488
  "legacyKey": "menu-item-background-color-disabled",
449
- "property": "background-color",
450
- "state": "disabled",
451
- "colorScheme": "light"
489
+ "property": "color",
490
+ "state": ["disabled"],
491
+ "colorScheme": "light",
492
+ "object": "background"
452
493
  },
453
494
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
454
495
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -461,9 +502,10 @@
461
502
  "component": "menu",
462
503
  "anatomy": "menu-item",
463
504
  "legacyKey": "menu-item-background-color-disabled",
464
- "property": "background-color",
465
- "state": "disabled",
466
- "colorScheme": "dark"
505
+ "property": "color",
506
+ "state": ["disabled"],
507
+ "colorScheme": "dark",
508
+ "object": "background"
467
509
  },
468
510
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
469
511
  "$ref": "8a182a6b-149b-41a6-b608-fc247bcc298f",
@@ -476,9 +518,10 @@
476
518
  "component": "menu",
477
519
  "anatomy": "menu-item",
478
520
  "legacyKey": "menu-item-background-color-disabled",
479
- "property": "background-color",
480
- "state": "disabled",
481
- "colorScheme": "wireframe"
521
+ "property": "color",
522
+ "state": ["disabled"],
523
+ "colorScheme": "wireframe",
524
+ "object": "background"
482
525
  },
483
526
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
484
527
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -491,9 +534,10 @@
491
534
  "component": "menu",
492
535
  "anatomy": "menu-item",
493
536
  "legacyKey": "menu-item-background-color-down",
494
- "property": "background-color",
495
- "state": "down",
496
- "colorScheme": "light"
537
+ "property": "color",
538
+ "state": ["down"],
539
+ "colorScheme": "light",
540
+ "object": "background"
497
541
  },
498
542
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
499
543
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -506,9 +550,10 @@
506
550
  "component": "menu",
507
551
  "anatomy": "menu-item",
508
552
  "legacyKey": "menu-item-background-color-down",
509
- "property": "background-color",
510
- "state": "down",
511
- "colorScheme": "dark"
553
+ "property": "color",
554
+ "state": ["down"],
555
+ "colorScheme": "dark",
556
+ "object": "background"
512
557
  },
513
558
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
514
559
  "$ref": "8a182a6b-149b-41a6-b608-fc247bcc298f",
@@ -521,9 +566,10 @@
521
566
  "component": "menu",
522
567
  "anatomy": "menu-item",
523
568
  "legacyKey": "menu-item-background-color-down",
524
- "property": "background-color",
525
- "state": "down",
526
- "colorScheme": "wireframe"
569
+ "property": "color",
570
+ "state": ["down"],
571
+ "colorScheme": "wireframe",
572
+ "object": "background"
527
573
  },
528
574
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
529
575
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -536,9 +582,10 @@
536
582
  "component": "menu",
537
583
  "anatomy": "menu-item",
538
584
  "legacyKey": "menu-item-background-color-hover",
539
- "property": "background-color",
540
- "state": "hover",
541
- "colorScheme": "light"
585
+ "property": "color",
586
+ "state": ["hover"],
587
+ "colorScheme": "light",
588
+ "object": "background"
542
589
  },
543
590
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
544
591
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -551,9 +598,10 @@
551
598
  "component": "menu",
552
599
  "anatomy": "menu-item",
553
600
  "legacyKey": "menu-item-background-color-hover",
554
- "property": "background-color",
555
- "state": "hover",
556
- "colorScheme": "dark"
601
+ "property": "color",
602
+ "state": ["hover"],
603
+ "colorScheme": "dark",
604
+ "object": "background"
557
605
  },
558
606
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
559
607
  "$ref": "8a182a6b-149b-41a6-b608-fc247bcc298f",
@@ -566,9 +614,10 @@
566
614
  "component": "menu",
567
615
  "anatomy": "menu-item",
568
616
  "legacyKey": "menu-item-background-color-hover",
569
- "property": "background-color",
570
- "state": "hover",
571
- "colorScheme": "wireframe"
617
+ "property": "color",
618
+ "state": ["hover"],
619
+ "colorScheme": "wireframe",
620
+ "object": "background"
572
621
  },
573
622
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
574
623
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -581,9 +630,10 @@
581
630
  "component": "menu",
582
631
  "anatomy": "menu-item",
583
632
  "legacyKey": "menu-item-background-color-keyboard-focus",
584
- "property": "background-color",
585
- "state": "keyboard-focus",
586
- "colorScheme": "light"
633
+ "property": "color",
634
+ "state": ["keyboard-focus"],
635
+ "colorScheme": "light",
636
+ "object": "background"
587
637
  },
588
638
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
589
639
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -596,9 +646,10 @@
596
646
  "component": "menu",
597
647
  "anatomy": "menu-item",
598
648
  "legacyKey": "menu-item-background-color-keyboard-focus",
599
- "property": "background-color",
600
- "state": "keyboard-focus",
601
- "colorScheme": "dark"
649
+ "property": "color",
650
+ "state": ["keyboard-focus"],
651
+ "colorScheme": "dark",
652
+ "object": "background"
602
653
  },
603
654
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
604
655
  "$ref": "8a182a6b-149b-41a6-b608-fc247bcc298f",
@@ -611,9 +662,10 @@
611
662
  "component": "menu",
612
663
  "anatomy": "menu-item",
613
664
  "legacyKey": "menu-item-background-color-keyboard-focus",
614
- "property": "background-color",
615
- "state": "keyboard-focus",
616
- "colorScheme": "wireframe"
665
+ "property": "color",
666
+ "state": ["keyboard-focus"],
667
+ "colorScheme": "wireframe",
668
+ "object": "background"
617
669
  },
618
670
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
619
671
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -673,8 +725,10 @@
673
725
  {
674
726
  "name": {
675
727
  "component": "popover",
676
- "property": "border-color",
677
- "colorScheme": "light"
728
+ "property": "color",
729
+ "colorScheme": "light",
730
+ "object": "border",
731
+ "legacyKey": "popover-border-color"
678
732
  },
679
733
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
680
734
  "$ref": "98a7279b-e21c-41ae-9bae-8b9b2b243e35",
@@ -685,8 +739,10 @@
685
739
  {
686
740
  "name": {
687
741
  "component": "popover",
688
- "property": "border-color",
689
- "colorScheme": "dark"
742
+ "property": "color",
743
+ "colorScheme": "dark",
744
+ "object": "border",
745
+ "legacyKey": "popover-border-color"
690
746
  },
691
747
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
692
748
  "$ref": "d1edde4a-c912-42fb-b8d4-e10e6b994d2f",
@@ -697,8 +753,10 @@
697
753
  {
698
754
  "name": {
699
755
  "component": "popover",
700
- "property": "border-color",
701
- "colorScheme": "wireframe"
756
+ "property": "color",
757
+ "colorScheme": "wireframe",
758
+ "object": "border",
759
+ "legacyKey": "popover-border-color"
702
760
  },
703
761
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
704
762
  "$ref": "8a182a6b-149b-41a6-b608-fc247bcc298f",
@@ -709,8 +767,10 @@
709
767
  {
710
768
  "name": {
711
769
  "component": "popover",
712
- "property": "border-opacity",
713
- "colorScheme": "light"
770
+ "property": "opacity",
771
+ "colorScheme": "light",
772
+ "object": "border",
773
+ "legacyKey": "popover-border-opacity"
714
774
  },
715
775
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
716
776
  "value": "0",
@@ -721,8 +781,10 @@
721
781
  {
722
782
  "name": {
723
783
  "component": "popover",
724
- "property": "border-opacity",
725
- "colorScheme": "dark"
784
+ "property": "opacity",
785
+ "colorScheme": "dark",
786
+ "object": "border",
787
+ "legacyKey": "popover-border-opacity"
726
788
  },
727
789
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
728
790
  "value": "1.0",
@@ -733,8 +795,10 @@
733
795
  {
734
796
  "name": {
735
797
  "component": "popover",
736
- "property": "border-opacity",
737
- "colorScheme": "wireframe"
798
+ "property": "opacity",
799
+ "colorScheme": "wireframe",
800
+ "object": "border",
801
+ "legacyKey": "popover-border-opacity"
738
802
  },
739
803
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
740
804
  "value": "0",
@@ -745,9 +809,10 @@
745
809
  {
746
810
  "name": {
747
811
  "component": "select-box",
748
- "property": "border-color",
749
- "state": "selected",
750
- "legacyKey": "select-box-selected-border-color"
812
+ "property": "color",
813
+ "state": ["selected"],
814
+ "legacyKey": "select-box-selected-border-color",
815
+ "object": "border"
751
816
  },
752
817
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
753
818
  "$ref": "f417fb5b-c7cc-41c2-a870-f6cd9a280c22",
@@ -756,8 +821,10 @@
756
821
  {
757
822
  "name": {
758
823
  "component": "stack-item",
759
- "property": "background-color",
760
- "state": "down"
824
+ "property": "color",
825
+ "state": ["down"],
826
+ "object": "background",
827
+ "legacyKey": "stack-item-background-color-down"
761
828
  },
762
829
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
763
830
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -766,8 +833,10 @@
766
833
  {
767
834
  "name": {
768
835
  "component": "stack-item",
769
- "property": "background-color",
770
- "state": "hover"
836
+ "property": "color",
837
+ "state": ["hover"],
838
+ "object": "background",
839
+ "legacyKey": "stack-item-background-color-hover"
771
840
  },
772
841
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
773
842
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -776,9 +845,10 @@
776
845
  {
777
846
  "name": {
778
847
  "component": "stack-item",
779
- "property": "background-color",
780
- "state": "keyboard-focus",
781
- "legacyKey": "stack-item-background-color-key-focus"
848
+ "property": "color",
849
+ "state": ["keyboard-focus"],
850
+ "legacyKey": "stack-item-background-color-key-focus",
851
+ "object": "background"
782
852
  },
783
853
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
784
854
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -787,9 +857,10 @@
787
857
  {
788
858
  "name": {
789
859
  "component": "stack-item",
790
- "property": "background-color",
791
- "state": "selected-default",
792
- "legacyKey": "stack-item-selected-background-color-default"
860
+ "property": "color",
861
+ "state": ["selected", "default"],
862
+ "legacyKey": "stack-item-selected-background-color-default",
863
+ "object": "background"
793
864
  },
794
865
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
795
866
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -798,9 +869,10 @@
798
869
  {
799
870
  "name": {
800
871
  "component": "stack-item",
801
- "property": "background-color",
802
- "state": "selected-down",
803
- "legacyKey": "stack-item-selected-background-color-down"
872
+ "property": "color",
873
+ "state": ["selected", "down"],
874
+ "legacyKey": "stack-item-selected-background-color-down",
875
+ "object": "background"
804
876
  },
805
877
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
806
878
  "$ref": "dac01571-b26a-4aef-ace7-d0e34e917570",
@@ -809,10 +881,11 @@
809
881
  {
810
882
  "name": {
811
883
  "component": "stack-item",
812
- "property": "background-color",
813
- "state": "selected",
884
+ "property": "color",
885
+ "state": ["selected"],
814
886
  "emphasis": "emphasized",
815
- "legacyKey": "stack-item-selected-background-color-emphasized"
887
+ "legacyKey": "stack-item-selected-background-color-emphasized",
888
+ "object": "background"
816
889
  },
817
890
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
818
891
  "$ref": "e05251ac-d64a-4157-9b20-224f0392269e",
@@ -821,9 +894,10 @@
821
894
  {
822
895
  "name": {
823
896
  "component": "stack-item",
824
- "property": "background-color",
825
- "state": "selected-hover",
826
- "legacyKey": "stack-item-selected-background-color-hover"
897
+ "property": "color",
898
+ "state": ["selected", "hover"],
899
+ "legacyKey": "stack-item-selected-background-color-hover",
900
+ "object": "background"
827
901
  },
828
902
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
829
903
  "$ref": "8a182a6b-149b-41a6-b608-fc247bcc298f",
@@ -832,9 +906,10 @@
832
906
  {
833
907
  "name": {
834
908
  "component": "stack-item",
835
- "property": "background-color",
836
- "state": "selected-keyboard-focus",
837
- "legacyKey": "stack-item-selected-background-color-key-focus"
909
+ "property": "color",
910
+ "state": ["selected", "keyboard-focus"],
911
+ "legacyKey": "stack-item-selected-background-color-key-focus",
912
+ "object": "background"
838
913
  },
839
914
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
840
915
  "$ref": "8a182a6b-149b-41a6-b608-fc247bcc298f",
@@ -866,7 +941,9 @@
866
941
  {
867
942
  "name": {
868
943
  "component": "swatch",
869
- "property": "border-color"
944
+ "property": "color",
945
+ "object": "border",
946
+ "legacyKey": "swatch-border-color"
870
947
  },
871
948
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
872
949
  "$ref": "dbe6ded6-404a-4011-9a64-d2375eca73d3",
@@ -875,7 +952,9 @@
875
952
  {
876
953
  "name": {
877
954
  "component": "swatch",
878
- "property": "border-opacity"
955
+ "property": "opacity",
956
+ "object": "border",
957
+ "legacyKey": "swatch-border-opacity"
879
958
  },
880
959
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
881
960
  "value": "0.42",
@@ -885,9 +964,10 @@
885
964
  "name": {
886
965
  "component": "swatch",
887
966
  "anatomy": "icon",
888
- "property": "border-color",
889
- "state": "disabled",
890
- "legacyKey": "swatch-disabled-icon-border-color"
967
+ "property": "color",
968
+ "state": ["disabled"],
969
+ "legacyKey": "swatch-disabled-icon-border-color",
970
+ "object": "border"
891
971
  },
892
972
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
893
973
  "$ref": "28dea8b0-4e9a-46f9-babb-c8910e6ae783",
@@ -897,9 +977,10 @@
897
977
  "name": {
898
978
  "component": "swatch",
899
979
  "anatomy": "icon",
900
- "property": "border-opacity",
901
- "state": "disabled",
902
- "legacyKey": "swatch-disabled-icon-border-opacity"
980
+ "property": "opacity",
981
+ "state": ["disabled"],
982
+ "legacyKey": "swatch-disabled-icon-border-opacity",
983
+ "object": "border"
903
984
  },
904
985
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
905
986
  "value": "0.42",
@@ -908,7 +989,9 @@
908
989
  {
909
990
  "name": {
910
991
  "component": "swatch-group",
911
- "property": "border-color"
992
+ "property": "color",
993
+ "object": "border",
994
+ "legacyKey": "swatch-group-border-color"
912
995
  },
913
996
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
914
997
  "$ref": "dbe6ded6-404a-4011-9a64-d2375eca73d3",
@@ -919,7 +1002,7 @@
919
1002
  "component": "table",
920
1003
  "anatomy": "row",
921
1004
  "property": "opacity",
922
- "state": "down",
1005
+ "state": ["down"],
923
1006
  "legacyKey": "table-row-down-opacity"
924
1007
  },
925
1008
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
@@ -931,7 +1014,7 @@
931
1014
  "component": "table",
932
1015
  "anatomy": "row",
933
1016
  "property": "color",
934
- "state": "hover",
1017
+ "state": ["hover"],
935
1018
  "legacyKey": "table-row-hover-color"
936
1019
  },
937
1020
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -943,7 +1026,7 @@
943
1026
  "component": "table",
944
1027
  "anatomy": "row",
945
1028
  "property": "opacity",
946
- "state": "hover",
1029
+ "state": ["hover"],
947
1030
  "legacyKey": "table-row-hover-opacity"
948
1031
  },
949
1032
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
@@ -954,9 +1037,10 @@
954
1037
  "name": {
955
1038
  "component": "table",
956
1039
  "anatomy": "row",
957
- "property": "background-color",
958
- "state": "selected",
959
- "legacyKey": "table-selected-row-background-color"
1040
+ "property": "color",
1041
+ "state": ["selected"],
1042
+ "legacyKey": "table-selected-row-background-color",
1043
+ "object": "background"
960
1044
  },
961
1045
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
962
1046
  "$ref": "6b40c677-e046-4a49-b421-8a4451844512",
@@ -966,10 +1050,11 @@
966
1050
  "name": {
967
1051
  "component": "table",
968
1052
  "anatomy": "row",
969
- "property": "background-color",
970
- "state": "selected",
1053
+ "property": "color",
1054
+ "state": ["selected"],
971
1055
  "emphasis": "non-emphasized",
972
- "legacyKey": "table-selected-row-background-color-non-emphasized"
1056
+ "legacyKey": "table-selected-row-background-color-non-emphasized",
1057
+ "object": "background"
973
1058
  },
974
1059
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
975
1060
  "$ref": "fd1c9f2b-8358-4bd3-a5cc-d211673428bc",
@@ -979,8 +1064,9 @@
979
1064
  "name": {
980
1065
  "component": "table",
981
1066
  "anatomy": "row",
982
- "property": "background-opacity",
983
- "state": "selected",
1067
+ "object": "background",
1068
+ "property": "opacity",
1069
+ "state": ["selected"],
984
1070
  "legacyKey": "table-selected-row-background-opacity"
985
1071
  },
986
1072
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
@@ -991,8 +1077,9 @@
991
1077
  "name": {
992
1078
  "component": "table",
993
1079
  "anatomy": "row",
994
- "property": "background-opacity",
995
- "state": "selected-hover",
1080
+ "object": "background",
1081
+ "property": "opacity",
1082
+ "state": ["selected", "hover"],
996
1083
  "legacyKey": "table-selected-row-background-opacity-hover"
997
1084
  },
998
1085
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
@@ -1003,8 +1090,9 @@
1003
1090
  "name": {
1004
1091
  "component": "table",
1005
1092
  "anatomy": "row",
1006
- "property": "background-opacity",
1007
- "state": "selected",
1093
+ "object": "background",
1094
+ "property": "opacity",
1095
+ "state": ["selected"],
1008
1096
  "emphasis": "non-emphasized",
1009
1097
  "legacyKey": "table-selected-row-background-opacity-non-emphasized"
1010
1098
  },
@@ -1016,8 +1104,9 @@
1016
1104
  "name": {
1017
1105
  "component": "table",
1018
1106
  "anatomy": "row",
1019
- "property": "background-opacity",
1020
- "state": "selected-hover",
1107
+ "object": "background",
1108
+ "property": "opacity",
1109
+ "state": ["selected", "hover"],
1021
1110
  "emphasis": "non-emphasized",
1022
1111
  "legacyKey": "table-selected-row-background-opacity-non-emphasized-hover"
1023
1112
  },
@@ -1028,7 +1117,9 @@
1028
1117
  {
1029
1118
  "name": {
1030
1119
  "component": "thumbnail",
1031
- "property": "border-color"
1120
+ "property": "color",
1121
+ "object": "border",
1122
+ "legacyKey": "thumbnail-border-color"
1032
1123
  },
1033
1124
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1034
1125
  "$ref": "f417fb5b-c7cc-41c2-a870-f6cd9a280c22",
@@ -1037,7 +1128,9 @@
1037
1128
  {
1038
1129
  "name": {
1039
1130
  "component": "thumbnail",
1040
- "property": "border-opacity"
1131
+ "property": "opacity",
1132
+ "object": "border",
1133
+ "legacyKey": "thumbnail-border-opacity"
1041
1134
  },
1042
1135
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
1043
1136
  "value": "0.1",
@@ -1047,7 +1140,7 @@
1047
1140
  "name": {
1048
1141
  "component": "thumbnail",
1049
1142
  "property": "opacity",
1050
- "state": "disabled"
1143
+ "state": ["disabled"]
1051
1144
  },
1052
1145
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1053
1146
  "$ref": "fdf6fd5d-55a0-4428-a258-4e8fafc74b74",
@@ -1056,8 +1149,11 @@
1056
1149
  {
1057
1150
  "name": {
1058
1151
  "component": "tree-view",
1059
- "property": "row-background",
1060
- "state": "hover"
1152
+ "anatomy": "row",
1153
+ "object": "background",
1154
+ "property": "color",
1155
+ "state": ["hover"],
1156
+ "legacyKey": "tree-view-row-background-hover"
1061
1157
  },
1062
1158
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1063
1159
  "$ref": "16d156d1-4af9-4878-9984-643a2c08aff8",
@@ -1067,10 +1163,11 @@
1067
1163
  "name": {
1068
1164
  "component": "tree-view",
1069
1165
  "anatomy": "row",
1070
- "property": "background-color",
1071
- "state": "selected",
1166
+ "property": "color",
1167
+ "state": ["selected"],
1072
1168
  "emphasis": "emphasized",
1073
- "legacyKey": "tree-view-selected-row-background-color-emphasized"
1169
+ "legacyKey": "tree-view-selected-row-background-color-emphasized",
1170
+ "object": "background"
1074
1171
  },
1075
1172
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1076
1173
  "$ref": "6b40c677-e046-4a49-b421-8a4451844512",
@@ -1080,8 +1177,9 @@
1080
1177
  "name": {
1081
1178
  "component": "tree-view",
1082
1179
  "anatomy": "row",
1083
- "property": "background",
1084
- "state": "selected-default",
1180
+ "object": "background",
1181
+ "property": "color",
1182
+ "state": ["selected", "default"],
1085
1183
  "legacyKey": "tree-view-selected-row-background-default"
1086
1184
  },
1087
1185
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -1092,8 +1190,9 @@
1092
1190
  "name": {
1093
1191
  "component": "tree-view",
1094
1192
  "anatomy": "row",
1095
- "property": "background",
1096
- "state": "selected-hover",
1193
+ "object": "background",
1194
+ "property": "color",
1195
+ "state": ["selected", "hover"],
1097
1196
  "legacyKey": "tree-view-selected-row-background-hover"
1098
1197
  },
1099
1198
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",