villa-design-tokens 1.0.211 → 1.0.213

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 (6) hide show
  1. package/package.json +1 -1
  2. package/tokens/$metadata.json +2 -0
  3. package/tokens/$themes.json +35 -15
  4. package/tokens/base.json +0 -36
  5. package/tokens/brands/dpt.json +604 -0
  6. package/tokens/brands/tegenlicht.json +578 -0
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.211",
5
+ "version": "1.0.213",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
package/tokens/$metadata.json CHANGED
@@ -4,7 +4,9 @@
4
4
  "base",
5
5
  "brands/whitelabel",
6
6
  "brands/human",
7
+ "brands/dpt",
7
8
  "brands/vpro",
9
+ "brands/tegenlicht",
8
10
  "brands/brainwash",
9
11
  "brands/argos"
10
12
  ]
package/tokens/$themes.json CHANGED
@@ -95,8 +95,6 @@
95
95
  "color.border.inverse": "S:d6f5de0aba7b01134e4271fdc7d7ecc458e566f9,",
96
96
  "color.link.inverse-subtle": "S:0e10ec08f190b3f2761cebe4e7e1df3fe2b06d10,",
97
97
  "color.link.inverse-subtle-hover": "S:41e33c82c7ea8944a72e354219a718c3ef1937d8,",
98
- "text.display.max.question": "S:50d6c8bc51dd935e392056d16fde1ef125bdb548,",
99
- "text.display.min.question": "S:21d6afa8470943a5ae8d0e711848044e4b2d8876,",
100
98
  "color.surface.primary": "S:e9b047a2bd8c22942ccf2c4e69d04f90463de4b4,",
101
99
  "color.on-surface.brand": "S:a791d97f0f743485e3edac7dbf96265529a66334,",
102
100
  "color.on-surface.primary": "S:81256e112444d6e28b7508a6acbdcdc8ae01b66b,",
@@ -209,7 +207,9 @@
209
207
  "selectedTokenSets": {
210
208
  "global": "source",
211
209
  "brands/whitelabel": "enabled",
212
- "base": "enabled"
210
+ "base": "enabled",
211
+ "brands/tegenlicht": "disabled",
212
+ "brands/dpt": "disabled"
213
213
  },
214
214
  "$figmaCollectionId": "VariableCollectionId:396:2",
215
215
  "$figmaModeId": "396:0",
@@ -426,8 +426,6 @@
426
426
  "color.tertiary.border.default": "S:17dd69d672066fd140e5e6b735be559dd73eb332,",
427
427
  "color.tertiary.border.hover": "S:9d4b837bd9f070211c489a587a80f665782101c6,",
428
428
  "color.tertiary.border.active": "S:c0c3355b3dd7142fcad8eae81dba3c8509650f08,",
429
- "text.display.max.question": "S:0cb6c2b8077d38909cf0c520b1511f7a54c95263,",
430
- "text.display.min.question": "S:729fa70e45ab9d4f0e9a8897ae8cd5a7fb719650,",
431
429
  "color.surface.brand.background": "S:9641c805b0c5f29dceaf58ffde05746a021a625f,",
432
430
  "color.surface.brand.foreground": "S:d96614dd79dedf05fbc35d0b74b5b808b3aee58f,",
433
431
  "color.surface.brand.hover": "S:d69f1df6e518181ef3c4812e5f119fa0eaf2e52b,",
@@ -540,7 +538,9 @@
540
538
  "selectedTokenSets": {
541
539
  "global": "source",
542
540
  "brands/human": "enabled",
543
- "base": "enabled"
541
+ "base": "enabled",
542
+ "brands/tegenlicht": "disabled",
543
+ "brands/dpt": "disabled"
544
544
  },
545
545
  "$figmaCollectionId": "VariableCollectionId:606:334",
546
546
  "$figmaModeId": "606:0",
@@ -735,8 +735,6 @@
735
735
  "color.global.salmon.100": "S:10f446dddb319ab85148fb94a2d19ccc804abf67,",
736
736
  "color.global.salmon.150": "S:9c756ce0d7b9f98e1095ab05b1a7b7a9bad03a90,",
737
737
  "color.global.salmon.200": "S:f5ab35c75141f1456ec987e0960c09a2c928df0b,",
738
- "text.display.max.question": "S:bb210ead4316540d3170dded191775b9253e827d,",
739
- "text.display.min.question": "S:816ca833fbe667fa0e498efea893e76209024088,",
740
738
  "color.transparent.0": "S:3918e227c1e5020913f2b9419c89a60db566ccc6,",
741
739
  "color.palette.secondary.main": "S:44d3669d366cb9d25d3ca301f58ba1e9436ac789,",
742
740
  "color.background.secondary": "S:1d22074052fdd3091ee9cf5e35a9166c03c4fee5,",
@@ -915,7 +913,9 @@
915
913
  "selectedTokenSets": {
916
914
  "global": "source",
917
915
  "base": "enabled",
918
- "brands/vpro": "enabled"
916
+ "brands/vpro": "enabled",
917
+ "brands/tegenlicht": "disabled",
918
+ "brands/dpt": "disabled"
919
919
  },
920
920
  "$figmaCollectionId": "VariableCollectionId:606:383",
921
921
  "$figmaModeId": "606:2",
@@ -1150,8 +1150,6 @@
1150
1150
  "color.global.salmon.100": "S:f20b6ef06b88c3b80a324e5267ac84366bd73781,",
1151
1151
  "color.global.salmon.150": "S:8b22adcf56ace408d36dc0395c7004015a9878fd,",
