@redsift/design-system 9.2.4-muiv5 → 9.3.0-muiv5

package/index.js

@@ -1,7 +1,7 @@
 import { useLocalizedStringFormatter, I18nProvider, useNumberFormatter } from '@react-aria/i18n';
 export { I18nProvider, useCollator, useDateFormatter, useFilter, useListFormatter, useLocale, useLocalizedStringFormatter, useNumberFormatter } from '@react-aria/i18n';
 export { SSRProvider, useIsSSR } from '@react-aria/ssr';
-import { rsiAsmHorizontal, rsiBrandTrustHorizontal, rsiCertificatesHorizontal, rsiOndmarcHorizontal, rsiPulseHorizontal, rsiRadarHorizontal, rsiRojoDsHorizontal, rsiVendorSecureHorizontal, rsiRedSiftHorizontal, mdiClose as mdiClose$1, mdiAlert, mdiCheckCircle, mdiAlertCircle, mdiInformation, mdiMenu, mdiCircleMedium as mdiCircleMedium$1, mdiChevronDown, mdiMenuOpen, mdiChevronUp, mdiCheckboxMarked, mdiMinusBox, mdiCheckboxBlankOutline, mdiPageLast, mdiKeyboardCaps, mdiRadioboxMarked, mdiRadioboxBlank } from '@redsift/icons';
+import { rsiAsmHorizontal, rsiBrandTrustHorizontal, rsiCertificatesHorizontal, rsiOndmarcHorizontal, rsiPulseHorizontal, rsiRadarHorizontal, rsiRojoDsHorizontal, rsiVendorSecureHorizontal, rsiRedSiftHorizontal, mdiClose as mdiClose$1, mdiAlert, mdiCheckCircle, mdiAlertCircle, mdiInformation, mdiMenu, mdiChevronDown, mdiMenuOpen, mdiChevronUp, mdiCheckboxMarked, mdiMinusBox, mdiCheckboxBlankOutline, mdiPageLast, mdiKeyboardCaps, mdiRadioboxMarked, mdiRadioboxBlank } from '@redsift/icons';
 import * as React from 'react';
 import React__default, { useState, useEffect, forwardRef, useRef, useCallback, useContext, useReducer, useMemo, useLayoutEffect } from 'react';
 import classNames from 'classnames';
@@ -234,7 +234,7 @@ function partitionComponents(components, predicates) {
 
 /**
  * Do not edit directly
- * Generated on Thu, 21 Sep 2023 13:54:48 GMT
+ * Generated on Wed, 20 Dec 2023 08:32:38 GMT
  */
 
 const RedsiftColorRedsift = '#e11010';
@@ -456,7 +456,7 @@ const RedsiftTypographyButtonFontWeight = '500';
 const RedsiftTypographyButtonLineHeight = '24px';
 const RedsiftTypographyButtonTextTransform = 'uppercase';
 const RedsiftTypographyCaptionFontFamily = "'Poppins', sans-serif";
-const RedsiftTypographyCaptionFontSize = '12px';
+const RedsiftTypographyCaptionFontSize = '13px';
 const RedsiftTypographyCaptionFontWeight = '400';
 const RedsiftTypographyCaptionLineHeight = '18px';
 const RedsiftTypographyCaptionTextTransform = 'unset';
@@ -472,7 +472,7 @@ const RedsiftTypographyBadgeLineHeight = '12px';
 const RedsiftTypographyPillFontFamily = "'Poppins', sans-serif";
 const RedsiftTypographyPillFontSize = '10px';
 const RedsiftTypographyPillFontWeight = '400';
-const RedsiftTypographyPillLineHeight = 'normal';
+const RedsiftTypographyPillLineHeight = '15px';
 const RedsiftTypographyChipFontFamily = "'Poppins', sans-serif";
 const RedsiftTypographyChipFontSize = '12px';
 const RedsiftTypographyChipFontWeight = '400';
@@ -1036,10 +1036,10 @@ const StyledIcon = styled.span`
 }}
 `;
 
-const _excluded$O = ["aria-hidden", "aria-label", "badge", "className", "color", "icon", "size", "svgProps"];
-const COMPONENT_NAME$O = 'Icon';
-const CLASSNAME$O = 'redsift-icon';
-const DEFAULT_PROPS$O = {
+const _excluded$P = ["aria-hidden", "aria-label", "badge", "className", "color", "icon", "size", "svgProps"];
+const COMPONENT_NAME$P = 'Icon';
+const CLASSNAME$P = 'redsift-icon';
+const DEFAULT_PROPS$P = {
   size: IconSize.medium
 };
 const sizeToDimension$1 = size => {
@@ -1107,7 +1107,7 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
       size,
       svgProps
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$O);
+    forwardedProps = _objectWithoutProperties(props, _excluded$P);
   const {
     width,
     height,
@@ -1140,9 +1140,9 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
     width
   }, svgProps)), badge ? badge : null);
 });
-Icon.className = CLASSNAME$O;
-Icon.defaultProps = DEFAULT_PROPS$O;
-Icon.displayName = COMPONENT_NAME$O;
+Icon.className = CLASSNAME$P;
+Icon.defaultProps = DEFAULT_PROPS$P;
+Icon.displayName = COMPONENT_NAME$P;
 
 /**
  * Component variant.
@@ -1385,10 +1385,10 @@ var spinner = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmc
 
 var uncoloredSpinner = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iI2JkYmRiZCIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiNiZGJkYmQiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
 
-const _excluded$N = ["aria-hidden", "aria-label", "className", "isColored", "size"];
-const COMPONENT_NAME$N = 'Spinner';
-const CLASSNAME$N = 'redsift-shield';
-const DEFAULT_PROPS$N = {
+const _excluded$O = ["aria-hidden", "aria-label", "className", "isColored", "size"];
+const COMPONENT_NAME$O = 'Spinner';
+const CLASSNAME$O = 'redsift-shield';
+const DEFAULT_PROPS$O = {
   isColored: true,
   size: SpinnerSize.medium
 };
@@ -1429,7 +1429,7 @@ const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
       isColored,
       size
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$N);
+    forwardedProps = _objectWithoutProperties(props, _excluded$O);
   const {
     width,
     height
@@ -1448,14 +1448,14 @@ const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
     $size: size
   }));
 });
-Spinner.className = CLASSNAME$N;
-Spinner.defaultProps = DEFAULT_PROPS$N;
-Spinner.displayName = COMPONENT_NAME$N;
+Spinner.className = CLASSNAME$O;
+Spinner.defaultProps = DEFAULT_PROPS$O;
+Spinner.displayName = COMPONENT_NAME$O;
 
-const _excluded$M = ["children", "className", "color", "disabled", "fullWidth", "isActive", "isDisabled", "isHovered", "isLoading", "leftIcon", "leftIconProps", "rightIcon", "rightIconProps", "variant"];
-const COMPONENT_NAME$M = 'Button';
-const CLASSNAME$M = 'redsift-button';
-const DEFAULT_PROPS$M = {
+const _excluded$N = ["children", "className", "color", "disabled", "fullWidth", "isActive", "isDisabled", "isHovered", "isLoading", "leftIcon", "leftIconProps", "rightIcon", "rightIconProps", "variant"];
+const COMPONENT_NAME$N = 'Button';
+const CLASSNAME$N = 'redsift-button';
+const DEFAULT_PROPS$N = {
   color: CtasColorPalette.primary,
   height: 'fit-content',
   variant: ButtonVariant.primary
@@ -1487,7 +1487,7 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
       rightIconProps,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$M);
+    forwardedProps = _objectWithoutProperties(props, _excluded$N);
   const isDisabled = isLoading || propsIsDisabled || disabled;
   return /*#__PURE__*/React__default.createElement(StyledButton, _extends$1({}, forwardedProps, {
     $color: color,
@@ -1514,9 +1514,9 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
     className: "right"
   }, rightIconProps)) : null);
 });
-Button.className = CLASSNAME$M;
-Button.defaultProps = DEFAULT_PROPS$M;
-Button.displayName = COMPONENT_NAME$M;
+Button.className = CLASSNAME$N;
+Button.defaultProps = DEFAULT_PROPS$N;
+Button.displayName = COMPONENT_NAME$N;
 
 /**
  * Component style.
@@ -1543,10 +1543,10 @@ const StyledIconButton = styled(StyledButton)`
 }}
 `;
 
-const _excluded$L = ["className", "color", "disabled", "icon", "iconProps", "isActive", "isDisabled", "isHovered", "isLoading", "variant"];
-const COMPONENT_NAME$L = 'IconButton';
-const CLASSNAME$L = 'redsift-icon-button';
-const DEFAULT_PROPS$L = {
+const _excluded$M = ["className", "color", "disabled", "icon", "iconProps", "isActive", "isDisabled", "isHovered", "isLoading", "variant"];
+const COMPONENT_NAME$M = 'IconButton';
+const CLASSNAME$M = 'redsift-icon-button';
+const DEFAULT_PROPS$M = {
   color: CtasColorPalette.primary,
   height: 'fit-content',
   variant: IconButtonVariant.unstyled
@@ -1572,7 +1572,7 @@ const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
       isLoading,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$L);
+    forwardedProps = _objectWithoutProperties(props, _excluded$M);
   const isDisabled = props.isLoading || propsIsDisabled || disabled;
   warnIfNoAccessibleLabelFound(props);
   return /*#__PURE__*/React__default.createElement(StyledIconButton, _extends$1({}, forwardedProps, {
@@ -1593,9 +1593,9 @@ const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
     color: isDisabled ? undefined : color
   })));
 });
