@julseb-lib/react 0.0.76 → 0.0.78

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 (10) hide show
  1. package/dist/index.cjs.js +547 -547
  2. package/dist/index.css +60 -60
  3. package/dist/index.es.js +3833 -3309
  4. package/dist/index.umd.js +495 -495
  5. package/dist/lib/components/InputComponents/components/InputIcon.tsx +7 -0
  6. package/dist/lib/index.css +60 -60
  7. package/dist/lib/lib-utils/generate-lib-tokens.ts +40 -0
  8. package/dist/lib/utils/lib-tokens.json +216 -216
  9. package/dist/lib/utils/set-default-theme.ts +1 -1
  10. package/package.json +1 -1
package/dist/lib/utils/lib-tokens.json CHANGED
@@ -392,384 +392,384 @@
392
392
  "rgb": "rgb(0, 0, 0)",
393
393
  "hex": "#000000",
394
394
  "css": "var(--color-black)",
395
- "variable": "COLORS_DARK.BLACK"
395
+ "variable": "COLORS_LIGHT.BLACK"
396
396
  },
397
397
  "white": {
398
398
  "rgb": "rgb(255, 255, 255)",
399
399
  "hex": "#FFFFFF",
400
400
  "css": "var(--color-white)",
401
- "variable": "COLORS_DARK.WHITE"
402
- },
403
- "gray-50": {
404
- "rgb": "rgb(24, 24, 24)",
405
- "hex": "#181818",
406
- "css": "var(--color-dark-gray-50)",
407
- "variable": "COLORS_DARK.GRAY_50"
408
- },
409
- "gray-100": {
410
- "rgb": "rgb(47, 47, 47)",
411
- "hex": "#2F2F2F",
412
- "css": "var(--color-dark-gray-100)",
413
- "variable": "COLORS_DARK.GRAY_100"
414
- },
415
- "gray-200": {
416
- "rgb": "rgb(71, 71, 71)",
417
- "hex": "#474747",
418
- "css": "var(--color-dark-gray-200)",
419
- "variable": "COLORS_DARK.GRAY_200"
420
- },
421
- "gray-300": {
422
- "rgb": "rgb(94, 94, 94)",
423
- "hex": "#5E5E5E",
424
- "css": "var(--color-dark-gray-300)",
425
- "variable": "COLORS_DARK.GRAY_300"
426
- },
427
- "gray-400": {
428
- "rgb": "rgb(118, 118, 118)",
429
- "hex": "#767676",
430
- "css": "var(--color-dark-gray-400)",
431
- "variable": "COLORS_DARK.GRAY_400"
432
- },
433
- "gray-500": {
434
- "rgb": "rgb(145, 145, 145)",
435
- "hex": "#919191",
436
- "css": "var(--color-dark-gray-500)",
437
- "variable": "COLORS_DARK.GRAY_500"
438
- },
439
- "gray-600": {
440
- "rgb": "rgb(173, 173, 173)",
441
- "hex": "#ADADAD",
442
- "css": "var(--color-dark-gray-600)",
443
- "variable": "COLORS_DARK.GRAY_600"
444
- },
445
- "gray-700": {
446
- "rgb": "rgb(200, 200, 200)",
447
- "hex": "#C8C8C8",
448
- "css": "var(--color-dark-gray-700)",
449
- "variable": "COLORS_DARK.GRAY_700"
450
- },
451
- "gray-800": {
452
- "rgb": "rgb(228, 228, 228)",
453
- "hex": "#E4E4E4",
454
- "css": "var(--color-dark-gray-800)",
455
- "variable": "COLORS_DARK.GRAY_800"
456
- },
457
- "gray-900": {
458
- "rgb": "rgb(248, 248, 248)",
459
- "hex": "#F8F8F8",
460
- "css": "var(--color-dark-gray-900)",
461
- "variable": "COLORS_DARK.GRAY_900"
401
+ "variable": "COLORS_LIGHT.WHITE"
462
402
  },
