@redsift/design-system 10.3.0-alpha.1 → 10.3.0-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CONTRIBUTING.md +4 -4
  2. package/index.d.ts +232 -37
  3. package/index.js +1332 -889
  4. package/index.js.map +1 -1
  5. package/package.json +3 -3
  6. package/style/index.css +109 -12
  7. package/style/redsift-design-tokens.css +109 -12
  8. package/style/redsift.css +109 -12
package/index.js CHANGED
@@ -1,8 +1,8 @@
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 styled, { css, keyframes } from 'styled-components';
6
6
  import IntlMessageFormat from 'intl-messageformat';
7
7
  import * as ReactDOM from 'react-dom';
8
8
  import { createPortal } from 'react-dom';
@@ -205,9 +205,11 @@ const PrimaryButtonsColorPalette = {
205
205
  error: 'error',
206
206
  success: 'success',
207
207
  warning: 'warning',
208
- grey: 'grey'
208
+ grey: 'grey',
209
+ radar: 'radar'
209
210
  };
210
211
  const ButtonsColorPalette = _objectSpread2(_objectSpread2({}, PrimaryButtonsColorPalette), {}, {
212
+ white: 'white',
211
213
  black: 'black',
212
214
  info: 'info'
213
215
  });
@@ -481,7 +483,7 @@ function partitionComponents(components, predicates) {
481
483
 
482
484
  /**
483
485
  * Do not edit directly
484
- * Generated on Sat, 06 Jul 2024 21:54:16 GMT
486
+ * Generated on Tue, 16 Jul 2024 19:17:14 GMT
485
487
  */
486
488
 
487
489
  const RedsiftColorDarkComponentsPageBackground = '#333333';
@@ -583,6 +585,14 @@ const RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextDefault = '#ffffff';
583
585
  const RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextHover = '#ffffff';
584
586
  const RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextActive = '#ffffff';
585
587
  const RedsiftColorDarkComponentsButtonsPrimaryButtonGreyTextDisabled = '#858585';
588
+ const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundDefault = 'linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1))';
589
+ const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundHover = 'linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1))';
590
+ const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundActive = 'linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1))';
591
+ const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarBackgroundDisabled = '#474747';
592
+ const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextDefault = '#ffffff';
593
+ const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextHover = '#ffffff';
594
+ const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextActive = '#ffffff';
595
+ const RedsiftColorDarkComponentsButtonsPrimaryButtonRadarTextDisabled = '#858585';
586
596
  const RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundDefault = 'transparent';
587
597
  const RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundHover = '#142849';
588
598
  const RedsiftColorDarkComponentsButtonsSecondaryButtonPrimaryBackgroundActive = '#0d1b31';
@@ -632,13 +642,37 @@ const RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextHover = '#689df6';
632
642
  const RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextActive = '#8eb6f8';
633
643
  const RedsiftColorDarkComponentsButtonsSecondaryButtonInfoTextDisabled = '#858585';
634
644
  const RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundDefault = 'transparent';
635
- const RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundHover = '#474747';
645
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundHover = '#525252';
636
646
  const RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundActive = '#333333';
637
647
  const RedsiftColorDarkComponentsButtonsSecondaryButtonGreyBackgroundDisabled = '#333333';
638
648
  const RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextDefault = '#666666';
639
649
  const RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextHover = '#858585';
640
650
  const RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextActive = '#a3a3a3';
641
651
  const RedsiftColorDarkComponentsButtonsSecondaryButtonGreyTextDisabled = '#858585';
652
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundDefault = 'transparent';
653
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundHover = '#525252';
654
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundActive = '#333333';
655
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundDisabled = 'transparent';
656
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextDefault = '#333333';
657
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextHover = '#333333';
658
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextActive = '#333333';
659
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextDisabled = '#a3a3a3';
660
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundDefault = 'transparent';
661
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundHover = '#525252';
662
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundActive = '#333333';
663
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundDisabled = 'transparent';
664
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextDefault = '#ffffff';
665
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextHover = '#ffffff';
666
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextActive = '#ffffff';
667
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextDisabled = '#a3a3a3';
668
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundDefault = 'transparent';
669
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundHover = 'linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2))';
670
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundActive = 'linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4))';
671
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarBackgroundDisabled = '#333333';
672
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextDefault = 'linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1))';
673
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextHover = 'linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1))';
674
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextActive = 'linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1))';
675
+ const RedsiftColorDarkComponentsButtonsSecondaryButtonRadarTextDisabled = '#858585';
642
676
  const RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundDefault = 'transparent';
643
677
  const RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundHover = '#142849';
644
678
  const RedsiftColorDarkComponentsButtonsUnstyledButtonPrimaryBackgroundActive = '#0d1b31';
@@ -688,13 +722,37 @@ const RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextHover = '#689df6';
688
722
  const RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextActive = '#8eb6f8';
689
723
  const RedsiftColorDarkComponentsButtonsUnstyledButtonInfoTextDisabled = '#858585';
690
724
  const RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundDefault = 'transparent';
691
- const RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundHover = '#474747';
725
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundHover = '#525252';
692
726
  const RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundActive = '#333333';
693
727
  const RedsiftColorDarkComponentsButtonsUnstyledButtonGreyBackgroundDisabled = '#333333';
694
728
  const RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextDefault = '#666666';
695
729
  const RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextHover = '#858585';
696
730
  const RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextActive = '#a3a3a3';
697
731
  const RedsiftColorDarkComponentsButtonsUnstyledButtonGreyTextDisabled = '#858585';
732
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundDefault = 'transparent';
733
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundHover = '#525252';
734
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundActive = '#333333';
735
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackBackgroundDisabled = 'transparent';
736
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextDefault = '#333333';
737
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextHover = '#333333';
738
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextActive = '#333333';
739
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonBlackTextDisabled = '#a3a3a3';
740
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundDefault = 'transparent';
741
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundHover = '#525252';
742
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundActive = '#333333';
743
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteBackgroundDisabled = 'transparent';
744
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextDefault = '#ffffff';
745
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextHover = '#ffffff';
746
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextActive = '#ffffff';
747
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonWhiteTextDisabled = '#a3a3a3';
748
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundDefault = 'transparent';
749
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundHover = 'linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2))';
750
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundActive = 'linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4))';
751
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarBackgroundDisabled = '#333333';
752
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextDefault = 'linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1))';
753
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextHover = 'linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1))';
754
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextActive = 'linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1))';
755
+ const RedsiftColorDarkComponentsButtonsUnstyledButtonRadarTextDisabled = '#858585';
698
756
  const RedsiftColorDarkComponentsAiAiBorder = '#e11010';
699
757
  const RedsiftColorDarkComponentsAiAiIcon = '#e11010';
700
758
  const RedsiftColorDarkComponentsSpinnerSpinner = '#142849';
@@ -1071,6 +1129,14 @@ const RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextDefault = '#ffffff'
1071
1129
  const RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextHover = '#ffffff';
1072
1130
  const RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextActive = '#ffffff';
1073
1131
  const RedsiftColorLightComponentsButtonsPrimaryButtonGreyTextDisabled = '#858585';
1132
+ const RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundDefault = 'linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1))';
1133
+ const RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundHover = 'linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1))';
1134
+ const RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundActive = 'linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1))';
1135
+ const RedsiftColorLightComponentsButtonsPrimaryButtonRadarBackgroundDisabled = '#e0e0e0';
1136
+ const RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextDefault = '#ffffff';
1137
+ const RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextHover = '#ffffff';
1138
+ const RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextActive = '#ffffff';
1139
+ const RedsiftColorLightComponentsButtonsPrimaryButtonRadarTextDisabled = '#858585';
1074
1140
  const RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundDefault = 'transparent';
1075
1141
  const RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundHover = '#d9e7fd';
1076
1142
  const RedsiftColorLightComponentsButtonsSecondaryButtonPrimaryBackgroundActive = '#b3cefb';
@@ -1120,13 +1186,37 @@ const RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextHover = '#3b78dc'
1120
1186
  const RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextActive = '#2e5dab';
1121
1187
  const RedsiftColorLightComponentsButtonsSecondaryButtonInfoTextDisabled = '#a3a3a3';
1122
1188
  const RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundDefault = 'transparent';
1123
- const RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundHover = '#f2f2f2';
1124
- const RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundActive = '#e0e0e0';
1125
- const RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundDisabled = '#ffffff';
1189
+ const RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundHover = '#e0e0e0';
1190
+ const RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundActive = '#a3a3a3';
1191
+ const RedsiftColorLightComponentsButtonsSecondaryButtonGreyBackgroundDisabled = 'transparent';
1126
1192
  const RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextDefault = '#666666';
1127
1193
  const RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextHover = '#525252';
1128
1194
  const RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextActive = '#525252';
1129
1195
  const RedsiftColorLightComponentsButtonsSecondaryButtonGreyTextDisabled = '#a3a3a3';
1196
+ const RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundDefault = 'transparent';
1197
+ const RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundHover = '#e0e0e0';
1198
+ const RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundActive = '#a3a3a3';
1199
+ const RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundDisabled = 'transparent';
1200
+ const RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextDefault = '#333333';
1201
+ const RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextHover = '#333333';
1202
+ const RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextActive = '#333333';
1203
+ const RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextDisabled = '#a3a3a3';
1204
+ const RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundDefault = 'transparent';
1205
+ const RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundHover = '#e0e0e0';
1206
+ const RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundActive = '#a3a3a3';
1207
+ const RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundDisabled = 'transparent';
1208
+ const RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextDefault = '#ffffff';
1209
+ const RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextHover = '#ffffff';
1210
+ const RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextActive = '#ffffff';
1211
+ const RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextDisabled = '#a3a3a3';
1212
+ const RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundDefault = 'transparent';
1213
+ const RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundHover = 'linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2))';
1214
+ const RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundActive = 'linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4))';
1215
+ const RedsiftColorLightComponentsButtonsSecondaryButtonRadarBackgroundDisabled = '#ffffff';
1216
+ const RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextDefault = 'linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1))';
1217
+ const RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextHover = 'linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1))';
1218
+ const RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextActive = 'linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1))';
1219
+ const RedsiftColorLightComponentsButtonsSecondaryButtonRadarTextDisabled = '#a3a3a3';
1130
1220
  const RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundDefault = 'transparent';
1131
1221
  const RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundHover = '#d9e7fd';
1132
1222
  const RedsiftColorLightComponentsButtonsUnstyledButtonPrimaryBackgroundActive = '#b3cefb';
@@ -1176,29 +1266,37 @@ const RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextHover = '#3b78dc';
1176
1266
  const RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextActive = '#2e5dab';
1177
1267
  const RedsiftColorLightComponentsButtonsUnstyledButtonInfoTextDisabled = '#a3a3a3';
1178
1268
  const RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundDefault = 'transparent';
1179
- const RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundHover = '#f2f2f2';
1180
- const RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundActive = '#e0e0e0';
1269
+ const RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundHover = '#e0e0e0';
1270
+ const RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundActive = '#a3a3a3';
1181
1271
  const RedsiftColorLightComponentsButtonsUnstyledButtonGreyBackgroundDisabled = 'transparent';
1182
1272
  const RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextDefault = '#666666';
1183
1273
  const RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextHover = '#525252';
1184
1274
  const RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextActive = '#525252';
1185
1275
  const RedsiftColorLightComponentsButtonsUnstyledButtonGreyTextDisabled = '#a3a3a3';
1186
1276
  const RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundDefault = 'transparent';
1187
- const RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundHover = '#f2f2f2';
1188
- const RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundActive = '#e0e0e0';
1277
+ const RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundHover = '#e0e0e0';
1278
+ const RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundActive = '#a3a3a3';
1189
1279
  const RedsiftColorLightComponentsButtonsUnstyledButtonBlackBackgroundDisabled = 'transparent';
1190
1280
  const RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextDefault = '#333333';
1191
1281
  const RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextHover = '#333333';
1192
1282
  const RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextActive = '#333333';
1193
1283
  const RedsiftColorLightComponentsButtonsUnstyledButtonBlackTextDisabled = '#a3a3a3';
1194
1284
  const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundDefault = 'transparent';
1195
- const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundHover = '#f2f2f2';
1196
- const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundActive = '#e0e0e0';
1285
+ const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundHover = '#e0e0e0';
1286
+ const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundActive = '#a3a3a3';
1197
1287
  const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteBackgroundDisabled = 'transparent';
1198
1288
  const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextDefault = '#ffffff';
1199
1289
  const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextHover = '#ffffff';
1200
1290
  const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextActive = '#ffffff';
1201
1291
  const RedsiftColorLightComponentsButtonsUnstyledButtonWhiteTextDisabled = '#a3a3a3';
1292
+ const RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundDefault = 'transparent';
1293
+ const RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundHover = 'linear-gradient(90deg, rgba(81, 183, 142, 0.2), rgba(0, 129, 195, 0.2))';
1294
+ const RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundActive = 'linear-gradient(90deg, rgba(81, 183, 142, 0.4), rgba(0, 129, 195, 0.4))';
1295
+ const RedsiftColorLightComponentsButtonsUnstyledButtonRadarBackgroundDisabled = '#ffffff';
1296
+ const RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextDefault = 'linear-gradient(90deg, rgba(81, 183, 164, 1), rgba(0, 129, 195, 1))';
1297
+ const RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextHover = 'linear-gradient(90deg, rgba(65, 146, 131, 1), rgba(3, 114, 171, 1))';
1298
+ const RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextActive = 'linear-gradient(90deg, rgba(58, 122, 110, 1), rgba(0, 96, 145, 1))';
1299
+ const RedsiftColorLightComponentsButtonsUnstyledButtonRadarTextDisabled = '#a3a3a3';
1202
1300
  const RedsiftColorLightComponentsAiAiBorder = '#e11010';
1203
1301
  const RedsiftColorLightComponentsAiAiIcon = '#e11010';
1204
1302
  const RedsiftColorLightComponentsSpinnerSpinner = '#4285f4';
@@ -1553,6 +1651,7 @@ const RedsiftColorSecondaryD4 = '#102521';
1553
1651
  const RedsiftColorNeutralWhite = '#ffffff';
1554
1652
  const RedsiftColorNeutralXLightGrey = '#f2f2f2';
1555
1653
  const RedsiftColorNeutralLightGrey = '#e0e0e0';
1654
+ const RedsiftColorNeutralDisabled = '#a3a3a3';
1556
1655
  const RedsiftColorNeutralMidGrey = '#666666';
1557
1656
  const RedsiftColorNeutralDarkGrey = '#474747';
1558
1657
  const RedsiftColorNeutralXDarkGrey = '#333333';
@@ -4470,8 +4569,28 @@ const basePositioning = css`
4470
4569
  `;
4471
4570
  }}
4472
4571
  `;
4473
- const baseFlexbox = css`
4572
+ const baseBorder = css`
4474
4573
  ${_ref6 => {
4574
+ let {
4575
+ background,
4576
+ border,
4577
+ borderTop,
4578
+ borderBottom,
4579
+ borderLeft,
4580
+ borderRight
4581
+ } = _ref6;
4582
+ return css`
4583
+ ${background ? `background: ${background};` : ''}
4584
+ ${border ? `border: ${border};` : ''}
4585
+ ${borderTop ? `border-top: ${borderTop};` : ''}
4586
+ ${borderBottom ? `border-bottom: ${borderBottom};` : ''}
4587
+ ${borderLeft ? `border-left: ${borderLeft};` : ''}
4588
+ ${borderRight ? `border-right: ${borderRight};` : ''}
4589
+ `;
4590
+ }}
4591
+ `;
4592
+ const baseFlexbox = css`
4593
+ ${_ref7 => {
4475
4594
  let {
4476
4595
  alignContent,
4477
4596
  alignItems,
@@ -4479,7 +4598,7 @@ const baseFlexbox = css`
4479
4598
  flexWrap,
4480
4599
  gap,
4481
4600
  justifyContent
4482
- } = _ref6;
4601
+ } = _ref7;
4483
4602
  return css`
4484
4603
  ${alignContent ? `align-content: ${alignContent};` : ''}
4485
4604
  ${alignItems ? `align-items: ${alignItems};` : ''}
@@ -4491,7 +4610,7 @@ const baseFlexbox = css`
4491
4610
  }}
4492
4611
  `;
4493
4612
  const baseGrid = css`
4494
- ${_ref7 => {
4613
+ ${_ref8 => {
4495
4614
  let {
4496
4615
  alignContent,
4497
4616
  alignItems,
@@ -4503,7 +4622,7 @@ const baseGrid = css`
4503
4622
  gridTemplateRows,
4504
4623
  justifyContent,
4505
4624
  justifyItems
4506
- } = _ref7;
4625
+ } = _ref8;
4507
4626
  return css`
4508
4627
  ${alignContent ? `align-content: ${alignContent};` : ''}
4509
4628
  ${alignItems ? `align-items: ${alignItems};` : ''}
@@ -4530,10 +4649,10 @@ const baseStyling = css`
4530
4649
  ${basePositioning}
4531
4650
  `;
4532
4651
  const baseContainer = css`
4533
- ${_ref8 => {
4652
+ ${_ref9 => {
4534
4653
  let {
4535
4654
  display
4536
- } = _ref8;
4655
+ } = _ref9;
4537
4656
  return display ? `display: ${display};` : '';
4538
4657
  }}
4539
4658
  font-family: var(--redsift-typography-body-font-family);
@@ -4666,12 +4785,9 @@ function useTheme(theme) {
4666
4785
  return contextTheme;
4667
4786
  }
4668
4787
 
4669
- const _excluded$V = ["aria-hidden", "aria-label", "badge", "className", "color", "icon", "size", "svgProps", "theme"];
4670
- const COMPONENT_NAME$R = 'Icon';
4671
- const CLASSNAME$R = 'redsift-icon';
4672
- const DEFAULT_PROPS$R = {
4673
- size: IconSize.medium
4674
- };
4788
+ const _excluded$W = ["aria-hidden", "aria-label", "badge", "className", "color", "icon", "size", "svgProps", "theme"];
4789
+ const COMPONENT_NAME$S = 'Icon';
4790
+ const CLASSNAME$S = 'redsift-icon';
4675
4791
  const sizeToDimension$1 = size => {
4676
4792
  if (typeof size !== 'string') {
4677
4793
  return size;
@@ -4734,11 +4850,11 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
4734
4850
  className,
4735
4851
  color,
4736
4852
  icon,
4737
- size,
4853
+ size = IconSize.medium,
4738
4854
  svgProps,
4739
4855
  theme: propsTheme
4740
4856
  } = props,
4741
- forwardedProps = _objectWithoutProperties(props, _excluded$V);
4857
+ forwardedProps = _objectWithoutProperties(props, _excluded$W);
4742
4858
  const theme = useTheme(propsTheme);
4743
4859
  const {
4744
4860
  width,
@@ -4755,7 +4871,7 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
4755
4871
  $theme: theme,
4756
4872
  "aria-hidden": ariaLabel ? ariaHidden ? ariaHidden : undefined : true,
4757
4873
  "aria-label": ariaLabel,
4758
- className: classNames(Icon.className, className),
4874
+ className: classNames(Icon.className, className, color ? 'colored' : undefined),
4759
4875
  ref: ref
4760
4876
  }), /*#__PURE__*/React__default.cloneElement(typeof icon === 'string' || Array.isArray(icon) && icon.every(it => typeof it === 'string') ? /*#__PURE__*/React__default.createElement("svg", {
4761
4877
  viewBox: "0 0 24 24"
@@ -4773,9 +4889,8 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
4773
4889
  width
4774
4890
  }, svgProps)), badge ? badge : null);
4775
4891
  });
4776
- Icon.className = CLASSNAME$R;
4777
- Icon.defaultProps = DEFAULT_PROPS$R;
4778
- Icon.displayName = COMPONENT_NAME$R;
4892
+ Icon.className = CLASSNAME$S;
4893
+ Icon.displayName = COMPONENT_NAME$S;
4779
4894
 
4780
4895
  /**
4781
4896
  * Component variant.
@@ -4837,21 +4952,51 @@ const StyledButton = styled.button`
4837
4952
  $color,
4838
4953
  $isActive,
4839
4954
  $isDisabled,
4955
+ $isGradient,
4840
4956
  $isHovered,
4841
4957
  $theme
4842
4958
  } = _ref2;
4843
4959
  return css`
4844
- padding: ${$variant === ButtonVariant.secondary ? '8px 15px' : '9px 16px'};
4960
+ padding: ${$variant !== ButtonVariant.secondary || $variant === ButtonVariant.secondary && $isGradient && !$isDisabled ? '9px 16px' : '8px 15px'};
4845
4961
 
4846
- background-color: var(
4847
- --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
4848
- );
4849
- &,
4850
- .redsift-icon {
4851
- color: var(
4852
- --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
4853
- );
4854
- }
4962
+ ${!$isGradient ? css`
4963
+ background-color: var(
4964
+ --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
4965
+ );
4966
+ &,
4967
+ .redsift-icon:not(.colored) {
4968
+ color: var(
4969
+ --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
4970
+ );
4971
+ }
4972
+ ` : css`
4973
+ background: var(
4974
+ --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
4975
+ );
4976
+
4977
+ ${$variant === ButtonVariant.primary || $isDisabled ? css`
4978
+ &,
4979
+ .redsift-icon:not(.colored) {
4980
+ color: var(
4981
+ --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
4982
+ );
4983
+ }
4984
+ ` : ''}
4985
+
4986
+ ${$variant !== ButtonVariant.primary && !$isDisabled ? css`
4987
+ path {
4988
+ fill: url(#${$color}-gradient-${$isActive ? 'active' : $isHovered ? 'hover' : 'default'});
4989
+ }
4990
+ ` : ''}
4991
+
4992
+ span {
4993
+ background: var(
4994
+ --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
4995
+ );
4996
+ background-clip: text;
4997
+ color: transparent;
4998
+ }
4999
+ `}
4855
5000
 
4856
5001
  ${$variant === ButtonVariant.secondary ? css`
4857
5002
  border: 1px solid
@@ -4871,27 +5016,40 @@ const StyledButton = styled.button`
4871
5016
  $variant,
4872
5017
  $color,
4873
5018
  $isDisabled,
5019
+ $isGradient,
4874
5020
  $theme
4875
5021
  } = _ref3;
4876
5022
  return css`
4877
5023
  cursor: ${$isDisabled ? 'default' : 'pointer'};
4878
5024
 
4879
- background-color: var(
4880
- --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : 'hover'}
4881
- );
4882
- &,
4883
- .redsift-icon {
4884
- color: var(
4885
- --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : 'hover'}
4886
- );
4887
- }
4888
-
4889
- ${$variant === ButtonVariant.secondary ? css`
4890
- border: 1px solid
4891
- var(
4892
- --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : 'hover'}
5025
+ ${!$isGradient ? css`
5026
+ background-color: var(
5027
+ --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : 'hover'}
5028
+ );
5029
+ &,
5030
+ .redsift-icon:not(.colored) {
5031
+ color: var(
5032
+ --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : 'hover'}
4893
5033
  );
4894
- ` : ''}
5034
+ }
5035
+
5036
+ ${$variant === ButtonVariant.secondary ? css`
5037
+ border: 1px solid
5038
+ var(
5039
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : 'hover'}
5040
+ );
5041
+ ` : ''}
5042
+ ` : css`
5043
+ background: var(
5044
+ --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : 'hover'}
5045
+ );
5046
+
5047
+ ${$variant !== ButtonVariant.primary && !$isDisabled ? css`
5048
+ path {
5049
+ fill: url(#${$color}-gradient-hover);
5050
+ }
5051
+ ` : ''}
5052
+ `}
4895
5053
  `;
4896
5054
  }};
4897
5055
  }
@@ -4903,27 +5061,40 @@ const StyledButton = styled.button`
4903
5061
  let {
4904
5062
  $variant,
4905
5063
  $color,
5064
+ $isGradient,
4906
5065
  $isHovered,
4907
5066
  $isDisabled,
4908
5067
  $theme
4909
5068
  } = _ref4;
4910
5069
  return css`
4911
- background-color: var(
4912
- --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
4913
- );
4914
- &,
4915
- .redsift-icon {
4916
- color: var(
4917
- --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
4918
- );
4919
- }
4920
-
4921
- ${$variant === ButtonVariant.secondary ? css`
4922
- border: 1px solid
4923
- var(
4924
- --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
5070
+ ${!$isGradient ? css`
5071
+ background-color: var(
5072
+ --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
5073
+ );
5074
+ &,
5075
+ .redsift-icon:not(.colored) {
5076
+ color: var(
5077
+ --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
4925
5078
  );
4926
- ` : ''}
5079
+ }
5080
+
5081
+ ${$variant === ButtonVariant.secondary ? css`
5082
+ border: 1px solid
5083
+ var(
5084
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
5085
+ );
5086
+ ` : ''}
5087
+ ` : css`
5088
+ background: var(
5089
+ --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}
5090
+ );
5091
+
5092
+ ${$variant !== ButtonVariant.primary && !$isDisabled ? css`
5093
+ path {
5094
+ fill: url(#${$color}-gradient-active);
5095
+ }
5096
+ ` : ''}
5097
+ `}
4927
5098
  `;
4928
5099
  }};
4929
5100
  }
@@ -4996,13 +5167,9 @@ var spinnerGreyL2 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53M
4996
5167
 
4997
5168
  var spinnerGreyL3 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iI2UwZTBlMCIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiNlMGUwZTAiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
4998
5169
 
4999
- const _excluded$U = ["aria-hidden", "aria-label", "className", "color", "isColored", "size", "theme"];
5000
- const COMPONENT_NAME$Q = 'Spinner';
5001
- const CLASSNAME$Q = 'redsift-shield';
5002
- const DEFAULT_PROPS$Q = {
5003
- isColored: true,
5004
- size: SpinnerSize.medium
5005
- };
5170
+ const _excluded$V = ["aria-hidden", "aria-label", "className", "color", "isColored", "size", "theme"];
5171
+ const COMPONENT_NAME$R = 'Spinner';
5172
+ const CLASSNAME$R = 'redsift-shield';
5006
5173
  const sizeToDimension = size => {
5007
5174
  switch (size) {
5008
5175
  case SpinnerSize.xsmall:
@@ -5038,11 +5205,11 @@ const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
5038
5205
  'aria-label': ariaLabel,
5039
5206
  className,
5040
5207
  color: propsColor,
5041
- isColored,
5042
- size,
5208
+ isColored = true,
5209
+ size = SpinnerSize.medium,
5043
5210
  theme: propsTheme
5044
5211
  } = props,
5045
- forwardedProps = _objectWithoutProperties(props, _excluded$U);
5212
+ forwardedProps = _objectWithoutProperties(props, _excluded$V);
5046
5213
  const theme = useTheme(propsTheme);
5047
5214
  const color = propsColor !== null && propsColor !== void 0 ? propsColor : isColored ? 'primary' : 'grey-l3';
5048
5215
  const {
@@ -5064,14 +5231,54 @@ const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
5064
5231
  $theme: theme
5065
5232
  }));