1152
1152
  "color.global.salmon.200": "S:ae6e67fb48488479b2bc47a634cb5d22b9c3f734,",
1153
- "text.display.max.question": "S:abd4cffceac9083883c59869951ed73678797510,",
1154
- "text.display.min.question": "S:74afd593e284e94d1c8bbf22e5d08b7170fc868e,",
1155
1153
  "color.transparent.0": "S:66280b77810d2705c3a8295c20ff45f2b860ee84,",
1156
1154
  "color.palette.secondary.main": "S:a3bb21f866e7069fbf1d0609536af7470ff3b054,",
1157
1155
  "color.background.secondary": "S:1db15af6c817f052c0ae11d74ae640f2e4b74203,",
@@ -1335,7 +1333,9 @@
1335
1333
  "selectedTokenSets": {
1336
1334
  "global": "source",
1337
1335
  "base": "enabled",
1338
- "brands/brainwash": "enabled"
1336
+ "brands/brainwash": "enabled",
1337
+ "brands/tegenlicht": "disabled",
1338
+ "brands/dpt": "disabled"
1339
1339
  },
1340
1340
  "$figmaCollectionId": "VariableCollectionId:606:384",
1341
1341
  "$figmaModeId": "606:3",
@@ -1554,8 +1554,6 @@
1554
1554
  "color.global.pine.50": "S:c8ee21c7b4cdfeb51934d012d7d7081188c2dff7,",
1555
1555
  "color.global.oxford.100": "S:07261889dee807dffbfeda842f402137cbe8ade0,",
1556
1556
  "color.global.oxford.150": "S:b12188892637564fcaeefbbd5b27eedb5af181fd,",
1557
- "text.display.max.question": "S:44fb6ef6f042d856bf36bb82a1ca198c671eac05,",
1558
- "text.display.min.question": "S:e1b22244b7949beafe1cb553eb86fa7b0da84c61,",
1559
1557
  "color.global.pine.150": "S:052613dfe4d15f0cc4f98f82d92edd4d8f682d38,",
1560
1558
  "color.global.oxford.50": "S:50b8deab7b10596d2bb5f27964c0f23699275a8f,",
1561
1559
  "color.surface.primary": "S:44ef9b06eddfed7e8946fd92d35aec772264372d,",
@@ -1768,7 +1766,9 @@
1768
1766
  "selectedTokenSets": {
1769
1767
  "global": "source",
1770
1768
  "base": "enabled",
1771
- "brands/argos": "enabled"
1769
+ "brands/argos": "enabled",
1770
+ "brands/tegenlicht": "disabled",
1771
+ "brands/dpt": "disabled"
1772
1772
  },
1773
1773
  "$figmaCollectionId": "VariableCollectionId:606:385",
1774
1774
  "$figmaModeId": "606:4",
@@ -1833,5 +1833,25 @@
1833
1833
  "fontweight.global.700": "5cb1284fe4f4922c6d10d11dfc64651113e67e37",
1834
1834
  "style.global.opacity.50": "e4a4cfe4d0403f2369e0522caecda2847a8dc11c"
1835
1835
  }
1836
+ },
1837
+ {
1838
+ "id": "4643b1367b2e96909cb51490960b14010319b65c",
1839
+ "name": "dpt",
1840
+ "$figmaStyleReferences": {},
1841
+ "selectedTokenSets": {
1842
+ "global": "source",
1843
+ "base": "enabled",
1844
+ "brands/dpt": "enabled"
1845
+ }
1846
+ },
1847
+ {
1848
+ "id": "c3f0a5d2cd50a54ccfee985faa288bc113becced",
1849
+ "name": "tegenlicht",
1850
+ "$figmaStyleReferences": {},
1851
+ "selectedTokenSets": {
1852
+ "global": "source",
1853
+ "base": "enabled",
1854
+ "brands/tegenlicht": "enabled"
1855
+ }
1836
1856
  }
1837
1857
  ]
package/tokens/base.json CHANGED
@@ -106,24 +106,6 @@
106
106
  "lineHeight": "{lineheight.display.quote}"
107
107
  },
108
108
  "type": "typography"
109
- },
110
- "question": {
111
- "value": {
112
- "fontFamily": "{fontfamily.display.question}",
113
- "fontWeight": "{fontweight.display.question}",
114
- "fontSize": "{fontsize.global.120}",
115
- "lineHeight": "{lineheight.display.question}"
116
- },
117
- "type": "typography"
118
- },
119
- "headline": {
120
- "value": {
121
- "fontFamily": "{fontfamily.display.headline}",
122
- "fontWeight": "{fontweight.display.headline}",
123
- "fontSize": "{fontsize.global.440}",
124
- "lineHeight": "{lineheight.display.headline}"
125
- },
126
- "type": "typography"
127
109
  }
128
110
  },
129
111
  "min": {
@@ -153,24 +135,6 @@
153
135
  "lineHeight": "{lineheight.display.quote}"
154
136
  },
155
137
  "type": "typography"
156
- },
157
- "question": {
158
- "value": {
159
- "fontFamily": "{fontfamily.display.question}",
160
- "fontWeight": "{fontweight.display.question}",
161
- "fontSize": "{fontsize.global.140}",
162
- "lineHeight": "{lineheight.display.question}"
163
- },
164
- "type": "typography"
165
- },
166
- "headline": {
167
- "value": {
168
- "fontFamily": "{fontfamily.display.headline}",
169
- "fontWeight": "{fontweight.display.headline}",
170
- "fontSize": "{fontsize.global.340}",
171
- "lineHeight": "{lineheight.display.headline}"
172
- },
173
- "type": "typography"
174
138
  }
