@redsift/design-system 9.0.0-alpha.13 → 9.0.0-alpha.15

package/index.js

@@ -1036,10 +1036,10 @@ const StyledIcon = styled.span`
 }}
 `;
 
-const _excluded$N = ["aria-hidden", "aria-label", "badge", "className", "color", "icon", "size", "svgProps"];
-const COMPONENT_NAME$N = 'Icon';
-const CLASSNAME$N = 'redsift-icon';
-const DEFAULT_PROPS$N = {
+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 = {
   size: IconSize.medium
 };
 const sizeToDimension$1 = size => {
@@ -1107,7 +1107,7 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
       size,
       svgProps
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$N);
+    forwardedProps = _objectWithoutProperties(props, _excluded$O);
   const {
     width,
     height,
@@ -1140,9 +1140,9 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
     width
   }, svgProps)), badge ? badge : null);
 });
-Icon.className = CLASSNAME$N;
-Icon.defaultProps = DEFAULT_PROPS$N;
-Icon.displayName = COMPONENT_NAME$N;
+Icon.className = CLASSNAME$O;
+Icon.defaultProps = DEFAULT_PROPS$O;
+Icon.displayName = COMPONENT_NAME$O;
 
 /**
  * Component variant.
@@ -1207,7 +1207,7 @@ const StyledButton = styled.button`
     $isHovered
   } = _ref2;
   return css`
-    padding: ${$variant === ButtonVariant.secondary ? '7px 15px' : '8px 16px'};
+    padding: ${$variant === ButtonVariant.secondary ? '8px 15px' : '9px 16px'};
 
     ${$variant === ButtonVariant.secondary ? css`
           background-color: ${$isActive && $isHovered ? `var(--redsift-color-${Object.keys(CtasColorPalette).includes($color) ? 'ctas' : 'notifications'}-${$color}-active-hover)` : $isActive ? `var(--redsift-color-${Object.keys(CtasColorPalette).includes($color) ? 'ctas' : 'notifications'}-${$color}-active)` : $isHovered ? `var(--redsift-color-${Object.keys(CtasColorPalette).includes($color) ? 'ctas' : 'notifications'}-${$color}-hover)` : $isDisabled ? 'var(--redsift-color-neutral-white)' : 'var(--redsift-color-neutral-white)'};
@@ -1383,10 +1383,10 @@ var spinner = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmc
 
 var uncoloredSpinner = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iI2JkYmRiZCIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiNiZGJkYmQiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
 
-const _excluded$M = ["aria-hidden", "aria-label", "className", "isColored", "size"];
-const COMPONENT_NAME$M = 'Spinner';
-const CLASSNAME$M = 'redsift-shield';
-const DEFAULT_PROPS$M = {
+const _excluded$N = ["aria-hidden", "aria-label", "className", "isColored", "size"];
+const COMPONENT_NAME$N = 'Spinner';
+const CLASSNAME$N = 'redsift-shield';
+const DEFAULT_PROPS$N = {
   isColored: true,
   size: SpinnerSize.medium
 };
@@ -1427,7 +1427,7 @@ const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
       isColored,
       size
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$M);
+    forwardedProps = _objectWithoutProperties(props, _excluded$N);
   const {
     width,
     height
@@ -1446,14 +1446,14 @@ const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
     $size: size
   }));
 });
-Spinner.className = CLASSNAME$M;
-Spinner.defaultProps = DEFAULT_PROPS$M;
-Spinner.displayName = COMPONENT_NAME$M;
+Spinner.className = CLASSNAME$N;
+Spinner.defaultProps = DEFAULT_PROPS$N;
+Spinner.displayName = COMPONENT_NAME$N;
 
-const _excluded$L = ["children", "className", "color", "disabled", "fullWidth", "isActive", "isDisabled", "isHovered", "isLoading", "leftIcon", "leftIconProps", "rightIcon", "rightIconProps", "variant"];
-const COMPONENT_NAME$L = 'Button';
-const CLASSNAME$L = 'redsift-button';
-const DEFAULT_PROPS$L = {
+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 = {
   color: CtasColorPalette.primary,
   height: 'fit-content',
   variant: ButtonVariant.primary
@@ -1485,7 +1485,7 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
       rightIconProps,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$L);
+    forwardedProps = _objectWithoutProperties(props, _excluded$M);
   const isDisabled = isLoading || propsIsDisabled || disabled;
   return /*#__PURE__*/React__default.createElement(StyledButton, _extends$1({}, forwardedProps, {
     $color: color,
@@ -1512,9 +1512,9 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
     className: "right"
   }, rightIconProps)) : null);
 });
-Button.className = CLASSNAME$L;
-Button.defaultProps = DEFAULT_PROPS$L;
-Button.displayName = COMPONENT_NAME$L;
+Button.className = CLASSNAME$M;
+Button.defaultProps = DEFAULT_PROPS$M;
+Button.displayName = COMPONENT_NAME$M;
 
 /**
  * Component style.
@@ -1541,10 +1541,10 @@ const StyledIconButton = styled(StyledButton)`
 }}
 `;
 
-const _excluded$K = ["className", "color", "disabled", "icon", "iconProps", "isActive", "isDisabled", "isHovered", "isLoading", "variant"];
-const COMPONENT_NAME$K = 'IconButton';
-const CLASSNAME$K = 'redsift-icon-button';
-const DEFAULT_PROPS$K = {
+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 = {
   color: CtasColorPalette.primary,
   height: 'fit-content',
   variant: IconButtonVariant.unstyled
@@ -1570,7 +1570,7 @@ const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
       isLoading,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$K);
+    forwardedProps = _objectWithoutProperties(props, _excluded$L);
   const isDisabled = props.isLoading || propsIsDisabled || disabled;
   warnIfNoAccessibleLabelFound(props);
   return /*#__PURE__*/React__default.createElement(StyledIconButton, _extends$1({}, forwardedProps, {
@@ -1591,9 +1591,9 @@ const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
     color: isDisabled ? undefined : color
   })));
 });
