@redsift/design-system 7.4.0-alpha.2 → 7.4.0

package/index.js

@@ -3313,7 +3313,7 @@ const DEFAULT_PROPS$m = {};
 /**
  * The Breadcrumbs components is a list of links to the parent pages of the current page in hierarchical order.
  */
-const Breadcrumbs = /*#__PURE__*/forwardRef((props, ref) => {
+const BaseBreadcrumbs = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       children,
       className,
@@ -3321,30 +3321,33 @@ const Breadcrumbs = /*#__PURE__*/forwardRef((props, ref) => {
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$m);
   warnIfNoAccessibleLabelFound(props);
-  const childArray = filterComponents([BreadcrumbItem])(children);
+  const childArray = filterComponents([Breadcrumbs.Item])(children);
   const breadcrumbItems = childArray.map((child, index) => {
     var _child$key;
     const isCurrent = index === childArray.length - 1;
     return /*#__PURE__*/React.createElement("li", {
       key: index
-    }, /*#__PURE__*/React.createElement(BreadcrumbItem, _extends({
+    }, /*#__PURE__*/React.createElement(Breadcrumbs.Item, _extends({
       isDisabled: child.props.isDisabled || isDisabled || undefined
     }, child.props, {
       key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : index,
       isCurrent: isCurrent
     })), isCurrent === false ? /*#__PURE__*/React.createElement("span", {
-      className: `${Breadcrumbs.className}__separator`
+      className: `${BaseBreadcrumbs.className}__separator`
     }, '/') : null);
   });
   return /*#__PURE__*/React.createElement(StyledBreadcrumbs, _extends({}, forwardedProps, {
     $isDisabled: isDisabled,
-    className: classNames(Breadcrumbs.className, className),
+    className: classNames(BaseBreadcrumbs.className, className),
     ref: ref
   }), /*#__PURE__*/React.createElement("ol", null, breadcrumbItems));
 });
-Breadcrumbs.className = CLASSNAME$m;
-Breadcrumbs.defaultProps = DEFAULT_PROPS$m;
-Breadcrumbs.displayName = COMPONENT_NAME$m;
+BaseBreadcrumbs.className = CLASSNAME$m;
+BaseBreadcrumbs.defaultProps = DEFAULT_PROPS$m;
+BaseBreadcrumbs.displayName = COMPONENT_NAME$m;
+const Breadcrumbs = Object.assign(BaseBreadcrumbs, {
+  Item: BreadcrumbItem
+});
 
 const _excluded$l = ["as", "children", "className", "color", "href", "isActive", "isDisabled", "leftIcon", "rightIcon", "target", "variant"];
 const COMPONENT_NAME$l = 'ButtonLink';
@@ -3466,91 +3469,70 @@ const StyledCard = styled.div`
   }
 `;
 
-const _excluded$k = ["children", "className", "defaultCollapsed", "isCollapsed", "isCollapsible", "onCollapse"];
-const COMPONENT_NAME$k = 'Card';
-const CLASSNAME$k = 'redsift-card';
-const DEFAULT_PROPS$k = {};
-
-/**
- * The Card component.
- */
-const Card = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      children,
-      className,
-      defaultCollapsed,
-      isCollapsed: propsIsCollapsed,
-      isCollapsible,
-      onCollapse
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$k);
-  const stringFormatter = useLocalizedStringFormatter(intlMessages$2);
-  const [isCollapsed, setIsCollapsed] = useState(propsIsCollapsed !== null && propsIsCollapsed !== void 0 ? propsIsCollapsed : defaultCollapsed);
-  useEffect(() => {
-    setIsCollapsed(propsIsCollapsed !== null && propsIsCollapsed !== void 0 ? propsIsCollapsed : defaultCollapsed);
-  }, [propsIsCollapsed, defaultCollapsed]);
-  const handleCollapse = useCallback(collapsed => {
-    if (onCollapse) {
-      onCollapse(collapsed);
-    }
-    setIsCollapsed(collapsed);
-  }, [onCollapse]);
-  const [[header], [body], [actions]] = partitionComponents(React.Children.toArray(children), [isComponent('CardHeader'), isComponent('CardBody'), isComponent('CardActions')]);
-  return /*#__PURE__*/React.createElement(StyledCard, _extends({}, forwardedProps, {
-    className: classNames(Card.className, className),
-    ref: ref,
-    $isCollapsed: isCollapsed
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${Card.className}__header`
-  }, header, isCollapsible ? /*#__PURE__*/React.createElement(IconButton, {
-    "aria-label": stringFormatter.format(isCollapsed ? 'expand' : 'collapse'),
-    className: `${Card.className}-header__icon-button`,
-    color: "question",
-    icon: isCollapsed ? mdiChevronDown : mdiChevronUp,
-    onPress: () => handleCollapse(!isCollapsed)
-  }) : null), body || actions ? /*#__PURE__*/React.createElement("div", {
-    className: `${Card.className}__content`
-  }, body, actions) : null);
-});
-Card.className = CLASSNAME$k;
-Card.defaultProps = DEFAULT_PROPS$k;
-Card.displayName = COMPONENT_NAME$k;
-
 /**
  * Component style.
  */
-const StyledCardActions = styled.div`
-  ${baseContainer}
+const StyledCardHeader = styled.div`
+  color: var(--redsift-color-neutral-black);
 
-  margin-top: 8px;
-  margin-bottom: 8px;
+  .redsift-card-header__header {
+    align-items: center;
+    display: flex;
+    gap: 8px;
+    padding: 10px 0px;
+    margin: 0px;
+
+    .redsift-icon {
+      color: var(--redsift-color-neutral-black);
+      padding-right: 8px;
+      font-size: 30px;
+      line-height: 30px;
+      height: 30px;
+    }
+  }
+
+  .redsift-card-header__subheader {
+    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);
+  }
 `;
 
-const _excluded$j = ["children", "className"];
-const COMPONENT_NAME$j = 'CardActions';
-const CLASSNAME$j = 'redsift-card-actions';
-const DEFAULT_PROPS$j = {
-  display: 'flex',
-  flexDirection: 'row'
-};
+const _excluded$k = ["children", "className", "header", "icon", "subheader"];
+const COMPONENT_NAME$k = 'CardHeader';
+const CLASSNAME$k = 'redsift-card-header';
+const DEFAULT_PROPS$k = {};
 
 /**
- * The CardActions component.
+ * The CardHeader component.
  */
-const CardActions = /*#__PURE__*/forwardRef((props, ref) => {
+const CardHeader = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       children,
-      className
+      className,
+      header,
+      icon,
+      subheader
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$j);
-  return /*#__PURE__*/React.createElement(StyledCardActions, _extends({}, forwardedProps, {
-    className: classNames(CardActions.className, className),
+    forwardedProps = _objectWithoutProperties(props, _excluded$k);
+  return /*#__PURE__*/React.createElement(StyledCardHeader, _extends({}, forwardedProps, {
+    className: classNames(CardHeader.className, className),
     ref: ref
-  }), children);
+  }), subheader ? /*#__PURE__*/React.createElement("div", {
+    className: `${CardHeader.className}__subheader`
+  }, subheader) : null, header ? /*#__PURE__*/React.createElement(Heading, {
+    as: "h2",
+    color: "black",
+    className: `${CardHeader.className}__header`
+  }, icon ? /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    "aria-hidden": "true"
+  }) : null, header) : null, children);
 });
-CardActions.className = CLASSNAME$j;
-CardActions.defaultProps = DEFAULT_PROPS$j;
-CardActions.displayName = COMPONENT_NAME$j;
+CardHeader.className = CLASSNAME$k;
+CardHeader.defaultProps = DEFAULT_PROPS$k;
+CardHeader.displayName = COMPONENT_NAME$k;
 
 /**
  * Component style.
@@ -3566,10 +3548,10 @@ const StyledCardBody = styled.div`
   padding: 16px 0px;
 `;
 
-const _excluded$i = ["children", "className"];
-const COMPONENT_NAME$i = 'CardBody';
-const CLASSNAME$i = 'redsift-card-body';
-const DEFAULT_PROPS$i = {};
+const _excluded$j = ["children", "className"];
+const COMPONENT_NAME$j = 'CardBody';
+const CLASSNAME$j = 'redsift-card-body';
+const DEFAULT_PROPS$j = {};
 
 /**
  * The CardBody component.
@@ -3579,80 +3561,106 @@ const CardBody = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$i);
+    forwardedProps = _objectWithoutProperties(props, _excluded$j);
   return /*#__PURE__*/React.createElement(StyledCardBody, _extends({}, forwardedProps, {
     className: classNames(CardBody.className, className),
     ref: ref
   }), children);
 });
