@frontify/fondue 13.7.0 → 13.7.2

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/README.md +2 -5
  2. package/dist/packages/components/style.css +1 -1
  3. package/dist/packages/rte/style.css +1 -1
  4. package/dist/packages/tokens/css/base.css +56 -0
  5. package/dist/packages/tokens/json/all-tokens.json +422 -0
  6. package/dist/packages/tokens/json/semantic.json +156 -0
  7. package/dist/packages/tokens/json/utilities.json +266 -0
  8. package/dist/packages/tokens/manifest.json +732 -0
  9. package/dist/packages/tokens/tailwind/tailwind.config.js +2 -2
  10. package/dist/packages/tokens/themes/themes.module.css +56 -0
  11. package/dist/tools/sdk-cli/index.js +2 -2
  12. package/package.json +8 -8
package/dist/packages/tokens/css/base.css CHANGED
@@ -243,6 +243,54 @@
243
243
  --text-body-x-small-x-strong-letter-casing: var(--typography-text-transform-default);
244
244
  --text-body-x-small-x-strong-letter-spacing: var(--typography-letter-spacing-default);
245
245
  --text-body-x-small-x-strong-line-height: var(--typography-line-height-tight);
246
+ --text-display-large-default-font-family: var(--typography-font-family-display);
247
+ --text-display-large-default-font-size: var(--typography-font-size-xxx-large);
248
+ --text-display-large-default-font-weight: var(--typography-font-weight-regular);
249
+ --text-display-large-default-letter-casing: var(--typography-text-transform-default);
250
+ --text-display-large-default-letter-spacing: var(--typography-letter-spacing-default);
251
+ --text-display-large-default-line-height: var(--typography-line-height-spacious);
252
+ --text-display-large-light-font-family: var(--typography-font-family-display);
253
+ --text-display-large-light-font-size: var(--typography-font-size-xxx-large);
254
+ --text-display-large-light-font-weight: var(--typography-font-weight-light);
255
+ --text-display-large-light-letter-casing: var(--typography-text-transform-default);
256
+ --text-display-large-light-letter-spacing: var(--typography-letter-spacing-default);
257
+ --text-display-large-light-line-height: var(--typography-line-height-spacious);
258
+ --text-display-medium-default-font-family: var(--typography-font-family-display);
259
+ --text-display-medium-default-font-size: var(--typography-font-size-xx-large);
260
+ --text-display-medium-default-font-weight: var(--typography-font-weight-regular);
261
+ --text-display-medium-default-letter-casing: var(--typography-text-transform-default);
262
+ --text-display-medium-default-letter-spacing: var(--typography-letter-spacing-default);
263
+ --text-display-medium-default-line-height: var(--typography-line-height-extra-loose);
264
+ --text-display-medium-light-font-family: var(--typography-font-family-display);
265
+ --text-display-medium-light-font-size: var(--typography-font-size-xx-large);
266
+ --text-display-medium-light-font-weight: var(--typography-font-weight-light);
267
+ --text-display-medium-light-letter-casing: var(--typography-text-transform-default);
268
+ --text-display-medium-light-letter-spacing: var(--typography-letter-spacing-default);
269
+ --text-display-medium-light-line-height: var(--typography-line-height-extra-loose);
270
+ --text-display-x-large-default-font-family: var(--typography-font-family-display);
271
+ --text-display-x-large-default-font-size: var(--typography-font-size-xxxx-large);
272
+ --text-display-x-large-default-font-weight: var(--typography-font-weight-regular);
273
+ --text-display-x-large-default-letter-casing: var(--typography-text-transform-default);
274
+ --text-display-x-large-default-letter-spacing: var(--typography-letter-spacing-default);
275
+ --text-display-x-large-default-line-height: var(--typography-line-height-expansive);
276
+ --text-display-x-large-light-font-family: var(--typography-font-family-display);
277
+ --text-display-x-large-light-font-size: var(--typography-font-size-xxxx-large);
278
+ --text-display-x-large-light-font-weight: var(--typography-font-weight-light);
279
+ --text-display-x-large-light-letter-casing: var(--typography-text-transform-default);
280
+ --text-display-x-large-light-letter-spacing: var(--typography-letter-spacing-default);
281
+ --text-display-x-large-light-line-height: var(--typography-line-height-expansive);
282
+ --text-display-xx-large-default-font-family: var(--typography-font-family-display);
283
+ --text-display-xx-large-default-font-size: var(--typography-font-size-xxxxx-large);
284
+ --text-display-xx-large-default-font-weight: var(--typography-font-weight-regular);
285
+ --text-display-xx-large-default-letter-casing: var(--typography-text-transform-default);
286
+ --text-display-xx-large-default-letter-spacing: var(--typography-letter-spacing-default);
287
+ --text-display-xx-large-default-line-height: var(--typography-line-height-sprawling);
288
+ --text-display-xx-large-light-font-family: var(--typography-font-family-display);
289
+ --text-display-xx-large-light-font-size: var(--typography-font-size-xxxxx-large);
290
+ --text-display-xx-large-light-font-weight: var(--typography-font-weight-light);
291
+ --text-display-xx-large-light-letter-casing: var(--typography-text-transform-default);
292
+ --text-display-xx-large-light-letter-spacing: var(--typography-letter-spacing-default);
293
+ --text-display-xx-large-light-line-height: var(--typography-line-height-sprawling);
246
294
  --text-heading-category-default-font-family: var(--typography-font-family-primary);