-IconButton.className = CLASSNAME$L;
-IconButton.defaultProps = DEFAULT_PROPS$L;
-IconButton.displayName = COMPONENT_NAME$L;
+IconButton.className = CLASSNAME$M;
+IconButton.defaultProps = DEFAULT_PROPS$M;
+IconButton.displayName = COMPONENT_NAME$M;
 
 /**
  * Component style.
@@ -1755,16 +1755,14 @@ const StyledText = styled.span`
           overflow: hidden;
           text-overflow: ellipsis;
           white-space: nowrap;
-        ` : css`
-          word-break: break-word;
-        `;
+        ` : '';
 }}
 `;
 
-const _excluded$K = ["as", "children", "className", "color", "fontFamily", "fontSize", "fontWeight", "lineHeight", "noWrap", "variant"];
-const COMPONENT_NAME$K = 'Text';
-const CLASSNAME$K = 'redsift-text';
-const DEFAULT_PROPS$K = {
+const _excluded$L = ["as", "children", "className", "color", "fontFamily", "fontSize", "fontWeight", "lineHeight", "noWrap", "variant"];
+const COMPONENT_NAME$L = 'Text';
+const CLASSNAME$L = 'redsift-text';
+const DEFAULT_PROPS$L = {
   fontFamily: FontFamily.poppins
 };
 
@@ -1784,7 +1782,7 @@ const Text = /*#__PURE__*/forwardRef((props, ref) => {
       noWrap,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$K);
+    forwardedProps = _objectWithoutProperties(props, _excluded$L);
   return /*#__PURE__*/React__default.createElement(StyledText, _extends$1({
     as: as
   }, forwardedProps, {
@@ -1800,9 +1798,9 @@ const Text = /*#__PURE__*/forwardRef((props, ref) => {
     $variant: variant
   }), children);
 });
-Text.className = CLASSNAME$K;
-Text.defaultProps = DEFAULT_PROPS$K;
-Text.displayName = COMPONENT_NAME$K;
+Text.className = CLASSNAME$L;
+Text.defaultProps = DEFAULT_PROPS$L;
+Text.displayName = COMPONENT_NAME$L;
 
 /**
  * Component style.
@@ -1852,10 +1850,10 @@ const StyledFlexbox = styled.div`
 }}
 `;
 
-const _excluded$J = ["children", "className", "divider", "gap"];
-const COMPONENT_NAME$J = 'Flexbox';
-const CLASSNAME$J = 'redsift-flex-box';
-const DEFAULT_PROPS$J = {
+const _excluded$K = ["children", "className", "divider", "gap"];
+const COMPONENT_NAME$K = 'Flexbox';
+const CLASSNAME$K = 'redsift-flex-box';
+const DEFAULT_PROPS$K = {
   gap: '16px'
 };
 
@@ -1869,7 +1867,7 @@ const Flexbox = /*#__PURE__*/forwardRef((props, ref) => {
       divider,
       gap
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$J);
+    forwardedProps = _objectWithoutProperties(props, _excluded$K);
   return /*#__PURE__*/React__default.createElement(StyledFlexbox, _extends$1({}, forwardedProps, {
     gap: divider ? `${divider.rowGap}px ${divider.colGap}px` : gap,
     className: classNames(Flexbox.className, className),
@@ -1877,14 +1875,14 @@ const Flexbox = /*#__PURE__*/forwardRef((props, ref) => {
     $divider: divider
   }), children);
 });
-Flexbox.className = CLASSNAME$J;
-Flexbox.defaultProps = DEFAULT_PROPS$J;
-Flexbox.displayName = COMPONENT_NAME$J;
-
-const _excluded$I = ["children", "className", "isClosable", "isClosed", "onClose", "title", "variant"];
-const COMPONENT_NAME$I = 'Alert';
-const CLASSNAME$I = 'redsift-alert';
-const DEFAULT_PROPS$I = {
+Flexbox.className = CLASSNAME$K;
+Flexbox.defaultProps = DEFAULT_PROPS$K;
+Flexbox.displayName = COMPONENT_NAME$K;
+
+const _excluded$J = ["children", "className", "isClosable", "isClosed", "onClose", "title", "variant"];
+const COMPONENT_NAME$J = 'Alert';
+const CLASSNAME$J = 'redsift-alert';
+const DEFAULT_PROPS$J = {
   variant: 'info'
 };
 const getVariant$1 = variant => {
@@ -1926,7 +1924,7 @@ const Alert = /*#__PURE__*/forwardRef((props, ref) => {
       title,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$I);
+    forwardedProps = _objectWithoutProperties(props, _excluded$J);
   const stringFormatter = useLocalizedStringFormatter(intlMessages$6);
   const {
     color,
@@ -1972,9 +1970,9 @@ const Alert = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${Alert.className}__content`
   }, children) : null);
 });
-Alert.className = CLASSNAME$I;
-Alert.defaultProps = DEFAULT_PROPS$I;
-Alert.displayName = COMPONENT_NAME$I;
+Alert.className = CLASSNAME$J;
+Alert.defaultProps = DEFAULT_PROPS$J;
+Alert.displayName = COMPONENT_NAME$J;
 
 var expand$7 = "Expand left side panel";
 var collapse$7 = "Collapse left side panel";
@@ -2199,16 +2197,14 @@ const StyledHeading = styled.span`
           overflow: hidden;
           text-overflow: ellipsis;
           white-space: nowrap;
-        ` : css`
-          word-break: break-word;
-        `;
+        ` : '';
 }}
 `;
 
-const _excluded$H = ["as", "children", "className", "noWrap", "variant"];
-const COMPONENT_NAME$H = 'Heading';
-const CLASSNAME$H = 'redsift-heading';
-const DEFAULT_PROPS$H = {};
+const _excluded$I = ["as", "children", "className", "noWrap", "variant"];
+const COMPONENT_NAME$I = 'Heading';
+const CLASSNAME$I = 'redsift-heading';
+const DEFAULT_PROPS$I = {};
 
 /**
  * The Heading component.
@@ -2221,7 +2217,7 @@ const Heading = /*#__PURE__*/forwardRef((props, ref) => {
       noWrap,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$H);
+    forwardedProps = _objectWithoutProperties(props, _excluded$I);
   return /*#__PURE__*/React__default.createElement(StyledHeading, _extends$1({
     as: as
   }, forwardedProps, {
@@ -2231,9 +2227,9 @@ const Heading = /*#__PURE__*/forwardRef((props, ref) => {
     $variant: variant ? variant : as === 'span' ? 'body' : as
   }), children);
 });
-Heading.className = CLASSNAME$H;
-Heading.defaultProps = DEFAULT_PROPS$H;
-Heading.displayName = COMPONENT_NAME$H;
+Heading.className = CLASSNAME$I;
+Heading.defaultProps = DEFAULT_PROPS$I;
+Heading.displayName = COMPONENT_NAME$I;
 
 /**
  * Component variant.
@@ -2408,10 +2404,10 @@ const StyledAppSidePanel = styled.div`
   }
 `;
 
-const _excluded$G = ["children", "className", "featuredElements", "logo", "variant", "onOpen", "iconButtonProps", "iconButtonRef"];
-const COMPONENT_NAME$G = 'AppSidePanel';
-const CLASSNAME$G = 'redsift-app-side-panel';
-const DEFAULT_PROPS$G = {
+const _excluded$H = ["children", "className", "featuredElements", "logo", "variant", "onOpen", "iconButtonProps", "iconButtonRef"];
+const COMPONENT_NAME$H = 'AppSidePanel';
+const CLASSNAME$H = 'redsift-app-side-panel';
+const DEFAULT_PROPS$H = {
   variant: AppSidePanelVariant.standard
 };
 
@@ -2429,7 +2425,7 @@ const AppSidePanel = /*#__PURE__*/forwardRef((props, ref) => {
       iconButtonProps,
       iconButtonRef
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$G);
+    forwardedProps = _objectWithoutProperties(props, _excluded$H);
   const {
     width
   } = useWindowSize();
@@ -2475,9 +2471,9 @@ const AppSidePanel = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${AppSidePanel.className}__featured`
   }, featuredElements) : null, children);
 });
-AppSidePanel.className = CLASSNAME$G;
-AppSidePanel.defaultProps = DEFAULT_PROPS$G;
-AppSidePanel.displayName = COMPONENT_NAME$G;
+AppSidePanel.className = CLASSNAME$H;
+AppSidePanel.defaultProps = DEFAULT_PROPS$H;
+AppSidePanel.displayName = COMPONENT_NAME$H;
 
 /**
  * Component variant.
@@ -2545,13 +2541,11 @@ const StyledSideNavigationMenuItem = styled.a`
     $isDisabled
   } = _ref;
   return !$isDisabled ? css`
-          &,
-          .redsift-icon.first {
+          & {
             color: var(--redsift-side-navigation-color-menu-item-text-resting);
           }
         ` : css`
-          &,
-          .redsift-icon.first {
+          & {
             color: var(--redsift-side-navigation-color-menu-item-text-disabled);
           }
         `;
@@ -2579,8 +2573,7 @@ const StyledSideNavigationMenuItem = styled.a`
   } = _ref2;
   return !$isDisabled ? css`
             background-color: var(--redsift-side-navigation-color-menu-item-background-hover);
-            &,
-            .redsift-icon.first {
+            & {
               color: var(--redsift-side-navigation-color-menu-item-text-hover);
             }
           ` : '';
@@ -2662,11 +2655,27 @@ const StyledSideNavigationMenuItem = styled.a`
     background-color: var(--redsift-side-navigation-color-menu-item-background-secondary);
     font-size: var(--redsift-typography-caption-font-size);
     padding-bottom: 7px;
-    padding-left: 59px;
-    padding-right: 8px;
+    margin-left: 62px;
+    margin-right: 8px;
     padding-top: 7px;
+    border-radius: 0;
+
+
+    .redsift-icon.first {
+      box-sizing: unset;
+      margin-right: 0;
+    }
   `;
 }}
+
+  ${_ref6 => {
+  let {
+    $hasBorder
+  } = _ref6;
+  return $hasBorder ? css`
+          border-bottom: 1px solid var(--redsift-color-neutral-lightgrey);
+        ` : '';
+}}
 `;
 
 /**
@@ -2766,10 +2775,10 @@ const StyledBadge = styled.div`
 }}
 `;
 
-const _excluded$F = ["autoBreak", "children", "className", "color", "isReversed", "variant"];
-const COMPONENT_NAME$F = 'Badge';
-const CLASSNAME$F = 'redsift-badge';
-const DEFAULT_PROPS$F = {
+const _excluded$G = ["autoBreak", "children", "className", "color", "isReversed", "variant"];
+const COMPONENT_NAME$G = 'Badge';
+const CLASSNAME$G = 'redsift-badge';
+const DEFAULT_PROPS$G = {
   color: NotificationsColorPalette.question,
   variant: BadgeVariant.dot
 };
@@ -2786,7 +2795,7 @@ const Badge = /*#__PURE__*/forwardRef((props, ref) => {
       isReversed,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$F);
+    forwardedProps = _objectWithoutProperties(props, _excluded$G);
   return /*#__PURE__*/React__default.createElement(StyledBadge, _extends$1({}, forwardedProps, {
     $autoBreak: autoBreak,
     $color: color,
@@ -2796,18 +2805,14 @@ const Badge = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }), variant === BadgeVariant.standard ? children : null);
 });
-Badge.className = CLASSNAME$F;
-Badge.defaultProps = DEFAULT_PROPS$F;
-Badge.displayName = COMPONENT_NAME$F;
-
-// Material Design Icons v7.2.96
-var mdiCircleMedium = "M12,8A4,4 0 0,0 8,12A4,4 0 0,0 12,16A4,4 0 0,0 16,12A4,4 0 0,0 12,8Z";
-var mdiClose = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z";
+Badge.className = CLASSNAME$G;
+Badge.defaultProps = DEFAULT_PROPS$G;
+Badge.displayName = COMPONENT_NAME$G;
 
-const _excluded$E = ["as", "badge", "badgeProps", "children", "className", "href", "icon", "iconProps", "iconRef", "isCurrent", "isDisabled", "isSecondLevel", "onClick", "onKeyDown", "tabIndex"];
-const COMPONENT_NAME$E = 'SideNavigationMenuItem';
-const CLASSNAME$E = 'redsift-side-navigation-menu-item';
-const DEFAULT_PROPS$E = {};
+const _excluded$F = ["as", "badge", "badgeProps", "children", "className", "hasBorder", "href", "icon", "iconProps", "iconRef", "isCurrent", "isDisabled", "isSecondLevel", "onClick", "onKeyDown", "tabIndex"];
+const COMPONENT_NAME$F = 'SideNavigationMenuItem';
+const CLASSNAME$F = 'redsift-side-navigation-menu-item';
+const DEFAULT_PROPS$F = {};
 
 /**
  * The SideNavigationMenuItem component.
@@ -2820,6 +2825,7 @@ const SideNavigationMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
       badgeProps,
       children,
       className,
+      hasBorder,
       href,
       icon,
       iconProps,
@@ -2831,7 +2837,7 @@ const SideNavigationMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
       onKeyDown,
       tabIndex
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$E);
+    forwardedProps = _objectWithoutProperties(props, _excluded$F);
   warnIfNoAccessibleLabelFound(props, [children]);
   const sideNavigationMenuBarContext = useContext(SideNavigationMenuBarContext);
   const sideNavigationMenuContext = useContext(SideNavigationMenuContext);
@@ -2863,6 +2869,7 @@ const SideNavigationMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
     as: as,
     role: "menuitem"
   }, forwardedProps, {
+    $hasBorder: hasBorder,
     $isCurrent: isCurrent,
     $isDisabled: isDisabled,
     $isSecondLevel: isSecondLevel,
@@ -2875,13 +2882,13 @@ const SideNavigationMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
     onKeyDown: isDisabled ? undefined : onKeyDown,
     ref: menuItemRef,
     tabIndex: tabIndex !== undefined ? tabIndex : !sideNavigationMenuContext && isFirstChild ? 0 : -1
-  }), !isSecondLevel ? /*#__PURE__*/React__default.createElement(Icon, _extends$1({
-    color: "var(--redsift-side-navigation-color-menu-item-text-resting)"
+  }), !isSecondLevel || icon ? /*#__PURE__*/React__default.createElement(Icon, _extends$1({
+    color: `var(--redsift-side-navigation-color-menu-item-text-${isSecondLevel || isDisabled ? 'disabled' : 'resting'})`
   }, iconProps, {
-    icon: icon !== null && icon !== void 0 ? icon : mdiCircleMedium,
+    icon: icon,
     ref: iconRef,
     className: "first",
-    size: IconSize.large
+    size: isSecondLevel ? IconSize.xsmall : IconSize.large
   })) : null, /*#__PURE__*/React__default.createElement("span", {
     className: "content"
   }, children), badge ? /*#__PURE__*/React__default.createElement(Badge, _extends$1({
@@ -2889,9 +2896,9 @@ const SideNavigationMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
     color: "error"
   }, badgeProps), badge) : null));
 });
