@idds/styles 1.6.5 → 1.6.6

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 (22) hide show
  1. package/dist/base.css +161 -161
  2. package/dist/index.css +161 -161
  3. package/dist/tailwind/css/bgn.css +36 -36
  4. package/dist/tailwind/css/bgn.min.css +1 -1
  5. package/dist/tailwind/css/bkn.css +25 -25
  6. package/dist/tailwind/css/idds.css +203 -203
  7. package/dist/tailwind/css/idds.min.css +1 -1
  8. package/dist/tailwind/css/inagov.css +21 -21
  9. package/dist/tailwind/css/inaku.css +21 -21
  10. package/dist/tailwind/css/inapas.css +21 -21
  11. package/dist/tailwind/css/lan.css +29 -29
  12. package/dist/tailwind/css/panrb.css +24 -24
  13. package/dist/tailwind/ts/bgn.ts +23 -23
  14. package/dist/tailwind/ts/bkn.ts +25 -25
  15. package/dist/tailwind/ts/default.ts +12 -12
  16. package/dist/tailwind/ts/idds.ts +207 -207
  17. package/dist/tailwind/ts/inagov.ts +21 -21
  18. package/dist/tailwind/ts/inaku.ts +21 -21
  19. package/dist/tailwind/ts/inapas.ts +21 -21
  20. package/dist/tailwind/ts/lan.ts +29 -29
  21. package/dist/tailwind/ts/panrb.ts +24 -24
  22. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -600,14 +600,14 @@
600
600
  :root,