247
295
  --text-heading-category-default-font-size: var(--typography-font-size-xx-small);
248
296
  --text-heading-category-default-font-weight: var(--typography-font-weight-medium);
@@ -303,6 +351,7 @@
303
351
  --text-heading-xx-large-strong-letter-casing: var(--typography-text-transform-default);
304
352
  --text-heading-xx-large-strong-letter-spacing: var(--typography-letter-spacing-default);
305
353
  --text-heading-xx-large-strong-line-height: var(--typography-line-height-extra-loose);
354
+ --typography-font-family-display: Cranny,Geist,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
306
355
  --typography-font-family-monospace: Menlo, Courier, monospace;
307
356
  --typography-font-family-primary: Diatype,Geist,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
308
357
  --typography-font-size-large: 1rem;
@@ -312,14 +361,21 @@
312
361
  --typography-font-size-x-small: 0.75rem;
313
362
  --typography-font-size-xx-large: 1.5rem;
314
363
  --typography-font-size-xx-small: 0.6875rem;
364
+ --typography-font-size-xxx-large: 2.25rem;
365
+ --typography-font-size-xxxx-large: 2.5rem;
366
+ --typography-font-size-xxxxx-large: 2.875rem;
315
367
  --typography-font-weight-bold: 700;
368
+ --typography-font-weight-light: 300;
316
369
  --typography-font-weight-medium: 500;
317
370
  --typography-font-weight-regular: 400;
318
371
  --typography-letter-spacing-default: 0px;
319
372
  --typography-letter-spacing-wide: 0.88px;
373
+ --typography-line-height-expansive: 3rem;
320
374
  --typography-line-height-extra-loose: 1.75rem;
321
375
  --typography-line-height-loose: 1.5rem;
322
376
  --typography-line-height-medium: 1.125rem;
377
+ --typography-line-height-spacious: 2.5rem;
378
+ --typography-line-height-sprawling: 3.375rem;
323
379
  --typography-line-height-tight: 1rem;
324
380
  --typography-line-height-wide: 1.25rem;
325
381
  --typography-text-transform-default: none;
package/dist/packages/tokens/json/all-tokens.json CHANGED
@@ -1003,6 +1003,74 @@
1003
1003
  ]
1004
1004
  }
1005
1005
  },
