@adobe/spectrum-tokens 13.0.0-beta.31 → 13.0.0-beta.33

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,59 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 13.0.0-beta.33
4
+
5
+ ### Minor Changes
6
+
7
+ - [#331](https://github.com/adobe/spectrum-tokens/pull/331) [`0bbfedb`](https://github.com/adobe/spectrum-tokens/commit/0bbfedb9dbb63fdd5b20e91f65b3f958a833313b) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - S2 Menu token updates
8
+
9
+ ## Token Diff
10
+
11
+ _Tokens added (23):_
12
+
13
+ - `link-out-icon-size-100`
14
+ - `link-out-icon-size-200`
15
+ - `link-out-icon-size-75`
16
+ - `menu-item-background-color-default`
17
+ - `menu-item-background-color-disabled`
18
+ - `menu-item-background-color-down`
19
+ - `menu-item-background-color-hover`
20
+ - `menu-item-background-color-keyboard-focus`
21
+ - `menu-item-background-opacity`
22
+ - `menu-item-label-to-description`
23
+ - `menu-item-label-to-description-extra-large`
24
+ - `menu-item-label-to-description-large`
25
+ - `menu-item-label-to-description-medium`
26
+ - `menu-item-label-to-description-small`
27
+ - `menu-item-top-to-thumbnail-extra-large`
28
+ - `menu-item-top-to-thumbnail-large`
29
+ - `menu-item-top-to-thumbnail-medium`
30
+ - `menu-item-top-to-thumbnail-small`
31
+ - `menu-section-header-to-description-extra-large`
32
+ - `menu-section-header-to-description-large`
33
+ - `menu-section-header-to-description-medium`
34
+ - `menu-section-header-to-description-small`
35
+ - `text-to-visual-400`
36
+
37
+ _Token values updated (1):_
38
+
39
+ - `menu-item-section-divider-height`
40
+
41
+ ## 13.0.0-beta.32
42
+
43
+ ### Minor Changes
44
+
45
+ - [#325](https://github.com/adobe/spectrum-tokens/pull/325) [`095248e`](https://github.com/adobe/spectrum-tokens/commit/095248e26bdd1c8b65a61f3793646bb44093c38b) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Added semantic aliases used by in-line alert.
46
+
47
+ ## Token Diff
48
+
49
+ _Tokens added (5):_
50
+
51
+ - `informative-subtle-background-color-default`
52
+ - `negative-subtle-background-color-default`
53
+ - `neutral-subtle-background-color-default`
54
+ - `notice-subtle-background-color-default`
55
+ - `positive-subtle-background-color-default`
56
+
3
57
  ## 13.0.0-beta.31
4
58
 
5
59
  ### Minor Changes
@@ -280,6 +280,7 @@
280
280
  "informative-color-700": "rgb(93, 137, 255)",
281
281
  "informative-color-800": "rgb(75, 117, 255)",
282
282
  "informative-color-900": "rgb(59, 99, 251)",
283
+ "informative-subtle-background-color-default": "rgb(229, 240, 254)",
283
284
  "informative-visual-color": "rgb(75, 117, 255)",
284
285
  "magenta-100": "rgb(255, 245, 248)",
285
286
  "magenta-1000": "rgb(186, 22, 80)",
@@ -299,6 +300,11 @@
299
300
  "magenta-900": "rgb(217, 35, 97)",
300
301
  "magenta-background-color-default": "rgb(217, 35, 97)",
301
302
  "magenta-visual-color": "rgb(240, 45, 110)",
303
+ "menu-item-background-color-default": "rgb(233, 233, 233)",
304
+ "menu-item-background-color-disabled": "rgb(233, 233, 233)",
305
+ "menu-item-background-color-down": "rgb(233, 233, 233)",
306
+ "menu-item-background-color-hover": "rgb(233, 233, 233)",
307
+ "menu-item-background-color-keyboard-focus": "rgb(233, 233, 233)",
302
308
  "negative-background-color-default": "rgb(215, 50, 32)",
303
309
  "negative-background-color-down": "rgb(183, 40, 24)",
304
310
  "negative-background-color-hover": "rgb(183, 40, 24)",
@@ -333,6 +339,7 @@
333
339
  "negative-subdued-background-color-down": "rgb(255, 214, 209)",
334
340
  "negative-subdued-background-color-hover": "rgb(255, 214, 209)",
335
341
  "negative-subdued-background-color-key-focus": "rgb(255, 214, 209)",
342
+ "negative-subtle-background-color-default": "rgb(255, 235, 232)",
336
343
  "negative-visual-color": "rgb(240, 56, 35)",
337
344
  "neutral-background-color-default": "rgb(41, 41, 41)",
338
345
  "neutral-background-color-down": "rgb(19, 19, 19)",
@@ -357,6 +364,7 @@
357
364
  "neutral-subdued-content-color-hover": "rgb(41, 41, 41)",
358
365
  "neutral-subdued-content-color-key-focus": "rgb(41, 41, 41)",
359
366
  "neutral-subdued-content-color-selected": "rgb(41, 41, 41)",
367
+ "neutral-subtle-background-color-default": "rgb(233, 233, 233)",
360
368
  "neutral-visual-color": "rgb(143, 143, 143)",
361
369
  "notice-background-color-default": "rgb(252, 125, 0)",
362
370
  "notice-color-100": "rgb(255, 246, 231)",
@@ -375,6 +383,7 @@
375
383
  "notice-color-700": "rgb(232, 106, 0)",
376
384
  "notice-color-800": "rgb(212, 91, 0)",
377
385
  "notice-color-900": "rgb(194, 78, 0)",
386
+ "notice-subtle-background-color-default": "rgb(255, 236, 207)",
378
387
  "notice-visual-color": "rgb(232, 106, 0)",
379
388
  "opacity-checkerboard-square-dark": "rgb(225, 225, 225)",
380
389
  "opacity-checkerboard-square-light": "rgb(255, 255, 255)",
@@ -436,6 +445,7 @@
436
445
  "positive-color-700": "rgb(11, 164, 93)",
437
446
  "positive-color-800": "rgb(7, 147, 85)",
438
447
  "positive-color-900": "rgb(5, 131, 78)",
448
+ "positive-subtle-background-color-default": "rgb(215, 247, 225)",
439
449
  "positive-visual-color": "rgb(11, 164, 93)",
440
450
  "purple-100": "rgb(251, 247, 254)",
441
451
  "purple-1000": "rgb(134, 40, 217)",
@@ -851,6 +861,7 @@
851
861
  "informative-color-700": "rgb(52, 91, 248)",
852
862
  "informative-color-800": "rgb(69, 110, 254)",
853
863
  "informative-color-900": "rgb(86, 129, 255)",
864
+ "informative-subtle-background-color-default": "rgb(15, 28, 82)",
854
865
  "informative-visual-color": "rgb(86, 129, 255)",
855
866
  "magenta-100": "rgb(59, 0, 22)",
856
867
  "magenta-1000": "rgb(255, 96, 149)",
@@ -870,6 +881,11 @@
870
881
  "magenta-900": "rgb(255, 51, 119)",
871
882
  "magenta-background-color-default": "rgb(207, 31, 92)",
872
883
  "magenta-visual-color": "rgb(255, 51, 119)",
884
+ "menu-item-background-color-default": "rgb(50, 50, 50)",
885
+ "menu-item-background-color-disabled": "rgb(50, 50, 50)",
886
+ "menu-item-background-color-down": "rgb(50, 50, 50)",
887
+ "menu-item-background-color-hover": "rgb(50, 50, 50)",
888
+ "menu-item-background-color-keyboard-focus": "rgb(50, 50, 50)",
873
889
  "negative-background-color-default": "rgb(205, 46, 29)",
874
890
  "negative-background-color-down": "rgb(177, 38, 23)",
875
891
  "negative-background-color-hover": "rgb(177, 38, 23)",
@@ -904,6 +920,7 @@
904
920
  "negative-subdued-background-color-down": "rgb(87, 17, 7)",
905
921
  "negative-subdued-background-color-hover": "rgb(87, 17, 7)",
906
922
  "negative-subdued-background-color-key-focus": "rgb(87, 17, 7)",
923
+ "negative-subtle-background-color-default": "rgb(68, 13, 5)",
907
924
  "negative-visual-color": "rgb(205, 46, 29)",
908
925
  "neutral-background-color-default": "rgb(219, 219, 219)",
909
926
  "neutral-background-color-down": "rgb(242, 242, 242)",
@@ -928,6 +945,7 @@
928
945
  "neutral-subdued-content-color-hover": "rgb(219, 219, 219)",
929
946
  "neutral-subdued-content-color-key-focus": "rgb(219, 219, 219)",
930
947
  "neutral-subdued-content-color-selected": "rgb(219, 219, 219)",
948
+ "neutral-subtle-background-color-default": "rgb(44, 44, 44)",
931
949
  "neutral-visual-color": "rgb(138, 138, 138)",
932
950
  "notice-background-color-default": "rgb(224, 100, 0)",
933
951
  "notice-color-100": "rgb(49, 16, 0)",
@@ -946,6 +964,7 @@
946
964
  "notice-color-700": "rgb(185, 73, 0)",
947
965
  "notice-color-800": "rgb(205, 86, 0)",
948
966
  "notice-color-900": "rgb(224, 100, 0)",
967
+ "notice-subtle-background-color-default": "rgb(61, 21, 0)",
949
968
  "notice-visual-color": "rgb(224, 100, 0)",
950
969
  "opacity-checkerboard-square-dark": "rgb(219, 219, 219)",
951
970
  "opacity-checkerboard-square-light": "rgb(255, 255, 255)",
@@ -1007,6 +1026,7 @@
1007
1026
  "positive-color-700": "rgb(4, 124, 75)",
1008
1027
  "positive-color-800": "rgb(6, 140, 82)",
1009
1028
  "positive-color-900": "rgb(9, 157, 89)",
1029
+ "positive-subtle-background-color-default": "rgb(0, 38, 29)",
1010
1030
  "positive-visual-color": "rgb(6, 140, 82)",
1011
1031
  "purple-100": "rgb(41, 0, 79)",
1012
1032
  "purple-1000": "rgb(186, 127, 237)",
@@ -1708,12 +1728,19 @@
1708
1728
  "in-line-alert-minimum-width": "240px",
1709
1729
  "line-height-100": "1.3",
1710
1730
  "line-height-200": "1.5",
1731
+ "link-out-icon-size-100": "12px",
1732
+ "link-out-icon-size-200": "14px",
1733
+ "link-out-icon-size-75": "10px",
1711
1734
  "menu-item-edge-to-content-not-selected-extra-large": "45px",
1712
1735
  "menu-item-edge-to-content-not-selected-large": "38px",
1713
1736
  "menu-item-edge-to-content-not-selected-medium": "32px",
1714
1737
  "menu-item-edge-to-content-not-selected-small": "28px",
1715
1738
  "menu-item-label-to-description": "1px",
1716
- "menu-item-section-divider-height": "8px",
1739
+ "menu-item-label-to-description-extra-large": "2px",
1740
+ "menu-item-label-to-description-large": "2px",
1741
+ "menu-item-label-to-description-medium": "1px",
1742
+ "menu-item-label-to-description-small": "1px",
1743
+ "menu-item-section-divider-height": "12px",
1717
1744
  "menu-item-top-to-disclosure-icon-extra-large": "17px",
1718
1745
  "menu-item-top-to-disclosure-icon-large": "14px",
1719
1746
  "menu-item-top-to-disclosure-icon-medium": "11px",
@@ -1722,6 +1749,14 @@
1722
1749
  "menu-item-top-to-selected-icon-large": "14px",
1723
1750
  "menu-item-top-to-selected-icon-medium": "11px",
1724
1751
  "menu-item-top-to-selected-icon-small": "7px",
1752
+ "menu-item-top-to-thumbnail-extra-large": "11px",
1753
+ "menu-item-top-to-thumbnail-large": "10px",
1754
+ "menu-item-top-to-thumbnail-medium": "9px",
1755
+ "menu-item-top-to-thumbnail-small": "8px",
1756
+ "menu-section-header-to-description-extra-large": "2px",
1757
+ "menu-section-header-to-description-large": "2px",
1758
+ "menu-section-header-to-description-medium": "1px",
1759
+ "menu-section-header-to-description-small": "1px",
1725
1760
  "meter-default-width": "192px",
1726
1761
  "meter-maximum-width": "768px",
1727
1762
  "meter-minimum-width": "48px",
@@ -2026,6 +2061,7 @@
2026
2061
  "text-to-visual-100": "6px",
2027
2062
  "text-to-visual-200": "7px",
2028
2063
  "text-to-visual-300": "8px",
2064
+ "text-to-visual-400": "9px",
2029
2065
  "text-to-visual-50": "5px",
2030
2066
  "text-to-visual-75": "5px",
2031
2067
  "text-underline-gap": "1px",
@@ -4866,6 +4866,24 @@
4866
4866
  },
4867
4867
  "uuid": "e475981f-97af-479c-859b-7619dd87c448"
4868
4868
  },