5066
5233
  });
5067
- Spinner.className = CLASSNAME$Q;
5068
- Spinner.defaultProps = DEFAULT_PROPS$Q;
5069
- Spinner.displayName = COMPONENT_NAME$Q;
5234
+ Spinner.className = CLASSNAME$R;
5235
+ Spinner.displayName = COMPONENT_NAME$R;
5236
+
5237
+ const ConditionalWrapper = _ref => {
5238
+ let {
5239
+ children,
5240
+ condition,
5241
+ wrapper
5242
+ } = _ref;
5243
+ return condition ? wrapper(children) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
5244
+ };
5245
+
5246
+ const StyledGradientBorder = styled.div`
5247
+ ${_ref => {
5248
+ let {
5249
+ $borderRadius,
5250
+ $color,
5251
+ $isActive,
5252
+ $isDisabled,
5253
+ $isHovered,
5254
+ $theme,
5255
+ width
5256
+ } = _ref;
5257
+ return css`
5258
+ background: transparent;
5259
+ border-radius: ${$borderRadius !== null && $borderRadius !== void 0 ? $borderRadius : '4px'};
5260
+ width: ${width !== null && width !== void 0 ? width : 'fit-content'};
5261
+
5262
+ ${!$isDisabled ? css`
5263
+ border: 1px solid transparent;
5264
+ background-clip: padding-box, border-box;
5265
+ background-origin: border-box;
5266
+ background-image: linear-gradient(
5267
+ 90deg,
5268
+ var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'}),
5269
+ var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'})
5270
+ ),
5271
+ var(
5272
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}
5273
+ );
5274
+ ` : ''}
5275
+ `;
5276
+ }};
5277
+ `;
5070
5278
 
5071
- const _excluded$T = ["children", "className", "color", "disabled", "fullWidth", "isActive", "isDisabled", "isHovered", "isLoading", "leftIcon", "leftIconProps", "rightIcon", "rightIconProps", "theme", "variant"];
5072
- const COMPONENT_NAME$P = 'Button';
5073
- const CLASSNAME$P = 'redsift-button';
5074
- const DEFAULT_PROPS$P = {};
5279
+ const _excluded$U = ["children", "className", "color", "disabled", "fullWidth", "isActive", "isDisabled", "isHovered", "isLoading", "leftIcon", "leftIconProps", "rightIcon", "rightIconProps", "theme", "variant"];
5280
+ const COMPONENT_NAME$Q = 'Button';
5281
+ const CLASSNAME$Q = 'redsift-button';
5075
5282
 
5076
5283
  /**
5077
5284
  * The Button is a semantic button that looks like a button.
@@ -5100,16 +5307,29 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
5100
5307
  theme: propsTheme,
5101
5308
  variant: propsVariant
5102
5309
  } = props,
5103
- forwardedProps = _objectWithoutProperties(props, _excluded$T);
5310
+ forwardedProps = _objectWithoutProperties(props, _excluded$U);
5104
5311
  const isDisabled = isLoading || propsIsDisabled || disabled;
5105
5312
  const theme = useTheme(propsTheme);
5106
5313
  const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
5107
5314
  const variant = Object.values(ButtonVariant).includes(propsVariant) ? propsVariant : 'primary';
5108
- return /*#__PURE__*/React__default.createElement(StyledButton, _extends$1({}, forwardedProps, {
5315
+ const isGradient = color === ButtonsColorPalette.radar;
5316
+ return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
5317
+ condition: isGradient && variant === ButtonVariant.secondary,
5318
+ wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
5319
+ $color: color,
5320
+ $isActive: isActive,
5321
+ $isDisabled: isDisabled,
5322
+ $isHovered: isHovered,
5323
+ $theme: theme
5324
+ }, children)
5325
+ }, /*#__PURE__*/React__default.createElement(StyledButton, _extends$1({
5326
+ type: "button"
5327
+ }, forwardedProps, {
5109
5328
  $color: color,
5110
5329
  $fullWidth: fullWidth,
5111
5330
  $isActive: isActive,
5112
5331
  $isDisabled: isDisabled,
5332
+ $isGradient: isGradient,
5113
5333
  $isHovered: isHovered,
5114
5334
  $isLoading: isLoading,
5115
5335
  $theme: theme,
@@ -5118,7 +5338,7 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
5118
5338
  className: classNames(Button.className, className),
5119
5339
  disabled: isDisabled,
5120
5340
  ref: buttonRef
5121
- }), leftIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends$1({
5341
+ }), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, leftIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends$1({
5122
5342
  icon: leftIcon,
5123
5343
  "aria-hidden": "true",
5124
5344
  className: "left"
@@ -5129,11 +5349,10 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
5129
5349
  icon: rightIcon,
5130
5350
  "aria-hidden": "true",
5131
5351
  className: "right"
5132
- }, rightIconProps)) : null);
5352
+ }, rightIconProps)) : null)));
5133
5353
  });
5134
- Button.className = CLASSNAME$P;
5135
- Button.defaultProps = DEFAULT_PROPS$P;
5136
- Button.displayName = COMPONENT_NAME$P;
5354
+ Button.className = CLASSNAME$Q;
5355
+ Button.displayName = COMPONENT_NAME$Q;
5137
5356
 
5138
5357
  /**
5139
5358
  * Component style.
@@ -5160,10 +5379,9 @@ const StyledIconButton = styled(StyledButton)`
5160
5379
  }}
5161
5380
  `;
5162
5381
 
5163
- const _excluded$S = ["className", "color", "disabled", "icon", "iconProps", "isActive", "isDisabled", "isHovered", "isLoading", "theme", "variant"];
5164
- const COMPONENT_NAME$O = 'IconButton';
5165
- const CLASSNAME$O = 'redsift-icon-button';
5166
- const DEFAULT_PROPS$O = {};
5382
+ const _excluded$T = ["className", "color", "disabled", "icon", "iconProps", "isActive", "isDisabled", "isHovered", "isLoading", "theme", "variant"];
5383
+ const COMPONENT_NAME$P = 'IconButton';
5384
+ const CLASSNAME$P = 'redsift-icon-button';
5167
5385
 
5168
5386
  /**
5169
5387
  * The Icon Button is a component that contains only one icon as a child, without text.
@@ -5186,16 +5404,29 @@ const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
5186
5404
  theme: propsTheme,
5187
5405
  variant: propsVariant
5188
5406
  } = props,
5189
- forwardedProps = _objectWithoutProperties(props, _excluded$S);
5407
+ forwardedProps = _objectWithoutProperties(props, _excluded$T);
5190
5408
  const isDisabled = props.isLoading || propsIsDisabled || disabled;
5191
5409
  const theme = useTheme(propsTheme);
5192
5410
  const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
5193
5411
  const variant = Object.values(IconButtonVariant).includes(propsVariant) ? propsVariant : 'unstyled';
5194
5412
  warnIfNoAccessibleLabelFound(props, undefined, 'IconButton');
5195
- return /*#__PURE__*/React__default.createElement(StyledIconButton, _extends$1({}, forwardedProps, {
5413
+ const isGradient = color === ButtonsColorPalette.radar;
5414
+ return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
5415
+ condition: isGradient && variant === IconButtonVariant.secondary,
5416
+ wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
5417
+ $color: color,
5418
+ $isActive: isActive,
5419
+ $isDisabled: isDisabled,
5420
+ $isHovered: isHovered,
5421
+ $theme: theme
5422
+ }, children)
5423
+ }, /*#__PURE__*/React__default.createElement(StyledIconButton, _extends$1({
5424
+ type: "button"
5425
+ }, forwardedProps, {
5196
5426
  $color: color,
5197
5427
  $isActive: isActive,
5198
5428
  $isDisabled: isDisabled,
5429
+ $isGradient: isGradient,
5199
5430
  $isHovered: isHovered,
5200
5431
  $isLoading: isLoading,
5201
5432
  $theme: theme,
@@ -5208,13 +5439,11 @@ const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
5208
5439
  size: "small",
5209
5440
  color: variant === IconButtonVariant.primary ? 'grey-l1' : 'grey-l2'
5210
5441
  }) : /*#__PURE__*/React__default.createElement(Icon, _extends$1({}, iconProps, {
5211
- icon: icon,
5212
- color: color
5213
- })));
5442
+ icon: icon
5443
+ }))));
5214
5444
  });
5215
- IconButton.className = CLASSNAME$O;
5216
- IconButton.defaultProps = DEFAULT_PROPS$O;
5217
- IconButton.displayName = COMPONENT_NAME$O;
5445
+ IconButton.className = CLASSNAME$P;
5446
+ IconButton.displayName = COMPONENT_NAME$P;
5218
5447
 
5219
5448
  /**
5220
5449
  * Component style.
@@ -5397,12 +5626,9 @@ const StyledText = styled.span`
5397
5626
  }}
5398
5627
  `;
5399
5628
 
5400
- const _excluded$R = ["as", "children", "className", "color", "fontFamily", "fontSize", "fontWeight", "lineHeight", "noWrap", "theme", "variant"];
5401
- const COMPONENT_NAME$N = 'Text';
5402
- const CLASSNAME$N = 'redsift-text';
5403
- const DEFAULT_PROPS$N = {
5404
- fontFamily: FontFamily.poppins
5405
- };
5629
+ const _excluded$S = ["as", "children", "className", "color", "fontFamily", "fontSize", "fontWeight", "lineHeight", "noWrap", "theme", "variant"];
5630
+ const COMPONENT_NAME$O = 'Text';
5631
+ const CLASSNAME$O = 'redsift-text';
5406
5632
 
5407
5633
  /**
5408
5634
  * The Text component.
@@ -5413,7 +5639,7 @@ const Text = /*#__PURE__*/forwardRef((props, ref) => {
5413
5639
  children,
5414
5640
  className,
5415
5641
  color,
5416
- fontFamily,
5642
+ fontFamily = FontFamily.poppins,
5417
5643
  fontSize,
5418
5644
  fontWeight,
5419
5645
  lineHeight,
@@ -5421,7 +5647,7 @@ const Text = /*#__PURE__*/forwardRef((props, ref) => {
5421
5647
  theme: propsTheme,
5422
5648
  variant
5423
5649
  } = props,
5424
- forwardedProps = _objectWithoutProperties(props, _excluded$R);
5650
+ forwardedProps = _objectWithoutProperties(props, _excluded$S);
5425
5651
  const theme = useTheme(propsTheme);
5426
5652
  return /*#__PURE__*/React__default.createElement(StyledText, _extends$1({
5427
5653
  as: as
@@ -5439,9 +5665,8 @@ const Text = /*#__PURE__*/forwardRef((props, ref) => {
5439
5665
  $variant: variant
5440
5666
  }), children);
5441
5667
  });
5442
- Text.className = CLASSNAME$N;
5443
- Text.defaultProps = DEFAULT_PROPS$N;
5444
- Text.displayName = COMPONENT_NAME$N;
5668
+ Text.className = CLASSNAME$O;
5669
+ Text.displayName = COMPONENT_NAME$O;
5445
5670
 
5446
5671
  /**
5447
5672
  * Component style.
@@ -5456,6 +5681,7 @@ const StyledFlexbox = styled.div`
5456
5681
 
5457
5682
  ${baseStyling}
5458
5683
  ${baseInternalSpacing}
5684
+ ${baseBorder}
5459
5685
  ${baseFlexbox}
5460
5686
 
5461
5687
  ${_ref2 => {
@@ -5491,31 +5717,31 @@ const StyledFlexbox = styled.div`
5491
5717
  }}
5492
5718
  `;
5493
5719
 
5494
- const _excluded$Q = ["children", "className", "divider", "gap", "theme"];
5495
- const COMPONENT_NAME$M = 'Flexbox';
5496
- const CLASSNAME$M = 'redsift-flex-box';
5497
- const DEFAULT_PROPS$M = {
5498
- gap: '16px'
5499
- };
5720
+ const _excluded$R = ["as", "children", "className", "divider", "gap", "theme"];
5721
+ const COMPONENT_NAME$N = 'Flexbox';
5722
+ const CLASSNAME$N = 'redsift-flex-box';
5500
5723
 
5501
5724
  /**
5502
5725
  * The Flexbox component.
5503
5726
  */
5504
5727
  const Flexbox = /*#__PURE__*/forwardRef((props, ref) => {
5505
5728
  const {
5729
+ as,
5506
5730
  children,
5507
5731
  className,
5508
5732
  divider,
5509
- gap,
5733
+ gap = '16px',
5510
5734
  theme: propsTheme
5511
5735
  } = props,
5512
- forwardedProps = _objectWithoutProperties(props, _excluded$Q);
5736
+ forwardedProps = _objectWithoutProperties(props, _excluded$R);
5513
5737
  const theme = useTheme(propsTheme);
5514
5738
  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
5515
5739
  value: {
5516
5740
  theme
5517
5741
  }
5518
- }, /*#__PURE__*/React__default.createElement(StyledFlexbox, _extends$1({}, forwardedProps, {
5742
+ }, /*#__PURE__*/React__default.createElement(StyledFlexbox, _extends$1({
5743
+ as: as
5744
+ }, forwardedProps, {
5519
5745
  gap: divider ? `${divider.rowGap}px ${divider.colGap}px` : gap,
5520
5746
  className: classNames(Flexbox.className, className),
5521
5747
  ref: ref,
@@ -5523,14 +5749,12 @@ const Flexbox = /*#__PURE__*/forwardRef((props, ref) => {
5523
5749
  $theme: theme
5524
5750
  }), children));
5525
5751
  });
5526
- Flexbox.className = CLASSNAME$M;
5527
- Flexbox.defaultProps = DEFAULT_PROPS$M;
5528
- Flexbox.displayName = COMPONENT_NAME$M;
5529
-
5530
- const _excluded$P = ["children", "className", "isClosable", "isClosed", "onClose", "theme", "title", "variant", "styleVariant"];
5531
- const COMPONENT_NAME$L = 'Alert';
5532
- const CLASSNAME$L = 'redsift-alert';
5533
- const DEFAULT_PROPS$L = {};
5752
+ Flexbox.className = CLASSNAME$N;
5753
+ Flexbox.displayName = COMPONENT_NAME$N;
5754
+
5755
+ const _excluded$Q = ["children", "className", "isClosable", "isClosed", "onClose", "theme", "title", "variant", "styleVariant"];
5756
+ const COMPONENT_NAME$M = 'Alert';
5757
+ const CLASSNAME$M = 'redsift-alert';
5534
5758
  const getVariant$1 = (variant, styleVariant, theme) => {
5535
5759
  switch (variant) {
5536
5760
  case AlertVariant.info:
@@ -5572,7 +5796,7 @@ const Alert = /*#__PURE__*/forwardRef((props, ref) => {
5572
5796
  variant: propsVariant,
5573
5797
  styleVariant: propsStyleVariant
5574
5798
  } = props,
5575
- forwardedProps = _objectWithoutProperties(props, _excluded$P);
5799
+ forwardedProps = _objectWithoutProperties(props, _excluded$Q);
5576
5800
  const theme = useTheme(propsTheme);
5577
5801
  const variant = Object.values(AlertVariant).includes(propsVariant) ? propsVariant : 'info';
5578
5802
  const styleVariant = Object.values(AlertStyleVariant).includes(propsStyleVariant) ? propsStyleVariant : 'default';
@@ -5624,9 +5848,8 @@ const Alert = /*#__PURE__*/forwardRef((props, ref) => {
5624
5848
  className: `${Alert.className}__content`
5625
5849
  }, children) : null);
5626
5850
  });
5627
- Alert.className = CLASSNAME$L;
5628
- Alert.defaultProps = DEFAULT_PROPS$L;
5629
- Alert.displayName = COMPONENT_NAME$L;
5851
+ Alert.className = CLASSNAME$M;
5852
+ Alert.displayName = COMPONENT_NAME$M;
5630
5853
 
5631
5854
  var expand$7 = "Expand left side panel";
5632
5855
  var collapse$7 = "Collapse left side panel";
@@ -5807,52 +6030,40 @@ const StyledHeading = styled.span`
5807
6030
 
5808
6031
  ${_ref => {
5809
6032
  let {
5810
- $variant,
6033
+ $color,
5811
6034
  $theme
5812
6035
  } = _ref;
5813
- return $variant === 'h1' ? css`
5814
- color: var(--redsift-color-${$theme}-components-text-primary);
5815
- font-family: var(--redsift-typography-h1-font-family);
5816
- font-size: var(--redsift-typography-h1-font-size);
5817
- font-weight: var(--redsift-typography-h1-font-weight);
5818
- line-height: var(--redsift-typography-h1-line-height);
5819
- ` : $variant === 'h2' ? css`
5820
- color: var(--redsift-color-${$theme}-components-text-primary);
5821
- font-family: var(--redsift-typography-h2-font-family);
5822
- font-size: var(--redsift-typography-h2-font-size);
5823
- font-weight: var(--redsift-typography-h2-font-weight);
5824
- line-height: var(--redsift-typography-h2-line-height);
5825
- ` : $variant === 'h3' ? css`
5826
- color: var(--redsift-color-${$theme}-components-text-primary);
5827
- font-family: var(--redsift-typography-h3-font-family);
5828
- font-size: var(--redsift-typography-h3-font-size);
5829
- font-weight: var(--redsift-typography-h3-font-weight);
5830
- line-height: var(--redsift-typography-h3-line-height);
5831
- ` : $variant === 'h4' ? css`
5832
- color: var(--redsift-color-${$theme}-components-text-primary);
5833
- font-family: var(--redsift-typography-h4-font-family);
5834
- font-size: var(--redsift-typography-h4-font-size);
5835
- font-weight: var(--redsift-typography-h4-font-weight);
5836
- line-height: var(--redsift-typography-h4-line-height);
5837
- ` : $variant === 'h5' ? css`
5838
- color: var(--redsift-color-${$theme}-components-text-primary);
5839
- font-family: var(--redsift-typography-h5-font-family);
5840
- font-size: var(--redsift-typography-h5-font-size);
5841
- font-weight: var(--redsift-typography-h5-font-weight);
5842
- line-height: var(--redsift-typography-h5-line-height);
6036
+ return $color && Object.keys(NotificationsColorPalette).indexOf($color) !== -1 ? css`
6037
+ color: var(--redsift-color-notifications-${$color}-primary);
6038
+ ` : Object.keys(NeutralColorPalette).indexOf($color) !== -1 ? css`
6039
+ color: var(--redsift-color-neutral-${$color});
6040
+ ` : Object.keys(ProductColorPalette).indexOf($color) !== -1 ? css`
6041
+ color: var(--redsift-color-product-${$color});
5843
6042
  ` : css`
5844
- color: var(--redsift-color-${$theme}-components-text-primary);
5845
- font-family: var(--redsift-typography-body-font-family);
5846
- font-size: var(--redsift-typography-body-font-size);
5847
- font-weight: var(--redsift-typography-body-font-weight);
5848
- line-height: var(--redsift-typography-body-line-height);
6043
+ color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};
5849
6044
  `;
5850
6045
  }}
5851
6046
 
5852
6047
  ${_ref2 => {
5853
6048
  let {
5854
- $noWrap
6049
+ $variant,
6050
+ $fontFamily,
6051
+ $fontSize,
6052
+ $fontWeight,
6053
+ $lineHeight
5855
6054
  } = _ref2;
6055
+ return css`
6056
+ font-family: ${$fontFamily ? css`var(--redsift-typography-font-family-${$fontFamily})` : css`var(--redsift-typography-${$variant !== null && $variant !== void 0 ? $variant : 'body'}-font-family)`};
6057
+ font-size: ${$fontSize ? $fontSize : css`var(--redsift-typography-${$variant !== null && $variant !== void 0 ? $variant : 'body'}-font-size)`};
6058
+ font-weight: ${$fontWeight ? $fontWeight : css`var(--redsift-typography-${$variant !== null && $variant !== void 0 ? $variant : 'body'}-font-weight)`};
6059
+ line-height: ${$lineHeight ? $lineHeight : css`var(--redsift-typography-${$variant !== null && $variant !== void 0 ? $variant : 'body'}-line-height)`};
6060
+ `;
6061
+ }}
6062
+
6063
+ ${_ref3 => {
6064
+ let {
6065
+ $noWrap
6066
+ } = _ref3;
5856
6067
  return $noWrap ? css`
5857
6068
  overflow: hidden;
5858
6069
  text-overflow: ellipsis;
@@ -5861,10 +6072,9 @@ const StyledHeading = styled.span`
5861
6072
  }}
5862
6073
  `;
5863
6074
 
5864
- const _excluded$O = ["as", "children", "className", "noWrap", "theme", "variant"];
5865
- const COMPONENT_NAME$K = 'Heading';
5866
- const CLASSNAME$K = 'redsift-heading';
5867
- const DEFAULT_PROPS$K = {};
6075
+ const _excluded$P = ["as", "children", "className", "color", "fontFamily", "fontSize", "fontWeight", "lineHeight", "noWrap", "theme", "variant"];
6076
+ const COMPONENT_NAME$L = 'Heading';
6077
+ const CLASSNAME$L = 'redsift-heading';
5868
6078
 
5869
6079
  /**
5870
6080
  * The Heading component.
@@ -5874,11 +6084,16 @@ const Heading = /*#__PURE__*/forwardRef((props, ref) => {
5874
6084
  as,
5875
6085
  children,
5876
6086
  className,
6087
+ color,
6088
+ fontFamily = FontFamily.poppins,
6089
+ fontSize,
6090
+ fontWeight,
6091
+ lineHeight,
5877
6092
  noWrap,
5878
6093
  theme: propsTheme,
5879
6094
  variant
5880
6095
  } = props,
5881
- forwardedProps = _objectWithoutProperties(props, _excluded$O);
6096
+ forwardedProps = _objectWithoutProperties(props, _excluded$P);
5882
6097
  const theme = useTheme(propsTheme);
5883
6098
  return /*#__PURE__*/React__default.createElement(StyledHeading, _extends$1({
5884
6099
  as: as
@@ -5887,12 +6102,16 @@ const Heading = /*#__PURE__*/forwardRef((props, ref) => {
5887
6102
  ref: ref,
5888
6103
  $noWrap: noWrap,
5889
6104
  $theme: theme,
6105
+ $color: color,
6106
+ $fontFamily: fontFamily,
6107
+ $fontSize: fontSize,
6108
+ $fontWeight: fontWeight,
6109
+ $lineHeight: lineHeight,
5890
6110
  $variant: variant ? variant : as === 'span' ? 'body' : as
5891
6111
  }), children);
5892
6112
  });
5893
- Heading.className = CLASSNAME$K;
5894
- Heading.defaultProps = DEFAULT_PROPS$K;
5895
- Heading.displayName = COMPONENT_NAME$K;
6113
+ Heading.className = CLASSNAME$L;
6114
+ Heading.displayName = COMPONENT_NAME$L;
5896
6115
 
5897
6116
  /**
5898
6117
  * Component variant.
@@ -6102,12 +6321,9 @@ const StyledAppSidePanel = styled.div`
6102
6321
 
6103
6322
  // ${({ $theme }) => css`var(--redsift-color-${$theme}-components-side-navigation-background)`};
6104
6323
 
6105
- const _excluded$N = ["children", "className", "featuredElements", "logo", "variant", "onOpen", "iconButtonProps", "iconButtonRef", "theme"];
6106
- const COMPONENT_NAME$J = 'AppSidePanel';
6107
- const CLASSNAME$J = 'redsift-app-side-panel';
6108
- const DEFAULT_PROPS$J = {
6109
- variant: AppSidePanelVariant.standard
6110
- };
6324
+ const _excluded$O = ["children", "className", "featuredElements", "iconButtonProps", "iconButtonRef", "logo", "onOpen", "theme", "variant"];
6325
+ const COMPONENT_NAME$K = 'AppSidePanel';
6326
+ const CLASSNAME$K = 'redsift-app-side-panel';
6111
6327
 
6112
6328
  /**
6113
6329
  * The AppSidePanel component.
@@ -6117,14 +6333,14 @@ const AppSidePanel = /*#__PURE__*/forwardRef((props, ref) => {
6117
6333
  children,
6118
6334
  className,
6119
6335
  featuredElements,
6120
- logo,
6121
- variant,
6122
- onOpen,
6123
6336
  iconButtonProps,
6124
6337
  iconButtonRef,
6125
- theme: propsTheme
6338
+ logo,
6339
+ onOpen,
6340
+ theme: propsTheme,
6341
+ variant = AppSidePanelVariant.standard
6126
6342
  } = props,
6127
- forwardedProps = _objectWithoutProperties(props, _excluded$N);
6343
+ forwardedProps = _objectWithoutProperties(props, _excluded$O);
6128
6344
  const {
6129
6345
  width
6130
6346
  } = useWindowSize();
@@ -6172,9 +6388,8 @@ const AppSidePanel = /*#__PURE__*/forwardRef((props, ref) => {
6172
6388
  className: `${AppSidePanel.className}__featured`
6173
6389
  }, featuredElements) : null, children);
6174
6390
  });
6175
- AppSidePanel.className = CLASSNAME$J;
6176
- AppSidePanel.defaultProps = DEFAULT_PROPS$J;
6177
- AppSidePanel.displayName = COMPONENT_NAME$J;
6391
+ AppSidePanel.className = CLASSNAME$K;
6392
+ AppSidePanel.displayName = COMPONENT_NAME$K;
6178
6393
 
6179
6394
  /**
6180
6395
  * Component variant.
@@ -6484,10 +6699,9 @@ const StyledBadge = styled.div`
6484
6699
  }}
6485
6700
  `;
6486
6701
 
6487
- const _excluded$M = ["autoBreak", "children", "className", "color", "isReversed", "theme", "variant"];
6488
- const COMPONENT_NAME$I = 'Badge';
6489
- const CLASSNAME$I = 'redsift-badge';
6490
- const DEFAULT_PROPS$I = {};
6702
+ const _excluded$N = ["autoBreak", "children", "className", "color", "isReversed", "theme", "variant"];
6703
+ const COMPONENT_NAME$J = 'Badge';
6704
+ const CLASSNAME$J = 'redsift-badge';
6491
6705
 
6492
6706
  /**
6493
6707
  * The Badge component.
@@ -6502,7 +6716,7 @@ const Badge = /*#__PURE__*/forwardRef((props, ref) => {
6502
6716
  theme: propsTheme,
6503
6717
  variant: propsVariant
6504
6718
  } = props,
6505
- forwardedProps = _objectWithoutProperties(props, _excluded$M);
6719
+ forwardedProps = _objectWithoutProperties(props, _excluded$N);
6506
6720
  const theme = useTheme(propsTheme);
6507
6721
  const color = [...Object.values(NotificationsColorPalette), ...Object.values(PresentationColorPalette)].includes(propsColor) ? propsColor : 'question';
6508
6722
  const variant = Object.values(BadgeVariant).includes(propsVariant) ? propsVariant : 'dot';
@@ -6516,14 +6730,12 @@ const Badge = /*#__PURE__*/forwardRef((props, ref) => {
6516
6730
  ref: ref
6517
6731
  }), variant === BadgeVariant.standard ? children : null);
6518
6732
  });
