villa-design-tokens 1.0.262 → 1.0.264

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/tokens/$metadata.json +1 -2
  3. package/tokens/$themes.json +0 -11
  4. package/tokens/brands/vpro.json +56 -56
  5. package/tokens/brands/dpt.json +0 -811
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.262",
5
+ "version": "1.0.264",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
package/tokens/$metadata.json CHANGED
@@ -6,7 +6,6 @@
6
6
  "brands/human",
7
7
  "brands/argos",
8
8
  "brands/brainwash",
9
- "brands/vpro",
10
- "brands/dpt"
9
+ "brands/vpro"
11
10
  ]
12
11
  }
package/tokens/$themes.json CHANGED
@@ -1823,16 +1823,5 @@
1823
1823
  "fontweight.global.700": "5cb1284fe4f4922c6d10d11dfc64651113e67e37",
1824
1824
  "style.global.opacity.50": "e4a4cfe4d0403f2369e0522caecda2847a8dc11c"
1825
1825
  }
1826
- },
1827
- {
1828
- "id": "4643b1367b2e96909cb51490960b14010319b65c",
1829
- "name": "dpt",
1830
- "$figmaStyleReferences": {},
1831
- "selectedTokenSets": {
1832
- "global": "source",
1833
- "base": "enabled",
1834
- "brands/dpt": "enabled"
1835
- },
1836
- "$figmaVariableReferences": {}
1837
1826
  }
1838
1827
  ]
