villa-design-tokens 1.0.262 → 1.0.263

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/$metadata.json +1 -2
  3. package/tokens/$themes.json +0 -11
  4. package/tokens/brands/dpt.json +0 -811
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.262",
5
+ "version": "1.0.263",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
package/tokens/$metadata.json CHANGED
@@ -6,7 +6,6 @@
6
6
  "brands/human",
7
7
  "brands/argos",
8
8
  "brands/brainwash",
9
- "brands/vpro",
10
- "brands/dpt"
9
+ "brands/vpro"
11
10
  ]
12
11
  }
package/tokens/$themes.json CHANGED
@@ -1823,16 +1823,5 @@
1823
1823
  "fontweight.global.700": "5cb1284fe4f4922c6d10d11dfc64651113e67e37",
1824
1824
  "style.global.opacity.50": "e4a4cfe4d0403f2369e0522caecda2847a8dc11c"
1825
1825
  }
1826
- },
1827
- {
1828
- "id": "4643b1367b2e96909cb51490960b14010319b65c",
1829
- "name": "dpt",
1830
- "$figmaStyleReferences": {},
1831
- "selectedTokenSets": {
1832
- "global": "source",
1833
- "base": "enabled",
1834
- "brands/dpt": "enabled"
1835
- },
1836
- "$figmaVariableReferences": {}
1837
1826
  }
1838
1827
  ]
