villa-design-tokens 1.0.14 → 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 +34 -30
  3. package/tokens/brands/whitelabel/whitelabel.json +34 -30
  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.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,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": {
@@ -27,11 +31,11 @@
27
31
  "type": "fontWeights"
28
32
  },
29
33
  "medium": {
30
- "value": "{font-weight-400}",
34
+ "value": "{font-weight-500}",
31
35
  "type": "fontWeights"
32
36
  },
33
37
  "bold": {
34
- "value": "{font-weight-500}",
38
+ "value": "{font-weight-700}",
35
39
  "type": "fontWeights"
36
40
  }
37
41
  },
@@ -251,7 +255,7 @@
251
255
  "heading": {
252
256
  "xl": {
253
257
  "value": {
254
- "fontFamily": "{font-family-heading}",
258
+ "fontFamily": "{font-family.alias.heading}",
255
259
  "fontWeight": "{font-weight.bold}",
256
260
  "lineHeight": "{line-height.compact}",
257
261
  "fontSize": "{font-size-500}",
@@ -261,7 +265,7 @@
261
265
  },
262
266
  "lg": {
263
267
  "value": {
264
- "fontFamily": "{font-family-heading}",
268
+ "fontFamily": "{font-family.alias.heading}",
265
269
  "fontWeight": "{font-weight.bold}",
266
270
  "lineHeight": "{line-height.compact}",
267
271
  "fontSize": "{font-size-400}",
@@ -271,7 +275,7 @@
271
275
  },
272
276
  "md": {
273
277
  "value": {
274
- "fontFamily": "{font-family-heading}",
278
+ "fontFamily": "{font-family.alias.heading}",
275
279
  "fontWeight": "{font-weight.bold}",
276
280
  "lineHeight": "{line-height.relaxed}",
277
281
  "fontSize": "{font-size-300}",
@@ -281,7 +285,7 @@
281
285
  },
282
286
  "sm": {
283
287
  "value": {
284
- "fontFamily": "{font-family-heading}",
288
+ "fontFamily": "{font-family.alias.heading}",
285
289
  "fontWeight": "{font-weight.bold}",
286
290
  "lineHeight": "{line-height.relaxed}",
287
291
  "fontSize": "{font-size-200}",
@@ -291,7 +295,7 @@
291
295
  },
292
296
  "xs": {
293
297
  "value": {
294
- "fontFamily": "{font-family-heading}",
298
+ "fontFamily": "{font-family.alias.heading}",
295
299
  "fontWeight": "{font-weight.bold}",
296
300
  "lineHeight": "{line-height.relaxed}",
297
301
  "fontSize": "{font-size-100}",
@@ -301,7 +305,7 @@
301
305
  },
302
306
  "xxs": {
303
307
  "value": {
304
- "fontFamily": "{font-family-heading}",
308
+ "fontFamily": "{font-family.alias.heading}",
305
309
  "fontWeight": "{font-weight.bold}",
306
310
  "lineHeight": "{line-height.relaxed}",
307
311
  "fontSize": "{font-size-100}",
@@ -313,7 +317,7 @@
313
317
  "subtitle": {
314
318
  "lg": {
315
319
  "value": {
316
- "fontFamily": "{font-family-subheading}",
320
+ "fontFamily": "{font-family.alias.heading}",
317
321
  "fontWeight": "{font-weight.medium}",
318
322
  "lineHeight": "{line-height.compact}",
319
323
  "fontSize": "{font-size-300}",
@@ -323,7 +327,7 @@
323
327
  },
324
328
  "md": {
325
329
  "value": {
326
- "fontFamily": "{font-family-subheading}",
330
+ "fontFamily": "{font-family.alias.subheading}",
327
331
  "fontWeight": "{font-weight.medium}",
328
332
  "lineHeight": "{line-height.relaxed}",
329
333
  "fontSize": "{font-size-200}",
@@ -333,31 +337,31 @@
333
337
  },
334
338
  "sm": {
335
339
  "value": {
336
- "fontFamily": "{font-family-subheading}",
340
+ "fontFamily": "{font-family.alias.subheading}",
337
341
  "fontWeight": "{font-weight.medium}",
338
342
  "lineHeight": "{line-height.relaxed}",
339
343
  "fontSize": "{font-size-100}",
340
- "letterSpacing": "{letter-spacing.tight}"
344
+ "letterSpacing": "{letter-spacing.normal}"
341
345
  },
342
346
  "type": "typography"
343
347
  },
344
348
  "xs": {
345
349
  "value": {
346
- "fontFamily": "{font-family-subheading}",
350
+ "fontFamily": "{font-family.alias.subheading}",
347
351
  "fontWeight": "{font-weight.medium}",
348
352
  "lineHeight": "{line-height.relaxed}",
349
353
  "fontSize": "{font-size-100}",
350
- "letterSpacing": "{letter-spacing.tight}"
354
+ "letterSpacing": "{letter-spacing.normal}"
351
355
  },
352
356
  "type": "typography"
353
357
  },
354
358
  "xxs": {
355
359
  "value": {
356
- "fontFamily": "{font-family-subheading}",
360
+ "fontFamily": "{font-family.alias.subheading}",
357
361
  "fontWeight": "{font-weight.medium}",
358
362
  "lineHeight": "{line-height.relaxed}",
359
363
  "fontSize": "{font-size-100}",
360
- "letterSpacing": "{letter-spacing.tight}"
364
+ "letterSpacing": "{letter-spacing.normal}"
361
365
  },
362
366
  "type": "typography"
363
367
  }
@@ -365,7 +369,7 @@
365
369
  "body": {
366
370
  "lg": {
367
371
  "value": {
368
- "fontFamily": "{font-family-body}",
372
+ "fontFamily": "{font-family.alias.body}",
369
373
  "fontWeight": "{font-weight.normal}",
370
374
  "lineHeight": "{line-height.reading}",
371
375
  "fontSize": "{font-size-300}",
@@ -375,7 +379,7 @@
375
379
  },
376
380
  "md": {
377
381
  "value": {
378
- "fontFamily": "{font-family-body}",
382
+ "fontFamily": "{font-family.alias.body}",
379
383
  "fontWeight": "{font-weight.normal}",
380
384
  "lineHeight": "{line-height.reading}",
381
385
  "fontSize": "{font-size-200}",
@@ -385,7 +389,7 @@
385
389
  },
386
390
  "sm": {
387
391
  "value": {
388
- "fontFamily": "{font-family-body}",
392
+ "fontFamily": "{font-family.alias.body}",
389
393
  "fontWeight": "{font-weight.normal}",
390
394
  "lineHeight": "{line-height.reading}",
391
395
  "fontSize": "{font-size-100}",
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": {
@@ -27,11 +31,11 @@
27
31
  "type": "fontWeights"
28
32
  },
29
33
  "medium": {
30
- "value": "{font-weight-400}",
34
+ "value": "{font-weight-500}",
31
35
  "type": "fontWeights"
32
36
  },
33
37
  "bold": {
34
- "value": "{font-weight-500}",
38
+ "value": "{font-weight-700}",
35
39
  "type": "fontWeights"
36
40
  }
37
41
  },
@@ -255,7 +259,7 @@
255
259
  "heading": {
256
260
  "xl": {
257
261
  "value": {
258
- "fontFamily": "{font-family-heading}",
262
+ "fontFamily": "{font-family.alias.heading}",
259
263
  "fontWeight": "{font-weight.bold}",
260
264
  "lineHeight": "{line-height.compact}",
261
265
  "fontSize": "{font-size-500}",
@@ -265,7 +269,7 @@
265
269
  },
266
270
  "lg": {
267
271
  "value": {
268
- "fontFamily": "{font-family-heading}",
272
+ "fontFamily": "{font-family.alias.heading}",
269
273
  "fontWeight": "{font-weight.bold}",
270
274
  "lineHeight": "{line-height.compact}",
271
275
  "fontSize": "{font-size-400}",
@@ -275,7 +279,7 @@
275
279
  },
276
280
  "md": {
277
281
  "value": {
278
- "fontFamily": "{font-family-heading}",
282
+ "fontFamily": "{font-family.alias.heading}",
279
283
  "fontWeight": "{font-weight.bold}",
280
284
  "lineHeight": "{line-height.relaxed}",
281
285
  "fontSize": "{font-size-300}",
@@ -285,7 +289,7 @@
285
289
  },
286
290
  "sm": {
287
291
  "value": {
288
- "fontFamily": "{font-family-heading}",
292
+ "fontFamily": "{font-family.alias.heading}",
289
293
  "fontWeight": "{font-weight.bold}",
290
294
  "lineHeight": "{line-height.relaxed}",
291
295
  "fontSize": "{font-size-200}",
@@ -295,7 +299,7 @@
295
299
  },
296
300
  "xs": {
297
301
  "value": {
298
- "fontFamily": "{font-family-heading}",
302
+ "fontFamily": "{font-family.alias.heading}",
299
303
  "fontWeight": "{font-weight.bold}",
300
304
  "lineHeight": "{line-height.relaxed}",
301
305
  "fontSize": "{font-size-100}",
@@ -305,7 +309,7 @@
305
309
  },
306
310
  "xxs": {
307
311
  "value": {
308
- "fontFamily": "{font-family-heading}",
312
+ "fontFamily": "{font-family.alias.heading}",
309
313
  "fontWeight": "{font-weight.bold}",
310
314
  "lineHeight": "{line-height.relaxed}",
311
315
  "fontSize": "{font-size-100}",
@@ -317,7 +321,7 @@
317
321
  "subtitle": {
318
322
  "lg": {
319
323
  "value": {
320
- "fontFamily": "{font-family-subheading}",
324
+ "fontFamily": "{font-family.alias.heading}",
321
325
  "fontWeight": "{font-weight.medium}",
322
326
  "lineHeight": "{line-height.compact}",
323
327
  "fontSize": "{font-size-300}",
@@ -327,7 +331,7 @@
327
331
  },
328
332
  "md": {
329
333
  "value": {
330
- "fontFamily": "{font-family-subheading}",
334
+ "fontFamily": "{font-family.alias.subheading}",
331
335
  "fontWeight": "{font-weight.medium}",
332
336
  "lineHeight": "{line-height.relaxed}",
333
337
  "fontSize": "{font-size-200}",
@@ -337,31 +341,31 @@
337
341
  },
338
342
  "sm": {
339
343
  "value": {
340
- "fontFamily": "{font-family-subheading}",
344
+ "fontFamily": "{font-family.alias.subheading}",
341
345
  "fontWeight": "{font-weight.medium}",
342
346
  "lineHeight": "{line-height.relaxed}",
343
347
  "fontSize": "{font-size-100}",
344
- "letterSpacing": "{letter-spacing.tight}"
348
+ "letterSpacing": "{letter-spacing.normal}"
345
349
  },
346
350
  "type": "typography"
347
351
  },
348
352
  "xs": {
349
353
  "value": {
350
- "fontFamily": "{font-family-subheading}",
354
+ "fontFamily": "{font-family.alias.subheading}",
351
355
  "fontWeight": "{font-weight.medium}",
352
356
  "lineHeight": "{line-height.relaxed}",
353
357
  "fontSize": "{font-size-100}",
354
- "letterSpacing": "{letter-spacing.tight}"
358
+ "letterSpacing": "{letter-spacing.normal}"
355
359
  },
356
360
  "type": "typography"
357
361
  },
358
362
  "xxs": {
359
363
  "value": {
360
- "fontFamily": "{font-family-subheading}",
364
+ "fontFamily": "{font-family.alias.subheading}",
361
365
  "fontWeight": "{font-weight.medium}",
362
366
  "lineHeight": "{line-height.relaxed}",
363
367
  "fontSize": "{font-size-100}",
364
- "letterSpacing": "{letter-spacing.tight}"
368
+ "letterSpacing": "{letter-spacing.normal}"
365
369
  },
366
370
  "type": "typography"
367
371
  }
@@ -369,7 +373,7 @@
369
373
  "body": {
370
374
  "lg": {
371
375
  "value": {
372
- "fontFamily": "{font-family-body}",
376
+ "fontFamily": "{font-family.alias.body}",
373
377
  "fontWeight": "{font-weight.normal}",
374
378
  "lineHeight": "{line-height.reading}",
375
379
  "fontSize": "{font-size-300}",
@@ -379,7 +383,7 @@
379
383
  },
380
384
  "md": {
381
385
  "value": {
382
- "fontFamily": "{font-family-body}",
386
+ "fontFamily": "{font-family.alias.body}",
383
387
  "fontWeight": "{font-weight.normal}",
384
388
  "lineHeight": "{line-height.reading}",
385
389
  "fontSize": "{font-size-200}",
@@ -389,7 +393,7 @@
389
393
  },
390
394
  "sm": {
391
395
  "value": {
392
- "fontFamily": "{font-family-body}",
396
+ "fontFamily": "{font-family.alias.body}",
393
397
  "fontWeight": "{font-weight.normal}",
394
398
  "lineHeight": "{line-height.reading}",
395
399
  "fontSize": "{font-size-100}",
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": {