villa-design-tokens 1.0.12 → 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 +38 -27
  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.12",
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}",
@@ -103,9 +115,8 @@
103
115
  },
104
116
  "text": {
105
117
  "default": {
106
- "value": "{color.global.plum.300}",
107
- "type": "color",
108
- "description": "Changed default text to orange"
118
+ "value": "{color.global.red.500}",
119
+ "type": "color"
109
120
  },
110
121
  "hover": {
111
122
  "value": "{color.global.grey.700}",
@@ -240,8 +251,8 @@
240
251
  "heading": {
241
252
  "xl": {
242
253
  "value": {
243
- "fontFamily": "{font-family-bureau}",
244
- "fontWeight": "Regular",
254
+ "fontFamily": "{font-family-heading}",
255
+ "fontWeight": "{font-weight.bold}",
245
256
  "lineHeight": "{line-height.compact}",
246
257
  "fontSize": "{font-size-500}",
247
258
  "letterSpacing": "{letter-spacing.normal}"
@@ -250,8 +261,8 @@
250
261
  },
251
262
  "lg": {
252
263
  "value": {
253
- "fontFamily": "{font-family-bureau}",
254
- "fontWeight": "Regular",
264
+ "fontFamily": "{font-family-heading}",
265
+ "fontWeight": "{font-weight.bold}",
255
266
  "lineHeight": "{line-height.compact}",
256
267
  "fontSize": "{font-size-400}",
257
268
  "letterSpacing": "{letter-spacing.normal}"
@@ -260,8 +271,8 @@
260
271
  },
261
272
  "md": {
262
273
  "value": {
263
- "fontFamily": "{font-family-bureau}",
264
- "fontWeight": "Regular",
274
+ "fontFamily": "{font-family-heading}",
275
+ "fontWeight": "{font-weight.bold}",
265
276
  "lineHeight": "{line-height.relaxed}",
266
277
  "fontSize": "{font-size-300}",
267
278
  "letterSpacing": "{letter-spacing.normal}"
@@ -270,8 +281,8 @@
270
281
  },
271
282
  "sm": {
272
283
  "value": {
273
- "fontFamily": "{font-family-bureau}",
274
- "fontWeight": "Regular",
284
+ "fontFamily": "{font-family-heading}",
285
+ "fontWeight": "{font-weight.bold}",
275
286
  "lineHeight": "{line-height.relaxed}",
276
287
  "fontSize": "{font-size-200}",
277
288
  "letterSpacing": "{letter-spacing.normal}"
@@ -280,8 +291,8 @@
280
291
  },
281
292
  "xs": {
282
293
  "value": {
283
- "fontFamily": "{font-family-bureau}",
284
- "fontWeight": "Regular",
294
+ "fontFamily": "{font-family-heading}",
295
+ "fontWeight": "{font-weight.bold}",
285
296
  "lineHeight": "{line-height.relaxed}",
286
297
  "fontSize": "{font-size-100}",
287
298
  "letterSpacing": "{letter-spacing.normal}"
@@ -290,8 +301,8 @@
290
301
  },
291
302
  "xxs": {
292
303
  "value": {
293
- "fontFamily": "{font-family-bureau}",
294
- "fontWeight": "Regular",
304
+ "fontFamily": "{font-family-heading}",
305
+ "fontWeight": "{font-weight.bold}",
295
306
  "lineHeight": "{line-height.relaxed}",
296
307
  "fontSize": "{font-size-100}",
297
308
  "letterSpacing": "{letter-spacing.tight}"
@@ -302,8 +313,8 @@
302
313
  "subtitle": {
303
314
  "lg": {
304
315
  "value": {
305
- "fontFamily": "{font-family-helvetica}",
306
- "fontWeight": "{font-weight.bold}",
316
+ "fontFamily": "{font-family-subheading}",
317
+ "fontWeight": "{font-weight.medium}",
307
318
  "lineHeight": "{line-height.compact}",
308
319
  "fontSize": "{font-size-300}",
309
320
  "letterSpacing": "{letter-spacing.normal}"
@@ -312,7 +323,7 @@
312
323
  },
313
324
  "md": {
314
325
  "value": {
315
- "fontFamily": "{font-family-helvetica}",
326
+ "fontFamily": "{font-family-subheading}",
316
327
  "fontWeight": "{font-weight.medium}",
317
328
  "lineHeight": "{line-height.relaxed}",
318
329
  "fontSize": "{font-size-200}",
@@ -322,7 +333,7 @@
322
333
  },
323
334
  "sm": {
324
335
  "value": {
325
- "fontFamily": "{font-family-helvetica}",
336
+ "fontFamily": "{font-family-subheading}",
326
337
  "fontWeight": "{font-weight.medium}",
327
338
  "lineHeight": "{line-height.relaxed}",
328
339
  "fontSize": "{font-size-100}",
@@ -332,7 +343,7 @@
332
343
  },
333
344
  "xs": {
334
345
  "value": {
335
- "fontFamily": "{font-family-helvetica}",
346
+ "fontFamily": "{font-family-subheading}",
336
347
  "fontWeight": "{font-weight.medium}",
337
348
  "lineHeight": "{line-height.relaxed}",
338
349
  "fontSize": "{font-size-100}",
@@ -342,8 +353,8 @@
342
353
  },
343
354
  "xxs": {
344
355
  "value": {
345
- "fontFamily": "{font-family-helvetica}",
346
- "fontWeight": "{font-weight.normal}",
356
+ "fontFamily": "{font-family-subheading}",
357
+ "fontWeight": "{font-weight.medium}",
347
358
  "lineHeight": "{line-height.relaxed}",
348
359
  "fontSize": "{font-size-100}",
349
360
  "letterSpacing": "{letter-spacing.tight}"
@@ -354,8 +365,8 @@
354
365
  "body": {
355
366
  "lg": {
356
367
  "value": {
357
- "fontFamily": "{font-family-helvetica}",
358
- "fontWeight": "{font-weight.medium}",
368
+ "fontFamily": "{font-family-body}",
369
+ "fontWeight": "{font-weight.normal}",
359
370
  "lineHeight": "{line-height.reading}",
360
371
  "fontSize": "{font-size-300}",
361
372
  "letterSpacing": "{letter-spacing.normal}"
@@ -364,8 +375,8 @@
364
375
  },
365
376
  "md": {
366
377
  "value": {
367
- "fontFamily": "{font-family-helvetica}",
368
- "fontWeight": "{font-weight.medium}",
378
+ "fontFamily": "{font-family-body}",
379
+ "fontWeight": "{font-weight.normal}",
369
380
  "lineHeight": "{line-height.reading}",
370
381
  "fontSize": "{font-size-200}",
371
382
  "letterSpacing": "{letter-spacing.normal}"
@@ -374,7 +385,7 @@
374
385
  },
375
386
  "sm": {
376
387
  "value": {
377
- "fontFamily": "{font-family-helvetica}",
388
+ "fontFamily": "{font-family-body}",
378
389
  "fontWeight": "{font-weight.normal}",
379
390
  "lineHeight": "{line-height.reading}",
380
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"