6519
- Badge.className = CLASSNAME$I;
6520
- Badge.defaultProps = DEFAULT_PROPS$I;
6521
- Badge.displayName = COMPONENT_NAME$I;
6733
+ Badge.className = CLASSNAME$J;
6734
+ Badge.displayName = COMPONENT_NAME$J;
6522
6735
 
6523
- const _excluded$L = ["as", "badge", "badgeProps", "children", "className", "hasBorder", "href", "icon", "iconProps", "iconRef", "isCurrent", "isDisabled", "isSecondLevel", "onClick", "onKeyDown", "tabIndex", "theme"];
6524
- const COMPONENT_NAME$H = 'SideNavigationMenuItem';
6525
- const CLASSNAME$H = 'redsift-side-navigation-menu-item';
6526
- const DEFAULT_PROPS$H = {};
6736
+ const _excluded$M = ["as", "badge", "badgeProps", "children", "className", "hasBorder", "href", "icon", "iconProps", "iconRef", "isCurrent", "isDisabled", "isSecondLevel", "onClick", "onKeyDown", "tabIndex", "theme"];
6737
+ const COMPONENT_NAME$I = 'SideNavigationMenuItem';
6738
+ const CLASSNAME$I = 'redsift-side-navigation-menu-item';
6527
6739
 
6528
6740
  /**
6529
6741
  * The SideNavigationMenuItem component.
@@ -6549,7 +6761,7 @@ const SideNavigationMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
6549
6761
  tabIndex,
6550
6762
  theme: propsTheme
6551
6763
  } = props,
6552
- forwardedProps = _objectWithoutProperties(props, _excluded$L);
6764
+ forwardedProps = _objectWithoutProperties(props, _excluded$M);
6553
6765
  warnIfNoAccessibleLabelFound(props, [children], 'SideNavigationMenuItem');
6554
6766
  const sideNavigationMenuBarContext = useContext(SideNavigationMenuBarContext);
6555
6767
  const sideNavigationMenuContext = useContext(SideNavigationMenuContext);
@@ -6614,9 +6826,8 @@ const SideNavigationMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
6614
6826
  color: "error"
6615
6827
  }, badgeProps), badge) : null)), isSecondLevel && hasBorder ? /*#__PURE__*/React__default.createElement(StyledSideNavigationMenuItemBorder, null) : null);
6616
6828
  });
6617
- SideNavigationMenuItem.className = CLASSNAME$H;
6618
- SideNavigationMenuItem.defaultProps = DEFAULT_PROPS$H;
6619
- SideNavigationMenuItem.displayName = COMPONENT_NAME$H;
6829
+ SideNavigationMenuItem.className = CLASSNAME$I;
6830
+ SideNavigationMenuItem.displayName = COMPONENT_NAME$I;
6620
6831
 
6621
6832
  /**
6622
6833
  * Component style.
@@ -6852,10 +7063,49 @@ const StyledAppContainer = styled.div`
6852
7063
  }};
6853
7064
  `;
6854
7065
 
6855
- const _excluded$K = ["children", "className", "locale", "product", "theme"];
6856
- const COMPONENT_NAME$G = 'AppContainer';
6857
- const CLASSNAME$G = 'redsift-app-container';
6858
- const DEFAULT_PROPS$G = {};
7066
+ const _excluded$L = ["children", "className", "locale", "product", "theme"];
7067
+ const COMPONENT_NAME$H = 'AppContainer';
7068
+ const CLASSNAME$H = 'redsift-app-container';
7069
+ const RadarSvgLinearGradient = () => /*#__PURE__*/React__default.createElement("svg", {
7070
+ width: "0",
7071
+ height: "0"
7072
+ }, /*#__PURE__*/React__default.createElement("linearGradient", {
7073
+ id: "radar-gradient-default",
7074
+ x1: "100%",
7075
+ y1: "100%",
7076
+ x2: "0%",
7077
+ y2: "0%"
7078
+ }, /*#__PURE__*/React__default.createElement("stop", {
7079
+ stopColor: "rgba(81, 183, 164, 1)",
7080
+ offset: "0%"
7081
+ }), /*#__PURE__*/React__default.createElement("stop", {
7082
+ stopColor: "rgba(0, 129, 195, 1)",
7083
+ offset: "100%"
7084
+ })), /*#__PURE__*/React__default.createElement("linearGradient", {
7085
+ id: "radar-gradient-hover",
7086
+ x1: "100%",
7087
+ y1: "100%",
7088
+ x2: "0%",
7089
+ y2: "0%"
7090
+ }, /*#__PURE__*/React__default.createElement("stop", {
7091
+ stopColor: "rgba(65, 146, 131, 1)",
7092
+ offset: "0%"
7093
+ }), /*#__PURE__*/React__default.createElement("stop", {
7094
+ stopColor: "rgba(3, 114, 171, 1)",
7095
+ offset: "100%"
7096
+ })), /*#__PURE__*/React__default.createElement("linearGradient", {
7097
+ id: "radar-gradient-active",
7098
+ x1: "100%",
7099
+ y1: "100%",
7100
+ x2: "0%",
7101
+ y2: "0%"
7102
+ }, /*#__PURE__*/React__default.createElement("stop", {
7103
+ stopColor: "rgba(58, 122, 110, 1)",
7104
+ offset: "0%"
7105
+ }), /*#__PURE__*/React__default.createElement("stop", {
7106
+ stopColor: "rgba(0, 96, 145, 1)",
7107
+ offset: "100%"
7108
+ })));
6859
7109
 
6860
7110
  /**
6861
7111
  * The AppContainer component.
@@ -6870,7 +7120,7 @@ const AppContainer = /*#__PURE__*/forwardRef((props, ref) => {
6870
7120
  product,
6871
7121
  theme: propsTheme
6872
7122
  } = props,
6873
- forwardedProps = _objectWithoutProperties(props, _excluded$K);
7123
+ forwardedProps = _objectWithoutProperties(props, _excluded$L);
6874
7124
  const theme = useTheme(propsTheme);
6875
7125
  const [sidePanelVariant, setSidePanelVariant] = useState(AppSidePanelVariant.standard);
6876
7126
  const [breadcrumbs, setBreadcrumbs] = useState();
@@ -6904,16 +7154,14 @@ const AppContainer = /*#__PURE__*/forwardRef((props, ref) => {
6904
7154
  }
6905
7155
  }, /*#__PURE__*/React__default.createElement(I18nProvider, {
6906
7156
  locale: locale
6907
- }, children))));
7157
+ }, children))), /*#__PURE__*/React__default.createElement(RadarSvgLinearGradient, null));
6908
7158
  });
6909
- AppContainer.className = CLASSNAME$G;
6910
- AppContainer.defaultProps = DEFAULT_PROPS$G;
6911
- AppContainer.displayName = COMPONENT_NAME$G;
7159
+ AppContainer.className = CLASSNAME$H;
7160
+ AppContainer.displayName = COMPONENT_NAME$H;
6912
7161
 
6913
- const _excluded$J = ["aria-label", "buttonProps", "buttonRef", "children", "className", "hasBadge", "icon", "iconProps", "iconRef", "id", "isDisabled", "isExpanded", "menuProps", "menuRef", "tabIndex", "theme"];
6914
- const COMPONENT_NAME$F = 'SideNavigationMenu';
6915
- const CLASSNAME$F = 'redsift-side-navigation-menu';
6916
- const DEFAULT_PROPS$F = {};
7162
+ const _excluded$K = ["aria-label", "buttonProps", "buttonRef", "children", "className", "hasBadge", "icon", "iconProps", "iconRef", "id", "isDisabled", "isExpanded", "menuProps", "menuRef", "tabIndex", "theme"];
7163
+ const COMPONENT_NAME$G = 'SideNavigationMenu';
7164
+ const CLASSNAME$G = 'redsift-side-navigation-menu';
6917
7165
 
6918
7166
  /**
6919
7167
  * The SideNavigationMenu component.
@@ -6937,7 +7185,7 @@ const SideNavigationMenu = /*#__PURE__*/forwardRef((props, ref) => {
6937
7185
  tabIndex,
6938
7186
  theme: propsTheme
6939
7187
  } = props,
6940
- forwardedProps = _objectWithoutProperties(props, _excluded$J);
7188
+ forwardedProps = _objectWithoutProperties(props, _excluded$K);
6941
7189
  const [_id] = useId$2();
6942
7190
  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
6943
7191
  warnIfNoAccessibleLabelFound(props, undefined, 'SideNavigationMenu');
@@ -7248,9 +7496,8 @@ const SideNavigationMenu = /*#__PURE__*/forwardRef((props, ref) => {
7248
7496
  role: "menu"
7249
7497
  }, menuItemListEventHandler), renderedMenuItems))))));
7250
7498
  });
7251
- SideNavigationMenu.className = CLASSNAME$F;
7252
- SideNavigationMenu.defaultProps = DEFAULT_PROPS$F;
7253
- SideNavigationMenu.displayName = COMPONENT_NAME$F;
7499
+ SideNavigationMenu.className = CLASSNAME$G;
7500
+ SideNavigationMenu.displayName = COMPONENT_NAME$G;
7254
7501
 
7255
7502
  /**
7256
7503
  * Component style.
@@ -7336,12 +7583,9 @@ const StyledSideNavigationMenuBar = styled.nav`
7336
7583
  }
7337
7584
  `;
7338
7585
 
7339
- const _excluded$I = ["aria-label", "aria-labelledby", "canHaveMultipleMenuOpenAtOnce", "children", "className", "isDisabled", "menubarProps", "menubarRef", "theme", "variant"];
7340
- const COMPONENT_NAME$E = 'SideNavigationMenuBar';
7341
- const CLASSNAME$E = 'redsift-side-navigation-menu-bar';
7342
- const DEFAULT_PROPS$E = {
7343
- variant: SideNavigationMenuBarVariant.standard
7344
- };
7586
+ const _excluded$J = ["aria-label", "aria-labelledby", "canHaveMultipleMenuOpenAtOnce", "children", "className", "isDisabled", "menubarProps", "menubarRef", "theme", "variant"];
7587
+ const COMPONENT_NAME$F = 'SideNavigationMenuBar';
7588
+ const CLASSNAME$F = 'redsift-side-navigation-menu-bar';
7345
7589
 
7346
7590
  /**
7347
7591
  * Hook to store the previous index for further use
@@ -7369,9 +7613,9 @@ const SideNavigationMenuBar = /*#__PURE__*/forwardRef((props, ref) => {
7369
7613
  menubarProps = {},
7370
7614
  menubarRef = useRef(),
7371
7615
  theme: propsTheme,
7372
- variant: propsVariant
7616
+ variant: propsVariant = SideNavigationMenuBarVariant.standard
7373
7617
  } = props,
7374
- forwardedProps = _objectWithoutProperties(props, _excluded$I);
7618
+ forwardedProps = _objectWithoutProperties(props, _excluded$J);
7375
7619
  warnIfNoAccessibleLabelFound(props, undefined, 'SideNavigationMenuBar');
7376
7620
  const appContainerState = useContext(AppContainerContext);
7377
7621
  const theme = useTheme(propsTheme);
@@ -7535,11 +7779,10 @@ const SideNavigationMenuBar = /*#__PURE__*/forwardRef((props, ref) => {
7535
7779
  role: "menubar"
7536
7780
  }), navItems))));
7537
7781
  });
7538
- SideNavigationMenuBar.className = CLASSNAME$E;
7539
- SideNavigationMenuBar.defaultProps = DEFAULT_PROPS$E;
7540
- SideNavigationMenuBar.displayName = COMPONENT_NAME$E;
7782
+ SideNavigationMenuBar.className = CLASSNAME$F;
7783
+ SideNavigationMenuBar.displayName = COMPONENT_NAME$F;
7541
7784
 
7542
- const _excluded$H = ["title", "href", "ref"],
7785
+ const _excluded$I = ["title", "href", "ref"],
7543
7786
  _excluded2$2 = ["title", "children", "ref"],
7544
7787
  _excluded3 = ["title", "href", "ref"];
7545
7788
  const isMenu = item => {
@@ -7558,7 +7801,7 @@ const useSideNavigationMenuBar = _ref => {
7558
7801
  href,
7559
7802
  ref
7560
7803
  } = item,
7561
- rest = _objectWithoutProperties(item, _excluded$H);
7804
+ rest = _objectWithoutProperties(item, _excluded$I);
7562
7805
  menuBarChildren.push( /*#__PURE__*/React__default.createElement(SideNavigationMenuItem, _extends$1({
7563
7806
  key: title,
7564
7807
  isCurrent: isActive ? isActive(href) : undefined
@@ -7662,10 +7905,9 @@ const StyledBreadcrumbItem = styled.a`
7662
7905
  }
7663
7906
  `;
7664
7907
 
7665
- const _excluded$G = ["as", "children", "className", "href", "isCurrent", "isDisabled", "theme"];
7666
- const COMPONENT_NAME$D = 'BreadcrumbItem';
7667
- const CLASSNAME$D = 'redsift-breadcrumb-item';
7668
- const DEFAULT_PROPS$D = {};
7908
+ const _excluded$H = ["as", "children", "className", "href", "isCurrent", "isDisabled", "theme"];
7909
+ const COMPONENT_NAME$E = 'BreadcrumbItem';
7910
+ const CLASSNAME$E = 'redsift-breadcrumb-item';
7669
7911
 
7670
7912
  /**
7671
7913
  * The BreadcrumbItem components is a list of links to the parent pages of the current page in hierarchical order.
@@ -7680,12 +7922,12 @@ const BreadcrumbItem = /*#__PURE__*/forwardRef((props, ref) => {
7680
7922
  isDisabled,
7681
7923
  theme: propsTheme
7682
7924
  } = props,
7683
- forwardedProps = _objectWithoutProperties(props, _excluded$G);
7925
+ forwardedProps = _objectWithoutProperties(props, _excluded$H);
7684
7926
  warnIfNoAccessibleLabelFound(props, [children], 'BreadcrumbItem');
7685
7927
  const theme = useTheme(propsTheme);
7686
7928
  return /*#__PURE__*/React__default.createElement(StyledBreadcrumbItem, _extends$1({
7687
7929
  as: as || 'a',
7688
- role: "link",
7930
+ role: !isCurrent ? 'link' : undefined,
7689
7931
  tabIndex: !isDisabled && !isCurrent ? 0 : undefined
7690
7932
  }, forwardedProps, {
7691
7933
  $isCurrent: isCurrent,
@@ -7698,9 +7940,8 @@ const BreadcrumbItem = /*#__PURE__*/forwardRef((props, ref) => {
7698
7940
  ref: ref
7699
7941
  }), children);
7700
7942
  });
7701
- BreadcrumbItem.className = CLASSNAME$D;
7702
- BreadcrumbItem.defaultProps = DEFAULT_PROPS$D;
7703
- BreadcrumbItem.displayName = COMPONENT_NAME$D;
7943
+ BreadcrumbItem.className = CLASSNAME$E;
7944
+ BreadcrumbItem.displayName = COMPONENT_NAME$E;
7704
7945
 
7705
7946
  /**
7706
7947
  * Component style.
@@ -7735,10 +7976,9 @@ const StyledBreadcrumbs = styled.nav`
7735
7976
  }
7736
7977
  `;
7737
7978
 
7738
- const _excluded$F = ["children", "className", "isDisabled", "theme"];
7739
- const COMPONENT_NAME$C = 'Breadcrumbs';
7740
- const CLASSNAME$C = 'redsift-breadcrumbs';
7741
- const DEFAULT_PROPS$C = {};
7979
+ const _excluded$G = ["children", "className", "isDisabled", "theme"];
7980
+ const COMPONENT_NAME$D = 'Breadcrumbs';
7981
+ const CLASSNAME$D = 'redsift-breadcrumbs';
7742
7982
 
7743
7983
  /**
7744
7984
  * The Breadcrumbs components is a list of links to the parent pages of the current page in hierarchical order.
@@ -7750,7 +7990,7 @@ const BaseBreadcrumbs = /*#__PURE__*/forwardRef((props, ref) => {
7750
7990
  isDisabled,
7751
7991
  theme: propsTheme
7752
7992
  } = props,
7753
- forwardedProps = _objectWithoutProperties(props, _excluded$F);
7993
+ forwardedProps = _objectWithoutProperties(props, _excluded$G);
7754
7994
  warnIfNoAccessibleLabelFound(props, undefined, 'Breadcrumbs');
7755
7995
  const theme = useTheme(propsTheme);
7756
7996
  const childArray = filterComponents([Breadcrumbs.Item])(children);
@@ -7779,17 +8019,15 @@ const BaseBreadcrumbs = /*#__PURE__*/forwardRef((props, ref) => {
7779
8019
  ref: ref
7780
8020
  }), /*#__PURE__*/React__default.createElement("ol", null, breadcrumbItems)));
7781
8021
  });
7782
- BaseBreadcrumbs.className = CLASSNAME$C;
7783
- BaseBreadcrumbs.defaultProps = DEFAULT_PROPS$C;
7784
- BaseBreadcrumbs.displayName = COMPONENT_NAME$C;
8022
+ BaseBreadcrumbs.className = CLASSNAME$D;
8023
+ BaseBreadcrumbs.displayName = COMPONENT_NAME$D;
7785
8024
  const Breadcrumbs = Object.assign(BaseBreadcrumbs, {
7786
8025
  Item: BreadcrumbItem
7787
8026
  });
7788
8027
 
7789
- const _excluded$E = ["breadcrumbs", "children", "className", "iconButtonProps", "iconButtonRef", "fallbackTitle", "theme", "title"];
7790
- const COMPONENT_NAME$B = 'AppBar';
7791
- const CLASSNAME$B = 'redsift-app-bar';
7792
- const DEFAULT_PROPS$B = {};
8028
+ const _excluded$F = ["breadcrumbs", "children", "className", "iconButtonProps", "iconButtonRef", "fallbackTitle", "theme", "title"];
8029
+ const COMPONENT_NAME$C = 'AppBar';
8030
+ const CLASSNAME$C = 'redsift-app-bar';
7793
8031
 
7794
8032
  /**
7795
8033
  * The AppBar component.
@@ -7806,7 +8044,7 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
7806
8044
  theme: propsTheme,
7807
8045
  title: propsTitle
7808
8046
  } = props,
7809
- forwardedProps = _objectWithoutProperties(props, _excluded$E);
8047
+ forwardedProps = _objectWithoutProperties(props, _excluded$F);
7810
8048
  const [scroll, setScroll] = useState(false);
7811
8049
  useEffect(() => {
7812
8050
  window.addEventListener('scroll', () => {
@@ -7860,9 +8098,8 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
7860
8098
  className: `${AppBar.className}__right`
7861
8099
  }, children) : null);
7862
8100
  });
7863
- AppBar.className = CLASSNAME$B;
7864
- AppBar.defaultProps = DEFAULT_PROPS$B;
7865
- AppBar.displayName = COMPONENT_NAME$B;
8101
+ AppBar.className = CLASSNAME$C;
8102
+ AppBar.displayName = COMPONENT_NAME$C;
7866
8103
 
7867
8104
  /**
7868
8105
  * Component style.
@@ -7909,10 +8146,9 @@ const StyledAppContent = styled.main`
7909
8146
  }}
7910
8147
  `;
7911
8148
 
7912
- const _excluded$D = ["children", "className", "theme"];
7913
- const COMPONENT_NAME$A = 'AppContent';
7914
- const CLASSNAME$A = 'redsift-app-content';
7915
- const DEFAULT_PROPS$A = {};
8149
+ const _excluded$E = ["children", "className", "theme"];
8150
+ const COMPONENT_NAME$B = 'AppContent';
8151
+ const CLASSNAME$B = 'redsift-app-content';
7916
8152
 
7917
8153
  /**
7918
8154
  * The AppContent component.
@@ -7923,7 +8159,7 @@ const AppContent = /*#__PURE__*/forwardRef((props, ref) => {
7923
8159
  className,
7924
8160
  theme: propsTheme
7925
8161
  } = props,
7926
- forwardedProps = _objectWithoutProperties(props, _excluded$D);
8162
+ forwardedProps = _objectWithoutProperties(props, _excluded$E);
7927
8163
  const {
7928
8164
  isLoaded
7929
8165
  } = useIsLoaded();
@@ -7937,9 +8173,8 @@ const AppContent = /*#__PURE__*/forwardRef((props, ref) => {
7937
8173
  ref: ref
7938
8174
  }), children);
7939
8175
  });
7940
- AppContent.className = CLASSNAME$A;
7941
- AppContent.defaultProps = DEFAULT_PROPS$A;
7942
- AppContent.displayName = COMPONENT_NAME$A;
8176
+ AppContent.className = CLASSNAME$B;
8177
+ AppContent.displayName = COMPONENT_NAME$B;
7943
8178
 
7944
8179
  /**
7945
8180
  * Component variant.
@@ -8055,10 +8290,9 @@ const StyledButtonGroup = styled.div`
8055
8290
  }};
8056
8291
  `;
8057
8292
 
8058
- const _excluded$C = ["children", "className", "color", "theme", "variant"];
8059
- const COMPONENT_NAME$z = 'ButtonGroup';
8060
- const CLASSNAME$z = 'redsift-button-group';
8061
- const DEFAULT_PROPS$z = {};
8293
+ const _excluded$D = ["children", "className", "color", "theme", "variant"];
8294
+ const COMPONENT_NAME$A = 'ButtonGroup';
8295
+ const CLASSNAME$A = 'redsift-button-group';
8062
8296
 
8063
8297
  /**
8064
8298
  * The ButtonGroup component.
@@ -8071,7 +8305,7 @@ const ButtonGroup = /*#__PURE__*/forwardRef((props, ref) => {
8071
8305
  theme: propsTheme,
8072
8306
  variant: propsVariant
8073
8307
  } = props,
8074
- forwardedProps = _objectWithoutProperties(props, _excluded$C);
8308
+ forwardedProps = _objectWithoutProperties(props, _excluded$D);
8075
8309
  const theme = useTheme(propsTheme);
8076
8310
  const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
8077
8311
  const variant = Object.values(ButtonGroupVariant).includes(propsVariant) ? propsVariant : 'primary';
@@ -8108,14 +8342,12 @@ const ButtonGroup = /*#__PURE__*/forwardRef((props, ref) => {
8108
8342
  $theme: theme
8109
8343
  }), buttons);
8110
8344
  });
8111
- ButtonGroup.className = CLASSNAME$z;
8112
- ButtonGroup.defaultProps = DEFAULT_PROPS$z;
8113
- ButtonGroup.displayName = COMPONENT_NAME$z;
8345
+ ButtonGroup.className = CLASSNAME$A;
8346
+ ButtonGroup.displayName = COMPONENT_NAME$A;
8114
8347
 
8115
- const _excluded$B = ["as", "children", "className", "color", "href", "isActive", "isDisabled", "leftIcon", "rightIcon", "target", "theme", "variant"];
8116
- const COMPONENT_NAME$y = 'ButtonLink';
8117
- const CLASSNAME$y = 'redsift-button-link';
8118
- const DEFAULT_PROPS$y = {};
8348
+ const _excluded$C = ["as", "children", "className", "color", "href", "isActive", "isDisabled", "isHovered", "leftIcon", "rightIcon", "target", "theme", "variant"];
8349
+ const COMPONENT_NAME$z = 'ButtonLink';
8350
+ const CLASSNAME$z = 'redsift-button-link';
8119
8351
 
8120
8352
  /**
8121
8353
  * The ButtonLink is a semantic link that looks like a button.
@@ -8133,17 +8365,28 @@ const ButtonLink = /*#__PURE__*/forwardRef((props, ref) => {
8133
8365
  href,
8134
8366
  isActive,
8135
8367
  isDisabled,
8368
+ isHovered,
8136
8369
  leftIcon,
8137
8370
  rightIcon,
8138
8371
  target,
8139
8372
  theme: propsTheme,
8140
8373
  variant: propsVariant
8141
8374
  } = props,
8142
- forwardedProps = _objectWithoutProperties(props, _excluded$B);
8375
+ forwardedProps = _objectWithoutProperties(props, _excluded$C);
8143
8376
  const theme = useTheme(propsTheme);
8144
8377
  const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
8145
8378
  const variant = Object.values(ButtonVariant).includes(propsVariant) ? propsVariant : 'primary';
8146
- return /*#__PURE__*/React__default.createElement(StyledButton, _extends$1({
8379
+ const isGradient = color === ButtonsColorPalette.radar;
8380
+ return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
8381
+ condition: isGradient && variant === ButtonVariant.secondary,
8382
+ wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
8383
+ $color: color,
8384
+ $isActive: isActive,
8385
+ $isDisabled: isDisabled,
8386
+ $isHovered: isHovered,
8387
+ $theme: theme
8388
+ }, children)
8389
+ }, /*#__PURE__*/React__default.createElement(StyledButton, _extends$1({
8147
8390
  as: as || 'a',
8148
8391
  role: "link",
8149
8392
  tabIndex: !isDisabled ? 0 : undefined
@@ -8151,6 +8394,8 @@ const ButtonLink = /*#__PURE__*/forwardRef((props, ref) => {
8151
8394
  $color: color,
8152
8395
  $isActive: isActive,
8153
8396
  $isDisabled: isDisabled,
8397
+ $isHovered: isHovered,
8398
+ $isGradient: isGradient,
8154
8399
  $theme: theme,
8155
8400
  $variant: variant,
8156
8401
  className: classNames(ButtonLink.className, className),
@@ -8161,15 +8406,14 @@ const ButtonLink = /*#__PURE__*/forwardRef((props, ref) => {
8161
8406
  icon: leftIcon,
8162
8407
  "aria-hidden": "true",
8163
8408
  className: "left"
8164
- }) : null, children, rightIcon ? /*#__PURE__*/React__default.createElement(Icon, {
8409
+ }) : null, /*#__PURE__*/React__default.createElement("span", null, children), rightIcon ? /*#__PURE__*/React__default.createElement(Icon, {
8165
8410
  icon: rightIcon,
8166
8411
  "aria-hidden": "true",
8167
8412
  className: "right"
8168
- }) : null);
8413
+ }) : null));
8169
8414
  });
