@adobe/spectrum-tokens 13.0.0-beta.8 → 13.0.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 (52) hide show
  1. package/CHANGELOG.md +9255 -0
  2. package/README.md +4 -0
  3. package/dist/json/drover.json +954 -250
  4. package/dist/json/variables.json +16755 -7175
  5. package/index.js +60 -0
  6. package/moon.yml +2 -2
  7. package/package.json +13 -8
  8. package/schemas/token-types/alias.json +1 -0
  9. package/schemas/token-types/color-set.json +4 -3
  10. package/schemas/token-types/color.json +1 -0
  11. package/schemas/token-types/dimension.json +1 -0
  12. package/schemas/token-types/font-family.json +1 -0
  13. package/schemas/token-types/font-size.json +1 -0
  14. package/schemas/token-types/font-style.json +1 -0
  15. package/schemas/token-types/font-weight.json +1 -0
  16. package/schemas/token-types/gradient-stop.json +27 -0
  17. package/schemas/token-types/multiplier.json +2 -1
  18. package/schemas/token-types/opacity.json +1 -0
  19. package/schemas/token-types/scale-set.json +7 -0
  20. package/schemas/token-types/system-set.json +83 -0
  21. package/schemas/token-types/text-align.json +27 -0
  22. package/schemas/token-types/text-transform.json +1 -0
  23. package/schemas/token-types/token.json +14 -2
  24. package/src/color-aliases.json +669 -97
  25. package/src/color-component.json +261 -15
  26. package/src/color-palette.json +736 -347
  27. package/src/icons.json +974 -20
  28. package/src/layout-component.json +4332 -896
  29. package/src/layout.json +450 -195
  30. package/src/semantic-color-palette.json +125 -1
  31. package/src/typography.json +299 -90
  32. package/tasks/addIds.js +7 -9
  33. package/tasks/addPrivate.js +22 -0
  34. package/tasks/buildManifest.js +1 -1
  35. package/tasks/buildSpectrumTokens.js +1 -1
  36. package/tasks/deprecateExpress.js +1 -1
  37. package/tasks/diff.js +19 -5
  38. package/tasks/lib/augmentExpressTokens.js +1 -1
  39. package/test/checkComponentProps.js +29 -0
  40. package/test/checkId.test.js +1 -37
  41. package/test/checkManifest.test.js +1 -1
  42. package/test/checkPrivate.js +22 -0
  43. package/test/checkSetsUnique.js +54 -0
  44. package/test/checkUniqueTokenNames.js +32 -0
  45. package/test/componentSchemaValidator.test.js +1 -1
  46. package/test/deprecateExpress.test.js +1 -1
  47. package/test/drover.test.js +1 -1
  48. package/test/schemaValidator.test.js +1 -1
  49. package/test/schemaValidators/alias.test.js +1 -1
  50. package/test/snapshots/deprecateExpress.test.js.md +1 -1
  51. package/test/snapshots/deprecateExpress.test.js.snap +0 -0
  52. package/test/tokenSchemaValidator.test.js +1 -1
package/src/color-component.json CHANGED
@@ -2,13 +2,13 @@
2
2
  "swatch-border-color": {
3
3
  "component": "swatch",
4
4
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
5
- "value": "{gray-900}",
5
+ "value": "{gray-1000}",
6
6
  "uuid": "7da5157d-7f25-405b-8de0-f3669565fb48"
7
7
  },
8
8
  "swatch-border-opacity": {
9
9
  "component": "swatch",
10
10
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
11
- "value": "0.51",
11
+ "value": "0.42",
12
12
  "uuid": "0e397a80-cf33-44ed-8b7d-1abaf4426bf5"
13
13
  },