4869
+ "neutral-subtle-background-color-default": {
4870
+ "ref": "{gray-100}",
4871
+ "sets": {
4872
+ "light": {
4873
+ "value": "rgb(233, 233, 233)",
4874
+ "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
4875
+ },
4876
+ "dark": {
4877
+ "value": "rgb(44, 44, 44)",
4878
+ "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
4879
+ },
4880
+ "wireframe": {
4881
+ "value": "rgb(244, 246, 252)",
4882
+ "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
4883
+ }
4884
+ },
4885
+ "uuid": "cc79fbaf-a2e1-4761-82e7-1dbea52acee8"
4886
+ },
4869
4887
  "swatch-border-color": {
4870
4888
  "ref": "{gray-900}",
4871
4889
  "sets": {
@@ -5349,6 +5367,296 @@
5349
5367
  "value": "0.15",
5350
5368
  "uuid": "6a093ea1-f07e-4673-b52f-5b28a2e080d0"
5351
5369
  },
5370
+ "menu-item-background-color-default": {
5371
+ "sets": {
5372
+ "light": {
5373
+ "ref": "{gray-100}",
5374
+ "sets": {
5375
+ "light": {
5376
+ "value": "rgb(233, 233, 233)",
5377
+ "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
5378
+ },
5379
+ "dark": {
5380
+ "value": "rgb(44, 44, 44)",
5381
+ "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
5382
+ },
5383
+ "wireframe": {
5384
+ "value": "rgb(244, 246, 252)",
5385
+ "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
5386
+ }
5387
+ },
5388
+ "uuid": "f4d97d6a-c1f3-4ef5-b7e5-8fbee1365a83"
5389
+ },
5390
+ "dark": {
5391
+ "ref": "{gray-200}",
5392
+ "sets": {
5393
+ "light": {
5394
+ "value": "rgb(225, 225, 225)",
5395
+ "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
5396
+ },
5397
+ "dark": {
5398
+ "value": "rgb(50, 50, 50)",
5399
+ "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
5400
+ },
5401
+ "wireframe": {
5402
+ "value": "rgb(230, 236, 248)",
5403
+ "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
5404
+ }
5405
+ },
5406
+ "uuid": "9b9e8b32-46b8-470d-85b9-352c00e90138"
5407
+ },
5408
+ "wireframe": {
5409
+ "ref": "{gray-100}",
5410
+ "sets": {
5411
+ "light": {
5412
+ "value": "rgb(233, 233, 233)",
5413
+ "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
5414
+ },
5415
+ "dark": {
5416
+ "value": "rgb(44, 44, 44)",
5417
+ "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
5418
+ },
5419
+ "wireframe": {
5420
+ "value": "rgb(244, 246, 252)",
5421
+ "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
5422
+ }
5423
+ },
5424
+ "uuid": "9f60dd0a-2a38-4f0d-a83c-3acf777a622a"
5425
+ }
5426
+ }
5427
+ },
5428
+ "menu-item-background-color-hover": {
5429
+ "sets": {
5430
+ "light": {
5431
+ "ref": "{gray-100}",
5432
+ "sets": {
5433
+ "light": {
5434
+ "value": "rgb(233, 233, 233)",
5435
+ "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
5436
+ },
5437
+ "dark": {
5438
+ "value": "rgb(44, 44, 44)",
5439
+ "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
5440
+ },
5441
+ "wireframe": {
5442
+ "value": "rgb(244, 246, 252)",
5443
+ "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
5444
+ }
5445
+ },
5446
+ "uuid": "857e82a6-537e-4534-9084-353c5401f567"
5447
+ },
5448
+ "dark": {
5449
+ "ref": "{gray-200}",
5450
+ "sets": {
5451
+ "light": {
5452
+ "value": "rgb(225, 225, 225)",
5453
+ "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
5454
+ },
5455
+ "dark": {
5456
+ "value": "rgb(50, 50, 50)",
5457
+ "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
5458
+ },
5459
+ "wireframe": {
5460
+ "value": "rgb(230, 236, 248)",
5461
+ "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
5462
+ }
5463
+ },
5464
+ "uuid": "f68ff159-e886-4519-b95e-e93879a2f535"
5465
+ },
5466
+ "wireframe": {
5467
+ "ref": "{gray-100}",
5468
+ "sets": {
5469
+ "light": {
5470
+ "value": "rgb(233, 233, 233)",
5471
+ "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
5472
+ },
5473
+ "dark": {
5474
+ "value": "rgb(44, 44, 44)",
5475
+ "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
5476
+ },
5477
+ "wireframe": {
5478
+ "value": "rgb(244, 246, 252)",
5479
+ "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
5480
+ }
5481
+ },
5482
+ "uuid": "d3d08f7a-c516-4f0c-9377-4824d615ab66"
5483
+ }
5484
+ }
5485
+ },
5486
+ "menu-item-background-color-down": {
5487
+ "sets": {
5488
+ "light": {
5489
+ "ref": "{gray-100}",
5490
+ "sets": {
5491
+ "light": {
5492
+ "value": "rgb(233, 233, 233)",
5493
+ "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
5494
+ },
5495
+ "dark": {
5496
+ "value": "rgb(44, 44, 44)",
5497
+ "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
5498
+ },
5499
+ "wireframe": {
5500
+ "value": "rgb(244, 246, 252)",
5501
+ "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
5502
+ }
5503
+ },
5504
+ "uuid": "d609bd79-ab48-4a7a-95b1-da5a88ac5338"
5505
+ },
5506
+ "dark": {
5507
+ "ref": "{gray-200}",
5508
+ "sets": {
5509
+ "light": {
5510
+ "value": "rgb(225, 225, 225)",
5511
+ "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
5512
+ },
5513
+ "dark": {
5514
+ "value": "rgb(50, 50, 50)",
5515
+ "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
5516
+ },
5517
+ "wireframe": {
5518
+ "value": "rgb(230, 236, 248)",
5519
+ "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
5520
+ }
5521
+ },
5522
+ "uuid": "7ccdd9e8-3677-4de8-b9df-19efa80d88c0"
5523
+ },
5524
+ "wireframe": {
5525
+ "ref": "{gray-100}",
5526
+ "sets": {
5527
+ "light": {
5528
+ "value": "rgb(233, 233, 233)",
5529
+ "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
5530
+ },
5531
+ "dark": {
5532
+ "value": "rgb(44, 44, 44)",
5533
+ "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
5534
+ },
5535
+ "wireframe": {
5536
+ "value": "rgb(244, 246, 252)",
5537
+ "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
5538
+ }
5539
+ },
5540
+ "uuid": "a8911c6e-f480-4a7d-b7fe-e20a45fb8b2a"
5541
+ }
5542
+ }
5543
+ },
5544
+ "menu-item-background-color-keyboard-focus": {
5545
+ "sets": {
5546
+ "light": {
5547
+ "ref": "{gray-100}",
5548
+ "sets": {
5549
+ "light": {
5550
+ "value": "rgb(233, 233, 233)",
5551
+ "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
5552
+ },
5553
+ "dark": {
5554
+ "value": "rgb(44, 44, 44)",
5555
+ "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
5556
+ },
5557
+ "wireframe": {
5558
+ "value": "rgb(244, 246, 252)",
5559
+ "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
5560
+ }
5561
+ },
5562
+ "uuid": "dd044387-57b9-4867-90fa-b3c4c4a62e5c"
5563
+ },
5564
+ "dark": {
5565
+ "ref": "{gray-200}",
5566
+ "sets": {
5567
+ "light": {
5568
+ "value": "rgb(225, 225, 225)",
5569
+ "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
5570
+ },
5571
+ "dark": {
5572
+ "value": "rgb(50, 50, 50)",
5573
+ "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
5574
+ },
5575
+ "wireframe": {
5576
+ "value": "rgb(230, 236, 248)",
5577
+ "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
5578
+ }
5579
+ },
5580
+ "uuid": "ae9dc785-2406-407e-ab47-d42d6fbf65f6"
5581
+ },
5582
+ "wireframe": {
5583
+ "ref": "{gray-100}",
5584
+ "sets": {
5585
+ "light": {
5586
+ "value": "rgb(233, 233, 233)",
5587
+ "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
5588
+ },
5589
+ "dark": {
5590
+ "value": "rgb(44, 44, 44)",
5591
+ "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
5592
+ },
5593
+ "wireframe": {
5594
+ "value": "rgb(244, 246, 252)",
5595
+ "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
5596
+ }
5597
+ },
5598
+ "uuid": "541a7020-5cf5-4ebd-ac1f-2b776d5925af"
5599
+ }
5600
+ }
5601
+ },
5602
+ "menu-item-background-color-disabled": {
5603
+ "sets": {
5604
+ "light": {
5605
+ "ref": "{gray-100}",
5606
+ "sets": {
5607
+ "light": {
5608
+ "value": "rgb(233, 233, 233)",
5609
+ "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
5610
+ },
5611
+ "dark": {
5612
+ "value": "rgb(44, 44, 44)",
5613
+ "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
5614
+ },
5615
+ "wireframe": {
5616
+ "value": "rgb(244, 246, 252)",
5617
+ "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
5618
+ }
5619
+ },
5620
+ "uuid": "211d6540-cf9d-4d80-815b-885844283fa6"
5621
+ },
5622
+ "dark": {
5623
+ "ref": "{gray-200}",
5624
+ "sets": {
5625
+ "light": {
5626
+ "value": "rgb(225, 225, 225)",
5627
+ "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
5628
+ },
5629
+ "dark": {
5630
+ "value": "rgb(50, 50, 50)",
5631
+ "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
5632
+ },
5633
+ "wireframe": {
5634
+ "value": "rgb(230, 236, 248)",
5635
+ "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
5636
+ }
5637
+ },
5638
+ "uuid": "0e2c2900-180c-443a-86ff-49170166e616"
5639
+ },
5640
+ "wireframe": {
5641
+ "ref": "{gray-100}",
5642
+ "sets": {
5643
+ "light": {
5644
+ "value": "rgb(233, 233, 233)",
5645
+ "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
5646
+ },
5647
+ "dark": {
5648
+ "value": "rgb(44, 44, 44)",
5649
+ "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
5650
+ },
5651
+ "wireframe": {
5652
+ "value": "rgb(244, 246, 252)",
5653
+ "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
5654
+ }
5655
+ },
5656
+ "uuid": "ce26d102-2e5e-4b11-b9bf-4d1b347c60c5"
5657
+ }
5658
+ }
5659
+ },
5352
5660
  "white": {
5353
5661
  "value": "rgb(255, 255, 255)",
5354
5662
  "uuid": "9b799da8-2130-417e-b7ee-5e1154a89837"
@@ -11808,6 +12116,7 @@
11808
12116
  }
11809
12117
  },