8170
- ButtonLink.className = CLASSNAME$y;
8171
- ButtonLink.defaultProps = DEFAULT_PROPS$y;
8172
- ButtonLink.displayName = COMPONENT_NAME$y;
8415
+ ButtonLink.className = CLASSNAME$z;
8416
+ ButtonLink.displayName = COMPONENT_NAME$z;
8173
8417
 
8174
8418
  var collapse$3 = "Collapse";
8175
8419
  var expand$3 = "Expand";
@@ -8372,10 +8616,9 @@ const StyledSkeletonCircle = styled(StyledSkeleton)`
8372
8616
  }}
8373
8617
  `;
8374
8618
 
8375
- const _excluded$A = ["children", "className", "isLoaded", "theme"];
8376
- const COMPONENT_NAME$x = 'SkeletonCircle';
8377
- const CLASSNAME$x = 'redsift-skeleton-circle';
8378
- const DEFAULT_PROPS$x = {};
8619
+ const _excluded$B = ["children", "className", "isLoaded", "theme"];
8620
+ const COMPONENT_NAME$y = 'SkeletonCircle';
8621
+ const CLASSNAME$y = 'redsift-skeleton-circle';
8379
8622
 
8380
8623
  /**
8381
8624
  * The SkeletonCircle component.
@@ -8387,7 +8630,7 @@ const SkeletonCircle = /*#__PURE__*/forwardRef((props, ref) => {
8387
8630
  isLoaded,
8388
8631
  theme: propsTheme
8389
8632
  } = props,
8390
- forwardedProps = _objectWithoutProperties(props, _excluded$A);
8633
+ forwardedProps = _objectWithoutProperties(props, _excluded$B);
8391
8634
  const theme = useTheme(propsTheme);
8392
8635
  if (isLoaded) {
8393
8636
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
@@ -8398,9 +8641,8 @@ const SkeletonCircle = /*#__PURE__*/forwardRef((props, ref) => {
8398
8641
  ref: ref
8399
8642
  }), typeof children === 'string' ? /*#__PURE__*/React__default.createElement("span", null, children) : children);
8400
8643
  });
8401
- SkeletonCircle.className = CLASSNAME$x;
8402
- SkeletonCircle.defaultProps = DEFAULT_PROPS$x;
8403
- SkeletonCircle.displayName = COMPONENT_NAME$x;
8644
+ SkeletonCircle.className = CLASSNAME$y;
8645
+ SkeletonCircle.displayName = COMPONENT_NAME$y;
8404
8646
 
8405
8647
  /**
8406
8648
  * Component variant.
@@ -8454,12 +8696,9 @@ const StyledSkeletonText = styled(StyledSkeleton)`
8454
8696
  }}}
8455
8697
  `;
8456
8698
 
8457
- const _excluded$z = ["children", "className", "fontSize", "isLoaded", "lineHeight", "theme", "variant"];
8458
- const COMPONENT_NAME$w = 'SkeletonText';
8459
- const CLASSNAME$w = 'redsift-skeleton-text';
8460
- const DEFAULT_PROPS$w = {
8461
- variant: 'body'
8462
- };
8699
+ const _excluded$A = ["children", "className", "fontSize", "isLoaded", "lineHeight", "theme", "variant"];
8700
+ const COMPONENT_NAME$x = 'SkeletonText';
8701
+ const CLASSNAME$x = 'redsift-skeleton-text';
8463
8702
 
8464
8703
  /**
8465
8704
  * The SkeletonText component.
@@ -8472,9 +8711,9 @@ const SkeletonText = /*#__PURE__*/forwardRef((props, ref) => {
8472
8711
  isLoaded,
8473
8712
  lineHeight,
8474
8713
  theme: propsTheme,
8475
- variant
8714
+ variant = 'body'
8476
8715
  } = props,
8477
- forwardedProps = _objectWithoutProperties(props, _excluded$z);
8716
+ forwardedProps = _objectWithoutProperties(props, _excluded$A);
8478
8717
  const theme = useTheme(propsTheme);
8479
8718
  if (isLoaded) {
8480
8719
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
@@ -8488,14 +8727,12 @@ const SkeletonText = /*#__PURE__*/forwardRef((props, ref) => {
8488
8727
  $variant: variant
8489
8728
  }), typeof children === 'string' ? /*#__PURE__*/React__default.createElement("span", null, children) : children);
8490
8729
  });
8491
- SkeletonText.className = CLASSNAME$w;
8492
- SkeletonText.defaultProps = DEFAULT_PROPS$w;
8493
- SkeletonText.displayName = COMPONENT_NAME$w;
8730
+ SkeletonText.className = CLASSNAME$x;
8731
+ SkeletonText.displayName = COMPONENT_NAME$x;
8494
8732
 
8495
- const _excluded$y = ["children", "className", "isLoaded", "theme"];
8496
- const COMPONENT_NAME$v = 'Skeleton';
8497
- const CLASSNAME$v = 'redsift-skeleton';
8498
- const DEFAULT_PROPS$v = {};
8733
+ const _excluded$z = ["children", "className", "isLoaded", "theme"];
8734
+ const COMPONENT_NAME$w = 'Skeleton';
8735
+ const CLASSNAME$w = 'redsift-skeleton';
8499
8736
 
8500
8737
  /**
8501
8738
  * The Skeleton component.
@@ -8507,7 +8744,7 @@ const BaseSkeleton = /*#__PURE__*/forwardRef((props, ref) => {
8507
8744
  isLoaded,
8508
8745
  theme: propsTheme
8509
8746
  } = props,
8510
- forwardedProps = _objectWithoutProperties(props, _excluded$y);
8747
+ forwardedProps = _objectWithoutProperties(props, _excluded$z);
8511
8748
  const theme = useTheme(propsTheme);
8512
8749
  if (isLoaded) {
8513
8750
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
@@ -8518,18 +8755,16 @@ const BaseSkeleton = /*#__PURE__*/forwardRef((props, ref) => {
8518
8755
  ref: ref
8519
8756
  }), typeof children === 'string' ? /*#__PURE__*/React__default.createElement("span", null, children) : children);
8520
8757
  });
8521
- BaseSkeleton.className = CLASSNAME$v;
8522
- BaseSkeleton.defaultProps = DEFAULT_PROPS$v;
8523
- BaseSkeleton.displayName = COMPONENT_NAME$v;
8758
+ BaseSkeleton.className = CLASSNAME$w;
8759
+ BaseSkeleton.displayName = COMPONENT_NAME$w;
8524
8760
  const Skeleton = Object.assign(BaseSkeleton, {
8525
8761
  Circle: SkeletonCircle,
8526
8762
  Text: SkeletonText
8527
8763
  });
8528
8764
 
8529
- const _excluded$x = ["children", "className", "header", "headingProps", "icon", "iconProps", "isLoading", "subheader"];
8530
- const COMPONENT_NAME$u = 'CardHeader';
8531
- const CLASSNAME$u = 'redsift-card-header';
8532
- const DEFAULT_PROPS$u = {};
8765
+ const _excluded$y = ["children", "className", "header", "headingProps", "icon", "iconProps", "isLoading", "subheader"];
8766
+ const COMPONENT_NAME$v = 'CardHeader';
8767
+ const CLASSNAME$v = 'redsift-card-header';
8533
8768
 
8534
8769
  /**
8535
8770
  * The CardHeader component.
@@ -8545,7 +8780,7 @@ const CardHeader = /*#__PURE__*/forwardRef((props, ref) => {
8545
8780
  isLoading,
8546
8781
  subheader
8547
8782
  } = props,
8548
- forwardedProps = _objectWithoutProperties(props, _excluded$x);
8783
+ forwardedProps = _objectWithoutProperties(props, _excluded$y);
8549
8784
  return /*#__PURE__*/React__default.createElement(StyledCardHeader, _extends$1({}, forwardedProps, {
8550
8785
  className: classNames(CardHeader.className, className),
8551
8786
  ref: ref
@@ -8570,9 +8805,8 @@ const CardHeader = /*#__PURE__*/forwardRef((props, ref) => {
8570
8805
  size: "large"
8571
8806
  }, iconProps)) : null, header)) : null, children);
8572
8807
  });
8573
- CardHeader.className = CLASSNAME$u;
8574
- CardHeader.defaultProps = DEFAULT_PROPS$u;
8575
- CardHeader.displayName = COMPONENT_NAME$u;
8808
+ CardHeader.className = CLASSNAME$v;
8809
+ CardHeader.displayName = COMPONENT_NAME$v;
8576
8810
 
8577
8811
  /**
8578
8812
  * Component style.
@@ -8587,10 +8821,9 @@ const StyledCardBody = styled.div`
8587
8821
  padding: 16px 0px;
8588
8822
  `;
8589
8823
 
8590
- const _excluded$w = ["children", "className"];
8591
- const COMPONENT_NAME$t = 'CardBody';
8592
- const CLASSNAME$t = 'redsift-card-body';
8593
- const DEFAULT_PROPS$t = {};
8824
+ const _excluded$x = ["children", "className"];
8825
+ const COMPONENT_NAME$u = 'CardBody';
8826
+ const CLASSNAME$u = 'redsift-card-body';
8594
8827
 
8595
8828
  /**
8596
8829
  * The CardBody component.
@@ -8600,15 +8833,14 @@ const CardBody = /*#__PURE__*/forwardRef((props, ref) => {
8600
8833
  children,
8601
8834
  className
8602
8835
  } = props,
8603
- forwardedProps = _objectWithoutProperties(props, _excluded$w);
8836
+ forwardedProps = _objectWithoutProperties(props, _excluded$x);
8604
8837
  return /*#__PURE__*/React__default.createElement(StyledCardBody, _extends$1({}, forwardedProps, {
8605
8838
  className: classNames(CardBody.className, className),
8606
8839
  ref: ref
8607
8840
  }), children);
8608
8841
  });
8609
- CardBody.className = CLASSNAME$t;
8610
- CardBody.defaultProps = DEFAULT_PROPS$t;
8611
- CardBody.displayName = COMPONENT_NAME$t;
8842
+ CardBody.className = CLASSNAME$u;
8843
+ CardBody.displayName = COMPONENT_NAME$u;
8612
8844
 
8613
8845
  /**
8614
8846
  * Component style.
@@ -8620,13 +8852,9 @@ const StyledCardActions = styled.div`
8620
8852
  margin-bottom: 8px;
8621
8853
  `;
8622
8854
 
8623
- const _excluded$v = ["children", "className"];
8624
- const COMPONENT_NAME$s = 'CardActions';
8625
- const CLASSNAME$s = 'redsift-card-actions';
8626
- const DEFAULT_PROPS$s = {
8627
- display: 'flex',
8628
- flexDirection: 'row'
8629
- };
8855
+ const _excluded$w = ["children", "className", "display", "flexDirection"];
8856
+ const COMPONENT_NAME$t = 'CardActions';
8857
+ const CLASSNAME$t = 'redsift-card-actions';
8630
8858
 
8631
8859
  /**
8632
8860
  * The CardActions component.
@@ -8634,22 +8862,25 @@ const DEFAULT_PROPS$s = {
8634
8862
  const CardActions = /*#__PURE__*/forwardRef((props, ref) => {
8635
8863
  const {
8636
8864
  children,
8637
- className
8865
+ className,
8866
+ display = 'flex',
8867
+ flexDirection = 'row'
8638
8868
  } = props,
8639
- forwardedProps = _objectWithoutProperties(props, _excluded$v);
8640
- return /*#__PURE__*/React__default.createElement(StyledCardActions, _extends$1({}, forwardedProps, {
8869
+ forwardedProps = _objectWithoutProperties(props, _excluded$w);
8870
+ return /*#__PURE__*/React__default.createElement(StyledCardActions, _extends$1({
8871
+ display: display,
8872
+ flexDirection: flexDirection
8873
+ }, forwardedProps, {
8641
8874
  className: classNames(CardActions.className, className),
8642
8875
  ref: ref
8643
8876
  }), children);
8644
8877
  });
8645
- CardActions.className = CLASSNAME$s;
8646
- CardActions.defaultProps = DEFAULT_PROPS$s;
8647
- CardActions.displayName = COMPONENT_NAME$s;
8878
+ CardActions.className = CLASSNAME$t;
8879
+ CardActions.displayName = COMPONENT_NAME$t;
8648
8880
 
8649
- const _excluded$u = ["children", "className", "defaultCollapsed", "isCollapsed", "isCollapsible", "onCollapse", "theme"];
8650
- const COMPONENT_NAME$r = 'Card';
8651
- const CLASSNAME$r = 'redsift-card';
8652
- const DEFAULT_PROPS$r = {};
8881
+ const _excluded$v = ["children", "className", "defaultCollapsed", "isCollapsed", "isCollapsible", "onCollapse", "theme"];
8882
+ const COMPONENT_NAME$s = 'Card';
8883
+ const CLASSNAME$s = 'redsift-card';
8653
8884
 
8654
8885
  /**
8655
8886
  * The Card component.
@@ -8664,7 +8895,7 @@ const BaseCard = /*#__PURE__*/forwardRef((props, ref) => {
8664
8895
  onCollapse,
8665
8896
  theme: propsTheme
8666
8897
  } = props,
8667
- forwardedProps = _objectWithoutProperties(props, _excluded$u);
8898
+ forwardedProps = _objectWithoutProperties(props, _excluded$v);
8668
8899
  const theme = useTheme(propsTheme);
8669
8900
  const format = useMessageFormatter(intlMessages$5);
8670
8901
  const [isCollapsed, setIsCollapsed] = useState(propsIsCollapsed !== null && propsIsCollapsed !== void 0 ? propsIsCollapsed : defaultCollapsed);
@@ -8702,9 +8933,8 @@ const BaseCard = /*#__PURE__*/forwardRef((props, ref) => {
8702
8933
  className: `${BaseCard.className}__content`
8703
8934
  }, body && isComponent('CardBody')(body) ? body : null, actions && isComponent('CardActions')(actions) ? actions : null) : null));
8704
8935
  });
