@idds/styles 1.6.4 → 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 +167 -167
  2. package/dist/index.css +167 -167
  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 +219 -219
  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 +217 -217
  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/base.css CHANGED
@@ -587,205 +587,205 @@
587
587
  :root,
588
588
  [data-theme='light'] {
589
589
  /* Base Colors */
590
- --ina-white: var(--ina-neutral-25);
591
- --ina-black: var(--ina-neutral-900);
590
+ --ina-white: var(--ina-neutral-25) /* #ffffff */;
591
+ --ina-black: var(--ina-neutral-900) /* #141414 */;
592
592
 
593
593
  /* Background Colors */
594
- --ina-background-primary: var(--ina-neutral-25);
595
- --ina-background-secondary: var(--ina-neutral-50);
596
- --ina-background-tertiary: var(--ina-neutral-100);
597
- --ina-background-overlay: var(--ina-overlay);
594
+ --ina-background-primary: var(--ina-neutral-25) /* #ffffff */;
595
+ --ina-background-secondary: var(--ina-neutral-50) /* #f8f8f7 */;
596
+ --ina-background-tertiary: var(--ina-neutral-100) /* #f2f2f2 */;
597
+ --ina-background-overlay: var(--ina-overlay) /* #1f1f1f7a */;
598
598
 
599
599
  /* Content Colors */
600
- --ina-content-primary: var(--ina-neutral-800);
601
- --ina-content-secondary: var(--ina-neutral-600);
602
- --ina-content-tertiary: var(--ina-neutral-400);
603
- --ina-content-guide: var(--ina-blue-500);
604
- --ina-content-negative: var(--ina-red-500);
605
- --ina-content-positive: var(--ina-green-600);
600
+ --ina-content-primary: var(--ina-neutral-800) /* #1f1f1f */;
601
+ --ina-content-secondary: var(--ina-neutral-600) /* #525252 */;
602
+ --ina-content-tertiary: var(--ina-neutral-400) /* #a3a3a3 */;
603
+ --ina-content-guide: var(--ina-blue-500) /* #0968f6 */;
604
+ --ina-content-negative: var(--ina-red-500) /* #f02d2d */;
605
+ --ina-content-positive: var(--ina-green-600) /* #288034 */;
606
606
 
607
607
  /* Stroke Colors */
608
- --ina-stroke-primary: var(--ina-neutral-200);
609
- --ina-stroke-secondary: var(--ina-neutral-400);
610
- --ina-stroke-tertiary: var(--ina-neutral-800);
608
+ --ina-stroke-primary: var(--ina-neutral-200) /* #e5e5e5 */;
609
+ --ina-stroke-secondary: var(--ina-neutral-400) /* #a3a3a3 */;
610
+ --ina-stroke-tertiary: var(--ina-neutral-800) /* #1f1f1f */;
611
611
 
612
612
  /* Guide Colors */
613
- --ina-guide-50: var(--ina-blue-50);
614
- --ina-guide-100: var(--ina-blue-100);
615
- --ina-guide-200: var(--ina-blue-200);
616
- --ina-guide-300: var(--ina-blue-300);
617
- --ina-guide-400: var(--ina-blue-400);
618
- --ina-guide-500: var(--ina-blue-500);
619
- --ina-guide-600: var(--ina-blue-600);
620
- --ina-guide-700: var(--ina-blue-700);
621
- --ina-guide-800: var(--ina-blue-800);
622
- --ina-guide-900: var(--ina-blue-900);
613
+ --ina-guide-50: var(--ina-blue-50) /* #fafcff */;
614
+ --ina-guide-100: var(--ina-blue-100) /* #ecf3fe */;
615
+ --ina-guide-200: var(--ina-blue-200) /* #dceafe */;
616
+ --ina-guide-300: var(--ina-blue-300) /* #84b4fb */;
617
+ --ina-guide-400: var(--ina-blue-400) /* #4d93fc */;
618
+ --ina-guide-500: var(--ina-blue-500) /* #0968f6 */;
619
+ --ina-guide-600: var(--ina-blue-600) /* #0049b8 */;
620
+ --ina-guide-700: var(--ina-blue-700) /* #002a69 */;
621
+ --ina-guide-800: var(--ina-blue-800) /* #0e192a */;
622
+ --ina-guide-900: var(--ina-blue-900) /* #070e17 */;
623
623
 
624
624
  /* Negative Colors */
625
- --ina-negative-50: var(--ina-red-50);
626
- --ina-negative-100: var(--ina-red-100);
627
- --ina-negative-200: var(--ina-red-200);
628
- --ina-negative-300: var(--ina-red-300);
629
- --ina-negative-400: var(--ina-red-400);
630
- --ina-negative-500: var(--ina-red-500);
631
- --ina-negative-600: var(--ina-red-600);
632
- --ina-negative-700: var(--ina-red-700);
633
- --ina-negative-800: var(--ina-red-800);
634
- --ina-negative-900: var(--ina-red-900);
635
- --ina-sentiment-negative-50: var(--ina-red-50);
636
- --ina-sentiment-negative-100: var(--ina-red-100);
637
- --ina-sentiment-negative-200: var(--ina-red-200);
638
- --ina-sentiment-negative-300: var(--ina-red-300);
639
- --ina-sentiment-negative-400: var(--ina-red-400);
640
- --ina-sentiment-negative-500: var(--ina-red-500);
641
- --ina-sentiment-negative-600: var(--ina-red-600);
642
- --ina-sentiment-negative-700: var(--ina-red-700);
643
- --ina-sentiment-negative-800: var(--ina-red-800);
644
- --ina-sentiment-negative-900: var(--ina-red-900);
625
+ --ina-negative-50: var(--ina-red-50) /* #fffafa */;
626
+ --ina-negative-100: var(--ina-red-100) /* #fdeded */;
627
+ --ina-negative-200: var(--ina-red-200) /* #ffe0e0 */;
628
+ --ina-negative-300: var(--ina-red-300) /* #ffa0a0 */;
629
+ --ina-negative-400: var(--ina-red-400) /* #ff5c5c */;
630
+ --ina-negative-500: var(--ina-red-500) /* #f02d2d */;
631
+ --ina-negative-600: var(--ina-red-600) /* #d50b0b */;
632
+ --ina-negative-700: var(--ina-red-700) /* #570303 */;
633
+ --ina-negative-800: var(--ina-red-800) /* #2a0303 */;
634
+ --ina-negative-900: var(--ina-red-900) /* #1d0202 */;
635
+ --ina-sentiment-negative-50: var(--ina-red-50) /* #fffafa */;
636
+ --ina-sentiment-negative-100: var(--ina-red-100) /* #fdeded */;
637
+ --ina-sentiment-negative-200: var(--ina-red-200) /* #ffe0e0 */;
638
+ --ina-sentiment-negative-300: var(--ina-red-300) /* #ffa0a0 */;
639
+ --ina-sentiment-negative-400: var(--ina-red-400) /* #ff5c5c */;
640
+ --ina-sentiment-negative-500: var(--ina-red-500) /* #f02d2d */;
641
+ --ina-sentiment-negative-600: var(--ina-red-600) /* #d50b0b */;
642
+ --ina-sentiment-negative-700: var(--ina-red-700) /* #570303 */;
643
+ --ina-sentiment-negative-800: var(--ina-red-800) /* #2a0303 */;
644
+ --ina-sentiment-negative-900: var(--ina-red-900) /* #1d0202 */;
645
645
 
646
646
  /* Positive Colors */
647
- --ina-positive-50: var(--ina-green-50);
648
- --ina-positive-100: var(--ina-green-100);
649
- --ina-positive-200: var(--ina-green-200);
650
- --ina-positive-300: var(--ina-green-300);
651
- --ina-positive-400: var(--ina-green-400);
652
- --ina-positive-500: var(--ina-green-500);
653
- --ina-positive-600: var(--ina-green-600);
654
- --ina-positive-700: var(--ina-green-700);
655
- --ina-positive-800: var(--ina-green-800);
656
- --ina-positive-900: var(--ina-green-900);
657
- --ina-sentiment-positive-50: var(--ina-green-50);
658
- --ina-sentiment-positive-100: var(--ina-green-100);
659
- --ina-sentiment-positive-200: var(--ina-green-200);
660
- --ina-sentiment-positive-300: var(--ina-green-300);
661
- --ina-sentiment-positive-400: var(--ina-green-400);
662
- --ina-sentiment-positive-500: var(--ina-green-500);
663
- --ina-sentiment-positive-600: var(--ina-green-600);
664
- --ina-sentiment-positive-700: var(--ina-green-700);
665
- --ina-sentiment-positive-800: var(--ina-green-800);
647
+ --ina-positive-50: var(--ina-green-50) /* #fafffa */;
648
+ --ina-positive-100: var(--ina-green-100) /* #edfded */;
649
+ --ina-positive-200: var(--ina-green-200) /* #e0fae0 */;
650
+ --ina-positive-300: var(--ina-green-300) /* #a6f0a5 */;
651
+ --ina-positive-400: var(--ina-green-400) /* #4ce160 */;
652
+ --ina-positive-500: var(--ina-green-500) /* #3cc14e */;
653
+ --ina-positive-600: var(--ina-green-600) /* #288034 */;
654
+ --ina-positive-700: var(--ina-green-700) /* #1b561a */;
655
+ --ina-positive-800: var(--ina-green-800) /* #0c310d */;
656
+ --ina-positive-900: var(--ina-green-900) /* #021d06 */;
657
+ --ina-sentiment-positive-50: var(--ina-green-50) /* #fafffa */;
658
+ --ina-sentiment-positive-100: var(--ina-green-100) /* #edfded */;
659
+ --ina-sentiment-positive-200: var(--ina-green-200) /* #e0fae0 */;
660
+ --ina-sentiment-positive-300: var(--ina-green-300) /* #a6f0a5 */;
661
+ --ina-sentiment-positive-400: var(--ina-green-400) /* #4ce160 */;
662
+ --ina-sentiment-positive-500: var(--ina-green-500) /* #3cc14e */;
663
+ --ina-sentiment-positive-600: var(--ina-green-600) /* #288034 */;
664
+ --ina-sentiment-positive-700: var(--ina-green-700) /* #1b561a */;
665
+ --ina-sentiment-positive-800: var(--ina-green-800) /* #0c310d */;
666
666
 
667
667
  /* Warning Colors */
668
- --ina-warning-50: var(--ina-yellow-50);
669
- --ina-warning-100: var(--ina-yellow-100);
670
- --ina-warning-200: var(--ina-yellow-200);
671
- --ina-warning-300: var(--ina-yellow-300);
672
- --ina-warning-400: var(--ina-yellow-400);
673
- --ina-warning-500: var(--ina-yellow-500);
674
- --ina-warning-600: var(--ina-yellow-600);
675
- --ina-warning-700: var(--ina-yellow-700);
676
- --ina-warning-800: var(--ina-yellow-800);
677
- --ina-warning-900: var(--ina-yellow-900);
678
- --ina-sentiment-warning-50: var(--ina-yellow-50);
679
- --ina-sentiment-warning-100: var(--ina-yellow-100);
680
- --ina-sentiment-warning-200: var(--ina-yellow-200);
681
- --ina-sentiment-warning-300: var(--ina-yellow-300);
682
- --ina-sentiment-warning-400: var(--ina-yellow-400);
683
- --ina-sentiment-warning-500: var(--ina-yellow-500);
684
- --ina-sentiment-warning-600: var(--ina-yellow-600);
685
- --ina-sentiment-warning-700: var(--ina-yellow-700);
686
- --ina-sentiment-warning-800: var(--ina-yellow-800);
668
+ --ina-warning-50: var(--ina-yellow-50) /* #fffefa */;
669
+ --ina-warning-100: var(--ina-yellow-100) /* #fff9eb */;
670
+ --ina-warning-200: var(--ina-yellow-200) /* #fff8d5 */;
671
+ --ina-warning-300: var(--ina-yellow-300) /* #ffe58a */;
672
+ --ina-warning-400: var(--ina-yellow-400) /* #ffcc14 */;
673
+ --ina-warning-500: var(--ina-yellow-500) /* #eebb04 */;
674
+ --ina-warning-600: var(--ina-yellow-600) /* #855f00 */;
675
+ --ina-warning-700: var(--ina-yellow-700) /* #553b06 */;
676
+ --ina-warning-800: var(--ina-yellow-800) /* #312102 */;
677
+ --ina-warning-900: var(--ina-yellow-900) /* #1c1402 */;
678
+ --ina-sentiment-warning-50: var(--ina-yellow-50) /* #fffefa */;
679
+ --ina-sentiment-warning-100: var(--ina-yellow-100) /* #fff9eb */;
680
+ --ina-sentiment-warning-200: var(--ina-yellow-200) /* #fff8d5 */;
681
+ --ina-sentiment-warning-300: var(--ina-yellow-300) /* #ffe58a */;
682
+ --ina-sentiment-warning-400: var(--ina-yellow-400) /* #ffcc14 */;
683
+ --ina-sentiment-warning-500: var(--ina-yellow-500) /* #eebb04 */;
684
+ --ina-sentiment-warning-600: var(--ina-yellow-600) /* #855f00 */;
685
+ --ina-sentiment-warning-700: var(--ina-yellow-700) /* #553b06 */;
686
+ --ina-sentiment-warning-800: var(--ina-yellow-800) /* #312102 */;
687
687
  }