463
403
  "primary-50": {
464
- "rgb": "rgb(20, 30, 51)",
465
- "hex": "#141E33",
466
- "css": "var(--color-dark-primary-50)",
404
+ "rgb": " rgb(0, 0, 0)",
405
+ "hex": "#000000",
406
+ "css": "--color-dark-primary-50",
467
407
  "variable": "COLORS_DARK.PRIMARY_50"
468
408
  },
469
409
  "primary-100": {
470
- "rgb": "rgb(41, 61, 102)",
471
- "hex": "#293D66",
472
- "css": "var(--color-dark-primary-100)",
410
+ "rgb": " rgb(4, 5, 6)",
411
+ "hex": "#040506",
412
+ "css": "--color-dark-primary-100",
473
413
  "variable": "COLORS_DARK.PRIMARY_100"
474
414
  },
475
415
  "primary-200": {
476
- "rgb": "rgb(61, 91, 153)",
477
- "hex": "#3D5B99",
478
- "css": "var(--color-dark-primary-200)",
416
+ "rgb": " rgb(13, 14, 18)",
417
+ "hex": "#0d0e12",
418
+ "css": "--color-dark-primary-200",
479
419
  "variable": "COLORS_DARK.PRIMARY_200"
480
420
  },
481
421
  "primary-300": {
482
- "rgb": "rgb(82, 122, 204)",
483
- "hex": "#527ACC",
484
- "css": "var(--color-dark-primary-300)",
422
+ "rgb": " rgb(21, 24, 30)",
423
+ "hex": "#15181e",
424
+ "css": "--color-dark-primary-300",
485
425
  "variable": "COLORS_DARK.PRIMARY_300"
486
426
  },
487
427
  "primary-400": {
488
- "rgb": "rgb(102, 152, 255)",
489
- "hex": "#6698FF",
490
- "css": "var(--color-dark-primary-400)",
428
+ "rgb": " rgb(29, 34, 42)",
429
+ "hex": "#1d222a",
430
+ "css": "--color-dark-primary-400",
491
431
  "variable": "COLORS_DARK.PRIMARY_400"
492
432
  },
493
433
  "primary-500": {
494
- "rgb": "rgb(133, 173, 255)",
495
- "hex": "#85ADFF",
496
- "css": "var(--color-dark-primary-500)",
434
+ "rgb": " rgb(38, 44, 54)",
435
+ "hex": "#262c36",
436
+ "css": "--color-dark-primary-500",
497
437
  "variable": "COLORS_DARK.PRIMARY_500"
498
438
  },
499
439
  "primary-600": {
500
- "rgb": "rgb(163, 193, 255)",
501
- "hex": "#A3C1FF",
502
- "css": "var(--color-dark-primary-600)",
440
+ "rgb": " rgb(46, 54, 66)",
441
+ "hex": "#2e3642",
442
+ "css": "--color-dark-primary-600",
503
443
  "variable": "COLORS_DARK.PRIMARY_600"
504
444
  },
505
445
  "primary-700": {
506
- "rgb": "rgb(194, 214, 255)",
507
- "hex": "#C2D6FF",
508
- "css": "var(--color-dark-primary-700)",
446
+ "rgb": " rgb(54, 64, 78)",
447
+ "hex": "#36404e",
448
+ "css": "--color-dark-primary-700",
509
449
  "variable": "COLORS_DARK.PRIMARY_700"
510
450
  },
511
451
  "primary-800": {
512
- "rgb": "rgb(224, 234, 255)",
513
- "hex": "#E0EAFF",
514
- "css": "var(--color-dark-primary-800)",
452
+ "rgb": " rgb(63, 74, 90)",
453
+ "hex": "#3f4a5a",
454
+ "css": "--color-dark-primary-800",
515
455
  "variable": "COLORS_DARK.PRIMARY_800"
516
456
  },
517
457
  "primary-900": {
518
- "rgb": "rgb(247, 250, 255)",
519
- "hex": "#F7FAFF",
520
- "css": "var(--color-dark-primary-900)",
458
+ "rgb": " rgb(71, 84, 102)",
459
+ "hex": "#475466",
460
+ "css": "--color-dark-primary-900",
521
461
  "variable": "COLORS_DARK.PRIMARY_900"
522
462
  },
