villa-design-tokens 1.0.243 → 1.0.244

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.243",
5
+ "version": "1.0.244",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
@@ -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.muted}",
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
  },
@@ -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
  },
@@ -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
  },
@@ -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
  },