villa-design-tokens 1.0.216 → 1.0.218

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 (6) hide show
  1. package/package.json +1 -1
  2. package/tokens/$metadata.json +1 -2
  3. package/tokens/$themes.json +3 -4
  4. package/tokens/brands/brainwash.json +9 -9
  5. package/tokens/brands/tegenlicht.json +0 -578
  6. /package/tokens/brands/{whitelabel.json → unbranded.json} +0 -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- retest again",
4
4
  "author": "VPRO",
5
- "version": "1.0.216",
5
+ "version": "1.0.218",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
package/tokens/$metadata.json CHANGED
@@ -2,11 +2,10 @@
2
2
  "tokenSetOrder": [
3
3
  "global",
4
4
  "base",
5
- "brands/whitelabel",
5
+ "brands/unbranded",
6
6
  "brands/human",
7
7
  "brands/dpt",
8
8
  "brands/vpro",
9
- "brands/tegenlicht",
10
9
  "brands/brainwash",
11
10
  "brands/argos"
12
11
  ]
package/tokens/$themes.json CHANGED
@@ -206,8 +206,8 @@
206
206
  },
207
207
  "selectedTokenSets": {
208
208
  "global": "source",
209
- "brands/whitelabel": "enabled",
210
- "base": "enabled"
209
+ "base": "enabled",
210
+ "brands/unbranded": "enabled"
211
211
  },
212
212
  "$figmaCollectionId": "VariableCollectionId:396:2",
213
213
  "$figmaModeId": "396:0",
@@ -1840,8 +1840,7 @@
1840
1840
  "$figmaStyleReferences": {},
1841
1841
  "selectedTokenSets": {
1842
1842
  "global": "source",
1843
- "base": "enabled",
1844
- "brands/tegenlicht": "enabled"
1843
+ "base": "enabled"
1845
1844
  }
1846
1845
  }
1847
1846
  ]
package/tokens/brands/brainwash.json CHANGED
@@ -104,7 +104,7 @@
104
104
  },