-SideNavigationMenuItem.className = CLASSNAME$E;
-SideNavigationMenuItem.defaultProps = DEFAULT_PROPS$E;
-SideNavigationMenuItem.displayName = COMPONENT_NAME$E;
+SideNavigationMenuItem.className = CLASSNAME$F;
+SideNavigationMenuItem.defaultProps = DEFAULT_PROPS$F;
+SideNavigationMenuItem.displayName = COMPONENT_NAME$F;
 
 /**
  * Component style.
@@ -2913,13 +2920,11 @@ const StyledSideNavigationMenu = styled.div`
   return css`
     .redsift-side-navigation-menu__menu-container > button {
       ${!$isDisabled ? css`
-            &,
-            .redsift-icon.first {
+            & {
               color: var(--redsift-side-navigation-color-menu-item-text-resting);
             }
           ` : css`
-            &,
-            .redsift-icon.first {
+            & {
               color: var(--redsift-side-navigation-color-menu-item-text-disabled);
             }
           `}
@@ -2995,7 +3000,7 @@ const StyledSideNavigationMenu = styled.div`
   `;
 }}
 
-  .redsift-icon.first {
+  .first {
     box-sizing: unset;
     margin-right: 8px;
   }
@@ -3110,10 +3115,10 @@ const StyledAppContainer = styled.div`
   box-sizing: content-box;
 `;
 
-const _excluded$D = ["children", "className", "locale", "product"];
-const COMPONENT_NAME$D = 'AppContainer';
-const CLASSNAME$D = 'redsift-app-container';
-const DEFAULT_PROPS$D = {};
+const _excluded$E = ["children", "className", "locale", "product"];
+const COMPONENT_NAME$E = 'AppContainer';
+const CLASSNAME$E = 'redsift-app-container';
+const DEFAULT_PROPS$E = {};
 
 /**
  * The AppContainer component.
@@ -3125,7 +3130,7 @@ const AppContainer = /*#__PURE__*/forwardRef((props, ref) => {
       locale,
       product
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$D);
+    forwardedProps = _objectWithoutProperties(props, _excluded$E);
   const [sidePanelVariant, setSidePanelVariant] = useState(AppSidePanelVariant.standard);
   const [breadcrumbs, setBreadcrumbs] = useState();
   const state = {
@@ -3154,14 +3159,14 @@ const AppContainer = /*#__PURE__*/forwardRef((props, ref) => {
     locale: locale
   }, children)));
 });
-AppContainer.className = CLASSNAME$D;
-AppContainer.defaultProps = DEFAULT_PROPS$D;
-AppContainer.displayName = COMPONENT_NAME$D;
+AppContainer.className = CLASSNAME$E;
+AppContainer.defaultProps = DEFAULT_PROPS$E;
+AppContainer.displayName = COMPONENT_NAME$E;
 
-const _excluded$C = ["aria-label", "buttonProps", "buttonRef", "children", "className", "hasBadge", "icon", "iconProps", "iconRef", "id", "isDisabled", "isExpanded", "menuProps", "menuRef", "tabIndex"];
-const COMPONENT_NAME$C = 'SideNavigationMenu';
-const CLASSNAME$C = 'redsift-side-navigation-menu';
-const DEFAULT_PROPS$C = {};
+const _excluded$D = ["aria-label", "buttonProps", "buttonRef", "children", "className", "hasBadge", "icon", "iconProps", "iconRef", "id", "isDisabled", "isExpanded", "menuProps", "menuRef", "tabIndex"];
+const COMPONENT_NAME$D = 'SideNavigationMenu';
+const CLASSNAME$D = 'redsift-side-navigation-menu';
+const DEFAULT_PROPS$D = {};
 
 /**
  * The SideNavigationMenu component.
@@ -3184,7 +3189,7 @@ const SideNavigationMenu = /*#__PURE__*/forwardRef((props, ref) => {
       menuRef = useRef(),
       tabIndex
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$C);
+    forwardedProps = _objectWithoutProperties(props, _excluded$D);
   const [_id] = useId$1();
   const id = propsId !== null && propsId !== void 0 ? propsId : _id;
   warnIfNoAccessibleLabelFound(props);
@@ -3213,8 +3218,6 @@ const SideNavigationMenu = /*#__PURE__*/forwardRef((props, ref) => {
       key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : index,
       role: "none"
     }, /*#__PURE__*/React__default.cloneElement(child, {
-      icon: undefined,
-      // Second-level item should not have icon
       isDisabled: child.props.isDisabled || isDisabled || undefined,
       isSecondLevel: true,
       key: (_child$key2 = child.key) !== null && _child$key2 !== void 0 ? _child$key2 : index
@@ -3469,9 +3472,9 @@ const SideNavigationMenu = /*#__PURE__*/forwardRef((props, ref) => {
     tabIndex: tabIndex !== undefined ? tabIndex : isFirstChild ? 0 : -1,
     type: "button"
   }, buttonEventHandler), /*#__PURE__*/React__default.createElement(Icon, _extends$1({
-    color: "var(--redsift-side-navigation-color-menu-item-text-resting)"
+    color: `var(--redsift-side-navigation-color-menu-item-text-${isDisabled ? 'disabled' : 'resting'})`
   }, iconProps, {
-    icon: icon !== null && icon !== void 0 ? icon : mdiCircleMedium$1,
+    icon: icon,
     ref: iconRef,
     className: classNames(iconProps === null || iconProps === void 0 ? void 0 : iconProps.className, 'first'),
     size: IconSize.large
@@ -3490,9 +3493,9 @@ const SideNavigationMenu = /*#__PURE__*/forwardRef((props, ref) => {
     role: "menu"
   }, menuItemListEventHandler), renderedMenuItems)))));
 });
-SideNavigationMenu.className = CLASSNAME$C;
-SideNavigationMenu.defaultProps = DEFAULT_PROPS$C;
-SideNavigationMenu.displayName = COMPONENT_NAME$C;
+SideNavigationMenu.className = CLASSNAME$D;
+SideNavigationMenu.defaultProps = DEFAULT_PROPS$D;
+SideNavigationMenu.displayName = COMPONENT_NAME$D;
 
 /**
  * Component style.
@@ -3558,10 +3561,10 @@ const StyledSideNavigationMenuBar = styled.nav`
   }
 `;
 
-const _excluded$B = ["aria-label", "aria-labelledby", "canHaveMultipleMenuOpenAtOnce", "children", "className", "isDisabled", "menubarProps", "menubarRef", "variant"];
-const COMPONENT_NAME$B = 'SideNavigationMenuBar';
-const CLASSNAME$B = 'redsift-side-navigation-menu-bar';
-const DEFAULT_PROPS$B = {
+const _excluded$C = ["aria-label", "aria-labelledby", "canHaveMultipleMenuOpenAtOnce", "children", "className", "isDisabled", "menubarProps", "menubarRef", "variant"];
+const COMPONENT_NAME$C = 'SideNavigationMenuBar';
+const CLASSNAME$C = 'redsift-side-navigation-menu-bar';
+const DEFAULT_PROPS$C = {
   variant: SideNavigationMenuBarVariant.standard
 };
 
@@ -3592,7 +3595,7 @@ const SideNavigationMenuBar = /*#__PURE__*/forwardRef((props, ref) => {
       menubarRef = useRef(),
       variant: propsVariant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$B);
+    forwardedProps = _objectWithoutProperties(props, _excluded$C);
   warnIfNoAccessibleLabelFound(props);
   const appContainerState = useContext(AppContainerContext);
   const {
@@ -3750,11 +3753,11 @@ const SideNavigationMenuBar = /*#__PURE__*/forwardRef((props, ref) => {
     role: "menubar"
   }), navItems)));
 });
-SideNavigationMenuBar.className = CLASSNAME$B;
-SideNavigationMenuBar.defaultProps = DEFAULT_PROPS$B;
-SideNavigationMenuBar.displayName = COMPONENT_NAME$B;
+SideNavigationMenuBar.className = CLASSNAME$C;
+SideNavigationMenuBar.defaultProps = DEFAULT_PROPS$C;
+SideNavigationMenuBar.displayName = COMPONENT_NAME$C;
 