11810
12118
  "menu-item-label-to-description": {
12119
+ "ref": "{menu-item-label-to-description-medium}",
11811
12120
  "value": "1px",
11812
12121
  "uuid": "628cf42f-eb40-49b0-b110-3340421d4502"
11813
12122
  },
@@ -11956,7 +12265,7 @@
11956
12265
  }
11957
12266
  },
11958
12267
  "menu-item-section-divider-height": {
11959
- "value": "8px",
12268
+ "value": "12px",
11960
12269
  "uuid": "dac5c077-b948-434b-91bd-0759c2414007"
11961
12270
  },
11962
12271
  "slider-track-thickness": {
@@ -17389,6 +17698,126 @@
17389
17698
  },
17390
17699
  "uuid": "ee780be7-b32c-4da8-a6bc-fc0897799537"
17391
17700
  },
17701
+ "link-out-icon-size-75": {
17702
+ "sets": {
17703
+ "desktop": {
17704
+ "value": "10px",
17705
+ "uuid": "1e41d09e-684e-4f87-ae85-4bc95f958c0e"
17706
+ },
17707
+ "mobile": {
17708
+ "value": "12px",
17709
+ "uuid": "cb87186b-47aa-4baa-a47d-91b5e9f7965e"
17710
+ }
17711
+ }
17712
+ },
17713
+ "link-out-icon-size-100": {
17714
+ "sets": {
17715
+ "desktop": {
17716
+ "value": "12px",
17717
+ "uuid": "cc8ad91e-22f2-4f59-ae8c-99d2c1433d6e"
17718
+ },
17719
+ "mobile": {
17720
+ "value": "14px",
17721
+ "uuid": "083c11fe-1e10-46f5-9e71-3fcc2567fe2d"
17722
+ }
17723
+ }
17724
+ },
17725
+ "link-out-icon-size-200": {
17726
+ "sets": {
17727
+ "desktop": {
17728
+ "value": "14px",
17729
+ "uuid": "f78418a4-5b55-418b-9c90-7f388d5bb275"
17730
+ },
17731
+ "mobile": {
17732
+ "value": "16px",
17733
+ "uuid": "0062482b-0339-4632-9b40-89b5f1a440cf"
17734
+ }
17735
+ }
17736
+ },
17737
+ "menu-item-label-to-description-small": {
17738
+ "value": "1px",
17739
+ "uuid": "66d57402-d7db-45df-8872-fd362014bcbe"
17740
+ },
17741
+ "menu-item-label-to-description-medium": {
17742
+ "value": "1px",
17743
+ "uuid": "608fd592-fff8-435e-88e2-846bd34cc235"
17744
+ },
17745
+ "menu-item-label-to-description-large": {
17746
+ "value": "2px",
17747
+ "uuid": "4ce8b4db-72f8-411b-baad-8b66c0496182"
17748
+ },
17749
+ "menu-item-label-to-description-extra-large": {
17750
+ "value": "2px",
17751
+ "uuid": "5543ede1-4e55-44f5-920f-288ee96e06ca"
17752
+ },
17753
+ "menu-section-header-to-description-small": {
17754
+ "value": "1px",
17755
+ "uuid": "ac039575-7c1f-4733-a310-b39cebf83b82"
17756
+ },
17757
+ "menu-section-header-to-description-medium": {
17758
+ "value": "1px",
17759
+ "uuid": "4211feff-12af-4288-b86d-4c66a5a55b8f"
17760
+ },
17761
+ "menu-section-header-to-description-large": {
17762
+ "value": "2px",
17763
+ "uuid": "2899d6e1-acad-453b-ad65-1e6a6e380363"
17764
+ },
17765
+ "menu-section-header-to-description-extra-large": {
17766
+ "value": "2px",
17767
+ "uuid": "c9e46b75-f1d8-4b19-a258-b8b0a0e66484"
17768
+ },
17769
+ "menu-item-top-to-thumbnail-small": {
17770
+ "sets": {
17771
+ "desktop": {
17772
+ "value": "8px",
17773
+ "uuid": "456d5283-eb93-4b8d-b796-7f181ebcec04"
17774
+ },
17775
+ "mobile": {
17776
+ "value": "10px",
17777
+ "uuid": "af422766-3185-47d6-adba-31b1e97b92d9"
17778
+ }
17779
+ }
17780
+ },
17781
+ "menu-item-top-to-thumbnail-medium": {
17782
+ "sets": {
17783
+ "desktop": {
17784
+ "value": "9px",
17785
+ "uuid": "f71c4487-3c1e-4204-b631-b0658a6b5e12"
17786
+ },
17787
+ "mobile": {
17788
+ "value": "11px",
17789
+ "uuid": "62815f67-4e23-43f9-93d2-f29d1688cddf"
17790
+ }
17791
+ }
17792
+ },
17793
+ "menu-item-top-to-thumbnail-large": {
17794
+ "sets": {
17795
+ "desktop": {
17796
+ "value": "10px",
17797
+ "uuid": "0d468b92-74df-4044-8af3-c867eebbf370"
17798
+ },
17799
+ "mobile": {
17800
+ "value": "12px",
17801
+ "uuid": "64b2f613-35b2-46a8-be7d-c39c314840b9"
17802
+ }
17803
+ }
17804
+ },
17805
+ "menu-item-top-to-thumbnail-extra-large": {
17806
+ "sets": {
17807
+ "desktop": {
17808
+ "value": "11px",
17809
+ "uuid": "06a6c13b-2d58-4102-b169-073eed5599e6"
17810
+ },
17811
+ "mobile": {
17812
+ "value": "13px",
17813
+ "uuid": "dfeef197-57b9-41a1-b759-3c782a64f2f3"
17814
+ }
17815
+ }
17816
+ },
17817
+ "menu-item-background-opacity": {
17818
+ "value": "0",
17819
+ "uuid": "6f464689-0b87-4f38-b9a4-e5015acdd0d7"
17820
+ },
17392
17821
  "corner-radius-0": {
17393
17822
  "value": "0px",
17394
17823
  "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"
@@ -17620,6 +18049,18 @@
17620
18049
  }
