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

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 +231 -37
  3. package/index.js +1355 -888
  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,16 @@ 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
- */
15533
+ const PopoverContext = /*#__PURE__*/React__default.createContext(null);
15170
15534
 
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'
15535
+ const usePopoverContext = () => {
15536
+ const context = React__default.useContext(PopoverContext);
15537
+ if (context == null) {
15538
+ throw new Error('Popover components must be wrapped in <Popover />');
15539
+ }
15540
+ return context;
15187
15541
  };
15188
15542
 
15189
- /**
15190
- * Component props.
15191
- */
15192
-
15193
15543
  /**
15194
15544
  * Component style.
15195
15545
  */
@@ -15313,7 +15663,6 @@ const StyledTooltipContent = styled.div`
15313
15663
 
15314
15664
  const COMPONENT_NAME$i = 'TooltipContent';
15315
15665
  const CLASSNAME$i = 'redsift-tooltip-content';
15316
- const DEFAULT_PROPS$i = {};
15317
15666
 
15318
15667
  /**
15319
15668
  * The TooltipContent component.
@@ -15357,14 +15706,14 @@ const TooltipContent = /*#__PURE__*/forwardRef((props, ref) => {
15357
15706
  }, isOpen && /*#__PURE__*/React__default.createElement(StyledTooltipContent, _extends$1({
15358
15707
  className: classNames(TooltipContent.className, className),
15359
15708
  ref: popoverRef,
15360
- $theme: theme,
15709
+ $theme: theme
15710
+ }, getFloatingProps(props), {
15361
15711
  style: _objectSpread2({
15362
15712
  position: strategy,
15363
15713
  top: y !== null && y !== void 0 ? y : 0,
15364
15714
  left: x !== null && x !== void 0 ? x : 0,
15365
15715
  visibility: x == null ? 'hidden' : 'visible'
15366
- }, style)
15367
- }, getFloatingProps(props), {
15716
+ }, style),
15368
15717
  $placement: placement
15369
15718
  }), /*#__PURE__*/React__default.createElement("div", {
15370
15719
  ref: arrowRef,
@@ -15379,12 +15728,10 @@ const TooltipContent = /*#__PURE__*/forwardRef((props, ref) => {
15379
15728
  }, children)));
15380
15729
  });
15381
15730
  TooltipContent.className = CLASSNAME$i;
15382
- TooltipContent.defaultProps = DEFAULT_PROPS$i;
15383
15731
  TooltipContent.displayName = COMPONENT_NAME$i;
15384
15732
 
15385
15733
  const COMPONENT_NAME$h = 'TooltipTrigger';
15386
15734
  const CLASSNAME$h = 'redsift-tooltip-trigger';
15387
- const DEFAULT_PROPS$h = {};
15388
15735
 
15389
15736
  /**
15390
15737
  * The TooltipTrigger component.
@@ -15397,31 +15744,62 @@ const TooltipTrigger = /*#__PURE__*/forwardRef((props, ref) => {
15397
15744
  getReferenceProps,
15398
15745
  refs,
15399
15746
  tooltipId,
15400
- triggerClassName
15747
+ triggerClassName,
15748
+ color
15401
15749
  } = useTooltipContext();
15402
15750
  const childrenRef = children.ref;
15403
15751
  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);
15404
15752
  if ( /*#__PURE__*/React__default.isValidElement(children)) {
15405
15753
  var _children$props$child;
15406
- return /*#__PURE__*/React__default.cloneElement(children, _objectSpread2({}, getReferenceProps(_objectSpread2(_objectSpread2(_objectSpread2({
15754
+ return /*#__PURE__*/React__default.cloneElement(children, _objectSpread2(_objectSpread2({}, getReferenceProps(_objectSpread2(_objectSpread2(_objectSpread2({
15407
15755
  ref: triggerRef
15408
15756
  }, props), {}, {
15409
15757
  'aria-describedby': tooltipId
15410
15758
  }, 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
- }))));
15759
+ children: (_children$props$child = children.props.children) !== null && _children$props$child !== void 0 ? _children$props$child : ''
15760
+ }))), {}, {
15761
+ className: classNames(children.props.className, triggerClassName),
15762
+ color: color !== null && color !== void 0 ? color : children.props.color
15763
+ }));
15414
15764
  }
15415
15765
  return /*#__PURE__*/React__default.createElement("span", _extends$1({
15416
15766
  ref: triggerRef
15417
15767
  }, getReferenceProps(props)), children);
15418
15768
  });
15419
15769
  TooltipTrigger.className = CLASSNAME$h;
15420
- TooltipTrigger.defaultProps = DEFAULT_PROPS$h;
15421
15770
  TooltipTrigger.displayName = COMPONENT_NAME$h;
15422
15771
 
15772
+ const TooltipContext = /*#__PURE__*/React__default.createContext(null);
15773
+
15774
+ /**
15775
+ * Context props.
15776
+ */
15777
+
15778
+ /**
15779
+ * Component variant.
15780
+ */
15781
+ const TooltipPlacement = {
15782
+ top: 'top',
15783
+ right: 'right',
15784
+ bottom: 'bottom',
15785
+ left: 'left',
15786
+ 'top-start': 'top-start',
15787
+ 'top-end': 'top-end',
15788
+ 'right-start': 'right-start',
15789
+ 'right-end': 'right-end',
15790
+ 'bottom-start': 'bottom-start',
15791
+ 'bottom-end': 'bottom-end',
15792
+ 'left-start': 'left-start',
15793
+ 'left-end': 'left-end'
15794
+ };
15795
+
15796
+ /**
15797
+ * Component props.
15798
+ */
15799
+
15423
15800
  function useTooltip(_ref) {
15424
15801
  let {
15802
+ color,
15425
15803
  defaultOpen,
15426
15804
  delay,
15427
15805
  placement,
@@ -15474,21 +15852,18 @@ function useTooltip(_ref) {
15474
15852
  });
15475
15853
  const interactions = useInteractions([hover, focus, dismiss, role]);
15476
15854
  return React__default.useMemo(() => _objectSpread2(_objectSpread2(_objectSpread2({
15855
+ color,
15477
15856
  isOpen,
15478
15857
  handleOpen
15479
15858
  }, interactions), data), {}, {
15480
15859
  arrowRef,
15481
15860
  tooltipId,
15482
15861
  triggerClassName
15483
- }), [isOpen, handleOpen, interactions, data, arrowRef, tooltipId, triggerClassName]);
15862
+ }), [color, isOpen, handleOpen, interactions, data, arrowRef, tooltipId, triggerClassName]);
15484
15863
  }
15485
15864
 
15486
15865
  const COMPONENT_NAME$g = 'Tooltip';
15487
15866
  const CLASSNAME$g = 'redsift-tooltip';
15488
- const DEFAULT_PROPS$g = {
15489
- delay: 500,
15490
- placement: TooltipPlacement.top
15491
- };
15492
15867
 
15493
15868
  /**
15494
15869
  * The Tooltip component.
@@ -15496,17 +15871,19 @@ const DEFAULT_PROPS$g = {
15496
15871
  const BaseTooltip = props => {
15497
15872
  const {
15498
15873
  children,
15874
+ color,
15499
15875
  defaultOpen,
15500
- delay,
15876
+ delay = 500,
15501
15877
  isOpen,
15502
15878
  onOpen,
15503
- placement,
15504
- tooltipId,
15879
+ placement = TooltipPlacement.top,
15505
15880
  theme: propsTheme,
15881
+ tooltipId,
15506
15882
  triggerClassName
15507
15883
  } = props;
15508
15884
  const theme = useTheme ? useTheme(propsTheme) : undefined;
15509
15885
  const tooltip = useTooltip({
15886
+ color,
15510
15887
  defaultOpen,
15511
15888
  delay,
15512
15889
  placement,
@@ -15526,7 +15903,6 @@ const BaseTooltip = props => {
15526
15903
  }, trigger && isComponent('TooltipTrigger')(trigger) ? trigger : null, content && isComponent('TooltipContent')(content) ? content : null));
15527
15904
  };
15528
15905
  BaseTooltip.className = CLASSNAME$g;
15529
- BaseTooltip.defaultProps = DEFAULT_PROPS$g;
15530
15906
  BaseTooltip.displayName = COMPONENT_NAME$g;
15531
15907
  const Tooltip = Object.assign(BaseTooltip, {
15532
15908
  Trigger: TooltipTrigger,
@@ -15541,13 +15917,9 @@ const useTooltipContext = () => {
15541
15917
  return context;
15542
15918
  };
15543
15919
 
15544
- const _excluded$j = ["areAllCollapsed", "bannerVariant", "children", "className", "color", "defaultAllCollapsed", "icon", "isCollapsible", "isLoading", "onCollapseAll", "shield", "theme"];
15920
+ const _excluded$j = ["areAllCollapsed", "bannerVariant", "children", "className", "color", "defaultAllCollapsed", "icon", "isCollapsible", "isLoading", "onCollapseAll", "shield", "theme", "width"];
15545
15921
  const COMPONENT_NAME$f = 'DetailedCard';
15546
15922
  const CLASSNAME$f = 'redsift-detailed-card';
15547
- const DEFAULT_PROPS$f = {
15548
- isCollapsible: true,
15549
- width: '400px'
15550
- };
15551
15923
  const hasMultipleCollapsibleChildren = children => {
15552
15924
  const collapsibleChildren = [];
15553
15925
  const childrenArray = React__default.Children.toArray(children);
@@ -15579,11 +15951,12 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
15579
15951
  color,
15580
15952
  defaultAllCollapsed,
15581
15953
  icon,
15582
- isCollapsible: propsIsCollapsible,
15954
+ isCollapsible: propsIsCollapsible = true,
15583
15955
  isLoading,
15584
15956
  onCollapseAll,
15585
15957
  shield,
15586
- theme: propsTheme
15958
+ theme: propsTheme,
15959
+ width = '400px'
15587
15960
  } = props,
15588
15961
  forwardedProps = _objectWithoutProperties(props, _excluded$j);
15589
15962
  const theme = useTheme(propsTheme);
@@ -15612,7 +15985,9 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
15612
15985
  value: {
15613
15986
  theme
15614
15987
  }
15615
- }, /*#__PURE__*/React__default.createElement(StyledDetailedCard, _extends$1({}, forwardedProps, {
15988
+ }, /*#__PURE__*/React__default.createElement(StyledDetailedCard, _extends$1({
15989
+ width: width
15990
+ }, forwardedProps, {
15616
15991
  className: classNames(BaseDetailedCard.className, className),
15617
15992
  ref: ref,
15618
15993
  $color: color,
@@ -15680,7 +16055,6 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
15680
16055
  })));
15681
16056
  });
15682
16057
  BaseDetailedCard.className = CLASSNAME$f;
15683
- BaseDetailedCard.defaultProps = DEFAULT_PROPS$f;
15684
16058
  BaseDetailedCard.displayName = COMPONENT_NAME$f;
15685
16059
  const DetailedCard = Object.assign(BaseDetailedCard, {
15686
16060
  Header: DetailedCardHeader,
@@ -16438,6 +16812,7 @@ const StyledGrid = styled.div`
16438
16812
  ${baseStyling}