1006
+ "breakpoint": {
1007
+ "2xl": {
1008
+ "name": "breakpoint-2xl",
1009
+ "output": "value",
1010
+ "type": "float",
1011
+ "value": "1536px",
1012
+ "path": [
1013
+ "default",
1014
+ "breakpoint",
1015
+ "2xl"
1016
+ ]
1017
+ },
1018
+ "lg": {
1019
+ "name": "breakpoint-lg",
1020
+ "output": "value",
1021
+ "type": "float",
1022
+ "value": "1024px",
1023
+ "path": [
1024
+ "default",
1025
+ "breakpoint",
1026
+ "lg"
1027
+ ]
1028
+ },
1029
+ "md": {
1030
+ "name": "breakpoint-md",
1031
+ "output": "value",
1032
+ "type": "float",
1033
+ "value": "768px",
1034
+ "path": [
1035
+ "default",
1036
+ "breakpoint",
1037
+ "md"
1038
+ ]
1039
+ },
1040
+ "sm": {
1041
+ "name": "breakpoint-sm",
1042
+ "output": "value",
1043
+ "type": "float",
1044
+ "value": "600px",
1045
+ "path": [
1046
+ "default",
1047
+ "breakpoint",
1048
+ "sm"
1049
+ ]
1050
+ },
1051
+ "xl": {
1052
+ "name": "breakpoint-xl",
1053
+ "output": "value",
1054
+ "type": "float",
1055
+ "value": "1280px",
1056
+ "path": [
1057
+ "default",
1058
+ "breakpoint",
1059
+ "xl"
1060
+ ]
1061
+ },
1062
+ "xs": {
1063
+ "name": "breakpoint-xs",
1064
+ "output": "value",
1065
+ "type": "float",
1066
+ "value": "390px",
1067
+ "path": [
1068
+ "default",
1069
+ "breakpoint",
1070
+ "xs"
1071
+ ]
1072
+ }
1073
+ },
1006
1074
  "shadow": {
1007
1075
  "big": {
1008
1076
  "name": "shadow-big",
@@ -1109,6 +1177,17 @@
1109
1177
  },
1110
1178
  "typography": {
1111
1179
  "font-family": {
1180
+ "display": {
1181
+ "name": "typography-font-family-display",
1182
+ "type": "string",
1183
+ "value": "var(--typography-font-family-display)",
1184
+ "path": [
1185
+ "default",
1186
+ "typography",
1187
+ "font-family",
1188
+ "display"
1189
+ ]
1190
+ },
1112
1191
  "monospace": {
1113
1192
  "name": "typography-font-family-monospace",
1114
1193
  "type": "string",
@@ -1209,6 +1288,39 @@
1209
1288
  "font-size",
1210
1289
  "xx-small"
1211
1290
  ]
1291
+ },
1292
+ "xxx-large": {
1293
+ "name": "typography-font-size-xxx-large",
1294
+ "type": "float",
1295
+ "value": "var(--typography-font-size-xxx-large)",
1296
+ "path": [
1297
+ "default",
1298
+ "typography",
1299
+ "font-size",
1300
+ "xxx-large"
1301
+ ]
1302
+ },
1303
+ "xxxx-large": {
1304
+ "name": "typography-font-size-xxxx-large",
1305
+ "type": "float",
1306
+ "value": "var(--typography-font-size-xxxx-large)",
1307
+ "path": [
1308
+ "default",
1309
+ "typography",
1310
+ "font-size",
1311
+ "xxxx-large"
1312
+ ]
1313
+ },
1314
+ "xxxxx-large": {
1315
+ "name": "typography-font-size-xxxxx-large",
1316
+ "type": "float",
1317
+ "value": "var(--typography-font-size-xxxxx-large)",
1318
+ "path": [
1319
+ "default",
1320
+ "typography",
1321
+ "font-size",
1322
+ "xxxxx-large"
1323
+ ]
1212
1324
  }
1213
1325
  },
1214
1326
  "font-weight": {
@@ -1223,6 +1335,17 @@
1223
1335
  "bold"
1224
1336
  ]
1225
1337
  },
1338
+ "light": {
1339
+ "name": "typography-font-weight-light",
1340
+ "type": "float",
1341
+ "value": "var(--typography-font-weight-light)",
1342
+ "path": [
1343
+ "default",
1344
+ "typography",
1345
+ "font-weight",
1346
+ "light"
1347
+ ]
1348
+ },
1226
1349
  "medium": {
1227
1350
  "name": "typography-font-weight-medium",
1228
1351
  "type": "float",
@@ -1271,6 +1394,17 @@
1271
1394
  }