-IconButton.className = CLASSNAME$K;
-IconButton.defaultProps = DEFAULT_PROPS$K;
-IconButton.displayName = COMPONENT_NAME$K;
+IconButton.className = CLASSNAME$L;
+IconButton.defaultProps = DEFAULT_PROPS$L;
+IconButton.displayName = COMPONENT_NAME$L;
 
 /**
  * Component style.
@@ -1759,10 +1759,10 @@ const StyledText = styled.span`
 }}
 `;
 
-const _excluded$J = ["as", "children", "className", "color", "fontFamily", "fontSize", "fontWeight", "lineHeight", "noWrap", "variant"];
-const COMPONENT_NAME$J = 'Text';
-const CLASSNAME$J = 'redsift-text';
-const DEFAULT_PROPS$J = {
+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 = {
   fontFamily: FontFamily.poppins
 };
 
@@ -1782,7 +1782,7 @@ const Text = /*#__PURE__*/forwardRef((props, ref) => {
       noWrap,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$J);
+    forwardedProps = _objectWithoutProperties(props, _excluded$K);
   return /*#__PURE__*/React__default.createElement(StyledText, _extends$1({
     as: as
   }, forwardedProps, {
@@ -1798,9 +1798,9 @@ const Text = /*#__PURE__*/forwardRef((props, ref) => {
     $variant: variant
   }), children);
 });
-Text.className = CLASSNAME$J;
-Text.defaultProps = DEFAULT_PROPS$J;
-Text.displayName = COMPONENT_NAME$J;
+Text.className = CLASSNAME$K;
+Text.defaultProps = DEFAULT_PROPS$K;
+Text.displayName = COMPONENT_NAME$K;
 
 /**
  * Component style.
@@ -1850,10 +1850,10 @@ const StyledFlexbox = styled.div`
 }}
 `;
 
-const _excluded$I = ["children", "className", "divider", "gap"];
-const COMPONENT_NAME$I = 'Flexbox';
-const CLASSNAME$I = 'redsift-flex-box';
-const DEFAULT_PROPS$I = {
+const _excluded$J = ["children", "className", "divider", "gap"];
+const COMPONENT_NAME$J = 'Flexbox';
+const CLASSNAME$J = 'redsift-flex-box';
+const DEFAULT_PROPS$J = {
   gap: '16px'
 };
 
@@ -1867,7 +1867,7 @@ const Flexbox = /*#__PURE__*/forwardRef((props, ref) => {
       divider,
       gap
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$I);
+    forwardedProps = _objectWithoutProperties(props, _excluded$J);
   return /*#__PURE__*/React__default.createElement(StyledFlexbox, _extends$1({}, forwardedProps, {
     gap: divider ? `${divider.rowGap}px ${divider.colGap}px` : gap,
     className: classNames(Flexbox.className, className),
@@ -1875,14 +1875,14 @@ const Flexbox = /*#__PURE__*/forwardRef((props, ref) => {
     $divider: divider
   }), children);
 });
-Flexbox.className = CLASSNAME$I;
-Flexbox.defaultProps = DEFAULT_PROPS$I;
-Flexbox.displayName = COMPONENT_NAME$I;
-
-const _excluded$H = ["children", "className", "isClosable", "isClosed", "onClose", "title", "variant"];
-const COMPONENT_NAME$H = 'Alert';
-const CLASSNAME$H = 'redsift-alert';
-const DEFAULT_PROPS$H = {
+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 = {
   variant: 'info'
 };
 const getVariant$1 = variant => {
@@ -1924,7 +1924,7 @@ const Alert = /*#__PURE__*/forwardRef((props, ref) => {
       title,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$H);
+    forwardedProps = _objectWithoutProperties(props, _excluded$I);
   const stringFormatter = useLocalizedStringFormatter(intlMessages$6);
   const {
     color,
@@ -1970,9 +1970,9 @@ const Alert = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${Alert.className}__content`
   }, children) : null);
 });
-Alert.className = CLASSNAME$H;
-Alert.defaultProps = DEFAULT_PROPS$H;
-Alert.displayName = COMPONENT_NAME$H;
+Alert.className = CLASSNAME$I;
+Alert.defaultProps = DEFAULT_PROPS$I;
+Alert.displayName = COMPONENT_NAME$I;
 
 var expand$7 = "Expand left side panel";
 var collapse$7 = "Collapse left side panel";
@@ -2043,8 +2043,8 @@ const StyledAppBar = styled.header`
     $isSidePanelCollapsed
   } = _ref2;
   return !$isSidePanelCollapsed ? css`
-          transform: translate(250px);
-          width: calc(100vw - 250px);
+          transform: translate(254px);
+          width: calc(100% - 254px);
         ` : css`
           transform: translate(64px);
           width: calc(100% - 64px);
@@ -2203,10 +2203,10 @@ const StyledHeading = styled.span`
 }}
 `;
 
-const _excluded$G = ["as", "children", "className", "noWrap", "variant"];
-const COMPONENT_NAME$G = 'Heading';
-const CLASSNAME$G = 'redsift-heading';
-const DEFAULT_PROPS$G = {};
+const _excluded$H = ["as", "children", "className", "noWrap", "variant"];
+const COMPONENT_NAME$H = 'Heading';
+const CLASSNAME$H = 'redsift-heading';
+const DEFAULT_PROPS$H = {};
 
 /**
  * The Heading component.
@@ -2219,7 +2219,7 @@ const Heading = /*#__PURE__*/forwardRef((props, ref) => {
       noWrap,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$G);
+    forwardedProps = _objectWithoutProperties(props, _excluded$H);
   return /*#__PURE__*/React__default.createElement(StyledHeading, _extends$1({
     as: as
   }, forwardedProps, {
@@ -2229,9 +2229,9 @@ const Heading = /*#__PURE__*/forwardRef((props, ref) => {
     $variant: variant ? variant : as === 'span' ? 'body' : as
   }), children);
 });
-Heading.className = CLASSNAME$G;
-Heading.defaultProps = DEFAULT_PROPS$G;
-Heading.displayName = COMPONENT_NAME$G;
+Heading.className = CLASSNAME$H;
+Heading.defaultProps = DEFAULT_PROPS$H;
+Heading.displayName = COMPONENT_NAME$H;
 
 /**
  * Component variant.
@@ -2406,10 +2406,10 @@ const StyledAppSidePanel = styled.div`
   }
 `;
 
-const _excluded$F = ["children", "className", "featuredElements", "logo", "variant", "onOpen", "iconButtonProps", "iconButtonRef"];
-const COMPONENT_NAME$F = 'AppSidePanel';
-const CLASSNAME$F = 'redsift-app-side-panel';
-const DEFAULT_PROPS$F = {
+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 = {
   variant: AppSidePanelVariant.standard
 };
 
@@ -2427,7 +2427,7 @@ const AppSidePanel = /*#__PURE__*/forwardRef((props, ref) => {
       iconButtonProps,
       iconButtonRef
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$F);
+    forwardedProps = _objectWithoutProperties(props, _excluded$G);
   const {
     width
   } = useWindowSize();
@@ -2473,9 +2473,9 @@ const AppSidePanel = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${AppSidePanel.className}__featured`
   }, featuredElements) : null, children);
 });