16439
16813
  ${baseInternalSpacing}
16440
16814
  ${baseGrid}
16815
+ ${baseBorder}
16441
16816
 
16442
16817
  ${_ref2 => {
16443
16818
  let {
@@ -16480,12 +16855,12 @@ const StyledGridItem = styled.div`
16480
16855
 
16481
16856
  ${baseStyling}
16482
16857
  ${baseInternalSpacing}
16858
+ ${baseBorder}
16483
16859
  `;
16484
16860
 
16485
16861
  const _excluded$i = ["children", "className"];
16486
16862
  const COMPONENT_NAME$e = 'GridItem';
16487
16863
  const CLASSNAME$e = 'redsift-grid-item';
16488
- const DEFAULT_PROPS$e = {};
16489
16864
 
16490
16865
  /**
16491
16866
  * The GridItem component.
@@ -16502,13 +16877,11 @@ const GridItem = /*#__PURE__*/forwardRef((props, ref) => {
16502
16877
  }), children);
16503
16878
  });
16504
16879
  GridItem.className = CLASSNAME$e;
16505
- GridItem.defaultProps = DEFAULT_PROPS$e;
16506
16880
  GridItem.displayName = COMPONENT_NAME$e;
16507
16881
 
16508
16882
  const _excluded$h = ["children", "className", "divider", "gap", "theme"];
16509
16883
  const COMPONENT_NAME$d = 'Grid';
16510
16884
  const CLASSNAME$d = 'redsift-grid';
16511
- const DEFAULT_PROPS$d = {};
16512
16885
 
16513
16886
  /**
16514
16887
  * The Grid component.
@@ -16536,30 +16909,79 @@ const BaseGrid = /*#__PURE__*/forwardRef((props, ref) => {
16536
16909
  }), children));
16537
16910
  });
16538
16911
  BaseGrid.className = CLASSNAME$d;
16539
- BaseGrid.defaultProps = DEFAULT_PROPS$d;
16540
16912
  BaseGrid.displayName = COMPONENT_NAME$d;
16541
16913
  const Grid = Object.assign(BaseGrid, {
16542
16914
  Item: GridItem
16543
16915
  });
16544
16916
 
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
16917
+ const _excluded$g = ["as", "className", "color", "href", "icon", "iconProps", "isActive", "isDisabled", "isHovered", "target", "theme", "variant"];
16918
+ const COMPONENT_NAME$c = 'IconButtonLink';
16919
+ const CLASSNAME$c = 'redsift-icon-button-link';
16550
16920
 
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);
16921
+ /**
16922
+ * The IconButtonLink is a semantic link that looks like an icon button.
16923
+ *
16924
+ * For a semantic button that looks like an icon button, please use the IconButton component.
16925
+ * For a semantic link that looks like a link, please use the Link component.
16926
+ * For a semantic button that looks like a link, please use the LinkButton component.
16927
+ */
16928
+ const IconButtonLink = /*#__PURE__*/forwardRef((props, ref) => {
16929
+ const {
16930
+ as,
16931
+ className,
16932
+ color: propsColor,
16933
+ href,
16934
+ icon,
16935
+ iconProps,
16936
+ isActive,
16937
+ isDisabled,
16938
+ isHovered,
16939
+ target,
16940
+ theme: propsTheme,
16941
+ variant: propsVariant
16942
+ } = props,
16943
+ forwardedProps = _objectWithoutProperties(props, _excluded$g);
16944
+ const theme = useTheme(propsTheme);
16945
+ const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
16946
+ const variant = Object.values(IconButtonVariant).includes(propsVariant) ? propsVariant : 'unstyled';
16947
+ const isGradient = color === ButtonsColorPalette.radar;
16948
+ return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
16949
+ condition: isGradient && variant === IconButtonVariant.secondary,
16950
+ wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
16951
+ $color: color,
16952
+ $isActive: isActive,
16953
+ $isDisabled: isDisabled,
16954
+ $isHovered: isHovered,
16955
+ $theme: theme
16956
+ }, children)
16957
+ }, /*#__PURE__*/React__default.createElement(StyledIconButton, _extends$1({
16958
+ as: as || 'a',
16959
+ role: "link",
16960
+ tabIndex: !isDisabled ? 0 : undefined
16961
+ }, forwardedProps, {
16962
+ $color: color,
16963
+ $isActive: isActive,
16964
+ $isDisabled: isDisabled,
16965
+ $isGradient: isGradient,
16966
+ $isHovered: isHovered,
16967
+ $theme: theme,
16968
+ $variant: variant,
16969
+ className: classNames(IconButtonLink.className, className),
16970
+ href: !isDisabled ? href : undefined,
16971
+ ref: ref,
16972
+ target: target
16973
+ }), /*#__PURE__*/React__default.createElement(Icon, _extends$1({}, iconProps, {
16974
+ icon: icon
16975
+ }))));
16976
+ });
16977
+ IconButtonLink.className = CLASSNAME$c;
16978
+ IconButtonLink.displayName = COMPONENT_NAME$c;
16557
16979
 
16558
16980
  /**
16559
16981
  * Component style.
16560
16982
  */
16561
16983
  const StyledItem = styled.div`
16562
- height: 36px;
16984
+ min-height: 36px;
16563
16985
  position: relative;
16564
16986
  width: 100%;
16565
16987
  padding: 8px 16px;
@@ -16572,37 +16994,74 @@ const StyledItem = styled.div`
16572
16994
  box-sizing: border-box;
16573
16995
  display: inline-flex;
16574
16996
 
16997
+ > a {
16998
+ display: inline-flex;
16999
+ align-items: center;
17000
+ text-decoration: none;
17001
+ color: inherit;
17002
+ }
17003
+
16575
17004
  ${_ref => {
16576
17005
  let {
17006
+ $color,
16577
17007
  $isActive,
16578
- $isSelected,
16579
17008
  $isDisabled,
17009
+ $isGradient,
16580
17010
  $isHovered,
16581
- $isFocused,
16582
- $hasCheckbox,
17011
+ $hasBorder,
16583
17012
  $theme
16584
17013
  } = _ref;
16585
17014
  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'};
17015
+ ${!$isGradient ? css`
17016
+ background-color: var(
17017
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}
17018
+ );
17019
+ ` : css`
17020
+ background: var(
17021
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}
17022
+ );
17023
+ `}
17024
+
17025
+ ${$hasBorder ? css`
17026
+ border: 1px solid
17027
+ var(
17028
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-text-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}
17029
+ );
17030
+ ` : ''}
16587
17031
  `;
16588
17032
  }}
16589
17033
 
16590
- &:hover,
16591
- &:focus-visible {
17034
+ &:hover {
16592
17035
  outline: none;
16593
17036
 
16594
17037
  ${_ref2 => {
16595
17038
  let {
16596
- $isActive,
16597
- $isSelected,
17039
+ $color,
16598
17040
  $isDisabled,
16599
- $hasCheckbox,
17041
+ $isGradient,
17042
+ $hasBorder,
16600
17043
  $theme
16601
17044
  } = _ref2;
16602
17045
  return css`
16603
17046
  cursor: ${$isDisabled ? 'default' : 'pointer'};
16604
- background-color: ${$isActive ? activeColor($theme, $isDisabled) : $isSelected ? selectedHoveredColor($theme, $isDisabled, $hasCheckbox) : hoverColor($theme, $isDisabled)};
16605
- `;
17047
+
17048
+ ${!$isDisabled ? css`
17049
+ ${!$isGradient ? css`
17050
+ background-color: var(
17051
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-hover
17052
+ );
17053
+
17054
+ ${$hasBorder ? css`
17055
+ border: 1px solid
17056
+ var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-hover);
17057
+ ` : ''}
17058
+ ` : css`
17059
+ background: var(
17060
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-hover
17061
+ );
17062
+ `}
17063
+ ` : ''}
17064
+ `;
16606
17065
  }};
