@adobe/spectrum-tokens 12.26.0 → 12.28.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.
- package/CHANGELOG.md +72 -0
- package/dist/json/drover.json +67 -26
- package/dist/json/variables.json +281 -70
- package/package.json +4 -4
- package/schemas/token-types/color-set.json +5 -18
- package/schemas/token-types/gradient-stop.json +27 -0
- package/schemas/token-types/multiplier.json +1 -1
- package/schemas/token-types/scale-set.json +8 -6
- package/schemas/token-types/text-align.json +27 -0
- package/schemas/token-types/token.json +8 -1
- package/src/color-palette.json +60 -0
- package/src/layout-component.json +74 -8
- package/src/typography.json +43 -22
- package/test/snapshots/deprecateExpress.test.js.md +1 -1
- package/test/snapshots/deprecateExpress.test.js.snap +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,77 @@
|
|
|
1
1
|
# @adobe/spectrum-tokens
|
|
2
2
|
|
|
3
|
+
## 12.28.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#468](https://github.com/adobe/spectrum-tokens/pull/468) [`1b5b205`](https://github.com/adobe/spectrum-tokens/commit/1b5b20557d7c5d6c88209debe0d38b529679f039) Thanks [@larz0](https://github.com/larz0)! - Added static colors (for premium gradients) to light, dark, darkest, and wireframe themes.
|
|
8
|
+
|
|
9
|
+
## Design Motivation
|
|
10
|
+
|
|
11
|
+
The Firefly team is looking to add these for usage, and the team agreed that it would be better to have these tokens available then for the team to create their own custom tokens.
|
|
12
|
+
|
|
13
|
+
## Token Diff
|
|
14
|
+
|
|
15
|
+
_Tokens added (10):_
|
|
16
|
+
|
|
17
|
+
- `static-blue-900`
|
|
18
|
+
- `static-blue-1000`
|
|
19
|
+
- `static-fuchsia-900`
|
|
20
|
+
- `static-fuchsia-1000`
|
|
21
|
+
- `static-indigo-900`
|
|
22
|
+
- `static-indigo-1000`
|
|
23
|
+
- `static-magenta-900`
|
|
24
|
+
- `static-magenta-1000`
|
|
25
|
+
- `static-red-900`
|
|
26
|
+
- `static-red-1000`
|
|
27
|
+
|
|
28
|
+
## 12.27.0
|
|
29
|
+
|
|
30
|
+
### Minor Changes
|
|
31
|
+
|
|
32
|
+
- [#409](https://github.com/adobe/spectrum-tokens/pull/409) [`a61060a`](https://github.com/adobe/spectrum-tokens/commit/a61060a164a944907f236c8df7fcab31220cdd01) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Token changes for CJK typography improvements.
|
|
33
|
+
|
|
34
|
+
Updated S1 tokens - typography, foundations
|
|
35
|
+
|
|
36
|
+
## Design Motivation
|
|
37
|
+
|
|
38
|
+
The S1 type token changes fix some minor issues with CJK font-sizing, font-weight, and removes the added letter-spacing (since we got feedback this was unnecessary and both latin and CJK characters look too spaced out with the current letter-spacing applied).
|
|
39
|
+
|
|
40
|
+
## Token Diff
|
|
41
|
+
|
|
42
|
+
_Tokens added (13):_
|
|
43
|
+
|
|
44
|
+
- `body-cjk-size-l`
|
|
45
|
+
- `body-cjk-size-m`
|
|
46
|
+
- `body-cjk-size-s`
|
|
47
|
+
- `body-cjk-size-xl`
|
|
48
|
+
- `body-cjk-size-xs`
|
|
49
|
+
- `body-cjk-size-xxl`
|
|
50
|
+
- `body-cjk-size-xxxl`
|
|
51
|
+
- `detail-cjk-size-l`
|
|
52
|
+
- `detail-cjk-size-m`
|
|
53
|
+
- `detail-cjk-size-s`
|
|
54
|
+
- `detail-cjk-size-xl`
|
|
55
|
+
- `font-size-25`
|
|
56
|
+
- `letter-spacing`
|
|
57
|
+
|
|
58
|
+
_Token values updated (14):_
|
|
59
|
+
|
|
60
|
+
- `body-cjk-strong-emphasized-font-weight`
|
|
61
|
+
- `body-cjk-strong-font-weight`
|
|
62
|
+
- `cjk-letter-spacing`
|
|
63
|
+
- `detail-cjk-emphasized-font-weight`
|
|
64
|
+
- `detail-cjk-strong-emphasized-font-weight`
|
|
65
|
+
- `detail-cjk-strong-font-weight`
|
|
66
|
+
- `drop-zone-cjk-title-size`
|
|
67
|
+
- `heading-cjk-heavy-font-weight`
|
|
68
|
+
- `heading-cjk-size-s`
|
|
69
|
+
- `heading-cjk-size-xs`
|
|
70
|
+
- `heading-cjk-size-xxl`
|
|
71
|
+
- `heading-cjk-size-xxs`
|
|
72
|
+
- `heading-cjk-size-xxxl`
|
|
73
|
+
- `illustrated-message-cjk-title-size`
|
|
74
|
+
|
|
3
75
|
## 12.26.0
|
|
4
76
|
|
|
5
77
|
### Minor Changes
|
package/dist/json/drover.json
CHANGED
|
@@ -412,6 +412,16 @@
|
|
|
412
412
|
"slider-handle-gap": "4px",
|
|
413
413
|
"slider-track-thickness": "2px",
|
|
414
414
|
"static-black-focus-indicator-color": "rgb(0, 0, 0)",
|
|
415
|
+
"static-blue-1000": "rgb(39, 77, 234)",
|
|
416
|
+
"static-blue-900": "rgb(59, 99, 251)",
|
|
417
|
+
"static-fuchsia-1000": "rgb(156, 40, 175)",
|
|
418
|
+
"static-fuchsia-900": "rgb(181, 57, 200)",
|
|
419
|
+
"static-indigo-1000": "rgb(99, 56, 238)",
|
|
420
|
+
"static-indigo-900": "rgb(113, 85, 250)",
|
|
421
|
+
"static-magenta-1000": "rgb(186, 22, 80)",
|
|
422
|
+
"static-magenta-900": "rgb(217, 35, 97)",
|
|
423
|
+
"static-red-1000": "rgb(183, 40, 24)",
|
|
424
|
+
"static-red-900": "rgb(215, 50, 32)",
|
|
415
425
|
"static-white-focus-indicator-color": "rgb(255, 255, 255)",
|
|
416
426
|
"swatch-border-color": "rgb(0, 0, 0)",
|
|
417
427
|
"swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
|
|
@@ -856,6 +866,16 @@
|
|
|
856
866
|
"slider-handle-gap": "4px",
|
|
857
867
|
"slider-track-thickness": "2px",
|
|
858
868
|
"static-black-focus-indicator-color": "rgb(0, 0, 0)",
|
|
869
|
+
"static-blue-1000": "rgb(39, 77, 234)",
|
|
870
|
+
"static-blue-900": "rgb(59, 99, 251)",
|
|
871
|
+
"static-fuchsia-1000": "rgb(156, 40, 175)",
|
|
872
|
+
"static-fuchsia-900": "rgb(181, 57, 200)",
|
|
873
|
+
"static-indigo-1000": "rgb(99, 56, 238)",
|
|
874
|
+
"static-indigo-900": "rgb(113, 85, 250)",
|
|
875
|
+
"static-magenta-1000": "rgb(186, 22, 80)",
|
|
876
|
+
"static-magenta-900": "rgb(217, 35, 97)",
|
|
877
|
+
"static-red-1000": "rgb(183, 40, 24)",
|
|
878
|
+
"static-red-900": "rgb(215, 50, 32)",
|
|
859
879
|
"static-white-focus-indicator-color": "rgb(255, 255, 255)",
|
|
860
880
|
"swatch-border-color": "rgb(255, 255, 255)",
|
|
861
881
|
"swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
|
|
@@ -1300,6 +1320,16 @@
|
|
|
1300
1320
|
"slider-handle-gap": "4px",
|
|
1301
1321
|
"slider-track-thickness": "2px",
|
|
1302
1322
|
"static-black-focus-indicator-color": "rgb(0, 0, 0)",
|
|
1323
|
+
"static-blue-1000": "rgb(39, 77, 234)",
|
|
1324
|
+
"static-blue-900": "rgb(59, 99, 251)",
|
|
1325
|
+
"static-fuchsia-1000": "rgb(156, 40, 175)",
|
|
1326
|
+
"static-fuchsia-900": "rgb(181, 57, 200)",
|
|
1327
|
+
"static-indigo-1000": "rgb(99, 56, 238)",
|
|
1328
|
+
"static-indigo-900": "rgb(113, 85, 250)",
|
|
1329
|
+
"static-magenta-1000": "rgb(186, 22, 80)",
|
|
1330
|
+
"static-magenta-900": "rgb(217, 35, 97)",
|
|
1331
|
+
"static-red-1000": "rgb(183, 40, 24)",
|
|
1332
|
+
"static-red-900": "rgb(215, 50, 32)",
|
|
1303
1333
|
"static-white-focus-indicator-color": "rgb(255, 255, 255)",
|
|
1304
1334
|
"swatch-border-color": "rgb(255, 255, 255)",
|
|
1305
1335
|
"swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
|
|
@@ -1422,9 +1452,16 @@
|
|
|
1422
1452
|
"background-opacity-down": "0.1",
|
|
1423
1453
|
"background-opacity-hover": "0.1",
|
|
1424
1454
|
"background-opacity-key-focus": "0.1",
|
|
1425
|
-
"body-cjk-line-height":
|
|
1426
|
-
"body-
|
|
1427
|
-
"body-
|
|
1455
|
+
"body-cjk-line-height": 1.7,
|
|
1456
|
+
"body-cjk-size-l": "16px",
|
|
1457
|
+
"body-cjk-size-m": "14px",
|
|
1458
|
+
"body-cjk-size-s": "12px",
|
|
1459
|
+
"body-cjk-size-xl": "18px",
|
|
1460
|
+
"body-cjk-size-xs": "11px",
|
|
1461
|
+
"body-cjk-size-xxl": "20px",
|
|
1462
|
+
"body-cjk-size-xxxl": "22px",
|
|
1463
|
+
"body-line-height": 1.5,
|
|
1464
|
+
"body-margin-multiplier": 0.75,
|
|
1428
1465
|
"body-size-l": "18px",
|
|
1429
1466
|
"body-size-m": "16px",
|
|
1430
1467
|
"body-size-s": "14px",
|
|
@@ -1456,7 +1493,7 @@
|
|
|
1456
1493
|
"breadcrumbs-top-to-truncated-menu-compact": "4px",
|
|
1457
1494
|
"breadcrumbs-truncated-menu-to-bottom-text": "0px",
|
|
1458
1495
|
"breadcrumbs-truncated-menu-to-separator-icon": "0px",
|
|
1459
|
-
"button-minimum-width-multiplier":
|
|
1496
|
+
"button-minimum-width-multiplier": 2.25,
|
|
1460
1497
|
"card-minimum-width": "100px",
|
|
1461
1498
|
"card-preview-minimum-height": "130px",
|
|
1462
1499
|
"card-selection-background-color-opacity": "0.95",
|
|
@@ -1489,9 +1526,8 @@
|
|
|
1489
1526
|
"chevron-icon-size-500": "16px",
|
|
1490
1527
|
"chevron-icon-size-600": "18px",
|
|
1491
1528
|
"chevron-icon-size-75": "10px",
|
|
1492
|
-
"cjk-
|
|
1493
|
-
"cjk-line-height-
|
|
1494
|
-
"cjk-line-height-200": "1.7",
|
|
1529
|
+
"cjk-line-height-100": 1.5,
|
|
1530
|
+
"cjk-line-height-200": 1.7,
|
|
1495
1531
|
"coach-mark-body-size": "14px",
|
|
1496
1532
|
"coach-mark-edge-to-content": "24px",
|
|
1497
1533
|
"coach-mark-maximum-width": "380px",
|
|
@@ -1502,8 +1538,8 @@
|
|
|
1502
1538
|
"coach-mark-pagination-text-to-bottom-edge": "33px",
|
|
1503
1539
|
"coach-mark-title-size": "16px",
|
|
1504
1540
|
"coach-mark-width": "296px",
|
|
1505
|
-
"code-cjk-line-height":
|
|
1506
|
-
"code-line-height":
|
|
1541
|
+
"code-cjk-line-height": 1.7,
|
|
1542
|
+
"code-line-height": 1.5,
|
|
1507
1543
|
"code-size-l": "18px",
|
|
1508
1544
|
"code-size-m": "16px",
|
|
1509
1545
|
"code-size-s": "14px",
|
|
@@ -1538,7 +1574,7 @@
|
|
|
1538
1574
|
"color-wheel-color-area-margin": "12px",
|
|
1539
1575
|
"color-wheel-minimum-width": "175px",
|
|
1540
1576
|
"color-wheel-width": "192px",
|
|
1541
|
-
"combo-box-minimum-width-multiplier":
|
|
1577
|
+
"combo-box-minimum-width-multiplier": 2.5,
|
|
1542
1578
|
"combo-box-visual-to-field-button-extra-large": "10px",
|
|
1543
1579
|
"combo-box-visual-to-field-button-large": "9px",
|
|
1544
1580
|
"combo-box-visual-to-field-button-medium": "8px",
|
|
@@ -1622,11 +1658,15 @@
|
|
|
1622
1658
|
"dash-icon-size-500": "16px",
|
|
1623
1659
|
"dash-icon-size-600": "18px",
|
|
1624
1660
|
"dash-icon-size-75": "8px",
|
|
1625
|
-
"detail-cjk-line-height":
|
|
1661
|
+
"detail-cjk-line-height": 1.5,
|
|
1662
|
+
"detail-cjk-size-l": "12px",
|
|
1663
|
+
"detail-cjk-size-m": "11px",
|
|
1664
|
+
"detail-cjk-size-s": "10px",
|
|
1665
|
+
"detail-cjk-size-xl": "14px",
|
|
1626
1666
|
"detail-letter-spacing": "0.06em",
|
|
1627
|
-
"detail-line-height":
|
|
1628
|
-
"detail-margin-bottom-multiplier":
|
|
1629
|
-
"detail-margin-top-multiplier":
|
|
1667
|
+
"detail-line-height": 1.3,
|
|
1668
|
+
"detail-margin-bottom-multiplier": 0.25,
|
|
1669
|
+
"detail-margin-top-multiplier": 0.88888889,
|
|
1630
1670
|
"detail-size-l": "14px",
|
|
1631
1671
|
"detail-size-m": "12px",
|
|
1632
1672
|
"detail-size-s": "11px",
|
|
@@ -1723,6 +1763,7 @@
|
|
|
1723
1763
|
"font-size-1200": "50px",
|
|
1724
1764
|
"font-size-1300": "60px",
|
|
1725
1765
|
"font-size-200": "16px",
|
|
1766
|
+
"font-size-25": "10px",
|
|
1726
1767
|
"font-size-300": "18px",
|
|
1727
1768
|
"font-size-400": "20px",
|
|
1728
1769
|
"font-size-50": "11px",
|
|
@@ -1733,18 +1774,18 @@
|
|
|
1733
1774
|
"font-size-800": "32px",
|
|
1734
1775
|
"font-size-900": "36px",
|
|
1735
1776
|
"heading-cjk-font-weight": "extra-bold",
|
|
1736
|
-
"heading-cjk-line-height":
|
|
1777
|
+
"heading-cjk-line-height": 1.5,
|
|
1737
1778
|
"heading-cjk-size-l": "25px",
|
|
1738
1779
|
"heading-cjk-size-m": "20px",
|
|
1739
|
-
"heading-cjk-size-s": "
|
|
1780
|
+
"heading-cjk-size-s": "16px",
|
|
1740
1781
|
"heading-cjk-size-xl": "32px",
|
|
1741
|
-
"heading-cjk-size-xs": "
|
|
1742
|
-
"heading-cjk-size-xxl": "
|
|
1743
|
-
"heading-cjk-size-xxs": "
|
|
1744
|
-
"heading-cjk-size-xxxl": "
|
|
1745
|
-
"heading-line-height":
|
|
1746
|
-
"heading-margin-bottom-multiplier":
|
|
1747
|
-
"heading-margin-top-multiplier":
|
|
1782
|
+
"heading-cjk-size-xs": "14px",
|
|
1783
|
+
"heading-cjk-size-xxl": "40px",
|
|
1784
|
+
"heading-cjk-size-xxs": "12px",
|
|
1785
|
+
"heading-cjk-size-xxxl": "50px",
|
|
1786
|
+
"heading-line-height": 1.3,
|
|
1787
|
+
"heading-margin-bottom-multiplier": 0.25,
|
|
1788
|
+
"heading-margin-top-multiplier": 0.88888889,
|
|
1748
1789
|
"heading-sans-serif-emphasized-font-weight": "bold",
|
|
1749
1790
|
"heading-sans-serif-font-weight": "bold",
|
|
1750
1791
|
"heading-serif-emphasized-font-weight": "bold",
|
|
@@ -1786,8 +1827,8 @@
|
|
|
1786
1827
|
"in-field-button-width-stacked-medium": "28px",
|
|
1787
1828
|
"in-field-button-width-stacked-small": "20px",
|
|
1788
1829
|
"in-line-alert-minimum-width": "240px",
|
|
1789
|
-
"line-height-100":
|
|
1790
|
-
"line-height-200":
|
|
1830
|
+
"line-height-100": 1.3,
|
|
1831
|
+
"line-height-200": 1.5,
|
|
1791
1832
|
"menu-item-edge-to-content-not-selected-extra-large": "45px",
|
|
1792
1833
|
"menu-item-edge-to-content-not-selected-large": "38px",
|
|
1793
1834
|
"menu-item-edge-to-content-not-selected-medium": "32px",
|
|
@@ -2069,7 +2110,7 @@
|
|
|
2069
2110
|
"tag-top-to-cross-icon-small": "8px",
|
|
2070
2111
|
"text-area-minimum-height": "56px",
|
|
2071
2112
|
"text-area-minimum-width": "112px",
|
|
2072
|
-
"text-field-minimum-width-multiplier":
|
|
2113
|
+
"text-field-minimum-width-multiplier": 1.5,
|
|
2073
2114
|
"text-to-control-100": "10px",
|
|
2074
2115
|
"text-to-control-200": "11px",
|
|
2075
2116
|
"text-to-control-300": "13px",
|