105
105
  "text": {
106
106
  "default": {
107
- "value": "{color.palette.primary.dark}",
107
+ "value": "{color.palette.tertiary.dark}",
108
108
  "type": "color"
109
109
  },
110
110
  "title": {
@@ -295,7 +295,7 @@
295
295
  },
296
296
  "text": {
297
297
  "default": {
298
- "value": "{color.palette.primary.dark}",
298
+ "value": "{color.palette.tertiary.dark}",
299
299
  "type": "color"
300
300
  },
301
301
  "subtle": {
@@ -317,11 +317,11 @@
317
317
  },
318
318
  "interactive": {
319
319
  "background": {
320
- "value": "{color.palette.primary.main}",
320
+ "value": "{color.palette.secondary.main}",
321
321
  "type": "color"
322
322
  },
323
323
  "foreground": {
324
- "value": "{color.palette.primary.faded}",
324
+ "value": "{color.palette.tertiary.dark}",
325
325
  "type": "color"
326
326
  },
327
327
  "hover-background": {
@@ -340,7 +340,7 @@
340
340
  "type": "color"
341
341
  },
342
342
  "accent": {
343
- "value": "{color.palette.secondary.pastel}",
343
+ "value": "{color.palette.tertiary.dark}",
344
344
  "type": "color",
345
345
  "$extensions": {
346
346
  "studio.tokens": {
@@ -354,7 +354,7 @@
354
354
  },
355
355
  "text": {
356
356
  "default": {
357
- "value": "{color.palette.primary.dark}",
357
+ "value": "{color.palette.tertiary.dark}",
358
358
  "type": "color"
359
359
  },
360
360
  "subtle": {
@@ -376,11 +376,11 @@
376
376
  },
377
377
  "interactive": {
378
378
  "background": {
379
- "value": "{color.palette.primary.main}",
379
+ "value": "{color.palette.secondary.main}",
380
380
  "type": "color"
381
381
  },
382
382
  "foreground": {
383
- "value": "{color.palette.primary.faded}",
383
+ "value": "{color.palette.tertiary.dark}",
384
384
  "type": "color"
385
385
  },
386
386
  "hover-background": {
@@ -472,7 +472,7 @@
472
472
  },
473
473
  "text": {
474
474
  "default": {
475
- "value": "{color.palette.primary.dark}",
475
+ "value": "{color.palette.tertiary.dark}",
476
476
  "type": "color"
477
477
  },
478
478
  "subtle": {
package/tokens/brands/tegenlicht.json DELETED
@@ -1,578 +0,0 @@
1
- {
2
- "color": {
3
- "palette": {
4
- "primary": {
5
- "faded": {
6
- "value": "{color.global.bordeaux.25}",
7
- "type": "color"
8
- },
9
- "pastel": {
10
- "value": "{color.global.bordeaux.50}",
11
- "type": "color"
12
- },
13
- "main": {
14
- "value": "{color.global.bordeaux.100}",
15
- "type": "color"
16
- },
17
- "muted": {
18
- "value": "{color.global.bordeaux.150}",
19
- "type": "color"
20
- },
21
- "dark": {
22
- "value": "{color.global.bordeaux.200}",
23
- "type": "color"
24
- }
25
- },
26
- "secondary": {
27
- "faded": {
28
- "value": "{color.global.spring.25}",
29
- "type": "color"
30
- },
31
- "pastel": {
32
- "value": "{color.global.spring.50}",
33
- "type": "color"
34
- },
35
- "main": {
36
- "value": "{color.global.spring.100}",
37
- "type": "color"
38
- },
39
- "muted": {
40
- "value": "{color.global.spring.150}",
41
- "type": "color"
42
- },
43
- "dark": {
44
- "value": "{color.global.spring.200}",
45
- "type": "color"
46
- }
47
- }
48
- },
49
- "background": {
50
- "default": {
51
- "value": "{color.global.grey.100}",
52
- "type": "color"
53
- },
54
- "primary": {
55
- "value": "{color.palette.primary.faded}",
56
- "type": "color"
57
- },
58
- "secondary": {
59
- "value": "{color.palette.primary.pastel}",
60
- "type": "color"
61
- },
62
- "tertiary": {
63
- "value": "{color.palette.secondary.faded}",
64
- "type": "color"
65
- },
66
- "brand": {
67
- "value": "{color.palette.primary.main}",
68
- "type": "color"
69
- },
70
- "interactive": {
71
- "value": "{color.palette.secondary.main}",
72
- "type": "color"
73
- },
74
- "dark": {
75
- "value": "{color.palette.primary.dark}",
76
- "type": "color"
77
- },
78
- "disabled": {
79
- "value": "{color.global.grey.200}",
80
- "type": "color"
81
- }
82
- },
83
- "text": {
84
- "default": {
85
- "value": "{color.palette.primary.dark}",
86
- "type": "color"
87
- },
88
- "title": {
89
- "value": "{color.palette.primary.muted}",
90
- "type": "color"
91
- },
92
- "subtle": {
93
- "value": "{color.global.grey.300}",
94
- "type": "color"
95
- },
96
- "disabled": {
97
- "value": "{color.global.grey.300}",
98
- "type": "color"
99
- },
100
- "inverse": {
101
- "value": "{color.global.grey.100}",
102
- "type": "color"
103
- }
104
- },
105
- "icon": {
106
- "primary": {
107
- "value": "{color.palette.primary.dark}",
108
- "type": "color"
109
- },
110
- "secondary": {
111
- "value": "{color.palette.primary.pastel}",
112
- "type": "color"
113
- },
114
- "tertiary": {
115
- "value": "{color.global.grey.300}",
116
- "type": "color"
117
- },
118
- "inverse": {
119
- "value": "{color.global.grey.100}",
120
- "type": "color"
121
- }
122
- },
123
- "border": {
124
- "default": {
125
- "value": "{color.palette.primary.faded}",
126
- "type": "color"
127
- },
128
- "hover": {
129
- "value": "{color.palette.secondary.main}",
130
- "type": "color"
131
- },
132
- "focus": {
133
- "value": "{color.palette.primary.main}",
134
- "type": "color"
135
- },
136
- "filled": {
137
- "value": "{color.palette.primary.dark}",
138
- "type": "color"
139
- },
140
- "inverse": {
141
- "value": "{color.palette.primary.pastel}",
142
- "type": "color"
143
- }
144
- },
145
- "link": {
146
- "default": {
147
- "value": "{color.palette.secondary.muted}",
148
- "type": "color"
149
- },
150
- "hover": {
151
- "value": "{color.palette.secondary.main}",
152
- "type": "color"
153
- },
154
- "active": {
155
- "value": "{color.palette.secondary.dark}",
156
- "type": "color"
157
- },
158
- "inverse": {
159
- "value": "{color.palette.secondary.faded}",
160
- "type": "color"
161
- }
162
- },
163
- "interactive": {
164
- "primary": {
165
- "background": {
166
- "default": {
167
- "value": "{color.palette.secondary.main}",
168
- "type": "color"
169
- },
170
- "hover": {
171
- "value": "{color.palette.secondary.muted}",
172
- "type": "color"
173
- },
174
- "active": {
175
- "value": "{color.palette.secondary.dark}",
176
- "type": "color"
177
- }
178
- },
179
- "foreground": {
180
- "default": {
181
- "value": "{color.palette.primary.dark}",
182
- "type": "color"
183
- },
184
- "hover": {
185
- "value": "{color.palette.secondary.faded}",
186
- "type": "color"
187
- },
188
- "active": {
189
- "value": "{color.global.grey.100}",
190
- "type": "color"
191
- }
192
- }
193
- },
194
- "secondary": {
195
- "background": {
196
- "default": {
197
- "value": "{color.palette.secondary.main}",
198
- "type": "color"
199
- },
200
- "hover": {
201
- "value": "{color.palette.secondary.muted}",
202
- "type": "color"
203
- },
204
- "active": {
205
- "value": "{color.palette.secondary.dark}",
206
- "type": "color"
207
- }
208
- },
209
- "foreground": {
210
- "default": {
211
- "value": "{color.palette.primary.dark}",
212
- "type": "color"
213
- },
214
- "hover": {
215
- "value": "{color.palette.secondary.faded}",
216
- "type": "color"
217
- },
218
- "active": {
219
- "value": "{color.global.grey.100}",
220
- "type": "color"
221
- }
222
- }
223
- },
224
- "tertiary": {
225
- "background": {
226
- "default": {
227
- "value": "{color.transparent.0}",
228
- "type": "color"
229
- },
230
- "hover": {
231
- "value": "{color.palette.secondary.muted}",
232
- "type": "color"
233
- },
234
- "active": {
235
- "value": "{color.palette.secondary.dark}",
236
- "type": "color"
237
- }
238
- },
239
- "foreground": {
240
- "default": {
241
- "value": "{color.palette.secondary.main}",
242
- "type": "color"
243
- },
244
- "hover": {
245
- "value": "{color.palette.secondary.faded}",
246
- "type": "color"
247
- },
248
- "active": {
249
- "value": "{color.global.grey.100}",
250
- "type": "color"
251
- }
252
- }
253
- }
254
- },
255
- "surface": {
256
- "primary": {
257
- "background": {
258
- "value": "{color.palette.primary.faded}",
259
- "type": "color"
260
- },
261
- "accent": {
262
- "value": "{color.palette.primary.pastel}",
263
- "type": "color",
264
- "$extensions": {
265
- "studio.tokens": {
266
- "modify": {
267
- "type": "alpha",
268
- "value": ".33",
269
- "space": "srgb"
270
- }
271
- }
272
- }
273
- },
274
- "text": {
275
- "default": {
276
- "value": "{color.palette.primary.dark}",
277
- "type": "color"
278
- },
279
- "subtle": {
280
- "value": "{color.palette.primary.muted}",
281
- "type": "color"
282
- },
283
- "title": {
284
- "value": "{color.palette.primary.main}",
285
- "type": "color"
286
- },
287
- "link": {
288
- "value": "{color.palette.primary.main}",
289
- "type": "color"
290
- },
291
- "hover": {
292
- "value": "{color.palette.primary.muted}",
293
- "type": "color"
294
- }
295
- },
296
- "interactive": {
297
- "background": {
298
- "value": "{color.palette.primary.main}",
299
- "type": "color"
300
- },
301
- "foreground": {
302
- "value": "{color.palette.primary.faded}",
303
- "type": "color"
304
- },
305
- "hover-background": {
306
- "value": "{color.palette.secondary.muted}",
307
- "type": "color"
308
- },
309
- "hover-foreground": {
310
- "value": "{color.palette.primary.faded}",
311
- "type": "color"
312
- }
313
- }
314
- },
315
- "secondary": {
316
- "background": {
317
- "value": "{color.palette.secondary.faded}",
318
- "type": "color"
319
- },
320
- "accent": {
321
- "value": "{color.palette.secondary.muted}",
322
- "type": "color",
323
- "$extensions": {
324
- "studio.tokens": {
325
- "modify": {
326
- "type": "alpha",
327
- "value": ".33",
328
- "space": "srgb"
329
- }
330
- }
331
- }
332
- },
333
- "text": {
334
- "default": {
335
- "value": "{color.palette.primary.dark}",
336
- "type": "color"
337
- },
338
- "subtle": {
339
- "value": "{color.palette.secondary.muted}",
340
- "type": "color"
341
- },
342
- "title": {
343
- "value": "{color.palette.secondary.dark}",
344
- "type": "color"
345
- },
346
- "link": {
347
- "value": "{color.palette.secondary.muted}",
348
- "type": "color"
349
- },
350
- "hover": {
351
- "value": "{color.palette.primary.muted}",
352
- "type": "color"
353
- }
354
- },
355
- "interactive": {
356
- "background": {
357
- "value": "{color.palette.primary.main}",
358
- "type": "color"
359
- },
360
- "foreground": {
361
- "value": "{color.palette.primary.faded}",
362
- "type": "color"
363
- },
364
- "hover-background": {
365
- "value": "{color.palette.secondary.muted}",
366
- "type": "color"
367
- },
368
- "hover-foreground": {
369
- "value": "{color.palette.secondary.faded}",
370
- "type": "color"
371
- }
372
- }
373
- },
374
- "alt-primary": {
375
- "background": {
376
- "value": "{color.palette.primary.main}",
377
- "type": "color"
378
- },
379
- "accent": {
380
- "value": "{color.palette.primary.pastel}",
381
- "type": "color",
382
- "$extensions": {
383
- "studio.tokens": {
384
- "modify": {
385
- "type": "lighten",
386
- "value": ".33",
387
- "space": "srgb"
388
- }
389
- }
390
- }
391
- },
392
- "text": {
393
- "default": {
394
- "value": "{color.global.grey.100}",
395
- "type": "color"
396
- },
397
- "subtle": {
398
- "value": "{color.palette.primary.faded}",
399
- "type": "color"
400
- },
401
- "title": {
402
- "value": "{color.palette.primary.faded}",
403
- "type": "color"
404
- },
405
- "link": {
406
- "value": "{color.palette.secondary.faded}",
407
- "type": "color"
408
- },
409
- "hover": {
410
- "value": "{color.palette.secondary.main}",
411
- "type": "color"
412
- }
413
- },
414
- "interactive": {
415
- "background": {
416
- "value": "{color.palette.secondary.main}",
417
- "type": "color"
418
- },
419
- "foreground": {
420
- "value": "{color.palette.primary.dark}",
421
- "type": "color"
422
- },
423
- "hover-background": {
424
- "value": "{color.palette.secondary.muted}",
425
- "type": "color"
426
- },
427
- "hover-foreground": {
428
- "value": "{color.palette.secondary.faded}",
429
- "type": "color"
430
- }
431
- }
432
- },
433
- "alt-secondary": {
434
- "background": {
435
- "value": "{color.palette.secondary.main}",
436
- "type": "color"
437
- },
438
- "accent": {
439
- "value": "{color.palette.secondary.faded}",
440
- "type": "color",
441
- "$extensions": {
442
- "studio.tokens": {
443
- "modify": {
444
- "type": "alpha",
445
- "value": ".33",
446
- "space": "srgb"
447
- }
448
- }
449
- }
450
- },
451
- "text": {
452
- "default": {
453
- "value": "{color.palette.primary.dark}",
454
- "type": "color"
455
- },
456
- "subtle": {
457
- "value": "{color.palette.secondary.muted}",
458
- "type": "color"
459
- },
460
- "title": {
461
- "value": "{color.palette.secondary.dark}",
462
- "type": "color"
463
- },
464
- "link": {
465
- "value": "{color.palette.primary.main}",
466
- "type": "color"
467
- },
468
- "hover": {
469
- "value": "{color.palette.primary.muted}",
470
- "type": "color"
471
- }
472
- },
473
- "interactive": {
474
- "background": {
475
- "value": "{color.palette.primary.main}",
476
- "type": "color"
477
- },
478
- "foreground": {
479
- "value": "{color.palette.primary.faded}",
480
- "type": "color"
481
- },
482
- "hover-background": {
483
- "value": "{color.palette.secondary.muted}",
484
- "type": "color"
485
- },
486
- "hover-foreground": {
487
- "value": "{color.palette.secondary.faded}",
488
- "type": "color"
489
- }
490
- }
491
- }
492
- }
493
- },
494
- "fontfamily": {
495
- "body": {
496
- "value": "{fontfamily.global.arizona}",
497
- "type": "fontFamilies"
498
- },
499
- "utility": {
500
- "value": "{fontfamily.global.simplistic}",
501
- "type": "fontFamilies"
502
- },
503
- "heading": {
504
- "value": "{fontfamily.global.simplistic}",
505
- "type": "fontFamilies"
506
- },
507
- "display": {
508
- "intro": {
509
- "value": "{fontfamily.global.arizona}",
510
- "type": "fontFamilies"
511
- },
512
- "name": {
513
- "value": "{fontfamily.global.simplistic}",
514
- "type": "fontFamilies"
515
- },
516
- "quote": {
517
- "value": "{fontfamily.global.simplistic}",
518
- "type": "fontFamilies"
519
- }
520
- }
521
- },
522
- "lineheight": {
523
- "body": {
524
- "value": "{lineheight.global.275}",
525
- "type": "lineHeights"
526
- },
527
- "utility": {
528
- "value": "{lineheight.global.200}",
529
- "type": "lineHeights"
530
- },
531
- "heading": {
532
- "value": "{lineheight.global.200}",
533
- "type": "lineHeights"
534
- },
535
- "display": {
536
- "intro": {
537
- "value": "{lineheight.global.275}",
538
- "type": "lineHeights"
539
- },
540
- "name": {
541
- "value": "{lineheight.global.100}",
542
- "type": "lineHeights"
543
- },
544
- "quote": {
545
- "value": "{lineheight.global.275}",
546
- "type": "lineHeights"
547
- }
548
- }
549
- },
550
- "fontweight": {
551
- "body": {
552
- "value": "{fontweight.global.400}",
553
- "type": "fontWeights"
554
- },
555
- "utility": {
556
- "value": "{fontweight.global.400}",
557
- "type": "fontWeights"
558
- },
559
- "heading": {
560
- "value": "{fontweight.global.700}",
561
- "type": "fontWeights"
562
- },
563
- "display": {
564
- "intro": {
565
- "value": "{fontweight.global.500}",
566
- "type": "fontWeights"
567
- },
568
- "name": {
569
- "value": "{fontweight.global.700}",
570
- "type": "fontWeights"
571
- },
572
- "quote": {
573
- "value": "{fontweight.global.500}",
574
- "type": "fontWeights"
575
- }
576
- }
577
- }
578
- }