16607
17066
  }
16608
17067
 
@@ -16611,12 +17070,32 @@ const StyledItem = styled.div`
16611
17070
 
16612
17071
  ${_ref3 => {
16613
17072
  let {
17073
+ $color,
17074
+ $hasBorder,
16614
17075
  $isHovered,
16615
17076
  $isDisabled,
17077
+ $isGradient,
16616
17078
  $theme
16617
17079
  } = _ref3;
16618
17080
  return css`
16619
- background-color: ${$isHovered ? hoverColor($theme, $isDisabled) : activeColor($theme, $isDisabled)};
17081
+ ${!$isDisabled ? css`
17082
+ ${!$isGradient ? css`
17083
+ background-color: var(
17084
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isHovered ? 'hover' : 'active'}
17085
+ );
17086
+
17087
+ ${$hasBorder ? css`
17088
+ border: 1px solid
17089
+ var(
17090
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-text-${$isHovered ? 'hover' : 'active'}
17091
+ );
17092
+ ` : ''}
17093
+ ` : css`
17094
+ background: var(
17095
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isHovered ? 'hover' : 'active'}
17096
+ );
17097
+ `}
17098
+ ` : ''}
16620
17099
  `;
16621
17100
  }};
16622
17101
  }
@@ -16750,8 +17229,16 @@ function useMenuItem(props) {
16750
17229
  domElementRef,
16751
17230
  id,
16752
17231
  isDisabled,
16753
- onClick
17232
+ onClick,
17233
+ isLinkMenuItem,
17234
+ linkRef,
17235
+ hasPopup
16754
17236
  } = props;
17237
+ const {
17238
+ handleOpen,
17239
+ hideInsteadOfClose,
17240
+ setHideInsteadOfClose
17241
+ } = usePopoverContext();
16755
17242
  const {
16756
17243
  tabIndex,
16757
17244
  isFocused,
@@ -16762,16 +17249,28 @@ function useMenuItem(props) {
16762
17249
  isDisabled: isDisabled,
16763
17250
  id
16764
17251
  });
17252
+ useEffect(() => {
17253
+ if (hasPopup && !hideInsteadOfClose) {
17254
+ setHideInsteadOfClose === null || setHideInsteadOfClose === void 0 ? void 0 : setHideInsteadOfClose(true);
17255
+ }
17256
+ }, [hasPopup, hideInsteadOfClose, setHideInsteadOfClose]);
16765
17257
  const handleKeyDown = useCallback(event => {
16766
17258
  const code = event.code;
16767
17259
  if (code === 'Enter' || code === 'Space') {
16768
- onClick === null || onClick === void 0 ? void 0 : onClick();
17260
+ if (isLinkMenuItem) {
17261
+ var _linkRef$current;
17262
+ linkRef === null || linkRef === void 0 ? void 0 : (_linkRef$current = linkRef.current) === null || _linkRef$current === void 0 ? void 0 : _linkRef$current.click();
17263
+ } else {
17264
+ onClick === null || onClick === void 0 ? void 0 : onClick();
17265
+ }
16769
17266
  }
16770
17267
  handleFocusKeyDown(event);
17268
+ handleOpen(false);
16771
17269
  }, []);
16772
17270
  const handleClick = useCallback(() => {
16773
17271
  handleFocusClick();
16774
17272
  onClick === null || onClick === void 0 ? void 0 : onClick();
17273
+ handleOpen(false);
16775
17274
  }, []);
16776
17275
  useEffect(() => {
16777
17276
  if (isFocused && domElementRef.current) {
@@ -16788,26 +17287,28 @@ function useMenuItem(props) {
16788
17287
  };
16789
17288
  }
16790
17289
 
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 = {};
17290
+ const _excluded$f = ["borderRadius", "children", "className", "color", "defaultSelected", "id", "isActive", "isDisabled", "isHovered", "isSelected", "hasBorder", "hasCheckbox", "theme", "value"],
17291
+ _excluded2 = ["borderRadius", "children", "className", "color", "hasBorder", "id", "isActive", "isDisabled", "isHovered", "theme", "onClick"];
17292
+ const COMPONENT_NAME$b = 'Item';
17293
+ const CLASSNAME$b = 'redsift-item';
16796
17294
  const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
16797
17295
  const {
17296
+ borderRadius = '0',
16798
17297
  children,
16799
17298
  className,
17299
+ color: propsColor,
16800
17300
  defaultSelected,
16801
17301
  id: propsId,
16802
17302
  isActive,
16803
17303
  isDisabled: propsIsDisabled,
16804
17304
  isHovered,
16805
17305
  isSelected: propsIsSelected,
17306
+ hasBorder,
16806
17307
  hasCheckbox,
16807
17308
  theme: propsTheme,
16808
17309
  value
16809
17310
  } = props,
16810
- forwardedProps = _objectWithoutProperties(props, _excluded$g);
17311
+ forwardedProps = _objectWithoutProperties(props, _excluded$f);
16811
17312
  const id = propsId !== null && propsId !== void 0 ? propsId : value;
16812
17313
  const _ref = useRef();
16813
17314
  const divRef = ref !== null && ref !== void 0 ? ref : _ref;
@@ -16826,35 +17327,54 @@ const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
16826
17327
  propsIsSelected: propsIsSelected !== null && propsIsSelected !== void 0 ? propsIsSelected : defaultSelected
16827
17328
  });
16828
17329
  const theme = useTheme(propsTheme);
16829
- return /*#__PURE__*/React__default.createElement(StyledItem, _extends$1({
17330
+ const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
17331
+ const isGradient = color === ButtonsColorPalette.radar;
17332
+ return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
17333
+ condition: isGradient,
17334
+ wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
17335
+ $borderRadius: borderRadius,
17336
+ $color: color,
17337
+ $isActive: isActive,
17338
+ $isDisabled: isDisabled,
17339
+ $isHovered: isHovered,
17340
+ $theme: theme,
17341
+ width: "auto"
17342
+ }, children)
17343
+ }, /*#__PURE__*/React__default.createElement(StyledItem, _extends$1({
16830
17344
  role: "option"
16831
17345
  }, forwardedProps, {
16832
17346
  id: id,
16833
- $isActive: isActive,
16834
- $isDisabled: isDisabled,
16835
- $isFocused: isFocused,
16836
- $isHovered: isHovered,
16837
- $isSelected: isSelected,
17347
+ $borderRadius: borderRadius,
17348
+ $color: color,
17349
+ $hasBorder: hasBorder,
16838
17350
  $hasCheckbox: hasCheckbox,
17351
+ $isActive: isActive || isSelected,
17352
+ $isDisabled: isDisabled,
17353
+ $isGradient: isGradient,
17354
+ $isHovered: isHovered || isFocused,
16839
17355
  $theme: theme,
16840
17356
  "aria-selected": isSelected,
17357
+ "aria-disabled": isDisabled,
16841
17358
  className: classNames(Item.className, className),
16842
- onClick: handleClick,
17359
+ onClick: isDisabled ? undefined : handleClick,
16843
17360
  ref: divRef,
16844
17361
  onKeyDown: handleKeyDown,
16845
17362
  tabIndex: tabIndex
16846
17363
  }), hasCheckbox ? /*#__PURE__*/React__default.createElement(Flexbox, null, isSelected ? /*#__PURE__*/React__default.createElement(Icon, {
16847
- color: "primary",
17364
+ color: isDisabled ? 'grey' : color,
16848
17365
  icon: mdiCheckboxMarked
16849
17366
  }) : /*#__PURE__*/React__default.createElement(Icon, {
16850
17367
  color: "question",
16851
17368
  icon: mdiCheckboxBlankOutline
16852
- }), children ? children : /*#__PURE__*/React__default.createElement(Text, null, value)) : children !== null && children !== void 0 ? children : value);
17369
+ }), children ? children : /*#__PURE__*/React__default.createElement(Text, null, value)) : children !== null && children !== void 0 ? children : value));
16853
17370
  });
16854
17371
  const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
16855
17372
  const {
17373
+ borderRadius = '0',
16856
17374
  children,
16857
17375
  className,
17376
+ color: propsColor,
17377
+ hasBorder,
16858
17378
  id: propsId,
16859
17379
  isActive,
16860
17380
  isDisabled: propsIsDisabled,
@@ -16866,7 +17386,9 @@ const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
16866
17386
  const [_id] = useId$2();
16867
17387
  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
16868
17388
  const _ref = useRef();
16869
- const divRef = ref !== null && ref !== void 0 ? ref : _ref;
17389
+ const divRef = useMergeRefs([ref, _ref]);
17390
+ const linkRef = useRef(null);
17391
+ const isLinkMenuItem = isComponent('Link')(children);
16870
17392
  const {
16871
17393
  tabIndex,
16872
17394
  isFocused,
@@ -16874,29 +17396,52 @@ const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
16874
17396
  handleKeyDown,
16875
17397
  handleClick
16876
17398
  } = useMenuItem({
16877
- domElementRef: divRef,
17399
+ domElementRef: _ref,
16878
17400
  id,
16879
17401
  isDisabled: propsIsDisabled,
16880
- onClick: onClick
17402
+ onClick: onClick,
17403
+ isLinkMenuItem,
17404
+ linkRef,
17405
+ hasPopup: props['aria-haspopup'] !== undefined
16881
17406
  });
16882
17407
  const theme = useTheme(propsTheme);
16883
- return /*#__PURE__*/React__default.createElement(StyledItem, _extends$1({
16884
- role: "option"
17408
+ const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
17409
+ const isGradient = color === ButtonsColorPalette.radar;
17410
+ return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
17411
+ condition: isGradient,
17412
+ wrapper: children => /*#__PURE__*/React__default.createElement(StyledGradientBorder, {
17413
+ $borderRadius: borderRadius,
17414
+ $color: color,
17415
+ $isActive: isActive,
17416
+ $isDisabled: isDisabled,
17417
+ $isHovered: isHovered,
17418
+ $theme: theme,
17419
+ width: "auto"
17420
+ }, children)
17421
+ }, /*#__PURE__*/React__default.createElement(StyledItem, _extends$1({
17422
+ as: "li",
17423
+ role: isLinkMenuItem ? 'none' : 'menuitem'
16885
17424
  }, forwardedProps, {
16886
17425
  id: id,
17426
+ $borderRadius: borderRadius,
17427
+ $color: color,
17428
+ $hasBorder: hasBorder,
17429
+ $hasCheckbox: false,
16887
17430
  $isActive: isActive,
16888
17431
  $isDisabled: isDisabled,
16889
- $isFocused: isFocused,
16890
- $isHovered: isHovered,
16891
- $isSelected: false,
16892
- $hasCheckbox: false,
17432
+ $isGradient: isGradient,
17433
+ $isHovered: isHovered || isFocused,
16893
17434
  $theme: theme,
17435
+ "aria-disabled": isDisabled,
16894
17436
  className: classNames(Item.className, className),
16895
- onClick: handleClick,
17437
+ onClick: isDisabled ? undefined : handleClick,
16896
17438
  ref: divRef,
16897
17439
  onKeyDown: handleKeyDown,
16898
17440
  tabIndex: tabIndex
16899
- }), children);
17441
+ }), isLinkMenuItem ? /*#__PURE__*/React__default.cloneElement(children, {
17442
+ role: 'menuitem',
17443
+ ref: linkRef
17444
+ }) : children));
16900
17445
  });
16901
17446
 
16902
17447
  /**
@@ -16945,9 +17490,8 @@ const Item = /*#__PURE__*/forwardRef((props, ref) => {
16945
17490
  }
16946
17491
  return null;
16947
17492
  });
16948
- Item.className = CLASSNAME$c;
16949
- Item.defaultProps = DEFAULT_PROPS$c;
16950
- Item.displayName = COMPONENT_NAME$c;
17493
+ Item.className = CLASSNAME$b;
17494
+ Item.displayName = COMPONENT_NAME$b;
16951
17495
 
16952
17496
  /**
16953
17497
  * Component style.
@@ -16989,10 +17533,9 @@ const StyledLink = styled.a`
16989
17533
  }