-const _excluded$A = ["title", "href", "ref"],
+const _excluded$B = ["title", "href", "ref"],
   _excluded2$1 = ["title", "children", "ref"],
   _excluded3 = ["title", "href", "ref"];
 const isMenu = item => {
@@ -3773,7 +3776,7 @@ const useSideNavigationMenuBar = _ref => {
           href,
           ref
         } = item,
-        rest = _objectWithoutProperties(item, _excluded$A);
+        rest = _objectWithoutProperties(item, _excluded$B);
       menuBarChildren.push( /*#__PURE__*/React__default.createElement(SideNavigationMenuItem, _extends$1({
         key: title,
         isCurrent: isActive ? isActive(href) : undefined
@@ -3877,10 +3880,10 @@ const StyledBreadcrumbItem = styled.a`
   }
 `;
 
-const _excluded$z = ["as", "children", "className", "href", "isCurrent", "isDisabled"];
-const COMPONENT_NAME$A = 'BreadcrumbItem';
-const CLASSNAME$A = 'redsift-breadcrumb-item';
-const DEFAULT_PROPS$A = {};
+const _excluded$A = ["as", "children", "className", "href", "isCurrent", "isDisabled"];
+const COMPONENT_NAME$B = 'BreadcrumbItem';
+const CLASSNAME$B = 'redsift-breadcrumb-item';
+const DEFAULT_PROPS$B = {};
 
 /**
  * The BreadcrumbItem components is a list of links to the parent pages of the current page in hierarchical order.
@@ -3894,7 +3897,7 @@ const BreadcrumbItem = /*#__PURE__*/forwardRef((props, ref) => {
       isCurrent,
       isDisabled
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$z);
+    forwardedProps = _objectWithoutProperties(props, _excluded$A);
   warnIfNoAccessibleLabelFound(props, [children]);
   return /*#__PURE__*/React__default.createElement(StyledBreadcrumbItem, _extends$1({
     as: as || 'a',
@@ -3910,9 +3913,9 @@ const BreadcrumbItem = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }), children);
 });
-BreadcrumbItem.className = CLASSNAME$A;
-BreadcrumbItem.defaultProps = DEFAULT_PROPS$A;
-BreadcrumbItem.displayName = COMPONENT_NAME$A;
+BreadcrumbItem.className = CLASSNAME$B;
+BreadcrumbItem.defaultProps = DEFAULT_PROPS$B;
+BreadcrumbItem.displayName = COMPONENT_NAME$B;
 
 /**
  * Component style.
@@ -3946,10 +3949,10 @@ const StyledBreadcrumbs = styled.nav`
   }
 `;
 
-const _excluded$y = ["children", "className", "isDisabled"];
-const COMPONENT_NAME$z = 'Breadcrumbs';
-const CLASSNAME$z = 'redsift-breadcrumbs';
-const DEFAULT_PROPS$z = {};
+const _excluded$z = ["children", "className", "isDisabled"];
+const COMPONENT_NAME$A = 'Breadcrumbs';
+const CLASSNAME$A = 'redsift-breadcrumbs';
+const DEFAULT_PROPS$A = {};
 
 /**
  * The Breadcrumbs components is a list of links to the parent pages of the current page in hierarchical order.
@@ -3960,7 +3963,7 @@ const BaseBreadcrumbs = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       isDisabled
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$y);
+    forwardedProps = _objectWithoutProperties(props, _excluded$z);
   warnIfNoAccessibleLabelFound(props);
   const childArray = filterComponents([Breadcrumbs.Item])(children);
   const breadcrumbItems = childArray.map((child, index) => {
@@ -3983,17 +3986,17 @@ const BaseBreadcrumbs = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }), /*#__PURE__*/React__default.createElement("ol", null, breadcrumbItems));
 });
-BaseBreadcrumbs.className = CLASSNAME$z;
-BaseBreadcrumbs.defaultProps = DEFAULT_PROPS$z;
-BaseBreadcrumbs.displayName = COMPONENT_NAME$z;
+BaseBreadcrumbs.className = CLASSNAME$A;
+BaseBreadcrumbs.defaultProps = DEFAULT_PROPS$A;
+BaseBreadcrumbs.displayName = COMPONENT_NAME$A;
 const Breadcrumbs = Object.assign(BaseBreadcrumbs, {
   Item: BreadcrumbItem
 });
 
-const _excluded$x = ["breadcrumbs", "children", "className", "iconButtonProps", "iconButtonRef", "fallbackTitle", "title"];
-const COMPONENT_NAME$y = 'AppBar';
-const CLASSNAME$y = 'redsift-app-bar';
-const DEFAULT_PROPS$y = {};
+const _excluded$y = ["breadcrumbs", "children", "className", "iconButtonProps", "iconButtonRef", "fallbackTitle", "title"];
+const COMPONENT_NAME$z = 'AppBar';
+const CLASSNAME$z = 'redsift-app-bar';
+const DEFAULT_PROPS$z = {};
 
 /**
  * The AppBar component.
@@ -4009,7 +4012,7 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
       fallbackTitle,
       title: propsTitle
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$x);
+    forwardedProps = _objectWithoutProperties(props, _excluded$y);
   const [scroll, setScroll] = useState(false);
   useEffect(() => {
     window.addEventListener('scroll', () => {
@@ -4061,9 +4064,9 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${AppBar.className}__right`
   }, children) : null);
 });
-AppBar.className = CLASSNAME$y;
-AppBar.defaultProps = DEFAULT_PROPS$y;
-AppBar.displayName = COMPONENT_NAME$y;
+AppBar.className = CLASSNAME$z;
+AppBar.defaultProps = DEFAULT_PROPS$z;
+AppBar.displayName = COMPONENT_NAME$z;
 
 /**
  * Component style.
@@ -4102,10 +4105,10 @@ const StyledAppContent = styled.main`
 }}
 `;
 
-const _excluded$w = ["children", "className"];
-const COMPONENT_NAME$x = 'AppContent';
-const CLASSNAME$x = 'redsift-app-content';
-const DEFAULT_PROPS$x = {};
+const _excluded$x = ["children", "className"];
+const COMPONENT_NAME$y = 'AppContent';
+const CLASSNAME$y = 'redsift-app-content';
+const DEFAULT_PROPS$y = {};
 
 /**
  * The AppContent component.
@@ -4115,7 +4118,7 @@ const AppContent = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$w);
+    forwardedProps = _objectWithoutProperties(props, _excluded$x);
   const {
     isLoaded
   } = useIsLoaded();
@@ -4127,9 +4130,9 @@ const AppContent = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }), children);
 });
-AppContent.className = CLASSNAME$x;
-AppContent.defaultProps = DEFAULT_PROPS$x;
-AppContent.displayName = COMPONENT_NAME$x;
+AppContent.className = CLASSNAME$y;
+AppContent.defaultProps = DEFAULT_PROPS$y;
+AppContent.displayName = COMPONENT_NAME$y;
 
 /**
  * Component variant.
@@ -4236,10 +4239,10 @@ const StyledButtonGroup = styled.div`
 }};
 `;
 
-const _excluded$v = ["children", "className", "color", "variant"];
-const COMPONENT_NAME$w = 'ButtonGroup';
-const CLASSNAME$w = 'redsift-button-group';
-const DEFAULT_PROPS$w = {
+const _excluded$w = ["children", "className", "color", "variant"];
+const COMPONENT_NAME$x = 'ButtonGroup';
+const CLASSNAME$x = 'redsift-button-group';
+const DEFAULT_PROPS$x = {
   variant: 'primary'
 };
 
@@ -4253,7 +4256,7 @@ const ButtonGroup = /*#__PURE__*/forwardRef((props, ref) => {
       color,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$v);
+    forwardedProps = _objectWithoutProperties(props, _excluded$w);
 
   /**
    * Create an array containing only valid children being either Button, IconButton, ButtonLink or MenuButton.
@@ -4284,14 +4287,14 @@ const ButtonGroup = /*#__PURE__*/forwardRef((props, ref) => {
     $variant: variant
   }), buttons);
 });
-ButtonGroup.className = CLASSNAME$w;
-ButtonGroup.defaultProps = DEFAULT_PROPS$w;
-ButtonGroup.displayName = COMPONENT_NAME$w;
-
-const _excluded$u = ["as", "children", "className", "color", "href", "isActive", "isDisabled", "leftIcon", "rightIcon", "target", "variant"];
-const COMPONENT_NAME$v = 'ButtonLink';
-const CLASSNAME$v = 'redsift-button-link';
-const DEFAULT_PROPS$v = {
+ButtonGroup.className = CLASSNAME$x;
+ButtonGroup.defaultProps = DEFAULT_PROPS$x;
+ButtonGroup.displayName = COMPONENT_NAME$x;
+
+const _excluded$v = ["as", "children", "className", "color", "href", "isActive", "isDisabled", "leftIcon", "rightIcon", "target", "variant"];
+const COMPONENT_NAME$w = 'ButtonLink';
+const CLASSNAME$w = 'redsift-button-link';
+const DEFAULT_PROPS$w = {
   color: CtasColorPalette.primary,
   height: 'fit-content',
   variant: ButtonVariant.primary
@@ -4318,7 +4321,7 @@ const ButtonLink = /*#__PURE__*/forwardRef((props, ref) => {
       target,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$u);
+    forwardedProps = _objectWithoutProperties(props, _excluded$v);
   return /*#__PURE__*/React__default.createElement(StyledButton, _extends$1({
     as: as || 'a',
     role: "link",
@@ -4342,9 +4345,9 @@ const ButtonLink = /*#__PURE__*/forwardRef((props, ref) => {
     className: "right"
   }) : null);
 });
-ButtonLink.className = CLASSNAME$v;
-ButtonLink.defaultProps = DEFAULT_PROPS$v;
-ButtonLink.displayName = COMPONENT_NAME$v;
+ButtonLink.className = CLASSNAME$w;
+ButtonLink.defaultProps = DEFAULT_PROPS$w;
+ButtonLink.displayName = COMPONENT_NAME$w;
 
 var collapse$3 = "Collapse";
 var expand$3 = "Expand";
@@ -4525,10 +4528,10 @@ const StyledSkeletonCircle = styled(StyledSkeleton)`
 }}
 `;
 
-const _excluded$t = ["children", "className", "isLoaded"];
-const COMPONENT_NAME$u = 'SkeletonCircle';
-const CLASSNAME$u = 'redsift-skeleton-circle';
-const DEFAULT_PROPS$u = {};
+const _excluded$u = ["children", "className", "isLoaded"];
+const COMPONENT_NAME$v = 'SkeletonCircle';
+const CLASSNAME$v = 'redsift-skeleton-circle';
+const DEFAULT_PROPS$v = {};
 
 /**
  * The SkeletonCircle component.
@@ -4539,7 +4542,7 @@ const SkeletonCircle = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       isLoaded
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$t);
+    forwardedProps = _objectWithoutProperties(props, _excluded$u);
   if (isLoaded) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
   }
@@ -4548,9 +4551,9 @@ const SkeletonCircle = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }), typeof children === 'string' ? /*#__PURE__*/React__default.createElement("span", null, children) : children);
 });
-SkeletonCircle.className = CLASSNAME$u;
-SkeletonCircle.defaultProps = DEFAULT_PROPS$u;
-SkeletonCircle.displayName = COMPONENT_NAME$u;
+SkeletonCircle.className = CLASSNAME$v;
+SkeletonCircle.defaultProps = DEFAULT_PROPS$v;
+SkeletonCircle.displayName = COMPONENT_NAME$v;
 
 /**
  * Component variant.
@@ -4604,10 +4607,10 @@ const StyledSkeletonText = styled(StyledSkeleton)`
 }}}
 `;
 
-const _excluded$s = ["children", "className", "fontSize", "isLoaded", "lineHeight", "variant"];
-const COMPONENT_NAME$t = 'SkeletonText';
-const CLASSNAME$t = 'redsift-skeleton-text';
-const DEFAULT_PROPS$t = {
+const _excluded$t = ["children", "className", "fontSize", "isLoaded", "lineHeight", "variant"];
+const COMPONENT_NAME$u = 'SkeletonText';
+const CLASSNAME$u = 'redsift-skeleton-text';
+const DEFAULT_PROPS$u = {
   variant: 'body'
 };
 
@@ -4623,7 +4626,7 @@ const SkeletonText = /*#__PURE__*/forwardRef((props, ref) => {
       lineHeight,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$s);
+    forwardedProps = _objectWithoutProperties(props, _excluded$t);
   if (isLoaded) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
   }
@@ -4635,14 +4638,14 @@ const SkeletonText = /*#__PURE__*/forwardRef((props, ref) => {
     $variant: variant
   }), typeof children === 'string' ? /*#__PURE__*/React__default.createElement("span", null, children) : children);
 });
-SkeletonText.className = CLASSNAME$t;
-SkeletonText.defaultProps = DEFAULT_PROPS$t;
-SkeletonText.displayName = COMPONENT_NAME$t;
+SkeletonText.className = CLASSNAME$u;
+SkeletonText.defaultProps = DEFAULT_PROPS$u;
+SkeletonText.displayName = COMPONENT_NAME$u;
 
-const _excluded$r = ["children", "className", "isLoaded"];
-const COMPONENT_NAME$s = 'Skeleton';
-const CLASSNAME$s = 'redsift-skeleton';
-const DEFAULT_PROPS$s = {};
+const _excluded$s = ["children", "className", "isLoaded"];
+const COMPONENT_NAME$t = 'Skeleton';
+const CLASSNAME$t = 'redsift-skeleton';
+const DEFAULT_PROPS$t = {};
 
 /**
  * The Skeleton component.
@@ -4653,7 +4656,7 @@ const BaseSkeleton = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       isLoaded
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$r);
+    forwardedProps = _objectWithoutProperties(props, _excluded$s);
   if (isLoaded) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
   }
@@ -4662,18 +4665,18 @@ const BaseSkeleton = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }), typeof children === 'string' ? /*#__PURE__*/React__default.createElement("span", null, children) : children);
 });
-BaseSkeleton.className = CLASSNAME$s;
-BaseSkeleton.defaultProps = DEFAULT_PROPS$s;
-BaseSkeleton.displayName = COMPONENT_NAME$s;
+BaseSkeleton.className = CLASSNAME$t;
+BaseSkeleton.defaultProps = DEFAULT_PROPS$t;
+BaseSkeleton.displayName = COMPONENT_NAME$t;
 const Skeleton = Object.assign(BaseSkeleton, {
   Circle: SkeletonCircle,
   Text: SkeletonText
 });
 
-const _excluded$q = ["children", "className", "header", "headingProps", "icon", "iconProps", "isLoading", "subheader"];
-const COMPONENT_NAME$r = 'CardHeader';
-const CLASSNAME$r = 'redsift-card-header';
-const DEFAULT_PROPS$r = {};
+const _excluded$r = ["children", "className", "header", "headingProps", "icon", "iconProps", "isLoading", "subheader"];
+const COMPONENT_NAME$s = 'CardHeader';
+const CLASSNAME$s = 'redsift-card-header';
+const DEFAULT_PROPS$s = {};
 
 /**
  * The CardHeader component.
@@ -4689,7 +4692,7 @@ const CardHeader = /*#__PURE__*/forwardRef((props, ref) => {
       isLoading,
       subheader
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$q);
+    forwardedProps = _objectWithoutProperties(props, _excluded$r);
   return /*#__PURE__*/React__default.createElement(StyledCardHeader, _extends$1({}, forwardedProps, {
     className: classNames(CardHeader.className, className),
     ref: ref
@@ -4714,9 +4717,9 @@ const CardHeader = /*#__PURE__*/forwardRef((props, ref) => {
     size: "large"
   }, iconProps)) : null, header)) : null, children);
 });
