villa-design-tokens 1.0.243 → 1.0.245
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
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.245",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
8
|
"url": "git+https://github.com/vpro/Design-tokens.git"
|
package/tokens/brands/argos.json
CHANGED
|
@@ -613,6 +613,83 @@
|
|
|
613
613
|
"type": "color"
|
|
614
614
|
}
|
|
615
615
|
}
|
|
616
|
+
},
|
|
617
|
+
"neutral": {
|
|
618
|
+
"background": {
|
|
619
|
+
"value": "{color.palette.greyscale.pastel}",
|
|
620
|
+
"type": "color"
|
|
621
|
+
},
|
|
622
|
+
"accent": {
|
|
623
|
+
"value": "{color.palette.greyscale.pastel}",
|
|
624
|
+
"type": "color",
|
|
625
|
+
"$extensions": {
|
|
626
|
+
"studio.tokens": {
|
|
627
|
+
"modify": {
|
|
628
|
+
"type": "alpha",
|
|
629
|
+
"value": ".33",
|
|
630
|
+
"space": "srgb"
|
|
631
|
+
}
|
|
632
|
+
}
|
|
633
|
+
}
|
|
634
|
+
},
|
|
635
|
+
"text": {
|
|
636
|
+
"default": {
|
|
637
|
+
"value": "{color.palette.greyscale.dark}",
|
|
638
|
+
"type": "color"
|
|
639
|
+
},
|
|
640
|
+
"subtle": {
|
|
641
|
+
"value": "{color.palette.greyscale.main}",
|
|
642
|
+
"type": "color"
|
|
643
|
+
},
|
|
644
|
+
"title": {
|
|
645
|
+
"value": "{color.palette.greyscale.muted}",
|
|
646
|
+
"type": "color"
|
|
647
|
+
},
|
|
648
|
+
"link": {
|
|
649
|
+
"value": "{color.link.default}",
|
|
650
|
+
"type": "color"
|
|
651
|
+
},
|
|
652
|
+
"hover": {
|
|
653
|
+
"value": "{color.link.hover}",
|
|
654
|
+
"type": "color"
|
|
655
|
+
}
|
|
656
|
+
},
|
|
657
|
+
"interactive": {
|
|
658
|
+
"background": {
|
|
659
|
+
"value": "{color.link.default}",
|
|
660
|
+
"type": "color"
|
|
661
|
+
},
|
|
662
|
+
"foreground": {
|
|
663
|
+
"value": "{color.palette.greyscale.dark}",
|
|
664
|
+
"type": "color"
|
|
665
|
+
},
|
|
666
|
+
"hover-background": {
|
|
667
|
+
"value": "{color.palette.greyscale.muted}",
|
|
668
|
+
"type": "color"
|
|
669
|
+
},
|
|
670
|
+
"hover-foreground": {
|
|
671
|
+
"value": "{color.palette.greyscale.faded}",
|
|
672
|
+
"type": "color"
|
|
673
|
+
}
|
|
674
|
+
},
|
|
675
|
+
"input": {
|
|
676
|
+
"background": {
|
|
677
|
+
"value": "{color.global.grey.100}",
|
|
678
|
+
"type": "color"
|
|
679
|
+
},
|
|
680
|
+
"foreground": {
|
|
681
|
+
"value": "{color.palette.greyscale.dark}",
|
|
682
|
+
"type": "color"
|
|
683
|
+
},
|
|
684
|
+
"border-default": {
|
|
685
|
+
"value": "{color.palette.greyscale.muted}",
|
|
686
|
+
"type": "color"
|
|
687
|
+
},
|
|
688
|
+
"border-active": {
|
|
689
|
+
"value": "{color.palette.greyscale.main}",
|
|
690
|
+
"type": "color"
|
|
691
|
+
}
|
|
692
|
+
}
|
|
616
693
|
}
|
|
617
694
|
}
|
|
618
695
|
},
|
|
@@ -200,7 +200,7 @@
|
|
|
200
200
|
"type": "color"
|
|
201
201
|
},
|
|
202
202
|
"hover": {
|
|
203
|
-
"value": "{color.palette.secondary.
|
|
203
|
+
"value": "{color.palette.secondary.dark}",
|
|
204
204
|
"type": "color"
|
|
205
205
|
},
|
|
206
206
|
"active": {
|
|
@@ -612,6 +612,83 @@
|
|
|
612
612
|
"type": "color"
|
|
613
613
|
}
|
|
614
614
|
}
|
|
615
|
+
},
|
|
616
|
+
"neutral": {
|
|
617
|
+
"background": {
|
|
618
|
+
"value": "{color.palette.greyscale.pastel}",
|
|
619
|
+
"type": "color"
|
|
620
|
+
},
|
|
621
|
+
"accent": {
|
|
622
|
+
"value": "{color.palette.greyscale.pastel}",
|
|
623
|
+
"type": "color",
|
|
624
|
+
"$extensions": {
|
|
625
|
+
"studio.tokens": {
|
|
626
|
+
"modify": {
|
|
627
|
+
"type": "alpha",
|
|
628
|
+
"value": ".33",
|
|
629
|
+
"space": "srgb"
|
|
630
|
+
}
|
|
631
|
+
}
|
|
632
|
+
}
|
|
633
|
+
},
|
|
634
|
+
"text": {
|
|
635
|
+
"default": {
|
|
636
|
+
"value": "{color.palette.greyscale.dark}",
|
|
637
|
+
"type": "color"
|
|
638
|
+
},
|
|
639
|
+
"subtle": {
|
|
640
|
+
"value": "{color.palette.greyscale.main}",
|
|
641
|
+
"type": "color"
|
|
642
|
+
},
|
|
643
|
+
"title": {
|
|
644
|
+
"value": "{color.palette.greyscale.muted}",
|
|
645
|
+
"type": "color"
|
|
646
|
+
},
|
|
647
|
+
"link": {
|
|
648
|
+
"value": "{color.link.default}",
|
|
649
|
+
"type": "color"
|
|
650
|
+
},
|
|
651
|
+
"hover": {
|
|
652
|
+
"value": "{color.link.hover}",
|
|
653
|
+
"type": "color"
|
|
654
|
+
}
|
|
655
|
+
},
|
|
656
|
+
"interactive": {
|
|
657
|
+
"background": {
|
|
658
|
+
"value": "{color.link.default}",
|
|
659
|
+
"type": "color"
|
|
660
|
+
},
|
|
661
|
+
"foreground": {
|
|
662
|
+
"value": "{color.palette.greyscale.dark}",
|
|
663
|
+
"type": "color"
|
|
664
|
+
},
|
|
665
|
+
"hover-background": {
|
|
666
|
+
"value": "{color.palette.greyscale.muted}",
|
|
667
|
+
"type": "color"
|
|
668
|
+
},
|
|
669
|
+
"hover-foreground": {
|
|
670
|
+
"value": "{color.palette.greyscale.faded}",
|
|
671
|
+
"type": "color"
|
|
672
|
+
}
|
|
673
|
+
},
|
|
674
|
+
"input": {
|
|
675
|
+
"background": {
|
|
676
|
+
"value": "{color.global.grey.100}",
|
|
677
|
+
"type": "color"
|
|
678
|
+
},
|
|
679
|
+
"foreground": {
|
|
680
|
+
"value": "{color.palette.greyscale.dark}",
|
|
681
|
+
"type": "color"
|
|
682
|
+
},
|
|
683
|
+
"border-default": {
|
|
684
|
+
"value": "{color.palette.greyscale.muted}",
|
|
685
|
+
"type": "color"
|
|
686
|
+
},
|
|
687
|
+
"border-active": {
|
|
688
|
+
"value": "{color.palette.greyscale.main}",
|
|
689
|
+
"type": "color"
|
|
690
|
+
}
|
|
691
|
+
}
|
|
615
692
|
}
|
|
616
693
|
}
|
|
617
694
|
},
|
package/tokens/brands/dpt.json
CHANGED
|
@@ -616,6 +616,83 @@
|
|
|
616
616
|
"type": "color"
|
|
617
617
|
}
|
|
618
618
|
}
|
|
619
|
+
},
|
|
620
|
+
"neutral": {
|
|
621
|
+
"background": {
|
|
622
|
+
"value": "{color.palette.greyscale.pastel}",
|
|
623
|
+
"type": "color"
|
|
624
|
+
},
|
|
625
|
+
"accent": {
|
|
626
|
+
"value": "{color.palette.greyscale.pastel}",
|
|
627
|
+
"type": "color",
|
|
628
|
+
"$extensions": {
|
|
629
|
+
"studio.tokens": {
|
|
630
|
+
"modify": {
|
|
631
|
+
"type": "alpha",
|
|
632
|
+
"value": ".33",
|
|
633
|
+
"space": "srgb"
|
|
634
|
+
}
|
|
635
|
+
}
|
|
636
|
+
}
|
|
637
|
+
},
|
|
638
|
+
"text": {
|
|
639
|
+
"default": {
|
|
640
|
+
"value": "{color.palette.greyscale.dark}",
|
|
641
|
+
"type": "color"
|
|
642
|
+
},
|
|
643
|
+
"subtle": {
|
|
644
|
+
"value": "{color.palette.greyscale.main}",
|
|
645
|
+
"type": "color"
|
|
646
|
+
},
|
|
647
|
+
"title": {
|
|
648
|
+
"value": "{color.palette.greyscale.muted}",
|
|
649
|
+
"type": "color"
|
|
650
|
+
},
|
|
651
|
+
"link": {
|
|
652
|
+
"value": "{color.link.default}",
|
|
653
|
+
"type": "color"
|
|
654
|
+
},
|
|
655
|
+
"hover": {
|
|
656
|
+
"value": "{color.link.hover}",
|
|
657
|
+
"type": "color"
|
|
658
|
+
}
|
|
659
|
+
},
|
|
660
|
+
"interactive": {
|
|
661
|
+
"background": {
|
|
662
|
+
"value": "{color.link.default}",
|
|
663
|
+
"type": "color"
|
|
664
|
+
},
|
|
665
|
+
"foreground": {
|
|
666
|
+
"value": "{color.palette.greyscale.dark}",
|
|
667
|
+
"type": "color"
|
|
668
|
+
},
|
|
669
|
+
"hover-background": {
|
|
670
|
+
"value": "{color.palette.greyscale.muted}",
|
|
671
|
+
"type": "color"
|
|
672
|
+
},
|
|
673
|
+
"hover-foreground": {
|
|
674
|
+
"value": "{color.palette.greyscale.faded}",
|
|
675
|
+
"type": "color"
|
|
676
|
+
}
|
|
677
|
+
},
|
|
678
|
+
"input": {
|
|
679
|
+
"background": {
|
|
680
|
+
"value": "{color.global.grey.100}",
|
|
681
|
+
"type": "color"
|
|
682
|
+
},
|
|
683
|
+
"foreground": {
|
|
684
|
+
"value": "{color.palette.greyscale.dark}",
|
|
685
|
+
"type": "color"
|
|
686
|
+
},
|
|
687
|
+
"border-default": {
|
|
688
|
+
"value": "{color.palette.greyscale.muted}",
|
|
689
|
+
"type": "color"
|
|
690
|
+
},
|
|
691
|
+
"border-active": {
|
|
692
|
+
"value": "{color.palette.greyscale.main}",
|
|
693
|
+
"type": "color"
|
|
694
|
+
}
|
|
695
|
+
}
|
|
619
696
|
}
|
|
620
697
|
}
|
|
621
698
|
},
|
package/tokens/brands/human.json
CHANGED
|
@@ -138,11 +138,11 @@
|
|
|
138
138
|
"type": "color"
|
|
139
139
|
},
|
|
140
140
|
"subtle": {
|
|
141
|
-
"value": "{color.
|
|
141
|
+
"value": "{color.global.grey.400}",
|
|
142
142
|
"type": "color"
|
|
143
143
|
},
|
|
144
144
|
"disabled": {
|
|
145
|
-
"value": "{color.global.grey.
|
|
145
|
+
"value": "{color.global.grey.300}",
|
|
146
146
|
"type": "color"
|
|
147
147
|
},
|
|
148
148
|
"inverse": {
|
|
@@ -276,11 +276,11 @@
|
|
|
276
276
|
"tertiary": {
|
|
277
277
|
"background": {
|
|
278
278
|
"default": {
|
|
279
|
-
"value": "{color.palette.
|
|
279
|
+
"value": "{color.palette.secondary.muted}",
|
|
280
280
|
"type": "color"
|
|
281
281
|
},
|
|
282
282
|
"hover": {
|
|
283
|
-
"value": "{color.palette.
|
|
283
|
+
"value": "{color.palette.secondary.muted}",
|
|
284
284
|
"type": "color"
|
|
285
285
|
},
|
|
286
286
|
"active": {
|
|
@@ -612,6 +612,83 @@
|
|
|
612
612
|
"type": "color"
|
|
613
613
|
}
|
|
614
614
|
}
|
|
615
|
+
},
|
|
616
|
+
"neutral": {
|
|
617
|
+
"background": {
|
|
618
|
+
"value": "{color.palette.greyscale.pastel}",
|
|
619
|
+
"type": "color"
|
|
620
|
+
},
|
|
621
|
+
"accent": {
|
|
622
|
+
"value": "{color.palette.greyscale.pastel}",
|
|
623
|
+
"type": "color",
|
|
624
|
+
"$extensions": {
|
|
625
|
+
"studio.tokens": {
|
|
626
|
+
"modify": {
|
|
627
|
+
"type": "alpha",
|
|
628
|
+
"value": ".33",
|
|
629
|
+
"space": "srgb"
|
|
630
|
+
}
|
|
631
|
+
}
|
|
632
|
+
}
|
|
633
|
+
},
|
|
634
|
+
"text": {
|
|
635
|
+
"default": {
|
|
636
|
+
"value": "{color.palette.greyscale.dark}",
|
|
637
|
+
"type": "color"
|
|
638
|
+
},
|
|
639
|
+
"subtle": {
|
|
640
|
+
"value": "{color.palette.greyscale.main}",
|
|
641
|
+
"type": "color"
|
|
642
|
+
},
|
|
643
|
+
"title": {
|
|
644
|
+
"value": "{color.palette.greyscale.muted}",
|
|
645
|
+
"type": "color"
|
|
646
|
+
},
|
|
647
|
+
"link": {
|
|
648
|
+
"value": "{color.link.default}",
|
|
649
|
+
"type": "color"
|
|
650
|
+
},
|
|
651
|
+
"hover": {
|
|
652
|
+
"value": "{color.link.hover}",
|
|
653
|
+
"type": "color"
|
|
654
|
+
}
|
|
655
|
+
},
|
|
656
|
+
"interactive": {
|
|
657
|
+
"background": {
|
|
658
|
+
"value": "{color.link.default}",
|
|
659
|
+
"type": "color"
|
|
660
|
+
},
|
|
661
|
+
"foreground": {
|
|
662
|
+
"value": "{color.palette.greyscale.dark}",
|
|
663
|
+
"type": "color"
|
|
664
|
+
},
|
|
665
|
+
"hover-background": {
|
|
666
|
+
"value": "{color.palette.greyscale.muted}",
|
|
667
|
+
"type": "color"
|
|
668
|
+
},
|
|
669
|
+
"hover-foreground": {
|
|
670
|
+
"value": "{color.palette.greyscale.faded}",
|
|
671
|
+
"type": "color"
|
|
672
|
+
}
|
|
673
|
+
},
|
|
674
|
+
"input": {
|
|
675
|
+
"background": {
|
|
676
|
+
"value": "{color.global.grey.100}",
|
|
677
|
+
"type": "color"
|
|
678
|
+
},
|
|
679
|
+
"foreground": {
|
|
680
|
+
"value": "{color.palette.greyscale.dark}",
|
|
681
|
+
"type": "color"
|
|
682
|
+
},
|
|
683
|
+
"border-default": {
|
|
684
|
+
"value": "{color.palette.greyscale.muted}",
|
|
685
|
+
"type": "color"
|
|
686
|
+
},
|
|
687
|
+
"border-active": {
|
|
688
|
+
"value": "{color.palette.greyscale.main}",
|
|
689
|
+
"type": "color"
|
|
690
|
+
}
|
|
691
|
+
}
|
|
615
692
|
}
|
|
616
693
|
}
|
|
617
694
|
},
|
|
@@ -616,6 +616,83 @@
|
|
|
616
616
|
"type": "color"
|
|
617
617
|
}
|
|
618
618
|
}
|
|
619
|
+
},
|
|
620
|
+
"neutral": {
|
|
621
|
+
"background": {
|
|
622
|
+
"value": "{color.palette.greyscale.pastel}",
|
|
623
|
+
"type": "color"
|
|
624
|
+
},
|
|
625
|
+
"accent": {
|
|
626
|
+
"value": "{color.palette.greyscale.pastel}",
|
|
627
|
+
"type": "color",
|
|
628
|
+
"$extensions": {
|
|
629
|
+
"studio.tokens": {
|
|
630
|
+
"modify": {
|
|
631
|
+
"type": "alpha",
|
|
632
|
+
"value": ".33",
|
|
633
|
+
"space": "srgb"
|
|
634
|
+
}
|
|
635
|
+
}
|
|
636
|
+
}
|
|
637
|
+
},
|
|
638
|
+
"text": {
|
|
639
|
+
"default": {
|
|
640
|
+
"value": "{color.palette.greyscale.dark}",
|
|
641
|
+
"type": "color"
|
|
642
|
+
},
|
|
643
|
+
"subtle": {
|
|
644
|
+
"value": "{color.palette.greyscale.main}",
|
|
645
|
+
"type": "color"
|
|
646
|
+
},
|
|
647
|
+
"title": {
|
|
648
|
+
"value": "{color.palette.greyscale.muted}",
|
|
649
|
+
"type": "color"
|
|
650
|
+
},
|
|
651
|
+
"link": {
|
|
652
|
+
"value": "{color.link.default}",
|
|
653
|
+
"type": "color"
|
|
654
|
+
},
|
|
655
|
+
"hover": {
|
|
656
|
+
"value": "{color.link.hover}",
|
|
657
|
+
"type": "color"
|
|
658
|
+
}
|
|
659
|
+
},
|
|
660
|
+
"interactive": {
|
|
661
|
+
"background": {
|
|
662
|
+
"value": "{color.link.default}",
|
|
663
|
+
"type": "color"
|
|
664
|
+
},
|
|
665
|
+
"foreground": {
|
|
666
|
+
"value": "{color.palette.greyscale.dark}",
|
|
667
|
+
"type": "color"
|
|
668
|
+
},
|
|
669
|
+
"hover-background": {
|
|
670
|
+
"value": "{color.palette.greyscale.muted}",
|
|
671
|
+
"type": "color"
|
|
672
|
+
},
|
|
673
|
+
"hover-foreground": {
|
|
674
|
+
"value": "{color.palette.greyscale.faded}",
|
|
675
|
+
"type": "color"
|
|
676
|
+
}
|
|
677
|
+
},
|
|
678
|
+
"input": {
|
|
679
|
+
"background": {
|
|
680
|
+
"value": "{color.global.grey.100}",
|
|
681
|
+
"type": "color"
|
|
682
|
+
},
|
|
683
|
+
"foreground": {
|
|
684
|
+
"value": "{color.palette.greyscale.dark}",
|
|
685
|
+
"type": "color"
|
|
686
|
+
},
|
|
687
|
+
"border-default": {
|
|
688
|
+
"value": "{color.palette.greyscale.muted}",
|
|
689
|
+
"type": "color"
|
|
690
|
+
},
|
|
691
|
+
"border-active": {
|
|
692
|
+
"value": "{color.palette.greyscale.main}",
|
|
693
|
+
"type": "color"
|
|
694
|
+
}
|
|
695
|
+
}
|
|
619
696
|
}
|
|
620
697
|
}
|
|
621
698
|
},
|
package/tokens/brands/vpro.json
CHANGED
|
@@ -612,6 +612,83 @@
|
|
|
612
612
|
"type": "color"
|
|
613
613
|
}
|
|
614
614
|
}
|
|
615
|
+
},
|
|
616
|
+
"neutral": {
|
|
617
|
+
"background": {
|
|
618
|
+
"value": "{color.palette.greyscale.pastel}",
|
|
619
|
+
"type": "color"
|
|
620
|
+
},
|
|
621
|
+
"accent": {
|
|
622
|
+
"value": "{color.palette.greyscale.pastel}",
|
|
623
|
+
"type": "color",
|
|
624
|
+
"$extensions": {
|
|
625
|
+
"studio.tokens": {
|
|
626
|
+
"modify": {
|
|
627
|
+
"type": "alpha",
|
|
628
|
+
"value": ".33",
|
|
629
|
+
"space": "srgb"
|
|
630
|
+
}
|
|
631
|
+
}
|
|
632
|
+
}
|
|
633
|
+
},
|
|
634
|
+
"text": {
|
|
635
|
+
"default": {
|
|
636
|
+
"value": "{color.palette.greyscale.dark}",
|
|
637
|
+
"type": "color"
|
|
638
|
+
},
|
|
639
|
+
"subtle": {
|
|
640
|
+
"value": "{color.palette.greyscale.main}",
|
|
641
|
+
"type": "color"
|
|
642
|
+
},
|
|
643
|
+
"title": {
|
|
644
|
+
"value": "{color.palette.greyscale.muted}",
|
|
645
|
+
"type": "color"
|
|
646
|
+
},
|
|
647
|
+
"link": {
|
|
648
|
+
"value": "{color.link.default}",
|
|
649
|
+
"type": "color"
|
|
650
|
+
},
|
|
651
|
+
"hover": {
|
|
652
|
+
"value": "{color.link.hover}",
|
|
653
|
+
"type": "color"
|
|
654
|
+
}
|
|
655
|
+
},
|
|
656
|
+
"interactive": {
|
|
657
|
+
"background": {
|
|
658
|
+
"value": "{color.link.default}",
|
|
659
|
+
"type": "color"
|
|
660
|
+
},
|
|
661
|
+
"foreground": {
|
|
662
|
+
"value": "{color.palette.greyscale.dark}",
|
|
663
|
+
"type": "color"
|
|
664
|
+
},
|
|
665
|
+
"hover-background": {
|
|
666
|
+
"value": "{color.palette.greyscale.muted}",
|
|
667
|
+
"type": "color"
|
|
668
|
+
},
|
|
669
|
+
"hover-foreground": {
|
|
670
|
+
"value": "{color.palette.greyscale.faded}",
|
|
671
|
+
"type": "color"
|
|
672
|
+
}
|
|
673
|
+
},
|
|
674
|
+
"input": {
|
|
675
|
+
"background": {
|
|
676
|
+
"value": "{color.global.grey.100}",
|
|
677
|
+
"type": "color"
|
|
678
|
+
},
|
|
679
|
+
"foreground": {
|
|
680
|
+
"value": "{color.palette.greyscale.dark}",
|
|
681
|
+
"type": "color"
|
|
682
|
+
},
|
|
683
|
+
"border-default": {
|
|
684
|
+
"value": "{color.palette.greyscale.muted}",
|
|
685
|
+
"type": "color"
|
|
686
|
+
},
|
|
687
|
+
"border-active": {
|
|
688
|
+
"value": "{color.palette.greyscale.main}",
|
|
689
|
+
"type": "color"
|
|
690
|
+
}
|
|
691
|
+
}
|
|
615
692
|
}
|
|
616
693
|
}
|
|
617
694
|
},
|