villa-design-tokens 1.0.21 → 1.0.22

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 (5) hide show
  1. package/package.json +1 -1
  2. package/tokens/$themes.json +2 -4
  3. package/tokens/brands/tribune/tribune.json +87 -91
  4. package/tokens/brands/whitelabel/whitelabel.json +87 -91
  5. package/tokens/globals/global.json +28 -44
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "villa-design-tokens",
3
3
  "description": "Design Tokens published by Design Token Studio with VPRO's Figma Design System",
4
4
  "author": "VPRO",
5
- "version": "1.0.21",
5
+ "version": "1.0.22",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
package/tokens/$themes.json CHANGED
@@ -5,8 +5,7 @@
5
5
  "$figmaStyleReferences": {},
6
6
  "selectedTokenSets": {
7
7
  "globals/global": "source",
8
- "brands/tribune/tribune": "enabled",
9
- "brands/human/human": "disabled"
8
+ "brands/tribune/tribune": "enabled"
10
9
  },
11
10
  "$figmaCollectionId": "VariableCollectionId:271:403",
12
11
  "$figmaModeId": "271:0",
@@ -61,8 +60,7 @@
61
60
  "$figmaStyleReferences": {},
62
61
  "selectedTokenSets": {
63
62
  "globals/global": "source",
64
- "brands/whitelabel/whitelabel": "source",
65
- "brands/human/human": "disabled"
63
+ "brands/whitelabel/whitelabel": "source"
66
64
  },
67
65
  "$figmaCollectionId": "VariableCollectionId:271:446",
68
66
  "$figmaModeId": "271:1",