-CardHeader.className = CLASSNAME$r;
-CardHeader.defaultProps = DEFAULT_PROPS$r;
-CardHeader.displayName = COMPONENT_NAME$r;
+CardHeader.className = CLASSNAME$s;
+CardHeader.defaultProps = DEFAULT_PROPS$s;
+CardHeader.displayName = COMPONENT_NAME$s;
 
 /**
  * Component style.
@@ -4732,10 +4735,10 @@ const StyledCardBody = styled.div`
   padding: 16px 0px;
 `;
 
-const _excluded$p = ["children", "className"];
-const COMPONENT_NAME$q = 'CardBody';
-const CLASSNAME$q = 'redsift-card-body';
-const DEFAULT_PROPS$q = {};
+const _excluded$q = ["children", "className"];
+const COMPONENT_NAME$r = 'CardBody';
+const CLASSNAME$r = 'redsift-card-body';
+const DEFAULT_PROPS$r = {};
 
 /**
  * The CardBody component.
@@ -4745,15 +4748,15 @@ const CardBody = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$p);
+    forwardedProps = _objectWithoutProperties(props, _excluded$q);
   return /*#__PURE__*/React__default.createElement(StyledCardBody, _extends$1({}, forwardedProps, {
     className: classNames(CardBody.className, className),
     ref: ref
   }), children);
 });
-CardBody.className = CLASSNAME$q;
-CardBody.defaultProps = DEFAULT_PROPS$q;
-CardBody.displayName = COMPONENT_NAME$q;
+CardBody.className = CLASSNAME$r;
+CardBody.defaultProps = DEFAULT_PROPS$r;
+CardBody.displayName = COMPONENT_NAME$r;
 
 /**
  * Component style.
@@ -4765,10 +4768,10 @@ const StyledCardActions = styled.div`
   margin-bottom: 8px;
 `;
 
-const _excluded$o = ["children", "className"];
-const COMPONENT_NAME$p = 'CardActions';
-const CLASSNAME$p = 'redsift-card-actions';
-const DEFAULT_PROPS$p = {
+const _excluded$p = ["children", "className"];
+const COMPONENT_NAME$q = 'CardActions';
+const CLASSNAME$q = 'redsift-card-actions';
+const DEFAULT_PROPS$q = {
   display: 'flex',
   flexDirection: 'row'
 };
@@ -4781,20 +4784,20 @@ const CardActions = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$o);
+    forwardedProps = _objectWithoutProperties(props, _excluded$p);
   return /*#__PURE__*/React__default.createElement(StyledCardActions, _extends$1({}, forwardedProps, {
     className: classNames(CardActions.className, className),
     ref: ref
   }), children);
 });
-CardActions.className = CLASSNAME$p;
-CardActions.defaultProps = DEFAULT_PROPS$p;
-CardActions.displayName = COMPONENT_NAME$p;
+CardActions.className = CLASSNAME$q;
+CardActions.defaultProps = DEFAULT_PROPS$q;
+CardActions.displayName = COMPONENT_NAME$q;
 
-const _excluded$n = ["children", "className", "defaultCollapsed", "isCollapsed", "isCollapsible", "onCollapse"];
-const COMPONENT_NAME$o = 'Card';
-const CLASSNAME$o = 'redsift-card';
-const DEFAULT_PROPS$o = {};
+const _excluded$o = ["children", "className", "defaultCollapsed", "isCollapsed", "isCollapsible", "onCollapse"];
+const COMPONENT_NAME$p = 'Card';
+const CLASSNAME$p = 'redsift-card';
+const DEFAULT_PROPS$p = {};
 
 /**
  * The Card component.
@@ -4808,7 +4811,7 @@ const BaseCard = /*#__PURE__*/forwardRef((props, ref) => {
       isCollapsible,
       onCollapse
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$n);
+    forwardedProps = _objectWithoutProperties(props, _excluded$o);
   const stringFormatter = useLocalizedStringFormatter(intlMessages$2);
   const [isCollapsed, setIsCollapsed] = useState(propsIsCollapsed !== null && propsIsCollapsed !== void 0 ? propsIsCollapsed : defaultCollapsed);
   useEffect(() => {
@@ -4839,9 +4842,9 @@ const BaseCard = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${BaseCard.className}__content`
   }, body, actions) : null);
 });
-BaseCard.className = CLASSNAME$o;
-BaseCard.defaultProps = DEFAULT_PROPS$o;
-BaseCard.displayName = COMPONENT_NAME$o;
+BaseCard.className = CLASSNAME$p;
+BaseCard.defaultProps = DEFAULT_PROPS$p;
+BaseCard.displayName = COMPONENT_NAME$p;
 const Card = Object.assign(BaseCard, {
   Header: CardHeader,
   Body: CardBody,
@@ -4944,10 +4947,10 @@ const StyledCheckboxGroup = styled.div`
   }
 `;
 
-const _excluded$m = ["children", "className", "defaultValues", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "value"];
-const COMPONENT_NAME$n = 'CheckboxGroup';
-const CLASSNAME$n = 'redsift-checkbox-group';
-const DEFAULT_PROPS$n = {
+const _excluded$n = ["children", "className", "defaultValues", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "value"];
+const COMPONENT_NAME$o = 'CheckboxGroup';
+const CLASSNAME$o = 'redsift-checkbox-group';
+const DEFAULT_PROPS$o = {
   color: CtasColorPalette.primary,
   orientation: CheckboxGroupOrientation.vertical
 };
@@ -4971,7 +4974,7 @@ const CheckboxGroup = /*#__PURE__*/forwardRef((props, ref) => {
       orientation,
       value
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$m);
+    forwardedProps = _objectWithoutProperties(props, _excluded$n);
   const [selectedValues, setValue] = useState(value || defaultValues || []);
   useEffect(() => {
     if (value) {
@@ -5024,9 +5027,9 @@ const CheckboxGroup = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${CheckboxGroup.className}-description`
   }, description));
 });
-CheckboxGroup.className = CLASSNAME$n;
-CheckboxGroup.defaultProps = DEFAULT_PROPS$n;
-CheckboxGroup.displayName = COMPONENT_NAME$n;
+CheckboxGroup.className = CLASSNAME$o;
+CheckboxGroup.defaultProps = DEFAULT_PROPS$o;
+CheckboxGroup.displayName = COMPONENT_NAME$o;
 
 /**
  * Component style.
@@ -5128,10 +5131,10 @@ const StyledCheckbox = styled.label`
   }
 `;
 
-const _excluded$l = ["aria-label", "aria-labelledby", "autoFocus", "children", "className", "defaultSelected", "inputProps", "inputRef", "isColored", "isDisabled", "isIndeterminate", "isInvalid", "isReadOnly", "isRequired", "isSelected", "name", "onChange", "value"];
-const COMPONENT_NAME$m = 'Checkbox';
-const CLASSNAME$m = 'redsift-checkbox';
-const DEFAULT_PROPS$m = {
+const _excluded$m = ["aria-label", "aria-labelledby", "autoFocus", "children", "className", "defaultSelected", "inputProps", "inputRef", "isColored", "isDisabled", "isIndeterminate", "isInvalid", "isReadOnly", "isRequired", "isSelected", "name", "onChange", "value"];
+const COMPONENT_NAME$n = 'Checkbox';
+const CLASSNAME$n = 'redsift-checkbox';
+const DEFAULT_PROPS$n = {
   isColored: true
 };
 
@@ -5163,7 +5166,7 @@ const Checkbox = /*#__PURE__*/forwardRef((props, ref) => {
       onChange,
       value
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$l);
+    forwardedProps = _objectWithoutProperties(props, _excluded$m);
   const {
     isFocusVisible,
     focusProps
@@ -5247,9 +5250,9 @@ const Checkbox = /*#__PURE__*/forwardRef((props, ref) => {
     value: value
   })));
 });
-Checkbox.className = CLASSNAME$m;
-Checkbox.defaultProps = DEFAULT_PROPS$m;
-Checkbox.displayName = COMPONENT_NAME$m;
+Checkbox.className = CLASSNAME$n;
+Checkbox.defaultProps = DEFAULT_PROPS$n;
+Checkbox.displayName = COMPONENT_NAME$n;
 
 const ConditionalWrapper = _ref => {
   let {
@@ -5363,10 +5366,10 @@ const StyledShield = styled.div`
 }}
 `;
 
-const _excluded$k = ["aria-hidden", "aria-label", "className", "svgProps", "isOutlined", "isReversed", "variant"];
-const COMPONENT_NAME$l = 'Shield';
-const CLASSNAME$l = 'redsift-shield';
-const DEFAULT_PROPS$l = {
+const _excluded$l = ["aria-hidden", "aria-label", "className", "svgProps", "isOutlined", "isReversed", "variant"];
+const COMPONENT_NAME$m = 'Shield';
+const CLASSNAME$m = 'redsift-shield';
+const DEFAULT_PROPS$m = {
   variant: ShieldVariant.success
 };
 const getVariant = variant => {
@@ -5452,7 +5455,7 @@ const Shield = /*#__PURE__*/forwardRef((props, ref) => {
       isReversed,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$k);
+    forwardedProps = _objectWithoutProperties(props, _excluded$l);
   const {
     color,
     icon
@@ -5486,9 +5489,9 @@ const Shield = /*#__PURE__*/forwardRef((props, ref) => {
     className: "icon"
   })));
 });
-Shield.className = CLASSNAME$l;
-Shield.defaultProps = DEFAULT_PROPS$l;
-Shield.displayName = COMPONENT_NAME$l;
+Shield.className = CLASSNAME$m;
+Shield.defaultProps = DEFAULT_PROPS$m;
+Shield.displayName = COMPONENT_NAME$m;
 
 var collapse$1 = "Collapse details";
 var expand$1 = "Expand details";
@@ -5540,10 +5543,10 @@ const StyledDetailedCardCollapsibleSectionItems = styled.div`
   }
 `;
 
-const _excluded$j = ["caption", "children", "className", "hideBackground"];
-const COMPONENT_NAME$k = 'DetailedCardCollapsibleSectionItems';
-const CLASSNAME$k = 'redsift-detailed-card-collapsible-section-items';
-const DEFAULT_PROPS$k = {};
+const _excluded$k = ["caption", "children", "className", "hideBackground"];
+const COMPONENT_NAME$l = 'DetailedCardCollapsibleSectionItems';
+const CLASSNAME$l = 'redsift-detailed-card-collapsible-section-items';
+const DEFAULT_PROPS$l = {};
 
 /**
  * The DetailedCardCollapsibleSectionItems Section component.
@@ -5555,7 +5558,7 @@ const DetailedCardCollapsibleSectionItems = /*#__PURE__*/forwardRef((props, ref)
       className,
       hideBackground
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$j);
+    forwardedProps = _objectWithoutProperties(props, _excluded$k);
   return /*#__PURE__*/React__default.createElement(StyledDetailedCardCollapsibleSectionItems, _extends$1({}, forwardedProps, {
     className: classNames(DetailedCardCollapsibleSectionItems.className, className),
     ref: ref,
@@ -5564,9 +5567,9 @@ const DetailedCardCollapsibleSectionItems = /*#__PURE__*/forwardRef((props, ref)
     className: `${DetailedCardCollapsibleSectionItems.className}__caption`
   }, caption) : null);
 });
-DetailedCardCollapsibleSectionItems.className = CLASSNAME$k;
-DetailedCardCollapsibleSectionItems.defaultProps = DEFAULT_PROPS$k;
-DetailedCardCollapsibleSectionItems.displayName = COMPONENT_NAME$k;
+DetailedCardCollapsibleSectionItems.className = CLASSNAME$l;
+DetailedCardCollapsibleSectionItems.defaultProps = DEFAULT_PROPS$l;
+DetailedCardCollapsibleSectionItems.displayName = COMPONENT_NAME$l;
 
 /**
  * Component style.
@@ -5630,10 +5633,10 @@ const StyledDetailedCardSection = styled.div`
   }
 `;
 
-const _excluded$i = ["badge", "color", "children", "className", "header", "isCollapsed", "isCollapsible", "isLoading"];
-const COMPONENT_NAME$j = 'DetailedCardSection';
-const CLASSNAME$j = 'redsift-detailed-card-section';
-const DEFAULT_PROPS$j = {
+const _excluded$j = ["badge", "color", "children", "className", "header", "isCollapsed", "isCollapsible", "isLoading"];
+const COMPONENT_NAME$k = 'DetailedCardSection';
+const CLASSNAME$k = 'redsift-detailed-card-section';
+const DEFAULT_PROPS$k = {
   isCollapsible: true
 };
 const hasCollapsibleChildren = children => {
@@ -5660,7 +5663,7 @@ const DetailedCardSection = /*#__PURE__*/forwardRef((props, ref) => {
       isCollapsible: propsIsCollapsible,
       isLoading
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$i);
+    forwardedProps = _objectWithoutProperties(props, _excluded$j);
   const stringFormatter = useLocalizedStringFormatter(intlMessages);
   const isCollapsible = propsIsCollapsible && hasCollapsibleChildren(children);
   const [isCollapsed, setIsCollapsed] = useState(Boolean(propsIsCollapsed));
@@ -5702,9 +5705,9 @@ const DetailedCardSection = /*#__PURE__*/forwardRef((props, ref) => {
     }
   }) : null), children);
 });
