villa-design-tokens 1.0.29 → 1.0.31

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",
4
4
  "author": "VPRO",
5
- "version": "1.0.29",
5
+ "version": "1.0.31",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
@@ -314,19 +314,19 @@
314
314
  "color": {
315
315
  "brand": {
316
316
  "accent": {
317
- "value": "{color.global.orange.500}",
317
+ "value": "{color.global.orange.100}",
318
318
  "type": "color"
319
319
  },
320
320
  "primary": {
321
- "value": "{color.global.grey.900}",
321
+ "value": "{color.global.grey.500}",
322
322
  "type": "color"
323
323
  },
324
324
  "secondary": {
325
- "value": "{color.global.turquoise.500}",
325
+ "value": "{color.global.rose.100}",
326
326
  "type": "color"
327
327
  },
328
328
  "tertiary": {
329
- "value": "{color.global.grey.200}",
329
+ "value": "{color.global.grey.150}",
330
330
  "type": "color"
331
331
  }
332
332
  },
@@ -336,11 +336,11 @@
336
336
  "type": "color"
337
337
  },
338
338
  "secondary": {
339
- "value": "{color.global.grey.200}",
339
+ "value": "{color.global.grey.150}",
340
340
  "type": "color"
341
341
  },
342
342
  "tertiairy": {
343
- "value": "{color.global.grey.300}",
343
+ "value": "{color.global.grey.200}",
344
344
  "type": "color"
345
345
  }
346
346
  },
@@ -350,51 +350,51 @@
350
350
  "type": "color"
351
351
  },
352
352
  "secondary": {
353
- "value": "{color.global.grey.200}",
353
+ "value": "{color.global.grey.150}",
354
354
  "type": "color"
355
355
  },
356
356
  "tertiairy": {
357
- "value": "{color.global.grey.300}",
357
+ "value": "{color.global.grey.200}",
358
358
  "type": "color"
359
359
  }
360
360
  },
361
361
  "functional": {
362
362
  "error": {
363
- "value": "{color.global.red.500}",
363
+ "value": "{color.global.red.100}",
364
364
  "type": "color"
365
365
  },
366
366
  "warning": {
367
- "value": "{color.global.orange.500}",
367
+ "value": "{color.global.orange.100}",
368
368
  "type": "color"
369
369
  },
370
370
  "success": {
371
- "value": "{color.global.green.500}",
371
+ "value": "{color.global.green.100}",
372
372
  "type": "color"
373
373
  },
374
374
  "info": {
375
- "value": "{color.global.blue.500}",
375
+ "value": "{color.global.blue.100}",
376
376
  "type": "color"
377
377
  }
378
378
  },
379
379
  "text": {
380
380
  "title": {
381
- "value": "{color.global.grey.900}",
381
+ "value": "{color.global.grey.500}",
382
382
  "type": "color"
383
383
  },
384
384
  "default": {
385
- "value": "{color.global.grey.900}",
385
+ "value": "{color.global.grey.500}",
386
386
  "type": "color"
387
387
  },
388
388
  "subtle": {
389
- "value": "{color.global.grey.700}",
389
+ "value": "{color.global.grey.400}",
390
390
  "type": "color"
391
391
  },
392
392
  "tertiary": {
393
- "value": "{color.global.grey.600}",
393
+ "value": "{color.global.grey.350}",
394
394
  "type": "color"
395
395
  },
396
396
  "disabled": {
397
- "value": "{color.global.grey.500}",
397
+ "value": "{color.global.grey.300}",
398
398
  "type": "color"
399
399
  },
400
400
  "inverse": {
@@ -402,25 +402,25 @@
402
402
  "type": "color"
403
403
  },
404
404
  "error": {
405
- "value": "{color.global.red.500}",
405
+ "value": "{color.global.red.100}",
406
406
  "type": "color"
407
407
  },
408
408
  "warning": {
409
- "value": "{color.global.orange.500}",
409
+ "value": "{color.global.orange.100}",
410
410
  "type": "color"
411
411
  }
412
412
  },
