@frontify/fondue 13.7.0 → 13.7.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.
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 +416 -0
  6. package/dist/packages/tokens/json/semantic.json +150 -0
  7. package/dist/packages/tokens/json/utilities.json +266 -0
  8. package/dist/packages/tokens/manifest.json +604 -0
  9. package/dist/packages/tokens/tailwind/tailwind.config.js +2 -2
  10. package/dist/packages/tokens/themes/themes.module.css +62 -0
  11. package/dist/tools/sdk-cli/index.js +2 -2
  12. package/package.json +5 -5
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,68 @@
1003
1003
  ]
1004
1004
  }
1005
1005
  },
1006
+ "breakpoint": {
1007
+ "2xl": {
1008
+ "name": "breakpoint-2xl",
1009
+ "type": "float",
1010
+ "value": "1536px",
1011
+ "path": [
1012
+ "default",
1013
+ "breakpoint",
1014
+ "2xl"
1015
+ ]
1016
+ },
1017
+ "lg": {
1018
+ "name": "breakpoint-lg",
1019
+ "type": "float",
1020
+ "value": "1024px",
1021
+ "path": [
1022
+ "default",
1023
+ "breakpoint",
1024
+ "lg"
1025
+ ]
1026
+ },
1027
+ "md": {
1028
+ "name": "breakpoint-md",
1029
+ "type": "float",
1030
+ "value": "768px",
1031
+ "path": [
1032
+ "default",
1033
+ "breakpoint",
1034
+ "md"
1035
+ ]
1036
+ },
1037
+ "sm": {
1038
+ "name": "breakpoint-sm",
1039
+ "type": "float",
1040
+ "value": "600px",
1041
+ "path": [
1042
+ "default",
1043
+ "breakpoint",
1044
+ "sm"
1045
+ ]
1046
+ },
1047
+ "xl": {
1048
+ "name": "breakpoint-xl",
1049
+ "type": "float",
1050
+ "value": "1280px",
1051
+ "path": [
1052
+ "default",
1053
+ "breakpoint",
1054
+ "xl"
1055
+ ]
1056
+ },
1057
+ "xs": {
1058
+ "name": "breakpoint-xs",
1059
+ "type": "float",
1060
+ "value": "390px",
1061
+ "path": [
1062
+ "default",
1063
+ "breakpoint",
1064
+ "xs"
1065
+ ]
1066
+ }
1067
+ },
1006
1068
  "shadow": {
1007
1069
  "big": {
1008
1070
  "name": "shadow-big",
@@ -1109,6 +1171,17 @@
1109
1171
  },
1110
1172
  "typography": {
1111
1173
  "font-family": {
1174
+ "display": {
1175
+ "name": "typography-font-family-display",
1176
+ "type": "string",
1177
+ "value": "var(--typography-font-family-display)",
1178
+ "path": [
1179
+ "default",
1180
+ "typography",
1181
+ "font-family",
1182
+ "display"
1183
+ ]
1184
+ },
1112
1185
  "monospace": {
1113
1186
  "name": "typography-font-family-monospace",
1114
1187
  "type": "string",
@@ -1209,6 +1282,39 @@
1209
1282
  "font-size",
1210
1283
  "xx-small"
1211
1284
  ]
1285
+ },
1286
+ "xxx-large": {
1287
+ "name": "typography-font-size-xxx-large",
1288
+ "type": "float",
1289
+ "value": "var(--typography-font-size-xxx-large)",
1290
+ "path": [
1291
+ "default",
1292
+ "typography",
1293
+ "font-size",
1294
+ "xxx-large"
1295
+ ]
1296
+ },
1297
+ "xxxx-large": {
1298
+ "name": "typography-font-size-xxxx-large",
1299
+ "type": "float",
1300
+ "value": "var(--typography-font-size-xxxx-large)",
1301
+ "path": [
1302
+ "default",
1303
+ "typography",
1304
+ "font-size",
1305
+ "xxxx-large"
1306
+ ]
1307
+ },
1308
+ "xxxxx-large": {
1309
+ "name": "typography-font-size-xxxxx-large",
1310
+ "type": "float",
1311
+ "value": "var(--typography-font-size-xxxxx-large)",
1312
+ "path": [
1313
+ "default",
1314
+ "typography",
1315
+ "font-size",
1316
+ "xxxxx-large"
1317
+ ]
1212
1318
  }
1213
1319
  },
1214
1320
  "font-weight": {
@@ -1223,6 +1329,17 @@
1223
1329
  "bold"
1224
1330
  ]
1225
1331
  },