17621
18050
  }
17622
18051
  },
18052
+ "text-to-visual-400": {
18053
+ "sets": {
18054
+ "desktop": {
18055
+ "value": "9px",
18056
+ "uuid": "3d393d59-b358-48a7-82c6-a7802408cd0d"
18057
+ },
18058
+ "mobile": {
18059
+ "value": "11px",
18060
+ "uuid": "b496071f-4151-4bc2-86eb-f2e41947e0f6"
18061
+ }
18062
+ }
18063
+ },
17623
18064
  "text-to-control-75": {
17624
18065
  "sets": {
17625
18066
  "desktop": {
@@ -20820,6 +21261,78 @@
20820
21261
  },
20821
21262
  "uuid": "4b6aaf76-e0ab-4be0-81c0-d5f64cacee88"
20822
21263
  },
21264
+ "informative-subtle-background-color-default": {
21265
+ "ref": "{blue-200}",
21266
+ "sets": {
21267
+ "light": {
21268
+ "value": "rgb(229, 240, 254)",
21269
+ "uuid": "989a37a5-66f2-4a84-a118-8d36caee6695"
21270
+ },
21271
+ "dark": {
21272
+ "value": "rgb(15, 28, 82)",
21273
+ "uuid": "7b7d1fd8-cc1e-4053-b320-e481b8f64c46"
21274
+ },
21275
+ "wireframe": {
21276
+ "value": "rgb(235, 239, 248)",
21277
+ "uuid": "1f9bd0a5-d1ed-4d24-b8bf-273f5f22a5f4"
21278
+ }
21279
+ },
21280
+ "uuid": "62dfb07f-5eee-451c-9c77-745d8f714766"
21281
+ },
21282
+ "positive-subtle-background-color-default": {
21283
+ "ref": "{green-200}",
21284
+ "sets": {
21285
+ "light": {
21286
+ "value": "rgb(215, 247, 225)",
21287
+ "uuid": "9d32cd19-8375-4da3-9324-0e8334c2e714"
21288
+ },
21289
+ "dark": {
21290
+ "value": "rgb(0, 38, 29)",
21291
+ "uuid": "e8f294f5-cb17-4fdc-b370-ca2e3f95d342"
21292
+ },
21293
+ "wireframe": {
21294
+ "value": "rgb(235, 239, 248)",
21295
+ "uuid": "b5d964d5-e68d-44c6-880f-2e23d2bae7ec"
21296
+ }
21297
+ },
21298
+ "uuid": "57a1aa8f-5c06-4ff6-8d1c-0e278a433ebf"
21299
+ },
21300
+ "notice-subtle-background-color-default": {
21301
+ "ref": "{orange-200}",
21302
+ "sets": {
21303
+ "light": {
21304
+ "value": "rgb(255, 236, 207)",
21305
+ "uuid": "64371717-ac11-4ec3-a0aa-9042cf43fa8f"
21306
+ },
21307
+ "dark": {
21308
+ "value": "rgb(61, 21, 0)",
21309
+ "uuid": "587d4ce3-4275-4d2a-916c-2b1bf78c38ea"
21310
+ },
21311
+ "wireframe": {
21312
+ "value": "rgb(235, 239, 248)",
21313
+ "uuid": "47e53be7-b33b-48e3-abdf-fe48d59f8819"
21314
+ }
21315
+ },
21316
+ "uuid": "f0799e87-dbb2-4e71-8253-65f45eddc078"
21317
+ },
21318
+ "negative-subtle-background-color-default": {
21319
+ "ref": "{red-200}",
21320
+ "sets": {
21321
+ "light": {
21322
+ "value": "rgb(255, 235, 232)",
21323
+ "uuid": "a1f7b6a3-4195-44dc-a772-9a04d3cf859c"
21324
+ },
21325
+ "dark": {
21326
+ "value": "rgb(68, 13, 5)",
21327
+ "uuid": "b18ca77b-898e-4e09-88e2-8901de3e9172"
21328
+ },
21329
+ "wireframe": {
21330
+ "value": "rgb(235, 239, 248)",
21331
+ "uuid": "1d78cfc4-2c54-450e-9c5a-e3d3a40bcf32"
21332
+ }
21333
+ },
21334
+ "uuid": "8e9429cf-4c89-47be-bc6e-eeecc632aeb1"
21335
+ },
20823
21336
  "default-font-family": {
20824
21337
  "ref": "{sans-serif-font-family}",
20825
21338
  "value": "Adobe Clean",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "13.0.0-beta.31",
3
+ "version": "13.0.0-beta.33",
4
4
  "description": "Design tokens for Spectrum, Adobe's design system",
5
5
  "type": "module",
6
6
  "main": "index.js",
@@ -1715,5 +1715,10 @@
1715
1715
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
1716
1716
  "value": "{drop-shadow-color-200}",
1717
1717
  "uuid": "e475981f-97af-479c-859b-7619dd87c448"
1718
+ },
1719
+ "neutral-subtle-background-color-default": {
1720
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
1721
+ "value": "{gray-100}",
1722
+ "uuid": "cc79fbaf-a2e1-4761-82e7-1dbea52acee8"
1718
1723
  }
1719
1724
  }