16990
17534
  `;
16991
17535
 
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 = {};
17536
+ const _excluded$e = ["as", "children", "className", "href", "isDisabled", "theme"];
17537
+ const COMPONENT_NAME$a = 'Link';
17538
+ const CLASSNAME$a = 'redsift-link';
16996
17539
 
16997
17540
  /**
16998
17541
  * The Link is a semantic link that looks like a link.
@@ -17011,7 +17554,7 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
17011
17554
  isDisabled,
17012
17555
  theme: propsTheme
17013
17556
  } = props,
17014
- forwardedProps = _objectWithoutProperties(props, _excluded$f);
17557
+ forwardedProps = _objectWithoutProperties(props, _excluded$e);
17015
17558
  const theme = useTheme(propsTheme);
17016
17559
  return /*#__PURE__*/React__default.createElement(StyledLink, _extends$1({
17017
17560
  as: as,
@@ -17026,14 +17569,12 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
17026
17569
  ref: ref
17027
17570
  }), children);
17028
17571
  });
17029
- Link.className = CLASSNAME$b;
17030
- Link.defaultProps = DEFAULT_PROPS$b;
17031
- Link.displayName = COMPONENT_NAME$b;
17572
+ Link.className = CLASSNAME$a;
17573
+ Link.displayName = COMPONENT_NAME$a;
17032
17574
 
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 = {};
17575
+ const _excluded$d = ["children", "className", "disabled", "isDisabled", "theme"];
17576
+ const COMPONENT_NAME$9 = 'LinkButton';
17577
+ const CLASSNAME$9 = 'redsift-link-button';
17037
17578
 
17038
17579
  /**
17039
17580
  * The LinkButton is a semantic button that looks like a link.
@@ -17051,7 +17592,7 @@ const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
17051
17592
  isDisabled: propsIsDisabled,
17052
17593
  theme: propsTheme
17053
17594
  } = props,
17054
- forwardedProps = _objectWithoutProperties(props, _excluded$e);
17595
+ forwardedProps = _objectWithoutProperties(props, _excluded$d);
17055
17596
  const isDisabled = propsIsDisabled || disabled;
17056
17597
  const theme = useTheme(propsTheme);
17057
17598
  return /*#__PURE__*/React__default.createElement(StyledLink, _extends$1({
@@ -17067,11 +17608,10 @@ const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
17067
17608
  ref: buttonRef
17068
17609
  }), children);
17069
17610
  });
17070
- LinkButton.className = CLASSNAME$a;
17071
- LinkButton.defaultProps = DEFAULT_PROPS$a;
17072
- LinkButton.displayName = COMPONENT_NAME$a;
17611
+ LinkButton.className = CLASSNAME$9;
17612
+ LinkButton.displayName = COMPONENT_NAME$9;
17073
17613
 
17074
- const _excluded$d = ["children", "id", "isDisabled", "context"];
17614
+ const _excluded$c = ["children", "id", "isDisabled", "context"];
17075
17615
  const ActiveDescendantListbox = /*#__PURE__*/forwardRef((props, ref) => {
17076
17616
  var _context$state$active;
17077
17617
  const {
@@ -17080,7 +17620,7 @@ const ActiveDescendantListbox = /*#__PURE__*/forwardRef((props, ref) => {
17080
17620
  isDisabled,
17081
17621
  context
17082
17622
  } = props,
17083
- forwardedProps = _objectWithoutProperties(props, _excluded$d);
17623
+ forwardedProps = _objectWithoutProperties(props, _excluded$c);
17084
17624
  const {
17085
17625
  activedescendant,
17086
17626
  handleKeyDown: handleFocusKeyDown,
@@ -17136,7 +17676,7 @@ const ActiveDescendantListbox = /*#__PURE__*/forwardRef((props, ref) => {
17136
17676
  }, children));
17137
17677
  });
17138
17678
 
17139
- const _excluded$c = ["children", "id", "isDisabled", "context"];
17679
+ const _excluded$b = ["children", "id", "isDisabled", "context"];
17140
17680
  const RovingTabindexListbox = /*#__PURE__*/forwardRef((props, ref) => {
17141
17681
  const {
17142
17682
  children,
@@ -17144,7 +17684,7 @@ const RovingTabindexListbox = /*#__PURE__*/forwardRef((props, ref) => {
17144
17684
  isDisabled,
17145
17685
  context
17146
17686
  } = props,
17147
- forwardedProps = _objectWithoutProperties(props, _excluded$c);
17687
+ forwardedProps = _objectWithoutProperties(props, _excluded$b);
17148
17688
  return /*#__PURE__*/React__default.createElement(Flexbox, _extends$1({
17149
17689
  flexDirection: "column",
17150
17690
  gap: "8px"
@@ -17237,15 +17777,9 @@ const ListboxReducer = (state, action) => {
17237
17777
  }
17238
17778
  };
17239
17779
 
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
- };
17780
+ const _excluded$a = ["children", "className", "defaultValues", "direction", "focusOnClick", "focusType", "id", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "loopAround", "onChange", "selectionMode", "values", "variant"];
17781
+ const COMPONENT_NAME$8 = 'Listbox';
17782
+ const CLASSNAME$8 = 'redsift-listbox';
17249
17783
 
17250
17784
  /**
17251
17785
  * The Listbox component.
@@ -17257,8 +17791,8 @@ const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
17257
17791
  className,
17258
17792
  defaultValues,
17259
17793
  direction,
17260
- focusOnClick,
17261
- focusType,
17794
+ focusOnClick = false,
17795
+ focusType = 'roving-tabindex',
17262
17796
  id: propsId,
17263
17797
  isDisabled,
17264
17798
  isInvalid,
@@ -17267,11 +17801,11 @@ const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
17267
17801
  label,
17268
17802
  loopAround,
17269
17803
  onChange,
17270
- selectionMode,
17804
+ selectionMode = 'single',
17271
17805
  values,
17272
- variant
17806
+ variant = ListboxVariant.standalone
17273
17807
  } = props,
17274
- forwardedProps = _objectWithoutProperties(props, _excluded$b);
17808
+ forwardedProps = _objectWithoutProperties(props, _excluded$a);
17275
17809
  const [_id] = useId$2();
17276
17810
  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
17277
17811
  const _ref = useRef();
@@ -17299,6 +17833,7 @@ const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
17299
17833
  useEffect(() => {
17300
17834
  onChange === null || onChange === void 0 ? void 0 : onChange(state.selectedValues);
17301
17835
  }, [state.selectedValues]);
17836
+ warnIfNoAccessibleLabelFound(props, [label]);
17302
17837
  return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
17303
17838
  wrapper: children => /*#__PURE__*/React__default.createElement(StyledListbox, _extends$1({
17304
17839
  flexDirection: "column",
@@ -17333,124 +17868,8 @@ const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
17333
17868
  ref: divRef
17334
17869
  }), children)));
17335
17870
  });
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;
17871
+ Listbox.className = CLASSNAME$8;
17872
+ Listbox.displayName = COMPONENT_NAME$8;
17454
17873
 
17455
17874
  /**
17456
17875
  * Component variant.
@@ -19199,13 +19618,9 @@ const StyledNumberField = styled.div`
19199
19618
  }}
