villa-design-tokens 1.0.24 → 1.0.26

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.
@@ -1,6 +1,10 @@
1
1
  {
2
2
  "fontfamily": {
3
3
  "global": {
4
+ "vesta": {
5
+ "value": "VPRO Vesta",
6
+ "type": "fontFamilies"
7
+ },
4
8
  "simplistic": {
5
9
  "value": "Simplistic Sans",
6
10
  "type": "fontFamilies"
@@ -9,12 +13,12 @@
9
13
  "value": "Simplistic Sans Outline",
10
14
  "type": "fontFamilies"
11
15
  },
12
- "vesta": {
13
- "value": "VPRO Vesta",
16
+ "bureau": {
17
+ "value": "BureauGrotesque",
14
18
  "type": "fontFamilies"
15
19
  },
16
- "bureau": {
17
- "value": "BureauGrotesque FiveOne",
20
+ "bureau-condensed": {
21
+ "value": "Bureau Grot Condensed",
18
22
  "type": "fontFamilies"
19
23
  },
20
24
  "helvetica": {
@@ -25,40 +29,100 @@
25
29
  },
26
30
  "fontsize": {
27
31
  "global": {
28
- "50": {
29
- "value": "12px",
32
+ "20": {
33
+ "value": "10.42",
34
+ "type": "fontSizes"
35
+ },
36
+ "40": {
37
+ "value": "11.06",
30
38
  "type": "fontSizes"
31
39
  },
32
- "75": {
33
- "value": "14px",
40
+ "60": {
41
+ "value": "12.44",
42
+ "type": "fontSizes"
43
+ },
44
+ "80": {
45
+ "value": "12.5",
34
46
  "type": "fontSizes"
35
47
  },
36
48
  "100": {
37
- "value": "16px",
49
+ "value": "14",
50
+ "type": "fontSizes"
51
+ },
52
+ "120": {
53
+ "value": "15",
54
+ "type": "fontSizes"
55
+ },
56
+ "140": {
57
+ "value": "15.75",
58
+ "type": "fontSizes"
59
+ },
60
+ "160": {
61
+ "value": "17.72",
62
+ "type": "fontSizes"
63
+ },
64
+ "180": {
65
+ "value": "18",
38
66
  "type": "fontSizes"
39
67
  },
40
68
  "200": {
41
- "value": "20px",
69
+ "value": "19.93",
70
+ "type": "fontSizes"
71
+ },
72
+ "220": {
73
+ "value": "21.60",
74
+ "type": "fontSizes"
75
+ },
76
+ "240": {
77
+ "value": "22.43",
78
+ "type": "fontSizes"
79
+ },
80
+ "260": {
81
+ "value": "25.92",
82
+ "type": "fontSizes"
83
+ },
84
+ "280": {
85
+ "value": "25.23",
42
86
  "type": "fontSizes"
43
87
  },
44
88
  "300": {
45
- "value": "24px",
89
+ "value": "28.38",
90
+ "type": "fontSizes"
91
+ },
92
+ "320": {
93
+ "value": "31.1",
94
+ "type": "fontSizes"
95
+ },
96
+ "340": {
97
+ "value": "31.93",
98
+ "type": "fontSizes"
99
+ },
100
+ "360": {
101
+ "value": "35.92",
102
+ "type": "fontSizes"
103
+ },
104
+ "380": {
105
+ "value": "37.32",
46
106
  "type": "fontSizes"
47
107
  },
48
108
  "400": {
49
- "value": "32px",
109
+ "value": "40.41",
50
110
  "type": "fontSizes"
51
111
  },
52
- "500": {
53
- "value": "48px",
112
+ "420": {
113
+ "value": "44.79",
54
114
  "type": "fontSizes"
55
115
  },
56
- "600": {
57
- "value": "56px",
116
+ "440": {
117
+ "value": "53.75",
58
118
  "type": "fontSizes"
59
119
  },
60
- "700": {
61
- "value": "64px",
120
+ "460": {
121
+ "value": "65.5",
122
+ "type": "fontSizes"
123
+ },
124
+ "480": {
125
+ "value": "77.4",
62
126
  "type": "fontSizes"
63
127
  }
64
128
  }
@@ -97,25 +161,25 @@
97
161
  },
98
162
  "lineheight": {
99
163
  "global": {
164
+ "50": {
165
+ "value": "60%",
166
+ "type": "lineHeights"
167
+ },
100
168
  "100": {
101
169
  "value": "100%",
102
- "type": "lineHeights",
103
- "description": "Typically for captions or dense text"
170
+ "type": "lineHeights"
104
171
  },
105
172
  "200": {
106
- "value": "140%",
107
- "type": "lineHeights",
108
- "description": "Standard for body text"
173
+ "value": "120%",
174
+ "type": "lineHeights"
109
175
  },
110
176
  "300": {
111
- "value": "160%",
112
- "type": "lineHeights",
113
- "description": "Breathable body text or for headers"
177
+ "value": "140%",
178
+ "type": "lineHeights"
114
179
  },
115
180
  "400": {
116
- "value": "180%",
117
- "type": "lineHeights",
118
- "description": "For larger headers"
181
+ "value": "160%",
182
+ "type": "lineHeights"
119
183
  }
120
184
  }
121
185
  },
@@ -149,23 +213,23 @@
149
213
  "type": "spacing"
150
214
  },
151
215
  "300": {
152
- "value": "12px",
216
+ "value": "16px",
153
217
  "type": "spacing"
154
218
  },
155
219
  "400": {
156
- "value": "16px",
220
+ "value": "32px",
157
221
  "type": "spacing"
158
222
  },
159
223
  "500": {
160
- "value": "32px",
224
+ "value": "64px",
161
225
  "type": "spacing"
162
226
  },
163
227
  "600": {
164
- "value": "64px",
228
+ "value": "128px",
165
229
  "type": "spacing"
166
230
  },
167
231
  "700": {
168
- "value": "128px",
232
+ "value": "256px",
169
233
  "type": "spacing"
170
234
  }
171
235
  }
@@ -0,0 +1,34 @@
1
+ {
2
+ "color": {
3
+ "alias": {
4
+ "background": {
5
+ "default": {
6
+ "value": "{color.global.grey.800}",
7
+ "type": "color"
8
+ }
9
+ },
10
+ "surface": {
11
+ "default": {
12
+ "value": "{color.global.grey.700}",
13
+ "type": "color"
14
+ }
15
+ },
16
+ "text": {
17
+ "title": {
18
+ "value": "{color.global.grey.100}",
19
+ "type": "color"
20
+ },
21
+ "default": {
22
+ "value": "{color.global.grey.200}",
23
+ "type": "color"
24
+ }
25
+ },
26
+ "fill-primary": {
27
+ "default": {
28
+ "value": "{color.global.orange.700}",
29
+ "type": "color"
30
+ }
31
+ }
32
+ }
33
+ }
34
+ }
@@ -0,0 +1,10 @@
1
+ {
2
+ "color": {
3
+ "brand": {
4
+ "accent": {
5
+ "value": "{color.global.orange.300}",
6
+ "type": "color"
7
+ }
8
+ }
9
+ }
10
+ }
@@ -1 +0,0 @@
1
- {}
@@ -1,398 +0,0 @@
1
- {
2
- "fontfamily": {
3
- "body": {
4
- "value": "{fontfamily.global.vesta}",
5
- "type": "fontFamilies"
6
- },
7
- "heading": {
8
- "value": "{fontfamily.global.simplistic}",
9
- "type": "fontFamilies"
10
- },
11
- "subheading": {
12
- "value": "{fontfamily.global.simplistic-outline}",
13
- "type": "fontFamilies"
14
- }
15
- },
16
- "fontsize": {
17
- "reading": {
18
- "value": "{fontsize.global.100}",
19
- "type": "fontSizes"
20
- },
21
- "subheading": {
22
- "value": "{fontsize.global.200}",
23
- "type": "fontSizes"
24
- }
25
- },
26
- "fontweight": {
27
- "normal": {
28
- "value": "300",
29
- "type": "fontWeights"
30
- },
31
- "medium": {
32
- "value": "500",
33
- "type": "fontWeights"
34
- },
35
- "bold": {
36
- "value": "700",
37
- "type": "fontWeights"
38
- }
39
- },
40
- "lineheight": {
41
- "compact": {
42
- "value": "{lineheight.global.100}",
43
- "type": "lineHeights"
44
- },
45
- "reading": {
46
- "value": "{lineheight.global.200}",
47
- "type": "lineHeights"
48
- },
49
- "relaxed": {
50
- "value": "{lineheight.global.400}",
51
- "type": "lineHeights"
52
- }
53
- },
54
- "letterspacing": {
55
- "tight": {
56
- "value": "{letterspacing.global.100}",
57
- "type": "letterSpacing"
58
- },
59
- "normal": {
60
- "value": "{letterspacing.global.200}",
61
- "type": "letterSpacing"
62
- },
63
- "relaxed": {
64
- "value": "{letterspacing.global.300}",
65
- "type": "letterSpacing"
66
- }
67
- },
68
- "color": {
69
- "background": {
70
- "default": {
71
- "value": "{color.global.grey.200}",
72
- "type": "color"
73
- }
74
- },
75
- "surface": {
76
- "default": {
77
- "value": "{color.global.grey.100}",
78
- "type": "color"
79
- }
80
- },
81
- "brand": {
82
- "accent": {
83
- "value": "{color.global.violet.500}",
84
- "type": "color"
85
- },
86
- "primary": {
87
- "value": "{color.global.plum.700}",
88
- "type": "color"
89
- },
90
- "secondary": {
91
- "value": "{color.global.turquoise.500}",
92
- "type": "color"
93
- },
94
- "tertiary": {
95
- "value": "{color.global.grey.200}",
96
- "type": "color"
97
- }
98
- },
99
- "functional": {
100
- "error": {
101
- "value": "{color.global.red.500}",
102
- "type": "color"
103
- },
104
- "warning": {
105
- "value": "{color.global.orange.500}",
106
- "type": "color"
107
- },
108
- "success": {
109
- "value": "{color.global.green.500}",
110
- "type": "color"
111
- },
112
- "info": {
113
- "value": "{color.global.blue.500}",
114
- "type": "color"
115
- }
116
- },
117
- "text": {
118
- "default": {
119
- "value": "{color.global.grey.900}",
120
- "type": "color"
121
- },
122
- "hover": {
123
- "value": "{color.global.grey.700}",
124
- "type": "color"
125
- },
126
- "disabled": {
127
- "value": "{color.global.grey.500}",
128
- "type": "color"
129
- },
130
- "inverse": {
131
- "value": "{color.global.grey.100}",
132
- "type": "color"
133
- },
134
- "error": {
135
- "value": "{color.global.red.500}",
136
- "type": "color"
137
- },
138
- "warning": {
139
- "value": "{color.global.orange.500}",
140
- "type": "color"
141
- }
142
- },
143
- "icon": {
144
- "primary": {
145
- "value": "{color.global.grey.900}",
146
- "type": "color"
147
- },
148
- "secondary": {
149
- "value": "{color.global.grey.700}",
150
- "type": "color"
151
- },
152
- "tertiary": {
153
- "value": "{color.global.grey.500}",
154
- "type": "color"
155
- },
156
- "inverse": {
157
- "value": "{color.global.grey.100}",
158
- "type": "color"
159
- },
160
- "error": {
161
- "value": "{color.global.red.500}",
162
- "type": "color"
163
- },
164
- "warning": {
165
- "value": "{color.global.orange.500}",
166
- "type": "color"
167
- }
168
- },
169
- "fill-primary": {
170
- "default": {
171
- "value": "{color.global.orange.500}",
172
- "type": "color"
173
- },
174
- "hover": {
175
- "value": "{color.global.orange.700}",
176
- "type": "color"
177
- },
178
- "disabled": {
179
- "value": "{color.global.grey.400}",
180
- "type": "color"
181
- },
182
- "active": {
183
- "value": "{color.global.orange.300}",
184
- "type": "color"
185
- }
186
- },
187
- "foreground-primary": {
188
- "default": {
189
- "value": "{color.global.grey.900}",
190
- "type": "color"
191
- },
192
- "hover": {
193
- "value": "{color.global.grey.700}",
194
- "type": "color"
195
- },
196
- "disabled": {
197
- "value": "{color.global.grey.700}",
198
- "type": "color"
199
- },
200
- "active": {
201
- "value": "{color.global.grey.900}",
202
- "type": "color"
203
- }
204
- },
205
- "link": {
206
- "default": {
207
- "value": "{color.global.grey.900}",
208
- "type": "color"
209
- },
210
- "hover": {
211
- "value": "{color.global.grey.800}",
212
- "type": "color"
213
- },
214
- "disabled": {
215
- "value": "{color.global.grey.400}",
216
- "type": "color"
217
- },
218
- "active": {
219
- "value": "{color.global.grey.900}",
220
- "type": "color"
221
- }
222
- },
223
- "border": {
224
- "default": {
225
- "value": "{color.global.grey.400}",
226
- "type": "color"
227
- },
228
- "hover": {
229
- "value": "{color.global.orange.500}",
230
- "type": "color"
231
- },
232
- "disabled": {
233
- "value": "{color.global.grey.300}",
234
- "type": "color"
235
- },
236
- "active": {
237
- "value": "{color.global.orange.500}",
238
- "type": "color"
239
- },
240
- "error": {
241
- "value": "{color.global.red.500}",
242
- "type": "color"
243
- },
244
- "filled": {
245
- "value": "{color.global.grey.900}",
246
- "type": "color"
247
- }
248
- }
249
- },
250
- "text": {
251
- "heading": {
252
- "xl": {
253
- "value": {
254
- "fontFamily": "{fontfamily.heading}",
255
- "fontWeight": "{fontweight.bold}",
256
- "lineHeight": "{lineheight.relaxed}",
257
- "fontSize": "{fontsize.global.500}",
258
- "letterSpacing": "{letterspacing.normal}"
259
- },
260
- "type": "typography"
261
- },
262
- "lg": {
263
- "value": {
264
- "fontFamily": "{fontfamily.heading}",
265
- "fontWeight": "{fontweight.bold}",
266
- "lineHeight": "{lineheight.relaxed}",
267
- "fontSize": "{fontsize.global.400}",
268
- "letterSpacing": "{letterspacing.normal}"
269
- },
270
- "type": "typography"
271
- },
272
- "md": {
273
- "value": {
274
- "fontFamily": "{fontfamily.heading}",
275
- "fontWeight": "{fontweight.bold}",
276
- "lineHeight": "{lineheight.relaxed}",
277
- "fontSize": "{fontsize.global.300}",
278
- "letterSpacing": "{letterspacing.normal}"
279
- },
280
- "type": "typography"
281
- },
282
- "sm": {
283
- "value": {
284
- "fontFamily": "{fontfamily.heading}",
285
- "fontWeight": "{fontweight.bold}",
286
- "lineHeight": "{lineheight.relaxed}",
287
- "fontSize": "{fontsize.global.200}",
288
- "letterSpacing": "{letterspacing.normal}"
289
- },
290
- "type": "typography"
291
- },
292
- "xs": {
293
- "value": {
294
- "fontFamily": "{fontfamily.heading}",
295
- "fontWeight": "{fontweight.bold}",
296
- "lineHeight": "{lineheight.relaxed}",
297
- "fontSize": "{fontsize.global.100}",
298
- "letterSpacing": "{letterspacing.normal}"
299
- },
300
- "type": "typography"
301
- },
302
- "xxs": {
303
- "value": {
304
- "fontFamily": "{fontfamily.heading}",
305
- "fontWeight": "{fontweight.bold}",
306
- "lineHeight": "{lineheight.relaxed}",
307
- "fontSize": "{fontsize.global.100}",
308
- "letterSpacing": "{letterspacing.tight}"
309
- },
310
- "type": "typography"
311
- }
312
- },
313
- "subheading": {
314
- "lg": {
315
- "value": {
316
- "fontFamily": "{fontfamily.subheading}",
317
- "fontWeight": "{fontweight.medium}",
318
- "lineHeight": "{lineheight.relaxed}",
319
- "fontSize": "{fontsize.global.300}",
320
- "letterSpacing": "{letterspacing.normal}"
321
- },
322
- "type": "typography"
323
- },
324
- "md": {
325
- "value": {
326
- "fontFamily": "{fontfamily.subheading}",
327
- "fontWeight": "{fontweight.medium}",
328
- "lineHeight": "{lineheight.relaxed}",
329
- "fontSize": "{fontsize.global.200}",
330
- "letterSpacing": "{letterspacing.normal}"
331
- },
332
- "type": "typography"
333
- },
334
- "sm": {
335
- "value": {
336
- "fontFamily": "{fontfamily.subheading}",
337
- "fontWeight": "{fontweight.medium}",
338
- "lineHeight": "{lineheight.relaxed}",
339
- "fontSize": "{fontsize.global.100}",
340
- "letterSpacing": "{letterspacing.normal}"
341
- },
342
- "type": "typography"
343
- },
344
- "xs": {
345
- "value": {
346
- "fontFamily": "{fontfamily.subheading}",
347
- "fontWeight": "{fontweight.medium}",
348
- "lineHeight": "{lineheight.relaxed}",
349
- "fontSize": "{fontsize.global.100}",
350
- "letterSpacing": "{letterspacing.normal}"
351
- },
352
- "type": "typography"
353
- },
354
- "xxs": {
355
- "value": {
356
- "fontFamily": "{fontfamily.subheading}",
357
- "fontWeight": "{fontweight.medium}",
358
- "lineHeight": "{lineheight.relaxed}",
359
- "fontSize": "{fontsize.global.100}",
360
- "letterSpacing": "{letterspacing.normal}"
361
- },
362
- "type": "typography"
363
- }
364
- },
365
- "body": {
366
- "lg": {
367
- "value": {
368
- "fontFamily": "{fontfamily.body}",
369
- "fontWeight": "{fontweight.normal}",
370
- "lineHeight": "{lineheight.reading}",
371
- "fontSize": "{fontsize.global.300}",
372
- "letterSpacing": "{letterspacing.normal}"
373
- },
374
- "type": "typography"
375
- },
376
- "md": {
377
- "value": {
378
- "fontFamily": "{fontfamily.body}",
379
- "fontWeight": "{fontweight.normal}",
380
- "lineHeight": "{lineheight.reading}",
381
- "fontSize": "{fontsize.global.200}",
382
- "letterSpacing": "{letterspacing.normal}"
383
- },
384
- "type": "typography"
385
- },
386
- "sm": {
387
- "value": {
388
- "fontFamily": "{fontfamily.body}",
389
- "fontWeight": "{fontweight.normal}",
390
- "lineHeight": "{lineheight.reading}",
391
- "fontSize": "{fontsize.global.100}",
392
- "letterSpacing": "{letterspacing.normal}"
393
- },
394
- "type": "typography"
395
- }
396
- }
397
- }
398
- }