-CardBody.className = CLASSNAME$i;
-CardBody.defaultProps = DEFAULT_PROPS$i;
-CardBody.displayName = COMPONENT_NAME$i;
+CardBody.className = CLASSNAME$j;
+CardBody.defaultProps = DEFAULT_PROPS$j;
+CardBody.displayName = COMPONENT_NAME$j;
 
 /**
  * Component style.
  */
-const StyledCardHeader = styled.div`
-  color: var(--redsift-color-neutral-black);
+const StyledCardActions = styled.div`
+  ${baseContainer}
 
-  .redsift-card-header__header {
-    align-items: center;
-    display: flex;
-    gap: 8px;
-    padding: 10px 0px;
-    margin: 0px;
+  margin-top: 8px;
+  margin-bottom: 8px;
+`;
 
-    .redsift-icon {
-      color: var(--redsift-color-neutral-black);
-      padding-right: 8px;
-      font-size: 30px;
-      line-height: 30px;
-      height: 30px;
-    }
-  }
+const _excluded$i = ["children", "className"];
+const COMPONENT_NAME$i = 'CardActions';
+const CLASSNAME$i = 'redsift-card-actions';
+const DEFAULT_PROPS$i = {
+  display: 'flex',
+  flexDirection: 'row'
+};
 
-  .redsift-card-header__subheader {
-    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);
-  }
-`;
+/**
+ * The CardActions component.
+ */
+const CardActions = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$i);
+  return /*#__PURE__*/React.createElement(StyledCardActions, _extends({}, forwardedProps, {
+    className: classNames(CardActions.className, className),
+    ref: ref
+  }), children);
+});
+CardActions.className = CLASSNAME$i;
+CardActions.defaultProps = DEFAULT_PROPS$i;
+CardActions.displayName = COMPONENT_NAME$i;
 
-const _excluded$h = ["children", "className", "header", "icon", "subheader"];
-const COMPONENT_NAME$h = 'CardHeader';
-const CLASSNAME$h = 'redsift-card-header';
+const _excluded$h = ["children", "className", "defaultCollapsed", "isCollapsed", "isCollapsible", "onCollapse"];
+const COMPONENT_NAME$h = 'Card';
+const CLASSNAME$h = 'redsift-card';
 const DEFAULT_PROPS$h = {};
 
 /**
- * The CardHeader component.
+ * The Card component.
  */