-DetailedCardSection.className = CLASSNAME$j;
-DetailedCardSection.defaultProps = DEFAULT_PROPS$j;
-DetailedCardSection.displayName = COMPONENT_NAME$j;
+DetailedCardSection.className = CLASSNAME$k;
+DetailedCardSection.defaultProps = DEFAULT_PROPS$k;
+DetailedCardSection.displayName = COMPONENT_NAME$k;
 
 /**
  * Component style.
@@ -5747,10 +5750,10 @@ const StyledDetailedCardHeader = styled.div`
   }
 `;
 
-const _excluded$h = ["children", "className", "header", "headingProps", "isLoading"];
-const COMPONENT_NAME$i = 'DetailedCardHeader';
-const CLASSNAME$i = 'redsift-detailed-card-header';
-const DEFAULT_PROPS$i = {};
+const _excluded$i = ["children", "className", "header", "headingProps", "isLoading"];
+const COMPONENT_NAME$j = 'DetailedCardHeader';
+const CLASSNAME$j = 'redsift-detailed-card-header';
+const DEFAULT_PROPS$j = {};
 
 /**
  * The DetailedCardHeader component.
@@ -5763,7 +5766,7 @@ const DetailedCardHeader = /*#__PURE__*/forwardRef((props, ref) => {
       headingProps,
       isLoading
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$h);
+    forwardedProps = _objectWithoutProperties(props, _excluded$i);
   return /*#__PURE__*/React__default.createElement(StyledDetailedCardHeader, _extends$1({}, forwardedProps, {
     className: classNames(DetailedCardHeader.className, className),
     ref: ref
@@ -5778,9 +5781,9 @@ const DetailedCardHeader = /*#__PURE__*/forwardRef((props, ref) => {
     variant: "h2"
   }, headingProps), header)) : null, children);
 });
-DetailedCardHeader.className = CLASSNAME$i;
-DetailedCardHeader.defaultProps = DEFAULT_PROPS$i;
-DetailedCardHeader.displayName = COMPONENT_NAME$i;
+DetailedCardHeader.className = CLASSNAME$j;
+DetailedCardHeader.defaultProps = DEFAULT_PROPS$j;
+DetailedCardHeader.displayName = COMPONENT_NAME$j;
 
 /**
  * Component size.
@@ -5933,10 +5936,10 @@ const StyledPill = styled.div`
   }
 `;
 
-const _excluded$g = ["autoBreak", "children", "className", "color", "hoverColor", "rightButton", "size"];
-const COMPONENT_NAME$h = 'Pill';
-const CLASSNAME$h = 'redsift-pill';
-const DEFAULT_PROPS$h = {
+const _excluded$h = ["autoBreak", "children", "className", "color", "hoverColor", "rightButton", "size"];
+const COMPONENT_NAME$i = 'Pill';
+const CLASSNAME$i = 'redsift-pill';
+const DEFAULT_PROPS$i = {
   color: PresentationColorPalette.pink,
   height: 'fit-content',
   size: PillSize.large
@@ -5955,7 +5958,7 @@ const Pill = /*#__PURE__*/forwardRef((props, ref) => {
       rightButton,
       size
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$g);
+    forwardedProps = _objectWithoutProperties(props, _excluded$h);
   return /*#__PURE__*/React__default.createElement(StyledPill, _extends$1({}, forwardedProps, {
     $autoBreak: autoBreak,
     $color: color,
@@ -5974,9 +5977,9 @@ const Pill = /*#__PURE__*/forwardRef((props, ref) => {
     icon: mdiClose$1
   })) : null);
 });
-Pill.className = CLASSNAME$h;
-Pill.defaultProps = DEFAULT_PROPS$h;
-Pill.displayName = COMPONENT_NAME$h;
+Pill.className = CLASSNAME$i;
+Pill.defaultProps = DEFAULT_PROPS$i;
+Pill.displayName = COMPONENT_NAME$i;
 
 /**
  * Component style.
@@ -6008,10 +6011,10 @@ const StyledDetailedCardSectionItem = styled.div`
   }
 `;
 
-const _excluded$f = ["children", "className", "description", "icon", "iconProps", "isLoading", "pill", "pillProps", "shield"];
-const COMPONENT_NAME$g = 'DetailedCardSectionItem';
-const CLASSNAME$g = 'redsift-detailed-card-section-item';
-const DEFAULT_PROPS$g = {};
+const _excluded$g = ["children", "className", "description", "icon", "iconProps", "isLoading", "pill", "pillProps", "shield"];
+const COMPONENT_NAME$h = 'DetailedCardSectionItem';
+const CLASSNAME$h = 'redsift-detailed-card-section-item';
+const DEFAULT_PROPS$h = {};
 
 /**
  * The DetailedCardSectionItems component.
@@ -6028,7 +6031,7 @@ const DetailedCardSectionItem = /*#__PURE__*/forwardRef((props, ref) => {
       pillProps,
       shield
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$f);
+    forwardedProps = _objectWithoutProperties(props, _excluded$g);
   return /*#__PURE__*/React__default.createElement(StyledDetailedCardSectionItem, _extends$1({}, forwardedProps, {
     className: classNames(DetailedCardSectionItem.className, className),
     ref: ref
@@ -6056,9 +6059,9 @@ const DetailedCardSectionItem = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${DetailedCardSectionItem.className}-header__pill`
   }, pillProps), pill), typeof description === 'string' ? /*#__PURE__*/React__default.createElement(Text, null, description) : description)) : null), children);
 });
-DetailedCardSectionItem.className = CLASSNAME$g;
-DetailedCardSectionItem.defaultProps = DEFAULT_PROPS$g;
-DetailedCardSectionItem.displayName = COMPONENT_NAME$g;
+DetailedCardSectionItem.className = CLASSNAME$h;
+DetailedCardSectionItem.defaultProps = DEFAULT_PROPS$h;
+DetailedCardSectionItem.displayName = COMPONENT_NAME$h;
 
 /*!
 * tabbable 6.1.2
@@ -9739,9 +9742,9 @@ const StyledTooltipContent = styled.div`
 }}
 `;
 
-const COMPONENT_NAME$f = 'TooltipContent';
-const CLASSNAME$f = 'redsift-tooltip-content';
-const DEFAULT_PROPS$f = {};
+const COMPONENT_NAME$g = 'TooltipContent';
+const CLASSNAME$g = 'redsift-tooltip-content';
+const DEFAULT_PROPS$g = {};
 
 /**
  * The TooltipContent component.
@@ -9802,13 +9805,13 @@ const TooltipContent = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${TooltipContent.className}__inner`
   }, children)));
 });
-TooltipContent.className = CLASSNAME$f;
-TooltipContent.defaultProps = DEFAULT_PROPS$f;
-TooltipContent.displayName = COMPONENT_NAME$f;
+TooltipContent.className = CLASSNAME$g;
+TooltipContent.defaultProps = DEFAULT_PROPS$g;
+TooltipContent.displayName = COMPONENT_NAME$g;
 
-const COMPONENT_NAME$e = 'TooltipTrigger';
-const CLASSNAME$e = 'redsift-tooltip-trigger';
-const DEFAULT_PROPS$e = {};
+const COMPONENT_NAME$f = 'TooltipTrigger';
+const CLASSNAME$f = 'redsift-tooltip-trigger';
+const DEFAULT_PROPS$f = {};
 
 /**
  * The TooltipTrigger component.
@@ -9838,9 +9841,9 @@ const TooltipTrigger = /*#__PURE__*/forwardRef((props, ref) => {
     ref: triggerRef
   }, getReferenceProps(props)), children);
 });
-TooltipTrigger.className = CLASSNAME$e;
-TooltipTrigger.defaultProps = DEFAULT_PROPS$e;
-TooltipTrigger.displayName = COMPONENT_NAME$e;
+TooltipTrigger.className = CLASSNAME$f;
+TooltipTrigger.defaultProps = DEFAULT_PROPS$f;
+TooltipTrigger.displayName = COMPONENT_NAME$f;
 
 function useTooltip(_ref) {
   let {
@@ -9903,9 +9906,9 @@ function useTooltip(_ref) {
   }), [isOpen, handleOpen, interactions, data, arrowRef, tooltipId]);
 }
 
-const COMPONENT_NAME$d = 'Tooltip';
-const CLASSNAME$d = 'redsift-tooltip';
-const DEFAULT_PROPS$d = {
+const COMPONENT_NAME$e = 'Tooltip';
+const CLASSNAME$e = 'redsift-tooltip';
+const DEFAULT_PROPS$e = {
   delay: 500,
   placement: TooltipPlacement.top
 };
@@ -9936,9 +9939,9 @@ const BaseTooltip = props => {
     value: tooltip
   }, trigger, content);
 };
-BaseTooltip.className = CLASSNAME$d;
-BaseTooltip.defaultProps = DEFAULT_PROPS$d;
-BaseTooltip.displayName = COMPONENT_NAME$d;
+BaseTooltip.className = CLASSNAME$e;
+BaseTooltip.defaultProps = DEFAULT_PROPS$e;
+BaseTooltip.displayName = COMPONENT_NAME$e;
 const Tooltip = Object.assign(BaseTooltip, {
   Trigger: TooltipTrigger,
   Content: TooltipContent
@@ -9952,10 +9955,10 @@ const useTooltipContext = () => {
   return context;
 };
 
-const _excluded$e = ["areAllCollapsed", "bannerVariant", "children", "className", "color", "defaultAllCollapsed", "icon", "isCollapsible", "isLoading", "onCollapseAll", "shield"];
-const COMPONENT_NAME$c = 'DetailedCard';
-const CLASSNAME$c = 'redsift-detailed-card';
-const DEFAULT_PROPS$c = {
+const _excluded$f = ["areAllCollapsed", "bannerVariant", "children", "className", "color", "defaultAllCollapsed", "icon", "isCollapsible", "isLoading", "onCollapseAll", "shield"];
+const COMPONENT_NAME$d = 'DetailedCard';
+const CLASSNAME$d = 'redsift-detailed-card';
+const DEFAULT_PROPS$d = {
   isCollapsible: true,
   width: '400px'
 };
@@ -9995,7 +9998,7 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
       onCollapseAll,
       shield
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$e);
+    forwardedProps = _objectWithoutProperties(props, _excluded$f);
   const stringFormatter = useLocalizedStringFormatter(intlMessages$1);
   const isCollapsible = propsIsCollapsible && hasMultipleCollapsibleChildren(children);
   const [allCollapsed, setAllCollapsed] = useState({
@@ -10081,9 +10084,9 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
     return child;
   }));
 });