1332
+ "light": {
1333
+ "name": "typography-font-weight-light",
1334
+ "type": "float",
1335
+ "value": "var(--typography-font-weight-light)",
1336
+ "path": [
1337
+ "default",
1338
+ "typography",
1339
+ "font-weight",
1340
+ "light"
1341
+ ]
1342
+ },
1226
1343
  "medium": {
1227
1344
  "name": "typography-font-weight-medium",
1228
1345
  "type": "float",
@@ -1271,6 +1388,17 @@
1271
1388
  }
1272
1389
  },
1273
1390
  "line-height": {
1391
+ "expansive": {
1392
+ "name": "typography-line-height-expansive",
1393
+ "type": "float",
1394
+ "value": "var(--typography-line-height-expansive)",
1395
+ "path": [
1396
+ "default",
1397
+ "typography",
1398
+ "line-height",
1399
+ "expansive"
1400
+ ]
1401
+ },
1274
1402
  "extra-loose": {
1275
1403
  "name": "typography-line-height-extra-loose",
1276
1404
  "type": "float",
@@ -1304,6 +1432,28 @@
1304
1432
  "medium"
1305
1433
  ]
1306
1434
  },
1435
+ "spacious": {
1436
+ "name": "typography-line-height-spacious",
1437
+ "type": "float",
1438
+ "value": "var(--typography-line-height-spacious)",
1439
+ "path": [
1440
+ "default",
1441
+ "typography",
1442
+ "line-height",
1443
+ "spacious"
1444
+ ]
1445
+ },
1446
+ "sprawling": {
1447
+ "name": "typography-line-height-sprawling",
1448
+ "type": "float",
1449
+ "value": "var(--typography-line-height-sprawling)",
1450
+ "path": [
1451
+ "default",
1452
+ "typography",
1453
+ "line-height",
1454
+ "sprawling"
1455
+ ]
1456
+ },
1307
1457
  "tight": {
1308
1458
  "name": "typography-line-height-tight",
1309
1459
  "type": "float",
@@ -1749,6 +1899,272 @@
1749
1899
  }
1750
1900
  }
1751
1901
  },