-AppSidePanel.className = CLASSNAME$F;
-AppSidePanel.defaultProps = DEFAULT_PROPS$F;
-AppSidePanel.displayName = COMPONENT_NAME$F;
+AppSidePanel.className = CLASSNAME$G;
+AppSidePanel.defaultProps = DEFAULT_PROPS$G;
+AppSidePanel.displayName = COMPONENT_NAME$G;
 
 /**
  * Component variant.
@@ -2764,10 +2764,10 @@ const StyledBadge = styled.div`
 }}
 `;
 
-const _excluded$E = ["autoBreak", "children", "className", "color", "isReversed", "variant"];
-const COMPONENT_NAME$E = 'Badge';
-const CLASSNAME$E = 'redsift-badge';
-const DEFAULT_PROPS$E = {
+const _excluded$F = ["autoBreak", "children", "className", "color", "isReversed", "variant"];
+const COMPONENT_NAME$F = 'Badge';
+const CLASSNAME$F = 'redsift-badge';
+const DEFAULT_PROPS$F = {
   color: NotificationsColorPalette.question,
   variant: BadgeVariant.dot
 };
@@ -2784,7 +2784,7 @@ const Badge = /*#__PURE__*/forwardRef((props, ref) => {
       isReversed,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$E);
+    forwardedProps = _objectWithoutProperties(props, _excluded$F);
   return /*#__PURE__*/React__default.createElement(StyledBadge, _extends$1({}, forwardedProps, {
     $autoBreak: autoBreak,
     $color: color,
@@ -2794,18 +2794,18 @@ const Badge = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }), variant === BadgeVariant.standard ? children : null);
 });
-Badge.className = CLASSNAME$E;
-Badge.defaultProps = DEFAULT_PROPS$E;
-Badge.displayName = COMPONENT_NAME$E;
+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";
 