@@ -267,5 +267,110 @@
267
267
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
268
268
  "value": "0.15",
269
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
+ }
270
375
  }
271
376
  }
@@ -1607,9 +1607,10 @@
1607
1607
  },
1608
1608
  "menu-item-label-to-description": {
1609
1609
  "component": "menu",
1610
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
1611
- "value": "1px",
1612
- "uuid": "628cf42f-eb40-49b0-b110-3340421d4502"
1610
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
1611
+ "value": "{menu-item-label-to-description-medium}",
1612
+ "uuid": "628cf42f-eb40-49b0-b110-3340421d4502",
1613
+ "deprecated": true
1613
1614
  },
1614
1615
  "menu-item-edge-to-content-not-selected-small": {
1615
1616
  "component": "menu",
@@ -1806,7 +1807,7 @@
1806
1807
  "menu-item-section-divider-height": {
1807
1808
  "component": "menu",
1808
1809
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
1809
- "value": "8px",
1810
+ "value": "12px",
1810
1811
  "uuid": "dac5c077-b948-434b-91bd-0759c2414007"
1811
1812
  },
1812
1813
  "slider-track-thickness": {
@@ -7911,5 +7912,171 @@
7911
7912
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
7912
7913
  "value": "{text-to-visual-300}",
7913
7914
  "uuid": "ee780be7-b32c-4da8-a6bc-fc0897799537"
7915
+ },
7916
+ "link-out-icon-size-75": {
7917
+ "component": "link-out-icon",
7918
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7919
+ "sets": {
7920
+ "desktop": {
7921
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7922
+ "value": "10px",
7923
+ "uuid": "1e41d09e-684e-4f87-ae85-4bc95f958c0e"
7924
+ },
7925
+ "mobile": {
7926
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7927
+ "value": "12px",
7928
+ "uuid": "cb87186b-47aa-4baa-a47d-91b5e9f7965e"
7929
+ }
7930
+ }
7931
+ },
7932
+ "link-out-icon-size-100": {
7933
+ "component": "link-out-icon",
7934
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7935
+ "sets": {
7936
+ "desktop": {
7937
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7938
+ "value": "12px",
7939
+ "uuid": "cc8ad91e-22f2-4f59-ae8c-99d2c1433d6e"
7940
+ },
7941
+ "mobile": {
7942
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7943
+ "value": "14px",
7944
+ "uuid": "083c11fe-1e10-46f5-9e71-3fcc2567fe2d"
7945
+ }
7946
+ }
7947
+ },
7948
+ "link-out-icon-size-200": {
7949
+ "component": "link-out-icon",
7950
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7951
+ "sets": {
7952
+ "desktop": {
7953
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7954
+ "value": "14px",
7955
+ "uuid": "f78418a4-5b55-418b-9c90-7f388d5bb275"
7956
+ },
7957
+ "mobile": {
7958
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7959
+ "value": "16px",
7960
+ "uuid": "0062482b-0339-4632-9b40-89b5f1a440cf"
7961
+ }
7962
+ }
7963
+ },
7964
+ "menu-item-label-to-description-small": {
7965
+ "component": "menu-item",
7966
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7967
+ "value": "1px",
7968
+ "uuid": "66d57402-d7db-45df-8872-fd362014bcbe"
7969
+ },
7970
+ "menu-item-label-to-description-medium": {
7971
+ "component": "menu-item",
7972
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7973
+ "value": "1px",
7974
+ "uuid": "608fd592-fff8-435e-88e2-846bd34cc235"
7975
+ },
7976
+ "menu-item-label-to-description-large": {
7977
+ "component": "menu-item",
7978
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7979
+ "value": "2px",
7980
+ "uuid": "4ce8b4db-72f8-411b-baad-8b66c0496182"
7981
+ },
7982
+ "menu-item-label-to-description-extra-large": {
7983
+ "component": "menu-item",
7984
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7985
+ "value": "2px",
7986
+ "uuid": "5543ede1-4e55-44f5-920f-288ee96e06ca"
7987
+ },
7988
+ "menu-section-header-to-description-small": {
7989
+ "component": "menu",
7990
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7991
+ "value": "1px",
7992
+ "uuid": "ac039575-7c1f-4733-a310-b39cebf83b82"
7993
+ },
7994
+ "menu-section-header-to-description-medium": {
7995
+ "component": "menu",
7996
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7997
+ "value": "1px",
7998
+ "uuid": "4211feff-12af-4288-b86d-4c66a5a55b8f"
7999
+ },
8000
+ "menu-section-header-to-description-large": {
8001
+ "component": "menu",
8002
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8003
+ "value": "2px",
8004
+ "uuid": "2899d6e1-acad-453b-ad65-1e6a6e380363"
8005
+ },
8006
+ "menu-section-header-to-description-extra-large": {
8007
+ "component": "menu",
8008
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8009
+ "value": "2px",
8010
+ "uuid": "c9e46b75-f1d8-4b19-a258-b8b0a0e66484"
8011
+ },
8012
+ "menu-item-top-to-thumbnail-small": {
8013
+ "component": "menu-item",
8014
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
8015
+ "sets": {
8016
+ "desktop": {
8017
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8018
+ "value": "8px",
8019
+ "uuid": "456d5283-eb93-4b8d-b796-7f181ebcec04"
8020
+ },
8021
+ "mobile": {
8022
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8023
+ "value": "10px",
8024
+ "uuid": "af422766-3185-47d6-adba-31b1e97b92d9"
8025
+ }
8026
+ }
8027
+ },
8028
+ "menu-item-top-to-thumbnail-medium": {
8029
+ "component": "menu-item",
8030
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
8031
+ "sets": {
8032
+ "desktop": {
8033
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8034
+ "value": "9px",
8035
+ "uuid": "f71c4487-3c1e-4204-b631-b0658a6b5e12"
8036
+ },
8037
+ "mobile": {
8038
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8039
+ "value": "11px",
8040
+ "uuid": "62815f67-4e23-43f9-93d2-f29d1688cddf"
8041
+ }
8042
+ }
8043
+ },
8044
+ "menu-item-top-to-thumbnail-large": {
8045
+ "component": "menu-item",
8046
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
8047
+ "sets": {
8048
+ "desktop": {
8049
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8050
+ "value": "10px",
8051
+ "uuid": "0d468b92-74df-4044-8af3-c867eebbf370"
8052
+ },
8053
+ "mobile": {
8054
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8055
+ "value": "12px",
8056
+ "uuid": "64b2f613-35b2-46a8-be7d-c39c314840b9"
8057
+ }
8058
+ }
8059
+ },
8060
+ "menu-item-top-to-thumbnail-extra-large": {
8061
+ "component": "menu-item",
8062
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
8063
+ "sets": {
8064
+ "desktop": {
8065
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8066
+ "value": "11px",
8067
+ "uuid": "06a6c13b-2d58-4102-b169-073eed5599e6"
8068
+ },
8069
+ "mobile": {
8070
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
8071
+ "value": "13px",
8072
+ "uuid": "dfeef197-57b9-41a1-b759-3c782a64f2f3"
8073
+ }
8074
+ }
8075
+ },
8076
+ "menu-item-background-opacity": {
8077
+ "component": "menu-item",
8078
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
8079
+ "value": "0",
8080
+ "uuid": "6f464689-0b87-4f38-b9a4-e5015acdd0d7"
7914
8081
  }
7915
8082
  }
