villa-design-tokens 1.0.63 → 1.0.65

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 (5) hide show
  1. package/package.json +1 -1
  2. package/tokens/base.json +20 -44
  3. package/tokens/brands/human.json +11 -25
  4. package/tokens/brands/whitelabel.json +9 -23
  5. package/tokens/global.json +4 -0
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.63",
5
+ "version": "1.0.65",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
package/tokens/base.json CHANGED
@@ -2,24 +2,28 @@
2
2
  "text": {
3
3
  "body": {
4
4
  "min": {
5
- "value": {
6
- "fontFamily": "{fontfamily.body}",
7
- "fontWeight": "{fontweight.normal}",
8
- "fontSize": "{fontsize.global.140}",
9
- "lineHeight": "{lineheight.body}",
10
- "letterSpacing": "{letterspacing.body}"
11
- },
12
- "type": "typography"
5
+ "md": {
6
+ "value": {
7
+ "fontFamily": "{fontfamily.body}",
8
+ "fontWeight": "{fontweight.normal}",
9
+ "fontSize": "{fontsize.global.140}",
10
+ "lineHeight": "{lineheight.body}",
11
+ "letterSpacing": "{letterspacing.body}"
12
+ },
13
+ "type": "typography"
14
+ }
13
15
  },
14
16
  "max": {
15
- "value": {
16
- "fontFamily": "{fontfamily.body}",
17
- "fontWeight": "{fontweight.normal}",
18
- "fontSize": "{fontsize.global.180}",
19
- "lineHeight": "{lineheight.body}",
20
- "letterSpacing": "{letterspacing.body}"
21
- },
22
- "type": "typography"
17
+ "md": {
18
+ "value": {
19
+ "fontFamily": "{fontfamily.body}",
20
+ "fontWeight": "{fontweight.normal}",
21
+ "fontSize": "{fontsize.global.180}",
22
+ "lineHeight": "{lineheight.body}",
23
+ "letterSpacing": "{letterspacing.body}"
24
+ },
25
+ "type": "typography"
26
+ }
23
27
  }
24
28
  },
25
29
  "label": {
@@ -273,34 +277,6 @@
273
277
  "type": "fontWeights"
274
278
  }
275
279
  },
276
- "lineheight": {
277
- "tight": {
278
- "value": "{lineheight.global.100}",
279
- "type": "lineHeights"
280
- },
281
- "normal": {
282
- "value": "{lineheight.global.200}",
283
- "type": "lineHeights"
284
- },
285
- "loose": {
286
- "value": "{lineheight.global.300}",
287
- "type": "lineHeights"
288
- }
289
- },
290
- "letterspacing": {
291
- "tight": {
292
- "value": "{letterspacing.global.100}",
293
- "type": "letterSpacing"
294
- },
295
- "normal": {
296
- "value": "{letterspacing.global.200}",
297
- "type": "letterSpacing"
298
- },
299
- "loose": {
300
- "value": "{letterspacing.global.300}",
301
- "type": "letterSpacing"
302
- }
303
- },
304
280
  "spacing": {
305
281
  "100": {
306
282
  "value": "4px",
package/tokens/brands/human.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "fontfamily": {
3
3
  "body": {
4
- "value": "{fontfamily.global.bureau}",
4
+ "value": "{fontfamily.global.roboto}",
5
5
  "type": "fontFamilies"
6
6
  },
7
7
  "label": {
8
- "value": "{fontfamily.global.bureau}",
8
+ "value": "{fontfamily.body}",
9
9
  "type": "fontFamilies"
10
10
  },
11
11
  "heading": {
@@ -13,46 +13,32 @@
13
13
  "type": "fontFamilies"
14
14
  }
15
15
  },
16
- "fontweight": {
17
- "body": {
18
- "value": "{fontweight.normal}",
19
- "type": "fontWeights"
20
- },
21
- "label": {
22
- "value": "{fontweight.medium}",
23
- "type": "fontWeights"
24
- },
25
- "heading": {
26
- "value": "{fontweight.bold}",
27
- "type": "fontWeights"
28
- }
29
- },
30
16
  "lineheight": {
31
17
  "body": {
32
- "value": "{lineheight.normal}",
18
+ "value": "{lineheight.global.200}",
33
19
  "type": "lineHeights"
34
20
  },
35
21
  "label": {
36
- "value": "{lineheight.tight}",
22
+ "value": "{lineheight.global.100}",
37
23
  "type": "lineHeights"
38
24
  },
39
25
  "heading": {
40
- "value": "{lineheight.tight}",
26
+ "value": "{lineheight.global.100}",
41
27
  "type": "lineHeights"
42
28
  }
43
29
  },
44
30
  "letterspacing": {
45
31
  "body": {
46
- "value": "{lineheight.normal}",
47
- "type": "lineHeights"
32
+ "value": "{letterspacing.global.200}",
33
+ "type": "letterSpacing"
48
34
  },
49
35
  "label": {
50
- "value": "{lineheight.normal}",
51
- "type": "lineHeights"
36
+ "value": "{letterspacing.global.200}",
37
+ "type": "letterSpacing"
52
38
  },
53
39
  "heading": {
54
- "value": "{lineheight.normal}",
55
- "type": "lineHeights"
40
+ "value": "{letterspacing.global.200}",
41
+ "type": "letterSpacing"
56
42
  }
57
43
  },
58
44
  "color": {
package/tokens/brands/whitelabel.json CHANGED
@@ -13,46 +13,32 @@
13
13
  "type": "fontFamilies"
14
14
  }
15
15
  },
16
- "fontweight": {
17
- "body": {
18
- "value": "{fontweight.normal}",
19
- "type": "fontWeights"
20
- },
21
- "label": {
22
- "value": "{fontweight.medium}",
23
- "type": "fontWeights"
24
- },
25
- "heading": {
26
- "value": "{fontweight.bold}",
27
- "type": "fontWeights"
28
- }
29
- },
30
16
  "lineheight": {
31
17
  "body": {
32
- "value": "{lineheight.normal}",
18
+ "value": "{lineheight.global.200}",
33
19
  "type": "lineHeights"
34
20
  },
35
21
  "label": {
36
- "value": "{lineheight.tight}",
22
+ "value": "{lineheight.global.100}",
37
23
  "type": "lineHeights"
38
24
  },
39
25
  "heading": {
40
- "value": "{lineheight.tight}",
26
+ "value": "{lineheight.global.100}",
41
27
  "type": "lineHeights"
42
28
  }
43
29
  },
44
30
  "letterspacing": {
45
31
  "body": {
46
- "value": "{lineheight.normal}",
47
- "type": "lineHeights"
32
+ "value": "{letterspacing.global.200}",
33
+ "type": "letterSpacing"
48
34
  },
49
35
  "label": {
50
- "value": "{lineheight.normal}",
51
- "type": "lineHeights"
36
+ "value": "{letterspacing.global.200}",
37
+ "type": "letterSpacing"
52
38
  },
53
39
  "heading": {
54
- "value": "{lineheight.normal}",
55
- "type": "lineHeights"
40
+ "value": "{letterspacing.global.200}",
41
+ "type": "letterSpacing"
56
42
  }
57
43
  },
58
44
  "color": {
package/tokens/global.json CHANGED
@@ -24,6 +24,10 @@
24
24
  "helvetica": {
25
25
  "value": "Helvetica Neue",
26
26
  "type": "fontFamilies"
27
+ },
28
+ "roboto": {
29
+ "value": "Roboto",
30
+ "type": "fontFamilies"
27
31
  }
28
32
  }
29
33
  },