@redsift/design-system 10.2.0 → 10.3.0-alpha.2
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/CONTRIBUTING.md +4 -0
- package/index.d.ts +589 -51
- package/index.js +1441 -404
- package/index.js.map +1 -1
- package/package.json +2 -2
- package/style/index.css +586 -92
- package/style/redsift-design-tokens.css +586 -92
- package/style/redsift.css +586 -92
package/index.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import styled, { css, keyframes } from 'styled-components';
|
|
1
2
|
import { rsiAsmHorizontal, rsiBrandTrustHorizontal, rsiCertificatesHorizontal, rsiOndmarcHorizontal, rsiPulseHorizontal, rsiRadarHorizontal, rsiRojoDsHorizontal, rsiVendorSecureHorizontal, rsiRedSiftHorizontal, mdiClose, mdiAlert, mdiTriangleOutline, mdiCheckCircle, mdiCheck, mdiAlertCircle, mdiAlertOutline, mdiInformation, mdiInformationOutline, mdiMenu, mdiChevronDown, mdiMenuOpen, mdiChevronUp, mdiCheckboxMarked, mdiMinusBox, mdiCheckboxBlankOutline, mdiPageLast, mdiKeyboardCaps, mdiMenuUp, mdiMenuDown, mdiRadioboxMarked, mdiRadioboxBlank } from '@redsift/icons';
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
import React__default, { useState, useEffect, useContext, useMemo, useLayoutEffect as useLayoutEffect$1, useRef, useCallback, forwardRef, useReducer, createContext } from 'react';
|
|
4
5
|
import classNames from 'classnames';
|
|
5
|
-
import
|
|
6
|
+
import IntlMessageFormat from 'intl-messageformat';
|
|
6
7
|
import * as ReactDOM from 'react-dom';
|
|
7
8
|
import { createPortal } from 'react-dom';
|
|
8
9
|
import c from 'clsx';
|
|
@@ -204,9 +205,11 @@ const PrimaryButtonsColorPalette = {
|
|
|
204
205
|
error: 'error',
|
|
205
206
|
success: 'success',
|
|
206
207
|
warning: 'warning',
|
|
207
|
-
grey: 'grey'
|
|
208
|
+
grey: 'grey',
|
|
209
|
+
radar: 'radar'
|
|
208
210
|
};
|
|
209
211
|
const ButtonsColorPalette = _objectSpread2(_objectSpread2({}, PrimaryButtonsColorPalette), {}, {
|
|
212
|
+
black: 'black',
|
|
210
213
|
info: 'info'
|
|
211
214
|
});
|
|
212
215
|
const NotificationsColorPalette = _objectSpread2(_objectSpread2({}, ColorPalette), {}, {
|
|
@@ -479,7 +482,7 @@ function partitionComponents(components, predicates) {
|
|
|
479
482
|
|
|
480
483
|
/**
|
|
481
484
|
* Do not edit directly
|
|
482
|
-
* Generated on Wed,
|
|
485
|
+
* Generated on Wed, 10 Jul 2024 09:05:25 GMT
|
|
483
486
|
*/
|
|
484
487
|
|
|
485
488
|
const RedsiftColorDarkComponentsPageBackground = '#333333';
|
|
@@ -581,6 +584,14 @@ const RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextDefault = '#ffffff';
|
|
|
581
584
|
const RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextHover = '#ffffff';
|
|
582
585
|
const RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextActive = '#ffffff';
|
|
583
586
|
const RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextDisabled = '#858585';
|
|
587
|
+
const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundDefault = 'linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1))';
|
|
588
|
+
const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundHover = 'linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1))';
|
|
589
|
+
const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundActive = 'linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1))';
|
|
590
|
+
const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundDisabled = '#474747';
|
|
591
|
+
const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextDefault = '#ffffff';
|
|
592
|
+
const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextHover = '#ffffff';
|
|
593
|
+
const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextActive = '#ffffff';
|
|
594
|
+
const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextDisabled = '#858585';
|
|
584
595
|
const RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundDefault = 'transparent';
|
|
585
596
|
const RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundHover = '#142849';
|
|
586
597
|
const RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundActive = '#0d1b31';
|
|
@@ -637,6 +648,14 @@ const RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextDefault = '#666666
|
|
|
637
648
|
const RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextHover = '#858585';
|
|
638
649
|
const RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextActive = '#a3a3a3';
|
|
639
650
|
const RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextDisabled = '#858585';
|
|
651
|
+
const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundDefault = 'transparent';
|
|
652
|
+
const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundHover = 'linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2))';
|
|
653
|
+
const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundActive = 'linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4))';
|
|
654
|
+
const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundDisabled = '#333333';
|
|
655
|
+
const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextDefault = 'linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1))';
|
|
656
|
+
const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextHover = 'linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1))';
|
|
657
|
+
const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextActive = 'linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1))';
|
|
658
|
+
const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextDisabled = '#858585';
|
|
640
659
|
const RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundDefault = 'transparent';
|
|
641
660
|
const RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundHover = '#142849';
|
|
642
661
|
const RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundActive = '#0d1b31';
|
|
@@ -693,6 +712,30 @@ const RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextDefault = '#666666'
|
|
|
693
712
|
const RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextHover = '#858585';
|
|
694
713
|
const RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextActive = '#a3a3a3';
|
|
695
714
|
const RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextDisabled = '#858585';
|
|
715
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundDefault = 'transparent';
|
|
716
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundHover = '#f2f2f2';
|
|
717
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundActive = '#e0e0e0';
|
|
718
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundDisabled = 'transparent';
|
|
719
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextDefault = '#333333';
|
|
720
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextHover = '#333333';
|
|
721
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextActive = '#333333';
|
|
722
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextDisabled = '#a3a3a3';
|
|
723
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundDefault = 'transparent';
|
|
724
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundHover = '#f2f2f2';
|
|
725
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundActive = '#e0e0e0';
|
|
726
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundDisabled = 'transparent';
|
|
727
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextDefault = '#ffffff';
|
|
728
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextHover = '#ffffff';
|
|
729
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextActive = '#ffffff';
|
|
730
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextDisabled = '#a3a3a3';
|
|
731
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundDefault = 'transparent';
|
|
732
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundHover = 'linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2))';
|
|
733
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundActive = 'linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4))';
|
|
734
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundDisabled = '#333333';
|
|
735
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextDefault = 'linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1))';
|
|
736
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextHover = 'linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1))';
|
|
737
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextActive = 'linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1))';
|
|
738
|
+
const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextDisabled = '#858585';
|
|
696
739
|
const RedsiftColorDarkComponentsAiAiBorder = '#e11010';
|
|
697
740
|
const RedsiftColorDarkComponentsAiAiIcon = '#e11010';
|
|
698
741
|
const RedsiftColorDarkComponentsSpinnerSpinner = '#142849';
|
|
@@ -763,6 +806,213 @@ const RedsiftColorDarkComponentsSwitchTextInvalid = '#e11010';
|
|
|
763
806
|
const RedsiftColorDarkComponentsSwitchTextDisabled = '#e0e0e0';
|
|
764
807
|
const RedsiftColorDarkComponentsTabsLine = '#666666';
|
|
765
808
|
const RedsiftColorDarkComponentsModalBackground = '#1c1c1c';
|
|
809
|
+
const RedsiftColorDarkComponentsPillsGreyDefaultBackground = '#E6E6E6';
|
|
810
|
+
const RedsiftColorDarkComponentsPillsGreyDefaultBorder = 'unset';
|
|
811
|
+
const RedsiftColorDarkComponentsPillsGreyDefaultText = '#1c1c1c';
|
|
812
|
+
const RedsiftColorDarkComponentsPillsGreyHoverBackground = '#D6D6D6';
|
|
813
|
+
const RedsiftColorDarkComponentsPillsGreyHoverBorder = 'unset';
|
|
814
|
+
const RedsiftColorDarkComponentsPillsGreyHoverText = '#1c1c1c';
|
|
815
|
+
const RedsiftColorDarkComponentsPillsGreyDisabledBackground = '#EEEEEE';
|
|
816
|
+
const RedsiftColorDarkComponentsPillsGreyDisabledBorder = 'unset';
|
|
817
|
+
const RedsiftColorDarkComponentsPillsGreyDisabledText = '#666666';
|
|
818
|
+
const RedsiftColorDarkComponentsPillsGreenDefaultBackground = '#A2E7BA';
|
|
819
|
+
const RedsiftColorDarkComponentsPillsGreenDefaultBorder = 'unset';
|
|
820
|
+
const RedsiftColorDarkComponentsPillsGreenDefaultText = '#1c1c1c';
|
|
821
|
+
const RedsiftColorDarkComponentsPillsGreenHoverBackground = '#56D58E';
|
|
822
|
+
const RedsiftColorDarkComponentsPillsGreenHoverBorder = 'unset';
|
|
823
|
+
const RedsiftColorDarkComponentsPillsGreenHoverText = '#1c1c1c';
|
|
824
|
+
const RedsiftColorDarkComponentsPillsGreenDisabledBackground = '#C2EFD1';
|
|
825
|
+
const RedsiftColorDarkComponentsPillsGreenDisabledBorder = 'unset';
|
|
826
|
+
const RedsiftColorDarkComponentsPillsGreenDisabledText = '#666666';
|
|
827
|
+
const RedsiftColorDarkComponentsPillsPinkDefaultBackground = '#ECA0D6';
|
|
828
|
+
const RedsiftColorDarkComponentsPillsPinkDefaultBorder = 'unset';
|
|
829
|
+
const RedsiftColorDarkComponentsPillsPinkDefaultText = '#1c1c1c';
|
|
830
|
+
const RedsiftColorDarkComponentsPillsPinkHoverBackground = '#D95CBA';
|
|
831
|
+
const RedsiftColorDarkComponentsPillsPinkHoverBorder = 'unset';
|
|
832
|
+
const RedsiftColorDarkComponentsPillsPinkHoverText = '#1c1c1c';
|
|
833
|
+
const RedsiftColorDarkComponentsPillsPinkDisabledBackground = '#F4C0E3';
|
|
834
|
+
const RedsiftColorDarkComponentsPillsPinkDisabledBorder = 'unset';
|
|
835
|
+
const RedsiftColorDarkComponentsPillsPinkDisabledText = '#666666';
|
|
836
|
+
const RedsiftColorDarkComponentsPillsAquaDefaultBackground = '#9AF8F4';
|
|
837
|
+
const RedsiftColorDarkComponentsPillsAquaDefaultBorder = 'unset';
|
|
838
|
+
const RedsiftColorDarkComponentsPillsAquaDefaultText = '#1c1c1c';
|
|
839
|
+
const RedsiftColorDarkComponentsPillsAquaHoverBackground = '#63EAE4';
|
|
840
|
+
const RedsiftColorDarkComponentsPillsAquaHoverBorder = 'unset';
|
|
841
|
+
const RedsiftColorDarkComponentsPillsAquaHoverText = '#1c1c1c';
|
|
842
|
+
const RedsiftColorDarkComponentsPillsAquaDisabledBackground = '#CAF7F4';
|
|
843
|
+
const RedsiftColorDarkComponentsPillsAquaDisabledBorder = 'unset';
|
|
844
|
+
const RedsiftColorDarkComponentsPillsAquaDisabledText = '#666666';
|
|
845
|
+
const RedsiftColorDarkComponentsPillsBrownDefaultBackground = '#EDC19C';
|
|
846
|
+
const RedsiftColorDarkComponentsPillsBrownDefaultBorder = 'unset';
|
|
847
|
+
const RedsiftColorDarkComponentsPillsBrownDefaultText = '#1c1c1c';
|
|
848
|
+
const RedsiftColorDarkComponentsPillsBrownHoverBackground = '#C78348';
|
|
849
|
+
const RedsiftColorDarkComponentsPillsBrownHoverBorder = 'unset';
|
|
850
|
+
const RedsiftColorDarkComponentsPillsBrownHoverText = '#1c1c1c';
|
|
851
|
+
const RedsiftColorDarkComponentsPillsBrownDisabledBackground = '#F6D9C3';
|
|
852
|
+
const RedsiftColorDarkComponentsPillsBrownDisabledBorder = 'unset';
|
|
853
|
+
const RedsiftColorDarkComponentsPillsBrownDisabledText = '#666666';
|
|
854
|
+
const RedsiftColorDarkComponentsPillsRedDefaultBackground = '#F3A39E';
|
|
855
|
+
const RedsiftColorDarkComponentsPillsRedDefaultBorder = 'unset';
|
|
856
|
+
const RedsiftColorDarkComponentsPillsRedDefaultText = '#1c1c1c';
|
|
857
|
+
const RedsiftColorDarkComponentsPillsRedHoverBackground = '#E06363';
|
|
858
|
+
const RedsiftColorDarkComponentsPillsRedHoverBorder = 'unset';
|
|
859
|
+
const RedsiftColorDarkComponentsPillsRedHoverText = '#1c1c1c';
|
|
860
|
+
const RedsiftColorDarkComponentsPillsRedDisabledBackground = '#F8BBBA';
|
|
861
|
+
const RedsiftColorDarkComponentsPillsRedDisabledBorder = 'unset';
|
|
862
|
+
const RedsiftColorDarkComponentsPillsRedDisabledText = '#666666';
|
|
863
|
+
const RedsiftColorDarkComponentsPillsYellowDefaultBackground = '#F7EFC3';
|
|
864
|
+
const RedsiftColorDarkComponentsPillsYellowDefaultBorder = 'unset';
|
|
865
|
+
const RedsiftColorDarkComponentsPillsYellowDefaultText = '#1c1c1c';
|
|
866
|
+
const RedsiftColorDarkComponentsPillsYellowHoverBackground = '#FFF741';
|
|
867
|
+
const RedsiftColorDarkComponentsPillsYellowHoverBorder = 'unset';
|
|
868
|
+
const RedsiftColorDarkComponentsPillsYellowHoverText = '#1c1c1c';
|
|
869
|
+
const RedsiftColorDarkComponentsPillsYellowDisabledBackground = '#FBF5DB';
|
|
870
|
+
const RedsiftColorDarkComponentsPillsYellowDisabledBorder = 'unset';
|
|
871
|
+
const RedsiftColorDarkComponentsPillsYellowDisabledText = '#666666';
|
|
872
|
+
const RedsiftColorDarkComponentsPillsPurpleDefaultBackground = '#C6A8EF';
|
|
873
|
+
const RedsiftColorDarkComponentsPillsPurpleDefaultBorder = 'unset';
|
|
874
|
+
const RedsiftColorDarkComponentsPillsPurpleDefaultText = '#1c1c1c';
|
|
875
|
+
const RedsiftColorDarkComponentsPillsPurpleHoverBackground = '#965EDE';
|
|
876
|
+
const RedsiftColorDarkComponentsPillsPurpleHoverBorder = 'unset';
|
|
877
|
+
const RedsiftColorDarkComponentsPillsPurpleHoverText = '#1c1c1c';
|
|
878
|
+
const RedsiftColorDarkComponentsPillsPurpleDisabledBackground = '#DECAF6';
|
|
879
|
+
const RedsiftColorDarkComponentsPillsPurpleDisabledBorder = 'unset';
|
|
880
|
+
const RedsiftColorDarkComponentsPillsPurpleDisabledText = '#666666';
|
|
881
|
+
const RedsiftColorDarkComponentsPillsOrangeDefaultBackground = '#F8D296';
|
|
882
|
+
const RedsiftColorDarkComponentsPillsOrangeDefaultBorder = 'unset';
|
|
883
|
+
const RedsiftColorDarkComponentsPillsOrangeDefaultText = '#1c1c1c';
|
|
884
|
+
const RedsiftColorDarkComponentsPillsOrangeHoverBackground = '#FCBB54';
|
|
885
|
+
const RedsiftColorDarkComponentsPillsOrangeHoverBorder = 'unset';
|
|
886
|
+
const RedsiftColorDarkComponentsPillsOrangeHoverText = '#1c1c1c';
|
|
887
|
+
const RedsiftColorDarkComponentsPillsOrangeDisabledBackground = '#FDE4C0';
|
|
888
|
+
const RedsiftColorDarkComponentsPillsOrangeDisabledBorder = 'unset';
|
|
889
|
+
const RedsiftColorDarkComponentsPillsOrangeDisabledText = '#666666';
|
|
890
|
+
const RedsiftColorDarkComponentsPillsBlueDefaultBackground = '#B1DCF3';
|
|
891
|
+
const RedsiftColorDarkComponentsPillsBlueDefaultBorder = 'unset';
|
|
892
|
+
const RedsiftColorDarkComponentsPillsBlueDefaultText = '#1c1c1c';
|
|
893
|
+
const RedsiftColorDarkComponentsPillsBlueHoverBackground = '#73C5EB';
|
|
894
|
+
const RedsiftColorDarkComponentsPillsBlueHoverBorder = 'unset';
|
|
895
|
+
const RedsiftColorDarkComponentsPillsBlueHoverText = '#1c1c1c';
|
|
896
|
+
const RedsiftColorDarkComponentsPillsBlueDisabledBackground = '#CCE8F7';
|
|
897
|
+
const RedsiftColorDarkComponentsPillsBlueDisabledBorder = 'unset';
|
|
898
|
+
const RedsiftColorDarkComponentsPillsBlueDisabledText = '#666666';
|
|
899
|
+
const RedsiftColorDarkComponentsPillsBlackDefaultBackground = '#1c1c1c';
|
|
900
|
+
const RedsiftColorDarkComponentsPillsBlackDefaultBorder = 'unset';
|
|
901
|
+
const RedsiftColorDarkComponentsPillsBlackDefaultText = '#ffffff';
|
|
902
|
+
const RedsiftColorDarkComponentsPillsBlackHoverBackground = '#333333';
|
|
903
|
+
const RedsiftColorDarkComponentsPillsBlackHoverBorder = 'unset';
|
|
904
|
+
const RedsiftColorDarkComponentsPillsBlackHoverText = '#ffffff';
|
|
905
|
+
const RedsiftColorDarkComponentsPillsBlackDisabledBackground = '#474747';
|
|
906
|
+
const RedsiftColorDarkComponentsPillsBlackDisabledBorder = 'unset';
|
|
907
|
+
const RedsiftColorDarkComponentsPillsBlackDisabledText = '#ffffff';
|
|
908
|
+
const RedsiftColorDarkComponentsPillsXDarkGreyDefaultBackground = '#333333';
|
|
909
|
+
const RedsiftColorDarkComponentsPillsXDarkGreyDefaultBorder = 'unset';
|
|
910
|
+
const RedsiftColorDarkComponentsPillsXDarkGreyDefaultText = '#ffffff';
|
|
911
|
+
const RedsiftColorDarkComponentsPillsXDarkGreyHoverBackground = '#474747';
|
|
912
|
+
const RedsiftColorDarkComponentsPillsXDarkGreyHoverBorder = 'unset';
|
|
913
|
+
const RedsiftColorDarkComponentsPillsXDarkGreyHoverText = '#ffffff';
|
|
914
|
+
const RedsiftColorDarkComponentsPillsXDarkGreyDisabledBackground = '#666666';
|
|
915
|
+
const RedsiftColorDarkComponentsPillsXDarkGreyDisabledBorder = 'unset';
|
|
916
|
+
const RedsiftColorDarkComponentsPillsXDarkGreyDisabledText = '#ffffff';
|
|
917
|
+
const RedsiftColorDarkComponentsPillsDarkGreyDefaultBackground = '#474747';
|
|
918
|
+
const RedsiftColorDarkComponentsPillsDarkGreyDefaultBorder = 'unset';
|
|
919
|
+
const RedsiftColorDarkComponentsPillsDarkGreyDefaultText = '#ffffff';
|
|
920
|
+
const RedsiftColorDarkComponentsPillsDarkGreyHoverBackground = '#666666';
|
|
921
|
+
const RedsiftColorDarkComponentsPillsDarkGreyHoverBorder = 'unset';
|
|
922
|
+
const RedsiftColorDarkComponentsPillsDarkGreyHoverText = '#ffffff';
|
|
923
|
+
const RedsiftColorDarkComponentsPillsDarkGreyDisabledBackground = '#e0e0e0';
|
|
924
|
+
const RedsiftColorDarkComponentsPillsDarkGreyDisabledBorder = 'unset';
|
|
925
|
+
const RedsiftColorDarkComponentsPillsDarkGreyDisabledText = '#ffffff';
|
|
926
|
+
const RedsiftColorDarkComponentsPillsMidGreyDefaultBackground = '#666666';
|
|
927
|
+
const RedsiftColorDarkComponentsPillsMidGreyDefaultBorder = 'unset';
|
|
928
|
+
const RedsiftColorDarkComponentsPillsMidGreyDefaultText = '#ffffff';
|
|
929
|
+
const RedsiftColorDarkComponentsPillsMidGreyHoverBackground = '#474747';
|
|
930
|
+
const RedsiftColorDarkComponentsPillsMidGreyHoverBorder = 'unset';
|
|
931
|
+
const RedsiftColorDarkComponentsPillsMidGreyHoverText = '#ffffff';
|
|
932
|
+
const RedsiftColorDarkComponentsPillsMidGreyDisabledBackground = '#e0e0e0';
|
|
933
|
+
const RedsiftColorDarkComponentsPillsMidGreyDisabledBorder = 'unset';
|
|
934
|
+
const RedsiftColorDarkComponentsPillsMidGreyDisabledText = '#666666';
|
|
935
|
+
const RedsiftColorDarkComponentsPillsLightGreyDefaultBackground = '#e0e0e0';
|
|
936
|
+
const RedsiftColorDarkComponentsPillsLightGreyDefaultBorder = 'unset';
|
|
937
|
+
const RedsiftColorDarkComponentsPillsLightGreyDefaultText = '#1c1c1c';
|
|
938
|
+
const RedsiftColorDarkComponentsPillsLightGreyHoverBackground = '#666666';
|
|
939
|
+
const RedsiftColorDarkComponentsPillsLightGreyHoverBorder = 'unset';
|
|
940
|
+
const RedsiftColorDarkComponentsPillsLightGreyHoverText = '#1c1c1c';
|
|
941
|
+
const RedsiftColorDarkComponentsPillsLightGreyDisabledBackground = '#f2f2f2';
|
|
942
|
+
const RedsiftColorDarkComponentsPillsLightGreyDisabledBorder = 'unset';
|
|
943
|
+
const RedsiftColorDarkComponentsPillsLightGreyDisabledText = '#666666';
|
|
944
|
+
const RedsiftColorDarkComponentsPillsXLightGreyDefaultBackground = '#f2f2f2';
|
|
945
|
+
const RedsiftColorDarkComponentsPillsXLightGreyDefaultBorder = 'unset';
|
|
946
|
+
const RedsiftColorDarkComponentsPillsXLightGreyDefaultText = '#1c1c1c';
|
|
947
|
+
const RedsiftColorDarkComponentsPillsXLightGreyHoverBackground = '#e0e0e0';
|
|
948
|
+
const RedsiftColorDarkComponentsPillsXLightGreyHoverBorder = 'unset';
|
|
949
|
+
const RedsiftColorDarkComponentsPillsXLightGreyHoverText = '#1c1c1c';
|
|
950
|
+
const RedsiftColorDarkComponentsPillsXLightGreyDisabledBackground = '#666666';
|
|
951
|
+
const RedsiftColorDarkComponentsPillsXLightGreyDisabledBorder = 'unset';
|
|
952
|
+
const RedsiftColorDarkComponentsPillsXLightGreyDisabledText = '#666666';
|
|
953
|
+
const RedsiftColorDarkComponentsPillsWhiteDefaultBackground = '#ffffff';
|
|
954
|
+
const RedsiftColorDarkComponentsPillsWhiteDefaultBorder = '#e0e0e0';
|
|
955
|
+
const RedsiftColorDarkComponentsPillsWhiteDefaultText = '#1c1c1c';
|
|
956
|
+
const RedsiftColorDarkComponentsPillsWhiteHoverBackground = '#f2f2f2';
|
|
957
|
+
const RedsiftColorDarkComponentsPillsWhiteHoverBorder = '#e0e0e0';
|
|
958
|
+
const RedsiftColorDarkComponentsPillsWhiteHoverText = '#1c1c1c';
|
|
959
|
+
const RedsiftColorDarkComponentsPillsWhiteDisabledBackground = '#ffffff';
|
|
960
|
+
const RedsiftColorDarkComponentsPillsWhiteDisabledBorder = '#e0e0e0';
|
|
961
|
+
const RedsiftColorDarkComponentsPillsWhiteDisabledText = '#666666';
|
|
962
|
+
const RedsiftColorDarkComponentsPillsErrorDefaultBackground = '#F8BBBA';
|
|
963
|
+
const RedsiftColorDarkComponentsPillsErrorDefaultBorder = 'unset';
|
|
964
|
+
const RedsiftColorDarkComponentsPillsErrorDefaultText = '#1c1c1c';
|
|
965
|
+
const RedsiftColorDarkComponentsPillsErrorHoverBackground = '#E06363';
|
|
966
|
+
const RedsiftColorDarkComponentsPillsErrorHoverBorder = 'unset';
|
|
967
|
+
const RedsiftColorDarkComponentsPillsErrorHoverText = '#1c1c1c';
|
|
968
|
+
const RedsiftColorDarkComponentsPillsErrorDisabledBackground = '#F3A39E';
|
|
969
|
+
const RedsiftColorDarkComponentsPillsErrorDisabledBorder = 'unset';
|
|
970
|
+
const RedsiftColorDarkComponentsPillsErrorDisabledText = '#666666';
|
|
971
|
+
const RedsiftColorDarkComponentsPillsWarningDefaultBackground = '#FDE4C0';
|
|
972
|
+
const RedsiftColorDarkComponentsPillsWarningDefaultBorder = 'unset';
|
|
973
|
+
const RedsiftColorDarkComponentsPillsWarningDefaultText = '#1c1c1c';
|
|
974
|
+
const RedsiftColorDarkComponentsPillsWarningHoverBackground = '#FCBB54';
|
|
975
|
+
const RedsiftColorDarkComponentsPillsWarningHoverBorder = 'unset';
|
|
976
|
+
const RedsiftColorDarkComponentsPillsWarningHoverText = '#1c1c1c';
|
|
977
|
+
const RedsiftColorDarkComponentsPillsWarningDisabledBackground = '#F8D296';
|
|
978
|
+
const RedsiftColorDarkComponentsPillsWarningDisabledBorder = 'unset';
|
|
979
|
+
const RedsiftColorDarkComponentsPillsWarningDisabledText = '#666666';
|
|
980
|
+
const RedsiftColorDarkComponentsPillsSuccessDefaultBackground = '#C2EFD1';
|
|
981
|
+
const RedsiftColorDarkComponentsPillsSuccessDefaultBorder = 'unset';
|
|
982
|
+
const RedsiftColorDarkComponentsPillsSuccessDefaultText = '#1c1c1c';
|
|
983
|
+
const RedsiftColorDarkComponentsPillsSuccessHoverBackground = '#56D58E';
|
|
984
|
+
const RedsiftColorDarkComponentsPillsSuccessHoverBorder = 'unset';
|
|
985
|
+
const RedsiftColorDarkComponentsPillsSuccessHoverText = '#1c1c1c';
|
|
986
|
+
const RedsiftColorDarkComponentsPillsSuccessDisabledBackground = '#A2E7BA';
|
|
987
|
+
const RedsiftColorDarkComponentsPillsSuccessDisabledBorder = 'unset';
|
|
988
|
+
const RedsiftColorDarkComponentsPillsSuccessDisabledText = '#666666';
|
|
989
|
+
const RedsiftColorDarkComponentsPillsErrorDarkDefaultBackground = '#E06363';
|
|
990
|
+
const RedsiftColorDarkComponentsPillsErrorDarkDefaultBorder = 'unset';
|
|
991
|
+
const RedsiftColorDarkComponentsPillsErrorDarkDefaultText = '#1c1c1c';
|
|
992
|
+
const RedsiftColorDarkComponentsPillsErrorDarkHoverBackground = '#DE0000';
|
|
993
|
+
const RedsiftColorDarkComponentsPillsErrorDarkHoverBorder = 'unset';
|
|
994
|
+
const RedsiftColorDarkComponentsPillsErrorDarkHoverText = '#1c1c1c';
|
|
995
|
+
const RedsiftColorDarkComponentsPillsErrorDarkDisabledBackground = '#F3A39E';
|
|
996
|
+
const RedsiftColorDarkComponentsPillsErrorDarkDisabledBorder = 'unset';
|
|
997
|
+
const RedsiftColorDarkComponentsPillsErrorDarkDisabledText = '#666666';
|
|
998
|
+
const RedsiftColorDarkComponentsPillsWarningDarkDefaultBackground = '#FCBB54';
|
|
999
|
+
const RedsiftColorDarkComponentsPillsWarningDarkDefaultBorder = 'unset';
|
|
1000
|
+
const RedsiftColorDarkComponentsPillsWarningDarkDefaultText = '#1c1c1c';
|
|
1001
|
+
const RedsiftColorDarkComponentsPillsWarningDarkHoverBackground = '#ED9200';
|
|
1002
|
+
const RedsiftColorDarkComponentsPillsWarningDarkHoverBorder = 'unset';
|
|
1003
|
+
const RedsiftColorDarkComponentsPillsWarningDarkHoverText = '#1c1c1c';
|
|
1004
|
+
const RedsiftColorDarkComponentsPillsWarningDarkDisabledBackground = '#F8D296';
|
|
1005
|
+
const RedsiftColorDarkComponentsPillsWarningDarkDisabledBorder = 'unset';
|
|
1006
|
+
const RedsiftColorDarkComponentsPillsWarningDarkDisabledText = '#666666';
|
|
1007
|
+
const RedsiftColorDarkComponentsPillsSuccessDarkDefaultBackground = '#56D58E';
|
|
1008
|
+
const RedsiftColorDarkComponentsPillsSuccessDarkDefaultBorder = 'unset';
|
|
1009
|
+
const RedsiftColorDarkComponentsPillsSuccessDarkDefaultText = '#1c1c1c';
|
|
1010
|
+
const RedsiftColorDarkComponentsPillsSuccessDarkHoverBackground = '#00CE59';
|
|
1011
|
+
const RedsiftColorDarkComponentsPillsSuccessDarkHoverBorder = 'unset';
|
|
1012
|
+
const RedsiftColorDarkComponentsPillsSuccessDarkHoverText = '#1c1c1c';
|
|
1013
|
+
const RedsiftColorDarkComponentsPillsSuccessDarkDisabledBackground = '#A2E7BA';
|
|
1014
|
+
const RedsiftColorDarkComponentsPillsSuccessDarkDisabledBorder = 'unset';
|
|
1015
|
+
const RedsiftColorDarkComponentsPillsSuccessDarkDisabledText = '#666666';
|
|
766
1016
|
const RedsiftColorLightComponentsPageBackground = '#ffffff';
|
|
767
1017
|
const RedsiftColorLightComponentsTextPrimary = '#333333';
|
|
768
1018
|
const RedsiftColorLightComponentsTextSecondary = '#474747';
|
|
@@ -862,6 +1112,14 @@ const RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextDefault = '#ffffff'
|
|
|
862
1112
|
const RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextHover = '#ffffff';
|
|
863
1113
|
const RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextActive = '#ffffff';
|
|
864
1114
|
const RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextDisabled = '#858585';
|
|
1115
|
+
const RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundDefault = 'linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1))';
|
|
1116
|
+
const RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundHover = 'linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1))';
|
|
1117
|
+
const RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundActive = 'linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1))';
|
|
1118
|
+
const RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundDisabled = '#e0e0e0';
|
|
1119
|
+
const RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextDefault = '#ffffff';
|
|
1120
|
+
const RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextHover = '#ffffff';
|
|
1121
|
+
const RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextActive = '#ffffff';
|
|
1122
|
+
const RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextDisabled = '#858585';
|
|
865
1123
|
const RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundDefault = 'transparent';
|
|
866
1124
|
const RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundHover = '#d9e7fd';
|
|
867
1125
|
const RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundActive = '#b3cefb';
|
|
@@ -869,7 +1127,7 @@ const RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundDisabled
|
|
|
869
1127
|
const RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextDefault = '#4285f4';
|
|
870
1128
|
const RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextHover = '#3b78dc';
|
|
871
1129
|
const RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextActive = '#2e5dab';
|
|
872
|
-
const RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextDisabled = '#
|
|
1130
|
+
const RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextDisabled = '#a3a3a3';
|
|
873
1131
|
const RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundDefault = 'transparent';
|
|
874
1132
|
const RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundHover = '#dcf1ed';
|
|
875
1133
|
const RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundActive = '#b9e2db';
|
|
@@ -877,7 +1135,7 @@ const RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundDisabl
|
|
|
877
1135
|
const RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextDefault = '#51b7a4';
|
|
878
1136
|
const RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextHover = '#49a594';
|
|
879
1137
|
const RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextActive = '#398073';
|
|
880
|
-
const RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextDisabled = '#
|
|
1138
|
+
const RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextDisabled = '#a3a3a3';
|
|
881
1139
|
const RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundDefault = 'transparent';
|
|
882
1140
|
const RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundHover = '#cceedf';
|
|
883
1141
|
const RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundActive = '#9adec0';
|
|
@@ -885,7 +1143,7 @@ const RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundDisabled
|
|
|
885
1143
|
const RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextDefault = '#02ac61';
|
|
886
1144
|
const RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextHover = '#029b57';
|
|
887
1145
|
const RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextActive = '#017844';
|
|
888
|
-
const RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextDisabled = '#
|
|
1146
|
+
const RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextDisabled = '#a3a3a3';
|
|
889
1147
|
const RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundDefault = 'transparent';
|
|
890
1148
|
const RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundHover = '#f9cfcf';
|
|
891
1149
|
const RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundActive = '#f39f9f';
|
|
@@ -893,7 +1151,7 @@ const RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundDisabled =
|
|
|
893
1151
|
const RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextDefault = '#e11010';
|
|
894
1152
|
const RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextHover = '#cb0e0e';
|
|
895
1153
|
const RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextActive = '#9e0b0b';
|
|
896
|
-
const RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextDisabled = '#
|
|
1154
|
+
const RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextDisabled = '#a3a3a3';
|
|
897
1155
|
const RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundDefault = 'transparent';
|
|
898
1156
|
const RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundHover = '#fef1dd';
|
|
899
1157
|
const RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundActive = '#fee4bb';
|
|
@@ -901,7 +1159,7 @@ const RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundDisabled
|
|
|
901
1159
|
const RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextDefault = '#fcbb54';
|
|
902
1160
|
const RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextHover = '#e3a84c';
|
|
903
1161
|
const RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextActive = '#b0833b';
|
|
904
|
-
const RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextDisabled = '#
|
|
1162
|
+
const RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextDisabled = '#a3a3a3';
|
|
905
1163
|
const RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundDefault = 'transparent';
|
|
906
1164
|
const RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundHover = '#d9e7fd';
|
|
907
1165
|
const RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundActive = '#b3cefb';
|
|
@@ -909,7 +1167,7 @@ const RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundDisabled =
|
|
|
909
1167
|
const RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextDefault = '#4285f4';
|
|
910
1168
|
const RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextHover = '#3b78dc';
|
|
911
1169
|
const RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextActive = '#2e5dab';
|
|
912
|
-
const RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextDisabled = '#
|
|
1170
|
+
const RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextDisabled = '#a3a3a3';
|
|
913
1171
|
const RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundDefault = 'transparent';
|
|
914
1172
|
const RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundHover = '#f2f2f2';
|
|
915
1173
|
const RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundActive = '#e0e0e0';
|
|
@@ -917,63 +1175,95 @@ const RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundDisabled =
|
|
|
917
1175
|
const RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextDefault = '#666666';
|
|
918
1176
|
const RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextHover = '#525252';
|
|
919
1177
|
const RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextActive = '#525252';
|
|
920
|
-
const RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextDisabled = '#
|
|
1178
|
+
const RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextDisabled = '#a3a3a3';
|
|
1179
|
+
const RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundDefault = 'transparent';
|
|
1180
|
+
const RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundHover = 'linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2))';
|
|
1181
|
+
const RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundActive = 'linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4))';
|
|
1182
|
+
const RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundDisabled = '#ffffff';
|
|
1183
|
+
const RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextDefault = 'linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1))';
|
|
1184
|
+
const RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextHover = 'linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1))';
|
|
1185
|
+
const RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextActive = 'linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1))';
|
|
1186
|
+
const RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextDisabled = '#a3a3a3';
|
|
921
1187
|
const RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundDefault = 'transparent';
|
|
922
1188
|
const RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundHover = '#d9e7fd';
|
|
923
1189
|
const RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundActive = '#b3cefb';
|
|
924
|
-
const RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundDisabled = '
|
|
1190
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundDisabled = 'transparent';
|
|
925
1191
|
const RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextDefault = '#4285f4';
|
|
926
1192
|
const RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextHover = '#3b78dc';
|
|
927
1193
|
const RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextActive = '#2e5dab';
|
|
928
|
-
const RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextDisabled = '#
|
|
1194
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextDisabled = '#a3a3a3';
|
|
929
1195
|
const RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundDefault = 'transparent';
|
|
930
1196
|
const RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundHover = '#dcf1ed';
|
|
931
1197
|
const RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundActive = '#b9e2db';
|
|
932
|
-
const RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundDisabled = '
|
|
1198
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundDisabled = 'transparent';
|
|
933
1199
|
const RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextDefault = '#51b7a4';
|
|
934
1200
|
const RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextHover = '#49a594';
|
|
935
1201
|
const RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextActive = '#398073';
|
|
936
|
-
const RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextDisabled = '#
|
|
1202
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextDisabled = '#a3a3a3';
|
|
937
1203
|
const RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundDefault = 'transparent';
|
|
938
1204
|
const RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundHover = '#cceedf';
|
|
939
1205
|
const RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundActive = '#9adec0';
|
|
940
|
-
const RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundDisabled = '
|
|
1206
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundDisabled = 'transparent';
|
|
941
1207
|
const RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextDefault = '#02ac61';
|
|
942
1208
|
const RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextHover = '#029b57';
|
|
943
1209
|
const RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextActive = '#017844';
|
|
944
|
-
const RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextDisabled = '#
|
|
1210
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextDisabled = '#a3a3a3';
|
|
945
1211
|
const RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundDefault = 'transparent';
|
|
946
1212
|
const RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundHover = '#f9cfcf';
|
|
947
1213
|
const RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundActive = '#f39f9f';
|
|
948
|
-
const RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundDisabled = '
|
|
1214
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundDisabled = 'transparent';
|
|
949
1215
|
const RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextDefault = '#e11010';
|
|
950
1216
|
const RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextHover = '#cb0e0e';
|
|
951
1217
|
const RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextActive = '#9e0b0b';
|
|
952
|
-
const RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextDisabled = '#
|
|
1218
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextDisabled = '#a3a3a3';
|
|
953
1219
|
const RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundDefault = 'transparent';
|
|
954
1220
|
const RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundHover = '#fef1dd';
|
|
955
1221
|
const RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundActive = '#fee4bb';
|
|
956
|
-
const RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundDisabled = '
|
|
1222
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundDisabled = 'transparent';
|
|
957
1223
|
const RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextDefault = '#fcbb54';
|
|
958
1224
|
const RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextHover = '#e3a84c';
|
|
959
1225
|
const RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextActive = '#b0833b';
|
|
960
|
-
const RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextDisabled = '#
|
|
1226
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextDisabled = '#a3a3a3';
|
|
961
1227
|
const RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundDefault = 'transparent';
|
|
962
1228
|
const RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundHover = '#d9e7fd';
|
|
963
1229
|
const RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundActive = '#b3cefb';
|
|
964
|
-
const RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundDisabled = '
|
|
1230
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundDisabled = 'transparent';
|
|
965
1231
|
const RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextDefault = '#4285f4';
|
|
966
1232
|
const RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextHover = '#3b78dc';
|
|
967
1233
|
const RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextActive = '#2e5dab';
|
|
968
|
-
const RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextDisabled = '#
|
|
1234
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextDisabled = '#a3a3a3';
|
|
969
1235
|
const RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundDefault = 'transparent';
|
|
970
1236
|
const RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundHover = '#f2f2f2';
|
|
971
1237
|
const RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundActive = '#e0e0e0';
|
|
972
|
-
const RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundDisabled = '
|
|
1238
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundDisabled = 'transparent';
|
|
973
1239
|
const RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextDefault = '#666666';
|
|
974
1240
|
const RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextHover = '#525252';
|
|
975
1241
|
const RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextActive = '#525252';
|
|
976
|
-
const RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextDisabled = '#
|
|
1242
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextDisabled = '#a3a3a3';
|
|
1243
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundDefault = 'transparent';
|
|
1244
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundHover = '#f2f2f2';
|
|
1245
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundActive = '#e0e0e0';
|
|
1246
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundDisabled = 'transparent';
|
|
1247
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextDefault = '#333333';
|
|
1248
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextHover = '#333333';
|
|
1249
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextActive = '#333333';
|
|
1250
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextDisabled = '#a3a3a3';
|
|
1251
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundDefault = 'transparent';
|
|
1252
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundHover = '#f2f2f2';
|
|
1253
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundActive = '#e0e0e0';
|
|
1254
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundDisabled = 'transparent';
|
|
1255
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextDefault = '#ffffff';
|
|
1256
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextHover = '#ffffff';
|
|
1257
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextActive = '#ffffff';
|
|
1258
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextDisabled = '#a3a3a3';
|
|
1259
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundDefault = 'transparent';
|
|
1260
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundHover = 'linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2))';
|
|
1261
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundActive = 'linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4))';
|
|
1262
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundDisabled = '#ffffff';
|
|
1263
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextDefault = 'linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1))';
|
|
1264
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextHover = 'linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1))';
|
|
1265
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextActive = 'linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1))';
|
|
1266
|
+
const RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextDisabled = '#a3a3a3';
|
|
977
1267
|
const RedsiftColorLightComponentsAiAiBorder = '#e11010';
|
|
978
1268
|
const RedsiftColorLightComponentsAiAiIcon = '#e11010';
|
|
979
1269
|
const RedsiftColorLightComponentsSpinnerSpinner = '#4285f4';
|
|
@@ -1044,6 +1334,213 @@ const RedsiftColorLightComponentsSwitchTextInvalid = '#e11010';
|
|
|
1044
1334
|
const RedsiftColorLightComponentsSwitchTextDisabled = '#e0e0e0';
|
|
1045
1335
|
const RedsiftColorLightComponentsTabsLine = '#e0e0e0';
|
|
1046
1336
|
const RedsiftColorLightComponentsModalBackground = '#ffffff';
|
|
1337
|
+
const RedsiftColorLightComponentsPillsGreyDefaultBackground = '#E6E6E6';
|
|
1338
|
+
const RedsiftColorLightComponentsPillsGreyDefaultBorder = 'transparent';
|
|
1339
|
+
const RedsiftColorLightComponentsPillsGreyDefaultText = '#1c1c1c';
|
|
1340
|
+
const RedsiftColorLightComponentsPillsGreyHoverBackground = '#D6D6D6';
|
|
1341
|
+
const RedsiftColorLightComponentsPillsGreyHoverBorder = 'transparent';
|
|
1342
|
+
const RedsiftColorLightComponentsPillsGreyHoverText = '#1c1c1c';
|
|
1343
|
+
const RedsiftColorLightComponentsPillsGreyDisabledBackground = '#EEEEEE';
|
|
1344
|
+
const RedsiftColorLightComponentsPillsGreyDisabledBorder = 'transparent';
|
|
1345
|
+
const RedsiftColorLightComponentsPillsGreyDisabledText = '#666666';
|
|
1346
|
+
const RedsiftColorLightComponentsPillsGreenDefaultBackground = '#A2E7BA';
|
|
1347
|
+
const RedsiftColorLightComponentsPillsGreenDefaultBorder = 'transparent';
|
|
1348
|
+
const RedsiftColorLightComponentsPillsGreenDefaultText = '#1c1c1c';
|
|
1349
|
+
const RedsiftColorLightComponentsPillsGreenHoverBackground = '#56D58E';
|
|
1350
|
+
const RedsiftColorLightComponentsPillsGreenHoverBorder = 'transparent';
|
|
1351
|
+
const RedsiftColorLightComponentsPillsGreenHoverText = '#1c1c1c';
|
|
1352
|
+
const RedsiftColorLightComponentsPillsGreenDisabledBackground = '#C2EFD1';
|
|
1353
|
+
const RedsiftColorLightComponentsPillsGreenDisabledBorder = 'transparent';
|
|
1354
|
+
const RedsiftColorLightComponentsPillsGreenDisabledText = '#666666';
|
|
1355
|
+
const RedsiftColorLightComponentsPillsPinkDefaultBackground = '#ECA0D6';
|
|
1356
|
+
const RedsiftColorLightComponentsPillsPinkDefaultBorder = 'transparent';
|
|
1357
|
+
const RedsiftColorLightComponentsPillsPinkDefaultText = '#1c1c1c';
|
|
1358
|
+
const RedsiftColorLightComponentsPillsPinkHoverBackground = '#D95CBA';
|
|
1359
|
+
const RedsiftColorLightComponentsPillsPinkHoverBorder = 'transparent';
|
|
1360
|
+
const RedsiftColorLightComponentsPillsPinkHoverText = '#1c1c1c';
|
|
1361
|
+
const RedsiftColorLightComponentsPillsPinkDisabledBackground = '#F4C0E3';
|
|
1362
|
+
const RedsiftColorLightComponentsPillsPinkDisabledBorder = 'transparent';
|
|
1363
|
+
const RedsiftColorLightComponentsPillsPinkDisabledText = '#666666';
|
|
1364
|
+
const RedsiftColorLightComponentsPillsAquaDefaultBackground = '#9AF8F4';
|
|
1365
|
+
const RedsiftColorLightComponentsPillsAquaDefaultBorder = 'transparent';
|
|
1366
|
+
const RedsiftColorLightComponentsPillsAquaDefaultText = '#1c1c1c';
|
|
1367
|
+
const RedsiftColorLightComponentsPillsAquaHoverBackground = '#63EAE4';
|
|
1368
|
+
const RedsiftColorLightComponentsPillsAquaHoverBorder = 'transparent';
|
|
1369
|
+
const RedsiftColorLightComponentsPillsAquaHoverText = '#1c1c1c';
|
|
1370
|
+
const RedsiftColorLightComponentsPillsAquaDisabledBackground = '#CAF7F4';
|
|
1371
|
+
const RedsiftColorLightComponentsPillsAquaDisabledBorder = 'transparent';
|
|
1372
|
+
const RedsiftColorLightComponentsPillsAquaDisabledText = '#666666';
|
|
1373
|
+
const RedsiftColorLightComponentsPillsBrownDefaultBackground = '#EDC19C';
|
|
1374
|
+
const RedsiftColorLightComponentsPillsBrownDefaultBorder = 'transparent';
|
|
1375
|
+
const RedsiftColorLightComponentsPillsBrownDefaultText = '#1c1c1c';
|
|
1376
|
+
const RedsiftColorLightComponentsPillsBrownHoverBackground = '#C78348';
|
|
1377
|
+
const RedsiftColorLightComponentsPillsBrownHoverBorder = 'transparent';
|
|
1378
|
+
const RedsiftColorLightComponentsPillsBrownHoverText = '#1c1c1c';
|
|
1379
|
+
const RedsiftColorLightComponentsPillsBrownDisabledBackground = '#F6D9C3';
|
|
1380
|
+
const RedsiftColorLightComponentsPillsBrownDisabledBorder = 'transparent';
|
|
1381
|
+
const RedsiftColorLightComponentsPillsBrownDisabledText = '#666666';
|
|
1382
|
+
const RedsiftColorLightComponentsPillsRedDefaultBackground = '#F3A39E';
|
|
1383
|
+
const RedsiftColorLightComponentsPillsRedDefaultBorder = 'transparent';
|
|
1384
|
+
const RedsiftColorLightComponentsPillsRedDefaultText = '#1c1c1c';
|
|
1385
|
+
const RedsiftColorLightComponentsPillsRedHoverBackground = '#E06363';
|
|
1386
|
+
const RedsiftColorLightComponentsPillsRedHoverBorder = 'transparent';
|
|
1387
|
+
const RedsiftColorLightComponentsPillsRedHoverText = '#1c1c1c';
|
|
1388
|
+
const RedsiftColorLightComponentsPillsRedDisabledBackground = '#F8BBBA';
|
|
1389
|
+
const RedsiftColorLightComponentsPillsRedDisabledBorder = 'transparent';
|
|
1390
|
+
const RedsiftColorLightComponentsPillsRedDisabledText = '#666666';
|
|
1391
|
+
const RedsiftColorLightComponentsPillsYellowDefaultBackground = '#F7EFC3';
|
|
1392
|
+
const RedsiftColorLightComponentsPillsYellowDefaultBorder = 'transparent';
|
|
1393
|
+
const RedsiftColorLightComponentsPillsYellowDefaultText = '#1c1c1c';
|
|
1394
|
+
const RedsiftColorLightComponentsPillsYellowHoverBackground = '#FFF741';
|
|
1395
|
+
const RedsiftColorLightComponentsPillsYellowHoverBorder = 'transparent';
|
|
1396
|
+
const RedsiftColorLightComponentsPillsYellowHoverText = '#1c1c1c';
|
|
1397
|
+
const RedsiftColorLightComponentsPillsYellowDisabledBackground = '#FBF5DB';
|
|
1398
|
+
const RedsiftColorLightComponentsPillsYellowDisabledBorder = 'transparent';
|
|
1399
|
+
const RedsiftColorLightComponentsPillsYellowDisabledText = '#666666';
|
|
1400
|
+
const RedsiftColorLightComponentsPillsPurpleDefaultBackground = '#C6A8EF';
|
|
1401
|
+
const RedsiftColorLightComponentsPillsPurpleDefaultBorder = 'transparent';
|
|
1402
|
+
const RedsiftColorLightComponentsPillsPurpleDefaultText = '#1c1c1c';
|
|
1403
|
+
const RedsiftColorLightComponentsPillsPurpleHoverBackground = '#965EDE';
|
|
1404
|
+
const RedsiftColorLightComponentsPillsPurpleHoverBorder = 'transparent';
|
|
1405
|
+
const RedsiftColorLightComponentsPillsPurpleHoverText = '#1c1c1c';
|
|
1406
|
+
const RedsiftColorLightComponentsPillsPurpleDisabledBackground = '#DECAF6';
|
|
1407
|
+
const RedsiftColorLightComponentsPillsPurpleDisabledBorder = 'transparent';
|
|
1408
|
+
const RedsiftColorLightComponentsPillsPurpleDisabledText = '#666666';
|
|
1409
|
+
const RedsiftColorLightComponentsPillsOrangeDefaultBackground = '#F8D296';
|
|
1410
|
+
const RedsiftColorLightComponentsPillsOrangeDefaultBorder = 'transparent';
|
|
1411
|
+
const RedsiftColorLightComponentsPillsOrangeDefaultText = '#1c1c1c';
|
|
1412
|
+
const RedsiftColorLightComponentsPillsOrangeHoverBackground = '#FCBB54';
|
|
1413
|
+
const RedsiftColorLightComponentsPillsOrangeHoverBorder = 'transparent';
|
|
1414
|
+
const RedsiftColorLightComponentsPillsOrangeHoverText = '#1c1c1c';
|
|
1415
|
+
const RedsiftColorLightComponentsPillsOrangeDisabledBackground = '#FDE4C0';
|
|
1416
|
+
const RedsiftColorLightComponentsPillsOrangeDisabledBorder = 'transparent';
|
|
1417
|
+
const RedsiftColorLightComponentsPillsOrangeDisabledText = '#666666';
|
|
1418
|
+
const RedsiftColorLightComponentsPillsBlueDefaultBackground = '#B1DCF3';
|
|
1419
|
+
const RedsiftColorLightComponentsPillsBlueDefaultBorder = 'transparent';
|
|
1420
|
+
const RedsiftColorLightComponentsPillsBlueDefaultText = '#1c1c1c';
|
|
1421
|
+
const RedsiftColorLightComponentsPillsBlueHoverBackground = '#73C5EB';
|
|
1422
|
+
const RedsiftColorLightComponentsPillsBlueHoverBorder = 'transparent';
|
|
1423
|
+
const RedsiftColorLightComponentsPillsBlueHoverText = '#1c1c1c';
|
|
1424
|
+
const RedsiftColorLightComponentsPillsBlueDisabledBackground = '#CCE8F7';
|
|
1425
|
+
const RedsiftColorLightComponentsPillsBlueDisabledBorder = 'transparent';
|
|
1426
|
+
const RedsiftColorLightComponentsPillsBlueDisabledText = '#666666';
|
|
1427
|
+
const RedsiftColorLightComponentsPillsBlackDefaultBackground = '#1c1c1c';
|
|
1428
|
+
const RedsiftColorLightComponentsPillsBlackDefaultBorder = 'transparent';
|
|
1429
|
+
const RedsiftColorLightComponentsPillsBlackDefaultText = '#ffffff';
|
|
1430
|
+
const RedsiftColorLightComponentsPillsBlackHoverBackground = '#333333';
|
|
1431
|
+
const RedsiftColorLightComponentsPillsBlackHoverBorder = 'transparent';
|
|
1432
|
+
const RedsiftColorLightComponentsPillsBlackHoverText = '#ffffff';
|
|
1433
|
+
const RedsiftColorLightComponentsPillsBlackDisabledBackground = '#474747';
|
|
1434
|
+
const RedsiftColorLightComponentsPillsBlackDisabledBorder = 'transparent';
|
|
1435
|
+
const RedsiftColorLightComponentsPillsBlackDisabledText = '#ffffff';
|
|
1436
|
+
const RedsiftColorLightComponentsPillsXDarkGreyDefaultBackground = '#333333';
|
|
1437
|
+
const RedsiftColorLightComponentsPillsXDarkGreyDefaultBorder = 'transparent';
|
|
1438
|
+
const RedsiftColorLightComponentsPillsXDarkGreyDefaultText = '#ffffff';
|
|
1439
|
+
const RedsiftColorLightComponentsPillsXDarkGreyHoverBackground = '#474747';
|
|
1440
|
+
const RedsiftColorLightComponentsPillsXDarkGreyHoverBorder = 'transparent';
|
|
1441
|
+
const RedsiftColorLightComponentsPillsXDarkGreyHoverText = '#ffffff';
|
|
1442
|
+
const RedsiftColorLightComponentsPillsXDarkGreyDisabledBackground = '#666666';
|
|
1443
|
+
const RedsiftColorLightComponentsPillsXDarkGreyDisabledBorder = 'transparent';
|
|
1444
|
+
const RedsiftColorLightComponentsPillsXDarkGreyDisabledText = '#ffffff';
|
|
1445
|
+
const RedsiftColorLightComponentsPillsDarkGreyDefaultBackground = '#474747';
|
|
1446
|
+
const RedsiftColorLightComponentsPillsDarkGreyDefaultBorder = 'transparent';
|
|
1447
|
+
const RedsiftColorLightComponentsPillsDarkGreyDefaultText = '#ffffff';
|
|
1448
|
+
const RedsiftColorLightComponentsPillsDarkGreyHoverBackground = '#666666';
|
|
1449
|
+
const RedsiftColorLightComponentsPillsDarkGreyHoverBorder = 'transparent';
|
|
1450
|
+
const RedsiftColorLightComponentsPillsDarkGreyHoverText = '#ffffff';
|
|
1451
|
+
const RedsiftColorLightComponentsPillsDarkGreyDisabledBackground = '#e0e0e0';
|
|
1452
|
+
const RedsiftColorLightComponentsPillsDarkGreyDisabledBorder = 'transparent';
|
|
1453
|
+
const RedsiftColorLightComponentsPillsDarkGreyDisabledText = '#ffffff';
|
|
1454
|
+
const RedsiftColorLightComponentsPillsMidGreyDefaultBackground = '#666666';
|
|
1455
|
+
const RedsiftColorLightComponentsPillsMidGreyDefaultBorder = 'transparent';
|
|
1456
|
+
const RedsiftColorLightComponentsPillsMidGreyDefaultText = '#ffffff';
|
|
1457
|
+
const RedsiftColorLightComponentsPillsMidGreyHoverBackground = '#474747';
|
|
1458
|
+
const RedsiftColorLightComponentsPillsMidGreyHoverBorder = 'transparent';
|
|
1459
|
+
const RedsiftColorLightComponentsPillsMidGreyHoverText = '#ffffff';
|
|
1460
|
+
const RedsiftColorLightComponentsPillsMidGreyDisabledBackground = '#e0e0e0';
|
|
1461
|
+
const RedsiftColorLightComponentsPillsMidGreyDisabledBorder = 'transparent';
|
|
1462
|
+
const RedsiftColorLightComponentsPillsMidGreyDisabledText = '#666666';
|
|
1463
|
+
const RedsiftColorLightComponentsPillsLightGreyDefaultBackground = '#e0e0e0';
|
|
1464
|
+
const RedsiftColorLightComponentsPillsLightGreyDefaultBorder = 'transparent';
|
|
1465
|
+
const RedsiftColorLightComponentsPillsLightGreyDefaultText = '#1c1c1c';
|
|
1466
|
+
const RedsiftColorLightComponentsPillsLightGreyHoverBackground = '#666666';
|
|
1467
|
+
const RedsiftColorLightComponentsPillsLightGreyHoverBorder = 'transparent';
|
|
1468
|
+
const RedsiftColorLightComponentsPillsLightGreyHoverText = '#1c1c1c';
|
|
1469
|
+
const RedsiftColorLightComponentsPillsLightGreyDisabledBackground = '#f2f2f2';
|
|
1470
|
+
const RedsiftColorLightComponentsPillsLightGreyDisabledBorder = 'transparent';
|
|
1471
|
+
const RedsiftColorLightComponentsPillsLightGreyDisabledText = '#666666';
|
|
1472
|
+
const RedsiftColorLightComponentsPillsXLightGreyDefaultBackground = '#f2f2f2';
|
|
1473
|
+
const RedsiftColorLightComponentsPillsXLightGreyDefaultBorder = 'transparent';
|
|
1474
|
+
const RedsiftColorLightComponentsPillsXLightGreyDefaultText = '#1c1c1c';
|
|
1475
|
+
const RedsiftColorLightComponentsPillsXLightGreyHoverBackground = '#e0e0e0';
|
|
1476
|
+
const RedsiftColorLightComponentsPillsXLightGreyHoverBorder = 'transparent';
|
|
1477
|
+
const RedsiftColorLightComponentsPillsXLightGreyHoverText = '#1c1c1c';
|
|
1478
|
+
const RedsiftColorLightComponentsPillsXLightGreyDisabledBackground = '#666666';
|
|
1479
|
+
const RedsiftColorLightComponentsPillsXLightGreyDisabledBorder = 'transparent';
|
|
1480
|
+
const RedsiftColorLightComponentsPillsXLightGreyDisabledText = '#666666';
|
|
1481
|
+
const RedsiftColorLightComponentsPillsWhiteDefaultBackground = '#ffffff';
|
|
1482
|
+
const RedsiftColorLightComponentsPillsWhiteDefaultBorder = '#e0e0e0';
|
|
1483
|
+
const RedsiftColorLightComponentsPillsWhiteDefaultText = '#1c1c1c';
|
|
1484
|
+
const RedsiftColorLightComponentsPillsWhiteHoverBackground = '#f2f2f2';
|
|
1485
|
+
const RedsiftColorLightComponentsPillsWhiteHoverBorder = '#e0e0e0';
|
|
1486
|
+
const RedsiftColorLightComponentsPillsWhiteHoverText = '#1c1c1c';
|
|
1487
|
+
const RedsiftColorLightComponentsPillsWhiteDisabledBackground = '#ffffff';
|
|
1488
|
+
const RedsiftColorLightComponentsPillsWhiteDisabledBorder = '#e0e0e0';
|
|
1489
|
+
const RedsiftColorLightComponentsPillsWhiteDisabledText = '#666666';
|
|
1490
|
+
const RedsiftColorLightComponentsPillsErrorDefaultBackground = '#F8BBBA';
|
|
1491
|
+
const RedsiftColorLightComponentsPillsErrorDefaultBorder = 'transparent';
|
|
1492
|
+
const RedsiftColorLightComponentsPillsErrorDefaultText = '#1c1c1c';
|
|
1493
|
+
const RedsiftColorLightComponentsPillsErrorHoverBackground = '#E06363';
|
|
1494
|
+
const RedsiftColorLightComponentsPillsErrorHoverBorder = 'transparent';
|
|
1495
|
+
const RedsiftColorLightComponentsPillsErrorHoverText = '#1c1c1c';
|
|
1496
|
+
const RedsiftColorLightComponentsPillsErrorDisabledBackground = '#F3A39E';
|
|
1497
|
+
const RedsiftColorLightComponentsPillsErrorDisabledBorder = 'transparent';
|
|
1498
|
+
const RedsiftColorLightComponentsPillsErrorDisabledText = '#666666';
|
|
1499
|
+
const RedsiftColorLightComponentsPillsWarningDefaultBackground = '#FDE4C0';
|
|
1500
|
+
const RedsiftColorLightComponentsPillsWarningDefaultBorder = 'transparent';
|
|
1501
|
+
const RedsiftColorLightComponentsPillsWarningDefaultText = '#1c1c1c';
|
|
1502
|
+
const RedsiftColorLightComponentsPillsWarningHoverBackground = '#FCBB54';
|
|
1503
|
+
const RedsiftColorLightComponentsPillsWarningHoverBorder = 'transparent';
|
|
1504
|
+
const RedsiftColorLightComponentsPillsWarningHoverText = '#1c1c1c';
|
|
1505
|
+
const RedsiftColorLightComponentsPillsWarningDisabledBackground = '#F8D296';
|
|
1506
|
+
const RedsiftColorLightComponentsPillsWarningDisabledBorder = 'transparent';
|
|
1507
|
+
const RedsiftColorLightComponentsPillsWarningDisabledText = '#666666';
|
|
1508
|
+
const RedsiftColorLightComponentsPillsSuccessDefaultBackground = '#C2EFD1';
|
|
1509
|
+
const RedsiftColorLightComponentsPillsSuccessDefaultBorder = 'transparent';
|
|
1510
|
+
const RedsiftColorLightComponentsPillsSuccessDefaultText = '#1c1c1c';
|
|
1511
|
+
const RedsiftColorLightComponentsPillsSuccessHoverBackground = '#56D58E';
|
|
1512
|
+
const RedsiftColorLightComponentsPillsSuccessHoverBorder = 'transparent';
|
|
1513
|
+
const RedsiftColorLightComponentsPillsSuccessHoverText = '#1c1c1c';
|
|
1514
|
+
const RedsiftColorLightComponentsPillsSuccessDisabledBackground = '#A2E7BA';
|
|
1515
|
+
const RedsiftColorLightComponentsPillsSuccessDisabledBorder = 'transparent';
|
|
1516
|
+
const RedsiftColorLightComponentsPillsSuccessDisabledText = '#666666';
|
|
1517
|
+
const RedsiftColorLightComponentsPillsErrorDarkDefaultBackground = '#E06363';
|
|
1518
|
+
const RedsiftColorLightComponentsPillsErrorDarkDefaultBorder = 'transparent';
|
|
1519
|
+
const RedsiftColorLightComponentsPillsErrorDarkDefaultText = '#1c1c1c';
|
|
1520
|
+
const RedsiftColorLightComponentsPillsErrorDarkHoverBackground = '#DE0000';
|
|
1521
|
+
const RedsiftColorLightComponentsPillsErrorDarkHoverBorder = 'transparent';
|
|
1522
|
+
const RedsiftColorLightComponentsPillsErrorDarkHoverText = '#1c1c1c';
|
|
1523
|
+
const RedsiftColorLightComponentsPillsErrorDarkDisabledBackground = '#F3A39E';
|
|
1524
|
+
const RedsiftColorLightComponentsPillsErrorDarkDisabledBorder = 'transparent';
|
|
1525
|
+
const RedsiftColorLightComponentsPillsErrorDarkDisabledText = '#666666';
|
|
1526
|
+
const RedsiftColorLightComponentsPillsWarningDarkDefaultBackground = '#FCBB54';
|
|
1527
|
+
const RedsiftColorLightComponentsPillsWarningDarkDefaultBorder = 'transparent';
|
|
1528
|
+
const RedsiftColorLightComponentsPillsWarningDarkDefaultText = '#1c1c1c';
|
|
1529
|
+
const RedsiftColorLightComponentsPillsWarningDarkHoverBackground = '#ED9200';
|
|
1530
|
+
const RedsiftColorLightComponentsPillsWarningDarkHoverBorder = 'transparent';
|
|
1531
|
+
const RedsiftColorLightComponentsPillsWarningDarkHoverText = '#1c1c1c';
|
|
1532
|
+
const RedsiftColorLightComponentsPillsWarningDarkDisabledBackground = '#F8D296';
|
|
1533
|
+
const RedsiftColorLightComponentsPillsWarningDarkDisabledBorder = 'transparent';
|
|
1534
|
+
const RedsiftColorLightComponentsPillsWarningDarkDisabledText = '#666666';
|
|
1535
|
+
const RedsiftColorLightComponentsPillsSuccessDarkDefaultBackground = '#56D58E';
|
|
1536
|
+
const RedsiftColorLightComponentsPillsSuccessDarkDefaultBorder = 'transparent';
|
|
1537
|
+
const RedsiftColorLightComponentsPillsSuccessDarkDefaultText = '#1c1c1c';
|
|
1538
|
+
const RedsiftColorLightComponentsPillsSuccessDarkHoverBackground = '#00CE59';
|
|
1539
|
+
const RedsiftColorLightComponentsPillsSuccessDarkHoverBorder = 'transparent';
|
|
1540
|
+
const RedsiftColorLightComponentsPillsSuccessDarkHoverText = '#1c1c1c';
|
|
1541
|
+
const RedsiftColorLightComponentsPillsSuccessDarkDisabledBackground = '#A2E7BA';
|
|
1542
|
+
const RedsiftColorLightComponentsPillsSuccessDarkDisabledBorder = 'transparent';
|
|
1543
|
+
const RedsiftColorLightComponentsPillsSuccessDarkDisabledText = '#666666';
|
|
1047
1544
|
const RedsiftColorRedL4 = '#f9cfcf';
|
|
1048
1545
|
const RedsiftColorRedL3 = '#f39f9f';
|
|
1049
1546
|
const RedsiftColorRedL2 = '#ed7070';
|
|
@@ -1321,11 +1818,11 @@ const RedsiftTypographyBadgeLineHeight = '12px';
|
|
|
1321
1818
|
const RedsiftTypographyPillFontFamily = "'Poppins', sans-serif";
|
|
1322
1819
|
const RedsiftTypographyPillFontSize = '10px';
|
|
1323
1820
|
const RedsiftTypographyPillFontWeight = '400';
|
|
1324
|
-
const RedsiftTypographyPillLineHeight = '
|
|
1821
|
+
const RedsiftTypographyPillLineHeight = '20px';
|
|
1325
1822
|
const RedsiftTypographyChipFontFamily = "'Poppins', sans-serif";
|
|
1326
1823
|
const RedsiftTypographyChipFontSize = '12px';
|
|
1327
1824
|
const RedsiftTypographyChipFontWeight = '400';
|
|
1328
|
-
const RedsiftTypographyChipLineHeight = '
|
|
1825
|
+
const RedsiftTypographyChipLineHeight = '22px';
|
|
1329
1826
|
const RedsiftTypographyTooltipFontFamily = "'Poppins', sans-serif";
|
|
1330
1827
|
const RedsiftTypographyTooltipFontSize = '12px';
|
|
1331
1828
|
const RedsiftTypographyTooltipFontWeight = '400';
|
|
@@ -1501,6 +1998,10 @@ const AlertVariant = {
|
|
|
1501
1998
|
warning: 'warning',
|
|
1502
1999
|
info: 'info'
|
|
1503
2000
|
};
|
|
2001
|
+
const AlertStyleVariant = {
|
|
2002
|
+
default: 'default',
|
|
2003
|
+
minimal: 'minimal'
|
|
2004
|
+
};
|
|
1504
2005
|
|
|
1505
2006
|
/**
|
|
1506
2007
|
* Component props.
|
|
@@ -1852,7 +2353,7 @@ class LocalizedStringDictionary {
|
|
|
1852
2353
|
getStringsForLocale(locale) {
|
|
1853
2354
|
let strings = this.strings[locale];
|
|
1854
2355
|
if (!strings) {
|
|
1855
|
-
strings = getStringsForLocale(locale, this.strings, this.defaultLocale);
|
|
2356
|
+
strings = getStringsForLocale$1(locale, this.strings, this.defaultLocale);
|
|
1856
2357
|
this.strings[locale] = strings;
|
|
1857
2358
|
}
|
|
1858
2359
|
return strings;
|
|
@@ -1882,7 +2383,7 @@ class LocalizedStringDictionary {
|
|
|
1882
2383
|
return dictionary;
|
|
1883
2384
|
}
|
|
1884
2385
|
}
|
|
1885
|
-
function getStringsForLocale(locale, strings) {
|
|
2386
|
+
function getStringsForLocale$1(locale, strings) {
|
|
1886
2387
|
let defaultLocale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-US';
|
|
1887
2388
|
// If there is an exact match, use it.
|
|
1888
2389
|
if (strings[locale]) {
|
|
@@ -1894,7 +2395,7 @@ function getStringsForLocale(locale, strings) {
|
|
|
1894
2395
|
// an fr-FR (France) set of strings, use that.
|
|
1895
2396
|
// This could be replaced with Intl.LocaleMatcher once it is supported.
|
|
1896
2397
|
// https://github.com/tc39/proposal-intl-localematcher
|
|
1897
|
-
let language = getLanguage(locale);
|
|
2398
|
+
let language = getLanguage$1(locale);
|
|
1898
2399
|
if (strings[language]) {
|
|
1899
2400
|
return strings[language];
|
|
1900
2401
|
}
|
|
@@ -1907,7 +2408,7 @@ function getStringsForLocale(locale, strings) {
|
|
|
1907
2408
|
// Nothing close, use english.
|
|
1908
2409
|
return strings[defaultLocale];
|
|
1909
2410
|
}
|
|
1910
|
-
function getLanguage(locale) {
|
|
2411
|
+
function getLanguage$1(locale) {
|
|
1911
2412
|
// @ts-ignore
|
|
1912
2413
|
if (Intl.Locale) {
|
|
1913
2414
|
// @ts-ignore
|
|
@@ -1983,12 +2484,12 @@ class LocalizedStringFormatter {
|
|
|
1983
2484
|
}
|
|
1984
2485
|
|
|
1985
2486
|
/* eslint-disable prefer-const */
|
|
1986
|
-
const cache$
|
|
1987
|
-
function getCachedDictionary(strings) {
|
|
1988
|
-
let dictionary = cache$
|
|
2487
|
+
const cache$2 = new WeakMap();
|
|
2488
|
+
function getCachedDictionary$1(strings) {
|
|
2489
|
+
let dictionary = cache$2.get(strings);
|
|
1989
2490
|
if (!dictionary) {
|
|
1990
2491
|
dictionary = new LocalizedStringDictionary(strings);
|
|
1991
|
-
cache$
|
|
2492
|
+
cache$2.set(strings, dictionary);
|
|
1992
2493
|
}
|
|
1993
2494
|
return dictionary;
|
|
1994
2495
|
}
|
|
@@ -1997,7 +2498,7 @@ function getCachedDictionary(strings) {
|
|
|
1997
2498
|
* Returns a cached LocalizedStringDictionary for the given strings.
|
|
1998
2499
|
*/
|
|
1999
2500
|
function useLocalizedStringDictionary(strings, packageName) {
|
|
2000
|
-
return packageName && LocalizedStringDictionary.getGlobalDictionaryForPackage(packageName) || getCachedDictionary(strings);
|
|
2501
|
+
return packageName && LocalizedStringDictionary.getGlobalDictionaryForPackage(packageName) || getCachedDictionary$1(strings);
|
|
2001
2502
|
}
|
|
2002
2503
|
|
|
2003
2504
|
/**
|
|
@@ -3665,6 +4166,142 @@ function useNumberFormatter() {
|
|
|
3665
4166
|
return useMemo(() => new NumberFormatter(locale, options), [locale, options]);
|
|
3666
4167
|
}
|
|
3667
4168
|
|
|
4169
|
+
/* eslint-disable prefer-const */
|
|
4170
|
+
// @ts-nocheck
|
|
4171
|
+
/*
|
|
4172
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
4173
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4174
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
4175
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
4176
|
+
*
|
|
4177
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
4178
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
4179
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
4180
|
+
* governing permissions and limitations under the License.
|
|
4181
|
+
*/
|
|
4182
|
+
|
|
4183
|
+
/**
|
|
4184
|
+
* Stores a mapping of localized strings. Can be used to find the
|
|
4185
|
+
* closest available string for a given locale.
|
|
4186
|
+
*/
|
|
4187
|
+
class MessageDictionary {
|
|
4188
|
+
constructor(messages) {
|
|
4189
|
+
let defaultLocale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en-US';
|
|
4190
|
+
_defineProperty(this, "messages", void 0);
|
|
4191
|
+
_defineProperty(this, "defaultLocale", void 0);
|
|
4192
|
+
// Clone messages so we don't modify the original object.
|
|
4193
|
+
// Filter out entries with falsy values which may have been caused by applying optimize-locales-plugin.
|
|
4194
|
+
this.messages = Object.fromEntries(Object.entries(messages).filter(_ref => {
|
|
4195
|
+
let [, v] = _ref;
|
|
4196
|
+
return v;
|
|
4197
|
+
}));
|
|
4198
|
+
this.defaultLocale = defaultLocale;
|
|
4199
|
+
}
|
|
4200
|
+
getStringForLocale(key, locale) {
|
|
4201
|
+
let strings = this.messages[locale];
|
|
4202
|
+
if (!strings) {
|
|
4203
|
+
strings = getStringsForLocale(locale, this.messages, this.defaultLocale);
|
|
4204
|
+
this.messages[locale] = strings;
|
|
4205
|
+
}
|
|
4206
|
+
let string = strings[key];
|
|
4207
|
+
if (!string) {
|
|
4208
|
+
throw new Error(`Could not find intl message ${key} in ${locale} locale`);
|
|
4209
|
+
}
|
|
4210
|
+
return string;
|
|
4211
|
+
}
|
|
4212
|
+
}
|
|
4213
|
+
function getStringsForLocale(locale, strings) {
|
|
4214
|
+
let defaultLocale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-US';
|
|
4215
|
+
// If there is an exact match, use it.
|
|
4216
|
+
if (strings[locale]) {
|
|
4217
|
+
return strings[locale];
|
|
4218
|
+
}
|
|
4219
|
+
|
|
4220
|
+
// Attempt to find the closest match by language.
|
|
4221
|
+
// For example, if the locale is fr-CA (French Canadian), but there is only
|
|
4222
|
+
// an fr-FR (France) set of strings, use that.
|
|
4223
|
+
// This could be replaced with Intl.LocaleMatcher once it is supported.
|
|
4224
|
+
// https://github.com/tc39/proposal-intl-localematcher
|
|
4225
|
+
let language = getLanguage(locale);
|
|
4226
|
+
if (strings[language]) {
|
|
4227
|
+
return strings[language];
|
|
4228
|
+
}
|
|
4229
|
+
for (let key in strings) {
|
|
4230
|
+
if (key.startsWith(language + '-')) {
|
|
4231
|
+
return strings[key];
|
|
4232
|
+
}
|
|
4233
|
+
}
|
|
4234
|
+
|
|
4235
|
+
// Nothing close, use english.
|
|
4236
|
+
return strings[defaultLocale];
|
|
4237
|
+
}
|
|
4238
|
+
function getLanguage(locale) {
|
|
4239
|
+
// @ts-ignore
|
|
4240
|
+
if (Intl.Locale) {
|
|
4241
|
+
// @ts-ignore
|
|
4242
|
+
return new Intl.Locale(locale).language;
|
|
4243
|
+
}
|
|
4244
|
+
return locale.split('-')[0];
|
|
4245
|
+
}
|
|
4246
|
+
|
|
4247
|
+
/**
|
|
4248
|
+
* Formats ICU Message strings to create localized strings from a MessageDictionary.
|
|
4249
|
+
*/
|
|
4250
|
+
class MessageFormatter {
|
|
4251
|
+
constructor(locale, messages) {
|
|
4252
|
+
_defineProperty(this, "locale", void 0);
|
|
4253
|
+
_defineProperty(this, "messages", void 0);
|
|
4254
|
+
_defineProperty(this, "cache", void 0);
|
|
4255
|
+
this.locale = locale;
|
|
4256
|
+
this.messages = messages;
|
|
4257
|
+
this.cache = {};
|
|
4258
|
+
}
|
|
4259
|
+
format(key, variables) {
|
|
4260
|
+
let message = this.cache[key];
|
|
4261
|
+
if (!message) {
|
|
4262
|
+
let msg = this.messages.getStringForLocale(key, this.locale);
|
|
4263
|
+
if (!msg) {
|
|
4264
|
+
throw new Error(`Could not find intl message ${key} in ${this.locale} locale`);
|
|
4265
|
+
}
|
|
4266
|
+
message = new IntlMessageFormat(msg, this.locale);
|
|
4267
|
+
this.cache[key] = message;
|
|
4268
|
+
}
|
|
4269
|
+
let varCopy;
|
|
4270
|
+
if (variables) {
|
|
4271
|
+
varCopy = Object.keys(variables).reduce((acc, key) => {
|
|
4272
|
+
acc[key] = variables[key] == null ? false : variables[key];
|
|
4273
|
+
return acc;
|
|
4274
|
+
}, {});
|
|
4275
|
+
}
|
|
4276
|
+
return message.format(varCopy);
|
|
4277
|
+
}
|
|
4278
|
+
}
|
|
4279
|
+
|
|
4280
|
+
/* eslint-disable prefer-const */
|
|
4281
|
+
const cache$1 = new WeakMap();
|
|
4282
|
+
function getCachedDictionary(strings) {
|
|
4283
|
+
let dictionary = cache$1.get(strings);
|
|
4284
|
+
if (!dictionary) {
|
|
4285
|
+
dictionary = new MessageDictionary(strings);
|
|
4286
|
+
cache$1.set(strings, dictionary);
|
|
4287
|
+
}
|
|
4288
|
+
return dictionary;
|
|
4289
|
+
}
|
|
4290
|
+
|
|
4291
|
+
/**
|
|
4292
|
+
* Handles formatting ICU Message strings to create localized strings for the current locale.
|
|
4293
|
+
* Automatically updates when the locale changes, and handles caching of messages for performance.
|
|
4294
|
+
* @param strings - A mapping of languages to strings by key.
|
|
4295
|
+
*/
|
|
4296
|
+
function useMessageFormatter(strings) {
|
|
4297
|
+
let {
|
|
4298
|
+
locale
|
|
4299
|
+
} = useLocale();
|
|
4300
|
+
let dictionary = useMemo(() => getCachedDictionary(strings), [strings]);
|
|
4301
|
+
let formatter = useMemo(() => new MessageFormatter(locale, dictionary), [locale, dictionary]);
|
|
4302
|
+
return useCallback((key, variables) => formatter.format(key, variables), [formatter]);
|
|
4303
|
+
}
|
|
4304
|
+
|
|
3668
4305
|
/* eslint-disable prefer-const */
|
|
3669
4306
|
let cache = new Map();
|
|
3670
4307
|
|
|
@@ -3739,18 +4376,18 @@ function useFilter(options) {
|
|
|
3739
4376
|
}
|
|
3740
4377
|
|
|
3741
4378
|
var close$1 = "Close";
|
|
3742
|
-
var enUS$
|
|
4379
|
+
var enUS$9 = {
|
|
3743
4380
|
close: close$1
|
|
3744
4381
|
};
|
|
3745
4382
|
|
|
3746
4383
|
var close = "Fermer";
|
|
3747
|
-
var frFR$
|
|
4384
|
+
var frFR$9 = {
|
|
3748
4385
|
close: close
|
|
3749
4386
|
};
|
|
3750
4387
|
|
|
3751
|
-
var intlMessages$
|
|
3752
|
-
'en-US': enUS$
|
|
3753
|
-
'fr-FR': frFR$
|
|
4388
|
+
var intlMessages$9 = {
|
|
4389
|
+
'en-US': enUS$9,
|
|
4390
|
+
'fr-FR': frFR$9
|
|
3754
4391
|
};
|
|
3755
4392
|
|
|
3756
4393
|
/**
|
|
@@ -4226,8 +4863,6 @@ const ButtonVariant = {
|
|
|
4226
4863
|
* Component style.
|
|
4227
4864
|
*/
|
|
4228
4865
|
const StyledButton = styled.button`
|
|
4229
|
-
${baseStyling}
|
|
4230
|
-
|
|
4231
4866
|
align-items: center;
|
|
4232
4867
|
background: none;
|
|
4233
4868
|
border: none;
|
|
@@ -4237,12 +4872,14 @@ const StyledButton = styled.button`
|
|
|
4237
4872
|
font-size: var(--redsift-typography-button-font-size);
|
|
4238
4873
|
font-weight: var(--redsift-typography-button-font-weight);
|
|
4239
4874
|
gap: 8px;
|
|
4875
|
+
height: fit-content;
|
|
4240
4876
|
justify-content: center;
|
|
4241
4877
|
line-height: var(--redsift-typography-button-line-height);
|
|
4242
4878
|
text-decoration: none;
|
|
4243
4879
|
text-transform: var(--redsift-typography-button-text-transform);
|
|
4244
4880
|
vertical-align: middle;
|
|
4245
4881
|
-webkit-font-smoothing: antialiased;
|
|
4882
|
+
${baseStyling}
|
|
4246
4883
|
|
|
4247
4884
|
${_ref => {
|
|
4248
4885
|
let {
|
|
@@ -4265,26 +4902,56 @@ const StyledButton = styled.button`
|
|
|
4265
4902
|
$color,
|
|
4266
4903
|
$isActive,
|
|
4267
4904
|
$isDisabled,
|
|
4905
|
+
$isGradient,
|
|
4268
4906
|
$isHovered,
|
|
4269
4907
|
$theme
|
|
4270
4908
|
} = _ref2;
|
|
4271
4909
|
return css`
|
|
4272
|
-
padding: ${$variant === ButtonVariant.secondary ? '
|
|
4910
|
+
padding: ${$variant !== ButtonVariant.secondary || $variant === ButtonVariant.secondary && $isGradient && !$isDisabled ? '9px 16px' : '8px 15px'};
|
|
4273
4911
|
|
|
4274
|
-
|
|
4275
|
-
|
|
4276
|
-
|
|
4277
|
-
|
|
4278
|
-
|
|
4279
|
-
|
|
4280
|
-
|
|
4281
|
-
|
|
4282
|
-
|
|
4912
|
+
${!$isGradient ? css`
|
|
4913
|
+
background-color: var(
|
|
4914
|
+
--redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
|
|
4915
|
+
);
|
|
4916
|
+
&,
|
|
4917
|
+
.redsift-icon {
|
|
4918
|
+
color: var(
|
|
4919
|
+
--redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
|
|
4920
|
+
);
|
|
4921
|
+
}
|
|
4922
|
+
` : css`
|
|
4923
|
+
background: var(
|
|
4924
|
+
--redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
|
|
4925
|
+
);
|
|
4926
|
+
|
|
4927
|
+
${$variant === ButtonVariant.primary || $isDisabled ? css`
|
|
4928
|
+
&,
|
|
4929
|
+
.redsift-icon {
|
|
4930
|
+
color: var(
|
|
4931
|
+
--redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
|
|
4932
|
+
);
|
|
4933
|
+
}
|
|
4934
|
+
` : ''}
|
|
4935
|
+
|
|
4936
|
+
${$variant !== ButtonVariant.primary && !$isDisabled ? css`
|
|
4937
|
+
path {
|
|
4938
|
+
fill: url(#${$color}-gradient-${$isActive ? 'active' : $isHovered ? 'hover' : 'default'});
|
|
4939
|
+
}
|
|
4940
|
+
` : ''}
|
|
4941
|
+
|
|
4942
|
+
span {
|
|
4943
|
+
background: var(
|
|
4944
|
+
--redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
|
|
4945
|
+
);
|
|
4946
|
+
background-clip: text;
|
|
4947
|
+
color: transparent;
|
|
4948
|
+
}
|
|
4949
|
+
`}
|
|
4283
4950
|
|
|
4284
4951
|
${$variant === ButtonVariant.secondary ? css`
|
|
4285
4952
|
border: 1px solid
|
|
4286
4953
|
var(
|
|
4287
|
-
--redsift-color-${$theme}-components-buttons
|
|
4954
|
+
--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
|
|
4288
4955
|
);
|
|
4289
4956
|
` : ''}
|
|
4290
4957
|
`;
|
|
@@ -4299,27 +4966,40 @@ const StyledButton = styled.button`
|
|
|
4299
4966
|
$variant,
|
|
4300
4967
|
$color,
|
|
4301
4968
|
$isDisabled,
|
|
4969
|
+
$isGradient,
|
|
4302
4970
|
$theme
|
|
4303
4971
|
} = _ref3;
|
|
4304
4972
|
return css`
|
|
4305
4973
|
cursor: ${$isDisabled ? 'default' : 'pointer'};
|
|
4306
4974
|
|
|
4307
|
-
|
|
4308
|
-
|
|
4309
|
-
|
|
4310
|
-
|
|
4311
|
-
|
|
4312
|
-
|
|
4313
|
-
|
|
4314
|
-
);
|
|
4315
|
-
}
|
|
4316
|
-
|
|
4317
|
-
${$variant === ButtonVariant.secondary ? css`
|
|
4318
|
-
border: 1px solid
|
|
4319
|
-
var(
|
|
4975
|
+
${!$isGradient ? css`
|
|
4976
|
+
background-color: var(
|
|
4977
|
+
--redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : 'hover'}
|
|
4978
|
+
);
|
|
4979
|
+
&,
|
|
4980
|
+
.redsift-icon {
|
|
4981
|
+
color: var(
|
|
4320
4982
|
--redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : 'hover'}
|
|
4321
4983
|
);
|
|
4322
|
-
|
|
4984
|
+
}
|
|
4985
|
+
|
|
4986
|
+
${$variant === ButtonVariant.secondary ? css`
|
|
4987
|
+
border: 1px solid
|
|
4988
|
+
var(
|
|
4989
|
+
--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : 'hover'}
|
|
4990
|
+
);
|
|
4991
|
+
` : ''}
|
|
4992
|
+
` : css`
|
|
4993
|
+
background: var(
|
|
4994
|
+
--redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : 'hover'}
|
|
4995
|
+
);
|
|
4996
|
+
|
|
4997
|
+
${$variant !== ButtonVariant.primary && !$isDisabled ? css`
|
|
4998
|
+
path {
|
|
4999
|
+
fill: url(#${$color}-gradient-hover);
|
|
5000
|
+
}
|
|
5001
|
+
` : ''}
|
|
5002
|
+
`}
|
|
4323
5003
|
`;
|
|
4324
5004
|
}};
|
|
4325
5005
|
}
|
|
@@ -4331,27 +5011,40 @@ const StyledButton = styled.button`
|
|
|
4331
5011
|
let {
|
|
4332
5012
|
$variant,
|
|
4333
5013
|
$color,
|
|
5014
|
+
$isGradient,
|
|
4334
5015
|
$isHovered,
|
|
4335
5016
|
$isDisabled,
|
|
4336
5017
|
$theme
|
|
4337
5018
|
} = _ref4;
|
|
4338
5019
|
return css`
|
|
4339
|
-
|
|
4340
|
-
|
|
4341
|
-
|
|
4342
|
-
|
|
4343
|
-
|
|
4344
|
-
|
|
4345
|
-
|
|
4346
|
-
);
|
|
4347
|
-
}
|
|
4348
|
-
|
|
4349
|
-
${$variant === ButtonVariant.secondary ? css`
|
|
4350
|
-
border: 1px solid
|
|
4351
|
-
var(
|
|
5020
|
+
${!$isGradient ? css`
|
|
5021
|
+
background-color: var(
|
|
5022
|
+
--redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
|
|
5023
|
+
);
|
|
5024
|
+
&,
|
|
5025
|
+
.redsift-icon {
|
|
5026
|
+
color: var(
|
|
4352
5027
|
--redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
|
|
4353
5028
|
);
|
|
4354
|
-
|
|
5029
|
+
}
|
|
5030
|
+
|
|
5031
|
+
${$variant === ButtonVariant.secondary ? css`
|
|
5032
|
+
border: 1px solid
|
|
5033
|
+
var(
|
|
5034
|
+
--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
|
|
5035
|
+
);
|
|
5036
|
+
` : ''}
|
|
5037
|
+
` : css`
|
|
5038
|
+
background: var(
|
|
5039
|
+
--redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
|
|
5040
|
+
);
|
|
5041
|
+
|
|
5042
|
+
${$variant !== ButtonVariant.primary && !$isDisabled ? css`
|
|
5043
|
+
path {
|
|
5044
|
+
fill: url(#${$color}-gradient-active);
|
|
5045
|
+
}
|
|
5046
|
+
` : ''}
|
|
5047
|
+
`}
|
|
4355
5048
|
`;
|
|
4356
5049
|
}};
|
|
4357
5050
|
}
|
|
@@ -4380,18 +5073,18 @@ const StyledButton = styled.button`
|
|
|
4380
5073
|
`;
|
|
4381
5074
|
|
|
4382
5075
|
var loading$1 = "Loading...";
|
|
4383
|
-
var enUS$
|
|
5076
|
+
var enUS$8 = {
|
|
4384
5077
|
loading: loading$1
|
|
4385
5078
|
};
|
|
4386
5079
|
|
|
4387
5080
|
var loading = "Chargement...";
|
|
4388
|
-
var frFR$
|
|
5081
|
+
var frFR$8 = {
|
|
4389
5082
|
loading: loading
|
|
4390
5083
|
};
|
|
4391
5084
|
|
|
4392
|
-
var intlMessages$
|
|
4393
|
-
'en-US': enUS$
|
|
4394
|
-
'fr-FR': frFR$
|
|
5085
|
+
var intlMessages$8 = {
|
|
5086
|
+
'en-US': enUS$8,
|
|
5087
|
+
'fr-FR': frFR$8
|
|
4395
5088
|
};
|
|
4396
5089
|
|
|
4397
5090
|
/**
|
|
@@ -4416,11 +5109,15 @@ const StyledSpinner = styled.img`
|
|
|
4416
5109
|
vertical-align: -0.125em;
|
|
4417
5110
|
`;
|
|
4418
5111
|
|
|
4419
|
-
var
|
|
5112
|
+
var spinnerPrimaryN = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iIzQyODVGNCIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiM0Mjg1RjQiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
|
|
5113
|
+
|
|
5114
|
+
var spinnerGreyL1 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iIzg1ODU4NSIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiM4NTg1ODUiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
|
|
4420
5115
|
|
|
4421
|
-
var
|
|
5116
|
+
var spinnerGreyL2 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iI2EzYTNhMyIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiNhM2EzYTMiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
|
|
4422
5117
|
|
|
4423
|
-
|
|
5118
|
+
var spinnerGreyL3 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iI2UwZTBlMCIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiNlMGUwZTAiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
|
|
5119
|
+
|
|
5120
|
+
const _excluded$U = ["aria-hidden", "aria-label", "className", "color", "isColored", "size", "theme"];
|
|
4424
5121
|
const COMPONENT_NAME$Q = 'Spinner';
|
|
4425
5122
|
const CLASSNAME$Q = 'redsift-shield';
|
|
4426
5123
|
const DEFAULT_PROPS$Q = {
|
|
@@ -4461,17 +5158,19 @@ const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
4461
5158
|
'aria-hidden': ariaHidden,
|
|
4462
5159
|
'aria-label': ariaLabel,
|
|
4463
5160
|
className,
|
|
5161
|
+
color: propsColor,
|
|
4464
5162
|
isColored,
|
|
4465
5163
|
size,
|
|
4466
5164
|
theme: propsTheme
|
|
4467
5165
|
} = props,
|
|
4468
5166
|
forwardedProps = _objectWithoutProperties(props, _excluded$U);
|
|
4469
5167
|
const theme = useTheme(propsTheme);
|
|
5168
|
+
const color = propsColor !== null && propsColor !== void 0 ? propsColor : isColored ? 'primary' : 'grey-l3';
|
|
4470
5169
|
const {
|
|
4471
5170
|
width,
|
|
4472
5171
|
height
|
|
4473
5172
|
} = sizeToDimension(size);
|
|
4474
|
-
const stringFormatter = useLocalizedStringFormatter(intlMessages$
|
|
5173
|
+
const stringFormatter = useLocalizedStringFormatter(intlMessages$8);
|
|
4475
5174
|
return /*#__PURE__*/React__default.createElement(StyledSpinner, _extends$1({
|
|
4476
5175
|
alt: stringFormatter.format('loading')
|
|
4477
5176
|
}, forwardedProps, {
|
|
@@ -4480,7 +5179,7 @@ const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
4480
5179
|
className: classNames(Spinner.className, className),
|
|
4481
5180
|
height: height,
|
|
4482
5181
|
ref: ref,
|
|
4483
|
-
src:
|
|
5182
|
+
src: color === 'primary' ? spinnerPrimaryN : color === 'grey-l1' ? spinnerGreyL1 : color === 'grey-l2' ? spinnerGreyL2 : spinnerGreyL3,
|
|
4484
5183
|
width: width,
|
|
4485
5184
|
$size: size,
|
|
4486
5185
|
$theme: theme
|
|
@@ -4490,14 +5189,51 @@ Spinner.className = CLASSNAME$Q;
|
|
|
4490
5189
|
Spinner.defaultProps = DEFAULT_PROPS$Q;
|
|
4491
5190
|
Spinner.displayName = COMPONENT_NAME$Q;
|
|
4492
5191
|
|
|
5192
|
+
const ConditionalWrapper = _ref => {
|
|
5193
|
+
let {
|
|
5194
|
+
children,
|
|
5195
|
+
condition,
|
|
5196
|
+
wrapper
|
|
5197
|
+
} = _ref;
|
|
5198
|
+
return condition ? wrapper(children) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
|
|
5199
|
+
};
|
|
5200
|
+
|
|
5201
|
+
const StyledGradientBorder = styled.div`
|
|
5202
|
+
${_ref => {
|
|
5203
|
+
let {
|
|
5204
|
+
$color,
|
|
5205
|
+
$isActive,
|
|
5206
|
+
$isDisabled,
|
|
5207
|
+
$isHovered,
|
|
5208
|
+
$theme,
|
|
5209
|
+
width
|
|
5210
|
+
} = _ref;
|
|
5211
|
+
return css`
|
|
5212
|
+
background: transparent;
|
|
5213
|
+
border-radius: 4px;
|
|
5214
|
+
width: ${width !== null && width !== void 0 ? width : 'fit-content'};
|
|
5215
|
+
|
|
5216
|
+
${!$isDisabled ? css`
|
|
5217
|
+
border: 1px solid transparent;
|
|
5218
|
+
background-clip: padding-box, border-box;
|
|
5219
|
+
background-origin: border-box;
|
|
5220
|
+
background-image: linear-gradient(
|
|
5221
|
+
90deg,
|
|
5222
|
+
var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'}),
|
|
5223
|
+
var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'})
|
|
5224
|
+
),
|
|
5225
|
+
var(
|
|
5226
|
+
--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
|
|
5227
|
+
);
|
|
5228
|
+
` : ''}
|
|
5229
|
+
`;
|
|
5230
|
+
}};
|
|
5231
|
+
`;
|
|
5232
|
+
|
|
4493
5233
|
const _excluded$T = ["children", "className", "color", "disabled", "fullWidth", "isActive", "isDisabled", "isHovered", "isLoading", "leftIcon", "leftIconProps", "rightIcon", "rightIconProps", "theme", "variant"];
|
|
4494
5234
|
const COMPONENT_NAME$P = 'Button';
|
|
4495
5235
|
const CLASSNAME$P = 'redsift-button';
|
|
4496
|
-
const DEFAULT_PROPS$P = {
|
|
4497
|
-
color: ButtonsColorPalette.primary,
|
|
4498
|
-
height: 'fit-content',
|
|
4499
|
-
variant: ButtonVariant.primary
|
|
4500
|
-
};
|
|
5236
|
+
const DEFAULT_PROPS$P = {};
|
|
4501
5237
|
|
|
4502
5238
|
/**
|
|
4503
5239
|
* The Button is a semantic button that looks like a button.
|
|
@@ -4512,7 +5248,7 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
4512
5248
|
const {
|
|
4513
5249
|
children,
|
|
4514
5250
|
className,
|
|
4515
|
-
color,
|
|
5251
|
+
color: propsColor,
|
|
4516
5252
|
disabled,
|
|
4517
5253
|
fullWidth,
|
|
4518
5254
|
isActive,
|
|
@@ -4524,16 +5260,29 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
4524
5260
|
rightIcon,
|
|
4525
5261
|
rightIconProps,
|
|
4526
5262
|
theme: propsTheme,
|
|
4527
|
-
variant
|
|
5263
|
+
variant: propsVariant
|
|
4528
5264
|
} = props,
|
|
4529
5265
|
forwardedProps = _objectWithoutProperties(props, _excluded$T);
|
|
4530
5266
|
const isDisabled = isLoading || propsIsDisabled || disabled;
|
|
4531
5267
|
const theme = useTheme(propsTheme);
|
|
4532
|
-
|
|
5268
|
+
const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
|
|
5269
|
+
const variant = Object.values(ButtonVariant).includes(propsVariant) ? propsVariant : 'primary';
|
|
5270
|
+
const isGradient = color === ButtonsColorPalette.radar;
|
|
5271
|
+
return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
|
|
5272
|
+
condition: isGradient && variant === ButtonVariant.secondary,
|
|
5273
|
+
wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
|
|
5274
|
+
$color: color,
|
|
5275
|
+
$isActive: isActive,
|
|
5276
|
+
$isDisabled: isDisabled,
|
|
5277
|
+
$isHovered: isHovered,
|
|
5278
|
+
$theme: theme
|
|
5279
|
+
}, children)
|
|
5280
|
+
}, /*#__PURE__*/React__default.createElement(StyledButton, _extends$1({}, forwardedProps, {
|
|
4533
5281
|
$color: color,
|
|
4534
5282
|
$fullWidth: fullWidth,
|
|
4535
5283
|
$isActive: isActive,
|
|
4536
5284
|
$isDisabled: isDisabled,
|
|
5285
|
+
$isGradient: isGradient,
|
|
4537
5286
|
$isHovered: isHovered,
|
|
4538
5287
|
$isLoading: isLoading,
|
|
4539
5288
|
$theme: theme,
|
|
@@ -4542,18 +5291,18 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
4542
5291
|
className: classNames(Button.className, className),
|
|
4543
5292
|
disabled: isDisabled,
|
|
4544
5293
|
ref: buttonRef
|
|
4545
|
-
}), leftIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends$1({
|
|
5294
|
+
}), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, leftIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends$1({
|
|
4546
5295
|
icon: leftIcon,
|
|
4547
5296
|
"aria-hidden": "true",
|
|
4548
5297
|
className: "left"
|
|
4549
5298
|
}, leftIconProps)) : null, isLoading ? /*#__PURE__*/React__default.createElement(Spinner, {
|
|
4550
5299
|
size: "small",
|
|
4551
|
-
|
|
5300
|
+
color: variant === ButtonVariant.primary ? 'grey-l1' : 'grey-l2'
|
|
4552
5301
|
}) : null, /*#__PURE__*/React__default.createElement("span", null, children), rightIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends$1({
|
|
4553
5302
|
icon: rightIcon,
|
|
4554
5303
|
"aria-hidden": "true",
|
|
4555
5304
|
className: "right"
|
|
4556
|
-
}, rightIconProps)) : null);
|
|
5305
|
+
}, rightIconProps)) : null)));
|
|
4557
5306
|
});
|
|
4558
5307
|
Button.className = CLASSNAME$P;
|
|
4559
5308
|
Button.defaultProps = DEFAULT_PROPS$P;
|
|
@@ -4587,11 +5336,7 @@ const StyledIconButton = styled(StyledButton)`
|
|
|
4587
5336
|
const _excluded$S = ["className", "color", "disabled", "icon", "iconProps", "isActive", "isDisabled", "isHovered", "isLoading", "theme", "variant"];
|
|
4588
5337
|
const COMPONENT_NAME$O = 'IconButton';
|
|
4589
5338
|
const CLASSNAME$O = 'redsift-icon-button';
|
|
4590
|
-
const DEFAULT_PROPS$O = {
|
|
4591
|
-
color: ButtonsColorPalette.primary,
|
|
4592
|
-
height: 'fit-content',
|
|
4593
|
-
variant: IconButtonVariant.unstyled
|
|
4594
|
-
};
|
|
5339
|
+
const DEFAULT_PROPS$O = {};
|
|
4595
5340
|
|
|
4596
5341
|
/**
|
|
4597
5342
|
* The Icon Button is a component that contains only one icon as a child, without text.
|
|
@@ -4603,7 +5348,7 @@ const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
4603
5348
|
const buttonRef = ref || useRef();
|
|
4604
5349
|
const {
|
|
4605
5350
|
className,
|
|
4606
|
-
color,
|
|
5351
|
+
color: propsColor,
|
|
4607
5352
|
disabled,
|
|
4608
5353
|
icon,
|
|
4609
5354
|
iconProps,
|
|
@@ -4612,16 +5357,29 @@ const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
4612
5357
|
isHovered,
|
|
4613
5358
|
isLoading,
|
|
4614
5359
|
theme: propsTheme,
|
|
4615
|
-
variant
|
|
5360
|
+
variant: propsVariant
|
|
4616
5361
|
} = props,
|
|
4617
5362
|
forwardedProps = _objectWithoutProperties(props, _excluded$S);
|
|
4618
5363
|
const isDisabled = props.isLoading || propsIsDisabled || disabled;
|
|
4619
5364
|
const theme = useTheme(propsTheme);
|
|
5365
|
+
const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
|
|
5366
|
+
const variant = Object.values(IconButtonVariant).includes(propsVariant) ? propsVariant : 'unstyled';
|
|
4620
5367
|
warnIfNoAccessibleLabelFound(props, undefined, 'IconButton');
|
|
4621
|
-
|
|
5368
|
+
const isGradient = color === ButtonsColorPalette.radar;
|
|
5369
|
+
return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
|
|
5370
|
+
condition: isGradient && variant === IconButtonVariant.secondary,
|
|
5371
|
+
wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
|
|
5372
|
+
$color: color,
|
|
5373
|
+
$isActive: isActive,
|
|
5374
|
+
$isDisabled: isDisabled,
|
|
5375
|
+
$isHovered: isHovered,
|
|
5376
|
+
$theme: theme
|
|
5377
|
+
}, children)
|
|
5378
|
+
}, /*#__PURE__*/React__default.createElement(StyledIconButton, _extends$1({}, forwardedProps, {
|
|
4622
5379
|
$color: color,
|
|
4623
5380
|
$isActive: isActive,
|
|
4624
5381
|
$isDisabled: isDisabled,
|
|
5382
|
+
$isGradient: isGradient,
|
|
4625
5383
|
$isHovered: isHovered,
|
|
4626
5384
|
$isLoading: isLoading,
|
|
4627
5385
|
$theme: theme,
|
|
@@ -4631,11 +5389,12 @@ const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
4631
5389
|
disabled: isDisabled,
|
|
4632
5390
|
ref: buttonRef
|
|
4633
5391
|
}), isLoading ? /*#__PURE__*/React__default.createElement(Spinner, {
|
|
4634
|
-
size: "small"
|
|
5392
|
+
size: "small",
|
|
5393
|
+
color: variant === IconButtonVariant.primary ? 'grey-l1' : 'grey-l2'
|
|
4635
5394
|
}) : /*#__PURE__*/React__default.createElement(Icon, _extends$1({}, iconProps, {
|
|
4636
5395
|
icon: icon,
|
|
4637
5396
|
color: color
|
|
4638
|
-
})));
|
|
5397
|
+
}))));
|
|
4639
5398
|
});
|
|
4640
5399
|
IconButton.className = CLASSNAME$O;
|
|
4641
5400
|
IconButton.defaultProps = DEFAULT_PROPS$O;
|
|
@@ -4955,10 +5714,7 @@ Flexbox.displayName = COMPONENT_NAME$M;
|
|
|
4955
5714
|
const _excluded$P = ["children", "className", "isClosable", "isClosed", "onClose", "theme", "title", "variant", "styleVariant"];
|
|
4956
5715
|
const COMPONENT_NAME$L = 'Alert';
|
|
4957
5716
|
const CLASSNAME$L = 'redsift-alert';
|
|
4958
|
-
const DEFAULT_PROPS$L = {
|
|
4959
|
-
variant: 'info',
|
|
4960
|
-
styleVariant: 'default'
|
|
4961
|
-
};
|
|
5717
|
+
const DEFAULT_PROPS$L = {};
|
|
4962
5718
|
const getVariant$1 = (variant, styleVariant, theme) => {
|
|
4963
5719
|
switch (variant) {
|
|
4964
5720
|
case AlertVariant.info:
|
|
@@ -4997,12 +5753,14 @@ const Alert = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
4997
5753
|
onClose,
|
|
4998
5754
|
theme: propsTheme,
|
|
4999
5755
|
title,
|
|
5000
|
-
variant,
|
|
5001
|
-
styleVariant
|
|
5756
|
+
variant: propsVariant,
|
|
5757
|
+
styleVariant: propsStyleVariant
|
|
5002
5758
|
} = props,
|
|
5003
5759
|
forwardedProps = _objectWithoutProperties(props, _excluded$P);
|
|
5004
5760
|
const theme = useTheme(propsTheme);
|
|
5005
|
-
const
|
|
5761
|
+
const variant = Object.values(AlertVariant).includes(propsVariant) ? propsVariant : 'info';
|
|
5762
|
+
const styleVariant = Object.values(AlertStyleVariant).includes(propsStyleVariant) ? propsStyleVariant : 'default';
|
|
5763
|
+
const format = useMessageFormatter(intlMessages$9);
|
|
5006
5764
|
const {
|
|
5007
5765
|
color,
|
|
5008
5766
|
icon
|
|
@@ -5041,7 +5799,7 @@ const Alert = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
5041
5799
|
}), title ? /*#__PURE__*/React__default.createElement(Text, {
|
|
5042
5800
|
fontWeight: RedsiftTypographyFontWeightSemiBold
|
|
5043
5801
|
}, title) : null), isClosable ? /*#__PURE__*/React__default.createElement(IconButton, {
|
|
5044
|
-
"aria-label":
|
|
5802
|
+
"aria-label": format('close'),
|
|
5045
5803
|
className: `${Alert.className}-header__icon-button`,
|
|
5046
5804
|
icon: mdiClose,
|
|
5047
5805
|
onClick: handleClose,
|
|
@@ -5056,21 +5814,21 @@ Alert.displayName = COMPONENT_NAME$L;
|
|
|
5056
5814
|
|
|
5057
5815
|
var expand$7 = "Expand left side panel";
|
|
5058
5816
|
var collapse$7 = "Collapse left side panel";
|
|
5059
|
-
var enUS$
|
|
5817
|
+
var enUS$7 = {
|
|
5060
5818
|
expand: expand$7,
|
|
5061
5819
|
collapse: collapse$7
|
|
5062
5820
|
};
|
|
5063
5821
|
|
|
5064
5822
|
var expand$6 = "Développer le panneau latéral gauche";
|
|
5065
5823
|
var collapse$6 = "Réduire le panneau latéral gauche";
|
|
5066
|
-
var frFR$
|
|
5824
|
+
var frFR$7 = {
|
|
5067
5825
|
expand: expand$6,
|
|
5068
5826
|
collapse: collapse$6
|
|
5069
5827
|
};
|
|
5070
5828
|
|
|
5071
|
-
var intlMessages$
|
|
5072
|
-
'en-US': enUS$
|
|
5073
|
-
'fr-FR': frFR$
|
|
5829
|
+
var intlMessages$7 = {
|
|
5830
|
+
'en-US': enUS$7,
|
|
5831
|
+
'fr-FR': frFR$7
|
|
5074
5832
|
};
|
|
5075
5833
|
|
|
5076
5834
|
const AppContainerContext = /*#__PURE__*/React__default.createContext(null);
|
|
@@ -5334,21 +6092,21 @@ const AppSidePanelVariant = {
|
|
|
5334
6092
|
|
|
5335
6093
|
var expand$5 = "Expand left side panel";
|
|
5336
6094
|
var collapse$5 = "Collapse left side panel";
|
|
5337
|
-
var enUS$
|
|
6095
|
+
var enUS$6 = {
|
|
5338
6096
|
expand: expand$5,
|
|
5339
6097
|
collapse: collapse$5
|
|
5340
6098
|
};
|
|
5341
6099
|
|
|
5342
6100
|
var expand$4 = "Développer le panneau latéral gauche";
|
|
5343
6101
|
var collapse$4 = "Réduire le panneau latéral gauche";
|
|
5344
|
-
var frFR$
|
|
6102
|
+
var frFR$6 = {
|
|
5345
6103
|
expand: expand$4,
|
|
5346
6104
|
collapse: collapse$4
|
|
5347
6105
|
};
|
|
5348
6106
|
|
|
5349
|
-
var intlMessages$
|
|
5350
|
-
'en-US': enUS$
|
|
5351
|
-
'fr-FR': frFR$
|
|
6107
|
+
var intlMessages$6 = {
|
|
6108
|
+
'en-US': enUS$6,
|
|
6109
|
+
'fr-FR': frFR$6
|
|
5352
6110
|
};
|
|
5353
6111
|
|
|
5354
6112
|
/**
|
|
@@ -5556,7 +6314,7 @@ const AppSidePanel = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
5556
6314
|
} = useWindowSize();
|
|
5557
6315
|
const appContainerState = useContext(AppContainerContext);
|
|
5558
6316
|
const theme = useTheme(propsTheme);
|
|
5559
|
-
const
|
|
6317
|
+
const format = useMessageFormatter(intlMessages$6);
|
|
5560
6318
|
useEffect(() => {
|
|
5561
6319
|
if (appContainerState && variant && appContainerState.sidePanelVariant !== variant) {
|
|
5562
6320
|
appContainerState.setSidePanelVariant(variant);
|
|
@@ -5588,7 +6346,7 @@ const AppSidePanel = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
5588
6346
|
}) : null), /*#__PURE__*/React__default.createElement(IconButton, _extends$1({
|
|
5589
6347
|
className: `${AppSidePanel.className}-header__expand-button`
|
|
5590
6348
|
}, iconButtonProps, {
|
|
5591
|
-
"aria-label":
|
|
6349
|
+
"aria-label": format('expand'),
|
|
5592
6350
|
icon: mdiMenu,
|
|
5593
6351
|
onClick: handleClose,
|
|
5594
6352
|
ref: iconButtonRef,
|
|
@@ -5913,10 +6671,7 @@ const StyledBadge = styled.div`
|
|
|
5913
6671
|
const _excluded$M = ["autoBreak", "children", "className", "color", "isReversed", "theme", "variant"];
|
|
5914
6672
|
const COMPONENT_NAME$I = 'Badge';
|
|
5915
6673
|
const CLASSNAME$I = 'redsift-badge';
|
|
5916
|
-
const DEFAULT_PROPS$I = {
|
|
5917
|
-
color: NotificationsColorPalette.question,
|
|
5918
|
-
variant: BadgeVariant.dot
|
|
5919
|
-
};
|
|
6674
|
+
const DEFAULT_PROPS$I = {};
|
|
5920
6675
|
|
|
5921
6676
|
/**
|
|
5922
6677
|
* The Badge component.
|
|
@@ -5926,13 +6681,15 @@ const Badge = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
5926
6681
|
autoBreak,
|
|
5927
6682
|
children,
|
|
5928
6683
|
className,
|
|
5929
|
-
color,
|
|
6684
|
+
color: propsColor,
|
|
5930
6685
|
isReversed,
|
|
5931
6686
|
theme: propsTheme,
|
|
5932
|
-
variant
|
|
6687
|
+
variant: propsVariant
|
|
5933
6688
|
} = props,
|
|
5934
6689
|
forwardedProps = _objectWithoutProperties(props, _excluded$M);
|
|
5935
6690
|
const theme = useTheme(propsTheme);
|
|
6691
|
+
const color = [...Object.values(NotificationsColorPalette), ...Object.values(PresentationColorPalette)].includes(propsColor) ? propsColor : 'question';
|
|
6692
|
+
const variant = Object.values(BadgeVariant).includes(propsVariant) ? propsVariant : 'dot';
|
|
5936
6693
|
return /*#__PURE__*/React__default.createElement(StyledBadge, _extends$1({}, forwardedProps, {
|
|
5937
6694
|
$autoBreak: autoBreak,
|
|
5938
6695
|
$color: color,
|
|
@@ -6283,11 +7040,53 @@ const _excluded$K = ["children", "className", "locale", "product", "theme"];
|
|
|
6283
7040
|
const COMPONENT_NAME$G = 'AppContainer';
|
|
6284
7041
|
const CLASSNAME$G = 'redsift-app-container';
|
|
6285
7042
|
const DEFAULT_PROPS$G = {};
|
|
7043
|
+
const RadarSvgLinearGradient = () => /*#__PURE__*/React__default.createElement("svg", {
|
|
7044
|
+
width: "0",
|
|
7045
|
+
height: "0"
|
|
7046
|
+
}, /*#__PURE__*/React__default.createElement("linearGradient", {
|
|
7047
|
+
id: "radar-gradient-default",
|
|
7048
|
+
x1: "100%",
|
|
7049
|
+
y1: "100%",
|
|
7050
|
+
x2: "0%",
|
|
7051
|
+
y2: "0%"
|
|
7052
|
+
}, /*#__PURE__*/React__default.createElement("stop", {
|
|
7053
|
+
stopColor: "rgba(81, 183, 164, 1)",
|
|
7054
|
+
offset: "0%"
|
|
7055
|
+
}), /*#__PURE__*/React__default.createElement("stop", {
|
|
7056
|
+
stopColor: "rgba(0, 129, 195, 1)",
|
|
7057
|
+
offset: "100%"
|
|
7058
|
+
})), /*#__PURE__*/React__default.createElement("linearGradient", {
|
|
7059
|
+
id: "radar-gradient-hover",
|
|
7060
|
+
x1: "100%",
|
|
7061
|
+
y1: "100%",
|
|
7062
|
+
x2: "0%",
|
|
7063
|
+
y2: "0%"
|
|
7064
|
+
}, /*#__PURE__*/React__default.createElement("stop", {
|
|
7065
|
+
stopColor: "rgba(65, 146, 131, 1)",
|
|
7066
|
+
offset: "0%"
|
|
7067
|
+
}), /*#__PURE__*/React__default.createElement("stop", {
|
|
7068
|
+
stopColor: "rgba(3, 114, 171, 1)",
|
|
7069
|
+
offset: "100%"
|
|
7070
|
+
})), /*#__PURE__*/React__default.createElement("linearGradient", {
|
|
7071
|
+
id: "radar-gradient-active",
|
|
7072
|
+
x1: "100%",
|
|
7073
|
+
y1: "100%",
|
|
7074
|
+
x2: "0%",
|
|
7075
|
+
y2: "0%"
|
|
7076
|
+
}, /*#__PURE__*/React__default.createElement("stop", {
|
|
7077
|
+
stopColor: "rgba(58, 122, 110, 1)",
|
|
7078
|
+
offset: "0%"
|
|
7079
|
+
}), /*#__PURE__*/React__default.createElement("stop", {
|
|
7080
|
+
stopColor: "rgba(0, 96, 145, 1)",
|
|
7081
|
+
offset: "100%"
|
|
7082
|
+
})));
|
|
6286
7083
|
|
|
6287
7084
|
/**
|
|
6288
7085
|
* The AppContainer component.
|
|
6289
7086
|
*/
|
|
6290
7087
|
const AppContainer = /*#__PURE__*/forwardRef((props, ref) => {
|
|
7088
|
+
const _ref = useRef();
|
|
7089
|
+
const divRef = ref || _ref;
|
|
6291
7090
|
const {
|
|
6292
7091
|
children,
|
|
6293
7092
|
className,
|
|
@@ -6312,14 +7111,15 @@ const AppContainer = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
6312
7111
|
product,
|
|
6313
7112
|
breadcrumbs,
|
|
6314
7113
|
sidePanelVariant,
|
|
6315
|
-
setSidePanelVariant
|
|
7114
|
+
setSidePanelVariant,
|
|
7115
|
+
appContainerRef: divRef
|
|
6316
7116
|
};
|
|
6317
7117
|
return /*#__PURE__*/React__default.createElement(StyledAppContainer, _extends$1({}, forwardedProps, {
|
|
6318
7118
|
id: "redsift-app-container",
|
|
6319
7119
|
$theme: theme,
|
|
6320
7120
|
$product: product,
|
|
6321
7121
|
className: classNames(AppContainer.className, className),
|
|
6322
|
-
ref:
|
|
7122
|
+
ref: divRef
|
|
6323
7123
|
}), /*#__PURE__*/React__default.createElement(AppContainerContext.Provider, {
|
|
6324
7124
|
value: state
|
|
6325
7125
|
}, /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
|
@@ -6328,7 +7128,7 @@ const AppContainer = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
6328
7128
|
}
|
|
6329
7129
|
}, /*#__PURE__*/React__default.createElement(I18nProvider, {
|
|
6330
7130
|
locale: locale
|
|
6331
|
-
}, children))));
|
|
7131
|
+
}, children))), /*#__PURE__*/React__default.createElement(RadarSvgLinearGradient, null));
|
|
6332
7132
|
});
|
|
6333
7133
|
AppContainer.className = CLASSNAME$G;
|
|
6334
7134
|
AppContainer.defaultProps = DEFAULT_PROPS$G;
|
|
@@ -7242,7 +8042,7 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
7242
8042
|
} = useIsLoaded();
|
|
7243
8043
|
const appContainerState = useContext(AppContainerContext);
|
|
7244
8044
|
const theme = useTheme(propsTheme);
|
|
7245
|
-
const
|
|
8045
|
+
const format = useMessageFormatter(intlMessages$7);
|
|
7246
8046
|
return /*#__PURE__*/React__default.createElement(StyledAppBar, _extends$1({}, forwardedProps, {
|
|
7247
8047
|
$hasBorder: scroll,
|
|
7248
8048
|
$isLoaded: isLoaded,
|
|
@@ -7261,7 +8061,7 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
7261
8061
|
}) : /*#__PURE__*/React__default.createElement(IconButton, _extends$1({
|
|
7262
8062
|
className: `${AppBar.className}-left__collapse-button`
|
|
7263
8063
|
}, iconButtonProps, {
|
|
7264
|
-
"aria-label":
|
|
8064
|
+
"aria-label": format('collapse'),
|
|
7265
8065
|
icon: mdiMenuOpen,
|
|
7266
8066
|
onClick: appContainerState.collapseSidePanel,
|
|
7267
8067
|
ref: iconButtonRef,
|
|
@@ -7482,10 +8282,7 @@ const StyledButtonGroup = styled.div`
|
|
|
7482
8282
|
const _excluded$C = ["children", "className", "color", "theme", "variant"];
|
|
7483
8283
|
const COMPONENT_NAME$z = 'ButtonGroup';
|
|
7484
8284
|
const CLASSNAME$z = 'redsift-button-group';
|
|
7485
|
-
const DEFAULT_PROPS$z = {
|
|
7486
|
-
color: 'primary',
|
|
7487
|
-
variant: 'primary'
|
|
7488
|
-
};
|
|
8285
|
+
const DEFAULT_PROPS$z = {};
|
|
7489
8286
|
|
|
7490
8287
|
/**
|
|
7491
8288
|
* The ButtonGroup component.
|
|
@@ -7494,20 +8291,22 @@ const ButtonGroup = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
7494
8291
|
const {
|
|
7495
8292
|
children,
|
|
7496
8293
|
className,
|
|
7497
|
-
color,
|
|
8294
|
+
color: propsColor,
|
|
7498
8295
|
theme: propsTheme,
|
|
7499
|
-
variant
|
|
8296
|
+
variant: propsVariant
|
|
7500
8297
|
} = props,
|
|
7501
8298
|
forwardedProps = _objectWithoutProperties(props, _excluded$C);
|
|
7502
8299
|
const theme = useTheme(propsTheme);
|
|
8300
|
+
const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
|
|
8301
|
+
const variant = Object.values(ButtonGroupVariant).includes(propsVariant) ? propsVariant : 'primary';
|
|
7503
8302
|
|
|
7504
8303
|
/**
|
|
7505
|
-
* Create an array containing only valid children being either Button, IconButton, ButtonLink or
|
|
8304
|
+
* Create an array containing only valid children being either Button, IconButton, ButtonLink, MenuButton or Select.
|
|
7506
8305
|
*/
|
|
7507
|
-
const childArray = filterComponents(['Button', 'IconButton', 'ButtonLink', 'MenuButton'])(children);
|
|
8306
|
+
const childArray = filterComponents(['Button', 'IconButton', 'ButtonLink', 'MenuButton', 'Select', 'Dialog', 'Popover', 'Tooltip'])(children);
|
|
7508
8307
|
const buttons = childArray.map((child, index) => {
|
|
7509
8308
|
var _key;
|
|
7510
|
-
if (isComponent('MenuButton')(child)) {
|
|
8309
|
+
if (isComponent('MenuButton')(child) || isComponent('Select')(child) || isComponent('Dialog')(child) || isComponent('Popover')(child) || isComponent('Tooltip')(child)) {
|
|
7511
8310
|
var _child$key;
|
|
7512
8311
|
return /*#__PURE__*/React__default.cloneElement(child, {
|
|
7513
8312
|
color,
|
|
@@ -7540,11 +8339,7 @@ ButtonGroup.displayName = COMPONENT_NAME$z;
|
|
|
7540
8339
|
const _excluded$B = ["as", "children", "className", "color", "href", "isActive", "isDisabled", "leftIcon", "rightIcon", "target", "theme", "variant"];
|
|
7541
8340
|
const COMPONENT_NAME$y = 'ButtonLink';
|
|
7542
8341
|
const CLASSNAME$y = 'redsift-button-link';
|
|
7543
|
-
const DEFAULT_PROPS$y = {
|
|
7544
|
-
color: ButtonsColorPalette.primary,
|
|
7545
|
-
height: 'fit-content',
|
|
7546
|
-
variant: ButtonVariant.primary
|
|
7547
|
-
};
|
|
8342
|
+
const DEFAULT_PROPS$y = {};
|
|
7548
8343
|
|
|
7549
8344
|
/**
|
|
7550
8345
|
* The ButtonLink is a semantic link that looks like a button.
|
|
@@ -7558,7 +8353,7 @@ const ButtonLink = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
7558
8353
|
as,
|
|
7559
8354
|
children,
|
|
7560
8355
|
className,
|
|
7561
|
-
color,
|
|
8356
|
+
color: propsColor,
|
|
7562
8357
|
href,
|
|
7563
8358
|
isActive,
|
|
7564
8359
|
isDisabled,
|
|
@@ -7566,11 +8361,22 @@ const ButtonLink = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
7566
8361
|
rightIcon,
|
|
7567
8362
|
target,
|
|
7568
8363
|
theme: propsTheme,
|
|
7569
|
-
variant
|
|
8364
|
+
variant: propsVariant
|
|
7570
8365
|
} = props,
|
|
7571
8366
|
forwardedProps = _objectWithoutProperties(props, _excluded$B);
|
|
7572
8367
|
const theme = useTheme(propsTheme);
|
|
7573
|
-
|
|
8368
|
+
const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
|
|
8369
|
+
const variant = Object.values(ButtonVariant).includes(propsVariant) ? propsVariant : 'primary';
|
|
8370
|
+
const isGradient = color === ButtonsColorPalette.radar;
|
|
8371
|
+
return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
|
|
8372
|
+
condition: isGradient && variant === ButtonVariant.secondary,
|
|
8373
|
+
wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
|
|
8374
|
+
$color: color,
|
|
8375
|
+
$isActive: isActive,
|
|
8376
|
+
$isDisabled: isDisabled,
|
|
8377
|
+
$theme: theme
|
|
8378
|
+
}, children)
|
|
8379
|
+
}, /*#__PURE__*/React__default.createElement(StyledButton, _extends$1({
|
|
7574
8380
|
as: as || 'a',
|
|
7575
8381
|
role: "link",
|
|
7576
8382
|
tabIndex: !isDisabled ? 0 : undefined
|
|
@@ -7578,6 +8384,7 @@ const ButtonLink = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
7578
8384
|
$color: color,
|
|
7579
8385
|
$isActive: isActive,
|
|
7580
8386
|
$isDisabled: isDisabled,
|
|
8387
|
+
$isGradient: isGradient,
|
|
7581
8388
|
$theme: theme,
|
|
7582
8389
|
$variant: variant,
|
|
7583
8390
|
className: classNames(ButtonLink.className, className),
|
|
@@ -7588,11 +8395,11 @@ const ButtonLink = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
7588
8395
|
icon: leftIcon,
|
|
7589
8396
|
"aria-hidden": "true",
|
|
7590
8397
|
className: "left"
|
|
7591
|
-
}) : null, children, rightIcon ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
8398
|
+
}) : null, /*#__PURE__*/React__default.createElement("span", null, children), rightIcon ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
7592
8399
|
icon: rightIcon,
|
|
7593
8400
|
"aria-hidden": "true",
|
|
7594
8401
|
className: "right"
|
|
7595
|
-
}) : null);
|
|
8402
|
+
}) : null));
|
|
7596
8403
|
});
|
|
7597
8404
|
ButtonLink.className = CLASSNAME$y;
|
|
7598
8405
|
ButtonLink.defaultProps = DEFAULT_PROPS$y;
|
|
@@ -7600,21 +8407,21 @@ ButtonLink.displayName = COMPONENT_NAME$y;
|
|
|
7600
8407
|
|
|
7601
8408
|
var collapse$3 = "Collapse";
|
|
7602
8409
|
var expand$3 = "Expand";
|
|
7603
|
-
var enUS$
|
|
8410
|
+
var enUS$5 = {
|
|
7604
8411
|
collapse: collapse$3,
|
|
7605
8412
|
expand: expand$3
|
|
7606
8413
|
};
|
|
7607
8414
|
|
|
7608
8415
|
var collapse$2 = "Réduire";
|
|
7609
8416
|
var expand$2 = "Développer";
|
|
7610
|
-
var frFR$
|
|
8417
|
+
var frFR$5 = {
|
|
7611
8418
|
collapse: collapse$2,
|
|
7612
8419
|
expand: expand$2
|
|
7613
8420
|
};
|
|
7614
8421
|
|
|
7615
|
-
var intlMessages$
|
|
7616
|
-
'en-US': enUS$
|
|
7617
|
-
'fr-FR': frFR$
|
|
8422
|
+
var intlMessages$5 = {
|
|
8423
|
+
'en-US': enUS$5,
|
|
8424
|
+
'fr-FR': frFR$5
|
|
7618
8425
|
};
|
|
7619
8426
|
|
|
7620
8427
|
/**
|
|
@@ -8093,7 +8900,7 @@ const BaseCard = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
8093
8900
|
} = props,
|
|
8094
8901
|
forwardedProps = _objectWithoutProperties(props, _excluded$u);
|
|
8095
8902
|
const theme = useTheme(propsTheme);
|
|
8096
|
-
const
|
|
8903
|
+
const format = useMessageFormatter(intlMessages$5);
|
|
8097
8904
|
const [isCollapsed, setIsCollapsed] = useState(propsIsCollapsed !== null && propsIsCollapsed !== void 0 ? propsIsCollapsed : defaultCollapsed);
|
|
8098
8905
|
useEffect(() => {
|
|
8099
8906
|
setIsCollapsed(propsIsCollapsed !== null && propsIsCollapsed !== void 0 ? propsIsCollapsed : defaultCollapsed);
|
|
@@ -8120,7 +8927,7 @@ const BaseCard = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
8120
8927
|
className: `${BaseCard.className}__header`
|
|
8121
8928
|
}, header && isComponent('CardHeader')(header) ? header : null, isCollapsible ? /*#__PURE__*/React__default.createElement(IconButton, {
|
|
8122
8929
|
theme: theme,
|
|
8123
|
-
"aria-label":
|
|
8930
|
+
"aria-label": format(isCollapsed ? 'expand' : 'collapse'),
|
|
8124
8931
|
className: `${BaseCard.className}-header__icon-button`,
|
|
8125
8932
|
color: "grey",
|
|
8126
8933
|
icon: isCollapsed ? mdiChevronDown : mdiChevronUp,
|
|
@@ -10051,28 +10858,19 @@ Checkbox.className = CLASSNAME$p;
|
|
|
10051
10858
|
Checkbox.defaultProps = DEFAULT_PROPS$p;
|
|
10052
10859
|
Checkbox.displayName = COMPONENT_NAME$p;
|
|
10053
10860
|
|
|
10054
|
-
|
|
10055
|
-
let {
|
|
10056
|
-
children,
|
|
10057
|
-
condition,
|
|
10058
|
-
wrapper
|
|
10059
|
-
} = _ref;
|
|
10060
|
-
return condition ? wrapper(children) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
|
|
10061
|
-
};
|
|
10062
|
-
|
|
10063
|
-
var enUS$3 = {
|
|
10861
|
+
var enUS$4 = {
|
|
10064
10862
|
"collapse-all": "Collapse all details",
|
|
10065
10863
|
"expand-all": "Expand all details"
|
|
10066
10864
|
};
|
|
10067
10865
|
|
|
10068
|
-
var frFR$
|
|
10866
|
+
var frFR$4 = {
|
|
10069
10867
|
"collapse-all": "Réduire tous les détails",
|
|
10070
10868
|
"expand-all": "Développer tous les détails"
|
|
10071
10869
|
};
|
|
10072
10870
|
|
|
10073
|
-
var intlMessages$
|
|
10074
|
-
'en-US': enUS$
|
|
10075
|
-
'fr-FR': frFR$
|
|
10871
|
+
var intlMessages$4 = {
|
|
10872
|
+
'en-US': enUS$4,
|
|
10873
|
+
'fr-FR': frFR$4
|
|
10076
10874
|
};
|
|
10077
10875
|
|
|
10078
10876
|
/**
|
|
@@ -10296,21 +11094,21 @@ Shield.displayName = COMPONENT_NAME$o;
|
|
|
10296
11094
|
|
|
10297
11095
|
var collapse$1 = "Collapse details";
|
|
10298
11096
|
var expand$1 = "Expand details";
|
|
10299
|
-
var enUS$
|
|
11097
|
+
var enUS$3 = {
|
|
10300
11098
|
collapse: collapse$1,
|
|
10301
11099
|
expand: expand$1
|
|
10302
11100
|
};
|
|
10303
11101
|
|
|
10304
11102
|
var collapse = "Réduire les détails";
|
|
10305
11103
|
var expand = "Développer les détails";
|
|
10306
|
-
var frFR$
|
|
11104
|
+
var frFR$3 = {
|
|
10307
11105
|
collapse: collapse,
|
|
10308
11106
|
expand: expand
|
|
10309
11107
|
};
|
|
10310
11108
|
|
|
10311
|
-
var intlMessages$
|
|
10312
|
-
'en-US': enUS$
|
|
10313
|
-
'fr-FR': frFR$
|
|
11109
|
+
var intlMessages$3 = {
|
|
11110
|
+
'en-US': enUS$3,
|
|
11111
|
+
'fr-FR': frFR$3
|
|
10314
11112
|
};
|
|
10315
11113
|
|
|
10316
11114
|
/**
|
|
@@ -10467,7 +11265,7 @@ const DetailedCardSection = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
10467
11265
|
isLoading
|
|
10468
11266
|
} = props,
|
|
10469
11267
|
forwardedProps = _objectWithoutProperties(props, _excluded$n);
|
|
10470
|
-
const
|
|
11268
|
+
const format = useMessageFormatter(intlMessages$3);
|
|
10471
11269
|
const isCollapsible = propsIsCollapsible && hasCollapsibleChildren(children);
|
|
10472
11270
|
const [isCollapsed, setIsCollapsed] = useState(Boolean(propsIsCollapsed));
|
|
10473
11271
|
return /*#__PURE__*/React__default.createElement(StyledDetailedCardSection, _extends$1({}, forwardedProps, {
|
|
@@ -10499,7 +11297,7 @@ const DetailedCardSection = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
10499
11297
|
variant: BadgeVariant.standard
|
|
10500
11298
|
}, badge)) : null)) : null, isCollapsible && !isLoading ? /*#__PURE__*/React__default.createElement(IconButton, {
|
|
10501
11299
|
marginLeft: "auto",
|
|
10502
|
-
"aria-label":
|
|
11300
|
+
"aria-label": format(isCollapsed ? 'expand' : 'collapse'),
|
|
10503
11301
|
className: `${DetailedCardSection.className}-header__collapse-button`,
|
|
10504
11302
|
color: "grey",
|
|
10505
11303
|
icon: isCollapsed ? mdiChevronDown : mdiChevronUp,
|
|
@@ -10618,15 +11416,41 @@ DetailedCardHeader.displayName = COMPONENT_NAME$l;
|
|
|
10618
11416
|
*/
|
|
10619
11417
|
const PillSize = {
|
|
10620
11418
|
small: 'small',
|
|
10621
|
-
large: 'large'
|
|
11419
|
+
large: 'large',
|
|
11420
|
+
xlarge: 'xlarge'
|
|
10622
11421
|
};
|
|
10623
11422
|
|
|
10624
11423
|
/**
|
|
10625
11424
|
* Component props.
|
|
10626
11425
|
*/
|
|
10627
11426
|
|
|
11427
|
+
const predefinedColorToHex = {
|
|
11428
|
+
green: RedsiftColorPresentationGreenDefault,
|
|
11429
|
+
pink: RedsiftColorPresentationPinkDefault,
|
|
11430
|
+
aqua: RedsiftColorPresentationAquaDefault,
|
|
11431
|
+
brown: RedsiftColorPresentationBrownDefault,
|
|
11432
|
+
red: RedsiftColorPresentationRedDefault,
|
|
11433
|
+
yellow: RedsiftColorPresentationYellowDefault,
|
|
11434
|
+
purple: RedsiftColorPresentationPurpleDefault,
|
|
11435
|
+
orange: RedsiftColorPresentationOrangeDefault,
|
|
11436
|
+
blue: RedsiftColorPresentationBlueDefault,
|
|
11437
|
+
grey: RedsiftColorPresentationGreyDefault,
|
|
11438
|
+
black: RedsiftColorNeutralBlack,
|
|
11439
|
+
'x-dark-grey': RedsiftColorNeutralXDarkGrey,
|
|
11440
|
+
'dark-grey': RedsiftColorNeutralDarkGrey,
|
|
11441
|
+
'mid-grey': RedsiftColorNeutralMidGrey,
|
|
11442
|
+
'light-grey': RedsiftColorNeutralLightGrey,
|
|
11443
|
+
'x-light-grey': RedsiftColorNeutralXLightGrey,
|
|
11444
|
+
white: RedsiftColorNeutralWhite,
|
|
11445
|
+
error: RedsiftColorPresentationRedLighter,
|
|
11446
|
+
warning: RedsiftColorPresentationOrangeLighter,
|
|
11447
|
+
success: RedsiftColorPresentationGreyLighter,
|
|
11448
|
+
'error-dark': RedsiftColorPresentationRedDefault,
|
|
11449
|
+
'warning-dark': RedsiftColorPresentationOrangeDefault,
|
|
11450
|
+
'success-dark': RedsiftColorPresentationGreenDefault
|
|
11451
|
+
};
|
|
10628
11452
|
const pickTextColorBasedOnBgColorAdvanced = (bgColor, lightColor, darkColor) => {
|
|
10629
|
-
var color = bgColor.charAt(0) === '#' ? bgColor.substring(1, 7) : bgColor;
|
|
11453
|
+
var color = isPredefinedColor(bgColor) ? predefinedColorToHex[bgColor].substring(1, 7) : bgColor.charAt(0) === '#' ? bgColor.substring(1, 7) : bgColor;
|
|
10630
11454
|
var r = parseInt(color.substring(0, 2), 16); // hexToR
|
|
10631
11455
|
var g = parseInt(color.substring(2, 4), 16); // hexToG
|
|
10632
11456
|
var b = parseInt(color.substring(4, 6), 16); // hexToB
|
|
@@ -10640,33 +11464,7 @@ const pickTextColorBasedOnBgColorAdvanced = (bgColor, lightColor, darkColor) =>
|
|
|
10640
11464
|
var L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
|
|
10641
11465
|
return L > 0.179 ? darkColor : lightColor;
|
|
10642
11466
|
};
|
|
10643
|
-
const
|
|
10644
|
-
return [...Object.keys(PresentationColorPalette), ...Object.keys(NeutralColorPalette), 'error', 'warning', 'success', 'error-dark', 'warning-dark', 'success-dark'].includes(color) ? {
|
|
10645
|
-
green: RedsiftColorPresentationGreenLight,
|
|
10646
|
-
pink: RedsiftColorPresentationPinkLight,
|
|
10647
|
-
aqua: RedsiftColorPresentationAquaLight,
|
|
10648
|
-
brown: RedsiftColorPresentationBrownLight,
|
|
10649
|
-
red: RedsiftColorPresentationRedLight,
|
|
10650
|
-
yellow: RedsiftColorPresentationYellowLight,
|
|
10651
|
-
purple: RedsiftColorPresentationPurpleLight,
|
|
10652
|
-
orange: RedsiftColorPresentationOrangeLight,
|
|
10653
|
-
blue: RedsiftColorPresentationBlueLight,
|
|
10654
|
-
grey: RedsiftColorPresentationGreyLight,
|
|
10655
|
-
white: RedsiftColorNeutralWhite,
|
|
10656
|
-
'x-light-grey': RedsiftColorNeutralXLightGrey,
|
|
10657
|
-
'light-grey': RedsiftColorNeutralLightGrey,
|
|
10658
|
-
'mid-grey': RedsiftColorNeutralMidGrey,
|
|
10659
|
-
'dark-grey': RedsiftColorNeutralDarkGrey,
|
|
10660
|
-
'x-dark-grey': RedsiftColorNeutralXDarkGrey,
|
|
10661
|
-
black: RedsiftColorNeutralBlack,
|
|
10662
|
-
error: RedsiftColorPresentationRedLighter,
|
|
10663
|
-
warning: RedsiftColorPresentationOrangeLighter,
|
|
10664
|
-
success: RedsiftColorPresentationGreenLighter,
|
|
10665
|
-
'error-dark': RedsiftColorPresentationRedDefault,
|
|
10666
|
-
'warning-dark': RedsiftColorPresentationOrangeDefault,
|
|
10667
|
-
'success-dark': RedsiftColorPresentationGreenDefault
|
|
10668
|
-
}[color] : color;
|
|
10669
|
-
};
|
|
11467
|
+
const isPredefinedColor = color => Object.keys(predefinedColorToHex).includes(color);
|
|
10670
11468
|
|
|
10671
11469
|
/**
|
|
10672
11470
|
* Component style.
|
|
@@ -10674,110 +11472,223 @@ const nameToHex = color => {
|
|
|
10674
11472
|
const StyledPill = styled.div`
|
|
10675
11473
|
align-items: stretch;
|
|
10676
11474
|
display: inline-flex;
|
|
10677
|
-
|
|
11475
|
+
height: fit-content;
|
|
10678
11476
|
width: fit-content;
|
|
10679
11477
|
${baseStyling}
|
|
10680
|
-
|
|
10681
|
-
border-radius: 2px;
|
|
10682
|
-
padding: 2px 8px;
|
|
11478
|
+
|
|
10683
11479
|
text-align: center;
|
|
10684
11480
|
|
|
10685
|
-
|
|
10686
|
-
${_ref => {
|
|
11481
|
+
${_ref => {
|
|
10687
11482
|
let {
|
|
10688
11483
|
$autoBreak
|
|
10689
11484
|
} = _ref;
|
|
10690
11485
|
return !$autoBreak ? css`
|
|
10691
|
-
|
|
10692
|
-
|
|
10693
|
-
|
|
10694
|
-
|
|
11486
|
+
text-wrap: nowrap;
|
|
11487
|
+
` : css`
|
|
11488
|
+
word-break: break-word;
|
|
11489
|
+
`;
|
|
10695
11490
|
}};
|
|
10696
11491
|
|
|
10697
|
-
align-items: center;
|
|
10698
|
-
display: inline-flex;
|
|
10699
|
-
gap: 4px;
|
|
10700
|
-
width: fit-content;
|
|
10701
|
-
}
|
|
10702
|
-
|
|
10703
11492
|
${_ref2 => {
|
|
11493
|
+
let {
|
|
11494
|
+
$size
|
|
11495
|
+
} = _ref2;
|
|
11496
|
+
return css`
|
|
11497
|
+
.redsift-icon-button,
|
|
11498
|
+
.redsift-button,
|
|
11499
|
+
.redsift-button-link {
|
|
11500
|
+
width: unset;
|
|
11501
|
+
height: ${$size === PillSize.xlarge ? css`30px` : $size === PillSize.large ? css`24px` : css`22px`};
|
|
11502
|
+
cursor: pointer;
|
|
11503
|
+
padding: 5px;
|
|
11504
|
+
border: none;
|
|
11505
|
+
|
|
11506
|
+
font-size: ${$size === PillSize.small ? css`14px` : css`15px`};
|
|
11507
|
+
|
|
11508
|
+
> .redsift-icon {
|
|
11509
|
+
color: inherit;
|
|
11510
|
+
}
|
|
11511
|
+
}
|
|
11512
|
+
|
|
11513
|
+
.redsift-button-link {
|
|
11514
|
+
height: ${$size === PillSize.xlarge ? css`18px` : $size === PillSize.large ? css`12px` : css`10px`};
|
|
11515
|
+
}
|
|
11516
|
+
|
|
11517
|
+
.first.redsift-text,
|
|
11518
|
+
.first.redsift-number,
|
|
11519
|
+
.middle.redsift-text,
|
|
11520
|
+
.middle.redsift-number,
|
|
11521
|
+
.last.redsift-text,
|
|
11522
|
+
.last.redsift-number {
|
|
11523
|
+
padding: 0 8px;
|
|
11524
|
+
}
|
|
11525
|
+
`;
|
|
11526
|
+
}}
|
|
11527
|
+
|
|
11528
|
+
${_ref3 => {
|
|
10704
11529
|
let {
|
|
10705
11530
|
$color,
|
|
10706
11531
|
$hoverColor,
|
|
10707
|
-
$
|
|
11532
|
+
$isDisabled,
|
|
10708
11533
|
$theme
|
|
10709
|
-
} =
|
|
11534
|
+
} = _ref3;
|
|
11535
|
+
return isPredefinedColor($color) ? css`
|
|
11536
|
+
.first,
|
|
11537
|
+
.middle,
|
|
11538
|
+
.last {
|
|
11539
|
+
background-color: var(
|
|
11540
|
+
--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-background
|
|
11541
|
+
);
|
|
11542
|
+
}
|
|
11543
|
+
|
|
11544
|
+
& {
|
|
11545
|
+
color: var(
|
|
11546
|
+
--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-text
|
|
11547
|
+
);
|
|
11548
|
+
}
|
|
11549
|
+
|
|
11550
|
+
.redsift-icon-button:hover,
|
|
11551
|
+
.redsift-button:hover,
|
|
11552
|
+
.redsift-button-link:hover {
|
|
11553
|
+
background-color: var(
|
|
11554
|
+
--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'hover'}-background
|
|
11555
|
+
);
|
|
11556
|
+
}
|
|
11557
|
+
` : css`
|
|
11558
|
+
.first,
|
|
11559
|
+
.middle,
|
|
11560
|
+
.last {
|
|
11561
|
+
background-color: ${$color !== null && $color !== void 0 ? $color : RedsiftColorNeutralWhite};
|
|
11562
|
+
}
|
|
11563
|
+
|
|
11564
|
+
& {
|
|
11565
|
+
color: ${pickTextColorBasedOnBgColorAdvanced($color !== null && $color !== void 0 ? $color : RedsiftColorNeutralWhite, $isDisabled ? RedsiftColorNeutralLightGrey : RedsiftColorNeutralWhite, $isDisabled ? RedsiftColorGreyL1 : RedsiftColorNeutralBlack)};
|
|
11566
|
+
}
|
|
11567
|
+
|
|
11568
|
+
.redsift-icon-button:hover,
|
|
11569
|
+
.redsift-button:hover,
|
|
11570
|
+
.redsift-button-link:hover {
|
|
11571
|
+
background-color: ${$hoverColor !== null && $hoverColor !== void 0 ? $hoverColor : RedsiftColorNeutralLightGrey};
|
|
11572
|
+
}
|
|
11573
|
+
`;
|
|
11574
|
+
}};
|
|
11575
|
+
|
|
11576
|
+
${_ref4 => {
|
|
11577
|
+
let {
|
|
11578
|
+
$color,
|
|
11579
|
+
$borderColor,
|
|
11580
|
+
$isDisabled,
|
|
11581
|
+
$theme
|
|
11582
|
+
} = _ref4;
|
|
10710
11583
|
return css`
|
|
10711
|
-
|
|
10712
|
-
|
|
10713
|
-
|
|
10714
|
-
|
|
11584
|
+
.first:not(.last) {
|
|
11585
|
+
border-top-left-radius: 2px;
|
|
11586
|
+
border-top-right-radius: 0;
|
|
11587
|
+
border-bottom-right-radius: 0;
|
|
11588
|
+
border-bottom-left-radius: 2px;
|
|
11589
|
+
|
|
11590
|
+
${$borderColor ? css`
|
|
11591
|
+
border: 1px solid ${$borderColor};
|
|
11592
|
+
` : $color === 'white' ? css`
|
|
11593
|
+
border: 1px solid
|
|
11594
|
+
var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);
|
|
11595
|
+
` : css`
|
|
11596
|
+
border: 1px solid transparent;
|
|
11597
|
+
border-right: 1px solid white;
|
|
11598
|
+
`}
|
|
11599
|
+
}
|
|
10715
11600
|
|
|
10716
|
-
|
|
10717
|
-
|
|
10718
|
-
|
|
11601
|
+
.middle {
|
|
11602
|
+
border-top-left-radius: 0;
|
|
11603
|
+
border-top-right-radius: 0;
|
|
11604
|
+
border-bottom-right-radius: 0;
|
|
11605
|
+
border-bottom-left-radius: 0;
|
|
11606
|
+
|
|
11607
|
+
${$borderColor ? css`
|
|
11608
|
+
border: 1px solid ${$borderColor};
|
|
11609
|
+
` : $color === 'white' ? css`
|
|
11610
|
+
border: 1px solid
|
|
11611
|
+
var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);
|
|
11612
|
+
` : css`
|
|
11613
|
+
border: 1px solid transparent;
|
|
11614
|
+
border-right: 1px solid white;
|
|
11615
|
+
`}
|
|
11616
|
+
border-left: none;
|
|
10719
11617
|
}
|
|
10720
11618
|
|
|
10721
|
-
|
|
10722
|
-
|
|
10723
|
-
|
|
10724
|
-
border:
|
|
10725
|
-
border-radius: 0
|
|
10726
|
-
|
|
10727
|
-
|
|
10728
|
-
|
|
10729
|
-
|
|
11619
|
+
.last:not(.first) {
|
|
11620
|
+
border-top-left-radius: 0;
|
|
11621
|
+
border-top-right-radius: 2px;
|
|
11622
|
+
border-bottom-right-radius: 2px;
|
|
11623
|
+
border-bottom-left-radius: 0;
|
|
11624
|
+
|
|
11625
|
+
${$borderColor ? css`
|
|
11626
|
+
border: 1px solid ${$borderColor};
|
|
11627
|
+
` : $color === 'white' ? css`
|
|
11628
|
+
border: 1px solid
|
|
11629
|
+
var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);
|
|
11630
|
+
` : css`
|
|
11631
|
+
border: 1px solid transparent;
|
|
11632
|
+
`}
|
|
11633
|
+
border-left: none;
|
|
10730
11634
|
}
|
|
10731
11635
|
|
|
10732
|
-
|
|
10733
|
-
|
|
10734
|
-
|
|
11636
|
+
.first.last {
|
|
11637
|
+
border-top-left-radius: 2px;
|
|
11638
|
+
border-top-right-radius: 2px;
|
|
11639
|
+
border-bottom-right-radius: 2px;
|
|
11640
|
+
border-bottom-left-radius: 2px;
|
|
11641
|
+
|
|
11642
|
+
${$borderColor ? css`
|
|
11643
|
+
border: 1px solid ${$borderColor};
|
|
11644
|
+
` : $color === 'white' ? css`
|
|
11645
|
+
border: 1px solid
|
|
11646
|
+
var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);
|
|
11647
|
+
` : css`
|
|
11648
|
+
border: 1px solid transparent;
|
|
11649
|
+
`}
|
|
10735
11650
|
}
|
|
10736
11651
|
`;
|
|
10737
|
-
}}
|
|
11652
|
+
}};
|
|
10738
11653
|
|
|
10739
11654
|
&,
|
|
10740
|
-
.redsift-
|
|
10741
|
-
|
|
10742
|
-
|
|
10743
|
-
|
|
10744
|
-
|
|
10745
|
-
|
|
10746
|
-
|
|
11655
|
+
.redsift-icon,
|
|
11656
|
+
.redsift-text,
|
|
11657
|
+
.redsift-number,
|
|
11658
|
+
.first,
|
|
11659
|
+
.middle,
|
|
11660
|
+
.last {
|
|
11661
|
+
font-family: var(--redsift-typography-pill-font-family);
|
|
11662
|
+
font-size: ${_ref5 => {
|
|
10747
11663
|
let {
|
|
10748
11664
|
$size
|
|
10749
|
-
} =
|
|
10750
|
-
return $size === PillSize.
|
|
10751
|
-
}}
|
|
10752
|
-
|
|
10753
|
-
|
|
11665
|
+
} = _ref5;
|
|
11666
|
+
return $size === PillSize.small ? css`var(--redsift-typography-pill-font-size)` : css`var(--redsift-typography-chip-font-size)`;
|
|
11667
|
+
}};
|
|
11668
|
+
font-weight: var(--redsift-typography-pill-font-weight);
|
|
11669
|
+
line-height: ${_ref6 => {
|
|
10754
11670
|
let {
|
|
10755
11671
|
$size
|
|
10756
|
-
} =
|
|
10757
|
-
return $size === PillSize.large ? css`var(--redsift-typography-chip-line-height)` : css`var(--redsift-typography-pill-line-height)`;
|
|
10758
|
-
}}
|
|
10759
|
-
|
|
11672
|
+
} = _ref6;
|
|
11673
|
+
return $size === PillSize.xlarge ? '28px' : $size === PillSize.large ? css`var(--redsift-typography-chip-line-height)` : css`var(--redsift-typography-pill-line-height)`;
|
|
11674
|
+
}};
|
|
11675
|
+
}
|
|
10760
11676
|
|
|
10761
|
-
|
|
10762
|
-
|
|
10763
|
-
|
|
11677
|
+
.redsift-icon {
|
|
11678
|
+
width: unset;
|
|
11679
|
+
height: unset;
|
|
10764
11680
|
|
|
10765
|
-
|
|
10766
|
-
|
|
10767
|
-
|
|
10768
|
-
}
|
|
11681
|
+
> svg {
|
|
11682
|
+
width: 1em;
|
|
11683
|
+
height: 1em;
|
|
10769
11684
|
}
|
|
10770
11685
|
}
|
|
10771
11686
|
`;
|
|
10772
11687
|
|
|
10773
|
-
const _excluded$l = ["autoBreak", "children", "className", "color", "
|
|
11688
|
+
const _excluded$l = ["autoBreak", "borderColor", "children", "className", "color", "disabledColor", "hoverColor", "isDisabled", "size", "theme"];
|
|
10774
11689
|
const COMPONENT_NAME$k = 'Pill';
|
|
10775
11690
|
const CLASSNAME$k = 'redsift-pill';
|
|
10776
|
-
const DEFAULT_PROPS$k = {
|
|
10777
|
-
color: PresentationColorPalette.pink,
|
|
10778
|
-
height: 'fit-content',
|
|
10779
|
-
size: PillSize.large
|
|
10780
|
-
};
|
|
11691
|
+
const DEFAULT_PROPS$k = {};
|
|
10781
11692
|
|
|
10782
11693
|
/**
|
|
10783
11694
|
* The Pill component.
|
|
@@ -10785,37 +11696,66 @@ const DEFAULT_PROPS$k = {
|
|
|
10785
11696
|
const Pill = /*#__PURE__*/forwardRef((props, ref) => {
|
|
10786
11697
|
const {
|
|
10787
11698
|
autoBreak,
|
|
11699
|
+
borderColor,
|
|
10788
11700
|
children,
|
|
10789
11701
|
className,
|
|
10790
|
-
color,
|
|
11702
|
+
color: propsColor,
|
|
11703
|
+
disabledColor,
|
|
10791
11704
|
hoverColor,
|
|
10792
|
-
|
|
10793
|
-
|
|
10794
|
-
size,
|
|
11705
|
+
isDisabled,
|
|
11706
|
+
size: propsSize,
|
|
10795
11707
|
theme: propsTheme
|
|
10796
11708
|
} = props,
|
|
10797
11709
|
forwardedProps = _objectWithoutProperties(props, _excluded$l);
|
|
10798
11710
|
const theme = useTheme(propsTheme);
|
|
11711
|
+
const color = propsColor || PresentationColorPalette.blue;
|
|
11712
|
+
const size = propsSize || PillSize.large;
|
|
11713
|
+
const childArray = [];
|
|
11714
|
+
React__default.Children.forEach(children, (child, index) => {
|
|
11715
|
+
const currentClassName = React__default.Children.count(children) === 1 ? 'first last' : index === 0 ? 'first' : index === React__default.Children.count(children) - 1 ? 'last' : 'middle';
|
|
11716
|
+
if (isComponent('MenuButton')(child) || isComponent('Select')(child) || isComponent('Dialog')(child) || isComponent('Popover')(child) || isComponent('Tooltip')(child)) {
|
|
11717
|
+
var _child$key;
|
|
11718
|
+
childArray.push( /*#__PURE__*/React__default.cloneElement(child, {
|
|
11719
|
+
key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : index,
|
|
11720
|
+
triggerClassName: currentClassName,
|
|
11721
|
+
variant: 'unstyled',
|
|
11722
|
+
color: child.props.color ? child.props.color : pickTextColorBasedOnBgColorAdvanced(color, 'white', 'black')
|
|
11723
|
+
}));
|
|
11724
|
+
} else if (isComponent('IconButton')(child) || isComponent('Button')(child) || isComponent('ButtonLink')(child)) {
|
|
11725
|
+
var _key;
|
|
11726
|
+
childArray.push( /*#__PURE__*/React__default.cloneElement(child, {
|
|
11727
|
+
key: (_key = child.key) !== null && _key !== void 0 ? _key : index,
|
|
11728
|
+
className: currentClassName,
|
|
11729
|
+
variant: 'unstyled',
|
|
11730
|
+
color: child.props.color ? child.props.color : pickTextColorBasedOnBgColorAdvanced(color, 'white', 'black')
|
|
11731
|
+
}));
|
|
11732
|
+
} else if ( /*#__PURE__*/React__default.isValidElement(child)) {
|
|
11733
|
+
var _key2;
|
|
11734
|
+
childArray.push( /*#__PURE__*/React__default.cloneElement(child, {
|
|
11735
|
+
key: (_key2 = child.key) !== null && _key2 !== void 0 ? _key2 : index,
|
|
11736
|
+
className: currentClassName
|
|
11737
|
+
}));
|
|
11738
|
+
} else if (typeof child === 'string') {
|
|
11739
|
+
childArray.push( /*#__PURE__*/React__default.createElement(Text, {
|
|
11740
|
+
key: index,
|
|
11741
|
+
className: currentClassName
|
|
11742
|
+
}, child));
|
|
11743
|
+
} else {
|
|
11744
|
+
childArray.push(child);
|
|
11745
|
+
}
|
|
11746
|
+
});
|
|
10799
11747
|
return /*#__PURE__*/React__default.createElement(StyledPill, _extends$1({}, forwardedProps, {
|
|
10800
11748
|
$autoBreak: autoBreak,
|
|
11749
|
+
$borderColor: borderColor,
|
|
10801
11750
|
$color: color,
|
|
11751
|
+
$disabledColor: disabledColor,
|
|
10802
11752
|
$hoverColor: hoverColor,
|
|
11753
|
+
$isDisabled: isDisabled,
|
|
10803
11754
|
$size: size,
|
|
10804
11755
|
$theme: theme,
|
|
10805
11756
|
className: classNames(Pill.className, className),
|
|
10806
11757
|
ref: ref
|
|
10807
|
-
}),
|
|
10808
|
-
className: `${Pill.className}-content`
|
|
10809
|
-
}, children), onRightButtonClick ? /*#__PURE__*/React__default.createElement("button", _extends$1({
|
|
10810
|
-
"aria-label": "Clear",
|
|
10811
|
-
color: "grey"
|
|
10812
|
-
}, rightButton, {
|
|
10813
|
-
onClick: onRightButtonClick,
|
|
10814
|
-
className: "right clear",
|
|
10815
|
-
type: "button"
|
|
10816
|
-
}), /*#__PURE__*/React__default.createElement(Icon, {
|
|
10817
|
-
icon: mdiClose
|
|
10818
|
-
})) : null);
|
|
11758
|
+
}), childArray);
|
|
10819
11759
|
});
|
|
10820
11760
|
Pill.className = CLASSNAME$k;
|
|
10821
11761
|
Pill.defaultProps = DEFAULT_PROPS$k;
|
|
@@ -14635,6 +15575,7 @@ const TooltipContent = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
14635
15575
|
style,
|
|
14636
15576
|
theme: propsTheme
|
|
14637
15577
|
} = props;
|
|
15578
|
+
const appContainerState = useContext(AppContainerContext);
|
|
14638
15579
|
const {
|
|
14639
15580
|
getFloatingProps,
|
|
14640
15581
|
isOpen,
|
|
@@ -14662,18 +15603,18 @@ const TooltipContent = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
14662
15603
|
left: 'right'
|
|
14663
15604
|
}[placement.split('-')[0]];
|
|
14664
15605
|
return /*#__PURE__*/React__default.createElement(FloatingPortal, {
|
|
14665
|
-
|
|
15606
|
+
root: appContainerState === null || appContainerState === void 0 ? void 0 : appContainerState.appContainerRef.current
|
|
14666
15607
|
}, isOpen && /*#__PURE__*/React__default.createElement(StyledTooltipContent, _extends$1({
|
|
14667
15608
|
className: classNames(TooltipContent.className, className),
|
|
14668
15609
|
ref: popoverRef,
|
|
14669
|
-
$theme: theme
|
|
15610
|
+
$theme: theme
|
|
15611
|
+
}, getFloatingProps(props), {
|
|
14670
15612
|
style: _objectSpread2({
|
|
14671
15613
|
position: strategy,
|
|
14672
15614
|
top: y !== null && y !== void 0 ? y : 0,
|
|
14673
15615
|
left: x !== null && x !== void 0 ? x : 0,
|
|
14674
15616
|
visibility: x == null ? 'hidden' : 'visible'
|
|
14675
|
-
}, style)
|
|
14676
|
-
}, getFloatingProps(props), {
|
|
15617
|
+
}, style),
|
|
14677
15618
|
$placement: placement
|
|
14678
15619
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
14679
15620
|
ref: arrowRef,
|
|
@@ -14705,7 +15646,8 @@ const TooltipTrigger = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
14705
15646
|
const {
|
|
14706
15647
|
getReferenceProps,
|
|
14707
15648
|
refs,
|
|
14708
|
-
tooltipId
|
|
15649
|
+
tooltipId,
|
|
15650
|
+
triggerClassName
|
|
14709
15651
|
} = useTooltipContext();
|
|
14710
15652
|
const childrenRef = children.ref;
|
|
14711
15653
|
const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);
|
|
@@ -14716,7 +15658,8 @@ const TooltipTrigger = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
14716
15658
|
}, props), {}, {
|
|
14717
15659
|
'aria-describedby': tooltipId
|
|
14718
15660
|
}, children.props), {}, {
|
|
14719
|
-
children: (_children$props$child = children.props.children) !== null && _children$props$child !== void 0 ? _children$props$child : ''
|
|
15661
|
+
children: (_children$props$child = children.props.children) !== null && _children$props$child !== void 0 ? _children$props$child : '',
|
|
15662
|
+
className: classNames(children.props.className, triggerClassName)
|
|
14720
15663
|
}))));
|
|
14721
15664
|
}
|
|
14722
15665
|
return /*#__PURE__*/React__default.createElement("span", _extends$1({
|
|
@@ -14734,7 +15677,8 @@ function useTooltip(_ref) {
|
|
|
14734
15677
|
placement,
|
|
14735
15678
|
isOpen: propsIsOpen,
|
|
14736
15679
|
onOpen,
|
|
14737
|
-
tooltipId: propsTooltipId
|
|
15680
|
+
tooltipId: propsTooltipId,
|
|
15681
|
+
triggerClassName
|
|
14738
15682
|
} = _ref;
|
|
14739
15683
|
const arrowRef = useRef(null);
|
|
14740
15684
|
const [isOpen, setIsOpen] = useState(propsIsOpen !== null && propsIsOpen !== void 0 ? propsIsOpen : defaultOpen);
|
|
@@ -14784,8 +15728,9 @@ function useTooltip(_ref) {
|
|
|
14784
15728
|
handleOpen
|
|
14785
15729
|
}, interactions), data), {}, {
|
|
14786
15730
|
arrowRef,
|
|
14787
|
-
tooltipId
|
|
14788
|
-
|
|
15731
|
+
tooltipId,
|
|
15732
|
+
triggerClassName
|
|
15733
|
+
}), [isOpen, handleOpen, interactions, data, arrowRef, tooltipId, triggerClassName]);
|
|
14789
15734
|
}
|
|
14790
15735
|
|
|
14791
15736
|
const COMPONENT_NAME$g = 'Tooltip';
|
|
@@ -14807,7 +15752,8 @@ const BaseTooltip = props => {
|
|
|
14807
15752
|
onOpen,
|
|
14808
15753
|
placement,
|
|
14809
15754
|
tooltipId,
|
|
14810
|
-
theme: propsTheme
|
|
15755
|
+
theme: propsTheme,
|
|
15756
|
+
triggerClassName
|
|
14811
15757
|
} = props;
|
|
14812
15758
|
const theme = useTheme ? useTheme(propsTheme) : undefined;
|
|
14813
15759
|
const tooltip = useTooltip({
|
|
@@ -14817,7 +15763,8 @@ const BaseTooltip = props => {
|
|
|
14817
15763
|
isOpen,
|
|
14818
15764
|
onOpen,
|
|
14819
15765
|
tooltipId,
|
|
14820
|
-
theme
|
|
15766
|
+
theme,
|
|
15767
|
+
triggerClassName
|
|
14821
15768
|
});
|
|
14822
15769
|
const [[trigger], [content]] = partitionComponents(React__default.Children.toArray(children), [isComponent('TooltipTrigger'), isComponent('TooltipContent')]);
|
|
14823
15770
|
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
|
@@ -14890,7 +15837,7 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
14890
15837
|
} = props,
|
|
14891
15838
|
forwardedProps = _objectWithoutProperties(props, _excluded$j);
|
|
14892
15839
|
const theme = useTheme(propsTheme);
|
|
14893
|
-
const
|
|
15840
|
+
const format = useMessageFormatter(intlMessages$4);
|
|
14894
15841
|
const isCollapsible = propsIsCollapsible && hasMultipleCollapsibleChildren(children);
|
|
14895
15842
|
const [allCollapsed, setAllCollapsed] = useState({
|
|
14896
15843
|
state: propsAreAllCollapsed !== null && propsAreAllCollapsed !== void 0 ? propsAreAllCollapsed : defaultAllCollapsed
|
|
@@ -14954,7 +15901,7 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
14954
15901
|
justifyContent: "flex-end",
|
|
14955
15902
|
className: `${BaseDetailedCard.className}__collapse-buttons`
|
|
14956
15903
|
}, /*#__PURE__*/React__default.createElement(Tooltip, null, /*#__PURE__*/React__default.createElement(Tooltip.Trigger, null, /*#__PURE__*/React__default.createElement(IconButton, {
|
|
14957
|
-
"aria-label":
|
|
15904
|
+
"aria-label": format('collapse-all'),
|
|
14958
15905
|
"aria-describedby": undefined,
|
|
14959
15906
|
icon: mdiPageLast,
|
|
14960
15907
|
onClick: () => handleCollapse(true),
|
|
@@ -14962,8 +15909,8 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
14962
15909
|
transform: 'rotate(-90deg)'
|
|
14963
15910
|
},
|
|
14964
15911
|
color: "grey"
|
|
14965
|
-
})), /*#__PURE__*/React__default.createElement(Tooltip.Content, null,
|
|
14966
|
-
"aria-label":
|
|
15912
|
+
})), /*#__PURE__*/React__default.createElement(Tooltip.Content, null, format('collapse-all'))), /*#__PURE__*/React__default.createElement(Tooltip, null, /*#__PURE__*/React__default.createElement(Tooltip.Trigger, null, /*#__PURE__*/React__default.createElement(IconButton, {
|
|
15913
|
+
"aria-label": format('expand-all'),
|
|
14967
15914
|
"aria-describedby": undefined,
|
|
14968
15915
|
icon: mdiKeyboardCaps,
|
|
14969
15916
|
onClick: () => handleCollapse(false),
|
|
@@ -14971,7 +15918,7 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
14971
15918
|
transform: 'rotate(180deg)'
|
|
14972
15919
|
},
|
|
14973
15920
|
color: "grey"
|
|
14974
|
-
})), /*#__PURE__*/React__default.createElement(Tooltip.Content, null,
|
|
15921
|
+
})), /*#__PURE__*/React__default.createElement(Tooltip.Content, null, format('expand-all')))) : null, React__default.Children.map(content, child => {
|
|
14975
15922
|
if (isComponent(DetailedCardSection)(child)) {
|
|
14976
15923
|
return /*#__PURE__*/React__default.cloneElement(child, {
|
|
14977
15924
|
theme,
|
|
@@ -15845,24 +16792,11 @@ const Grid = Object.assign(BaseGrid, {
|
|
|
15845
16792
|
Item: GridItem
|
|
15846
16793
|
});
|
|
15847
16794
|
|
|
15848
|
-
const addTransparencyToColor = (color, opacity) => {
|
|
15849
|
-
var _color = color.charAt(0) === '#' ? color.substring(1, 7) : color;
|
|
15850
|
-
var r = parseInt(_color.substring(0, 2), 16); // hexToR
|
|
15851
|
-
var g = parseInt(_color.substring(2, 4), 16); // hexToG
|
|
15852
|
-
var b = parseInt(_color.substring(4, 6), 16); // hexToB
|
|
15853
|
-
|
|
15854
|
-
return `rgba(${r}, ${g}, ${b}, ${opacity})`;
|
|
15855
|
-
};
|
|
15856
|
-
const hoverColor = ($theme, $isDisabled) => addTransparencyToColor($theme === Theme.light ? RedsiftColorPrimaryL2 : RedsiftColorPrimaryD2, $isDisabled ? 0.2 : 0.6);
|
|
15857
|
-
const activeColor = ($theme, $isDisabled) => addTransparencyToColor($theme === Theme.light ? RedsiftColorPrimaryL1 : RedsiftColorPrimaryD1, $isDisabled ? 0.2 : 0.6);
|
|
15858
|
-
const selectedColor = ($theme, $isDisabled, $hasCheckbox) => $hasCheckbox ? 'none' : addTransparencyToColor($theme === Theme.light ? RedsiftColorPrimaryN : RedsiftColorPrimaryN, $isDisabled ? 0.2 : 0.6);
|
|
15859
|
-
const selectedHoveredColor = ($theme, $isDisabled, $hasCheckbox) => $hasCheckbox ? hoverColor($theme, $isDisabled) : addTransparencyToColor($theme === Theme.light ? RedsiftColorPrimaryD1 : RedsiftColorPrimaryL1, $isDisabled ? 0.2 : 0.6);
|
|
15860
|
-
|
|
15861
16795
|
/**
|
|
15862
16796
|
* Component style.
|
|
15863
16797
|
*/
|
|
15864
16798
|
const StyledItem = styled.div`
|
|
15865
|
-
height: 36px;
|
|
16799
|
+
min-height: 36px;
|
|
15866
16800
|
position: relative;
|
|
15867
16801
|
width: 100%;
|
|
15868
16802
|
padding: 8px 16px;
|
|
@@ -15872,39 +16806,69 @@ const StyledItem = styled.div`
|
|
|
15872
16806
|
align-items: center;
|
|
15873
16807
|
background: none;
|
|
15874
16808
|
border: none;
|
|
16809
|
+
border-radius: 4px;
|
|
15875
16810
|
box-sizing: border-box;
|
|
15876
16811
|
display: inline-flex;
|
|
15877
16812
|
|
|
15878
16813
|
${_ref => {
|
|
15879
16814
|
let {
|
|
16815
|
+
$color,
|
|
15880
16816
|
$isActive,
|
|
15881
|
-
$isSelected,
|
|
15882
16817
|
$isDisabled,
|
|
16818
|
+
$isGradient,
|
|
15883
16819
|
$isHovered,
|
|
15884
|
-
$
|
|
15885
|
-
$hasCheckbox,
|
|
16820
|
+
$hasBorder,
|
|
15886
16821
|
$theme
|
|
15887
16822
|
} = _ref;
|
|
15888
16823
|
return css`
|
|
15889
|
-
|
|
16824
|
+
${!$isGradient ? css`
|
|
16825
|
+
background-color: var(
|
|
16826
|
+
--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
|
|
16827
|
+
);
|
|
16828
|
+
` : css`
|
|
16829
|
+
background: var(
|
|
16830
|
+
--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
|
|
16831
|
+
);
|
|
16832
|
+
`}
|
|
16833
|
+
|
|
16834
|
+
${$hasBorder ? css`
|
|
16835
|
+
border: 1px solid
|
|
16836
|
+
var(
|
|
16837
|
+
--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
|
|
16838
|
+
);
|
|
16839
|
+
` : ''}
|
|
15890
16840
|
`;
|
|
15891
16841
|
}}
|
|
15892
16842
|
|
|
15893
|
-
&:hover
|
|
15894
|
-
&:focus-visible {
|
|
16843
|
+
&:hover {
|
|
15895
16844
|
outline: none;
|
|
15896
16845
|
|
|
15897
16846
|
${_ref2 => {
|
|
15898
16847
|
let {
|
|
15899
|
-
$
|
|
15900
|
-
$isSelected,
|
|
16848
|
+
$color,
|
|
15901
16849
|
$isDisabled,
|
|
15902
|
-
$
|
|
16850
|
+
$isGradient,
|
|
16851
|
+
$hasBorder,
|
|
15903
16852
|
$theme
|
|
15904
16853
|
} = _ref2;
|
|
15905
16854
|
return css`
|
|
15906
16855
|
cursor: ${$isDisabled ? 'default' : 'pointer'};
|
|
15907
|
-
|
|
16856
|
+
${!$isGradient ? css`
|
|
16857
|
+
background-color: var(
|
|
16858
|
+
--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-${$isDisabled ? 'disabled' : 'hover'}
|
|
16859
|
+
);
|
|
16860
|
+
|
|
16861
|
+
${$hasBorder ? css`
|
|
16862
|
+
border: 1px solid
|
|
16863
|
+
var(
|
|
16864
|
+
--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : 'hover'}
|
|
16865
|
+
);
|
|
16866
|
+
` : ''}
|
|
16867
|
+
` : css`
|
|
16868
|
+
background: var(
|
|
16869
|
+
--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-${$isDisabled ? 'disabled' : 'hover'}
|
|
16870
|
+
);
|
|
16871
|
+
`}
|
|
15908
16872
|
`;
|
|
15909
16873
|
}};
|
|
15910
16874
|
}
|
|
@@ -15914,12 +16878,30 @@ const StyledItem = styled.div`
|
|
|
15914
16878
|
|
|
15915
16879
|
${_ref3 => {
|
|
15916
16880
|
let {
|
|
16881
|
+
$color,
|
|
16882
|
+
$hasBorder,
|
|
15917
16883
|
$isHovered,
|
|
15918
16884
|
$isDisabled,
|
|
16885
|
+
$isGradient,
|
|
15919
16886
|
$theme
|
|
15920
16887
|
} = _ref3;
|
|
15921
16888
|
return css`
|
|
15922
|
-
|
|
16889
|
+
${!$isGradient ? css`
|
|
16890
|
+
background-color: var(
|
|
16891
|
+
--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
|
|
16892
|
+
);
|
|
16893
|
+
|
|
16894
|
+
${$hasBorder ? css`
|
|
16895
|
+
border: 1px solid
|
|
16896
|
+
var(
|
|
16897
|
+
--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
|
|
16898
|
+
);
|
|
16899
|
+
` : ''}
|
|
16900
|
+
` : css`
|
|
16901
|
+
background: var(
|
|
16902
|
+
--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
|
|
16903
|
+
);
|
|
16904
|
+
`}
|
|
15923
16905
|
`;
|
|
15924
16906
|
}};
|
|
15925
16907
|
}
|
|
@@ -16091,8 +17073,8 @@ function useMenuItem(props) {
|
|
|
16091
17073
|
};
|
|
16092
17074
|
}
|
|
16093
17075
|
|
|
16094
|
-
const _excluded$g = ["children", "className", "defaultSelected", "id", "isActive", "isDisabled", "isHovered", "isSelected", "hasCheckbox", "theme", "value"],
|
|
16095
|
-
_excluded2 = ["children", "className", "id", "isActive", "isDisabled", "isHovered", "theme", "onClick"];
|
|
17076
|
+
const _excluded$g = ["children", "className", "color", "defaultSelected", "id", "isActive", "isDisabled", "isHovered", "isSelected", "hasBorder", "hasCheckbox", "theme", "value"],
|
|
17077
|
+
_excluded2 = ["children", "className", "color", "hasBorder", "id", "isActive", "isDisabled", "isHovered", "theme", "onClick"];
|
|
16096
17078
|
const COMPONENT_NAME$c = 'Item';
|
|
16097
17079
|
const CLASSNAME$c = 'redsift-item';
|
|
16098
17080
|
const DEFAULT_PROPS$c = {};
|
|
@@ -16100,12 +17082,14 @@ const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
16100
17082
|
const {
|
|
16101
17083
|
children,
|
|
16102
17084
|
className,
|
|
17085
|
+
color: propsColor,
|
|
16103
17086
|
defaultSelected,
|
|
16104
17087
|
id: propsId,
|
|
16105
17088
|
isActive,
|
|
16106
17089
|
isDisabled: propsIsDisabled,
|
|
16107
17090
|
isHovered,
|
|
16108
17091
|
isSelected: propsIsSelected,
|
|
17092
|
+
hasBorder,
|
|
16109
17093
|
hasCheckbox,
|
|
16110
17094
|
theme: propsTheme,
|
|
16111
17095
|
value
|
|
@@ -16129,16 +17113,29 @@ const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
16129
17113
|
propsIsSelected: propsIsSelected !== null && propsIsSelected !== void 0 ? propsIsSelected : defaultSelected
|
|
16130
17114
|
});
|
|
16131
17115
|
const theme = useTheme(propsTheme);
|
|
16132
|
-
|
|
17116
|
+
const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
|
|
17117
|
+
const isGradient = color === ButtonsColorPalette.radar;
|
|
17118
|
+
return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
|
|
17119
|
+
condition: isGradient,
|
|
17120
|
+
wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
|
|
17121
|
+
$color: color,
|
|
17122
|
+
$isActive: isActive,
|
|
17123
|
+
$isDisabled: isDisabled,
|
|
17124
|
+
$isHovered: isHovered,
|
|
17125
|
+
$theme: theme,
|
|
17126
|
+
width: "auto"
|
|
17127
|
+
}, children)
|
|
17128
|
+
}, /*#__PURE__*/React__default.createElement(StyledItem, _extends$1({
|
|
16133
17129
|
role: "option"
|
|
16134
17130
|
}, forwardedProps, {
|
|
16135
17131
|
id: id,
|
|
16136
|
-
$
|
|
16137
|
-
$
|
|
16138
|
-
$isFocused: isFocused,
|
|
16139
|
-
$isHovered: isHovered,
|
|
16140
|
-
$isSelected: isSelected,
|
|
17132
|
+
$color: color,
|
|
17133
|
+
$hasBorder: hasBorder,
|
|
16141
17134
|
$hasCheckbox: hasCheckbox,
|
|
17135
|
+
$isActive: isActive || isSelected,
|
|
17136
|
+
$isDisabled: isDisabled,
|
|
17137
|
+
$isGradient: isGradient,
|
|
17138
|
+
$isHovered: isHovered || isFocused,
|
|
16142
17139
|
$theme: theme,
|
|
16143
17140
|
"aria-selected": isSelected,
|
|
16144
17141
|
className: classNames(Item.className, className),
|
|
@@ -16147,17 +17144,19 @@ const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
16147
17144
|
onKeyDown: handleKeyDown,
|
|
16148
17145
|
tabIndex: tabIndex
|
|
16149
17146
|
}), hasCheckbox ? /*#__PURE__*/React__default.createElement(Flexbox, null, isSelected ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
16150
|
-
color:
|
|
17147
|
+
color: color,
|
|
16151
17148
|
icon: mdiCheckboxMarked
|
|
16152
17149
|
}) : /*#__PURE__*/React__default.createElement(Icon, {
|
|
16153
17150
|
color: "question",
|
|
16154
17151
|
icon: mdiCheckboxBlankOutline
|
|
16155
|
-
}), children ? children : /*#__PURE__*/React__default.createElement(Text, null, value)) : children !== null && children !== void 0 ? children : value);
|
|
17152
|
+
}), children ? children : /*#__PURE__*/React__default.createElement(Text, null, value)) : children !== null && children !== void 0 ? children : value));
|
|
16156
17153
|
});
|
|
16157
17154
|
const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
|
|
16158
17155
|
const {
|
|
16159
17156
|
children,
|
|
16160
17157
|
className,
|
|
17158
|
+
color: propsColor,
|
|
17159
|
+
hasBorder,
|
|
16161
17160
|
id: propsId,
|
|
16162
17161
|
isActive,
|
|
16163
17162
|
isDisabled: propsIsDisabled,
|
|
@@ -16183,23 +17182,36 @@ const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
16183
17182
|
onClick: onClick
|
|
16184
17183
|
});
|
|
16185
17184
|
const theme = useTheme(propsTheme);
|
|
16186
|
-
|
|
17185
|
+
const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
|
|
17186
|
+
const isGradient = color === ButtonsColorPalette.radar;
|
|
17187
|
+
return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
|
|
17188
|
+
condition: isGradient,
|
|
17189
|
+
wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
|
|
17190
|
+
$color: color,
|
|
17191
|
+
$isActive: isActive,
|
|
17192
|
+
$isDisabled: isDisabled,
|
|
17193
|
+
$isHovered: isHovered,
|
|
17194
|
+
$theme: theme,
|
|
17195
|
+
width: "auto"
|
|
17196
|
+
}, children)
|
|
17197
|
+
}, /*#__PURE__*/React__default.createElement(StyledItem, _extends$1({
|
|
16187
17198
|
role: "option"
|
|
16188
17199
|
}, forwardedProps, {
|
|
16189
17200
|
id: id,
|
|
17201
|
+
$color: color,
|
|
17202
|
+
$hasBorder: hasBorder,
|
|
17203
|
+
$hasCheckbox: false,
|
|
16190
17204
|
$isActive: isActive,
|
|
16191
17205
|
$isDisabled: isDisabled,
|
|
16192
|
-
$
|
|
16193
|
-
$isHovered: isHovered,
|
|
16194
|
-
$isSelected: false,
|
|
16195
|
-
$hasCheckbox: false,
|
|
17206
|
+
$isGradient: isGradient,
|
|
17207
|
+
$isHovered: isHovered || isFocused,
|
|
16196
17208
|
$theme: theme,
|
|
16197
17209
|
className: classNames(Item.className, className),
|
|
16198
17210
|
onClick: handleClick,
|
|
16199
17211
|
ref: divRef,
|
|
16200
17212
|
onKeyDown: handleKeyDown,
|
|
16201
17213
|
tabIndex: tabIndex
|
|
16202
|
-
}), children);
|
|
17214
|
+
}), children));
|
|
16203
17215
|
});
|
|
16204
17216
|
|
|
16205
17217
|
/**
|
|
@@ -17142,7 +18154,7 @@ function handleDecimalOperation(operator, value1, value2) {
|
|
|
17142
18154
|
var decrease$1 = "Decrease {fieldLabel}";
|
|
17143
18155
|
var increase$1 = "Increase {fieldLabel}";
|
|
17144
18156
|
var numberField$1 = "Number field";
|
|
17145
|
-
var enUS$
|
|
18157
|
+
var enUS$2 = {
|
|
17146
18158
|
decrease: decrease$1,
|
|
17147
18159
|
increase: increase$1,
|
|
17148
18160
|
numberField: numberField$1
|
|
@@ -17151,15 +18163,15 @@ var enUS$1 = {
|
|
|
17151
18163
|
var decrease = "Diminuer {fieldLabel}";
|
|
17152
18164
|
var increase = "Augmenter {fieldLabel}";
|
|
17153
18165
|
var numberField = "Champ de nombre";
|
|
17154
|
-
var frFR$
|
|
18166
|
+
var frFR$2 = {
|
|
17155
18167
|
decrease: decrease,
|
|
17156
18168
|
increase: increase,
|
|
17157
18169
|
numberField: numberField
|
|
17158
18170
|
};
|
|
17159
18171
|
|
|
17160
|
-
var intlMessages$
|
|
17161
|
-
'en-US': enUS$
|
|
17162
|
-
'fr-FR': frFR$
|
|
18172
|
+
var intlMessages$2 = {
|
|
18173
|
+
'en-US': enUS$2,
|
|
18174
|
+
'fr-FR': frFR$2
|
|
17163
18175
|
};
|
|
17164
18176
|
|
|
17165
18177
|
/* eslint-disable prefer-const */
|
|
@@ -17734,18 +18746,18 @@ class LiveAnnouncer {
|
|
|
17734
18746
|
}
|
|
17735
18747
|
|
|
17736
18748
|
var Empty$1 = "Empty";
|
|
17737
|
-
var enUS = {
|
|
18749
|
+
var enUS$1 = {
|
|
17738
18750
|
Empty: Empty$1
|
|
17739
18751
|
};
|
|
17740
18752
|
|
|
17741
18753
|
var Empty = "Vide";
|
|
17742
|
-
var frFR = {
|
|
18754
|
+
var frFR$1 = {
|
|
17743
18755
|
Empty: Empty
|
|
17744
18756
|
};
|
|
17745
18757
|
|
|
17746
|
-
var intlMessages = {
|
|
17747
|
-
'en-US': enUS,
|
|
17748
|
-
'fr-FR': frFR
|
|
18758
|
+
var intlMessages$1 = {
|
|
18759
|
+
'en-US': enUS$1,
|
|
18760
|
+
'fr-FR': frFR$1
|
|
17749
18761
|
};
|
|
17750
18762
|
|
|
17751
18763
|
/* eslint-disable prefer-const */
|
|
@@ -17766,7 +18778,7 @@ function useSpinButton(props) {
|
|
|
17766
18778
|
onDecrementToMin,
|
|
17767
18779
|
onIncrementToMax
|
|
17768
18780
|
} = props;
|
|
17769
|
-
const
|
|
18781
|
+
const format = useMessageFormatter(intlMessages$1);
|
|
17770
18782
|
const clearAsync = () => clearTimeout(_async.current);
|
|
17771
18783
|
|
|
17772
18784
|
// eslint-disable-next-line arrow-body-style
|
|
@@ -17832,7 +18844,7 @@ function useSpinButton(props) {
|
|
|
17832
18844
|
// This ensures that macOS VoiceOver announces it as "minus" even with other characters between the minus sign
|
|
17833
18845
|
// and the number (e.g. currency symbol). Otherwise it announces nothing because it assumes the character is a hyphen.
|
|
17834
18846
|
// In addition, replace the empty string with the word "Empty" so that iOS VoiceOver does not read "50%" for an empty field.
|
|
17835
|
-
let ariaTextValue = textValue === '' ?
|
|
18847
|
+
let ariaTextValue = textValue === '' ? format('Empty') : (textValue || `${value}`).replace('-', '\u2212');
|
|
17836
18848
|
useEffect(() => {
|
|
17837
18849
|
if (isFocused.current) {
|
|
17838
18850
|
clearAnnouncer('assertive');
|
|
@@ -17945,7 +18957,7 @@ function useNumberField(props, state, inputRef) {
|
|
|
17945
18957
|
commit,
|
|
17946
18958
|
commitValidation
|
|
17947
18959
|
} = state;
|
|
17948
|
-
const
|
|
18960
|
+
const format = useMessageFormatter(intlMessages$2);
|
|
17949
18961
|
let inputId = useId$1(id);
|
|
17950
18962
|
let {
|
|
17951
18963
|
focusProps
|
|
@@ -18091,7 +19103,7 @@ function useNumberField(props, state, inputRef) {
|
|
|
18091
19103
|
// override the spinbutton role, we can't focus a spin button with VO
|
|
18092
19104
|
role: null,
|
|
18093
19105
|
// ignore aria-roledescription on iOS so that required state will announce when it is present
|
|
18094
|
-
'aria-roledescription': !isIOS() ?
|
|
19106
|
+
'aria-roledescription': !isIOS() ? format('numberField') : null,
|
|
18095
19107
|
'aria-valuemax': null,
|
|
18096
19108
|
'aria-valuemin': null,
|
|
18097
19109
|
'aria-valuenow': null,
|
|
@@ -18138,7 +19150,7 @@ function useNumberField(props, state, inputRef) {
|
|
|
18138
19150
|
let incrementId = useId$1();
|
|
18139
19151
|
let decrementId = useId$1();
|
|
18140
19152
|
let incrementButtonProps = mergeProps$1(incButtonProps, {
|
|
18141
|
-
'aria-label': incrementAriaLabel ||
|
|
19153
|
+
'aria-label': incrementAriaLabel || format('increase', {
|
|
18142
19154
|
fieldLabel
|
|
18143
19155
|
}).trim(),
|
|
18144
19156
|
id: ariaLabelledby && !incrementAriaLabel ? incrementId : null,
|
|
@@ -18151,7 +19163,7 @@ function useNumberField(props, state, inputRef) {
|
|
|
18151
19163
|
onPressStart: onButtonPressStart
|
|
18152
19164
|
});
|
|
18153
19165
|
let decrementButtonProps = mergeProps$1(decButtonProps, {
|
|
18154
|
-
'aria-label': decrementAriaLabel ||
|
|
19166
|
+
'aria-label': decrementAriaLabel || format('decrease', {
|
|
18155
19167
|
fieldLabel
|
|
18156
19168
|
}).trim(),
|
|
18157
19169
|
id: ariaLabelledby && !decrementAriaLabel ? decrementId : null,
|
|
@@ -18660,6 +19672,7 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
18660
19672
|
$color: "grey",
|
|
18661
19673
|
$isActive: false,
|
|
18662
19674
|
$isDisabled: isDisabled,
|
|
19675
|
+
$isGradient: false,
|
|
18663
19676
|
$isHovered: false,
|
|
18664
19677
|
$isLoading: false,
|
|
18665
19678
|
$variant: variant === NumberFieldVariant.underline ? 'unstyled' : 'secondary',
|
|
@@ -18673,6 +19686,7 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
18673
19686
|
$color: "grey",
|
|
18674
19687
|
$isActive: false,
|
|
18675
19688
|
$isDisabled: isDisabled,
|
|
19689
|
+
$isGradient: false,
|
|
18676
19690
|
$isHovered: false,
|
|
18677
19691
|
$isLoading: false,
|
|
18678
19692
|
$variant: variant === NumberFieldVariant.underline ? 'unstyled' : 'secondary',
|
|
@@ -20062,7 +21076,7 @@ const StyledTextField = styled.div`
|
|
|
20062
21076
|
pointer-events: none;
|
|
20063
21077
|
position: absolute;
|
|
20064
21078
|
text-overflow: ellipsis;
|
|
20065
|
-
top: ${$hasContent ? '-8px' : '-
|
|
21079
|
+
top: ${$hasContent ? '-8px' : '-6px'};
|
|
20066
21080
|
transform-origin: top left;
|
|
20067
21081
|
transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,
|
|
20068
21082
|
max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
|
|
@@ -20078,7 +21092,7 @@ const StyledTextField = styled.div`
|
|
|
20078
21092
|
`}
|
|
20079
21093
|
|
|
20080
21094
|
${$isDisabled ? css`
|
|
20081
|
-
color: var(--redsift-color-
|
|
21095
|
+
color: var(--redsift-color-grey-l2);
|
|
20082
21096
|
` : $isInvalid ? css`
|
|
20083
21097
|
color: var(--redsift-color-notifications-error-primary);
|
|
20084
21098
|
` : $isFocused ? css`
|
|
@@ -20098,16 +21112,17 @@ const StyledTextField = styled.div`
|
|
|
20098
21112
|
}
|
|
20099
21113
|
|
|
20100
21114
|
.redsift-text-field-input-wrapper__pills-and-input {
|
|
20101
|
-
align-items:
|
|
21115
|
+
align-items: flex-start;
|
|
20102
21116
|
box-sizing: border-box;
|
|
20103
21117
|
display: flex;
|
|
21118
|
+
flex-direction: column-reverse;
|
|
20104
21119
|
flex-wrap: wrap;
|
|
20105
21120
|
flex: 1 1 auto;
|
|
20106
|
-
padding-bottom:
|
|
21121
|
+
padding-bottom: 5px;
|
|
20107
21122
|
${$variant !== TextFieldVariant.underline && !$hasLeftIcon ? css`
|
|
20108
21123
|
padding-left: 16px;
|
|
20109
21124
|
` : ''}
|
|
20110
|
-
padding-top:
|
|
21125
|
+
padding-top: 9px;
|
|
20111
21126
|
|
|
20112
21127
|
.redsift-pill {
|
|
20113
21128
|
margin: 3px 6px 3px 0;
|
|
@@ -20127,10 +21142,10 @@ const StyledTextField = styled.div`
|
|
|
20127
21142
|
min-width: 0;
|
|
20128
21143
|
min-width: 100px;
|
|
20129
21144
|
padding: 2px 0;
|
|
20130
|
-
width:
|
|
21145
|
+
width: 100%;
|
|
20131
21146
|
|
|
20132
21147
|
${$isDisabled ? css`
|
|
20133
|
-
color: var(--redsift-color-
|
|
21148
|
+
color: var(--redsift-color-grey-l2);
|
|
20134
21149
|
` : css`
|
|
20135
21150
|
color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
|
|
20136
21151
|
`}
|
|
@@ -20166,7 +21181,7 @@ const StyledTextField = styled.div`
|
|
|
20166
21181
|
`}
|
|
20167
21182
|
|
|
20168
21183
|
${$isDisabled ? css`
|
|
20169
|
-
border-color: var(--redsift-color-
|
|
21184
|
+
border-color: var(--redsift-color-grey-l2);
|
|
20170
21185
|
` : $isInvalid ? css`
|
|
20171
21186
|
border-color: var(--redsift-color-notifications-error-primary);
|
|
20172
21187
|
` : $isFocused ? css`
|
|
@@ -20204,21 +21219,22 @@ const StyledTextField = styled.div`
|
|
|
20204
21219
|
visibility: visible;
|
|
20205
21220
|
}
|
|
20206
21221
|
|
|
20207
|
-
.redsift-icon-button {
|
|
20208
|
-
padding: 2px;
|
|
20209
|
-
}
|
|
20210
|
-
|
|
20211
21222
|
.redsift-text-field-input-wrapper__toolbar {
|
|
20212
21223
|
position: relative;
|
|
20213
21224
|
top: 9px;
|
|
20214
21225
|
}
|
|
20215
21226
|
|
|
21227
|
+
.redsift-icon-button:not(.redsift-pill > .redsift-icon-button) {
|
|
21228
|
+
padding: 2px;
|
|
21229
|
+
position: relative;
|
|
21230
|
+
top: -2px;
|
|
21231
|
+
}
|
|
21232
|
+
|
|
20216
21233
|
${$variant !== TextFieldVariant.underline ? css`
|
|
20217
21234
|
.redsift-icon.left {
|
|
20218
21235
|
padding-left: 12px;
|
|
20219
21236
|
padding-right: 8px;
|
|
20220
21237
|
line-height: 28px;
|
|
20221
|
-
top: 10px;
|
|
20222
21238
|
}
|
|
20223
21239
|
|
|
20224
21240
|
.redsift-text-field-input-wrapper__toolbar {
|
|
@@ -20227,13 +21243,34 @@ const StyledTextField = styled.div`
|
|
|
20227
21243
|
` : css`
|
|
20228
21244
|
.redsift-icon.left {
|
|
20229
21245
|
padding-right: 8px;
|
|
20230
|
-
top: 10px;
|
|
20231
21246
|
}
|
|
20232
21247
|
`}
|
|
21248
|
+
|
|
21249
|
+
.redsift-icon.left,
|
|
21250
|
+
.redsift-icon.right {
|
|
21251
|
+
top: 9px;
|
|
21252
|
+
}
|
|
20233
21253
|
`;
|
|
20234
21254
|
}}
|
|
20235
21255
|
`;
|
|
20236
21256
|
|
|
21257
|
+
var clear$1 = "Clear field";
|
|
21258
|
+
var enUS = {
|
|
21259
|
+
clear: clear$1,
|
|
21260
|
+
"clear-field": "Clear field {label}"
|
|
21261
|
+
};
|
|
21262
|
+
|
|
21263
|
+
var clear = "Nettoyer le champ";
|
|
21264
|
+
var frFR = {
|
|
21265
|
+
clear: clear,
|
|
21266
|
+
"clear-field": "Nettoyer le champ {label}"
|
|
21267
|
+
};
|
|
21268
|
+
|
|
21269
|
+
var intlMessages = {
|
|
21270
|
+
'en-US': enUS,
|
|
21271
|
+
'fr-FR': frFR
|
|
21272
|
+
};
|
|
21273
|
+
|
|
20237
21274
|
const _excluded = ["aria-label", "aria-labelledby", "autoFocus", "className", "defaultValue", "hasClearButton", "after", "internal", "inputProps", "inputRef", "isColored", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "leftIcon", "name", "onBlur", "onChange", "onClear", "onFocus", "pills", "placeholder", "theme", "type", "value", "variant"];
|
|
20238
21275
|
const COMPONENT_NAME = 'TextField';
|
|
20239
21276
|
const CLASSNAME = 'redsift-text-field';
|
|
@@ -20280,6 +21317,7 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
20280
21317
|
} = props,
|
|
20281
21318
|
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
20282
21319
|
const theme = useTheme(propsTheme);
|
|
21320
|
+
const format = useMessageFormatter(intlMessages);
|
|
20283
21321
|
const {
|
|
20284
21322
|
isFocusVisible,
|
|
20285
21323
|
isFocused,
|
|
@@ -20349,17 +21387,7 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
20349
21387
|
className: "left"
|
|
20350
21388
|
})) : null, /*#__PURE__*/React__default.createElement("div", {
|
|
20351
21389
|
className: `${TextField.className}-input-wrapper__pills-and-input`
|
|
20352
|
-
},
|
|
20353
|
-
theme: theme,
|
|
20354
|
-
key: pill.value,
|
|
20355
|
-
color: "blue",
|
|
20356
|
-
size: "small"
|
|
20357
|
-
}, pill.props, {
|
|
20358
|
-
onRightButtonClick: event => {
|
|
20359
|
-
var _pill$onClick;
|
|
20360
|
-
return (_pill$onClick = pill.onClick) === null || _pill$onClick === void 0 ? void 0 : _pill$onClick.call(pill, pill.label, pill.value, event);
|
|
20361
|
-
}
|
|
20362
|
-
}), pill.label)), /*#__PURE__*/React__default.createElement("input", _extends$1({}, inputProps, {
|
|
21390
|
+
}, /*#__PURE__*/React__default.createElement("input", _extends$1({}, inputProps, {
|
|
20363
21391
|
onBlur: event => {
|
|
20364
21392
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
20365
21393
|
onBlurProps === null || onBlurProps === void 0 ? void 0 : onBlurProps(event);
|
|
@@ -20383,12 +21411,19 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
20383
21411
|
ref: inputRef,
|
|
20384
21412
|
type: type,
|
|
20385
21413
|
value: isControlled ? propsValue : value
|
|
20386
|
-
}))
|
|
21414
|
+
})), /*#__PURE__*/React__default.createElement("div", null, pills === null || pills === void 0 ? void 0 : pills.map((pill, index) => /*#__PURE__*/React__default.createElement(Pill, _extends$1({
|
|
21415
|
+
theme: theme,
|
|
21416
|
+
key: `${labelId}-pill-${index}`,
|
|
21417
|
+
color: "blue",
|
|
21418
|
+
size: "small"
|
|
21419
|
+
}, pill))))), hasClearButton || internal || after ? /*#__PURE__*/React__default.createElement(Flexbox, {
|
|
20387
21420
|
className: `${TextField.className}-input-wrapper__toolbar`,
|
|
20388
21421
|
gap: "8px"
|
|
20389
21422
|
}, hasClearButton ? /*#__PURE__*/React__default.createElement(IconButton, _extends$1({
|
|
20390
21423
|
theme: theme,
|
|
20391
|
-
"aria-label":
|
|
21424
|
+
"aria-label": label ? format('clear-field', {
|
|
21425
|
+
label
|
|
21426
|
+
}) : format('clear'),
|
|
20392
21427
|
color: "grey",
|
|
20393
21428
|
isDisabled: isDisabled,
|
|
20394
21429
|
icon: mdiClose
|
|
@@ -20397,7 +21432,9 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
20397
21432
|
className: "right clear"
|
|
20398
21433
|
})) : null, typeof internal === 'function' ? internal(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : internal, (hasClearButton || internal) && after ? /*#__PURE__*/React__default.createElement("span", {
|
|
20399
21434
|
style: {
|
|
20400
|
-
borderLeft: '1px solid var(--redsift-color-neutral-mid-grey)'
|
|
21435
|
+
borderLeft: '1px solid var(--redsift-color-neutral-mid-grey)',
|
|
21436
|
+
position: 'relative',
|
|
21437
|
+
top: '-2px'
|
|
20401
21438
|
}
|
|
20402
21439
|
}) : null, typeof after === 'function' ? after(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : after) : null, /*#__PURE__*/React__default.createElement("fieldset", {
|
|
20403
21440
|
"aria-hidden": "true",
|
|
@@ -20411,5 +21448,5 @@ TextField.className = CLASSNAME;
|
|
|
20411
21448
|
TextField.defaultProps = DEFAULT_PROPS;
|
|
20412
21449
|
TextField.displayName = COMPONENT_NAME;
|
|
20413
21450
|
|
|
20414
|
-
export { ActiveDescendantListbox, Alert, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppContainer, AppContainerContext, AppContent, AppSidePanel, AppSidePanelVariant, Badge, BadgeVariant, BaseBreadcrumbs, BaseGrid, BaseSkeleton, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, ButtonGroupVariant, ButtonLink, ButtonVariant, ButtonsColorPalette, Card, CardActions, CardBody, CardHeader, Checkbox, CheckboxGroup, CheckboxGroupOrientation, ColorPalette, ConditionalWrapper, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardHeader, DetailedCardSection, DetailedCardSectionItem, EventKey, FOCUS_WITHING_GROUP_INITIAL_STATE, FlexDirection, FlexWrap, Flexbox, FocusWithinGroup, FocusWithinGroupActionType, FocusWithinGroupContext, FocusWithinGroupReducer, FontFamily, Grid, GridItem, Heading, HeadingComponent, HeadingVariant, I18nProvider, Icon, IconButton, IconButtonVariant, IconSize, Item, JustifyContent, JustifyItems, JustifySelf, LISTBOX_INITIAL_STATE, Link, LinkButton, Listbox, ListboxActionType, ListboxContext, ListboxReducer, ListboxSelectionMode, ListboxVariant, Navigation, NeutralColorPalette, NotificationsColorPalette, Number$1 as Number, NumberField, NumberFieldVariant, Pill, PillSize, PresentationColorPalette, PrimaryButtonsColorPalette, PrimaryColorPalette, Product, ProductColorPalette, ProductLogo, ProductName, ProgressBar, Radio, RadioGroup, RadioGroupOrientation, RedsiftBorderRadius, RedsiftColorBlueD1, RedsiftColorBlueD2, RedsiftColorBlueD3, RedsiftColorBlueD4, RedsiftColorBlueL1, RedsiftColorBlueL2, RedsiftColorBlueL3, RedsiftColorBlueL4, RedsiftColorBlueN, RedsiftColorBordersBorderDefault, RedsiftColorBordersBorderDisabled, RedsiftColorBordersBorderDivider, RedsiftColorBordersBorderError, RedsiftColorBordersBorderPrimary, RedsiftColorBordersBorderSecondary, RedsiftColorBordersBorderSuccess, RedsiftColorDarkComponentsAiAiBorder, RedsiftColorDarkComponentsAiAiIcon, RedsiftColorDarkComponentsAlertErrorBackground, RedsiftColorDarkComponentsAlertErrorBorder, RedsiftColorDarkComponentsAlertErrorIcon, RedsiftColorDarkComponentsAlertInfoBackground, RedsiftColorDarkComponentsAlertInfoBorder, RedsiftColorDarkComponentsAlertInfoIcon, RedsiftColorDarkComponentsAlertSuccessBackground, RedsiftColorDarkComponentsAlertSuccessBorder, RedsiftColorDarkComponentsAlertSuccessIcon, RedsiftColorDarkComponentsAlertText, RedsiftColorDarkComponentsAlertWarningBackground, RedsiftColorDarkComponentsAlertWarningBorder, RedsiftColorDarkComponentsAlertWarningIcon, RedsiftColorDarkComponentsAppBarBackground, RedsiftColorDarkComponentsAppBarBorder, RedsiftColorDarkComponentsAppBarBreadcrumbDefault, RedsiftColorDarkComponentsAppBarBreadcrumbDown, RedsiftColorDarkComponentsAppBarBreadcrumbHover, RedsiftColorDarkComponentsAppBarIconBackgroundActive, RedsiftColorDarkComponentsAppBarIconBackgroundActiveDown, RedsiftColorDarkComponentsAppBarIconBackgroundActiveHover, RedsiftColorDarkComponentsAppBarIconBackgroundDown, RedsiftColorDarkComponentsAppBarIconBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextHover, RedsiftColorDarkComponentsCheckboxFillDefault, RedsiftColorDarkComponentsCheckboxFillDefaultHover, RedsiftColorDarkComponentsCheckboxFillDisabled, RedsiftColorDarkComponentsCheckboxFillInvalid, RedsiftColorDarkComponentsCheckboxFillInvalidHover, RedsiftColorDarkComponentsCheckboxFillUncolored, RedsiftColorDarkComponentsCheckboxFillUncoloredHover, RedsiftColorDarkComponentsCheckboxTextDefault, RedsiftColorDarkComponentsCheckboxTextDisabled, RedsiftColorDarkComponentsCheckboxTextInvalid, RedsiftColorDarkComponentsDropdownsAndMenusClickBackground, RedsiftColorDarkComponentsDropdownsAndMenusClickText, RedsiftColorDarkComponentsDropdownsAndMenusDefaultBackground, RedsiftColorDarkComponentsDropdownsAndMenusDefaultText, RedsiftColorDarkComponentsDropdownsAndMenusDividers, RedsiftColorDarkComponentsDropdownsAndMenusHoverBackground, RedsiftColorDarkComponentsDropdownsAndMenusHoverText, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveBackground, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveClickBackground, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveClickText, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveHoverBackground, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveHoverText, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveText, RedsiftColorDarkComponentsIconsDefault, RedsiftColorDarkComponentsModalBackground, RedsiftColorDarkComponentsPageBackground, RedsiftColorDarkComponentsProductLogosIconGrey, RedsiftColorDarkComponentsProductLogosIconRed, RedsiftColorDarkComponentsProductLogosTextGrey, RedsiftColorDarkComponentsProductLogosTextRed, RedsiftColorDarkComponentsProductLogosTextWhite, RedsiftColorDarkComponentsRadioFillDefault, RedsiftColorDarkComponentsRadioFillDefaultHover, RedsiftColorDarkComponentsRadioFillDisabled, RedsiftColorDarkComponentsRadioFillInvalid, RedsiftColorDarkComponentsRadioFillInvalidHover, RedsiftColorDarkComponentsRadioFillUncolored, RedsiftColorDarkComponentsRadioFillUncoloredHover, RedsiftColorDarkComponentsRadioTextDefault, RedsiftColorDarkComponentsRadioTextDisabled, RedsiftColorDarkComponentsRadioTextInvalid, RedsiftColorDarkComponentsRedSiftLogoDiamondBottomLeft, RedsiftColorDarkComponentsRedSiftLogoDiamondBottomRight, RedsiftColorDarkComponentsRedSiftLogoDiamondDark, RedsiftColorDarkComponentsRedSiftLogoDiamondLight, RedsiftColorDarkComponentsRedSiftLogoDiamondMid, RedsiftColorDarkComponentsRedSiftLogoDiamondTopRight, RedsiftColorDarkComponentsRedSiftLogoIconBackground, RedsiftColorDarkComponentsRedSiftLogoIconR, RedsiftColorDarkComponentsRedSiftLogoTextGrey, RedsiftColorDarkComponentsRedSiftLogoTextRed, RedsiftColorDarkComponentsRedSiftLogoTextWhite, RedsiftColorDarkComponentsSideNavigationBackground, RedsiftColorDarkComponentsSideNavigationCurrentMarker, RedsiftColorDarkComponentsSideNavigationMenuItemActive, RedsiftColorDarkComponentsSideNavigationMenuItemBackgroundActive, RedsiftColorDarkComponentsSideNavigationMenuItemBackgroundHover, RedsiftColorDarkComponentsSideNavigationMenuItemBackgroundSecondary, RedsiftColorDarkComponentsSideNavigationMenuItemTextDisabled, RedsiftColorDarkComponentsSideNavigationMenuItemTextHover, RedsiftColorDarkComponentsSideNavigationMenuItemTextResting, RedsiftColorDarkComponentsSideNavigationRightLine, RedsiftColorDarkComponentsSideNavigationScrollbarHover, RedsiftColorDarkComponentsSideNavigationScrollbarResting, RedsiftColorDarkComponentsSpinnerSpinner, RedsiftColorDarkComponentsSwitchBackgroundDefault, RedsiftColorDarkComponentsSwitchBackgroundDefaultActive, RedsiftColorDarkComponentsSwitchBackgroundDisabled, RedsiftColorDarkComponentsSwitchBackgroundDisabledActive, RedsiftColorDarkComponentsSwitchBackgroundInvalid, RedsiftColorDarkComponentsSwitchBackgroundInvalidActive, RedsiftColorDarkComponentsSwitchBackgroundUncolored, RedsiftColorDarkComponentsSwitchBackgroundUncoloredActive, RedsiftColorDarkComponentsSwitchDotDefault, RedsiftColorDarkComponentsSwitchDotDefaultHover, RedsiftColorDarkComponentsSwitchDotDisabled, RedsiftColorDarkComponentsSwitchDotInvalid, RedsiftColorDarkComponentsSwitchDotInvalidHover, RedsiftColorDarkComponentsSwitchDotUncolored, RedsiftColorDarkComponentsSwitchDotUncoloredHover, RedsiftColorDarkComponentsSwitchTextDefault, RedsiftColorDarkComponentsSwitchTextDisabled, RedsiftColorDarkComponentsSwitchTextInvalid, RedsiftColorDarkComponentsTabsLine, RedsiftColorDarkComponentsTextPrimary, RedsiftColorDarkComponentsTextSecondary, RedsiftColorDarkComponentsTooltipBackground, RedsiftColorDarkComponentsTooltipText, RedsiftColorGreenD1, RedsiftColorGreenD2, RedsiftColorGreenD3, RedsiftColorGreenD4, RedsiftColorGreenL1, RedsiftColorGreenL2, RedsiftColorGreenL3, RedsiftColorGreenL4, RedsiftColorGreenN, RedsiftColorGreyD1, RedsiftColorGreyD2, RedsiftColorGreyD3, RedsiftColorGreyD4, RedsiftColorGreyD5, RedsiftColorGreyL1, RedsiftColorGreyL2, RedsiftColorGreyL3, RedsiftColorGreyL4, RedsiftColorGreyL5, RedsiftColorGreyN, RedsiftColorLightComponentsAiAiBorder, RedsiftColorLightComponentsAiAiIcon, RedsiftColorLightComponentsAlertErrorBackground, RedsiftColorLightComponentsAlertErrorBorder, RedsiftColorLightComponentsAlertErrorIcon, RedsiftColorLightComponentsAlertInfoBackground, RedsiftColorLightComponentsAlertInfoBorder, RedsiftColorLightComponentsAlertInfoIcon, RedsiftColorLightComponentsAlertSuccessBackground, RedsiftColorLightComponentsAlertSuccessBorder, RedsiftColorLightComponentsAlertSuccessIcon, RedsiftColorLightComponentsAlertText, RedsiftColorLightComponentsAlertWarningBackground, RedsiftColorLightComponentsAlertWarningBorder, RedsiftColorLightComponentsAlertWarningIcon, RedsiftColorLightComponentsAppBarBackground, RedsiftColorLightComponentsAppBarBorder, RedsiftColorLightComponentsAppBarBreadcrumbDefault, RedsiftColorLightComponentsAppBarBreadcrumbDown, RedsiftColorLightComponentsAppBarBreadcrumbHover, RedsiftColorLightComponentsAppBarIconBackgroundActive, RedsiftColorLightComponentsAppBarIconBackgroundActiveDown, RedsiftColorLightComponentsAppBarIconBackgroundActiveHover, RedsiftColorLightComponentsAppBarIconBackgroundDown, RedsiftColorLightComponentsAppBarIconBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextHover, RedsiftColorLightComponentsCheckboxFillDefault, RedsiftColorLightComponentsCheckboxFillDefaultHover, RedsiftColorLightComponentsCheckboxFillDisabled, RedsiftColorLightComponentsCheckboxFillInvalid, RedsiftColorLightComponentsCheckboxFillInvalidHover, RedsiftColorLightComponentsCheckboxFillUncolored, RedsiftColorLightComponentsCheckboxFillUncoloredHover, RedsiftColorLightComponentsCheckboxTextDefault, RedsiftColorLightComponentsCheckboxTextDisabled, RedsiftColorLightComponentsCheckboxTextInvalid, RedsiftColorLightComponentsDropdownsAndMenusClickBackground, RedsiftColorLightComponentsDropdownsAndMenusClickText, RedsiftColorLightComponentsDropdownsAndMenusDefaultBackground, RedsiftColorLightComponentsDropdownsAndMenusDefaultText, RedsiftColorLightComponentsDropdownsAndMenusDividers, RedsiftColorLightComponentsDropdownsAndMenusHoverBackground, RedsiftColorLightComponentsDropdownsAndMenusHoverText, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveBackground, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveClickBackground, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveClickText, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveHoverBackground, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveHoverText, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveText, RedsiftColorLightComponentsIconsDefault, RedsiftColorLightComponentsModalBackground, RedsiftColorLightComponentsPageBackground, RedsiftColorLightComponentsProductLogosIconGrey, RedsiftColorLightComponentsProductLogosIconRed, RedsiftColorLightComponentsProductLogosTextGrey, RedsiftColorLightComponentsProductLogosTextRed, RedsiftColorLightComponentsProductLogosTextWhite, RedsiftColorLightComponentsRadioFillDefault, RedsiftColorLightComponentsRadioFillDefaultHover, RedsiftColorLightComponentsRadioFillDisabled, RedsiftColorLightComponentsRadioFillInvalid, RedsiftColorLightComponentsRadioFillInvalidHover, RedsiftColorLightComponentsRadioFillUncolored, RedsiftColorLightComponentsRadioFillUncoloredHover, RedsiftColorLightComponentsRadioTextDefault, RedsiftColorLightComponentsRadioTextDisabled, RedsiftColorLightComponentsRadioTextInvalid, RedsiftColorLightComponentsRedSiftLogoDiamondBottomLeft, RedsiftColorLightComponentsRedSiftLogoDiamondBottomRight, RedsiftColorLightComponentsRedSiftLogoDiamondDark, RedsiftColorLightComponentsRedSiftLogoDiamondLight, RedsiftColorLightComponentsRedSiftLogoDiamondMid, RedsiftColorLightComponentsRedSiftLogoDiamondTopRight, RedsiftColorLightComponentsRedSiftLogoIconBackground, RedsiftColorLightComponentsRedSiftLogoIconR, RedsiftColorLightComponentsRedSiftLogoTextGrey, RedsiftColorLightComponentsRedSiftLogoTextRed, RedsiftColorLightComponentsRedSiftLogoTextWhite, RedsiftColorLightComponentsSideNavigationBackground, RedsiftColorLightComponentsSideNavigationCurrentMarker, RedsiftColorLightComponentsSideNavigationMenuItemActive, RedsiftColorLightComponentsSideNavigationMenuItemBackgroundActive, RedsiftColorLightComponentsSideNavigationMenuItemBackgroundHover, RedsiftColorLightComponentsSideNavigationMenuItemBackgroundSecondary, RedsiftColorLightComponentsSideNavigationMenuItemTextDisabled, RedsiftColorLightComponentsSideNavigationMenuItemTextHover, RedsiftColorLightComponentsSideNavigationMenuItemTextResting, RedsiftColorLightComponentsSideNavigationRightLine, RedsiftColorLightComponentsSideNavigationScrollbarHover, RedsiftColorLightComponentsSideNavigationScrollbarResting, RedsiftColorLightComponentsSpinnerSpinner, RedsiftColorLightComponentsSwitchBackgroundDefault, RedsiftColorLightComponentsSwitchBackgroundDefaultActive, RedsiftColorLightComponentsSwitchBackgroundDisabled, RedsiftColorLightComponentsSwitchBackgroundDisabledActive, RedsiftColorLightComponentsSwitchBackgroundInvalid, RedsiftColorLightComponentsSwitchBackgroundInvalidActive, RedsiftColorLightComponentsSwitchBackgroundUncolored, RedsiftColorLightComponentsSwitchBackgroundUncoloredActive, RedsiftColorLightComponentsSwitchDotDefault, RedsiftColorLightComponentsSwitchDotDefaultHover, RedsiftColorLightComponentsSwitchDotDisabled, RedsiftColorLightComponentsSwitchDotInvalid, RedsiftColorLightComponentsSwitchDotInvalidHover, RedsiftColorLightComponentsSwitchDotUncolored, RedsiftColorLightComponentsSwitchDotUncoloredHover, RedsiftColorLightComponentsSwitchTextDefault, RedsiftColorLightComponentsSwitchTextDisabled, RedsiftColorLightComponentsSwitchTextInvalid, RedsiftColorLightComponentsTabsLine, RedsiftColorLightComponentsTextPrimary, RedsiftColorLightComponentsTextSecondary, RedsiftColorLightComponentsTooltipBackground, RedsiftColorLightComponentsTooltipText, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkGrey, RedsiftColorNeutralLightGrey, RedsiftColorNeutralMidGrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXDarkGrey, RedsiftColorNeutralXLightGrey, RedsiftColorNotificationsErrorActive, RedsiftColorNotificationsErrorHover, RedsiftColorNotificationsErrorPrimary, RedsiftColorNotificationsInfoActive, RedsiftColorNotificationsInfoHover, RedsiftColorNotificationsInfoPrimary, RedsiftColorNotificationsNoDataActive, RedsiftColorNotificationsNoDataHover, RedsiftColorNotificationsNoDataPrimary, RedsiftColorNotificationsPrimaryActive, RedsiftColorNotificationsPrimaryHover, RedsiftColorNotificationsPrimaryPrimary, RedsiftColorNotificationsQuestionActive, RedsiftColorNotificationsQuestionHover, RedsiftColorNotificationsQuestionPrimary, RedsiftColorNotificationsSecondaryActive, RedsiftColorNotificationsSecondaryHover, RedsiftColorNotificationsSecondaryPrimary, RedsiftColorNotificationsSuccessActive, RedsiftColorNotificationsSuccessHover, RedsiftColorNotificationsSuccessPrimary, RedsiftColorNotificationsWarningActive, RedsiftColorNotificationsWarningHover, RedsiftColorNotificationsWarningPrimary, RedsiftColorPresentationAquaDark, RedsiftColorPresentationAquaDarker, RedsiftColorPresentationAquaDarkerer, RedsiftColorPresentationAquaDefault, RedsiftColorPresentationAquaLight, RedsiftColorPresentationAquaLighter, RedsiftColorPresentationAquaLighterer, RedsiftColorPresentationBlueDark, RedsiftColorPresentationBlueDarker, RedsiftColorPresentationBlueDarkerer, RedsiftColorPresentationBlueDefault, RedsiftColorPresentationBlueLight, RedsiftColorPresentationBlueLighter, RedsiftColorPresentationBlueLighterer, RedsiftColorPresentationBrownDark, RedsiftColorPresentationBrownDarker, RedsiftColorPresentationBrownDarkerer, RedsiftColorPresentationBrownDefault, RedsiftColorPresentationBrownLight, RedsiftColorPresentationBrownLighter, RedsiftColorPresentationBrownLighterer, RedsiftColorPresentationGreenDark, RedsiftColorPresentationGreenDarker, RedsiftColorPresentationGreenDarkerer, RedsiftColorPresentationGreenDefault, RedsiftColorPresentationGreenLight, RedsiftColorPresentationGreenLighter, RedsiftColorPresentationGreenLighterer, RedsiftColorPresentationGreyDark, RedsiftColorPresentationGreyDarker, RedsiftColorPresentationGreyDarkerer, RedsiftColorPresentationGreyDefault, RedsiftColorPresentationGreyLight, RedsiftColorPresentationGreyLighter, RedsiftColorPresentationGreyLighterer, RedsiftColorPresentationOrangeDark, RedsiftColorPresentationOrangeDarker, RedsiftColorPresentationOrangeDarkerer, RedsiftColorPresentationOrangeDefault, RedsiftColorPresentationOrangeLight, RedsiftColorPresentationOrangeLighter, RedsiftColorPresentationOrangeLighterer, RedsiftColorPresentationPinkDark, RedsiftColorPresentationPinkDarker, RedsiftColorPresentationPinkDarkerer, RedsiftColorPresentationPinkDefault, RedsiftColorPresentationPinkLight, RedsiftColorPresentationPinkLighter, RedsiftColorPresentationPinkLighterer, RedsiftColorPresentationPurpleDark, RedsiftColorPresentationPurpleDarker, RedsiftColorPresentationPurpleDarkerer, RedsiftColorPresentationPurpleDefault, RedsiftColorPresentationPurpleLight, RedsiftColorPresentationPurpleLighter, RedsiftColorPresentationPurpleLighterer, RedsiftColorPresentationRedDark, RedsiftColorPresentationRedDarker, RedsiftColorPresentationRedDarkerer, RedsiftColorPresentationRedDefault, RedsiftColorPresentationRedLight, RedsiftColorPresentationRedLighter, RedsiftColorPresentationRedLighterer, RedsiftColorPresentationYellowDark, RedsiftColorPresentationYellowDarker, RedsiftColorPresentationYellowDarkerer, RedsiftColorPresentationYellowDefault, RedsiftColorPresentationYellowLight, RedsiftColorPresentationYellowLighter, RedsiftColorPresentationYellowLighterer, RedsiftColorPrimaryD1, RedsiftColorPrimaryD2, RedsiftColorPrimaryD3, RedsiftColorPrimaryD4, RedsiftColorPrimaryL1, RedsiftColorPrimaryL2, RedsiftColorPrimaryL3, RedsiftColorPrimaryL4, RedsiftColorPrimaryN, RedsiftColorProductAsm, RedsiftColorProductBrandTrust, RedsiftColorProductCertificates, RedsiftColorProductHardenize, RedsiftColorProductOnDmarc, RedsiftColorProductOnInbox, RedsiftColorProductOndmarc, RedsiftColorProductOninbox, RedsiftColorProductPulse, RedsiftColorProductRadar, RedsiftColorProductRojoDs, RedsiftColorProductVendorSecure, RedsiftColorProductWebsite, RedsiftColorRedD1, RedsiftColorRedD2, RedsiftColorRedD3, RedsiftColorRedD4, RedsiftColorRedL1, RedsiftColorRedL2, RedsiftColorRedL3, RedsiftColorRedL4, RedsiftColorRedN, RedsiftColorSecondaryD1, RedsiftColorSecondaryD2, RedsiftColorSecondaryD3, RedsiftColorSecondaryD4, RedsiftColorSecondaryL1, RedsiftColorSecondaryL2, RedsiftColorSecondaryL3, RedsiftColorSecondaryL4, RedsiftColorSecondaryN, RedsiftColorTealD1, RedsiftColorTealD2, RedsiftColorTealD3, RedsiftColorTealD4, RedsiftColorTealL1, RedsiftColorTealL2, RedsiftColorTealL3, RedsiftColorTealL4, RedsiftColorTealN, RedsiftColorTextPrimary, RedsiftColorTextSecondary, RedsiftColorYellowD1, RedsiftColorYellowD2, RedsiftColorYellowD3, RedsiftColorYellowD4, RedsiftColorYellowL1, RedsiftColorYellowL2, RedsiftColorYellowL3, RedsiftColorYellowL4, RedsiftColorYellowN, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyPoppins, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBlack, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightExtraBold, RedsiftTypographyFontWeightExtraLight, RedsiftTypographyFontWeightLight, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyFontWeightThin, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyHelperTextTransform, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, RovingTabindexListbox, SSRProvider, SecondaryColorPalette, Shield, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarVariant, SideNavigationMenuItem, SideNavigationMenuReducerActionType, Skeleton, SkeletonCircle, SkeletonText, SkeletonTextVariant, Spinner, SpinnerSize, StyledButton, StyledItem, StyledLink, StyledTextField, Switch, SwitchGroup, SwitchGroupOrientation, Text, TextArea, TextAreaVariant, TextComponent, TextField, TextFieldVariant, TextVariant, Theme, ThemeContext, ThemeProvider, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, focusRing, getCanvasFont, getContainerProps, getCssStyle, getMaxTextWidth, getTextWidth, isComponent, nextId, partitionComponents, resetId, setPrefix, sizeToDimension$1 as sizeToDimension, srOnly, uniqueId, useAppSidePanel, useBoundingClientRect, useCollator, useComputeNumberOfRows, useDateFormatter, useFilter, useFocusOnList, useFocusOnListItem, useId$2 as useId, useIsLoaded, useIsSSR, useListFormatter, useListboxItem, useLocale, useLocalizedStringDictionary, useLocalizedStringFormatter, useNumberFormatter, useSSRSafeId, useSideNavigationMenuBar, useTheme, useWindowSize, warnIfNoAccessibleLabelFound };
|
|
21451
|
+
export { ActiveDescendantListbox, Alert, AlertStyleVariant, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppContainer, AppContainerContext, AppContent, AppSidePanel, AppSidePanelVariant, Badge, BadgeVariant, BaseBreadcrumbs, BaseGrid, BaseSkeleton, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, ButtonGroupVariant, ButtonLink, ButtonVariant, ButtonsColorPalette, Card, CardActions, CardBody, CardHeader, Checkbox, CheckboxGroup, CheckboxGroupOrientation, ColorPalette, ConditionalWrapper, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardHeader, DetailedCardSection, DetailedCardSectionItem, EventKey, FOCUS_WITHING_GROUP_INITIAL_STATE, FlexDirection, FlexWrap, Flexbox, FocusWithinGroup, FocusWithinGroupActionType, FocusWithinGroupContext, FocusWithinGroupReducer, FontFamily, Grid, GridItem, Heading, HeadingComponent, HeadingVariant, I18nProvider, Icon, IconButton, IconButtonVariant, IconSize, Item, JustifyContent, JustifyItems, JustifySelf, LISTBOX_INITIAL_STATE, Link, LinkButton, Listbox, ListboxActionType, ListboxContext, ListboxReducer, ListboxSelectionMode, ListboxVariant, Navigation, NeutralColorPalette, NotificationsColorPalette, Number$1 as Number, NumberField, NumberFieldVariant, Pill, PillSize, PresentationColorPalette, PrimaryButtonsColorPalette, PrimaryColorPalette, Product, ProductColorPalette, ProductLogo, ProductName, ProgressBar, RadarSvgLinearGradient, Radio, RadioGroup, RadioGroupOrientation, RedsiftBorderRadius, RedsiftColorBlueD1, RedsiftColorBlueD2, RedsiftColorBlueD3, RedsiftColorBlueD4, RedsiftColorBlueL1, RedsiftColorBlueL2, RedsiftColorBlueL3, RedsiftColorBlueL4, RedsiftColorBlueN, RedsiftColorBordersBorderDefault, RedsiftColorBordersBorderDisabled, RedsiftColorBordersBorderDivider, RedsiftColorBordersBorderError, RedsiftColorBordersBorderPrimary, RedsiftColorBordersBorderSecondary, RedsiftColorBordersBorderSuccess, RedsiftColorDarkComponentsAiAiBorder, RedsiftColorDarkComponentsAiAiIcon, RedsiftColorDarkComponentsAlertErrorBackground, RedsiftColorDarkComponentsAlertErrorBorder, RedsiftColorDarkComponentsAlertErrorIcon, RedsiftColorDarkComponentsAlertInfoBackground, RedsiftColorDarkComponentsAlertInfoBorder, RedsiftColorDarkComponentsAlertInfoIcon, RedsiftColorDarkComponentsAlertSuccessBackground, RedsiftColorDarkComponentsAlertSuccessBorder, RedsiftColorDarkComponentsAlertSuccessIcon, RedsiftColorDarkComponentsAlertText, RedsiftColorDarkComponentsAlertWarningBackground, RedsiftColorDarkComponentsAlertWarningBorder, RedsiftColorDarkComponentsAlertWarningIcon, RedsiftColorDarkComponentsAppBarBackground, RedsiftColorDarkComponentsAppBarBorder, RedsiftColorDarkComponentsAppBarBreadcrumbDefault, RedsiftColorDarkComponentsAppBarBreadcrumbDown, RedsiftColorDarkComponentsAppBarBreadcrumbHover, RedsiftColorDarkComponentsAppBarIconBackgroundActive, RedsiftColorDarkComponentsAppBarIconBackgroundActiveDown, RedsiftColorDarkComponentsAppBarIconBackgroundActiveHover, RedsiftColorDarkComponentsAppBarIconBackgroundDown, RedsiftColorDarkComponentsAppBarIconBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonErrorTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonInfoTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonPrimaryTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSecondaryTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonSuccessTextHover, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundActive, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningBackgroundHover, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextActive, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextDefault, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextDisabled, RedsiftColorDarkComponentsButtonsPrimaryButtonWarningTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonErrorTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSecondaryTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonSuccessTextHover, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonWarningTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonErrorTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSecondaryTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonSuccessTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonWarningTextHover, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundActive, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundHover, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextActive, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextDefault, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextDisabled, RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextHover, RedsiftColorDarkComponentsCheckboxFillDefault, RedsiftColorDarkComponentsCheckboxFillDefaultHover, RedsiftColorDarkComponentsCheckboxFillDisabled, RedsiftColorDarkComponentsCheckboxFillInvalid, RedsiftColorDarkComponentsCheckboxFillInvalidHover, RedsiftColorDarkComponentsCheckboxFillUncolored, RedsiftColorDarkComponentsCheckboxFillUncoloredHover, RedsiftColorDarkComponentsCheckboxTextDefault, RedsiftColorDarkComponentsCheckboxTextDisabled, RedsiftColorDarkComponentsCheckboxTextInvalid, RedsiftColorDarkComponentsDropdownsAndMenusClickBackground, RedsiftColorDarkComponentsDropdownsAndMenusClickText, RedsiftColorDarkComponentsDropdownsAndMenusDefaultBackground, RedsiftColorDarkComponentsDropdownsAndMenusDefaultText, RedsiftColorDarkComponentsDropdownsAndMenusDividers, RedsiftColorDarkComponentsDropdownsAndMenusHoverBackground, RedsiftColorDarkComponentsDropdownsAndMenusHoverText, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveBackground, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveClickBackground, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveClickText, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveHoverBackground, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveHoverText, RedsiftColorDarkComponentsDropdownsAndMenusToggleActiveText, RedsiftColorDarkComponentsIconsDefault, RedsiftColorDarkComponentsModalBackground, RedsiftColorDarkComponentsPageBackground, RedsiftColorDarkComponentsPillsAquaDefaultBackground, RedsiftColorDarkComponentsPillsAquaDefaultBorder, RedsiftColorDarkComponentsPillsAquaDefaultText, RedsiftColorDarkComponentsPillsAquaDisabledBackground, RedsiftColorDarkComponentsPillsAquaDisabledBorder, RedsiftColorDarkComponentsPillsAquaDisabledText, RedsiftColorDarkComponentsPillsAquaHoverBackground, RedsiftColorDarkComponentsPillsAquaHoverBorder, RedsiftColorDarkComponentsPillsAquaHoverText, RedsiftColorDarkComponentsPillsBlackDefaultBackground, RedsiftColorDarkComponentsPillsBlackDefaultBorder, RedsiftColorDarkComponentsPillsBlackDefaultText, RedsiftColorDarkComponentsPillsBlackDisabledBackground, RedsiftColorDarkComponentsPillsBlackDisabledBorder, RedsiftColorDarkComponentsPillsBlackDisabledText, RedsiftColorDarkComponentsPillsBlackHoverBackground, RedsiftColorDarkComponentsPillsBlackHoverBorder, RedsiftColorDarkComponentsPillsBlackHoverText, RedsiftColorDarkComponentsPillsBlueDefaultBackground, RedsiftColorDarkComponentsPillsBlueDefaultBorder, RedsiftColorDarkComponentsPillsBlueDefaultText, RedsiftColorDarkComponentsPillsBlueDisabledBackground, RedsiftColorDarkComponentsPillsBlueDisabledBorder, RedsiftColorDarkComponentsPillsBlueDisabledText, RedsiftColorDarkComponentsPillsBlueHoverBackground, RedsiftColorDarkComponentsPillsBlueHoverBorder, RedsiftColorDarkComponentsPillsBlueHoverText, RedsiftColorDarkComponentsPillsBrownDefaultBackground, RedsiftColorDarkComponentsPillsBrownDefaultBorder, RedsiftColorDarkComponentsPillsBrownDefaultText, RedsiftColorDarkComponentsPillsBrownDisabledBackground, RedsiftColorDarkComponentsPillsBrownDisabledBorder, RedsiftColorDarkComponentsPillsBrownDisabledText, RedsiftColorDarkComponentsPillsBrownHoverBackground, RedsiftColorDarkComponentsPillsBrownHoverBorder, RedsiftColorDarkComponentsPillsBrownHoverText, RedsiftColorDarkComponentsPillsDarkGreyDefaultBackground, RedsiftColorDarkComponentsPillsDarkGreyDefaultBorder, RedsiftColorDarkComponentsPillsDarkGreyDefaultText, RedsiftColorDarkComponentsPillsDarkGreyDisabledBackground, RedsiftColorDarkComponentsPillsDarkGreyDisabledBorder, RedsiftColorDarkComponentsPillsDarkGreyDisabledText, RedsiftColorDarkComponentsPillsDarkGreyHoverBackground, RedsiftColorDarkComponentsPillsDarkGreyHoverBorder, RedsiftColorDarkComponentsPillsDarkGreyHoverText, RedsiftColorDarkComponentsPillsErrorDarkDefaultBackground, RedsiftColorDarkComponentsPillsErrorDarkDefaultBorder, RedsiftColorDarkComponentsPillsErrorDarkDefaultText, RedsiftColorDarkComponentsPillsErrorDarkDisabledBackground, RedsiftColorDarkComponentsPillsErrorDarkDisabledBorder, RedsiftColorDarkComponentsPillsErrorDarkDisabledText, RedsiftColorDarkComponentsPillsErrorDarkHoverBackground, RedsiftColorDarkComponentsPillsErrorDarkHoverBorder, RedsiftColorDarkComponentsPillsErrorDarkHoverText, RedsiftColorDarkComponentsPillsErrorDefaultBackground, RedsiftColorDarkComponentsPillsErrorDefaultBorder, RedsiftColorDarkComponentsPillsErrorDefaultText, RedsiftColorDarkComponentsPillsErrorDisabledBackground, RedsiftColorDarkComponentsPillsErrorDisabledBorder, RedsiftColorDarkComponentsPillsErrorDisabledText, RedsiftColorDarkComponentsPillsErrorHoverBackground, RedsiftColorDarkComponentsPillsErrorHoverBorder, RedsiftColorDarkComponentsPillsErrorHoverText, RedsiftColorDarkComponentsPillsGreenDefaultBackground, RedsiftColorDarkComponentsPillsGreenDefaultBorder, RedsiftColorDarkComponentsPillsGreenDefaultText, RedsiftColorDarkComponentsPillsGreenDisabledBackground, RedsiftColorDarkComponentsPillsGreenDisabledBorder, RedsiftColorDarkComponentsPillsGreenDisabledText, RedsiftColorDarkComponentsPillsGreenHoverBackground, RedsiftColorDarkComponentsPillsGreenHoverBorder, RedsiftColorDarkComponentsPillsGreenHoverText, RedsiftColorDarkComponentsPillsGreyDefaultBackground, RedsiftColorDarkComponentsPillsGreyDefaultBorder, RedsiftColorDarkComponentsPillsGreyDefaultText, RedsiftColorDarkComponentsPillsGreyDisabledBackground, RedsiftColorDarkComponentsPillsGreyDisabledBorder, RedsiftColorDarkComponentsPillsGreyDisabledText, RedsiftColorDarkComponentsPillsGreyHoverBackground, RedsiftColorDarkComponentsPillsGreyHoverBorder, RedsiftColorDarkComponentsPillsGreyHoverText, RedsiftColorDarkComponentsPillsLightGreyDefaultBackground, RedsiftColorDarkComponentsPillsLightGreyDefaultBorder, RedsiftColorDarkComponentsPillsLightGreyDefaultText, RedsiftColorDarkComponentsPillsLightGreyDisabledBackground, RedsiftColorDarkComponentsPillsLightGreyDisabledBorder, RedsiftColorDarkComponentsPillsLightGreyDisabledText, RedsiftColorDarkComponentsPillsLightGreyHoverBackground, RedsiftColorDarkComponentsPillsLightGreyHoverBorder, RedsiftColorDarkComponentsPillsLightGreyHoverText, RedsiftColorDarkComponentsPillsMidGreyDefaultBackground, RedsiftColorDarkComponentsPillsMidGreyDefaultBorder, RedsiftColorDarkComponentsPillsMidGreyDefaultText, RedsiftColorDarkComponentsPillsMidGreyDisabledBackground, RedsiftColorDarkComponentsPillsMidGreyDisabledBorder, RedsiftColorDarkComponentsPillsMidGreyDisabledText, RedsiftColorDarkComponentsPillsMidGreyHoverBackground, RedsiftColorDarkComponentsPillsMidGreyHoverBorder, RedsiftColorDarkComponentsPillsMidGreyHoverText, RedsiftColorDarkComponentsPillsOrangeDefaultBackground, RedsiftColorDarkComponentsPillsOrangeDefaultBorder, RedsiftColorDarkComponentsPillsOrangeDefaultText, RedsiftColorDarkComponentsPillsOrangeDisabledBackground, RedsiftColorDarkComponentsPillsOrangeDisabledBorder, RedsiftColorDarkComponentsPillsOrangeDisabledText, RedsiftColorDarkComponentsPillsOrangeHoverBackground, RedsiftColorDarkComponentsPillsOrangeHoverBorder, RedsiftColorDarkComponentsPillsOrangeHoverText, RedsiftColorDarkComponentsPillsPinkDefaultBackground, RedsiftColorDarkComponentsPillsPinkDefaultBorder, RedsiftColorDarkComponentsPillsPinkDefaultText, RedsiftColorDarkComponentsPillsPinkDisabledBackground, RedsiftColorDarkComponentsPillsPinkDisabledBorder, RedsiftColorDarkComponentsPillsPinkDisabledText, RedsiftColorDarkComponentsPillsPinkHoverBackground, RedsiftColorDarkComponentsPillsPinkHoverBorder, RedsiftColorDarkComponentsPillsPinkHoverText, RedsiftColorDarkComponentsPillsPurpleDefaultBackground, RedsiftColorDarkComponentsPillsPurpleDefaultBorder, RedsiftColorDarkComponentsPillsPurpleDefaultText, RedsiftColorDarkComponentsPillsPurpleDisabledBackground, RedsiftColorDarkComponentsPillsPurpleDisabledBorder, RedsiftColorDarkComponentsPillsPurpleDisabledText, RedsiftColorDarkComponentsPillsPurpleHoverBackground, RedsiftColorDarkComponentsPillsPurpleHoverBorder, RedsiftColorDarkComponentsPillsPurpleHoverText, RedsiftColorDarkComponentsPillsRedDefaultBackground, RedsiftColorDarkComponentsPillsRedDefaultBorder, RedsiftColorDarkComponentsPillsRedDefaultText, RedsiftColorDarkComponentsPillsRedDisabledBackground, RedsiftColorDarkComponentsPillsRedDisabledBorder, RedsiftColorDarkComponentsPillsRedDisabledText, RedsiftColorDarkComponentsPillsRedHoverBackground, RedsiftColorDarkComponentsPillsRedHoverBorder, RedsiftColorDarkComponentsPillsRedHoverText, RedsiftColorDarkComponentsPillsSuccessDarkDefaultBackground, RedsiftColorDarkComponentsPillsSuccessDarkDefaultBorder, RedsiftColorDarkComponentsPillsSuccessDarkDefaultText, RedsiftColorDarkComponentsPillsSuccessDarkDisabledBackground, RedsiftColorDarkComponentsPillsSuccessDarkDisabledBorder, RedsiftColorDarkComponentsPillsSuccessDarkDisabledText, RedsiftColorDarkComponentsPillsSuccessDarkHoverBackground, RedsiftColorDarkComponentsPillsSuccessDarkHoverBorder, RedsiftColorDarkComponentsPillsSuccessDarkHoverText, RedsiftColorDarkComponentsPillsSuccessDefaultBackground, RedsiftColorDarkComponentsPillsSuccessDefaultBorder, RedsiftColorDarkComponentsPillsSuccessDefaultText, RedsiftColorDarkComponentsPillsSuccessDisabledBackground, RedsiftColorDarkComponentsPillsSuccessDisabledBorder, RedsiftColorDarkComponentsPillsSuccessDisabledText, RedsiftColorDarkComponentsPillsSuccessHoverBackground, RedsiftColorDarkComponentsPillsSuccessHoverBorder, RedsiftColorDarkComponentsPillsSuccessHoverText, RedsiftColorDarkComponentsPillsWarningDarkDefaultBackground, RedsiftColorDarkComponentsPillsWarningDarkDefaultBorder, RedsiftColorDarkComponentsPillsWarningDarkDefaultText, RedsiftColorDarkComponentsPillsWarningDarkDisabledBackground, RedsiftColorDarkComponentsPillsWarningDarkDisabledBorder, RedsiftColorDarkComponentsPillsWarningDarkDisabledText, RedsiftColorDarkComponentsPillsWarningDarkHoverBackground, RedsiftColorDarkComponentsPillsWarningDarkHoverBorder, RedsiftColorDarkComponentsPillsWarningDarkHoverText, RedsiftColorDarkComponentsPillsWarningDefaultBackground, RedsiftColorDarkComponentsPillsWarningDefaultBorder, RedsiftColorDarkComponentsPillsWarningDefaultText, RedsiftColorDarkComponentsPillsWarningDisabledBackground, RedsiftColorDarkComponentsPillsWarningDisabledBorder, RedsiftColorDarkComponentsPillsWarningDisabledText, RedsiftColorDarkComponentsPillsWarningHoverBackground, RedsiftColorDarkComponentsPillsWarningHoverBorder, RedsiftColorDarkComponentsPillsWarningHoverText, RedsiftColorDarkComponentsPillsWhiteDefaultBackground, RedsiftColorDarkComponentsPillsWhiteDefaultBorder, RedsiftColorDarkComponentsPillsWhiteDefaultText, RedsiftColorDarkComponentsPillsWhiteDisabledBackground, RedsiftColorDarkComponentsPillsWhiteDisabledBorder, RedsiftColorDarkComponentsPillsWhiteDisabledText, RedsiftColorDarkComponentsPillsWhiteHoverBackground, RedsiftColorDarkComponentsPillsWhiteHoverBorder, RedsiftColorDarkComponentsPillsWhiteHoverText, RedsiftColorDarkComponentsPillsXDarkGreyDefaultBackground, RedsiftColorDarkComponentsPillsXDarkGreyDefaultBorder, RedsiftColorDarkComponentsPillsXDarkGreyDefaultText, RedsiftColorDarkComponentsPillsXDarkGreyDisabledBackground, RedsiftColorDarkComponentsPillsXDarkGreyDisabledBorder, RedsiftColorDarkComponentsPillsXDarkGreyDisabledText, RedsiftColorDarkComponentsPillsXDarkGreyHoverBackground, RedsiftColorDarkComponentsPillsXDarkGreyHoverBorder, RedsiftColorDarkComponentsPillsXDarkGreyHoverText, RedsiftColorDarkComponentsPillsXLightGreyDefaultBackground, RedsiftColorDarkComponentsPillsXLightGreyDefaultBorder, RedsiftColorDarkComponentsPillsXLightGreyDefaultText, RedsiftColorDarkComponentsPillsXLightGreyDisabledBackground, RedsiftColorDarkComponentsPillsXLightGreyDisabledBorder, RedsiftColorDarkComponentsPillsXLightGreyDisabledText, RedsiftColorDarkComponentsPillsXLightGreyHoverBackground, RedsiftColorDarkComponentsPillsXLightGreyHoverBorder, RedsiftColorDarkComponentsPillsXLightGreyHoverText, RedsiftColorDarkComponentsPillsYellowDefaultBackground, RedsiftColorDarkComponentsPillsYellowDefaultBorder, RedsiftColorDarkComponentsPillsYellowDefaultText, RedsiftColorDarkComponentsPillsYellowDisabledBackground, RedsiftColorDarkComponentsPillsYellowDisabledBorder, RedsiftColorDarkComponentsPillsYellowDisabledText, RedsiftColorDarkComponentsPillsYellowHoverBackground, RedsiftColorDarkComponentsPillsYellowHoverBorder, RedsiftColorDarkComponentsPillsYellowHoverText, RedsiftColorDarkComponentsProductLogosIconGrey, RedsiftColorDarkComponentsProductLogosIconRed, RedsiftColorDarkComponentsProductLogosTextGrey, RedsiftColorDarkComponentsProductLogosTextRed, RedsiftColorDarkComponentsProductLogosTextWhite, RedsiftColorDarkComponentsRadioFillDefault, RedsiftColorDarkComponentsRadioFillDefaultHover, RedsiftColorDarkComponentsRadioFillDisabled, RedsiftColorDarkComponentsRadioFillInvalid, RedsiftColorDarkComponentsRadioFillInvalidHover, RedsiftColorDarkComponentsRadioFillUncolored, RedsiftColorDarkComponentsRadioFillUncoloredHover, RedsiftColorDarkComponentsRadioTextDefault, RedsiftColorDarkComponentsRadioTextDisabled, RedsiftColorDarkComponentsRadioTextInvalid, RedsiftColorDarkComponentsRedSiftLogoDiamondBottomLeft, RedsiftColorDarkComponentsRedSiftLogoDiamondBottomRight, RedsiftColorDarkComponentsRedSiftLogoDiamondDark, RedsiftColorDarkComponentsRedSiftLogoDiamondLight, RedsiftColorDarkComponentsRedSiftLogoDiamondMid, RedsiftColorDarkComponentsRedSiftLogoDiamondTopRight, RedsiftColorDarkComponentsRedSiftLogoIconBackground, RedsiftColorDarkComponentsRedSiftLogoIconR, RedsiftColorDarkComponentsRedSiftLogoTextGrey, RedsiftColorDarkComponentsRedSiftLogoTextRed, RedsiftColorDarkComponentsRedSiftLogoTextWhite, RedsiftColorDarkComponentsSideNavigationBackground, RedsiftColorDarkComponentsSideNavigationCurrentMarker, RedsiftColorDarkComponentsSideNavigationMenuItemActive, RedsiftColorDarkComponentsSideNavigationMenuItemBackgroundActive, RedsiftColorDarkComponentsSideNavigationMenuItemBackgroundHover, RedsiftColorDarkComponentsSideNavigationMenuItemBackgroundSecondary, RedsiftColorDarkComponentsSideNavigationMenuItemTextDisabled, RedsiftColorDarkComponentsSideNavigationMenuItemTextHover, RedsiftColorDarkComponentsSideNavigationMenuItemTextResting, RedsiftColorDarkComponentsSideNavigationRightLine, RedsiftColorDarkComponentsSideNavigationScrollbarHover, RedsiftColorDarkComponentsSideNavigationScrollbarResting, RedsiftColorDarkComponentsSpinnerSpinner, RedsiftColorDarkComponentsSwitchBackgroundDefault, RedsiftColorDarkComponentsSwitchBackgroundDefaultActive, RedsiftColorDarkComponentsSwitchBackgroundDisabled, RedsiftColorDarkComponentsSwitchBackgroundDisabledActive, RedsiftColorDarkComponentsSwitchBackgroundInvalid, RedsiftColorDarkComponentsSwitchBackgroundInvalidActive, RedsiftColorDarkComponentsSwitchBackgroundUncolored, RedsiftColorDarkComponentsSwitchBackgroundUncoloredActive, RedsiftColorDarkComponentsSwitchDotDefault, RedsiftColorDarkComponentsSwitchDotDefaultHover, RedsiftColorDarkComponentsSwitchDotDisabled, RedsiftColorDarkComponentsSwitchDotInvalid, RedsiftColorDarkComponentsSwitchDotInvalidHover, RedsiftColorDarkComponentsSwitchDotUncolored, RedsiftColorDarkComponentsSwitchDotUncoloredHover, RedsiftColorDarkComponentsSwitchTextDefault, RedsiftColorDarkComponentsSwitchTextDisabled, RedsiftColorDarkComponentsSwitchTextInvalid, RedsiftColorDarkComponentsTabsLine, RedsiftColorDarkComponentsTextPrimary, RedsiftColorDarkComponentsTextSecondary, RedsiftColorDarkComponentsTooltipBackground, RedsiftColorDarkComponentsTooltipText, RedsiftColorGreenD1, RedsiftColorGreenD2, RedsiftColorGreenD3, RedsiftColorGreenD4, RedsiftColorGreenL1, RedsiftColorGreenL2, RedsiftColorGreenL3, RedsiftColorGreenL4, RedsiftColorGreenN, RedsiftColorGreyD1, RedsiftColorGreyD2, RedsiftColorGreyD3, RedsiftColorGreyD4, RedsiftColorGreyD5, RedsiftColorGreyL1, RedsiftColorGreyL2, RedsiftColorGreyL3, RedsiftColorGreyL4, RedsiftColorGreyL5, RedsiftColorGreyN, RedsiftColorLightComponentsAiAiBorder, RedsiftColorLightComponentsAiAiIcon, RedsiftColorLightComponentsAlertErrorBackground, RedsiftColorLightComponentsAlertErrorBorder, RedsiftColorLightComponentsAlertErrorIcon, RedsiftColorLightComponentsAlertInfoBackground, RedsiftColorLightComponentsAlertInfoBorder, RedsiftColorLightComponentsAlertInfoIcon, RedsiftColorLightComponentsAlertSuccessBackground, RedsiftColorLightComponentsAlertSuccessBorder, RedsiftColorLightComponentsAlertSuccessIcon, RedsiftColorLightComponentsAlertText, RedsiftColorLightComponentsAlertWarningBackground, RedsiftColorLightComponentsAlertWarningBorder, RedsiftColorLightComponentsAlertWarningIcon, RedsiftColorLightComponentsAppBarBackground, RedsiftColorLightComponentsAppBarBorder, RedsiftColorLightComponentsAppBarBreadcrumbDefault, RedsiftColorLightComponentsAppBarBreadcrumbDown, RedsiftColorLightComponentsAppBarBreadcrumbHover, RedsiftColorLightComponentsAppBarIconBackgroundActive, RedsiftColorLightComponentsAppBarIconBackgroundActiveDown, RedsiftColorLightComponentsAppBarIconBackgroundActiveHover, RedsiftColorLightComponentsAppBarIconBackgroundDown, RedsiftColorLightComponentsAppBarIconBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonErrorBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonErrorTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonGreyBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonInfoBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonInfoTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonPrimaryTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSecondaryTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonSuccessTextHover, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundActive, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundDefault, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonWarningBackgroundHover, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextActive, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextDefault, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextDisabled, RedsiftColorLightComponentsButtonsPrimaryButtonWarningTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonErrorBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonErrorTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonInfoBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSecondaryTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonSuccessTextHover, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonWarningBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonWarningTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonErrorBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonErrorTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonInfoBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSecondaryTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonSuccessTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonWarningBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonWarningTextHover, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundActive, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundDefault, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundHover, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextActive, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextDefault, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextDisabled, RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextHover, RedsiftColorLightComponentsCheckboxFillDefault, RedsiftColorLightComponentsCheckboxFillDefaultHover, RedsiftColorLightComponentsCheckboxFillDisabled, RedsiftColorLightComponentsCheckboxFillInvalid, RedsiftColorLightComponentsCheckboxFillInvalidHover, RedsiftColorLightComponentsCheckboxFillUncolored, RedsiftColorLightComponentsCheckboxFillUncoloredHover, RedsiftColorLightComponentsCheckboxTextDefault, RedsiftColorLightComponentsCheckboxTextDisabled, RedsiftColorLightComponentsCheckboxTextInvalid, RedsiftColorLightComponentsDropdownsAndMenusClickBackground, RedsiftColorLightComponentsDropdownsAndMenusClickText, RedsiftColorLightComponentsDropdownsAndMenusDefaultBackground, RedsiftColorLightComponentsDropdownsAndMenusDefaultText, RedsiftColorLightComponentsDropdownsAndMenusDividers, RedsiftColorLightComponentsDropdownsAndMenusHoverBackground, RedsiftColorLightComponentsDropdownsAndMenusHoverText, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveBackground, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveClickBackground, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveClickText, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveHoverBackground, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveHoverText, RedsiftColorLightComponentsDropdownsAndMenusToggleActiveText, RedsiftColorLightComponentsIconsDefault, RedsiftColorLightComponentsModalBackground, RedsiftColorLightComponentsPageBackground, RedsiftColorLightComponentsPillsAquaDefaultBackground, RedsiftColorLightComponentsPillsAquaDefaultBorder, RedsiftColorLightComponentsPillsAquaDefaultText, RedsiftColorLightComponentsPillsAquaDisabledBackground, RedsiftColorLightComponentsPillsAquaDisabledBorder, RedsiftColorLightComponentsPillsAquaDisabledText, RedsiftColorLightComponentsPillsAquaHoverBackground, RedsiftColorLightComponentsPillsAquaHoverBorder, RedsiftColorLightComponentsPillsAquaHoverText, RedsiftColorLightComponentsPillsBlackDefaultBackground, RedsiftColorLightComponentsPillsBlackDefaultBorder, RedsiftColorLightComponentsPillsBlackDefaultText, RedsiftColorLightComponentsPillsBlackDisabledBackground, RedsiftColorLightComponentsPillsBlackDisabledBorder, RedsiftColorLightComponentsPillsBlackDisabledText, RedsiftColorLightComponentsPillsBlackHoverBackground, RedsiftColorLightComponentsPillsBlackHoverBorder, RedsiftColorLightComponentsPillsBlackHoverText, RedsiftColorLightComponentsPillsBlueDefaultBackground, RedsiftColorLightComponentsPillsBlueDefaultBorder, RedsiftColorLightComponentsPillsBlueDefaultText, RedsiftColorLightComponentsPillsBlueDisabledBackground, RedsiftColorLightComponentsPillsBlueDisabledBorder, RedsiftColorLightComponentsPillsBlueDisabledText, RedsiftColorLightComponentsPillsBlueHoverBackground, RedsiftColorLightComponentsPillsBlueHoverBorder, RedsiftColorLightComponentsPillsBlueHoverText, RedsiftColorLightComponentsPillsBrownDefaultBackground, RedsiftColorLightComponentsPillsBrownDefaultBorder, RedsiftColorLightComponentsPillsBrownDefaultText, RedsiftColorLightComponentsPillsBrownDisabledBackground, RedsiftColorLightComponentsPillsBrownDisabledBorder, RedsiftColorLightComponentsPillsBrownDisabledText, RedsiftColorLightComponentsPillsBrownHoverBackground, RedsiftColorLightComponentsPillsBrownHoverBorder, RedsiftColorLightComponentsPillsBrownHoverText, RedsiftColorLightComponentsPillsDarkGreyDefaultBackground, RedsiftColorLightComponentsPillsDarkGreyDefaultBorder, RedsiftColorLightComponentsPillsDarkGreyDefaultText, RedsiftColorLightComponentsPillsDarkGreyDisabledBackground, RedsiftColorLightComponentsPillsDarkGreyDisabledBorder, RedsiftColorLightComponentsPillsDarkGreyDisabledText, RedsiftColorLightComponentsPillsDarkGreyHoverBackground, RedsiftColorLightComponentsPillsDarkGreyHoverBorder, RedsiftColorLightComponentsPillsDarkGreyHoverText, RedsiftColorLightComponentsPillsErrorDarkDefaultBackground, RedsiftColorLightComponentsPillsErrorDarkDefaultBorder, RedsiftColorLightComponentsPillsErrorDarkDefaultText, RedsiftColorLightComponentsPillsErrorDarkDisabledBackground, RedsiftColorLightComponentsPillsErrorDarkDisabledBorder, RedsiftColorLightComponentsPillsErrorDarkDisabledText, RedsiftColorLightComponentsPillsErrorDarkHoverBackground, RedsiftColorLightComponentsPillsErrorDarkHoverBorder, RedsiftColorLightComponentsPillsErrorDarkHoverText, RedsiftColorLightComponentsPillsErrorDefaultBackground, RedsiftColorLightComponentsPillsErrorDefaultBorder, RedsiftColorLightComponentsPillsErrorDefaultText, RedsiftColorLightComponentsPillsErrorDisabledBackground, RedsiftColorLightComponentsPillsErrorDisabledBorder, RedsiftColorLightComponentsPillsErrorDisabledText, RedsiftColorLightComponentsPillsErrorHoverBackground, RedsiftColorLightComponentsPillsErrorHoverBorder, RedsiftColorLightComponentsPillsErrorHoverText, RedsiftColorLightComponentsPillsGreenDefaultBackground, RedsiftColorLightComponentsPillsGreenDefaultBorder, RedsiftColorLightComponentsPillsGreenDefaultText, RedsiftColorLightComponentsPillsGreenDisabledBackground, RedsiftColorLightComponentsPillsGreenDisabledBorder, RedsiftColorLightComponentsPillsGreenDisabledText, RedsiftColorLightComponentsPillsGreenHoverBackground, RedsiftColorLightComponentsPillsGreenHoverBorder, RedsiftColorLightComponentsPillsGreenHoverText, RedsiftColorLightComponentsPillsGreyDefaultBackground, RedsiftColorLightComponentsPillsGreyDefaultBorder, RedsiftColorLightComponentsPillsGreyDefaultText, RedsiftColorLightComponentsPillsGreyDisabledBackground, RedsiftColorLightComponentsPillsGreyDisabledBorder, RedsiftColorLightComponentsPillsGreyDisabledText, RedsiftColorLightComponentsPillsGreyHoverBackground, RedsiftColorLightComponentsPillsGreyHoverBorder, RedsiftColorLightComponentsPillsGreyHoverText, RedsiftColorLightComponentsPillsLightGreyDefaultBackground, RedsiftColorLightComponentsPillsLightGreyDefaultBorder, RedsiftColorLightComponentsPillsLightGreyDefaultText, RedsiftColorLightComponentsPillsLightGreyDisabledBackground, RedsiftColorLightComponentsPillsLightGreyDisabledBorder, RedsiftColorLightComponentsPillsLightGreyDisabledText, RedsiftColorLightComponentsPillsLightGreyHoverBackground, RedsiftColorLightComponentsPillsLightGreyHoverBorder, RedsiftColorLightComponentsPillsLightGreyHoverText, RedsiftColorLightComponentsPillsMidGreyDefaultBackground, RedsiftColorLightComponentsPillsMidGreyDefaultBorder, RedsiftColorLightComponentsPillsMidGreyDefaultText, RedsiftColorLightComponentsPillsMidGreyDisabledBackground, RedsiftColorLightComponentsPillsMidGreyDisabledBorder, RedsiftColorLightComponentsPillsMidGreyDisabledText, RedsiftColorLightComponentsPillsMidGreyHoverBackground, RedsiftColorLightComponentsPillsMidGreyHoverBorder, RedsiftColorLightComponentsPillsMidGreyHoverText, RedsiftColorLightComponentsPillsOrangeDefaultBackground, RedsiftColorLightComponentsPillsOrangeDefaultBorder, RedsiftColorLightComponentsPillsOrangeDefaultText, RedsiftColorLightComponentsPillsOrangeDisabledBackground, RedsiftColorLightComponentsPillsOrangeDisabledBorder, RedsiftColorLightComponentsPillsOrangeDisabledText, RedsiftColorLightComponentsPillsOrangeHoverBackground, RedsiftColorLightComponentsPillsOrangeHoverBorder, RedsiftColorLightComponentsPillsOrangeHoverText, RedsiftColorLightComponentsPillsPinkDefaultBackground, RedsiftColorLightComponentsPillsPinkDefaultBorder, RedsiftColorLightComponentsPillsPinkDefaultText, RedsiftColorLightComponentsPillsPinkDisabledBackground, RedsiftColorLightComponentsPillsPinkDisabledBorder, RedsiftColorLightComponentsPillsPinkDisabledText, RedsiftColorLightComponentsPillsPinkHoverBackground, RedsiftColorLightComponentsPillsPinkHoverBorder, RedsiftColorLightComponentsPillsPinkHoverText, RedsiftColorLightComponentsPillsPurpleDefaultBackground, RedsiftColorLightComponentsPillsPurpleDefaultBorder, RedsiftColorLightComponentsPillsPurpleDefaultText, RedsiftColorLightComponentsPillsPurpleDisabledBackground, RedsiftColorLightComponentsPillsPurpleDisabledBorder, RedsiftColorLightComponentsPillsPurpleDisabledText, RedsiftColorLightComponentsPillsPurpleHoverBackground, RedsiftColorLightComponentsPillsPurpleHoverBorder, RedsiftColorLightComponentsPillsPurpleHoverText, RedsiftColorLightComponentsPillsRedDefaultBackground, RedsiftColorLightComponentsPillsRedDefaultBorder, RedsiftColorLightComponentsPillsRedDefaultText, RedsiftColorLightComponentsPillsRedDisabledBackground, RedsiftColorLightComponentsPillsRedDisabledBorder, RedsiftColorLightComponentsPillsRedDisabledText, RedsiftColorLightComponentsPillsRedHoverBackground, RedsiftColorLightComponentsPillsRedHoverBorder, RedsiftColorLightComponentsPillsRedHoverText, RedsiftColorLightComponentsPillsSuccessDarkDefaultBackground, RedsiftColorLightComponentsPillsSuccessDarkDefaultBorder, RedsiftColorLightComponentsPillsSuccessDarkDefaultText, RedsiftColorLightComponentsPillsSuccessDarkDisabledBackground, RedsiftColorLightComponentsPillsSuccessDarkDisabledBorder, RedsiftColorLightComponentsPillsSuccessDarkDisabledText, RedsiftColorLightComponentsPillsSuccessDarkHoverBackground, RedsiftColorLightComponentsPillsSuccessDarkHoverBorder, RedsiftColorLightComponentsPillsSuccessDarkHoverText, RedsiftColorLightComponentsPillsSuccessDefaultBackground, RedsiftColorLightComponentsPillsSuccessDefaultBorder, RedsiftColorLightComponentsPillsSuccessDefaultText, RedsiftColorLightComponentsPillsSuccessDisabledBackground, RedsiftColorLightComponentsPillsSuccessDisabledBorder, RedsiftColorLightComponentsPillsSuccessDisabledText, RedsiftColorLightComponentsPillsSuccessHoverBackground, RedsiftColorLightComponentsPillsSuccessHoverBorder, RedsiftColorLightComponentsPillsSuccessHoverText, RedsiftColorLightComponentsPillsWarningDarkDefaultBackground, RedsiftColorLightComponentsPillsWarningDarkDefaultBorder, RedsiftColorLightComponentsPillsWarningDarkDefaultText, RedsiftColorLightComponentsPillsWarningDarkDisabledBackground, RedsiftColorLightComponentsPillsWarningDarkDisabledBorder, RedsiftColorLightComponentsPillsWarningDarkDisabledText, RedsiftColorLightComponentsPillsWarningDarkHoverBackground, RedsiftColorLightComponentsPillsWarningDarkHoverBorder, RedsiftColorLightComponentsPillsWarningDarkHoverText, RedsiftColorLightComponentsPillsWarningDefaultBackground, RedsiftColorLightComponentsPillsWarningDefaultBorder, RedsiftColorLightComponentsPillsWarningDefaultText, RedsiftColorLightComponentsPillsWarningDisabledBackground, RedsiftColorLightComponentsPillsWarningDisabledBorder, RedsiftColorLightComponentsPillsWarningDisabledText, RedsiftColorLightComponentsPillsWarningHoverBackground, RedsiftColorLightComponentsPillsWarningHoverBorder, RedsiftColorLightComponentsPillsWarningHoverText, RedsiftColorLightComponentsPillsWhiteDefaultBackground, RedsiftColorLightComponentsPillsWhiteDefaultBorder, RedsiftColorLightComponentsPillsWhiteDefaultText, RedsiftColorLightComponentsPillsWhiteDisabledBackground, RedsiftColorLightComponentsPillsWhiteDisabledBorder, RedsiftColorLightComponentsPillsWhiteDisabledText, RedsiftColorLightComponentsPillsWhiteHoverBackground, RedsiftColorLightComponentsPillsWhiteHoverBorder, RedsiftColorLightComponentsPillsWhiteHoverText, RedsiftColorLightComponentsPillsXDarkGreyDefaultBackground, RedsiftColorLightComponentsPillsXDarkGreyDefaultBorder, RedsiftColorLightComponentsPillsXDarkGreyDefaultText, RedsiftColorLightComponentsPillsXDarkGreyDisabledBackground, RedsiftColorLightComponentsPillsXDarkGreyDisabledBorder, RedsiftColorLightComponentsPillsXDarkGreyDisabledText, RedsiftColorLightComponentsPillsXDarkGreyHoverBackground, RedsiftColorLightComponentsPillsXDarkGreyHoverBorder, RedsiftColorLightComponentsPillsXDarkGreyHoverText, RedsiftColorLightComponentsPillsXLightGreyDefaultBackground, RedsiftColorLightComponentsPillsXLightGreyDefaultBorder, RedsiftColorLightComponentsPillsXLightGreyDefaultText, RedsiftColorLightComponentsPillsXLightGreyDisabledBackground, RedsiftColorLightComponentsPillsXLightGreyDisabledBorder, RedsiftColorLightComponentsPillsXLightGreyDisabledText, RedsiftColorLightComponentsPillsXLightGreyHoverBackground, RedsiftColorLightComponentsPillsXLightGreyHoverBorder, RedsiftColorLightComponentsPillsXLightGreyHoverText, RedsiftColorLightComponentsPillsYellowDefaultBackground, RedsiftColorLightComponentsPillsYellowDefaultBorder, RedsiftColorLightComponentsPillsYellowDefaultText, RedsiftColorLightComponentsPillsYellowDisabledBackground, RedsiftColorLightComponentsPillsYellowDisabledBorder, RedsiftColorLightComponentsPillsYellowDisabledText, RedsiftColorLightComponentsPillsYellowHoverBackground, RedsiftColorLightComponentsPillsYellowHoverBorder, RedsiftColorLightComponentsPillsYellowHoverText, RedsiftColorLightComponentsProductLogosIconGrey, RedsiftColorLightComponentsProductLogosIconRed, RedsiftColorLightComponentsProductLogosTextGrey, RedsiftColorLightComponentsProductLogosTextRed, RedsiftColorLightComponentsProductLogosTextWhite, RedsiftColorLightComponentsRadioFillDefault, RedsiftColorLightComponentsRadioFillDefaultHover, RedsiftColorLightComponentsRadioFillDisabled, RedsiftColorLightComponentsRadioFillInvalid, RedsiftColorLightComponentsRadioFillInvalidHover, RedsiftColorLightComponentsRadioFillUncolored, RedsiftColorLightComponentsRadioFillUncoloredHover, RedsiftColorLightComponentsRadioTextDefault, RedsiftColorLightComponentsRadioTextDisabled, RedsiftColorLightComponentsRadioTextInvalid, RedsiftColorLightComponentsRedSiftLogoDiamondBottomLeft, RedsiftColorLightComponentsRedSiftLogoDiamondBottomRight, RedsiftColorLightComponentsRedSiftLogoDiamondDark, RedsiftColorLightComponentsRedSiftLogoDiamondLight, RedsiftColorLightComponentsRedSiftLogoDiamondMid, RedsiftColorLightComponentsRedSiftLogoDiamondTopRight, RedsiftColorLightComponentsRedSiftLogoIconBackground, RedsiftColorLightComponentsRedSiftLogoIconR, RedsiftColorLightComponentsRedSiftLogoTextGrey, RedsiftColorLightComponentsRedSiftLogoTextRed, RedsiftColorLightComponentsRedSiftLogoTextWhite, RedsiftColorLightComponentsSideNavigationBackground, RedsiftColorLightComponentsSideNavigationCurrentMarker, RedsiftColorLightComponentsSideNavigationMenuItemActive, RedsiftColorLightComponentsSideNavigationMenuItemBackgroundActive, RedsiftColorLightComponentsSideNavigationMenuItemBackgroundHover, RedsiftColorLightComponentsSideNavigationMenuItemBackgroundSecondary, RedsiftColorLightComponentsSideNavigationMenuItemTextDisabled, RedsiftColorLightComponentsSideNavigationMenuItemTextHover, RedsiftColorLightComponentsSideNavigationMenuItemTextResting, RedsiftColorLightComponentsSideNavigationRightLine, RedsiftColorLightComponentsSideNavigationScrollbarHover, RedsiftColorLightComponentsSideNavigationScrollbarResting, RedsiftColorLightComponentsSpinnerSpinner, RedsiftColorLightComponentsSwitchBackgroundDefault, RedsiftColorLightComponentsSwitchBackgroundDefaultActive, RedsiftColorLightComponentsSwitchBackgroundDisabled, RedsiftColorLightComponentsSwitchBackgroundDisabledActive, RedsiftColorLightComponentsSwitchBackgroundInvalid, RedsiftColorLightComponentsSwitchBackgroundInvalidActive, RedsiftColorLightComponentsSwitchBackgroundUncolored, RedsiftColorLightComponentsSwitchBackgroundUncoloredActive, RedsiftColorLightComponentsSwitchDotDefault, RedsiftColorLightComponentsSwitchDotDefaultHover, RedsiftColorLightComponentsSwitchDotDisabled, RedsiftColorLightComponentsSwitchDotInvalid, RedsiftColorLightComponentsSwitchDotInvalidHover, RedsiftColorLightComponentsSwitchDotUncolored, RedsiftColorLightComponentsSwitchDotUncoloredHover, RedsiftColorLightComponentsSwitchTextDefault, RedsiftColorLightComponentsSwitchTextDisabled, RedsiftColorLightComponentsSwitchTextInvalid, RedsiftColorLightComponentsTabsLine, RedsiftColorLightComponentsTextPrimary, RedsiftColorLightComponentsTextSecondary, RedsiftColorLightComponentsTooltipBackground, RedsiftColorLightComponentsTooltipText, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkGrey, RedsiftColorNeutralLightGrey, RedsiftColorNeutralMidGrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXDarkGrey, RedsiftColorNeutralXLightGrey, RedsiftColorNotificationsErrorActive, RedsiftColorNotificationsErrorHover, RedsiftColorNotificationsErrorPrimary, RedsiftColorNotificationsInfoActive, RedsiftColorNotificationsInfoHover, RedsiftColorNotificationsInfoPrimary, RedsiftColorNotificationsNoDataActive, RedsiftColorNotificationsNoDataHover, RedsiftColorNotificationsNoDataPrimary, RedsiftColorNotificationsPrimaryActive, RedsiftColorNotificationsPrimaryHover, RedsiftColorNotificationsPrimaryPrimary, RedsiftColorNotificationsQuestionActive, RedsiftColorNotificationsQuestionHover, RedsiftColorNotificationsQuestionPrimary, RedsiftColorNotificationsSecondaryActive, RedsiftColorNotificationsSecondaryHover, RedsiftColorNotificationsSecondaryPrimary, RedsiftColorNotificationsSuccessActive, RedsiftColorNotificationsSuccessHover, RedsiftColorNotificationsSuccessPrimary, RedsiftColorNotificationsWarningActive, RedsiftColorNotificationsWarningHover, RedsiftColorNotificationsWarningPrimary, RedsiftColorPresentationAquaDark, RedsiftColorPresentationAquaDarker, RedsiftColorPresentationAquaDarkerer, RedsiftColorPresentationAquaDefault, RedsiftColorPresentationAquaLight, RedsiftColorPresentationAquaLighter, RedsiftColorPresentationAquaLighterer, RedsiftColorPresentationBlueDark, RedsiftColorPresentationBlueDarker, RedsiftColorPresentationBlueDarkerer, RedsiftColorPresentationBlueDefault, RedsiftColorPresentationBlueLight, RedsiftColorPresentationBlueLighter, RedsiftColorPresentationBlueLighterer, RedsiftColorPresentationBrownDark, RedsiftColorPresentationBrownDarker, RedsiftColorPresentationBrownDarkerer, RedsiftColorPresentationBrownDefault, RedsiftColorPresentationBrownLight, RedsiftColorPresentationBrownLighter, RedsiftColorPresentationBrownLighterer, RedsiftColorPresentationGreenDark, RedsiftColorPresentationGreenDarker, RedsiftColorPresentationGreenDarkerer, RedsiftColorPresentationGreenDefault, RedsiftColorPresentationGreenLight, RedsiftColorPresentationGreenLighter, RedsiftColorPresentationGreenLighterer, RedsiftColorPresentationGreyDark, RedsiftColorPresentationGreyDarker, RedsiftColorPresentationGreyDarkerer, RedsiftColorPresentationGreyDefault, RedsiftColorPresentationGreyLight, RedsiftColorPresentationGreyLighter, RedsiftColorPresentationGreyLighterer, RedsiftColorPresentationOrangeDark, RedsiftColorPresentationOrangeDarker, RedsiftColorPresentationOrangeDarkerer, RedsiftColorPresentationOrangeDefault, RedsiftColorPresentationOrangeLight, RedsiftColorPresentationOrangeLighter, RedsiftColorPresentationOrangeLighterer, RedsiftColorPresentationPinkDark, RedsiftColorPresentationPinkDarker, RedsiftColorPresentationPinkDarkerer, RedsiftColorPresentationPinkDefault, RedsiftColorPresentationPinkLight, RedsiftColorPresentationPinkLighter, RedsiftColorPresentationPinkLighterer, RedsiftColorPresentationPurpleDark, RedsiftColorPresentationPurpleDarker, RedsiftColorPresentationPurpleDarkerer, RedsiftColorPresentationPurpleDefault, RedsiftColorPresentationPurpleLight, RedsiftColorPresentationPurpleLighter, RedsiftColorPresentationPurpleLighterer, RedsiftColorPresentationRedDark, RedsiftColorPresentationRedDarker, RedsiftColorPresentationRedDarkerer, RedsiftColorPresentationRedDefault, RedsiftColorPresentationRedLight, RedsiftColorPresentationRedLighter, RedsiftColorPresentationRedLighterer, RedsiftColorPresentationYellowDark, RedsiftColorPresentationYellowDarker, RedsiftColorPresentationYellowDarkerer, RedsiftColorPresentationYellowDefault, RedsiftColorPresentationYellowLight, RedsiftColorPresentationYellowLighter, RedsiftColorPresentationYellowLighterer, RedsiftColorPrimaryD1, RedsiftColorPrimaryD2, RedsiftColorPrimaryD3, RedsiftColorPrimaryD4, RedsiftColorPrimaryL1, RedsiftColorPrimaryL2, RedsiftColorPrimaryL3, RedsiftColorPrimaryL4, RedsiftColorPrimaryN, RedsiftColorProductAsm, RedsiftColorProductBrandTrust, RedsiftColorProductCertificates, RedsiftColorProductHardenize, RedsiftColorProductOnDmarc, RedsiftColorProductOnInbox, RedsiftColorProductOndmarc, RedsiftColorProductOninbox, RedsiftColorProductPulse, RedsiftColorProductRadar, RedsiftColorProductRojoDs, RedsiftColorProductVendorSecure, RedsiftColorProductWebsite, RedsiftColorRedD1, RedsiftColorRedD2, RedsiftColorRedD3, RedsiftColorRedD4, RedsiftColorRedL1, RedsiftColorRedL2, RedsiftColorRedL3, RedsiftColorRedL4, RedsiftColorRedN, RedsiftColorSecondaryD1, RedsiftColorSecondaryD2, RedsiftColorSecondaryD3, RedsiftColorSecondaryD4, RedsiftColorSecondaryL1, RedsiftColorSecondaryL2, RedsiftColorSecondaryL3, RedsiftColorSecondaryL4, RedsiftColorSecondaryN, RedsiftColorTealD1, RedsiftColorTealD2, RedsiftColorTealD3, RedsiftColorTealD4, RedsiftColorTealL1, RedsiftColorTealL2, RedsiftColorTealL3, RedsiftColorTealL4, RedsiftColorTealN, RedsiftColorTextPrimary, RedsiftColorTextSecondary, RedsiftColorYellowD1, RedsiftColorYellowD2, RedsiftColorYellowD3, RedsiftColorYellowD4, RedsiftColorYellowL1, RedsiftColorYellowL2, RedsiftColorYellowL3, RedsiftColorYellowL4, RedsiftColorYellowN, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyPoppins, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBlack, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightExtraBold, RedsiftTypographyFontWeightExtraLight, RedsiftTypographyFontWeightLight, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyFontWeightThin, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyHelperTextTransform, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, RovingTabindexListbox, SSRProvider, SecondaryColorPalette, Shield, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarVariant, SideNavigationMenuItem, SideNavigationMenuReducerActionType, Skeleton, SkeletonCircle, SkeletonText, SkeletonTextVariant, Spinner, SpinnerSize, StyledButton, StyledGradientBorder, StyledItem, StyledLink, StyledTextField, Switch, SwitchGroup, SwitchGroupOrientation, Text, TextArea, TextAreaVariant, TextComponent, TextField, TextFieldVariant, TextVariant, Theme, ThemeContext, ThemeProvider, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, focusRing, getCanvasFont, getContainerProps, getCssStyle, getMaxTextWidth, getTextWidth, isComponent, nextId, partitionComponents, resetId, setPrefix, sizeToDimension$1 as sizeToDimension, srOnly, uniqueId, useAppSidePanel, useBoundingClientRect, useCollator, useComputeNumberOfRows, useDateFormatter, useFilter, useFocusOnList, useFocusOnListItem, useId$2 as useId, useIsLoaded, useIsSSR, useListFormatter, useListboxItem, useLocale, useLocalizedStringDictionary, useLocalizedStringFormatter, useMessageFormatter, useNumberFormatter, useSSRSafeId, useSideNavigationMenuBar, useTheme, useWindowSize, warnIfNoAccessibleLabelFound };
|
|
20415
21452
|
//# sourceMappingURL=index.js.map
|