villa-design-tokens 1.0.245 → 1.0.247

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.245",
5
+ "version": "1.0.247",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
package/tokens/base.json CHANGED
@@ -115,6 +115,15 @@
115
115
  "lineHeight": "{lineheight.display.headline}"
116
116
  },
117
117
  "type": "typography"
118
+ },
119
+ "title": {
120
+ "value": {
121
+ "fontFamily": "{fontfamily.display.title}",
122
+ "fontWeight": "{fontweight.display.title}",
123
+ "fontSize": "{fontsize.global.600}",
124
+ "lineHeight": "{lineheight.display.title}"
125
+ },
126
+ "type": "typography"
118
127
  }
119
128
  },
120
129
  "min": {
@@ -153,6 +162,15 @@
153
162
  "lineHeight": "{lineheight.display.headline}"
154
163
  },
155
164
  "type": "typography"
165
+ },
166
+ "title": {
167
+ "value": {
168
+ "fontFamily": "{fontfamily.display.title}",
169
+ "fontWeight": "{fontweight.display.title}",
170
+ "fontSize": "{fontsize.global.450}",
171
+ "lineHeight": "{lineheight.display.title}"
172
+ },
173
+ "type": "typography"
156
174
  }
157
175
  }
158
176
  },
@@ -123,9 +123,13 @@
123
123
  "value": "{color.global.grey.200}",
124
124
  "type": "color"
125
125
  },
126
- "neutral": {
126
+ "neutral-light": {
127
127
  "value": "{color.palette.greyscale.pastel}",
128
128
  "type": "color"
129
+ },
130
+ "neutral-dark": {
131
+ "value": "{color.palette.greyscale.muted}",
132
+ "type": "color"
129
133
  }
130
134
  },
131
135
  "text": {
@@ -123,9 +123,13 @@
123
123
  "value": "{color.global.grey.200}",
124
124
  "type": "color"
125
125
  },
126
- "neutral": {
126
+ "neutral-light": {
127
127
  "value": "{color.palette.greyscale.pastel}",
128
128
  "type": "color"
129
+ },
130
+ "neutral-dark": {
131
+ "value": "{color.palette.greyscale.muted}",
132
+ "type": "color"
129
133
  }
130
134
  },
131
135
  "text": {
@@ -123,9 +123,13 @@
123
123
  "value": "{color.global.grey.200}",
124
124
  "type": "color"
125
125
  },
126
- "neutral": {
126
+ "neutral-light": {
127
127
  "value": "{color.palette.greyscale.pastel}",
128
128
  "type": "color"
129
+ },
130
+ "neutral-dark": {
131
+ "value": "{color.palette.greyscale.muted}",
132
+ "type": "color"
129
133
  }
130
134
  },
131
135
  "text": {
@@ -123,9 +123,13 @@
123
123
  "value": "{color.global.grey.200}",
124
124
  "type": "color"
125
125
  },
126
- "neutral": {
126
+ "neutral-light": {
127
127
  "value": "{color.palette.greyscale.pastel}",
128
128
  "type": "color"
129
+ },
130
+ "neutral-dark": {
131
+ "value": "{color.palette.greyscale.muted}",
132
+ "type": "color"
129
133
  }
130
134
  },
131
135
  "text": {
@@ -690,6 +694,496 @@
690
694
  }
691
695
  }
692
696
  }
