villa-design-tokens 1.0.61 → 1.0.63

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/base.json +96 -50
  3. package/tokens/brands/human.json +21 -25
  4. package/tokens/brands/whitelabel.json +21 -25
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.61",
5
+ "version": "1.0.63",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
package/tokens/base.json CHANGED
@@ -4,20 +4,20 @@
4
4
  "min": {
5
5
  "value": {
6
6
  "fontFamily": "{fontfamily.body}",
7
- "fontWeight": "{fontweight.medium}",
7
+ "fontWeight": "{fontweight.normal}",
8
8
  "fontSize": "{fontsize.global.140}",
9
- "lineHeight": "{lineheight.normal}",
10
- "letterSpacing": "{letterspacing.normal}"
9
+ "lineHeight": "{lineheight.body}",
10
+ "letterSpacing": "{letterspacing.body}"
11
11
  },
12
12
  "type": "typography"
13
13
  },
14
14
  "max": {
15
15
  "value": {
16
16
  "fontFamily": "{fontfamily.body}",
17
- "fontWeight": "{fontweight.medium}",
17
+ "fontWeight": "{fontweight.normal}",
18
18
  "fontSize": "{fontsize.global.180}",
19
- "lineHeight": "{lineheight.normal}",
20
- "letterSpacing": "{letterspacing.normal}"
19
+ "lineHeight": "{lineheight.body}",
20
+ "letterSpacing": "{letterspacing.body}"
21
21
  },
22
22
  "type": "typography"
23
23
  }
@@ -29,8 +29,8 @@
29
29
  "fontFamily": "{fontfamily.label}",
30
30
  "fontWeight": "{fontweight.medium}",
31
31
  "fontSize": "{fontsize.global.100}",
32
- "lineHeight": "{lineheight.tight}",
33
- "letterSpacing": "{letterspacing.normal}"
32
+ "lineHeight": "{lineheight.label}",
33
+ "letterSpacing": "{letterspacing.label}"
34
34
  },
35
35
  "type": "typography"
36
36
  },
@@ -39,8 +39,8 @@
39
39
  "fontFamily": "{fontfamily.label}",
40
40
  "fontWeight": "{fontweight.medium}",
41
41
  "fontSize": "{fontsize.global.60}",
42
- "lineHeight": "{lineheight.tight}",
43
- "letterSpacing": "{letterspacing.normal}"
42
+ "lineHeight": "{lineheight.label}",
43
+ "letterSpacing": "{letterspacing.label}"
44
44
  },
45
45
  "type": "typography"
46
46
  },
@@ -49,8 +49,8 @@
49
49
  "fontFamily": "{fontfamily.label}",
50
50
  "fontWeight": "{fontweight.medium}",
51
51
  "fontSize": "{fontsize.global.40}",
52
- "lineHeight": "{lineheight.tight}",
53
- "letterSpacing": "{letterspacing.normal}"
52
+ "lineHeight": "{lineheight.label}",
53
+ "letterSpacing": "{letterspacing.label}"
54
54
  },
55
55
  "type": "typography"
56
56
  }
@@ -61,8 +61,8 @@
61
61
  "fontFamily": "{fontfamily.label}",
62
62
  "fontWeight": "{fontweight.medium}",
63
63
  "fontSize": "{fontsize.global.120}",
64
- "lineHeight": "{lineheight.tight}",
65
- "letterSpacing": "{letterspacing.normal}"
64
+ "lineHeight": "{lineheight.label}",
65
+ "letterSpacing": "{letterspacing.label}"
66
66
  },
67
67
  "type": "typography"
68
68
  },
@@ -71,8 +71,8 @@
71
71
  "fontFamily": "{fontfamily.label}",
72
72
  "fontWeight": "{fontweight.medium}",
73
73
  "fontSize": "{fontsize.global.80}",
74
- "lineHeight": "{lineheight.tight}",
75
- "letterSpacing": "{letterspacing.normal}"
74
+ "lineHeight": "{lineheight.label}",
75
+ "letterSpacing": "{letterspacing.label}"
76
76
  },
77
77
  "type": "typography"
78
78
  },
@@ -81,8 +81,8 @@
81
81
  "fontFamily": "{fontfamily.label}",
82
82
  "fontWeight": "{fontweight.medium}",
83
83
  "fontSize": "{fontsize.global.20}",
84
- "lineHeight": "{lineheight.tight}",
85
- "letterSpacing": "{letterspacing.normal}"
84
+ "lineHeight": "{lineheight.label}",
85
+ "letterSpacing": "{letterspacing.label}"
86
86
  },
