@adobe/spectrum-design-data 0.7.0 → 0.8.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 (38) hide show
  1. package/components/action-bar.json +10 -0
  2. package/components/alert-banner.json +6 -0
  3. package/components/breadcrumbs.json +6 -0
  4. package/components/coach-mark.json +6 -0
  5. package/components/field-label.json +6 -0
  6. package/components/menu.json +10 -0
  7. package/components/number-field.json +6 -0
  8. package/components/side-navigation.json +6 -0
  9. package/components/slider.json +6 -0
  10. package/components/status-light.json +18 -0
  11. package/components/steplist.json +6 -0
  12. package/components/table.json +18 -0
  13. package/components/tag.json +10 -0
  14. package/components/tree-view.json +6 -0
  15. package/fields/color-scheme.json +2 -1
  16. package/fields/colorFamily.json +3 -2
  17. package/fields/colorRole.json +16 -0
  18. package/fields/contrast.json +2 -1
  19. package/fields/family.json +2 -1
  20. package/fields/from.json +16 -0
  21. package/fields/scale.json +2 -1
  22. package/fields/scaleIndex.json +2 -1
  23. package/fields/structure.json +2 -1
  24. package/fields/style.json +2 -1
  25. package/fields/to.json +16 -0
  26. package/fields/weight.json +2 -1
  27. package/package.json +2 -2
  28. package/registry/anatomy-terms.json +66 -0
  29. package/registry/color-roles.json +17 -0
  30. package/registry/components.json +10 -0
  31. package/registry/positions.json +20 -0
  32. package/registry/property-terms.json +25 -0
  33. package/tokens/color-aliases.tokens.json +147 -98
  34. package/tokens/color-component.tokens.json +13 -8
  35. package/tokens/icons.tokens.json +741 -370
  36. package/tokens/layout-component.tokens.json +842 -437
  37. package/tokens/layout.tokens.json +13 -10
  38. package/tokens/typography.tokens.json +6 -3