-const CardHeader = /*#__PURE__*/forwardRef((props, ref) => {
+const BaseCard = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       children,
       className,
-      header,
-      icon,
-      subheader
+      defaultCollapsed,
+      isCollapsed: propsIsCollapsed,
+      isCollapsible,
+      onCollapse
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$h);
-  return /*#__PURE__*/React.createElement(StyledCardHeader, _extends({}, forwardedProps, {
-    className: classNames(CardHeader.className, className),
-    ref: ref
-  }), subheader ? /*#__PURE__*/React.createElement("div", {
-    className: `${CardHeader.className}__subheader`
-  }, subheader) : null, header ? /*#__PURE__*/React.createElement(Heading, {
-    as: "h2",
-    color: "black",
-    className: `${CardHeader.className}__header`
-  }, icon ? /*#__PURE__*/React.createElement(Icon, {
-    icon: icon,
-    "aria-hidden": "true"
-  }) : null, header) : null, children);
+  const stringFormatter = useLocalizedStringFormatter(intlMessages$2);
+  const [isCollapsed, setIsCollapsed] = useState(propsIsCollapsed !== null && propsIsCollapsed !== void 0 ? propsIsCollapsed : defaultCollapsed);
+  useEffect(() => {
+    setIsCollapsed(propsIsCollapsed !== null && propsIsCollapsed !== void 0 ? propsIsCollapsed : defaultCollapsed);
+  }, [propsIsCollapsed, defaultCollapsed]);
+  const handleCollapse = useCallback(collapsed => {
+    if (onCollapse) {
+      onCollapse(collapsed);
+    }
+    setIsCollapsed(collapsed);
+  }, [onCollapse]);
+  const [[header], [body], [actions]] = partitionComponents(React.Children.toArray(children), [isComponent('CardHeader'), isComponent('CardBody'), isComponent('CardActions')]);
+  return /*#__PURE__*/React.createElement(StyledCard, _extends({}, forwardedProps, {
+    className: classNames(BaseCard.className, className),
+    ref: ref,
+    $isCollapsed: isCollapsed
+  }), /*#__PURE__*/React.createElement("div", {
+    className: `${BaseCard.className}__header`
+  }, header, isCollapsible ? /*#__PURE__*/React.createElement(IconButton, {
+    "aria-label": stringFormatter.format(isCollapsed ? 'expand' : 'collapse'),
+    className: `${BaseCard.className}-header__icon-button`,
+    color: "question",
+    icon: isCollapsed ? mdiChevronDown : mdiChevronUp,
+    onPress: () => handleCollapse(!isCollapsed)
+  }) : null), body || actions ? /*#__PURE__*/React.createElement("div", {
+    className: `${BaseCard.className}__content`
+  }, body, actions) : null);
+});
+BaseCard.className = CLASSNAME$h;
+BaseCard.defaultProps = DEFAULT_PROPS$h;
+BaseCard.displayName = COMPONENT_NAME$h;
+const Card = Object.assign(BaseCard, {
+  Header: CardHeader,
+  Body: CardBody,
+  Actions: CardActions
 });
-CardHeader.className = CLASSNAME$h;
-CardHeader.defaultProps = DEFAULT_PROPS$h;
-CardHeader.displayName = COMPONENT_NAME$h;
 
 /**
  * Context props.
@@ -4513,123 +4521,6 @@ const StyledDetailedCard = styled.div`
   }
 `;
 
-const _excluded$b = ["areAllCollapsed", "children", "className", "color", "defaultAllCollapsed", "icon", "isCollapsible", "onCollapseAll", "shield"];
-const COMPONENT_NAME$b = 'DetailedCard';
-const CLASSNAME$b = 'redsift-detailed-card';
-const DEFAULT_PROPS$b = {
-  isCollapsible: true,
-  width: '400px'
-};
-const hasCollapsibleChildren = children => {
-  let hasCollapsible = false;
-  React.Children.map(children, child => {
-    if (isComponent(DetailedCardSection)(child)) {
-      let hasCollapsibleItems = Boolean(child.isCollapsible);
-      React.Children.map(child.props.children, sectionChild => {
-        if (isComponent(DetailedCardCollapsibleSectionItems)(sectionChild)) {
-          hasCollapsibleItems = true;
-        }
-      });
-      hasCollapsible = hasCollapsibleItems;
-    } else if (isComponent(DetailedCardCollapsibleSectionItems)(child)) {
-      hasCollapsible = true;
-    }
-  });
-  return hasCollapsible;
-};
-
-/**
- * The DetailedCard component.
- */
-const DetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      areAllCollapsed: propsAreAllCollapsed,
-      children,
-      className,
-      color,
-      defaultAllCollapsed,
-      icon,
-      isCollapsible: propsIsCollapsible,
-      onCollapseAll,
-      shield
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$b);
-  const stringFormatter = useLocalizedStringFormatter(intlMessages$1);
-  const isCollapsible = propsIsCollapsible && hasCollapsibleChildren(children);
-  const [allCollapsed, setAllCollapsed] = useState({
-    state: propsAreAllCollapsed !== null && propsAreAllCollapsed !== void 0 ? propsAreAllCollapsed : defaultAllCollapsed
-  });
-  useEffect(() => {
-    setAllCollapsed({
-      state: propsAreAllCollapsed !== null && propsAreAllCollapsed !== void 0 ? propsAreAllCollapsed : defaultAllCollapsed
-    });
-  }, [propsAreAllCollapsed, defaultAllCollapsed]);
-  const handleCollapse = useCallback(allCollapsed => {
-    if (onCollapseAll) {
-      onCollapseAll(allCollapsed);
-    }
-    setAllCollapsed({
-      state: allCollapsed
-    });
-  }, [onCollapseAll]);
-  const [[header], content] = partitionComponents(React.Children.toArray(children), [isComponent('DetailedCardHeader')]);
-  return /*#__PURE__*/React.createElement(StyledDetailedCard, _extends({}, forwardedProps, {
-    className: classNames(DetailedCard.className, className),
-    ref: ref,
-    $color: color
-  }), color ? /*#__PURE__*/React.createElement("div", {
-    className: `${DetailedCard.className}__banner`
-  }, shield ? /*#__PURE__*/React.createElement(Shield, {
-    variant: shield,
-    isOutlined: true,
-    isReversed: true,
-    svgProps: {
-      width: '40px',
-      height: '40px'
-    },
-    style: {
-      width: '40px',
-      height: '40px'
-    }
-  }) : icon ? /*#__PURE__*/React.createElement(Icon, {
-    icon: icon,
-    color: "white",
-    size: "xlarge"
-  }) : null) : null, header ? /*#__PURE__*/React.createElement("div", {
-    className: `${DetailedCard.className}__header`
-  }, header) : null, isCollapsible ? /*#__PURE__*/React.createElement(Flexbox, {
-    justifyContent: "flex-end",
-    className: `${DetailedCard.className}__collapse-buttons`
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    "aria-label": stringFormatter.format('collapse-all'),
-    icon: mdiPageLast,
-    onPress: () => handleCollapse(true),
-    style: {
-      transform: 'rotate(-90deg)'
-    },
-    color: "question"
-  }), /*#__PURE__*/React.createElement(IconButton, {
-    "aria-label": stringFormatter.format('expand-all'),
-    icon: mdiKeyboardCaps,
-    onPress: () => handleCollapse(false),
-    style: {
-      transform: 'rotate(180deg)'
-    },
-    color: "question"
-  })) : null, React.Children.map(content, child => {
-    if (isComponent(DetailedCardSection)(child)) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        isCollapsed: allCollapsed.state,
-        key: Math.random()
-      });
-    }
-    return child;
-  }));
-});
-DetailedCard.className = CLASSNAME$b;
-DetailedCard.defaultProps = DEFAULT_PROPS$b;
-DetailedCard.displayName = COMPONENT_NAME$b;
-
 /**
  * Component style.
  */