8705
- BaseCard.className = CLASSNAME$r;
8706
- BaseCard.defaultProps = DEFAULT_PROPS$r;
8707
- BaseCard.displayName = COMPONENT_NAME$r;
8936
+ BaseCard.className = CLASSNAME$s;
8937
+ BaseCard.displayName = COMPONENT_NAME$s;
8708
8938
  const Card = Object.assign(BaseCard, {
8709
8939
  Header: CardHeader,
8710
8940
  Body: CardBody,
@@ -8801,13 +9031,9 @@ const StyledCheckboxGroup = styled.div`
8801
9031
  }
8802
9032
  `;
8803
9033
 
8804
- const _excluded$t = ["children", "className", "defaultValues", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "theme", "value"];
8805
- const COMPONENT_NAME$q = 'CheckboxGroup';
8806
- const CLASSNAME$q = 'redsift-checkbox-group';
8807
- const DEFAULT_PROPS$q = {
8808
- color: ColorPalette.primary,
8809
- orientation: CheckboxGroupOrientation.vertical
8810
- };
9034
+ const _excluded$u = ["children", "className", "color", "defaultValues", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "theme", "value"];
9035
+ const COMPONENT_NAME$r = 'CheckboxGroup';
9036
+ const CLASSNAME$r = 'redsift-checkbox-group';
8811
9037
 
8812
9038
  /**
8813
9039
  * The CheckboxGroup component.
@@ -8817,6 +9043,7 @@ const CheckboxGroup = /*#__PURE__*/forwardRef((props, ref) => {
8817
9043
  const {
8818
9044
  children,
8819
9045
  className,
9046
+ color = ColorPalette.primary,
8820
9047
  defaultValues,
8821
9048
  description,
8822
9049
  isDisabled,
@@ -8825,11 +9052,11 @@ const CheckboxGroup = /*#__PURE__*/forwardRef((props, ref) => {
8825
9052
  isRequired,
8826
9053
  label,
8827
9054
  onChange,
8828
- orientation,
9055
+ orientation = CheckboxGroupOrientation.vertical,
8829
9056
  theme: propsTheme,
8830
9057
  value
8831
9058
  } = props,
8832
- forwardedProps = _objectWithoutProperties(props, _excluded$t);
9059
+ forwardedProps = _objectWithoutProperties(props, _excluded$u);
8833
9060
  const theme = useTheme(propsTheme);
8834
9061
  const [selectedValues, setValue] = useState(value || defaultValues || []);
8835
9062
  useEffect(() => {
@@ -8868,7 +9095,9 @@ const CheckboxGroup = /*#__PURE__*/forwardRef((props, ref) => {
8868
9095
  value: {
8869
9096
  theme
8870
9097
  }
8871
- }, /*#__PURE__*/React__default.createElement(StyledCheckboxGroup, _extends$1({}, forwardedProps, {
9098
+ }, /*#__PURE__*/React__default.createElement(StyledCheckboxGroup, _extends$1({
9099
+ color: color
9100
+ }, forwardedProps, {
8872
9101
  $isDisabled: isDisabled,
8873
9102
  $isInvalid: isInvalid || isRequired && selectedValues.length === 0,
8874
9103
  $isReadOnly: isReadOnly,
@@ -8888,9 +9117,8 @@ const CheckboxGroup = /*#__PURE__*/forwardRef((props, ref) => {
8888
9117
  className: `${CheckboxGroup.className}-description`
8889
9118
  }, description)));
8890
9119
  });
8891
- CheckboxGroup.className = CLASSNAME$q;
8892
- CheckboxGroup.defaultProps = DEFAULT_PROPS$q;
8893
- CheckboxGroup.displayName = COMPONENT_NAME$q;
9120
+ CheckboxGroup.className = CLASSNAME$r;
9121
+ CheckboxGroup.displayName = COMPONENT_NAME$r;
8894
9122
 
8895
9123
  /* eslint-disable prefer-const */
8896
9124
 
@@ -8987,7 +9215,7 @@ const PressResponderContext = /*#__PURE__*/React__default.createContext({
8987
9215
  });
8988
9216
  PressResponderContext.displayName = 'PressResponderContext';
8989
9217
 
8990
- const _excluded$s = ["register"],
9218
+ const _excluded$t = ["register"],
8991
9219
  _excluded2$1 = ["onPress", "onPressChange", "onPressStart", "onPressEnd", "onPressUp", "isDisabled", "isPressed", "preventFocusOnPress", "shouldCancelOnPointerExit", "allowTextSelectionOnPress", "ref"];
8992
9220
  function usePressResponderContext(props) {
8993
9221
  // Consume context from <PressResponder> and merge with props.
@@ -8996,7 +9224,7 @@ function usePressResponderContext(props) {
8996
9224
  let {
8997
9225
  register
8998
9226
  } = context,
8999
- contextProps = _objectWithoutProperties(context, _excluded$s);
9227
+ contextProps = _objectWithoutProperties(context, _excluded$t);
9000
9228
  props = mergeProps$1(contextProps, props);
9001
9229
  register();
9002
9230
  }
@@ -10353,14 +10581,14 @@ function useFocusRing() {
10353
10581
  };
10354
10582
  }
10355
10583
 
10356
- const _excluded$r = ["ref"];
10584
+ const _excluded$s = ["ref"];
10357
10585
  let FocusableContext = /*#__PURE__*/React__default.createContext(null);
10358
10586
  function useFocusableContext(ref) {
10359
10587
  let context = useContext(FocusableContext) || {};
10360
10588
  useSyncRef(context, ref);
10361
10589
 
10362
10590
  // eslint-disable-next-line
10363
- let otherProps = _objectWithoutProperties(context, _excluded$r);
10591
+ let otherProps = _objectWithoutProperties(context, _excluded$s);
10364
10592
  return otherProps;
10365
10593
  }
10366
10594
  /**
@@ -10498,12 +10726,9 @@ const StyledCheckbox = styled.label`
10498
10726
  }
10499
10727
  `;
10500
10728
 
10501
- const _excluded$q = ["aria-label", "aria-labelledby", "autoFocus", "children", "className", "defaultSelected", "inputProps", "inputRef", "isColored", "isDisabled", "isIndeterminate", "isInvalid", "isReadOnly", "isRequired", "isSelected", "name", "onChange", "theme", "value"];
10502
- const COMPONENT_NAME$p = 'Checkbox';
10503
- const CLASSNAME$p = 'redsift-checkbox';
10504
- const DEFAULT_PROPS$p = {
10505
- isColored: true
10506
- };
10729
+ const _excluded$r = ["aria-label", "aria-labelledby", "autoFocus", "children", "className", "defaultSelected", "inputProps", "inputRef", "isColored", "isDisabled", "isIndeterminate", "isInvalid", "isReadOnly", "isRequired", "isSelected", "name", "onChange", "theme", "value"];
10730
+ const COMPONENT_NAME$q = 'Checkbox';
10731
+ const CLASSNAME$q = 'redsift-checkbox';
10507
10732
 
10508
10733
  /**
10509
10734
  * The Checkbox component.
@@ -10522,7 +10747,7 @@ const Checkbox = /*#__PURE__*/forwardRef((props, ref) => {
10522
10747
  defaultSelected,
10523
10748
  inputProps,
10524
10749
  inputRef,
10525
- isColored,
10750
+ isColored = true,
10526
10751
  isDisabled,
10527
10752
  isIndeterminate,
10528
10753
  isInvalid,
@@ -10534,7 +10759,7 @@ const Checkbox = /*#__PURE__*/forwardRef((props, ref) => {
10534
10759
  theme: propsTheme,
10535
10760
  value
10536
10761
  } = props,
10537
- forwardedProps = _objectWithoutProperties(props, _excluded$q);
10762
+ forwardedProps = _objectWithoutProperties(props, _excluded$r);
10538
10763
  const theme = useTheme(propsTheme);
10539
10764
  const {
10540
10765
  isFocusVisible,
@@ -10620,18 +10845,8 @@ const Checkbox = /*#__PURE__*/forwardRef((props, ref) => {
10620
10845
  value: value
10621
10846
  })));
10622
10847
  });
10623
- Checkbox.className = CLASSNAME$p;
10624
- Checkbox.defaultProps = DEFAULT_PROPS$p;
10625
- Checkbox.displayName = COMPONENT_NAME$p;
10626
-
10627
- const ConditionalWrapper = _ref => {
10628
- let {
10629
- children,
10630
- condition,
10631
- wrapper
10632
- } = _ref;
10633
- return condition ? wrapper(children) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
10634
- };
10848
+ Checkbox.className = CLASSNAME$q;
10849
+ Checkbox.displayName = COMPONENT_NAME$q;
10635
10850
 
10636
10851
  var enUS$4 = {
10637
10852
  "collapse-all": "Collapse all details",
@@ -10737,12 +10952,9 @@ const StyledShield = styled.div`
10737
10952
  }}
10738
10953
  `;
10739
10954
 
10740
- const _excluded$p = ["aria-hidden", "aria-label", "className", "svgProps", "isOutlined", "isReversed", "theme", "variant"];
10741
- const COMPONENT_NAME$o = 'Shield';
10742
- const CLASSNAME$o = 'redsift-shield';
10743
- const DEFAULT_PROPS$o = {
10744
- variant: ShieldVariant.success
10745
- };
10955
+ const _excluded$q = ["aria-hidden", "aria-label", "className", "svgProps", "isOutlined", "isReversed", "theme", "variant"];
10956
+ const COMPONENT_NAME$p = 'Shield';
10957
+ const CLASSNAME$p = 'redsift-shield';
10746
10958
  const getVariant = variant => {
10747
10959
  switch (variant) {
10748
10960
  case ShieldVariant.email:
@@ -10825,9 +11037,9 @@ const Shield = /*#__PURE__*/forwardRef((props, ref) => {
10825
11037
  isOutlined,
10826
11038
  isReversed,
10827
11039
  theme: propsTheme,
10828
- variant
11040
+ variant = ShieldVariant.success
10829
11041
  } = props,
10830
- forwardedProps = _objectWithoutProperties(props, _excluded$p);
11042
+ forwardedProps = _objectWithoutProperties(props, _excluded$q);
10831
11043
  const theme = useTheme(propsTheme);
10832
11044
  const {
10833
11045
  color,
@@ -10863,9 +11075,8 @@ const Shield = /*#__PURE__*/forwardRef((props, ref) => {
10863
11075
  className: "icon"
10864
11076
  })));
10865
11077
  });
10866
- Shield.className = CLASSNAME$o;
10867
- Shield.defaultProps = DEFAULT_PROPS$o;
10868
- Shield.displayName = COMPONENT_NAME$o;
11078
+ Shield.className = CLASSNAME$p;
11079
+ Shield.displayName = COMPONENT_NAME$p;
10869
11080
 
10870
11081
  var collapse$1 = "Collapse details";
10871
11082
  var expand$1 = "Expand details";
@@ -10917,10 +11128,9 @@ const StyledDetailedCardCollapsibleSectionItems = styled.div`
10917
11128
  }
10918
11129
  `;
10919
11130
 
10920
- const _excluded$o = ["caption", "children", "className", "hideBackground"];
10921
- const COMPONENT_NAME$n = 'DetailedCardCollapsibleSectionItems';
10922
- const CLASSNAME$n = 'redsift-detailed-card-collapsible-section-items';
10923
- const DEFAULT_PROPS$n = {};
11131
+ const _excluded$p = ["caption", "children", "className", "hideBackground"];
11132
+ const COMPONENT_NAME$o = 'DetailedCardCollapsibleSectionItems';
11133
+ const CLASSNAME$o = 'redsift-detailed-card-collapsible-section-items';
10924
11134
 
10925
11135
  /**
10926
11136
  * The DetailedCardCollapsibleSectionItems Section component.
@@ -10932,7 +11142,7 @@ const DetailedCardCollapsibleSectionItems = /*#__PURE__*/forwardRef((props, ref)
10932
11142
  className,
10933
11143
  hideBackground
10934
11144
  } = props,
10935
- forwardedProps = _objectWithoutProperties(props, _excluded$o);
11145
+ forwardedProps = _objectWithoutProperties(props, _excluded$p);
10936
11146
  return /*#__PURE__*/React__default.createElement(StyledDetailedCardCollapsibleSectionItems, _extends$1({}, forwardedProps, {
10937
11147
  className: classNames(DetailedCardCollapsibleSectionItems.className, className),
10938
11148
  ref: ref,
@@ -10941,9 +11151,8 @@ const DetailedCardCollapsibleSectionItems = /*#__PURE__*/forwardRef((props, ref)
10941
11151
  className: `${DetailedCardCollapsibleSectionItems.className}__caption`
10942
11152
  }, caption) : null);
10943
11153
  });
10944
- DetailedCardCollapsibleSectionItems.className = CLASSNAME$n;
10945
- DetailedCardCollapsibleSectionItems.defaultProps = DEFAULT_PROPS$n;
10946
- DetailedCardCollapsibleSectionItems.displayName = COMPONENT_NAME$n;
11154
+ DetailedCardCollapsibleSectionItems.className = CLASSNAME$o;
11155
+ DetailedCardCollapsibleSectionItems.displayName = COMPONENT_NAME$o;
10947
11156
 
10948
11157
  /**
10949
11158
  * Component style.
@@ -11009,12 +11218,9 @@ const StyledDetailedCardSection = styled.div`
11009
11218
  }
11010
11219
  `;
11011
11220
 
11012
- const _excluded$n = ["badge", "color", "children", "className", "header", "isCollapsed", "isCollapsible", "isLoading"];
11013
- const COMPONENT_NAME$m = 'DetailedCardSection';
11014
- const CLASSNAME$m = 'redsift-detailed-card-section';
11015
- const DEFAULT_PROPS$m = {
11016
- isCollapsible: true
11017
- };
11221
+ const _excluded$o = ["badge", "color", "children", "className", "header", "isCollapsed", "isCollapsible", "isLoading"];
11222
+ const COMPONENT_NAME$n = 'DetailedCardSection';
11223
+ const CLASSNAME$n = 'redsift-detailed-card-section';
11018
11224
  const hasCollapsibleChildren = children => {
11019
11225
  let hasCollapsible = false;
11020
11226
  React__default.Children.map(children, child => {
@@ -11036,10 +11242,10 @@ const DetailedCardSection = /*#__PURE__*/forwardRef((props, ref) => {
11036
11242
  className,
11037
11243
  header,
11038
11244
  isCollapsed: propsIsCollapsed,
11039
- isCollapsible: propsIsCollapsible,
11245
+ isCollapsible: propsIsCollapsible = true,
11040
11246
  isLoading
11041
11247
  } = props,
11042
- forwardedProps = _objectWithoutProperties(props, _excluded$n);
11248
+ forwardedProps = _objectWithoutProperties(props, _excluded$o);
11043
11249
  const format = useMessageFormatter(intlMessages$3);
11044
11250
  const isCollapsible = propsIsCollapsible && hasCollapsibleChildren(children);
11045
11251
  const [isCollapsed, setIsCollapsed] = useState(Boolean(propsIsCollapsed));
@@ -11081,9 +11287,8 @@ const DetailedCardSection = /*#__PURE__*/forwardRef((props, ref) => {
11081
11287
  }
11082
11288
  }) : null), children);
11083
11289
  });
11084
- DetailedCardSection.className = CLASSNAME$m;
11085
- DetailedCardSection.defaultProps = DEFAULT_PROPS$m;
11086
- DetailedCardSection.displayName = COMPONENT_NAME$m;
11290
+ DetailedCardSection.className = CLASSNAME$n;
11291
+ DetailedCardSection.displayName = COMPONENT_NAME$n;
11087
11292
 
11088
11293
  /**
11089
11294
  * Component style.
@@ -11149,10 +11354,9 @@ const StyledDetailedCardHeader = styled.div`
11149
11354
  }
11150
11355
  `;
11151
11356
 
11152
- const _excluded$m = ["children", "className", "header", "headingProps", "isLoading"];
11153
- const COMPONENT_NAME$l = 'DetailedCardHeader';
11154
- const CLASSNAME$l = 'redsift-detailed-card-header';
11155
- const DEFAULT_PROPS$l = {};
11357
+ const _excluded$n = ["children", "className", "header", "headingProps", "isLoading"];
11358
+ const COMPONENT_NAME$m = 'DetailedCardHeader';
11359
+ const CLASSNAME$m = 'redsift-detailed-card-header';
11156
11360
 
11157
11361
  /**
11158
11362
  * The DetailedCardHeader component.
@@ -11165,7 +11369,7 @@ const DetailedCardHeader = /*#__PURE__*/forwardRef((props, ref) => {
11165
11369
  headingProps,
11166
11370
  isLoading
11167
11371
  } = props,
11168
- forwardedProps = _objectWithoutProperties(props, _excluded$m);
11372
+ forwardedProps = _objectWithoutProperties(props, _excluded$n);
11169
11373
  const theme = useTheme();
11170
11374
  return /*#__PURE__*/React__default.createElement(StyledDetailedCardHeader, _extends$1({}, forwardedProps, {
11171
11375
  className: classNames(DetailedCardHeader.className, className),
@@ -11182,24 +11386,49 @@ const DetailedCardHeader = /*#__PURE__*/forwardRef((props, ref) => {
11182
11386
  variant: "h2"
11183
11387
  }, headingProps), header)) : null, children);
11184
11388
  });
11185
- DetailedCardHeader.className = CLASSNAME$l;
11186
- DetailedCardHeader.defaultProps = DEFAULT_PROPS$l;
11187
- DetailedCardHeader.displayName = COMPONENT_NAME$l;
11389
+ DetailedCardHeader.className = CLASSNAME$m;
11390
+ DetailedCardHeader.displayName = COMPONENT_NAME$m;
11188
11391
 
11189
11392
  /**
11190
11393
  * Component size.
11191
11394
  */
11192
11395
  const PillSize = {
11193
11396
  small: 'small',
11194
- large: 'large'
11397
+ large: 'large',
11398
+ xlarge: 'xlarge'
11195
11399
  };
11196
11400
 
11197
11401
  /**
11198
11402
  * Component props.
11199
11403
  */
11200
11404
 
11405
+ const predefinedColorToHex = {
11406
+ green: RedsiftColorPresentationGreenDefault,
11407
+ pink: RedsiftColorPresentationPinkDefault,
11408
+ aqua: RedsiftColorPresentationAquaDefault,
11409
+ brown: RedsiftColorPresentationBrownDefault,
11410
+ red: RedsiftColorPresentationRedDefault,
11411
+ yellow: RedsiftColorPresentationYellowDefault,
11412
+ purple: RedsiftColorPresentationPurpleDefault,
11413
+ orange: RedsiftColorPresentationOrangeDefault,
11414
+ blue: RedsiftColorPresentationBlueDefault,
11415
+ grey: RedsiftColorPresentationGreyDefault,
11416
+ black: RedsiftColorNeutralBlack,
11417
+ 'x-dark-grey': RedsiftColorNeutralXDarkGrey,
11418
+ 'dark-grey': RedsiftColorNeutralDarkGrey,
11419
+ 'mid-grey': RedsiftColorNeutralMidGrey,
11420
+ 'light-grey': RedsiftColorNeutralLightGrey,
11421
+ 'x-light-grey': RedsiftColorNeutralXLightGrey,
11422
+ white: RedsiftColorNeutralWhite,
11423
+ error: RedsiftColorPresentationRedLighter,
11424
+ warning: RedsiftColorPresentationOrangeLighter,
11425
+ success: RedsiftColorPresentationGreyLighter,
11426
+ 'error-dark': RedsiftColorPresentationRedDefault,
11427
+ 'warning-dark': RedsiftColorPresentationOrangeDefault,
11428
+ 'success-dark': RedsiftColorPresentationGreenDefault
11429
+ };
11201
11430
  const pickTextColorBasedOnBgColorAdvanced = (bgColor, lightColor, darkColor) => {
11202
- var color = bgColor.charAt(0) === '#' ? bgColor.substring(1, 7) : bgColor;
11431
+ var color = isPredefinedColor(bgColor) ? predefinedColorToHex[bgColor].substring(1, 7) : bgColor.charAt(0) === '#' ? bgColor.substring(1, 7) : bgColor;
11203
11432
  var r = parseInt(color.substring(0, 2), 16); // hexToR
11204
11433
  var g = parseInt(color.substring(2, 4), 16); // hexToG
11205
11434
  var b = parseInt(color.substring(4, 6), 16); // hexToB
@@ -11213,7 +11442,17 @@ const pickTextColorBasedOnBgColorAdvanced = (bgColor, lightColor, darkColor) =>
11213
11442
  var L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
11214
11443
  return L > 0.179 ? darkColor : lightColor;
11215
11444
  };
11216
- const isPredefinedColor = color => [...Object.keys(PresentationColorPalette), ...Object.keys(NeutralColorPalette), 'error', 'warning', 'success', 'error-dark', 'warning-dark', 'success-dark'].includes(color);
11445
+ const pickHoverColorBasedOnBgColorAdvanced = bgColor => {
11446
+ var color = bgColor.charAt(0) === '#' ? bgColor.substring(1, 7) : bgColor;
11447
+ if (color.toUpperCase() === 'FFFFFF') {
11448
+ return RedsiftColorNeutralLightGrey;
11449
+ }
11450
+ var r = parseInt(color.substring(0, 2), 16); // hexToR
11451
+ var g = parseInt(color.substring(2, 4), 16); // hexToG
11452
+ var b = parseInt(color.substring(4, 6), 16); // hexToB
11453
+ return `rgba(${r}, ${g}, ${b}, 0.75)`;
11454
+ };
11455
+ const isPredefinedColor = color => Object.keys(predefinedColorToHex).includes(color);
11217
11456
 
11218
11457
  /**
11219
11458
  * Component style.
@@ -11221,6 +11460,7 @@ const isPredefinedColor = color => [...Object.keys(PresentationColorPalette), ..
11221
11460
  const StyledPill = styled.div`
11222
11461
  align-items: stretch;
11223
11462
  display: inline-flex;
11463
+ height: fit-content;
11224
11464
  width: fit-content;
11225
11465
  ${baseStyling}
11226
11466
 
@@ -11246,20 +11486,25 @@ const StyledPill = styled.div`
11246
11486
  .redsift-button,
11247
11487
  .redsift-button-link {
11248
11488
  width: unset;
11249
- height: ${$size === PillSize.large ? css`24px` : css`22px`};
11489
+ height: ${$size === PillSize.xlarge ? css`30px` : $size === PillSize.large ? css`24px` : css`22px`};
11250
11490
  cursor: pointer;
11251
11491
  padding: 5px;
11252
11492
  border: none;
11493
+ text-transform: none;
11253
11494
 
11254
- font-size: ${$size === PillSize.large ? css`15px` : css`14px`};
11495
+ font-size: ${$size === PillSize.small ? css`14px` : css`15px`};
11255
11496
 
11256
- > .redsift-icon {
11497
+ > .redsift-icon:not(.colored) {
11257
11498
  color: inherit;
11258
11499
  }
11259
11500
  }
11260
11501
 
11502
+ .redsift-icon-button {
11503
+ width: ${$size === PillSize.xlarge ? css`30px` : $size === PillSize.large ? css`24px` : css`22px`};
11504
+ }
11505
+
11261
11506
  .redsift-button-link {
11262
- height: ${$size === PillSize.large ? css`12px` : css`10px`};
11507
+ height: ${$size === PillSize.xlarge ? css`18px` : $size === PillSize.large ? css`12px` : css`10px`};
11263
11508
  }
11264
11509
 
11265
11510
  .first.redsift-text,
@@ -11316,7 +11561,7 @@ const StyledPill = styled.div`
11316
11561
  .redsift-icon-button:hover,
11317
11562
  .redsift-button:hover,
11318
11563
  .redsift-button-link:hover {
11319
- background-color: ${$hoverColor !== null && $hoverColor !== void 0 ? $hoverColor : RedsiftColorNeutralLightGrey};
11564
+ background-color: ${$hoverColor !== null && $hoverColor !== void 0 ? $hoverColor : pickHoverColorBasedOnBgColorAdvanced($color !== null && $color !== void 0 ? $color : RedsiftColorNeutralWhite)};
11320
11565
  }
11321
11566
  `;
11322
11567
  }};
@@ -11399,32 +11644,54 @@ const StyledPill = styled.div`
11399
11644
  `;
11400
11645
  }};
11401
11646
 
11647
+ .redsift-icon {
11648
+ font-size: ${_ref5 => {
11649
+ let {
11650
+ $size
11651
+ } = _ref5;
11652
+ return $size === PillSize.xlarge ? '15px' : $size === PillSize.large ? '12px' : '12px';
11653
+ }};
11654
+ }
11655
+
11402
11656
  &,
11403
- .redsift-icon,
11404
11657
  .redsift-text,
11405
11658
  .redsift-number,
11406
11659
  .first,
11407
11660
  .middle,
11408
11661
  .last {
11409
11662
  font-family: var(--redsift-typography-pill-font-family);
11410
- font-size: ${_ref5 => {
11663
+ font-size: ${_ref6 => {
11411
11664
  let {
11412
11665
  $size
11413
- } = _ref5;
11414
- return $size === PillSize.large ? css`var(--redsift-typography-chip-font-size)` : css`var(--redsift-typography-pill-font-size)`;
11666
+ } = _ref6;
11667
+ return $size === PillSize.xlarge ? '15px' : $size === PillSize.large ? '12px' : '10px';
11415
11668
  }};
11416
11669
  font-weight: var(--redsift-typography-pill-font-weight);
11417
- line-height: ${_ref6 => {
11670
+ line-height: ${_ref7 => {
11418
11671
  let {
11419
11672
  $size
11420
- } = _ref6;
11421
- return $size === PillSize.large ? css`var(--redsift-typography-chip-line-height)` : css`var(--redsift-typography-pill-line-height)`;
11673
+ } = _ref7;
11674
+ return $size === PillSize.xlarge ? '28px' : $size === PillSize.large ? css`var(--redsift-typography-chip-line-height)` : css`var(--redsift-typography-pill-line-height)`;
11422
11675
  }};
11423
11676
  }
11424
11677
 
11678
+ .redsift-icon:not(.colored) {
11679
+ color: inherit;
11680
+ }
11681
+
11425
11682
  .redsift-icon {
11426
- width: unset;
11427
- height: unset;
11683
+ width: ${_ref8 => {
11684
+ let {
11685
+ $size
11686
+ } = _ref8;
11687
+ return $size === PillSize.xlarge ? '17px' : $size === PillSize.large ? '14px' : '12px';
11688
+ }};
11689
+ height: ${_ref9 => {
11690
+ let {
11691
+ $size
11692
+ } = _ref9;
11693
+ return $size === PillSize.xlarge ? '17px' : $size === PillSize.large ? '14px' : '12px';
11694
+ }};
11428
11695
 
11429
11696
  > svg {
11430
11697
  width: 1em;
@@ -11433,14 +11700,110 @@ const StyledPill = styled.div`
11433
11700
  }
11434
11701
  `;
11435
11702
 
11703
+ /**
11704
+ * Component style.
11705
+ */
11706
+ const StyledNumber = styled(StyledText)``;
11707
+
11708
+ const _excluded$m = ["as", "className", "color", "compactDisplay", "currency", "currencyDisplay", "currencySign", "fontSize", "fontFamily", "fontWeight", "lineHeight", "localeMatcher", "maximumFractionDigits", "maximumSignificantDigits", "minimumFractionDigits", "minimumIntegerDigits", "minimumSignificantDigits", "notation", "noWrap", "numberingSystem", "roundingIncrement", "roundingMode", "roundingPriority", "signDisplay", "theme", "trailingZeroDisplay", "type", "unit", "unitDisplay", "useGrouping", "value", "variant"];
11709
+ const COMPONENT_NAME$l = 'Number';
11710
+ const CLASSNAME$l = 'redsift-number';
11711
+
11712
+ /**
11713
+ * The Number component.
11714
+ */
11715
+ const Number$1 = /*#__PURE__*/forwardRef((props, ref) => {
11716
+ const {
11717
+ as,
11718
+ className,
11719
+ color,
11720
+ compactDisplay = 'short',
11721
+ currency,
11722
+ currencyDisplay = 'symbol',
11723
+ currencySign = 'standard',
11724
+ fontSize,
11725
+ fontFamily,
11726
+ fontWeight,
11727
+ lineHeight,
11728
+ localeMatcher = 'best fit',
11729
+ maximumFractionDigits,
11730
+ maximumSignificantDigits,
11731
+ minimumFractionDigits,
11732
+ minimumIntegerDigits,
11733
+ minimumSignificantDigits,
11734
+ notation = 'standard',
11735
+ noWrap,
11736
+ numberingSystem,
11737
+ roundingIncrement,
11738
+ roundingMode = 'halfExpand',
11739
+ roundingPriority = 'auto',
11740
+ signDisplay = 'auto',
11741
+ theme: propsTheme,
11742
+ trailingZeroDisplay = 'auto',
11743
+ type = 'decimal',
11744
+ unit,
11745
+ unitDisplay = 'short',
11746
+ useGrouping,
11747
+ value,
11748
+ variant
11749
+ } = props,
11750
+ forwardedProps = _objectWithoutProperties(props, _excluded$m);
11751
+ const formatter = useNumberFormatter(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
11752
+ compactDisplay,
11753
+ currency,
11754
+ currencyDisplay,
11755
+ currencySign,
11756
+ localeMatcher
11757
+ }, maximumFractionDigits !== undefined && {
11758
+ maximumFractionDigits
11759
+ }), maximumSignificantDigits !== undefined && {
11760
+ maximumSignificantDigits
11761
+ }), minimumFractionDigits !== undefined && {
11762
+ minimumFractionDigits
11763
+ }), minimumIntegerDigits !== undefined && {
11764
+ minimumIntegerDigits
11765
+ }), minimumSignificantDigits !== undefined && {
11766
+ minimumSignificantDigits
11767
+ }), {}, {
11768
+ notation,
11769
+ numberingSystem,
11770
+ // @ts-ignore
11771
+ roundingIncrement,
11772
+ // @ts-ignore
11773
+ roundingMode,
11774
+ // @ts-ignore
11775
+ roundingPriority,
11776
+ signDisplay,
11777
+ style: type,
11778
+ // @ts-ignore
11779
+ trailingZeroDisplay,
11780
+ unit,
11781
+ unitDisplay,
11782
+ useGrouping
11783
+ }));
11784
+ const theme = useTheme(propsTheme);
11785
+ return /*#__PURE__*/React__default.createElement(StyledNumber, _extends$1({
11786
+ as: as
11787
+ }, forwardedProps, {
11788
+ $as: as,
11789
+ className: classNames(Number$1.className, className),
11790
+ ref: ref,
11791
+ $color: color,
11792
+ $lineHeight: lineHeight,
11793
+ $fontSize: fontSize,
11794
+ $fontFamily: fontFamily,
11795
+ $fontWeight: fontWeight,
11796
+ $noWrap: noWrap,
11797
+ $theme: theme,
11798
+ $variant: variant
11799
+ }), formatter.format(value));
11800
+ });
11801
+ Number$1.className = CLASSNAME$l;
11802
+ Number$1.displayName = COMPONENT_NAME$l;
11803
+
11436
11804
  const _excluded$l = ["autoBreak", "borderColor", "children", "className", "color", "disabledColor", "hoverColor", "isDisabled", "size", "theme"];
11437
11805
  const COMPONENT_NAME$k = 'Pill';
11438
11806
  const CLASSNAME$k = 'redsift-pill';
11439
- const DEFAULT_PROPS$k = {
11440
- color: PresentationColorPalette.blue,
11441
- height: 'fit-content',
11442
- size: PillSize.large
11443
- };
11444
11807
 
11445
11808
  /**
11446
11809
  * The Pill component.
@@ -11451,33 +11814,35 @@ const Pill = /*#__PURE__*/forwardRef((props, ref) => {
11451
11814
  borderColor,
11452
11815
  children,
11453
11816
  className,
11454
- color,
11817
+ color: propsColor,
11455
11818
  disabledColor,
11456
11819
  hoverColor,
11457
11820
  isDisabled,
11458
- size,
11821
+ size: propsSize,
11459
11822
  theme: propsTheme
11460
11823
  } = props,
11461
11824
  forwardedProps = _objectWithoutProperties(props, _excluded$l);
11462
11825
  const theme = useTheme(propsTheme);
11826
+ const color = propsColor || PresentationColorPalette.blue;
11827
+ const size = propsSize || PillSize.large;
11463
11828
  const childArray = [];
11464
11829
  React__default.Children.forEach(children, (child, index) => {
11465
11830
  const currentClassName = React__default.Children.count(children) === 1 ? 'first last' : index === 0 ? 'first' : index === React__default.Children.count(children) - 1 ? 'last' : 'middle';
11466
11831
  if (isComponent('MenuButton')(child) || isComponent('Select')(child) || isComponent('Dialog')(child) || isComponent('Popover')(child) || isComponent('Tooltip')(child)) {
11467
- var _child$key, _child$props$color;
11832
+ var _child$key;
11468
11833
  childArray.push( /*#__PURE__*/React__default.cloneElement(child, {
11469
11834
  key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : index,
11470
11835
  triggerClassName: currentClassName,
11471
11836
  variant: 'unstyled',
11472
- color: (_child$props$color = child.props.color) !== null && _child$props$color !== void 0 ? _child$props$color : 'black'
11837
+ color: child.props.color ? child.props.color : pickTextColorBasedOnBgColorAdvanced(color, 'white', 'black')
11473
11838
  }));
11474
11839
  } else if (isComponent('IconButton')(child) || isComponent('Button')(child) || isComponent('ButtonLink')(child)) {
11475
- var _key, _child$props$color2;
11840
+ var _key;
11476
11841
  childArray.push( /*#__PURE__*/React__default.cloneElement(child, {
11477
11842
  key: (_key = child.key) !== null && _key !== void 0 ? _key : index,
11478
11843
  className: currentClassName,
11479
11844
  variant: 'unstyled',
11480
- color: (_child$props$color2 = child.props.color) !== null && _child$props$color2 !== void 0 ? _child$props$color2 : 'black'
11845
+ color: child.props.color ? child.props.color : pickTextColorBasedOnBgColorAdvanced(color, 'white', 'black')
11481
11846
  }));
11482
11847
  } else if ( /*#__PURE__*/React__default.isValidElement(child)) {
11483
11848
  var _key2;
@@ -11490,6 +11855,12 @@ const Pill = /*#__PURE__*/forwardRef((props, ref) => {
11490
11855
  key: index,
11491
11856
  className: currentClassName
11492
11857
  }, child));
11858
+ } else if (typeof child === 'number') {
11859
+ childArray.push( /*#__PURE__*/React__default.createElement(Number$1, {
11860
+ key: index,
11861
+ className: currentClassName,
11862
+ value: child
11863
+ }));
11493
11864
  } else {
11494
11865
  childArray.push(child);
11495
11866
  }
@@ -11508,7 +11879,6 @@ const Pill = /*#__PURE__*/forwardRef((props, ref) => {
11508
11879
  }), childArray);
11509
11880
  });
11510
11881
  Pill.className = CLASSNAME$k;
11511
- Pill.defaultProps = DEFAULT_PROPS$k;
11512
11882
  Pill.displayName = COMPONENT_NAME$k;
11513
11883
 
11514
11884
  /**
@@ -11544,7 +11914,6 @@ const StyledDetailedCardSectionItem = styled.div`
11544
11914
  const _excluded$k = ["children", "className", "description", "descriptionProps", "icon", "iconProps", "isLoading", "pill", "pillProps", "shield"];
11545
11915
  const COMPONENT_NAME$j = 'DetailedCardSectionItem';
11546
11916
  const CLASSNAME$j = 'redsift-detailed-card-section-item';
11547
- const DEFAULT_PROPS$j = {};
11548
11917
 
11549
11918
  /**
11550
11919
  * The DetailedCardSectionItems component.
@@ -11591,7 +11960,6 @@ const DetailedCardSectionItem = /*#__PURE__*/forwardRef((props, ref) => {
11591
11960
  }, pillProps), pill), typeof description === 'string' ? /*#__PURE__*/React__default.createElement(Text, descriptionProps, description) : description)) : null), children);
11592
11961
  });
11593
11962
  DetailedCardSectionItem.className = CLASSNAME$j;
11594
- DetailedCardSectionItem.defaultProps = DEFAULT_PROPS$j;
11595
11963
  DetailedCardSectionItem.displayName = COMPONENT_NAME$j;
11596
11964
 
11597
11965
  /*!
@@ -15162,34 +15530,6 @@ const useInteractions = function (propsList) {
15162
15530
  }), [getReferenceProps, getFloatingProps, getItemProps]);
15163
15531
  };
15164
15532
 
15165
- const TooltipContext = /*#__PURE__*/React__default.createContext(null);
15166
-
15167
- /**
15168
- * Context props.
15169
- */
15170
-
15171
- /**
15172
- * Component variant.
15173
- */
15174
- const TooltipPlacement = {
15175
- top: 'top',
15176
- right: 'right',
15177
- bottom: 'bottom',
15178
- left: 'left',
15179
- 'top-start': 'top-start',
15180
- 'top-end': 'top-end',
15181
- 'right-start': 'right-start',
15182
- 'right-end': 'right-end',
15183
- 'bottom-start': 'bottom-start',
15184
- 'bottom-end': 'bottom-end',
15185
- 'left-start': 'left-start',
15186
- 'left-end': 'left-end'
15187
- };
15188
-
15189
- /**
15190
- * Component props.
15191
- */
15192
-
15193
15533
  /**
15194
15534
  * Component style.
15195
15535
  */
