villa-design-tokens 1.0.25 → 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,52 +1,298 @@
1
1
  {
2
2
  "fontfamily": {
3
3
  "body": {
4
- "value": "{fontfamily.global.vesta}",
4
+ "value": "{fontfamily.global.bureau}",
5
5
  "type": "fontFamilies"
6
6
  },
7
- "heading": {
8
- "value": "{fontfamily.global.simplistic}",
7
+ "label": {
8
+ "value": "{fontfamily.global.bureau}",
9
9
  "type": "fontFamilies"
10
10
  },
11
- "subheading": {
12
- "value": "{fontfamily.global.simplistic-outline}",
11
+ "heading": {
12
+ "value": "{fontfamily.global.bureau-condensed}",
13
13
  "type": "fontFamilies"
14
14
  }
15
15
  },
16
- "fontsize": {
17
- "reading": {
18
- "value": "{fontsize.global.100}",
19
- "type": "fontSizes"
16
+ "text": {
17
+ "body": {
18
+ "min": {
19
+ "value": {
20
+ "fontFamily": "{fontfamily.body}",
21
+ "fontWeight": "{fontweight.normal}",
22
+ "fontSize": "{fontsize.global.140}",
23
+ "lineHeight": "{lineheight.body}",
24
+ "letterSpacing": "{letterspacing.normal}"
25
+ },
26
+ "type": "typography"
27
+ },
28
+ "max": {
29
+ "value": {
30
+ "fontFamily": "{fontfamily.body}",
31
+ "fontWeight": "{fontweight.normal}",
32
+ "fontSize": "{fontsize.global.180}",
33
+ "lineHeight": "{lineheight.body}",
34
+ "letterSpacing": "{letterspacing.normal}"
35
+ },
36
+ "type": "typography"
37
+ }
38
+ },
39
+ "label": {
40
+ "min": {
41
+ "lg": {
42
+ "value": {
43
+ "fontFamily": "{fontfamily.label}",
44
+ "fontWeight": "{fontweight.normal}",
45
+ "fontSize": "{fontsize.global.100}",
46
+ "lineHeight": "{lineheight.label}",
47
+ "letterSpacing": "{letterspacing.normal}"
48
+ },
49
+ "type": "typography"
50
+ },
51
+ "md": {
52
+ "value": {
53
+ "fontFamily": "{fontfamily.label}",
54
+ "fontWeight": "{fontweight.normal}",
55
+ "fontSize": "{fontsize.global.60}",
56
+ "lineHeight": "{lineheight.label}",
57
+ "letterSpacing": "{letterspacing.normal}"
58
+ },
59
+ "type": "typography"
60
+ },
61
+ "sm": {
62
+ "value": {
63
+ "fontFamily": "{fontfamily.label}",
64
+ "fontWeight": "{fontweight.normal}",
65
+ "fontSize": "{fontsize.global.40}",
66
+ "lineHeight": "{lineheight.label}",
67
+ "letterSpacing": "{letterspacing.normal}"
68
+ },
69
+ "type": "typography"
70
+ }
71
+ },
72
+ "max": {
73
+ "lg": {
74
+ "value": {
75
+ "fontFamily": "{fontfamily.label}",
76
+ "fontWeight": "{fontweight.normal}",
77
+ "fontSize": "{fontsize.global.120}",
78
+ "lineHeight": "{lineheight.label}",
79
+ "letterSpacing": "{letterspacing.normal}"
80
+ },
81
+ "type": "typography"
82
+ },
83
+ "md": {
84
+ "value": {
85
+ "fontFamily": "{fontfamily.label}",
86
+ "fontWeight": "{fontweight.normal}",
87
+ "fontSize": "{fontsize.global.80}",
88
+ "lineHeight": "{lineheight.label}",
89
+ "letterSpacing": "{letterspacing.normal}"
90
+ },
91
+ "type": "typography"
92
+ },
93
+ "sm": {
94
+ "value": {
95
+ "fontFamily": "{fontfamily.label}",
96
+ "fontWeight": "{fontweight.normal}",
97
+ "fontSize": "{fontsize.global.20}",
98
+ "lineHeight": "{lineheight.label}",
99
+ "letterSpacing": "{letterspacing.normal}"
100
+ },
101
+ "type": "typography"
102
+ }
103
+ }
20
104
  },
21
- "subheading": {
22
- "value": "{fontsize.global.200}",
23
- "type": "fontSizes"
105
+ "heading": {
106
+ "min": {
107
+ "xxxl": {
108
+ "value": {
109
+ "fontFamily": "{fontfamily.heading}",
110
+ "fontWeight": "{fontweight.bold}",
111
+ "fontSize": "{fontsize.global.400}",
112
+ "lineHeight": "{lineheight.heading}",
113
+ "letterSpacing": "{letterspacing.normal}"
114
+ },
115
+ "type": "typography"
116
+ },
117
+ "xxl": {
118
+ "value": {
119
+ "fontFamily": "{fontfamily.heading}",
120
+ "fontWeight": "{fontweight.bold}",
121
+ "fontSize": "{fontsize.global.360}",
122
+ "lineHeight": "{lineheight.heading}",
123
+ "letterSpacing": "{letterspacing.normal}"
124
+ },
125
+ "type": "typography"
126
+ },
127
+ "xl": {
128
+ "value": {
129
+ "fontFamily": "{fontfamily.heading}",
130
+ "fontWeight": "{fontweight.bold}",
131
+ "fontSize": "{fontsize.global.340}",
132
+ "lineHeight": "{lineheight.heading}",
133
+ "letterSpacing": "{letterspacing.normal}"
134
+ },
135
+ "type": "typography"
136
+ },
137
+ "lg": {
138
+ "value": {
139
+ "fontFamily": "{fontfamily.heading}",
140
+ "fontWeight": "{fontweight.bold}",
141
+ "fontSize": "{fontsize.global.300}",
142
+ "lineHeight": "{lineheight.heading}",
143
+ "letterSpacing": "{letterspacing.normal}"
144
+ },
145
+ "type": "typography"
146
+ },
147
+ "md": {
148
+ "value": {
149
+ "fontFamily": "{fontfamily.heading}",
150
+ "fontWeight": "{fontweight.medium}",
151
+ "fontSize": "{fontsize.global.280}",
152
+ "lineHeight": "{lineheight.heading}",
153
+ "letterSpacing": "{letterspacing.normal}"
154
+ },
155
+ "type": "typography"
156
+ },
157
+ "sm": {
158
+ "value": {
159
+ "fontFamily": "{fontfamily.heading}",
160
+ "fontWeight": "{fontweight.medium}",
161
+ "fontSize": "{fontsize.global.240}",
162
+ "lineHeight": "{lineheight.heading}",
163
+ "letterSpacing": "{letterspacing.normal}"
164
+ },
165
+ "type": "typography"
166
+ },
167
+ "xs": {
168
+ "value": {
169
+ "fontFamily": "{fontfamily.heading}",
170
+ "fontWeight": "{fontweight.medium}",
171
+ "fontSize": "{fontsize.global.200}",
172
+ "lineHeight": "{lineheight.heading}",
173
+ "letterSpacing": "{letterspacing.normal}"
174
+ },
175
+ "type": "typography"
176
+ },
177
+ "xxs": {
178
+ "value": {
179
+ "fontFamily": "{fontfamily.heading}",
180
+ "fontWeight": "{fontweight.normal}",
181
+ "fontSize": "{fontsize.global.160}",
182
+ "lineHeight": "{lineheight.heading}",
183
+ "letterSpacing": "{letterspacing.normal}"
184
+ },
185
+ "type": "typography"
186
+ }
187
+ },
188
+ "max": {
189
+ "xxxl": {
190
+ "value": {
191
+ "fontFamily": "{fontfamily.heading}",
192
+ "fontWeight": "{fontweight.bold}",
193
+ "fontSize": "{fontsize.global.480}",
194
+ "lineHeight": "{lineheight.heading}",
195
+ "letterSpacing": "{letterspacing.normal}"
196
+ },
197
+ "type": "typography"
198
+ },
199
+ "xxl": {
200
+ "value": {
201
+ "fontFamily": "{fontfamily.heading}",
202
+ "fontWeight": "{fontweight.bold}",
203
+ "fontSize": "{fontsize.global.460}",
204
+ "lineHeight": "{lineheight.heading}",
205
+ "letterSpacing": "{letterspacing.normal}"
206
+ },
207
+ "type": "typography"
208
+ },
209
+ "xl": {
210
+ "value": {
211
+ "fontFamily": "{fontfamily.heading}",
212
+ "fontWeight": "{fontweight.bold}",
213
+ "fontSize": "{fontsize.global.440}",
214
+ "lineHeight": "{lineheight.heading}",
215
+ "letterSpacing": "{letterspacing.normal}"
216
+ },
217
+ "type": "typography"
218
+ },
219
+ "lg": {
220
+ "value": {
221
+ "fontFamily": "{fontfamily.heading}",
222
+ "fontWeight": "{fontweight.medium}",
223
+ "fontSize": "{fontsize.global.420}",
224
+ "lineHeight": "{lineheight.heading}",
225
+ "letterSpacing": "{letterspacing.normal}"
226
+ },
227
+ "type": "typography"
228
+ },
229
+ "md": {
230
+ "value": {
231
+ "fontFamily": "{fontfamily.heading}",
232
+ "fontWeight": "{fontweight.medium}",
233
+ "fontSize": "{fontsize.global.380}",
234
+ "lineHeight": "{lineheight.heading}",
235
+ "letterSpacing": "{letterspacing.normal}"
236
+ },
237
+ "type": "typography"
238
+ },
239
+ "sm": {
240
+ "value": {
241
+ "fontFamily": "{fontfamily.heading}",
242
+ "fontWeight": "{fontweight.medium}",
243
+ "fontSize": "{fontsize.global.320}",
244
+ "lineHeight": "{lineheight.heading}",
245
+ "letterSpacing": "{letterspacing.normal}"
246
+ },
247
+ "type": "typography"
248
+ },
249
+ "xs": {
250
+ "value": {
251
+ "fontFamily": "{fontfamily.heading}",
252
+ "fontWeight": "{fontweight.medium}",
253
+ "fontSize": "{fontsize.global.260}",
254
+ "lineHeight": "{lineheight.heading}",
255
+ "letterSpacing": "{letterspacing.normal}"
256
+ },
257
+ "type": "typography"
258
+ },
259
+ "xxs": {
260
+ "value": {
261
+ "fontFamily": "{fontfamily.heading}",
262
+ "fontWeight": "{fontweight.normal}",
263
+ "fontSize": "{fontsize.global.220}",
264
+ "lineHeight": "{lineheight.heading}",
265
+ "letterSpacing": "{letterspacing.normal}"
266
+ },
267
+ "type": "typography"
268
+ }
269
+ }
24
270
  }
25
271
  },
26
272
  "fontweight": {
27
273
  "normal": {
28
- "value": "300",
274
+ "value": "{fontweight.global.300}",
29
275
  "type": "fontWeights"
30
276
  },
31
277
  "medium": {
32
- "value": "500",
278
+ "value": "{fontweight.global.500}",
33
279
  "type": "fontWeights"
34
280
  },
35
281
  "bold": {
36
- "value": "700",
282
+ "value": "{fontweight.global.700}",
37
283
  "type": "fontWeights"
38
284
  }
39
285
  },
40
286
  "lineheight": {
41
- "compact": {
42
- "value": "{lineheight.global.100}",
287
+ "body": {
288
+ "value": "{lineheight.global.300}",
43
289
  "type": "lineHeights"
44
290
  },
45
- "reading": {
291
+ "label": {
46
292
  "value": "{lineheight.global.200}",
47
293
  "type": "lineHeights"
48
294
  },
49
- "relaxed": {
295
+ "heading": {
50
296
  "value": "{lineheight.global.400}",
51
297
  "type": "lineHeights"
52
298
  }
@@ -60,39 +306,55 @@
60
306
  "value": "{letterspacing.global.200}",
61
307
  "type": "letterSpacing"
62
308
  },
63
- "relaxed": {
309
+ "loose": {
64
310
  "value": "{letterspacing.global.300}",
65
311
  "type": "letterSpacing"
66
312
  }
67
313
  },
68
314
  "color": {
69
- "background": {
70
- "default": {
315
+ "brand": {
316
+ "accent": {
317
+ "value": "{color.global.orange.500}",
318
+ "type": "color"
319
+ },
320
+ "primary": {
321
+ "value": "{color.global.grey.900}",
322
+ "type": "color"
323
+ },
324
+ "secondary": {
325
+ "value": "{color.global.turquoise.500}",
326
+ "type": "color"
327
+ },
328
+ "tertiary": {
71
329
  "value": "{color.global.grey.200}",
72
330
  "type": "color"
73
331
  }
74
332
  },
75
- "surface": {
333
+ "background": {
76
334
  "default": {
77
335
  "value": "{color.global.grey.100}",
78
336
  "type": "color"
79
- }
80
- },
81
- "brand": {
82
- "accent": {
83
- "value": "{color.global.violet.500}",
337
+ },
338
+ "secondary": {
339
+ "value": "{color.global.grey.200}",
84
340
  "type": "color"
85
341
  },
86
- "primary": {
87
- "value": "{color.global.plum.700}",
342
+ "tertiairy": {
343
+ "value": "{color.global.grey.300}",
344
+ "type": "color"
345
+ }
346
+ },
347
+ "surface": {
348
+ "default": {
349
+ "value": "{color.global.grey.100}",
88
350
  "type": "color"
89
351
  },
90
352
  "secondary": {
91
- "value": "{color.global.turquoise.500}",
353
+ "value": "{color.global.grey.200}",
92
354
  "type": "color"
93
355
  },
94
- "tertiary": {
95
- "value": "{color.global.grey.200}",
356
+ "tertiairy": {
357
+ "value": "{color.global.grey.300}",
96
358
  "type": "color"
97
359
  }
98
360
  },
@@ -115,14 +377,22 @@
115
377
  }
116
378
  },
117
379
  "text": {
380
+ "title": {
381
+ "value": "{color.global.grey.900}",
382
+ "type": "color"
383
+ },
118
384
  "default": {
119
385
  "value": "{color.global.grey.900}",
120
386
  "type": "color"
121
387
  },
122
- "hover": {
388
+ "subtle": {
123
389
  "value": "{color.global.grey.700}",
124
390
  "type": "color"
125
391
  },
392
+ "tertiary": {
393
+ "value": "{color.global.grey.600}",
394
+ "type": "color"
395
+ },
126
396
  "disabled": {
127
397
  "value": "{color.global.grey.500}",
128
398
  "type": "color"
@@ -184,7 +454,7 @@
184
454
  "type": "color"
185
455
  }
186
456
  },
187
- "foreground-primary": {
457
+ "on-fill-primary": {
188
458
  "default": {
189
459
  "value": "{color.global.grey.900}",
190
460
  "type": "color"
@@ -202,27 +472,9 @@
202
472
  "type": "color"
203
473
  }
204
474
  },
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
475
  "border": {
224
476
  "default": {
225
- "value": "{color.global.grey.400}",
477
+ "value": "{color.global.orange.700}",
226
478
  "type": "color"
227
479
  },
228
480
  "hover": {
@@ -230,7 +482,7 @@
230
482
  "type": "color"
231
483
  },
232
484
  "disabled": {
233
- "value": "{color.global.grey.300}",
485
+ "value": "{color.global.orange.300}",
234
486
  "type": "color"
235
487
  },
236
488
  "active": {
@@ -245,153 +497,23 @@
245
497
  "value": "{color.global.grey.900}",
246
498
  "type": "color"
247
499
  }
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
500
  },
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"
501
+ "link": {
502
+ "default": {
503
+ "value": "{color.global.blue.700}",
504
+ "type": "color"
353
505
  },
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"
506
+ "hover": {
507
+ "value": "{color.global.blue.500}",
508
+ "type": "color"
375
509
  },
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"
510
+ "disabled": {
511
+ "value": "{color.global.orange.700}",
512
+ "type": "color"
385
513
  },
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"
514
+ "active": {
515
+ "value": "{color.global.blue.700}",
516
+ "type": "color"
395
517
  }
396
518
  }
397
519
  }