@redsift/design-system 6.2.0 → 6.3.0

package/index.js

@@ -212,10 +212,10 @@ const StyledIcon = styled.span`
 }}
 `;
 
-const _excluded$j = ["aria-hidden", "aria-label", "badge", "className", "color", "icon", "size", "svgProps"];
-const COMPONENT_NAME$i = 'RedSiftIcon';
-const CLASSNAME$i = 'redsift-icon';
-const DEFAULT_PROPS$i = {
+const _excluded$k = ["aria-hidden", "aria-label", "badge", "className", "color", "icon", "size", "svgProps"];
+const COMPONENT_NAME$j = 'RedSiftIcon';
+const CLASSNAME$j = 'redsift-icon';
+const DEFAULT_PROPS$j = {
   size: IconSize.medium
 };
 
@@ -224,7 +224,7 @@ const DEFAULT_PROPS$i = {
  */
 const Icon = /*#__PURE__*/forwardRef((props, ref) => {
   const iconRef = ref || useRef();
-  let {
+  const {
       'aria-hidden': ariaHidden,
       'aria-label': ariaLabel,
       badge,
@@ -234,19 +234,16 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
       size,
       svgProps
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$j);
-  if (!ariaHidden) {
-    ariaHidden = undefined;
-  }
+    forwardedProps = _objectWithoutProperties(props, _excluded$k);
   return /*#__PURE__*/React.createElement(StyledIcon, _extends({}, forwardedProps, {
     $color: color,
     $size: size,
-    "aria-hidden": ariaLabel ? ariaHidden || undefined : true,
+    "aria-hidden": ariaLabel ? ariaHidden ? ariaHidden : undefined : true,
     "aria-label": ariaLabel,
     className: classNames(Icon.className, className),
     ref: iconRef
   }), /*#__PURE__*/React.createElement("svg", _extends({}, svgProps, {
-    "aria-hidden": ariaLabel ? ariaHidden || undefined : true,
+    "aria-hidden": ariaLabel ? ariaHidden ? ariaHidden : undefined : true,
     "aria-label": ariaLabel,
     focusable: "false",
     height: "1em",
@@ -262,9 +259,9 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
     fill: "currentColor"
   })), badge ? badge : null);
 });
-Icon.className = CLASSNAME$i;
-Icon.defaultProps = DEFAULT_PROPS$i;
-Icon.displayName = COMPONENT_NAME$i;
+Icon.className = CLASSNAME$j;
+Icon.defaultProps = DEFAULT_PROPS$j;
+Icon.displayName = COMPONENT_NAME$j;
 
 /**
  * Display a warning if no label was found for screen readers and assistive technologies.
@@ -323,10 +320,10 @@ const StyledIconButton = styled.button`
   }
 `;
 
-const _excluded$i = ["className", "color", "disabled", "icon", "isDisabled", "onPress", "size"];
-const COMPONENT_NAME$h = 'RedSiftIconButton';
-const CLASSNAME$h = 'redsift-icon-button';
-const DEFAULT_PROPS$h = {
+const _excluded$j = ["className", "color", "disabled", "icon", "isDisabled", "onPress", "size"];
+const COMPONENT_NAME$i = 'RedSiftIconButton';
+const CLASSNAME$i = 'redsift-icon-button';
+const DEFAULT_PROPS$i = {
   color: ColorPalette.primary,
   size: IconButtonSize.medium
 };
@@ -354,7 +351,7 @@ const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
       onPress,
       size
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$i);
+    forwardedProps = _objectWithoutProperties(props, _excluded$j);
   warnIfNoAccessibleLabelFound(props);
   return /*#__PURE__*/React.createElement(StyledIconButton, _extends({}, forwardedProps, buttonProps, {
     $color: isDisabled || disabled ? undefined : color,
@@ -369,9 +366,9 @@ const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
     size: size
   }));
 });
-IconButton.className = CLASSNAME$h;
-IconButton.defaultProps = DEFAULT_PROPS$h;
-IconButton.displayName = COMPONENT_NAME$h;
+IconButton.className = CLASSNAME$i;
+IconButton.defaultProps = DEFAULT_PROPS$i;
+IconButton.displayName = COMPONENT_NAME$i;
 
 const AppContainerContext = /*#__PURE__*/React.createContext(null);
 
@@ -462,10 +459,10 @@ const StyledAppBar = styled.header`
   }
 `;
 
-const _excluded$h = ["children", "className", "fallbackTitle", "iconButtonProps", "iconButtonRef", "title"];
-const COMPONENT_NAME$g = 'RedSiftAppBar';
-const CLASSNAME$g = 'redsift-app-bar';
-const DEFAULT_PROPS$g = {};
+const _excluded$i = ["children", "className", "fallbackTitle", "iconButtonProps", "iconButtonRef", "title"];
+const COMPONENT_NAME$h = 'RedSiftAppBar';
+const CLASSNAME$h = 'redsift-app-bar';
+const DEFAULT_PROPS$h = {};
 
 /**
  * The AppBar component.
@@ -480,7 +477,7 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
       iconButtonRef = useRef(),
       title: propsTitle
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$h);
+    forwardedProps = _objectWithoutProperties(props, _excluded$i);
   const {
     isLoaded
   } = useIsLoaded();
@@ -503,9 +500,9 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${AppBar.className}__right`
   }, children));
 });
-AppBar.className = CLASSNAME$g;
-AppBar.defaultProps = DEFAULT_PROPS$g;
-AppBar.displayName = COMPONENT_NAME$g;
+AppBar.className = CLASSNAME$h;
+AppBar.defaultProps = DEFAULT_PROPS$h;
+AppBar.displayName = COMPONENT_NAME$h;
 
 /**
  * Component style.
@@ -589,10 +586,10 @@ const StyledAppSidePanel = styled.div`
   }
 `;
 
-const _excluded$g = ["children", "className", "featuredElements", "iconButtonProps", "iconButtonRef", "isCollapsed", "logo", "onClose"];
-const COMPONENT_NAME$f = 'RedSiftAppSidePanel';
-const CLASSNAME$f = 'redsift-app-side-panel';
-const DEFAULT_PROPS$f = {};
+const _excluded$h = ["children", "className", "featuredElements", "iconButtonProps", "iconButtonRef", "isCollapsed", "logo", "onClose"];
+const COMPONENT_NAME$g = 'RedSiftAppSidePanel';
+const CLASSNAME$g = 'redsift-app-side-panel';
+const DEFAULT_PROPS$g = {};
 
 /**
  * The AppSidePanel component.
@@ -609,7 +606,7 @@ const AppSidePanel = /*#__PURE__*/forwardRef((props, ref) => {
       logo,
       onClose
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$g);
+    forwardedProps = _objectWithoutProperties(props, _excluded$h);
   const appContainerState = useContext(AppContainerContext);
   const handleClose = event => {
     onClose === null || onClose === void 0 ? void 0 : onClose(event);
@@ -635,9 +632,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;
 
 /**
  * Context props.
@@ -844,10 +841,10 @@ const StyledBadge = styled.div`
 }}
 `;
 
-const _excluded$f = ["autoBreak", "children", "className", "color", "variant"];
-const COMPONENT_NAME$e = 'RedSiftBadge';
-const CLASSNAME$e = 'redsift-badge';
-const DEFAULT_PROPS$e = {
+const _excluded$g = ["autoBreak", "children", "className", "color", "variant"];
+const COMPONENT_NAME$f = 'RedSiftBadge';
+const CLASSNAME$f = 'redsift-badge';
+const DEFAULT_PROPS$f = {
   variant: BadgeVariant.dot
 };
 
@@ -863,7 +860,7 @@ const Badge = /*#__PURE__*/forwardRef((props, ref) => {
       color,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$f);
+    forwardedProps = _objectWithoutProperties(props, _excluded$g);
   return /*#__PURE__*/React.createElement(StyledBadge, _extends({}, forwardedProps, {
     $autoBreak: autoBreak,
     $color: color,
@@ -872,14 +869,14 @@ const Badge = /*#__PURE__*/forwardRef((props, ref) => {
     ref: badgeRef
   }), 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;
 
-const _excluded$e = ["badge", "badgeNumber", "badgeProps", "children", "className", "href", "icon", "iconProps", "iconRef", "isCurrent", "isDisabled", "isSecondLevel", "onClick", "onKeyDown", "tabIndex", "withoutIcons"];
-const COMPONENT_NAME$d = 'RedSiftSideNavigationMenuItem';
-const CLASSNAME$d = 'redsift-side-navigation-menu-item';
-const DEFAULT_PROPS$d = {};
+const _excluded$f = ["badge", "badgeNumber", "badgeProps", "children", "className", "href", "icon", "iconProps", "iconRef", "isCurrent", "isDisabled", "isSecondLevel", "onClick", "onKeyDown", "tabIndex", "withoutIcons"];
+const COMPONENT_NAME$e = 'RedSiftSideNavigationMenuItem';
+const CLASSNAME$e = 'redsift-side-navigation-menu-item';
+const DEFAULT_PROPS$e = {};
 
 /**
  * The SideNavigationMenuItem component.
@@ -904,7 +901,7 @@ const SideNavigationMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
       tabIndex,
       withoutIcons
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$e);
+    forwardedProps = _objectWithoutProperties(props, _excluded$f);
   warnIfNoAccessibleLabelFound(props, [children]);
   const appContainerState = useContext(AppContainerContext);
   useEffect(() => {
@@ -965,9 +962,9 @@ const SideNavigationMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
     color: "#E11010"
   }, badgeProps), badge || badgeNumber) : 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.
@@ -1116,10 +1113,10 @@ const SideNavigationMenuReducer = (state, action) => {
   }
 };
 
-const _excluded$d = ["aria-label", "buttonProps", "buttonRef", "children", "className", "hasBadge", "icon", "iconProps", "iconRef", "isDisabled", "isExpanded", "menuProps", "menuRef", "tabIndex", "withoutIcons"];
-const COMPONENT_NAME$c = 'RedSiftSideNavigationMenu';
-const CLASSNAME$c = 'redsift-side-navigation-menu';
-const DEFAULT_PROPS$c = {};
+const _excluded$e = ["aria-label", "buttonProps", "buttonRef", "children", "className", "hasBadge", "icon", "iconProps", "iconRef", "isDisabled", "isExpanded", "menuProps", "menuRef", "tabIndex", "withoutIcons"];
+const COMPONENT_NAME$d = 'RedSiftSideNavigationMenu';
+const CLASSNAME$d = 'redsift-side-navigation-menu';
+const DEFAULT_PROPS$d = {};
 
 /**
  * The SideNavigationMenu component.
@@ -1143,7 +1140,7 @@ const SideNavigationMenu = /*#__PURE__*/forwardRef((props, ref) => {
       tabIndex,
       withoutIcons
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$d);
+    forwardedProps = _objectWithoutProperties(props, _excluded$e);
   warnIfNoAccessibleLabelFound(props);
   const sideNavigationMenuBarContext = useContext(SideNavigationMenuBarContext);
   const [isFirstChild, setIsFirstChild] = useState(false);
@@ -1414,9 +1411,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.
@@ -1486,10 +1483,10 @@ const useBoundingClientRect = (ref, deps) => {
   return boundingRect;
 };
 
-const _excluded$c = ["aria-label", "aria-labelledby", "children", "className", "isDisabled", "menubarProps", "menubarRef", "withoutIcons"];
-const COMPONENT_NAME$b = 'RedSiftSideNavigationMenuBar';
-const CLASSNAME$b = 'redsift-side-navigation-menu-bar';
-const DEFAULT_PROPS$b = {};
+const _excluded$d = ["aria-label", "aria-labelledby", "children", "className", "isDisabled", "menubarProps", "menubarRef", "withoutIcons"];
+const COMPONENT_NAME$c = 'RedSiftSideNavigationMenuBar';
+const CLASSNAME$c = 'redsift-side-navigation-menu-bar';
+const DEFAULT_PROPS$c = {};
 
 /**
  * Hook to store the previous index for further use
@@ -1517,7 +1514,7 @@ const SideNavigationMenuBar = /*#__PURE__*/forwardRef((props, ref) => {
       menubarRef = useRef(),
       withoutIcons
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$c);
+    forwardedProps = _objectWithoutProperties(props, _excluded$d);
   warnIfNoAccessibleLabelFound(props);
   const {
     top
@@ -1664,11 +1661,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$b = ["title", "href", "ref"],
+const _excluded$c = ["title", "href", "ref"],
   _excluded2 = ["title", "children", "ref"],
   _excluded3 = ["title", "href", "ref"];
 const isMenu = item => {
@@ -1687,7 +1684,7 @@ const useSideNavigationMenuBar = _ref => {
           href,
           ref
         } = item,
-        rest = _objectWithoutProperties(item, _excluded$b);
+        rest = _objectWithoutProperties(item, _excluded$c);
       menuBarChildren.push( /*#__PURE__*/React.createElement(SideNavigationMenuItem, _extends({
         key: title,
         isCurrent: isActive ? isActive(href) : undefined
@@ -1779,10 +1776,10 @@ const StyledAppContent = styled.main`
 }}
 `;
 
-const _excluded$a = ["children", "className"];
-const COMPONENT_NAME$a = 'RedSiftAppContent';
-const CLASSNAME$a = 'redsift-app-content';
-const DEFAULT_PROPS$a = {};
+const _excluded$b = ["children", "className"];
+const COMPONENT_NAME$b = 'RedSiftAppContent';
+const CLASSNAME$b = 'redsift-app-content';
+const DEFAULT_PROPS$b = {};
 
 /**
  * The AppContent component.
@@ -1793,7 +1790,7 @@ const AppContent = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$a);
+    forwardedProps = _objectWithoutProperties(props, _excluded$b);
   const {
     isLoaded
   } = useIsLoaded();
@@ -1805,14 +1802,14 @@ const AppContent = /*#__PURE__*/forwardRef((props, ref) => {
     ref: contentRef
   }), children);
 });
-AppContent.className = CLASSNAME$a;
-AppContent.defaultProps = DEFAULT_PROPS$a;
-AppContent.displayName = COMPONENT_NAME$a;
+AppContent.className = CLASSNAME$b;
+AppContent.defaultProps = DEFAULT_PROPS$b;
+AppContent.displayName = COMPONENT_NAME$b;
 
-const _excluded$9 = ["children", "className"];
-const COMPONENT_NAME$9 = 'RedSiftAppContainer';
-const CLASSNAME$9 = 'redsift-app-container';
-const DEFAULT_PROPS$9 = {};
+const _excluded$a = ["children", "className"];
+const COMPONENT_NAME$a = 'RedSiftAppContainer';
+const CLASSNAME$a = 'redsift-app-container';
+const DEFAULT_PROPS$a = {};
 
 /**
  * The AppContainer component.
@@ -1823,7 +1820,7 @@ const AppContainer = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$9);
+    forwardedProps = _objectWithoutProperties(props, _excluded$a);
   const {
     hasAppBar,
     hasAppSidePanel,
@@ -1874,9 +1871,9 @@ const AppContainer = /*#__PURE__*/forwardRef((props, ref) => {
     value: state
   }, children));
 });
-AppContainer.className = CLASSNAME$9;
-AppContainer.defaultProps = DEFAULT_PROPS$9;
-AppContainer.displayName = COMPONENT_NAME$9;
+AppContainer.className = CLASSNAME$a;
+AppContainer.defaultProps = DEFAULT_PROPS$a;
+AppContainer.displayName = COMPONENT_NAME$a;
 
 /**
  * Component style.
@@ -1967,10 +1964,10 @@ const StyledBreadcrumbItem = styled.a`
 
 `;
 
-const _excluded$8 = ["children", "className", "href", "icon", "isCurrent", "isDisabled", "theme"];
-const COMPONENT_NAME$8 = 'RedSiftBreadcrumbItem';
-const CLASSNAME$8 = 'redsift-breadcrumb-item';
-const DEFAULT_PROPS$8 = {
+const _excluded$9 = ["children", "className", "href", "icon", "isCurrent", "isDisabled", "theme"];
+const COMPONENT_NAME$9 = 'RedSiftBreadcrumbItem';
+const CLASSNAME$9 = 'redsift-breadcrumb-item';
+const DEFAULT_PROPS$9 = {
   theme: Theme.dark
 };
 
@@ -1988,7 +1985,7 @@ const BreadcrumbItem = /*#__PURE__*/forwardRef((props, ref) => {
       isDisabled,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$8);
+    forwardedProps = _objectWithoutProperties(props, _excluded$9);
   warnIfNoAccessibleLabelFound(props, [children]);
   return /*#__PURE__*/React.createElement(StyledBreadcrumbItem, _extends({
     role: "link",
@@ -2006,9 +2003,9 @@ const BreadcrumbItem = /*#__PURE__*/forwardRef((props, ref) => {
     icon: icon
   }) : null, children);
 });
-BreadcrumbItem.className = CLASSNAME$8;
-BreadcrumbItem.defaultProps = DEFAULT_PROPS$8;
-BreadcrumbItem.displayName = COMPONENT_NAME$8;
+BreadcrumbItem.className = CLASSNAME$9;
+BreadcrumbItem.defaultProps = DEFAULT_PROPS$9;
+BreadcrumbItem.displayName = COMPONENT_NAME$9;
 
 /**
  * Component style.
@@ -2051,10 +2048,10 @@ const StyledBreadcrumbs = styled.nav`
   }
 `;
 
-const _excluded$7 = ["children", "className", "icon", "isDisabled", "separator", "theme"];
-const COMPONENT_NAME$7 = 'RedSiftBreadcrumbs';
-const CLASSNAME$7 = 'redsift-breadcrumbs';
-const DEFAULT_PROPS$7 = {
+const _excluded$8 = ["children", "className", "icon", "isDisabled", "separator", "theme"];
+const COMPONENT_NAME$8 = 'RedSiftBreadcrumbs';
+const CLASSNAME$8 = 'redsift-breadcrumbs';
+const DEFAULT_PROPS$8 = {
   theme: Theme.dark
 };
 
@@ -2071,7 +2068,7 @@ const Breadcrumbs = /*#__PURE__*/forwardRef((props, ref) => {
       separator,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$7);
+    forwardedProps = _objectWithoutProperties(props, _excluded$8);
   warnIfNoAccessibleLabelFound(props);
   const childArray = [];
   React.Children.forEach(children, child => {
@@ -2102,9 +2099,9 @@ const Breadcrumbs = /*#__PURE__*/forwardRef((props, ref) => {
     ref: linkRef
   }), /*#__PURE__*/React.createElement("ol", null, breadcrumbItems));
 });
-Breadcrumbs.className = CLASSNAME$7;
-Breadcrumbs.defaultProps = DEFAULT_PROPS$7;
-Breadcrumbs.displayName = COMPONENT_NAME$7;
+Breadcrumbs.className = CLASSNAME$8;
+Breadcrumbs.defaultProps = DEFAULT_PROPS$8;
+Breadcrumbs.displayName = COMPONENT_NAME$8;
 
 /**
  * Component variant.
@@ -2303,10 +2300,10 @@ const StyledButton = styled.button`
 }}
 `;
 
-const _excluded$6 = ["children", "className", "color", "disabled", "fullWidth", "isDisabled", "leftIcon", "onPress", "rightIcon", "size", "variant"];
-const COMPONENT_NAME$6 = 'RedSiftButton';
-const CLASSNAME$6 = 'redsift-button';
-const DEFAULT_PROPS$6 = {
+const _excluded$7 = ["children", "className", "color", "disabled", "fullWidth", "isDisabled", "leftIcon", "onPress", "rightIcon", "size", "variant"];
+const COMPONENT_NAME$7 = 'RedSiftButton';
+const CLASSNAME$7 = 'redsift-button';
+const DEFAULT_PROPS$7 = {
   color: ColorPalette.primary,
   size: ButtonSize.large,
   variant: ButtonVariant.contained
@@ -2340,7 +2337,7 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
       size,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$6);
+    forwardedProps = _objectWithoutProperties(props, _excluded$7);
   return /*#__PURE__*/React.createElement(StyledButton, _extends({}, forwardedProps, buttonProps, {
     $color: color,
     $fullWidth: fullWidth,
@@ -2361,14 +2358,14 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
     className: "right"
   }) : null);
 });
-Button.className = CLASSNAME$6;
-Button.defaultProps = DEFAULT_PROPS$6;
-Button.displayName = COMPONENT_NAME$6;
+Button.className = CLASSNAME$7;
+Button.defaultProps = DEFAULT_PROPS$7;
+Button.displayName = COMPONENT_NAME$7;
 
-const _excluded$5 = ["as", "children", "className", "color", "href", "isDisabled", "leftIcon", "rightIcon", "size", "target", "variant"];
-const COMPONENT_NAME$5 = 'RedSiftButtonLink';
-const CLASSNAME$5 = 'redsift-button-link';
-const DEFAULT_PROPS$5 = {
+const _excluded$6 = ["as", "children", "className", "color", "href", "isDisabled", "leftIcon", "rightIcon", "size", "target", "variant"];
+const COMPONENT_NAME$6 = 'RedSiftButtonLink';
+const CLASSNAME$6 = 'redsift-button-link';
+const DEFAULT_PROPS$6 = {
   color: ColorPalette.primary,
   size: ButtonSize.large,
   variant: ButtonVariant.contained
@@ -2396,7 +2393,7 @@ const ButtonLink = /*#__PURE__*/forwardRef((props, ref) => {
       target,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$5);
+    forwardedProps = _objectWithoutProperties(props, _excluded$6);
   return /*#__PURE__*/React.createElement(StyledButton, _extends({
     as: as || 'a',
     role: "link",
@@ -2420,9 +2417,9 @@ const ButtonLink = /*#__PURE__*/forwardRef((props, ref) => {
     className: "right"
   }) : null);
 });
-ButtonLink.className = CLASSNAME$5;
-ButtonLink.defaultProps = DEFAULT_PROPS$5;
-ButtonLink.displayName = COMPONENT_NAME$5;
+ButtonLink.className = CLASSNAME$6;
+ButtonLink.defaultProps = DEFAULT_PROPS$6;
+ButtonLink.displayName = COMPONENT_NAME$6;
 
 /**
  * Component size.
@@ -2553,10 +2550,10 @@ const StyledCheckbox = styled.label`
 }}
 `;
 
-const _excluded$4 = ["aria-label", "aria-labelledby", "autoFocus", "children", "className", "color", "defaultSelected", "inputProps", "inputRef", "isControlled", "isDisabled", "isIndeterminate", "isInvalid", "isReadOnly", "isRequired", "isSelected", "name", "onChange", "size", "value"];
-const COMPONENT_NAME$4 = 'RedSiftCheckbox';
-const CLASSNAME$4 = 'redsift-checkbox';
-const DEFAULT_PROPS$4 = {
+const _excluded$5 = ["aria-label", "aria-labelledby", "autoFocus", "children", "className", "color", "defaultSelected", "inputProps", "inputRef", "isControlled", "isDisabled", "isIndeterminate", "isInvalid", "isReadOnly", "isRequired", "isSelected", "name", "onChange", "size", "value"];
+const COMPONENT_NAME$5 = 'RedSiftCheckbox';
+const CLASSNAME$5 = 'redsift-checkbox';
+const DEFAULT_PROPS$5 = {
   color: ColorPalette.primary,
   size: CheckboxSize.large
 };
@@ -2591,7 +2588,7 @@ const Checkbox = /*#__PURE__*/forwardRef((props, ref) => {
       size,
       value
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$4);
+    forwardedProps = _objectWithoutProperties(props, _excluded$5);
   const {
     isFocusVisible,
     focusProps
@@ -2672,9 +2669,9 @@ const Checkbox = /*#__PURE__*/forwardRef((props, ref) => {
     className: "label"
   }, children) : null);
 });
-Checkbox.className = CLASSNAME$4;
-Checkbox.defaultProps = DEFAULT_PROPS$4;
-Checkbox.displayName = COMPONENT_NAME$4;
+Checkbox.className = CLASSNAME$5;
+Checkbox.defaultProps = DEFAULT_PROPS$5;
+Checkbox.displayName = COMPONENT_NAME$5;
 
 /**
  * Context props.
@@ -2764,10 +2761,10 @@ const StyledCheckboxGroup = styled.div`
   
 `;
 
-const _excluded$3 = ["children", "className", "defaultValues", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "possibleValues", "value"];
-const COMPONENT_NAME$3 = 'RedSiftCheckboxGroup';
-const CLASSNAME$3 = 'redsift-checkbox-group';
-const DEFAULT_PROPS$3 = {
+const _excluded$4 = ["children", "className", "defaultValues", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "possibleValues", "value"];
+const COMPONENT_NAME$4 = 'RedSiftCheckboxGroup';
+const CLASSNAME$4 = 'redsift-checkbox-group';
+const DEFAULT_PROPS$4 = {
   color: ColorPalette.primary,
   orientation: CheckboxGroupOrientation.vertical
 };
@@ -2793,7 +2790,7 @@ const CheckboxGroup = /*#__PURE__*/forwardRef((props, ref) => {
       possibleValues,
       value
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$3);
+    forwardedProps = _objectWithoutProperties(props, _excluded$4);
   const [selectedValues, setValue] = useState(value || defaultValues || []);
   useEffect(() => {
     if (value) {
@@ -2848,9 +2845,9 @@ const CheckboxGroup = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${CheckboxGroup.className}-description`
   }, description));
 });
-CheckboxGroup.className = CLASSNAME$3;
-CheckboxGroup.defaultProps = DEFAULT_PROPS$3;
-CheckboxGroup.displayName = COMPONENT_NAME$3;
+CheckboxGroup.className = CLASSNAME$4;
+CheckboxGroup.defaultProps = DEFAULT_PROPS$4;
+CheckboxGroup.displayName = COMPONENT_NAME$4;
 
 /**
  * Component variant.
@@ -3006,10 +3003,10 @@ const StyledFloatingActionButton = styled.button`
   }
 `;
 
-const _excluded$2 = ["className", "color", "disabled", "icon", "isDisabled", "onPress", "size", "text", "variant"];
-const COMPONENT_NAME$2 = 'RedSiftFloatingActionButton';
-const CLASSNAME$2 = 'redsift-floatin-action-button';
-const DEFAULT_PROPS$2 = {
+const _excluded$3 = ["className", "color", "disabled", "icon", "isDisabled", "onPress", "size", "text", "variant"];
+const COMPONENT_NAME$3 = 'RedSiftFloatingActionButton';
+const CLASSNAME$3 = 'redsift-floatin-action-button';
+const DEFAULT_PROPS$3 = {
   color: ColorPalette.primary,
   size: FloatingActionButtonSize.large,
   variant: FloatingActionButtonVariant.round
@@ -3040,7 +3037,7 @@ const FloatingActionButton = /*#__PURE__*/forwardRef((props, ref) => {
       text,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$2);
+    forwardedProps = _objectWithoutProperties(props, _excluded$3);
   warnIfNoAccessibleLabelFound(props, [text]);
   return /*#__PURE__*/React.createElement(StyledFloatingActionButton, _extends({}, forwardedProps, buttonProps, {
     $color: color,
@@ -3055,9 +3052,9 @@ const FloatingActionButton = /*#__PURE__*/forwardRef((props, ref) => {
     icon: icon
   }), text && /*#__PURE__*/React.createElement("span", null, text));
 });
-FloatingActionButton.className = CLASSNAME$2;
-FloatingActionButton.defaultProps = DEFAULT_PROPS$2;
-FloatingActionButton.displayName = COMPONENT_NAME$2;
+FloatingActionButton.className = CLASSNAME$3;
+FloatingActionButton.defaultProps = DEFAULT_PROPS$3;
+FloatingActionButton.displayName = COMPONENT_NAME$3;
 
 /**
  * Component style.
@@ -3097,10 +3094,10 @@ const StyledLink = styled.a`
   }
 `;
 
-const _excluded$1 = ["children", "className", "href", "isDisabled"];
-const COMPONENT_NAME$1 = 'RedSiftLink';
-const CLASSNAME$1 = 'redsift-link';
-const DEFAULT_PROPS$1 = {};
+const _excluded$2 = ["children", "className", "href", "isDisabled"];
+const COMPONENT_NAME$2 = 'RedSiftLink';
+const CLASSNAME$2 = 'redsift-link';
+const DEFAULT_PROPS$2 = {};
 
 /**
  * The Link is a semantic link that looks like a link.
@@ -3118,7 +3115,7 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
       href,
       isDisabled
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1);
+    forwardedProps = _objectWithoutProperties(props, _excluded$2);
   return /*#__PURE__*/React.createElement(StyledLink, _extends({
     "aria-disabled": isDisabled,
     role: "link",
@@ -3130,14 +3127,14 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
     ref: linkRef
   }), children);
 });
-Link.className = CLASSNAME$1;
-Link.defaultProps = DEFAULT_PROPS$1;
-Link.displayName = COMPONENT_NAME$1;
+Link.className = CLASSNAME$2;
+Link.defaultProps = DEFAULT_PROPS$2;
+Link.displayName = COMPONENT_NAME$2;
 
-const _excluded = ["children", "className", "disabled", "isDisabled", "onPress"];
-const COMPONENT_NAME = 'RedSiftLinkButton';
-const CLASSNAME = 'redsift-link-button';
-const DEFAULT_PROPS = {};
+const _excluded$1 = ["children", "className", "disabled", "isDisabled", "onPress"];
+const COMPONENT_NAME$1 = 'RedSiftLinkButton';
+const CLASSNAME$1 = 'redsift-link-button';
+const DEFAULT_PROPS$1 = {};
 
 /**
  * The LinkButton is a semantic button that looks like a link.
@@ -3161,7 +3158,7 @@ const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       onPress
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1);
   return /*#__PURE__*/React.createElement(StyledLink, _extends({
     as: "button"
   }, forwardedProps, buttonProps, {
@@ -3174,9 +3171,215 @@ const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
     ref: buttonRef
   }), children);
 });
-LinkButton.className = CLASSNAME;
-LinkButton.defaultProps = DEFAULT_PROPS;
-LinkButton.displayName = COMPONENT_NAME;
+LinkButton.className = CLASSNAME$1;
+LinkButton.defaultProps = DEFAULT_PROPS$1;
+LinkButton.displayName = COMPONENT_NAME$1;
+
+/**
+ * Component variant.
+ */
+const ShieldVariant = {
+  success: 'success',
+  successLocked: 'successLocked',
+  successUnlocked: 'successUnlocked',
+  fail: 'fail',
+  failLocked: 'failLocked',
+  failUnlocked: 'failUnlocked',
+  warning: 'warning',
+  warningLocked: 'warningLocked',
+  warningUnlocked: 'warningUnlocked',
+  ignored: 'ignored',
+  noData: 'noData',
+  question: 'question',
+  email: 'email'
+};
+
+const StyledShield = styled.div`
+  height: 24px;
+  width: 20px;
+
+  ${_ref => {
+  let {
+    $color,
+    $outlined,
+    $reversed
+  } = _ref;
+  if ($reversed && $outlined) {
+    return css`
+        & .shield {
+          fill: ${Object.keys(ColorPalette).indexOf($color) !== -1 ? `var(--redsift-color-${$color}-main)` : `${$color}`};
+          stroke: #ffffff;
+          stroke-width: 2;
+        }
+        & .icon {
+          fill-rule: evenodd;
+          clip-rule: evenodd;
+          fill: #ffffff;
+        }
+      `;
+  } else if ($outlined) {
+    return css`
+        & .shield {
+          fill: #ffffff;
+          stroke: ${Object.keys(ColorPalette).indexOf($color) !== -1 ? `var(--redsift-color-${$color}-main)` : `${$color}`};
+          stroke-width: 2;
+        }
+        & .icon {
+          fill-rule: evenodd;
+          clip-rule: evenodd;
+          fill: ${Object.keys(ColorPalette).indexOf($color) !== -1 ? `var(--redsift-color-${$color}-main)` : `${$color}`};
+        }
+      `;
+  } else if ($reversed) {
+    return css`
+        & .shield {
+          fill: #ffffff;
+        }
+        & .icon {
+          fill-rule: evenodd;
+          clip-rule: evenodd;
+          fill: ${Object.keys(ColorPalette).indexOf($color) !== -1 ? `var(--redsift-color-${$color}-main)` : `${$color}`};
+        }
+      `;
+  } else {
+    return css`
+        & .shield {
+          fill: ${Object.keys(ColorPalette).indexOf($color) !== -1 ? `var(--redsift-color-${$color}-main)` : `${$color}`};
+        }
+        & .icon {
+          fill-rule: evenodd;
+          clip-rule: evenodd;
+          fill: #ffffff;
+        }
+      `;
+  }
+}}
+`;
+
+const _excluded = ["aria-hidden", "aria-label", "className", "svgProps", "outlined", "reversed", "variant"];
+const COMPONENT_NAME = 'RedSiftShield';
+const CLASSNAME = 'redsift-shield';
+const DEFAULT_PROPS = {
+  variant: ShieldVariant.success
+};
+const getVariant = variant => {
+  switch (variant) {
+    case ShieldVariant.email:
+      return {
+        color: ColorPalette.primary,
+        icon: 'M14.7,6.3H5.3c-0.6,0-1.2,0.5-1.2,1.2l0,7c0,0.6,0.5,1.2,1.2,1.2h9.3c0.6,0,1.2-0.5,1.2-1.2v-7 C15.8,6.9,15.3,6.3,14.7,6.3z M14.7,14.5H5.3V8.7l4.7,2.9l4.7-2.9V14.5z M10,10.4L5.3,7.5h9.3L10,10.4z'
+      };
+    case ShieldVariant.fail:
+      return {
+        color: ColorPalette.error,
+        icon: 'M9,15V5h2v10H9z M9,19v-2h2v2H9z'
+      };
+    case ShieldVariant.failLocked:
+      return {
+        color: ColorPalette.error,
+        icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z'
+      };
+    case ShieldVariant.failUnlocked:
+      return {
+        color: ColorPalette.error,
+        icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z'
+      };
+    case ShieldVariant.ignored:
+      return {
+        color: '#BDBDBD',
+        icon: 'M10,6.2c-3.2,0-5.8,2.6-5.8,5.8c0,3.2,2.6,5.8,5.8,5.8s5.8-2.6,5.8-5.8C15.8,8.8,13.2,6.2,10,6.2z M5.3,12 c0-2.6,2.1-4.7,4.7-4.7c1.1,0,2.1,0.4,2.9,1l-6.5,6.5C5.7,14.1,5.3,13.1,5.3,12z M10,16.7c-1.1,0-2.1-0.4-2.9-1l6.5-6.5 c0.6,0.8,1,1.8,1,2.9C14.7,14.6,12.6,16.7,10,16.7z'
+      };
+    case ShieldVariant.noData:
+      return {
+        color: '#BDBDBD',
+        icon: 'M16,13H4v-2h12V13z'
+      };
+    case ShieldVariant.question:
+      return {
+        color: '#666666',
+        icon: 'M9,17h2v-2H9V17z M10,5C7.8,5,6,6.8,6,9h2c0-1.1,0.9-2,2-2s2,0.9,2,2c0,2-3,1.8-3,5h2c0-2.2,3-2.5,3-5 C14,6.8,12.2,5,10,5z'
+      };
+    case ShieldVariant.success:
+      return {
+        color: ColorPalette.success,
+        icon: 'M8,16.6l8.5-8.5l-1.4-1.4L8,13.7l-2.8-2.8l-1.4,1.4L8,16.6z'
+      };
+    case ShieldVariant.successLocked:
+      return {
+        color: ColorPalette.success,
+        icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z'
+      };
+    case ShieldVariant.successUnlocked:
+      return {
+        color: ColorPalette.success,
+        icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z'
+      };
+    case ShieldVariant.warning:
+      return {
+        color: ColorPalette.warning,
+        icon: 'M10,5c0.7,0,1.4,0.4,1.7,1l4,7c0.4,0.6,0.4,1.4,0,2c-0.4,0.6-1,1-1.7,1H6c-0.7,0-1.4-0.4-1.7-1 c-0.4-0.6-0.4-1.4,0-2l4-7C8.6,5.4,9.3,5,10,5z M10,7l-4,7h8L10,7z'
+      };
+    case ShieldVariant.warningLocked:
+      return {
+        color: ColorPalette.warning,
+        icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z'
+      };
+    case ShieldVariant.warningUnlocked:
+      return {
+        color: ColorPalette.warning,
+        icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z'
+      };
+  }
+};
+
+/**
+ * The Shield component.
+ */
+const Shield = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      'aria-hidden': ariaHidden,
+      'aria-label': ariaLabel,
+      className,
+      svgProps,
+      outlined,
+      reversed,
+      variant
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const color = getVariant(variant).color;
+  const icon = getVariant(variant).icon;
+  return /*#__PURE__*/React.createElement(StyledShield, _extends({}, forwardedProps, {
+    "aria-hidden": ariaLabel ? ariaHidden ? ariaHidden : undefined : true,
+    "aria-label": ariaLabel,
+    className: classNames(Shield.className, className),
+    ref: ref,
+    $color: color,
+    $outlined: outlined,
+    $reversed: reversed,
+    $variant: variant
+  }), /*#__PURE__*/React.createElement("svg", _extends({}, svgProps, {
+    "aria-hidden": ariaLabel ? ariaHidden ? ariaHidden : undefined : true,
+    "aria-label": ariaLabel,
+    focusable: "false",
+    preserveAspectRatio: "xMidYMid meet",
+    role: "img",
+    style: {
+      verticalAlign: '-0.125em'
+    },
+    viewBox: "0 0 20 24",
+    width: "20",
+    height: "24"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: outlined ? 'M1,10.9V5l9-3.9L19,5v5.9c0,5.5-3.9,10.7-9,12.1C4.9,21.6,1,16.4,1,10.9z' : 'M10,0L0,4.4v6.5C0,17,4.3,22.6,10,24c5.7-1.4,10-7,10-13.1V4.4L10,0z',
+    className: "shield"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: icon,
+    className: "icon"
+  })));
+});
+Shield.className = CLASSNAME;
+Shield.defaultProps = DEFAULT_PROPS;
+Shield.displayName = COMPONENT_NAME;
 
-export { AppBar, AppContainer, AppContainerContext, AppContent, AppSidePanel, Badge, BadgeVariant, BreadcrumbItem, Breadcrumbs, Button, ButtonLink, ButtonSize, ButtonVariant, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxSize, ColorPalette, FloatingActionButton, FloatingActionButtonColor, FloatingActionButtonSize, FloatingActionButtonVariant, Icon, IconButton, IconButtonSize, IconSize, Link, LinkButton, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuItem, SideNavigationMenuReducerActionType, StyledButton, StyledLink, Theme, useAppSidePanel, useSideNavigationMenuBar };
+export { AppBar, AppContainer, AppContainerContext, AppContent, AppSidePanel, Badge, BadgeVariant, BreadcrumbItem, Breadcrumbs, Button, ButtonLink, ButtonSize, ButtonVariant, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxSize, ColorPalette, FloatingActionButton, FloatingActionButtonColor, FloatingActionButtonSize, FloatingActionButtonVariant, Icon, IconButton, IconButtonSize, IconSize, Link, LinkButton, Shield, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuItem, SideNavigationMenuReducerActionType, StyledButton, StyledLink, Theme, useAppSidePanel, useSideNavigationMenuBar };
 //# sourceMappingURL=index.js.map