@openkfw/design-tokens 0.3.0 → 0.4.1
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/README.md +36 -2
- package/output/figma/kfw-design-tokens.light.json +22 -8
- package/output/json/kfw-design-tokens.light.json +200 -104
- package/output/penpot/kfw-design-tokens.light.json +22 -8
- package/output/web_stable_10px/css/kfw-design-tokens.light.css +42 -38
- package/output/web_stable_10px/js/kfw-design-tokens.light.d.ts +9 -2
- package/output/web_stable_10px/js/kfw-design-tokens.light.js +42 -38
- package/output/web_stable_10px/scss/kfw-design-tokens.light.scss +42 -38
- package/output/{web_next_16px → web_thirdparty_16px}/css/kfw-design-tokens.light.css +42 -38
- package/output/{web_next_16px → web_thirdparty_16px}/js/kfw-design-tokens.light.d.ts +9 -2
- package/output/{web_next_16px → web_thirdparty_16px}/js/kfw-design-tokens.light.js +42 -38
- package/output/{web_next_16px → web_thirdparty_16px}/scss/kfw-design-tokens.light.scss +42 -38
- package/package.json +8 -8
- package/tokens/gen-tokens.dark.json5 +64 -46
- package/tokens/tokens.json +36 -29
|
@@ -1185,12 +1185,12 @@
|
|
|
1185
1185
|
"fontfamily": {
|
|
1186
1186
|
"sans": {
|
|
1187
1187
|
"key": "{base.fontfamily.sans}",
|
|
1188
|
-
"$value": "
|
|
1188
|
+
"$value": "\"KfW Centro Sans\", Arial, \"Helvetica Neue\", Helvetica, sans-serif",
|
|
1189
1189
|
"filePath": "tokens/tokens.json",
|
|
1190
1190
|
"isSource": true,
|
|
1191
1191
|
"$type": "fontFamily",
|
|
1192
1192
|
"original": {
|
|
1193
|
-
"$value": "
|
|
1193
|
+
"$value": "\"KfW Centro Sans\", Arial, \"Helvetica Neue\", Helvetica, sans-serif",
|
|
1194
1194
|
"$type": "fontFamily",
|
|
1195
1195
|
"key": "{base.fontfamily.sans}"
|
|
1196
1196
|
},
|
|
@@ -1208,12 +1208,12 @@
|
|
|
1208
1208
|
},
|
|
1209
1209
|
"mono": {
|
|
1210
1210
|
"key": "{base.fontfamily.mono}",
|
|
1211
|
-
"$value": "ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas
|
|
1211
|
+
"$value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
|
|
1212
1212
|
"filePath": "tokens/tokens.json",
|
|
1213
1213
|
"isSource": true,
|
|
1214
1214
|
"$type": "fontFamily",
|
|
1215
1215
|
"original": {
|
|
1216
|
-
"$value": "ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas
|
|
1216
|
+
"$value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
|
|
1217
1217
|
"$type": "fontFamily",
|
|
1218
1218
|
"key": "{base.fontfamily.mono}"
|
|
1219
1219
|
},
|
|
@@ -1546,24 +1546,24 @@
|
|
|
1546
1546
|
"val": {
|
|
1547
1547
|
"key": "{base.space.fluid.5.val}",
|
|
1548
1548
|
"$value": {
|
|
1549
|
-
"value":
|
|
1549
|
+
"value": 0.588,
|
|
1550
1550
|
"unit": "px"
|
|
1551
1551
|
},
|
|
1552
1552
|
"$fluid": {
|
|
1553
1553
|
"unit": "vi",
|
|
1554
|
-
"value": 0.
|
|
1554
|
+
"value": 0.735
|
|
1555
1555
|
},
|
|
1556
1556
|
"filePath": "tokens/tokens.json",
|
|
1557
1557
|
"isSource": true,
|
|
1558
1558
|
"$type": "dimension",
|
|
1559
1559
|
"original": {
|
|
1560
1560
|
"$value": {
|
|
1561
|
-
"value":
|
|
1561
|
+
"value": 0.588,
|
|
1562
1562
|
"unit": "px"
|
|
1563
1563
|
},
|
|
1564
1564
|
"$fluid": {
|
|
1565
1565
|
"unit": "vi",
|
|
1566
|
-
"value": 0.
|
|
1566
|
+
"value": 0.735
|
|
1567
1567
|
},
|
|
1568
1568
|
"$type": "dimension",
|
|
1569
1569
|
"key": "{base.space.fluid.5.val}"
|
|
@@ -1631,24 +1631,24 @@
|
|
|
1631
1631
|
"val": {
|
|
1632
1632
|
"key": "{base.space.fluid.10.val}",
|
|
1633
1633
|
"$value": {
|
|
1634
|
-
"value":
|
|
1634
|
+
"value": 5.588,
|
|
1635
1635
|
"unit": "px"
|
|
1636
1636
|
},
|
|
1637
1637
|
"$fluid": {
|
|
1638
1638
|
"unit": "vi",
|
|
1639
|
-
"value": 0.
|
|
1639
|
+
"value": 0.735
|
|
1640
1640
|
},
|
|
1641
1641
|
"filePath": "tokens/tokens.json",
|
|
1642
1642
|
"isSource": true,
|
|
1643
1643
|
"$type": "dimension",
|
|
1644
1644
|
"original": {
|
|
1645
1645
|
"$value": {
|
|
1646
|
-
"value":
|
|
1646
|
+
"value": 5.588,
|
|
1647
1647
|
"unit": "px"
|
|
1648
1648
|
},
|
|
1649
1649
|
"$fluid": {
|
|
1650
1650
|
"unit": "vi",
|
|
1651
|
-
"value": 0.
|
|
1651
|
+
"value": 0.735
|
|
1652
1652
|
},
|
|
1653
1653
|
"$type": "dimension",
|
|
1654
1654
|
"key": "{base.space.fluid.10.val}"
|
|
@@ -1716,24 +1716,24 @@
|
|
|
1716
1716
|
"val": {
|
|
1717
1717
|
"key": "{base.space.fluid.15.val}",
|
|
1718
1718
|
"$value": {
|
|
1719
|
-
"value":
|
|
1719
|
+
"value": 10.588,
|
|
1720
1720
|
"unit": "px"
|
|
1721
1721
|
},
|
|
1722
1722
|
"$fluid": {
|
|
1723
1723
|
"unit": "vi",
|
|
1724
|
-
"value": 0.
|
|
1724
|
+
"value": 0.735
|
|
1725
1725
|
},
|
|
1726
1726
|
"filePath": "tokens/tokens.json",
|
|
1727
1727
|
"isSource": true,
|
|
1728
1728
|
"$type": "dimension",
|
|
1729
1729
|
"original": {
|
|
1730
1730
|
"$value": {
|
|
1731
|
-
"value":
|
|
1731
|
+
"value": 10.588,
|
|
1732
1732
|
"unit": "px"
|
|
1733
1733
|
},
|
|
1734
1734
|
"$fluid": {
|
|
1735
1735
|
"unit": "vi",
|
|
1736
|
-
"value": 0.
|
|
1736
|
+
"value": 0.735
|
|
1737
1737
|
},
|
|
1738
1738
|
"$type": "dimension",
|
|
1739
1739
|
"key": "{base.space.fluid.15.val}"
|
|
@@ -1801,24 +1801,24 @@
|
|
|
1801
1801
|
"val": {
|
|
1802
1802
|
"key": "{base.space.fluid.20.val}",
|
|
1803
1803
|
"$value": {
|
|
1804
|
-
"value":
|
|
1804
|
+
"value": 15.588,
|
|
1805
1805
|
"unit": "px"
|
|
1806
1806
|
},
|
|
1807
1807
|
"$fluid": {
|
|
1808
1808
|
"unit": "vi",
|
|
1809
|
-
"value": 0.
|
|
1809
|
+
"value": 0.735
|
|
1810
1810
|
},
|
|
1811
1811
|
"filePath": "tokens/tokens.json",
|
|
1812
1812
|
"isSource": true,
|
|
1813
1813
|
"$type": "dimension",
|
|
1814
1814
|
"original": {
|
|
1815
1815
|
"$value": {
|
|
1816
|
-
"value":
|
|
1816
|
+
"value": 15.588,
|
|
1817
1817
|
"unit": "px"
|
|
1818
1818
|
},
|
|
1819
1819
|
"$fluid": {
|
|
1820
1820
|
"unit": "vi",
|
|
1821
|
-
"value": 0.
|
|
1821
|
+
"value": 0.735
|
|
1822
1822
|
},
|
|
1823
1823
|
"$type": "dimension",
|
|
1824
1824
|
"key": "{base.space.fluid.20.val}"
|
|
@@ -1886,24 +1886,24 @@
|
|
|
1886
1886
|
"val": {
|
|
1887
1887
|
"key": "{base.space.fluid.25.val}",
|
|
1888
1888
|
"$value": {
|
|
1889
|
-
"value":
|
|
1889
|
+
"value": 20.588,
|
|
1890
1890
|
"unit": "px"
|
|
1891
1891
|
},
|
|
1892
1892
|
"$fluid": {
|
|
1893
1893
|
"unit": "vi",
|
|
1894
|
-
"value": 0.
|
|
1894
|
+
"value": 0.735
|
|
1895
1895
|
},
|
|
1896
1896
|
"filePath": "tokens/tokens.json",
|
|
1897
1897
|
"isSource": true,
|
|
1898
1898
|
"$type": "dimension",
|
|
1899
1899
|
"original": {
|
|
1900
1900
|
"$value": {
|
|
1901
|
-
"value":
|
|
1901
|
+
"value": 20.588,
|
|
1902
1902
|
"unit": "px"
|
|
1903
1903
|
},
|
|
1904
1904
|
"$fluid": {
|
|
1905
1905
|
"unit": "vi",
|
|
1906
|
-
"value": 0.
|
|
1906
|
+
"value": 0.735
|
|
1907
1907
|
},
|
|
1908
1908
|
"$type": "dimension",
|
|
1909
1909
|
"key": "{base.space.fluid.25.val}"
|
|
@@ -1971,24 +1971,24 @@
|
|
|
1971
1971
|
"val": {
|
|
1972
1972
|
"key": "{base.space.fluid.30.val}",
|
|
1973
1973
|
"$value": {
|
|
1974
|
-
"value":
|
|
1974
|
+
"value": 25.588,
|
|
1975
1975
|
"unit": "px"
|
|
1976
1976
|
},
|
|
1977
1977
|
"$fluid": {
|
|
1978
1978
|
"unit": "vi",
|
|
1979
|
-
"value": 0.
|
|
1979
|
+
"value": 0.735
|
|
1980
1980
|
},
|
|
1981
1981
|
"filePath": "tokens/tokens.json",
|
|
1982
1982
|
"isSource": true,
|
|
1983
1983
|
"$type": "dimension",
|
|
1984
1984
|
"original": {
|
|
1985
1985
|
"$value": {
|
|
1986
|
-
"value":
|
|
1986
|
+
"value": 25.588,
|
|
1987
1987
|
"unit": "px"
|
|
1988
1988
|
},
|
|
1989
1989
|
"$fluid": {
|
|
1990
1990
|
"unit": "vi",
|
|
1991
|
-
"value": 0.
|
|
1991
|
+
"value": 0.735
|
|
1992
1992
|
},
|
|
1993
1993
|
"$type": "dimension",
|
|
1994
1994
|
"key": "{base.space.fluid.30.val}"
|
|
@@ -2056,24 +2056,24 @@
|
|
|
2056
2056
|
"val": {
|
|
2057
2057
|
"key": "{base.space.fluid.35.val}",
|
|
2058
2058
|
"$value": {
|
|
2059
|
-
"value":
|
|
2059
|
+
"value": 30.588,
|
|
2060
2060
|
"unit": "px"
|
|
2061
2061
|
},
|
|
2062
2062
|
"$fluid": {
|
|
2063
2063
|
"unit": "vi",
|
|
2064
|
-
"value": 0.
|
|
2064
|
+
"value": 0.735
|
|
2065
2065
|
},
|
|
2066
2066
|
"filePath": "tokens/tokens.json",
|
|
2067
2067
|
"isSource": true,
|
|
2068
2068
|
"$type": "dimension",
|
|
2069
2069
|
"original": {
|
|
2070
2070
|
"$value": {
|
|
2071
|
-
"value":
|
|
2071
|
+
"value": 30.588,
|
|
2072
2072
|
"unit": "px"
|
|
2073
2073
|
},
|
|
2074
2074
|
"$fluid": {
|
|
2075
2075
|
"unit": "vi",
|
|
2076
|
-
"value": 0.
|
|
2076
|
+
"value": 0.735
|
|
2077
2077
|
},
|
|
2078
2078
|
"$type": "dimension",
|
|
2079
2079
|
"key": "{base.space.fluid.35.val}"
|
|
@@ -2141,24 +2141,24 @@
|
|
|
2141
2141
|
"val": {
|
|
2142
2142
|
"key": "{base.space.fluid.40.val}",
|
|
2143
2143
|
"$value": {
|
|
2144
|
-
"value":
|
|
2144
|
+
"value": 31.176,
|
|
2145
2145
|
"unit": "px"
|
|
2146
2146
|
},
|
|
2147
2147
|
"$fluid": {
|
|
2148
2148
|
"unit": "vi",
|
|
2149
|
-
"value": 1.
|
|
2149
|
+
"value": 1.471
|
|
2150
2150
|
},
|
|
2151
2151
|
"filePath": "tokens/tokens.json",
|
|
2152
2152
|
"isSource": true,
|
|
2153
2153
|
"$type": "dimension",
|
|
2154
2154
|
"original": {
|
|
2155
2155
|
"$value": {
|
|
2156
|
-
"value":
|
|
2156
|
+
"value": 31.176,
|
|
2157
2157
|
"unit": "px"
|
|
2158
2158
|
},
|
|
2159
2159
|
"$fluid": {
|
|
2160
2160
|
"unit": "vi",
|
|
2161
|
-
"value": 1.
|
|
2161
|
+
"value": 1.471
|
|
2162
2162
|
},
|
|
2163
2163
|
"$type": "dimension",
|
|
2164
2164
|
"key": "{base.space.fluid.40.val}"
|
|
@@ -2226,24 +2226,24 @@
|
|
|
2226
2226
|
"val": {
|
|
2227
2227
|
"key": "{base.space.fluid.50.val}",
|
|
2228
2228
|
"$value": {
|
|
2229
|
-
"value":
|
|
2229
|
+
"value": 41.176,
|
|
2230
2230
|
"unit": "px"
|
|
2231
2231
|
},
|
|
2232
2232
|
"$fluid": {
|
|
2233
2233
|
"unit": "vi",
|
|
2234
|
-
"value": 1.
|
|
2234
|
+
"value": 1.471
|
|
2235
2235
|
},
|
|
2236
2236
|
"filePath": "tokens/tokens.json",
|
|
2237
2237
|
"isSource": true,
|
|
2238
2238
|
"$type": "dimension",
|
|
2239
2239
|
"original": {
|
|
2240
2240
|
"$value": {
|
|
2241
|
-
"value":
|
|
2241
|
+
"value": 41.176,
|
|
2242
2242
|
"unit": "px"
|
|
2243
2243
|
},
|
|
2244
2244
|
"$fluid": {
|
|
2245
2245
|
"unit": "vi",
|
|
2246
|
-
"value": 1.
|
|
2246
|
+
"value": 1.471
|
|
2247
2247
|
},
|
|
2248
2248
|
"$type": "dimension",
|
|
2249
2249
|
"key": "{base.space.fluid.50.val}"
|
|
@@ -2604,11 +2604,11 @@
|
|
|
2604
2604
|
"key": "{base.fontsize.fluid.sm.val}",
|
|
2605
2605
|
"$value": {
|
|
2606
2606
|
"unit": "px",
|
|
2607
|
-
"value":
|
|
2607
|
+
"value": 12.235
|
|
2608
2608
|
},
|
|
2609
2609
|
"$fluid": {
|
|
2610
2610
|
"unit": "vi",
|
|
2611
|
-
"value": 0.
|
|
2611
|
+
"value": 0.294
|
|
2612
2612
|
},
|
|
2613
2613
|
"filePath": "tokens/tokens.json",
|
|
2614
2614
|
"isSource": true,
|
|
@@ -2616,11 +2616,11 @@
|
|
|
2616
2616
|
"original": {
|
|
2617
2617
|
"$value": {
|
|
2618
2618
|
"unit": "px",
|
|
2619
|
-
"value":
|
|
2619
|
+
"value": 12.235
|
|
2620
2620
|
},
|
|
2621
2621
|
"$fluid": {
|
|
2622
2622
|
"unit": "vi",
|
|
2623
|
-
"value": 0.
|
|
2623
|
+
"value": 0.294
|
|
2624
2624
|
},
|
|
2625
2625
|
"$type": "dimension",
|
|
2626
2626
|
"key": "{base.fontsize.fluid.sm.val}"
|
|
@@ -2689,11 +2689,11 @@
|
|
|
2689
2689
|
"key": "{base.fontsize.fluid.md.val}",
|
|
2690
2690
|
"$value": {
|
|
2691
2691
|
"unit": "px",
|
|
2692
|
-
"value":
|
|
2692
|
+
"value": 14.235
|
|
2693
2693
|
},
|
|
2694
2694
|
"$fluid": {
|
|
2695
2695
|
"unit": "vi",
|
|
2696
|
-
"value": 0.
|
|
2696
|
+
"value": 0.294
|
|
2697
2697
|
},
|
|
2698
2698
|
"filePath": "tokens/tokens.json",
|
|
2699
2699
|
"isSource": true,
|
|
@@ -2701,11 +2701,11 @@
|
|
|
2701
2701
|
"original": {
|
|
2702
2702
|
"$value": {
|
|
2703
2703
|
"unit": "px",
|
|
2704
|
-
"value":
|
|
2704
|
+
"value": 14.235
|
|
2705
2705
|
},
|
|
2706
2706
|
"$fluid": {
|
|
2707
2707
|
"unit": "vi",
|
|
2708
|
-
"value": 0.
|
|
2708
|
+
"value": 0.294
|
|
2709
2709
|
},
|
|
2710
2710
|
"$type": "dimension",
|
|
2711
2711
|
"key": "{base.fontsize.fluid.md.val}"
|
|
@@ -2774,11 +2774,11 @@
|
|
|
2774
2774
|
"key": "{base.fontsize.fluid.lg.val}",
|
|
2775
2775
|
"$value": {
|
|
2776
2776
|
"unit": "px",
|
|
2777
|
-
"value":
|
|
2777
|
+
"value": 16.235
|
|
2778
2778
|
},
|
|
2779
2779
|
"$fluid": {
|
|
2780
2780
|
"unit": "vi",
|
|
2781
|
-
"value": 0.
|
|
2781
|
+
"value": 0.294
|
|
2782
2782
|
},
|
|
2783
2783
|
"filePath": "tokens/tokens.json",
|
|
2784
2784
|
"isSource": true,
|
|
@@ -2786,11 +2786,11 @@
|
|
|
2786
2786
|
"original": {
|
|
2787
2787
|
"$value": {
|
|
2788
2788
|
"unit": "px",
|
|
2789
|
-
"value":
|
|
2789
|
+
"value": 16.235
|
|
2790
2790
|
},
|
|
2791
2791
|
"$fluid": {
|
|
2792
2792
|
"unit": "vi",
|
|
2793
|
-
"value": 0.
|
|
2793
|
+
"value": 0.294
|
|
2794
2794
|
},
|
|
2795
2795
|
"$type": "dimension",
|
|
2796
2796
|
"key": "{base.fontsize.fluid.lg.val}"
|
|
@@ -2859,11 +2859,11 @@
|
|
|
2859
2859
|
"key": "{base.fontsize.fluid.xl.val}",
|
|
2860
2860
|
"$value": {
|
|
2861
2861
|
"unit": "px",
|
|
2862
|
-
"value":
|
|
2862
|
+
"value": 18.235
|
|
2863
2863
|
},
|
|
2864
2864
|
"$fluid": {
|
|
2865
2865
|
"unit": "vi",
|
|
2866
|
-
"value": 0.
|
|
2866
|
+
"value": 0.294
|
|
2867
2867
|
},
|
|
2868
2868
|
"filePath": "tokens/tokens.json",
|
|
2869
2869
|
"isSource": true,
|
|
@@ -2871,11 +2871,11 @@
|
|
|
2871
2871
|
"original": {
|
|
2872
2872
|
"$value": {
|
|
2873
2873
|
"unit": "px",
|
|
2874
|
-
"value":
|
|
2874
|
+
"value": 18.235
|
|
2875
2875
|
},
|
|
2876
2876
|
"$fluid": {
|
|
2877
2877
|
"unit": "vi",
|
|
2878
|
-
"value": 0.
|
|
2878
|
+
"value": 0.294
|
|
2879
2879
|
},
|
|
2880
2880
|
"$type": "dimension",
|
|
2881
2881
|
"key": "{base.fontsize.fluid.xl.val}"
|
|
@@ -2944,11 +2944,11 @@
|
|
|
2944
2944
|
"key": "{base.fontsize.fluid.2xl.val}",
|
|
2945
2945
|
"$value": {
|
|
2946
2946
|
"unit": "px",
|
|
2947
|
-
"value":
|
|
2947
|
+
"value": 20.235
|
|
2948
2948
|
},
|
|
2949
2949
|
"$fluid": {
|
|
2950
2950
|
"unit": "vi",
|
|
2951
|
-
"value": 0.
|
|
2951
|
+
"value": 0.294
|
|
2952
2952
|
},
|
|
2953
2953
|
"filePath": "tokens/tokens.json",
|
|
2954
2954
|
"isSource": true,
|
|
@@ -2956,11 +2956,11 @@
|
|
|
2956
2956
|
"original": {
|
|
2957
2957
|
"$value": {
|
|
2958
2958
|
"unit": "px",
|
|
2959
|
-
"value":
|
|
2959
|
+
"value": 20.235
|
|
2960
2960
|
},
|
|
2961
2961
|
"$fluid": {
|
|
2962
2962
|
"unit": "vi",
|
|
2963
|
-
"value": 0.
|
|
2963
|
+
"value": 0.294
|
|
2964
2964
|
},
|
|
2965
2965
|
"$type": "dimension",
|
|
2966
2966
|
"key": "{base.fontsize.fluid.2xl.val}"
|
|
@@ -3029,11 +3029,11 @@
|
|
|
3029
3029
|
"key": "{base.fontsize.fluid.3xl.val}",
|
|
3030
3030
|
"$value": {
|
|
3031
3031
|
"unit": "px",
|
|
3032
|
-
"value":
|
|
3032
|
+
"value": 22.235
|
|
3033
3033
|
},
|
|
3034
3034
|
"$fluid": {
|
|
3035
3035
|
"unit": "vi",
|
|
3036
|
-
"value": 0.
|
|
3036
|
+
"value": 0.294
|
|
3037
3037
|
},
|
|
3038
3038
|
"filePath": "tokens/tokens.json",
|
|
3039
3039
|
"isSource": true,
|
|
@@ -3041,11 +3041,11 @@
|
|
|
3041
3041
|
"original": {
|
|
3042
3042
|
"$value": {
|
|
3043
3043
|
"unit": "px",
|
|
3044
|
-
"value":
|
|
3044
|
+
"value": 22.235
|
|
3045
3045
|
},
|
|
3046
3046
|
"$fluid": {
|
|
3047
3047
|
"unit": "vi",
|
|
3048
|
-
"value": 0.
|
|
3048
|
+
"value": 0.294
|
|
3049
3049
|
},
|
|
3050
3050
|
"$type": "dimension",
|
|
3051
3051
|
"key": "{base.fontsize.fluid.3xl.val}"
|
|
@@ -3114,11 +3114,11 @@
|
|
|
3114
3114
|
"key": "{base.fontsize.fluid.4xl.val}",
|
|
3115
3115
|
"$value": {
|
|
3116
3116
|
"unit": "px",
|
|
3117
|
-
"value":
|
|
3117
|
+
"value": 24.235
|
|
3118
3118
|
},
|
|
3119
3119
|
"$fluid": {
|
|
3120
3120
|
"unit": "vi",
|
|
3121
|
-
"value": 0.
|
|
3121
|
+
"value": 0.294
|
|
3122
3122
|
},
|
|
3123
3123
|
"filePath": "tokens/tokens.json",
|
|
3124
3124
|
"isSource": true,
|
|
@@ -3126,11 +3126,11 @@
|
|
|
3126
3126
|
"original": {
|
|
3127
3127
|
"$value": {
|
|
3128
3128
|
"unit": "px",
|
|
3129
|
-
"value":
|
|
3129
|
+
"value": 24.235
|
|
3130
3130
|
},
|
|
3131
3131
|
"$fluid": {
|
|
3132
3132
|
"unit": "vi",
|
|
3133
|
-
"value": 0.
|
|
3133
|
+
"value": 0.294
|
|
3134
3134
|
},
|
|
3135
3135
|
"$type": "dimension",
|
|
3136
3136
|
"key": "{base.fontsize.fluid.4xl.val}"
|
|
@@ -3199,11 +3199,11 @@
|
|
|
3199
3199
|
"key": "{base.fontsize.fluid.5xl.val}",
|
|
3200
3200
|
"$value": {
|
|
3201
3201
|
"unit": "px",
|
|
3202
|
-
"value":
|
|
3202
|
+
"value": 24.471
|
|
3203
3203
|
},
|
|
3204
3204
|
"$fluid": {
|
|
3205
3205
|
"unit": "vi",
|
|
3206
|
-
"value": 0.
|
|
3206
|
+
"value": 0.588
|
|
3207
3207
|
},
|
|
3208
3208
|
"filePath": "tokens/tokens.json",
|
|
3209
3209
|
"isSource": true,
|
|
@@ -3211,11 +3211,11 @@
|
|
|
3211
3211
|
"original": {
|
|
3212
3212
|
"$value": {
|
|
3213
3213
|
"unit": "px",
|
|
3214
|
-
"value":
|
|
3214
|
+
"value": 24.471
|
|
3215
3215
|
},
|
|
3216
3216
|
"$fluid": {
|
|
3217
3217
|
"unit": "vi",
|
|
3218
|
-
"value": 0.
|
|
3218
|
+
"value": 0.588
|
|
3219
3219
|
},
|
|
3220
3220
|
"$type": "dimension",
|
|
3221
3221
|
"key": "{base.fontsize.fluid.5xl.val}"
|
|
@@ -3284,11 +3284,11 @@
|
|
|
3284
3284
|
"key": "{base.fontsize.fluid.6xl.val}",
|
|
3285
3285
|
"$value": {
|
|
3286
3286
|
"unit": "px",
|
|
3287
|
-
"value":
|
|
3287
|
+
"value": 24.706
|
|
3288
3288
|
},
|
|
3289
3289
|
"$fluid": {
|
|
3290
3290
|
"unit": "vi",
|
|
3291
|
-
"value": 0.
|
|
3291
|
+
"value": 0.882
|
|
3292
3292
|
},
|
|
3293
3293
|
"filePath": "tokens/tokens.json",
|
|
3294
3294
|
"isSource": true,
|
|
@@ -3296,11 +3296,11 @@
|
|
|
3296
3296
|
"original": {
|
|
3297
3297
|
"$value": {
|
|
3298
3298
|
"unit": "px",
|
|
3299
|
-
"value":
|
|
3299
|
+
"value": 24.706
|
|
3300
3300
|
},
|
|
3301
3301
|
"$fluid": {
|
|
3302
3302
|
"unit": "vi",
|
|
3303
|
-
"value": 0.
|
|
3303
|
+
"value": 0.882
|
|
3304
3304
|
},
|
|
3305
3305
|
"$type": "dimension",
|
|
3306
3306
|
"key": "{base.fontsize.fluid.6xl.val}"
|
|
@@ -4087,11 +4087,11 @@
|
|
|
4087
4087
|
"key": "{base.layout.safezone.fluid.val}",
|
|
4088
4088
|
"$value": {
|
|
4089
4089
|
"unit": "px",
|
|
4090
|
-
"value":
|
|
4090
|
+
"value": 2.353
|
|
4091
4091
|
},
|
|
4092
4092
|
"$fluid": {
|
|
4093
4093
|
"unit": "vi",
|
|
4094
|
-
"value":
|
|
4094
|
+
"value": 2.941
|
|
4095
4095
|
},
|
|
4096
4096
|
"filePath": "tokens/tokens.json",
|
|
4097
4097
|
"isSource": true,
|
|
@@ -4099,11 +4099,11 @@
|
|
|
4099
4099
|
"original": {
|
|
4100
4100
|
"$value": {
|
|
4101
4101
|
"unit": "px",
|
|
4102
|
-
"value":
|
|
4102
|
+
"value": 2.353
|
|
4103
4103
|
},
|
|
4104
4104
|
"$fluid": {
|
|
4105
4105
|
"unit": "vi",
|
|
4106
|
-
"value":
|
|
4106
|
+
"value": 2.941
|
|
4107
4107
|
},
|
|
4108
4108
|
"$type": "dimension",
|
|
4109
4109
|
"key": "{base.layout.safezone.fluid.val}"
|
|
@@ -4488,11 +4488,11 @@
|
|
|
4488
4488
|
"key": "{base.layout.gridgap.fluid.val}",
|
|
4489
4489
|
"$value": {
|
|
4490
4490
|
"unit": "px",
|
|
4491
|
-
"value":
|
|
4491
|
+
"value": -9.176
|
|
4492
4492
|
},
|
|
4493
4493
|
"$fluid": {
|
|
4494
4494
|
"unit": "vi",
|
|
4495
|
-
"value":
|
|
4495
|
+
"value": 3.529
|
|
4496
4496
|
},
|
|
4497
4497
|
"filePath": "tokens/tokens.json",
|
|
4498
4498
|
"isSource": true,
|
|
@@ -4500,11 +4500,11 @@
|
|
|
4500
4500
|
"original": {
|
|
4501
4501
|
"$value": {
|
|
4502
4502
|
"unit": "px",
|
|
4503
|
-
"value":
|
|
4503
|
+
"value": -9.176
|
|
4504
4504
|
},
|
|
4505
4505
|
"$fluid": {
|
|
4506
4506
|
"unit": "vi",
|
|
4507
|
-
"value":
|
|
4507
|
+
"value": 3.529
|
|
4508
4508
|
},
|
|
4509
4509
|
"$type": "dimension",
|
|
4510
4510
|
"key": "{base.layout.gridgap.fluid.val}"
|
|
@@ -4537,11 +4537,13 @@
|
|
|
4537
4537
|
],
|
|
4538
4538
|
"hex": "#005a8c"
|
|
4539
4539
|
},
|
|
4540
|
+
"$description": "Main interaction color for buttons and links",
|
|
4540
4541
|
"filePath": "tokens/tokens.json",
|
|
4541
4542
|
"isSource": true,
|
|
4542
4543
|
"$type": "color",
|
|
4543
4544
|
"original": {
|
|
4544
4545
|
"$value": "{base.color.blue.600}",
|
|
4546
|
+
"$description": "Main interaction color for buttons and links",
|
|
4545
4547
|
"$type": "color",
|
|
4546
4548
|
"key": "{semantic.color.fn.default}"
|
|
4547
4549
|
},
|
|
@@ -4704,11 +4706,13 @@
|
|
|
4704
4706
|
],
|
|
4705
4707
|
"hex": "#2d3134"
|
|
4706
4708
|
},
|
|
4709
|
+
"$description": "Main text color for body",
|
|
4707
4710
|
"filePath": "tokens/tokens.json",
|
|
4708
4711
|
"isSource": true,
|
|
4709
4712
|
"$type": "color",
|
|
4710
4713
|
"original": {
|
|
4711
4714
|
"$value": "{base.color.gray.600}",
|
|
4715
|
+
"$description": "Main text color for body",
|
|
4712
4716
|
"$type": "color",
|
|
4713
4717
|
"key": "{semantic.color.text.default}"
|
|
4714
4718
|
},
|
|
@@ -4838,11 +4842,13 @@
|
|
|
4838
4842
|
],
|
|
4839
4843
|
"hex": "#ffffff"
|
|
4840
4844
|
},
|
|
4845
|
+
"$description": "Main background color for body",
|
|
4841
4846
|
"filePath": "tokens/tokens.json",
|
|
4842
4847
|
"isSource": true,
|
|
4843
4848
|
"$type": "color",
|
|
4844
4849
|
"original": {
|
|
4845
4850
|
"$value": "{base.color.white.default}",
|
|
4851
|
+
"$description": "Main background color for body",
|
|
4846
4852
|
"$type": "color",
|
|
4847
4853
|
"key": "{semantic.color.background.default}"
|
|
4848
4854
|
},
|
|
@@ -5971,7 +5977,7 @@
|
|
|
5971
5977
|
"fontfamily": {
|
|
5972
5978
|
"default": {
|
|
5973
5979
|
"key": "{semantic.fontfamily.default}",
|
|
5974
|
-
"$value": "
|
|
5980
|
+
"$value": "\"KfW Centro Sans\", Arial, \"Helvetica Neue\", Helvetica, sans-serif",
|
|
5975
5981
|
"filePath": "tokens/tokens.json",
|
|
5976
5982
|
"isSource": true,
|
|
5977
5983
|
"$type": "fontFamily",
|
|
@@ -5995,7 +6001,7 @@
|
|
|
5995
6001
|
"code": {
|
|
5996
6002
|
"key": "{semantic.fontfamily.code}",
|
|
5997
6003
|
"$type": "fontFamily",
|
|
5998
|
-
"$value": "ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas
|
|
6004
|
+
"$value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
|
|
5999
6005
|
"filePath": "tokens/tokens.json",
|
|
6000
6006
|
"isSource": true,
|
|
6001
6007
|
"original": {
|
|
@@ -6133,7 +6139,7 @@
|
|
|
6133
6139
|
"val": {
|
|
6134
6140
|
"key": "{semantic.space.large.val}",
|
|
6135
6141
|
"$value": {
|
|
6136
|
-
"value":
|
|
6142
|
+
"value": 30.588,
|
|
6137
6143
|
"unit": "px"
|
|
6138
6144
|
},
|
|
6139
6145
|
"filePath": "tokens/tokens.json",
|
|
@@ -6204,7 +6210,7 @@
|
|
|
6204
6210
|
"val": {
|
|
6205
6211
|
"key": "{semantic.space.big.val}",
|
|
6206
6212
|
"$value": {
|
|
6207
|
-
"value":
|
|
6213
|
+
"value": 41.176,
|
|
6208
6214
|
"unit": "px"
|
|
6209
6215
|
},
|
|
6210
6216
|
"filePath": "tokens/tokens.json",
|
|
@@ -6249,39 +6255,61 @@
|
|
|
6249
6255
|
"default"
|
|
6250
6256
|
]
|
|
6251
6257
|
},
|
|
6252
|
-
"
|
|
6253
|
-
"key": "{semantic.fontspace.
|
|
6258
|
+
"2xsmall": {
|
|
6259
|
+
"key": "{semantic.fontspace.2xsmall}",
|
|
6254
6260
|
"$value": {
|
|
6255
6261
|
"unit": "px",
|
|
6256
|
-
"value":
|
|
6262
|
+
"value": 5
|
|
6257
6263
|
},
|
|
6258
6264
|
"filePath": "tokens/tokens.json",
|
|
6259
6265
|
"isSource": true,
|
|
6260
6266
|
"$type": "dimension",
|
|
6261
6267
|
"original": {
|
|
6262
|
-
"$value": "{base.space.static.
|
|
6268
|
+
"$value": "{base.space.static.5}",
|
|
6263
6269
|
"$type": "dimension",
|
|
6264
|
-
"key": "{semantic.fontspace.
|
|
6270
|
+
"key": "{semantic.fontspace.2xsmall}"
|
|
6265
6271
|
},
|
|
6266
|
-
"name": "
|
|
6272
|
+
"name": "2xsmall",
|
|
6267
6273
|
"attributes": {},
|
|
6268
6274
|
"path": [
|
|
6269
6275
|
"semantic",
|
|
6270
6276
|
"fontspace",
|
|
6271
|
-
"
|
|
6277
|
+
"2xsmall"
|
|
6278
|
+
]
|
|
6279
|
+
},
|
|
6280
|
+
"xsmall": {
|
|
6281
|
+
"key": "{semantic.fontspace.xsmall}",
|
|
6282
|
+
"$value": {
|
|
6283
|
+
"unit": "px",
|
|
6284
|
+
"value": 10
|
|
6285
|
+
},
|
|
6286
|
+
"filePath": "tokens/tokens.json",
|
|
6287
|
+
"isSource": true,
|
|
6288
|
+
"$type": "dimension",
|
|
6289
|
+
"original": {
|
|
6290
|
+
"$value": "{base.space.static.10}",
|
|
6291
|
+
"$type": "dimension",
|
|
6292
|
+
"key": "{semantic.fontspace.xsmall}"
|
|
6293
|
+
},
|
|
6294
|
+
"name": "xsmall",
|
|
6295
|
+
"attributes": {},
|
|
6296
|
+
"path": [
|
|
6297
|
+
"semantic",
|
|
6298
|
+
"fontspace",
|
|
6299
|
+
"xsmall"
|
|
6272
6300
|
]
|
|
6273
6301
|
},
|
|
6274
6302
|
"small": {
|
|
6275
6303
|
"key": "{semantic.fontspace.small}",
|
|
6276
6304
|
"$value": {
|
|
6277
6305
|
"unit": "px",
|
|
6278
|
-
"value":
|
|
6306
|
+
"value": 15
|
|
6279
6307
|
},
|
|
6280
6308
|
"filePath": "tokens/tokens.json",
|
|
6281
6309
|
"isSource": true,
|
|
6282
6310
|
"$type": "dimension",
|
|
6283
6311
|
"original": {
|
|
6284
|
-
"$value": "{base.space.static.
|
|
6312
|
+
"$value": "{base.space.static.15}",
|
|
6285
6313
|
"$type": "dimension",
|
|
6286
6314
|
"key": "{semantic.fontspace.small}"
|
|
6287
6315
|
},
|
|
@@ -6297,13 +6325,13 @@
|
|
|
6297
6325
|
"key": "{semantic.fontspace.large}",
|
|
6298
6326
|
"$value": {
|
|
6299
6327
|
"unit": "px",
|
|
6300
|
-
"value":
|
|
6328
|
+
"value": 30
|
|
6301
6329
|
},
|
|
6302
6330
|
"filePath": "tokens/tokens.json",
|
|
6303
6331
|
"isSource": true,
|
|
6304
6332
|
"$type": "dimension",
|
|
6305
6333
|
"original": {
|
|
6306
|
-
"$value": "{base.space.static.
|
|
6334
|
+
"$value": "{base.space.static.30}",
|
|
6307
6335
|
"$type": "dimension",
|
|
6308
6336
|
"key": "{semantic.fontspace.large}"
|
|
6309
6337
|
},
|
|
@@ -6588,7 +6616,7 @@
|
|
|
6588
6616
|
"key": "{semantic.fontsize.heading-1.val}",
|
|
6589
6617
|
"$value": {
|
|
6590
6618
|
"unit": "px",
|
|
6591
|
-
"value":
|
|
6619
|
+
"value": 24.706
|
|
6592
6620
|
},
|
|
6593
6621
|
"filePath": "tokens/tokens.json",
|
|
6594
6622
|
"isSource": true,
|
|
@@ -6659,7 +6687,7 @@
|
|
|
6659
6687
|
"key": "{semantic.fontsize.heading-2.val}",
|
|
6660
6688
|
"$value": {
|
|
6661
6689
|
"unit": "px",
|
|
6662
|
-
"value":
|
|
6690
|
+
"value": 24.471
|
|
6663
6691
|
},
|
|
6664
6692
|
"filePath": "tokens/tokens.json",
|
|
6665
6693
|
"isSource": true,
|
|
@@ -6730,7 +6758,7 @@
|
|
|
6730
6758
|
"key": "{semantic.fontsize.heading-3.val}",
|
|
6731
6759
|
"$value": {
|
|
6732
6760
|
"unit": "px",
|
|
6733
|
-
"value":
|
|
6761
|
+
"value": 22.235
|
|
6734
6762
|
},
|
|
6735
6763
|
"filePath": "tokens/tokens.json",
|
|
6736
6764
|
"isSource": true,
|
|
@@ -6801,7 +6829,7 @@
|
|
|
6801
6829
|
"key": "{semantic.fontsize.heading-4.val}",
|
|
6802
6830
|
"$value": {
|
|
6803
6831
|
"unit": "px",
|
|
6804
|
-
"value":
|
|
6832
|
+
"value": 18.235
|
|
6805
6833
|
},
|
|
6806
6834
|
"filePath": "tokens/tokens.json",
|
|
6807
6835
|
"isSource": true,
|
|
@@ -6981,6 +7009,52 @@
|
|
|
6981
7009
|
"borderradius"
|
|
6982
7010
|
]
|
|
6983
7011
|
},
|
|
7012
|
+
"borderwidth": {
|
|
7013
|
+
"default": {
|
|
7014
|
+
"key": "{semantic.borderwidth.default}",
|
|
7015
|
+
"$value": {
|
|
7016
|
+
"unit": "px",
|
|
7017
|
+
"value": 1
|
|
7018
|
+
},
|
|
7019
|
+
"filePath": "tokens/tokens.json",
|
|
7020
|
+
"isSource": true,
|
|
7021
|
+
"$type": "dimension",
|
|
7022
|
+
"original": {
|
|
7023
|
+
"$value": "{base.borderwidth.md}",
|
|
7024
|
+
"$type": "dimension",
|
|
7025
|
+
"key": "{semantic.borderwidth.default}"
|
|
7026
|
+
},
|
|
7027
|
+
"name": "default",
|
|
7028
|
+
"attributes": {},
|
|
7029
|
+
"path": [
|
|
7030
|
+
"semantic",
|
|
7031
|
+
"borderwidth",
|
|
7032
|
+
"default"
|
|
7033
|
+
]
|
|
7034
|
+
},
|
|
7035
|
+
"large": {
|
|
7036
|
+
"key": "{semantic.borderwidth.large}",
|
|
7037
|
+
"$value": {
|
|
7038
|
+
"unit": "px",
|
|
7039
|
+
"value": 2
|
|
7040
|
+
},
|
|
7041
|
+
"filePath": "tokens/tokens.json",
|
|
7042
|
+
"isSource": true,
|
|
7043
|
+
"$type": "dimension",
|
|
7044
|
+
"original": {
|
|
7045
|
+
"$value": "{base.borderwidth.lg}",
|
|
7046
|
+
"$type": "dimension",
|
|
7047
|
+
"key": "{semantic.borderwidth.large}"
|
|
7048
|
+
},
|
|
7049
|
+
"name": "large",
|
|
7050
|
+
"attributes": {},
|
|
7051
|
+
"path": [
|
|
7052
|
+
"semantic",
|
|
7053
|
+
"borderwidth",
|
|
7054
|
+
"large"
|
|
7055
|
+
]
|
|
7056
|
+
}
|
|
7057
|
+
},
|
|
6984
7058
|
"focusring": {
|
|
6985
7059
|
"outline-width": {
|
|
6986
7060
|
"key": "{semantic.focusring.outline-width}",
|
|
@@ -7164,6 +7238,28 @@
|
|
|
7164
7238
|
"breakpoint",
|
|
7165
7239
|
"desktop"
|
|
7166
7240
|
]
|
|
7241
|
+
},
|
|
7242
|
+
"desktop-large": {
|
|
7243
|
+
"key": "{semantic.breakpoint.desktop-large}",
|
|
7244
|
+
"$value": {
|
|
7245
|
+
"unit": "px",
|
|
7246
|
+
"value": 1280
|
|
7247
|
+
},
|
|
7248
|
+
"filePath": "tokens/tokens.json",
|
|
7249
|
+
"isSource": true,
|
|
7250
|
+
"$type": "dimension",
|
|
7251
|
+
"original": {
|
|
7252
|
+
"$value": "{base.layout.breakpoint.xl}",
|
|
7253
|
+
"$type": "dimension",
|
|
7254
|
+
"key": "{semantic.breakpoint.desktop-large}"
|
|
7255
|
+
},
|
|
7256
|
+
"name": "desktop-large",
|
|
7257
|
+
"attributes": {},
|
|
7258
|
+
"path": [
|
|
7259
|
+
"semantic",
|
|
7260
|
+
"breakpoint",
|
|
7261
|
+
"desktop-large"
|
|
7262
|
+
]
|
|
7167
7263
|
}
|
|
7168
7264
|
},
|
|
7169
7265
|
"contentwrapper": {
|
|
@@ -7283,7 +7379,7 @@
|
|
|
7283
7379
|
"key": "{semantic.safezone.val}",
|
|
7284
7380
|
"$value": {
|
|
7285
7381
|
"unit": "px",
|
|
7286
|
-
"value":
|
|
7382
|
+
"value": 2.353
|
|
7287
7383
|
},
|
|
7288
7384
|
"filePath": "tokens/tokens.json",
|
|
7289
7385
|
"isSource": true,
|