19200
19619
  `;
19201
19620
 
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"];
19621
+ 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
19622
  const COMPONENT_NAME$7 = 'NumberField';
19204
19623
  const CLASSNAME$7 = 'redsift-number-field';
19205
- const DEFAULT_PROPS$7 = {
19206
- isColored: true,
19207
- variant: NumberFieldVariant.default
19208
- };
19209
19624
 
19210
19625
  /**
19211
19626
  * The NumberField component.
@@ -19215,34 +19630,34 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
19215
19630
  const {
19216
19631
  autoFocus,
19217
19632
  className,
19218
- id,
19633
+ decrementAriaLabel,
19219
19634
  defaultValue,
19635
+ formatOptions,
19636
+ id,
19637
+ incrementAriaLabel,
19220
19638
  inputProps: propsInputProps,
19221
19639
  inputRef: propsInputRef,
19222
- isColored,
19640
+ isColored = true,
19223
19641
  isDisabled,
19224
19642
  isInvalid,
19225
19643
  isReadOnly,
19226
19644
  isRequired,
19645
+ isWheelDisabled,
19227
19646
  label,
19228
19647
  leftIcon,
19648
+ maxValue,
19649
+ minValue,
19229
19650
  onBlur: onBlurProps,
19651
+ onChange,
19230
19652
  onFocus: onFocusProps,
19231
- placeholder,
19232
- theme: propsTheme,
19233
- variant,
19234
- decrementAriaLabel,
19235
- incrementAriaLabel,
19236
- isWheelDisabled,
19237
- formatOptions,
19238
19653
  onFocusChange,
19239
19654
  onKeyDown,
19240
19655
  onKeyUp,
19241
- minValue,
19242
- maxValue,
19656
+ placeholder,
19243
19657
  step,
19658
+ theme: propsTheme,
19244
19659
  value,
19245
- onChange
19660
+ variant = NumberFieldVariant.default
19246
19661
  } = props,
19247
19662
  forwardedProps = _objectWithoutProperties(props, _excluded$7);
19248
19663
  const numberFieldProps = {
@@ -19357,6 +19772,7 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
19357
19772
  $color: "grey",
19358
19773
  $isActive: false,
19359
19774
  $isDisabled: isDisabled,
19775
+ $isGradient: false,
19360
19776
  $isHovered: false,
19361
19777
  $isLoading: false,
19362
19778
  $variant: variant === NumberFieldVariant.underline ? 'unstyled' : 'secondary',
@@ -19370,6 +19786,7 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
19370
19786
  $color: "grey",
19371
19787
  $isActive: false,
19372
19788
  $isDisabled: isDisabled,
19789
+ $isGradient: false,
19373
19790
  $isHovered: false,
19374
19791
  $isLoading: false,
19375
19792
  $variant: variant === NumberFieldVariant.underline ? 'unstyled' : 'secondary',
@@ -19387,7 +19804,6 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
19387
19804
  }, label ? /*#__PURE__*/React__default.createElement("span", null, label) : null))));
19388
19805
  });
19389
19806
  NumberField.className = CLASSNAME$7;
19390
- NumberField.defaultProps = DEFAULT_PROPS$7;
19391
19807
  NumberField.displayName = COMPONENT_NAME$7;
19392
19808
 
19393
19809
  /**
@@ -19427,7 +19843,6 @@ const StyledProgressBar = styled.progress`
19427
19843
  const _excluded$6 = ["className", "theme", "value"];
19428
19844
  const COMPONENT_NAME$6 = 'ProgressBar';
19429
19845
  const CLASSNAME$6 = 'redsift-progress-bar';
19430
- const DEFAULT_PROPS$6 = {};
19431
19846
 
19432
19847
  /**
19433
19848
  * The Progress bar component.
@@ -19450,7 +19865,6 @@ const ProgressBar = /*#__PURE__*/forwardRef((props, ref) => {
19450
19865
  }));
19451
19866
  });
19452
19867
  ProgressBar.className = CLASSNAME$6;
19453
- ProgressBar.defaultProps = DEFAULT_PROPS$6;
19454
19868
  ProgressBar.displayName = COMPONENT_NAME$6;
19455
19869
 
19456
19870
  /**
@@ -19543,13 +19957,9 @@ const StyledRadioGroup = styled.div`
19543
19957
  }
19544
19958
  `;
19545
19959
 
19546
- const _excluded$5 = ["children", "className", "defaultValue", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "theme", "value"];
19960
+ const _excluded$5 = ["children", "className", "color", "defaultValue", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "theme", "value"];
19547
19961
  const COMPONENT_NAME$5 = 'RadioGroup';
19548
19962
  const CLASSNAME$5 = 'redsift-radio-group';
19549
- const DEFAULT_PROPS$5 = {
19550
- color: ColorPalette.primary,
19551
- orientation: RadioGroupOrientation.vertical
19552
- };
19553
19963
 
19554
19964
  /**
19555
19965
  * The RadioGroup component.
@@ -19559,6 +19969,7 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
19559
19969
  const {
19560
19970
  children,
19561
19971
  className,
19972
+ color = ColorPalette.primary,
19562
19973
  defaultValue,
19563
19974
  description,
19564
19975
  isDisabled,
@@ -19567,7 +19978,7 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
19567
19978
  isRequired,
19568
19979
  label,
19569
19980
  onChange,
19570
- orientation,
19981
+ orientation = RadioGroupOrientation.vertical,
19571
19982
  theme: propsTheme,
19572
19983
  value
19573
19984
  } = props,
@@ -19598,7 +20009,9 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
19598
20009
  value: {
19599
20010
  theme
19600
20011
  }
19601
- }, /*#__PURE__*/React__default.createElement(StyledRadioGroup, _extends$1({}, forwardedProps, {
20012
+ }, /*#__PURE__*/React__default.createElement(StyledRadioGroup, _extends$1({
20013
+ color: color
20014
+ }, forwardedProps, {
19602
20015
  $isDisabled: isDisabled,
19603
20016
  $isInvalid: isInvalid || isRequired && selectedValue.length === 0,
19604
20017
  $isReadOnly: isReadOnly,
@@ -19619,7 +20032,6 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
19619
20032
  }, description)));
19620
20033
  });
19621
20034
  RadioGroup.className = CLASSNAME$5;
19622
- RadioGroup.defaultProps = DEFAULT_PROPS$5;
19623
20035
  RadioGroup.displayName = COMPONENT_NAME$5;
19624
20036
 