523
463
  "secondary-50": {
524
- "rgb": "rgb(23, 45, 46)",
525
- "hex": "#172D2E",
526
- "css": "var(--color-dark-secondary-50)",
464
+ "rgb": " rgb(16, 17, 19)",
465
+ "hex": "#101113",
466
+ "css": "--color-dark-secondary-50",
527
467
  "variable": "COLORS_DARK.SECONDARY_50"
528
468
  },
529
469
  "secondary-100": {
530
- "rgb": "rgb(46, 89, 92)",
531
- "hex": "#2E595C",
532
- "css": "var(--color-dark-secondary-100)",
470
+ "rgb": " rgb(21, 22, 25)",
471
+ "hex": "#151619",
472
+ "css": "--color-dark-secondary-100",
533
473
  "variable": "COLORS_DARK.SECONDARY_100"
534
474
  },
535
475
  "secondary-200": {
536
- "rgb": "rgb(68, 134, 139)",
537
- "hex": "#44868B",
538
- "css": "var(--color-dark-secondary-200)",
476
+ "rgb": " rgb(30, 32, 37)",
477
+ "hex": "#1e2025",
478
+ "css": "--color-dark-secondary-200",
539
479
  "variable": "COLORS_DARK.SECONDARY_200"
540
480
  },
541
481
  "secondary-300": {
542
- "rgb": "rgb(91, 178, 185)",
543
- "hex": "#5BB2B9",
544
- "css": "var(--color-dark-secondary-300)",
482
+ "rgb": " rgb(39, 42, 48)",
483
+ "hex": "#272a30",
484
+ "css": "--color-dark-secondary-300",
545
485
  "variable": "COLORS_DARK.SECONDARY_300"
546
486
  },
547
487
  "secondary-400": {
548
- "rgb": "rgb(114, 223, 231)",
549
- "hex": "#72DFE7",
550
- "css": "var(--color-dark-secondary-400)",
488
+ "rgb": " rgb(48, 52, 59)",
489
+ "hex": "#30343b",
490
+ "css": "--color-dark-secondary-400",
551
491
  "variable": "COLORS_DARK.SECONDARY_400"
552
492
  },
553
493
  "secondary-500": {
554
- "rgb": "rgb(142, 229, 236)",
555
- "hex": "#8EE5EC",
556
- "css": "var(--color-dark-secondary-500)",
494
+ "rgb": " rgb(57, 62, 70)",
495
+ "hex": "#393e46",
496
+ "css": "--color-dark-secondary-500",
557
497
  "variable": "COLORS_DARK.SECONDARY_500"
558
498
  },
559
499
  "secondary-600": {
560
- "rgb": "rgb(170, 236, 241)",
561
- "hex": "#AAECF1",
562
- "css": "var(--color-dark-secondary-600)",
500
+ "rgb": " rgb(66, 72, 82)",
501
+ "hex": "#424852",
502
+ "css": "--color-dark-secondary-600",
563
503
  "variable": "COLORS_DARK.SECONDARY_600"
564
504
  },
565
505
  "secondary-700": {
566
- "rgb": "rgb(199, 242, 245)",
567
- "hex": "#C7F2F5",
568
- "css": "var(--color-dark-secondary-700)",
506
+ "rgb": " rgb(75, 82, 93)",
507
+ "hex": "#4b525d",
508
+ "css": "--color-dark-secondary-700",
569
509
  "variable": "COLORS_DARK.SECONDARY_700"
570
510
  },
571
511
  "secondary-800": {
572
- "rgb": "rgb(227, 249, 250)",
573
- "hex": "#E3F9FA",
574
- "css": "var(--color-dark-secondary-800)",
512
+ "rgb": " rgb(84, 92, 104)",
513
+ "hex": "#545c68",
514
+ "css": "--color-dark-secondary-800",
575
515
  "variable": "COLORS_DARK.SECONDARY_800"
576
516
  },
577
517
  "secondary-900": {
578
- "rgb": "rgb(248, 254, 254)",
579
- "hex": "#F8FEFE",
580
- "css": "var(--color-dark-secondary-900)",
518
+ "rgb": " rgb(93, 102, 116)",
519
+ "hex": "#5d6674",
520
+ "css": "--color-dark-secondary-900",
581
521
  "variable": "COLORS_DARK.SECONDARY_900"
582
522
  },
