villa-design-tokens 1.0.142 → 1.0.143
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 +1 -1
- package/tokens/brands/brainwash.json +106 -46
- package/tokens/brands/vpro.json +102 -42
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",
|
|
4
4
|
"author": "VPRO",
|
|
5
|
-
"version": "1.0.
|
|
5
|
+
"version": "1.0.143",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
8
|
"url": "git+https://github.com/vpro/Design-tokens.git"
|
|
@@ -121,7 +121,11 @@
|
|
|
121
121
|
}
|
|
122
122
|
},
|
|
123
123
|
"surface": {
|
|
124
|
-
"
|
|
124
|
+
"brand": {
|
|
125
|
+
"value": "{color.global.neon-yellow.100}",
|
|
126
|
+
"type": "color"
|
|
127
|
+
},
|
|
128
|
+
"primary": {
|
|
125
129
|
"value": "{color.global.grey.150}",
|
|
126
130
|
"type": "color"
|
|
127
131
|
},
|
|
@@ -133,16 +137,30 @@
|
|
|
133
137
|
"value": "{color.global.grey.300}",
|
|
134
138
|
"type": "color"
|
|
135
139
|
},
|
|
136
|
-
"
|
|
137
|
-
"value": "{color.global.grey.
|
|
140
|
+
"dark": {
|
|
141
|
+
"value": "{color.global.grey.500}",
|
|
142
|
+
"type": "color"
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
"on-surface": {
|
|
146
|
+
"brand": {
|
|
147
|
+
"value": "{color.global.grey.500}",
|
|
138
148
|
"type": "color"
|
|
139
149
|
},
|
|
140
|
-
"
|
|
150
|
+
"primary": {
|
|
141
151
|
"value": "{color.global.grey.500}",
|
|
142
152
|
"type": "color"
|
|
143
153
|
},
|
|
144
|
-
"
|
|
145
|
-
"value": "{color.global.
|
|
154
|
+
"secondary": {
|
|
155
|
+
"value": "{color.global.grey.500}",
|
|
156
|
+
"type": "color"
|
|
157
|
+
},
|
|
158
|
+
"tertiary": {
|
|
159
|
+
"value": "{color.global.grey.500}",
|
|
160
|
+
"type": "color"
|
|
161
|
+
},
|
|
162
|
+
"dark": {
|
|
163
|
+
"value": "{color.global.grey.100}",
|
|
146
164
|
"type": "color"
|
|
147
165
|
}
|
|
148
166
|
},
|
|
@@ -194,36 +212,6 @@
|
|
|
194
212
|
"type": "color"
|
|
195
213
|
}
|
|
196
214
|
},
|
|
197
|
-
"primary": {
|
|
198
|
-
"interactive": {
|
|
199
|
-
"default": {
|
|
200
|
-
"value": "{color.brand.primary}",
|
|
201
|
-
"type": "color"
|
|
202
|
-
},
|
|
203
|
-
"hover": {
|
|
204
|
-
"value": "{color.global.magenta.150}",
|
|
205
|
-
"type": "color"
|
|
206
|
-
},
|
|
207
|
-
"active": {
|
|
208
|
-
"value": "{color.global.grey.550}",
|
|
209
|
-
"type": "color"
|
|
210
|
-
}
|
|
211
|
-
},
|
|
212
|
-
"on-interactive": {
|
|
213
|
-
"default": {
|
|
214
|
-
"value": "{color.global.grey.550}",
|
|
215
|
-
"type": "color"
|
|
216
|
-
},
|
|
217
|
-
"hover": {
|
|
218
|
-
"value": "{color.global.grey.550}",
|
|
219
|
-
"type": "color"
|
|
220
|
-
},
|
|
221
|
-
"active": {
|
|
222
|
-
"value": "{color.global.grey.100}",
|
|
223
|
-
"type": "color"
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
},
|
|
227
215
|
"border": {
|
|
228
216
|
"default": {
|
|
229
217
|
"value": "{color.global.grey.250}",
|
|
@@ -256,11 +244,11 @@
|
|
|
256
244
|
},
|
|
257
245
|
"link": {
|
|
258
246
|
"default": {
|
|
259
|
-
"value": "{color.global.
|
|
247
|
+
"value": "{color.global.magenta.100}",
|
|
260
248
|
"type": "color"
|
|
261
249
|
},
|
|
262
250
|
"hover": {
|
|
263
|
-
"value": "{color.global.
|
|
251
|
+
"value": "{color.global.magenta.150}",
|
|
264
252
|
"type": "color"
|
|
265
253
|
},
|
|
266
254
|
"inverse": {
|
|
@@ -280,10 +268,10 @@
|
|
|
280
268
|
"type": "color"
|
|
281
269
|
}
|
|
282
270
|
},
|
|
283
|
-
"
|
|
271
|
+
"primary": {
|
|
284
272
|
"interactive": {
|
|
285
273
|
"default": {
|
|
286
|
-
"value": "{color.
|
|
274
|
+
"value": "{color.global.magenta.100}",
|
|
287
275
|
"type": "color"
|
|
288
276
|
},
|
|
289
277
|
"hover": {
|
|
@@ -297,47 +285,119 @@
|
|
|
297
285
|
},
|
|
298
286
|
"on-interactive": {
|
|
299
287
|
"default": {
|
|
288
|
+
"value": "{color.global.grey.500}",
|
|
289
|
+
"type": "color"
|
|
290
|
+
},
|
|
291
|
+
"hover": {
|
|
292
|
+
"value": "{color.global.grey.500}",
|
|
293
|
+
"type": "color"
|
|
294
|
+
},
|
|
295
|
+
"active": {
|
|
300
296
|
"value": "{color.global.grey.100}",
|
|
301
297
|
"type": "color"
|
|
298
|
+
}
|
|
299
|
+
},
|
|
300
|
+
"border": {
|
|
301
|
+
"default": {
|
|
302
|
+
"value": "{color.global.magenta.100}",
|
|
303
|
+
"type": "color"
|
|
304
|
+
},
|
|
305
|
+
"hover": {
|
|
306
|
+
"value": "{color.global.magenta.150}",
|
|
307
|
+
"type": "color"
|
|
308
|
+
},
|
|
309
|
+
"active": {
|
|
310
|
+
"value": "{color.global.grey.450}",
|
|
311
|
+
"type": "color"
|
|
312
|
+
}
|
|
313
|
+
}
|
|
314
|
+
},
|
|
315
|
+
"secondary": {
|
|
316
|
+
"interactive": {
|
|
317
|
+
"default": {
|
|
318
|
+
"value": "{color.transparent.100}",
|
|
319
|
+
"type": "color"
|
|
320
|
+
},
|
|
321
|
+
"hover": {
|
|
322
|
+
"value": "{color.global.magenta.150}",
|
|
323
|
+
"type": "color"
|
|
324
|
+
},
|
|
325
|
+
"active": {
|
|
326
|
+
"value": "{color.global.grey.450}",
|
|
327
|
+
"type": "color"
|
|
328
|
+
}
|
|
329
|
+
},
|
|
330
|
+
"on-interactive": {
|
|
331
|
+
"default": {
|
|
332
|
+
"value": "{color.global.magenta.100}",
|
|
333
|
+
"type": "color"
|
|
302
334
|
},
|
|
303
335
|
"hover": {
|
|
304
|
-
"value": "{color.global.grey.
|
|
336
|
+
"value": "{color.global.grey.500}",
|
|
305
337
|
"type": "color"
|
|
306
338
|
},
|
|
307
339
|
"active": {
|
|
308
340
|
"value": "{color.global.grey.100}",
|
|
309
341
|
"type": "color"
|
|
310
342
|
}
|
|
343
|
+
},
|
|
344
|
+
"border": {
|
|
345
|
+
"default": {
|
|
346
|
+
"value": "{color.global.magenta.100}",
|
|
347
|
+
"type": "color"
|
|
348
|
+
},
|
|
349
|
+
"hover": {
|
|
350
|
+
"value": "{color.global.magenta.150}",
|
|
351
|
+
"type": "color"
|
|
352
|
+
},
|
|
353
|
+
"active": {
|
|
354
|
+
"value": "{color.global.grey.450}",
|
|
355
|
+
"type": "color"
|
|
356
|
+
}
|
|
311
357
|
}
|
|
312
358
|
},
|
|
313
359
|
"tertiary": {
|
|
314
360
|
"interactive": {
|
|
315
361
|
"default": {
|
|
316
|
-
"value": "{color.
|
|
362
|
+
"value": "{color.transparent.100}",
|
|
317
363
|
"type": "color"
|
|
318
364
|
},
|
|
319
365
|
"hover": {
|
|
320
|
-
"value": "{color.
|
|
366
|
+
"value": "{color.global.magenta.150}",
|
|
321
367
|
"type": "color"
|
|
322
368
|
},
|
|
323
369
|
"active": {
|
|
324
|
-
"value": "{color.
|
|
370
|
+
"value": "{color.global.grey.450}",
|
|
325
371
|
"type": "color"
|
|
326
372
|
}
|
|
327
373
|
},
|
|
328
374
|
"on-interactive": {
|
|
329
375
|
"default": {
|
|
330
|
-
"value": "{color.global.
|
|
376
|
+
"value": "{color.global.magenta.100}",
|
|
331
377
|
"type": "color"
|
|
332
378
|
},
|
|
333
379
|
"hover": {
|
|
334
|
-
"value": "{color.global.grey.
|
|
380
|
+
"value": "{color.global.grey.500}",
|
|
335
381
|
"type": "color"
|
|
336
382
|
},
|
|
337
383
|
"active": {
|
|
338
384
|
"value": "{color.global.grey.100}",
|
|
339
385
|
"type": "color"
|
|
340
386
|
}
|
|
387
|
+
},
|
|
388
|
+
"border": {
|
|
389
|
+
"default": {
|
|
390
|
+
"value": "{color.transparent.100}",
|
|
391
|
+
"type": "color"
|
|
392
|
+
},
|
|
393
|
+
"hover": {
|
|
394
|
+
"value": "{color.global.magenta.150}",
|
|
395
|
+
"type": "color"
|
|
396
|
+
},
|
|
397
|
+
"active": {
|
|
398
|
+
"value": "{color.global.grey.450}",
|
|
399
|
+
"type": "color"
|
|
400
|
+
}
|
|
341
401
|
}
|
|
342
402
|
}
|
|
343
403
|
}
|
package/tokens/brands/vpro.json
CHANGED
|
@@ -121,7 +121,11 @@
|
|
|
121
121
|
}
|
|
122
122
|
},
|
|
123
123
|
"surface": {
|
|
124
|
-
"
|
|
124
|
+
"brand": {
|
|
125
|
+
"value": "{color.brand.primary}",
|
|
126
|
+
"type": "color"
|
|
127
|
+
},
|
|
128
|
+
"primary": {
|
|
125
129
|
"value": "{color.global.grey.150}",
|
|
126
130
|
"type": "color"
|
|
127
131
|
},
|
|
@@ -133,16 +137,30 @@
|
|
|
133
137
|
"value": "{color.global.grey.300}",
|
|
134
138
|
"type": "color"
|
|
135
139
|
},
|
|
136
|
-
"
|
|
137
|
-
"value": "{color.global.grey.
|
|
140
|
+
"dark": {
|
|
141
|
+
"value": "{color.global.grey.500}",
|
|
142
|
+
"type": "color"
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
"on-surface": {
|
|
146
|
+
"brand": {
|
|
147
|
+
"value": "{color.global.grey.100}",
|
|
138
148
|
"type": "color"
|
|
139
149
|
},
|
|
140
|
-
"
|
|
150
|
+
"primary": {
|
|
141
151
|
"value": "{color.global.grey.500}",
|
|
142
152
|
"type": "color"
|
|
143
153
|
},
|
|
144
|
-
"
|
|
145
|
-
"value": "{color.
|
|
154
|
+
"secondary": {
|
|
155
|
+
"value": "{color.global.grey.500}",
|
|
156
|
+
"type": "color"
|
|
157
|
+
},
|
|
158
|
+
"tertiary": {
|
|
159
|
+
"value": "{color.global.grey.500}",
|
|
160
|
+
"type": "color"
|
|
161
|
+
},
|
|
162
|
+
"dark": {
|
|
163
|
+
"value": "{color.global.grey.100}",
|
|
146
164
|
"type": "color"
|
|
147
165
|
}
|
|
148
166
|
},
|
|
@@ -194,36 +212,6 @@
|
|
|
194
212
|
"type": "color"
|
|
195
213
|
}
|
|
196
214
|
},
|
|
197
|
-
"primary": {
|
|
198
|
-
"interactive": {
|
|
199
|
-
"default": {
|
|
200
|
-
"value": "{color.brand.primary}",
|
|
201
|
-
"type": "color"
|
|
202
|
-
},
|
|
203
|
-
"hover": {
|
|
204
|
-
"value": "{color.global.dark-blue.150}",
|
|
205
|
-
"type": "color"
|
|
206
|
-
},
|
|
207
|
-
"active": {
|
|
208
|
-
"value": "{color.global.grey.550}",
|
|
209
|
-
"type": "color"
|
|
210
|
-
}
|
|
211
|
-
},
|
|
212
|
-
"on-interactive": {
|
|
213
|
-
"default": {
|
|
214
|
-
"value": "{color.global.grey.100}",
|
|
215
|
-
"type": "color"
|
|
216
|
-
},
|
|
217
|
-
"hover": {
|
|
218
|
-
"value": "{color.global.grey.100}",
|
|
219
|
-
"type": "color"
|
|
220
|
-
},
|
|
221
|
-
"active": {
|
|
222
|
-
"value": "{color.global.grey.100}",
|
|
223
|
-
"type": "color"
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
},
|
|
227
215
|
"border": {
|
|
228
216
|
"default": {
|
|
229
217
|
"value": "{color.global.grey.250}",
|
|
@@ -280,10 +268,10 @@
|
|
|
280
268
|
"type": "color"
|
|
281
269
|
}
|
|
282
270
|
},
|
|
283
|
-
"
|
|
271
|
+
"primary": {
|
|
284
272
|
"interactive": {
|
|
285
273
|
"default": {
|
|
286
|
-
"value": "{color.
|
|
274
|
+
"value": "{color.global.dark-blue.100}",
|
|
287
275
|
"type": "color"
|
|
288
276
|
},
|
|
289
277
|
"hover": {
|
|
@@ -308,26 +296,84 @@
|
|
|
308
296
|
"value": "{color.global.grey.100}",
|
|
309
297
|
"type": "color"
|
|
310
298
|
}
|
|
299
|
+
},
|
|
300
|
+
"border": {
|
|
301
|
+
"default": {
|
|
302
|
+
"value": "{color.global.dark-blue.100}",
|
|
303
|
+
"type": "color"
|
|
304
|
+
},
|
|
305
|
+
"hover": {
|
|
306
|
+
"value": "{color.global.dark-blue.150}",
|
|
307
|
+
"type": "color"
|
|
308
|
+
},
|
|
309
|
+
"active": {
|
|
310
|
+
"value": "{color.global.grey.450}",
|
|
311
|
+
"type": "color"
|
|
312
|
+
}
|
|
313
|
+
}
|
|
314
|
+
},
|
|
315
|
+
"secondary": {
|
|
316
|
+
"interactive": {
|
|
317
|
+
"default": {
|
|
318
|
+
"value": "{color.transparent.100}",
|
|
319
|
+
"type": "color"
|
|
320
|
+
},
|
|
321
|
+
"hover": {
|
|
322
|
+
"value": "{color.global.dark-blue.150}",
|
|
323
|
+
"type": "color"
|
|
324
|
+
},
|
|
325
|
+
"active": {
|
|
326
|
+
"value": "{color.global.grey.450}",
|
|
327
|
+
"type": "color"
|
|
328
|
+
}
|
|
329
|
+
},
|
|
330
|
+
"on-interactive": {
|
|
331
|
+
"default": {
|
|
332
|
+
"value": "{color.global.dark-blue.100}",
|
|
333
|
+
"type": "color"
|
|
334
|
+
},
|
|
335
|
+
"hover": {
|
|
336
|
+
"value": "{color.global.grey.100}",
|
|
337
|
+
"type": "color"
|
|
338
|
+
},
|
|
339
|
+
"active": {
|
|
340
|
+
"value": "{color.global.grey.100}",
|
|
341
|
+
"type": "color"
|
|
342
|
+
}
|
|
343
|
+
},
|
|
344
|
+
"border": {
|
|
345
|
+
"default": {
|
|
346
|
+
"value": "{color.global.dark-blue.100}",
|
|
347
|
+
"type": "color"
|
|
348
|
+
},
|
|
349
|
+
"hover": {
|
|
350
|
+
"value": "{color.global.dark-blue.150}",
|
|
351
|
+
"type": "color"
|
|
352
|
+
},
|
|
353
|
+
"active": {
|
|
354
|
+
"value": "{color.global.grey.450}",
|
|
355
|
+
"type": "color"
|
|
356
|
+
}
|
|
311
357
|
}
|
|
312
358
|
},
|
|
313
359
|
"tertiary": {
|
|
314
360
|
"interactive": {
|
|
315
361
|
"default": {
|
|
316
|
-
"value": "{color.
|
|
362
|
+
"value": "{color.transparent.100}",
|
|
317
363
|
"type": "color"
|
|
318
364
|
},
|
|
319
365
|
"hover": {
|
|
320
|
-
"value": "{color.
|
|
366
|
+
"value": "{color.global.dark-blue.150}",
|
|
321
367
|
"type": "color"
|
|
322
368
|
},
|
|
323
369
|
"active": {
|
|
324
|
-
"value": "{color.global.
|
|
370
|
+
"value": "{color.global.grey.450}",
|
|
325
371
|
"type": "color"
|
|
326
372
|
}
|
|
327
373
|
},
|
|
328
374
|
"on-interactive": {
|
|
329
375
|
"default": {
|
|
330
|
-
"value": "{color.global.
|
|
376
|
+
"value": "{color.global.dark-blue.100}",
|
|
331
377
|
"type": "color"
|
|
332
378
|
},
|
|
333
379
|
"hover": {
|
|
@@ -338,6 +384,20 @@
|
|
|
338
384
|
"value": "{color.global.grey.100}",
|
|
339
385
|
"type": "color"
|
|
340
386
|
}
|
|
387
|
+
},
|
|
388
|
+
"border": {
|
|
389
|
+
"default": {
|
|
390
|
+
"value": "{color.transparent.100}",
|
|
391
|
+
"type": "color"
|
|
392
|
+
},
|
|
393
|
+
"hover": {
|
|
394
|
+
"value": "{color.global.dark-blue.150}",
|
|
395
|
+
"type": "color"
|
|
396
|
+
},
|
|
397
|
+
"active": {
|
|
398
|
+
"value": "{color.global.grey.450}",
|
|
399
|
+
"type": "color"
|
|
400
|
+
}
|
|
341
401
|
}
|
|
342
402
|
}
|
|
343
403
|
}
|