villa-design-tokens 1.0.300 → 1.0.302
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.
- package/package.json +1 -1
- package/tokens/brands/brainwash.json +32 -31
- package/tokens/global.json +45 -1
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.
|
|
5
|
+
"version": "1.0.302",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
8
|
"url": "git+https://github.com/vpro/Design-tokens.git"
|
|
@@ -3,45 +3,45 @@
|
|
|
3
3
|
"palette": {
|
|
4
4
|
"primary": {
|
|
5
5
|
"faded": {
|
|
6
|
-
"value": "{color.global.
|
|
6
|
+
"value": "{color.global.amethyst.25}",
|
|
7
7
|
"type": "color"
|
|
8
8
|
},
|
|
9
9
|
"pastel": {
|
|
10
|
-
"value": "{color.global.
|
|
10
|
+
"value": "{color.global.amethyst.50}",
|
|
11
11
|
"type": "color"
|
|
12
12
|
},
|
|
13
13
|
"main": {
|
|
14
|
-
"value": "{color.global.
|
|
14
|
+
"value": "{color.global.amethyst.100}",
|
|
15
15
|
"type": "color"
|
|
16
16
|
},
|
|
17
17
|
"muted": {
|
|
18
|
-
"value": "{color.global.
|
|
18
|
+
"value": "{color.global.amethyst.150}",
|
|
19
19
|
"type": "color"
|
|
20
20
|
},
|
|
21
21
|
"dark": {
|
|
22
|
-
"value": "{color.global.
|
|
22
|
+
"value": "{color.global.amethyst.200}",
|
|
23
23
|
"type": "color"
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
"secondary": {
|
|
27
27
|
"faded": {
|
|
28
|
-
"value": "{color.global.
|
|
28
|
+
"value": "{color.global.garish-green.25}",
|
|
29
29
|
"type": "color"
|
|
30
30
|
},
|
|
31
31
|
"pastel": {
|
|
32
|
-
"value": "{color.global.
|
|
32
|
+
"value": "{color.global.garish-green.50}",
|
|
33
33
|
"type": "color"
|
|
34
34
|
},
|
|
35
35
|
"main": {
|
|
36
|
-
"value": "{color.global.
|
|
36
|
+
"value": "{color.global.garish-green.100}",
|
|
37
37
|
"type": "color"
|
|
38
38
|
},
|
|
39
39
|
"muted": {
|
|
40
|
-
"value": "{color.global.
|
|
40
|
+
"value": "{color.global.garish-green.150}",
|
|
41
41
|
"type": "color"
|
|
42
42
|
},
|
|
43
43
|
"dark": {
|
|
44
|
-
"value": "{color.global.
|
|
44
|
+
"value": "{color.global.garish-green.200}",
|
|
45
45
|
"type": "color"
|
|
46
46
|
}
|
|
47
47
|
},
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
"type": "color"
|
|
139
139
|
},
|
|
140
140
|
"title": {
|
|
141
|
-
"value": "{color.palette.primary.
|
|
141
|
+
"value": "{color.palette.primary.dark}",
|
|
142
142
|
"type": "color"
|
|
143
143
|
},
|
|
144
144
|
"subtle": {
|
|
@@ -268,7 +268,7 @@
|
|
|
268
268
|
},
|
|
269
269
|
"foreground": {
|
|
270
270
|
"default": {
|
|
271
|
-
"value": "{color.palette.
|
|
271
|
+
"value": "{color.palette.tertiary.dark}",
|
|
272
272
|
"type": "color"
|
|
273
273
|
},
|
|
274
274
|
"hover": {
|
|
@@ -349,7 +349,7 @@
|
|
|
349
349
|
"type": "color"
|
|
350
350
|
},
|
|
351
351
|
"hover": {
|
|
352
|
-
"value": "{color.palette.secondary.
|
|
352
|
+
"value": "{color.palette.secondary.muted}",
|
|
353
353
|
"type": "color"
|
|
354
354
|
}
|
|
355
355
|
},
|
|
@@ -367,7 +367,7 @@
|
|
|
367
367
|
"type": "color"
|
|
368
368
|
},
|
|
369
369
|
"hover-foreground": {
|
|
370
|
-
"value": "{color.palette.
|
|
370
|
+
"value": "{color.palette.secondary.faded}",
|
|
371
371
|
"type": "color"
|
|
372
372
|
}
|
|
373
373
|
},
|
|
@@ -473,33 +473,34 @@
|
|
|
473
473
|
"type": "color"
|
|
474
474
|
},
|
|
475
475
|
"accent": {
|
|
476
|
-
"value": "{color.palette.primary.
|
|
476
|
+
"value": "{color.palette.primary.pastel}",
|
|
477
477
|
"type": "color",
|
|
478
478
|
"$extensions": {
|
|
479
479
|
"studio.tokens": {
|
|
480
480
|
"modify": {
|
|
481
481
|
"type": "alpha",
|
|
482
482
|
"value": ".33",
|
|
483
|
-
"space": "srgb"
|
|
483
|
+
"space": "srgb",
|
|
484
|
+
"color": "rgba(0,0,0,0.5)"
|
|
484
485
|
}
|
|
485
486
|
}
|
|
486
487
|
}
|
|
487
488
|
},
|
|
488
489
|
"text": {
|
|
489
490
|
"default": {
|
|
490
|
-
"value": "{color.palette.
|
|
491
|
+
"value": "{color.palette.greyscale.faded}",
|
|
491
492
|
"type": "color"
|
|
492
493
|
},
|
|
493
494
|
"subtle": {
|
|
494
|
-
"value": "{color.palette.
|
|
495
|
+
"value": "{color.palette.primary.pastel}",
|
|
495
496
|
"type": "color"
|
|
496
497
|
},
|
|
497
498
|
"title": {
|
|
498
|
-
"value": "{color.palette.
|
|
499
|
+
"value": "{color.palette.primary.pastel}",
|
|
499
500
|
"type": "color"
|
|
500
501
|
},
|
|
501
502
|
"link": {
|
|
502
|
-
"value": "{color.palette.
|
|
503
|
+
"value": "{color.palette.secondary.pastel}",
|
|
503
504
|
"type": "color"
|
|
504
505
|
},
|
|
505
506
|
"hover": {
|
|
@@ -513,7 +514,7 @@
|
|
|
513
514
|
"type": "color"
|
|
514
515
|
},
|
|
515
516
|
"foreground": {
|
|
516
|
-
"value": "{color.palette.
|
|
517
|
+
"value": "{color.palette.primary.dark}",
|
|
517
518
|
"type": "color"
|
|
518
519
|
},
|
|
519
520
|
"hover-background": {
|
|
@@ -576,7 +577,7 @@
|
|
|
576
577
|
"type": "color"
|
|
577
578
|
},
|
|
578
579
|
"link": {
|
|
579
|
-
"value": "{color.palette.primary.
|
|
580
|
+
"value": "{color.palette.primary.dark}",
|
|
580
581
|
"type": "color"
|
|
581
582
|
},
|
|
582
583
|
"hover": {
|
|
@@ -590,7 +591,7 @@
|
|
|
590
591
|
"type": "color"
|
|
591
592
|
},
|
|
592
593
|
"foreground": {
|
|
593
|
-
"value": "{color.palette.
|
|
594
|
+
"value": "{color.palette.greyscale.faded}",
|
|
594
595
|
"type": "color"
|
|
595
596
|
},
|
|
596
597
|
"hover-background": {
|
|
@@ -702,36 +703,36 @@
|
|
|
702
703
|
},
|
|
703
704
|
"fontfamily": {
|
|
704
705
|
"body": {
|
|
705
|
-
"value": "{fontfamily.global.
|
|
706
|
+
"value": "{fontfamily.global.riforma}",
|
|
706
707
|
"type": "fontFamilies"
|
|
707
708
|
},
|
|
708
709
|
"utility": {
|
|
709
|
-
"value": "{fontfamily.global.
|
|
710
|
+
"value": "{fontfamily.global.riforma}",
|
|
710
711
|
"type": "fontFamilies"
|
|
711
712
|
},
|
|
712
713
|
"heading": {
|
|
713
|
-
"value": "{fontfamily.global.
|
|
714
|
+
"value": "{fontfamily.global.riforma}",
|
|
714
715
|
"type": "fontFamilies"
|
|
715
716
|
},
|
|
716
717
|
"program": {
|
|
717
|
-
"value": "{fontfamily.global.
|
|
718
|
+
"value": "{fontfamily.global.riforma}",
|
|
718
719
|
"type": "fontFamilies"
|
|
719
720
|
},
|
|
720
721
|
"display": {
|
|
721
722
|
"intro": {
|
|
722
|
-
"value": "{fontfamily.global.
|
|
723
|
+
"value": "{fontfamily.global.riforma}",
|
|
723
724
|
"type": "fontFamilies"
|
|
724
725
|
},
|
|
725
726
|
"name": {
|
|
726
|
-
"value": "{fontfamily.global.
|
|
727
|
+
"value": "{fontfamily.global.riforma}",
|
|
727
728
|
"type": "fontFamilies"
|
|
728
729
|
},
|
|
729
730
|
"quote": {
|
|
730
|
-
"value": "{fontfamily.global.
|
|
731
|
+
"value": "{fontfamily.global.riforma}",
|
|
731
732
|
"type": "fontFamilies"
|
|
732
733
|
},
|
|
733
734
|
"headline": {
|
|
734
|
-
"value": "{fontfamily.global.
|
|
735
|
+
"value": "{fontfamily.global.riforma}",
|
|
735
736
|
"type": "fontFamilies"
|
|
736
737
|
}
|
|
737
738
|
}
|
package/tokens/global.json
CHANGED
|
@@ -1215,6 +1215,50 @@
|
|
|
1215
1215
|
"type": "color"
|
|
1216
1216
|
}
|
|
1217
1217
|
},
|
|
1218
|
+
"amethyst": {
|
|
1219
|
+
"25": {
|
|
1220
|
+
"value": "#F4EDFE",
|
|
1221
|
+
"type": "color"
|
|
1222
|
+
},
|
|
1223
|
+
"50": {
|
|
1224
|
+
"value": "#DDC9FC",
|
|
1225
|
+
"type": "color"
|
|
1226
|
+
},
|
|
1227
|
+
"100": {
|
|
1228
|
+
"value": "#924CF6",
|
|
1229
|
+
"type": "color"
|
|
1230
|
+
},
|
|
1231
|
+
"150": {
|
|
1232
|
+
"value": "#6635AC",
|
|
1233
|
+
"type": "color"
|
|
1234
|
+
},
|
|
1235
|
+
"200": {
|
|
1236
|
+
"value": "#49267B",
|
|
1237
|
+
"type": "color"
|
|
1238
|
+
}
|
|
1239
|
+
},
|
|
1240
|
+
"garish-green": {
|
|
1241
|
+
"25": {
|
|
1242
|
+
"value": "#E6FBF6",
|
|
1243
|
+
"type": "color"
|
|
1244
|
+
},
|
|
1245
|
+
"50": {
|
|
1246
|
+
"value": "#B3F2E4",
|
|
1247
|
+
"type": "color"
|
|
1248
|
+
},
|
|
1249
|
+
"100": {
|
|
1250
|
+
"value": "#00D5A6",
|
|
1251
|
+
"type": "color"
|
|
1252
|
+
},
|
|
1253
|
+
"150": {
|
|
1254
|
+
"value": "#009574",
|
|
1255
|
+
"type": "color"
|
|
1256
|
+
},
|
|
1257
|
+
"200": {
|
|
1258
|
+
"value": "#005542",
|
|
1259
|
+
"type": "color"
|
|
1260
|
+
}
|
|
1261
|
+
},
|
|
1218
1262
|
"salmon": {
|
|
1219
1263
|
"100": {
|
|
1220
1264
|
"value": "#CF88B0",
|
|
@@ -1299,4 +1343,4 @@
|
|
|
1299
1343
|
}
|
|
1300
1344
|
}
|
|
1301
1345
|
}
|
|
1302
|
-
}
|
|
1346
|
+
}
|