583
523
  "success-50": {
584
- "rgb": "rgb(17, 47, 32)",
585
- "hex": "#112F20",
586
- "css": "var(--color-dark-success-50)",
524
+ "rgb": " rgb(1, 45, 34)",
525
+ "hex": "#012d22",
526
+ "css": "--color-dark-success-50",
587
527
  "variable": "COLORS_DARK.SUCCESS_50"
588
528
  },
589
529
  "success-100": {
590
- "rgb": "rgb(35, 94, 64)",
591
- "hex": "#235E40",
592
- "css": "var(--color-dark-success-100)",
530
+ "rgb": " rgb(2, 69, 52)",
531
+ "hex": "#024534",
532
+ "css": "--color-dark-success-100",
593
533
  "variable": "COLORS_DARK.SUCCESS_100"
594
534
  },
595
535
  "success-200": {
596
- "rgb": "rgb(52, 141, 97)",
597
- "hex": "#348D61",
598
- "css": "var(--color-dark-success-200)",
536
+ "rgb": " rgb(3, 94, 70)",
537
+ "hex": "#035e46",
538
+ "css": "--color-dark-success-200",
599
539
  "variable": "COLORS_DARK.SUCCESS_200"
600
540
  },
601
541
  "success-300": {
602
- "rgb": "rgb(70, 188, 129)",
603
- "hex": "#46BC81",
604
- "css": "var(--color-dark-success-300)",
542
+ "rgb": " rgb(4, 118, 88)",
543
+ "hex": "#047658",
544
+ "css": "--color-dark-success-300",
605
545
  "variable": "COLORS_DARK.SUCCESS_300"
606
546
  },
607
547
  "success-400": {
608
- "rgb": "rgb(87, 235, 161)",
609
- "hex": "#57EBA1",
610
- "css": "var(--color-dark-success-400)",
548
+ "rgb": " rgb(5, 143, 107)",
549
+ "hex": "#058f6b",
550
+ "css": "--color-dark-success-400",
611
551
  "variable": "COLORS_DARK.SUCCESS_400"
612
552
  },
613
553
  "success-500": {
614
- "rgb": "rgb(121, 239, 180)",
615
- "hex": "#79EFB4",
616
- "css": "var(--color-dark-success-500)",
554
+ "rgb": " rgb(6, 167, 125)",
555
+ "hex": "#06a77d",
556
+ "css": "--color-dark-success-500",
617
557
  "variable": "COLORS_DARK.SUCCESS_500"
618
558
  },
619
559
  "success-600": {
620
- "rgb": "rgb(154, 243, 199)",
621
- "hex": "#9AF3C7",
622
- "css": "var(--color-dark-success-600)",
560
+ "rgb": " rgb(7, 192, 144)",
561
+ "hex": "#07c090",
562
+ "css": "--color-dark-success-600",
623
563
  "variable": "COLORS_DARK.SUCCESS_600"
624
564
  },
625
565
  "success-700": {
626
- "rgb": "rgb(188, 247, 217)",
627
- "hex": "#BCF7D9",
628
- "css": "var(--color-dark-success-700)",
566
+ "rgb": " rgb(8, 217, 162)",
567
+ "hex": "#08d9a2",
568
+ "css": "--color-dark-success-700",
629
569
  "variable": "COLORS_DARK.SUCCESS_700"
630
570
  },
631
571
  "success-800": {
632
- "rgb": "rgb(221, 251, 236)",
633
- "hex": "#DDFBEC",
634
- "css": "var(--color-dark-success-800)",
572
+ "rgb": " rgb(9, 241, 181)",
573
+ "hex": "#09f1b5",
574
+ "css": "--color-dark-success-800",
635
575
  "variable": "COLORS_DARK.SUCCESS_800"
636
576
  },
637
577
  "success-900": {
638
- "rgb": "rgb(247, 254, 250)",
639
- "hex": "#F7FEFA",
640
- "css": "var(--color-dark-success-900)",
578
+ "rgb": " rgb(29, 247, 190)",
579
+ "hex": "#1df7be",
580
+ "css": "--color-dark-success-900",
641
581
  "variable": "COLORS_DARK.SUCCESS_900"
642
582
  },