package/tokens/brands/tribune/tribune.json CHANGED
@@ -1,31 +1,31 @@
1
1
  {
2
- "font-family": {
2
+ "fontFamily": {
3
3
  "alias": {
4
4
  "body": {
5
- "value": "{font-family-vesta}",
5
+ "value": "{fontFamily-vesta}",
6
6
  "type": "fontFamilies"
7
7
  },
8
8
  "heading": {
9
- "value": "{font-family-simplistic}",
9
+ "value": "{fontFamily-simplistic}",
10
10
  "type": "fontFamilies"
11
11
  },
12
12
  "subheading": {
13
- "value": "{font-family-simplistic}",
13
+ "value": "{fontFamily-simplistic}",
14
14
  "type": "fontFamilies"
15
15
  }
16
16
  }
17
17
  },
18
- "font-size": {
18
+ "fontSize": {
19
19
  "reading": {
20
- "value": "{font-size-100}",
20
+ "value": "{fontSize-100}",
21
21
  "type": "fontSizes"
22
22
  },
23
- "sub-heading": {
24
- "value": "{font-size-200}",
23
+ "subHeading": {
24
+ "value": "{fontSize-200}",
25
25
  "type": "fontSizes"
26
26
  }
27
27
  },
28
- "font-weight": {
28
+ "fontWeight": {
29
29
  "alias": {
30
30
  "normal": {
31
31
  "value": "300",
@@ -41,31 +41,31 @@
41
41
  }
42
42
  }
43
43
  },
44
- "line-height": {
44
+ "lineHeight": {
45
45
  "compact": {
46
- "value": "{line-height-100}",
46
+ "value": "{lineHeight-100}",
47
47
  "type": "lineHeights"
48
48
  },
49
49
  "reading": {
50
- "value": "{line-height-200}",
50
+ "value": "{lineHeight-200}",
51
51
  "type": "lineHeights"
52
52
  },
53
53
  "relaxed": {
54
- "value": "{line-height-400}",
54
+ "value": "{lineHeight-400}",
55
55
  "type": "lineHeights"
56
56
  }
57
57
  },
58
- "letter-spacing": {
58
+ "letterSpacing": {
59
59
  "tight": {
60
- "value": "{letter-spacing-100}",
60
+ "value": "{letterSpacing-100}",
61
61
  "type": "letterSpacing"
62
62
  },
63
63
  "normal": {
64
- "value": "{letter-spacing-200}",
64
+ "value": "{letterSpacing-200}",
65
65
  "type": "letterSpacing"
66
66
  },
67
67
  "relaxed": {
68
- "value": "{letter-spacing-300}",
68
+ "value": "{letterSpacing-300}",
69
69
  "type": "letterSpacing"
70
70
  }
71
71
  },
@@ -257,61 +257,61 @@
257
257
  "heading": {
258
258
  "xl": {
259
259
  "value": {
260
- "fontFamily": "{font-family.alias.heading}",
261
- "fontWeight": "{font-weight.alias.bold}",
262
- "lineHeight": "{line-height.compact}",
263
- "fontSize": "{font-size-500}",
264
- "letterSpacing": "{letter-spacing.normal}"
260
+ "fontFamily": "{fontFamily.alias.heading}",
261
+ "fontWeight": "{fontWeight.alias.bold}",
262
+ "lineHeight": "{lineHeight.compact}",
263
+ "fontSize": "{fontSize-500}",
264
+ "letterSpacing": "{letterSpacing.normal}"
265
265
  },
266
266
  "type": "typography"
267
267
  },
268
268
  "lg": {
269
269
  "value": {
270
- "fontFamily": "{font-family.alias.heading}",
271
- "fontWeight": "{font-weight.alias.bold}",
272
- "lineHeight": "{line-height.compact}",
273
- "fontSize": "{font-size-400}",
274
- "letterSpacing": "{letter-spacing.normal}"
270
+ "fontFamily": "{fontFamily.alias.heading}",
271
+ "fontWeight": "{fontWeight.alias.bold}",
272
+ "lineHeight": "{lineHeight.compact}",
273
+ "fontSize": "{fontSize-400}",
274
+ "letterSpacing": "{letterSpacing.normal}"
275
275
  },
276
276
  "type": "typography"
277
277
  },
278
278
  "md": {
279
279
  "value": {
280
- "fontFamily": "{font-family.alias.heading}",
281
- "fontWeight": "{font-weight.alias.bold}",
282
- "lineHeight": "{line-height.relaxed}",
283
- "fontSize": "{font-size-300}",
284
- "letterSpacing": "{letter-spacing.normal}"
280
+ "fontFamily": "{fontFamily.alias.heading}",
281
+ "fontWeight": "{fontWeight.alias.bold}",
282
+ "lineHeight": "{lineHeight.relaxed}",
283
+ "fontSize": "{fontSize-300}",
284
+ "letterSpacing": "{letterSpacing.normal}"
285
285
  },
286
286
  "type": "typography"
287
287
  },
288
288
  "sm": {
289
289
  "value": {
290
- "fontFamily": "{font-family.alias.heading}",
291
- "fontWeight": "{font-weight.alias.bold}",
292
- "lineHeight": "{line-height.relaxed}",
293
- "fontSize": "{font-size-200}",
294
- "letterSpacing": "{letter-spacing.normal}"
290
+ "fontFamily": "{fontFamily.alias.heading}",
291
+ "fontWeight": "{fontWeight.alias.bold}",
292
+ "lineHeight": "{lineHeight.relaxed}",
293
+ "fontSize": "{fontSize-200}",
294
+ "letterSpacing": "{letterSpacing.normal}"
295
295
  },
296
296
  "type": "typography"
297
297
  },
298
298
  "xs": {
299
299
  "value": {
300
- "fontFamily": "{font-family.alias.heading}",
301
- "fontWeight": "{font-weight.alias.bold}",
302
- "lineHeight": "{line-height.relaxed}",
303
- "fontSize": "{font-size-100}",
304
- "letterSpacing": "{letter-spacing.normal}"
300
+ "fontFamily": "{fontFamily.alias.heading}",
301
+ "fontWeight": "{fontWeight.alias.bold}",
302
+ "lineHeight": "{lineHeight.relaxed}",
303
+ "fontSize": "{fontSize-100}",
304
+ "letterSpacing": "{letterSpacing.normal}"
305
305
  },
306
306
  "type": "typography"
307
307
  },
308
308
  "xxs": {
309
309
  "value": {
310
- "fontFamily": "{font-family.alias.heading}",
311
- "fontWeight": "{font-weight.alias.bold}",
312
- "lineHeight": "{line-height.relaxed}",
313
- "fontSize": "{font-size-100}",
314
- "letterSpacing": "{letter-spacing.tight}"
310
+ "fontFamily": "{fontFamily.alias.heading}",
311
+ "fontWeight": "{fontWeight.alias.bold}",
312
+ "lineHeight": "{lineHeight.relaxed}",
313
+ "fontSize": "{fontSize-100}",
314
+ "letterSpacing": "{letterSpacing.tight}"
315
315
  },
316
316
  "type": "typography"
317
317
  }
@@ -319,51 +319,51 @@
319
319
  "subheading": {
320
320
  "lg": {
321
321
  "value": {
322
- "fontFamily": "{font-family.alias.subheading}",
323
- "fontWeight": "{font-weight.alias.medium}",
324
- "lineHeight": "{line-height.compact}",
325
- "fontSize": "{font-size-300}",
326
- "letterSpacing": "{letter-spacing.normal}"
322
+ "fontFamily": "{fontFamily.alias.subheading}",
323
+ "fontWeight": "{fontWeight.alias.medium}",
324
+ "lineHeight": "{lineHeight.compact}",
325
+ "fontSize": "{fontSize-300}",
326
+ "letterSpacing": "{letterSpacing.normal}"
327
327
  },
328
328
  "type": "typography"
329
329
  },
330
330
  "md": {
331
331
  "value": {
332
- "fontFamily": "{font-family.alias.subheading}",
333
- "fontWeight": "{font-weight.alias.medium}",
334
- "lineHeight": "{line-height.relaxed}",
335
- "fontSize": "{font-size-200}",
336
- "letterSpacing": "{letter-spacing.normal}"
332
+ "fontFamily": "{fontFamily.alias.subheading}",
333
+ "fontWeight": "{fontWeight.alias.medium}",
334
+ "lineHeight": "{lineHeight.relaxed}",
335
+ "fontSize": "{fontSize-200}",
336
+ "letterSpacing": "{letterSpacing.normal}"
337
337
  },
338
338
  "type": "typography"
339
339
  },
340
340
  "sm": {
341
341
  "value": {
342
- "fontFamily": "{font-family.alias.subheading}",
343
- "fontWeight": "{font-weight.alias.medium}",
344
- "lineHeight": "{line-height.relaxed}",
345
- "fontSize": "{font-size-100}",
346
- "letterSpacing": "{letter-spacing.normal}"
342
+ "fontFamily": "{fontFamily.alias.subheading}",
343
+ "fontWeight": "{fontWeight.alias.medium}",
344
+ "lineHeight": "{lineHeight.relaxed}",
345
+ "fontSize": "{fontSize-100}",
346
+ "letterSpacing": "{letterSpacing.normal}"
347
347
  },
348
348
  "type": "typography"
349
349
  },
350
350
  "xs": {
351
351
  "value": {
352
- "fontFamily": "{font-family.alias.subheading}",
353
- "fontWeight": "{font-weight.alias.medium}",
354
- "lineHeight": "{line-height.relaxed}",
355
- "fontSize": "{font-size-100}",
356
- "letterSpacing": "{letter-spacing.normal}"
352
+ "fontFamily": "{fontFamily.alias.subheading}",
353
+ "fontWeight": "{fontWeight.alias.medium}",
354
+ "lineHeight": "{lineHeight.relaxed}",
355
+ "fontSize": "{fontSize-100}",
356
+ "letterSpacing": "{letterSpacing.normal}"
357
357
  },
358
358
  "type": "typography"
359
359
  },
360
360
  "xxs": {
361
361
  "value": {
362
- "fontFamily": "{font-family.alias.subheading}",
363
- "fontWeight": "{font-weight.alias.medium}",
364
- "lineHeight": "{line-height.relaxed}",
365
- "fontSize": "{font-size-100}",
366
- "letterSpacing": "{letter-spacing.normal}"
362
+ "fontFamily": "{fontFamily.alias.subheading}",
363
+ "fontWeight": "{fontWeight.alias.medium}",
364
+ "lineHeight": "{lineHeight.relaxed}",
365
+ "fontSize": "{fontSize-100}",
366
+ "letterSpacing": "{letterSpacing.normal}"
367
367
  },
368
368
  "type": "typography"
369
369
  }
@@ -371,38 +371,34 @@
371
371
  "body": {
372
372
  "lg": {
373
373
  "value": {
374
- "fontFamily": "{font-family.alias.body}",
375
- "fontWeight": "{font-weight.alias.normal}",
376
- "lineHeight": "{line-height.reading}",
377
- "fontSize": "{font-size-300}",
378
- "letterSpacing": "{letter-spacing.normal}"
374
+ "fontFamily": "{fontFamily.alias.body}",
375
+ "fontWeight": "{fontWeight.alias.normal}",
376
+ "lineHeight": "{lineHeight.reading}",
377
+ "fontSize": "{fontSize-300}",
378
+ "letterSpacing": "{letterSpacing.normal}"
379
379
  },
380
380
  "type": "typography"
381
381
  },
382
382
  "md": {
383
383
  "value": {
384
- "fontFamily": "{font-family.alias.body}",
385
- "fontWeight": "{font-weight.alias.normal}",
386
- "lineHeight": "{line-height.reading}",
387
- "fontSize": "{font-size-200}",
388
- "letterSpacing": "{letter-spacing.normal}"
384
+ "fontFamily": "{fontFamily.alias.body}",
385
+ "fontWeight": "{fontWeight.alias.normal}",
386
+ "lineHeight": "{lineHeight.reading}",
387
+ "fontSize": "{fontSize-200}",
388
+ "letterSpacing": "{letterSpacing.normal}"
389
389
  },
390
390
  "type": "typography"
391
391
  },
392
392
  "sm": {
393
393
  "value": {
394
- "fontFamily": "{font-family.alias.body}",
395
- "fontWeight": "{font-weight.alias.normal}",
396
- "lineHeight": "{line-height.reading}",
397
- "fontSize": "{font-size-100}",
398
- "letterSpacing": "{letter-spacing.tight}"
394
+ "fontFamily": "{fontFamily.alias.body}",
395
+ "fontWeight": "{fontWeight.alias.normal}",
396
+ "lineHeight": "{lineHeight.reading}",
397
+ "fontSize": "{fontSize-100}",
398
+ "letterSpacing": "{letterSpacing.tight}"
399
399
  },
400
400
  "type": "typography"
401
401
  }
402
402
  }
403
- },
404
- "button-radius": {
405
- "value": "{radius-big}",
406
- "type": "borderRadius"
407
403
  }
408
404
  }
package/tokens/brands/whitelabel/whitelabel.json CHANGED
@@ -1,31 +1,31 @@
1
1
  {
2
- "font-family": {
2
+ "fontFamily": {
3
3
  "alias": {
4
4
  "body": {
5
- "value": "{font-family-helvetica}",
5
+ "value": "{fontFamily-helvetica}",
6
6
  "type": "fontFamilies"
7
7
  },
8
8
  "heading": {
9
- "value": "{font-family-simplistic-outline}",
9
+ "value": "{fontFamily-bureau}",
10
10
  "type": "fontFamilies"
11
11
  },
12
12
  "subheading": {
13
- "value": "{font-family-simplistic-outline}",
13
+ "value": "{fontFamily-bureau}",
14
14
  "type": "fontFamilies"
15
15
  }
16
16
  }
17
17
  },
18
- "font-size": {
18
+ "fontSize": {
19
19
  "reading": {
20
- "value": "{font-size-100}",
20
+ "value": "{fontSize-100}",
21
21
  "type": "fontSizes"
22
22
  },
23
- "sub-heading": {
24
- "value": "{font-size-200}",
23
+ "subHeading": {
24
+ "value": "{fontSize-200}",
25
25
  "type": "fontSizes"
26
26
  }
27
27
  },
28
- "font-weight": {
28
+ "fontWeight": {
29
29
  "alias": {
30
30
  "normal": {
31
31
  "value": "300",
@@ -41,31 +41,31 @@
41
41
  }
42
42
  }
43
43
  },
44
- "line-height": {
44
+ "lineHeight": {
45
45
  "compact": {
46
- "value": "{line-height-100}",
46
+ "value": "{lineHeight-100}",
47
47
  "type": "lineHeights"
48
48
  },
49
49
  "reading": {
50
- "value": "{line-height-200}",
50
+ "value": "{lineHeight-200}",
51
51
  "type": "lineHeights"
52
52
  },
53
53
  "relaxed": {
54
- "value": "{line-height-400}",
54
+ "value": "{lineHeight-400}",
55
55
  "type": "lineHeights"
56
56
  }
57
57
  },
58
- "letter-spacing": {
58
+ "letterSpacing": {
59
59
  "tight": {
60
- "value": "{letter-spacing-100}",
60
+ "value": "{letterSpacing-100}",
61
61
  "type": "letterSpacing"
62
62
  },
63
63
  "normal": {
64
- "value": "{letter-spacing-200}",
64
+ "value": "{letterSpacing-200}",
65
65
  "type": "letterSpacing"
66
66
  },
67
67
  "relaxed": {
68
- "value": "{letter-spacing-300}",
68
+ "value": "{letterSpacing-300}",
69
69
  "type": "letterSpacing"
70
70
  }
71
71
  },
@@ -257,61 +257,61 @@
257
257
  "heading": {
258
258
  "xl": {
259
259
  "value": {
260
- "fontFamily": "{font-family.alias.heading}",
261
- "fontWeight": "{font-weight.alias.bold}",
262
- "lineHeight": "{line-height.compact}",
263
- "fontSize": "{font-size-500}",
264
- "letterSpacing": "{letter-spacing.normal}"
260
+ "fontFamily": "{fontFamily.alias.heading}",
261
+ "fontWeight": "{fontWeight.alias.bold}",
262
+ "lineHeight": "{lineHeight.compact}",
263
+ "fontSize": "{fontSize-500}",
264
+ "letterSpacing": "{letterSpacing.normal}"
265
265
  },
266
266
  "type": "typography"
267
267
  },
268
268
  "lg": {
269
269
  "value": {
270
- "fontFamily": "{font-family.alias.heading}",
271
- "fontWeight": "{font-weight.alias.bold}",
272
- "lineHeight": "{line-height.compact}",
273
- "fontSize": "{font-size-400}",
274
- "letterSpacing": "{letter-spacing.normal}"
270
+ "fontFamily": "{fontFamily.alias.heading}",
271
+ "fontWeight": "{fontWeight.alias.bold}",
272
+ "lineHeight": "{lineHeight.compact}",
273
+ "fontSize": "{fontSize-400}",
274
+ "letterSpacing": "{letterSpacing.normal}"
275
275
  },
276
276
  "type": "typography"
277
277
  },
278
278
  "md": {
279
279
  "value": {
280
- "fontFamily": "{font-family.alias.heading}",
281
- "fontWeight": "{font-weight.alias.bold}",
282
- "lineHeight": "{line-height.relaxed}",
283
- "fontSize": "{font-size-300}",
284
- "letterSpacing": "{letter-spacing.normal}"
280
+ "fontFamily": "{fontFamily.alias.heading}",
281
+ "fontWeight": "{fontWeight.alias.bold}",
282
+ "lineHeight": "{lineHeight.relaxed}",
283
+ "fontSize": "{fontSize-300}",
284
+ "letterSpacing": "{letterSpacing.normal}"
285
285
  },
286
286
  "type": "typography"
287
287
  },
288
288
  "sm": {
289
289
  "value": {
290
- "fontFamily": "{font-family.alias.heading}",
291
- "fontWeight": "{font-weight.alias.bold}",
292
- "lineHeight": "{line-height.relaxed}",
293
- "fontSize": "{font-size-200}",
294
- "letterSpacing": "{letter-spacing.normal}"
290
+ "fontFamily": "{fontFamily.alias.heading}",
291
+ "fontWeight": "{fontWeight.alias.bold}",
292
+ "lineHeight": "{lineHeight.relaxed}",
293
+ "fontSize": "{fontSize-200}",
294
+ "letterSpacing": "{letterSpacing.normal}"
295
295
  },
296
296
  "type": "typography"
297
297
  },
298
298
  "xs": {
299
299
  "value": {
300
- "fontFamily": "{font-family.alias.heading}",
301
- "fontWeight": "{font-weight.alias.bold}",
302
- "lineHeight": "{line-height.relaxed}",
303
- "fontSize": "{font-size-100}",
304
- "letterSpacing": "{letter-spacing.normal}"
300
+ "fontFamily": "{fontFamily.alias.heading}",
301
+ "fontWeight": "{fontWeight.alias.bold}",
302
+ "lineHeight": "{lineHeight.relaxed}",
303
+ "fontSize": "{fontSize-100}",
304
+ "letterSpacing": "{letterSpacing.normal}"
305
305
  },
306
306
  "type": "typography"
307
307
  },
308
308
  "xxs": {
309
309
  "value": {
310
- "fontFamily": "{font-family.alias.heading}",
311
- "fontWeight": "{font-weight.alias.bold}",
312
- "lineHeight": "{line-height.relaxed}",
313
- "fontSize": "{font-size-100}",
314
- "letterSpacing": "{letter-spacing.tight}"
310
+ "fontFamily": "{fontFamily.alias.heading}",
311
+ "fontWeight": "{fontWeight.alias.bold}",
312
+ "lineHeight": "{lineHeight.relaxed}",
313
+ "fontSize": "{fontSize-100}",
314
+ "letterSpacing": "{letterSpacing.tight}"
315
315
  },
316
316
  "type": "typography"
317
317
  }
@@ -319,51 +319,51 @@
319
319
  "subheading": {
320
320
  "lg": {
321
321
  "value": {
322
- "fontFamily": "{font-family.alias.subheading}",
323
- "fontWeight": "{font-weight.alias.medium}",
324
- "lineHeight": "{line-height.compact}",
325
- "fontSize": "{font-size-300}",
326
- "letterSpacing": "{letter-spacing.normal}"
322
+ "fontFamily": "{fontFamily.alias.subheading}",
323
+ "fontWeight": "{fontWeight.alias.medium}",
324
+ "lineHeight": "{lineHeight.compact}",
325
+ "fontSize": "{fontSize-300}",
326
+ "letterSpacing": "{letterSpacing.normal}"
327
327
  },
328
328
  "type": "typography"
329
329
  },
330
330
  "md": {
331
331
  "value": {
332
- "fontFamily": "{font-family.alias.subheading}",
333
- "fontWeight": "{font-weight.alias.medium}",
334
- "lineHeight": "{line-height.relaxed}",
335
- "fontSize": "{font-size-200}",
336
- "letterSpacing": "{letter-spacing.normal}"
332
+ "fontFamily": "{fontFamily.alias.subheading}",
333
+ "fontWeight": "{fontWeight.alias.medium}",
334
+ "lineHeight": "{lineHeight.relaxed}",
335
+ "fontSize": "{fontSize-200}",
336
+ "letterSpacing": "{letterSpacing.normal}"
337
337
  },
338
338
  "type": "typography"
339
339
  },
340
340
  "sm": {
341
341
  "value": {
342
- "fontFamily": "{font-family.alias.subheading}",
343
- "fontWeight": "{font-weight.alias.medium}",
344
- "lineHeight": "{line-height.relaxed}",
345
- "fontSize": "{font-size-100}",
346
- "letterSpacing": "{letter-spacing.normal}"
342
+ "fontFamily": "{fontFamily.alias.subheading}",
343
+ "fontWeight": "{fontWeight.alias.medium}",
344
+ "lineHeight": "{lineHeight.relaxed}",
345
+ "fontSize": "{fontSize-100}",
346
+ "letterSpacing": "{letterSpacing.normal}"
347
347
  },
348
348
  "type": "typography"
349
349
  },
350
350
  "xs": {
351
351
  "value": {
352
- "fontFamily": "{font-family.alias.subheading}",
353
- "fontWeight": "{font-weight.alias.medium}",
354
- "lineHeight": "{line-height.relaxed}",
355
- "fontSize": "{font-size-100}",
356
- "letterSpacing": "{letter-spacing.normal}"
352
+ "fontFamily": "{fontFamily.alias.subheading}",
353
+ "fontWeight": "{fontWeight.alias.medium}",
354
+ "lineHeight": "{lineHeight.relaxed}",
355
+ "fontSize": "{fontSize-100}",
356
+ "letterSpacing": "{letterSpacing.normal}"
357
357
  },
358
358
  "type": "typography"
359
359
  },
360
360
  "xxs": {
361
361
  "value": {
362
- "fontFamily": "{font-family.alias.subheading}",
363
- "fontWeight": "{font-weight.alias.medium}",
364
- "lineHeight": "{line-height.relaxed}",
365
- "fontSize": "{font-size-100}",
366
- "letterSpacing": "{letter-spacing.normal}"
362
+ "fontFamily": "{fontFamily.alias.subheading}",
363
+ "fontWeight": "{fontWeight.alias.medium}",
364
+ "lineHeight": "{lineHeight.relaxed}",
365
+ "fontSize": "{fontSize-100}",
366
+ "letterSpacing": "{letterSpacing.normal}"
367
367
  },
368
368
  "type": "typography"
369
369
  }
@@ -371,38 +371,34 @@
371
371
  "body": {
372
372
  "lg": {
373
373
  "value": {
374
- "fontFamily": "{font-family.alias.body}",
375
- "fontWeight": "{font-weight.alias.normal}",
376
- "lineHeight": "{line-height.reading}",
377
- "fontSize": "{font-size-300}",
378
- "letterSpacing": "{letter-spacing.normal}"
374
+ "fontFamily": "{fontFamily.alias.body}",
375
+ "fontWeight": "{fontWeight.alias.normal}",
376
+ "lineHeight": "{lineHeight.reading}",
377
+ "fontSize": "{fontSize-300}",
378
+ "letterSpacing": "{letterSpacing.normal}"
379
379
  },
380
380
  "type": "typography"
381
381
  },
382
382
  "md": {
383
383
  "value": {
384
- "fontFamily": "{font-family.alias.body}",
385
- "fontWeight": "{font-weight.alias.normal}",
386
- "lineHeight": "{line-height.reading}",
387
- "fontSize": "{font-size-200}",
388
- "letterSpacing": "{letter-spacing.normal}"
384
+ "fontFamily": "{fontFamily.alias.body}",
385
+ "fontWeight": "{fontWeight.alias.normal}",
386
+ "lineHeight": "{lineHeight.reading}",
387
+ "fontSize": "{fontSize-200}",
388
+ "letterSpacing": "{letterSpacing.normal}"
389
389
  },
390
390
  "type": "typography"
391
391
  },
392
392
  "sm": {
393
393
  "value": {
394
- "fontFamily": "{font-family.alias.body}",
395
- "fontWeight": "{font-weight.alias.normal}",
396
- "lineHeight": "{line-height.reading}",
397
- "fontSize": "{font-size-100}",
398
- "letterSpacing": "{letter-spacing.tight}"
394
+ "fontFamily": "{fontFamily.alias.body}",
395
+ "fontWeight": "{fontWeight.alias.normal}",
396
+ "lineHeight": "{lineHeight.reading}",
397
+ "fontSize": "{fontSize-100}",
398
+ "letterSpacing": "{letterSpacing.tight}"
399
399
  },
400
400
  "type": "typography"
401
401
  }
402
402
  }
403
- },
404
- "button-radius": {
405
- "value": "{radius-none}",
406
- "type": "borderRadius"
407
403
  }
408
404
  }
package/tokens/globals/global.json CHANGED
@@ -1,119 +1,119 @@
1
1
  {
2
- "font-family-simplistic": {
2
+ "fontFamily-simplistic": {
3
3
  "value": "Simplistic Sans",
4
4
  "type": "fontFamilies"
5
5
  },
6
- "font-family-simplistic-outline": {
6
+ "fontFamily-simplistic-outline": {
7
7
  "value": "Simplistic Sans Outline",
8
8
  "type": "fontFamilies"
9
9
  },
10
- "font-family-vesta": {
10
+ "fontFamily-vesta": {
11
11
  "value": "VPRO Vesta",
12
12
  "type": "fontFamilies"
13
13
  },
14
- "font-family-bureau": {
14
+ "fontFamily-bureau": {
15
15
  "value": "BureauGrotesque FiveOne",
16
16
  "type": "fontFamilies"
17
17
  },
18
- "font-family-helvetica": {
18
+ "fontFamily-helvetica": {
19
19
  "value": "Helvetica Neue",
20
20
  "type": "fontFamilies"
21
21
  },
22
- "font-size-50": {
22
+ "fontSize-50": {
23
23
  "value": "12px",
24
24
  "type": "fontSizes"
25
25
  },
26
- "font-size-75": {
26
+ "fontSize-75": {
27
27
  "value": "14px",
28
28
  "type": "fontSizes"
29
29
  },
30
- "font-size-100": {
30
+ "fontSize-100": {
31
31
  "value": "16px",
32
32
  "type": "fontSizes"
33
33
  },
34
- "font-size-200": {
34
+ "fontSize-200": {
35
35
  "value": "20px",
36
36
  "type": "fontSizes"
37
37
  },
38
- "font-size-300": {
38
+ "fontSize-300": {
39
39
  "value": "24px",
40
40
  "type": "fontSizes"
41
41
  },
42
- "font-size-400": {
42
+ "fontSize-400": {
43
43
  "value": "32px",
44
44
  "type": "fontSizes"
45
45
  },
46
- "font-size-500": {
46
+ "fontSize-500": {
47
47
  "value": "48px",
48
48
  "type": "fontSizes"
49
49
  },
50
- "font-size-600": {
50
+ "fontSize-600": {
51
51
  "value": "56px",
52
52
  "type": "fontSizes"
53
53
  },
54
- "font-size-700": {
54
+ "fontSize-700": {
55
55
  "value": "64px",
56
56
  "type": "fontSizes"
57
57
  },
58
- "font-weight-100": {
58
+ "fontWeight-100": {
59
59
  "value": "100",
60
60
  "type": "fontWeights"
61
61
  },
62
- "font-weight-200": {
62
+ "fontWeight-200": {
63
63
  "value": "200",
64
64
  "type": "fontWeights"
65
65
  },
66
- "font-weight-300": {
66
+ "fontWeight-300": {
67
67
  "value": "300",
68
68
  "type": "fontWeights"
69
69
  },
70
- "font-weight-400": {
70
+ "fontWeight-400": {
71
71
  "value": "400",
72
72
  "type": "fontWeights"
73
73
  },
74
- "font-weight-500": {
74
+ "fontWeight-500": {
75
75
  "value": "500",
76
76
  "type": "fontWeights"
77
77
  },
78
- "font-weight-600": {
78
+ "fontWeight-600": {
79
79
  "value": "600",
80
80
  "type": "fontWeights"
81
81
  },
82
- "font-weight-700": {
82
+ "fontWeight-700": {
83
83
  "value": "700",
84
84
  "type": "fontWeights"
85
85
  },
86
- "line-height-100": {
86
+ "lineHeight-100": {
87
87
  "value": "100%",
88
88
  "type": "lineHeights",
89
89
  "description": "Typically for captions or dense text"
90
90
  },
91
- "line-height-200": {
91
+ "lineHeight-200": {
92
92
  "value": "140%",
93
93
  "type": "lineHeights",
94
94
  "description": "Standard for body text"
95
95
  },
96
- "line-height-300": {
96
+ "lineHeight-300": {
97
97
  "value": "160%",
98
98
  "type": "lineHeights",
99
99
  "description": "Breathable body text or for headers"
100
100
  },
101
- "line-height-400": {
101
+ "lineHeight-400": {
102
102
  "value": "180%",
103
103
  "type": "lineHeights",
104
104
  "description": "For larger headers"
105
105
  },
106
- "letter-spacing-100": {
106
+ "letterSpacing-100": {
107
107
  "value": "-0.05em",
108
108
  "type": "letterSpacing",
109
109
  "description": "Tight"
110
110
  },
111
- "letter-spacing-200": {
111
+ "letterSpacing-200": {
112
112
  "value": "0em",
113
113
  "type": "letterSpacing",
114
114
  "description": "Normal"
115
115
  },
116
- "letter-spacing-300": {
116
+ "letterSpacing-300": {
117
117
  "value": "0.05em",
118
118
  "type": "letterSpacing",
119
119
  "description": "Breathable"
@@ -355,21 +355,5 @@
355
355
  }
356
356
  }
357
357
  }
358
- },
359
- "radius-small": {
360
- "value": "4",
361
- "type": "borderRadius"
362
- },
363
- "radius-medium": {
364
- "value": "16",
365
- "type": "borderRadius"
366
- },
367
- "radius-big": {
368
- "value": "64",
369
- "type": "borderRadius"
370
- },
371
- "radius-none": {
372
- "value": "0",
373
- "type": "borderRadius"
374
358
  }
375
359
  }