-const _excluded$D = ["as", "badge", "badgeProps", "children", "className", "href", "icon", "iconProps", "iconRef", "isCurrent", "isDisabled", "isSecondLevel", "onClick", "onKeyDown", "tabIndex"];
-const COMPONENT_NAME$D = 'SideNavigationMenuItem';
-const CLASSNAME$D = 'redsift-side-navigation-menu-item';
-const DEFAULT_PROPS$D = {};
+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 = {};
 
 /**
  * The SideNavigationMenuItem component.
@@ -2829,7 +2829,7 @@ const SideNavigationMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
       onKeyDown,
       tabIndex
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$D);
+    forwardedProps = _objectWithoutProperties(props, _excluded$E);
   warnIfNoAccessibleLabelFound(props, [children]);
   const sideNavigationMenuBarContext = useContext(SideNavigationMenuBarContext);
   const sideNavigationMenuContext = useContext(SideNavigationMenuContext);
@@ -2887,9 +2887,9 @@ const SideNavigationMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
     color: "error"
   }, badgeProps), badge) : null));
 });
-SideNavigationMenuItem.className = CLASSNAME$D;
-SideNavigationMenuItem.defaultProps = DEFAULT_PROPS$D;
-SideNavigationMenuItem.displayName = COMPONENT_NAME$D;
+SideNavigationMenuItem.className = CLASSNAME$E;
+SideNavigationMenuItem.defaultProps = DEFAULT_PROPS$E;
+SideNavigationMenuItem.displayName = COMPONENT_NAME$E;
 
 /**
  * Component style.
@@ -3108,10 +3108,10 @@ const StyledAppContainer = styled.div`
   box-sizing: content-box;
 `;
 
-const _excluded$C = ["children", "className", "locale", "product"];
-const COMPONENT_NAME$C = 'AppContainer';
-const CLASSNAME$C = 'redsift-app-container';
-const DEFAULT_PROPS$C = {};
+const _excluded$D = ["children", "className", "locale", "product"];
+const COMPONENT_NAME$D = 'AppContainer';
+const CLASSNAME$D = 'redsift-app-container';
+const DEFAULT_PROPS$D = {};
 
 /**
  * The AppContainer component.
@@ -3123,7 +3123,7 @@ const AppContainer = /*#__PURE__*/forwardRef((props, ref) => {
       locale,
       product
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$C);
+    forwardedProps = _objectWithoutProperties(props, _excluded$D);
   const [sidePanelVariant, setSidePanelVariant] = useState(AppSidePanelVariant.standard);
   const [breadcrumbs, setBreadcrumbs] = useState();
   const state = {
@@ -3152,14 +3152,14 @@ const AppContainer = /*#__PURE__*/forwardRef((props, ref) => {
     locale: locale
   }, children)));
 });
-AppContainer.className = CLASSNAME$C;
-AppContainer.defaultProps = DEFAULT_PROPS$C;
-AppContainer.displayName = COMPONENT_NAME$C;
+AppContainer.className = CLASSNAME$D;
+AppContainer.defaultProps = DEFAULT_PROPS$D;
+AppContainer.displayName = COMPONENT_NAME$D;
 
-const _excluded$B = ["aria-label", "buttonProps", "buttonRef", "children", "className", "hasBadge", "icon", "iconProps", "iconRef", "id", "isDisabled", "isExpanded", "menuProps", "menuRef", "tabIndex"];
-const COMPONENT_NAME$B = 'SideNavigationMenu';
-const CLASSNAME$B = 'redsift-side-navigation-menu';
-const DEFAULT_PROPS$B = {};
+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 = {};
 
 /**
  * The SideNavigationMenu component.
@@ -3182,7 +3182,7 @@ const SideNavigationMenu = /*#__PURE__*/forwardRef((props, ref) => {
       menuRef = useRef(),
       tabIndex
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$B);
+    forwardedProps = _objectWithoutProperties(props, _excluded$C);
   const [_id] = useId$1();
   const id = propsId !== null && propsId !== void 0 ? propsId : _id;
   warnIfNoAccessibleLabelFound(props);
@@ -3488,9 +3488,9 @@ const SideNavigationMenu = /*#__PURE__*/forwardRef((props, ref) => {
     role: "menu"
   }, menuItemListEventHandler), renderedMenuItems)))));
 });
-SideNavigationMenu.className = CLASSNAME$B;
-SideNavigationMenu.defaultProps = DEFAULT_PROPS$B;
-SideNavigationMenu.displayName = COMPONENT_NAME$B;
+SideNavigationMenu.className = CLASSNAME$C;
+SideNavigationMenu.defaultProps = DEFAULT_PROPS$C;
+SideNavigationMenu.displayName = COMPONENT_NAME$C;
 
 /**
  * Component style.
@@ -3556,10 +3556,10 @@ const StyledSideNavigationMenuBar = styled.nav`
   }
 `;
 
-const _excluded$A = ["aria-label", "aria-labelledby", "canHaveMultipleMenuOpenAtOnce", "children", "className", "isDisabled", "menubarProps", "menubarRef", "variant"];
-const COMPONENT_NAME$A = 'SideNavigationMenuBar';
-const CLASSNAME$A = 'redsift-side-navigation-menu-bar';
-const DEFAULT_PROPS$A = {
+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 = {
   variant: SideNavigationMenuBarVariant.standard
 };
 
@@ -3590,7 +3590,7 @@ const SideNavigationMenuBar = /*#__PURE__*/forwardRef((props, ref) => {
       menubarRef = useRef(),
       variant: propsVariant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$A);
+    forwardedProps = _objectWithoutProperties(props, _excluded$B);
   warnIfNoAccessibleLabelFound(props);
   const appContainerState = useContext(AppContainerContext);
   const {
@@ -3748,13 +3748,13 @@ const SideNavigationMenuBar = /*#__PURE__*/forwardRef((props, ref) => {
     role: "menubar"
   }), navItems)));
 });
-SideNavigationMenuBar.className = CLASSNAME$A;
-SideNavigationMenuBar.defaultProps = DEFAULT_PROPS$A;
-SideNavigationMenuBar.displayName = COMPONENT_NAME$A;
+SideNavigationMenuBar.className = CLASSNAME$B;
+SideNavigationMenuBar.defaultProps = DEFAULT_PROPS$B;
+SideNavigationMenuBar.displayName = COMPONENT_NAME$B;
 
-const _excluded$z = ["title", "href", "ref"],
+const _excluded$A = ["title", "href", "ref"],
   _excluded2$1 = ["title", "children", "ref"],