643
583
  "danger-50": {
644
- "rgb": "rgb(51, 26, 26)",
645
- "hex": "#331A1A",
646
- "css": "var(--color-dark-danger-50)",
584
+ "rgb": " rgb(95, 33, 33)",
585
+ "hex": "#5f2121",
586
+ "css": "--color-dark-danger-50",
647
587
  "variable": "COLORS_DARK.DANGER_50"
648
588
  },
649
589
  "danger-100": {
650
- "rgb": "rgb(102, 51, 51)",
651
- "hex": "#663333",
652
- "css": "var(--color-dark-danger-100)",
590
+ "rgb": " rgb(114, 39, 39)",
591
+ "hex": "#722727",
592
+ "css": "--color-dark-danger-100",
653
593
  "variable": "COLORS_DARK.DANGER_100"
654
594
  },
655
595
  "danger-200": {
656
- "rgb": "rgb(153, 77, 77)",
657
- "hex": "#994D4D",
658
- "css": "var(--color-dark-danger-200)",
596
+ "rgb": " rgb(133, 46, 45)",
597
+ "hex": "#852e2d",
598
+ "css": "--color-dark-danger-200",
659
599
  "variable": "COLORS_DARK.DANGER_200"
660
600
  },
661
601
  "danger-300": {
662
- "rgb": "rgb(204, 102, 102)",
663
- "hex": "#CC6666",
664
- "css": "var(--color-dark-danger-300)",
602
+ "rgb": " rgb(152, 53, 52)",
603
+ "hex": "#983534",
604
+ "css": "--color-dark-danger-300",
665
605
  "variable": "COLORS_DARK.DANGER_300"
666
606
  },
667
607
  "danger-400": {
668
- "rgb": "rgb(255, 128, 128)",
669
- "hex": "#FF8080",
670
- "css": "var(--color-dark-danger-400)",
608
+ "rgb": " rgb(171, 59, 58)",
609
+ "hex": "#ab3b3a",
610
+ "css": "--color-dark-danger-400",
671
611
  "variable": "COLORS_DARK.DANGER_400"
672
612
  },
673
613
  "danger-500": {
674
- "rgb": "rgb(255, 153, 153)",
675
- "hex": "#FF9999",
676
- "css": "var(--color-dark-danger-500)",
614
+ "rgb": " rgb(191, 67, 66)",
615
+ "hex": "#bf4342",
616
+ "css": "--color-dark-danger-500",
677
617
  "variable": "COLORS_DARK.DANGER_500"
678
618
  },
679
619
  "danger-600": {
680
- "rgb": "rgb(255, 179, 179)",
681
- "hex": "#FFB3B3",
682
- "css": "var(--color-dark-danger-600)",
620
+ "rgb": " rgb(197, 84, 84)",
621
+ "hex": "#c55454",
622
+ "css": "--color-dark-danger-600",
683
623
  "variable": "COLORS_DARK.DANGER_600"
684
624
  },
685
625
  "danger-700": {
686
- "rgb": "rgb(255, 204, 204)",
687
- "hex": "#FFCCCC",
688
- "css": "var(--color-dark-danger-700)",
626
+ "rgb": " rgb(203, 103, 103)",
627
+ "hex": "#cb6767",
628
+ "css": "--color-dark-danger-700",
689
629
  "variable": "COLORS_DARK.DANGER_700"
690
630
  },
691
631
  "danger-800": {
692
- "rgb": "rgb(255, 230, 230)",
693
- "hex": "#FFE6E6",
694
- "css": "var(--color-dark-danger-800)",
632
+ "rgb": " rgb(209, 122, 122)",
633
+ "hex": "#d17a7a",
634
+ "css": "--color-dark-danger-800",
695
635
  "variable": "COLORS_DARK.DANGER_800"
696
636
  },
697
637
  "danger-900": {
698
- "rgb": "rgb(255, 249, 249)",
699
- "hex": "#FFF9F9",
700
- "css": "var(--color-dark-danger-900)",
638
+ "rgb": " rgb(216, 141, 141)",
639
+ "hex": "#d88d8d",
640
+ "css": "--color-dark-danger-900",
701
641
  "variable": "COLORS_DARK.DANGER_900"
702
642
  },