package/tokens/brands/dpt.json DELETED
@@ -1,811 +0,0 @@
1
- {
2
- "color": {
3
- "palette": {
4
- "primary": {
5
- "faded": {
6
- "value": "{color.global.grey.150}",
7
- "type": "color"
8
- },
9
- "pastel": {
10
- "value": "{color.global.grey.200}",
11
- "type": "color"
12
- },
13
- "main": {
14
- "value": "{color.global.charcoal.100}",
15
- "type": "color"
16
- },
17
- "muted": {
18
- "value": "{color.global.grey.400}",
19
- "type": "color"
20
- },
21
- "dark": {
22
- "value": "{color.global.charcoal.200}",
23
- "type": "color"
24
- }
25
- },
26
- "secondary": {
27
- "faded": {
28
- "value": "{color.global.pumpkin.25}",
29
- "type": "color"
30
- },
31
- "pastel": {
32
- "value": "{color.global.pumpkin.50}",
33
- "type": "color"
34
- },
35
- "main": {
36
- "value": "{color.global.pumpkin.100}",
37
- "type": "color"
38
- },
39
- "muted": {
40
- "value": "{color.global.pumpkin.150}",
41
- "type": "color"
42
- },
43
- "dark": {
44
- "value": "{color.global.pumpkin.200}",
45
- "type": "color"
46
- }
47
- },
48
- "tertiary": {
49
- "faded": {
50
- "value": "{color.global.blue.50}",
51
- "type": "color"
52
- },
53
- "pastel": {
54
- "value": "{color.global.blue.100}",
55
- "type": "color"
56
- },
57
- "main": {
58
- "value": "{color.global.blue.125}",
59
- "type": "color"
60
- },
61
- "muted": {
62
- "value": "{color.global.blue.150}",
63
- "type": "color"
64
- },
65
- "dark": {
66
- "value": "{color.global.oxford.100}",
67
- "type": "color"
68
- }
69
- },
70
- "greyscale": {
71
- "faded": {
72
- "value": "{color.global.grey.100}",
73
- "type": "color"
74
- },
75
- "pastel": {
76
- "value": "{color.global.grey.150}",
77
- "type": "color"
78
- },
79
- "main": {
80
- "value": "{color.global.grey.300}",
81
- "type": "color"
82
- },
83
- "muted": {
84
- "value": "{color.global.grey.450}",
85
- "type": "color"
86
- },
87
- "dark": {
88
- "value": "{color.global.grey.550}",
89
- "type": "color"
90
- }
91
- }
92
- },
93
- "background": {
94
- "default": {
95
- "value": "{color.global.grey.100}",
96
- "type": "color"
97
- },
98
- "primary": {
99
- "value": "{color.palette.primary.faded}",
100
- "type": "color"
101
- },
102
- "secondary": {
103
- "value": "{color.palette.primary.pastel}",
104
- "type": "color"
105
- },
106
- "tertiary": {
107
- "value": "{color.palette.secondary.faded}",
108
- "type": "color"
109
- },
110
- "brand": {
111
- "value": "{color.palette.primary.main}",
112
- "type": "color"
113
- },
114
- "interactive": {
115
- "value": "{color.palette.secondary.main}",
116
- "type": "color"
117
- },
118
- "dark": {
119
- "value": "{color.palette.primary.dark}",
120
- "type": "color"
121
- },
122
- "disabled": {
123
- "value": "{color.global.grey.200}",
124
- "type": "color"
125
- },
126
- "neutral-light": {
127
- "value": "{color.palette.greyscale.pastel}",
128
- "type": "color"
129
- },
130
- "neutral-dark": {
131
- "value": "{color.palette.greyscale.muted}",
132
- "type": "color"
133
- }
134
- },
135
- "text": {
136
- "default": {
137
- "value": "{color.palette.primary.main}",
138
- "type": "color"
139
- },
140
- "title": {
141
- "value": "{color.palette.primary.main}",
142
- "type": "color"
143
- },
144
- "subtle": {
145
- "value": "{color.palette.primary.muted}",
146
- "type": "color"
147
- },
148
- "disabled": {
149
- "value": "{color.global.grey.400}",
150
- "type": "color"
151
- },
152
- "inverse": {
153
- "value": "{color.global.grey.100}",
154
- "type": "color"
155
- },
156
- "neutral": {
157
- "value": "{color.palette.greyscale.dark}",
158
- "type": "color"
159
- }
160
- },
161
- "icon": {
162
- "primary": {
163
- "value": "{color.palette.primary.main}",
164
- "type": "color"
165
- },
166
- "secondary": {
167
- "value": "{color.palette.secondary.main}",
168
- "type": "color"
169
- },
170
- "tertiary": {
171
- "value": "{color.palette.tertiary.main}",
172
- "type": "color"
173
- },
174
- "inverse": {
175
- "value": "{color.global.grey.100}",
176
- "type": "color"
177
- }
178
- },
179
- "border": {
180
- "default": {
181
- "value": "{color.global.grey.250}",
182
- "type": "color"
183
- },
184
- "hover": {
185
- "value": "{color.palette.tertiary.pastel}",
186
- "type": "color"
187
- },
188
- "focus": {
189
- "value": "{color.palette.tertiary.main}",
190
- "type": "color"
191
- },
192
- "filled": {
193
- "value": "{color.palette.primary.main}",
194
- "type": "color"
195
- },
196
- "inverse": {
197
- "value": "{color.global.grey.300}",
198
- "type": "color"
199
- }
200
- },
201
- "link": {
202
- "default": {
203
- "value": "{color.palette.tertiary.muted}",
204
- "type": "color"
205
- },
206
- "hover": {
207
- "value": "{color.palette.tertiary.pastel}",
208
- "type": "color"
209
- },
210
- "active": {
211
- "value": "{color.palette.primary.muted}",
212
- "type": "color"
213
- },
214
- "inverse": {
215
- "value": "{color.palette.primary.faded}",
216
- "type": "color"
217
- }
218
- },
219
- "interactive": {
220
- "primary": {
221
- "background": {
222
- "default": {
223
- "value": "{color.palette.secondary.main}",
224
- "type": "color"
225
- },
226
- "hover": {
227
- "value": "{color.palette.secondary.pastel}",
228
- "type": "color"
229
- },
230
- "active": {
231
- "value": "{color.palette.tertiary.main}",
232
- "type": "color"
233
- }
234
- },
235
- "foreground": {
236
- "default": {
237
- "value": "{color.palette.primary.main}",
238
- "type": "color"
239
- },
240
- "hover": {
241
- "value": "{color.palette.primary.main}",
242
- "type": "color"
243
- },
244
- "active": {
245
- "value": "{color.palette.primary.faded}",
246
- "type": "color"
247
- }
248
- }
249
- },
250
- "secondary": {
251
- "background": {
252
- "default": {
253
- "value": "{color.palette.primary.main}",
254
- "type": "color"
255
- },
256
- "hover": {
257
- "value": "{color.palette.secondary.pastel}",
258
- "type": "color"
259
- },
260
- "active": {
261
- "value": "{color.palette.tertiary.main}",
262
- "type": "color"
263
- }
264
- },
265
- "foreground": {
266
- "default": {
267
- "value": "{color.palette.primary.main}",
268
- "type": "color"
269
- },
270
- "hover": {
271
- "value": "{color.palette.primary.main}",
272
- "type": "color"
273
- },
274
- "active": {
275
- "value": "{color.palette.primary.faded}",
276
- "type": "color"
277
- }
278
- }
279
- },
280
- "tertiary": {
281
- "background": {
282
- "default": {
283
- "value": "{color.palette.primary.main}",
284
- "type": "color"
285
- },
286
- "hover": {
287
- "value": "{color.palette.secondary.pastel}",
288
- "type": "color"
289
- },
290
- "active": {
291
- "value": "{color.palette.tertiary.main}",
292
- "type": "color"
293
- }
294
- },
295
- "foreground": {
296
- "default": {
297
- "value": "{color.palette.secondary.main}",
298
- "type": "color"
299
- },
300
- "hover": {
301
- "value": "{color.palette.primary.main}",
302
- "type": "color"
303
- },
304
- "active": {
305
- "value": "{color.palette.primary.faded}",
306
- "type": "color"
307
- }
308
- }
309
- }
310
- },
311
- "surface": {
312
- "primary": {
313
- "background": {
314
- "value": "{color.palette.primary.faded}",
315
- "type": "color"
316
- },
317
- "accent": {
318
- "value": "{color.palette.primary.pastel}",
319
- "type": "color",
320
- "$extensions": {
321
- "studio.tokens": {
322
- "modify": {
323
- "type": "alpha",
324
- "value": ".33",
325
- "space": "srgb"
326
- }
327
- }
328
- }
329
- },
330
- "text": {
331
- "default": {
332
- "value": "{color.palette.primary.main}",
333
- "type": "color"
334
- },
335
- "subtle": {
336
- "value": "{color.palette.primary.muted}",
337
- "type": "color"
338
- },
339
- "title": {
340
- "value": "{color.palette.primary.main}",
341
- "type": "color"
342
- },
343
- "link": {
344
- "value": "{color.palette.secondary.main}",
345
- "type": "color"
346
- },
347
- "hover": {
348
- "value": "{color.palette.tertiary.pastel}",
349
- "type": "color"
350
- }
351
- },
352
- "interactive": {
353
- "background": {
354
- "value": "{color.palette.secondary.main}",
355
- "type": "color"
356
- },
357
- "foreground": {
358
- "value": "{color.palette.primary.main}",
359
- "type": "color"
360
- },
361
- "hover-background": {
362
- "value": "{color.palette.secondary.pastel}",
363
- "type": "color"
364
- },
365
- "hover-foreground": {
366
- "value": "{color.palette.primary.main}",
367
- "type": "color"
368
- }
369
- },
370
- "input": {
371
- "background": {
372
- "value": "{color.global.grey.100}",
373
- "type": "color"
374
- },
375
- "foreground": {
376
- "value": "{color.palette.tertiary.muted}",
377
- "type": "color"
378
- },
379
- "border-default": {
380
- "value": "{color.palette.tertiary.dark}",
381
- "type": "color"
382
- },
383
- "border-active": {
384
- "value": "{color.palette.tertiary.main}",
385
- "type": "color"
386
- }
387
- }
388
- },
389
- "secondary": {
390
- "background": {
391
- "value": "{color.palette.secondary.faded}",
392
- "type": "color"
393
- },
394
- "accent": {
395
- "value": "{color.palette.secondary.pastel}",
396
- "type": "color",
397
- "$extensions": {
398
- "studio.tokens": {
399
- "modify": {
400
- "type": "alpha",
401
- "value": ".33",
402
- "space": "srgb"
403
- }
404
- }
405
- }
406
- },
407
- "text": {
408
- "default": {
409
- "value": "{color.palette.primary.main}",
410
- "type": "color"
411
- },
412
- "subtle": {
413
- "value": "{color.palette.secondary.dark}",
414
- "type": "color"
415
- },
416
- "title": {
417
- "value": "{color.palette.primary.main}",
418
- "type": "color"
419
- },
420
- "link": {
421
- "value": "{color.palette.secondary.main}",
422
- "type": "color"
423
- },
424
- "hover": {
425
- "value": "{color.palette.tertiary.pastel}",
426
- "type": "color"
427
- }
428
- },
429
- "interactive": {
430
- "background": {
431
- "value": "{color.palette.secondary.main}",
432
- "type": "color"
433
- },
434
- "foreground": {
435
- "value": "{color.palette.primary.main}",
436
- "type": "color"
437
- },
438
- "hover": {
439
- "value": "{color.palette.tertiary.pastel}",
440
- "type": "color"
441
- },
442
- "hover-background": {
443
- "value": "{color.palette.secondary.pastel}",
444
- "type": "color"
445
- },
446
- "hover-foreground": {
447
- "value": "{color.palette.primary.main}",
448
- "type": "color"
449
- }
450
- },
451
- "input": {
452
- "background": {
453
- "value": "{color.global.grey.100}",
454
- "type": "color"
455
- },
456
- "foreground": {
457
- "value": "{color.palette.tertiary.muted}",
458
- "type": "color"
459
- },
460
- "border-default": {
461
- "value": "{color.palette.tertiary.dark}",
462
- "type": "color"
463
- },
464
- "border-active": {
465
- "value": "{color.palette.tertiary.main}",
466
- "type": "color"
467
- }
468
- }
469
- },
470
- "alt-primary": {
471
- "background": {
472
- "value": "{color.palette.primary.main}",
473
- "type": "color"
474
- },
475
- "accent": {
476
- "value": "{color.palette.primary.muted}",
477
- "type": "color",
478
- "$extensions": {
479
- "studio.tokens": {
480
- "modify": {
481
- "type": "alpha",
482
- "value": ".33",
483
- "space": "srgb"
484
- }
485
- }
486
- }
487
- },
488
- "text": {
489
- "default": {
490
- "value": "{color.global.grey.100}",
491
- "type": "color"
492
- },
493
- "subtle": {
494
- "value": "{color.palette.primary.faded}",
495
- "type": "color"
496
- },
497
- "title": {
498
- "value": "{color.palette.primary.faded}",
499
- "type": "color"
500
- },
501
- "link": {
502
- "value": "{color.palette.secondary.pastel}",
503
- "type": "color"
504
- },
505
- "hover": {
506
- "value": "{color.palette.tertiary.pastel}",
507
- "type": "color"
508
- }
509
- },
510
- "interactive": {
511
- "background": {
512
- "value": "{color.palette.secondary.main}",
513
- "type": "color"
514
- },
515
- "foreground": {
516
- "value": "{color.palette.primary.dark}",
517
- "type": "color"
518
- },
519
- "hover-background": {
520
- "value": "{color.palette.secondary.pastel}",
521
- "type": "color"
522
- },
523
- "hover-foreground": {
524
- "value": "{color.palette.primary.main}",
525
- "type": "color"
526
- }
527
- },
528
- "input": {
529
- "background": {
530
- "value": "{color.global.grey.100}",
531
- "type": "color"
532
- },
533
- "foreground": {
534
- "value": "{color.palette.tertiary.muted}",
535
- "type": "color"
536
- },
537
- "border-default": {
538
- "value": "{color.palette.tertiary.dark}",
539
- "type": "color"
540
- },
541
- "border-active": {
542
- "value": "{color.palette.tertiary.main}",
543
- "type": "color"
544
- }
545
- }
546
- },
547
- "alt-secondary": {
548
- "background": {
549
- "value": "{color.palette.secondary.main}",
550
- "type": "color"
551
- },
552
- "accent": {
553
- "value": "{color.palette.secondary.muted}",
554
- "type": "color",
555
- "$extensions": {
556
- "studio.tokens": {
557
- "modify": {
558
- "type": "alpha",
559
- "value": ".33",
560
- "space": "srgb"
561
- }
562
- }
563
- }
564
- },
565
- "text": {
566
- "default": {
567
- "value": "{color.palette.primary.main}",
568
- "type": "color"
569
- },
570
- "subtle": {
571
- "value": "{color.palette.secondary.dark}",
572
- "type": "color"
573
- },
574
- "title": {
575
- "value": "{color.palette.primary.main}",
576
- "type": "color"
577
- },
578
- "link": {
579
- "value": "{color.palette.primary.main}",
580
- "type": "color"
581
- },
582
- "hover": {
583
- "value": "{color.palette.tertiary.pastel}",
584
- "type": "color"
585
- }
586
- },
587
- "interactive": {
588
- "background": {
589
- "value": "{color.palette.primary.main}",
590
- "type": "color"
591
- },
592
- "foreground": {
593
- "value": "{color.palette.secondary.main}",
594
- "type": "color"
595
- },
596
- "hover-background": {
597
- "value": "{color.palette.secondary.pastel}",
598
- "type": "color"
599
- },
600
- "hover-foreground": {
601
- "value": "{color.palette.primary.main}",
602
- "type": "color"
603
- }
604
- },
605
- "input": {
606
- "background": {
607
- "value": "{color.global.grey.100}",
608
- "type": "color"
609
- },
610
- "foreground": {
611
- "value": "{color.palette.tertiary.muted}",
612
- "type": "color"
613
- },
614
- "border-default": {
615
- "value": "{color.palette.tertiary.dark}",
616
- "type": "color"
617
- },
618
- "border-active": {
619
- "value": "{color.palette.tertiary.main}",
620
- "type": "color"
621
- }
622
- }
623
- },
624
- "neutral": {
625
- "background": {
626
- "value": "{color.palette.greyscale.pastel}",
627
- "type": "color"
628
- },
629
- "accent": {
630
- "value": "{color.palette.greyscale.pastel}",
631
- "type": "color",
632
- "$extensions": {
633
- "studio.tokens": {
634
- "modify": {
635
- "type": "alpha",
636
- "value": ".33",
637
- "space": "srgb"
638
- }
639
- }
640
- }
641
- },
642
- "text": {
643
- "default": {
644
- "value": "{color.palette.greyscale.dark}",
645
- "type": "color"
646
- },
647
- "subtle": {
648
- "value": "{color.palette.greyscale.main}",
649
- "type": "color"
650
- },
651
- "title": {
652
- "value": "{color.palette.greyscale.muted}",
653
- "type": "color"
654
- },
655
- "link": {
656
- "value": "{color.link.default}",
657
- "type": "color"
658
- },
659
- "hover": {
660
- "value": "{color.link.hover}",
661
- "type": "color"
662
- }
663
- },
664
- "interactive": {
665
- "background": {
666
- "value": "{color.link.default}",
667
- "type": "color"
668
- },
669
- "foreground": {
670
- "value": "{color.palette.greyscale.dark}",
671
- "type": "color"
672
- },
673
- "hover-background": {
674
- "value": "{color.palette.greyscale.muted}",
675
- "type": "color"
676
- },
677
- "hover-foreground": {
678
- "value": "{color.palette.greyscale.faded}",
679
- "type": "color"
680
- }
681
- },
682
- "input": {
683
- "background": {
684
- "value": "{color.global.grey.100}",
685
- "type": "color"
686
- },
687
- "foreground": {
688
- "value": "{color.palette.greyscale.dark}",
689
- "type": "color"
690
- },
691
- "border-default": {
692
- "value": "{color.palette.greyscale.muted}",
693
- "type": "color"
694
- },
695
- "border-active": {
696
- "value": "{color.palette.greyscale.main}",
697
- "type": "color"
698
- }
699
- }
700
- }
701
- }
702
- },
703
- "fontfamily": {
704
- "body": {
705
- "value": "{fontfamily.global.roboto}",
706
- "type": "fontFamilies"
707
- },
708
- "utility": {
709
- "value": "{fontfamily.global.roboto}",
710
- "type": "fontFamilies"
711
- },
712
- "heading": {
713
- "value": "{fontfamily.global.bureau}",
714
- "type": "fontFamilies"
715
- },
716
- "program": {
717
- "value": "{fontfamily.global.bureau}",
718
- "type": "fontFamilies"
719
- },
720
- "display": {
721
- "intro": {
722
- "value": "{fontfamily.global.bureau}",
723
- "type": "fontFamilies"
724
- },
725
- "name": {
726
- "value": "{fontfamily.global.bureau}",
727
- "type": "fontFamilies"
728
- },
729
- "quote": {
730
- "value": "{fontfamily.global.bureau}",
731
- "type": "fontFamilies"
732
- },
733
- "headline": {
734
- "value": "{fontfamily.global.bureau}",
735
- "type": "fontFamilies"
736
- }
737
- }
738
- },
739
- "lineheight": {
740
- "body": {
741
- "value": "{lineheight.global.500}",
742
- "type": "lineHeights"
743
- },
744
- "utility": {
745
- "value": "{lineheight.global.200}",
746
- "type": "lineHeights"
747
- },
748
- "heading": {
749
- "value": "{lineheight.global.200}",
750
- "type": "lineHeights"
751
- },
752
- "program": {
753
- "value": "{lineheight.global.150}",
754
- "type": "lineHeights"
755
- },
756
- "display": {
757
- "intro": {
758
- "value": "{lineheight.global.500}",
759
- "type": "lineHeights"
760
- },
761
- "name": {
762
- "value": "{lineheight.global.100}",
763
- "type": "lineHeights"
764
- },
765
- "quote": {
766
- "value": "{lineheight.global.275}",
767
- "type": "lineHeights"
768
- },
769
- "headline": {
770
- "value": "{lineheight.global.200}",
771
- "type": "lineHeights"
772
- }
773
- }
774
- },
775
- "fontweight": {
776
- "body": {
777
- "value": "{fontweight.global.400}",
778
- "type": "fontWeights"
779
- },
780
- "utility": {
781
- "value": "{fontweight.global.400}",
782
- "type": "fontWeights"
783
- },
784
- "heading": {
785
- "value": "{fontweight.global.700}",
786
- "type": "fontWeights"
787
- },
788
- "program": {
789
- "value": "{fontweight.global.700}",
790
- "type": "fontWeights"
791
- },
792
- "display": {
793
- "intro": {
794
- "value": "{fontweight.global.500}",
795
- "type": "fontWeights"
796
- },
797
- "name": {
798
- "value": "{fontweight.global.700}",
799
- "type": "fontWeights"
800
- },
801
- "quote": {
802
- "value": "{fontweight.global.500}",
803
- "type": "fontWeights"
804
- },
805
- "headline": {
806
- "value": "{fontweight.global.700}",
807
- "type": "fontWeights"
808
- }
809
- }
810
- }
811
- }