villa-design-tokens 1.0.13 → 1.0.15

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