688
688
  /* Base Colors - Dark Mode */
689
689
  [data-theme='dark'] {
690
690
  /* Base Colors */
691
- --ina-white: var(--ina-neutral-900);
692
- --ina-black: var(--ina-neutral-25);
691
+ --ina-white: var(--ina-neutral-900) /* #141414 */;
692
+ --ina-black: var(--ina-neutral-25) /* #ffffff */;
693
693
 
694
694
  /* Background Colors */
695
- --ina-background-primary: var(--ina-neutral-900);
696
- --ina-background-secondary: var(--ina-neutral-800);
697
- --ina-background-tertiary: var(--ina-neutral-700);
698
- --ina-background-overlay: var(--ina-overlay);
695
+ --ina-background-primary: var(--ina-neutral-900) /* #141414 */;
696
+ --ina-background-secondary: var(--ina-neutral-800) /* #1f1f1f */;
697
+ --ina-background-tertiary: var(--ina-neutral-700) /* #404040 */;
698
+ --ina-background-overlay: var(--ina-overlay) /* #1f1f1f7a */;
699
699
 
700
700
  /* Content Colors */
701
- --ina-content-primary: var(--ina-neutral-25);
702
- --ina-content-secondary: var(--ina-neutral-400);
703
- --ina-content-tertiary: var(--ina-neutral-500);
704
- --ina-content-guide: var(--ina-blue-400);
705
- --ina-content-negative: var(--ina-red-400);
706
- --ina-content-positive: var(--ina-green-500);
701
+ --ina-content-primary: var(--ina-neutral-25) /* #ffffff */;
702
+ --ina-content-secondary: var(--ina-neutral-400) /* #a3a3a3 */;
703
+ --ina-content-tertiary: var(--ina-neutral-500) /* #737373 */;
704
+ --ina-content-guide: var(--ina-blue-400) /* #4d93fc */;
705
+ --ina-content-negative: var(--ina-red-400) /* #ff5c5c */;
706
+ --ina-content-positive: var(--ina-green-500) /* #3cc14e */;
707
707
 
708
708
  /* Stroke Colors */
709
- --ina-stroke-primary: var(--ina-neutral-700);
710
- --ina-stroke-secondary: var(--ina-neutral-400);
711
- --ina-stroke-tertiary: var(--ina-neutral-200);
709
+ --ina-stroke-primary: var(--ina-neutral-700) /* #404040 */;
710
+ --ina-stroke-secondary: var(--ina-neutral-400) /* #a3a3a3 */;
711
+ --ina-stroke-tertiary: var(--ina-neutral-200) /* #e5e5e5 */;
712
712
 
713
713
  /* Guide Colors */
714
- --ina-guide-50: var(--ina-blue-50);
715
- --ina-guide-100: var(--ina-blue-100);
716
- --ina-guide-200: var(--ina-blue-200);
717
- --ina-guide-300: var(--ina-blue-300);
718
- --ina-guide-400: var(--ina-blue-400);
719
- --ina-guide-500: var(--ina-blue-500);
720
- --ina-guide-600: var(--ina-blue-600);
721
- --ina-guide-700: var(--ina-blue-700);
722
- --ina-guide-800: var(--ina-blue-800);
723
- --ina-guide-900: var(--ina-blue-900);
714
+ --ina-guide-50: var(--ina-blue-50) /* #fafcff */;
715
+ --ina-guide-100: var(--ina-blue-100) /* #ecf3fe */;
716
+ --ina-guide-200: var(--ina-blue-200) /* #dceafe */;
717
+ --ina-guide-300: var(--ina-blue-300) /* #84b4fb */;
718
+ --ina-guide-400: var(--ina-blue-400) /* #4d93fc */;
719
+ --ina-guide-500: var(--ina-blue-500) /* #0968f6 */;
720
+ --ina-guide-600: var(--ina-blue-600) /* #0049b8 */;
721
+ --ina-guide-700: var(--ina-blue-700) /* #002a69 */;
722
+ --ina-guide-800: var(--ina-blue-800) /* #0e192a */;
723
+ --ina-guide-900: var(--ina-blue-900) /* #070e17 */;
724
724
 
725
725
  /* Negative Colors */
726
- --ina-negative-50: var(--ina-red-50);
727
- --ina-negative-100: var(--ina-red-100);
728
- --ina-negative-200: var(--ina-red-200);
729
- --ina-negative-300: var(--ina-red-300);
730
- --ina-negative-400: var(--ina-red-400);
731
- --ina-negative-500: var(--ina-red-500);
732
- --ina-negative-600: var(--ina-red-600);
733
- --ina-negative-700: var(--ina-red-700);
734
- --ina-negative-800: var(--ina-red-800);
735
- --ina-negative-900: var(--ina-red-900);
736
- --ina-sentiment-negative-50: var(--ina-red-50);
737
- --ina-sentiment-negative-100: var(--ina-red-100);
738
- --ina-sentiment-negative-200: var(--ina-red-200);
739
- --ina-sentiment-negative-300: var(--ina-red-300);
740
- --ina-sentiment-negative-400: var(--ina-red-400);
741
- --ina-sentiment-negative-500: var(--ina-red-500);
742
- --ina-sentiment-negative-600: var(--ina-red-600);
743
- --ina-sentiment-negative-700: var(--ina-red-700);
744
- --ina-sentiment-negative-800: var(--ina-red-800);
745
- --ina-sentiment-negative-900: var(--ina-red-900);
726
+ --ina-negative-50: var(--ina-red-50) /* #fffafa */;
727
+ --ina-negative-100: var(--ina-red-100) /* #fdeded */;
728
+ --ina-negative-200: var(--ina-red-200) /* #ffe0e0 */;
729
+ --ina-negative-300: var(--ina-red-300) /* #ffa0a0 */;
730
+ --ina-negative-400: var(--ina-red-400) /* #ff5c5c */;
731
+ --ina-negative-500: var(--ina-red-500) /* #f02d2d */;
732
+ --ina-negative-600: var(--ina-red-600) /* #d50b0b */;
733
+ --ina-negative-700: var(--ina-red-700) /* #570303 */;
734
+ --ina-negative-800: var(--ina-red-800) /* #2a0303 */;
735
+ --ina-negative-900: var(--ina-red-900) /* #1d0202 */;
736
+ --ina-sentiment-negative-50: var(--ina-red-50) /* #fffafa */;
737
+ --ina-sentiment-negative-100: var(--ina-red-100) /* #fdeded */;
738
+ --ina-sentiment-negative-200: var(--ina-red-200) /* #ffe0e0 */;
739
+ --ina-sentiment-negative-300: var(--ina-red-300) /* #ffa0a0 */;
740
+ --ina-sentiment-negative-400: var(--ina-red-400) /* #ff5c5c */;
741
+ --ina-sentiment-negative-500: var(--ina-red-500) /* #f02d2d */;
742
+ --ina-sentiment-negative-600: var(--ina-red-600) /* #d50b0b */;
743
+ --ina-sentiment-negative-700: var(--ina-red-700) /* #570303 */;
744
+ --ina-sentiment-negative-800: var(--ina-red-800) /* #2a0303 */;
745
+ --ina-sentiment-negative-900: var(--ina-red-900) /* #1d0202 */;
746
746
 
747
747
  /* Positive Colors */
748
- --ina-positive-50: var(--ina-green-50);
749
- --ina-positive-100: var(--ina-green-100);
750
- --ina-positive-200: var(--ina-green-200);
751
- --ina-positive-300: var(--ina-green-300);
752
- --ina-positive-400: var(--ina-green-400);
753
- --ina-positive-500: var(--ina-green-500);
754
- --ina-positive-600: var(--ina-green-600);
755
- --ina-positive-700: var(--ina-green-700);
756
- --ina-positive-800: var(--ina-green-800);
757
- --ina-positive-900: var(--ina-green-900);
758
- --ina-sentiment-positive-50: var(--ina-green-50);
759
- --ina-sentiment-positive-100: var(--ina-green-100);
760
- --ina-sentiment-positive-200: var(--ina-green-200);
761
- --ina-sentiment-positive-300: var(--ina-green-300);
762
- --ina-sentiment-positive-400: var(--ina-green-400);
763
- --ina-sentiment-positive-500: var(--ina-green-500);
764
- --ina-sentiment-positive-600: var(--ina-green-600);
765
- --ina-sentiment-positive-700: var(--ina-green-700);
766
- --ina-sentiment-positive-800: var(--ina-green-800);
748
+ --ina-positive-50: var(--ina-green-50) /* #fafffa */;
749
+ --ina-positive-100: var(--ina-green-100) /* #edfded */;
750
+ --ina-positive-200: var(--ina-green-200) /* #e0fae0 */;
751
+ --ina-positive-300: var(--ina-green-300) /* #a6f0a5 */;
752
+ --ina-positive-400: var(--ina-green-400) /* #4ce160 */;
753
+ --ina-positive-500: var(--ina-green-500) /* #3cc14e */;
754
+ --ina-positive-600: var(--ina-green-600) /* #288034 */;
755
+ --ina-positive-700: var(--ina-green-700) /* #1b561a */;
756
+ --ina-positive-800: var(--ina-green-800) /* #0c310d */;
757
+ --ina-positive-900: var(--ina-green-900) /* #021d06 */;
758
+ --ina-sentiment-positive-50: var(--ina-green-50) /* #fafffa */;
759
+ --ina-sentiment-positive-100: var(--ina-green-100) /* #edfded */;
760
+ --ina-sentiment-positive-200: var(--ina-green-200) /* #e0fae0 */;
761
+ --ina-sentiment-positive-300: var(--ina-green-300) /* #a6f0a5 */;
762
+ --ina-sentiment-positive-400: var(--ina-green-400) /* #4ce160 */;
763
+ --ina-sentiment-positive-500: var(--ina-green-500) /* #3cc14e */;
764
+ --ina-sentiment-positive-600: var(--ina-green-600) /* #288034 */;
765
+ --ina-sentiment-positive-700: var(--ina-green-700) /* #1b561a */;
766
+ --ina-sentiment-positive-800: var(--ina-green-800) /* #0c310d */;
767
767
 
768
768
  /* Warning Colors */
769
- --ina-warning-50: var(--ina-yellow-50);
770
- --ina-warning-100: var(--ina-yellow-100);
771
- --ina-warning-200: var(--ina-yellow-200);
772
- --ina-warning-300: var(--ina-yellow-300);
773
- --ina-warning-400: var(--ina-yellow-400);
774
- --ina-warning-500: var(--ina-yellow-500);
775
- --ina-warning-600: var(--ina-yellow-600);
776
- --ina-warning-700: var(--ina-yellow-700);
777
- --ina-warning-800: var(--ina-yellow-800);
778
- --ina-warning-900: var(--ina-yellow-900);
779
- --ina-sentiment-warning-50: var(--ina-yellow-50);
780
- --ina-sentiment-warning-100: var(--ina-yellow-100);
781
- --ina-sentiment-warning-200: var(--ina-yellow-200);
782
- --ina-sentiment-warning-300: var(--ina-yellow-300);
783
- --ina-sentiment-warning-400: var(--ina-yellow-400);
784
- --ina-sentiment-warning-500: var(--ina-yellow-500);
785
- --ina-sentiment-warning-600: var(--ina-yellow-600);
786
- --ina-sentiment-warning-700: var(--ina-yellow-700);
787
- --ina-sentiment-warning-800: var(--ina-yellow-800);
788
- --ina-sentiment-warning-900: var(--ina-yellow-900);
769
+ --ina-warning-50: var(--ina-yellow-50) /* #fffefa */;
770
+ --ina-warning-100: var(--ina-yellow-100) /* #fff9eb */;
771
+ --ina-warning-200: var(--ina-yellow-200) /* #fff8d5 */;
772
+ --ina-warning-300: var(--ina-yellow-300) /* #ffe58a */;
773
+ --ina-warning-400: var(--ina-yellow-400) /* #ffcc14 */;
774
+ --ina-warning-500: var(--ina-yellow-500) /* #eebb04 */;
775
+ --ina-warning-600: var(--ina-yellow-600) /* #855f00 */;
776
+ --ina-warning-700: var(--ina-yellow-700) /* #553b06 */;
777
+ --ina-warning-800: var(--ina-yellow-800) /* #312102 */;
778
+ --ina-warning-900: var(--ina-yellow-900) /* #1c1402 */;
779
+ --ina-sentiment-warning-50: var(--ina-yellow-50) /* #fffefa */;
780
+ --ina-sentiment-warning-100: var(--ina-yellow-100) /* #fff9eb */;
781
+ --ina-sentiment-warning-200: var(--ina-yellow-200) /* #fff8d5 */;
782
+ --ina-sentiment-warning-300: var(--ina-yellow-300) /* #ffe58a */;
783
+ --ina-sentiment-warning-400: var(--ina-yellow-400) /* #ffcc14 */;
784
+ --ina-sentiment-warning-500: var(--ina-yellow-500) /* #eebb04 */;
785
+ --ina-sentiment-warning-600: var(--ina-yellow-600) /* #855f00 */;
786
+ --ina-sentiment-warning-700: var(--ina-yellow-700) /* #553b06 */;
787
+ --ina-sentiment-warning-800: var(--ina-yellow-800) /* #312102 */;
788
+ --ina-sentiment-warning-900: var(--ina-yellow-900) /* #1c1402 */;
789
789
  }
790
790
  /* =========================== */
791
791
  /* CSS RESET & BASE STYLES */