697
+ },
698
+ "combo": {
699
+ "0": {
700
+ "top": {
701
+ "value": "{color.palette.tertiary.main}",
702
+ "type": "color"
703
+ },
704
+ "bottom": {
705
+ "value": "{color.palette.primary.main}",
706
+ "type": "color"
707
+ },
708
+ "foreground": {
709
+ "value": "{color.palette.greyscale.dark}",
710
+ "type": "color"
711
+ }
712
+ },
713
+ "1": {
714
+ "top": {
715
+ "value": "#00A266",
716
+ "type": "color"
717
+ },
718
+ "bottom": {
719
+ "value": "#9D64FF",
720
+ "type": "color"
721
+ },
722
+ "foreground": {
723
+ "value": "{color.palette.greyscale.faded}",
724
+ "type": "color"
725
+ }
726
+ },
727
+ "2": {
728
+ "top": {
729
+ "value": "#F5FF00",
730
+ "type": "color"
731
+ },
732
+ "bottom": {
733
+ "value": "#00FFA2",
734
+ "type": "color"
735
+ },
736
+ "foreground": {
737
+ "value": "{color.palette.greyscale.dark}",
738
+ "type": "color"
739
+ }
740
+ },
741
+ "3": {
742
+ "top": {
743
+ "value": "#FF0000",
744
+ "type": "color"
745
+ },
746
+ "bottom": {
747
+ "value": "#8A0000",
748
+ "type": "color"
749
+ },
750
+ "foreground": {
751
+ "value": "{color.palette.greyscale.faded}",
752
+ "type": "color"
753
+ }
754
+ },
755
+ "4": {
756
+ "top": {
757
+ "value": "#FF57EC",
758
+ "type": "color"
759
+ },
760
+ "bottom": {
761
+ "value": "#FF808B",
762
+ "type": "color"
763
+ },
764
+ "foreground": {
765
+ "value": "{color.palette.greyscale.faded}",
766
+ "type": "color"
767
+ }
768
+ },
769
+ "5": {
770
+ "top": {
771
+ "value": "#00FFC8",
772
+ "type": "color"
773
+ },
774
+ "bottom": {
775
+ "value": "#0197FF",
776
+ "type": "color"
777
+ },
778
+ "foreground": {
779
+ "value": "{color.palette.greyscale.dark}",
780
+ "type": "color"
781
+ }
782
+ },
783
+ "6": {
784
+ "top": {
785
+ "value": "#FF9905",
786
+ "type": "color"
787
+ },
788
+ "bottom": {
789
+ "value": "#FFDC05",
790
+ "type": "color"
791
+ },
792
+ "foreground": {
793
+ "value": "{color.palette.greyscale.dark}",
794
+ "type": "color"
795
+ }
796
+ },
797
+ "7": {
798
+ "top": {
799
+ "value": "#FF5D00",
800
+ "type": "color"
801
+ },
802
+ "bottom": {
803
+ "value": "#FF7A3A",
804
+ "type": "color"
805
+ },
806
+ "foreground": {
807
+ "value": "{color.palette.greyscale.faded}",
808
+ "type": "color"
809
+ }
810
+ },
811
+ "8": {
812
+ "top": {
813
+ "value": "#FFCCC8",
814
+ "type": "color"
815
+ },
816
+ "bottom": {
817
+ "value": "#FFB4AF",
818
+ "type": "color"
819
+ },
820
+ "foreground": {
821
+ "value": "{color.palette.greyscale.dark}",
822
+ "type": "color"
823
+ }
824
+ },
825
+ "9": {
826
+ "top": {
827
+ "value": "#00FFCA",
828
+ "type": "color"
829
+ },
830
+ "bottom": {
831
+ "value": "#6CFF97",
832
+ "type": "color"
833
+ },
834
+ "foreground": {
835
+ "value": "{color.palette.greyscale.dark}",
836
+ "type": "color"
837
+ }
838
+ },
839
+ "10": {
840
+ "top": {
841
+ "value": "#8997FF",
842
+ "type": "color"
843
+ },
844
+ "bottom": {
845
+ "value": "#9D51DC",
846
+ "type": "color"
847
+ },
848
+ "foreground": {
849
+ "value": "{color.palette.greyscale.dark}",
850
+ "type": "color"
851
+ }
852
+ },
853
+ "11": {
854
+ "top": {
855
+ "value": "#FFDC00",
856
+ "type": "color"
857
+ },
858
+ "bottom": {
859
+ "value": "#90D0BD",
860
+ "type": "color"
861
+ },
862
+ "foreground": {
863
+ "value": "{color.palette.greyscale.dark}",
864
+ "type": "color"
865
+ }
866
+ },
867
+ "12": {
868
+ "top": {
869
+ "value": "#90D0BD",
870
+ "type": "color"
871
+ },
872
+ "bottom": {
873
+ "value": "#00FFE6",
874
+ "type": "color"
875
+ },
876
+ "foreground": {
877
+ "value": "{color.palette.greyscale.dark}",
878
+ "type": "color"
879
+ }
880
+ },
881
+ "13": {
882
+ "top": {
883
+ "value": "#FF7AEB",
884
+ "type": "color"
885
+ },
886
+ "bottom": {
887
+ "value": "#FF0000",
888
+ "type": "color"
889
+ },
890
+ "foreground": {
891
+ "value": "{color.palette.greyscale.faded}",
892
+ "type": "color"
893
+ }
894
+ },
895
+ "14": {
896
+ "top": {
897
+ "value": "#E5EA87",
898
+ "type": "color"
899
+ },
900
+ "bottom": {
901
+ "value": "#FFFF00",
902
+ "type": "color"
903
+ },
904
+ "foreground": {
905
+ "value": "{color.palette.greyscale.faded}",
906
+ "type": "color"
907
+ }
908
+ },
909
+ "15": {
910
+ "top": {
911
+ "value": "#464D93",
912
+ "type": "color"
913
+ },
914
+ "bottom": {
915
+ "value": "#464469",
916
+ "type": "color"
917
+ },
918
+ "foreground": {
919
+ "value": "{color.palette.greyscale.faded}",
920
+ "type": "color"
921
+ }
922
+ },
923
+ "16": {
924
+ "top": {
925
+ "value": "#683E3E",
926
+ "type": "color"
927
+ },
928
+ "bottom": {
929
+ "value": "#3E6942",
930
+ "type": "color"
931
+ },
932
+ "foreground": {
933
+ "value": "{color.palette.greyscale.faded}",
934
+ "type": "color"
935
+ }
936
+ },
937
+ "17": {
938
+ "top": {
939
+ "value": "#9B4144",
940
+ "type": "color"
941
+ },
942
+ "bottom": {
943
+ "value": "#674679",
944
+ "type": "color"
945
+ },
946
+ "foreground": {
947
+ "value": "{color.palette.greyscale.faded}",
948
+ "type": "color"
949
+ }
950
+ },
951
+ "18": {
952
+ "top": {
953
+ "value": "#806586",
954
+ "type": "color"
955
+ },
956
+ "bottom": {
957
+ "value": "#3A716D",
958
+ "type": "color"
959
+ },
960
+ "foreground": {
961
+ "value": "{color.palette.greyscale.faded}",
962
+ "type": "color"
963
+ }
964
+ },
965
+ "19": {
966
+ "top": {
967
+ "value": "#778500",
968
+ "type": "color"
969
+ },
970
+ "bottom": {
971
+ "value": "#901F3B",
972
+ "type": "color"
973
+ },
974
+ "foreground": {
975
+ "value": "{color.palette.greyscale.faded}",
976
+ "type": "color"
977
+ }
978
+ },
979
+ "20": {
980
+ "top": {
981
+ "value": "#86723A",
982
+ "type": "color"
983
+ },
984
+ "bottom": {
985
+ "value": "#007767",
986
+ "type": "color"
987
+ },
988
+ "foreground": {
989
+ "value": "{color.palette.greyscale.faded}",
990
+ "type": "color"
991
+ }
992
+ },
993
+ "21": {
994
+ "top": {
995
+ "value": "#566279",
996
+ "type": "color"
997
+ },
998
+ "bottom": {
999
+ "value": "#005360",
1000
+ "type": "color"
1001
+ },
1002
+ "foreground": {
1003
+ "value": "{color.palette.greyscale.faded}",
1004
+ "type": "color"
1005
+ }
1006
+ },
1007
+ "22": {
1008
+ "top": {
1009
+ "value": "#B64F00",
1010
+ "type": "color"
1011
+ },
1012
+ "bottom": {
1013
+ "value": "#B97700",
1014
+ "type": "color"
1015
+ },
1016
+ "foreground": {
1017
+ "value": "{color.palette.greyscale.faded}",
1018
+ "type": "color"
1019
+ }
1020
+ },
1021
+ "23": {
1022
+ "top": {
1023
+ "value": "#1D49FF",
1024
+ "type": "color"
1025
+ },
1026
+ "bottom": {
1027
+ "value": "#003384",
1028
+ "type": "color"
1029
+ },
1030
+ "foreground": {
1031
+ "value": "{color.palette.greyscale.dark}",
1032
+ "type": "color"
1033
+ }
1034
+ },
1035
+ "24": {
1036
+ "top": {
1037
+ "value": "#DAC89A",
1038
+ "type": "color"
1039
+ },
1040
+ "bottom": {
1041
+ "value": "#80AE9E",
1042
+ "type": "color"
1043
+ },
1044
+ "foreground": {
1045
+ "value": "{color.palette.greyscale.dark}",
1046
+ "type": "color"
1047
+ }
1048
+ },
1049
+ "25": {
1050
+ "top": {
1051
+ "value": "#D2DC7F",
1052
+ "type": "color"
1053
+ },
1054
+ "bottom": {
1055
+ "value": "#9DA45F",
1056
+ "type": "color"
1057
+ },
1058
+ "foreground": {
1059
+ "value": "{color.palette.greyscale.dark}",
1060
+ "type": "color"
1061
+ }
1062
+ },
1063
+ "26": {
1064
+ "top": {
1065
+ "value": "#487A70",
1066
+ "type": "color"
1067
+ },
1068
+ "bottom": {
1069
+ "value": "#41007A",
1070
+ "type": "color"
1071
+ },
1072
+ "foreground": {
1073
+ "value": "{color.palette.greyscale.faded}",
1074
+ "type": "color"
1075
+ }
1076
+ },
1077
+ "27": {
1078
+ "top": {
1079
+ "value": "#650037",
1080
+ "type": "color"
1081
+ },
1082
+ "bottom": {
1083
+ "value": "#9A0042",
1084
+ "type": "color"
1085
+ },
1086
+ "foreground": {
1087
+ "value": "{color.palette.greyscale.faded}",
1088
+ "type": "color"
1089
+ }
1090
+ },
1091
+ "28": {
1092
+ "top": {
1093
+ "value": "#FFD200",
1094
+ "type": "color"
1095
+ },
1096
+ "bottom": {
1097
+ "value": "#E19F00",
1098
+ "type": "color"
1099
+ },
1100
+ "foreground": {
1101
+ "value": "{color.palette.greyscale.dark}",
1102
+ "type": "color"
1103
+ }
1104
+ }
1105
+ },
1106
+ "branding": {
1107
+ "0": {
1108
+ "value": "#4D0E2F",
1109
+ "type": "color"
1110
+ },
1111
+ "10": {
1112
+ "value": "#B80056",
1113
+ "type": "color"
1114
+ },
1115
+ "20": {
1116
+ "value": "#7900F8",
1117
+ "type": "color"
1118
+ },
1119
+ "30": {
1120
+ "value": "#507F00",
1121
+ "type": "color"
1122
+ },
1123
+ "40": {
1124
+ "value": "#FF8E46",
1125
+ "type": "color"
1126
+ },
1127
+ "50": {
1128
+ "value": "#9EBCAC",
1129
+ "type": "color"
1130
+ },
1131
+ "60": {
1132
+ "value": "#0063A1",
1133
+ "type": "color"
1134
+ },
1135
+ "70": {
1136
+ "value": "#00B300",
1137
+ "type": "color"
1138
+ },
1139
+ "80": {
1140
+ "value": "#E838BA",
1141
+ "type": "color"
1142
+ },
1143
+ "90": {
1144
+ "value": "#FF93FF",
1145
+ "type": "color"
1146
+ },
1147
+ "100": {
1148
+ "value": "#006148",
1149
+ "type": "color"
1150
+ },
1151
+ "110": {
1152
+ "value": "#FF0043",
1153
+ "type": "color"
1154
+ },
1155
+ "120": {
1156
+ "value": "#00AFB8",
1157
+ "type": "color"
1158
+ },
1159
+ "130": {
1160
+ "value": "#1600FF",
1161
+ "type": "color"
1162
+ },
1163
+ "140": {
1164
+ "value": "#FC3BFF",
1165
+ "type": "color"
1166
+ },
1167
+ "150": {
1168
+ "value": "#AFFF00",
1169
+ "type": "color"
1170
+ },
1171
+ "160": {
1172
+ "value": "#2802BD",
1173
+ "type": "color"
1174
+ },
1175
+ "170": {
1176
+ "value": "#E1FAAD",
1177
+ "type": "color"
1178
+ },
1179
+ "180": {
1180
+ "value": "#FF57ED",
1181
+ "type": "color"
1182
+ },
1183
+ "190": {
1184
+ "value": "#FF4C00",
1185
+ "type": "color"
1186
+ }
693
1187
  }