package/src/layout.json CHANGED
@@ -287,6 +287,21 @@
287
287
  }
288
288
  }
289
289
  },
290
+ "text-to-visual-400": {
291
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
292
+ "sets": {
293
+ "desktop": {
294
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
295
+ "value": "9px",
296
+ "uuid": "3d393d59-b358-48a7-82c6-a7802408cd0d"
297
+ },
298
+ "mobile": {
299
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
300
+ "value": "11px",
301
+ "uuid": "b496071f-4151-4bc2-86eb-f2e41947e0f6"
302
+ }
303
+ }
304
+ },
290
305
  "text-to-control-75": {
291
306
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
292
307
  "sets": {
@@ -2314,4 +2329,4 @@
2314
2329
  "value": "{drop-shadow-blur-200}",
2315
2330
  "uuid": "f3487a86-3aea-4527-8b5c-287c0bddad6c"
2316
2331
  }
2317
- }
2332
+ }
@@ -418,5 +418,25 @@
418
418
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
419
419
  "value": "{negative-color-300}",
420
420
  "uuid": "4b6aaf76-e0ab-4be0-81c0-d5f64cacee88"
421
+ },
422
+ "informative-subtle-background-color-default": {
423
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
424
+ "value": "{blue-200}",
425
+ "uuid": "62dfb07f-5eee-451c-9c77-745d8f714766"
426
+ },
427
+ "positive-subtle-background-color-default": {
428
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
429
+ "value": "{green-200}",
430
+ "uuid": "57a1aa8f-5c06-4ff6-8d1c-0e278a433ebf"
431
+ },
432
+ "notice-subtle-background-color-default": {
433
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
434
+ "value": "{orange-200}",
435
+ "uuid": "f0799e87-dbb2-4e71-8253-65f45eddc078"
436
+ },
437
+ "negative-subtle-background-color-default": {
438
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
439
+ "value": "{red-200}",
440
+ "uuid": "8e9429cf-4c89-47be-bc6e-eeecc632aeb1"
421
441
  }