601
601
  [data-theme='light'] {
602
602
  /* Base Colors */
603
- --ina-white: var(--ina-neutral-25);
604
- --ina-black: var(--ina-neutral-900);
603
+ --ina-white: var(--ina-neutral-25) /* #ffffff */;
604
+ --ina-black: var(--ina-neutral-900) /* #141414 */;
605
605
 
606
606
  /* Background Colors */
607
- --ina-background-primary: var(--ina-neutral-25);
608
- --ina-background-secondary: var(--ina-neutral-50);
609
- --ina-background-tertiary: var(--ina-neutral-100);
610
- --ina-background-overlay: var(--ina-overlay);
607
+ --ina-background-primary: var(--ina-neutral-25) /* #ffffff */;
608
+ --ina-background-secondary: var(--ina-neutral-50) /* #f8f8f7 */;
609
+ --ina-background-tertiary: var(--ina-neutral-100) /* #f2f2f2 */;
610
+ --ina-background-overlay: var(--ina-overlay) /* #1f1f1f7a */;
611
611
 
612
612
  /* Content Colors */
613
613
  --ina-content-primary: var(--ina-neutral-800) /* #1f1f1f */;
@@ -618,187 +618,187 @@
618
618
  --ina-content-positive: var(--ina-green-600) /* #288034 */;
619
619
 
620
620
  /* Stroke Colors */
621
- --ina-stroke-primary: var(--ina-neutral-200);
622
- --ina-stroke-secondary: var(--ina-neutral-400);
623
- --ina-stroke-tertiary: var(--ina-neutral-800);
621
+ --ina-stroke-primary: var(--ina-neutral-200) /* #e5e5e5 */;
622
+ --ina-stroke-secondary: var(--ina-neutral-400) /* #a3a3a3 */;
623
+ --ina-stroke-tertiary: var(--ina-neutral-800) /* #1f1f1f */;
624
624
 
625
625
  /* Guide Colors */
626
- --ina-guide-50: var(--ina-blue-50);
627
- --ina-guide-100: var(--ina-blue-100);
628
- --ina-guide-200: var(--ina-blue-200);
629
- --ina-guide-300: var(--ina-blue-300);
630
- --ina-guide-400: var(--ina-blue-400);
631
- --ina-guide-500: var(--ina-blue-500);
632
- --ina-guide-600: var(--ina-blue-600);
633
- --ina-guide-700: var(--ina-blue-700);
634
- --ina-guide-800: var(--ina-blue-800);
635
- --ina-guide-900: var(--ina-blue-900);
626
+ --ina-guide-50: var(--ina-blue-50) /* #fafcff */;
627
+ --ina-guide-100: var(--ina-blue-100) /* #ecf3fe */;
628
+ --ina-guide-200: var(--ina-blue-200) /* #dceafe */;
629
+ --ina-guide-300: var(--ina-blue-300) /* #84b4fb */;
630
+ --ina-guide-400: var(--ina-blue-400) /* #4d93fc */;
631
+ --ina-guide-500: var(--ina-blue-500) /* #0968f6 */;
632
+ --ina-guide-600: var(--ina-blue-600) /* #0049b8 */;
633
+ --ina-guide-700: var(--ina-blue-700) /* #002a69 */;
634
+ --ina-guide-800: var(--ina-blue-800) /* #0e192a */;
635
+ --ina-guide-900: var(--ina-blue-900) /* #070e17 */;
636
636
 
637
637
  /* Negative Colors */
638
- --ina-negative-50: var(--ina-red-50);
639
- --ina-negative-100: var(--ina-red-100);
640
- --ina-negative-200: var(--ina-red-200);
641
- --ina-negative-300: var(--ina-red-300);
642
- --ina-negative-400: var(--ina-red-400);
643
- --ina-negative-500: var(--ina-red-500);
644
- --ina-negative-600: var(--ina-red-600);
645
- --ina-negative-700: var(--ina-red-700);
646
- --ina-negative-800: var(--ina-red-800);
647
- --ina-negative-900: var(--ina-red-900);
648
- --ina-sentiment-negative-50: var(--ina-red-50);
649
- --ina-sentiment-negative-100: var(--ina-red-100);
650
- --ina-sentiment-negative-200: var(--ina-red-200);
651
- --ina-sentiment-negative-300: var(--ina-red-300);
652
- --ina-sentiment-negative-400: var(--ina-red-400);
653
- --ina-sentiment-negative-500: var(--ina-red-500);
654
- --ina-sentiment-negative-600: var(--ina-red-600);
655
- --ina-sentiment-negative-700: var(--ina-red-700);
656
- --ina-sentiment-negative-800: var(--ina-red-800);
657
- --ina-sentiment-negative-900: var(--ina-red-900);
638
+ --ina-negative-50: var(--ina-red-50) /* #fffafa */;
639
+ --ina-negative-100: var(--ina-red-100) /* #fdeded */;
640
+ --ina-negative-200: var(--ina-red-200) /* #ffe0e0 */;
641
+ --ina-negative-300: var(--ina-red-300) /* #ffa0a0 */;
642
+ --ina-negative-400: var(--ina-red-400) /* #ff5c5c */;
643
+ --ina-negative-500: var(--ina-red-500) /* #f02d2d */;
644
+ --ina-negative-600: var(--ina-red-600) /* #d50b0b */;
645
+ --ina-negative-700: var(--ina-red-700) /* #570303 */;
646
+ --ina-negative-800: var(--ina-red-800) /* #2a0303 */;
647
+ --ina-negative-900: var(--ina-red-900) /* #1d0202 */;
648
+ --ina-sentiment-negative-50: var(--ina-red-50) /* #fffafa */;
649
+ --ina-sentiment-negative-100: var(--ina-red-100) /* #fdeded */;
650
+ --ina-sentiment-negative-200: var(--ina-red-200) /* #ffe0e0 */;
651
+ --ina-sentiment-negative-300: var(--ina-red-300) /* #ffa0a0 */;
652
+ --ina-sentiment-negative-400: var(--ina-red-400) /* #ff5c5c */;
653
+ --ina-sentiment-negative-500: var(--ina-red-500) /* #f02d2d */;
654
+ --ina-sentiment-negative-600: var(--ina-red-600) /* #d50b0b */;
655
+ --ina-sentiment-negative-700: var(--ina-red-700) /* #570303 */;
656
+ --ina-sentiment-negative-800: var(--ina-red-800) /* #2a0303 */;
657
+ --ina-sentiment-negative-900: var(--ina-red-900) /* #1d0202 */;
658
658
 
659
659
  /* Positive Colors */
660
- --ina-positive-50: var(--ina-green-50);
661
- --ina-positive-100: var(--ina-green-100);
662
- --ina-positive-200: var(--ina-green-200);
663
- --ina-positive-300: var(--ina-green-300);
664
- --ina-positive-400: var(--ina-green-400);
665
- --ina-positive-500: var(--ina-green-500);
666
- --ina-positive-600: var(--ina-green-600);
667
- --ina-positive-700: var(--ina-green-700);
668
- --ina-positive-800: var(--ina-green-800);
669
- --ina-positive-900: var(--ina-green-900);
670
- --ina-sentiment-positive-50: var(--ina-green-50);
671
- --ina-sentiment-positive-100: var(--ina-green-100);
672
- --ina-sentiment-positive-200: var(--ina-green-200);
673
- --ina-sentiment-positive-300: var(--ina-green-300);
674
- --ina-sentiment-positive-400: var(--ina-green-400);
675
- --ina-sentiment-positive-500: var(--ina-green-500);
676
- --ina-sentiment-positive-600: var(--ina-green-600);
677
- --ina-sentiment-positive-700: var(--ina-green-700);
678
- --ina-sentiment-positive-800: var(--ina-green-800);
660
+ --ina-positive-50: var(--ina-green-50) /* #fafffa */;
661
+ --ina-positive-100: var(--ina-green-100) /* #edfded */;
662
+ --ina-positive-200: var(--ina-green-200) /* #e0fae0 */;
663
+ --ina-positive-300: var(--ina-green-300) /* #a6f0a5 */;
664
+ --ina-positive-400: var(--ina-green-400) /* #4ce160 */;
665
+ --ina-positive-500: var(--ina-green-500) /* #3cc14e */;
666
+ --ina-positive-600: var(--ina-green-600) /* #288034 */;
667
+ --ina-positive-700: var(--ina-green-700) /* #1b561a */;
668
+ --ina-positive-800: var(--ina-green-800) /* #0c310d */;
669
+ --ina-positive-900: var(--ina-green-900) /* #021d06 */;
670
+ --ina-sentiment-positive-50: var(--ina-green-50) /* #fafffa */;
671
+ --ina-sentiment-positive-100: var(--ina-green-100) /* #edfded */;
672
+ --ina-sentiment-positive-200: var(--ina-green-200) /* #e0fae0 */;
673
+ --ina-sentiment-positive-300: var(--ina-green-300) /* #a6f0a5 */;
674
+ --ina-sentiment-positive-400: var(--ina-green-400) /* #4ce160 */;
675
+ --ina-sentiment-positive-500: var(--ina-green-500) /* #3cc14e */;
676
+ --ina-sentiment-positive-600: var(--ina-green-600) /* #288034 */;
677
+ --ina-sentiment-positive-700: var(--ina-green-700) /* #1b561a */;
678
+ --ina-sentiment-positive-800: var(--ina-green-800) /* #0c310d */;
679
679
 
680
680
  /* Warning Colors */
681
- --ina-warning-50: var(--ina-yellow-50);
682
- --ina-warning-100: var(--ina-yellow-100);
683
- --ina-warning-200: var(--ina-yellow-200);
684
- --ina-warning-300: var(--ina-yellow-300);
685
- --ina-warning-400: var(--ina-yellow-400);
686
- --ina-warning-500: var(--ina-yellow-500);
687
- --ina-warning-600: var(--ina-yellow-600);
688
- --ina-warning-700: var(--ina-yellow-700);
689
- --ina-warning-800: var(--ina-yellow-800);
690
- --ina-warning-900: var(--ina-yellow-900);
691
- --ina-sentiment-warning-50: var(--ina-yellow-50);
692
- --ina-sentiment-warning-100: var(--ina-yellow-100);
693
- --ina-sentiment-warning-200: var(--ina-yellow-200);
694
- --ina-sentiment-warning-300: var(--ina-yellow-300);
695
- --ina-sentiment-warning-400: var(--ina-yellow-400);
696
- --ina-sentiment-warning-500: var(--ina-yellow-500);
697
- --ina-sentiment-warning-600: var(--ina-yellow-600);
698
- --ina-sentiment-warning-700: var(--ina-yellow-700);
699
- --ina-sentiment-warning-800: var(--ina-yellow-800);
681
+ --ina-warning-50: var(--ina-yellow-50) /* #fffefa */;
682
+ --ina-warning-100: var(--ina-yellow-100) /* #fff9eb */;
683
+ --ina-warning-200: var(--ina-yellow-200) /* #fff8d5 */;
684
+ --ina-warning-300: var(--ina-yellow-300) /* #ffe58a */;
685
+ --ina-warning-400: var(--ina-yellow-400) /* #ffcc14 */;
686
+ --ina-warning-500: var(--ina-yellow-500) /* #eebb04 */;
687
+ --ina-warning-600: var(--ina-yellow-600) /* #855f00 */;
688
+ --ina-warning-700: var(--ina-yellow-700) /* #553b06 */;
689
+ --ina-warning-800: var(--ina-yellow-800) /* #312102 */;
690
+ --ina-warning-900: var(--ina-yellow-900) /* #1c1402 */;
691
+ --ina-sentiment-warning-50: var(--ina-yellow-50) /* #fffefa */;
692
+ --ina-sentiment-warning-100: var(--ina-yellow-100) /* #fff9eb */;
693
+ --ina-sentiment-warning-200: var(--ina-yellow-200) /* #fff8d5 */;
694
+ --ina-sentiment-warning-300: var(--ina-yellow-300) /* #ffe58a */;
695
+ --ina-sentiment-warning-400: var(--ina-yellow-400) /* #ffcc14 */;
696
+ --ina-sentiment-warning-500: var(--ina-yellow-500) /* #eebb04 */;
697
+ --ina-sentiment-warning-600: var(--ina-yellow-600) /* #855f00 */;
698
+ --ina-sentiment-warning-700: var(--ina-yellow-700) /* #553b06 */;
699
+ --ina-sentiment-warning-800: var(--ina-yellow-800) /* #312102 */;
700
700
  }