694
1188
  },
695
1189
  "fontfamily": {
@@ -721,6 +1215,10 @@
721
1215
  "headline": {
722
1216
  "value": "{fontfamily.global.riforma}",
723
1217
  "type": "fontFamilies"
1218
+ },
1219
+ "title": {
1220
+ "value": "{fontfamily.global.riforma}",
1221
+ "type": "fontFamilies"
724
1222
  }
725
1223
  }
726
1224
  },
@@ -753,6 +1251,10 @@
753
1251
  "headline": {
754
1252
  "value": "{lineheight.global.200}",
755
1253
  "type": "lineHeights"
1254
+ },
1255
+ "title": {
1256
+ "value": "{lineheight.global.150}",
1257
+ "type": "lineHeights"
756
1258
  }
757
1259
  }
758
1260
  },
@@ -785,6 +1287,10 @@
785
1287
  "headline": {
786
1288
  "value": "{fontweight.global.700}",
787
1289
  "type": "fontWeights"
1290
+ },
1291
+ "title": {
1292
+ "value": "{fontweight.global.700}",
1293
+ "type": "fontWeights"
788
1294
  }
789
1295
  }
790
1296
  }
@@ -123,9 +123,13 @@
123
123
  "value": "{color.global.grey.200}",
124
124
  "type": "color"