19625
20037
  /**
@@ -19733,9 +20145,6 @@ const StyledRadio = styled.label`
19733
20145
  const _excluded$4 = ["aria-label", "aria-labelledby", "autoFocus", "children", "className", "defaultSelected", "inputProps", "inputRef", "isColored", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "isSelected", "name", "onChange", "theme", "value"];
19734
20146
  const COMPONENT_NAME$4 = 'Radio';
19735
20147
  const CLASSNAME$4 = 'redsift-radio';
19736
- const DEFAULT_PROPS$4 = {
19737
- isColored: true
19738
- };
19739
20148
 
19740
20149
  /**
19741
20150
  * The Radio component.
@@ -19754,7 +20163,7 @@ const Radio = /*#__PURE__*/forwardRef((props, ref) => {
19754
20163
  defaultSelected,
19755
20164
  inputProps,
19756
20165
  inputRef,
19757
- isColored,
20166
+ isColored = true,
19758
20167
  isDisabled,
19759
20168
  isInvalid,
19760
20169
  isReadOnly,
@@ -19846,7 +20255,6 @@ const Radio = /*#__PURE__*/forwardRef((props, ref) => {
19846
20255
  })));
19847
20256
  });
19848
20257
  Radio.className = CLASSNAME$4;
19849
- Radio.defaultProps = DEFAULT_PROPS$4;
19850
20258
  Radio.displayName = COMPONENT_NAME$4;
19851
20259
 
19852
20260
  const SwitchGroupContext = /*#__PURE__*/React__default.createContext(null);
@@ -20036,9 +20444,6 @@ const StyledSwitch = styled.label`
20036
20444
  const _excluded$3 = ["aria-label", "aria-labelledby", "autoFocus", "children", "className", "defaultSelected", "inputProps", "inputRef", "isColored", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "isSelected", "name", "onChange", "theme", "value"];
20037
20445
  const COMPONENT_NAME$3 = 'Switch';
20038
20446
  const CLASSNAME$3 = 'redsift-switch';
20039
- const DEFAULT_PROPS$3 = {
20040
- isColored: true
20041
- };
20042
20447
 
20043
20448
  /**
20044
20449
  * The Switch component.
@@ -20057,7 +20462,7 @@ const Switch = /*#__PURE__*/forwardRef((props, ref) => {
20057
20462
  defaultSelected,
20058
20463
  inputProps,
20059
20464
  inputRef,
20060
- isColored,
20465
+ isColored = true,
20061
20466
  isDisabled,
20062
20467
  isInvalid,
20063
20468
  isReadOnly,
@@ -20160,7 +20565,6 @@ const Switch = /*#__PURE__*/forwardRef((props, ref) => {
20160
20565
  })));
20161
20566
  });
20162
20567
  Switch.className = CLASSNAME$3;
20163
- Switch.defaultProps = DEFAULT_PROPS$3;
20164
20568
  Switch.displayName = COMPONENT_NAME$3;
20165
20569
 
20166
20570
  /**
@@ -20251,13 +20655,9 @@ const StyledSwitchGroup = styled.div`
20251
20655
  }
20252
20656
  `;
20253
20657
 
20254
- const _excluded$2 = ["children", "className", "defaultValues", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "theme", "value"];
20658
+ const _excluded$2 = ["children", "className", "color", "defaultValues", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "theme", "value"];
20255
20659
  const COMPONENT_NAME$2 = 'SwitchGroup';
20256
20660
  const CLASSNAME$2 = 'redsift-switch-group';
20257
- const DEFAULT_PROPS$2 = {
20258
- color: ColorPalette.primary,
20259
- orientation: SwitchGroupOrientation.vertical
20260
- };
20261
20661
 
20262
20662
  /**
20263
20663
  * The SwitchGroup component.
@@ -20267,6 +20667,7 @@ const SwitchGroup = /*#__PURE__*/forwardRef((props, ref) => {
20267
20667
  const {
20268
20668
  children,
20269
20669
  className,
20670
+ color = ColorPalette.primary,
20270
20671
  defaultValues,
20271
20672
  description,
20272
20673
  isDisabled,
@@ -20275,7 +20676,7 @@ const SwitchGroup = /*#__PURE__*/forwardRef((props, ref) => {
20275
20676
  isRequired,
20276
20677
  label,
20277
20678
  onChange,
20278
- orientation,
20679
+ orientation = SwitchGroupOrientation.vertical,
20279
20680
  theme: propsTheme,
20280
20681
  value
20281
20682
  } = props,
@@ -20318,7 +20719,9 @@ const SwitchGroup = /*#__PURE__*/forwardRef((props, ref) => {
20318
20719
  value: {
20319
20720
  theme
20320
20721
  }
20321
- }, /*#__PURE__*/React__default.createElement(StyledSwitchGroup, _extends$1({}, forwardedProps, {
20722
+ }, /*#__PURE__*/React__default.createElement(StyledSwitchGroup, _extends$1({
20723
+ color: color
20724
+ }, forwardedProps, {
20322
20725
  $isDisabled: isDisabled,
20323
20726
  $isInvalid: isInvalid || isRequired && selectedValues.length === 0,
20324
20727
  $isReadOnly: isReadOnly,
@@ -20339,7 +20742,6 @@ const SwitchGroup = /*#__PURE__*/forwardRef((props, ref) => {
20339
20742
  }, description)));
20340
20743
  });
20341
20744
  SwitchGroup.className = CLASSNAME$2;
20342
- SwitchGroup.defaultProps = DEFAULT_PROPS$2;
20343
20745
  SwitchGroup.displayName = COMPONENT_NAME$2;
20344
20746
 
20345
20747
  /**
@@ -20373,12 +20775,14 @@ const StyledTextArea = styled.div`
20373
20775
 
20374
20776
  ${_ref => {
20375
20777
  let {
20778
+ label,
20376
20779
  $hasLeftIcon,
20377
20780
  $hasContent,
20378
20781
  $isFocused,
20379
20782
  $isDisabled,
20380
20783
  $isInvalid,
20381
- $isColored,
20784
+ $color,
20785
+ $isGradient,
20382
20786
  $theme,
20383
20787
  $variant
20384
20788
  } = _ref;
@@ -20397,7 +20801,7 @@ const StyledTextArea = styled.div`
20397
20801
  pointer-events: none;
20398
20802
  position: absolute;
20399
20803
  text-overflow: ellipsis;
20400
- top: ${$hasContent ? '-8px' : '-5px'};
20804
+ top: ${$hasContent ? '-8px' : '-6px'};
20401
20805
  transform-origin: top left;
20402
20806
  transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,
20403
20807
  max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
@@ -20412,14 +20816,23 @@ const StyledTextArea = styled.div`
20412
20816
  transform: translate(${$variant === TextAreaVariant.underline ? '0px' : '14px'}, 1px) scale(0.733);
20413
20817
  `}
20414
20818
 
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)'};
20819
+ ${!$isGradient ? css`
20820
+ color: var(
20821
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
20822
+ );
20421
20823
  ` : css`
20422
- color: var(--redsift-color-neutral-${$theme === Theme.light ? 'x-dark-grey' : 'light-grey'});
20824
+ background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'});
20825
+ ${$variant !== TextAreaVariant.underline ? css`
20826
+ padding-right: 7px;
20827
+ padding-left: 5px;
20828
+ ` : ''}
20829
+ > span {
20830
+ background: var(
20831
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
20832
+ );
20833
+ background-clip: text;
20834
+ color: transparent;
20835
+ }
20423
20836
  `}
20424
20837
  }
20425
20838
 
@@ -20457,11 +20870,11 @@ const StyledTextArea = styled.div`
20457
20870
  }
20458
20871
 
20459
20872
  flex: 1 1 auto;
20460
- padding-bottom: 6px;
20461
- padding-top: 10px;
20873
+ padding-bottom: 9px;
20462
20874
  ${$variant !== TextAreaVariant.underline && !$hasLeftIcon ? css`
20463
20875
  padding-left: 16px;
20464
20876
  ` : ''}
20877
+ padding-top: ${label ? '10px' : '9px'};
20465
20878
  padding-right: 8px;
20466
20879
  }
20467
20880
 
@@ -20487,21 +20900,32 @@ const StyledTextArea = styled.div`
20487
20900
  text-align: left;
20488
20901
  top: -5px;
20489
20902
 
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)'};
20903
+ ${!$isGradient || $isDisabled || !$isFocused || $isInvalid ? css`
20904
+ ${$variant === TextAreaVariant.underline ? css`
20905
+ border-bottom-width: 2px;
20906
+ ` : css`
20907
+ border-radius: 4px;
20908
+ border-width: 2px;
20909
+ `}
20910
+ border-color: var(
20911
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
20912
+ );
20503
20913
  ` : css`