413
413
  "icon": {
414
414
  "primary": {
415
- "value": "{color.global.grey.900}",
415
+ "value": "{color.global.grey.500}",
416
416
  "type": "color"
417
417
  },
418
418
  "secondary": {
419
- "value": "{color.global.grey.700}",
419
+ "value": "{color.global.grey.400}",
420
420
  "type": "color"
421
421
  },
422
422
  "tertiary": {
423
- "value": "{color.global.grey.500}",
423
+ "value": "{color.global.grey.300}",
424
424
  "type": "color"
425
425
  },
426
426
  "inverse": {
@@ -428,91 +428,91 @@
428
428
  "type": "color"
429
429
  },
430
430
  "error": {
431
- "value": "{color.global.red.500}",
431
+ "value": "{color.global.red.100}",
432
432
  "type": "color"
433
433
  },
434
434
  "warning": {
435
- "value": "{color.global.orange.500}",
435
+ "value": "{color.global.orange.100}",
436
436
  "type": "color"
437
437
  }
438
438
  },
439
439
  "fill-primary": {
440
440
  "default": {
441
- "value": "{color.global.orange.500}",
441
+ "value": "{color.global.orange.100}",
442
442
  "type": "color"
443
443
  },
444
444
  "hover": {
445
- "value": "{color.global.orange.700}",
445
+ "value": "{color.global.orange.150}",
446
446
  "type": "color"
447
447
  },
448
448
  "disabled": {
449
- "value": "{color.global.grey.400}",
449
+ "value": "{color.global.grey.250}",
450
450
  "type": "color"
451
451
  },
452
452
  "active": {
453
- "value": "{color.global.orange.300}",
453
+ "value": "{color.global.orange.50}",
454
454
  "type": "color"
455
455
  }
456
456
  },
457
457
  "on-fill-primary": {
458
458
  "default": {
459
- "value": "{color.global.grey.900}",
459
+ "value": "{color.global.grey.500}",
460
460
  "type": "color"
461
461
  },
462
462
  "hover": {
463
- "value": "{color.global.grey.700}",
463
+ "value": "{color.global.grey.400}",
464
464
  "type": "color"
465
465
  },
466
466
  "disabled": {
467
- "value": "{color.global.grey.700}",
467
+ "value": "{color.global.grey.400}",
468
468
  "type": "color"
469
469
  },
470
470
  "active": {
471
- "value": "{color.global.grey.900}",
471
+ "value": "{color.global.grey.500}",
472
472
  "type": "color"
473
473
  }
474
474
  },
475
475
  "border": {
476
476
  "default": {
477
- "value": "{color.global.orange.700}",
477
+ "value": "{color.global.orange.150}",
478
478
  "type": "color"
479
479
  },
480
480
  "hover": {
481
- "value": "{color.global.orange.500}",
481
+ "value": "{color.global.orange.100}",
482
482
  "type": "color"
483
483
  },
484
484
  "disabled": {
485
- "value": "{color.global.orange.300}",
485
+ "value": "{color.global.orange.50}",
486
486
  "type": "color"
487
487
  },
488
488
  "active": {
489
- "value": "{color.global.orange.500}",
489
+ "value": "{color.global.orange.100}",
490
490
  "type": "color"
491
491
  },
492
492
  "error": {
493
- "value": "{color.global.red.500}",
493
+ "value": "{color.global.red.100}",
494
494
  "type": "color"
495
495
  },
496
496
  "filled": {
497
- "value": "{color.global.grey.900}",
497
+ "value": "{color.global.grey.500}",
498
498
  "type": "color"
499
499
  }
500
500
  },
501
501
  "link": {
502
502
  "default": {
503
- "value": "{color.global.blue.700}",
503
+ "value": "{color.global.blue.150}",
504
504
  "type": "color"
505
505
  },
506
506
  "hover": {
507
- "value": "{color.global.blue.500}",
507
+ "value": "{color.global.blue.100}",
508
508
  "type": "color"
509
509
  },
510
510
  "disabled": {
511
- "value": "{color.global.orange.700}",
511
+ "value": "{color.global.orange.150}",
512
512
  "type": "color"
513
513
  },
514
514
  "active": {
515
- "value": "{color.global.blue.700}",
515
+ "value": "{color.global.blue.150}",
516
516
  "type": "color"
517
517
  }
518
518
  }