1272
1395
  },
1273
1396
  "line-height": {
1397
+ "expansive": {
1398
+ "name": "typography-line-height-expansive",
1399
+ "type": "float",
1400
+ "value": "var(--typography-line-height-expansive)",
1401
+ "path": [
1402
+ "default",
1403
+ "typography",
1404
+ "line-height",
1405
+ "expansive"
1406
+ ]
1407
+ },
1274
1408
  "extra-loose": {
1275
1409
  "name": "typography-line-height-extra-loose",
1276
1410
  "type": "float",
@@ -1304,6 +1438,28 @@
1304
1438
  "medium"
1305
1439
  ]
1306
1440
  },
1441
+ "spacious": {
1442
+ "name": "typography-line-height-spacious",
1443
+ "type": "float",
1444
+ "value": "var(--typography-line-height-spacious)",
1445
+ "path": [
1446
+ "default",
1447
+ "typography",
1448
+ "line-height",
1449
+ "spacious"
1450
+ ]
1451
+ },
1452
+ "sprawling": {
1453
+ "name": "typography-line-height-sprawling",
1454
+ "type": "float",
1455
+ "value": "var(--typography-line-height-sprawling)",
1456
+ "path": [
1457
+ "default",
1458
+ "typography",
1459
+ "line-height",
1460
+ "sprawling"
1461
+ ]
1462
+ },
1307
1463
  "tight": {
1308
1464
  "name": "typography-line-height-tight",
1309
1465
  "type": "float",
@@ -1749,6 +1905,272 @@
1749
1905
  }
1750
1906
  }
1751
1907
  },