20504
- border-color: var(--redsift-color-neutral-mid-grey);
20914
+ ${$variant === TextAreaVariant.underline ? css`
20915
+ border-bottom: 2px solid transparent;
20916
+ ` : css`
20917
+ border: 2px solid transparent;
20918
+ border-radius: 4px;
20919
+ `}
20920
+ background: transparent;
20921
+ background-clip: padding-box, border-box;
20922
+ background-origin: border-box;
20923
+ background-image: linear-gradient(
20924
+ 90deg,
20925
+ var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'}),
20926
+ var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'})
20927
+ ),
20928
+ var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-default);
20505
20929
  `}
20506
20930
  }
20507
20931
 
@@ -20533,13 +20957,15 @@ const StyledTextArea = styled.div`
20533
20957
  visibility: visible;
20534
20958
  }
20535
20959
 
20536
- .redsift-icon-button {
20537
- padding: 2px;
20538
- }
20539
-
20540
20960
  .redsift-text-area-text-area-wrapper__toolbar {
20541
20961
  position: relative;
20542
- top: 9px;
20962
+ top: 7px;
20963
+ }
20964
+
20965
+ .redsift-icon-button {
20966
+ padding: 2px;
20967
+ height: 28px;
20968
+ width: 28px;
20543
20969
  }
20544
20970
 
20545
20971
  ${$variant !== TextAreaVariant.underline ? css`
@@ -20563,15 +20989,9 @@ const StyledTextArea = styled.div`
20563
20989
  }}
20564
20990
  `;
20565
20991
 
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"];
20992
+ 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
20993
  const COMPONENT_NAME$1 = 'TextArea';
20568
20994
  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
20995
 
20576
20996
  /**
20577
20997
  * The TextArea component.
@@ -20581,12 +21001,13 @@ const TextArea = /*#__PURE__*/forwardRef((props, ref) => {
20581
21001
  const {
20582
21002
  'aria-label': ariaLabel,
20583
21003
  'aria-labelledby': ariaLabelledby,
21004
+ after,
20584
21005
  autoFocus,
20585
21006
  className,
20586
- defaultValue,
20587
- textareaProps,
20588
- textareaRef: propsTextareaRef,
20589
- isColored,
21007
+ color: propsColor,
21008
+ defaultValue = '',
21009
+ forceColor,
21010
+ isColored = true,
20590
21011
  isDisabled,
20591
21012
  isInvalid,
20592
21013
  isReadOnly,
@@ -20599,12 +21020,17 @@ const TextArea = /*#__PURE__*/forwardRef((props, ref) => {
20599
21020
  onChange,
20600
21021
  onFocus: onFocusProps,
20601
21022
  placeholder,
21023
+ textareaProps,
21024
+ textareaRef: propsTextareaRef,
20602
21025
  theme: propsTheme,
20603
21026
  value: propsValue,
20604
- variant
21027
+ variant = TextAreaVariant.default,
21028
+ width = '100%'
20605
21029
  } = props,
20606
21030
  forwardedProps = _objectWithoutProperties(props, _excluded$1);
20607
21031
  const theme = useTheme(propsTheme);
21032
+ const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : isColored ? 'primary' : 'grey';
21033
+ const isGradient = color === ButtonsColorPalette.radar;
20608
21034
  const _textareaRef = React__default.useRef(null);
20609
21035
  const textareaRef = propsTextareaRef !== null && propsTextareaRef !== void 0 ? propsTextareaRef : _textareaRef;
20610
21036
  const {
@@ -20625,6 +21051,7 @@ const TextArea = /*#__PURE__*/forwardRef((props, ref) => {
20625
21051
  });
20626
21052
  const [value, setValue] = useState(defaultValue);
20627
21053
  const isControlled = propsValue !== null && propsValue !== undefined;
21054
+ const [labelId] = useId$2();
20628
21055
  warnIfNoAccessibleLabelFound(props, [label], 'TextArea');
20629
21056
  const handleChange = useCallback(event => {
20630
21057
  if (isDisabled || isReadOnly) {
@@ -20646,20 +21073,29 @@ const TextArea = /*#__PURE__*/forwardRef((props, ref) => {
20646
21073
  recomputeNumberOfRows(textareaRef.current);
20647
21074
  }
20648
21075
  }, [textareaRef, recomputeNumberOfRows, value]);
20649
- return /*#__PURE__*/React__default.createElement(StyledTextArea, _extends$1({}, focusWithinProps, forwardedProps, {
21076
+ return /*#__PURE__*/React__default.createElement(StyledTextArea, _extends$1({
21077
+ width: width
21078
+ }, focusWithinProps, forwardedProps, {
20650
21079
  $hasContent: isFocusWithin || Boolean(isControlled ? propsValue : value) || Boolean(placeholder),
20651
21080
  $hasLeftIcon: Boolean(leftIcon),
20652
- $isColored: isColored,
21081
+ $color: color,
21082
+ $isGradient: isGradient,
20653
21083
  $isDisabled: isDisabled,
20654
21084
  $isFocusVisible: isFocusVisible,
20655
21085
  $isInvalid: isInvalid || isRequired && !(isControlled ? propsValue : value),
20656
21086
  $isRequired: isRequired,
20657
- $isFocused: isFocused,
21087
+ $isFocused: Boolean(isFocused || forceColor),
20658
21088
  $theme: theme,
20659
21089
  $variant: variant,
20660
21090
  className: classNames(TextArea.className, className),
20661
21091
  ref: ref
20662
- }), label ? /*#__PURE__*/React__default.createElement("label", {
21092
+ }), /*#__PURE__*/React__default.createElement("fieldset", {
21093
+ "aria-hidden": "true",
21094
+ className: `${TextArea.className}-text-area-wrapper__fieldset`
21095
+ }, /*#__PURE__*/React__default.createElement("legend", {
21096
+ id: labelId,
21097
+ className: `${TextArea.className}-text-area-wrapper-fieldset__legend`
21098
+ }, label ? /*#__PURE__*/React__default.createElement("span", null, label) : null)), label ? /*#__PURE__*/React__default.createElement("label", {
20663
21099
  className: `${TextArea.className}__label`
20664
21100
  }, /*#__PURE__*/React__default.createElement("span", null, label)) : null, /*#__PURE__*/React__default.createElement("div", {
20665
21101
  className: `${TextArea.className}__text-area-wrapper`
@@ -20682,7 +21118,7 @@ const TextArea = /*#__PURE__*/forwardRef((props, ref) => {
20682
21118
  "aria-disabled": isDisabled,
20683
21119
  "aria-invalid": isInvalid || isRequired && !(isControlled ? propsValue : value),
20684
21120
  "aria-label": ariaLabel,
20685
- "aria-labelledby": ariaLabelledby,
21121
+ "aria-labelledby": ariaLabelledby || (label ? labelId : undefined),
20686
21122
  "aria-readonly": isReadOnly,
20687
21123
  "aria-required": isRequired,
20688
21124
  autoFocus: autoFocus,
@@ -20693,15 +21129,12 @@ const TextArea = /*#__PURE__*/forwardRef((props, ref) => {
20693
21129
  ref: textareaRef,
20694
21130
  value: isControlled ? propsValue : value,
20695
21131
  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))));
21132
+ }))), after ? /*#__PURE__*/React__default.createElement(Flexbox, {
21133
+ className: `${TextArea.className}-text-area-wrapper__toolbar`,
21134
+ gap: "8px"
21135
+ }, typeof after === 'function' ? after(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : after) : null));
20702
21136
  });
20703
21137
  TextArea.className = CLASSNAME$1;
20704
- TextArea.defaultProps = DEFAULT_PROPS$1;
20705
21138
  TextArea.displayName = COMPONENT_NAME$1;
20706
21139
 
20707
21140
  /**
@@ -20712,6 +21145,10 @@ const TextFieldVariant = {
20712
21145
  underline: 'underline'
20713
21146
  };
20714
21147
 
21148
+ /**
21149
+ * Component color.
21150
+ */
21151
+
20715
21152
  /**
20716
21153
  * Component props.
20717
21154
  */
@@ -20735,12 +21172,14 @@ const StyledTextField = styled.div`
20735
21172
 
