@adobe/spectrum-tokens 13.0.0-beta.48 → 13.0.0-beta.49
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 +52 -0
- package/dist/json/drover.json +45 -37
- package/dist/json/variables.json +212 -100
- package/package.json +1 -1
- package/schemas/token-types/multiplier.json +1 -1
- package/src/layout-component.json +11 -11
- package/src/layout.json +6 -6
- package/src/typography.json +181 -82
- package/tasks/diff.js +16 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,57 @@
|
|
|
1
1
|
# @adobe/spectrum-tokens
|
|
2
2
|
|
|
3
|
+
## 13.0.0-beta.49
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#418](https://github.com/adobe/spectrum-tokens/pull/418) [`45ed87b`](https://github.com/adobe/spectrum-tokens/commit/45ed87b43af53370f74fc46c545b4c13005f381c) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - ## Design Motivation
|
|
8
|
+
|
|
9
|
+
Made the following changes to component typography tokens for both mobile and desktop.
|
|
10
|
+
|
|
11
|
+
## Token Diff
|
|
12
|
+
|
|
13
|
+
_Tokens added (2):_
|
|
14
|
+
|
|
15
|
+
- `heading-cjk-size-xxxxl`
|
|
16
|
+
- `heading-size-xxxxl`
|
|
17
|
+
|
|
18
|
+
_Tokens changed (7):_
|
|
19
|
+
|
|
20
|
+
- `heading-sans-serif-font-weight`: `bold-font-weight` -> `extra-bold-font-weight`
|
|
21
|
+
- `heading-cjk-heavy-font-weight`: `black-font-weight` -> `extra-bold-font-weight`
|
|
22
|
+
- `heading-sans-serif-emphasized-font-weight`: `bold-font-weight` -> `extra-bold-font-weight`
|
|
23
|
+
- `heading-size-s`: `font-size-300` -> `font-size-400`
|
|
24
|
+
- `heading-size-xs`: `font-size-200` -> `font-size-300`
|
|
25
|
+
- `heading-cjk-size-xxxl`: `font-size-1300` -> `font-size-1200`
|
|
26
|
+
- `heading-cjk-size-xxl`: `font-size-900` -> `font-size-1000`
|
|
27
|
+
|
|
28
|
+
- [#422](https://github.com/adobe/spectrum-tokens/pull/422) [`4673d13`](https://github.com/adobe/spectrum-tokens/commit/4673d1383602d81484ae346dd278a28a26f5d91b) Thanks [@GarthDB](https://github.com/GarthDB)! - Added tokens for s2 detail typography
|
|
29
|
+
|
|
30
|
+
_New tokens (6)_
|
|
31
|
+
|
|
32
|
+
- `detail-cjk-size-xs`
|
|
33
|
+
- `detail-cjk-size-s`
|
|
34
|
+
- `detail-cjk-size-m`
|
|
35
|
+
- `detail-cjk-size-l`
|
|
36
|
+
- `detail-cjk-size-xl`
|
|
37
|
+
- `detail-size-xs`
|
|
38
|
+
|
|
39
|
+
_Updated token values (13)_
|
|
40
|
+
|
|
41
|
+
- `detail-sans-serif-font-weight`: `bold-font-weight` -> `medium-font-weight`
|
|
42
|
+
- `detail-serif-font-weight`: `bold-font-weight` -> `medium-font-weight`
|
|
43
|
+
- `detail-cjk-font-weight`: `extra-bold-font-weight` -> `bold-font-weight`
|
|
44
|
+
- `detail-cjk-strong-font-weight`: `black-font-weight` -> `extra-bold-font-weight`
|
|
45
|
+
- `detail-sans-serif-emphasized-font-weight`: `bold-font-weight` -> `regular-font-weight`
|
|
46
|
+
- `detail-serif-emphasized-font-weight`: `bold-font-weight` -> `medium-font-weight`
|
|
47
|
+
- `detail-cjk-emphasized-font-weight`: `black-font-weight` -> `extra-bold-font-weight`
|
|
48
|
+
- `detail-cjk-strong-emphasized-font-weight`: `black-font-weight` -> `extra-bold-font-weight`
|
|
49
|
+
- `detail-size-xl`: `font-size-200` -> `font-size-300`
|
|
50
|
+
- `detail-size-l`: `font-size-100` -> `font-size-200`
|
|
51
|
+
- `detail-size-m`: `font-size-75` -> `font-size-100`
|
|
52
|
+
- `detail-size-s`: `font-size-50` -> `font-size-75`
|
|
53
|
+
- `detail-color`: `gray-900` -> `gray-600`
|
|
54
|
+
|
|
3
55
|
## 13.0.0-beta.48
|
|
4
56
|
|
|
5
57
|
### Minor Changes
|
package/dist/json/drover.json
CHANGED
|
@@ -175,7 +175,7 @@
|
|
|
175
175
|
"cyan-background-color-default": "rgb(11, 120, 179)",
|
|
176
176
|
"cyan-subtle-background-color-default": "rgb(217, 244, 253)",
|
|
177
177
|
"cyan-visual-color": "rgb(48, 167, 254)",
|
|
178
|
-
"detail-color": "rgb(
|
|
178
|
+
"detail-color": "rgb(113, 113, 113)",
|
|
179
179
|
"disabled-background-color": "rgb(233, 233, 233)",
|
|
180
180
|
"disabled-border-color": "rgb(218, 218, 218)",
|
|
181
181
|
"disabled-content-color": "rgb(198, 198, 198)",
|
|
@@ -883,7 +883,7 @@
|
|
|
883
883
|
"cyan-background-color-default": "rgb(13, 125, 186)",
|
|
884
884
|
"cyan-subtle-background-color-default": "rgb(0, 48, 65)",
|
|
885
885
|
"cyan-visual-color": "rgb(24, 142, 220)",
|
|
886
|
-
"detail-color": "rgb(
|
|
886
|
+
"detail-color": "rgb(138, 138, 138)",
|
|
887
887
|
"disabled-background-color": "rgb(44, 44, 44)",
|
|
888
888
|
"disabled-border-color": "rgb(57, 57, 57)",
|
|
889
889
|
"disabled-content-color": "rgb(68, 68, 68)",
|
|
@@ -1613,7 +1613,7 @@
|
|
|
1613
1613
|
"bar-panel-minimum-width": "40px",
|
|
1614
1614
|
"bar-panel-spacing-extra-spacious": "20px",
|
|
1615
1615
|
"bar-panel-width": "56px",
|
|
1616
|
-
"body-cjk-line-height":
|
|
1616
|
+
"body-cjk-line-height": 1.7,
|
|
1617
1617
|
"body-cjk-size-l": "16px",
|
|
1618
1618
|
"body-cjk-size-m": "14px",
|
|
1619
1619
|
"body-cjk-size-s": "12px",
|
|
@@ -1622,8 +1622,8 @@
|
|
|
1622
1622
|
"body-cjk-size-xxl": "20px",
|
|
1623
1623
|
"body-cjk-size-xxs": "10px",
|
|
1624
1624
|
"body-cjk-size-xxxl": "22px",
|
|
1625
|
-
"body-line-height":
|
|
1626
|
-
"body-margin-multiplier":
|
|
1625
|
+
"body-line-height": 1.5,
|
|
1626
|
+
"body-margin-multiplier": 0.75,
|
|
1627
1627
|
"body-size-l": "18px",
|
|
1628
1628
|
"body-size-m": "16px",
|
|
1629
1629
|
"body-size-s": "14px",
|
|
@@ -1667,7 +1667,7 @@
|
|
|
1667
1667
|
"breadcrumbs-truncated-menu-to-bottom-text": "4px",
|
|
1668
1668
|
"breadcrumbs-truncated-menu-to-separator": "0px",
|
|
1669
1669
|
"breadcrumbs-truncated-menu-to-separator-icon": "0px",
|
|
1670
|
-
"button-minimum-width-multiplier":
|
|
1670
|
+
"button-minimum-width-multiplier": 2.25,
|
|
1671
1671
|
"card-minimum-width": "100px",
|
|
1672
1672
|
"card-preview-minimum-height": "130px",
|
|
1673
1673
|
"card-selection-background-color-opacity": "0.95",
|
|
@@ -1700,8 +1700,8 @@
|
|
|
1700
1700
|
"chevron-icon-size-500": "16px",
|
|
1701
1701
|
"chevron-icon-size-600": "18px",
|
|
1702
1702
|
"chevron-icon-size-75": "10px",
|
|
1703
|
-
"cjk-line-height-100":
|
|
1704
|
-
"cjk-line-height-200":
|
|
1703
|
+
"cjk-line-height-100": 1.5,
|
|
1704
|
+
"cjk-line-height-200": 1.7,
|
|
1705
1705
|
"coach-indicator-collapsed-gap": "2px",
|
|
1706
1706
|
"coach-indicator-collapsed-ring-rounding-increment": "6px",
|
|
1707
1707
|
"coach-indicator-collapsed-ring-thickness": "4px",
|
|
@@ -1722,13 +1722,13 @@
|
|
|
1722
1722
|
"coach-mark-title-font-size": "16px",
|
|
1723
1723
|
"coach-mark-title-size": "16px",
|
|
1724
1724
|
"coach-mark-width": "296px",
|
|
1725
|
-
"code-cjk-line-height":
|
|
1725
|
+
"code-cjk-line-height": 1.7,
|
|
1726
1726
|
"code-cjk-size-l": "18px",
|
|
1727
1727
|
"code-cjk-size-m": "16px",
|
|
1728
1728
|
"code-cjk-size-s": "14px",
|
|
1729
1729
|
"code-cjk-size-xl": "20px",
|
|
1730
1730
|
"code-cjk-size-xs": "12px",
|
|
1731
|
-
"code-line-height":
|
|
1731
|
+
"code-line-height": 1.5,
|
|
1732
1732
|
"code-size-l": "18px",
|
|
1733
1733
|
"code-size-m": "16px",
|
|
1734
1734
|
"code-size-s": "14px",
|
|
@@ -1764,7 +1764,7 @@
|
|
|
1764
1764
|
"color-wheel-color-area-margin": "12px",
|
|
1765
1765
|
"color-wheel-minimum-width": "175px",
|
|
1766
1766
|
"color-wheel-width": "192px",
|
|
1767
|
-
"combo-box-minimum-width-multiplier":
|
|
1767
|
+
"combo-box-minimum-width-multiplier": 2.5,
|
|
1768
1768
|
"combo-box-visual-to-field-button": "0px",
|
|
1769
1769
|
"combo-box-visual-to-field-button-extra-large": "0px",
|
|
1770
1770
|
"combo-box-visual-to-field-button-large": "0px",
|
|
@@ -1812,7 +1812,7 @@
|
|
|
1812
1812
|
"component-pill-edge-to-visual-only-75": "4px",
|
|
1813
1813
|
"component-size-difference-down": "-2px",
|
|
1814
1814
|
"component-size-minimum-perspective-down": "24px",
|
|
1815
|
-
"component-size-width-ratio-down":
|
|
1815
|
+
"component-size-width-ratio-down": 0.3333,
|
|
1816
1816
|
"component-to-menu-extra-large": "8px",
|
|
1817
1817
|
"component-to-menu-large": "7px",
|
|
1818
1818
|
"component-to-menu-medium": "6px",
|
|
@@ -1834,7 +1834,7 @@
|
|
|
1834
1834
|
"contextual-help-title-size": "16px",
|
|
1835
1835
|
"corner-radius-0": "0px",
|
|
1836
1836
|
"corner-radius-100": "4px",
|
|
1837
|
-
"corner-radius-1000":
|
|
1837
|
+
"corner-radius-1000": 0.5,
|
|
1838
1838
|
"corner-radius-200": "5px",
|
|
1839
1839
|
"corner-radius-300": "6px",
|
|
1840
1840
|
"corner-radius-400": "7px",
|
|
@@ -1844,7 +1844,7 @@
|
|
|
1844
1844
|
"corner-radius-75": "3px",
|
|
1845
1845
|
"corner-radius-800": "16px",
|
|
1846
1846
|
"corner-radius-extra-large-default": "16px",
|
|
1847
|
-
"corner-radius-full":
|
|
1847
|
+
"corner-radius-full": 0.5,
|
|
1848
1848
|
"corner-radius-large-default": "10px",
|
|
1849
1849
|
"corner-radius-medium-default": "8px",
|
|
1850
1850
|
"corner-radius-medium-size-extra-large": "10px",
|
|
@@ -1877,15 +1877,21 @@
|
|
|
1877
1877
|
"dash-icon-size-500": "16px",
|
|
1878
1878
|
"dash-icon-size-600": "18px",
|
|
1879
1879
|
"dash-icon-size-75": "8px",
|
|
1880
|
-
"detail-cjk-line-height":
|
|
1880
|
+
"detail-cjk-line-height": 1.5,
|
|
1881
|
+
"detail-cjk-size-l": "14px",
|
|
1882
|
+
"detail-cjk-size-m": "12px",
|
|
1883
|
+
"detail-cjk-size-s": "11px",
|
|
1884
|
+
"detail-cjk-size-xl": "16px",
|
|
1885
|
+
"detail-cjk-size-xs": "10px",
|
|
1881
1886
|
"detail-letter-spacing": "0.06em",
|
|
1882
|
-
"detail-line-height":
|
|
1883
|
-
"detail-margin-bottom-multiplier":
|
|
1884
|
-
"detail-margin-top-multiplier":
|
|
1885
|
-
"detail-size-l": "
|
|
1886
|
-
"detail-size-m": "
|
|
1887
|
-
"detail-size-s": "
|
|
1888
|
-
"detail-size-xl": "
|
|
1887
|
+
"detail-line-height": 1.3,
|
|
1888
|
+
"detail-margin-bottom-multiplier": 0.25,
|
|
1889
|
+
"detail-margin-top-multiplier": 0.88888889,
|
|
1890
|
+
"detail-size-l": "16px",
|
|
1891
|
+
"detail-size-m": "14px",
|
|
1892
|
+
"detail-size-s": "12px",
|
|
1893
|
+
"detail-size-xl": "18px",
|
|
1894
|
+
"detail-size-xs": "11px",
|
|
1889
1895
|
"disclosure-indicator-top-to-disclosure-icon-extra-large": "17px",
|
|
1890
1896
|
"disclosure-indicator-top-to-disclosure-icon-large": "14px",
|
|
1891
1897
|
"disclosure-indicator-top-to-disclosure-icon-medium": "11px",
|
|
@@ -2023,26 +2029,28 @@
|
|
|
2023
2029
|
"font-size-900": "36px",
|
|
2024
2030
|
"gradient-stop-2-genai": 0.3333,
|
|
2025
2031
|
"gradient-stop-2-premium": 0.6666,
|
|
2026
|
-
"heading-cjk-line-height":
|
|
2032
|
+
"heading-cjk-line-height": 1.5,
|
|
2027
2033
|
"heading-cjk-size-l": "25px",
|
|
2028
2034
|
"heading-cjk-size-m": "20px",
|
|
2029
2035
|
"heading-cjk-size-s": "18px",
|
|
2030
2036
|
"heading-cjk-size-xl": "32px",
|
|
2031
2037
|
"heading-cjk-size-xs": "16px",
|
|
2032
|
-
"heading-cjk-size-xxl": "
|
|
2038
|
+
"heading-cjk-size-xxl": "40px",
|
|
2033
2039
|
"heading-cjk-size-xxs": "14px",
|
|
2034
|
-
"heading-cjk-size-xxxl": "
|
|
2035
|
-
"heading-
|
|
2036
|
-
"heading-
|
|
2037
|
-
"heading-margin-
|
|
2040
|
+
"heading-cjk-size-xxxl": "51px",
|
|
2041
|
+
"heading-cjk-size-xxxxl": "65px",
|
|
2042
|
+
"heading-line-height": 1.3,
|
|
2043
|
+
"heading-margin-bottom-multiplier": 0.25,
|
|
2044
|
+
"heading-margin-top-multiplier": 0.88888889,
|
|
2038
2045
|
"heading-size-l": "28px",
|
|
2039
2046
|
"heading-size-m": "22px",
|
|
2040
|
-
"heading-size-s": "
|
|
2047
|
+
"heading-size-s": "20px",
|
|
2041
2048
|
"heading-size-xl": "36px",
|
|
2042
|
-
"heading-size-xs": "
|
|
2049
|
+
"heading-size-xs": "18px",
|
|
2043
2050
|
"heading-size-xxl": "45px",
|
|
2044
2051
|
"heading-size-xxs": "14px",
|
|
2045
2052
|
"heading-size-xxxl": "58px",
|
|
2053
|
+
"heading-size-xxxxl": "73px",
|
|
2046
2054
|
"help-text-to-component": "0px",
|
|
2047
2055
|
"help-text-top-to-workflow-icon-extra-large": "11px",
|
|
2048
2056
|
"help-text-top-to-workflow-icon-large": "9px",
|
|
@@ -2092,8 +2100,8 @@
|
|
|
2092
2100
|
"in-field-progress-circle-size-300": "26px",
|
|
2093
2101
|
"in-field-progress-circle-size-75": "16px",
|
|
2094
2102
|
"in-line-alert-minimum-width": "240px",
|
|
2095
|
-
"line-height-100":
|
|
2096
|
-
"line-height-200":
|
|
2103
|
+
"line-height-100": 1.3,
|
|
2104
|
+
"line-height-200": 1.5,
|
|
2097
2105
|
"link-out-icon-size-100": "12px",
|
|
2098
2106
|
"link-out-icon-size-200": "14px",
|
|
2099
2107
|
"link-out-icon-size-75": "10px",
|
|
@@ -2502,7 +2510,7 @@
|
|
|
2502
2510
|
"tag-top-to-cross-icon-small": "8px",
|
|
2503
2511
|
"text-area-minimum-height": "56px",
|
|
2504
2512
|
"text-area-minimum-width": "112px",
|
|
2505
|
-
"text-field-minimum-width-multiplier":
|
|
2513
|
+
"text-field-minimum-width-multiplier": 1.5,
|
|
2506
2514
|
"text-to-control-100": "10px",
|
|
2507
2515
|
"text-to-control-200": "11px",
|
|
2508
2516
|
"text-to-control-300": "13px",
|
|
@@ -2532,7 +2540,7 @@
|
|
|
2532
2540
|
"thumbnail-size-75": "20px",
|
|
2533
2541
|
"thumbnail-size-800": "52px",
|
|
2534
2542
|
"thumbnail-size-900": "56px",
|
|
2535
|
-
"title-cjk-line-height":
|
|
2543
|
+
"title-cjk-line-height": 1.5,
|
|
2536
2544
|
"title-cjk-size-l": "16px",
|
|
2537
2545
|
"title-cjk-size-m": "14px",
|
|
2538
2546
|
"title-cjk-size-s": "12px",
|
|
@@ -2540,9 +2548,9 @@
|
|
|
2540
2548
|
"title-cjk-size-xs": "11px",
|
|
2541
2549
|
"title-cjk-size-xxl": "20px",
|
|
2542
2550
|
"title-cjk-size-xxxl": "22px",
|
|
2543
|
-
"title-line-height":
|
|
2544
|
-
"title-margin-bottom-multiplier":
|
|
2545
|
-
"title-margin-top-multiplier":
|
|
2551
|
+
"title-line-height": 1.3,
|
|
2552
|
+
"title-margin-bottom-multiplier": 0.25,
|
|
2553
|
+
"title-margin-top-multiplier": 0.88888889,
|
|
2546
2554
|
"title-size-l": "18px",
|
|
2547
2555
|
"title-size-m": "16px",
|
|
2548
2556
|
"title-size-s": "14px",
|