@redsift/design-system 9.2.4 → 9.3.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.
Files changed (7) hide show
  1. package/index.d.ts +28 -5
  2. package/index.js +472 -406
  3. package/index.js.map +1 -1
  4. package/package.json +2 -3
  5. package/style/index.css +113 -113
  6. package/style/redsift-design-tokens.css +113 -113
  7. package/style/redsift.css +113 -113
package/style/redsift.css CHANGED
@@ -596,7 +596,7 @@
596
596
  }
597
597
  /**
598
598
  * Do not edit directly
599
- * Generated on Thu, 21 Sep 2023 13:54:48 GMT
599
+ * Generated on Wed, 20 Dec 2023 08:32:38 GMT
600
600
  */
601
601
 
602
602
  :root {
@@ -620,137 +620,137 @@
620
620
  --redsift-app-bar-color-expand-icon-resting: #333333;
621
621
  --redsift-app-bar-color-expand-icon-hover: #1c1c1c;
622
622
  --redsift-app-bar-color-expand-icon-background-hover: #ffffff;
623
- --redsift-color-ctas-primary-primary: #4285F4;
624
- --redsift-color-ctas-primary-hover: #D9E7FD;
625
- --redsift-color-ctas-primary-active: #B3CEFB;
626
- --redsift-color-ctas-primary-active-hover: #8EB6F8;
627
- --redsift-color-ctas-primary-button-hover: #356AC3;
623
+ --redsift-color-ctas-primary-primary: #4285f4;
624
+ --redsift-color-ctas-primary-hover: #d9e7fd;
625
+ --redsift-color-ctas-primary-active: #b3cefb;
626
+ --redsift-color-ctas-primary-active-hover: #8eb6f8;
627
+ --redsift-color-ctas-primary-button-hover: #356ac3;
628
628
  --redsift-color-ctas-primary-button-active: #285092;
629
- --redsift-color-ctas-primary-button-active-hover: #1A3562;
630
- --redsift-color-ctas-secondary-primary: #51B7A4;
631
- --redsift-color-ctas-secondary-hover: #DCF1ED;
632
- --redsift-color-ctas-secondary-active: #B9E2DB;
633
- --redsift-color-ctas-secondary-active-hover: #97D4C8;
629
+ --redsift-color-ctas-primary-button-active-hover: #1a3562;
630
+ --redsift-color-ctas-secondary-primary: #51b7a4;
631
+ --redsift-color-ctas-secondary-hover: #dcf1ed;
632
+ --redsift-color-ctas-secondary-active: #b9e2db;
633
+ --redsift-color-ctas-secondary-active-hover: #97d4c8;
634
634
  --redsift-color-ctas-secondary-button-hover: #419283;
635
- --redsift-color-ctas-secondary-button-active: #316E62;
635
+ --redsift-color-ctas-secondary-button-active: #316e62;
636
636
  --redsift-color-ctas-secondary-button-active-hover: #204942;
637
- --redsift-color-notifications-success-primary: #02AC61;
638
- --redsift-color-notifications-success-hover: #CCEEDF;
639
- --redsift-color-notifications-success-active: #9ADEC0;
640
- --redsift-color-notifications-success-active-hover: #67CDA0;
641
- --redsift-color-notifications-success-button-hover: #028A4E;
642
- --redsift-color-notifications-success-button-active: #01673A;
637
+ --redsift-color-notifications-success-primary: #02ac61;
638
+ --redsift-color-notifications-success-hover: #cceedf;
639
+ --redsift-color-notifications-success-active: #9adec0;
640
+ --redsift-color-notifications-success-active-hover: #67cda0;
641
+ --redsift-color-notifications-success-button-hover: #028a4e;
642
+ --redsift-color-notifications-success-button-active: #01673a;
643
643
  --redsift-color-notifications-success-button-active-hover: #014527;
644
- --redsift-color-notifications-error-primary: #E11010;
645
- --redsift-color-notifications-error-hover: #F9CFCF;
646
- --redsift-color-notifications-error-active: #F39F9F;
647
- --redsift-color-notifications-error-active-hover: #ED7070;
648
- --redsift-color-notifications-error-button-hover: #B40D0D;
649
- --redsift-color-notifications-error-button-active: #870A0A;
650
- --redsift-color-notifications-error-button-active-hover: #5A0606;
651
- --redsift-color-notifications-warning-primary: #FCBB54;
652
- --redsift-color-notifications-warning-hover: #FEF1DD;
653
- --redsift-color-notifications-warning-active: #FEE4BB;
654
- --redsift-color-notifications-warning-active-hover: #FDD698;
655
- --redsift-color-notifications-warning-button-hover: #CA9643;
644
+ --redsift-color-notifications-error-primary: #e11010;
645
+ --redsift-color-notifications-error-hover: #f9cfcf;
646
+ --redsift-color-notifications-error-active: #f39f9f;
647
+ --redsift-color-notifications-error-active-hover: #ed7070;
648
+ --redsift-color-notifications-error-button-hover: #b40d0d;
649
+ --redsift-color-notifications-error-button-active: #870a0a;
650
+ --redsift-color-notifications-error-button-active-hover: #5a0606;
651
+ --redsift-color-notifications-warning-primary: #fcbb54;
652
+ --redsift-color-notifications-warning-hover: #fef1dd;
653
+ --redsift-color-notifications-warning-active: #fee4bb;
654
+ --redsift-color-notifications-warning-active-hover: #fdd698;
655
+ --redsift-color-notifications-warning-button-hover: #ca9643;
656
656
  --redsift-color-notifications-warning-button-active: #977032;
657
- --redsift-color-notifications-warning-button-active-hover: #654B22;
658
- --redsift-color-notifications-info-primary: #4285F4;
659
- --redsift-color-notifications-info-hover: #D9E7FD;
660
- --redsift-color-notifications-info-active: #B3CEFB;
661
- --redsift-color-notifications-info-active-hover: #8EB6F8;
662
- --redsift-color-notifications-info-button-hover: #356AC3;
657
+ --redsift-color-notifications-warning-button-active-hover: #654b22;
658
+ --redsift-color-notifications-info-primary: #4285f4;
659
+ --redsift-color-notifications-info-hover: #d9e7fd;
660
+ --redsift-color-notifications-info-active: #b3cefb;
661
+ --redsift-color-notifications-info-active-hover: #8eb6f8;
662
+ --redsift-color-notifications-info-button-hover: #356ac3;
663
663
  --redsift-color-notifications-info-button-active: #285092;
664
- --redsift-color-notifications-info-button-active-hover: #1A3562;
664
+ --redsift-color-notifications-info-button-active-hover: #1a3562;
665
665
  --redsift-color-notifications-question-primary: #666666;
666
- --redsift-color-notifications-question-hover: #B2B2B2;
667
- --redsift-color-notifications-question-active: #A3A3A3;
666
+ --redsift-color-notifications-question-hover: #b2b2b2;
667
+ --redsift-color-notifications-question-active: #a3a3a3;
668
668
  --redsift-color-notifications-question-active-hover: #949494;
669
669
  --redsift-color-notifications-question-button-hover: #525252;
670
670
  --redsift-color-notifications-question-button-active: #474747;
671
- --redsift-color-notifications-question-button-active-hover: #3D3D3D;
672
- --redsift-color-notifications-no-data-primary: #BDBDBD;
673
- --redsift-color-notifications-no-data-hover: #DEDEDE;
674
- --redsift-color-notifications-no-data-active: #D7D7D7;
675
- --redsift-color-notifications-no-data-active-hover: #D1D1D1;
671
+ --redsift-color-notifications-question-button-active-hover: #3d3d3d;
672
+ --redsift-color-notifications-no-data-primary: #bdbdbd;
673
+ --redsift-color-notifications-no-data-hover: #dedede;
674
+ --redsift-color-notifications-no-data-active: #d7d7d7;
675
+ --redsift-color-notifications-no-data-active-hover: #d1d1d1;
676
676
  --redsift-color-notifications-no-data-button-hover: #979797;
677
677
  --redsift-color-notifications-no-data-button-active: #848484;
678
678
  --redsift-color-notifications-no-data-button-active-hover: #717171;
679
679
  --redsift-color-presentation-green-darkerer: #078833;
680
- --redsift-color-presentation-green-darker: #07AA45;
681
- --redsift-color-presentation-green-dark: #00CE59;
682
- --redsift-color-presentation-green-default: #56D58E;
683
- --redsift-color-presentation-green-light: #A2E7BA;
684
- --redsift-color-presentation-green-lighter: #C2EFD1;
685
- --redsift-color-presentation-green-lighterer: #E1F7E8;
686
- --redsift-color-presentation-pink-darkerer: #B10078;
687
- --redsift-color-presentation-pink-darker: #C5008C;
688
- --redsift-color-presentation-pink-dark: #D800A2;
689
- --redsift-color-presentation-pink-default: #D95CBA;
690
- --redsift-color-presentation-pink-light: #ECA0D6;
691
- --redsift-color-presentation-pink-lighter: #F4C0E3;
692
- --redsift-color-presentation-pink-lighterer: #FAE0F1;
693
- --redsift-color-presentation-aqua-darkerer: #0B9287;
694
- --redsift-color-presentation-aqua-darker: #0AB5AB;
695
- --redsift-color-presentation-aqua-dark: #00D9D2;
696
- --redsift-color-presentation-aqua-default: #63EAE4;
697
- --redsift-color-presentation-aqua-light: #9AF8F4;
698
- --redsift-color-presentation-aqua-lighter: #CAF7F4;
699
- --redsift-color-presentation-aqua-lighterer: #E5FBFA;
680
+ --redsift-color-presentation-green-darker: #07aa45;
681
+ --redsift-color-presentation-green-dark: #00ce59;
682
+ --redsift-color-presentation-green-default: #56d58e;
683
+ --redsift-color-presentation-green-light: #a2e7ba;
684
+ --redsift-color-presentation-green-lighter: #c2efd1;
685
+ --redsift-color-presentation-green-lighterer: #e1f7e8;
686
+ --redsift-color-presentation-pink-darkerer: #b10078;
687
+ --redsift-color-presentation-pink-darker: #c5008c;
688
+ --redsift-color-presentation-pink-dark: #d800a2;
689
+ --redsift-color-presentation-pink-default: #d95cba;
690
+ --redsift-color-presentation-pink-light: #eca0d6;
691
+ --redsift-color-presentation-pink-lighter: #f4c0e3;
692
+ --redsift-color-presentation-pink-lighterer: #fae0f1;
693
+ --redsift-color-presentation-aqua-darkerer: #0b9287;
694
+ --redsift-color-presentation-aqua-darker: #0ab5ab;
695
+ --redsift-color-presentation-aqua-dark: #00d9d2;
696
+ --redsift-color-presentation-aqua-default: #63eae4;
697
+ --redsift-color-presentation-aqua-light: #9af8f4;
698
+ --redsift-color-presentation-aqua-lighter: #caf7f4;
699
+ --redsift-color-presentation-aqua-lighterer: #e5fbfa;
700
700
  --redsift-color-presentation-brown-darkerer: #701205;
701
701
  --redsift-color-presentation-brown-darker: #903107;
702
- --redsift-color-presentation-brown-dark: #AF5100;
703
- --redsift-color-presentation-brown-default: #C78348;
704
- --redsift-color-presentation-brown-light: #EDC19C;
705
- --redsift-color-presentation-brown-lighter: #F6D9C3;
706
- --redsift-color-presentation-brown-lighterer: #FAE6D7;
707
- --redsift-color-presentation-red-darkerer: #B10004;
708
- --redsift-color-presentation-red-darker: #C70003;
709
- --redsift-color-presentation-red-dark: #DE0000;
710
- --redsift-color-presentation-red-default: #E06363;
711
- --redsift-color-presentation-red-light: #F3A39E;
712
- --redsift-color-presentation-red-lighter: #F8BBBA;
713
- --redsift-color-presentation-red-lighterer: #FDDDDC;
714
- --redsift-color-presentation-yellow-darkerer: #8A7F18;
715
- --redsift-color-presentation-yellow-darker: #BCAD14;
716
- --redsift-color-presentation-yellow-dark: #F0DE00;
717
- --redsift-color-presentation-yellow-default: #FFF741;
718
- --redsift-color-presentation-yellow-light: #F7EFC3;
719
- --redsift-color-presentation-yellow-lighter: #FBF5DB;
720
- --redsift-color-presentation-yellow-lighterer: #FCF9E7;
721
- --redsift-color-presentation-purple-darkerer: #4702C1;
722
- --redsift-color-presentation-purple-darker: #7902EB;
723
- --redsift-color-presentation-purple-dark: #9200FF;
724
- --redsift-color-presentation-purple-default: #965EDE;
725
- --redsift-color-presentation-purple-light: #C6A8EF;
726
- --redsift-color-presentation-purple-lighter: #DECAF6;
727
- --redsift-color-presentation-purple-lighterer: #E9DCF9;
728
- --redsift-color-presentation-orange-darkerer: #B45310;
729
- --redsift-color-presentation-orange-darker: #D2710B;
730
- --redsift-color-presentation-orange-dark: #ED9200;
731
- --redsift-color-presentation-orange-default: #FCBB54;
732
- --redsift-color-presentation-orange-light: #F8D296;
733
- --redsift-color-presentation-orange-lighter: #FDE4C0;
734
- --redsift-color-presentation-orange-lighterer: #FEEDD5;
735
- --redsift-color-presentation-blue-darkerer: #0082F8;
736
- --redsift-color-presentation-blue-darker: #0099FD;
737
- --redsift-color-presentation-blue-dark: #00AEFF;
738
- --redsift-color-presentation-blue-default: #73C5EB;
739
- --redsift-color-presentation-blue-light: #B1DCF3;
740
- --redsift-color-presentation-blue-lighter: #CCE8F7;
741
- --redsift-color-presentation-blue-lighterer: #E6F3FB;
742
- --redsift-color-presentation-grey-darkerer: #6E6E6E;
702
+ --redsift-color-presentation-brown-dark: #af5100;
703
+ --redsift-color-presentation-brown-default: #c78348;
704
+ --redsift-color-presentation-brown-light: #edc19c;
705
+ --redsift-color-presentation-brown-lighter: #f6d9c3;
706
+ --redsift-color-presentation-brown-lighterer: #fae6d7;
707
+ --redsift-color-presentation-red-darkerer: #b10004;
708
+ --redsift-color-presentation-red-darker: #c70003;
709
+ --redsift-color-presentation-red-dark: #de0000;
710
+ --redsift-color-presentation-red-default: #e06363;
711
+ --redsift-color-presentation-red-light: #f3a39e;
712
+ --redsift-color-presentation-red-lighter: #f8bbba;
713
+ --redsift-color-presentation-red-lighterer: #fddddc;
714
+ --redsift-color-presentation-yellow-darkerer: #8a7f18;
715
+ --redsift-color-presentation-yellow-darker: #bcad14;
716
+ --redsift-color-presentation-yellow-dark: #f0de00;
717
+ --redsift-color-presentation-yellow-default: #fff741;
718
+ --redsift-color-presentation-yellow-light: #f7efc3;
719
+ --redsift-color-presentation-yellow-lighter: #fbf5db;
720
+ --redsift-color-presentation-yellow-lighterer: #fcf9e7;
721
+ --redsift-color-presentation-purple-darkerer: #4702c1;
722
+ --redsift-color-presentation-purple-darker: #7902eb;
723
+ --redsift-color-presentation-purple-dark: #9200ff;
724
+ --redsift-color-presentation-purple-default: #965ede;
725
+ --redsift-color-presentation-purple-light: #c6a8ef;
726
+ --redsift-color-presentation-purple-lighter: #decaf6;
727
+ --redsift-color-presentation-purple-lighterer: #e9dcf9;
728
+ --redsift-color-presentation-orange-darkerer: #b45310;
729
+ --redsift-color-presentation-orange-darker: #d2710b;
730
+ --redsift-color-presentation-orange-dark: #ed9200;
731
+ --redsift-color-presentation-orange-default: #fcbb54;
732
+ --redsift-color-presentation-orange-light: #f8d296;
733
+ --redsift-color-presentation-orange-lighter: #fde4c0;
734
+ --redsift-color-presentation-orange-lighterer: #feedd5;
735
+ --redsift-color-presentation-blue-darkerer: #0082f8;
736
+ --redsift-color-presentation-blue-darker: #0099fd;
737
+ --redsift-color-presentation-blue-dark: #00aeff;
738
+ --redsift-color-presentation-blue-default: #73c5eb;
739
+ --redsift-color-presentation-blue-light: #b1dcf3;
740
+ --redsift-color-presentation-blue-lighter: #cce8f7;
741
+ --redsift-color-presentation-blue-lighterer: #e6f3fb;
742
+ --redsift-color-presentation-grey-darkerer: #6e6e6e;
743
743
  --redsift-color-presentation-grey-darker: #959595;
744
- --redsift-color-presentation-grey-dark: #BFBFBF;
745
- --redsift-color-presentation-grey-default: #D6D6D6;
746
- --redsift-color-presentation-grey-light: #E6E6E6;
747
- --redsift-color-presentation-grey-lighter: #EEEEEE;
748
- --redsift-color-presentation-grey-lighterer: #F7F7F7;
744
+ --redsift-color-presentation-grey-dark: #bfbfbf;
745
+ --redsift-color-presentation-grey-default: #d6d6d6;
746
+ --redsift-color-presentation-grey-light: #e6e6e6;
747
+ --redsift-color-presentation-grey-lighter: #eeeeee;
748
+ --redsift-color-presentation-grey-lighterer: #f7f7f7;
749
749
  --redsift-side-navigation-color-background: #f2f2f2;
750
750
  --redsift-side-navigation-color-menu-item-text-resting: #333333;
751
751
  --redsift-side-navigation-color-menu-item-text-disabled: #666666;
752
752
  --redsift-side-navigation-color-menu-item-text-hover: #1c1c1c;
753
- --redsift-side-navigation-color-menu-item-background-hover: #E6E6E6;
753
+ --redsift-side-navigation-color-menu-item-background-hover: #e6e6e6;
754
754
  --redsift-side-navigation-color-menu-item-background-secondary: transparent;
755
755
  --redsift-side-navigation-color-menu-item-background-active: #b6b6b6;
756
756
  --redsift-side-navigation-color-menu-item-active: #1c1c1c;
@@ -819,7 +819,7 @@
819
819
  --redsift-typography-button-line-height: 24px;
820
820
  --redsift-typography-button-text-transform: uppercase;
821
821
  --redsift-typography-caption-font-family: 'Poppins', sans-serif;
822
- --redsift-typography-caption-font-size: 12px;
822
+ --redsift-typography-caption-font-size: 13px;
823
823
  --redsift-typography-caption-font-weight: 400;
824
824
  --redsift-typography-caption-line-height: 18px;
825
825
  --redsift-typography-caption-text-transform: unset;
@@ -835,7 +835,7 @@
835
835
  --redsift-typography-pill-font-family: 'Poppins', sans-serif;
836
836
  --redsift-typography-pill-font-size: 10px;
837
837
  --redsift-typography-pill-font-weight: 400;
838
- --redsift-typography-pill-line-height: normal;
838
+ --redsift-typography-pill-line-height: 15px;
839
839
  --redsift-typography-chip-font-family: 'Poppins', sans-serif;
840
840
  --redsift-typography-chip-font-size: 12px;
841
841
  --redsift-typography-chip-font-weight: 400;