14
14
  "swatch-disabled-icon-border-color": {
@@ -20,7 +20,7 @@
20
20
  "swatch-disabled-icon-border-opacity": {
21
21
  "component": "swatch",
22
22
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
23
- "value": "0.51",
23
+ "value": "0.42",
24
24
  "uuid": "cdbba3b6-cb51-4fec-88f0-273d4bb59a18"
25
25
  },
26
26
  "thumbnail-border-color": {
@@ -77,7 +77,7 @@
77
77
  "color-area-border-color": {
78
78
  "component": "color-area",
79
79
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
80
- "value": "{gray-900}",
80
+ "value": "{gray-1000}",
81
81
  "uuid": "70fc4674-0f09-48f5-8850-48b4b38c2f01"
82
82
  },
83
83
  "color-area-border-opacity": {
@@ -89,7 +89,7 @@
89
89
  "color-slider-border-color": {
90
90
  "component": "color-slider",
91
91
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
92
- "value": "{gray-900}",
92
+ "value": "{gray-1000}",
93
93
  "uuid": "0c85e7fa-f950-436c-a68a-dd7fb8dfac9e"
94
94
  },
95
95
  "color-slider-border-opacity": {
@@ -101,20 +101,24 @@
101
101
  "color-loupe-drop-shadow-color": {
102
102
  "component": "color-loupe",
103
103
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
104
- "value": "{transparent-black-300}",
105
- "uuid": "918b8089-d89f-45d2-8c9c-f3f13f81b0b9"
104
+ "value": "{drop-shadow-elevated-color}",
105
+ "uuid": "918b8089-d89f-45d2-8c9c-f3f13f81b0b9",
106
+ "deprecated": true,
107
+ "deprecated_comment": "Use `drop-shadow-elevated-color` instead"
106
108
  },
107
109
  "color-loupe-drop-shadow-y": {
108
110
  "component": "color-loupe",
109
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
110
- "value": "2px",
111
- "uuid": "c9af5d60-11b1-4fc3-972e-6a607120657b"
111
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
112
+ "value": "{drop-shadow-elevated-y}",
113
+ "uuid": "c9af5d60-11b1-4fc3-972e-6a607120657b",
114
+ "deprecated": true
112
115
  },
113
116
  "color-loupe-drop-shadow-blur": {
114
117
  "component": "color-loupe",
115
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
116
- "value": "8px",
117
- "uuid": "86caa027-9e9e-4a5f-aa38-058f0a96bc9d"
118
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
119
+ "value": "{drop-shadow-elevated-blur}",
120
+ "uuid": "86caa027-9e9e-4a5f-aa38-058f0a96bc9d",
121
+ "deprecated": true
118
122
  },
119
123
  "color-loupe-inner-border": {
120
124
  "component": "color-loupe",
@@ -129,13 +133,13 @@
129
133
  "uuid": "4e1d1cc5-736e-4e82-9054-5c1a74ac1aca"
130
134
  },
131
135
  "card-selection-background-color": {
132
- "component": "cards",
136
+ "component": "card",
133
137
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
134
138
  "value": "{gray-100}",
135
139
  "uuid": "622c6e86-dea6-416d-9f13-bb6ef112d3cb"
136
140
  },
137
141
  "card-selection-background-color-opacity": {
138
- "component": "cards",
142
+ "component": "card",
139
143
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
140
144
  "value": "0.95",
141
145
  "uuid": "ac039445-0bf8-4821-b02e-e7e06a416576"
@@ -263,5 +267,247 @@
263
267
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
264
268
  "value": "0.15",
265
269
  "uuid": "6a093ea1-f07e-4673-b52f-5b28a2e080d0"
270
+ },
271
+ "menu-item-background-color-default": {
272
+ "component": "menu-item",
273
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
274
+ "sets": {
275
+ "light": {
276
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
277
+ "value": "{gray-100}",
278
+ "uuid": "f4d97d6a-c1f3-4ef5-b7e5-8fbee1365a83"
279
+ },
280
+ "dark": {
281
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
282
+ "value": "{gray-200}",
283
+ "uuid": "9b9e8b32-46b8-470d-85b9-352c00e90138"
284
+ },
285
+ "wireframe": {
286
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
287
+ "value": "{gray-100}",
288
+ "uuid": "9f60dd0a-2a38-4f0d-a83c-3acf777a622a"
289
+ }
290
+ }
291
+ },
292
+ "menu-item-background-color-hover": {
293
+ "component": "menu-item",
294
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
295
+ "sets": {
296
+ "light": {
297
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
298
+ "value": "{gray-100}",
299
+ "uuid": "857e82a6-537e-4534-9084-353c5401f567"
300
+ },
301
+ "dark": {
302
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
303
+ "value": "{gray-200}",
304
+ "uuid": "f68ff159-e886-4519-b95e-e93879a2f535"
305
+ },
306
+ "wireframe": {
307
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
308
+ "value": "{gray-100}",
309
+ "uuid": "d3d08f7a-c516-4f0c-9377-4824d615ab66"
310
+ }
311
+ }
312
+ },
313
+ "menu-item-background-color-down": {
314
+ "component": "menu-item",
315
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
316
+ "sets": {
317
+ "light": {
318
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
319
+ "value": "{gray-100}",
320
+ "uuid": "d609bd79-ab48-4a7a-95b1-da5a88ac5338"
321
+ },
322
+ "dark": {
323
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
324
+ "value": "{gray-200}",
325
+ "uuid": "7ccdd9e8-3677-4de8-b9df-19efa80d88c0"
326
+ },
327
+ "wireframe": {
328
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
329
+ "value": "{gray-100}",
330
+ "uuid": "a8911c6e-f480-4a7d-b7fe-e20a45fb8b2a"
331
+ }
332
+ }
333
+ },
334
+ "menu-item-background-color-keyboard-focus": {
335
+ "component": "menu-item",
336
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
337
+ "sets": {
338
+ "light": {
339
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
340
+ "value": "{gray-100}",
341
+ "uuid": "dd044387-57b9-4867-90fa-b3c4c4a62e5c"
342
+ },
343
+ "dark": {
344
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
345
+ "value": "{gray-200}",
346
+ "uuid": "ae9dc785-2406-407e-ab47-d42d6fbf65f6"
347
+ },
348
+ "wireframe": {
349
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
350
+ "value": "{gray-100}",
351
+ "uuid": "541a7020-5cf5-4ebd-ac1f-2b776d5925af"
352
+ }
353
+ }
354
+ },
355
+ "menu-item-background-color-disabled": {
356
+ "component": "menu-item",
357
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
358
+ "sets": {
359
+ "light": {
360
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
361
+ "value": "{gray-100}",
362
+ "uuid": "211d6540-cf9d-4d80-815b-885844283fa6"
363
+ },
364
+ "dark": {
365
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
366
+ "value": "{gray-200}",
367
+ "uuid": "0e2c2900-180c-443a-86ff-49170166e616"
368
+ },
369
+ "wireframe": {
370
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
371
+ "value": "{gray-100}",
372
+ "uuid": "ce26d102-2e5e-4b11-b9bf-4d1b347c60c5"
373
+ }
374
+ }
375
+ },
376
+ "popover-border-color": {
377
+ "component": "popover",
378
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
379
+ "sets": {
380
+ "light": {
381
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
382
+ "value": "{transparent-white-25}",
383
+ "uuid": "66da6f53-5446-43c1-bbe0-73b46763fde1"
384
+ },
385
+ "dark": {
386
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
387
+ "value": "{gray-400}",
388
+ "uuid": "825dc035-7b1c-4ddd-b1a9-be1546dae7e3"
389
+ }
390
+ }
391
+ },
392
+ "popover-border-opacity": {
393
+ "component": "popover",
394
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
395
+ "sets": {
396
+ "light": {
397
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
398
+ "value": "0",
399
+ "uuid": "05c58363-1d34-4991-a7f7-7be7da4df50a"
400
+ },
401
+ "dark": {
402
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
403
+ "value": "1.0",
404
+ "uuid": "fa9feacc-0c82-41a7-badc-5803c45a703b"
405
+ },
406
+ "wireframe": {
407
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
408
+ "value": "0",
409
+ "uuid": "d8f81d4f-b921-4a41-89c1-cdc79d40901a"
410
+ }
411
+ }
412
+ },
413
+ "coach-indicator-color": {
414
+ "component": "coach-indicator",
415
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
416
+ "value": "{blue-800}",
417
+ "uuid": "bfd387b8-0ce0-45ff-8d66-fc5de2f4900c"
418
+ },
419
+ "swatch-group-border-color": {
420
+ "component": "swatch-group",
421
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
422
+ "value": "{gray-1000}",
423
+ "uuid": "08b8d06a-5475-47bf-ad2e-9f52ee07345a"
424
+ },
425
+ "avatar-border-color": {
426
+ "component": "avatar",
427
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
428
+ "value": "{gray-25}",
429
+ "uuid": "bae79ea7-2b3e-4d43-af42-7deab67acc7c"
430
+ },
431
+ "standard-panel-gripper-color-drag": {
432
+ "component": "standard-panel",
433
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
434
+ "value": "{gray-800}",
435
+ "uuid": "69e2d0b3-6807-4e46-9f8a-72bf49439f36"
436
+ },
437
+ "standard-panel-gripper-color": {
438
+ "component": "standard-panel",
439
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
440
+ "value": "{gray-200}",
441
+ "uuid": "71840c7b-acdd-45b9-a228-5091591f5405"
442
+ },
443
+ "bar-panel-gripper-color": {
444
+ "component": "bar-panel",
445
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
446
+ "value": "{gray-200}",
447
+ "uuid": "5a46c025-32b4-4bda-bab0-5ab0fb69ca8e"
448
+ },
449
+ "bar-panel-gripper-color-drag": {
450
+ "component": "bar-panel",
451
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
452
+ "value": "{gray-800}",
453
+ "uuid": "16431c28-23e4-4077-bcfa-138f90583282"
454
+ },
455
+ "select-box-selected-border-color": {
456
+ "component": "select-box",
457
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
458
+ "value": "{gray-800}",
459
+ "uuid": "4bbb81b1-09fb-4ebe-80b5-cebb75c13839"
460
+ },
461
+ "tree-view-row-background-hover": {
462
+ "component": "tree-view",
463
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
464
+ "value": "{gray-100}",
465
+ "uuid": "39d26185-da40-47b5-b4b3-e47689129256"
466
+ },
467
+ "tree-view-selected-row-background-color-emphasized": {
468
+ "component": "tree-view",
469
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
470
+ "value": "{informative-background-color-default}",
471
+ "uuid": "65854450-ed1a-49ea-ab29-d257b8a0569e"
472
+ },
473
+ "tree-view-selected-row-background-default": {
474
+ "component": "tree-view",
475
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
476
+ "value": "{gray-100}",
477
+ "uuid": "8f19994d-f49a-42ea-97bd-98ab1d76d02d"
478
+ },
479
+ "tree-view-selected-row-background-hover": {
480
+ "component": "tree-view",
481
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
482
+ "value": "{gray-100}",
483
+ "uuid": "c325ed8f-8248-40c3-a0f0-efba57638f24"
484
+ },
485
+ "color-wheel-border-color": {
486
+ "component": "color-wheel",
487
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
488
+ "value": "{gray-1000}",
489
+ "uuid": "a60c3946-dff7-4245-bdcd-b61445066e48"
490
+ },
491
+ "color-wheel-border-opacity": {
492
+ "component": "color-wheel",
493
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
494
+ "value": "0.1",
495
+ "uuid": "be8fac27-b644-492e-a89d-6c87cfecb8a1"
496
+ },
497
+ "action-bar-border-color": {
498
+ "component": "action-bar",
499
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
500
+ "sets": {
501
+ "light": {
502
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
503
+ "value": "{transparent-white-25}",
504
+ "uuid": "166159cc-9353-4d22-90f0-64718533d73a"
505
+ },
506
+ "dark": {
507
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
508
+ "value": "{gray-400}",
509
+ "uuid": "dac0d761-d8c1-4b1f-bfbe-766651122ecf"
510
+ }
511
+ }
266
512
  }
267
513
  }