-  _excluded3$1 = ["title", "href", "ref"];
+  _excluded3 = ["title", "href", "ref"];
 const isMenu = item => {
   return item.children !== undefined;
 };
@@ -3771,7 +3771,7 @@ const useSideNavigationMenuBar = _ref => {
           href,
           ref
         } = item,
-        rest = _objectWithoutProperties(item, _excluded$z);
+        rest = _objectWithoutProperties(item, _excluded$A);
       menuBarChildren.push( /*#__PURE__*/React__default.createElement(SideNavigationMenuItem, _extends$1({
         key: title,
         isCurrent: isActive ? isActive(href) : undefined
@@ -3799,7 +3799,7 @@ const useSideNavigationMenuBar = _ref => {
             href,
             ref
           } = child,
-          rest = _objectWithoutProperties(child, _excluded3$1);
+          rest = _objectWithoutProperties(child, _excluded3);
         return /*#__PURE__*/React__default.createElement(SideNavigationMenuItem, _extends$1({
           key: title,
           href: href,
@@ -3875,10 +3875,10 @@ const StyledBreadcrumbItem = styled.a`
   }
 `;
 
-const _excluded$y = ["as", "children", "className", "href", "isCurrent", "isDisabled"];
-const COMPONENT_NAME$z = 'BreadcrumbItem';
-const CLASSNAME$z = 'redsift-breadcrumb-item';
-const DEFAULT_PROPS$z = {};
+const _excluded$z = ["as", "children", "className", "href", "isCurrent", "isDisabled"];
+const COMPONENT_NAME$A = 'BreadcrumbItem';
+const CLASSNAME$A = 'redsift-breadcrumb-item';
+const DEFAULT_PROPS$A = {};
 
 /**
  * The BreadcrumbItem components is a list of links to the parent pages of the current page in hierarchical order.
@@ -3892,7 +3892,7 @@ const BreadcrumbItem = /*#__PURE__*/forwardRef((props, ref) => {
       isCurrent,
       isDisabled
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$y);
+    forwardedProps = _objectWithoutProperties(props, _excluded$z);
   warnIfNoAccessibleLabelFound(props, [children]);
   return /*#__PURE__*/React__default.createElement(StyledBreadcrumbItem, _extends$1({
     as: as || 'a',
@@ -3908,9 +3908,9 @@ const BreadcrumbItem = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }), children);
 });
-BreadcrumbItem.className = CLASSNAME$z;
-BreadcrumbItem.defaultProps = DEFAULT_PROPS$z;
-BreadcrumbItem.displayName = COMPONENT_NAME$z;
+BreadcrumbItem.className = CLASSNAME$A;
+BreadcrumbItem.defaultProps = DEFAULT_PROPS$A;
+BreadcrumbItem.displayName = COMPONENT_NAME$A;
 
 /**
  * Component style.
@@ -3944,10 +3944,10 @@ const StyledBreadcrumbs = styled.nav`
   }
 `;
 
-const _excluded$x = ["children", "className", "isDisabled"];
-const COMPONENT_NAME$y = 'Breadcrumbs';
-const CLASSNAME$y = 'redsift-breadcrumbs';
-const DEFAULT_PROPS$y = {};
+const _excluded$y = ["children", "className", "isDisabled"];
+const COMPONENT_NAME$z = 'Breadcrumbs';
+const CLASSNAME$z = 'redsift-breadcrumbs';
+const DEFAULT_PROPS$z = {};
 
 /**
  * The Breadcrumbs components is a list of links to the parent pages of the current page in hierarchical order.
@@ -3958,7 +3958,7 @@ const BaseBreadcrumbs = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       isDisabled
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$x);
+    forwardedProps = _objectWithoutProperties(props, _excluded$y);
   warnIfNoAccessibleLabelFound(props);
   const childArray = filterComponents([Breadcrumbs.Item])(children);
   const breadcrumbItems = childArray.map((child, index) => {
@@ -3981,17 +3981,17 @@ const BaseBreadcrumbs = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }), /*#__PURE__*/React__default.createElement("ol", null, breadcrumbItems));
 });
-BaseBreadcrumbs.className = CLASSNAME$y;
-BaseBreadcrumbs.defaultProps = DEFAULT_PROPS$y;
-BaseBreadcrumbs.displayName = COMPONENT_NAME$y;
+BaseBreadcrumbs.className = CLASSNAME$z;
+BaseBreadcrumbs.defaultProps = DEFAULT_PROPS$z;
+BaseBreadcrumbs.displayName = COMPONENT_NAME$z;
 const Breadcrumbs = Object.assign(BaseBreadcrumbs, {
   Item: BreadcrumbItem
 });
 
-const _excluded$w = ["breadcrumbs", "children", "className", "iconButtonProps", "iconButtonRef", "fallbackTitle", "title"];
-const COMPONENT_NAME$x = 'AppBar';
-const CLASSNAME$x = 'redsift-app-bar';
-const DEFAULT_PROPS$x = {};
+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 = {};
 
 /**
  * The AppBar component.
@@ -4007,7 +4007,7 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
       fallbackTitle,
       title: propsTitle
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$w);
+    forwardedProps = _objectWithoutProperties(props, _excluded$x);
   const [scroll, setScroll] = useState(false);
   useEffect(() => {
     window.addEventListener('scroll', () => {
@@ -4055,13 +4055,13 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
     as: index === breadcrumbs.length - 1 ? 'h1' : breadcrumbItem.href === undefined ? 'span' : breadcrumbItem.as || 'a'
   })))) : fallbackTitle ? /*#__PURE__*/React__default.createElement(Heading, {
     as: "h1"
-  }, fallbackTitle) : null), /*#__PURE__*/React__default.createElement("div", {
+  }, fallbackTitle) : null), children ? /*#__PURE__*/React__default.createElement("div", {
     className: `${AppBar.className}__right`
-  }, children));
+  }, children) : null);
 });