1902
+ "display": {
1903
+ "large": {
1904
+ "default": {
1905
+ "font-family": {
1906
+ "name": "text-display-large-default-font-family",
1907
+ "type": "string",
1908
+ "value": "ref_typography/font-family/display"
1909
+ },
1910
+ "font-size": {
1911
+ "name": "text-display-large-default-font-size",
1912
+ "type": "float",
1913
+ "value": "ref_typography/font-size/xxx-large"
1914
+ },
1915
+ "font-weight": {
1916
+ "name": "text-display-large-default-font-weight",
1917
+ "type": "float",
1918
+ "value": "ref_typography/font-weight/regular"
1919
+ },
1920
+ "letter-casing": {
1921
+ "name": "text-display-large-default-letter-casing",
1922
+ "type": "string",
1923
+ "value": "ref_typography/text-transform/default"
1924
+ },
1925
+ "letter-spacing": {
1926
+ "name": "text-display-large-default-letter-spacing",
1927
+ "type": "float",
1928
+ "value": "ref_typography/letter-spacing/default"
1929
+ },
1930
+ "line-height": {
1931
+ "name": "text-display-large-default-line-height",
1932
+ "type": "float",
1933
+ "value": "ref_typography/line-height/spacious"
1934
+ }
1935
+ },
1936
+ "light": {
1937
+ "font-family": {
1938
+ "name": "text-display-large-light-font-family",
1939
+ "type": "string",
1940
+ "value": "ref_typography/font-family/display"
1941
+ },
1942
+ "font-size": {
1943
+ "name": "text-display-large-light-font-size",
1944
+ "type": "float",
1945
+ "value": "ref_typography/font-size/xxx-large"
1946
+ },
1947
+ "font-weight": {
1948
+ "name": "text-display-large-light-font-weight",
1949
+ "type": "float",
1950
+ "value": "ref_typography/font-weight/light"
1951
+ },
1952
+ "letter-casing": {
1953
+ "name": "text-display-large-light-letter-casing",
1954
+ "type": "string",
1955
+ "value": "ref_typography/text-transform/default"
1956
+ },
1957
+ "letter-spacing": {
1958
+ "name": "text-display-large-light-letter-spacing",
1959
+ "type": "float",
1960
+ "value": "ref_typography/letter-spacing/default"
1961
+ },
1962
+ "line-height": {
1963
+ "name": "text-display-large-light-line-height",
1964
+ "type": "float",
1965
+ "value": "ref_typography/line-height/spacious"
1966
+ }
1967
+ }
1968
+ },
1969
+ "medium": {
1970
+ "default": {
1971
+ "font-family": {
1972
+ "name": "text-display-medium-default-font-family",
1973
+ "type": "string",
1974
+ "value": "ref_typography/font-family/display"
1975
+ },
1976
+ "font-size": {
1977
+ "name": "text-display-medium-default-font-size",
1978
+ "type": "float",
1979
+ "value": "ref_typography/font-size/xx-large"
1980
+ },
1981
+ "font-weight": {
1982
+ "name": "text-display-medium-default-font-weight",
1983
+ "type": "float",
1984
+ "value": "ref_typography/font-weight/regular"
1985
+ },
1986
+ "letter-casing": {
1987
+ "name": "text-display-medium-default-letter-casing",
1988
+ "type": "string",
1989
+ "value": "ref_typography/text-transform/default"
1990
+ },
1991
+ "letter-spacing": {
1992
+ "name": "text-display-medium-default-letter-spacing",
1993
+ "type": "float",
1994
+ "value": "ref_typography/letter-spacing/default"
1995
+ },
1996
+ "line-height": {
1997
+ "name": "text-display-medium-default-line-height",
1998
+ "type": "float",
1999
+ "value": "ref_typography/line-height/extra loose"
2000
+ }
2001
+ },
2002
+ "light": {
2003
+ "font-family": {
2004
+ "name": "text-display-medium-light-font-family",
2005
+ "type": "string",
2006
+ "value": "ref_typography/font-family/display"
2007
+ },
2008
+ "font-size": {
2009
+ "name": "text-display-medium-light-font-size",
2010
+ "type": "float",
2011
+ "value": "ref_typography/font-size/xx-large"
2012
+ },
2013
+ "font-weight": {
2014
+ "name": "text-display-medium-light-font-weight",
2015
+ "type": "float",
2016
+ "value": "ref_typography/font-weight/light"
2017
+ },
2018
+ "letter-casing": {
2019
+ "name": "text-display-medium-light-letter-casing",
2020
+ "type": "string",
2021
+ "value": "ref_typography/text-transform/default"
2022
+ },
2023
+ "letter-spacing": {
2024
+ "name": "text-display-medium-light-letter-spacing",
2025
+ "type": "float",
2026
+ "value": "ref_typography/letter-spacing/default"
2027
+ },
2028
+ "line-height": {
2029
+ "name": "text-display-medium-light-line-height",
2030
+ "type": "float",
2031
+ "value": "ref_typography/line-height/extra loose"
2032
+ }
2033
+ }
2034
+ },
2035
+ "x-large": {
2036
+ "default": {
2037
+ "font-family": {
2038
+ "name": "text-display-x-large-default-font-family",
2039
+ "type": "string",
2040
+ "value": "ref_typography/font-family/display"
2041
+ },
2042
+ "font-size": {
2043
+ "name": "text-display-x-large-default-font-size",
2044
+ "type": "float",
2045
+ "value": "ref_typography/font-size/xxxx-large"
2046
+ },
2047
+ "font-weight": {
2048
+ "name": "text-display-x-large-default-font-weight",
2049
+ "type": "float",
2050
+ "value": "ref_typography/font-weight/regular"
2051
+ },
2052
+ "letter-casing": {
2053
+ "name": "text-display-x-large-default-letter-casing",
2054
+ "type": "string",
2055
+ "value": "ref_typography/text-transform/default"
2056
+ },
2057
+ "letter-spacing": {
2058
+ "name": "text-display-x-large-default-letter-spacing",
2059
+ "type": "float",
2060
+ "value": "ref_typography/letter-spacing/default"
2061
+ },
2062
+ "line-height": {
2063
+ "name": "text-display-x-large-default-line-height",
2064
+ "type": "float",
2065
+ "value": "ref_typography/line-height/expansive"
2066
+ }
2067
+ },
2068
+ "light": {
2069
+ "font-family": {
2070
+ "name": "text-display-x-large-light-font-family",
2071
+ "type": "string",
2072
+ "value": "ref_typography/font-family/display"
2073
+ },
2074
+ "font-size": {
2075
+ "name": "text-display-x-large-light-font-size",
2076
+ "type": "float",
2077
+ "value": "ref_typography/font-size/xxxx-large"
2078
+ },
2079
+ "font-weight": {
2080
+ "name": "text-display-x-large-light-font-weight",
2081
+ "type": "float",
2082
+ "value": "ref_typography/font-weight/light"
2083
+ },
2084
+ "letter-casing": {
2085
+ "name": "text-display-x-large-light-letter-casing",
2086
+ "type": "string",
2087
+ "value": "ref_typography/text-transform/default"
2088
+ },
2089
+ "letter-spacing": {
2090
+ "name": "text-display-x-large-light-letter-spacing",
2091
+ "type": "float",
2092
+ "value": "ref_typography/letter-spacing/default"
2093
+ },
2094
+ "line-height": {
2095
+ "name": "text-display-x-large-light-line-height",
2096
+ "type": "float",
2097
+ "value": "ref_typography/line-height/expansive"
2098
+ }
2099
+ }
2100
+ },
2101
+ "xx-large": {
2102
+ "default": {
2103
+ "font-family": {
2104
+ "name": "text-display-xx-large-default-font-family",
2105
+ "type": "string",
2106
+ "value": "ref_typography/font-family/display"
2107
+ },
2108
+ "font-size": {
2109
+ "name": "text-display-xx-large-default-font-size",
2110
+ "type": "float",
2111
+ "value": "ref_typography/font-size/xxxxx-large"
2112
+ },
2113
+ "font-weight": {
2114
+ "name": "text-display-xx-large-default-font-weight",
2115
+ "type": "float",
2116
+ "value": "ref_typography/font-weight/regular"
2117
+ },
2118
+ "letter-casing": {
2119
+ "name": "text-display-xx-large-default-letter-casing",
2120
+ "type": "string",
2121
+ "value": "ref_typography/text-transform/default"
2122
+ },
2123
+ "letter-spacing": {
2124
+ "name": "text-display-xx-large-default-letter-spacing",
2125
+ "type": "float",
2126
+ "value": "ref_typography/letter-spacing/default"
2127
+ },
2128
+ "line-height": {
2129
+ "name": "text-display-xx-large-default-line-height",
2130
+ "type": "float",
2131
+ "value": "ref_typography/line-height/sprawling"
2132
+ }
2133
+ },
2134
+ "light": {
2135
+ "font-family": {
2136
+ "name": "text-display-xx-large-light-font-family",
2137
+ "type": "string",
2138
+ "value": "ref_typography/font-family/display"
2139
+ },
2140
+ "font-size": {
2141
+ "name": "text-display-xx-large-light-font-size",
2142
+ "type": "float",
2143
+ "value": "ref_typography/font-size/xxxxx-large"
2144
+ },
2145
+ "font-weight": {
2146
+ "name": "text-display-xx-large-light-font-weight",
2147
+ "type": "float",
2148
+ "value": "ref_typography/font-weight/light"
2149
+ },
2150
+ "letter-casing": {
2151
+ "name": "text-display-xx-large-light-letter-casing",
2152
+ "type": "string",
2153
+ "value": "ref_typography/text-transform/default"
2154
+ },
2155
+ "letter-spacing": {
2156
+ "name": "text-display-xx-large-light-letter-spacing",
2157
+ "type": "float",
2158
+ "value": "ref_typography/letter-spacing/default"
2159
+ },
2160
+ "line-height": {
2161
+ "name": "text-display-xx-large-light-line-height",
2162
+ "type": "float",
2163
+ "value": "ref_typography/line-height/sprawling"
2164
+ }
2165
+ }
2166
+ }
2167
+ },
1752
2168
  "heading": {
1753
2169
  "category": {
1754
2170
  "default": {