-BaseDetailedCard.className = CLASSNAME$c;
-BaseDetailedCard.defaultProps = DEFAULT_PROPS$c;
-BaseDetailedCard.displayName = COMPONENT_NAME$c;
+BaseDetailedCard.className = CLASSNAME$d;
+BaseDetailedCard.defaultProps = DEFAULT_PROPS$d;
+BaseDetailedCard.displayName = COMPONENT_NAME$d;
 const DetailedCard = Object.assign(BaseDetailedCard, {
   Header: DetailedCardHeader,
   Section: DetailedCardSection,
@@ -10881,10 +10884,10 @@ const StyledGridItem = styled.div`
   ${baseInternalSpacing}
 `;
 
-const _excluded$d = ["children", "className"];
-const COMPONENT_NAME$b = 'GridItem';
-const CLASSNAME$b = 'redsift-grid-item';
-const DEFAULT_PROPS$b = {};
+const _excluded$e = ["children", "className"];
+const COMPONENT_NAME$c = 'GridItem';
+const CLASSNAME$c = 'redsift-grid-item';
+const DEFAULT_PROPS$c = {};
 
 /**
  * The GridItem component.
@@ -10894,20 +10897,20 @@ const GridItem = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$d);
+    forwardedProps = _objectWithoutProperties(props, _excluded$e);
   return /*#__PURE__*/React__default.createElement(StyledGridItem, _extends$1({}, forwardedProps, {
     className: classNames(GridItem.className, className),
     ref: ref
   }), children);
 });
-GridItem.className = CLASSNAME$b;
-GridItem.defaultProps = DEFAULT_PROPS$b;
-GridItem.displayName = COMPONENT_NAME$b;
+GridItem.className = CLASSNAME$c;
+GridItem.defaultProps = DEFAULT_PROPS$c;
+GridItem.displayName = COMPONENT_NAME$c;
 
-const _excluded$c = ["children", "className", "divider", "gap"];
-const COMPONENT_NAME$a = 'Grid';
-const CLASSNAME$a = 'redsift-grid';
-const DEFAULT_PROPS$a = {};
+const _excluded$d = ["children", "className", "divider", "gap"];
+const COMPONENT_NAME$b = 'Grid';
+const CLASSNAME$b = 'redsift-grid';
+const DEFAULT_PROPS$b = {};
 
 /**
  * The Grid component.
@@ -10919,7 +10922,7 @@ const BaseGrid = /*#__PURE__*/forwardRef((props, ref) => {
       divider,
       gap
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$c);
+    forwardedProps = _objectWithoutProperties(props, _excluded$d);
   return /*#__PURE__*/React__default.createElement(StyledGrid, _extends$1({}, forwardedProps, {
     gap: divider ? `${divider.rowGap}px ${divider.colGap}px` : gap,
     className: classNames(BaseGrid.className, className),
@@ -10927,9 +10930,9 @@ const BaseGrid = /*#__PURE__*/forwardRef((props, ref) => {
     $divider: divider
   }), children);
 });
-BaseGrid.className = CLASSNAME$a;
-BaseGrid.defaultProps = DEFAULT_PROPS$a;
-BaseGrid.displayName = COMPONENT_NAME$a;
+BaseGrid.className = CLASSNAME$b;
+BaseGrid.defaultProps = DEFAULT_PROPS$b;
+BaseGrid.displayName = COMPONENT_NAME$b;
 const Grid = Object.assign(BaseGrid, {
   Item: GridItem
 });
@@ -11152,11 +11155,11 @@ function useMenuItem(props) {
   };
 }
 
-const _excluded$b = ["children", "className", "defaultSelected", "id", "isActive", "isDisabled", "isHovered", "isSelected", "value"],
+const _excluded$c = ["children", "className", "defaultSelected", "id", "isActive", "isDisabled", "isHovered", "isSelected", "value"],
   _excluded2 = ["children", "className", "id", "isActive", "isDisabled", "isHovered", "onClick"];
-const COMPONENT_NAME$9 = 'Item';
-const CLASSNAME$9 = 'redsift-item';
-const DEFAULT_PROPS$9 = {};
+const COMPONENT_NAME$a = 'Item';
+const CLASSNAME$a = 'redsift-item';
+const DEFAULT_PROPS$a = {};
 const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       children,
@@ -11169,7 +11172,7 @@ const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
       isSelected: propsIsSelected,
       value
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$b);
+    forwardedProps = _objectWithoutProperties(props, _excluded$c);
   const id = propsId !== null && propsId !== void 0 ? propsId : value;
   const _ref = useRef();
   const divRef = ref !== null && ref !== void 0 ? ref : _ref;
@@ -11294,9 +11297,9 @@ const Item = /*#__PURE__*/forwardRef((props, ref) => {
   }
   return null;
 });
-Item.className = CLASSNAME$9;
-Item.defaultProps = DEFAULT_PROPS$9;
-Item.displayName = COMPONENT_NAME$9;
+Item.className = CLASSNAME$a;
+Item.defaultProps = DEFAULT_PROPS$a;
+Item.displayName = COMPONENT_NAME$a;
 
 /**
  * Component style.
@@ -11338,10 +11341,10 @@ const StyledLink = styled.a`
   }
 `;
 
-const _excluded$a = ["as", "children", "className", "href", "isDisabled"];
-const COMPONENT_NAME$8 = 'Link';
-const CLASSNAME$8 = 'redsift-link';
-const DEFAULT_PROPS$8 = {};
+const _excluded$b = ["as", "children", "className", "href", "isDisabled"];
+const COMPONENT_NAME$9 = 'Link';
+const CLASSNAME$9 = 'redsift-link';
+const DEFAULT_PROPS$9 = {};
 
 /**
  * The Link is a semantic link that looks like a link.
@@ -11359,7 +11362,7 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
       href,
       isDisabled
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$a);
+    forwardedProps = _objectWithoutProperties(props, _excluded$b);
   return /*#__PURE__*/React__default.createElement(StyledLink, _extends$1({
     as: as,
     "aria-disabled": isDisabled,
@@ -11372,14 +11375,14 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }), children);
 });
-Link.className = CLASSNAME$8;
-Link.defaultProps = DEFAULT_PROPS$8;
-Link.displayName = COMPONENT_NAME$8;
+Link.className = CLASSNAME$9;
+Link.defaultProps = DEFAULT_PROPS$9;
+Link.displayName = COMPONENT_NAME$9;
 
-const _excluded$9 = ["children", "className", "disabled", "isDisabled"];
-const COMPONENT_NAME$7 = 'LinkButton';
-const CLASSNAME$7 = 'redsift-link-button';
-const DEFAULT_PROPS$7 = {};
+const _excluded$a = ["children", "className", "disabled", "isDisabled"];
+const COMPONENT_NAME$8 = 'LinkButton';
+const CLASSNAME$8 = 'redsift-link-button';
+const DEFAULT_PROPS$8 = {};
 
 /**
  * The LinkButton is a semantic button that looks like a link.
@@ -11396,7 +11399,7 @@ const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
       disabled,
       isDisabled: propsIsDisabled
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$9);
+    forwardedProps = _objectWithoutProperties(props, _excluded$a);
   const isDisabled = propsIsDisabled || disabled;
   return /*#__PURE__*/React__default.createElement(StyledLink, _extends$1({
     as: "button"
@@ -11410,11 +11413,11 @@ const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
     ref: buttonRef
   }), children);
 });
-LinkButton.className = CLASSNAME$7;
-LinkButton.defaultProps = DEFAULT_PROPS$7;
-LinkButton.displayName = COMPONENT_NAME$7;
+LinkButton.className = CLASSNAME$8;
+LinkButton.defaultProps = DEFAULT_PROPS$8;
+LinkButton.displayName = COMPONENT_NAME$8;
 
-const _excluded$8 = ["children", "id", "isDisabled", "context"];
+const _excluded$9 = ["children", "id", "isDisabled", "context"];
 const ActiveDescendantListbox = /*#__PURE__*/forwardRef((props, ref) => {
   var _context$state$active;
   const {
@@ -11423,7 +11426,7 @@ const ActiveDescendantListbox = /*#__PURE__*/forwardRef((props, ref) => {
       isDisabled,
       context
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$8);
+    forwardedProps = _objectWithoutProperties(props, _excluded$9);
   const {
     activedescendant,
     handleKeyDown: handleFocusKeyDown,
@@ -11479,7 +11482,7 @@ const ActiveDescendantListbox = /*#__PURE__*/forwardRef((props, ref) => {
   }, children));
 });
 
-const _excluded$7 = ["children", "id", "isDisabled", "context"];
+const _excluded$8 = ["children", "id", "isDisabled", "context"];
 const RovingTabindexListbox = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       children,
@@ -11487,7 +11490,7 @@ const RovingTabindexListbox = /*#__PURE__*/forwardRef((props, ref) => {
       isDisabled,
       context
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$7);
+    forwardedProps = _objectWithoutProperties(props, _excluded$8);
   return /*#__PURE__*/React__default.createElement(Flexbox, _extends$1({
     flexDirection: "column",
     gap: "8px"
@@ -11579,10 +11582,10 @@ const ListboxReducer = (state, action) => {
   }
 };
 
-const _excluded$6 = ["children", "className", "defaultValues", "direction", "focusOnClick", "focusType", "id", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "loopAround", "onChange", "selectionMode", "values", "variant"];
-const COMPONENT_NAME$6 = 'Listbox';
-const CLASSNAME$6 = 'redsift-listbox';
-const DEFAULT_PROPS$6 = {
+const _excluded$7 = ["children", "className", "defaultValues", "direction", "focusOnClick", "focusType", "id", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "loopAround", "onChange", "selectionMode", "values", "variant"];
+const COMPONENT_NAME$7 = 'Listbox';
+const CLASSNAME$7 = 'redsift-listbox';
+const DEFAULT_PROPS$7 = {
   focusOnClick: false,
   focusType: 'roving-tabindex',
   selectionMode: 'single',
@@ -11613,7 +11616,7 @@ const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
       values,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$6);
+    forwardedProps = _objectWithoutProperties(props, _excluded$7);
   const [_id] = useId$1();
   const id = propsId !== null && propsId !== void 0 ? propsId : _id;
   const _ref = useRef();
@@ -11675,9 +11678,9 @@ const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
     ref: divRef
   }), children)));
 });
-Listbox.className = CLASSNAME$6;
-Listbox.defaultProps = DEFAULT_PROPS$6;
-Listbox.displayName = COMPONENT_NAME$6;
+Listbox.className = CLASSNAME$7;
+Listbox.defaultProps = DEFAULT_PROPS$7;
+Listbox.displayName = COMPONENT_NAME$7;
 
 /**
  * Component style.
@@ -11686,10 +11689,10 @@ const StyledNumber = styled(StyledText)`
   font-family: var(--redsift-typography-font-family-poppins);
 `;
 
-const _excluded$5 = ["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", "value", "variant"];
-const COMPONENT_NAME$5 = 'Number';
-const CLASSNAME$5 = 'redsift-number';
-const DEFAULT_PROPS$5 = {
+const _excluded$6 = ["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", "value", "variant"];
+const COMPONENT_NAME$6 = 'Number';
+const CLASSNAME$6 = 'redsift-number';
+const DEFAULT_PROPS$6 = {
   compactDisplay: 'short',
   currencyDisplay: 'symbol',
   currencySign: 'standard',
@@ -11739,7 +11742,7 @@ const Number$1 = /*#__PURE__*/forwardRef((props, ref) => {
       value,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$5);
+    forwardedProps = _objectWithoutProperties(props, _excluded$6);
   const formatter = useNumberFormatter(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
     compactDisplay,
     currency,
@@ -11787,9 +11790,69 @@ const Number$1 = /*#__PURE__*/forwardRef((props, ref) => {
     $variant: variant
   }), formatter.format(value));
 });