-AppBar.className = CLASSNAME$x;
-AppBar.defaultProps = DEFAULT_PROPS$x;
-AppBar.displayName = COMPONENT_NAME$x;
+AppBar.className = CLASSNAME$y;
+AppBar.defaultProps = DEFAULT_PROPS$y;
+AppBar.displayName = COMPONENT_NAME$y;
 
 /**
  * Component style.
@@ -4100,10 +4100,10 @@ const StyledAppContent = styled.main`
 }}
 `;
 
-const _excluded$v = ["children", "className"];
-const COMPONENT_NAME$w = 'AppContent';
-const CLASSNAME$w = 'redsift-app-content';
-const DEFAULT_PROPS$w = {};
+const _excluded$w = ["children", "className"];
+const COMPONENT_NAME$x = 'AppContent';
+const CLASSNAME$x = 'redsift-app-content';
+const DEFAULT_PROPS$x = {};
 
 /**
  * The AppContent component.
@@ -4113,7 +4113,7 @@ const AppContent = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$v);
+    forwardedProps = _objectWithoutProperties(props, _excluded$w);
   const {
     isLoaded
   } = useIsLoaded();
@@ -4125,9 +4125,166 @@ const AppContent = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }), children);
 });
-AppContent.className = CLASSNAME$w;
-AppContent.defaultProps = DEFAULT_PROPS$w;
-AppContent.displayName = COMPONENT_NAME$w;
+AppContent.className = CLASSNAME$x;
+AppContent.defaultProps = DEFAULT_PROPS$x;
+AppContent.displayName = COMPONENT_NAME$x;
+
+/**
+ * Component variant.
+ */
+const ButtonGroupVariant = {
+  primary: 'primary',
+  secondary: 'secondary',
+  unstyled: 'unstyled'
+};
+
+/**
+ * Component color.
+ */
+
+/**
+ * Component props.
+ */
+
+/**
+ * Component style.
+ */
+const StyledButtonGroup = styled.div`
+  display: ${_ref => {
+  let {
+    inline
+  } = _ref;
+  return inline ? 'inline-flex' : 'flex';
+}};
+
+  ${baseStyling}
+  ${baseFlexbox}
+
+  ${_ref2 => {
+  let {
+    $color,
+    $variant
+  } = _ref2;
+  return css`
+    ${$variant === ButtonGroupVariant.secondary ? css`
+          .first-button {
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 0;
+            border-right-color: transparent;
+          }
+
+          .middle-button {
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+            margin-left: -1px;
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 0;
+            border-right-color: transparent;
+          }
+
+          .last-button {
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+            margin-left: -1px;
+          }
+        ` : $variant === ButtonGroupVariant.unstyled ? css`
+          .first-button {
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 0;
+            border-right: 1px solid rgba(0, 0, 0, 0.23);
+            border-color: ${`var(--redsift-color-${Object.keys(CtasColorPalette).includes($color) ? 'ctas' : 'notifications'}-${$color}-active)`};
+          }
+
+          .middle-button {
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 0;
+            border-right: 1px solid rgba(0, 0, 0, 0.23);
+            border-color: ${`var(--redsift-color-${Object.keys(CtasColorPalette).includes($color) ? 'ctas' : 'notifications'}-${$color}-active)`};
+          }
+
+          .last-button {
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+          }
+        ` : css`
+          .first-button {
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 0;
+            border-right: 1px solid #bdbdbd;
+            border-color: ${`var(--redsift-color-${Object.keys(CtasColorPalette).includes($color) ? 'ctas' : 'notifications'}-${$color}-button-hover)`};
+          }
+
+          .middle-button {
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 0;
+            border-right: 1px solid #bdbdbd;
+            border-color: ${`var(--redsift-color-${Object.keys(CtasColorPalette).includes($color) ? 'ctas' : 'notifications'}-${$color}-button-hover)`};
+          }
+
+          .last-button {
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+          }
+        `}
+  `;
+}};
+`;
+
+const _excluded$v = ["children", "className", "color", "variant"];
+const COMPONENT_NAME$w = 'ButtonGroup';
+const CLASSNAME$w = 'redsift-button-group';
+const DEFAULT_PROPS$w = {
+  variant: 'primary'
+};
+
+/**
+ * The ButtonGroup component.
+ */
+const ButtonGroup = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      color,
+      variant
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$v);
+
+  /**
+   * Create an array containing only valid children being either Button, IconButton, ButtonLink or MenuButton.
+   */
+  const childArray = filterComponents(['Button', 'IconButton', 'ButtonLink', 'MenuButton'])(children);
+  const buttons = childArray.map((child, index) => {
+    var _key;
+    if (isComponent('MenuButton')(child)) {
+      var _child$key;
+      return /*#__PURE__*/React__default.cloneElement(child, {
+        color,
+        variant,
+        key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : index,
+        triggerClassName: index === 0 ? 'first-button' : index === childArray.length - 1 ? 'last-button' : 'middle-button'
+      });
+    }
+    return /*#__PURE__*/React__default.cloneElement(child, {
+      color,
+      variant,
+      key: (_key = child.key) !== null && _key !== void 0 ? _key : index,
+      className: index === 0 ? 'first-button' : index === childArray.length - 1 ? 'last-button' : 'middle-button'
+    });
+  });
+  return /*#__PURE__*/React__default.createElement(StyledButtonGroup, _extends$1({}, forwardedProps, {
+    className: classNames(ButtonGroup.className, className),
+    ref: ref,
+    $color: color,
+    $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';
@@ -4570,10 +4727,10 @@ const StyledCardBody = styled.div`
   ${baseContainer}
 
   color: var(--redsift-color-neutral-darkgrey);
-  font-family: var(--redsift-typography-body2-font-family);
-  font-size: var(--redsift-typography-body2-font-size);
-  font-weight: var(--redsift-typography-body2-font-weight);
-  line-height: var(--redsift-typography-body2-line-height);
+  font-family: var(--redsift-typography-body-font-family);
+  font-size: var(--redsift-typography-body-font-size);
+  font-weight: var(--redsift-typography-body-font-weight);
+  line-height: var(--redsift-typography-body-line-height);
   padding: 16px 0px;
 `;
 
@@ -4904,7 +5061,7 @@ const StyledCheckbox = styled.label`
     $isInvalid
   } = _ref;
   return $isDisabled ? css`
-            color: var(--redsift-color-neutral-midgrey);
+            color: var(--redsift-color-neutral-lightgrey);
           ` : $isInvalid ? css`
             color: var(--redsift-color-notifications-error-primary);
           ` : css`
@@ -4939,7 +5096,7 @@ const StyledCheckbox = styled.label`
   } = _ref2;
   return css`
       ${$isDisabled ? css`
-            color: var(--redsift-color-neutral-midgrey);
+            color: var(--redsift-color-neutral-lightgrey);
           ` : $isInvalid ? css`
             color: var(--redsift-color-notifications-error-primary);
           ` : css`
@@ -10696,6 +10853,7 @@ function useListboxItem(props) {
 function useMenuItem(props) {
   const {
     domElementRef,
+    value,
     id,
     isDisabled,
     onClick
@@ -10708,7 +10866,8 @@ function useMenuItem(props) {
   } = useFocusOnListItem({
     domElementRef,
     isDisabled: isDisabled,
-    id
+    id,
+    value
   });
   const handleKeyDown = useCallback(event => {
     const code = event.code;
@@ -10737,8 +10896,7 @@ function useMenuItem(props) {
 }
 
 const _excluded$b = ["children", "className", "defaultSelected", "id", "isActive", "isDisabled", "isHovered", "isSelected", "value"],
-  _excluded2 = ["children", "className", "id", "isActive", "isDisabled", "isHovered", "onClick"],
-  _excluded3 = ["value"];
+  _excluded2 = ["children", "className", "id", "isActive", "isDisabled", "isHovered", "onClick", "value"];
 const COMPONENT_NAME$9 = 'Item';
 const CLASSNAME$9 = 'redsift-item';
 const DEFAULT_PROPS$9 = {};
@@ -10793,13 +10951,15 @@ const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       children,
       className,
-      id,
+      id: propsId,
       isActive,
       isDisabled: propsIsDisabled,
       isHovered,
-      onClick
+      onClick,
+      value
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded2);
+  const id = propsId !== null && propsId !== void 0 ? propsId : value;
   const _ref = useRef();
   const divRef = ref !== null && ref !== void 0 ? ref : _ref;
   const {
@@ -10810,6 +10970,7 @@ const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
     handleClick
   } = useMenuItem({
     domElementRef: divRef,
+    value,
     id,
     isDisabled: propsIsDisabled,
     onClick: onClick
@@ -10828,7 +10989,7 @@ const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
     ref: divRef,
     onKeyDown: handleKeyDown,
     tabIndex: tabIndex
-  }), children);
+  }), children !== null && children !== void 0 ? children : value);
 });
 
 /**
@@ -10836,14 +10997,12 @@ const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
  */
 const Item = /*#__PURE__*/forwardRef((props, ref) => {
   const {
-      value
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded3);
+    value
+  } = props;
   const focusContext = useContext(FocusWithinGroupContext);
   const isListbox = focusContext.state.listRole === 'listbox';
   if (!focusContext.state.filter) {
-    return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends$1({}, forwardedProps, {
-      value: value,
+    return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends$1({}, props, {
       ref: ref
     })) : /*#__PURE__*/React__default.createElement(RenderedMenuItem, _extends$1({}, props, {
       ref: ref
@@ -10855,22 +11014,19 @@ const Item = /*#__PURE__*/forwardRef((props, ref) => {
     caseSensitive
   } = focusContext.state.filter;
   if (!filterValue) {
-    return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends$1({}, forwardedProps, {
-      value: value,
+    return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends$1({}, props, {
       ref: ref
     })) : /*#__PURE__*/React__default.createElement(RenderedMenuItem, _extends$1({}, props, {
       ref: ref
     }));
   } else if (caseSensitive && (type === 'startsWith' && value.startsWith(filterValue) || type === 'contains' && value.includes(filterValue) || type === 'endsWith' && value.endsWith(filterValue))) {
-    return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends$1({}, forwardedProps, {
-      value: value,
+    return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends$1({}, props, {
       ref: ref
     })) : /*#__PURE__*/React__default.createElement(RenderedMenuItem, _extends$1({}, props, {
       ref: ref
     }));
   } else if (!caseSensitive && (type === 'startsWith' && value.toLowerCase().startsWith(filterValue.toLowerCase()) || type === 'contains' && value.toLowerCase().includes(filterValue.toLowerCase()) || type === 'endsWith' && value.toLowerCase().endsWith(filterValue.toLowerCase()))) {
-    return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends$1({}, forwardedProps, {
-      value: value,
+    return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends$1({}, props, {
       ref: ref
     })) : /*#__PURE__*/React__default.createElement(RenderedMenuItem, _extends$1({}, props, {
       ref: ref
@@ -12290,11 +12446,8 @@ const StyledTextField = styled.div`
             max-width: calc(100% - 24px);
             transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 16px) scale(1);
           ` : css`
-            font-family: var(--redsift-typography-body2-font-family);
-            font-size: var(--redsift-typography-body2-font-size);
-            font-weight: var(--redsift-typography-body2-font-weight);
             max-width: calc(133% - 32px);
-            transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, -1px) scale(0.75);
+            transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 1px) scale(0.733);
           `}
 
       ${$isDisabled ? css`
@@ -12353,7 +12506,7 @@ const StyledTextField = styled.div`
     .redsift-text-field-input-wrapper__fieldset {
       border-style: solid;
       bottom: 0;
-      left: 0;
+      left: 1px;
       margin: 0;
       min-width: 0%;
       overflow: hidden;
@@ -12385,7 +12538,7 @@ const StyledTextField = styled.div`
     .redsift-text-field-input-wrapper-fieldset__legend {
       display: block;
       float: unset;
-      font-size: 0.7em;
+      font-size: 11px;
       height: 11px;
       overflow: hidden;
       padding: 0;
@@ -12488,10 +12641,8 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
   } = useFocusWithin({
     onFocusWithinChange: isFocusWithin => setFocusWithin(isFocusWithin)
   });
-  const [value, setValue] = useState(propsValue !== null && propsValue !== void 0 ? propsValue : defaultValue);
-  useEffect(() => {
-    setValue(propsValue !== null && propsValue !== void 0 ? propsValue : defaultValue);
-  }, [propsValue, defaultValue]);
+  const [value, setValue] = useState(defaultValue);
+  const isControlled = propsValue !== null && propsValue !== undefined;
   warnIfNoAccessibleLabelFound(props, [label]);
   const handleChange = useCallback(event => {
     if (isDisabled || isReadOnly) {
@@ -12519,12 +12670,12 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
     setValue('');
   }, [onChange]);
   return /*#__PURE__*/React__default.createElement(StyledTextField, _extends$1({}, focusWithinProps, forwardedProps, {
-    $hasContent: isFocusWithin || Boolean(value) || Boolean(placeholder),
+    $hasContent: isFocusWithin || Boolean(isControlled ? propsValue : value) || Boolean(placeholder),
     $hasLeftIcon: Boolean(leftIcon),
     $isColored: isColored,
     $isDisabled: isDisabled,
     $isFocusVisible: isFocusVisible,
-    $isInvalid: isInvalid || isRequired && !value,
+    $isInvalid: isInvalid || isRequired && !(isControlled ? propsValue : value),
     $isRequired: isRequired,
     $isFocused: isFocused,
     $variant: variant,
@@ -12547,7 +12698,7 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
       onFocusProps === null || onFocusProps === void 0 ? void 0 : onFocusProps(event);
     },
     "aria-disabled": isDisabled,
-    "aria-invalid": isInvalid || isRequired && !value,
+    "aria-invalid": isInvalid || isRequired && !(isControlled ? propsValue : value),
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,
     "aria-readonly": isReadOnly,
@@ -12560,7 +12711,7 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
     placeholder: placeholder,
     ref: inputRef,
     type: type,
-    value: value
+    value: isControlled ? propsValue : value
   })), hasClearButton || internal || after ? /*#__PURE__*/React__default.createElement(Flexbox, {
     className: `${TextField.className}-input-wrapper__toolbar`,
     gap: "8px"
@@ -12571,11 +12722,11 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
   }, hasClearButton !== true && hasClearButton, {
     onClick: handleClear,
     className: "right clear"
-  })) : null, typeof internal === 'function' ? internal(value, isDisabled, isInvalid || isRequired && !value, isRequired) : internal, (hasClearButton || internal) && after ? /*#__PURE__*/React__default.createElement("span", {
+  })) : null, typeof internal === 'function' ? internal(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : internal, (hasClearButton || internal) && after ? /*#__PURE__*/React__default.createElement("span", {
     style: {
       borderLeft: '1px solid var(--redsift-color-neutral-midgrey)'
     }
-  }) : null, typeof after === 'function' ? after(value, isDisabled, isInvalid || isRequired && !value, isRequired) : after) : null, /*#__PURE__*/React__default.createElement("fieldset", {
+  }) : null, typeof after === 'function' ? after(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : after) : null, /*#__PURE__*/React__default.createElement("fieldset", {
     "aria-hidden": "true",
     className: `${TextField.className}-input-wrapper__fieldset`
   }, /*#__PURE__*/React__default.createElement("legend", {
@@ -12586,5 +12737,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, 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, 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