87
87
  "type": "typography"
88
88
  }
@@ -95,8 +95,8 @@
95
95
  "fontFamily": "{fontfamily.heading}",
96
96
  "fontWeight": "{fontweight.bold}",
97
97
  "fontSize": "{fontsize.global.400}",
98
- "lineHeight": "{lineheight.tight}",
99
- "letterSpacing": "{letterspacing.normal}"
98
+ "lineHeight": "{lineheight.heading}",
99
+ "letterSpacing": "{letterspacing.heading}"
100
100
  },
101
101
  "type": "typography"
102
102
  },
@@ -105,8 +105,8 @@
105
105
  "fontFamily": "{fontfamily.heading}",
106
106
  "fontWeight": "{fontweight.bold}",
107
107
  "fontSize": "{fontsize.global.360}",
108
- "lineHeight": "{lineheight.tight}",
109
- "letterSpacing": "{letterspacing.normal}"
108
+ "lineHeight": "{lineheight.heading}",
109
+ "letterSpacing": "{letterspacing.heading}"
110
110
  },
111
111
  "type": "typography"
112
112
  },
@@ -115,8 +115,8 @@
115
115
  "fontFamily": "{fontfamily.heading}",
116
116
  "fontWeight": "{fontweight.bold}",
117
117
  "fontSize": "{fontsize.global.340}",
118
- "lineHeight": "{lineheight.tight}",
119
- "letterSpacing": "{letterspacing.normal}"
118
+ "lineHeight": "{lineheight.heading}",
119
+ "letterSpacing": "{letterspacing.heading}"
120
120
  },
121
121
  "type": "typography"
122
122
  },
@@ -125,8 +125,8 @@
125
125
  "fontFamily": "{fontfamily.heading}",
126
126
  "fontWeight": "{fontweight.bold}",
127
127
  "fontSize": "{fontsize.global.300}",
128
- "lineHeight": "{lineheight.tight}",
129
- "letterSpacing": "{letterspacing.normal}"
128
+ "lineHeight": "{lineheight.heading}",
129
+ "letterSpacing": "{letterspacing.heading}"
130
130
  },
131
131
  "type": "typography"
132
132
  },
@@ -135,8 +135,8 @@
135
135
  "fontFamily": "{fontfamily.heading}",
136
136
  "fontWeight": "{fontweight.bold}",
137
137
  "fontSize": "{fontsize.global.280}",
138
- "lineHeight": "{lineheight.tight}",
139
- "letterSpacing": "{letterspacing.normal}"
138
+ "lineHeight": "{lineheight.heading}",
139
+ "letterSpacing": "{letterspacing.heading}"
140
140
  },
141
141
  "type": "typography"
142
142
  },
@@ -145,8 +145,8 @@
145
145
  "fontFamily": "{fontfamily.heading}",
146
146
  "fontWeight": "{fontweight.bold}",
147
147
  "fontSize": "{fontsize.global.240}",
148
- "lineHeight": "{lineheight.tight}",
149
- "letterSpacing": "{letterspacing.normal}"
148
+ "lineHeight": "{lineheight.heading}",
149
+ "letterSpacing": "{letterspacing.heading}"
150
150
  },
151
151
  "type": "typography"
152
152
  },
@@ -155,8 +155,8 @@
155
155
  "fontFamily": "{fontfamily.heading}",
156
156
  "fontWeight": "{fontweight.bold}",
157
157
  "fontSize": "{fontsize.global.200}",
158
- "lineHeight": "{lineheight.tight}",
159
- "letterSpacing": "{letterspacing.normal}"
158
+ "lineHeight": "{lineheight.heading}",
159
+ "letterSpacing": "{letterspacing.heading}"
160
160
  },
161
161
  "type": "typography"
162
162
  },
@@ -165,8 +165,8 @@
165
165
  "fontFamily": "{fontfamily.heading}",
166
166
  "fontWeight": "{fontweight.bold}",
167
167
  "fontSize": "{fontsize.global.160}",
168
- "lineHeight": "{lineheight.tight}",
169
- "letterSpacing": "{letterspacing.normal}"
168
+ "lineHeight": "{lineheight.heading}",
169
+ "letterSpacing": "{letterspacing.heading}"
170
170
  },
171
171
  "type": "typography"
172
172
  }
@@ -177,8 +177,8 @@
177
177
  "fontFamily": "{fontfamily.heading}",
178
178
  "fontWeight": "{fontweight.bold}",
179
179
  "fontSize": "{fontsize.global.480}",