175
139
  }
176
140
  },
package/tokens/brands/dpt.json ADDED
@@ -0,0 +1,604 @@
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
+ },
71
+ "background": {
72
+ "default": {
73
+ "value": "{color.global.grey.100}",
74
+ "type": "color"
75
+ },
76
+ "primary": {
77
+ "value": "{color.palette.primary.faded}",
78
+ "type": "color"
79
+ },
80
+ "secondary": {
81
+ "value": "{color.palette.primary.pastel}",
82
+ "type": "color"
83
+ },
84
+ "tertiary": {
85
+ "value": "{color.palette.secondary.faded}",
86
+ "type": "color"
87
+ },
88
+ "brand": {
89
+ "value": "{color.palette.primary.main}",
90
+ "type": "color"
91
+ },
92
+ "interactive": {
93
+ "value": "{color.palette.secondary.main}",
94
+ "type": "color"
95
+ },
96
+ "dark": {
97
+ "value": "{color.palette.primary.dark}",
98
+ "type": "color"
99
+ },
100
+ "disabled": {
101
+ "value": "{color.global.grey.200}",
102
+ "type": "color"
103
+ }
104
+ },
105
+ "text": {
106
+ "default": {
107
+ "value": "{color.palette.primary.main}",
108
+ "type": "color"
109
+ },
110
+ "title": {
111
+ "value": "{color.palette.primary.main}",
112
+ "type": "color"
113
+ },
114
+ "subtle": {
115
+ "value": "{color.palette.primary.muted}",
116
+ "type": "color"
117
+ },
118
+ "disabled": {
119
+ "value": "{color.global.grey.400}",
120
+ "type": "color"
121
+ },
122
+ "inverse": {
123
+ "value": "{color.global.grey.100}",
124
+ "type": "color"
125
+ }
126
+ },
127
+ "icon": {
128
+ "primary": {
129
+ "value": "{color.palette.primary.main}",
130
+ "type": "color"
131
+ },
132
+ "secondary": {
133
+ "value": "{color.palette.secondary.main}",
134
+ "type": "color"
135
+ },
136
+ "tertiary": {
137
+ "value": "{color.palette.tertiary.main}",
138
+ "type": "color"
139
+ },
140
+ "inverse": {
141
+ "value": "{color.global.grey.100}",
142
+ "type": "color"
143
+ }
144
+ },
145
+ "border": {
146
+ "default": {
147
+ "value": "{color.global.grey.250}",
148
+ "type": "color"
149
+ },
150
+ "hover": {
151
+ "value": "{color.palette.tertiary.pastel}",
152
+ "type": "color"
153
+ },
154
+ "focus": {
155
+ "value": "{color.palette.tertiary.main}",
156
+ "type": "color"
157
+ },
158
+ "filled": {
159
+ "value": "{color.palette.primary.main}",
160
+ "type": "color"
161
+ },
162
+ "inverse": {
163
+ "value": "{color.global.grey.300}",
164
+ "type": "color"
165
+ }
166
+ },
167
+ "link": {
168
+ "default": {
169
+ "value": "{color.palette.tertiary.muted}",
170
+ "type": "color"
171
+ },
172
+ "hover": {
173
+ "value": "{color.palette.tertiary.pastel}",
174
+ "type": "color"
175
+ },
176
+ "active": {
177
+ "value": "{color.palette.primary.muted}",
178
+ "type": "color"
179
+ },
180
+ "inverse": {
181
+ "value": "{color.palette.primary.faded}",
182
+ "type": "color"
183
+ }
184
+ },
185
+ "interactive": {
186
+ "primary": {
187
+ "background": {
188
+ "default": {
189
+ "value": "{color.palette.secondary.main}",
190
+ "type": "color"
191
+ },
192
+ "hover": {
193
+ "value": "{color.palette.secondary.pastel}",
194
+ "type": "color"
195
+ },
196
+ "active": {
197
+ "value": "{color.palette.tertiary.main}",
198
+ "type": "color"
199
+ }
200
+ },
201
+ "foreground": {
202
+ "default": {
203
+ "value": "{color.palette.primary.main}",
204
+ "type": "color"
205
+ },
206
+ "hover": {
207
+ "value": "{color.palette.primary.main}",
208
+ "type": "color"
209
+ },
210
+ "active": {
211
+ "value": "{color.palette.primary.faded}",
212
+ "type": "color"
213
+ }
214
+ }
215
+ },
216
+ "secondary": {
217
+ "background": {
218
+ "default": {
219
+ "value": "{color.palette.primary.main}",
220
+ "type": "color"
221
+ },
222
+ "hover": {
223
+ "value": "{color.palette.secondary.pastel}",
224
+ "type": "color"
225
+ },
226
+ "active": {
227
+ "value": "{color.palette.tertiary.main}",
228
+ "type": "color"
229
+ }
230
+ },
231
+ "foreground": {
232
+ "default": {
233
+ "value": "{color.palette.primary.main}",
234
+ "type": "color"
235
+ },
236
+ "hover": {
237
+ "value": "{color.palette.primary.main}",
238
+ "type": "color"
239
+ },
240
+ "active": {
241
+ "value": "{color.palette.primary.faded}",
242
+ "type": "color"
243
+ }
244
+ }
245
+ },
246
+ "tertiary": {
247
+ "background": {
248
+ "default": {
249
+ "value": "{color.palette.primary.main}",
250
+ "type": "color"
251
+ },
252
+ "hover": {
253
+ "value": "{color.palette.secondary.pastel}",
254
+ "type": "color"
255
+ },
256
+ "active": {
257
+ "value": "{color.palette.tertiary.main}",
258
+ "type": "color"
259
+ }
260
+ },
261
+ "foreground": {
262
+ "default": {
263
+ "value": "{color.palette.secondary.main}",
264
+ "type": "color"
265
+ },
266
+ "hover": {
267
+ "value": "{color.palette.primary.main}",
268
+ "type": "color"
269
+ },
270
+ "active": {
271
+ "value": "{color.palette.primary.faded}",
272
+ "type": "color"
273
+ }
274
+ }
275
+ }
276
+ },
277
+ "surface": {
278
+ "primary": {
279
+ "background": {
280
+ "value": "{color.palette.primary.faded}",
281
+ "type": "color"
282
+ },
283
+ "accent": {
284
+ "value": "{color.palette.primary.pastel}",
285
+ "type": "color",
286
+ "$extensions": {
287
+ "studio.tokens": {
288
+ "modify": {
289
+ "type": "alpha",
290
+ "value": ".33",
291
+ "space": "srgb"
292
+ }
293
+ }
294
+ }
295
+ },
296
+ "text": {
297
+ "default": {
298
+ "value": "{color.palette.primary.main}",
299
+ "type": "color"
300
+ },
301
+ "subtle": {
302
+ "value": "{color.palette.primary.muted}",
303
+ "type": "color"
304
+ },
305
+ "title": {
306
+ "value": "{color.palette.primary.main}",
307
+ "type": "color"
308
+ },
309
+ "link": {
310
+ "value": "{color.palette.secondary.main}",
311
+ "type": "color"
312
+ },
313
+ "hover": {
314
+ "value": "{color.palette.tertiary.pastel}",
315
+ "type": "color"
316
+ }
317
+ },
318
+ "interactive": {
319
+ "background": {
320
+ "value": "{color.palette.secondary.main}",
321
+ "type": "color"
322
+ },
323
+ "foreground": {
324
+ "value": "{color.palette.primary.main}",
325
+ "type": "color"
326
+ },
327
+ "hover-background": {
328
+ "value": "{color.palette.secondary.pastel}",
329
+ "type": "color"
330
+ },
331
+ "hover-foreground": {
332
+ "value": "{color.palette.primary.main}",
333
+ "type": "color"
334
+ }
335
+ }
336
+ },
337
+ "secondary": {
338
+ "background": {
339
+ "value": "{color.palette.secondary.faded}",
340
+ "type": "color"
341
+ },
342
+ "accent": {
343
+ "value": "{color.palette.secondary.pastel}",
344
+ "type": "color",
345
+ "$extensions": {
346
+ "studio.tokens": {
347
+ "modify": {
348
+ "type": "alpha",
349
+ "value": ".33",
350
+ "space": "srgb"
351
+ }
352
+ }
353
+ }
354
+ },
355
+ "text": {
356
+ "default": {
357
+ "value": "{color.palette.primary.main}",
358
+ "type": "color"
359
+ },
360
+ "subtle": {
361
+ "value": "{color.palette.secondary.dark}",
362
+ "type": "color"
363
+ },
364
+ "title": {
365
+ "value": "{color.palette.primary.main}",
366
+ "type": "color"
367
+ },
368
+ "link": {
369
+ "value": "{color.palette.secondary.main}",
370
+ "type": "color"
371
+ },
372
+ "hover": {
373
+ "value": "{color.palette.tertiary.pastel}",
374
+ "type": "color"
375
+ }
376
+ },
377
+ "interactive": {
378
+ "background": {
379
+ "value": "{color.palette.secondary.main}",
380
+ "type": "color"
381
+ },
382
+ "foreground": {
383
+ "value": "{color.palette.primary.main}",
384
+ "type": "color"
385
+ },
386
+ "hover": {
387
+ "value": "{color.palette.tertiary.pastel}",
388
+ "type": "color"
389
+ },
390
+ "hover-background": {
391
+ "value": "{color.palette.secondary.pastel}",
392
+ "type": "color"
393
+ },
394
+ "hover-foreground": {
395
+ "value": "{color.palette.primary.main}",
396
+ "type": "color"
397
+ }
398
+ }
399
+ },
400
+ "alt-primary": {
401
+ "background": {
402
+ "value": "{color.palette.primary.main}",
403
+ "type": "color"
404
+ },
405
+ "accent": {
406
+ "value": "{color.palette.primary.muted}",
407
+ "type": "color",
408
+ "$extensions": {
409
+ "studio.tokens": {
410
+ "modify": {
411
+ "type": "alpha",
412
+ "value": ".33",
413
+ "space": "srgb"
414
+ }
415
+ }
416
+ }
417
+ },
418
+ "text": {
419
+ "default": {
420
+ "value": "{color.global.grey.100}",
421
+ "type": "color"
422
+ },
423
+ "subtle": {
424
+ "value": "{color.palette.primary.faded}",
425
+ "type": "color"
426
+ },
427
+ "title": {
428
+ "value": "{color.palette.primary.faded}",
429
+ "type": "color"
430
+ },
431
+ "link": {
432
+ "value": "{color.palette.secondary.pastel}",
433
+ "type": "color"
434
+ },
435
+ "hover": {
436
+ "value": "{color.palette.tertiary.pastel}",
437
+ "type": "color"
438
+ }
439
+ },
440
+ "interactive": {
441
+ "background": {
442
+ "value": "{color.palette.secondary.main}",
443
+ "type": "color"
444
+ },
445
+ "foreground": {
446
+ "value": "{color.palette.primary.dark}",
447
+ "type": "color"
448
+ },
449
+ "hover-background": {
450
+ "value": "{color.palette.secondary.pastel}",
451
+ "type": "color"
452
+ },
453
+ "hover-foreground": {
454
+ "value": "{color.palette.primary.main}",
455
+ "type": "color"
456
+ }
457
+ }
458
+ },
459
+ "alt-secondary": {
460
+ "background": {
461
+ "value": "{color.palette.secondary.main}",
462
+ "type": "color"
463
+ },
464
+ "accent": {
465
+ "value": "{color.palette.secondary.muted}",
466
+ "type": "color",
467
+ "$extensions": {
468
+ "studio.tokens": {
469
+ "modify": {
470
+ "type": "alpha",
471
+ "value": ".33",
472
+ "space": "srgb"
473
+ }
474
+ }
475
+ }
476
+ },
477
+ "text": {
478
+ "default": {
479
+ "value": "{color.palette.primary.main}",
480
+ "type": "color"
481
+ },
482
+ "subtle": {
483
+ "value": "{color.palette.secondary.dark}",
484
+ "type": "color"
485
+ },
486
+ "title": {
487
+ "value": "{color.palette.primary.main}",
488
+ "type": "color"
489
+ },
490
+ "link": {
491
+ "value": "{color.palette.primary.main}",
492
+ "type": "color"
493
+ },
494
+ "hover": {
495
+ "value": "{color.palette.tertiary.pastel}",
496
+ "type": "color"
497
+ }
498
+ },
499
+ "interactive": {
500
+ "background": {
501
+ "value": "{color.palette.primary.main}",
502
+ "type": "color"
503
+ },
504
+ "foreground": {
505
+ "value": "{color.palette.secondary.main}",
506
+ "type": "color"
507
+ },
508
+ "hover-background": {
509
+ "value": "{color.palette.secondary.pastel}",
510
+ "type": "color"
511
+ },
512
+ "hover-foreground": {
513
+ "value": "{color.palette.primary.main}",
514
+ "type": "color"
515
+ }
516
+ }
517
+ }
518
+ }
519
+ },
520
+ "fontfamily": {
521
+ "body": {
522
+ "value": "{fontfamily.global.roboto}",
523
+ "type": "fontFamilies"
524
+ },
525
+ "utility": {
526
+ "value": "{fontfamily.global.roboto}",
527
+ "type": "fontFamilies"
528
+ },
529
+ "heading": {
530
+ "value": "{fontfamily.global.bureau}",
531
+ "type": "fontFamilies"
532
+ },
533
+ "display": {
534
+ "intro": {
535
+ "value": "{fontfamily.global.bureau}",
536
+ "type": "fontFamilies"
537
+ },
538
+ "name": {
539
+ "value": "{fontfamily.global.bureau}",
540
+ "type": "fontFamilies"
541
+ },
542
+ "quote": {
543
+ "value": "{fontfamily.global.bureau}",
544
+ "type": "fontFamilies"
545
+ }
546
+ }
547
+ },
548
+ "lineheight": {
549
+ "body": {
550
+ "value": "{lineheight.global.500}",
551
+ "type": "lineHeights"
552
+ },
553
+ "utility": {
554
+ "value": "{lineheight.global.200}",
555
+ "type": "lineHeights"
556
+ },
557
+ "heading": {
558
+ "value": "{lineheight.global.200}",
559
+ "type": "lineHeights"
560
+ },
561
+ "display": {
562
+ "intro": {
563
+ "value": "{lineheight.global.500}",
564
+ "type": "lineHeights"
565
+ },
566
+ "name": {
567
+ "value": "{lineheight.global.100}",
568
+ "type": "lineHeights"
569
+ },
570
+ "quote": {
571
+ "value": "{lineheight.global.275}",
572
+ "type": "lineHeights"
573
+ }
574
+ }
575
+ },
576
+ "fontweight": {
577
+ "body": {
578
+ "value": "{fontweight.global.400}",
579
+ "type": "fontWeights"
580
+ },
581
+ "utility": {
582
+ "value": "{fontweight.global.400}",
583
+ "type": "fontWeights"
584
+ },
585
+ "heading": {
586
+ "value": "{fontweight.global.700}",
587
+ "type": "fontWeights"
588
+ },
589
+ "display": {
590
+ "intro": {
591
+ "value": "{fontweight.global.500}",
592
+ "type": "fontWeights"
593
+ },
594
+ "name": {
595
+ "value": "{fontweight.global.700}",
596
+ "type": "fontWeights"
597
+ },
598
+ "quote": {
599
+ "value": "{fontweight.global.500}",
600
+ "type": "fontWeights"
601
+ }
602
+ }
603
+ }
604
+ }
package/tokens/brands/tegenlicht.json ADDED
@@ -0,0 +1,578 @@
1
+ {
2
+ "color": {
3
+ "palette": {
4
+ "primary": {
5
+ "faded": {
6
+ "value": "{color.global.electricity.25}",
7
+ "type": "color"
8
+ },
9
+ "pastel": {
10
+ "value": "{color.global.electricity.50}",
11
+ "type": "color"
12
+ },
13
+ "main": {
14
+ "value": "{color.global.electricity.100}",
15
+ "type": "color"
16
+ },
17
+ "muted": {
18
+ "value": "{color.global.electricity.150}",
19
+ "type": "color"
20
+ },
21
+ "dark": {
22
+ "value": "{color.global.electricity.200}",
23
+ "type": "color"
24
+ }
25
+ },
26
+ "secondary": {
27
+ "faded": {
28
+ "value": "{color.global.radioactive.25}",
29
+ "type": "color"
30
+ },
31
+ "pastel": {
32
+ "value": "{color.global.radioactive.50}",
33
+ "type": "color"
34
+ },
35
+ "main": {
36
+ "value": "{color.global.radioactive.100}",
37
+ "type": "color"
38
+ },
39
+ "muted": {
40
+ "value": "{color.global.radioactive.150}",
41
+ "type": "color"
42
+ },
43
+ "dark": {
44
+ "value": "{color.global.radioactive.200}",
45
+ "type": "color"
46
+ }
47
+ }
48
+ },
49
+ "background": {
50
+ "default": {
51
+ "value": "{color.global.grey.100}",
52
+ "type": "color"
53
+ },
54
+ "primary": {
55
+ "value": "{color.palette.primary.faded}",
56
+ "type": "color"
57
+ },
58
+ "secondary": {
59
+ "value": "{color.palette.primary.pastel}",
60
+ "type": "color"
61
+ },
62
+ "tertiary": {
63
+ "value": "{color.palette.secondary.faded}",
64
+ "type": "color"
65
+ },
66
+ "brand": {
67
+ "value": "{color.palette.primary.main}",
68
+ "type": "color"
69
+ },
70
+ "interactive": {
71
+ "value": "{color.palette.secondary.main}",
72
+ "type": "color"
73
+ },
74
+ "dark": {
75
+ "value": "{color.palette.primary.dark}",
76
+ "type": "color"
77
+ },
78
+ "disabled": {
79
+ "value": "{color.global.grey.200}",
80
+ "type": "color"
81
+ }
82
+ },
83
+ "text": {
84
+ "default": {
85
+ "value": "{color.palette.primary.dark}",
86
+ "type": "color"
87
+ },
88
+ "title": {
89
+ "value": "{color.palette.primary.muted}",
90
+ "type": "color"
91
+ },
92
+ "subtle": {
93
+ "value": "{color.global.grey.300}",
94
+ "type": "color"
95
+ },
96
+ "disabled": {
97
+ "value": "{color.global.grey.300}",
98
+ "type": "color"
99
+ },
100
+ "inverse": {
101
+ "value": "{color.global.grey.100}",
102
+ "type": "color"
103
+ }
104
+ },
105
+ "icon": {
106
+ "primary": {
107
+ "value": "{color.palette.primary.dark}",
108
+ "type": "color"
109
+ },
110
+ "secondary": {
111
+ "value": "{color.palette.primary.pastel}",
112
+ "type": "color"
113
+ },
114
+ "tertiary": {
115
+ "value": "{color.global.grey.300}",
116
+ "type": "color"
117
+ },
118
+ "inverse": {
119
+ "value": "{color.global.grey.100}",
120
+ "type": "color"
121
+ }
122
+ },
123
+ "border": {
124
+ "default": {
125
+ "value": "{color.palette.primary.faded}",
126
+ "type": "color"
127
+ },
128
+ "hover": {
129
+ "value": "{color.palette.secondary.main}",
130
+ "type": "color"
131
+ },
132
+ "focus": {
133
+ "value": "{color.palette.primary.main}",
134
+ "type": "color"
135
+ },
136
+ "filled": {
137
+ "value": "{color.palette.primary.dark}",
138
+ "type": "color"
139
+ },
140
+ "inverse": {
141
+ "value": "{color.palette.primary.pastel}",
142
+ "type": "color"
143
+ }
144
+ },
145
+ "link": {
146
+ "default": {
147
+ "value": "{color.palette.secondary.muted}",
148
+ "type": "color"
149
+ },
150
+ "hover": {
151
+ "value": "{color.palette.secondary.main}",
152
+ "type": "color"
153
+ },
154
+ "active": {
155
+ "value": "{color.palette.secondary.dark}",
156
+ "type": "color"
157
+ },
158
+ "inverse": {
159
+ "value": "{color.palette.secondary.faded}",
160
+ "type": "color"
161
+ }
162
+ },
163
+ "interactive": {
164
+ "primary": {
165
+ "background": {
166
+ "default": {
167
+ "value": "{color.palette.secondary.main}",
168
+ "type": "color"
169
+ },
170
+ "hover": {
171
+ "value": "{color.palette.secondary.muted}",
172
+ "type": "color"
173
+ },
174
+ "active": {
175
+ "value": "{color.palette.secondary.dark}",
176
+ "type": "color"
177
+ }
178
+ },
179
+ "foreground": {
180
+ "default": {
181
+ "value": "{color.palette.primary.dark}",
182
+ "type": "color"
183
+ },
184
+ "hover": {
185
+ "value": "{color.palette.secondary.faded}",
186
+ "type": "color"
187
+ },
188
+ "active": {
189
+ "value": "{color.global.grey.100}",
190
+ "type": "color"
191
+ }
192
+ }
193
+ },
194
+ "secondary": {
195
+ "background": {
196
+ "default": {
197
+ "value": "{color.palette.secondary.main}",
198
+ "type": "color"
199
+ },
200
+ "hover": {
201
+ "value": "{color.palette.secondary.muted}",
202
+ "type": "color"
203
+ },
204
+ "active": {
205
+ "value": "{color.palette.secondary.dark}",
206
+ "type": "color"
207
+ }
208
+ },
209
+ "foreground": {
210
+ "default": {
211
+ "value": "{color.palette.primary.dark}",
212
+ "type": "color"
213
+ },
214
+ "hover": {
215
+ "value": "{color.palette.secondary.faded}",
216
+ "type": "color"
217
+ },
218
+ "active": {
219
+ "value": "{color.global.grey.100}",
220
+ "type": "color"
221
+ }
222
+ }
223
+ },
224
+ "tertiary": {
225
+ "background": {
226
+ "default": {
227
+ "value": "{color.transparent.0}",
228
+ "type": "color"
229
+ },
230
+ "hover": {
231
+ "value": "{color.palette.secondary.muted}",
232
+ "type": "color"
233
+ },
234
+ "active": {
235
+ "value": "{color.palette.secondary.dark}",
236
+ "type": "color"
237
+ }
238
+ },
239
+ "foreground": {
240
+ "default": {
241
+ "value": "{color.palette.secondary.main}",
242
+ "type": "color"
243
+ },
244
+ "hover": {
245
+ "value": "{color.palette.secondary.faded}",
246
+ "type": "color"
247
+ },
248
+ "active": {
249
+ "value": "{color.global.grey.100}",
250
+ "type": "color"
251
+ }
252
+ }
253
+ }
254
+ },
255
+ "surface": {
256
+ "primary": {
257
+ "background": {
258
+ "value": "{color.palette.primary.faded}",
259
+ "type": "color"
260
+ },
261
+ "accent": {
262
+ "value": "{color.palette.primary.pastel}",
263
+ "type": "color",
264
+ "$extensions": {
265
+ "studio.tokens": {
266
+ "modify": {
267
+ "type": "alpha",
268
+ "value": ".33",
269
+ "space": "srgb"
270
+ }
271
+ }
272
+ }
273
+ },
274
+ "text": {
275
+ "default": {
276
+ "value": "{color.palette.primary.dark}",
277
+ "type": "color"
278
+ },
279
+ "subtle": {
280
+ "value": "{color.palette.primary.muted}",
281
+ "type": "color"
282
+ },
283
+ "title": {
284
+ "value": "{color.palette.primary.main}",
285
+ "type": "color"
286
+ },
287
+ "link": {
288
+ "value": "{color.palette.primary.main}",
289
+ "type": "color"
290
+ },
291
+ "hover": {
292
+ "value": "{color.palette.primary.muted}",
293
+ "type": "color"
294
+ }
295
+ },
296
+ "interactive": {
297
+ "background": {
298
+ "value": "{color.palette.primary.main}",
299
+ "type": "color"
300
+ },
301
+ "foreground": {
302
+ "value": "{color.palette.primary.faded}",
303
+ "type": "color"
304
+ },
305
+ "hover-background": {
306
+ "value": "{color.palette.secondary.muted}",
307
+ "type": "color"
308
+ },
309
+ "hover-foreground": {
310
+ "value": "{color.palette.primary.faded}",
311
+ "type": "color"
312
+ }
313
+ }
314
+ },
315
+ "secondary": {
316
+ "background": {
317
+ "value": "{color.palette.secondary.faded}",
318
+ "type": "color"
319
+ },
320
+ "accent": {
321
+ "value": "{color.palette.secondary.muted}",
322
+ "type": "color",
323
+ "$extensions": {
324
+ "studio.tokens": {
325
+ "modify": {
326
+ "type": "alpha",
327
+ "value": ".33",
328
+ "space": "srgb"
329
+ }
330
+ }
331
+ }
332
+ },
333
+ "text": {
334
+ "default": {
335
+ "value": "{color.palette.primary.dark}",
336
+ "type": "color"
337
+ },
338
+ "subtle": {
339
+ "value": "{color.palette.secondary.muted}",
340
+ "type": "color"
341
+ },
342
+ "title": {
343
+ "value": "{color.palette.secondary.dark}",
344
+ "type": "color"
345
+ },
346
+ "link": {
347
+ "value": "{color.palette.secondary.muted}",
348
+ "type": "color"
349
+ },
350
+ "hover": {
351
+ "value": "{color.palette.primary.muted}",
352
+ "type": "color"
353
+ }
354
+ },
355
+ "interactive": {
356
+ "background": {
357
+ "value": "{color.palette.primary.main}",
358
+ "type": "color"
359
+ },
360
+ "foreground": {
361
+ "value": "{color.palette.primary.faded}",
362
+ "type": "color"
363
+ },
364
+ "hover-background": {
365
+ "value": "{color.palette.secondary.muted}",
366
+ "type": "color"
367
+ },
368
+ "hover-foreground": {
369
+ "value": "{color.palette.secondary.faded}",
370
+ "type": "color"
371
+ }
372
+ }
373
+ },
374
+ "alt-primary": {
375
+ "background": {
376
+ "value": "{color.palette.primary.main}",
377
+ "type": "color"
378
+ },
379
+ "accent": {
380
+ "value": "{color.palette.primary.pastel}",
381
+ "type": "color",
382
+ "$extensions": {
383
+ "studio.tokens": {
384
+ "modify": {
385
+ "type": "lighten",
386
+ "value": ".33",
387
+ "space": "srgb"
388
+ }
389
+ }
390
+ }
391
+ },
392
+ "text": {
393
+ "default": {
394
+ "value": "{color.global.grey.100}",
395
+ "type": "color"
396
+ },
397
+ "subtle": {
398
+ "value": "{color.palette.primary.faded}",
399
+ "type": "color"
400
+ },
401
+ "title": {
402
+ "value": "{color.palette.primary.faded}",
403
+ "type": "color"
404
+ },
405
+ "link": {
406
+ "value": "{color.palette.secondary.faded}",
407
+ "type": "color"
408
+ },
409
+ "hover": {
410
+ "value": "{color.palette.secondary.main}",
411
+ "type": "color"
412
+ }
413
+ },
414
+ "interactive": {
415
+ "background": {
416
+ "value": "{color.palette.secondary.main}",
417
+ "type": "color"
418
+ },
419
+ "foreground": {
420
+ "value": "{color.palette.primary.dark}",
421
+ "type": "color"
422
+ },
423
+ "hover-background": {
424
+ "value": "{color.palette.secondary.muted}",
425
+ "type": "color"
426
+ },
427
+ "hover-foreground": {
428
+ "value": "{color.palette.secondary.faded}",
429
+ "type": "color"
430
+ }
431
+ }
432
+ },
433
+ "alt-secondary": {
434
+ "background": {
435
+ "value": "{color.palette.secondary.main}",
436
+ "type": "color"
437
+ },
438
+ "accent": {
439
+ "value": "{color.palette.secondary.faded}",
440
+ "type": "color",
441
+ "$extensions": {
442
+ "studio.tokens": {
443
+ "modify": {
444
+ "type": "alpha",
445
+ "value": ".33",
446
+ "space": "srgb"
447
+ }
448
+ }
449
+ }
450
+ },
451
+ "text": {
452
+ "default": {
453
+ "value": "{color.palette.primary.dark}",
454
+ "type": "color"
455
+ },
456
+ "subtle": {
457
+ "value": "{color.palette.secondary.muted}",
458
+ "type": "color"
459
+ },
460
+ "title": {
461
+ "value": "{color.palette.secondary.dark}",
462
+ "type": "color"
463
+ },
464
+ "link": {
465
+ "value": "{color.palette.primary.main}",
466
+ "type": "color"
467
+ },
468
+ "hover": {
469
+ "value": "{color.palette.primary.muted}",
470
+ "type": "color"
471
+ }
472
+ },
473
+ "interactive": {
474
+ "background": {
475
+ "value": "{color.palette.primary.main}",
476
+ "type": "color"
477
+ },
478
+ "foreground": {
479
+ "value": "{color.palette.primary.faded}",
480
+ "type": "color"
481
+ },
482
+ "hover-background": {
483
+ "value": "{color.palette.secondary.muted}",
484
+ "type": "color"
485
+ },
486
+ "hover-foreground": {
487
+ "value": "{color.palette.secondary.faded}",
488
+ "type": "color"
489
+ }
490
+ }
491
+ }
492
+ }
493
+ },
494
+ "fontfamily": {
495
+ "body": {
496
+ "value": "{fontfamily.global.simplistic}",
497
+ "type": "fontFamilies"
498
+ },
499
+ "utility": {
500
+ "value": "{fontfamily.global.helvetica}",
501
+ "type": "fontFamilies"
502
+ },
503
+ "heading": {
504
+ "value": "{fontfamily.global.simplistic}",
505
+ "type": "fontFamilies"
506
+ },
507
+ "display": {
508
+ "intro": {
509
+ "value": "{fontfamily.global.simplistic}",
510
+ "type": "fontFamilies"
511
+ },
512
+ "name": {
513
+ "value": "{fontfamily.global.simplistic}",
514
+ "type": "fontFamilies"
515
+ },
516
+ "quote": {
517
+ "value": "{fontfamily.global.simplistic}",
518
+ "type": "fontFamilies"
519
+ }
520
+ }
521
+ },
522
+ "lineheight": {
523
+ "body": {
524
+ "value": "{lineheight.global.500}",
525
+ "type": "lineHeights"
526
+ },
527
+ "utility": {
528
+ "value": "{lineheight.global.200}",
529
+ "type": "lineHeights"
530
+ },
531
+ "heading": {
532
+ "value": "{lineheight.global.200}",
533
+ "type": "lineHeights"
534
+ },
535
+ "display": {
536
+ "intro": {
537
+ "value": "{lineheight.global.500}",
538
+ "type": "lineHeights"
539
+ },
540
+ "name": {
541
+ "value": "{lineheight.global.100}",
542
+ "type": "lineHeights"
543
+ },
544
+ "quote": {
545
+ "value": "{lineheight.global.275}",
546
+ "type": "lineHeights"
547
+ }
548
+ }
549
+ },
550
+ "fontweight": {
551
+ "body": {
552
+ "value": "{fontweight.global.400}",
553
+ "type": "fontWeights"
554
+ },
555
+ "utility": {
556
+ "value": "{fontweight.global.400}",
557
+ "type": "fontWeights"
558
+ },
559
+ "heading": {
560
+ "value": "{fontweight.global.700}",
561
+ "type": "fontWeights"
562
+ },
563
+ "display": {
564
+ "intro": {
565
+ "value": "{fontweight.global.500}",
566
+ "type": "fontWeights"
567
+ },
568
+ "name": {
569
+ "value": "{fontweight.global.700}",
570
+ "type": "fontWeights"
571
+ },
572
+ "quote": {
573
+ "value": "{fontweight.global.500}",
574
+ "type": "fontWeights"
575
+ }
576
+ }
577
+ }
578
+ }