701
701
  /* Base Colors - Dark Mode */
702
702
  [data-theme='dark'] {
703
703
  /* Base Colors */
704
- --ina-white: var(--ina-neutral-900);
705
- --ina-black: var(--ina-neutral-25);
704
+ --ina-white: var(--ina-neutral-900) /* #141414 */;
705
+ --ina-black: var(--ina-neutral-25) /* #ffffff */;
706
706
 
707
707
  /* Background Colors */
708
- --ina-background-primary: var(--ina-neutral-900);
709
- --ina-background-secondary: var(--ina-neutral-800);
710
- --ina-background-tertiary: var(--ina-neutral-700);
711
- --ina-background-overlay: var(--ina-overlay);
708
+ --ina-background-primary: var(--ina-neutral-900) /* #141414 */;
709
+ --ina-background-secondary: var(--ina-neutral-800) /* #1f1f1f */;
710
+ --ina-background-tertiary: var(--ina-neutral-700) /* #404040 */;
711
+ --ina-background-overlay: var(--ina-overlay) /* #1f1f1f7a */;
712
712
 
713
713
  /* Content Colors */
714
- --ina-content-primary: var(--ina-neutral-25);
715
- --ina-content-secondary: var(--ina-neutral-400);
716
- --ina-content-tertiary: var(--ina-neutral-500);
717
- --ina-content-guide: var(--ina-blue-400);
718
- --ina-content-negative: var(--ina-red-400);
719
- --ina-content-positive: var(--ina-green-500);
714
+ --ina-content-primary: var(--ina-neutral-25) /* #ffffff */;
715
+ --ina-content-secondary: var(--ina-neutral-400) /* #a3a3a3 */;
716
+ --ina-content-tertiary: var(--ina-neutral-500) /* #737373 */;
717
+ --ina-content-guide: var(--ina-blue-400) /* #4d93fc */;
718
+ --ina-content-negative: var(--ina-red-400) /* #ff5c5c */;
719
+ --ina-content-positive: var(--ina-green-500) /* #3cc14e */;
720
720
 
721
721
  /* Stroke Colors */
722
- --ina-stroke-primary: var(--ina-neutral-700);
723
- --ina-stroke-secondary: var(--ina-neutral-400);
724
- --ina-stroke-tertiary: var(--ina-neutral-200);
722
+ --ina-stroke-primary: var(--ina-neutral-700) /* #404040 */;
723
+ --ina-stroke-secondary: var(--ina-neutral-400) /* #a3a3a3 */;
724
+ --ina-stroke-tertiary: var(--ina-neutral-200) /* #e5e5e5 */;
725
725
 
726
726
  /* Guide Colors */
727
- --ina-guide-50: var(--ina-blue-50);
728
- --ina-guide-100: var(--ina-blue-100);
729
- --ina-guide-200: var(--ina-blue-200);
730
- --ina-guide-300: var(--ina-blue-300);
731
- --ina-guide-400: var(--ina-blue-400);
732
- --ina-guide-500: var(--ina-blue-500);
733
- --ina-guide-600: var(--ina-blue-600);
734
- --ina-guide-700: var(--ina-blue-700);
735
- --ina-guide-800: var(--ina-blue-800);
736
- --ina-guide-900: var(--ina-blue-900);
727
+ --ina-guide-50: var(--ina-blue-50) /* #fafcff */;
728
+ --ina-guide-100: var(--ina-blue-100) /* #ecf3fe */;
729
+ --ina-guide-200: var(--ina-blue-200) /* #dceafe */;
730
+ --ina-guide-300: var(--ina-blue-300) /* #84b4fb */;
731
+ --ina-guide-400: var(--ina-blue-400) /* #4d93fc */;
732
+ --ina-guide-500: var(--ina-blue-500) /* #0968f6 */;
733
+ --ina-guide-600: var(--ina-blue-600) /* #0049b8 */;
734
+ --ina-guide-700: var(--ina-blue-700) /* #002a69 */;
735
+ --ina-guide-800: var(--ina-blue-800) /* #0e192a */;
736
+ --ina-guide-900: var(--ina-blue-900) /* #070e17 */;
737
737
 
738
738
  /* Negative Colors */
739
- --ina-negative-50: var(--ina-red-50);
740
- --ina-negative-100: var(--ina-red-100);
741
- --ina-negative-200: var(--ina-red-200);
742
- --ina-negative-300: var(--ina-red-300);
743
- --ina-negative-400: var(--ina-red-400);
744
- --ina-negative-500: var(--ina-red-500);
745
- --ina-negative-600: var(--ina-red-600);
746
- --ina-negative-700: var(--ina-red-700);
747
- --ina-negative-800: var(--ina-red-800);
748
- --ina-negative-900: var(--ina-red-900);
749
- --ina-sentiment-negative-50: var(--ina-red-50);
750
- --ina-sentiment-negative-100: var(--ina-red-100);
751
- --ina-sentiment-negative-200: var(--ina-red-200);
752
- --ina-sentiment-negative-300: var(--ina-red-300);
753
- --ina-sentiment-negative-400: var(--ina-red-400);
754
- --ina-sentiment-negative-500: var(--ina-red-500);
755
- --ina-sentiment-negative-600: var(--ina-red-600);
756
- --ina-sentiment-negative-700: var(--ina-red-700);
757
- --ina-sentiment-negative-800: var(--ina-red-800);
758
- --ina-sentiment-negative-900: var(--ina-red-900);
739
+ --ina-negative-50: var(--ina-red-50) /* #fffafa */;
740
+ --ina-negative-100: var(--ina-red-100) /* #fdeded */;
741
+ --ina-negative-200: var(--ina-red-200) /* #ffe0e0 */;
742
+ --ina-negative-300: var(--ina-red-300) /* #ffa0a0 */;
743
+ --ina-negative-400: var(--ina-red-400) /* #ff5c5c */;
744
+ --ina-negative-500: var(--ina-red-500) /* #f02d2d */;
745
+ --ina-negative-600: var(--ina-red-600) /* #d50b0b */;
746
+ --ina-negative-700: var(--ina-red-700) /* #570303 */;
747
+ --ina-negative-800: var(--ina-red-800) /* #2a0303 */;
748
+ --ina-negative-900: var(--ina-red-900) /* #1d0202 */;
749
+ --ina-sentiment-negative-50: var(--ina-red-50) /* #fffafa */;
750
+ --ina-sentiment-negative-100: var(--ina-red-100) /* #fdeded */;
751
+ --ina-sentiment-negative-200: var(--ina-red-200) /* #ffe0e0 */;
752
+ --ina-sentiment-negative-300: var(--ina-red-300) /* #ffa0a0 */;
753
+ --ina-sentiment-negative-400: var(--ina-red-400) /* #ff5c5c */;
754
+ --ina-sentiment-negative-500: var(--ina-red-500) /* #f02d2d */;
755
+ --ina-sentiment-negative-600: var(--ina-red-600) /* #d50b0b */;
756
+ --ina-sentiment-negative-700: var(--ina-red-700) /* #570303 */;
757
+ --ina-sentiment-negative-800: var(--ina-red-800) /* #2a0303 */;
758
+ --ina-sentiment-negative-900: var(--ina-red-900) /* #1d0202 */;
759
759
 
760
760
  /* Positive Colors */
761
- --ina-positive-50: var(--ina-green-50);
762
- --ina-positive-100: var(--ina-green-100);
763
- --ina-positive-200: var(--ina-green-200);
764
- --ina-positive-300: var(--ina-green-300);
765
- --ina-positive-400: var(--ina-green-400);
766
- --ina-positive-500: var(--ina-green-500);
767
- --ina-positive-600: var(--ina-green-600);
768
- --ina-positive-700: var(--ina-green-700);
769
- --ina-positive-800: var(--ina-green-800);
770
- --ina-positive-900: var(--ina-green-900);
771
- --ina-sentiment-positive-50: var(--ina-green-50);
772
- --ina-sentiment-positive-100: var(--ina-green-100);
773
- --ina-sentiment-positive-200: var(--ina-green-200);
774
- --ina-sentiment-positive-300: var(--ina-green-300);
775
- --ina-sentiment-positive-400: var(--ina-green-400);
776
- --ina-sentiment-positive-500: var(--ina-green-500);
777
- --ina-sentiment-positive-600: var(--ina-green-600);
778
- --ina-sentiment-positive-700: var(--ina-green-700);
779
- --ina-sentiment-positive-800: var(--ina-green-800);
761
+ --ina-positive-50: var(--ina-green-50) /* #fafffa */;
762
+ --ina-positive-100: var(--ina-green-100) /* #edfded */;
763
+ --ina-positive-200: var(--ina-green-200) /* #e0fae0 */;
764
+ --ina-positive-300: var(--ina-green-300) /* #a6f0a5 */;
765
+ --ina-positive-400: var(--ina-green-400) /* #4ce160 */;
766
+ --ina-positive-500: var(--ina-green-500) /* #3cc14e */;
767
+ --ina-positive-600: var(--ina-green-600) /* #288034 */;
768
+ --ina-positive-700: var(--ina-green-700) /* #1b561a */;
769
+ --ina-positive-800: var(--ina-green-800) /* #0c310d */;
770
+ --ina-positive-900: var(--ina-green-900) /* #021d06 */;
771
+ --ina-sentiment-positive-50: var(--ina-green-50) /* #fafffa */;
772
+ --ina-sentiment-positive-100: var(--ina-green-100) /* #edfded */;
773
+ --ina-sentiment-positive-200: var(--ina-green-200) /* #e0fae0 */;
774
+ --ina-sentiment-positive-300: var(--ina-green-300) /* #a6f0a5 */;
775
+ --ina-sentiment-positive-400: var(--ina-green-400) /* #4ce160 */;
776
+ --ina-sentiment-positive-500: var(--ina-green-500) /* #3cc14e */;
777
+ --ina-sentiment-positive-600: var(--ina-green-600) /* #288034 */;
778
+ --ina-sentiment-positive-700: var(--ina-green-700) /* #1b561a */;
779
+ --ina-sentiment-positive-800: var(--ina-green-800) /* #0c310d */;
780
780
 
781
781
  /* Warning Colors */
782
- --ina-warning-50: var(--ina-yellow-50);
783
- --ina-warning-100: var(--ina-yellow-100);
784
- --ina-warning-200: var(--ina-yellow-200);
785
- --ina-warning-300: var(--ina-yellow-300);
786
- --ina-warning-400: var(--ina-yellow-400);
787
- --ina-warning-500: var(--ina-yellow-500);
788
- --ina-warning-600: var(--ina-yellow-600);
789
- --ina-warning-700: var(--ina-yellow-700);
790
- --ina-warning-800: var(--ina-yellow-800);
791
- --ina-warning-900: var(--ina-yellow-900);
792
- --ina-sentiment-warning-50: var(--ina-yellow-50);
793
- --ina-sentiment-warning-100: var(--ina-yellow-100);
794
- --ina-sentiment-warning-200: var(--ina-yellow-200);
795
- --ina-sentiment-warning-300: var(--ina-yellow-300);
796
- --ina-sentiment-warning-400: var(--ina-yellow-400);
797
- --ina-sentiment-warning-500: var(--ina-yellow-500);
798
- --ina-sentiment-warning-600: var(--ina-yellow-600);
799
- --ina-sentiment-warning-700: var(--ina-yellow-700);
800
- --ina-sentiment-warning-800: var(--ina-yellow-800);
801
- --ina-sentiment-warning-900: var(--ina-yellow-900);
782
+ --ina-warning-50: var(--ina-yellow-50) /* #fffefa */;
783
+ --ina-warning-100: var(--ina-yellow-100) /* #fff9eb */;
784
+ --ina-warning-200: var(--ina-yellow-200) /* #fff8d5 */;
785
+ --ina-warning-300: var(--ina-yellow-300) /* #ffe58a */;
786
+ --ina-warning-400: var(--ina-yellow-400) /* #ffcc14 */;
787
+ --ina-warning-500: var(--ina-yellow-500) /* #eebb04 */;
788
+ --ina-warning-600: var(--ina-yellow-600) /* #855f00 */;
789
+ --ina-warning-700: var(--ina-yellow-700) /* #553b06 */;
790
+ --ina-warning-800: var(--ina-yellow-800) /* #312102 */;
791
+ --ina-warning-900: var(--ina-yellow-900) /* #1c1402 */;
792
+ --ina-sentiment-warning-50: var(--ina-yellow-50) /* #fffefa */;
793
+ --ina-sentiment-warning-100: var(--ina-yellow-100) /* #fff9eb */;
794
+ --ina-sentiment-warning-200: var(--ina-yellow-200) /* #fff8d5 */;
795
+ --ina-sentiment-warning-300: var(--ina-yellow-300) /* #ffe58a */;
796
+ --ina-sentiment-warning-400: var(--ina-yellow-400) /* #ffcc14 */;
797
+ --ina-sentiment-warning-500: var(--ina-yellow-500) /* #eebb04 */;
798
+ --ina-sentiment-warning-600: var(--ina-yellow-600) /* #855f00 */;
799
+ --ina-sentiment-warning-700: var(--ina-yellow-700) /* #553b06 */;
800
+ --ina-sentiment-warning-800: var(--ina-yellow-800) /* #312102 */;
801
+ --ina-sentiment-warning-900: var(--ina-yellow-900) /* #1c1402 */;
802
802
  }
