@adobe/spectrum-tokens 13.0.0-beta.47 → 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.
Files changed (12) hide show
  1. package/CHANGELOG.md +140 -0
  2. package/dist/json/drover.json +153 -45
  3. package/dist/json/variables.json +1174 -271
  4. package/package.json +1 -1
  5. package/schemas/token-types/multiplier.json +1 -1
  6. package/schemas/token-types/token.json +8 -1
  7. package/src/color-component.json +19 -1
  8. package/src/color-palette.json +61 -1
  9. package/src/layout-component.json +689 -41
  10. package/src/layout.json +32 -2
  11. package/src/typography.json +298 -89
  12. package/tasks/diff.js +16 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,145 @@
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
+
55
+ ## 13.0.0-beta.48
56
+
57
+ ### Minor Changes
58
+
59
+ - [#415](https://github.com/adobe/spectrum-tokens/pull/415) [`caca973`](https://github.com/adobe/spectrum-tokens/commit/caca973300d34fc688fb828633b1da2ba8284990) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - 1. New typography tokens:
60
+
61
+ - Letter spacing, text-align, cjk
62
+
63
+ 1. New gradient stop tokens
64
+ 1. New component tokens for bar panel, rating, segmented control, slider, select box
65
+ 1. New static color tokens
66
+
67
+ _Tokens added (51):_
68
+
69
+ - `letter-spacing`
70
+ - `text-align-start`
71
+ - `text-align-center`
72
+ - `text-align-end`
73
+ - `body-size-xxs`
74
+ - `body-cjk-size-xxxl`
75
+ - `body-cjk-size-xxl`
76
+ - `body-cjk-size-xl`
77
+ - `body-cjk-size-l`
78
+ - `body-cjk-size-m`
79
+ - `body-cjk-size-s`
80
+ - `body-cjk-size-xs`
81
+ - `body-cjk-size-xxs`
82
+ - `gradient-stop-1-genai`
83
+ - `gradient-stop-2-genai`
84
+ - `gradient-stop-3-genai`
85
+ - `gradient-stop-1-premium`
86
+ - `gradient-stop-2-premium`
87
+ - `gradient-stop-3-premium`
88
+ - `bar-panel-width`
89
+ - `bar-panel-minimum-width`
90
+ - `bar-panel-maximum-width`
91
+ - `bar-panel-spacing-extra-spacious`
92
+ - `rating-top-to-content-area-small`
93
+ - `rating-bottom-to-content-area-small`
94
+ - `rating-edge-to-content-area-small`
95
+ - `rating-top-to-content-area-medium`
96
+ - `rating-bottom-to-content-area-medium`
97
+ - `rating-edge-to-content-area-medium`
98
+ - `rating-width-small`
99
+ - `rating-height-small`
100
+ - `rating-width-medium`
101
+ - `rating-height-medium`
102
+ - `segmented-control-selection-border-width`
103
+ - `slider-handle-precision-width`
104
+ - `slider-track-height-medium`
105
+ - `slider-track-height-large`
106
+ - `segmented-control-item-height`
107
+ - `static-blue-900`
108
+ - `static-blue-1000`
109
+ - `static-fuchsia-900`
110
+ - `static-fuchsia-1000`
111
+ - `static-indigo-900`
112
+ - `static-indigo-1000`
113
+ - `static-magenta-900`
114
+ - `static-magenta-1000`
115
+ - `static-red-900`
116
+ - `static-red-1000`
117
+ - `bar-panel-gripper-color`
118
+ - `bar-panel-gripper-color-drag`
119
+ - `select-box-selected-border-color`
120
+
121
+ _Token values updated (9):_
122
+
123
+ - `font-size-1200`
124
+ - `desktop`: `50px` -> `51px`
125
+ - `font-size-1300`
126
+ - `desktop`: `60px` -> `58px`
127
+ - `cjk-letter-spacing`: `0.05em` -> `letter-spacing`
128
+ - `body-cjk-strong-font-weight`: `black-font-weight` -> `extra-bold-font-weight`
129
+ - `body-cjk-strong-emphasized-font-weight`: `black-font-weight` -> `extra-bold-font-weight`
130
+ - `slider-control-to-field-label-small`
131
+ - `desktop`: `5px` -> `-4px`
132
+ - `mobile`: `6px` -> `-8px`
133
+ - `slider-control-to-field-label-medium`
134
+ - `desktop`: `8px` -> `-12px`
135
+ - `mobile`: `10px` -> `-16px`
136
+ - `slider-control-to-field-label-large`
137
+ - `desktop`: `11px` -> `-16px`
138
+ - `mobile`: `14px` -> `-20px`
139
+ - `slider-control-to-field-label-extra-large`
140
+ - `desktop`: `14px` -> `-20px`
141
+ - `mobile`: `17px` -> `-28px`
142
+
3
143
  ## 13.0.0-beta.47
4
144
 
5
145
  ### Minor Changes
package/dist/json/drover.json CHANGED
@@ -45,6 +45,8 @@
45
45
  "background-layer-1-color": "rgb(248, 248, 248)",
46
46
  "background-layer-2-color": "rgb(255, 255, 255)",
47
47
  "background-pasteboard-color": "rgb(233, 233, 233)",
48
+ "bar-panel-gripper-color": "rgb(225, 225, 225)",
49
+ "bar-panel-gripper-color-drag": "rgb(41, 41, 41)",
48
50
  "black": "rgb(0, 0, 0)",
49
51
  "blue-100": "rgb(245, 249, 255)",
50
52
  "blue-1000": "rgb(39, 77, 234)",
@@ -173,7 +175,7 @@
173
175
  "cyan-background-color-default": "rgb(11, 120, 179)",
174
176
  "cyan-subtle-background-color-default": "rgb(217, 244, 253)",
175
177
  "cyan-visual-color": "rgb(48, 167, 254)",
176
- "detail-color": "rgb(19, 19, 19)",
178
+ "detail-color": "rgb(113, 113, 113)",
177
179
  "disabled-background-color": "rgb(233, 233, 233)",
178
180
  "disabled-border-color": "rgb(218, 218, 218)",
179
181
  "disabled-content-color": "rgb(198, 198, 198)",
@@ -602,6 +604,7 @@
602
604
  "seafoam-background-color-default": "rgb(7, 129, 109)",
603
605
  "seafoam-subtle-background-color-default": "rgb(211, 246, 234)",
604
606
  "seafoam-visual-color": "rgb(11, 162, 134)",
607
+ "select-box-selected-border-color": "rgb(41, 41, 41)",
605
608
  "silver-100": "rgb(247, 247, 247)",
606
609
  "silver-1000": "rgb(96, 96, 96)",
607
610
  "silver-1100": "rgb(81, 81, 81)",
@@ -627,6 +630,16 @@
627
630
  "static-black-text-color": "rgb(0, 0, 0)",
628
631
  "static-black-track-color": "rgba(0, 0, 0, 0.15)",
629
632
  "static-black-track-indicator-color": "rgba(0, 0, 0, 0.93)",
633
+ "static-blue-1000": "rgb(39, 77, 234)",
634
+ "static-blue-900": "rgb(59, 99, 251)",
635
+ "static-fuchsia-1000": "rgb(156, 40, 175)",
636
+ "static-fuchsia-900": "rgb(181, 57, 200)",
637
+ "static-indigo-1000": "rgb(99, 56, 238)",
638
+ "static-indigo-900": "rgb(113, 85, 250)",
639
+ "static-magenta-1000": "rgb(186, 22, 80)",
640
+ "static-magenta-900": "rgb(217, 35, 97)",
641
+ "static-red-1000": "rgb(183, 40, 24)",
642
+ "static-red-900": "rgb(215, 50, 32)",
630
643
  "static-white-focus-indicator-color": "rgb(255, 255, 255)",
631
644
  "static-white-text-color": "rgb(255, 255, 255)",
632
645
  "static-white-track-color": "rgba(255, 255, 255, 0.17)",
@@ -740,6 +753,8 @@
740
753
  "background-layer-1-color": "rgb(27, 27, 27)",
741
754
  "background-layer-2-color": "rgb(34, 34, 34)",
742
755
  "background-pasteboard-color": "rgb(17, 17, 17)",
756
+ "bar-panel-gripper-color": "rgb(50, 50, 50)",
757
+ "bar-panel-gripper-color-drag": "rgb(219, 219, 219)",
743
758
  "black": "rgb(0, 0, 0)",
744
759
  "blue-100": "rgb(14, 23, 63)",
745
760
  "blue-1000": "rgb(105, 149, 254)",
@@ -868,7 +883,7 @@
868
883
  "cyan-background-color-default": "rgb(13, 125, 186)",
869
884
  "cyan-subtle-background-color-default": "rgb(0, 48, 65)",
870
885
  "cyan-visual-color": "rgb(24, 142, 220)",
871
- "detail-color": "rgb(242, 242, 242)",
886
+ "detail-color": "rgb(138, 138, 138)",
872
887
  "disabled-background-color": "rgb(44, 44, 44)",
873
888
  "disabled-border-color": "rgb(57, 57, 57)",
874
889
  "disabled-content-color": "rgb(68, 68, 68)",
@@ -1297,6 +1312,7 @@
1297
1312
  "seafoam-background-color-default": "rgb(8, 134, 112)",
1298
1313
  "seafoam-subtle-background-color-default": "rgb(0, 50, 44)",
1299
1314
  "seafoam-visual-color": "rgb(8, 134, 112)",
1315
+ "select-box-selected-border-color": "rgb(219, 219, 219)",
1300
1316
  "silver-100": "rgb(26, 26, 26)",
1301
1317
  "silver-1000": "rgb(152, 152, 152)",
1302
1318
  "silver-1100": "rgb(169, 169, 169)",
@@ -1322,6 +1338,16 @@
1322
1338
  "static-black-text-color": "rgb(0, 0, 0)",
1323
1339
  "static-black-track-color": "rgba(0, 0, 0, 0.15)",
1324
1340
  "static-black-track-indicator-color": "rgba(0, 0, 0, 0.93)",
1341
+ "static-blue-1000": "rgb(39, 77, 234)",
1342
+ "static-blue-900": "rgb(59, 99, 251)",
1343
+ "static-fuchsia-1000": "rgb(156, 40, 175)",
1344
+ "static-fuchsia-900": "rgb(181, 57, 200)",
1345
+ "static-indigo-1000": "rgb(99, 56, 238)",
1346
+ "static-indigo-900": "rgb(113, 85, 250)",
1347
+ "static-magenta-1000": "rgb(186, 22, 80)",
1348
+ "static-magenta-900": "rgb(217, 35, 97)",
1349
+ "static-red-1000": "rgb(183, 40, 24)",
1350
+ "static-red-900": "rgb(215, 50, 32)",
1325
1351
  "static-white-focus-indicator-color": "rgb(255, 255, 255)",
1326
1352
  "static-white-text-color": "rgb(255, 255, 255)",
1327
1353
  "static-white-track-color": "rgba(255, 255, 255, 0.17)",
@@ -1421,6 +1447,16 @@
1421
1447
  "static-black-text-color": "rgb(0, 0, 0)",
1422
1448
  "static-black-track-color": "rgba(0, 0, 0, 0.15)",
1423
1449
  "static-black-track-indicator-color": "rgba(0, 0, 0, 0.93)",
1450
+ "static-blue-1000": "rgb(39, 77, 234)",
1451
+ "static-blue-900": "rgb(59, 99, 251)",
1452
+ "static-fuchsia-1000": "rgb(156, 40, 175)",
1453
+ "static-fuchsia-900": "rgb(181, 57, 200)",
1454
+ "static-indigo-1000": "rgb(99, 56, 238)",
1455
+ "static-indigo-900": "rgb(113, 85, 250)",
1456
+ "static-magenta-1000": "rgb(186, 22, 80)",
1457
+ "static-magenta-900": "rgb(217, 35, 97)",
1458
+ "static-red-1000": "rgb(183, 40, 24)",
1459
+ "static-red-900": "rgb(215, 50, 32)",
1424
1460
  "static-white-focus-indicator-color": "rgb(255, 255, 255)",
1425
1461
  "static-white-text-color": "rgb(255, 255, 255)",
1426
1462
  "static-white-track-color": "rgba(255, 255, 255, 0.17)",
@@ -1573,15 +1609,28 @@
1573
1609
  "background-opacity-down": "0.1",
1574
1610
  "background-opacity-hover": "0.1",
1575
1611
  "background-opacity-key-focus": "0.1",
1576
- "body-cjk-line-height": "1.7",
1577
- "body-line-height": "1.5",
1578
- "body-margin-multiplier": "0.75",
1612
+ "bar-panel-maximum-width": "72px",
1613
+ "bar-panel-minimum-width": "40px",
1614
+ "bar-panel-spacing-extra-spacious": "20px",
1615
+ "bar-panel-width": "56px",
1616
+ "body-cjk-line-height": 1.7,
1617
+ "body-cjk-size-l": "16px",
1618
+ "body-cjk-size-m": "14px",
1619
+ "body-cjk-size-s": "12px",
1620
+ "body-cjk-size-xl": "18px",
1621
+ "body-cjk-size-xs": "11px",
1622
+ "body-cjk-size-xxl": "20px",
1623
+ "body-cjk-size-xxs": "10px",
1624
+ "body-cjk-size-xxxl": "22px",
1625
+ "body-line-height": 1.5,
1626
+ "body-margin-multiplier": 0.75,
1579
1627
  "body-size-l": "18px",
1580
1628
  "body-size-m": "16px",
1581
1629
  "body-size-s": "14px",
1582
1630
  "body-size-xl": "20px",
1583
1631
  "body-size-xs": "12px",
1584
1632
  "body-size-xxl": "22px",
1633
+ "body-size-xxs": "11px",
1585
1634
  "body-size-xxxl": "25px",
1586
1635
  "border-width-100": "1px",
1587
1636
  "border-width-200": "2px",
@@ -1618,7 +1667,7 @@
1618
1667
  "breadcrumbs-truncated-menu-to-bottom-text": "4px",
1619
1668
  "breadcrumbs-truncated-menu-to-separator": "0px",
1620
1669
  "breadcrumbs-truncated-menu-to-separator-icon": "0px",
1621
- "button-minimum-width-multiplier": "2.25",
1670
+ "button-minimum-width-multiplier": 2.25,
1622
1671
  "card-minimum-width": "100px",
1623
1672
  "card-preview-minimum-height": "130px",
1624
1673
  "card-selection-background-color-opacity": "0.95",
@@ -1651,9 +1700,8 @@
1651
1700
  "chevron-icon-size-500": "16px",
1652
1701
  "chevron-icon-size-600": "18px",
1653
1702
  "chevron-icon-size-75": "10px",
1654
- "cjk-letter-spacing": "0.05em",
1655
- "cjk-line-height-100": "1.5",
1656
- "cjk-line-height-200": "1.7",
1703
+ "cjk-line-height-100": 1.5,
1704
+ "cjk-line-height-200": 1.7,
1657
1705
  "coach-indicator-collapsed-gap": "2px",
1658
1706
  "coach-indicator-collapsed-ring-rounding-increment": "6px",
1659
1707
  "coach-indicator-collapsed-ring-thickness": "4px",
@@ -1674,13 +1722,13 @@
1674
1722
  "coach-mark-title-font-size": "16px",
1675
1723
  "coach-mark-title-size": "16px",
1676
1724
  "coach-mark-width": "296px",
1677
- "code-cjk-line-height": "1.7",
1725
+ "code-cjk-line-height": 1.7,
1678
1726
  "code-cjk-size-l": "18px",
1679
1727
  "code-cjk-size-m": "16px",
1680
1728
  "code-cjk-size-s": "14px",
1681
1729
  "code-cjk-size-xl": "20px",
1682
1730
  "code-cjk-size-xs": "12px",
1683
- "code-line-height": "1.5",
1731
+ "code-line-height": 1.5,
1684
1732
  "code-size-l": "18px",
1685
1733
  "code-size-m": "16px",
1686
1734
  "code-size-s": "14px",
@@ -1716,7 +1764,7 @@
1716
1764
  "color-wheel-color-area-margin": "12px",
1717
1765
  "color-wheel-minimum-width": "175px",
1718
1766
  "color-wheel-width": "192px",
1719
- "combo-box-minimum-width-multiplier": "2.5",
1767
+ "combo-box-minimum-width-multiplier": 2.5,
1720
1768
  "combo-box-visual-to-field-button": "0px",
1721
1769
  "combo-box-visual-to-field-button-extra-large": "0px",
1722
1770
  "combo-box-visual-to-field-button-large": "0px",
@@ -1764,7 +1812,7 @@
1764
1812
  "component-pill-edge-to-visual-only-75": "4px",
1765
1813
  "component-size-difference-down": "-2px",
1766
1814
  "component-size-minimum-perspective-down": "24px",
1767
- "component-size-width-ratio-down": "0.3333",
1815
+ "component-size-width-ratio-down": 0.3333,
1768
1816
  "component-to-menu-extra-large": "8px",
1769
1817
  "component-to-menu-large": "7px",
1770
1818
  "component-to-menu-medium": "6px",
@@ -1786,7 +1834,7 @@
1786
1834
  "contextual-help-title-size": "16px",
1787
1835
  "corner-radius-0": "0px",
1788
1836
  "corner-radius-100": "4px",
1789
- "corner-radius-1000": "0.5",
1837
+ "corner-radius-1000": 0.5,
1790
1838
  "corner-radius-200": "5px",
1791
1839
  "corner-radius-300": "6px",
1792
1840
  "corner-radius-400": "7px",
@@ -1796,7 +1844,7 @@
1796
1844
  "corner-radius-75": "3px",
1797
1845
  "corner-radius-800": "16px",
1798
1846
  "corner-radius-extra-large-default": "16px",
1799
- "corner-radius-full": "0.5",
1847
+ "corner-radius-full": 0.5,
1800
1848
  "corner-radius-large-default": "10px",
1801
1849
  "corner-radius-medium-default": "8px",
1802
1850
  "corner-radius-medium-size-extra-large": "10px",
@@ -1829,15 +1877,21 @@
1829
1877
  "dash-icon-size-500": "16px",
1830
1878
  "dash-icon-size-600": "18px",
1831
1879
  "dash-icon-size-75": "8px",
1832
- "detail-cjk-line-height": "1.5",
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",
1833
1886
  "detail-letter-spacing": "0.06em",
1834
- "detail-line-height": "1.3",
1835
- "detail-margin-bottom-multiplier": "0.25",
1836
- "detail-margin-top-multiplier": "0.88888889",
1837
- "detail-size-l": "14px",
1838
- "detail-size-m": "12px",
1839
- "detail-size-s": "11px",
1840
- "detail-size-xl": "16px",
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",
1841
1895
  "disclosure-indicator-top-to-disclosure-icon-extra-large": "17px",
1842
1896
  "disclosure-indicator-top-to-disclosure-icon-large": "14px",
1843
1897
  "disclosure-indicator-top-to-disclosure-icon-medium": "11px",
@@ -1958,9 +2012,12 @@
1958
2012
  "font-size-100": "14px",
1959
2013
  "font-size-1000": "40px",
1960
2014
  "font-size-1100": "45px",
1961
- "font-size-1200": "50px",
1962
- "font-size-1300": "60px",
2015
+ "font-size-1200": "51px",
2016
+ "font-size-1300": "58px",
2017
+ "font-size-1400": "65px",
2018
+ "font-size-1500": "73px",
1963
2019
  "font-size-200": "16px",
2020
+ "font-size-25": "10px",
1964
2021
  "font-size-300": "18px",
1965
2022
  "font-size-400": "20px",
1966
2023
  "font-size-50": "11px",
@@ -1970,26 +2027,30 @@
1970
2027
  "font-size-75": "12px",
1971
2028
  "font-size-800": "32px",
1972
2029
  "font-size-900": "36px",
1973
- "heading-cjk-line-height": "1.5",
2030
+ "gradient-stop-2-genai": 0.3333,
2031
+ "gradient-stop-2-premium": 0.6666,
2032
+ "heading-cjk-line-height": 1.5,
1974
2033
  "heading-cjk-size-l": "25px",
1975
2034
  "heading-cjk-size-m": "20px",
1976
2035
  "heading-cjk-size-s": "18px",
1977
2036
  "heading-cjk-size-xl": "32px",
1978
2037
  "heading-cjk-size-xs": "16px",
1979
- "heading-cjk-size-xxl": "36px",
2038
+ "heading-cjk-size-xxl": "40px",
1980
2039
  "heading-cjk-size-xxs": "14px",
1981
- "heading-cjk-size-xxxl": "60px",
1982
- "heading-line-height": "1.3",
1983
- "heading-margin-bottom-multiplier": "0.25",
1984
- "heading-margin-top-multiplier": "0.88888889",
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,
1985
2045
  "heading-size-l": "28px",
1986
2046
  "heading-size-m": "22px",
1987
- "heading-size-s": "18px",
2047
+ "heading-size-s": "20px",
1988
2048
  "heading-size-xl": "36px",
1989
- "heading-size-xs": "16px",
2049
+ "heading-size-xs": "18px",
1990
2050
  "heading-size-xxl": "45px",
1991
2051
  "heading-size-xxs": "14px",
1992
- "heading-size-xxxl": "60px",
2052
+ "heading-size-xxxl": "58px",
2053
+ "heading-size-xxxxl": "73px",
1993
2054
  "help-text-to-component": "0px",
1994
2055
  "help-text-top-to-workflow-icon-extra-large": "11px",
1995
2056
  "help-text-top-to-workflow-icon-large": "9px",
@@ -2039,8 +2100,8 @@
2039
2100
  "in-field-progress-circle-size-300": "26px",
2040
2101
  "in-field-progress-circle-size-75": "16px",
2041
2102
  "in-line-alert-minimum-width": "240px",
2042
- "line-height-100": "1.3",
2043
- "line-height-200": "1.5",
2103
+ "line-height-100": 1.3,
2104
+ "line-height-200": 1.5,
2044
2105
  "link-out-icon-size-100": "12px",
2045
2106
  "link-out-icon-size-200": "14px",
2046
2107
  "link-out-icon-size-75": "10px",
@@ -2118,8 +2179,32 @@
2118
2179
  "radio-button-top-to-control-large": "12px",
2119
2180
  "radio-button-top-to-control-medium": "9px",
2120
2181
  "radio-button-top-to-control-small": "6px",
2182
+ "rating-bottom-to-content-area-medium": "6px",
2183
+ "rating-bottom-to-content-area-small": "4px",
2184
+ "rating-edge-to-content-area-medium": "6px",
2185
+ "rating-edge-to-content-area-small": "4px",
2186
+ "rating-height-medium": "32px",
2187
+ "rating-height-small": "24px",
2121
2188
  "rating-indicator-to-icon": "4px",
2122
2189
  "rating-indicator-width": "18px",
2190
+ "rating-top-to-content-area-medium": "6px",
2191
+ "rating-top-to-content-area-small": "4px",
2192
+ "rating-width-medium": "128px",
2193
+ "rating-width-small": "104px",
2194
+ "segmented-control-item-height": "32px",
2195
+ "segmented-control-selection-border-width": "2px",
2196
+ "select-box-edge-to-checkbox": "12px",
2197
+ "select-box-horizontal-end-to-content": "32px",
2198
+ "select-box-horizontal-illustration-to-label": "10px",
2199
+ "select-box-horizontal-label-to-description": "2px",
2200
+ "select-box-horizontal-minimum-height": "80px",
2201
+ "select-box-horizontal-start-to-content": "24px",
2202
+ "select-box-horizontal-top-to-content": "16px",
2203
+ "select-box-horizontal-width": "368px",
2204
+ "select-box-top-to-checkbox": "4px",
2205
+ "select-box-vertical-edge-to-content": "24px",
2206
+ "select-box-vertical-height": "170px",
2207
+ "select-box-vertical-illustration-to-label": "8px",
2123
2208
  "side-focus-indicator": "4px",
2124
2209
  "side-label-character-count-to-field": "12px",
2125
2210
  "side-label-character-count-top-margin-extra-large": "0px",
@@ -2145,19 +2230,42 @@
2145
2230
  "slider-control-height-large": "18px",
2146
2231
  "slider-control-height-medium": "16px",
2147
2232
  "slider-control-height-small": "14px",
2148
- "slider-control-to-field-label-extra-large": "14px",
2149
- "slider-control-to-field-label-large": "11px",
2150
- "slider-control-to-field-label-medium": "8px",
2151
- "slider-control-to-field-label-small": "5px",
2233
+ "slider-control-to-field-label-editable-extra-large": "-20px",
2234
+ "slider-control-to-field-label-editable-large": "-16px",
2235
+ "slider-control-to-field-label-editable-medium": "-12px",
2236
+ "slider-control-to-field-label-editable-small": "-4px",
2237
+ "slider-control-to-field-label-extra-large": "-20px",
2238
+ "slider-control-to-field-label-large": "-16px",
2239
+ "slider-control-to-field-label-medium": "-12px",
2240
+ "slider-control-to-field-label-side-extra-large": "24px",
2241
+ "slider-control-to-field-label-side-large": "20px",
2242
+ "slider-control-to-field-label-side-medium": "16px",
2243
+ "slider-control-to-field-label-side-small": "16px",
2244
+ "slider-control-to-field-label-small": "-4px",
2245
+ "slider-control-to-text-field-extra-large": "24px",
2246
+ "slider-control-to-text-field-large": "20px",
2247
+ "slider-control-to-text-field-medium": "16px",
2248
+ "slider-control-to-text-field-small": "16px",
2152
2249
  "slider-handle-border-width-down-extra-large": "8px",
2153
2250
  "slider-handle-border-width-down-large": "7px",
2154
2251
  "slider-handle-border-width-down-medium": "6px",
2155
2252
  "slider-handle-border-width-down-small": "5px",
2253
+ "slider-handle-extra-large": "24px",
2156
2254
  "slider-handle-gap": "4px",
2255
+ "slider-handle-height-precision-extra-large": "26px",
2256
+ "slider-handle-height-precision-large": "24px",
2257
+ "slider-handle-height-precision-medium": "22px",
2258
+ "slider-handle-height-precision-small": "20px",
2259
+ "slider-handle-large": "22px",
2260
+ "slider-handle-medium": "20px",
2261
+ "slider-handle-precision-width": "6px",
2157
2262
  "slider-handle-size-extra-large": "20px",
2158
2263
  "slider-handle-size-large": "18px",
2159
2264
  "slider-handle-size-medium": "16px",
2160
2265
  "slider-handle-size-small": "14px",
2266
+ "slider-handle-small": "18px",
2267
+ "slider-track-height-large": "16px",
2268
+ "slider-track-height-medium": "4px",
2161
2269
  "slider-track-thickness": "2px",
2162
2270
  "spacing-100": "8px",
2163
2271
  "spacing-1000": "96px",
@@ -2402,7 +2510,7 @@
2402
2510
  "tag-top-to-cross-icon-small": "8px",
2403
2511
  "text-area-minimum-height": "56px",
2404
2512
  "text-area-minimum-width": "112px",
2405
- "text-field-minimum-width-multiplier": "1.5",
2513
+ "text-field-minimum-width-multiplier": 1.5,
2406
2514
  "text-to-control-100": "10px",
2407
2515
  "text-to-control-200": "11px",
2408
2516
  "text-to-control-300": "13px",
@@ -2432,7 +2540,7 @@
2432
2540
  "thumbnail-size-75": "20px",
2433
2541
  "thumbnail-size-800": "52px",
2434
2542
  "thumbnail-size-900": "56px",
2435
- "title-cjk-line-height": "1.5",
2543
+ "title-cjk-line-height": 1.5,
2436
2544
  "title-cjk-size-l": "16px",
2437
2545
  "title-cjk-size-m": "14px",
2438
2546
  "title-cjk-size-s": "12px",
@@ -2440,9 +2548,9 @@
2440
2548
  "title-cjk-size-xs": "11px",
2441
2549
  "title-cjk-size-xxl": "20px",
2442
2550
  "title-cjk-size-xxxl": "22px",
2443
- "title-line-height": "1.3",
2444
- "title-margin-bottom-multiplier": "0.25",
2445
- "title-margin-top-multiplier": "0.88888889",
2551
+ "title-line-height": 1.3,
2552
+ "title-margin-bottom-multiplier": 0.25,
2553
+ "title-margin-top-multiplier": 0.88888889,
2446
2554
  "title-size-l": "18px",
2447
2555
  "title-size-m": "16px",
2448
2556
  "title-size-s": "14px",