@@ -4645,10 +4536,10 @@ const StyledDetailedCardHeader = styled.div`
   }
 `;
 
-const _excluded$a = ["children", "className", "header"];
-const COMPONENT_NAME$a = 'DetailedCardHeader';
-const CLASSNAME$a = 'redsift-detailed-card-header';
-const DEFAULT_PROPS$a = {};
+const _excluded$b = ["children", "className", "header"];
+const COMPONENT_NAME$b = 'DetailedCardHeader';
+const CLASSNAME$b = 'redsift-detailed-card-header';
+const DEFAULT_PROPS$b = {};
 
 /**
  * The DetailedCardHeader component.
@@ -4659,7 +4550,7 @@ const DetailedCardHeader = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       header
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$a);
+    forwardedProps = _objectWithoutProperties(props, _excluded$b);
   return /*#__PURE__*/React.createElement(StyledDetailedCardHeader, _extends({}, forwardedProps, {
     className: classNames(DetailedCardHeader.className, className),
     ref: ref
@@ -4668,9 +4559,9 @@ const DetailedCardHeader = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${DetailedCardHeader.className}__header`
   }, header) : null, children);
 });
-DetailedCardHeader.className = CLASSNAME$a;
-DetailedCardHeader.defaultProps = DEFAULT_PROPS$a;
-DetailedCardHeader.displayName = COMPONENT_NAME$a;
+DetailedCardHeader.className = CLASSNAME$b;
+DetailedCardHeader.defaultProps = DEFAULT_PROPS$b;
+DetailedCardHeader.displayName = COMPONENT_NAME$b;
 
 /**
  * Component style.
@@ -4713,10 +4604,10 @@ const StyledPill = styled.div`
   }
 `;
 
-const _excluded$9 = ["autoBreak", "children", "className", "color"];
-const COMPONENT_NAME$9 = 'Pill';
-const CLASSNAME$9 = 'redsift-badge';
-const DEFAULT_PROPS$9 = {
+const _excluded$a = ["autoBreak", "children", "className", "color"];
+const COMPONENT_NAME$a = 'Pill';
+const CLASSNAME$a = 'redsift-badge';
+const DEFAULT_PROPS$a = {
   color: DataVizColorPalette.blue
 };
 
@@ -4730,7 +4621,7 @@ const Pill = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       color
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$9);
+    forwardedProps = _objectWithoutProperties(props, _excluded$a);
   return /*#__PURE__*/React.createElement(StyledPill, _extends({}, forwardedProps, {
     $autoBreak: autoBreak,
     $color: color,
@@ -4738,9 +4629,9 @@ const Pill = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }), children);
 });
-Pill.className = CLASSNAME$9;
-Pill.defaultProps = DEFAULT_PROPS$9;
-Pill.displayName = COMPONENT_NAME$9;
+Pill.className = CLASSNAME$a;
+Pill.defaultProps = DEFAULT_PROPS$a;
+Pill.displayName = COMPONENT_NAME$a;
 
 /**
  * Component style.
@@ -4770,10 +4661,10 @@ const StyledDetailedCardSectionItem = styled.div`
   }
 `;
 
-const _excluded$8 = ["children", "className", "description", "icon", "iconProps", "pill", "pillProps", "shield"];
-const COMPONENT_NAME$8 = 'DetailedCardSectionItem';
-const CLASSNAME$8 = 'redsift-detailed-card-section-item';
-const DEFAULT_PROPS$8 = {};
+const _excluded$9 = ["children", "className", "description", "icon", "iconProps", "pill", "pillProps", "shield"];
+const COMPONENT_NAME$9 = 'DetailedCardSectionItem';
+const CLASSNAME$9 = 'redsift-detailed-card-section-item';
+const DEFAULT_PROPS$9 = {};
 
 /**
  * The DetailedCardSectionItems component.
@@ -4789,7 +4680,7 @@ const DetailedCardSectionItem = /*#__PURE__*/forwardRef((props, ref) => {
       pillProps,
       shield
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$8);
+    forwardedProps = _objectWithoutProperties(props, _excluded$9);
   return /*#__PURE__*/React.createElement(StyledDetailedCardSectionItem, _extends({}, forwardedProps, {
     className: classNames(DetailedCardSectionItem.className, className),
     ref: ref
@@ -4811,9 +4702,132 @@ const DetailedCardSectionItem = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${DetailedCardSectionItem.className}-header__pill`
   }, pillProps), pill), description) : null), children);
 });