@@ -314,19 +314,7 @@
314
314
  "color": {
315
315
  "brand": {
316
316
  "accent": {
317
- "value": "{color.global.gold.700}",
318
- "type": "color"
319
- },
320
- "primary": {
321
- "value": "{color.global.grey.900}",
322
- "type": "color"
323
- },
324
- "secondary": {
325
- "value": "{color.global.turquoise.500}",
326
- "type": "color"
327
- },
328
- "tertiary": {
329
- "value": "{color.global.grey.200}",
317
+ "value": "{color.global.grey.550}",
330
318
  "type": "color"
331
319
  }
332
320
  },
@@ -336,11 +324,11 @@
336
324
  "type": "color"
337
325
  },
338
326
  "secondary": {
339
- "value": "{color.global.grey.200}",
327
+ "value": "{color.global.grey.150}",
340
328
  "type": "color"
341
329
  },
342
330
  "tertiairy": {
343
- "value": "{color.global.grey.300}",
331
+ "value": "{color.global.grey.200}",
344
332
  "type": "color"
345
333
  }
346
334
  },
@@ -350,51 +338,47 @@
350
338
  "type": "color"
351
339
  },
352
340
  "secondary": {
353
- "value": "{color.global.grey.200}",
341
+ "value": "{color.global.grey.150}",
354
342
  "type": "color"
355
343
  },
356
344
  "tertiairy": {
357
- "value": "{color.global.grey.300}",
345
+ "value": "{color.global.grey.200}",
358
346
  "type": "color"
359
347
  }
360
348
  },
361
349
  "functional": {
362
350
  "error": {
363
- "value": "{color.global.red.500}",
351
+ "value": "{color.global.red.100}",
364
352
  "type": "color"
365
353
  },
366
354
  "warning": {
367
- "value": "{color.global.orange.500}",
355
+ "value": "{color.global.orange.100}",
368
356
  "type": "color"
369
357
  },
370
358
  "success": {
371
- "value": "{color.global.green.500}",
359
+ "value": "{color.global.green.100}",
372
360
  "type": "color"
373
361
  },
374
362
  "info": {
375
- "value": "{color.global.blue.500}",
363
+ "value": "{color.global.blue.100}",
376
364
  "type": "color"
377
365
  }
378
366
  },
379
367
  "text": {
380
368
  "title": {
381
- "value": "{color.global.grey.900}",
369
+ "value": "{color.global.grey.500}",
382
370
  "type": "color"
383
371
  },
384
372
  "default": {
385
- "value": "{color.global.grey.900}",
373
+ "value": "{color.global.grey.500}",
386
374
  "type": "color"
387
375
  },
388
376
  "subtle": {
389
- "value": "{color.global.grey.700}",
390
- "type": "color"
391
- },
392
- "tertiary": {
393
- "value": "{color.global.grey.600}",
377
+ "value": "{color.global.grey.400}",
394
378
  "type": "color"
395
379
  },
396
380
  "disabled": {
397
- "value": "{color.global.grey.500}",
381
+ "value": "{color.global.grey.300}",
398
382
  "type": "color"
399
383
  },
400
384
  "inverse": {
@@ -402,25 +386,25 @@
402
386
  "type": "color"
403
387
  },
404
388
  "error": {
405
- "value": "{color.global.red.500}",
389
+ "value": "{color.global.red.100}",
406
390
  "type": "color"
407
391
  },
408
392
  "warning": {
409
- "value": "{color.global.orange.500}",
393
+ "value": "{color.global.orange.100}",
410
394
  "type": "color"
411
395
  }
412
396
  },