1908
+ "display": {
1909
+ "large": {
1910
+ "default": {
1911
+ "font-family": {
1912
+ "name": "text-display-large-default-font-family",
1913
+ "type": "string",
1914
+ "value": "ref_typography/font-family/display"
1915
+ },
1916
+ "font-size": {
1917
+ "name": "text-display-large-default-font-size",
1918
+ "type": "float",
1919
+ "value": "ref_typography/font-size/xxx-large"
1920
+ },
1921
+ "font-weight": {
1922
+ "name": "text-display-large-default-font-weight",
1923
+ "type": "float",
1924
+ "value": "ref_typography/font-weight/regular"
1925
+ },
1926
+ "letter-casing": {
1927
+ "name": "text-display-large-default-letter-casing",
1928
+ "type": "string",
1929
+ "value": "ref_typography/text-transform/default"
1930
+ },
1931
+ "letter-spacing": {
1932
+ "name": "text-display-large-default-letter-spacing",
1933
+ "type": "float",
1934
+ "value": "ref_typography/letter-spacing/default"
1935
+ },
1936
+ "line-height": {
1937
+ "name": "text-display-large-default-line-height",
1938
+ "type": "float",
1939
+ "value": "ref_typography/line-height/spacious"
1940
+ }
1941
+ },
1942
+ "light": {
1943
+ "font-family": {
1944
+ "name": "text-display-large-light-font-family",
1945
+ "type": "string",
1946
+ "value": "ref_typography/font-family/display"
1947
+ },
1948
+ "font-size": {
1949
+ "name": "text-display-large-light-font-size",
1950
+ "type": "float",
1951
+ "value": "ref_typography/font-size/xxx-large"
1952
+ },
1953
+ "font-weight": {
1954
+ "name": "text-display-large-light-font-weight",
1955
+ "type": "float",
1956
+ "value": "ref_typography/font-weight/light"
1957
+ },
1958
+ "letter-casing": {
1959
+ "name": "text-display-large-light-letter-casing",
1960
+ "type": "string",
1961
+ "value": "ref_typography/text-transform/default"
1962
+ },
1963
+ "letter-spacing": {
1964
+ "name": "text-display-large-light-letter-spacing",
1965
+ "type": "float",
1966
+ "value": "ref_typography/letter-spacing/default"
1967
+ },
1968
+ "line-height": {
1969
+ "name": "text-display-large-light-line-height",
1970
+ "type": "float",
1971
+ "value": "ref_typography/line-height/spacious"
1972
+ }
1973
+ }
1974
+ },
1975
+ "medium": {
1976
+ "default": {
1977
+ "font-family": {
1978
+ "name": "text-display-medium-default-font-family",
1979
+ "type": "string",
1980
+ "value": "ref_typography/font-family/display"
1981
+ },
1982
+ "font-size": {
1983
+ "name": "text-display-medium-default-font-size",
1984
+ "type": "float",
1985
+ "value": "ref_typography/font-size/xx-large"
1986
+ },
1987
+ "font-weight": {
1988
+ "name": "text-display-medium-default-font-weight",
1989
+ "type": "float",
1990
+ "value": "ref_typography/font-weight/regular"
1991
+ },
1992
+ "letter-casing": {
1993
+ "name": "text-display-medium-default-letter-casing",
1994
+ "type": "string",
1995
+ "value": "ref_typography/text-transform/default"
1996
+ },
1997
+ "letter-spacing": {
1998
+ "name": "text-display-medium-default-letter-spacing",
1999
+ "type": "float",
2000
+ "value": "ref_typography/letter-spacing/default"
2001
+ },
2002
+ "line-height": {
2003
+ "name": "text-display-medium-default-line-height",
2004
+ "type": "float",
2005
+ "value": "ref_typography/line-height/extra loose"
2006
+ }
2007
+ },
2008
+ "light": {
2009
+ "font-family": {
2010
+ "name": "text-display-medium-light-font-family",
2011
+ "type": "string",
2012
+ "value": "ref_typography/font-family/display"
2013
+ },
2014
+ "font-size": {
2015
+ "name": "text-display-medium-light-font-size",
2016
+ "type": "float",
2017
+ "value": "ref_typography/font-size/xx-large"
2018
+ },
2019
+ "font-weight": {
2020
+ "name": "text-display-medium-light-font-weight",
2021
+ "type": "float",
2022
+ "value": "ref_typography/font-weight/light"
2023
+ },
2024
+ "letter-casing": {
2025
+ "name": "text-display-medium-light-letter-casing",
2026
+ "type": "string",
2027
+ "value": "ref_typography/text-transform/default"
2028
+ },
2029
+ "letter-spacing": {
2030
+ "name": "text-display-medium-light-letter-spacing",
2031
+ "type": "float",
2032
+ "value": "ref_typography/letter-spacing/default"
2033
+ },
2034
+ "line-height": {
2035
+ "name": "text-display-medium-light-line-height",
2036
+ "type": "float",
2037
+ "value": "ref_typography/line-height/extra loose"
2038
+ }
2039
+ }
2040
+ },
2041
+ "x-large": {
2042
+ "default": {
2043
+ "font-family": {
2044
+ "name": "text-display-x-large-default-font-family",
2045
+ "type": "string",
2046
+ "value": "ref_typography/font-family/display"
2047
+ },
2048
+ "font-size": {
2049
+ "name": "text-display-x-large-default-font-size",
2050
+ "type": "float",
2051
+ "value": "ref_typography/font-size/xxxx-large"
2052
+ },
2053
+ "font-weight": {
2054
+ "name": "text-display-x-large-default-font-weight",
2055
+ "type": "float",
2056
+ "value": "ref_typography/font-weight/regular"
2057
+ },
2058
+ "letter-casing": {
2059
+ "name": "text-display-x-large-default-letter-casing",
2060
+ "type": "string",
2061
+ "value": "ref_typography/text-transform/default"
2062
+ },
2063
+ "letter-spacing": {
2064
+ "name": "text-display-x-large-default-letter-spacing",
2065
+ "type": "float",
2066
+ "value": "ref_typography/letter-spacing/default"
2067
+ },
2068
+ "line-height": {
2069
+ "name": "text-display-x-large-default-line-height",
2070
+ "type": "float",
2071
+ "value": "ref_typography/line-height/expansive"
2072
+ }
2073
+ },
2074
+ "light": {
2075
+ "font-family": {
2076
+ "name": "text-display-x-large-light-font-family",
2077
+ "type": "string",
2078
+ "value": "ref_typography/font-family/display"
2079
+ },
2080
+ "font-size": {
2081
+ "name": "text-display-x-large-light-font-size",
2082
+ "type": "float",
2083
+ "value": "ref_typography/font-size/xxxx-large"
2084
+ },
2085
+ "font-weight": {
2086
+ "name": "text-display-x-large-light-font-weight",
2087
+ "type": "float",
2088
+ "value": "ref_typography/font-weight/light"
2089
+ },
2090
+ "letter-casing": {
2091
+ "name": "text-display-x-large-light-letter-casing",
2092
+ "type": "string",
2093
+ "value": "ref_typography/text-transform/default"
2094
+ },
2095
+ "letter-spacing": {
2096
+ "name": "text-display-x-large-light-letter-spacing",
2097
+ "type": "float",
2098
+ "value": "ref_typography/letter-spacing/default"
2099
+ },
2100
+ "line-height": {
2101
+ "name": "text-display-x-large-light-line-height",
2102
+ "type": "float",
2103
+ "value": "ref_typography/line-height/expansive"
2104
+ }
2105
+ }
2106
+ },
2107
+ "xx-large": {
2108
+ "default": {
2109
+ "font-family": {
2110
+ "name": "text-display-xx-large-default-font-family",
2111
+ "type": "string",
2112
+ "value": "ref_typography/font-family/display"
2113
+ },
2114
+ "font-size": {
2115
+ "name": "text-display-xx-large-default-font-size",
2116
+ "type": "float",
2117
+ "value": "ref_typography/font-size/xxxxx-large"
2118
+ },
2119
+ "font-weight": {
2120
+ "name": "text-display-xx-large-default-font-weight",
2121
+ "type": "float",
2122
+ "value": "ref_typography/font-weight/regular"
2123
+ },
2124
+ "letter-casing": {
2125
+ "name": "text-display-xx-large-default-letter-casing",
2126
+ "type": "string",
2127
+ "value": "ref_typography/text-transform/default"
2128
+ },
2129
+ "letter-spacing": {
2130
+ "name": "text-display-xx-large-default-letter-spacing",
2131
+ "type": "float",
2132
+ "value": "ref_typography/letter-spacing/default"
2133
+ },
2134
+ "line-height": {
2135
+ "name": "text-display-xx-large-default-line-height",
2136
+ "type": "float",
2137
+ "value": "ref_typography/line-height/sprawling"
2138
+ }
2139
+ },
2140
+ "light": {
2141
+ "font-family": {
2142
+ "name": "text-display-xx-large-light-font-family",
2143
+ "type": "string",
2144
+ "value": "ref_typography/font-family/display"
2145
+ },
2146
+ "font-size": {
2147
+ "name": "text-display-xx-large-light-font-size",
2148
+ "type": "float",
2149
+ "value": "ref_typography/font-size/xxxxx-large"
2150
+ },
2151
+ "font-weight": {
2152
+ "name": "text-display-xx-large-light-font-weight",
2153
+ "type": "float",
2154
+ "value": "ref_typography/font-weight/light"
2155
+ },
2156
+ "letter-casing": {
2157
+ "name": "text-display-xx-large-light-letter-casing",
2158
+ "type": "string",
2159
+ "value": "ref_typography/text-transform/default"
2160
+ },
2161
+ "letter-spacing": {
2162
+ "name": "text-display-xx-large-light-letter-spacing",
2163
+ "type": "float",
2164
+ "value": "ref_typography/letter-spacing/default"
2165
+ },
2166
+ "line-height": {
2167
+ "name": "text-display-xx-large-light-line-height",
2168
+ "type": "float",
2169
+ "value": "ref_typography/line-height/sprawling"
2170
+ }
2171
+ }
2172
+ }
2173
+ },
1752
2174
  "heading": {
1753
2175
  "category": {
1754
2176
  "default": {