@@ -15313,7 +15653,6 @@ const StyledTooltipContent = styled.div`
15313
15653
 
15314
15654
  const COMPONENT_NAME$i = 'TooltipContent';
15315
15655
  const CLASSNAME$i = 'redsift-tooltip-content';
15316
- const DEFAULT_PROPS$i = {};
15317
15656
 
15318
15657
  /**
15319
15658
  * The TooltipContent component.
@@ -15357,14 +15696,14 @@ const TooltipContent = /*#__PURE__*/forwardRef((props, ref) => {
15357
15696
  }, isOpen && /*#__PURE__*/React__default.createElement(StyledTooltipContent, _extends$1({
15358
15697
  className: classNames(TooltipContent.className, className),
15359
15698
  ref: popoverRef,
15360
- $theme: theme,
15699
+ $theme: theme
15700
+ }, getFloatingProps(props), {
15361
15701
  style: _objectSpread2({
15362
15702
  position: strategy,
15363
15703
  top: y !== null && y !== void 0 ? y : 0,
15364
15704
  left: x !== null && x !== void 0 ? x : 0,
15365
15705
  visibility: x == null ? 'hidden' : 'visible'
15366
- }, style)
15367
- }, getFloatingProps(props), {
15706
+ }, style),
15368
15707
  $placement: placement
15369
15708
  }), /*#__PURE__*/React__default.createElement("div", {
15370
15709
  ref: arrowRef,
@@ -15379,12 +15718,10 @@ const TooltipContent = /*#__PURE__*/forwardRef((props, ref) => {
15379
15718
  }, children)));
15380
15719
  });
15381
15720
  TooltipContent.className = CLASSNAME$i;
15382
- TooltipContent.defaultProps = DEFAULT_PROPS$i;
15383
15721
  TooltipContent.displayName = COMPONENT_NAME$i;
15384
15722
 
15385
15723
  const COMPONENT_NAME$h = 'TooltipTrigger';
15386
15724
  const CLASSNAME$h = 'redsift-tooltip-trigger';
15387
- const DEFAULT_PROPS$h = {};
15388
15725
 
15389
15726
  /**
15390
15727
  * The TooltipTrigger component.
@@ -15397,31 +15734,62 @@ const TooltipTrigger = /*#__PURE__*/forwardRef((props, ref) => {
15397
15734
  getReferenceProps,
15398
15735
  refs,
15399
15736
  tooltipId,
15400
- triggerClassName
15737
+ triggerClassName,
15738
+ color
15401
15739
  } = useTooltipContext();
15402
15740
  const childrenRef = children.ref;
15403
15741
  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);
15404
15742
  if ( /*#__PURE__*/React__default.isValidElement(children)) {
15405
15743
  var _children$props$child;
15406
- return /*#__PURE__*/React__default.cloneElement(children, _objectSpread2({}, getReferenceProps(_objectSpread2(_objectSpread2(_objectSpread2({
15744
+ return /*#__PURE__*/React__default.cloneElement(children, _objectSpread2(_objectSpread2({}, getReferenceProps(_objectSpread2(_objectSpread2(_objectSpread2({
15407
15745
  ref: triggerRef
15408
15746
  }, props), {}, {
15409
15747
  'aria-describedby': tooltipId
15410
15748
  }, children.props), {}, {
15411
- children: (_children$props$child = children.props.children) !== null && _children$props$child !== void 0 ? _children$props$child : '',
15412
- className: classNames(children.props.className, triggerClassName)
15413
- }))));
15749
+ children: (_children$props$child = children.props.children) !== null && _children$props$child !== void 0 ? _children$props$child : ''
15750
+ }))), {}, {
15751
+ className: classNames(children.props.className, triggerClassName),
15752
+ color: color !== null && color !== void 0 ? color : children.props.color
15753
+ }));
15414
15754
  }
15415
15755
  return /*#__PURE__*/React__default.createElement("span", _extends$1({
15416
15756
  ref: triggerRef
15417
15757
  }, getReferenceProps(props)), children);
15418
15758
  });
15419
15759
  TooltipTrigger.className = CLASSNAME$h;
15420
- TooltipTrigger.defaultProps = DEFAULT_PROPS$h;
15421
15760
  TooltipTrigger.displayName = COMPONENT_NAME$h;
15422
15761
 
15762
+ const TooltipContext = /*#__PURE__*/React__default.createContext(null);
15763
+
15764
+ /**
15765
+ * Context props.
15766
+ */
15767
+
15768
+ /**
15769
+ * Component variant.
15770
+ */
15771
+ const TooltipPlacement = {
15772
+ top: 'top',
15773
+ right: 'right',
15774
+ bottom: 'bottom',
15775
+ left: 'left',
15776
+ 'top-start': 'top-start',
15777
+ 'top-end': 'top-end',
15778
+ 'right-start': 'right-start',
15779
+ 'right-end': 'right-end',
15780
+ 'bottom-start': 'bottom-start',
15781
+ 'bottom-end': 'bottom-end',
15782
+ 'left-start': 'left-start',
15783
+ 'left-end': 'left-end'
15784
+ };
15785
+
15786
+ /**
15787
+ * Component props.
15788
+ */
15789
+
15423
15790
  function useTooltip(_ref) {
15424
15791
  let {
15792
+ color,
15425
15793
  defaultOpen,
15426
15794
  delay,
15427
15795
  placement,
@@ -15474,21 +15842,18 @@ function useTooltip(_ref) {
15474
15842
  });
15475
15843
  const interactions = useInteractions([hover, focus, dismiss, role]);
15476
15844
  return React__default.useMemo(() => _objectSpread2(_objectSpread2(_objectSpread2({
15845
+ color,
15477
15846
  isOpen,
15478
15847
  handleOpen
15479
15848
  }, interactions), data), {}, {
15480
15849
  arrowRef,
15481
15850
  tooltipId,
15482
15851
  triggerClassName
15483
- }), [isOpen, handleOpen, interactions, data, arrowRef, tooltipId, triggerClassName]);
15852
+ }), [color, isOpen, handleOpen, interactions, data, arrowRef, tooltipId, triggerClassName]);
15484
15853
  }
15485
15854
 
15486
15855
  const COMPONENT_NAME$g = 'Tooltip';
15487
15856
  const CLASSNAME$g = 'redsift-tooltip';
15488
- const DEFAULT_PROPS$g = {
15489
- delay: 500,
15490
- placement: TooltipPlacement.top
15491
- };
15492
15857
 
15493
15858
  /**
15494
15859
  * The Tooltip component.
@@ -15496,17 +15861,19 @@ const DEFAULT_PROPS$g = {
15496
15861
  const BaseTooltip = props => {
15497
15862
  const {
15498
15863
  children,
15864
+ color,
15499
15865
  defaultOpen,
15500
- delay,
15866
+ delay = 500,
15501
15867
  isOpen,
15502
15868
  onOpen,
15503
- placement,
15504
- tooltipId,
15869
+ placement = TooltipPlacement.top,
15505
15870
  theme: propsTheme,
15871
+ tooltipId,
15506
15872
  triggerClassName
15507
15873
  } = props;
15508
15874
  const theme = useTheme ? useTheme(propsTheme) : undefined;
15509
15875
  const tooltip = useTooltip({
15876
+ color,
15510
15877
  defaultOpen,
15511
15878
  delay,
15512
15879
  placement,
@@ -15526,7 +15893,6 @@ const BaseTooltip = props => {
15526
15893
  }, trigger && isComponent('TooltipTrigger')(trigger) ? trigger : null, content && isComponent('TooltipContent')(content) ? content : null));
15527
15894
  };
15528
15895
  BaseTooltip.className = CLASSNAME$g;
15529
- BaseTooltip.defaultProps = DEFAULT_PROPS$g;
15530
15896
  BaseTooltip.displayName = COMPONENT_NAME$g;
15531
15897
  const Tooltip = Object.assign(BaseTooltip, {
15532
15898
  Trigger: TooltipTrigger,
@@ -15541,13 +15907,9 @@ const useTooltipContext = () => {
15541
15907
  return context;
15542
15908
  };
15543
15909
 
15544
- const _excluded$j = ["areAllCollapsed", "bannerVariant", "children", "className", "color", "defaultAllCollapsed", "icon", "isCollapsible", "isLoading", "onCollapseAll", "shield", "theme"];
15910
+ const _excluded$j = ["areAllCollapsed", "bannerVariant", "children", "className", "color", "defaultAllCollapsed", "icon", "isCollapsible", "isLoading", "onCollapseAll", "shield", "theme", "width"];
15545
15911
  const COMPONENT_NAME$f = 'DetailedCard';
15546
15912
  const CLASSNAME$f = 'redsift-detailed-card';
15547
- const DEFAULT_PROPS$f = {
15548
- isCollapsible: true,
15549
- width: '400px'
15550
- };
15551
15913
  const hasMultipleCollapsibleChildren = children => {
15552
15914
  const collapsibleChildren = [];
15553
15915
  const childrenArray = React__default.Children.toArray(children);
@@ -15579,11 +15941,12 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
15579
15941
  color,
15580
15942
  defaultAllCollapsed,
15581
15943
  icon,
15582
- isCollapsible: propsIsCollapsible,
15944
+ isCollapsible: propsIsCollapsible = true,
15583
15945
  isLoading,
15584
15946
  onCollapseAll,
15585
15947
  shield,
15586
- theme: propsTheme
15948
+ theme: propsTheme,
15949
+ width = '400px'
15587
15950
  } = props,
15588
15951
  forwardedProps = _objectWithoutProperties(props, _excluded$j);
15589
15952
  const theme = useTheme(propsTheme);
@@ -15612,7 +15975,9 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
15612
15975
  value: {
15613
15976
  theme
15614
15977
  }
15615
- }, /*#__PURE__*/React__default.createElement(StyledDetailedCard, _extends$1({}, forwardedProps, {
15978
+ }, /*#__PURE__*/React__default.createElement(StyledDetailedCard, _extends$1({
15979
+ width: width
15980
+ }, forwardedProps, {
15616
15981
  className: classNames(BaseDetailedCard.className, className),
15617
15982
  ref: ref,
15618
15983
  $color: color,
@@ -15680,7 +16045,6 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
15680
16045
  })));
15681
16046
  });
15682
16047
  BaseDetailedCard.className = CLASSNAME$f;
15683
- BaseDetailedCard.defaultProps = DEFAULT_PROPS$f;
15684
16048
  BaseDetailedCard.displayName = COMPONENT_NAME$f;
15685
16049
  const DetailedCard = Object.assign(BaseDetailedCard, {
15686
16050
  Header: DetailedCardHeader,
@@ -16438,6 +16802,7 @@ const StyledGrid = styled.div`
16438
16802
  ${baseStyling}
16439
16803
  ${baseInternalSpacing}
16440
16804
  ${baseGrid}
16805
+ ${baseBorder}
16441
16806
 
16442
16807
  ${_ref2 => {
16443
16808
  let {
@@ -16480,12 +16845,12 @@ const StyledGridItem = styled.div`
16480
16845
 
16481
16846
  ${baseStyling}
16482
16847
  ${baseInternalSpacing}
16848
+ ${baseBorder}
16483
16849
  `;
16484
16850
 
16485
16851
  const _excluded$i = ["children", "className"];
16486
16852
  const COMPONENT_NAME$e = 'GridItem';
16487
16853
  const CLASSNAME$e = 'redsift-grid-item';
16488
- const DEFAULT_PROPS$e = {};
16489
16854
 
16490
16855
  /**
16491
16856
  * The GridItem component.
@@ -16502,13 +16867,11 @@ const GridItem = /*#__PURE__*/forwardRef((props, ref) => {
16502
16867
  }), children);
16503
16868
  });
16504
16869
  GridItem.className = CLASSNAME$e;
16505
- GridItem.defaultProps = DEFAULT_PROPS$e;
16506
16870
  GridItem.displayName = COMPONENT_NAME$e;
16507
16871
 
16508
16872
  const _excluded$h = ["children", "className", "divider", "gap", "theme"];
16509
16873
  const COMPONENT_NAME$d = 'Grid';
16510
16874
  const CLASSNAME$d = 'redsift-grid';
16511
- const DEFAULT_PROPS$d = {};
16512
16875
 
16513
16876
  /**
16514
16877
  * The Grid component.
@@ -16536,30 +16899,79 @@ const BaseGrid = /*#__PURE__*/forwardRef((props, ref) => {
16536
16899
  }), children));
16537
16900
  });
16538
16901
  BaseGrid.className = CLASSNAME$d;
16539
- BaseGrid.defaultProps = DEFAULT_PROPS$d;
16540
16902
  BaseGrid.displayName = COMPONENT_NAME$d;
16541
16903
  const Grid = Object.assign(BaseGrid, {
16542
16904
  Item: GridItem
16543
16905
  });
16544
16906
 
16545
- const addTransparencyToColor = (color, opacity) => {
16546
- var _color = color.charAt(0) === '#' ? color.substring(1, 7) : color;
16547
- var r = parseInt(_color.substring(0, 2), 16); // hexToR
16548
- var g = parseInt(_color.substring(2, 4), 16); // hexToG
16549
- var b = parseInt(_color.substring(4, 6), 16); // hexToB
16907
+ const _excluded$g = ["as", "className", "color", "href", "icon", "iconProps", "isActive", "isDisabled", "isHovered", "target", "theme", "variant"];
16908
+ const COMPONENT_NAME$c = 'IconButtonLink';
16909
+ const CLASSNAME$c = 'redsift-icon-button-link';
16550
16910
 
16551
- return `rgba(${r}, ${g}, ${b}, ${opacity})`;
16552
- };
16553
- const hoverColor = ($theme, $isDisabled) => addTransparencyToColor($theme === Theme.light ? RedsiftColorPrimaryL2 : RedsiftColorPrimaryD2, $isDisabled ? 0.2 : 0.6);
16554
- const activeColor = ($theme, $isDisabled) => addTransparencyToColor($theme === Theme.light ? RedsiftColorPrimaryL1 : RedsiftColorPrimaryD1, $isDisabled ? 0.2 : 0.6);
16555
- const selectedColor = ($theme, $isDisabled, $hasCheckbox) => $hasCheckbox ? 'none' : addTransparencyToColor($theme === Theme.light ? RedsiftColorPrimaryN : RedsiftColorPrimaryN, $isDisabled ? 0.2 : 0.6);
16556
- const selectedHoveredColor = ($theme, $isDisabled, $hasCheckbox) => $hasCheckbox ? hoverColor($theme, $isDisabled) : addTransparencyToColor($theme === Theme.light ? RedsiftColorPrimaryD1 : RedsiftColorPrimaryL1, $isDisabled ? 0.2 : 0.6);
16911
+ /**
16912
+ * The IconButtonLink is a semantic link that looks like an icon button.
16913
+ *
16914
+ * For a semantic button that looks like an icon button, please use the IconButton component.
16915
+ * For a semantic link that looks like a link, please use the Link component.
16916
+ * For a semantic button that looks like a link, please use the LinkButton component.
16917
+ */
16918
+ const IconButtonLink = /*#__PURE__*/forwardRef((props, ref) => {
16919
+ const {
16920
+ as,
16921
+ className,
16922
+ color: propsColor,
16923
+ href,
16924
+ icon,
16925
+ iconProps,
16926
+ isActive,
16927
+ isDisabled,
16928
+ isHovered,
16929
+ target,
16930
+ theme: propsTheme,
16931
+ variant: propsVariant
16932
+ } = props,
16933
+ forwardedProps = _objectWithoutProperties(props, _excluded$g);
16934
+ const theme = useTheme(propsTheme);
16935
+ const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
16936
+ const variant = Object.values(IconButtonVariant).includes(propsVariant) ? propsVariant : 'unstyled';
16937
+ const isGradient = color === ButtonsColorPalette.radar;
16938
+ return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
16939
+ condition: isGradient && variant === IconButtonVariant.secondary,
16940
+ wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
16941
+ $color: color,
16942
+ $isActive: isActive,
16943
+ $isDisabled: isDisabled,
16944
+ $isHovered: isHovered,
16945
+ $theme: theme
16946
+ }, children)
16947
+ }, /*#__PURE__*/React__default.createElement(StyledIconButton, _extends$1({
16948
+ as: as || 'a',
16949
+ role: "link",
16950
+ tabIndex: !isDisabled ? 0 : undefined
16951
+ }, forwardedProps, {
16952
+ $color: color,
16953
+ $isActive: isActive,
16954
+ $isDisabled: isDisabled,
16955
+ $isGradient: isGradient,
16956
+ $isHovered: isHovered,
16957
+ $theme: theme,
16958
+ $variant: variant,
16959
+ className: classNames(IconButtonLink.className, className),
16960
+ href: !isDisabled ? href : undefined,
16961
+ ref: ref,
16962
+ target: target
16963
+ }), /*#__PURE__*/React__default.createElement(Icon, _extends$1({}, iconProps, {
16964
+ icon: icon
16965
+ }))));
16966
+ });
16967
+ IconButtonLink.className = CLASSNAME$c;
16968
+ IconButtonLink.displayName = COMPONENT_NAME$c;
16557
16969
 
16558
16970
  /**
16559
16971
  * Component style.
16560
16972
  */
16561
16973
  const StyledItem = styled.div`
16562
- height: 36px;
16974
+ min-height: 36px;
16563
16975
  position: relative;
16564
16976
  width: 100%;
16565
16977
  padding: 8px 16px;
@@ -16572,37 +16984,74 @@ const StyledItem = styled.div`
16572
16984
  box-sizing: border-box;
16573
16985
  display: inline-flex;
16574
16986
 
16987
+ > a {
16988
+ display: inline-flex;
16989
+ align-items: center;
16990
+ text-decoration: none;
16991
+ color: inherit;
16992
+ }
16993
+
16575
16994
  ${_ref => {
16576
16995
  let {
16996
+ $color,
16577
16997
  $isActive,
16578
- $isSelected,
16579
16998
  $isDisabled,
16999
+ $isGradient,
16580
17000
  $isHovered,
16581
- $isFocused,
16582
- $hasCheckbox,
17001
+ $hasBorder,
16583
17002
  $theme
16584
17003
  } = _ref;
16585
17004
  return css`
16586
- background-color: ${($isActive || $isSelected) && ($isHovered || $isFocused) ? selectedHoveredColor($theme, $isDisabled, $hasCheckbox) : $isActive ? activeColor($theme, $isDisabled) : $isHovered ? hoverColor($theme, $isDisabled) : $isFocused ? hoverColor($theme, $isDisabled) : $isSelected ? selectedColor($theme, $isDisabled, $hasCheckbox) : 'none'};
17005
+ ${!$isGradient ? css`
17006
+ background-color: var(
17007
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}
17008
+ );
17009
+ ` : css`
17010
+ background: var(
17011
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}
17012
+ );
17013
+ `}
17014
+
17015
+ ${$hasBorder ? css`
17016
+ border: 1px solid
17017
+ var(
17018
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-text-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}
17019
+ );
17020
+ ` : ''}
16587
17021
  `;
16588
17022
  }}
16589
17023
 
16590
- &:hover,
16591
- &:focus-visible {
17024
+ &:hover {
16592
17025
  outline: none;
16593
17026
 
16594
17027
  ${_ref2 => {
16595
17028
  let {
16596
- $isActive,
16597
- $isSelected,
17029
+ $color,
16598
17030
  $isDisabled,
16599
- $hasCheckbox,
17031
+ $isGradient,
17032
+ $hasBorder,
16600
17033
  $theme
16601
17034
  } = _ref2;
16602
17035
  return css`
16603
17036
  cursor: ${$isDisabled ? 'default' : 'pointer'};
16604
- background-color: ${$isActive ? activeColor($theme, $isDisabled) : $isSelected ? selectedHoveredColor($theme, $isDisabled, $hasCheckbox) : hoverColor($theme, $isDisabled)};
16605
- `;
17037
+
17038
+ ${!$isDisabled ? css`
17039
+ ${!$isGradient ? css`
17040
+ background-color: var(
17041
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-hover
17042
+ );
17043
+
17044
+ ${$hasBorder ? css`
17045
+ border: 1px solid
17046
+ var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-hover);
17047
+ ` : ''}
17048
+ ` : css`
17049
+ background: var(
17050
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-hover
17051
+ );
17052
+ `}
17053
+ ` : ''}
17054
+ `;
16606
17055
  }};
16607
17056
  }
16608
17057
 
@@ -16611,12 +17060,32 @@ const StyledItem = styled.div`
16611
17060
 
16612
17061
  ${_ref3 => {
16613
17062
  let {
17063
+ $color,
17064
+ $hasBorder,
16614
17065
  $isHovered,
16615
17066
  $isDisabled,
17067
+ $isGradient,
16616
17068
  $theme
16617
17069
  } = _ref3;
16618
17070
  return css`
16619
- background-color: ${$isHovered ? hoverColor($theme, $isDisabled) : activeColor($theme, $isDisabled)};
17071
+ ${!$isDisabled ? css`
17072
+ ${!$isGradient ? css`
17073
+ background-color: var(
17074
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isHovered ? 'hover' : 'active'}
17075
+ );
17076
+
17077
+ ${$hasBorder ? css`
17078
+ border: 1px solid
17079
+ var(
17080
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-text-${$isHovered ? 'hover' : 'active'}
17081
+ );
17082
+ ` : ''}
17083
+ ` : css`
17084
+ background: var(
17085
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isHovered ? 'hover' : 'active'}
17086
+ );
17087
+ `}
17088
+ ` : ''}
16620
17089
  `;
16621
17090
  }};
16622
17091
  }
@@ -16750,7 +17219,9 @@ function useMenuItem(props) {
16750
17219
  domElementRef,
16751
17220
  id,
16752
17221
  isDisabled,
16753
- onClick
17222
+ onClick,
17223
+ isLinkMenuItem,
17224
+ linkRef
16754
17225
  } = props;
16755
17226
  const {
16756
17227
  tabIndex,
@@ -16765,7 +17236,12 @@ function useMenuItem(props) {
16765
17236
  const handleKeyDown = useCallback(event => {
16766
17237
  const code = event.code;
16767
17238
  if (code === 'Enter' || code === 'Space') {
16768
- onClick === null || onClick === void 0 ? void 0 : onClick();
17239
+ if (isLinkMenuItem) {
17240
+ var _linkRef$current;
17241
+ linkRef === null || linkRef === void 0 ? void 0 : (_linkRef$current = linkRef.current) === null || _linkRef$current === void 0 ? void 0 : _linkRef$current.click();
17242
+ } else {
17243
+ onClick === null || onClick === void 0 ? void 0 : onClick();
17244
+ }
16769
17245
  }
16770
17246
  handleFocusKeyDown(event);
16771
17247
  }, []);
@@ -16788,26 +17264,28 @@ function useMenuItem(props) {
16788
17264
  };
16789
17265
  }
16790
17266
 
16791
- const _excluded$g = ["children", "className", "defaultSelected", "id", "isActive", "isDisabled", "isHovered", "isSelected", "hasCheckbox", "theme", "value"],
16792
- _excluded2 = ["children", "className", "id", "isActive", "isDisabled", "isHovered", "theme", "onClick"];
16793
- const COMPONENT_NAME$c = 'Item';
16794
- const CLASSNAME$c = 'redsift-item';
16795
- const DEFAULT_PROPS$c = {};
17267
+ const _excluded$f = ["borderRadius", "children", "className", "color", "defaultSelected", "id", "isActive", "isDisabled", "isHovered", "isSelected", "hasBorder", "hasCheckbox", "theme", "value"],
17268
+ _excluded2 = ["borderRadius", "children", "className", "color", "hasBorder", "id", "isActive", "isDisabled", "isHovered", "theme", "onClick"];
17269
+ const COMPONENT_NAME$b = 'Item';
17270
+ const CLASSNAME$b = 'redsift-item';
16796
17271
  const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
16797
17272
  const {
17273
+ borderRadius = '0',
16798
17274
  children,
16799
17275
  className,
17276
+ color: propsColor,
16800
17277
  defaultSelected,
16801
17278
  id: propsId,
16802
17279
  isActive,
16803
17280
  isDisabled: propsIsDisabled,
16804
17281
  isHovered,
16805
17282
  isSelected: propsIsSelected,
17283
+ hasBorder,
16806
17284
  hasCheckbox,
16807
17285
  theme: propsTheme,
16808
17286
  value
16809
17287
  } = props,
16810
- forwardedProps = _objectWithoutProperties(props, _excluded$g);
17288
+ forwardedProps = _objectWithoutProperties(props, _excluded$f);
16811
17289
  const id = propsId !== null && propsId !== void 0 ? propsId : value;
16812
17290
  const _ref = useRef();
16813
17291
  const divRef = ref !== null && ref !== void 0 ? ref : _ref;
@@ -16826,35 +17304,54 @@ const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
16826
17304
  propsIsSelected: propsIsSelected !== null && propsIsSelected !== void 0 ? propsIsSelected : defaultSelected
16827
17305
  });
16828
17306
  const theme = useTheme(propsTheme);
16829
- return /*#__PURE__*/React__default.createElement(StyledItem, _extends$1({
17307
+ const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
17308
+ const isGradient = color === ButtonsColorPalette.radar;
17309
+ return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
17310
+ condition: isGradient,
17311
+ wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
17312
+ $borderRadius: borderRadius,
17313
+ $color: color,
17314
+ $isActive: isActive,
17315
+ $isDisabled: isDisabled,
17316
+ $isHovered: isHovered,
17317
+ $theme: theme,
17318
+ width: "auto"
17319
+ }, children)
17320
+ }, /*#__PURE__*/React__default.createElement(StyledItem, _extends$1({
16830
17321
  role: "option"
16831
17322
  }, forwardedProps, {
16832
17323
  id: id,
16833
- $isActive: isActive,
16834
- $isDisabled: isDisabled,
16835
- $isFocused: isFocused,
16836
- $isHovered: isHovered,
16837
- $isSelected: isSelected,
17324
+ $borderRadius: borderRadius,
17325
+ $color: color,
17326
+ $hasBorder: hasBorder,
16838
17327
  $hasCheckbox: hasCheckbox,
17328
+ $isActive: isActive || isSelected,
17329
+ $isDisabled: isDisabled,
17330
+ $isGradient: isGradient,
17331
+ $isHovered: isHovered || isFocused,
16839
17332
  $theme: theme,
16840
17333
  "aria-selected": isSelected,
17334
+ "aria-disabled": isDisabled,
16841
17335
  className: classNames(Item.className, className),
16842
- onClick: handleClick,
17336
+ onClick: isDisabled ? undefined : handleClick,
16843
17337
  ref: divRef,
16844
17338
  onKeyDown: handleKeyDown,
16845
17339
  tabIndex: tabIndex
16846
17340
  }), hasCheckbox ? /*#__PURE__*/React__default.createElement(Flexbox, null, isSelected ? /*#__PURE__*/React__default.createElement(Icon, {
16847
- color: "primary",
17341
+ color: isDisabled ? 'grey' : color,
16848
17342
  icon: mdiCheckboxMarked
16849
17343
  }) : /*#__PURE__*/React__default.createElement(Icon, {
16850
17344
  color: "question",
16851
17345
  icon: mdiCheckboxBlankOutline
16852
- }), children ? children : /*#__PURE__*/React__default.createElement(Text, null, value)) : children !== null && children !== void 0 ? children : value);
17346
+ }), children ? children : /*#__PURE__*/React__default.createElement(Text, null, value)) : children !== null && children !== void 0 ? children : value));
16853
17347
  });
16854
17348
  const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
16855
17349
  const {
17350
+ borderRadius = '0',
16856
17351
  children,
16857
17352
  className,
17353
+ color: propsColor,
17354
+ hasBorder,
16858
17355
  id: propsId,
16859
17356
  isActive,
16860
17357
  isDisabled: propsIsDisabled,
@@ -16867,6 +17364,8 @@ const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
16867
17364
  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
16868
17365
  const _ref = useRef();
16869
17366
  const divRef = ref !== null && ref !== void 0 ? ref : _ref;
17367
+ const linkRef = useRef(null);
17368
+ const isLinkMenuItem = isComponent('Link')(children);
16870
17369
  const {
16871
17370
  tabIndex,
16872
17371
  isFocused,
@@ -16877,26 +17376,48 @@ const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
16877
17376
  domElementRef: divRef,
16878
17377
  id,
16879
17378
  isDisabled: propsIsDisabled,
16880
- onClick: onClick
17379
+ onClick: onClick,
17380
+ isLinkMenuItem,
17381
+ linkRef
16881
17382
  });
16882
17383
  const theme = useTheme(propsTheme);