package/tokens/color-aliases.tokens.json CHANGED
@@ -1,9 +1,10 @@
1
1
  [
2
2
  {
3
3
  "name": {
4
- "property": "accent-background-color",
4
+ "property": "background-color",
5
5
  "state": "default",
6
- "colorScheme": "light"
6
+ "colorScheme": "light",
7
+ "variant": "accent"
7
8
  },
8
9
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
9
10
  "$ref": "90d82778-1cbb-47c0-aab9-b6e38a9cdc54",
@@ -13,9 +14,10 @@
13
14
  },
14
15
  {
15
16
  "name": {
16
- "property": "accent-background-color",
17
+ "property": "background-color",
17
18
  "state": "default",
18
- "colorScheme": "dark"
19
+ "colorScheme": "dark",
20
+ "variant": "accent"
19
21
  },
20
22
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
21
23
  "$ref": "87a2c8f0-54fd-4939-8f42-3124fde1e49e",
@@ -25,9 +27,10 @@
25
27
  },
26
28
  {
27
29
  "name": {
28
- "property": "accent-background-color",
30
+ "property": "background-color",
29
31
  "state": "default",
30
- "colorScheme": "wireframe"
32
+ "colorScheme": "wireframe",
33
+ "variant": "accent"
31
34
  },
32
35
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
33
36
  "$ref": "90d82778-1cbb-47c0-aab9-b6e38a9cdc54",
@@ -37,9 +40,10 @@
37
40
  },
38
41
  {
39
42
  "name": {
40
- "property": "accent-background-color",
43
+ "property": "background-color",
41
44
  "state": "down",
42
- "colorScheme": "light"
45
+ "colorScheme": "light",
46
+ "variant": "accent"
43
47
  },
44
48
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
45
49
  "$ref": "9bf3fa2f-75d3-44d3-ae30-d88893665366",
@@ -49,9 +53,10 @@
49
53
  },
50
54
  {
51
55
  "name": {
52
- "property": "accent-background-color",
56
+ "property": "background-color",
53
57
  "state": "down",
54
- "colorScheme": "dark"
58
+ "colorScheme": "dark",
59
+ "variant": "accent"
55
60
  },
56
61
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
57
62
  "$ref": "a8fbe39b-db6d-4bb4-a7c5-8a235060d2ae",
@@ -61,9 +66,10 @@
61
66
  },
62
67
  {
63
68
  "name": {
64
- "property": "accent-background-color",
69
+ "property": "background-color",
65
70
  "state": "down",
66
- "colorScheme": "wireframe"
71
+ "colorScheme": "wireframe",
72
+ "variant": "accent"
67
73
  },
68
74
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
69
75
  "$ref": "9bf3fa2f-75d3-44d3-ae30-d88893665366",
@@ -73,9 +79,10 @@
73
79
  },
74
80
  {
75
81
  "name": {
76
- "property": "accent-background-color",
82
+ "property": "background-color",
77
83
  "state": "hover",
78
- "colorScheme": "light"
84
+ "colorScheme": "light",
85
+ "variant": "accent"
79
86
  },
80
87
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
81
88
  "$ref": "9bf3fa2f-75d3-44d3-ae30-d88893665366",
@@ -85,9 +92,10 @@
85
92
  },
86
93
  {
87
94
  "name": {
88
- "property": "accent-background-color",
95
+ "property": "background-color",
89
96
  "state": "hover",
90
- "colorScheme": "dark"
97
+ "colorScheme": "dark",
98
+ "variant": "accent"
91
99
  },
92
100
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
93
101
  "$ref": "a8fbe39b-db6d-4bb4-a7c5-8a235060d2ae",
@@ -97,9 +105,10 @@
97
105
  },
98
106
  {
99
107
  "name": {
100
- "property": "accent-background-color",
108
+ "property": "background-color",
101
109
  "state": "hover",
102
- "colorScheme": "wireframe"
110
+ "colorScheme": "wireframe",
111
+ "variant": "accent"
103
112
  },
104
113
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
105
114
  "$ref": "9bf3fa2f-75d3-44d3-ae30-d88893665366",
@@ -305,8 +314,9 @@
305
314
  },
306
315
  {
307
316
  "name": {
308
- "property": "background-opacity",
309
- "state": "default"
317
+ "property": "opacity",
318
+ "state": "default",
319
+ "object": "background"
310
320
  },
311
321
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
312
322
  "value": "0",
@@ -314,8 +324,9 @@
314
324
  },
315
325
  {
316
326
  "name": {
317
- "property": "background-opacity",
318
- "state": "down"
327
+ "property": "opacity",
328
+ "state": "down",
329
+ "object": "background"
319
330
  },
320
331
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
321
332
  "value": "0.1",
@@ -323,8 +334,9 @@
323
334
  },
324
335
  {
325
336
  "name": {
326
- "property": "background-opacity",
327
- "state": "hover"
337
+ "property": "opacity",
338
+ "state": "hover",
339
+ "object": "background"
328
340
  },
329
341
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
330
342
  "value": "0.1",
@@ -1970,9 +1982,10 @@
1970
1982
  },
1971
1983
  {
1972
1984
  "name": {
1973
- "property": "informative-background-color",
1985
+ "property": "background-color",
1974
1986
  "state": "default",
1975
- "colorScheme": "light"
1987
+ "colorScheme": "light",
1988
+ "variant": "informative"
1976
1989
  },
1977
1990
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1978
1991
  "$ref": "41b73196-0bc1-493e-9b5d-49f608914f5a",
@@ -1982,9 +1995,10 @@
1982
1995
  },
1983
1996
  {
1984
1997
  "name": {
1985
- "property": "informative-background-color",
1998
+ "property": "background-color",
1986
1999
  "state": "default",
1987
- "colorScheme": "dark"
2000
+ "colorScheme": "dark",
2001
+ "variant": "informative"
1988
2002
  },
1989
2003
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
1990
2004
  "$ref": "b4efe4b2-3787-47df-a7a0-5d89c3641f9f",
@@ -1994,9 +2008,10 @@
1994
2008
  },
1995
2009
  {
1996
2010
  "name": {
1997
- "property": "informative-background-color",
2011
+ "property": "background-color",
1998
2012
  "state": "default",
1999
- "colorScheme": "wireframe"
2013
+ "colorScheme": "wireframe",
2014
+ "variant": "informative"
2000
2015
  },
2001
2016
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2002
2017
  "$ref": "41b73196-0bc1-493e-9b5d-49f608914f5a",
@@ -2006,9 +2021,10 @@
2006
2021
  },
2007
2022
  {
2008
2023
  "name": {
2009
- "property": "informative-background-color",
2024
+ "property": "background-color",
2010
2025
  "state": "down",
2011
- "colorScheme": "light"
2026
+ "colorScheme": "light",
2027
+ "variant": "informative"
2012
2028
  },
2013
2029
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2014
2030
  "$ref": "6b609325-2bcf-491a-ad38-1409025caae0",
@@ -2018,9 +2034,10 @@
2018
2034
  },
2019
2035
  {
2020
2036
  "name": {
2021
- "property": "informative-background-color",
2037
+ "property": "background-color",
2022
2038
  "state": "down",
2023
- "colorScheme": "dark"
2039
+ "colorScheme": "dark",
2040
+ "variant": "informative"
2024
2041
  },
2025
2042
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2026
2043
  "$ref": "04a018bd-229c-47da-99e9-d338d05f0fb6",
@@ -2030,9 +2047,10 @@
2030
2047
  },
2031
2048
  {
2032
2049
  "name": {
2033
- "property": "informative-background-color",
2050
+ "property": "background-color",
2034
2051
  "state": "down",
2035
- "colorScheme": "wireframe"
2052
+ "colorScheme": "wireframe",
2053
+ "variant": "informative"
2036
2054
  },
2037
2055
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2038
2056
  "$ref": "6b609325-2bcf-491a-ad38-1409025caae0",
@@ -2042,9 +2060,10 @@
2042
2060
  },
2043
2061
  {
2044
2062
  "name": {
2045
- "property": "informative-background-color",
2063
+ "property": "background-color",
2046
2064
  "state": "hover",
2047
- "colorScheme": "light"
2065
+ "colorScheme": "light",
2066
+ "variant": "informative"
2048
2067
  },
2049
2068
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2050
2069
  "$ref": "6b609325-2bcf-491a-ad38-1409025caae0",
@@ -2054,9 +2073,10 @@
2054
2073
  },
2055
2074
  {
2056
2075
  "name": {
2057
- "property": "informative-background-color",
2076
+ "property": "background-color",
2058
2077
  "state": "hover",
2059
- "colorScheme": "dark"
2078
+ "colorScheme": "dark",
2079
+ "variant": "informative"
2060
2080
  },
2061
2081
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2062
2082
  "$ref": "04a018bd-229c-47da-99e9-d338d05f0fb6",
@@ -2066,9 +2086,10 @@
2066
2086
  },
2067
2087
  {
2068
2088
  "name": {
2069
- "property": "informative-background-color",
2089
+ "property": "background-color",
2070
2090
  "state": "hover",
2071
- "colorScheme": "wireframe"
2091
+ "colorScheme": "wireframe",
2092
+ "variant": "informative"
2072
2093
  },
2073
2094
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2074
2095
  "$ref": "6b609325-2bcf-491a-ad38-1409025caae0",
@@ -2252,9 +2273,10 @@
2252
2273
  },
2253
2274
  {
2254
2275
  "name": {
2255
- "property": "negative-background-color",
2276
+ "property": "background-color",
2256
2277
  "state": "default",
2257
- "colorScheme": "light"
2278
+ "colorScheme": "light",
2279
+ "variant": "negative"
2258
2280
  },
2259
2281
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2260
2282
  "$ref": "0b469d2e-7c66-4188-b6bf-bbc379f75538",
@@ -2264,9 +2286,10 @@
2264
2286
  },
2265
2287
  {
2266
2288
  "name": {
2267
- "property": "negative-background-color",
2289
+ "property": "background-color",
2268
2290
  "state": "default",
2269
- "colorScheme": "dark"
2291
+ "colorScheme": "dark",
2292
+ "variant": "negative"
2270
2293
  },
2271
2294
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2272
2295
  "$ref": "d858b481-8970-4547-aed1-b6388c36aba4",
@@ -2276,9 +2299,10 @@
2276
2299
  },
2277
2300
  {
2278
2301
  "name": {
2279
- "property": "negative-background-color",
2302
+ "property": "background-color",
2280
2303
  "state": "default",
2281
- "colorScheme": "wireframe"
2304
+ "colorScheme": "wireframe",
2305
+ "variant": "negative"
2282
2306
  },
2283
2307
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2284
2308
  "$ref": "0b469d2e-7c66-4188-b6bf-bbc379f75538",
@@ -2288,9 +2312,10 @@
2288
2312
  },
2289
2313
  {
2290
2314
  "name": {
2291
- "property": "negative-background-color",
2315
+ "property": "background-color",
2292
2316
  "state": "down",
2293
- "colorScheme": "light"
2317
+ "colorScheme": "light",
2318
+ "variant": "negative"
2294
2319
  },
2295
2320
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2296
2321
  "$ref": "2ea616aa-e08f-47cb-a3b0-3d7a06bd6ec2",
@@ -2300,9 +2325,10 @@
2300
2325
  },
2301
2326
  {
2302
2327
  "name": {
2303
- "property": "negative-background-color",
2328
+ "property": "background-color",
2304
2329
  "state": "down",
2305
- "colorScheme": "dark"
2330
+ "colorScheme": "dark",
2331
+ "variant": "negative"
2306
2332
  },
2307
2333
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2308
2334
  "$ref": "b7d5d2db-0282-436b-8cb0-873e891b22a6",
@@ -2312,9 +2338,10 @@
2312
2338
  },
2313
2339
  {
2314
2340
  "name": {
2315
- "property": "negative-background-color",
2341
+ "property": "background-color",
2316
2342
  "state": "down",
2317
- "colorScheme": "wireframe"
2343
+ "colorScheme": "wireframe",
2344
+ "variant": "negative"
2318
2345
  },
2319
2346
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2320
2347
  "$ref": "2ea616aa-e08f-47cb-a3b0-3d7a06bd6ec2",
@@ -2324,9 +2351,10 @@
2324
2351
  },
2325
2352
  {
2326
2353
  "name": {
2327
- "property": "negative-background-color",
2354
+ "property": "background-color",
2328
2355
  "state": "hover",
2329
- "colorScheme": "light"
2356
+ "colorScheme": "light",
2357
+ "variant": "negative"
2330
2358
  },
2331
2359
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2332
2360
  "$ref": "2ea616aa-e08f-47cb-a3b0-3d7a06bd6ec2",
@@ -2336,9 +2364,10 @@
2336
2364
  },
2337
2365
  {
2338
2366
  "name": {
2339
- "property": "negative-background-color",
2367
+ "property": "background-color",
2340
2368
  "state": "hover",
2341
- "colorScheme": "dark"
2369
+ "colorScheme": "dark",
2370
+ "variant": "negative"
2342
2371
  },
2343
2372
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2344
2373
  "$ref": "b7d5d2db-0282-436b-8cb0-873e891b22a6",
@@ -2348,9 +2377,10 @@
2348
2377
  },
2349
2378
  {
2350
2379
  "name": {
2351
- "property": "negative-background-color",
2380
+ "property": "background-color",
2352
2381
  "state": "hover",
2353
- "colorScheme": "wireframe"
2382
+ "colorScheme": "wireframe",
2383
+ "variant": "negative"
2354
2384
  },
2355
2385
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2356
2386
  "$ref": "2ea616aa-e08f-47cb-a3b0-3d7a06bd6ec2",
@@ -2396,8 +2426,9 @@
2396
2426
  },
2397
2427
  {
2398
2428
  "name": {
2399
- "property": "negative-border-color",
2400
- "state": "default"
2429
+ "property": "border-color",
2430
+ "state": "default",
2431
+ "variant": "negative"
2401
2432
  },
2402
2433
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2403
2434
  "$ref": "0b469d2e-7c66-4188-b6bf-bbc379f75538",
@@ -2405,8 +2436,9 @@
2405
2436
  },
2406
2437
  {
2407
2438
  "name": {
2408
- "property": "negative-border-color",
2409
- "state": "down"
2439
+ "property": "border-color",
2440
+ "state": "down",
2441
+ "variant": "negative"
2410
2442
  },
2411
2443
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2412
2444
  "$ref": "8a3dacc3-93f7-4e22-8bd7-c338da1a2489",
@@ -2414,8 +2446,9 @@
2414
2446
  },
2415
2447
  {
2416
2448
  "name": {
2417
- "property": "negative-border-color",
2418
- "state": "focus"
2449
+ "property": "border-color",
2450
+ "state": "focus",
2451
+ "variant": "negative"
2419
2452
  },
2420
2453
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2421
2454
  "$ref": "2ea616aa-e08f-47cb-a3b0-3d7a06bd6ec2",
@@ -2432,8 +2465,9 @@
2432
2465
  },
2433
2466
  {
2434
2467
  "name": {
2435
- "property": "negative-border-color",
2436
- "state": "hover"
2468
+ "property": "border-color",
2469
+ "state": "hover",
2470
+ "variant": "negative"
2437
2471
  },
2438
2472
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2439
2473
  "$ref": "2ea616aa-e08f-47cb-a3b0-3d7a06bd6ec2",
@@ -2519,8 +2553,9 @@
2519
2553
  },
2520
2554
  {
2521
2555
  "name": {
2522
- "property": "neutral-background-color",
2523
- "state": "default"
2556
+ "property": "background-color",
2557
+ "state": "default",
2558
+ "variant": "neutral"
2524
2559
  },
2525
2560
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2526
2561
  "$ref": "f417fb5b-c7cc-41c2-a870-f6cd9a280c22",
@@ -2528,8 +2563,9 @@
2528
2563
  },
2529
2564
  {
2530
2565
  "name": {
2531
- "property": "neutral-background-color",
2532
- "state": "down"
2566
+ "property": "background-color",
2567
+ "state": "down",
2568
+ "variant": "neutral"
2533
2569
  },
2534
2570
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2535
2571
  "$ref": "e0eaa59c-81ad-4632-a61d-ab0bee53af4a",
@@ -2537,8 +2573,9 @@
2537
2573
  },
2538
2574
  {
2539
2575
  "name": {
2540
- "property": "neutral-background-color",
2541
- "state": "hover"
2576
+ "property": "background-color",
2577
+ "state": "hover",
2578
+ "variant": "neutral"
2542
2579
  },
2543
2580
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2544
2581
  "$ref": "e0eaa59c-81ad-4632-a61d-ab0bee53af4a",
@@ -2903,9 +2940,10 @@
2903
2940
  },
2904
2941
  {
2905
2942
  "name": {
2906
- "property": "notice-background-color",
2943
+ "property": "background-color",
2907
2944
  "state": "default",
2908
- "colorScheme": "light"
2945
+ "colorScheme": "light",
2946
+ "variant": "notice"
2909
2947
  },
2910
2948
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2911
2949
  "$ref": "716af828-c64d-465d-8476-d142892ca59c",
@@ -2915,9 +2953,10 @@
2915
2953
  },
2916
2954
  {
2917
2955
  "name": {
2918
- "property": "notice-background-color",
2956
+ "property": "background-color",
2919
2957
  "state": "default",
2920
- "colorScheme": "dark"
2958
+ "colorScheme": "dark",
2959
+ "variant": "notice"
2921
2960
  },
2922
2961
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2923
2962
  "$ref": "df87ca09-ff38-485e-90f7-6d9cbfbb6714",
@@ -2927,9 +2966,10 @@
2927
2966
  },
2928
2967
  {
2929
2968
  "name": {
2930
- "property": "notice-background-color",
2969
+ "property": "background-color",
2931
2970
  "state": "default",
2932
- "colorScheme": "wireframe"
2971
+ "colorScheme": "wireframe",
2972
+ "variant": "notice"
2933
2973
  },
2934
2974
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2935
2975
  "$ref": "716af828-c64d-465d-8476-d142892ca59c",
@@ -3232,9 +3272,10 @@
3232
3272
  },
3233
3273
  {
3234
3274
  "name": {
3235
- "property": "positive-background-color",
3275
+ "property": "background-color",
3236
3276
  "state": "default",
3237
- "colorScheme": "light"
3277
+ "colorScheme": "light",
3278
+ "variant": "positive"
3238
3279
  },
3239
3280
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
3240
3281
  "$ref": "1cd86108-ff79-4ccf-911e-8de9986c9053",
@@ -3244,9 +3285,10 @@
3244
3285
  },
3245
3286
  {
3246
3287
  "name": {
3247
- "property": "positive-background-color",
3288
+ "property": "background-color",
3248
3289
  "state": "default",
3249
- "colorScheme": "dark"
3290
+ "colorScheme": "dark",
3291
+ "variant": "positive"
3250
3292
  },
3251
3293
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
3252
3294
  "$ref": "ee02d9d5-b840-44af-be8a-0f10086e8f7e",
@@ -3256,9 +3298,10 @@
3256
3298
  },
3257
3299
  {
3258
3300
  "name": {
3259
- "property": "positive-background-color",
3301
+ "property": "background-color",
3260
3302
  "state": "default",
3261
- "colorScheme": "wireframe"
3303
+ "colorScheme": "wireframe",
3304
+ "variant": "positive"
3262
3305
  },
3263
3306
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
3264
3307
  "$ref": "1cd86108-ff79-4ccf-911e-8de9986c9053",
@@ -3268,9 +3311,10 @@
3268
3311
  },
3269
3312
  {
3270
3313
  "name": {
3271
- "property": "positive-background-color",
3314
+ "property": "background-color",
3272
3315
  "state": "down",
3273
- "colorScheme": "light"
3316
+ "colorScheme": "light",
3317
+ "variant": "positive"
3274
3318
  },
3275
3319
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
3276
3320
  "$ref": "82d9fc42-d750-43d2-b227-b8df29abaca4",
@@ -3280,9 +3324,10 @@
3280
3324
  },
3281
3325
  {
3282
3326
  "name": {
3283
- "property": "positive-background-color",
3327
+ "property": "background-color",
3284
3328
  "state": "down",
3285
- "colorScheme": "dark"
3329
+ "colorScheme": "dark",
3330
+ "variant": "positive"
3286
3331
  },
3287
3332
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
3288
3333
  "$ref": "ffdde321-5c1d-489e-8a0f-afc582248594",
@@ -3292,9 +3337,10 @@
3292
3337
  },
3293
3338
  {
3294
3339
  "name": {
3295
- "property": "positive-background-color",
3340
+ "property": "background-color",
3296
3341
  "state": "down",
3297
- "colorScheme": "wireframe"
3342
+ "colorScheme": "wireframe",
3343
+ "variant": "positive"
3298
3344
  },
3299
3345
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
3300
3346
  "$ref": "82d9fc42-d750-43d2-b227-b8df29abaca4",
@@ -3304,9 +3350,10 @@
3304
3350
  },
3305
3351
  {
3306
3352
  "name": {
3307
- "property": "positive-background-color",
3353
+ "property": "background-color",
3308
3354
  "state": "hover",
3309
- "colorScheme": "light"
3355
+ "colorScheme": "light",
3356
+ "variant": "positive"
3310
3357
  },
3311
3358
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
3312
3359
  "$ref": "82d9fc42-d750-43d2-b227-b8df29abaca4",
@@ -3316,9 +3363,10 @@
3316
3363
  },
3317
3364
  {
3318
3365
  "name": {
3319
- "property": "positive-background-color",
3366
+ "property": "background-color",
3320
3367
  "state": "hover",
3321
- "colorScheme": "dark"
3368
+ "colorScheme": "dark",
3369
+ "variant": "positive"
3322
3370
  },
3323
3371
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
3324
3372
  "$ref": "ffdde321-5c1d-489e-8a0f-afc582248594",
@@ -3328,9 +3376,10 @@
3328
3376
  },
3329
3377
  {
3330
3378
  "name": {
3331
- "property": "positive-background-color",
3379
+ "property": "background-color",
3332
3380
  "state": "hover",
3333
- "colorScheme": "wireframe"
3381
+ "colorScheme": "wireframe",
3382
+ "variant": "positive"
3334
3383
  },
3335
3384
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
3336
3385
  "$ref": "82d9fc42-d750-43d2-b227-b8df29abaca4",
package/tokens/color-component.tokens.json CHANGED
@@ -57,7 +57,8 @@
57
57
  {
58
58
  "name": {
59
59
  "component": "bar-panel",
60
- "property": "gripper-color"
60
+ "property": "color",
61
+ "anatomy": "gripper"
61
62
  },
62
63
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
63
64
  "$ref": "8a182a6b-149b-41a6-b608-fc247bcc298f",
@@ -93,8 +94,9 @@
93
94
  {
94
95
  "name": {
95
96
  "component": "card",
96
- "property": "selection-background-color",
97
- "colorScheme": "light"
97
+ "property": "background-color",
98
+ "colorScheme": "light",
99
+ "anatomy": "selection"
98
100
  },
99
101
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
100
102
  "$ref": "b24431ee-5c72-4a73-8733-746c6f5d77c0",
@@ -105,8 +107,9 @@
105
107
  {
106
108
  "name": {
107
109
  "component": "card",
108
- "property": "selection-background-color",
109
- "colorScheme": "dark"
110
+ "property": "background-color",
111
+ "colorScheme": "dark",
112
+ "anatomy": "selection"
110
113
  },
111
114
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
112
115
  "$ref": "199e19a5-bf7d-4933-8425-d7d5881e4cf5",
@@ -117,8 +120,9 @@
117
120
  {
118
121
  "name": {
119
122
  "component": "card",
120
- "property": "selection-background-color",
121
- "colorScheme": "wireframe"
123
+ "property": "background-color",
124
+ "colorScheme": "wireframe",
125
+ "anatomy": "selection"
122
126
  },
123
127
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
124
128
  "$ref": "199e19a5-bf7d-4933-8425-d7d5881e4cf5",
@@ -752,7 +756,8 @@
752
756
  {
753
757
  "name": {
754
758
  "component": "standard-panel",
755
- "property": "gripper-color"
759
+ "property": "color",
760
+ "anatomy": "gripper"
756
761
  },
757
762
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
758
763
  "$ref": "60077744-c665-4c80-8f88-dff31a10219e",