180
- "lineHeight": "{lineheight.tight}",
181
- "letterSpacing": "{letterspacing.normal}"
180
+ "lineHeight": "{lineheight.heading}",
181
+ "letterSpacing": "{letterspacing.heading}"
182
182
  },
183
183
  "type": "typography"
184
184
  },
@@ -187,8 +187,8 @@
187
187
  "fontFamily": "{fontfamily.heading}",
188
188
  "fontWeight": "{fontweight.bold}",
189
189
  "fontSize": "{fontsize.global.460}",
190
- "lineHeight": "{lineheight.tight}",
191
- "letterSpacing": "{letterspacing.normal}"
190
+ "lineHeight": "{lineheight.heading}",
191
+ "letterSpacing": "{letterspacing.heading}"
192
192
  },
193
193
  "type": "typography"
194
194
  },
@@ -197,8 +197,8 @@
197
197
  "fontFamily": "{fontfamily.heading}",
198
198
  "fontWeight": "{fontweight.bold}",
199
199
  "fontSize": "{fontsize.global.440}",
200
- "lineHeight": "{lineheight.tight}",
201
- "letterSpacing": "{letterspacing.normal}"
200
+ "lineHeight": "{lineheight.heading}",
201
+ "letterSpacing": "{letterspacing.heading}"
202
202
  },
203
203
  "type": "typography"
204
204
  },
@@ -207,8 +207,8 @@
207
207
  "fontFamily": "{fontfamily.heading}",
208
208
  "fontWeight": "{fontweight.bold}",
209
209
  "fontSize": "{fontsize.global.420}",
210
- "lineHeight": "{lineheight.tight}",
211
- "letterSpacing": "{letterspacing.normal}"
210
+ "lineHeight": "{lineheight.heading}",
211
+ "letterSpacing": "{letterspacing.heading}"
212
212
  },
213
213
  "type": "typography"
214
214
  },
@@ -217,8 +217,8 @@
217
217
  "fontFamily": "{fontfamily.heading}",
218
218
  "fontWeight": "{fontweight.bold}",
219
219
  "fontSize": "{fontsize.global.380}",
220
- "lineHeight": "{lineheight.tight}",
221
- "letterSpacing": "{letterspacing.normal}"
220
+ "lineHeight": "{lineheight.heading}",
221
+ "letterSpacing": "{letterspacing.heading}"
222
222
  },
223
223
  "type": "typography"
224
224
  },
@@ -227,8 +227,8 @@
227
227
  "fontFamily": "{fontfamily.heading}",
228
228
  "fontWeight": "{fontweight.bold}",
229
229
  "fontSize": "{fontsize.global.320}",
230
- "lineHeight": "{lineheight.tight}",
231
- "letterSpacing": "{letterspacing.normal}"
230
+ "lineHeight": "{lineheight.heading}",
231
+ "letterSpacing": "{letterspacing.heading}"
232
232
  },
233
233
  "type": "typography"
234
234
  },
@@ -237,8 +237,8 @@
237
237
  "fontFamily": "{fontfamily.heading}",
238
238
  "fontWeight": "{fontweight.bold}",
239
239
  "fontSize": "{fontsize.global.260}",
240
- "lineHeight": "{lineheight.tight}",
241
- "letterSpacing": "{letterspacing.normal}"
240
+ "lineHeight": "{lineheight.heading}",
241
+ "letterSpacing": "{letterspacing.heading}"
242
242
  },
243
243
  "type": "typography"
244
244
  },
@@ -247,14 +247,60 @@
247
247
  "fontFamily": "{fontfamily.heading}",
248
248
  "fontWeight": "{fontweight.bold}",
249
249
  "fontSize": "{fontsize.global.220}",
250
- "lineHeight": "{lineheight.tight}",
251
- "letterSpacing": "{letterspacing.normal}"
250
+ "lineHeight": "{lineheight.heading}",
251
+ "letterSpacing": "{letterspacing.heading}"
252
252
  },
253
253
  "type": "typography"
254
254
  }
255
255
  }
256
256
  }
257
257
  },
258
+ "fontweight": {
259
+ "light": {
260
+ "value": "300",
261
+ "type": "fontWeights"
262
+ },
263
+ "normal": {
264
+ "value": "400",
265
+ "type": "fontWeights"
266
+ },
267
+ "medium": {
268
+ "value": "500",
269
+ "type": "fontWeights"
270
+ },
271
+ "bold": {
272
+ "value": "700",
273
+ "type": "fontWeights"
274
+ }
275
+ },
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
+ },
258
304
  "spacing": {
259
305
  "100": {
260
306
  "value": "4px",
package/tokens/brands/human.json CHANGED
@@ -14,49 +14,45 @@
14
14
  }
15
15
  },