16883
- return /*#__PURE__*/React__default.createElement(StyledItem, _extends$1({
16884
- role: "option"
17384
+ const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
17385
+ const isGradient = color === ButtonsColorPalette.radar;
17386
+ return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
17387
+ condition: isGradient,
17388
+ wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
17389
+ $borderRadius: borderRadius,
17390
+ $color: color,
17391
+ $isActive: isActive,
17392
+ $isDisabled: isDisabled,
17393
+ $isHovered: isHovered,
17394
+ $theme: theme,
17395
+ width: "auto"
17396
+ }, children)
17397
+ }, /*#__PURE__*/React__default.createElement(StyledItem, _extends$1({
17398
+ as: "li",
17399
+ role: isLinkMenuItem ? 'none' : 'menuitem'
16885
17400
  }, forwardedProps, {
16886
17401
  id: id,
17402
+ $borderRadius: borderRadius,
17403
+ $color: color,
17404
+ $hasBorder: hasBorder,
17405
+ $hasCheckbox: false,
16887
17406
  $isActive: isActive,
16888
17407
  $isDisabled: isDisabled,
16889
- $isFocused: isFocused,
16890
- $isHovered: isHovered,
16891
- $isSelected: false,
16892
- $hasCheckbox: false,
17408
+ $isGradient: isGradient,
17409
+ $isHovered: isHovered || isFocused,
16893
17410
  $theme: theme,
17411
+ "aria-disabled": isDisabled,
16894
17412
  className: classNames(Item.className, className),
16895
- onClick: handleClick,
17413
+ onClick: isDisabled ? undefined : handleClick,
16896
17414
  ref: divRef,
16897
17415
  onKeyDown: handleKeyDown,
16898
17416
  tabIndex: tabIndex
16899
- }), children);
17417
+ }), isLinkMenuItem ? /*#__PURE__*/React__default.cloneElement(children, {
17418
+ role: 'menuitem',
17419
+ ref: linkRef
17420
+ }) : children));
16900
17421
  });
16901
17422
 
16902
17423
  /**
@@ -16945,9 +17466,8 @@ const Item = /*#__PURE__*/forwardRef((props, ref) => {
16945
17466
  }
16946
17467
  return null;
16947
17468
  });
16948
- Item.className = CLASSNAME$c;
16949
- Item.defaultProps = DEFAULT_PROPS$c;
16950
- Item.displayName = COMPONENT_NAME$c;
17469
+ Item.className = CLASSNAME$b;
17470
+ Item.displayName = COMPONENT_NAME$b;
16951
17471
 
16952
17472
  /**
16953
17473
  * Component style.
@@ -16989,10 +17509,9 @@ const StyledLink = styled.a`
16989
17509
  }
16990
17510
  `;
16991
17511
 
16992
- const _excluded$f = ["as", "children", "className", "href", "isDisabled", "theme"];
16993
- const COMPONENT_NAME$b = 'Link';
16994
- const CLASSNAME$b = 'redsift-link';
16995
- const DEFAULT_PROPS$b = {};
17512
+ const _excluded$e = ["as", "children", "className", "href", "isDisabled", "theme"];
17513
+ const COMPONENT_NAME$a = 'Link';
17514
+ const CLASSNAME$a = 'redsift-link';
16996
17515
 
16997
17516
  /**
16998
17517
  * The Link is a semantic link that looks like a link.
@@ -17011,7 +17530,7 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
17011
17530
  isDisabled,
17012
17531
  theme: propsTheme
17013
17532
  } = props,
17014
- forwardedProps = _objectWithoutProperties(props, _excluded$f);
17533
+ forwardedProps = _objectWithoutProperties(props, _excluded$e);
17015
17534
  const theme = useTheme(propsTheme);
17016
17535
  return /*#__PURE__*/React__default.createElement(StyledLink, _extends$1({
17017
17536
  as: as,
@@ -17026,14 +17545,12 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
17026
17545
  ref: ref
17027
17546
  }), children);
17028
17547
  });
17029
- Link.className = CLASSNAME$b;
17030
- Link.defaultProps = DEFAULT_PROPS$b;
17031
- Link.displayName = COMPONENT_NAME$b;
17548
+ Link.className = CLASSNAME$a;
17549
+ Link.displayName = COMPONENT_NAME$a;
17032
17550
 
17033
- const _excluded$e = ["children", "className", "disabled", "isDisabled", "theme"];
17034
- const COMPONENT_NAME$a = 'LinkButton';
17035
- const CLASSNAME$a = 'redsift-link-button';
17036
- const DEFAULT_PROPS$a = {};
17551
+ const _excluded$d = ["children", "className", "disabled", "isDisabled", "theme"];
17552
+ const COMPONENT_NAME$9 = 'LinkButton';
17553
+ const CLASSNAME$9 = 'redsift-link-button';
17037
17554
 
17038
17555
  /**
17039
17556
  * The LinkButton is a semantic button that looks like a link.
@@ -17051,7 +17568,7 @@ const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
17051
17568
  isDisabled: propsIsDisabled,
17052
17569
  theme: propsTheme
17053
17570
  } = props,
17054
- forwardedProps = _objectWithoutProperties(props, _excluded$e);
17571
+ forwardedProps = _objectWithoutProperties(props, _excluded$d);
17055
17572
  const isDisabled = propsIsDisabled || disabled;
17056
17573
  const theme = useTheme(propsTheme);
17057
17574
  return /*#__PURE__*/React__default.createElement(StyledLink, _extends$1({
@@ -17067,11 +17584,10 @@ const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
17067
17584
  ref: buttonRef
17068
17585
  }), children);
17069
17586
  });
17070
- LinkButton.className = CLASSNAME$a;
17071
- LinkButton.defaultProps = DEFAULT_PROPS$a;
17072
- LinkButton.displayName = COMPONENT_NAME$a;
17587
+ LinkButton.className = CLASSNAME$9;
17588
+ LinkButton.displayName = COMPONENT_NAME$9;
17073
17589
 
17074
- const _excluded$d = ["children", "id", "isDisabled", "context"];
17590
+ const _excluded$c = ["children", "id", "isDisabled", "context"];
17075
17591
  const ActiveDescendantListbox = /*#__PURE__*/forwardRef((props, ref) => {
17076
17592
  var _context$state$active;
17077
17593
  const {
@@ -17080,7 +17596,7 @@ const ActiveDescendantListbox = /*#__PURE__*/forwardRef((props, ref) => {
17080
17596
  isDisabled,
17081
17597
  context
17082
17598
  } = props,
17083
- forwardedProps = _objectWithoutProperties(props, _excluded$d);
17599
+ forwardedProps = _objectWithoutProperties(props, _excluded$c);
17084
17600
  const {
17085
17601
  activedescendant,
17086
17602
  handleKeyDown: handleFocusKeyDown,
@@ -17136,7 +17652,7 @@ const ActiveDescendantListbox = /*#__PURE__*/forwardRef((props, ref) => {
17136
17652
  }, children));
17137
17653
  });
17138
17654
 
17139
- const _excluded$c = ["children", "id", "isDisabled", "context"];
17655
+ const _excluded$b = ["children", "id", "isDisabled", "context"];
17140
17656
  const RovingTabindexListbox = /*#__PURE__*/forwardRef((props, ref) => {
17141
17657
  const {
17142
17658
  children,
@@ -17144,7 +17660,7 @@ const RovingTabindexListbox = /*#__PURE__*/forwardRef((props, ref) => {
17144
17660
  isDisabled,
17145
17661
  context
17146
17662
  } = props,
17147
- forwardedProps = _objectWithoutProperties(props, _excluded$c);
17663
+ forwardedProps = _objectWithoutProperties(props, _excluded$b);
17148
17664
  return /*#__PURE__*/React__default.createElement(Flexbox, _extends$1({
17149
17665
  flexDirection: "column",
17150
17666
  gap: "8px"
@@ -17237,15 +17753,9 @@ const ListboxReducer = (state, action) => {
17237
17753
  }
17238
17754
  };
17239
17755
 
17240
- const _excluded$b = ["children", "className", "defaultValues", "direction", "focusOnClick", "focusType", "id", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "loopAround", "onChange", "selectionMode", "values", "variant"];
17241
- const COMPONENT_NAME$9 = 'Listbox';
17242
- const CLASSNAME$9 = 'redsift-listbox';
17243
- const DEFAULT_PROPS$9 = {
17244
- focusOnClick: false,
17245
- focusType: 'roving-tabindex',
17246
- selectionMode: 'single',
17247
- variant: ListboxVariant.standalone
17248
- };
17756
+ const _excluded$a = ["children", "className", "defaultValues", "direction", "focusOnClick", "focusType", "id", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "loopAround", "onChange", "selectionMode", "values", "variant"];
17757
+ const COMPONENT_NAME$8 = 'Listbox';
17758
+ const CLASSNAME$8 = 'redsift-listbox';
17249
17759
 
17250
17760
  /**
17251
17761
  * The Listbox component.
@@ -17257,8 +17767,8 @@ const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
17257
17767
  className,
17258
17768
  defaultValues,
17259
17769
  direction,
17260
- focusOnClick,
17261
- focusType,
17770
+ focusOnClick = false,
17771
+ focusType = 'roving-tabindex',
17262
17772
  id: propsId,
17263
17773
  isDisabled,
17264
17774
  isInvalid,
@@ -17267,11 +17777,11 @@ const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
17267
17777
  label,
17268
17778
  loopAround,
17269
17779
  onChange,
17270
- selectionMode,
17780
+ selectionMode = 'single',
17271
17781
  values,
17272
- variant
17782
+ variant = ListboxVariant.standalone
17273
17783
  } = props,
17274
- forwardedProps = _objectWithoutProperties(props, _excluded$b);
17784
+ forwardedProps = _objectWithoutProperties(props, _excluded$a);
17275
17785
  const [_id] = useId$2();
17276
17786
  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
17277
17787
  const _ref = useRef();
@@ -17299,6 +17809,7 @@ const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
17299
17809
  useEffect(() => {
17300
17810
  onChange === null || onChange === void 0 ? void 0 : onChange(state.selectedValues);
17301
17811
  }, [state.selectedValues]);
17812
+ warnIfNoAccessibleLabelFound(props, [label]);
17302
17813
  return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
17303
17814
  wrapper: children => /*#__PURE__*/React__default.createElement(StyledListbox, _extends$1({
17304
17815
  flexDirection: "column",
@@ -17333,124 +17844,8 @@ const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
17333
17844
  ref: divRef
17334
17845
  }), children)));
17335
17846
  });
17336
- Listbox.className = CLASSNAME$9;
17337
- Listbox.defaultProps = DEFAULT_PROPS$9;
17338
- Listbox.displayName = COMPONENT_NAME$9;
17339
-
17340
- /**
17341
- * Component style.
17342
- */
17343
- const StyledNumber = styled(StyledText)`
17344
- font-family: var(--redsift-typography-font-family-poppins);
17345
- `;
17346
-
17347
- const _excluded$a = ["as", "className", "color", "compactDisplay", "currency", "currencyDisplay", "currencySign", "fontSize", "fontWeight", "lineHeight", "localeMatcher", "maximumFractionDigits", "maximumSignificantDigits", "minimumFractionDigits", "minimumIntegerDigits", "minimumSignificantDigits", "notation", "noWrap", "numberingSystem", "roundingIncrement", "roundingMode", "roundingPriority", "signDisplay", "trailingZeroDisplay", "type", "unit", "unitDisplay", "useGrouping", "theme", "value", "variant"];
17348
- const COMPONENT_NAME$8 = 'Number';
17349
- const CLASSNAME$8 = 'redsift-number';
17350
- const DEFAULT_PROPS$8 = {
17351
- compactDisplay: 'short',
17352
- currencyDisplay: 'symbol',
17353
- currencySign: 'standard',
17354
- localeMatcher: 'best fit',
17355
- notation: 'standard',
17356
- signDisplay: 'auto',
17357
- type: 'decimal',
17358
- unitDisplay: 'short',
17359
- roundingMode: 'halfExpand',
17360
- roundingPriority: 'auto',
17361
- trailingZeroDisplay: 'auto'
17362
- };
17363
-
17364
- /**
17365
- * The Number component.
17366
- */
17367
- const Number$1 = /*#__PURE__*/forwardRef((props, ref) => {
17368
- const {
17369
- as,
17370
- className,
17371
- color,
17372
- compactDisplay,
17373
- currency,
17374
- currencyDisplay,
17375
- currencySign,
17376
- fontSize,
17377
- fontWeight,
17378
- lineHeight,
17379
- localeMatcher,
17380
- maximumFractionDigits,
17381
- maximumSignificantDigits,
17382
- minimumFractionDigits,
17383
- minimumIntegerDigits,
17384
- minimumSignificantDigits,
17385
- notation,
17386
- noWrap,
17387
- numberingSystem,
17388
- roundingIncrement,
17389
- roundingMode,
17390
- roundingPriority,
17391
- signDisplay,
17392
- trailingZeroDisplay,
17393
- type,
17394
- unit,
17395
- unitDisplay,
17396
- useGrouping,
17397
- theme: propsTheme,
17398
- value,
17399
- variant
17400
- } = props,
17401
- forwardedProps = _objectWithoutProperties(props, _excluded$a);
17402
- const formatter = useNumberFormatter(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
17403
- compactDisplay,
17404
- currency,
17405
- currencyDisplay,
17406
- currencySign,
17407
- localeMatcher
17408
- }, maximumFractionDigits !== undefined && {
17409
- maximumFractionDigits
17410
- }), maximumSignificantDigits !== undefined && {
17411
- maximumSignificantDigits
17412
- }), minimumFractionDigits !== undefined && {
17413
- minimumFractionDigits
17414
- }), minimumIntegerDigits !== undefined && {
17415
- minimumIntegerDigits
17416
- }), minimumSignificantDigits !== undefined && {
17417
- minimumSignificantDigits
17418
- }), {}, {
17419
- notation,
17420
- numberingSystem,
17421
- // @ts-ignore
17422
- roundingIncrement,
17423
- // @ts-ignore
17424
- roundingMode,
17425
- // @ts-ignore
17426
- roundingPriority,
17427
- signDisplay,
17428
- style: type,
17429
- // @ts-ignore
17430
- trailingZeroDisplay,
17431
- unit,
17432
- unitDisplay,
17433
- useGrouping
17434
- }));
17435
- const theme = useTheme(propsTheme);
17436
- return /*#__PURE__*/React__default.createElement(StyledNumber, _extends$1({
17437
- as: as
17438
- }, forwardedProps, {
17439
- $as: as,
17440
- className: classNames(Number$1.className, className),
17441
- ref: ref,
17442
- $color: color,
17443
- $lineHeight: lineHeight,
17444
- $fontSize: fontSize,
17445
- $fontWeight: fontWeight,
17446
- $noWrap: noWrap,
17447
- $theme: theme,
17448
- $variant: variant
17449
- }), formatter.format(value));
17450
- });
17451
- Number$1.className = CLASSNAME$8;
17452
- Number$1.defaultProps = DEFAULT_PROPS$8;
17453
- Number$1.displayName = COMPONENT_NAME$8;
17847
+ Listbox.className = CLASSNAME$8;
17848
+ Listbox.displayName = COMPONENT_NAME$8;
17454
17849
 
17455
17850
  /**
17456
17851
  * Component variant.
@@ -19199,13 +19594,9 @@ const StyledNumberField = styled.div`
19199
19594
  }}
19200
19595
  `;
19201
19596
 
19202
- const _excluded$7 = ["autoFocus", "className", "id", "defaultValue", "inputProps", "inputRef", "isColored", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "leftIcon", "onBlur", "onFocus", "placeholder", "theme", "variant", "decrementAriaLabel", "incrementAriaLabel", "isWheelDisabled", "formatOptions", "onFocusChange", "onKeyDown", "onKeyUp", "minValue", "maxValue", "step", "value", "onChange"];
19597
+ const _excluded$7 = ["autoFocus", "className", "decrementAriaLabel", "defaultValue", "formatOptions", "id", "incrementAriaLabel", "inputProps", "inputRef", "isColored", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "isWheelDisabled", "label", "leftIcon", "maxValue", "minValue", "onBlur", "onChange", "onFocus", "onFocusChange", "onKeyDown", "onKeyUp", "placeholder", "step", "theme", "value", "variant"];
19203
19598
  const COMPONENT_NAME$7 = 'NumberField';
19204
19599
  const CLASSNAME$7 = 'redsift-number-field';
19205
- const DEFAULT_PROPS$7 = {
19206
- isColored: true,
19207
- variant: NumberFieldVariant.default
19208
- };
19209
19600
 
19210
19601
  /**
19211
19602
  * The NumberField component.
@@ -19215,34 +19606,34 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
19215
19606
  const {
19216
19607
  autoFocus,
19217
19608
  className,
19218
- id,
19609
+ decrementAriaLabel,
19219
19610
  defaultValue,
19611
+ formatOptions,
19612
+ id,
19613
+ incrementAriaLabel,
19220
19614
  inputProps: propsInputProps,
19221
19615
  inputRef: propsInputRef,
19222
- isColored,
19616
+ isColored = true,
19223
19617
  isDisabled,
19224
19618
  isInvalid,
19225
19619
  isReadOnly,
19226
19620
  isRequired,
19621
+ isWheelDisabled,
19227
19622
  label,
19228
19623
  leftIcon,
19624
+ maxValue,
19625
+ minValue,
19229
19626
  onBlur: onBlurProps,
19627
+ onChange,
19230
19628
  onFocus: onFocusProps,
19231
- placeholder,
19232
- theme: propsTheme,
19233
- variant,
19234
- decrementAriaLabel,
19235
- incrementAriaLabel,
19236
- isWheelDisabled,
19237
- formatOptions,
19238
19629
  onFocusChange,
19239
19630
  onKeyDown,
19240
19631
  onKeyUp,
19241
- minValue,
19242
- maxValue,
19632
+ placeholder,
19243
19633
  step,
19634
+ theme: propsTheme,
19244
19635
  value,
19245
- onChange
19636
+ variant = NumberFieldVariant.default
19246
19637
  } = props,
19247
19638
  forwardedProps = _objectWithoutProperties(props, _excluded$7);
19248
19639
  const numberFieldProps = {
@@ -19357,6 +19748,7 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
19357
19748
  $color: "grey",
19358
19749
  $isActive: false,
19359
19750
  $isDisabled: isDisabled,
19751
+ $isGradient: false,
19360
19752
  $isHovered: false,
19361
19753
  $isLoading: false,
19362
19754
  $variant: variant === NumberFieldVariant.underline ? 'unstyled' : 'secondary',
@@ -19370,6 +19762,7 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
19370
19762
  $color: "grey",
19371
19763
  $isActive: false,
19372
19764
  $isDisabled: isDisabled,
19765
+ $isGradient: false,
19373
19766
  $isHovered: false,
19374
19767
  $isLoading: false,
19375
19768
  $variant: variant === NumberFieldVariant.underline ? 'unstyled' : 'secondary',
@@ -19387,7 +19780,6 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
19387
19780
  }, label ? /*#__PURE__*/React__default.createElement("span", null, label) : null))));
19388
19781
  });
19389
19782
  NumberField.className = CLASSNAME$7;
19390
- NumberField.defaultProps = DEFAULT_PROPS$7;
19391
19783
  NumberField.displayName = COMPONENT_NAME$7;
19392
19784
 
19393
19785
  /**
@@ -19427,7 +19819,6 @@ const StyledProgressBar = styled.progress`
19427
19819
  const _excluded$6 = ["className", "theme", "value"];
19428
19820
  const COMPONENT_NAME$6 = 'ProgressBar';
19429
19821
  const CLASSNAME$6 = 'redsift-progress-bar';
19430
- const DEFAULT_PROPS$6 = {};
19431
19822
 
19432
19823
  /**
19433
19824
  * The Progress bar component.
@@ -19450,7 +19841,6 @@ const ProgressBar = /*#__PURE__*/forwardRef((props, ref) => {
19450
19841
  }));
19451
19842
  });
19452
19843
  ProgressBar.className = CLASSNAME$6;
19453
- ProgressBar.defaultProps = DEFAULT_PROPS$6;
19454
19844
  ProgressBar.displayName = COMPONENT_NAME$6;
19455
19845
 
19456
19846
  /**
@@ -19543,13 +19933,9 @@ const StyledRadioGroup = styled.div`
19543
19933
  }
19544
19934
  `;
19545
19935
 
19546
- const _excluded$5 = ["children", "className", "defaultValue", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "theme", "value"];
19936
+ const _excluded$5 = ["children", "className", "color", "defaultValue", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "theme", "value"];
19547
19937
  const COMPONENT_NAME$5 = 'RadioGroup';
19548
19938
  const CLASSNAME$5 = 'redsift-radio-group';
19549
- const DEFAULT_PROPS$5 = {
19550
- color: ColorPalette.primary,
19551
- orientation: RadioGroupOrientation.vertical
19552
- };
19553
19939
 
19554
19940
  /**
19555
19941
  * The RadioGroup component.
@@ -19559,6 +19945,7 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
19559
19945
  const {
19560
19946
  children,
19561
19947
  className,
19948
+ color = ColorPalette.primary,
19562
19949
  defaultValue,
19563
19950
  description,
19564
19951
  isDisabled,
@@ -19567,7 +19954,7 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
19567
19954
  isRequired,
19568
19955
  label,
19569
19956
  onChange,
19570
- orientation,
19957
+ orientation = RadioGroupOrientation.vertical,
19571
19958
  theme: propsTheme,
19572
19959
  value
19573
19960
  } = props,
@@ -19598,7 +19985,9 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
19598
19985
  value: {
19599
19986
  theme
19600
19987
  }
19601
- }, /*#__PURE__*/React__default.createElement(StyledRadioGroup, _extends$1({}, forwardedProps, {
19988
+ }, /*#__PURE__*/React__default.createElement(StyledRadioGroup, _extends$1({
19989
+ color: color
19990
+ }, forwardedProps, {
19602
19991
  $isDisabled: isDisabled,
19603
19992
  $isInvalid: isInvalid || isRequired && selectedValue.length === 0,
19604
19993
  $isReadOnly: isReadOnly,
@@ -19619,7 +20008,6 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
19619
20008
  }, description)));
19620
20009
  });
19621
20010
  RadioGroup.className = CLASSNAME$5;
19622
- RadioGroup.defaultProps = DEFAULT_PROPS$5;
19623
20011
  RadioGroup.displayName = COMPONENT_NAME$5;
19624
20012
 
19625
20013
  /**
@@ -19733,9 +20121,6 @@ const StyledRadio = styled.label`
19733
20121
  const _excluded$4 = ["aria-label", "aria-labelledby", "autoFocus", "children", "className", "defaultSelected", "inputProps", "inputRef", "isColored", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "isSelected", "name", "onChange", "theme", "value"];
19734
20122
  const COMPONENT_NAME$4 = 'Radio';
19735
20123
  const CLASSNAME$4 = 'redsift-radio';
19736
- const DEFAULT_PROPS$4 = {
19737
- isColored: true
19738
- };
19739
20124
 
19740
20125
  /**
19741
20126
  * The Radio component.
@@ -19754,7 +20139,7 @@ const Radio = /*#__PURE__*/forwardRef((props, ref) => {
19754
20139
  defaultSelected,
19755
20140
  inputProps,
19756
20141
  inputRef,
19757
- isColored,
20142
+ isColored = true,
19758
20143
  isDisabled,
19759
20144
  isInvalid,
19760
20145
  isReadOnly,
@@ -19846,7 +20231,6 @@ const Radio = /*#__PURE__*/forwardRef((props, ref) => {
19846
20231
  })));
19847
20232
  });
19848
20233
  Radio.className = CLASSNAME$4;
19849
- Radio.defaultProps = DEFAULT_PROPS$4;
19850
20234
  Radio.displayName = COMPONENT_NAME$4;
19851
20235
 
19852
20236
  const SwitchGroupContext = /*#__PURE__*/React__default.createContext(null);
@@ -20036,9 +20420,6 @@ const StyledSwitch = styled.label`
20036
20420
  const _excluded$3 = ["aria-label", "aria-labelledby", "autoFocus", "children", "className", "defaultSelected", "inputProps", "inputRef", "isColored", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "isSelected", "name", "onChange", "theme", "value"];
20037
20421
  const COMPONENT_NAME$3 = 'Switch';
20038
20422
  const CLASSNAME$3 = 'redsift-switch';
20039
- const DEFAULT_PROPS$3 = {
20040
- isColored: true
20041
- };
20042
20423
 
20043
20424
  /**
20044
20425
  * The Switch component.
@@ -20057,7 +20438,7 @@ const Switch = /*#__PURE__*/forwardRef((props, ref) => {
20057
20438
  defaultSelected,
20058
20439
  inputProps,
20059
20440
  inputRef,
20060
- isColored,
20441
+ isColored = true,
20061
20442
  isDisabled,
20062
20443
  isInvalid,
20063
20444
  isReadOnly,
@@ -20160,7 +20541,6 @@ const Switch = /*#__PURE__*/forwardRef((props, ref) => {
20160
20541
  })));
20161
20542
  });
20162
20543
  Switch.className = CLASSNAME$3;
20163
- Switch.defaultProps = DEFAULT_PROPS$3;
20164
20544
  Switch.displayName = COMPONENT_NAME$3;
20165
20545
 
20166
20546
  /**
@@ -20251,13 +20631,9 @@ const StyledSwitchGroup = styled.div`
20251
20631
  }
20252
20632
  `;
20253
20633
 
20254
- const _excluded$2 = ["children", "className", "defaultValues", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "theme", "value"];
20634
+ const _excluded$2 = ["children", "className", "color", "defaultValues", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "theme", "value"];
20255
20635
  const COMPONENT_NAME$2 = 'SwitchGroup';
20256
20636
  const CLASSNAME$2 = 'redsift-switch-group';
20257
- const DEFAULT_PROPS$2 = {
20258
- color: ColorPalette.primary,
20259
- orientation: SwitchGroupOrientation.vertical
20260
- };
20261
20637
 
20262
20638
  /**
20263
20639
  * The SwitchGroup component.
@@ -20267,6 +20643,7 @@ const SwitchGroup = /*#__PURE__*/forwardRef((props, ref) => {
20267
20643
  const {
20268
20644
  children,
20269
20645
  className,
20646
+ color = ColorPalette.primary,
20270
20647
  defaultValues,
20271
20648
  description,
20272
20649
  isDisabled,
@@ -20275,7 +20652,7 @@ const SwitchGroup = /*#__PURE__*/forwardRef((props, ref) => {
20275
20652
  isRequired,
20276
20653
  label,
20277
20654
  onChange,
20278
- orientation,
20655
+ orientation = SwitchGroupOrientation.vertical,
20279
20656
  theme: propsTheme,
20280
20657
  value
20281
20658
  } = props,
@@ -20318,7 +20695,9 @@ const SwitchGroup = /*#__PURE__*/forwardRef((props, ref) => {
20318
20695
  value: {
20319
20696
  theme
20320
20697
  }
20321
- }, /*#__PURE__*/React__default.createElement(StyledSwitchGroup, _extends$1({}, forwardedProps, {
20698
+ }, /*#__PURE__*/React__default.createElement(StyledSwitchGroup, _extends$1({
20699
+ color: color
20700
+ }, forwardedProps, {
20322
20701
  $isDisabled: isDisabled,
20323
20702
  $isInvalid: isInvalid || isRequired && selectedValues.length === 0,
20324
20703
  $isReadOnly: isReadOnly,
@@ -20339,7 +20718,6 @@ const SwitchGroup = /*#__PURE__*/forwardRef((props, ref) => {
20339
20718
  }, description)));
20340
20719
  });
20341
20720
  SwitchGroup.className = CLASSNAME$2;
20342
- SwitchGroup.defaultProps = DEFAULT_PROPS$2;
20343
20721
  SwitchGroup.displayName = COMPONENT_NAME$2;
20344
20722
 
20345
20723
  /**
@@ -20373,12 +20751,14 @@ const StyledTextArea = styled.div`
20373
20751
 