413
397
  "icon": {
414
398
  "primary": {
415
- "value": "{color.global.grey.900}",
399
+ "value": "{color.global.grey.500}",
416
400
  "type": "color"
417
401
  },
418
402
  "secondary": {
419
- "value": "{color.global.grey.700}",
403
+ "value": "{color.global.grey.400}",
420
404
  "type": "color"
421
405
  },
422
406
  "tertiary": {
423
- "value": "{color.global.grey.500}",
407
+ "value": "{color.global.grey.300}",
424
408
  "type": "color"
425
409
  },
426
410
  "inverse": {
@@ -428,29 +412,29 @@
428
412
  "type": "color"
429
413
  },
430
414
  "error": {
431
- "value": "{color.global.red.500}",
415
+ "value": "{color.global.red.100}",
432
416
  "type": "color"
433
417
  },
434
418
  "warning": {
435
- "value": "{color.global.orange.500}",
419
+ "value": "{color.global.orange.100}",
436
420
  "type": "color"
437
421
  }
438
422
  },
439
423
  "fill-primary": {
440
424
  "default": {
441
- "value": "{color.global.grey.900}",
425
+ "value": "{color.global.grey.500}",
442
426
  "type": "color"
443
427
  },
444
428
  "hover": {
445
- "value": "{color.global.grey.800}",
429
+ "value": "{color.global.grey.450}",
446
430
  "type": "color"
447
431
  },
448
432
  "disabled": {
449
- "value": "{color.global.grey.400}",
433
+ "value": "{color.global.grey.250}",
450
434
  "type": "color"
451
435
  },
452
436
  "active": {
453
- "value": "{color.global.grey.900}",
437
+ "value": "{color.global.grey.500}",
454
438
  "type": "color"
455
439
  }
456
440
  },
@@ -464,7 +448,7 @@
464
448
  "type": "color"
465
449
  },
466
450
  "disabled": {
467
- "value": "{color.global.grey.700}",
451
+ "value": "{color.global.grey.400}",
468
452
  "type": "color"
469
453
  },
470
454
  "active": {
@@ -474,45 +458,45 @@
474
458
  },
475
459
  "border": {
476
460
  "default": {
477
- "value": "{color.global.grey.400}",
461
+ "value": "{color.global.grey.250}",
478
462
  "type": "color"
479
463
  },
480
464
  "hover": {
481
- "value": "{color.global.grey.900}",
465
+ "value": "{color.global.grey.500}",
482
466
  "type": "color"
483
467
  },
484
468
  "disabled": {
485
- "value": "{color.global.grey.300}",
469
+ "value": "{color.global.grey.200}",
486
470
  "type": "color"
487
471
  },
488
472
  "active": {
489
- "value": "{color.global.grey.900}",
473
+ "value": "{color.global.grey.500}",
490
474
  "type": "color"
491
475
  },
492
476
  "error": {
493
- "value": "{color.global.red.500}",
477
+ "value": "{color.global.red.100}",
494
478
  "type": "color"
495
479
  },
496
480
  "filled": {
497
- "value": "{color.global.grey.900}",
481
+ "value": "{color.global.grey.500}",
498
482
  "type": "color"
499
483
  }
500
484
  },
501
485
  "link": {
502
486
  "default": {
503
- "value": "{color.global.grey.900}",
487
+ "value": "{color.global.grey.500}",
504
488
  "type": "color"
505
489
  },
506
490
  "hover": {
507
- "value": "{color.global.grey.800}",
491
+ "value": "{color.global.grey.450}",
508
492
  "type": "color"
509
493
  },
510
494
  "disabled": {
511
- "value": "{color.global.grey.400}",
495
+ "value": "{color.global.grey.250}",
512
496
  "type": "color"
513
497
  },
514
498
  "active": {
515
- "value": "{color.global.grey.900}",
499
+ "value": "{color.global.grey.500}",
516
500
  "type": "color"
517
501
  }
518
502
  }
@@ -241,204 +241,180 @@
241
241
  "value": "#FFFFFF",
242
242
  "type": "color"
243
243
  },