703
643
  "warning-50": {
704
- "rgb": "rgb(51, 41, 23)",
705
- "hex": "#332917",
706
- "css": "var(--color-dark-warning-50)",
644
+ "rgb": " rgb(64, 47, 2)",
645
+ "hex": "#402f02",
646
+ "css": "--color-dark-warning-50",
707
647
  "variable": "COLORS_DARK.WARNING_50"
708
648
  },
709
649
  "warning-100": {
710
- "rgb": "rgb(101, 82, 46)",
711
- "hex": "#65522E",
712
- "css": "var(--color-dark-warning-100)",
650
+ "rgb": " rgb(114, 84, 4)",
651
+ "hex": "#725404",
652
+ "css": "--color-dark-warning-100",
713
653
  "variable": "COLORS_DARK.WARNING_100"
714
654
  },
715
655
  "warning-200": {
716
- "rgb": "rgb(152, 122, 70)",
717
- "hex": "#987A46",
718
- "css": "var(--color-dark-warning-200)",
656
+ "rgb": " rgb(163, 120, 5)",
657
+ "hex": "#a37805",
658
+ "css": "--color-dark-warning-200",
719
659
  "variable": "COLORS_DARK.WARNING_200"
720
660
  },
721
661
  "warning-300": {
722
- "rgb": "rgb(202, 163, 93)",
723
- "hex": "#CAA35D",
724
- "css": "var(--color-dark-warning-300)",
662
+ "rgb": " rgb(212, 156, 7)",
663
+ "hex": "#d49c07",
664
+ "css": "--color-dark-warning-300",
725
665
  "variable": "COLORS_DARK.WARNING_300"
726
666
  },
727
667
  "warning-400": {
728
- "rgb": "rgb(253, 204, 116)",
729
- "hex": "#FDCC74",
730
- "css": "var(--color-dark-warning-400)",
668
+ "rgb": " rgb(247, 186, 23)",
669
+ "hex": "#f7ba17",
670
+ "css": "--color-dark-warning-400",
731
671
  "variable": "COLORS_DARK.WARNING_400"
732
672
  },
733
673
  "warning-500": {
734
- "rgb": "rgb(254, 214, 144)",
735
- "hex": "#FED690",
736
- "css": "var(--color-dark-warning-500)",
674
+ "rgb": " rgb(249, 200, 70)",
675
+ "hex": "#f9c846",
676
+ "css": "--color-dark-warning-500",
737
677
  "variable": "COLORS_DARK.WARNING_500"
738
678
  },
739
679
  "warning-600": {
740
- "rgb": "rgb(254, 224, 172)",
741
- "hex": "#FEE0AC",
742
- "css": "var(--color-dark-warning-600)",
680
+ "rgb": " rgb(250, 208, 97)",
681
+ "hex": "#fad061",
682
+ "css": "--color-dark-warning-600",
743
683
  "variable": "COLORS_DARK.WARNING_600"
744
684
  },
745
685
  "warning-700": {
746
- "rgb": "rgb(254, 235, 199)",
747
- "hex": "#FEEBC7",
748
- "css": "var(--color-dark-warning-700)",
686
+ "rgb": " rgb(251, 215, 122)",
687
+ "hex": "#fbd77a",
688
+ "css": "--color-dark-warning-700",
749
689
  "variable": "COLORS_DARK.WARNING_700"
750
690
  },
751
691
  "warning-800": {
752
- "rgb": "rgb(255, 245, 227)",
753
- "hex": "#FFF5E3",
754
- "css": "var(--color-dark-warning-800)",
692
+ "rgb": " rgb(252, 222, 146)",
693
+ "hex": "#fcde92",
694
+ "css": "--color-dark-warning-800",
755
695
  "variable": "COLORS_DARK.WARNING_800"
756
696
  },