125
125
  },
126
- "neutral": {
126
+ "neutral-light": {
127
127
  "value": "{color.palette.greyscale.pastel}",
128
128
  "type": "color"
129
+ },
130
+ "neutral-dark": {
131
+ "value": "{color.palette.greyscale.muted}",
132
+ "type": "color"
129
133
  }
130
134
  },
131
135
  "text": {
@@ -123,9 +123,13 @@
123
123
  "value": "{color.global.grey.200}",
124
124
  "type": "color"
125
125
  },
126
- "neutral": {
126
+ "neutral-light": {
127
127
  "value": "{color.palette.greyscale.pastel}",
128
128
  "type": "color"
129
+ },
130
+ "neutral-dark": {
131
+ "value": "{color.palette.greyscale.muted}",
132
+ "type": "color"
129
133
  }
130
134
  },
131
135
  "text": {
@@ -133,6 +133,10 @@
133
133
  "value": "54",
134
134
  "type": "fontSizes"
135
135
  },
136
+ "450": {
137
+ "value": "60",
138
+ "type": "fontSizes"
139
+ },
136
140
  "460": {
137
141
  "value": "66",
138
142
  "type": "fontSizes"
@@ -140,6 +144,10 @@
140
144
  "480": {
141
145
  "value": "77",
142
146
  "type": "fontSizes"
147
+ },
148
+ "600": {
149
+ "value": "128",
150
+ "type": "fontSizes"
143
151
  }
144
152
  }
145
153
  },
@@ -185,6 +193,10 @@
185
193
  "value": "100%",
186
194
  "type": "lineHeights"
187
195
  },
196
+ "150": {
197
+ "value": "110%",
198
+ "type": "lineHeights"
199
+ },
188
200
  "200": {
189
201
  "value": "120%",
190
202
  "type": "lineHeights"