-DetailedCardSectionItem.className = CLASSNAME$8;
-DetailedCardSectionItem.defaultProps = DEFAULT_PROPS$8;
-DetailedCardSectionItem.displayName = COMPONENT_NAME$8;
+DetailedCardSectionItem.className = CLASSNAME$9;
+DetailedCardSectionItem.defaultProps = DEFAULT_PROPS$9;
+DetailedCardSectionItem.displayName = COMPONENT_NAME$9;
+
+const _excluded$8 = ["areAllCollapsed", "children", "className", "color", "defaultAllCollapsed", "icon", "isCollapsible", "onCollapseAll", "shield"];
+const COMPONENT_NAME$8 = 'DetailedCard';
+const CLASSNAME$8 = 'redsift-detailed-card';
+const DEFAULT_PROPS$8 = {
+  isCollapsible: true,
+  width: '400px'
+};
+const hasCollapsibleChildren = children => {
+  let hasCollapsible = false;
+  React.Children.map(children, child => {
+    if (isComponent(DetailedCardSection)(child)) {
+      let hasCollapsibleItems = Boolean(child.isCollapsible);
+      React.Children.map(child.props.children, sectionChild => {
+        if (isComponent(DetailedCardCollapsibleSectionItems)(sectionChild)) {
+          hasCollapsibleItems = true;
+        }
+      });
+      hasCollapsible = hasCollapsibleItems;
+    } else if (isComponent(DetailedCardCollapsibleSectionItems)(child)) {
+      hasCollapsible = true;
+    }
+  });
+  return hasCollapsible;
+};
+
+/**
+ * The DetailedCard component.
+ */
+const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      areAllCollapsed: propsAreAllCollapsed,
+      children,
+      className,
+      color,
+      defaultAllCollapsed,
+      icon,
+      isCollapsible: propsIsCollapsible,
+      onCollapseAll,
+      shield
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$8);
+  const stringFormatter = useLocalizedStringFormatter(intlMessages$1);
+  const isCollapsible = propsIsCollapsible && hasCollapsibleChildren(children);
+  const [allCollapsed, setAllCollapsed] = useState({
+    state: propsAreAllCollapsed !== null && propsAreAllCollapsed !== void 0 ? propsAreAllCollapsed : defaultAllCollapsed
+  });
+  useEffect(() => {
+    setAllCollapsed({
+      state: propsAreAllCollapsed !== null && propsAreAllCollapsed !== void 0 ? propsAreAllCollapsed : defaultAllCollapsed
+    });
+  }, [propsAreAllCollapsed, defaultAllCollapsed]);
+  const handleCollapse = useCallback(allCollapsed => {
+    if (onCollapseAll) {
+      onCollapseAll(allCollapsed);
+    }
+    setAllCollapsed({
+      state: allCollapsed
+    });
+  }, [onCollapseAll]);
+  const [[header], content] = partitionComponents(React.Children.toArray(children), [isComponent('DetailedCardHeader')]);
+  return /*#__PURE__*/React.createElement(StyledDetailedCard, _extends({}, forwardedProps, {
+    className: classNames(BaseDetailedCard.className, className),
+    ref: ref,
+    $color: color
+  }), color ? /*#__PURE__*/React.createElement("div", {
+    className: `${BaseDetailedCard.className}__banner`
+  }, shield ? /*#__PURE__*/React.createElement(Shield, {
+    variant: shield,
+    isOutlined: true,
+    isReversed: true,
+    svgProps: {
+      width: '40px',
+      height: '40px'
+    },
+    style: {
+      width: '40px',
+      height: '40px'
+    }
+  }) : icon ? /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    color: "white",
+    size: "xlarge"
+  }) : null) : null, header ? /*#__PURE__*/React.createElement("div", {
+    className: `${BaseDetailedCard.className}__header`
+  }, header) : null, isCollapsible ? /*#__PURE__*/React.createElement(Flexbox, {
+    justifyContent: "flex-end",
+    className: `${BaseDetailedCard.className}__collapse-buttons`
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    "aria-label": stringFormatter.format('collapse-all'),
+    icon: mdiPageLast,
+    onPress: () => handleCollapse(true),
+    style: {
+      transform: 'rotate(-90deg)'
+    },
+    color: "question"
+  }), /*#__PURE__*/React.createElement(IconButton, {
+    "aria-label": stringFormatter.format('expand-all'),
+    icon: mdiKeyboardCaps,
+    onPress: () => handleCollapse(false),
+    style: {
+      transform: 'rotate(180deg)'
+    },
+    color: "question"
+  })) : null, React.Children.map(content, child => {
+    if (isComponent(DetailedCardSection)(child)) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        isCollapsed: allCollapsed.state,
+        key: Math.random()
+      });
+    }
+    return child;
+  }));
+});
+BaseDetailedCard.className = CLASSNAME$8;
+BaseDetailedCard.defaultProps = DEFAULT_PROPS$8;
+BaseDetailedCard.displayName = COMPONENT_NAME$8;
+const DetailedCard = Object.assign(BaseDetailedCard, {
+  Header: DetailedCardHeader,
+  Section: DetailedCardSection,
+  CollapsibleSectionItems: DetailedCardCollapsibleSectionItems,
+  SectionItem: DetailedCardSectionItem
+});
 
 /**
  * Component style.
@@ -4830,60 +4844,63 @@ const StyledGrid = styled.div`
   ${baseGrid}
 `;
 
+/**
+ * Component style.
+ */
+const StyledGridItem = styled.div`
+  display: inherit;
+
+  ${baseStyling}
+`;
+
 const _excluded$7 = ["children", "className"];