757
697
  "warning-900": {
758
- "rgb": "rgb(255, 253, 248)",
759
- "hex": "#FFFDF8",
760
- "css": "var(--color-dark-warning-900)",
698
+ "rgb": " rgb(253, 229, 171)",
699
+ "hex": "#fde5ab",
700
+ "css": "--color-dark-warning-900",
761
701
  "variable": "COLORS_DARK.WARNING_900"
762
702
  },
703
+ "gray-50": {
704
+ "rgb": " rgb(24, 24, 24)",
705
+ "hex": "#181818",
706
+ "css": "--color-dark-gray-50",
707
+ "variable": "COLORS_DARK.GRAY_50"
708
+ },
709
+ "gray-100": {
710
+ "rgb": " rgb(47, 47, 47)",
711
+ "hex": "#2f2f2f",
712
+ "css": "--color-dark-gray-100",
713
+ "variable": "COLORS_DARK.GRAY_100"
714
+ },
715
+ "gray-200": {
716
+ "rgb": " rgb(71, 71, 71)",
717
+ "hex": "#474747",
718
+ "css": "--color-dark-gray-200",
719
+ "variable": "COLORS_DARK.GRAY_200"
720
+ },
721
+ "gray-300": {
722
+ "rgb": " rgb(94, 94, 94)",
723
+ "hex": "#5e5e5e",
724
+ "css": "--color-dark-gray-300",
725
+ "variable": "COLORS_DARK.GRAY_300"
726
+ },
727
+ "gray-400": {
728
+ "rgb": " rgb(118, 118, 118)",
729
+ "hex": "#767676",
730
+ "css": "--color-dark-gray-400",
731
+ "variable": "COLORS_DARK.GRAY_400"
732
+ },
733
+ "gray-500": {
734
+ "rgb": " rgb(145, 145, 145)",
735
+ "hex": "#919191",
736
+ "css": "--color-dark-gray-500",
737
+ "variable": "COLORS_DARK.GRAY_500"
738
+ },
739
+ "gray-600": {
740
+ "rgb": " rgb(173, 173, 173)",
741
+ "hex": "#adadad",
742
+ "css": "--color-dark-gray-600",
743
+ "variable": "COLORS_DARK.GRAY_600"
744
+ },
745
+ "gray-700": {
746
+ "rgb": " rgb(200, 200, 200)",
747
+ "hex": "#c8c8c8",
748
+ "css": "--color-dark-gray-700",
749
+ "variable": "COLORS_DARK.GRAY_700"
750
+ },
751
+ "gray-800": {
752
+ "rgb": " rgb(228, 228, 228)",
753
+ "hex": "#e4e4e4",
754
+ "css": "--color-dark-gray-800",
755
+ "variable": "COLORS_DARK.GRAY_800"
756
+ },
757
+ "gray-900": {
758
+ "rgb": " rgb(248, 248, 248)",
759
+ "hex": "#f8f8f8",
760
+ "css": "--color-dark-gray-900",
761
+ "variable": "COLORS_DARK.GRAY_900"
762
+ },
763
763
  "background": {
764
- "rgb": "rgb(18, 18, 18)",
764
+ "rgb": " rgb(18, 18, 18)",
765
765
  "hex": "#121212",
766
- "css": "var(--color-dark-background)",
766
+ "css": "--color-dark-background",
767
767
  "variable": "COLORS_DARK.BACKGROUND"
768
768
  },
769
769
  "font": {
770
- "rgb": "rgb(255, 255, 255)",
770
+ "rgb": " rgb(255, 255, 255)",
771
771
  "hex": "#FFFFFF",
772
- "css": "var(--color-dark-font)",
772
+ "css": "--color-white",
773
773
  "variable": "COLORS_DARK.FONT"
774
774
  }
775
775
  }
package/dist/lib/utils/set-default-theme.ts CHANGED
@@ -9,6 +9,6 @@ import { COLORS_LIGHT } from "../Variables"
9
9
  */
10
10
  export const setDefaultTheme = (arr: Array<FC>) => {
11
11
  return arr.forEach(
12
- component => (component.prototype = { theme: COLORS_LIGHT })
12
+ component => (component.defaultProps = { theme: COLORS_LIGHT })
13
13
  )
14
14
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@julseb-lib/react",
3
- "version": "0.0.76",
3
+ "version": "0.0.78",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "scripts": {