villa-design-tokens 1.0.242 → 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.242",
5
+ "version": "1.0.244",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
@@ -122,6 +122,10 @@
122
122
  "disabled": {
123
123
  "value": "{color.global.grey.200}",
124
124
  "type": "color"
125
+ },
126
+ "neutral": {
127
+ "value": "{color.palette.greyscale.pastel}",
128
+ "type": "color"
125
129
  }
126
130
  },
127
131
  "text": {
@@ -144,6 +148,10 @@
144
148
  "inverse": {
145
149
  "value": "{color.global.grey.100}",
146
150
  "type": "color"
151
+ },
152
+ "neutral": {
153
+ "value": "{color.palette.greyscale.dark}",
154
+ "type": "color"
147
155
  }
148
156
  },
149
157
  "icon": {
@@ -605,6 +613,83 @@
605
613
  "type": "color"
606
614
  }
607
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
+ }
608
693
  }
609
694
  }
610
695
  },
@@ -122,6 +122,10 @@
122
122
  "disabled": {
123
123
  "value": "{color.global.grey.200}",
124
124
  "type": "color"
125
+ },
126
+ "neutral": {
127
+ "value": "{color.palette.greyscale.pastel}",
128
+ "type": "color"
125
129
  }
126
130
  },
127
131
  "text": {
@@ -144,6 +148,10 @@
144
148
  "inverse": {
145
149
  "value": "{color.global.grey.100}",
146
150
  "type": "color"
151
+ },
152
+ "neutral": {
153
+ "value": "{color.palette.greyscale.dark}",
154
+ "type": "color"
147
155
  }
148
156
  },
149
157
  "icon": {
@@ -192,7 +200,7 @@
192
200
  "type": "color"
193
201
  },
194
202
  "hover": {
195
- "value": "{color.palette.secondary.muted}",
203
+ "value": "{color.palette.secondary.dark}",
196
204
  "type": "color"
197
205
  },
198
206
  "active": {
@@ -604,6 +612,83 @@
604
612
  "type": "color"
605
613
  }
606
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
+ }
607
692
  }
608
693
  }
609
694
  },
@@ -122,6 +122,10 @@
122
122
  "disabled": {
123
123
  "value": "{color.global.grey.200}",
124
124
  "type": "color"
125
+ },
126
+ "neutral": {
127
+ "value": "{color.palette.greyscale.pastel}",
128
+ "type": "color"
125
129
  }
126
130
  },
127
131
  "text": {
@@ -144,6 +148,10 @@
144
148
  "inverse": {
145
149
  "value": "{color.global.grey.100}",
146
150
  "type": "color"
151
+ },
152
+ "neutral": {
153
+ "value": "{color.palette.greyscale.dark}",
154
+ "type": "color"
147
155
  }
148
156
  },
149
157
  "icon": {
@@ -608,6 +616,83 @@
608
616
  "type": "color"
609
617
  }
610
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
+ }
611
696
  }
612
697
  }
613
698
  },
@@ -122,6 +122,10 @@
122
122
  "disabled": {
123
123
  "value": "{color.global.grey.200}",
124
124
  "type": "color"
125
+ },
126
+ "neutral": {
127
+ "value": "{color.palette.greyscale.pastel}",
128
+ "type": "color"
125
129
  }
126
130
  },
127
131
  "text": {
@@ -144,6 +148,10 @@
144
148
  "inverse": {
145
149
  "value": "{color.global.grey.100}",
146
150
  "type": "color"
151
+ },
152
+ "neutral": {
153
+ "value": "{color.palette.greyscale.dark}",
154
+ "type": "color"
147
155
  }
148
156
  },
149
157
  "icon": {
@@ -604,6 +612,83 @@
604
612
  "type": "color"
605
613
  }
606
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
+ }
607
692
  }
608
693
  }
609
694
  },
@@ -122,6 +122,10 @@
122
122
  "disabled": {
123
123
  "value": "{color.global.grey.200}",
124
124
  "type": "color"
125
+ },
126
+ "neutral": {
127
+ "value": "{color.palette.greyscale.pastel}",
128
+ "type": "color"
125
129
  }
126
130
  },
127
131
  "text": {
@@ -144,6 +148,10 @@
144
148
  "inverse": {
145
149
  "value": "{color.global.grey.100}",
146
150
  "type": "color"
151
+ },
152
+ "neutral": {
153
+ "value": "{color.palette.greyscale.dark}",
154
+ "type": "color"
147
155
  }
148
156
  },
149
157
  "icon": {
@@ -608,6 +616,83 @@
608
616
  "type": "color"
609
617
  }
610
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
+ }
611
696
  }
612
697
  }
613
698
  },
@@ -122,6 +122,10 @@
122
122
  "disabled": {
123
123
  "value": "{color.global.grey.200}",
124
124
  "type": "color"
125
+ },
126
+ "neutral": {
127
+ "value": "{color.palette.greyscale.pastel}",
128
+ "type": "color"
125
129
  }
126
130
  },
127
131
  "text": {
@@ -144,6 +148,10 @@
144
148
  "inverse": {
145
149
  "value": "{color.global.grey.100}",
146
150
  "type": "color"
151
+ },
152
+ "neutral": {
153
+ "value": "{color.palette.greyscale.dark}",
154
+ "type": "color"
147
155
  }
148
156
  },
149
157
  "icon": {
@@ -604,6 +612,83 @@
604
612
  "type": "color"
605
613
  }
606
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
+ }
607
692
  }
608
693
  }
609
694
  },