803
803
  /* =========================== */
804
804
  /* CSS RESET & BASE STYLES */
package/dist/tailwind/css/bgn.css CHANGED
@@ -5,54 +5,54 @@
5
5
 
6
6
  @theme {
7
7
  /* Primary shades */
8
- --color-primary-25: var(--ina-primary-25);
9
- --color-primary-50: var(--ina-primary-50);
10
- --color-primary-100: var(--ina-primary-100);
11
- --color-primary-200: var(--ina-primary-200);
12
- --color-primary-300: var(--ina-primary-300);
13
- --color-primary-400: var(--ina-primary-400);
14
- --color-primary-500: var(--ina-primary-500);
15
- --color-primary-600: var(--ina-primary-600);
16
- --color-primary-700: var(--ina-primary-700);
17
- --color-primary-800: var(--ina-primary-800);
18
- --color-primary-900: var(--ina-primary-900);
19
- --color-primary-primary: var(--ina-primary-primary);
8
+ --color-primary-25: var(--ina-primary-25) /* #ebf8ff */;
9
+ --color-primary-50: var(--ina-primary-50) /* #d3eeff */;
10
+ --color-primary-100: var(--ina-primary-100) /* #b1e2ff */;
11
+ --color-primary-200: var(--ina-primary-200) /* #7bd4ff */;
12
+ --color-primary-300: var(--ina-primary-300) /* #3eb8ff */;
13
+ --color-primary-400: var(--ina-primary-400) /* #1194ff */;
14
+ --color-primary-500: var(--ina-primary-500) /* #0070ff */;
15
+ --color-primary-600: var(--ina-primary-600) /* #0058ff */;
16
+ --color-primary-700: var(--ina-primary-700) /* #0048cf */;
17
+ --color-primary-800: var(--ina-primary-800) /* #0641a2 */;
18
+ --color-primary-900: var(--ina-primary-900) /* #071e49 */;
19
+ --color-primary-primary: var(--ina-primary-primary) /* #0058ff */;
20
20
 
21
21
  /* Secondary shades */
22
- --color-secondary-25: var(--ina-secondary-25);
23
- --color-secondary-50: var(--ina-secondary-50);
24
- --color-secondary-100: var(--ina-secondary-100);
25
- --color-secondary-200: var(--ina-secondary-200);
26
- --color-secondary-300: var(--ina-secondary-300);
27
- --color-secondary-400: var(--ina-secondary-400);
28
- --color-secondary-500: var(--ina-secondary-500);
29
- --color-secondary-600: var(--ina-secondary-600);
30
- --color-secondary-700: var(--ina-secondary-700);
31
- --color-secondary-800: var(--ina-secondary-800);
32
- --color-secondary-900: var(--ina-secondary-900);
22
+ --color-secondary-25: var(--ina-secondary-25) /* #fbf9f1 */;
23
+ --color-secondary-50: var(--ina-secondary-50) /* #f5f1df */;
24
+ --color-secondary-100: var(--ina-secondary-100) /* #ebe0bd */;
25
+ --color-secondary-200: var(--ina-secondary-200) /* #deca93 */;
26
+ --color-secondary-300: var(--ina-secondary-300) /* #d1b06c */;
27
+ --color-secondary-400: var(--ina-secondary-400) /* #c5974a */;
28
+ --color-secondary-500: var(--ina-secondary-500) /* #b8833e */;
29
+ --color-secondary-600: var(--ina-secondary-600) /* #996835 */;
30
+ --color-secondary-700: var(--ina-secondary-700) /* #7b5431 */;
31
+ --color-secondary-800: var(--ina-secondary-800) /* #64462a */;
32
+ --color-secondary-900: var(--ina-secondary-900) /* #352315 */;
33
33
 
34
34
  /* Brand-specific colors */
35
- --color-bgn-brand-primary: var(--ina-bgn-brand-primary);
36
- --color-bgn-stroke-primary: var(--ina-bgn-stroke-primary);
37
- --color-background-tertiary: var(--ina-background-tertiary, #f2f2f2);
35
+ --color-bgn-brand-primary: var(--ina-bgn-brand-primary) /* #005494 */;
36
+ --color-bgn-stroke-primary: var(--ina-bgn-stroke-primary) /* #ededed */;
37
+ --color-background-tertiary: var(--ina-background-tertiary) /* #f5f5f5 */;
38
38
 
39
39
  /* Content colors */
40
- --color-content-light-primary: var(--ina-content-primary);
41
- --color-content-light-secondary: var(--ina-content-secondary);
42
- --color-content-dark-disabled: var(--ina-content-tertiary);
40
+ --color-content-light-primary: var(--ina-content-primary) /* #1f1f1f */;
41
+ --color-content-light-secondary: var(--ina-content-secondary) /* #525252 */;
42
+ --color-content-dark-disabled: var(--ina-content-tertiary) /* #a3a3a3 */;
43
43
 
44
44
  /* Neutral colors */
45
- --color-neutral-500: var(--ina-neutral-500);
46
- --color-neutral-700: var(--ina-neutral-700);
47
- --color-neutral-900: var(--ina-neutral-900);
45
+ --color-neutral-500: var(--ina-neutral-500) /* #737373 */;
46
+ --color-neutral-700: var(--ina-neutral-700) /* #404040 */;
47
+ --color-neutral-900: var(--ina-neutral-900) /* #141414 */;
48
48
 
49
49
  /* Sentiment colors */
50
50
  --color-sentiment-info-400: var(--ina-info-400);
51
51
  --color-sentiment-info-500: var(--ina-info-500);
52
- --color-sentiment-positive-500: var(--ina-positive-500);
53
- --color-sentiment-warning-500: var(--ina-warning-500);
52
+ --color-sentiment-positive-500: var(--ina-positive-500) /* #3cc14e */;
53
+ --color-sentiment-warning-500: var(--ina-warning-500) /* #eebb04 */;
54
54
 
55
55
  /* Accent colors */
56
- --color-accent-coral-orange: var(--ina-accent-coral-orange);
57
- --color-accent-yellow: var(--ina-accent-yellow);
56
+ --color-accent-coral-orange: var(--ina-accent-coral-orange) /* #ff7b5a */;
57
+ --color-accent-yellow: var(--ina-accent-yellow) /* #ffcb00 */;
58
58
  }
package/dist/tailwind/css/bgn.min.css CHANGED
@@ -1 +1 @@
1
- @theme{--color-primary-25:var(--ina-primary-25);--color-primary-50:var(--ina-primary-50);--color-primary-100:var(--ina-primary-100);--color-primary-200:var(--ina-primary-200);--color-primary-300:var(--ina-primary-300);--color-primary-400:var(--ina-primary-400);--color-primary-500:var(--ina-primary-500);--color-primary-600:var(--ina-primary-600);--color-primary-700:var(--ina-primary-700);--color-primary-800:var(--ina-primary-800);--color-primary-900:var(--ina-primary-900);--color-primary-primary:var(--ina-primary-primary);--color-secondary-25:var(--ina-secondary-25);--color-secondary-50:var(--ina-secondary-50);--color-secondary-100:var(--ina-secondary-100);--color-secondary-200:var(--ina-secondary-200);--color-secondary-300:var(--ina-secondary-300);--color-secondary-400:var(--ina-secondary-400);--color-secondary-500:var(--ina-secondary-500);--color-secondary-600:var(--ina-secondary-600);--color-secondary-700:var(--ina-secondary-700);--color-secondary-800:var(--ina-secondary-800);--color-secondary-900:var(--ina-secondary-900);--color-bgn-brand-primary:var(--ina-bgn-brand-primary);--color-bgn-stroke-primary:var(--ina-bgn-stroke-primary);--color-background-tertiary:var(--ina-background-tertiary,#f2f2f2);--color-content-light-primary:var(--ina-content-primary);--color-content-light-secondary:var(--ina-content-secondary);--color-content-dark-disabled:var(--ina-content-tertiary);--color-neutral-500:var(--ina-neutral-500);--color-neutral-700:var(--ina-neutral-700);--color-neutral-900:var(--ina-neutral-900);--color-sentiment-info-400:var(--ina-info-400);--color-sentiment-info-500:var(--ina-info-500);--color-sentiment-positive-500:var(--ina-positive-500);--color-sentiment-warning-500:var(--ina-warning-500);--color-accent-coral-orange:var(--ina-accent-coral-orange);--color-accent-yellow:var(--ina-accent-yellow)}
1
+ @theme{--color-primary-25:var(--ina-primary-25);--color-primary-50:var(--ina-primary-50);--color-primary-100:var(--ina-primary-100);--color-primary-200:var(--ina-primary-200);--color-primary-300:var(--ina-primary-300);--color-primary-400:var(--ina-primary-400);--color-primary-500:var(--ina-primary-500);--color-primary-600:var(--ina-primary-600);--color-primary-700:var(--ina-primary-700);--color-primary-800:var(--ina-primary-800);--color-primary-900:var(--ina-primary-900);--color-primary-primary:var(--ina-primary-primary);--color-secondary-25:var(--ina-secondary-25);--color-secondary-50:var(--ina-secondary-50);--color-secondary-100:var(--ina-secondary-100);--color-secondary-200:var(--ina-secondary-200);--color-secondary-300:var(--ina-secondary-300);--color-secondary-400:var(--ina-secondary-400);--color-secondary-500:var(--ina-secondary-500);--color-secondary-600:var(--ina-secondary-600);--color-secondary-700:var(--ina-secondary-700);--color-secondary-800:var(--ina-secondary-800);--color-secondary-900:var(--ina-secondary-900);--color-bgn-brand-primary:var(--ina-bgn-brand-primary);--color-bgn-stroke-primary:var(--ina-bgn-stroke-primary);--color-background-tertiary:var(--ina-background-tertiary);--color-content-light-primary:var(--ina-content-primary);--color-content-light-secondary:var(--ina-content-secondary);--color-content-dark-disabled:var(--ina-content-tertiary);--color-neutral-500:var(--ina-neutral-500);--color-neutral-700:var(--ina-neutral-700);--color-neutral-900:var(--ina-neutral-900);--color-sentiment-info-400:var(--ina-info-400);--color-sentiment-info-500:var(--ina-info-500);--color-sentiment-positive-500:var(--ina-positive-500);--color-sentiment-warning-500:var(--ina-warning-500);--color-accent-coral-orange:var(--ina-accent-coral-orange);--color-accent-yellow:var(--ina-accent-yellow)}
package/dist/tailwind/css/bkn.css CHANGED
@@ -5,33 +5,33 @@
5
5
 
6
6
  @theme {
7
7
  /* Primary shades */
8
- --color-primary-25: var(--ina-primary-25);
9
- --color-primary-50: var(--ina-primary-50);
10
- --color-primary-100: var(--ina-primary-100);
11
- --color-primary-200: var(--ina-primary-200);
12
- --color-primary-300: var(--ina-primary-300);
13
- --color-primary-400: var(--ina-primary-400);
14
- --color-primary-500: var(--ina-primary-500);
15
- --color-primary-600: var(--ina-primary-600);
16
- --color-primary-700: var(--ina-primary-700);
17
- --color-primary-800: var(--ina-primary-800);
18
- --color-primary-900: var(--ina-primary-900);
19
- --color-primary-primary: var(--ina-primary-primary);
8
+ --color-primary-25: var(--ina-primary-25) /* #fdf2f7 */;
9
+ --color-primary-50: var(--ina-primary-50) /* #fde6f1 */;
10
+ --color-primary-100: var(--ina-primary-100) /* #fdcde3 */;
11
+ --color-primary-200: var(--ina-primary-200) /* #fca5cb */;
12
+ --color-primary-300: var(--ina-primary-300) /* #f96da7 */;
13
+ --color-primary-400: var(--ina-primary-400) /* #f24286 */;
14
+ --color-primary-500: var(--ina-primary-500) /* #de1d5e */;
15
+ --color-primary-600: var(--ina-primary-600) /* #c41249 */;
16
+ --color-primary-700: var(--ina-primary-700) /* #a2123c */;
17
+ --color-primary-800: var(--ina-primary-800) /* #871436 */;
18
+ --color-primary-900: var(--ina-primary-900) /* #53041a */;
19
+ --color-primary-primary: var(--ina-primary-primary) /* #de1d5e */;
20
20
 
21
21
  /* Secondary shades */
22
- --color-secondary-25: var(--ina-secondary-25);
23
- --color-secondary-50: var(--ina-secondary-50);
24
- --color-secondary-100: var(--ina-secondary-100);
25
- --color-secondary-200: var(--ina-secondary-200);
26
- --color-secondary-300: var(--ina-secondary-300);
27
- --color-secondary-400: var(--ina-secondary-400);
28
- --color-secondary-500: var(--ina-secondary-500);
29
- --color-secondary-600: var(--ina-secondary-600);
30
- --color-secondary-700: var(--ina-secondary-700);
31
- --color-secondary-800: var(--ina-secondary-800);
32
- --color-secondary-900: var(--ina-secondary-900);
22
+ --color-secondary-25: var(--ina-secondary-25) /* #f2f9fd */;
23
+ --color-secondary-50: var(--ina-secondary-50) /* #e3f0fb */;
24
+ --color-secondary-100: var(--ina-secondary-100) /* #c1e3f6 */;
25
+ --color-secondary-200: var(--ina-secondary-200) /* #8accef */;
26
+ --color-secondary-300: var(--ina-secondary-300) /* #4cb2e4 */;
27
+ --color-secondary-400: var(--ina-secondary-400) /* #269dd8 */;
28
+ --color-secondary-500: var(--ina-secondary-500) /* #177ab2 */;
29
+ --color-secondary-600: var(--ina-secondary-600) /* #146190 */;
30
+ --color-secondary-700: var(--ina-secondary-700) /* #145378 */;
31
+ --color-secondary-800: var(--ina-secondary-800) /* #164564 */;
32
+ --color-secondary-900: var(--ina-secondary-900) /* #0f2d42 */;
33
33
 
34
34
  /* Interactive hover */
35
- --color-bkn-brand-hover: var(--ina-bkn-brand-hover);
36
- --color-bkn-neutral-hover: var(--ina-bkn-neutral-hover);
35
+ --color-bkn-brand-hover: var(--ina-bkn-brand-hover) /* #c41249 */;
36
+ --color-bkn-neutral-hover: var(--ina-bkn-neutral-hover) /* #fafafa */;
37
37
  }