villa-design-tokens 1.0.13 → 1.0.14

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 (4) hide show
  1. package/package.json +1 -1
  2. package/tokens/brands/tribune/tribune.json +36 -24
  3. package/tokens/brands/whitelabel/whitelabel.json +47 -35
  4. package/tokens/globals/global.json +8 -4
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.13",
5
+ "version": "1.0.14",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
package/tokens/brands/tribune/tribune.json CHANGED
@@ -1,4 +1,16 @@
1
1
  {
2
+ "font-family-body": {
3
+ "value": "{font-family-vesta}",
4
+ "type": "fontFamilies"
5
+ },
6
+ "font-family-heading": {
7
+ "value": "{font-family-simplistic}",
8
+ "type": "fontFamilies"
9
+ },
10
+ "font-family-subheading": {
11
+ "value": "{font-family-simplistic}",
12
+ "type": "fontFamilies"
13
+ },
2
14
  "font-size": {
3
15
  "reading": {
4
16
  "value": "{font-size-100}",
@@ -239,8 +251,8 @@
239
251
  "heading": {
240
252
  "xl": {
241
253
  "value": {
242
- "fontFamily": "{font-family-bureau}",
243
- "fontWeight": "Regular",
254
+ "fontFamily": "{font-family-heading}",
255
+ "fontWeight": "{font-weight.bold}",
244
256
  "lineHeight": "{line-height.compact}",
245
257
  "fontSize": "{font-size-500}",
246
258
  "letterSpacing": "{letter-spacing.normal}"
@@ -249,8 +261,8 @@
249
261
  },
250
262
  "lg": {
251
263
  "value": {
252
- "fontFamily": "{font-family-bureau}",
253
- "fontWeight": "Regular",
264
+ "fontFamily": "{font-family-heading}",
265
+ "fontWeight": "{font-weight.bold}",
254
266
  "lineHeight": "{line-height.compact}",
255
267
  "fontSize": "{font-size-400}",
256
268
  "letterSpacing": "{letter-spacing.normal}"
@@ -259,8 +271,8 @@
259
271
  },
260
272
  "md": {
261
273
  "value": {
262
- "fontFamily": "{font-family-bureau}",
263
- "fontWeight": "Regular",
274
+ "fontFamily": "{font-family-heading}",
275
+ "fontWeight": "{font-weight.bold}",
264
276
  "lineHeight": "{line-height.relaxed}",
265
277
  "fontSize": "{font-size-300}",
266
278
  "letterSpacing": "{letter-spacing.normal}"
@@ -269,8 +281,8 @@
269
281
  },
270
282
  "sm": {
271
283
  "value": {
272
- "fontFamily": "{font-family-bureau}",
273
- "fontWeight": "Regular",
284
+ "fontFamily": "{font-family-heading}",
285
+ "fontWeight": "{font-weight.bold}",
274
286
  "lineHeight": "{line-height.relaxed}",
275
287
  "fontSize": "{font-size-200}",
276
288
  "letterSpacing": "{letter-spacing.normal}"
@@ -279,8 +291,8 @@
279
291
  },
280
292
  "xs": {
281
293
  "value": {
282
- "fontFamily": "{font-family-bureau}",
283
- "fontWeight": "Regular",
294
+ "fontFamily": "{font-family-heading}",
295
+ "fontWeight": "{font-weight.bold}",
284
296
  "lineHeight": "{line-height.relaxed}",
285
297
  "fontSize": "{font-size-100}",
286
298
  "letterSpacing": "{letter-spacing.normal}"
@@ -289,8 +301,8 @@
289
301
  },
290
302
  "xxs": {
291
303
  "value": {
292
- "fontFamily": "{font-family-bureau}",
293
- "fontWeight": "Regular",
304
+ "fontFamily": "{font-family-heading}",
305
+ "fontWeight": "{font-weight.bold}",
294
306
  "lineHeight": "{line-height.relaxed}",
295
307
  "fontSize": "{font-size-100}",
296
308
  "letterSpacing": "{letter-spacing.tight}"
@@ -301,8 +313,8 @@
301
313
  "subtitle": {
302
314
  "lg": {
303
315
  "value": {
304
- "fontFamily": "{font-family-helvetica}",
305
- "fontWeight": "{font-weight.bold}",
316
+ "fontFamily": "{font-family-subheading}",
317
+ "fontWeight": "{font-weight.medium}",
306
318
  "lineHeight": "{line-height.compact}",
307
319
  "fontSize": "{font-size-300}",
308
320
  "letterSpacing": "{letter-spacing.normal}"
@@ -311,7 +323,7 @@
311
323
  },
312
324
  "md": {
313
325
  "value": {
314
- "fontFamily": "{font-family-helvetica}",
326
+ "fontFamily": "{font-family-subheading}",
315
327
  "fontWeight": "{font-weight.medium}",
316
328
  "lineHeight": "{line-height.relaxed}",
317
329
  "fontSize": "{font-size-200}",
@@ -321,7 +333,7 @@
321
333
  },
322
334
  "sm": {
323
335
  "value": {
324
- "fontFamily": "{font-family-helvetica}",
336
+ "fontFamily": "{font-family-subheading}",
325
337
  "fontWeight": "{font-weight.medium}",
326
338
  "lineHeight": "{line-height.relaxed}",
327
339
  "fontSize": "{font-size-100}",
@@ -331,7 +343,7 @@
331
343
  },
332
344
  "xs": {
333
345
  "value": {
334
- "fontFamily": "{font-family-helvetica}",
346
+ "fontFamily": "{font-family-subheading}",
335
347
  "fontWeight": "{font-weight.medium}",
336
348
  "lineHeight": "{line-height.relaxed}",
337
349
  "fontSize": "{font-size-100}",
@@ -341,8 +353,8 @@
341
353
  },
342
354
  "xxs": {
343
355
  "value": {
344
- "fontFamily": "{font-family-helvetica}",
345
- "fontWeight": "{font-weight.normal}",
356
+ "fontFamily": "{font-family-subheading}",
357
+ "fontWeight": "{font-weight.medium}",
346
358
  "lineHeight": "{line-height.relaxed}",
347
359
  "fontSize": "{font-size-100}",
348
360
  "letterSpacing": "{letter-spacing.tight}"
@@ -353,8 +365,8 @@
353
365
  "body": {
354
366
  "lg": {
355
367
  "value": {
356
- "fontFamily": "{font-family-helvetica}",
357
- "fontWeight": "{font-weight.medium}",
368
+ "fontFamily": "{font-family-body}",
369
+ "fontWeight": "{font-weight.normal}",
358
370
  "lineHeight": "{line-height.reading}",
359
371
  "fontSize": "{font-size-300}",
360
372
  "letterSpacing": "{letter-spacing.normal}"
@@ -363,8 +375,8 @@
363
375
  },
364
376
  "md": {
365
377
  "value": {
366
- "fontFamily": "{font-family-helvetica}",
367
- "fontWeight": "{font-weight.medium}",
378
+ "fontFamily": "{font-family-body}",
379
+ "fontWeight": "{font-weight.normal}",
368
380
  "lineHeight": "{line-height.reading}",
369
381
  "fontSize": "{font-size-200}",
370
382
  "letterSpacing": "{letter-spacing.normal}"
@@ -373,7 +385,7 @@
373
385
  },
374
386
  "sm": {
375
387
  "value": {
376
- "fontFamily": "{font-family-helvetica}",
388
+ "fontFamily": "{font-family-body}",
377
389
  "fontWeight": "{font-weight.normal}",
378
390
  "lineHeight": "{line-height.reading}",
379
391
  "fontSize": "{font-size-100}",
package/tokens/brands/whitelabel/whitelabel.json CHANGED
@@ -1,4 +1,16 @@
1
1
  {
2
+ "font-family-body": {
3
+ "value": "{font-family-helvetica}",
4
+ "type": "fontFamilies"
5
+ },
6
+ "font-family-heading": {
7
+ "value": "{font-family-simplistic-outline}",
8
+ "type": "fontFamilies"
9
+ },
10
+ "font-family-subheading": {
11
+ "value": "{font-family-simplistic-outline}",
12
+ "type": "fontFamilies"
13
+ },
2
14
  "font-size": {
3
15
  "reading": {
4
16
  "value": "{font-size-100}",
@@ -243,60 +255,60 @@
243
255
  "heading": {
244
256
  "xl": {
245
257
  "value": {
246
- "fontFamily": "{font-family-helvetica}",
247
- "fontWeight": "Regular",
258
+ "fontFamily": "{font-family-heading}",
259
+ "fontWeight": "{font-weight.bold}",
248
260
  "lineHeight": "{line-height.compact}",
249
- "fontSize": "{font-size-700}",
261
+ "fontSize": "{font-size-500}",
250
262
  "letterSpacing": "{letter-spacing.normal}"
251
263
  },
252
264
  "type": "typography"
253
265
  },
254
266
  "lg": {
255
267
  "value": {
256
- "fontFamily": "{font-family-helvetica}",
268
+ "fontFamily": "{font-family-heading}",
269
+ "fontWeight": "{font-weight.bold}",
257
270
  "lineHeight": "{line-height.compact}",
258
- "fontSize": "{font-size-500}",
259
- "letterSpacing": "{letter-spacing.normal}",
260
- "fontWeight": "Regular"
271
+ "fontSize": "{font-size-400}",
272
+ "letterSpacing": "{letter-spacing.normal}"
261
273
  },
262
274
  "type": "typography"
263
275
  },
264
276
  "md": {
265
277
  "value": {
266
- "fontFamily": "{font-family-helvetica}",
267
- "fontWeight": "Regular",
278
+ "fontFamily": "{font-family-heading}",
279
+ "fontWeight": "{font-weight.bold}",
268
280
  "lineHeight": "{line-height.relaxed}",
269
- "fontSize": "{font-size-400}",
281
+ "fontSize": "{font-size-300}",
270
282
  "letterSpacing": "{letter-spacing.normal}"
271
283
  },
272
284
  "type": "typography"
273
285
  },
274
286
  "sm": {
275
287
  "value": {
276
- "fontFamily": "{font-family-helvetica}",
277
- "fontWeight": "Regular",
288
+ "fontFamily": "{font-family-heading}",
289
+ "fontWeight": "{font-weight.bold}",
278
290
  "lineHeight": "{line-height.relaxed}",
279
- "fontSize": "{font-size-300}",
291
+ "fontSize": "{font-size-200}",
280
292
  "letterSpacing": "{letter-spacing.normal}"
281
293
  },
282
294
  "type": "typography"
283
295
  },
284
296
  "xs": {
285
297
  "value": {
286
- "fontFamily": "{font-family-helvetica}",
287
- "fontWeight": "Regular",
298
+ "fontFamily": "{font-family-heading}",
299
+ "fontWeight": "{font-weight.bold}",
288
300
  "lineHeight": "{line-height.relaxed}",
289
- "fontSize": "{font-size-200}",
301
+ "fontSize": "{font-size-100}",
290
302
  "letterSpacing": "{letter-spacing.normal}"
291
303
  },
292
304
  "type": "typography"
293
305
  },
294
306
  "xxs": {
295
307
  "value": {
296
- "fontFamily": "{font-family-helvetica}",
297
- "fontWeight": "Regular",
308
+ "fontFamily": "{font-family-heading}",
309
+ "fontWeight": "{font-weight.bold}",
298
310
  "lineHeight": "{line-height.relaxed}",
299
- "fontSize": "{font-size-200}",
311
+ "fontSize": "{font-size-100}",
300
312
  "letterSpacing": "{letter-spacing.tight}"
301
313
  },
302
314
  "type": "typography"
@@ -305,8 +317,8 @@
305
317
  "subtitle": {
306
318
  "lg": {
307
319
  "value": {
308
- "fontFamily": "{font-family-helvetica}",
309
- "fontWeight": "Bold",
320
+ "fontFamily": "{font-family-subheading}",
321
+ "fontWeight": "{font-weight.medium}",
310
322
  "lineHeight": "{line-height.compact}",
311
323
  "fontSize": "{font-size-300}",
312
324
  "letterSpacing": "{letter-spacing.normal}"
@@ -315,8 +327,8 @@
315
327
  },
316
328
  "md": {
317
329
  "value": {
318
- "fontFamily": "{font-family-helvetica}",
319
- "fontWeight": "Medium",
330
+ "fontFamily": "{font-family-subheading}",
331
+ "fontWeight": "{font-weight.medium}",
320
332
  "lineHeight": "{line-height.relaxed}",
321
333
  "fontSize": "{font-size-200}",
322
334
  "letterSpacing": "{letter-spacing.normal}"
@@ -325,8 +337,8 @@
325
337
  },
326
338
  "sm": {
327
339
  "value": {
328
- "fontFamily": "{font-family-helvetica}",
329
- "fontWeight": "Regular",
340
+ "fontFamily": "{font-family-subheading}",
341
+ "fontWeight": "{font-weight.medium}",
330
342
  "lineHeight": "{line-height.relaxed}",
331
343
  "fontSize": "{font-size-100}",
332
344
  "letterSpacing": "{letter-spacing.tight}"
@@ -335,8 +347,8 @@
335
347
  },
336
348
  "xs": {
337
349
  "value": {
338
- "fontFamily": "{font-family-helvetica}",
339
- "fontWeight": "Regular",
350
+ "fontFamily": "{font-family-subheading}",
351
+ "fontWeight": "{font-weight.medium}",
340
352
  "lineHeight": "{line-height.relaxed}",
341
353
  "fontSize": "{font-size-100}",
342
354
  "letterSpacing": "{letter-spacing.tight}"
@@ -345,8 +357,8 @@
345
357
  },
346
358
  "xxs": {
347
359
  "value": {
348
- "fontFamily": "{font-family-helvetica}",
349
- "fontWeight": "Light",
360
+ "fontFamily": "{font-family-subheading}",
361
+ "fontWeight": "{font-weight.medium}",
350
362
  "lineHeight": "{line-height.relaxed}",
351
363
  "fontSize": "{font-size-100}",
352
364
  "letterSpacing": "{letter-spacing.tight}"
@@ -357,8 +369,8 @@
357
369
  "body": {
358
370
  "lg": {
359
371
  "value": {
360
- "fontFamily": "{font-family-helvetica}",
361
- "fontWeight": "Regular",
372
+ "fontFamily": "{font-family-body}",
373
+ "fontWeight": "{font-weight.normal}",
362
374
  "lineHeight": "{line-height.reading}",
363
375
  "fontSize": "{font-size-300}",
364
376
  "letterSpacing": "{letter-spacing.normal}"
@@ -367,8 +379,8 @@
367
379
  },
368
380
  "md": {
369
381
  "value": {
370
- "fontFamily": "{font-family-helvetica}",
371
- "fontWeight": "Regular",
382
+ "fontFamily": "{font-family-body}",
383
+ "fontWeight": "{font-weight.normal}",
372
384
  "lineHeight": "{line-height.reading}",
373
385
  "fontSize": "{font-size-200}",
374
386
  "letterSpacing": "{letter-spacing.normal}"
@@ -377,8 +389,8 @@
377
389
  },
378
390
  "sm": {
379
391
  "value": {
380
- "fontFamily": "{font-family-helvetica}",
381
- "fontWeight": "Light",
392
+ "fontFamily": "{font-family-body}",
393
+ "fontWeight": "{font-weight.normal}",
382
394
  "lineHeight": "{line-height.reading}",
383
395
  "fontSize": "{font-size-100}",
384
396
  "letterSpacing": "{letter-spacing.tight}"
package/tokens/globals/global.json CHANGED
@@ -3,6 +3,10 @@
3
3
  "value": "Simplistic Sans",
4
4
  "type": "fontFamilies"
5
5
  },
6
+ "font-family-simplistic-outline": {
7
+ "value": "Simplistic Sans Outline",
8
+ "type": "fontFamilies"
9
+ },
6
10
  "font-family-vesta": {
7
11
  "value": "VPRO Vesta",
8
12
  "type": "fontFamilies"
@@ -11,6 +15,10 @@
11
15
  "value": "BureauGrotesque FiveOne",
12
16
  "type": "fontFamilies"
13
17
  },
18
+ "font-family-helvetica": {
19
+ "value": "Helvetica Neue",
20
+ "type": "fontFamilies"
21
+ },
14
22
  "font-size-50": {
15
23
  "value": "12px",
16
24
  "type": "fontSizes"
@@ -106,10 +114,6 @@
106
114
  "type": "letterSpacing",
107
115
  "description": "Breathable"
108
116
  },
109
- "font-family-helvetica": {
110
- "value": "Helvetica Neue",
111
- "type": "fontFamilies"
112
- },
113
117
  "spacing-100": {
114
118
  "value": "4px",
115
119
  "type": "spacing"