@putdotio/design 1.1.0 → 1.2.0
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/DESIGN.md +8 -8
- package/README.md +1 -1
- package/dist/css/tokens.css +104 -87
- package/dist/figma/putio.tokens.json +89 -42
- package/dist/tokens.d.ts +1 -1
- package/dist/tokens.dtcg.json +301 -104
- package/dist/tokens.flat.json +347 -210
- package/dist/tokens.js +347 -210
- package/package.json +2 -2
- package/system/README.md +23 -21
- package/tokens/components.tokens.json +202 -7
- package/tokens/context.tokens.json +21 -21
- package/tokens/primitives.tokens.json +1 -1
- package/tokens/semantic.tokens.json +77 -75
- package/dist/tokens.ts +0 -2104
|
@@ -251,7 +251,7 @@
|
|
|
251
251
|
"light": {
|
|
252
252
|
"bg": {
|
|
253
253
|
"$type": "color",
|
|
254
|
-
"$value": "hsl(
|
|
254
|
+
"$value": "hsl(140, 60%, 99%)",
|
|
255
255
|
"$extensions": {
|
|
256
256
|
"putio": {
|
|
257
257
|
"cssName": "green-bg",
|
|
@@ -261,7 +261,7 @@
|
|
|
261
261
|
},
|
|
262
262
|
"bgSecondary": {
|
|
263
263
|
"$type": "color",
|
|
264
|
-
"$value": "hsl(
|
|
264
|
+
"$value": "hsl(140, 41%, 97%)",
|
|
265
265
|
"$extensions": {
|
|
266
266
|
"putio": {
|
|
267
267
|
"cssName": "green-bg-secondary",
|
|
@@ -271,7 +271,7 @@
|
|
|
271
271
|
},
|
|
272
272
|
"componentBg": {
|
|
273
273
|
"$type": "color",
|
|
274
|
-
"$value": "hsl(
|
|
274
|
+
"$value": "hsl(135, 53%, 93%)",
|
|
275
275
|
"$extensions": {
|
|
276
276
|
"putio": {
|
|
277
277
|
"cssName": "green-component-bg",
|
|
@@ -281,7 +281,7 @@
|
|
|
281
281
|
},
|
|
282
282
|
"componentBgHover": {
|
|
283
283
|
"$type": "color",
|
|
284
|
-
"$value": "hsl(
|
|
284
|
+
"$value": "hsl(138, 58%, 89%)",
|
|
285
285
|
"$extensions": {
|
|
286
286
|
"putio": {
|
|
287
287
|
"cssName": "green-component-bg-hover",
|
|
@@ -291,7 +291,7 @@
|
|
|
291
291
|
},
|
|
292
292
|
"componentBgActive": {
|
|
293
293
|
"$type": "color",
|
|
294
|
-
"$value": "hsl(
|
|
294
|
+
"$value": "hsl(140, 50%, 84%)",
|
|
295
295
|
"$extensions": {
|
|
296
296
|
"putio": {
|
|
297
297
|
"cssName": "green-component-bg-active",
|
|
@@ -301,7 +301,7 @@
|
|
|
301
301
|
},
|
|
302
302
|
"line": {
|
|
303
303
|
"$type": "color",
|
|
304
|
-
"$value": "hsl(
|
|
304
|
+
"$value": "hsl(141, 47%, 77%)",
|
|
305
305
|
"$extensions": {
|
|
306
306
|
"putio": {
|
|
307
307
|
"cssName": "green-line",
|
|
@@ -311,7 +311,7 @@
|
|
|
311
311
|
},
|
|
312
312
|
"border": {
|
|
313
313
|
"$type": "color",
|
|
314
|
-
"$value": "hsl(
|
|
314
|
+
"$value": "hsl(140, 39%, 68%)",
|
|
315
315
|
"$extensions": {
|
|
316
316
|
"putio": {
|
|
317
317
|
"cssName": "green-border",
|
|
@@ -321,7 +321,7 @@
|
|
|
321
321
|
},
|
|
322
322
|
"borderHover": {
|
|
323
323
|
"$type": "color",
|
|
324
|
-
"$value": "hsl(
|
|
324
|
+
"$value": "hsl(146, 39%, 55%)",
|
|
325
325
|
"$extensions": {
|
|
326
326
|
"putio": {
|
|
327
327
|
"cssName": "green-border-hover",
|
|
@@ -331,7 +331,7 @@
|
|
|
331
331
|
},
|
|
332
332
|
"solid": {
|
|
333
333
|
"$type": "color",
|
|
334
|
-
"$value": "hsl(151, 55
|
|
334
|
+
"$value": "hsl(151, 55%, 41.5%)",
|
|
335
335
|
"$extensions": {
|
|
336
336
|
"putio": {
|
|
337
337
|
"cssName": "green-solid",
|
|
@@ -341,7 +341,7 @@
|
|
|
341
341
|
},
|
|
342
342
|
"solidHover": {
|
|
343
343
|
"$type": "color",
|
|
344
|
-
"$value": "hsl(
|
|
344
|
+
"$value": "hsl(151, 58%, 37%)",
|
|
345
345
|
"$extensions": {
|
|
346
346
|
"putio": {
|
|
347
347
|
"cssName": "green-solid-hover",
|
|
@@ -351,7 +351,7 @@
|
|
|
351
351
|
},
|
|
352
352
|
"textSecondary": {
|
|
353
353
|
"$type": "color",
|
|
354
|
-
"$value": "hsl(
|
|
354
|
+
"$value": "hsl(155, 100%, 25%)",
|
|
355
355
|
"$extensions": {
|
|
356
356
|
"putio": {
|
|
357
357
|
"cssName": "green-text-secondary",
|
|
@@ -361,7 +361,7 @@
|
|
|
361
361
|
},
|
|
362
362
|
"text": {
|
|
363
363
|
"$type": "color",
|
|
364
|
-
"$value": "hsl(
|
|
364
|
+
"$value": "hsl(146, 35%, 17%)",
|
|
365
365
|
"$extensions": {
|
|
366
366
|
"putio": {
|
|
367
367
|
"cssName": "green-text",
|
|
@@ -373,7 +373,7 @@
|
|
|
373
373
|
"dark": {
|
|
374
374
|
"bg": {
|
|
375
375
|
"$type": "color",
|
|
376
|
-
"$value": "hsl(
|
|
376
|
+
"$value": "hsl(140, 13%, 6%)",
|
|
377
377
|
"$extensions": {
|
|
378
378
|
"putio": {
|
|
379
379
|
"cssName": "green-bg",
|
|
@@ -383,7 +383,7 @@
|
|
|
383
383
|
},
|
|
384
384
|
"bgSecondary": {
|
|
385
385
|
"$type": "color",
|
|
386
|
-
"$value": "hsl(
|
|
386
|
+
"$value": "hsl(149, 21%, 9%)",
|
|
387
387
|
"$extensions": {
|
|
388
388
|
"putio": {
|
|
389
389
|
"cssName": "green-bg-secondary",
|
|
@@ -393,7 +393,7 @@
|
|
|
393
393
|
},
|
|
394
394
|
"componentBg": {
|
|
395
395
|
"$type": "color",
|
|
396
|
-
"$value": "hsl(
|
|
396
|
+
"$value": "hsl(151, 35%, 13%)",
|
|
397
397
|
"$extensions": {
|
|
398
398
|
"putio": {
|
|
399
399
|
"cssName": "green-component-bg",
|
|
@@ -403,7 +403,7 @@
|
|
|
403
403
|
},
|
|
404
404
|
"componentBgHover": {
|
|
405
405
|
"$type": "color",
|
|
406
|
-
"$value": "hsl(
|
|
406
|
+
"$value": "hsl(149, 49%, 16%)",
|
|
407
407
|
"$extensions": {
|
|
408
408
|
"putio": {
|
|
409
409
|
"cssName": "green-component-bg-hover",
|
|
@@ -413,7 +413,7 @@
|
|
|
413
413
|
},
|
|
414
414
|
"componentBgActive": {
|
|
415
415
|
"$type": "color",
|
|
416
|
-
"$value": "hsl(
|
|
416
|
+
"$value": "hsl(149, 46%, 19%)",
|
|
417
417
|
"$extensions": {
|
|
418
418
|
"putio": {
|
|
419
419
|
"cssName": "green-component-bg-active",
|
|
@@ -423,7 +423,7 @@
|
|
|
423
423
|
},
|
|
424
424
|
"line": {
|
|
425
425
|
"$type": "color",
|
|
426
|
-
"$value": "hsl(
|
|
426
|
+
"$value": "hsl(146, 42%, 24%)",
|
|
427
427
|
"$extensions": {
|
|
428
428
|
"putio": {
|
|
429
429
|
"cssName": "green-line",
|
|
@@ -433,7 +433,7 @@
|
|
|
433
433
|
},
|
|
434
434
|
"border": {
|
|
435
435
|
"$type": "color",
|
|
436
|
-
"$value": "hsl(
|
|
436
|
+
"$value": "hsl(146, 41%, 29%)",
|
|
437
437
|
"$extensions": {
|
|
438
438
|
"putio": {
|
|
439
439
|
"cssName": "green-border",
|
|
@@ -443,7 +443,7 @@
|
|
|
443
443
|
},
|
|
444
444
|
"borderHover": {
|
|
445
445
|
"$type": "color",
|
|
446
|
-
"$value": "hsl(
|
|
446
|
+
"$value": "hsl(148, 43%, 34%)",
|
|
447
447
|
"$extensions": {
|
|
448
448
|
"putio": {
|
|
449
449
|
"cssName": "green-border-hover",
|
|
@@ -453,7 +453,7 @@
|
|
|
453
453
|
},
|
|
454
454
|
"solid": {
|
|
455
455
|
"$type": "color",
|
|
456
|
-
"$value": "hsl(151, 55
|
|
456
|
+
"$value": "hsl(151, 55%, 41.5%)",
|
|
457
457
|
"$extensions": {
|
|
458
458
|
"putio": {
|
|
459
459
|
"cssName": "green-solid",
|
|
@@ -463,7 +463,7 @@
|
|
|
463
463
|
},
|
|
464
464
|
"solidHover": {
|
|
465
465
|
"$type": "color",
|
|
466
|
-
"$value": "hsl(151,
|
|
466
|
+
"$value": "hsl(151, 68%, 35%)",
|
|
467
467
|
"$extensions": {
|
|
468
468
|
"putio": {
|
|
469
469
|
"cssName": "green-solid-hover",
|
|
@@ -473,7 +473,7 @@
|
|
|
473
473
|
},
|
|
474
474
|
"textSecondary": {
|
|
475
475
|
"$type": "color",
|
|
476
|
-
"$value": "hsl(
|
|
476
|
+
"$value": "hsl(146, 56%, 60%)",
|
|
477
477
|
"$extensions": {
|
|
478
478
|
"putio": {
|
|
479
479
|
"cssName": "green-text-secondary",
|
|
@@ -483,7 +483,7 @@
|
|
|
483
483
|
},
|
|
484
484
|
"text": {
|
|
485
485
|
"$type": "color",
|
|
486
|
-
"$value": "hsl(
|
|
486
|
+
"$value": "hsl(142, 71%, 82%)",
|
|
487
487
|
"$extensions": {
|
|
488
488
|
"putio": {
|
|
489
489
|
"cssName": "green-text",
|
|
@@ -497,7 +497,7 @@
|
|
|
497
497
|
"light": {
|
|
498
498
|
"bg": {
|
|
499
499
|
"$type": "color",
|
|
500
|
-
"$value": "hsl(
|
|
500
|
+
"$value": "hsl(0, 100%, 99%)",
|
|
501
501
|
"$extensions": {
|
|
502
502
|
"putio": {
|
|
503
503
|
"cssName": "red-bg",
|
|
@@ -507,7 +507,7 @@
|
|
|
507
507
|
},
|
|
508
508
|
"bgSecondary": {
|
|
509
509
|
"$type": "color",
|
|
510
|
-
"$value": "hsl(
|
|
510
|
+
"$value": "hsl(0, 100%, 98%)",
|
|
511
511
|
"$extensions": {
|
|
512
512
|
"putio": {
|
|
513
513
|
"cssName": "red-bg-secondary",
|
|
@@ -517,7 +517,7 @@
|
|
|
517
517
|
},
|
|
518
518
|
"componentBg": {
|
|
519
519
|
"$type": "color",
|
|
520
|
-
"$value": "hsl(
|
|
520
|
+
"$value": "hsl(2, 100%, 96%)",
|
|
521
521
|
"$extensions": {
|
|
522
522
|
"putio": {
|
|
523
523
|
"cssName": "red-component-bg",
|
|
@@ -527,7 +527,7 @@
|
|
|
527
527
|
},
|
|
528
528
|
"componentBgHover": {
|
|
529
529
|
"$type": "color",
|
|
530
|
-
"$value": "hsl(
|
|
530
|
+
"$value": "hsl(4, 100%, 93%)",
|
|
531
531
|
"$extensions": {
|
|
532
532
|
"putio": {
|
|
533
533
|
"cssName": "red-component-bg-hover",
|
|
@@ -537,7 +537,7 @@
|
|
|
537
537
|
},
|
|
538
538
|
"componentBgActive": {
|
|
539
539
|
"$type": "color",
|
|
540
|
-
"$value": "hsl(
|
|
540
|
+
"$value": "hsl(3, 100%, 89%)",
|
|
541
541
|
"$extensions": {
|
|
542
542
|
"putio": {
|
|
543
543
|
"cssName": "red-component-bg-active",
|
|
@@ -547,7 +547,7 @@
|
|
|
547
547
|
},
|
|
548
548
|
"line": {
|
|
549
549
|
"$type": "color",
|
|
550
|
-
"$value": "hsl(
|
|
550
|
+
"$value": "hsl(3, 97%, 86%)",
|
|
551
551
|
"$extensions": {
|
|
552
552
|
"putio": {
|
|
553
553
|
"cssName": "red-line",
|
|
@@ -557,7 +557,7 @@
|
|
|
557
557
|
},
|
|
558
558
|
"border": {
|
|
559
559
|
"$type": "color",
|
|
560
|
-
"$value": "hsl(
|
|
560
|
+
"$value": "hsl(2, 81%, 80%)",
|
|
561
561
|
"$extensions": {
|
|
562
562
|
"putio": {
|
|
563
563
|
"cssName": "red-border",
|
|
@@ -567,7 +567,7 @@
|
|
|
567
567
|
},
|
|
568
568
|
"borderHover": {
|
|
569
569
|
"$type": "color",
|
|
570
|
-
"$value": "hsl(
|
|
570
|
+
"$value": "hsl(2, 71%, 73%)",
|
|
571
571
|
"$extensions": {
|
|
572
572
|
"putio": {
|
|
573
573
|
"cssName": "red-border-hover",
|
|
@@ -577,7 +577,7 @@
|
|
|
577
577
|
},
|
|
578
578
|
"solid": {
|
|
579
579
|
"$type": "color",
|
|
580
|
-
"$value": "hsl(358, 75
|
|
580
|
+
"$value": "hsl(358, 75%, 59%)",
|
|
581
581
|
"$extensions": {
|
|
582
582
|
"putio": {
|
|
583
583
|
"cssName": "red-solid",
|
|
@@ -587,7 +587,7 @@
|
|
|
587
587
|
},
|
|
588
588
|
"solidHover": {
|
|
589
589
|
"$type": "color",
|
|
590
|
-
"$value": "hsl(
|
|
590
|
+
"$value": "hsl(357, 66%, 53%)",
|
|
591
591
|
"$extensions": {
|
|
592
592
|
"putio": {
|
|
593
593
|
"cssName": "red-solid-hover",
|
|
@@ -597,7 +597,7 @@
|
|
|
597
597
|
},
|
|
598
598
|
"textSecondary": {
|
|
599
599
|
"$type": "color",
|
|
600
|
-
"$value": "hsl(
|
|
600
|
+
"$value": "hsl(355, 64%, 49%)",
|
|
601
601
|
"$extensions": {
|
|
602
602
|
"putio": {
|
|
603
603
|
"cssName": "red-text-secondary",
|
|
@@ -607,7 +607,7 @@
|
|
|
607
607
|
},
|
|
608
608
|
"text": {
|
|
609
609
|
"$type": "color",
|
|
610
|
-
"$value": "hsl(
|
|
610
|
+
"$value": "hsl(358, 62%, 24%)",
|
|
611
611
|
"$extensions": {
|
|
612
612
|
"putio": {
|
|
613
613
|
"cssName": "red-text",
|
|
@@ -619,7 +619,7 @@
|
|
|
619
619
|
"dark": {
|
|
620
620
|
"bg": {
|
|
621
621
|
"$type": "color",
|
|
622
|
-
"$value": "hsl(
|
|
622
|
+
"$value": "hsl(8, 13%, 7%)",
|
|
623
623
|
"$extensions": {
|
|
624
624
|
"putio": {
|
|
625
625
|
"cssName": "red-bg",
|
|
@@ -629,7 +629,7 @@
|
|
|
629
629
|
},
|
|
630
630
|
"bgSecondary": {
|
|
631
631
|
"$type": "color",
|
|
632
|
-
"$value": "hsl(
|
|
632
|
+
"$value": "hsl(4, 28%, 10%)",
|
|
633
633
|
"$extensions": {
|
|
634
634
|
"putio": {
|
|
635
635
|
"cssName": "red-bg-secondary",
|
|
@@ -639,7 +639,7 @@
|
|
|
639
639
|
},
|
|
640
640
|
"componentBg": {
|
|
641
641
|
"$type": "color",
|
|
642
|
-
"$value": "hsl(
|
|
642
|
+
"$value": "hsl(0, 55%, 15%)",
|
|
643
643
|
"$extensions": {
|
|
644
644
|
"putio": {
|
|
645
645
|
"cssName": "red-component-bg",
|
|
@@ -649,7 +649,7 @@
|
|
|
649
649
|
},
|
|
650
650
|
"componentBgHover": {
|
|
651
651
|
"$type": "color",
|
|
652
|
-
"$value": "hsl(
|
|
652
|
+
"$value": "hsl(357, 70%, 19%)",
|
|
653
653
|
"$extensions": {
|
|
654
654
|
"putio": {
|
|
655
655
|
"cssName": "red-component-bg-hover",
|
|
@@ -659,7 +659,7 @@
|
|
|
659
659
|
},
|
|
660
660
|
"componentBgActive": {
|
|
661
661
|
"$type": "color",
|
|
662
|
-
"$value": "hsl(
|
|
662
|
+
"$value": "hsl(358, 62%, 24%)",
|
|
663
663
|
"$extensions": {
|
|
664
664
|
"putio": {
|
|
665
665
|
"cssName": "red-component-bg-active",
|
|
@@ -669,7 +669,7 @@
|
|
|
669
669
|
},
|
|
670
670
|
"line": {
|
|
671
671
|
"$type": "color",
|
|
672
|
-
"$value": "hsl(
|
|
672
|
+
"$value": "hsl(359, 52%, 30%)",
|
|
673
673
|
"$extensions": {
|
|
674
674
|
"putio": {
|
|
675
675
|
"cssName": "red-line",
|
|
@@ -679,7 +679,7 @@
|
|
|
679
679
|
},
|
|
680
680
|
"border": {
|
|
681
681
|
"$type": "color",
|
|
682
|
-
"$value": "hsl(
|
|
682
|
+
"$value": "hsl(0, 46%, 38%)",
|
|
683
683
|
"$extensions": {
|
|
684
684
|
"putio": {
|
|
685
685
|
"cssName": "red-border",
|
|
@@ -689,7 +689,7 @@
|
|
|
689
689
|
},
|
|
690
690
|
"borderHover": {
|
|
691
691
|
"$type": "color",
|
|
692
|
-
"$value": "hsl(
|
|
692
|
+
"$value": "hsl(359, 45%, 49%)",
|
|
693
693
|
"$extensions": {
|
|
694
694
|
"putio": {
|
|
695
695
|
"cssName": "red-border-hover",
|
|
@@ -699,7 +699,7 @@
|
|
|
699
699
|
},
|
|
700
700
|
"solid": {
|
|
701
701
|
"$type": "color",
|
|
702
|
-
"$value": "hsl(358, 75
|
|
702
|
+
"$value": "hsl(358, 75%, 59%)",
|
|
703
703
|
"$extensions": {
|
|
704
704
|
"putio": {
|
|
705
705
|
"cssName": "red-solid",
|
|
@@ -709,7 +709,7 @@
|
|
|
709
709
|
},
|
|
710
710
|
"solidHover": {
|
|
711
711
|
"$type": "color",
|
|
712
|
-
"$value": "hsl(
|
|
712
|
+
"$value": "hsl(357, 67%, 53%)",
|
|
713
713
|
"$extensions": {
|
|
714
714
|
"putio": {
|
|
715
715
|
"cssName": "red-solid-hover",
|
|
@@ -719,7 +719,7 @@
|
|
|
719
719
|
},
|
|
720
720
|
"textSecondary": {
|
|
721
721
|
"$type": "color",
|
|
722
|
-
"$value": "hsl(
|
|
722
|
+
"$value": "hsl(2, 100%, 77%)",
|
|
723
723
|
"$extensions": {
|
|
724
724
|
"putio": {
|
|
725
725
|
"cssName": "red-text-secondary",
|
|
@@ -729,7 +729,7 @@
|
|
|
729
729
|
},
|
|
730
730
|
"text": {
|
|
731
731
|
"$type": "color",
|
|
732
|
-
"$value": "hsl(
|
|
732
|
+
"$value": "hsl(5, 100%, 91%)",
|
|
733
733
|
"$extensions": {
|
|
734
734
|
"putio": {
|
|
735
735
|
"cssName": "red-text",
|
|
@@ -743,7 +743,7 @@
|
|
|
743
743
|
"light": {
|
|
744
744
|
"bg": {
|
|
745
745
|
"$type": "color",
|
|
746
|
-
"$value": "hsl(
|
|
746
|
+
"$value": "hsl(45, 60%, 99%)",
|
|
747
747
|
"$extensions": {
|
|
748
748
|
"putio": {
|
|
749
749
|
"cssName": "yellow-bg",
|
|
@@ -753,7 +753,7 @@
|
|
|
753
753
|
},
|
|
754
754
|
"bgSecondary": {
|
|
755
755
|
"$type": "color",
|
|
756
|
-
"$value": "hsl(
|
|
756
|
+
"$value": "hsl(53, 100%, 96%)",
|
|
757
757
|
"$extensions": {
|
|
758
758
|
"putio": {
|
|
759
759
|
"cssName": "yellow-bg-secondary",
|
|
@@ -763,7 +763,7 @@
|
|
|
763
763
|
},
|
|
764
764
|
"componentBg": {
|
|
765
765
|
"$type": "color",
|
|
766
|
-
"$value": "hsl(
|
|
766
|
+
"$value": "hsl(52, 100%, 88%)",
|
|
767
767
|
"$extensions": {
|
|
768
768
|
"putio": {
|
|
769
769
|
"cssName": "yellow-component-bg",
|
|
@@ -773,7 +773,7 @@
|
|
|
773
773
|
},
|
|
774
774
|
"componentBgHover": {
|
|
775
775
|
"$type": "color",
|
|
776
|
-
"$value": "hsl(
|
|
776
|
+
"$value": "hsl(50, 100%, 82%)",
|
|
777
777
|
"$extensions": {
|
|
778
778
|
"putio": {
|
|
779
779
|
"cssName": "yellow-component-bg-hover",
|
|
@@ -783,7 +783,7 @@
|
|
|
783
783
|
},
|
|
784
784
|
"componentBgActive": {
|
|
785
785
|
"$type": "color",
|
|
786
|
-
"$value": "hsl(
|
|
786
|
+
"$value": "hsl(48, 100%, 76%)",
|
|
787
787
|
"$extensions": {
|
|
788
788
|
"putio": {
|
|
789
789
|
"cssName": "yellow-component-bg-active",
|
|
@@ -793,7 +793,7 @@
|
|
|
793
793
|
},
|
|
794
794
|
"line": {
|
|
795
795
|
"$type": "color",
|
|
796
|
-
"$value": "hsl(
|
|
796
|
+
"$value": "hsl(46, 87%, 73%)",
|
|
797
797
|
"$extensions": {
|
|
798
798
|
"putio": {
|
|
799
799
|
"cssName": "yellow-line",
|
|
@@ -803,7 +803,7 @@
|
|
|
803
803
|
},
|
|
804
804
|
"border": {
|
|
805
805
|
"$type": "color",
|
|
806
|
-
"$value": "hsl(
|
|
806
|
+
"$value": "hsl(45, 67%, 67%)",
|
|
807
807
|
"$extensions": {
|
|
808
808
|
"putio": {
|
|
809
809
|
"cssName": "yellow-border",
|
|
@@ -813,7 +813,7 @@
|
|
|
813
813
|
},
|
|
814
814
|
"borderHover": {
|
|
815
815
|
"$type": "color",
|
|
816
|
-
"$value": "hsl(
|
|
816
|
+
"$value": "hsl(44, 58%, 56%)",
|
|
817
817
|
"$extensions": {
|
|
818
818
|
"putio": {
|
|
819
819
|
"cssName": "yellow-border-hover",
|
|
@@ -823,7 +823,8 @@
|
|
|
823
823
|
},
|
|
824
824
|
"solidHover": {
|
|
825
825
|
"$type": "color",
|
|
826
|
-
"$value": "
|
|
826
|
+
"$value": "hsl(45, 89%, 58%)",
|
|
827
|
+
"$description": "Primary-button hover yellow for light mode.",
|
|
827
828
|
"$extensions": {
|
|
828
829
|
"putio": {
|
|
829
830
|
"cssName": "yellow-solid-hover",
|
|
@@ -833,7 +834,7 @@
|
|
|
833
834
|
},
|
|
834
835
|
"textSecondary": {
|
|
835
836
|
"$type": "color",
|
|
836
|
-
"$value": "hsl(
|
|
837
|
+
"$value": "hsl(46, 100%, 29%)",
|
|
837
838
|
"$extensions": {
|
|
838
839
|
"putio": {
|
|
839
840
|
"cssName": "yellow-text-secondary",
|
|
@@ -843,7 +844,7 @@
|
|
|
843
844
|
},
|
|
844
845
|
"text": {
|
|
845
846
|
"$type": "color",
|
|
846
|
-
"$value": "hsl(
|
|
847
|
+
"$value": "hsl(43, 32%, 21%)",
|
|
847
848
|
"$extensions": {
|
|
848
849
|
"putio": {
|
|
849
850
|
"cssName": "yellow-text",
|
|
@@ -855,7 +856,7 @@
|
|
|
855
856
|
"dark": {
|
|
856
857
|
"bg": {
|
|
857
858
|
"$type": "color",
|
|
858
|
-
"$value": "hsl(
|
|
859
|
+
"$value": "hsl(0, 0%, 0%)",
|
|
859
860
|
"$extensions": {
|
|
860
861
|
"putio": {
|
|
861
862
|
"cssName": "yellow-bg",
|
|
@@ -865,7 +866,7 @@
|
|
|
865
866
|
},
|
|
866
867
|
"bgSecondary": {
|
|
867
868
|
"$type": "color",
|
|
868
|
-
"$value": "hsl(
|
|
869
|
+
"$value": "hsl(38, 35%, 6%)",
|
|
869
870
|
"$extensions": {
|
|
870
871
|
"putio": {
|
|
871
872
|
"cssName": "yellow-bg-secondary",
|
|
@@ -875,7 +876,7 @@
|
|
|
875
876
|
},
|
|
876
877
|
"componentBg": {
|
|
877
878
|
"$type": "color",
|
|
878
|
-
"$value": "hsl(45,
|
|
879
|
+
"$value": "hsl(45, 70%, 9%)",
|
|
879
880
|
"$extensions": {
|
|
880
881
|
"putio": {
|
|
881
882
|
"cssName": "yellow-component-bg",
|
|
@@ -885,7 +886,7 @@
|
|
|
885
886
|
},
|
|
886
887
|
"componentBgHover": {
|
|
887
888
|
"$type": "color",
|
|
888
|
-
"$value": "hsl(
|
|
889
|
+
"$value": "hsl(44, 100%, 11%)",
|
|
889
890
|
"$extensions": {
|
|
890
891
|
"putio": {
|
|
891
892
|
"cssName": "yellow-component-bg-hover",
|
|
@@ -895,7 +896,7 @@
|
|
|
895
896
|
},
|
|
896
897
|
"componentBgActive": {
|
|
897
898
|
"$type": "color",
|
|
898
|
-
"$value": "hsl(
|
|
899
|
+
"$value": "hsl(44, 100%, 14%)",
|
|
899
900
|
"$extensions": {
|
|
900
901
|
"putio": {
|
|
901
902
|
"cssName": "yellow-component-bg-active",
|
|
@@ -905,7 +906,7 @@
|
|
|
905
906
|
},
|
|
906
907
|
"line": {
|
|
907
908
|
"$type": "color",
|
|
908
|
-
"$value": "hsl(
|
|
909
|
+
"$value": "hsl(45, 71%, 19%)",
|
|
909
910
|
"$extensions": {
|
|
910
911
|
"putio": {
|
|
911
912
|
"cssName": "yellow-line",
|
|
@@ -915,7 +916,7 @@
|
|
|
915
916
|
},
|
|
916
917
|
"border": {
|
|
917
918
|
"$type": "color",
|
|
918
|
-
"$value": "hsl(
|
|
919
|
+
"$value": "hsl(45, 53%, 26%)",
|
|
919
920
|
"$extensions": {
|
|
920
921
|
"putio": {
|
|
921
922
|
"cssName": "yellow-border",
|
|
@@ -925,7 +926,7 @@
|
|
|
925
926
|
},
|
|
926
927
|
"borderHover": {
|
|
927
928
|
"$type": "color",
|
|
928
|
-
"$value": "hsl(
|
|
929
|
+
"$value": "hsl(45, 49%, 34%)",
|
|
929
930
|
"$extensions": {
|
|
930
931
|
"putio": {
|
|
931
932
|
"cssName": "yellow-border-hover",
|
|
@@ -935,7 +936,8 @@
|
|
|
935
936
|
},
|
|
936
937
|
"solidHover": {
|
|
937
938
|
"$type": "color",
|
|
938
|
-
"$value": "
|
|
939
|
+
"$value": "hsl(45, 89%, 58%)",
|
|
940
|
+
"$description": "Primary-button hover yellow for dark mode.",
|
|
939
941
|
"$extensions": {
|
|
940
942
|
"putio": {
|
|
941
943
|
"cssName": "yellow-solid-hover",
|
|
@@ -945,7 +947,7 @@
|
|
|
945
947
|
},
|
|
946
948
|
"textSecondary": {
|
|
947
949
|
"$type": "color",
|
|
948
|
-
"$value": "hsl(
|
|
950
|
+
"$value": "hsl(45, 100%, 64%)",
|
|
949
951
|
"$extensions": {
|
|
950
952
|
"putio": {
|
|
951
953
|
"cssName": "yellow-text-secondary",
|
|
@@ -955,7 +957,7 @@
|
|
|
955
957
|
},
|
|
956
958
|
"text": {
|
|
957
959
|
"$type": "color",
|
|
958
|
-
"$value": "hsl(
|
|
960
|
+
"$value": "hsl(46, 89%, 86%)",
|
|
959
961
|
"$extensions": {
|
|
960
962
|
"putio": {
|
|
961
963
|
"cssName": "yellow-text",
|
|
@@ -1026,7 +1028,7 @@
|
|
|
1026
1028
|
},
|
|
1027
1029
|
"navItemBg": {
|
|
1028
1030
|
"$type": "color",
|
|
1029
|
-
"$value": "
|
|
1031
|
+
"$value": "hsla(0, 0%, 0%, 0)",
|
|
1030
1032
|
"$extensions": {
|
|
1031
1033
|
"putio": {
|
|
1032
1034
|
"cssName": "nav-item-bg",
|
|
@@ -1056,7 +1058,7 @@
|
|
|
1056
1058
|
},
|
|
1057
1059
|
"listItemBg": {
|
|
1058
1060
|
"$type": "color",
|
|
1059
|
-
"$value": "
|
|
1061
|
+
"$value": "hsla(0, 0%, 0%, 0)",
|
|
1060
1062
|
"$extensions": {
|
|
1061
1063
|
"putio": {
|
|
1062
1064
|
"cssName": "list-item-bg",
|
|
@@ -1176,7 +1178,7 @@
|
|
|
1176
1178
|
},
|
|
1177
1179
|
"transparent": {
|
|
1178
1180
|
"$type": "color",
|
|
1179
|
-
"$value": "
|
|
1181
|
+
"$value": "hsla(0, 0%, 0%, 0)",
|
|
1180
1182
|
"$extensions": {
|
|
1181
1183
|
"putio": {
|
|
1182
1184
|
"cssName": "transparent",
|
|
@@ -1238,7 +1240,7 @@
|
|
|
1238
1240
|
},
|
|
1239
1241
|
"navItemBg": {
|
|
1240
1242
|
"$type": "color",
|
|
1241
|
-
"$value": "
|
|
1243
|
+
"$value": "hsla(0, 0%, 0%, 0)",
|
|
1242
1244
|
"$extensions": {
|
|
1243
1245
|
"putio": {
|
|
1244
1246
|
"cssName": "nav-item-bg",
|
|
@@ -1268,7 +1270,7 @@
|
|
|
1268
1270
|
},
|
|
1269
1271
|
"listItemBg": {
|
|
1270
1272
|
"$type": "color",
|
|
1271
|
-
"$value": "
|
|
1273
|
+
"$value": "hsla(0, 0%, 0%, 0)",
|
|
1272
1274
|
"$extensions": {
|
|
1273
1275
|
"putio": {
|
|
1274
1276
|
"cssName": "list-item-bg",
|