244
- "200": {
244
+ "150": {
245
245
  "value": "#F4F4F4",
246
246
  "type": "color"
247
247
  },
248
- "300": {
248
+ "200": {
249
249
  "value": "#E0E0E0",
250
250
  "type": "color"
251
251
  },
252
- "400": {
252
+ "250": {
253
253
  "value": "#BDBDBD",
254
254
  "type": "color"
255
255
  },
256
- "500": {
256
+ "300": {
257
257
  "value": "#9E9E9E",
258
258
  "type": "color"
259
259
  },
260
- "600": {
260
+ "350": {
261
261
  "value": "#757575",
262
262
  "type": "color"
263
263
  },
264
- "700": {
264
+ "400": {
265
265
  "value": "#616161",
266
266
  "type": "color"
267
267
  },
268
- "800": {
268
+ "450": {
269
269
  "value": "#424242",
270
270
  "type": "color"
271
271
  },
272
- "900": {
273
- "value": "#212121",
274
- "type": "color"
275
- }
276
- },
277
- "gold": {
278
- "300": {
279
- "value": "#FFEB3B",
280
- "type": "color"
281
- },
282
272
  "500": {
283
- "value": "#FFC107",
273
+ "value": "#212121",
284
274
  "type": "color"
285
275
  },
286
- "700": {
287
- "value": "#FFA000",
276
+ "550": {
277
+ "value": "#000000",
288
278
  "type": "color"
289
279
  }
290
280
  },
291
281
  "orange": {
292
- "300": {
293
- "value": "#FFCC80",
282
+ "50": {
283
+ "value": "#FFB795",
294
284
  "type": "color"
295
285
  },
296
- "500": {
297
- "value": "#E37743",
286
+ "100": {
287
+ "value": "#FF6E29",
298
288
  "type": "color"
299
289
  },
300
- "700": {
301
- "value": "#FB8C00",
290
+ "150": {
291
+ "value": "#803714",
302
292
  "type": "color"
303
293
  }
304
294
  },
305
295
  "red": {
306
- "300": {
307
- "value": "#FFCDD2",
296
+ "50": {
297
+ "value": "#FF8080",
308
298
  "type": "color"
309
299
  },
310
- "500": {
311
- "value": "#F44336",
300
+ "100": {
301
+ "value": "#FF0000",
312
302
  "type": "color"
313
303
  },
314
- "700": {
315
- "value": "#E64A19",
304
+ "150": {
305
+ "value": "#800000",
316
306
  "type": "color"
317
307
  }
318
308
  },
319
309
  "pink": {
320
- "300": {
321
- "value": "#F8BBD0",
310
+ "50": {
311
+ "value": "#FFC8FF",
322
312
  "type": "color"
323
313
  },
324
- "500": {
325
- "value": "#E91E63",
314
+ "100": {
315
+ "value": "#FF91FF",
326
316
  "type": "color"
327
317
  },
328
- "700": {
329
- "value": "#C2185B",
318
+ "150": {
319
+ "value": "#7F4980",
330
320
  "type": "color"
331
321
  }
332
322
  },
333
- "plum": {
334
- "300": {
335
- "value": "#E1BEE7",
323
+ "mint": {
324
+ "50": {
325
+ "value": "#80D8DF",
336
326
  "type": "color"
337
327
  },
338
- "500": {
339
- "value": "#9C27B0",
328
+ "100": {
329
+ "value": "#00B0BF",
340
330
  "type": "color"
341
331
  },
342
- "700": {
343
- "value": "#7B1FA2",
332
+ "150": {
333
+ "value": "#015860",
344
334
  "type": "color"
345
335
  }
346
336
  },
347
337
  "violet": {
348
- "300": {
349
- "value": "#D1C4E9",
350
- "type": "color"
351
- },
352
- "500": {
353
- "value": "#673AB7",
354
- "type": "color"
355
- },
356
- "700": {
357
- "value": "#512DA8",
358
- "type": "color"
359
- }
360
- },
361
- "royal": {
362
- "300": {
363
- "value": "#BBDEFB",
338
+ "50": {
339
+ "value": "#C7A9D0",
364
340
  "type": "color"
365
341
  },
366
- "500": {
367
- "value": "#3F51B5",
342
+ "100": {
343
+ "value": "#8F53A1",
368
344
  "type": "color"
369
345
  },
370
- "700": {
371
- "value": "#303F9F",
346
+ "150": {
347
+ "value": "#482A51",
372
348
  "type": "color"
373
349
  }
374
350
  },
375
351
  "blue": {
376
- "300": {
377
- "value": "#81D4FA",
352
+ "50": {
353
+ "value": "#80BEE2",
378
354
  "type": "color"
379
355
  },
380
- "500": {
381
- "value": "#03A9F4",
356
+ "100": {
357
+ "value": "#007DC5",
382
358
  "type": "color"
383
359
  },
384
- "700": {
385
- "value": "#0288D1",
360
+ "150": {
361
+ "value": "#003F63",
386
362
  "type": "color"
387
363
  }
388
364
  },
389
- "turquoise": {
390
- "300": {
391
- "value": "#80DEEA",
365
+ "rose": {
366
+ "50": {
367
+ "value": "#FF82C6",
392
368
  "type": "color"
393
369
  },
394
- "500": {
395
- "value": "#00BCD4",
370
+ "100": {
371
+ "value": "#FF058C",
396
372
  "type": "color"
397
373
  },
398
- "700": {
399
- "value": "#0097A7",
374
+ "150": {
375
+ "value": "#800346",
400
376
  "type": "color"
401
377
  }
402
378
  },
403
379
  "green": {
404
- "300": {
405
- "value": "#AED581",
380
+ "50": {
381
+ "value": "#80D3A8",
406
382
  "type": "color"
407
383
  },
408
- "500": {
409
- "value": "#8BC34A",
384
+ "100": {
385
+ "value": "#00A651",
410
386
  "type": "color"
411
387
  },
412
- "700": {
413
- "value": "#689F38",
388
+ "150": {
389
+ "value": "#005329",
414
390
  "type": "color"
415
391
  }
416
392
  },
417
- "lime": {
418
- "300": {
419
- "value": "#DCE775",
393
+ "beige": {
394
+ "50": {
395
+ "value": "#DDB893",
420
396
  "type": "color"
421
397
  },
422
- "500": {
423
- "value": "#CDDC39",
398
+ "100": {
399
+ "value": "#BB7027",
424
400
  "type": "color"
425
401
  },
426
- "700": {
427
- "value": "#AFB42B",
402
+ "150": {
403
+ "value": "#5E3814",
428
404
  "type": "color"
429
405
  }
430
406
  },
431
407
  "yellow": {
432
- "300": {
433
- "value": "#FFF176",
408
+ "50": {
409
+ "value": "#FFE380",
434
410
  "type": "color"
435
411
  },
436
- "500": {
437
- "value": "#FFEB3B",
412
+ "100": {
413
+ "value": "#FFC700",
438
414
  "type": "color"
439
415
  },
440
- "700": {
441
- "value": "#FBC02D",
416
+ "150": {
417
+ "value": "#806400",
442
418
  "type": "color"
443
419
  }
444
420
  }
@@ -3,13 +3,13 @@
3
3
  "alias": {
4
4
  "background": {
5
5
  "default": {
6
- "value": "{color.global.grey.800}",
6
+ "value": "{color.global.grey.450}",
7
7
  "type": "color"
8
8
  }
9
9
  },
10
10
  "surface": {
11
11
  "default": {
12
- "value": "{color.global.grey.700}",
12
+ "value": "{color.global.grey.400}",
13
13
  "type": "color"
14
14
  }
15
15
  },
@@ -19,13 +19,13 @@
19
19
  "type": "color"
20
20
  },
21
21
  "default": {
22
- "value": "{color.global.grey.200}",
22
+ "value": "{color.global.grey.150}",
23
23
  "type": "color"
24
24
  }
25
25
  },
26
26
  "fill-primary": {
27
27
  "default": {
28
- "value": "{color.global.orange.700}",
28
+ "value": "{color.global.orange.150}",
29
29
  "type": "color"
30
30
  }
31
31
  }
@@ -2,7 +2,7 @@
2
2
  "color": {
3
3
  "brand": {
4
4
  "accent": {
5
- "value": "{color.global.orange.300}",
5
+ "value": "{color.global.orange.50}",
6
6
  "type": "color"
7
7
  }
8
8
  }