20736
21173
  ${_ref => {
20737
21174
  let {
21175
+ label,
20738
21176
  $hasLeftIcon,
20739
21177
  $hasContent,
20740
21178
  $isFocused,
20741
21179
  $isDisabled,
20742
21180
  $isInvalid,
20743
- $isColored,
21181
+ $color,
21182
+ $isGradient,
20744
21183
  $theme,
20745
21184
  $variant
20746
21185
  } = _ref;
@@ -20759,7 +21198,7 @@ const StyledTextField = styled.div`
20759
21198
  pointer-events: none;
20760
21199
  position: absolute;
20761
21200
  text-overflow: ellipsis;
20762
- top: ${$hasContent ? '-8px' : '-5px'};
21201
+ top: ${$hasContent ? '-8px' : '-7px'};
20763
21202
  transform-origin: top left;
20764
21203
  transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,
20765
21204
  max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
@@ -20774,14 +21213,23 @@ const StyledTextField = styled.div`
20774
21213
  transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 1px) scale(0.733);
20775
21214
  `}
20776
21215
 
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)'};
21216
+ ${!$isGradient ? css`
21217
+ color: var(
21218
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
21219
+ );
20783
21220
  ` : css`
20784
- color: var(--redsift-color-neutral-${$theme === Theme.light ? 'x-dark-grey' : 'light-grey'});
21221
+ background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'});
21222
+ ${$variant !== TextFieldVariant.underline ? css`
21223
+ padding-right: 7px;
21224
+ padding-left: 5px;
21225
+ ` : ''}
21226
+ > span {
21227
+ background: var(
21228
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
21229
+ );
21230
+ background-clip: text;
21231
+ color: transparent;
21232
+ }
20785
21233
  `}
20786
21234
  }
20787
21235
 
@@ -20801,11 +21249,11 @@ const StyledTextField = styled.div`
20801
21249
  flex-direction: column-reverse;
20802
21250
  flex-wrap: wrap;
20803
21251
  flex: 1 1 auto;
20804
- padding-bottom: 5px;
21252
+ padding-bottom: 7px;
20805
21253
  ${$variant !== TextFieldVariant.underline && !$hasLeftIcon ? css`
20806
21254
  padding-left: 16px;
20807
21255
  ` : ''}
20808
- padding-top: 9px;
21256
+ padding-top: ${label ? '9px' : '7px'};
20809
21257
 
20810
21258
  .redsift-pill {
20811
21259
  margin: 3px 6px 3px 0;
@@ -20856,21 +21304,32 @@ const StyledTextField = styled.div`
20856
21304
  text-align: left;
20857
21305
  top: -5px;
20858
21306
 
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)'};
21307
+ ${!$isGradient || $isDisabled || !$isFocused || $isInvalid ? css`
21308
+ ${$variant === TextFieldVariant.underline ? css`
21309
+ border-bottom-width: 2px;
21310
+ ` : css`
21311
+ border-radius: 4px;
21312
+ border-width: 2px;
21313
+ `}
21314
+ border-color: var(
21315
+ --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
21316
+ );
20872
21317
  ` : css`
20873
- border-color: var(--redsift-color-neutral-mid-grey);
21318
+ ${$variant === TextFieldVariant.underline ? css`
21319
+ border-bottom: 2px solid transparent;
21320
+ ` : css`
21321
+ border: 2px solid transparent;
21322
+ border-radius: 4px;
21323
+ `}
21324
+ background: transparent;
21325
+ background-clip: padding-box, border-box;
21326
+ background-origin: border-box;
21327
+ background-image: linear-gradient(
21328
+ 90deg,
21329
+ var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'}),
21330
+ var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'})
21331
+ ),
21332
+ var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-default);
20874
21333
  `}
20875
21334
  }
20876
21335
 
@@ -20902,13 +21361,17 @@ const StyledTextField = styled.div`
20902
21361
  visibility: visible;
20903
21362
  }
20904
21363
 
20905
- .redsift-icon-button:not(.redsift-pill > .redsift-icon-button) {
20906
- padding: 2px;
21364
+ .redsift-text-field-input-wrapper__toolbar {
21365
+ position: relative;
21366
+ top: 9px;
20907
21367
  }
20908
21368
 
20909
- .redsift-text-field-input-wrapper__toolbar {
21369
+ .redsift-icon-button:not(.redsift-pill > .redsift-icon-button) {
21370
+ padding: 2px;
20910
21371
  position: relative;
20911
- top: 7px;
21372
+ top: -2px;
21373
+ height: 28px;
21374
+ width: 28px;
20912
21375
  }
20913
21376
 
20914
21377
  ${$variant !== TextFieldVariant.underline ? css`
@@ -20916,7 +21379,6 @@ const StyledTextField = styled.div`
20916
21379
  padding-left: 12px;
20917
21380
  padding-right: 8px;
20918
21381
  line-height: 28px;
20919
- top: 8px;
20920
21382
  }
20921
21383
 
20922
21384
  .redsift-text-field-input-wrapper__toolbar {
@@ -20925,9 +21387,13 @@ const StyledTextField = styled.div`
20925
21387
  ` : css`
20926
21388
  .redsift-icon.left {
20927
21389
  padding-right: 8px;
20928
- top: 8px;
20929
21390
  }
20930
21391
  `}
21392
+
21393
+ .redsift-icon.left,
21394
+ .redsift-icon.right {
21395
+ top: 9px;
21396
+ }
20931
21397
  `;
20932
21398
  }}
20933
21399
  `;
@@ -20949,14 +21415,9 @@ var intlMessages = {
20949
21415
  'fr-FR': frFR
20950
21416
  };
20951
21417
 
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"];
21418
+ 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
21419
  const COMPONENT_NAME = 'TextField';
20954
21420
  const CLASSNAME = 'redsift-text-field';
20955
- const DEFAULT_PROPS = {
20956
- defaultValue: '',
20957
- isColored: true,
20958
- variant: TextFieldVariant.default
20959
- };
20960
21421
 
20961
21422
  /**
20962
21423
  * The TextField component.
@@ -20966,15 +21427,17 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
20966
21427
  const {
20967
21428
  'aria-label': ariaLabel,
20968
21429
  'aria-labelledby': ariaLabelledby,
21430
+ after,
20969
21431
  autoFocus,
20970
21432
  className,
20971
- defaultValue,
21433
+ color: propsColor,
21434
+ defaultValue = '',
21435
+ forceColor,
20972
21436
  hasClearButton,
20973
- after,
20974
- internal,
20975
21437
  inputProps,
20976
21438
  inputRef,
20977
- isColored,
21439
+ internal,
21440
+ isColored = true,
20978
21441
  isDisabled,
20979
21442
  isInvalid,
20980
21443
  isReadOnly,
@@ -20991,10 +21454,12 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
20991
21454
  theme: propsTheme,
20992
21455
  type,
20993
21456
  value: propsValue,
20994
- variant
21457
+ variant = TextFieldVariant.default
20995
21458
  } = props,
20996
21459
  forwardedProps = _objectWithoutProperties(props, _excluded);
20997
21460
  const theme = useTheme(propsTheme);
21461
+ const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : isColored ? 'primary' : 'grey';
21462
+ const isGradient = color === ButtonsColorPalette.radar;
20998
21463
  const format = useMessageFormatter(intlMessages);
20999
21464
  const {
21000
21465
  isFocusVisible,
@@ -21044,17 +21509,24 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
21044
21509
  return /*#__PURE__*/React__default.createElement(StyledTextField, _extends$1({}, focusWithinProps, forwardedProps, {
21045
21510
  $hasContent: isFocusWithin || Boolean(isControlled ? propsValue : value) || Boolean(placeholder) || Boolean(pills && pills.length > 0),
21046
21511
  $hasLeftIcon: Boolean(leftIcon),
21047
- $isColored: isColored,
21512
+ $color: color,
21513
+ $isGradient: isGradient,
21048
21514
  $isDisabled: isDisabled,
21049
21515
  $isFocusVisible: isFocusVisible,
21050
21516
  $isInvalid: isInvalid || isRequired && !(isControlled ? propsValue : value),
21051
21517
  $isRequired: isRequired,
21052
- $isFocused: isFocused,
21518
+ $isFocused: Boolean(isFocused || forceColor),
21053
21519
  $theme: theme,
21054
21520
  $variant: variant,
21055
21521
  className: classNames(TextField.className, className),
21056
21522
  ref: ref
21057
- }), label ? /*#__PURE__*/React__default.createElement("label", {
21523
+ }), /*#__PURE__*/React__default.createElement("fieldset", {
21524
+ "aria-hidden": "true",
21525
+ className: `${TextField.className}-input-wrapper__fieldset`
21526
+ }, /*#__PURE__*/React__default.createElement("legend", {
21527
+ id: labelId,
21528
+ className: `${TextField.className}-input-wrapper-fieldset__legend`
21529
+ }, label ? /*#__PURE__*/React__default.createElement("span", null, label) : null)), label ? /*#__PURE__*/React__default.createElement("label", {
21058
21530
  className: `${TextField.className}__label`
21059
21531
  }, /*#__PURE__*/React__default.createElement("span", null, label)) : null, /*#__PURE__*/React__default.createElement("div", {
21060
21532
  className: `${TextField.className}__input-wrapper`
@@ -21110,19 +21582,14 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
21110
21582
  className: "right clear"
21111
21583
  })) : 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
21584
  style: {
21113
- borderLeft: '1px solid var(--redsift-color-neutral-mid-grey)'
21585
+ borderLeft: '1px solid var(--redsift-color-neutral-mid-grey)',
21586
+ position: 'relative',
21587
+ top: '-2px'
21114
21588
  }
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))));
21589
+ }) : null, typeof after === 'function' ? after(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : after) : null));
21122
21590
  });
21123
21591
  TextField.className = CLASSNAME;
21124
- TextField.defaultProps = DEFAULT_PROPS;
21125
21592
  TextField.displayName = COMPONENT_NAME;
21126
21593
 
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 };
21594
+ 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, 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
21595
  //# sourceMappingURL=index.js.map