villa-design-tokens 1.0.14 → 1.0.16

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 +60 -54
  3. package/tokens/brands/whitelabel/whitelabel.json +60 -54
  4. package/tokens/globals/global.json +10 -6
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.14",
5
+ "version": "1.0.16",
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,15 +1,19 @@
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"
2
+ "font-family": {
3
+ "alias": {
4
+ "body": {
5
+ "value": "{font-family-vesta}",
6
+ "type": "fontFamilies"
7
+ },
8
+ "heading": {
9
+ "value": "{font-family-simplistic}",
10
+ "type": "fontFamilies"
11
+ },
12
+ "subheading": {
13
+ "value": "{font-family-simplistic}",
14
+ "type": "fontFamilies"
15
+ }
16
+ }
13
17
  },
14
18
  "font-size": {
15
19
  "reading": {
@@ -22,17 +26,19 @@
22
26
  }
23
27
  },
24
28
  "font-weight": {
25
- "normal": {
26
- "value": "{font-weight-300}",
27
- "type": "fontWeights"
28
- },
29
- "medium": {
30
- "value": "{font-weight-400}",
31
- "type": "fontWeights"
32
- },
33
- "bold": {
34
- "value": "{font-weight-500}",
35
- "type": "fontWeights"
29
+ "alias": {
30
+ "normal": {
31
+ "value": "{font-weight-300}",
32
+ "type": "fontWeights"
33
+ },
34
+ "medium": {
35
+ "value": "{font-weight-500}",
36
+ "type": "fontWeights"
37
+ },
38
+ "bold": {
39
+ "value": "{font-weight-700}",
40
+ "type": "fontWeights"
41
+ }
36
42
  }
37
43
  },
38
44
  "line-height": {
@@ -251,8 +257,8 @@
251
257
  "heading": {
252
258
  "xl": {
253
259
  "value": {
254
- "fontFamily": "{font-family-heading}",
255
- "fontWeight": "{font-weight.bold}",
260
+ "fontFamily": "{font-family.alias.heading}",
261
+ "fontWeight": "{font-weight.alias.bold}",
256
262
  "lineHeight": "{line-height.compact}",
257
263
  "fontSize": "{font-size-500}",
258
264
  "letterSpacing": "{letter-spacing.normal}"
@@ -261,8 +267,8 @@
261
267
  },
262
268
  "lg": {
263
269
  "value": {
264
- "fontFamily": "{font-family-heading}",
265
- "fontWeight": "{font-weight.bold}",
270
+ "fontFamily": "{font-family.alias.heading}",
271
+ "fontWeight": "{font-weight.alias.bold}",
266
272
  "lineHeight": "{line-height.compact}",
267
273
  "fontSize": "{font-size-400}",
268
274
  "letterSpacing": "{letter-spacing.normal}"
@@ -271,8 +277,8 @@
271
277
  },
272
278
  "md": {
273
279
  "value": {
274
- "fontFamily": "{font-family-heading}",
275
- "fontWeight": "{font-weight.bold}",
280
+ "fontFamily": "{font-family.alias.heading}",
281
+ "fontWeight": "{font-weight.alias.bold}",
276
282
  "lineHeight": "{line-height.relaxed}",
277
283
  "fontSize": "{font-size-300}",
278
284
  "letterSpacing": "{letter-spacing.normal}"
@@ -281,8 +287,8 @@
281
287
  },
282
288
  "sm": {
283
289
  "value": {
284
- "fontFamily": "{font-family-heading}",
285
- "fontWeight": "{font-weight.bold}",
290
+ "fontFamily": "{font-family.alias.heading}",
291
+ "fontWeight": "{font-weight.alias.bold}",
286
292
  "lineHeight": "{line-height.relaxed}",
287
293
  "fontSize": "{font-size-200}",
288
294
  "letterSpacing": "{letter-spacing.normal}"
@@ -291,8 +297,8 @@
291
297
  },
292
298
  "xs": {
293
299
  "value": {
294
- "fontFamily": "{font-family-heading}",
295
- "fontWeight": "{font-weight.bold}",
300
+ "fontFamily": "{font-family.alias.heading}",
301
+ "fontWeight": "{font-weight.alias.bold}",
296
302
  "lineHeight": "{line-height.relaxed}",
297
303
  "fontSize": "{font-size-100}",
298
304
  "letterSpacing": "{letter-spacing.normal}"
@@ -301,8 +307,8 @@
301
307
  },
302
308
  "xxs": {
303
309
  "value": {
304
- "fontFamily": "{font-family-heading}",
305
- "fontWeight": "{font-weight.bold}",
310
+ "fontFamily": "{font-family.alias.heading}",
311
+ "fontWeight": "{font-weight.alias.bold}",
306
312
  "lineHeight": "{line-height.relaxed}",
307
313
  "fontSize": "{font-size-100}",
308
314
  "letterSpacing": "{letter-spacing.tight}"
@@ -310,11 +316,11 @@
310
316
  "type": "typography"
311
317
  }
312
318
  },
313
- "subtitle": {
319
+ "subheading": {
314
320
  "lg": {
315
321
  "value": {
316
- "fontFamily": "{font-family-subheading}",
317
- "fontWeight": "{font-weight.medium}",
322
+ "fontFamily": "{font-family.alias.subheading}",
323
+ "fontWeight": "{font-weight.alias.medium}",
318
324
  "lineHeight": "{line-height.compact}",
319
325
  "fontSize": "{font-size-300}",
320
326
  "letterSpacing": "{letter-spacing.normal}"
@@ -323,8 +329,8 @@
323
329
  },
324
330
  "md": {
325
331
  "value": {
326
- "fontFamily": "{font-family-subheading}",
327
- "fontWeight": "{font-weight.medium}",
332
+ "fontFamily": "{font-family.alias.subheading}",
333
+ "fontWeight": "{font-weight.alias.medium}",
328
334
  "lineHeight": "{line-height.relaxed}",
329
335
  "fontSize": "{font-size-200}",
330
336
  "letterSpacing": "{letter-spacing.normal}"
@@ -333,31 +339,31 @@
333
339
  },
334
340
  "sm": {
335
341
  "value": {
336
- "fontFamily": "{font-family-subheading}",
337
- "fontWeight": "{font-weight.medium}",
342
+ "fontFamily": "{font-family.alias.subheading}",
343
+ "fontWeight": "{font-weight.alias.medium}",
338
344
  "lineHeight": "{line-height.relaxed}",
339
345
  "fontSize": "{font-size-100}",
340
- "letterSpacing": "{letter-spacing.tight}"
346
+ "letterSpacing": "{letter-spacing.normal}"
341
347
  },
342
348
  "type": "typography"
343
349
  },
344
350
  "xs": {
345
351
  "value": {
346
- "fontFamily": "{font-family-subheading}",
347
- "fontWeight": "{font-weight.medium}",
352
+ "fontFamily": "{font-family.alias.subheading}",
353
+ "fontWeight": "{font-weight.alias.medium}",
348
354
  "lineHeight": "{line-height.relaxed}",
349
355
  "fontSize": "{font-size-100}",
350
- "letterSpacing": "{letter-spacing.tight}"
356
+ "letterSpacing": "{letter-spacing.normal}"
351
357
  },
352
358
  "type": "typography"
353
359
  },
354
360
  "xxs": {
355
361
  "value": {
356
- "fontFamily": "{font-family-subheading}",
357
- "fontWeight": "{font-weight.medium}",
362
+ "fontFamily": "{font-family.alias.subheading}",
363
+ "fontWeight": "{font-weight.alias.medium}",
358
364
  "lineHeight": "{line-height.relaxed}",
359
365
  "fontSize": "{font-size-100}",
360
- "letterSpacing": "{letter-spacing.tight}"
366
+ "letterSpacing": "{letter-spacing.normal}"
361
367
  },
362
368
  "type": "typography"
363
369
  }
@@ -365,8 +371,8 @@
365
371
  "body": {
366
372
  "lg": {
367
373
  "value": {
368
- "fontFamily": "{font-family-body}",
369
- "fontWeight": "{font-weight.normal}",
374
+ "fontFamily": "{font-family.alias.body}",
375
+ "fontWeight": "{font-weight.alias.normal}",
370
376
  "lineHeight": "{line-height.reading}",
371
377
  "fontSize": "{font-size-300}",
372
378
  "letterSpacing": "{letter-spacing.normal}"
@@ -375,8 +381,8 @@
375
381
  },
376
382
  "md": {
377
383
  "value": {
378
- "fontFamily": "{font-family-body}",
379
- "fontWeight": "{font-weight.normal}",
384
+ "fontFamily": "{font-family.alias.body}",
385
+ "fontWeight": "{font-weight.alias.normal}",
380
386
  "lineHeight": "{line-height.reading}",
381
387
  "fontSize": "{font-size-200}",
382
388
  "letterSpacing": "{letter-spacing.normal}"
@@ -385,8 +391,8 @@
385
391
  },
386
392
  "sm": {
387
393
  "value": {
388
- "fontFamily": "{font-family-body}",
389
- "fontWeight": "{font-weight.normal}",
394
+ "fontFamily": "{font-family.alias.body}",
395
+ "fontWeight": "{font-weight.alias.normal}",
390
396
  "lineHeight": "{line-height.reading}",
391
397
  "fontSize": "{font-size-100}",
392
398
  "letterSpacing": "{letter-spacing.tight}"
package/tokens/brands/whitelabel/whitelabel.json CHANGED
@@ -1,15 +1,19 @@
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"
2
+ "font-family": {
3
+ "alias": {
4
+ "body": {
5
+ "value": "{font-family-helvetica}",
6
+ "type": "fontFamilies"
7
+ },
8
+ "heading": {
9
+ "value": "{font-family-simplistic-outline}",
10
+ "type": "fontFamilies"
11
+ },
12
+ "subheading": {
13
+ "value": "{font-family-simplistic-outline}",
14
+ "type": "fontFamilies"
15
+ }
16
+ }
13
17
  },
14
18
  "font-size": {
15
19
  "reading": {
@@ -22,17 +26,19 @@
22
26
  }
23
27
  },
24
28
  "font-weight": {
25
- "normal": {
26
- "value": "{font-weight-300}",
27
- "type": "fontWeights"
28
- },
29
- "medium": {
30
- "value": "{font-weight-400}",
31
- "type": "fontWeights"
32
- },
33
- "bold": {
34
- "value": "{font-weight-500}",
35
- "type": "fontWeights"
29
+ "alias": {
30
+ "normal": {
31
+ "value": "{font-weight-300}",
32
+ "type": "fontWeights"
33
+ },
34
+ "medium": {
35
+ "value": "{font-weight-500}",
36
+ "type": "fontWeights"
37
+ },
38
+ "bold": {
39
+ "value": "{font-weight-700}",
40
+ "type": "fontWeights"
41
+ }
36
42
  }
37
43
  },
38
44
  "line-height": {
@@ -255,8 +261,8 @@
255
261
  "heading": {
256
262
  "xl": {
257
263
  "value": {
258
- "fontFamily": "{font-family-heading}",
259
- "fontWeight": "{font-weight.bold}",
264
+ "fontFamily": "{font-family.alias.heading}",
265
+ "fontWeight": "{font-weight.alias.bold}",
260
266
  "lineHeight": "{line-height.compact}",
261
267
  "fontSize": "{font-size-500}",
262
268
  "letterSpacing": "{letter-spacing.normal}"
@@ -265,8 +271,8 @@
265
271
  },
266
272
  "lg": {
267
273
  "value": {
268
- "fontFamily": "{font-family-heading}",
269
- "fontWeight": "{font-weight.bold}",
274
+ "fontFamily": "{font-family.alias.heading}",
275
+ "fontWeight": "{font-weight.alias.bold}",
270
276
  "lineHeight": "{line-height.compact}",
271
277
  "fontSize": "{font-size-400}",
272
278
  "letterSpacing": "{letter-spacing.normal}"
@@ -275,8 +281,8 @@
275
281
  },
276
282
  "md": {
277
283
  "value": {
278
- "fontFamily": "{font-family-heading}",
279
- "fontWeight": "{font-weight.bold}",
284
+ "fontFamily": "{font-family.alias.heading}",
285
+ "fontWeight": "{font-weight.alias.bold}",
280
286
  "lineHeight": "{line-height.relaxed}",
281
287
  "fontSize": "{font-size-300}",
282
288
  "letterSpacing": "{letter-spacing.normal}"
@@ -285,8 +291,8 @@
285
291
  },
286
292
  "sm": {
287
293
  "value": {
288
- "fontFamily": "{font-family-heading}",
289
- "fontWeight": "{font-weight.bold}",
294
+ "fontFamily": "{font-family.alias.heading}",
295
+ "fontWeight": "{font-weight.alias.bold}",
290
296
  "lineHeight": "{line-height.relaxed}",
291
297
  "fontSize": "{font-size-200}",
292
298
  "letterSpacing": "{letter-spacing.normal}"
@@ -295,8 +301,8 @@
295
301
  },
296
302
  "xs": {
297
303
  "value": {
298
- "fontFamily": "{font-family-heading}",
299
- "fontWeight": "{font-weight.bold}",
304
+ "fontFamily": "{font-family.alias.heading}",
305
+ "fontWeight": "{font-weight.alias.bold}",
300
306
  "lineHeight": "{line-height.relaxed}",
301
307
  "fontSize": "{font-size-100}",
302
308
  "letterSpacing": "{letter-spacing.normal}"
@@ -305,8 +311,8 @@
305
311
  },
306
312
  "xxs": {
307
313
  "value": {
308
- "fontFamily": "{font-family-heading}",
309
- "fontWeight": "{font-weight.bold}",
314
+ "fontFamily": "{font-family.alias.heading}",
315
+ "fontWeight": "{font-weight.alias.bold}",
310
316
  "lineHeight": "{line-height.relaxed}",
311
317
  "fontSize": "{font-size-100}",
312
318
  "letterSpacing": "{letter-spacing.tight}"
@@ -314,11 +320,11 @@
314
320
  "type": "typography"
315
321
  }
316
322
  },
317
- "subtitle": {
323
+ "subheading": {
318
324
  "lg": {
319
325
  "value": {
320
- "fontFamily": "{font-family-subheading}",
321
- "fontWeight": "{font-weight.medium}",
326
+ "fontFamily": "{font-family.alias.subheading}",
327
+ "fontWeight": "{font-weight.alias.medium}",
322
328
  "lineHeight": "{line-height.compact}",
323
329
  "fontSize": "{font-size-300}",
324
330
  "letterSpacing": "{letter-spacing.normal}"
@@ -327,8 +333,8 @@
327
333
  },
328
334
  "md": {
329
335
  "value": {
330
- "fontFamily": "{font-family-subheading}",
331
- "fontWeight": "{font-weight.medium}",
336
+ "fontFamily": "{font-family.alias.subheading}",
337
+ "fontWeight": "{font-weight.alias.medium}",
332
338
  "lineHeight": "{line-height.relaxed}",
333
339
  "fontSize": "{font-size-200}",
334
340
  "letterSpacing": "{letter-spacing.normal}"
@@ -337,31 +343,31 @@
337
343
  },
338
344
  "sm": {
339
345
  "value": {
340
- "fontFamily": "{font-family-subheading}",
341
- "fontWeight": "{font-weight.medium}",
346
+ "fontFamily": "{font-family.alias.subheading}",
347
+ "fontWeight": "{font-weight.alias.medium}",
342
348
  "lineHeight": "{line-height.relaxed}",
343
349
  "fontSize": "{font-size-100}",
344
- "letterSpacing": "{letter-spacing.tight}"
350
+ "letterSpacing": "{letter-spacing.normal}"
345
351
  },
346
352
  "type": "typography"
347
353
  },
348
354
  "xs": {
349
355
  "value": {
350
- "fontFamily": "{font-family-subheading}",
351
- "fontWeight": "{font-weight.medium}",
356
+ "fontFamily": "{font-family.alias.subheading}",
357
+ "fontWeight": "{font-weight.alias.medium}",
352
358
  "lineHeight": "{line-height.relaxed}",
353
359
  "fontSize": "{font-size-100}",
354
- "letterSpacing": "{letter-spacing.tight}"
360
+ "letterSpacing": "{letter-spacing.normal}"
355
361
  },
356
362
  "type": "typography"
357
363
  },
358
364
  "xxs": {
359
365
  "value": {
360
- "fontFamily": "{font-family-subheading}",
361
- "fontWeight": "{font-weight.medium}",
366
+ "fontFamily": "{font-family.alias.subheading}",
367
+ "fontWeight": "{font-weight.alias.medium}",
362
368
  "lineHeight": "{line-height.relaxed}",
363
369
  "fontSize": "{font-size-100}",
364
- "letterSpacing": "{letter-spacing.tight}"
370
+ "letterSpacing": "{letter-spacing.normal}"
365
371
  },
366
372
  "type": "typography"
367
373
  }
@@ -369,8 +375,8 @@
369
375
  "body": {
370
376
  "lg": {
371
377
  "value": {
372
- "fontFamily": "{font-family-body}",
373
- "fontWeight": "{font-weight.normal}",
378
+ "fontFamily": "{font-family.alias.body}",
379
+ "fontWeight": "{font-weight.alias.normal}",
374
380
  "lineHeight": "{line-height.reading}",
375
381
  "fontSize": "{font-size-300}",
376
382
  "letterSpacing": "{letter-spacing.normal}"
@@ -379,8 +385,8 @@
379
385
  },
380
386
  "md": {
381
387
  "value": {
382
- "fontFamily": "{font-family-body}",
383
- "fontWeight": "{font-weight.normal}",
388
+ "fontFamily": "{font-family.alias.body}",
389
+ "fontWeight": "{font-weight.alias.normal}",
384
390
  "lineHeight": "{line-height.reading}",
385
391
  "fontSize": "{font-size-200}",
386
392
  "letterSpacing": "{letter-spacing.normal}"
@@ -389,8 +395,8 @@
389
395
  },
390
396
  "sm": {
391
397
  "value": {
392
- "fontFamily": "{font-family-body}",
393
- "fontWeight": "{font-weight.normal}",
398
+ "fontFamily": "{font-family.alias.body}",
399
+ "fontWeight": "{font-weight.alias.normal}",
394
400
  "lineHeight": "{line-height.reading}",
395
401
  "fontSize": "{font-size-100}",
396
402
  "letterSpacing": "{letter-spacing.tight}"
package/tokens/globals/global.json CHANGED
@@ -79,6 +79,10 @@
79
79
  "value": "600",
80
80
  "type": "fontWeights"
81
81
  },
82
+ "font-weight-700": {
83
+ "value": "700",
84
+ "type": "fontWeights"
85
+ },
82
86
  "line-height-100": {
83
87
  "value": "100%",
84
88
  "type": "lineHeights",
@@ -119,27 +123,27 @@
119
123
  "type": "spacing"
120
124
  },
121
125
  "spacing-200": {
122
- "value": "{spacing-100}*2",
126
+ "value": "8px",
123
127
  "type": "spacing"
124
128
  },
125
129
  "spacing-300": {
126
- "value": "{spacing-200}*2",
130
+ "value": "12px",
127
131
  "type": "spacing"
128
132
  },
129
133
  "spacing-400": {
130
- "value": "{spacing-300}*2",
134
+ "value": "16px",
131
135
  "type": "spacing"
132
136
  },
133
137
  "spacing-500": {
134
- "value": "{spacing-400}*2",
138
+ "value": "32px",
135
139
  "type": "spacing"
136
140
  },
137
141
  "spacing-600": {
138
- "value": "{spacing-500}*2",
142
+ "value": "64",
139
143
  "type": "spacing"
140
144
  },
141
145
  "spacing-700": {
142
- "value": "{spacing-600}*2",
146
+ "value": "128px",
143
147
  "type": "spacing"
144
148
  },
145
149
  "color": {