20374
20752
  ${_ref => {
20375
20753
  let {
20754
+ label,
20376
20755
  $hasLeftIcon,
20377
20756
  $hasContent,
20378
20757
  $isFocused,
20379
20758
  $isDisabled,
20380
20759
  $isInvalid,
20381
- $isColored,
20760
+ $color,
20761
+ $isGradient,
20382
20762
  $theme,
20383
20763
  $variant
20384
20764
  } = _ref;
@@ -20397,7 +20777,7 @@ const StyledTextArea = styled.div`
20397
20777
  pointer-events: none;
20398
20778
  position: absolute;
20399
20779
  text-overflow: ellipsis;
20400
- top: ${$hasContent ? '-8px' : '-5px'};
20780
+ top: ${$hasContent ? '-8px' : '-6px'};
20401
20781
  transform-origin: top left;
20402
20782
  transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,
20403
20783
  max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
@@ -20412,14 +20792,23 @@ const StyledTextArea = styled.div`
20412
20792
  transform: translate(${$variant === TextAreaVariant.underline ? '0px' : '14px'}, 1px) scale(0.733);
20413
20793
  `}
20414
20794
 
20415
- ${$isDisabled ? css`
20416
- color: var(--redsift-color-neutral-light-grey);
20417
- ` : $isInvalid ? css`
20418
- color: var(--redsift-color-notifications-error-primary);
20419
- ` : $isFocused ? css`
20420
- color: ${$isColored ? 'var(--redsift-color-primary-n)' : 'var(--redsift-color-notifications-question-primary)'};
20795
+ ${!$isGradient ? css`
20796
+ color: var(
20797
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
20798
+ );
20421
20799
  ` : css`
20422
- color: var(--redsift-color-neutral-${$theme === Theme.light ? 'x-dark-grey' : 'light-grey'});
20800
+ background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'});
20801
+ ${$variant !== TextAreaVariant.underline ? css`
20802
+ padding-right: 7px;
20803
+ padding-left: 5px;
20804
+ ` : ''}
20805
+ > span {
20806
+ background: var(
20807
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
20808
+ );
20809
+ background-clip: text;
20810
+ color: transparent;
20811
+ }
20423
20812
  `}
20424
20813
  }
20425
20814
 
@@ -20457,11 +20846,11 @@ const StyledTextArea = styled.div`
20457
20846
  }
20458
20847
 
20459
20848
  flex: 1 1 auto;
20460
- padding-bottom: 6px;
20461
- padding-top: 10px;
20849
+ padding-bottom: 9px;
20462
20850
  ${$variant !== TextAreaVariant.underline && !$hasLeftIcon ? css`
20463
20851
  padding-left: 16px;
20464
20852
  ` : ''}
20853
+ padding-top: ${label ? '10px' : '9px'};
20465
20854
  padding-right: 8px;
20466
20855
  }
20467
20856
 
@@ -20487,21 +20876,32 @@ const StyledTextArea = styled.div`
20487
20876
  text-align: left;
20488
20877
  top: -5px;
20489
20878
 
20490
- ${$variant === TextAreaVariant.underline ? css`
20491
- border-bottom-width: 2px;
20492
- ` : css`
20493
- border-radius: 4px;
20494
- border-width: 2px;
20495
- `}
20496
-
20497
- ${$isDisabled ? css`
20498
- border-color: var(--redsift-color-neutral-light-grey);
20499
- ` : $isInvalid ? css`
20500
- border-color: var(--redsift-color-notifications-error-primary);
20501
- ` : $isFocused ? css`
20502
- border-color: ${$isColored ? 'var(--redsift-color-primary-n)' : 'var(--redsift-color-notifications-question-primary)'};
20879
+ ${!$isGradient || $isDisabled || !$isFocused || $isInvalid ? css`
20880
+ ${$variant === TextAreaVariant.underline ? css`
20881
+ border-bottom-width: 2px;
20882
+ ` : css`
20883
+ border-radius: 4px;
20884
+ border-width: 2px;
20885
+ `}
20886
+ border-color: var(
20887
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
20888
+ );
20503
20889
  ` : css`
20504
- border-color: var(--redsift-color-neutral-mid-grey);
20890
+ ${$variant === TextAreaVariant.underline ? css`
20891
+ border-bottom: 2px solid transparent;
20892
+ ` : css`
20893
+ border: 2px solid transparent;
20894
+ border-radius: 4px;
20895
+ `}
20896
+ background: transparent;
20897
+ background-clip: padding-box, border-box;
20898
+ background-origin: border-box;
20899
+ background-image: linear-gradient(
20900
+ 90deg,
20901
+ var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'}),
20902
+ var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'})
20903
+ ),
20904
+ var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-default);
20505
20905
  `}
20506
20906
  }
20507
20907
 
@@ -20533,13 +20933,15 @@ const StyledTextArea = styled.div`
20533
20933
  visibility: visible;
20534
20934
  }
20535
20935
 
20536
- .redsift-icon-button {
20537
- padding: 2px;
20538
- }
20539
-
20540
20936
  .redsift-text-area-text-area-wrapper__toolbar {
20541
20937
  position: relative;
20542
- top: 9px;
20938
+ top: 7px;
20939
+ }
20940
+
20941
+ .redsift-icon-button {
20942
+ padding: 2px;
20943
+ height: 28px;
20944
+ width: 28px;
20543
20945
  }
20544
20946
 
20545
20947
  ${$variant !== TextAreaVariant.underline ? css`
@@ -20563,15 +20965,9 @@ const StyledTextArea = styled.div`
20563
20965
  }}
20564
20966
  `;
20565
20967
 
20566
- const _excluded$1 = ["aria-label", "aria-labelledby", "autoFocus", "className", "defaultValue", "textareaProps", "textareaRef", "isColored", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "leftIcon", "minimumRows", "name", "onBlur", "onChange", "onFocus", "placeholder", "theme", "value", "variant"];
20968
+ const _excluded$1 = ["aria-label", "aria-labelledby", "after", "autoFocus", "className", "color", "defaultValue", "forceColor", "isColored", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "leftIcon", "minimumRows", "name", "onBlur", "onChange", "onFocus", "placeholder", "textareaProps", "textareaRef", "theme", "value", "variant", "width"];
20567
20969
  const COMPONENT_NAME$1 = 'TextArea';
20568
20970
  const CLASSNAME$1 = 'redsift-text-area';
20569
- const DEFAULT_PROPS$1 = {
20570
- defaultValue: '',
20571
- isColored: true,
20572
- variant: TextAreaVariant.default,
20573
- width: '100%'
20574
- };
20575
20971
 
20576
20972
  /**
20577
20973
  * The TextArea component.
@@ -20581,12 +20977,13 @@ const TextArea = /*#__PURE__*/forwardRef((props, ref) => {
20581
20977
  const {
20582
20978
  'aria-label': ariaLabel,
20583
20979
  'aria-labelledby': ariaLabelledby,
20980
+ after,
20584
20981
  autoFocus,
20585
20982
  className,
20586
- defaultValue,
20587
- textareaProps,
20588
- textareaRef: propsTextareaRef,
20589
- isColored,
20983
+ color: propsColor,
20984
+ defaultValue = '',
20985
+ forceColor,
20986
+ isColored = true,
20590
20987
  isDisabled,
20591
20988
  isInvalid,
20592
20989
  isReadOnly,
@@ -20599,12 +20996,17 @@ const TextArea = /*#__PURE__*/forwardRef((props, ref) => {
20599
20996
  onChange,
20600
20997
  onFocus: onFocusProps,
20601
20998
  placeholder,
20999
+ textareaProps,
21000
+ textareaRef: propsTextareaRef,
20602
21001
  theme: propsTheme,
20603
21002
  value: propsValue,
20604
- variant
21003
+ variant = TextAreaVariant.default,
21004
+ width = '100%'
20605
21005
  } = props,
20606
21006
  forwardedProps = _objectWithoutProperties(props, _excluded$1);
20607
21007
  const theme = useTheme(propsTheme);
21008
+ const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : isColored ? 'primary' : 'grey';
21009
+ const isGradient = color === ButtonsColorPalette.radar;
20608
21010
  const _textareaRef = React__default.useRef(null);
20609
21011
  const textareaRef = propsTextareaRef !== null && propsTextareaRef !== void 0 ? propsTextareaRef : _textareaRef;
20610
21012
  const {
@@ -20625,6 +21027,7 @@ const TextArea = /*#__PURE__*/forwardRef((props, ref) => {
20625
21027
  });
20626
21028
  const [value, setValue] = useState(defaultValue);
20627
21029
  const isControlled = propsValue !== null && propsValue !== undefined;
21030
+ const [labelId] = useId$2();
20628
21031
  warnIfNoAccessibleLabelFound(props, [label], 'TextArea');
20629
21032
  const handleChange = useCallback(event => {
20630
21033
  if (isDisabled || isReadOnly) {
@@ -20646,20 +21049,29 @@ const TextArea = /*#__PURE__*/forwardRef((props, ref) => {
20646
21049
  recomputeNumberOfRows(textareaRef.current);
20647
21050
  }
20648
21051
  }, [textareaRef, recomputeNumberOfRows, value]);
20649
- return /*#__PURE__*/React__default.createElement(StyledTextArea, _extends$1({}, focusWithinProps, forwardedProps, {
21052
+ return /*#__PURE__*/React__default.createElement(StyledTextArea, _extends$1({
21053
+ width: width
21054
+ }, focusWithinProps, forwardedProps, {
20650
21055
  $hasContent: isFocusWithin || Boolean(isControlled ? propsValue : value) || Boolean(placeholder),
20651
21056
  $hasLeftIcon: Boolean(leftIcon),
20652
- $isColored: isColored,
21057
+ $color: color,
21058
+ $isGradient: isGradient,
20653
21059
  $isDisabled: isDisabled,
20654
21060
  $isFocusVisible: isFocusVisible,
20655
21061
  $isInvalid: isInvalid || isRequired && !(isControlled ? propsValue : value),
20656
21062
  $isRequired: isRequired,
20657
- $isFocused: isFocused,
21063
+ $isFocused: Boolean(isFocused || forceColor),
20658
21064
  $theme: theme,
20659
21065
  $variant: variant,
20660
21066
  className: classNames(TextArea.className, className),
20661
21067
  ref: ref
20662
- }), label ? /*#__PURE__*/React__default.createElement("label", {
21068
+ }), /*#__PURE__*/React__default.createElement("fieldset", {
21069
+ "aria-hidden": "true",
21070
+ className: `${TextArea.className}-text-area-wrapper__fieldset`
21071
+ }, /*#__PURE__*/React__default.createElement("legend", {
21072
+ id: labelId,
21073
+ className: `${TextArea.className}-text-area-wrapper-fieldset__legend`
21074
+ }, label ? /*#__PURE__*/React__default.createElement("span", null, label) : null)), label ? /*#__PURE__*/React__default.createElement("label", {
20663
21075
  className: `${TextArea.className}__label`
20664
21076
  }, /*#__PURE__*/React__default.createElement("span", null, label)) : null, /*#__PURE__*/React__default.createElement("div", {
20665
21077
  className: `${TextArea.className}__text-area-wrapper`
@@ -20682,7 +21094,7 @@ const TextArea = /*#__PURE__*/forwardRef((props, ref) => {
20682
21094
  "aria-disabled": isDisabled,
20683
21095
  "aria-invalid": isInvalid || isRequired && !(isControlled ? propsValue : value),
20684
21096
  "aria-label": ariaLabel,
20685
- "aria-labelledby": ariaLabelledby,
21097
+ "aria-labelledby": ariaLabelledby || (label ? labelId : undefined),
20686
21098
  "aria-readonly": isReadOnly,
20687
21099
  "aria-required": isRequired,
20688
21100
  autoFocus: autoFocus,
@@ -20693,15 +21105,12 @@ const TextArea = /*#__PURE__*/forwardRef((props, ref) => {
20693
21105
  ref: textareaRef,
20694
21106
  value: isControlled ? propsValue : value,
20695
21107
  rows: rows
20696
- }))), /*#__PURE__*/React__default.createElement("fieldset", {
20697
- "aria-hidden": "true",
20698
- className: `${TextArea.className}-text-area-wrapper__fieldset`
20699
- }, /*#__PURE__*/React__default.createElement("legend", {
20700
- className: `${TextArea.className}-text-area-wrapper-fieldset__legend`
20701
- }, label ? /*#__PURE__*/React__default.createElement("span", null, label) : null))));
21108
+ }))), after ? /*#__PURE__*/React__default.createElement(Flexbox, {
21109
+ className: `${TextArea.className}-text-area-wrapper__toolbar`,
21110
+ gap: "8px"
21111
+ }, typeof after === 'function' ? after(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : after) : null));
20702
21112
  });
20703
21113
  TextArea.className = CLASSNAME$1;
20704
- TextArea.defaultProps = DEFAULT_PROPS$1;
20705
21114
  TextArea.displayName = COMPONENT_NAME$1;
20706
21115
 
20707
21116
  /**
@@ -20712,6 +21121,10 @@ const TextFieldVariant = {
20712
21121
  underline: 'underline'
20713
21122
  };
20714
21123
 
21124
+ /**
21125
+ * Component color.
21126
+ */
21127
+
20715
21128
  /**
20716
21129
  * Component props.
20717
21130
  */
@@ -20735,12 +21148,14 @@ const StyledTextField = styled.div`
20735
21148
 
20736
21149
  ${_ref => {
20737
21150
  let {
21151
+ label,
20738
21152
  $hasLeftIcon,
20739
21153
  $hasContent,
20740
21154
  $isFocused,
20741
21155
  $isDisabled,
20742
21156
  $isInvalid,
20743
- $isColored,
21157
+ $color,
21158
+ $isGradient,
20744
21159
  $theme,
20745
21160
  $variant
20746
21161
  } = _ref;
@@ -20759,7 +21174,7 @@ const StyledTextField = styled.div`
20759
21174
  pointer-events: none;
20760
21175
  position: absolute;
20761
21176
  text-overflow: ellipsis;
20762
- top: ${$hasContent ? '-8px' : '-5px'};
21177
+ top: ${$hasContent ? '-8px' : '-7px'};
20763
21178
  transform-origin: top left;
20764
21179
  transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,
20765
21180
  max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
@@ -20774,14 +21189,23 @@ const StyledTextField = styled.div`
20774
21189
  transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 1px) scale(0.733);
20775
21190
  `}
20776
21191
 
20777
- ${$isDisabled ? css`
20778
- color: var(--redsift-color-grey-l2);
20779
- ` : $isInvalid ? css`
20780
- color: var(--redsift-color-notifications-error-primary);
20781
- ` : $isFocused ? css`
20782
- color: ${$isColored ? 'var(--redsift-color-primary-n)' : 'var(--redsift-color-notifications-question-primary)'};
21192
+ ${!$isGradient ? css`
21193
+ color: var(
21194
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
21195
+ );
20783
21196
  ` : css`
20784
- color: var(--redsift-color-neutral-${$theme === Theme.light ? 'x-dark-grey' : 'light-grey'});
21197
+ background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'});
21198
+ ${$variant !== TextFieldVariant.underline ? css`
21199
+ padding-right: 7px;
21200
+ padding-left: 5px;
21201
+ ` : ''}
21202
+ > span {
21203
+ background: var(
21204
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
21205
+ );
21206
+ background-clip: text;
21207
+ color: transparent;
21208
+ }
20785
21209
  `}
20786
21210
  }
20787
21211
 
@@ -20801,11 +21225,11 @@ const StyledTextField = styled.div`
20801
21225
  flex-direction: column-reverse;
20802
21226
  flex-wrap: wrap;
20803
21227
  flex: 1 1 auto;
20804
- padding-bottom: 5px;
21228
+ padding-bottom: 7px;
20805
21229
  ${$variant !== TextFieldVariant.underline && !$hasLeftIcon ? css`
20806
21230
  padding-left: 16px;
20807
21231
  ` : ''}
20808
- padding-top: 9px;
21232
+ padding-top: ${label ? '9px' : '7px'};
20809
21233
 
20810
21234
  .redsift-pill {
20811
21235
  margin: 3px 6px 3px 0;
@@ -20856,21 +21280,32 @@ const StyledTextField = styled.div`
20856
21280
  text-align: left;
20857
21281
  top: -5px;
20858
21282
 
20859
- ${$variant === TextFieldVariant.underline ? css`
20860
- border-bottom-width: 2px;
20861
- ` : css`
20862
- border-radius: 4px;
20863
- border-width: 2px;
20864
- `}
20865
-
20866
- ${$isDisabled ? css`
20867
- border-color: var(--redsift-color-grey-l2);
20868
- ` : $isInvalid ? css`
20869
- border-color: var(--redsift-color-notifications-error-primary);
20870
- ` : $isFocused ? css`
20871
- border-color: ${$isColored ? 'var(--redsift-color-primary-n)' : 'var(--redsift-color-notifications-question-primary)'};
21283
+ ${!$isGradient || $isDisabled || !$isFocused || $isInvalid ? css`
21284
+ ${$variant === TextFieldVariant.underline ? css`
21285
+ border-bottom-width: 2px;
21286
+ ` : css`
21287
+ border-radius: 4px;
21288
+ border-width: 2px;
21289
+ `}
21290
+ border-color: var(
21291
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
21292
+ );
20872
21293
  ` : css`
20873
- border-color: var(--redsift-color-neutral-mid-grey);
21294
+ ${$variant === TextFieldVariant.underline ? css`
21295
+ border-bottom: 2px solid transparent;
21296
+ ` : css`
21297
+ border: 2px solid transparent;
21298
+ border-radius: 4px;
21299
+ `}
21300
+ background: transparent;
21301
+ background-clip: padding-box, border-box;
21302
+ background-origin: border-box;
21303
+ background-image: linear-gradient(
21304
+ 90deg,
21305
+ var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'}),
21306
+ var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'})
21307
+ ),
21308
+ var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-default);
20874
21309
  `}
20875
21310
  }
20876
21311
 
@@ -20902,13 +21337,17 @@ const StyledTextField = styled.div`
20902
21337
  visibility: visible;
20903
21338
  }
20904
21339
 
20905
- .redsift-icon-button:not(.redsift-pill > .redsift-icon-button) {
20906
- padding: 2px;
21340
+ .redsift-text-field-input-wrapper__toolbar {
21341
+ position: relative;
21342
+ top: 9px;
20907
21343
  }
20908
21344
 
20909
- .redsift-text-field-input-wrapper__toolbar {
21345
+ .redsift-icon-button:not(.redsift-pill > .redsift-icon-button) {
21346
+ padding: 2px;
20910
21347
  position: relative;
20911
- top: 7px;
21348
+ top: -2px;
21349
+ height: 28px;
21350
+ width: 28px;
20912
21351
  }
20913
21352
 
20914
21353
  ${$variant !== TextFieldVariant.underline ? css`
@@ -20916,7 +21355,6 @@ const StyledTextField = styled.div`
20916
21355
  padding-left: 12px;
20917
21356
  padding-right: 8px;
20918
21357
  line-height: 28px;
20919
- top: 8px;
20920
21358
  }
20921
21359
 
20922
21360
  .redsift-text-field-input-wrapper__toolbar {
@@ -20925,9 +21363,13 @@ const StyledTextField = styled.div`
20925
21363
  ` : css`
20926
21364
  .redsift-icon.left {
20927
21365
  padding-right: 8px;
20928
- top: 8px;
20929
21366
  }
20930
21367
  `}
21368
+
21369
+ .redsift-icon.left,
21370
+ .redsift-icon.right {
21371
+ top: 9px;
21372
+ }
20931
21373
  `;
20932
21374
  }}
20933
21375
  `;
@@ -20949,14 +21391,9 @@ var intlMessages = {
20949
21391
  'fr-FR': frFR
20950
21392
  };
20951
21393
 
20952
- 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"];
21394
+ const _excluded = ["aria-label", "aria-labelledby", "after", "autoFocus", "className", "color", "defaultValue", "forceColor", "hasClearButton", "inputProps", "inputRef", "internal", "isColored", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "leftIcon", "name", "onBlur", "onChange", "onClear", "onFocus", "pills", "placeholder", "theme", "type", "value", "variant"];
20953
21395
  const COMPONENT_NAME = 'TextField';
20954
21396
  const CLASSNAME = 'redsift-text-field';
20955
- const DEFAULT_PROPS = {
20956
- defaultValue: '',
20957
- isColored: true,
20958
- variant: TextFieldVariant.default
20959
- };
20960
21397
 
20961
21398
  /**
20962
21399
  * The TextField component.
@@ -20966,15 +21403,17 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
20966
21403
  const {
20967
21404
  'aria-label': ariaLabel,
20968
21405
  'aria-labelledby': ariaLabelledby,
21406
+ after,
20969
21407
  autoFocus,
20970
21408
  className,
20971
- defaultValue,
21409
+ color: propsColor,
21410
+ defaultValue = '',
21411
+ forceColor,
20972
21412
  hasClearButton,
20973
- after,
20974
- internal,
20975
21413
  inputProps,
20976
21414
  inputRef,
20977
- isColored,
21415
+ internal,
21416
+ isColored = true,
20978
21417
  isDisabled,
20979
21418
  isInvalid,
20980
21419
  isReadOnly,
@@ -20991,10 +21430,12 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
20991
21430
  theme: propsTheme,
20992
21431
  type,
20993
21432
  value: propsValue,
20994
- variant
21433
+ variant = TextFieldVariant.default
20995
21434
  } = props,
20996
21435
  forwardedProps = _objectWithoutProperties(props, _excluded);
20997
21436
  const theme = useTheme(propsTheme);
21437
+ const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : isColored ? 'primary' : 'grey';
21438
+ const isGradient = color === ButtonsColorPalette.radar;
20998
21439
  const format = useMessageFormatter(intlMessages);
20999
21440
  const {
21000
21441
  isFocusVisible,
@@ -21044,17 +21485,24 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
21044
21485
  return /*#__PURE__*/React__default.createElement(StyledTextField, _extends$1({}, focusWithinProps, forwardedProps, {
21045
21486
  $hasContent: isFocusWithin || Boolean(isControlled ? propsValue : value) || Boolean(placeholder) || Boolean(pills && pills.length > 0),
21046
21487
  $hasLeftIcon: Boolean(leftIcon),
21047
- $isColored: isColored,
21488
+ $color: color,
21489
+ $isGradient: isGradient,
21048
21490
  $isDisabled: isDisabled,
21049
21491
  $isFocusVisible: isFocusVisible,
21050
21492
  $isInvalid: isInvalid || isRequired && !(isControlled ? propsValue : value),
21051
21493
  $isRequired: isRequired,
21052
- $isFocused: isFocused,
21494
+ $isFocused: Boolean(isFocused || forceColor),
21053
21495
  $theme: theme,
21054
21496
  $variant: variant,
21055
21497
  className: classNames(TextField.className, className),
21056
21498
  ref: ref
21057
- }), label ? /*#__PURE__*/React__default.createElement("label", {
21499
+ }), /*#__PURE__*/React__default.createElement("fieldset", {
21500
+ "aria-hidden": "true",
21501
+ className: `${TextField.className}-input-wrapper__fieldset`
21502
+ }, /*#__PURE__*/React__default.createElement("legend", {
21503
+ id: labelId,
21504
+ className: `${TextField.className}-input-wrapper-fieldset__legend`
21505
+ }, label ? /*#__PURE__*/React__default.createElement("span", null, label) : null)), label ? /*#__PURE__*/React__default.createElement("label", {
21058
21506
  className: `${TextField.className}__label`
21059
21507
  }, /*#__PURE__*/React__default.createElement("span", null, label)) : null, /*#__PURE__*/React__default.createElement("div", {
21060
21508
  className: `${TextField.className}__input-wrapper`
@@ -21110,19 +21558,14 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
21110
21558
  className: "right clear"
21111
21559
  })) : null, typeof internal === 'function' ? internal(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : internal, (hasClearButton || internal) && after ? /*#__PURE__*/React__default.createElement("span", {
21112
21560
  style: {
21113
- borderLeft: '1px solid var(--redsift-color-neutral-mid-grey)'
21561
+ borderLeft: '1px solid var(--redsift-color-neutral-mid-grey)',
21562
+ position: 'relative',
21563
+ top: '-2px'
21114
21564
  }
21115
- }) : null, typeof after === 'function' ? after(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : after) : null, /*#__PURE__*/React__default.createElement("fieldset", {
21116
- "aria-hidden": "true",
21117
- className: `${TextField.className}-input-wrapper__fieldset`
21118
- }, /*#__PURE__*/React__default.createElement("legend", {
21119
- id: labelId,
21120
- className: `${TextField.className}-input-wrapper-fieldset__legend`
21121
- }, label ? /*#__PURE__*/React__default.createElement("span", null, label) : null))));
21565
+ }) : null, typeof after === 'function' ? after(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : after) : null));
21122
21566
  });
21123
21567
  TextField.className = CLASSNAME;
21124
- TextField.defaultProps = DEFAULT_PROPS;
21125
21568
  TextField.displayName = COMPONENT_NAME;
21126
21569
 
21127
- 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, 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, 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, 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, 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, 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, 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 };
21570
+ 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, IconButtonLink, 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, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonBlackTextHover, 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, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundActive, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteBackgroundHover, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextActive, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextDefault, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextDisabled, RedsiftColorDarkComponentsButtonsSecondaryButtonWhiteTextHover, 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, RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonBlackBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonBlackTextHover, 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, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundActive, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundDefault, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteBackgroundHover, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextActive, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextDefault, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextDisabled, RedsiftColorLightComponentsButtonsSecondaryButtonWhiteTextHover, 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, RedsiftColorNeutralDisabled, 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, RenderedListboxItem, 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, baseBorder, 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 };
21128
21571
  //# sourceMappingURL=index.js.map