-const COMPONENT_NAME$7 = 'Grid';
-const CLASSNAME$7 = 'redsift-grid';
+const COMPONENT_NAME$7 = 'GridItem';
+const CLASSNAME$7 = 'redsift-grid-item';
 const DEFAULT_PROPS$7 = {};
 
 /**
- * The Grid component.
+ * The GridItem component.
  */
-const Grid = /*#__PURE__*/forwardRef((props, ref) => {
+const GridItem = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       children,
       className
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$7);
-  return /*#__PURE__*/React.createElement(StyledGrid, _extends({}, forwardedProps, {
-    className: classNames(Grid.className, className),
+  return /*#__PURE__*/React.createElement(StyledGridItem, _extends({}, forwardedProps, {
+    className: classNames(GridItem.className, className),
     ref: ref
   }), children);
 });
-Grid.className = CLASSNAME$7;
-Grid.defaultProps = DEFAULT_PROPS$7;
-Grid.displayName = COMPONENT_NAME$7;
-
-/**
- * Component style.
- */
-const StyledGridItem = styled.div`
-  display: inherit;
-
-  ${baseStyling}
-`;
+GridItem.className = CLASSNAME$7;
+GridItem.defaultProps = DEFAULT_PROPS$7;
+GridItem.displayName = COMPONENT_NAME$7;
 
 const _excluded$6 = ["children", "className"];
-const COMPONENT_NAME$6 = 'GridItem';
-const CLASSNAME$6 = 'redsift-grid-item';
+const COMPONENT_NAME$6 = 'Grid';
+const CLASSNAME$6 = 'redsift-grid';
 const DEFAULT_PROPS$6 = {};
 
 /**
- * The GridItem component.
+ * The Grid component.
  */
-const GridItem = /*#__PURE__*/forwardRef((props, ref) => {
+const BaseGrid = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       children,
       className
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$6);
-  return /*#__PURE__*/React.createElement(StyledGridItem, _extends({}, forwardedProps, {
-    className: classNames(GridItem.className, className),
+  return /*#__PURE__*/React.createElement(StyledGrid, _extends({}, forwardedProps, {
+    className: classNames(BaseGrid.className, className),
     ref: ref
   }), children);
 });
-GridItem.className = CLASSNAME$6;
-GridItem.defaultProps = DEFAULT_PROPS$6;
-GridItem.displayName = COMPONENT_NAME$6;
+BaseGrid.className = CLASSNAME$6;
+BaseGrid.defaultProps = DEFAULT_PROPS$6;
+BaseGrid.displayName = COMPONENT_NAME$6;
+const Grid = Object.assign(BaseGrid, {
+  Item: GridItem
+});
 
 /**
  * Component style.
@@ -5660,5 +5677,5 @@ Text.className = CLASSNAME;
 Text.defaultProps = DEFAULT_PROPS;
 Text.displayName = COMPONENT_NAME;
 
-export { Alert, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppContainer, AppContainerContext, AppContent, AppSidePanel, Badge, BadgeVariant, BreadcrumbItem, Breadcrumbs, Button, ButtonLink, ButtonVariant, Card, CardActions, CardBody, CardHeader, Checkbox, CheckboxGroup, CheckboxGroupOrientation, ColorPalette, ConditionalWrapper, DataVizColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardHeader, DetailedCardSection, DetailedCardSectionItem, FlexDirection, FlexWrap, Flexbox, FontFamily, Grid, GridItem, Heading, HeadingVariant, Icon, IconButton, IconButtonVariant, IconSize, JustifyContent, JustifyItems, JustifySelf, Link, LinkButton, NeutralColorPalette, Number$1 as Number, Pill, ProductColorPalette, Radio, RadioGroup, RadioGroupOrientation, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorDefaultActive, RedsiftColorDefaultActiveHover, RedsiftColorDefaultHover, RedsiftColorDefaultPrimary, RedsiftColorDefaultPrimaryActive, RedsiftColorDefaultSecondary, RedsiftColorErrorActive, RedsiftColorErrorActiveHover, RedsiftColorErrorHover, RedsiftColorErrorPrimary, RedsiftColorErrorPrimaryActive, RedsiftColorErrorSecondary, RedsiftColorHardenizeActive, RedsiftColorHardenizeActiveHover, RedsiftColorHardenizeHover, RedsiftColorHardenizePrimary, RedsiftColorHardenizePrimaryActive, RedsiftColorHardenizeSecondary, RedsiftColorInfoActive, RedsiftColorInfoActiveHover, RedsiftColorInfoHover, RedsiftColorInfoPrimary, RedsiftColorInfoPrimaryActive, RedsiftColorInfoSecondary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNoDataActive, RedsiftColorNoDataActiveHover, RedsiftColorNoDataHover, RedsiftColorNoDataPrimary, RedsiftColorNoDataSecondary, RedsiftColorOndmarcActive, RedsiftColorOndmarcActiveHover, RedsiftColorOndmarcHover, RedsiftColorOndmarcPrimary, RedsiftColorOndmarcPrimaryActive, RedsiftColorOndmarcSecondary, RedsiftColorOndomainActive, RedsiftColorOndomainActiveHover, RedsiftColorOndomainHover, RedsiftColorOndomainPrimary, RedsiftColorOndomainPrimaryActive, RedsiftColorOndomainSecondary, RedsiftColorOninboxActive, RedsiftColorOninboxActiveHover, RedsiftColorOninboxHover, RedsiftColorOninboxPrimary, RedsiftColorOninboxPrimaryActive, RedsiftColorOninboxSecondary, RedsiftColorQuestionActive, RedsiftColorQuestionActiveHover, RedsiftColorQuestionHover, RedsiftColorQuestionPrimary, RedsiftColorQuestionSecondary, RedsiftColorSuccessActive, RedsiftColorSuccessActiveHover, RedsiftColorSuccessHover, RedsiftColorSuccessPrimary, RedsiftColorSuccessPrimaryActive, RedsiftColorSuccessSecondary, RedsiftColorToolsActive, RedsiftColorToolsActiveHover, RedsiftColorToolsHover, RedsiftColorToolsPrimary, RedsiftColorToolsPrimaryActive, RedsiftColorToolsSecondary, RedsiftColorWarningActive, RedsiftColorWarningActiveHover, RedsiftColorWarningHover, RedsiftColorWarningPrimary, RedsiftColorWarningPrimaryActive, RedsiftColorWarningSecondary, RedsiftColorWebsiteActive, RedsiftColorWebsiteActiveHover, RedsiftColorWebsiteHover, RedsiftColorWebsitePrimary, RedsiftColorWebsitePrimaryActive, RedsiftColorWebsiteSecondary, RedsiftDataVizColorBlueDark, RedsiftDataVizColorBlueDarker, RedsiftDataVizColorBlueDefault, RedsiftDataVizColorBlueLight, RedsiftDataVizColorBlueLighter, RedsiftDataVizColorBrownDark, RedsiftDataVizColorBrownDarker, RedsiftDataVizColorBrownDefault, RedsiftDataVizColorBrownLight, RedsiftDataVizColorBrownLighter, RedsiftDataVizColorCyanDark, RedsiftDataVizColorCyanDarker, RedsiftDataVizColorCyanDefault, RedsiftDataVizColorCyanLight, RedsiftDataVizColorCyanLighter, RedsiftDataVizColorGreenDark, RedsiftDataVizColorGreenDarker, RedsiftDataVizColorGreenDefault, RedsiftDataVizColorGreenLight, RedsiftDataVizColorGreenLighter, RedsiftDataVizColorGreyDark, RedsiftDataVizColorGreyDarker, RedsiftDataVizColorGreyDefault, RedsiftDataVizColorGreyLight, RedsiftDataVizColorGreyLighter, RedsiftDataVizColorOrangeDark, RedsiftDataVizColorOrangeDarker, RedsiftDataVizColorOrangeDefault, RedsiftDataVizColorOrangeLight, RedsiftDataVizColorOrangeLighter, RedsiftDataVizColorPinkDark, RedsiftDataVizColorPinkDarker, RedsiftDataVizColorPinkDefault, RedsiftDataVizColorPinkLight, RedsiftDataVizColorPinkLighter, RedsiftDataVizColorPurpleDark, RedsiftDataVizColorPurpleDarker, RedsiftDataVizColorPurpleDefault, RedsiftDataVizColorPurpleLight, RedsiftDataVizColorPurpleLighter, RedsiftDataVizColorRedDark, RedsiftDataVizColorRedDarker, RedsiftDataVizColorRedDefault, RedsiftDataVizColorRedLight, RedsiftDataVizColorRedLighter, RedsiftDataVizColorYellowDark, RedsiftDataVizColorYellowDarker, RedsiftDataVizColorYellowDefault, RedsiftDataVizColorYellowLight, RedsiftDataVizColorYellowLighter, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBody2FontFamily, RedsiftTypographyBody2FontSize, RedsiftTypographyBody2FontWeight, RedsiftTypographyBody2LineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyFontFamilyElectrolize, RedsiftTypographyFontFamilyRaleway, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, 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, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographySubtitleFontFamily, RedsiftTypographySubtitleFontSize, RedsiftTypographySubtitleFontWeight, RedsiftTypographySubtitleLineHeight, RedsiftTypographySubtitleTextTransform, Shield, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuItem, SideNavigationMenuReducerActionType, Spinner, SpinnerSize, StyledButton, StyledLink, Text, TextComponent, TextVariant, filterComponents, isComponent, partitionComponents, useAppSidePanel, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
+export { Alert, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppContainer, AppContainerContext, AppContent, AppSidePanel, Badge, BadgeVariant, BaseBreadcrumbs, BaseGrid, BreadcrumbItem, Breadcrumbs, Button, ButtonLink, ButtonVariant, Card, CardActions, CardBody, CardHeader, Checkbox, CheckboxGroup, CheckboxGroupOrientation, ColorPalette, ConditionalWrapper, DataVizColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardHeader, DetailedCardSection, DetailedCardSectionItem, FlexDirection, FlexWrap, Flexbox, FontFamily, Grid, GridItem, Heading, HeadingVariant, Icon, IconButton, IconButtonVariant, IconSize, JustifyContent, JustifyItems, JustifySelf, Link, LinkButton, NeutralColorPalette, Number$1 as Number, Pill, ProductColorPalette, Radio, RadioGroup, RadioGroupOrientation, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorDefaultActive, RedsiftColorDefaultActiveHover, RedsiftColorDefaultHover, RedsiftColorDefaultPrimary, RedsiftColorDefaultPrimaryActive, RedsiftColorDefaultSecondary, RedsiftColorErrorActive, RedsiftColorErrorActiveHover, RedsiftColorErrorHover, RedsiftColorErrorPrimary, RedsiftColorErrorPrimaryActive, RedsiftColorErrorSecondary, RedsiftColorHardenizeActive, RedsiftColorHardenizeActiveHover, RedsiftColorHardenizeHover, RedsiftColorHardenizePrimary, RedsiftColorHardenizePrimaryActive, RedsiftColorHardenizeSecondary, RedsiftColorInfoActive, RedsiftColorInfoActiveHover, RedsiftColorInfoHover, RedsiftColorInfoPrimary, RedsiftColorInfoPrimaryActive, RedsiftColorInfoSecondary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNoDataActive, RedsiftColorNoDataActiveHover, RedsiftColorNoDataHover, RedsiftColorNoDataPrimary, RedsiftColorNoDataSecondary, RedsiftColorOndmarcActive, RedsiftColorOndmarcActiveHover, RedsiftColorOndmarcHover, RedsiftColorOndmarcPrimary, RedsiftColorOndmarcPrimaryActive, RedsiftColorOndmarcSecondary, RedsiftColorOndomainActive, RedsiftColorOndomainActiveHover, RedsiftColorOndomainHover, RedsiftColorOndomainPrimary, RedsiftColorOndomainPrimaryActive, RedsiftColorOndomainSecondary, RedsiftColorOninboxActive, RedsiftColorOninboxActiveHover, RedsiftColorOninboxHover, RedsiftColorOninboxPrimary, RedsiftColorOninboxPrimaryActive, RedsiftColorOninboxSecondary, RedsiftColorQuestionActive, RedsiftColorQuestionActiveHover, RedsiftColorQuestionHover, RedsiftColorQuestionPrimary, RedsiftColorQuestionSecondary, RedsiftColorSuccessActive, RedsiftColorSuccessActiveHover, RedsiftColorSuccessHover, RedsiftColorSuccessPrimary, RedsiftColorSuccessPrimaryActive, RedsiftColorSuccessSecondary, RedsiftColorToolsActive, RedsiftColorToolsActiveHover, RedsiftColorToolsHover, RedsiftColorToolsPrimary, RedsiftColorToolsPrimaryActive, RedsiftColorToolsSecondary, RedsiftColorWarningActive, RedsiftColorWarningActiveHover, RedsiftColorWarningHover, RedsiftColorWarningPrimary, RedsiftColorWarningPrimaryActive, RedsiftColorWarningSecondary, RedsiftColorWebsiteActive, RedsiftColorWebsiteActiveHover, RedsiftColorWebsiteHover, RedsiftColorWebsitePrimary, RedsiftColorWebsitePrimaryActive, RedsiftColorWebsiteSecondary, RedsiftDataVizColorBlueDark, RedsiftDataVizColorBlueDarker, RedsiftDataVizColorBlueDefault, RedsiftDataVizColorBlueLight, RedsiftDataVizColorBlueLighter, RedsiftDataVizColorBrownDark, RedsiftDataVizColorBrownDarker, RedsiftDataVizColorBrownDefault, RedsiftDataVizColorBrownLight, RedsiftDataVizColorBrownLighter, RedsiftDataVizColorCyanDark, RedsiftDataVizColorCyanDarker, RedsiftDataVizColorCyanDefault, RedsiftDataVizColorCyanLight, RedsiftDataVizColorCyanLighter, RedsiftDataVizColorGreenDark, RedsiftDataVizColorGreenDarker, RedsiftDataVizColorGreenDefault, RedsiftDataVizColorGreenLight, RedsiftDataVizColorGreenLighter, RedsiftDataVizColorGreyDark, RedsiftDataVizColorGreyDarker, RedsiftDataVizColorGreyDefault, RedsiftDataVizColorGreyLight, RedsiftDataVizColorGreyLighter, RedsiftDataVizColorOrangeDark, RedsiftDataVizColorOrangeDarker, RedsiftDataVizColorOrangeDefault, RedsiftDataVizColorOrangeLight, RedsiftDataVizColorOrangeLighter, RedsiftDataVizColorPinkDark, RedsiftDataVizColorPinkDarker, RedsiftDataVizColorPinkDefault, RedsiftDataVizColorPinkLight, RedsiftDataVizColorPinkLighter, RedsiftDataVizColorPurpleDark, RedsiftDataVizColorPurpleDarker, RedsiftDataVizColorPurpleDefault, RedsiftDataVizColorPurpleLight, RedsiftDataVizColorPurpleLighter, RedsiftDataVizColorRedDark, RedsiftDataVizColorRedDarker, RedsiftDataVizColorRedDefault, RedsiftDataVizColorRedLight, RedsiftDataVizColorRedLighter, RedsiftDataVizColorYellowDark, RedsiftDataVizColorYellowDarker, RedsiftDataVizColorYellowDefault, RedsiftDataVizColorYellowLight, RedsiftDataVizColorYellowLighter, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBody2FontFamily, RedsiftTypographyBody2FontSize, RedsiftTypographyBody2FontWeight, RedsiftTypographyBody2LineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyFontFamilyElectrolize, RedsiftTypographyFontFamilyRaleway, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, 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, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographySubtitleFontFamily, RedsiftTypographySubtitleFontSize, RedsiftTypographySubtitleFontWeight, RedsiftTypographySubtitleLineHeight, RedsiftTypographySubtitleTextTransform, Shield, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuItem, SideNavigationMenuReducerActionType, Spinner, SpinnerSize, StyledButton, StyledLink, Text, TextComponent, TextVariant, filterComponents, isComponent, partitionComponents, useAppSidePanel, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
 //# sourceMappingURL=index.js.map