422
442
  }
package/tasks/addIds.js CHANGED
@@ -10,12 +10,9 @@ OF ANY KIND, either express or implied. See the License for the specific languag
10
10
  governing permissions and limitations under the License.
11
11
  */
12
12
 
13
- import { glob } from "glob";
14
13
  import crypto from "crypto"; // (not the fake money)
15
14
  import { writeFile, readFile } from "fs/promises";
16
-
17
- const files = await glob("src/**/*.json");
18
- console.log(files);
15
+ import { tokenFileNames, writeJson } from "../index.js";
19
16
 
20
17
  const VALUE = "value";
21
18
  const UUID = "uuid";
@@ -63,7 +60,7 @@ function addUUIDs(json) {
63
60
  }
64
61
 
65
62
  // run through the files and find uuids
66
- for (const fileName of files) {
63
+ for (const fileName of tokenFileNames) {
67
64
  const fileData = await readFile(fileName, "utf8");
68
65
  const fileJSON = JSON.parse(fileData);
69
66
 
@@ -71,7 +68,7 @@ for (const fileName of files) {
71
68
  }
72
69
 
73
70
  // run through the files and add uuids
74
- for (const fileName of files) {
71
+ for (const fileName of tokenFileNames) {
75
72
  const fileData = await readFile(fileName, "utf8");
76
73
  const fileJSON = JSON.parse(fileData);
77
74
 
@@ -79,7 +76,7 @@ for (const fileName of files) {
79
76
 
80
77
  addUUIDs(fileJSON);
81
78
 
82
- await writeFile(fileName, JSON.stringify(fileJSON, null, 2));
79
+ await writeJson(fileName, fileJSON);
83
80
 
84
81
  if (uuids.length !== existing) {
85
82
  console.log(` added: ${fileName} ${uuids.length - existing} uuids`);