package/tokens/brands/vpro.json CHANGED
@@ -702,281 +702,281 @@
702
702
  "combo": {
703
703
  "0": {
704
704
  "primary": {
705
- "value": "#FFC2B2",
705
+ "value": "#B2FFC2",
706
706
  "type": "color"
707
707
  },
708
708
  "secondary": {
709
- "value": "#002E73",
709
+ "value": "#004573",
710
710
  "type": "color"
711
711
  }
712
712
  },
713
713
  "1": {
714
714
  "primary": {
715
- "value": "#FFD7CC",
715
+ "value": "#CCFFE1",
716
716
  "type": "color"
717
717
  },
718
718
  "secondary": {
719
- "value": "#005924",
719
+ "value": "#730045",
720
720
  "type": "color"
721
721
  }
722
722
  },
723
723
  "2": {
724
724
  "primary": {
725
- "value": "#FFD1B2",
725
+ "value": "#B2FFE0",
726
726
  "type": "color"
727
727
  },
728
728
  "secondary": {
729
- "value": "#006652",
729
+ "value": "#660052",
730
730
  "type": "color"
731
731
  }
732
732
  },
733
733
  "3": {
734
734
  "primary": {
735
- "value": "#FFE0B2",
735
+ "value": "#B2FFF0",
736
736
  "type": "color"
737
737
  },
738
738
  "secondary": {
739
- "value": "#73005C",
739
+ "value": "#2E0073",
740
740
  "type": "color"
741
741
  }
742
742
  },
743
743
  "4": {
744
744
  "primary": {
745
- "value": "#FFF0B2",
745
+ "value": "#B2FFFF",
746
746
  "type": "color"
747
747
  },
748
748
  "secondary": {
749
- "value": "#73002E",
749
+ "value": "#730000",
750
750
  "type": "color"
751
751
  }
752
752
  },
753
753
  "5": {
754
754
  "primary": {
755
- "value": "#FCFFB2",
755
+ "value": "#CCEAFF",
756
756
  "type": "color"
757
757
  },
758
758
  "secondary": {
759
- "value": "#001773",
759
+ "value": "#593600",
760
760
  "type": "color"
761
761
  }
762
762
  },
763
763
  "6": {
764
764
  "primary": {
765
- "value": "#F0FFB2",
765
+ "value": "#B2D1FF",
766
766
  "type": "color"
767
767
  },
768
768
  "secondary": {
769
- "value": "#170073",
769
+ "value": "#004000",
770
770
  "type": "color"
771
771
  }
772
772
  },
773
773
  "7": {
774
774
  "primary": {
775
- "value": "#E0FFB2",
775
+ "value": "#B2C2FF",
776
776
  "type": "color"
777
777
  },
778
778
  "secondary": {
779
- "value": "#730073",
779
+ "value": "#001773",
780
780
  "type": "color"
781
781
  }
782
782
  },
783
783
  "8": {
784
784
  "primary": {
785
- "value": "#D1FFB2",
785
+ "value": "#D9D9FF",
786
786
  "type": "color"
787
787
  },
788
788
  "secondary": {
789
- "value": "#5C0073",
789
+ "value": "#125900",
790
790
  "type": "color"
791
791
  }
792
792
  },
793
793
  "9": {
794
794
  "primary": {
795
- "value": "#C2FFB2",
795
+ "value": "#C2B2FF",
796
796
  "type": "color"
797
797
  },
798
798
  "secondary": {
799
- "value": "#731700",
799
+ "value": "#73002E",
800
800
  "type": "color"
801
801
  }
802
802
  },
803
803
  "10": {
804
804
  "primary": {
805
- "value": "#B2FFB2",
805
+ "value": "#D1B2FF",
806
806
  "type": "color"
807
807
  },
808
808
  "secondary": {
809
- "value": "#450073",
809
+ "value": "#002E73",
810
810
  "type": "color"
811
811
  }
812
812
  },
813
813
  "11": {
814
814
  "primary": {
815
- "value": "#B2FFC2",
815
+ "value": "#EACCFF",
816
816
  "type": "color"
817
817
  },
818
818
  "secondary": {
819
- "value": "#004573",
819
+ "value": "#731700",
820
820
  "type": "color"
821
821
  }
822
822
  },
823
823
  "12": {
824
824
  "primary": {
825
- "value": "#CCFFE1",
825
+ "value": "#F0B2FF",
826
826
  "type": "color"
827
827
  },
828
828
  "secondary": {
829
- "value": "#730045",
829
+ "value": "#005912",
830
830
  "type": "color"
831
831
  }
832
832
  },
833
833
  "13": {
834
834
  "primary": {
835
- "value": "#B2FFE0",
835
+ "value": "#FFB2FF",
836
836
  "type": "color"
837
837
  },
838
838
  "secondary": {
839
- "value": "#660052",
839
+ "value": "#494D00",
840
840
  "type": "color"
841
841
  }
842
842
  },
843
843
  "14": {
844
844
  "primary": {
845
- "value": "#B2FFF0",
845
+ "value": "#FFB2F0",
846
846
  "type": "color"
847
847
  },
848
848
  "secondary": {
849
- "value": "#2E0073",
849
+ "value": "#732E00",
850
850
  "type": "color"
851
851
  }
852
852
  },
853
853
  "15": {
854
854
  "primary": {
855
- "value": "#B2FFFF",
855
+ "value": "#FFB2E0",
856
856
  "type": "color"
857
857
  },
858
858
  "secondary": {
859
- "value": "#730000",
859
+ "value": "#000073",
860
860
  "type": "color"
861
861
  }
862
862
  },
863
863
  "16": {
864
864
  "primary": {
865
- "value": "#CCEAFF",
865
+ "value": "#FFCCE1",
866
866
  "type": "color"
867
867
  },
868
868
  "secondary": {
869
- "value": "#593600",
869
+ "value": "#005959",
870
870
  "type": "color"
871
871
  }
872
872
  },
873
873
  "17": {
874
874
  "primary": {
875
- "value": "#B2D1FF",
875
+ "value": "#FFC2B2",
876
876
  "type": "color"
877
877
  },
878
878
  "secondary": {
879
- "value": "#004000",
879
+ "value": "#002E73",
880
880
  "type": "color"
881
881
  }
882
882
  },
883
883
  "18": {
884
884
  "primary": {
885
- "value": "#B2C2FF",
885
+ "value": "#FFD7CC",
886
886
  "type": "color"
887
887
  },
888
888
  "secondary": {
889
- "value": "#001773",
889
+ "value": "#005924",
890
890
  "type": "color"
891
891
  }
892
892
  },
893
893
  "19": {
894
894
  "primary": {
895
- "value": "#D9D9FF",
895
+ "value": "#FFD1B2",
896
896
  "type": "color"
897
897
  },
898
898
  "secondary": {
899
- "value": "#125900",
899
+ "value": "#006652",
900
900
  "type": "color"
901
901
  }
902
902
  },
903
903
  "20": {
904
904
  "primary": {
905
- "value": "#C2B2FF",
905
+ "value": "#FFE0B2",
906
906
  "type": "color"
907
907
  },
908
908
  "secondary": {
909
- "value": "#73002E",
909
+ "value": "#73005C",
910
910
  "type": "color"
911
911
  }
912
912
  },
913
913
  "21": {
914
914
  "primary": {
915
- "value": "#D1B2FF",
915
+ "value": "#FFF0B2",
916
916
  "type": "color"
917
917
  },
918
918
  "secondary": {
919
- "value": "#002E73",
919
+ "value": "#73002E",
920
920
  "type": "color"
921
921
  }
922
922
  },
923
923
  "22": {
924
924
  "primary": {
925
- "value": "#EACCFF",
925
+ "value": "#FCFFB2",
926
926
  "type": "color"
927
927
  },
928
928
  "secondary": {
929
- "value": "#731700",
929
+ "value": "#001773",
930
930
  "type": "color"
931
931
  }
932
932
  },
933
933
  "23": {
934
934
  "primary": {
935
- "value": "#F0B2FF",
935
+ "value": "#F0FFB2",
936
936
  "type": "color"
937
937
  },
938
938
  "secondary": {
939
- "value": "#005912",
939
+ "value": "#170073",
940
940
  "type": "color"
941
941
  }
942
942
  },
943
943
  "24": {
944
944
  "primary": {
945
- "value": "#FFB2FF",
945
+ "value": "#E0FFB2",
946
946
  "type": "color"
947
947
  },
948
948
  "secondary": {
949
- "value": "#494D00",
949
+ "value": "#730073",
950
950
  "type": "color"
951
951
  }
952
952
  },
953
953
  "25": {
954
954
  "primary": {
955
- "value": "#FFB2F0",
955
+ "value": "#D1FFB2",
956
956
  "type": "color"
957
957
  },
958
958
  "secondary": {
959
- "value": "#732E00",
959
+ "value": "#5C0073",
960
960
  "type": "color"
961
961
  }
962
962
  },
963
963
  "26": {
964
964
  "primary": {
965
- "value": "#FFB2E0",
965
+ "value": "#C2FFB2",
966
966
  "type": "color"
967
967
  },
968
968
  "secondary": {
969
- "value": "#000073",
969
+ "value": "#731700",
970
970
  "type": "color"
971
971
  }
972
972
  },
973
973
  "27": {
974
974
  "primary": {
975
- "value": "#FFCCE1",
975
+ "value": "#B2FFB2",
976
976
  "type": "color"
977
977
  },
978
978
  "secondary": {
979
- "value": "#005959",
979
+ "value": "#450073",
980
980
  "type": "color"
981
981
  }
982
982
  },
package/tokens/brands/dpt.json DELETED
@@ -1,811 +0,0 @@
1
- {
2
- "color": {
3
- "palette": {
4
- "primary": {
5
- "faded": {
6
- "value": "{color.global.grey.150}",
7
- "type": "color"
8
- },
9
- "pastel": {
10
- "value": "{color.global.grey.200}",
11
- "type": "color"
12
- },
13
- "main": {
14
- "value": "{color.global.charcoal.100}",
15
- "type": "color"
16
- },
17
- "muted": {
18
- "value": "{color.global.grey.400}",
19
- "type": "color"
20
- },
21
- "dark": {
22
- "value": "{color.global.charcoal.200}",
23
- "type": "color"
24
- }
25
- },
26
- "secondary": {
27
- "faded": {
28
- "value": "{color.global.pumpkin.25}",
29
- "type": "color"
30
- },
31
- "pastel": {
32
- "value": "{color.global.pumpkin.50}",
33
- "type": "color"
34
- },
35
- "main": {
36
- "value": "{color.global.pumpkin.100}",
37
- "type": "color"
38
- },
39
- "muted": {
40
- "value": "{color.global.pumpkin.150}",
41
- "type": "color"
42
- },
43
- "dark": {
44
- "value": "{color.global.pumpkin.200}",
45
- "type": "color"
46
- }
47
- },
48
- "tertiary": {
49
- "faded": {
50
- "value": "{color.global.blue.50}",
51
- "type": "color"
52
- },
53
- "pastel": {
54
- "value": "{color.global.blue.100}",
55
- "type": "color"
56
- },
57
- "main": {
58
- "value": "{color.global.blue.125}",
59
- "type": "color"
60
- },
61
- "muted": {
62
- "value": "{color.global.blue.150}",
63
- "type": "color"
64
- },
65
- "dark": {
66
- "value": "{color.global.oxford.100}",
67
- "type": "color"
68
- }
69
- },
70
- "greyscale": {
71
- "faded": {
72
- "value": "{color.global.grey.100}",
73
- "type": "color"
74
- },
75
- "pastel": {
76
- "value": "{color.global.grey.150}",
77
- "type": "color"
78
- },
79
- "main": {
80
- "value": "{color.global.grey.300}",
81
- "type": "color"
82
- },
83
- "muted": {
84
- "value": "{color.global.grey.450}",
85
- "type": "color"
86
- },
87
- "dark": {
88
- "value": "{color.global.grey.550}",
89
- "type": "color"
90
- }
91
- }
92
- },
93
- "background": {
94
- "default": {
95
- "value": "{color.global.grey.100}",
96
- "type": "color"
97
- },
98
- "primary": {
99
- "value": "{color.palette.primary.faded}",
100
- "type": "color"
101
- },
102
- "secondary": {
103
- "value": "{color.palette.primary.pastel}",
104
- "type": "color"
105
- },
106
- "tertiary": {
107
- "value": "{color.palette.secondary.faded}",
108
- "type": "color"
109
- },
110
- "brand": {
111
- "value": "{color.palette.primary.main}",
112
- "type": "color"
113
- },
114
- "interactive": {
115
- "value": "{color.palette.secondary.main}",
116
- "type": "color"
117
- },
118
- "dark": {
119
- "value": "{color.palette.primary.dark}",
120
- "type": "color"
121
- },
122
- "disabled": {
123
- "value": "{color.global.grey.200}",
124
- "type": "color"
125
- },
126
- "neutral-light": {
127
- "value": "{color.palette.greyscale.pastel}",
128
- "type": "color"
129
- },
130
- "neutral-dark": {
131
- "value": "{color.palette.greyscale.muted}",
132
- "type": "color"
133
- }
134
- },
135
- "text": {
136
- "default": {
137
- "value": "{color.palette.primary.main}",
138
- "type": "color"
139
- },
140
- "title": {
141
- "value": "{color.palette.primary.main}",
142
- "type": "color"
143
- },
144
- "subtle": {
145
- "value": "{color.palette.primary.muted}",
146
- "type": "color"
147
- },
148
- "disabled": {
149
- "value": "{color.global.grey.400}",
150
- "type": "color"
151
- },
152
- "inverse": {
153
- "value": "{color.global.grey.100}",
154
- "type": "color"
155
- },
156
- "neutral": {
157
- "value": "{color.palette.greyscale.dark}",
158
- "type": "color"
159
- }
160
- },
161
- "icon": {
162
- "primary": {
163
- "value": "{color.palette.primary.main}",
164
- "type": "color"
165
- },
166
- "secondary": {
167
- "value": "{color.palette.secondary.main}",
168
- "type": "color"
169
- },
170
- "tertiary": {
171
- "value": "{color.palette.tertiary.main}",
172
- "type": "color"
173
- },
174
- "inverse": {
175
- "value": "{color.global.grey.100}",
176
- "type": "color"
177
- }
178
- },
179
- "border": {
180
- "default": {
181
- "value": "{color.global.grey.250}",
182
- "type": "color"
183
- },
184
- "hover": {
185
- "value": "{color.palette.tertiary.pastel}",
186
- "type": "color"
187
- },
188
- "focus": {
189
- "value": "{color.palette.tertiary.main}",
190
- "type": "color"
191
- },
192
- "filled": {
193
- "value": "{color.palette.primary.main}",
194
- "type": "color"
195
- },
196
- "inverse": {
197
- "value": "{color.global.grey.300}",
198
- "type": "color"
199
- }
200
- },
201
- "link": {
202
- "default": {
203
- "value": "{color.palette.tertiary.muted}",
204
- "type": "color"
205
- },
206
- "hover": {
207
- "value": "{color.palette.tertiary.pastel}",
208
- "type": "color"
209
- },
210
- "active": {
211
- "value": "{color.palette.primary.muted}",
212
- "type": "color"
213
- },
214
- "inverse": {
215
- "value": "{color.palette.primary.faded}",
216
- "type": "color"
217
- }
218
- },
219
- "interactive": {
220
- "primary": {
221
- "background": {
222
- "default": {
223
- "value": "{color.palette.secondary.main}",
224
- "type": "color"
225
- },
226
- "hover": {
227
- "value": "{color.palette.secondary.pastel}",
228
- "type": "color"
229
- },
230
- "active": {
231
- "value": "{color.palette.tertiary.main}",
232
- "type": "color"
233
- }
234
- },
235
- "foreground": {
236
- "default": {
237
- "value": "{color.palette.primary.main}",
238
- "type": "color"
239
- },
240
- "hover": {
241
- "value": "{color.palette.primary.main}",
242
- "type": "color"
243
- },
244
- "active": {
245
- "value": "{color.palette.primary.faded}",
246
- "type": "color"
247
- }
248
- }
249
- },
250
- "secondary": {
251
- "background": {
252
- "default": {
253
- "value": "{color.palette.primary.main}",
254
- "type": "color"
255
- },
256
- "hover": {
257
- "value": "{color.palette.secondary.pastel}",
258
- "type": "color"
259
- },
260
- "active": {
261
- "value": "{color.palette.tertiary.main}",
262
- "type": "color"
263
- }
264
- },
265
- "foreground": {
266
- "default": {
267
- "value": "{color.palette.primary.main}",
268
- "type": "color"
269
- },
270
- "hover": {
271
- "value": "{color.palette.primary.main}",
272
- "type": "color"
273
- },
274
- "active": {
275
- "value": "{color.palette.primary.faded}",
276
- "type": "color"
277
- }
278
- }
279
- },
280
- "tertiary": {
281
- "background": {
282
- "default": {
283
- "value": "{color.palette.primary.main}",
284
- "type": "color"
285
- },
286
- "hover": {
287
- "value": "{color.palette.secondary.pastel}",
288
- "type": "color"
289
- },
290
- "active": {
291
- "value": "{color.palette.tertiary.main}",
292
- "type": "color"
293
- }
294
- },
295
- "foreground": {
296
- "default": {
297
- "value": "{color.palette.secondary.main}",
298
- "type": "color"
299
- },
300
- "hover": {
301
- "value": "{color.palette.primary.main}",
302
- "type": "color"
303
- },
304
- "active": {
305
- "value": "{color.palette.primary.faded}",
306
- "type": "color"
307
- }
308
- }
309
- }
310
- },
311
- "surface": {
312
- "primary": {
313
- "background": {
314
- "value": "{color.palette.primary.faded}",
315
- "type": "color"
316
- },
317
- "accent": {
318
- "value": "{color.palette.primary.pastel}",
319
- "type": "color",
320
- "$extensions": {
321
- "studio.tokens": {
322
- "modify": {
323
- "type": "alpha",
324
- "value": ".33",
325
- "space": "srgb"
326
- }
327
- }
328
- }
329
- },
330
- "text": {
331
- "default": {
332
- "value": "{color.palette.primary.main}",
333
- "type": "color"
334
- },
335
- "subtle": {
336
- "value": "{color.palette.primary.muted}",
337
- "type": "color"
338
- },
339
- "title": {
340
- "value": "{color.palette.primary.main}",
341
- "type": "color"
342
- },
343
- "link": {
344
- "value": "{color.palette.secondary.main}",
345
- "type": "color"
346
- },
347
- "hover": {
348
- "value": "{color.palette.tertiary.pastel}",
349
- "type": "color"
350
- }
351
- },
352
- "interactive": {
353
- "background": {
354
- "value": "{color.palette.secondary.main}",
355
- "type": "color"
356
- },
357
- "foreground": {
358
- "value": "{color.palette.primary.main}",
359
- "type": "color"
360
- },
361
- "hover-background": {
362
- "value": "{color.palette.secondary.pastel}",
363
- "type": "color"
364
- },
365
- "hover-foreground": {
366
- "value": "{color.palette.primary.main}",
367
- "type": "color"
368
- }
369
- },
370
- "input": {
371
- "background": {
372
- "value": "{color.global.grey.100}",
373
- "type": "color"
374
- },
375
- "foreground": {
376
- "value": "{color.palette.tertiary.muted}",
377
- "type": "color"
378
- },
379
- "border-default": {
380
- "value": "{color.palette.tertiary.dark}",
381
- "type": "color"
382
- },
383
- "border-active": {
384
- "value": "{color.palette.tertiary.main}",
385
- "type": "color"
386
- }
387
- }
388
- },
389
- "secondary": {
390
- "background": {
391
- "value": "{color.palette.secondary.faded}",
392
- "type": "color"
393
- },
394
- "accent": {
395
- "value": "{color.palette.secondary.pastel}",
396
- "type": "color",
397
- "$extensions": {
398
- "studio.tokens": {
399
- "modify": {
400
- "type": "alpha",
401
- "value": ".33",
402
- "space": "srgb"
403
- }
404
- }
405
- }
406
- },
407
- "text": {
408
- "default": {
409
- "value": "{color.palette.primary.main}",
410
- "type": "color"
411
- },
412
- "subtle": {
413
- "value": "{color.palette.secondary.dark}",
414
- "type": "color"
415
- },
416
- "title": {
417
- "value": "{color.palette.primary.main}",
418
- "type": "color"
419
- },
420
- "link": {
421
- "value": "{color.palette.secondary.main}",
422
- "type": "color"
423
- },
424
- "hover": {
425
- "value": "{color.palette.tertiary.pastel}",
426
- "type": "color"
427
- }
428
- },
429
- "interactive": {
430
- "background": {
431
- "value": "{color.palette.secondary.main}",
432
- "type": "color"
433
- },
434
- "foreground": {
435
- "value": "{color.palette.primary.main}",
436
- "type": "color"
437
- },
438
- "hover": {
439
- "value": "{color.palette.tertiary.pastel}",
440
- "type": "color"
441
- },
442
- "hover-background": {
443
- "value": "{color.palette.secondary.pastel}",
444
- "type": "color"
445
- },
446
- "hover-foreground": {
447
- "value": "{color.palette.primary.main}",
448
- "type": "color"
449
- }
450
- },
451
- "input": {
452
- "background": {
453
- "value": "{color.global.grey.100}",
454
- "type": "color"
455
- },
456
- "foreground": {
457
- "value": "{color.palette.tertiary.muted}",
458
- "type": "color"
459
- },
460
- "border-default": {
461
- "value": "{color.palette.tertiary.dark}",
462
- "type": "color"
463
- },
464
- "border-active": {
465
- "value": "{color.palette.tertiary.main}",
466
- "type": "color"
467
- }
468
- }
469
- },
470
- "alt-primary": {
471
- "background": {
472
- "value": "{color.palette.primary.main}",
473
- "type": "color"
474
- },
475
- "accent": {
476
- "value": "{color.palette.primary.muted}",
477
- "type": "color",
478
- "$extensions": {
479
- "studio.tokens": {
480
- "modify": {
481
- "type": "alpha",
482
- "value": ".33",
483
- "space": "srgb"
484
- }
485
- }
486
- }
487
- },
488
- "text": {
489
- "default": {
490
- "value": "{color.global.grey.100}",
491
- "type": "color"
492
- },
493
- "subtle": {
494
- "value": "{color.palette.primary.faded}",
495
- "type": "color"
496
- },
497
- "title": {
498
- "value": "{color.palette.primary.faded}",
499
- "type": "color"
500
- },
501
- "link": {
502
- "value": "{color.palette.secondary.pastel}",
503
- "type": "color"
504
- },
505
- "hover": {
506
- "value": "{color.palette.tertiary.pastel}",
507
- "type": "color"
508
- }
509
- },
510
- "interactive": {
511
- "background": {
512
- "value": "{color.palette.secondary.main}",
513
- "type": "color"
514
- },
515
- "foreground": {
516
- "value": "{color.palette.primary.dark}",
517
- "type": "color"
518
- },
519
- "hover-background": {
520
- "value": "{color.palette.secondary.pastel}",
521
- "type": "color"
522
- },
523
- "hover-foreground": {
524
- "value": "{color.palette.primary.main}",
525
- "type": "color"
526
- }
527
- },
528
- "input": {
529
- "background": {
530
- "value": "{color.global.grey.100}",
531
- "type": "color"
532
- },
533
- "foreground": {
534
- "value": "{color.palette.tertiary.muted}",
535
- "type": "color"
536
- },
537
- "border-default": {
538
- "value": "{color.palette.tertiary.dark}",
539
- "type": "color"
540
- },
541
- "border-active": {
542
- "value": "{color.palette.tertiary.main}",
543
- "type": "color"
544
- }
545
- }
546
- },
547
- "alt-secondary": {
548
- "background": {
549
- "value": "{color.palette.secondary.main}",
550
- "type": "color"
551
- },
552
- "accent": {
553
- "value": "{color.palette.secondary.muted}",
554
- "type": "color",
555
- "$extensions": {
556
- "studio.tokens": {
557
- "modify": {
558
- "type": "alpha",
559
- "value": ".33",
560
- "space": "srgb"
561
- }
562
- }
563
- }
564
- },
565
- "text": {
566
- "default": {
567
- "value": "{color.palette.primary.main}",
568
- "type": "color"
569
- },
570
- "subtle": {
571
- "value": "{color.palette.secondary.dark}",
572
- "type": "color"
573
- },
574
- "title": {
575
- "value": "{color.palette.primary.main}",
576
- "type": "color"
577
- },
578
- "link": {
579
- "value": "{color.palette.primary.main}",
580
- "type": "color"
581
- },
582
- "hover": {
583
- "value": "{color.palette.tertiary.pastel}",
584
- "type": "color"
585
- }
586
- },
587
- "interactive": {
588
- "background": {
589
- "value": "{color.palette.primary.main}",
590
- "type": "color"
591
- },
592
- "foreground": {
593
- "value": "{color.palette.secondary.main}",
594
- "type": "color"
595
- },
596
- "hover-background": {
597
- "value": "{color.palette.secondary.pastel}",
598
- "type": "color"
599
- },
600
- "hover-foreground": {
601
- "value": "{color.palette.primary.main}",
602
- "type": "color"
603
- }
604
- },
605
- "input": {
606
- "background": {
607
- "value": "{color.global.grey.100}",
608
- "type": "color"
609
- },
610
- "foreground": {
611
- "value": "{color.palette.tertiary.muted}",
612
- "type": "color"
613
- },
614
- "border-default": {
615
- "value": "{color.palette.tertiary.dark}",
616
- "type": "color"
617
- },
618
- "border-active": {
619
- "value": "{color.palette.tertiary.main}",
620
- "type": "color"
621
- }
622
- }
623
- },
624
- "neutral": {
625
- "background": {
626
- "value": "{color.palette.greyscale.pastel}",
627
- "type": "color"
628
- },
629
- "accent": {
630
- "value": "{color.palette.greyscale.pastel}",
631
- "type": "color",
632
- "$extensions": {
633
- "studio.tokens": {
634
- "modify": {
635
- "type": "alpha",
636
- "value": ".33",
637
- "space": "srgb"
638
- }
639
- }
640
- }
641
- },
642
- "text": {
643
- "default": {
644
- "value": "{color.palette.greyscale.dark}",
645
- "type": "color"
646
- },
647
- "subtle": {
648
- "value": "{color.palette.greyscale.main}",
649
- "type": "color"
650
- },
651
- "title": {
652
- "value": "{color.palette.greyscale.muted}",
653
- "type": "color"
654
- },
655
- "link": {
656
- "value": "{color.link.default}",
657
- "type": "color"
658
- },
659
- "hover": {
660
- "value": "{color.link.hover}",
661
- "type": "color"
662
- }
663
- },
664
- "interactive": {
665
- "background": {
666
- "value": "{color.link.default}",
667
- "type": "color"
668
- },
669
- "foreground": {
670
- "value": "{color.palette.greyscale.dark}",
671
- "type": "color"
672
- },
673
- "hover-background": {
674
- "value": "{color.palette.greyscale.muted}",
675
- "type": "color"
676
- },
677
- "hover-foreground": {
678
- "value": "{color.palette.greyscale.faded}",
679
- "type": "color"
680
- }
681
- },
682
- "input": {
683
- "background": {
684
- "value": "{color.global.grey.100}",
685
- "type": "color"
686
- },
687
- "foreground": {
688
- "value": "{color.palette.greyscale.dark}",
689
- "type": "color"
690
- },
691
- "border-default": {
692
- "value": "{color.palette.greyscale.muted}",
693
- "type": "color"
694
- },
695
- "border-active": {
696
- "value": "{color.palette.greyscale.main}",
697
- "type": "color"
698
- }
699
- }
700
- }
701
- }
702
- },
703
- "fontfamily": {
704
- "body": {
705
- "value": "{fontfamily.global.roboto}",
706
- "type": "fontFamilies"
707
- },
708
- "utility": {
709
- "value": "{fontfamily.global.roboto}",
710
- "type": "fontFamilies"
711
- },
712
- "heading": {
713
- "value": "{fontfamily.global.bureau}",
714
- "type": "fontFamilies"
715
- },
716
- "program": {
717
- "value": "{fontfamily.global.bureau}",
718
- "type": "fontFamilies"
719
- },
720
- "display": {
721
- "intro": {
722
- "value": "{fontfamily.global.bureau}",
723
- "type": "fontFamilies"
724
- },
725
- "name": {
726
- "value": "{fontfamily.global.bureau}",
727
- "type": "fontFamilies"
728
- },
729
- "quote": {
730
- "value": "{fontfamily.global.bureau}",
731
- "type": "fontFamilies"
732
- },
733
- "headline": {
734
- "value": "{fontfamily.global.bureau}",
735
- "type": "fontFamilies"
736
- }
737
- }
738
- },
739
- "lineheight": {
740
- "body": {
741
- "value": "{lineheight.global.500}",
742
- "type": "lineHeights"
743
- },
744
- "utility": {
745
- "value": "{lineheight.global.200}",
746
- "type": "lineHeights"
747
- },
748
- "heading": {
749
- "value": "{lineheight.global.200}",
750
- "type": "lineHeights"
751
- },
752
- "program": {
753
- "value": "{lineheight.global.150}",
754
- "type": "lineHeights"
755
- },
756
- "display": {
757
- "intro": {
758
- "value": "{lineheight.global.500}",
759
- "type": "lineHeights"
760
- },
761
- "name": {
762
- "value": "{lineheight.global.100}",
763
- "type": "lineHeights"
764
- },
765
- "quote": {
766
- "value": "{lineheight.global.275}",
767
- "type": "lineHeights"
768
- },
769
- "headline": {
770
- "value": "{lineheight.global.200}",
771
- "type": "lineHeights"
772
- }
773
- }
774
- },
775
- "fontweight": {
776
- "body": {
777
- "value": "{fontweight.global.400}",
778
- "type": "fontWeights"
779
- },
780
- "utility": {
781
- "value": "{fontweight.global.400}",
782
- "type": "fontWeights"
783
- },
784
- "heading": {
785
- "value": "{fontweight.global.700}",
786
- "type": "fontWeights"
787
- },
788
- "program": {
789
- "value": "{fontweight.global.700}",
790
- "type": "fontWeights"
791
- },
792
- "display": {
793
- "intro": {
794
- "value": "{fontweight.global.500}",
795
- "type": "fontWeights"
796
- },
797
- "name": {
798
- "value": "{fontweight.global.700}",
799
- "type": "fontWeights"
800
- },
801
- "quote": {
802
- "value": "{fontweight.global.500}",
803
- "type": "fontWeights"
804
- },
805
- "headline": {
806
- "value": "{fontweight.global.700}",
807
- "type": "fontWeights"
808
- }
809
- }
810
- }
811
- }