@adobe/spectrum-tokens 13.0.0-beta.9 → 13.1.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 +9324 -0
  2. package/README.md +4 -0
  3. package/dist/json/drover.json +1006 -242
  4. package/dist/json/variables.json +16945 -7107
  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 +286 -18
  26. package/src/color-palette.json +736 -347
  27. package/src/icons.json +974 -20
  28. package/src/layout-component.json +4686 -896
  29. package/src/layout.json +411 -171
  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,23 @@
129
133
  "uuid": "4e1d1cc5-736e-4e82-9054-5c1a74ac1aca"
130
134
  },
131
135
  "card-selection-background-color": {
132
- "component": "cards",
133
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
134
- "value": "{gray-100}",
135
- "uuid": "622c6e86-dea6-416d-9f13-bb6ef112d3cb"
136
+ "component": "card",
137
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
138
+ "sets": {
139
+ "light": {
140
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
141
+ "value": "{transparent-white-600}",
142
+ "uuid": "622c6e86-dea6-416d-9f13-bb6ef112d3cb"
143
+ },
144
+ "dark": {
145
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
146
+ "value": "{transparent-black-600}",
147
+ "uuid": "81c0608b-c977-490e-b8d7-830d0676fdad"
148
+ }
149
+ }
136
150
  },
137
151
  "card-selection-background-color-opacity": {
138
- "component": "cards",
152
+ "component": "card",
139
153
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
140
154
  "value": "0.95",
141
155
  "uuid": "ac039445-0bf8-4821-b02e-e7e06a416576"
@@ -263,5 +277,259 @@
263
277
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
264
278
  "value": "0.15",
265
279
  "uuid": "6a093ea1-f07e-4673-b52f-5b28a2e080d0"
280
+ },
281
+ "menu-item-background-color-default": {
282
+ "component": "menu-item",
283
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
284
+ "sets": {
285
+ "light": {
286
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
287
+ "value": "{gray-100}",
288
+ "uuid": "f4d97d6a-c1f3-4ef5-b7e5-8fbee1365a83"
289
+ },
290
+ "dark": {
291
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
292
+ "value": "{gray-200}",
293
+ "uuid": "9b9e8b32-46b8-470d-85b9-352c00e90138"
294
+ },
295
+ "wireframe": {
296
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
297
+ "value": "{gray-100}",
298
+ "uuid": "9f60dd0a-2a38-4f0d-a83c-3acf777a622a"
299
+ }
300
+ }
301
+ },
302
+ "menu-item-background-color-hover": {
303
+ "component": "menu-item",
304
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
305
+ "sets": {
306
+ "light": {
307
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
308
+ "value": "{gray-100}",
309
+ "uuid": "857e82a6-537e-4534-9084-353c5401f567"
310
+ },
311
+ "dark": {
312
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
313
+ "value": "{gray-200}",
314
+ "uuid": "f68ff159-e886-4519-b95e-e93879a2f535"
315
+ },
316
+ "wireframe": {
317
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
318
+ "value": "{gray-100}",
319
+ "uuid": "d3d08f7a-c516-4f0c-9377-4824d615ab66"
320
+ }
321
+ }
322
+ },
323
+ "menu-item-background-color-down": {
324
+ "component": "menu-item",
325
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
326
+ "sets": {
327
+ "light": {
328
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
329
+ "value": "{gray-100}",
330
+ "uuid": "d609bd79-ab48-4a7a-95b1-da5a88ac5338"
331
+ },
332
+ "dark": {
333
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
334
+ "value": "{gray-200}",
335
+ "uuid": "7ccdd9e8-3677-4de8-b9df-19efa80d88c0"
336
+ },
337
+ "wireframe": {
338
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
339
+ "value": "{gray-100}",
340
+ "uuid": "a8911c6e-f480-4a7d-b7fe-e20a45fb8b2a"
341
+ }
342
+ }
343
+ },
344
+ "menu-item-background-color-keyboard-focus": {
345
+ "component": "menu-item",
346
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
347
+ "sets": {
348
+ "light": {
349
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
350
+ "value": "{gray-100}",
351
+ "uuid": "dd044387-57b9-4867-90fa-b3c4c4a62e5c"
352
+ },
353
+ "dark": {
354
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
355
+ "value": "{gray-200}",
356
+ "uuid": "ae9dc785-2406-407e-ab47-d42d6fbf65f6"
357
+ },
358
+ "wireframe": {
359
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
360
+ "value": "{gray-100}",
361
+ "uuid": "541a7020-5cf5-4ebd-ac1f-2b776d5925af"
362
+ }
363
+ }
364
+ },
365
+ "menu-item-background-color-disabled": {
366
+ "component": "menu-item",
367
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
368
+ "sets": {
369
+ "light": {
370
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
371
+ "value": "{gray-100}",
372
+ "uuid": "211d6540-cf9d-4d80-815b-885844283fa6"
373
+ },
374
+ "dark": {
375
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
376
+ "value": "{gray-200}",
377
+ "uuid": "0e2c2900-180c-443a-86ff-49170166e616"
378
+ },
379
+ "wireframe": {
380
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
381
+ "value": "{gray-100}",
382
+ "uuid": "ce26d102-2e5e-4b11-b9bf-4d1b347c60c5"
383
+ }
384
+ }
385
+ },
386
+ "popover-border-color": {
387
+ "component": "popover",
388
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
389
+ "sets": {
390
+ "light": {
391
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
392
+ "value": "{transparent-white-25}",
393
+ "uuid": "66da6f53-5446-43c1-bbe0-73b46763fde1"
394
+ },
395
+ "dark": {
396
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
397
+ "value": "{gray-400}",
398
+ "uuid": "825dc035-7b1c-4ddd-b1a9-be1546dae7e3"
399
+ }
400
+ }
401
+ },
402
+ "popover-border-opacity": {
403
+ "component": "popover",
404
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
405
+ "sets": {
406
+ "light": {
407
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
408
+ "value": "0",
409
+ "uuid": "05c58363-1d34-4991-a7f7-7be7da4df50a"
410
+ },
411
+ "dark": {
412
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
413
+ "value": "1.0",
414
+ "uuid": "fa9feacc-0c82-41a7-badc-5803c45a703b"
415
+ },
416
+ "wireframe": {
417
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
418
+ "value": "0",
419
+ "uuid": "d8f81d4f-b921-4a41-89c1-cdc79d40901a"
420
+ }
421
+ }
422
+ },
423
+ "coach-indicator-color": {
424
+ "component": "coach-indicator",
425
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
426
+ "value": "{blue-800}",
427
+ "uuid": "bfd387b8-0ce0-45ff-8d66-fc5de2f4900c"
428
+ },
429
+ "swatch-group-border-color": {
430
+ "component": "swatch-group",
431
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
432
+ "value": "{gray-1000}",
433
+ "uuid": "08b8d06a-5475-47bf-ad2e-9f52ee07345a"
434
+ },
435
+ "avatar-border-color": {
436
+ "component": "avatar",
437
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
438
+ "value": "{gray-25}",
439
+ "uuid": "bae79ea7-2b3e-4d43-af42-7deab67acc7c"
440
+ },
441
+ "standard-panel-gripper-color-drag": {
442
+ "component": "standard-panel",
443
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
444
+ "value": "{gray-800}",
445
+ "uuid": "69e2d0b3-6807-4e46-9f8a-72bf49439f36"
446
+ },
447
+ "standard-panel-gripper-color": {
448
+ "component": "standard-panel",
449
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
450
+ "value": "{gray-200}",
451
+ "uuid": "71840c7b-acdd-45b9-a228-5091591f5405"
452
+ },
453
+ "bar-panel-gripper-color": {
454
+ "component": "bar-panel",
455
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
456
+ "value": "{gray-200}",
457
+ "uuid": "5a46c025-32b4-4bda-bab0-5ab0fb69ca8e"
458
+ },
459
+ "bar-panel-gripper-color-drag": {
460
+ "component": "bar-panel",
461
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
462
+ "value": "{gray-800}",
463
+ "uuid": "16431c28-23e4-4077-bcfa-138f90583282"
464
+ },
465
+ "select-box-selected-border-color": {
466
+ "component": "select-box",
467
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
468
+ "value": "{gray-800}",
469
+ "uuid": "4bbb81b1-09fb-4ebe-80b5-cebb75c13839"
470
+ },
471
+ "tree-view-row-background-hover": {
472
+ "component": "tree-view",
473
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
474
+ "value": "{gray-100}",
475
+ "uuid": "39d26185-da40-47b5-b4b3-e47689129256"
476
+ },
477
+ "tree-view-selected-row-background-color-emphasized": {
478
+ "component": "tree-view",
479
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
480
+ "value": "{informative-background-color-default}",
481
+ "uuid": "65854450-ed1a-49ea-ab29-d257b8a0569e"
482
+ },
483
+ "tree-view-selected-row-background-default": {
484
+ "component": "tree-view",
485
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
486
+ "value": "{gray-100}",
487
+ "uuid": "8f19994d-f49a-42ea-97bd-98ab1d76d02d"
488
+ },
489
+ "tree-view-selected-row-background-hover": {
490
+ "component": "tree-view",
491
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
492
+ "value": "{gray-100}",
493
+ "uuid": "c325ed8f-8248-40c3-a0f0-efba57638f24"
494
+ },
495
+ "color-wheel-border-color": {
496
+ "component": "color-wheel",
497
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
498
+ "value": "{gray-1000}",
499
+ "uuid": "a60c3946-dff7-4245-bdcd-b61445066e48"
500
+ },
501
+ "color-wheel-border-opacity": {
502
+ "component": "color-wheel",
503
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
504
+ "value": "0.1",
505
+ "uuid": "be8fac27-b644-492e-a89d-6c87cfecb8a1"
506
+ },
507
+ "action-bar-border-color": {
508
+ "component": "action-bar",
509
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
510
+ "sets": {
511
+ "light": {
512
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
513
+ "value": "{transparent-white-25}",
514
+ "uuid": "166159cc-9353-4d22-90f0-64718533d73a"
515
+ },
516
+ "dark": {
517
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
518
+ "value": "{gray-400}",
519
+ "uuid": "dac0d761-d8c1-4b1f-bfbe-766651122ecf"
520
+ }
521
+ }
522
+ },
523
+ "card-background-well-color": {
524
+ "component": "card",
525
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
526
+ "value": "{gray-100}",
527
+ "uuid": "c9c0e684-6b6c-4314-9b5b-7ba5e3333071"
528
+ },
529
+ "card-background-loading-color": {
530
+ "component": "card",
531
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
532
+ "value": "{gray-100}",
533
+ "uuid": "6022f845-b182-493f-bdae-f86f6336efaa"
266
534
  }
267
535
  }