16
16
  "fontweight": {
17
- "light": {
18
- "value": "{fontweight.global.200}",
19
- "type": "fontWeights"
20
- },
21
- "normal": {
22
- "value": "{fontweight.global.400}",
17
+ "body": {
18
+ "value": "{fontweight.normal}",
23
19
  "type": "fontWeights"
24
20
  },
25
- "medium": {
26
- "value": "{fontweight.global.500}",
21
+ "label": {
22
+ "value": "{fontweight.medium}",
27
23
  "type": "fontWeights"
28
24
  },
29
- "bold": {
30
- "value": "{fontweight.global.700}",
25
+ "heading": {
26
+ "value": "{fontweight.bold}",
31
27
  "type": "fontWeights"
32
28
  }
33
29
  },
34
30
  "lineheight": {
35
- "tight": {
36
- "value": "{lineheight.global.100}",
31
+ "body": {
32
+ "value": "{lineheight.normal}",
37
33
  "type": "lineHeights"
38
34
  },
39
- "normal": {
40
- "value": "{lineheight.global.200}",
35
+ "label": {
36
+ "value": "{lineheight.tight}",
41
37
  "type": "lineHeights"
42
38
  },
43
- "loose": {
44
- "value": "{lineheight.global.300}",
39
+ "heading": {
40
+ "value": "{lineheight.tight}",
45
41
  "type": "lineHeights"
46
42
  }
47
43
  },
48
44
  "letterspacing": {
49
- "tight": {
50
- "value": "{letterspacing.global.100}",
51
- "type": "letterSpacing"
45
+ "body": {
46
+ "value": "{lineheight.normal}",
47
+ "type": "lineHeights"
52
48
  },
53
- "normal": {
54
- "value": "{letterspacing.global.200}",
55
- "type": "letterSpacing"
49
+ "label": {
50
+ "value": "{lineheight.normal}",
51
+ "type": "lineHeights"
56
52
  },
57
- "loose": {
58
- "value": "{letterspacing.global.300}",
59
- "type": "letterSpacing"
53
+ "heading": {
54
+ "value": "{lineheight.normal}",
55
+ "type": "lineHeights"
60
56
  }
61
57
  },
62
58
  "color": {
package/tokens/brands/whitelabel.json CHANGED
@@ -14,49 +14,45 @@
14
14
  }
15
15
  },
16
16
  "fontweight": {
17
- "light": {
18
- "value": "{fontweight.global.300}",
19
- "type": "fontWeights"
20
- },
21
- "normal": {
22
- "value": "{fontweight.global.400}",
17
+ "body": {
18
+ "value": "{fontweight.normal}",
23
19
  "type": "fontWeights"
24
20
  },
25
- "medium": {
26
- "value": "{fontweight.global.500}",
21
+ "label": {
22
+ "value": "{fontweight.medium}",
27
23
  "type": "fontWeights"
28
24
  },
29
- "bold": {
30
- "value": "{fontweight.global.700}",
25
+ "heading": {
26
+ "value": "{fontweight.bold}",
31
27
  "type": "fontWeights"
32
28
  }
33
29
  },
34
30
  "lineheight": {
35
- "tight": {
36
- "value": "{lineheight.global.100}",
31
+ "body": {
32
+ "value": "{lineheight.normal}",
37
33
  "type": "lineHeights"
38
34
  },
39
- "normal": {
40
- "value": "{lineheight.global.200}",
35
+ "label": {
36
+ "value": "{lineheight.tight}",
41
37
  "type": "lineHeights"
42
38
  },
43
- "loose": {
44
- "value": "{lineheight.global.300}",
39
+ "heading": {
40
+ "value": "{lineheight.tight}",
45
41
  "type": "lineHeights"
46
42
  }
47
43
  },
48
44
  "letterspacing": {
49
- "tight": {
50
- "value": "{letterspacing.global.100}",
51
- "type": "letterSpacing"
45
+ "body": {
46
+ "value": "{lineheight.normal}",
47
+ "type": "lineHeights"
52
48
  },
53
- "normal": {
54
- "value": "{letterspacing.global.200}",
55
- "type": "letterSpacing"
49
+ "label": {
50
+ "value": "{lineheight.normal}",
51
+ "type": "lineHeights"
56
52
  },
57
- "loose": {
58
- "value": "{letterspacing.global.300}",
59
- "type": "letterSpacing"
53
+ "heading": {
54
+ "value": "{lineheight.normal}",
55
+ "type": "lineHeights"
60
56
  }
61
57
  },
62
58
  "color": {