-Number$1.className = CLASSNAME$5;
-Number$1.defaultProps = DEFAULT_PROPS$5;
-Number$1.displayName = COMPONENT_NAME$5;
+Number$1.className = CLASSNAME$6;
+Number$1.defaultProps = DEFAULT_PROPS$6;
+Number$1.displayName = COMPONENT_NAME$6;
+
+/**
+ * Component style.
+ */
+const StyledProgressBar = styled.progress`
+    ${_ref => {
+  let {
+    backgroundColor,
+    height,
+    progressColor,
+    width
+  } = _ref;
+  return css`
+
+        &[value] { // Target only state with a value
+            -webkit-appearance: none;
+            appearance: none;
+            height: ${height || '8px'};
+            width: ${width || '100%'};
+            color: var(--redsift-color-presentation-red-default);
+
+            &::-webkit-progress-bar {
+                background-color: ${backgroundColor || 'var(--redsift-color-neutral-xlightgrey)'};
+                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;
+            }
+
+            &::-webkit-progress-value {
+                background-color: ${progressColor || 'var(--redsift-color-ctas-primary-primary)'};
+                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;
+            }
+        }
+    `;
+}}
+`;
+
+const _excluded$5 = ["className", "value"];
+const COMPONENT_NAME$5 = 'ProgressBar';
+const CLASSNAME$5 = 'redsift-progress-bar';
+const DEFAULT_PROPS$5 = {};
+
+/**
+ * The Progress bar component.
+ */
+const ProgressBar = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      className,
+      value
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$5);
+  return /*#__PURE__*/React__default.createElement(StyledProgressBar, _extends$1({}, forwardedProps, {
+    className: classNames(ProgressBar.className, className),
+    ref: ref,
+    variant: "determinate",
+    max: "100",
+    value: value || 0
+  }));
+});
+ProgressBar.className = CLASSNAME$5;
+ProgressBar.defaultProps = DEFAULT_PROPS$5;
+ProgressBar.displayName = COMPONENT_NAME$5;
 
 /**
  * Context props.
@@ -12877,6 +12940,9 @@ const StyledTextField = styled.div`
 }}
 `;
 
+// Material Design Icons v7.2.96
+var mdiClose = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z";
+
 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", "type", "value", "variant"];
 const COMPONENT_NAME = 'TextField';
 const CLASSNAME = 'redsift-text-field';
@@ -13042,5 +13108,5 @@ TextField.className = CLASSNAME;
 TextField.defaultProps = DEFAULT_PROPS;
 TextField.displayName = COMPONENT_NAME;
 
-export { ActiveDescendantListbox, Alert, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppContainer, AppContainerContext, AppContent, AppSidePanel, AppSidePanelVariant, Badge, BadgeVariant, BaseBreadcrumbs, BaseGrid, BaseSkeleton, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, ButtonGroupVariant, ButtonLink, ButtonVariant, Card, CardActions, CardBody, CardHeader, Checkbox, CheckboxGroup, CheckboxGroupOrientation, ConditionalWrapper, CtasColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardHeader, DetailedCardSection, DetailedCardSectionItem, EventKey, FOCUS_WITHING_GROUP_INITIAL_STATE, FlexDirection, FlexWrap, Flexbox, FocusWithinGroup, FocusWithinGroupActionType, FocusWithinGroupContext, FocusWithinGroupReducer, FontFamily, Grid, GridItem, Heading, HeadingComponent, HeadingVariant, Icon, IconButton, IconButtonVariant, IconSize, Item, JustifyContent, JustifyItems, JustifySelf, LISTBOX_INITIAL_STATE, Link, LinkButton, Listbox, ListboxActionType, ListboxContext, ListboxReducer, ListboxVariant, Navigation, NeutralColorPalette, NotificationsColorPalette, Number$1 as Number, Pill, PillSize, PresentationColorPalette, Product, ProductColorPalette, ProductLogo, ProductName, Radio, RadioGroup, RadioGroupOrientation, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorCtasPrimaryActive, RedsiftColorCtasPrimaryActiveHover, RedsiftColorCtasPrimaryButtonActive, RedsiftColorCtasPrimaryButtonActiveHover, RedsiftColorCtasPrimaryButtonHover, RedsiftColorCtasPrimaryHover, RedsiftColorCtasPrimaryPrimary, RedsiftColorCtasSecondaryActive, RedsiftColorCtasSecondaryActiveHover, RedsiftColorCtasSecondaryButtonActive, RedsiftColorCtasSecondaryButtonActiveHover, RedsiftColorCtasSecondaryButtonHover, RedsiftColorCtasSecondaryHover, RedsiftColorCtasSecondaryPrimary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNotificationsErrorActive, RedsiftColorNotificationsErrorActiveHover, RedsiftColorNotificationsErrorButtonActive, RedsiftColorNotificationsErrorButtonActiveHover, RedsiftColorNotificationsErrorButtonHover, RedsiftColorNotificationsErrorHover, RedsiftColorNotificationsErrorPrimary, RedsiftColorNotificationsInfoActive, RedsiftColorNotificationsInfoActiveHover, RedsiftColorNotificationsInfoButtonActive, RedsiftColorNotificationsInfoButtonActiveHover, RedsiftColorNotificationsInfoButtonHover, RedsiftColorNotificationsInfoHover, RedsiftColorNotificationsInfoPrimary, RedsiftColorNotificationsNoDataActive, RedsiftColorNotificationsNoDataActiveHover, RedsiftColorNotificationsNoDataButtonActive, RedsiftColorNotificationsNoDataButtonActiveHover, RedsiftColorNotificationsNoDataButtonHover, RedsiftColorNotificationsNoDataHover, RedsiftColorNotificationsNoDataPrimary, RedsiftColorNotificationsQuestionActive, RedsiftColorNotificationsQuestionActiveHover, RedsiftColorNotificationsQuestionButtonActive, RedsiftColorNotificationsQuestionButtonActiveHover, RedsiftColorNotificationsQuestionButtonHover, RedsiftColorNotificationsQuestionHover, RedsiftColorNotificationsQuestionPrimary, RedsiftColorNotificationsSuccessActive, RedsiftColorNotificationsSuccessActiveHover, RedsiftColorNotificationsSuccessButtonActive, RedsiftColorNotificationsSuccessButtonActiveHover, RedsiftColorNotificationsSuccessButtonHover, RedsiftColorNotificationsSuccessHover, RedsiftColorNotificationsSuccessPrimary, RedsiftColorNotificationsWarningActive, RedsiftColorNotificationsWarningActiveHover, RedsiftColorNotificationsWarningButtonActive, RedsiftColorNotificationsWarningButtonActiveHover, RedsiftColorNotificationsWarningButtonHover, 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, RedsiftColorProductAsm, RedsiftColorProductBrandTrust, RedsiftColorProductCertificates, RedsiftColorProductOndmarc, RedsiftColorProductRadar, RedsiftColorProductRojoDs, RedsiftColorProductVendorSecure, RedsiftColorProductWebsite, RedsiftColorRedsift, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, 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, Shield, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarVariant, SideNavigationMenuItem, SideNavigationMenuReducerActionType, Skeleton, SkeletonCircle, SkeletonText, SkeletonTextVariant, Spinner, SpinnerSize, StyledButton, StyledLink, Switch, SwitchGroup, SwitchGroupOrientation, Text, TextComponent, TextField, TextFieldVariant, TextVariant, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, focusRing, isComponent, nextId, partitionComponents, resetId, setPrefix, sizeToDimension$1 as sizeToDimension, uniqueId, useAppSidePanel, useBoundingClientRect, useFocusOnList, useFocusOnListItem, useId$1 as useId, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
+export { ActiveDescendantListbox, Alert, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppContainer, AppContainerContext, AppContent, AppSidePanel, AppSidePanelVariant, Badge, BadgeVariant, BaseBreadcrumbs, BaseGrid, BaseSkeleton, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, ButtonGroupVariant, ButtonLink, ButtonVariant, Card, CardActions, CardBody, CardHeader, Checkbox, CheckboxGroup, CheckboxGroupOrientation, ConditionalWrapper, CtasColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardHeader, DetailedCardSection, DetailedCardSectionItem, EventKey, FOCUS_WITHING_GROUP_INITIAL_STATE, FlexDirection, FlexWrap, Flexbox, FocusWithinGroup, FocusWithinGroupActionType, FocusWithinGroupContext, FocusWithinGroupReducer, FontFamily, Grid, GridItem, Heading, HeadingComponent, HeadingVariant, Icon, IconButton, IconButtonVariant, IconSize, Item, JustifyContent, JustifyItems, JustifySelf, LISTBOX_INITIAL_STATE, Link, LinkButton, Listbox, ListboxActionType, ListboxContext, ListboxReducer, ListboxVariant, Navigation, NeutralColorPalette, NotificationsColorPalette, Number$1 as Number, Pill, PillSize, PresentationColorPalette, Product, ProductColorPalette, ProductLogo, ProductName, ProgressBar, Radio, RadioGroup, RadioGroupOrientation, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorCtasPrimaryActive, RedsiftColorCtasPrimaryActiveHover, RedsiftColorCtasPrimaryButtonActive, RedsiftColorCtasPrimaryButtonActiveHover, RedsiftColorCtasPrimaryButtonHover, RedsiftColorCtasPrimaryHover, RedsiftColorCtasPrimaryPrimary, RedsiftColorCtasSecondaryActive, RedsiftColorCtasSecondaryActiveHover, RedsiftColorCtasSecondaryButtonActive, RedsiftColorCtasSecondaryButtonActiveHover, RedsiftColorCtasSecondaryButtonHover, RedsiftColorCtasSecondaryHover, RedsiftColorCtasSecondaryPrimary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNotificationsErrorActive, RedsiftColorNotificationsErrorActiveHover, RedsiftColorNotificationsErrorButtonActive, RedsiftColorNotificationsErrorButtonActiveHover, RedsiftColorNotificationsErrorButtonHover, RedsiftColorNotificationsErrorHover, RedsiftColorNotificationsErrorPrimary, RedsiftColorNotificationsInfoActive, RedsiftColorNotificationsInfoActiveHover, RedsiftColorNotificationsInfoButtonActive, RedsiftColorNotificationsInfoButtonActiveHover, RedsiftColorNotificationsInfoButtonHover, RedsiftColorNotificationsInfoHover, RedsiftColorNotificationsInfoPrimary, RedsiftColorNotificationsNoDataActive, RedsiftColorNotificationsNoDataActiveHover, RedsiftColorNotificationsNoDataButtonActive, RedsiftColorNotificationsNoDataButtonActiveHover, RedsiftColorNotificationsNoDataButtonHover, RedsiftColorNotificationsNoDataHover, RedsiftColorNotificationsNoDataPrimary, RedsiftColorNotificationsQuestionActive, RedsiftColorNotificationsQuestionActiveHover, RedsiftColorNotificationsQuestionButtonActive, RedsiftColorNotificationsQuestionButtonActiveHover, RedsiftColorNotificationsQuestionButtonHover, RedsiftColorNotificationsQuestionHover, RedsiftColorNotificationsQuestionPrimary, RedsiftColorNotificationsSuccessActive, RedsiftColorNotificationsSuccessActiveHover, RedsiftColorNotificationsSuccessButtonActive, RedsiftColorNotificationsSuccessButtonActiveHover, RedsiftColorNotificationsSuccessButtonHover, RedsiftColorNotificationsSuccessHover, RedsiftColorNotificationsSuccessPrimary, RedsiftColorNotificationsWarningActive, RedsiftColorNotificationsWarningActiveHover, RedsiftColorNotificationsWarningButtonActive, RedsiftColorNotificationsWarningButtonActiveHover, RedsiftColorNotificationsWarningButtonHover, 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, RedsiftColorProductAsm, RedsiftColorProductBrandTrust, RedsiftColorProductCertificates, RedsiftColorProductOndmarc, RedsiftColorProductRadar, RedsiftColorProductRojoDs, RedsiftColorProductVendorSecure, RedsiftColorProductWebsite, RedsiftColorRedsift, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, 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, Shield, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarVariant, SideNavigationMenuItem, SideNavigationMenuReducerActionType, Skeleton, SkeletonCircle, SkeletonText, SkeletonTextVariant, Spinner, SpinnerSize, StyledButton, StyledLink, Switch, SwitchGroup, SwitchGroupOrientation, Text, TextComponent, TextField, TextFieldVariant, TextVariant, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, focusRing, isComponent, nextId, partitionComponents, resetId, setPrefix, sizeToDimension$1 as sizeToDimension, uniqueId, useAppSidePanel, useBoundingClientRect, useFocusOnList, useFocusOnListItem, useId$1 as useId, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
 //# sourceMappingURL=index.js.map