@redsift/design-system 7.4.0 → 7.4.2

package/index.js

@@ -4443,7 +4443,7 @@ const CLASSNAME$c = 'redsift-detailed-card-section';
 const DEFAULT_PROPS$c = {
   isCollapsible: true
 };
-const hasCollapsibleChildren$1 = children => {
+const hasCollapsibleChildren = children => {
   let hasCollapsible = false;
   React.Children.map(children, child => {
     if (isComponent(DetailedCardCollapsibleSectionItems)(child)) {
@@ -4466,7 +4466,7 @@ const DetailedCardSection = /*#__PURE__*/forwardRef((props, ref) => {
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$c);
   const stringFormatter = useLocalizedStringFormatter(intlMessages);
-  const isCollapsible = propsIsCollapsible && hasCollapsibleChildren$1(children);
+  const isCollapsible = propsIsCollapsible && hasCollapsibleChildren(children);
   const [isCollapsed, setIsCollapsed] = useState(Boolean(propsIsCollapsed));
   return /*#__PURE__*/React.createElement(StyledDetailedCardSection, _extends({}, forwardedProps, {
     className: classNames(DetailedCardSection.className, className),
@@ -4633,6 +4633,155 @@ Pill.className = CLASSNAME$a;
 Pill.defaultProps = DEFAULT_PROPS$a;
 Pill.displayName = COMPONENT_NAME$a;
 
+/**
+ * Component variant.
+ */
+const TextVariant = {
+  body: 'body',
+  button: 'button',
+  caption: 'caption',
+  inherit: 'inherit',
+  subtitle1: 'subtitle1'
+};
+const TextComponent = {
+  p: 'p',
+  b: 'b',
+  i: 'i',
+  u: 'u',
+  abbr: 'abbr',
+  cite: 'cite',
+  del: 'del',
+  em: 'em',
+  ins: 'ins',
+  kbd: 'kbd',
+  mark: 'mark',
+  s: 's',
+  samp: 'samp',
+  sub: 'sub',
+  sup: 'sup'
+};
+
+/**
+ * Component style.
+ */
+const StyledText = styled.span`
+  ${baseStyling}
+
+  ${_ref => {
+  let {
+    $color
+  } = _ref;
+  return $color && [...Object.keys(ColorPalette), ...Object.keys(ProductColorPalette)].indexOf($color) !== -1 ? css`
+          color: var(--redsift-color-${$color}-primary);
+        ` : Object.keys(NeutralColorPalette).indexOf($color) !== -1 ? css`
+          color: var(--redsift-color-neutral-${$color});
+        ` : css`
+          color: ${$color || css`inherit`};
+        `;
+}}
+
+  ${_ref2 => {
+  let {
+    $as
+  } = _ref2;
+  return css`
+    ${$as === TextComponent.i || $as === TextComponent.cite || $as === TextComponent.em ? css`
+          font-style: italic;
+        ` : $as === TextComponent.sub ? css`
+          vertical-align: sub;
+        ` : $as === TextComponent.sup ? css`
+          vertical-align: super;
+        ` : ''}
+  `;
+}}
+
+  ${_ref3 => {
+  let {
+    $as,
+    $fontFamily,
+    $fontSize,
+    $variant
+  } = _ref3;
+  return !$variant ? css`
+          ${$fontFamily ? css`
+                font-family: ${$fontFamily};
+              ` : ''}
+          ${$fontSize ? css`
+                font-size: ${$fontSize};
+              ` : ''}
+          ${$as === TextComponent.b ? css`
+                font-weight: bold;
+              ` : $as === TextComponent.sup || $as === TextComponent.sub ? css`
+                font-size: ${$fontSize ? $fontSize : '12px'};
+              ` : ''}
+        ` : $variant === TextVariant.inherit ? css`
+          font-family: ${$fontFamily ? $fontFamily : css`inherit`};
+          font-size: ${$fontSize ? $fontSize : $as === TextComponent.sup || $as === TextComponent.sub ? '12px' : css`inherit`};
+          font-weight: ${$as === TextComponent.b ? 'bold' : 'inherit'};
+          line-height: inherit;
+          text-transform: inherit;
+        ` : css`
+          font-family: ${$fontFamily ? $fontFamily : css`var(--redsift-typography-${$variant}-font-family)`};
+          font-size: ${$fontSize ? $fontSize : css`var(--redsift-typography-${$variant}-font-size)`};
+          font-weight: var(--redsift-typography-${$variant}-font-weight);
+          line-height: var(--redsift-typography-${$variant}-line-height);
+          text-transform: var(--redsift-typography-${$variant}-text-transform);
+        `;
+}}
+  
+  ${_ref4 => {
+  let {
+    $noWrap
+  } = _ref4;
+  return $noWrap ? css`
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        ` : css`
+          word-break: break-word;
+        `;
+}}
+`;
+
+const _excluded$9 = ["as", "children", "className", "color", "fontFamily", "fontSize", "noWrap", "variant"];
+const COMPONENT_NAME$9 = 'Text';
+const CLASSNAME$9 = 'redsift-text';
+const DEFAULT_PROPS$9 = {
+  fontFamily: FontFamily.raleway
+};
+
+/**
+ * The Text component.
+ */
+const Text = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      as,
+      children,
+      className,
+      color,
+      fontFamily,
+      fontSize,
+      noWrap,
+      variant
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$9);
+  return /*#__PURE__*/React.createElement(StyledText, _extends({
+    as: as
+  }, forwardedProps, {
+    className: classNames(Text.className, className),
+    ref: ref,
+    $as: as,
+    $color: color,
+    $fontFamily: fontFamily,
+    $fontSize: fontSize,
+    $noWrap: noWrap,
+    $variant: variant
+  }), children);
+});
+Text.className = CLASSNAME$9;
+Text.defaultProps = DEFAULT_PROPS$9;
+Text.displayName = COMPONENT_NAME$9;
+
 /**
  * Component style.
  */
@@ -4661,10 +4810,10 @@ const StyledDetailedCardSectionItem = styled.div`
   }
 `;
 
-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 = {};
+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 = {};
 
 /**
  * The DetailedCardSectionItems component.
@@ -4680,7 +4829,7 @@ const DetailedCardSectionItem = /*#__PURE__*/forwardRef((props, ref) => {
       pillProps,
       shield
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$9);
+    forwardedProps = _objectWithoutProperties(props, _excluded$8);
   return /*#__PURE__*/React.createElement(StyledDetailedCardSectionItem, _extends({}, forwardedProps, {
     className: classNames(DetailedCardSectionItem.className, className),
     ref: ref
@@ -4700,35 +4849,36 @@ const DetailedCardSectionItem = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${DetailedCardSectionItem.className}-header__description`
   }, pill && /*#__PURE__*/React.createElement(Pill, _extends({
     className: `${DetailedCardSectionItem.className}-header__pill`
-  }, pillProps), pill), description) : null), children);
+  }, pillProps), pill), typeof description === 'string' ? /*#__PURE__*/React.createElement(Text, null, description) : description) : null), children);
 });
-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 = {
+DetailedCardSectionItem.className = CLASSNAME$8;
+DetailedCardSectionItem.defaultProps = DEFAULT_PROPS$8;
+DetailedCardSectionItem.displayName = COMPONENT_NAME$8;
+
+const _excluded$7 = ["areAllCollapsed", "children", "className", "color", "defaultAllCollapsed", "icon", "isCollapsible", "onCollapseAll", "shield"];
+const COMPONENT_NAME$7 = 'DetailedCard';
+const CLASSNAME$7 = 'redsift-detailed-card';
+const DEFAULT_PROPS$7 = {
   isCollapsible: true,
   width: '400px'
 };
-const hasCollapsibleChildren = children => {
-  let hasCollapsible = false;
-  React.Children.map(children, child => {
+const hasMultipleCollapsibleChildren = children => {
+  const collapsibleChildren = [];
+  const childrenArray = React.Children.toArray(children);
+  for (const child of childrenArray) {
     if (isComponent(DetailedCardSection)(child)) {
       let hasCollapsibleItems = Boolean(child.isCollapsible);
-      React.Children.map(child.props.children, sectionChild => {
+      React.Children.forEach(child.props.children, sectionChild => {
         if (isComponent(DetailedCardCollapsibleSectionItems)(sectionChild)) {
           hasCollapsibleItems = true;
         }
       });
-      hasCollapsible = hasCollapsibleItems;
-    } else if (isComponent(DetailedCardCollapsibleSectionItems)(child)) {
-      hasCollapsible = true;
+      if (hasCollapsibleItems) {
+        collapsibleChildren.push(child);
+      }
     }
-  });
-  return hasCollapsible;
+  }
+  return collapsibleChildren.length > 1;
 };
 
 /**
@@ -4746,9 +4896,9 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
       onCollapseAll,
       shield
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$8);
+    forwardedProps = _objectWithoutProperties(props, _excluded$7);
   const stringFormatter = useLocalizedStringFormatter(intlMessages$1);
-  const isCollapsible = propsIsCollapsible && hasCollapsibleChildren(children);
+  const isCollapsible = propsIsCollapsible && hasMultipleCollapsibleChildren(children);
   const [allCollapsed, setAllCollapsed] = useState({
     state: propsAreAllCollapsed !== null && propsAreAllCollapsed !== void 0 ? propsAreAllCollapsed : defaultAllCollapsed
   });
@@ -4819,9 +4969,9 @@ const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
     return child;
   }));
 });
-BaseDetailedCard.className = CLASSNAME$8;
-BaseDetailedCard.defaultProps = DEFAULT_PROPS$8;
-BaseDetailedCard.displayName = COMPONENT_NAME$8;
+BaseDetailedCard.className = CLASSNAME$7;
+BaseDetailedCard.defaultProps = DEFAULT_PROPS$7;
+BaseDetailedCard.displayName = COMPONENT_NAME$7;
 const DetailedCard = Object.assign(BaseDetailedCard, {
   Header: DetailedCardHeader,
   Section: DetailedCardSection,
@@ -4853,10 +5003,10 @@ const StyledGridItem = styled.div`
   ${baseStyling}
 `;
 
-const _excluded$7 = ["children", "className"];
-const COMPONENT_NAME$7 = 'GridItem';
-const CLASSNAME$7 = 'redsift-grid-item';
-const DEFAULT_PROPS$7 = {};
+const _excluded$6 = ["children", "className"];
+const COMPONENT_NAME$6 = 'GridItem';
+const CLASSNAME$6 = 'redsift-grid-item';
+const DEFAULT_PROPS$6 = {};
 
 /**
  * The GridItem component.
@@ -4866,20 +5016,20 @@ const GridItem = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$7);
+    forwardedProps = _objectWithoutProperties(props, _excluded$6);
   return /*#__PURE__*/React.createElement(StyledGridItem, _extends({}, forwardedProps, {
     className: classNames(GridItem.className, className),
     ref: ref
   }), children);
 });
-GridItem.className = CLASSNAME$7;
-GridItem.defaultProps = DEFAULT_PROPS$7;
-GridItem.displayName = COMPONENT_NAME$7;
+GridItem.className = CLASSNAME$6;
+GridItem.defaultProps = DEFAULT_PROPS$6;
+GridItem.displayName = COMPONENT_NAME$6;
 
-const _excluded$6 = ["children", "className"];
-const COMPONENT_NAME$6 = 'Grid';
-const CLASSNAME$6 = 'redsift-grid';
-const DEFAULT_PROPS$6 = {};
+const _excluded$5 = ["children", "className"];
+const COMPONENT_NAME$5 = 'Grid';
+const CLASSNAME$5 = 'redsift-grid';
+const DEFAULT_PROPS$5 = {};
 
 /**
  * The Grid component.
@@ -4889,15 +5039,15 @@ const BaseGrid = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$6);
+    forwardedProps = _objectWithoutProperties(props, _excluded$5);
   return /*#__PURE__*/React.createElement(StyledGrid, _extends({}, forwardedProps, {
     className: classNames(BaseGrid.className, className),
     ref: ref
   }), children);
 });
-BaseGrid.className = CLASSNAME$6;
-BaseGrid.defaultProps = DEFAULT_PROPS$6;
-BaseGrid.displayName = COMPONENT_NAME$6;
+BaseGrid.className = CLASSNAME$5;
+BaseGrid.defaultProps = DEFAULT_PROPS$5;
+BaseGrid.displayName = COMPONENT_NAME$5;
 const Grid = Object.assign(BaseGrid, {
   Item: GridItem
 });
@@ -4942,10 +5092,10 @@ const StyledLink = styled.a`
   }
 `;
 
-const _excluded$5 = ["children", "className", "href", "isDisabled"];
-const COMPONENT_NAME$5 = 'Link';
-const CLASSNAME$5 = 'redsift-link';
-const DEFAULT_PROPS$5 = {};
+const _excluded$4 = ["children", "className", "href", "isDisabled"];
+const COMPONENT_NAME$4 = 'Link';
+const CLASSNAME$4 = 'redsift-link';
+const DEFAULT_PROPS$4 = {};
 
 /**
  * The Link is a semantic link that looks like a link.
@@ -4962,7 +5112,7 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
       href,
       isDisabled
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$5);
+    forwardedProps = _objectWithoutProperties(props, _excluded$4);
   return /*#__PURE__*/React.createElement(StyledLink, _extends({
     "aria-disabled": isDisabled,
     role: "link",
@@ -4974,14 +5124,14 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }), children);
 });
-Link.className = CLASSNAME$5;
-Link.defaultProps = DEFAULT_PROPS$5;
-Link.displayName = COMPONENT_NAME$5;
+Link.className = CLASSNAME$4;
+Link.defaultProps = DEFAULT_PROPS$4;
+Link.displayName = COMPONENT_NAME$4;
 
-const _excluded$4 = ["children", "className", "disabled", "isDisabled", "onPress"];
-const COMPONENT_NAME$4 = 'LinkButton';
-const CLASSNAME$4 = 'redsift-link-button';
-const DEFAULT_PROPS$4 = {};
+const _excluded$3 = ["children", "className", "disabled", "isDisabled", "onPress"];
+const COMPONENT_NAME$3 = 'LinkButton';
+const CLASSNAME$3 = 'redsift-link-button';
+const DEFAULT_PROPS$3 = {};
 
 /**
  * The LinkButton is a semantic button that looks like a link.
@@ -5006,7 +5156,7 @@ const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       onPress
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$4);
+    forwardedProps = _objectWithoutProperties(props, _excluded$3);
   return /*#__PURE__*/React.createElement(StyledLink, _extends({
     as: "button"
   }, forwardedProps, buttonProps, {
@@ -5019,119 +5169,9 @@ const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
     ref: buttonRef
   }), children);
 });
-LinkButton.className = CLASSNAME$4;
-LinkButton.defaultProps = DEFAULT_PROPS$4;
-LinkButton.displayName = COMPONENT_NAME$4;
-
-/**
- * Component variant.
- */
-const TextVariant = {
-  body: 'body',
-  button: 'button',
-  caption: 'caption',
-  inherit: 'inherit',
-  subtitle1: 'subtitle1'
-};
-const TextComponent = {
-  p: 'p',
-  b: 'b',
-  i: 'i',
-  u: 'u',
-  abbr: 'abbr',
-  cite: 'cite',
-  del: 'del',
-  em: 'em',
-  ins: 'ins',
-  kbd: 'kbd',
-  mark: 'mark',
-  s: 's',
-  samp: 'samp',
-  sub: 'sub',
-  sup: 'sup'
-};
-
-/**
- * Component style.
- */
-const StyledText = styled.span`
-  ${baseStyling}
-
-  ${_ref => {
-  let {
-    $color
-  } = _ref;
-  return $color && [...Object.keys(ColorPalette), ...Object.keys(ProductColorPalette)].indexOf($color) !== -1 ? css`
-          color: var(--redsift-color-${$color}-primary);
-        ` : Object.keys(NeutralColorPalette).indexOf($color) !== -1 ? css`
-          color: var(--redsift-color-neutral-${$color});
-        ` : css`
-          color: ${$color || css`inherit`};
-        `;
-}}
-
-  ${_ref2 => {
-  let {
-    $as
-  } = _ref2;
-  return css`
-    ${$as === TextComponent.i || $as === TextComponent.cite || $as === TextComponent.em ? css`
-          font-style: italic;
-        ` : $as === TextComponent.sub ? css`
-          vertical-align: sub;
-        ` : $as === TextComponent.sup ? css`
-          vertical-align: super;
-        ` : ''}
-  `;
-}}
-
-  ${_ref3 => {
-  let {
-    $as,
-    $fontFamily,
-    $fontSize,
-    $variant
-  } = _ref3;
-  return !$variant ? css`
-          ${$fontFamily ? css`
-                font-family: ${$fontFamily};
-              ` : ''}
-          ${$fontSize ? css`
-                font-size: ${$fontSize};
-              ` : ''}
-          ${$as === TextComponent.b ? css`
-                font-weight: bold;
-              ` : $as === TextComponent.sup || $as === TextComponent.sub ? css`
-                font-size: ${$fontSize ? $fontSize : '12px'};
-              ` : ''}
-        ` : $variant === TextVariant.inherit ? css`
-          font-family: ${$fontFamily ? $fontFamily : css`inherit`};
-          font-size: ${$fontSize ? $fontSize : $as === TextComponent.sup || $as === TextComponent.sub ? '12px' : css`inherit`};
-          font-weight: ${$as === TextComponent.b ? 'bold' : 'inherit'};
-          line-height: inherit;
-          text-transform: inherit;
-        ` : css`
-          font-family: ${$fontFamily ? $fontFamily : css`var(--redsift-typography-${$variant}-font-family)`};
-          font-size: ${$fontSize ? $fontSize : css`var(--redsift-typography-${$variant}-font-size)`};
-          font-weight: var(--redsift-typography-${$variant}-font-weight);
-          line-height: var(--redsift-typography-${$variant}-line-height);
-          text-transform: var(--redsift-typography-${$variant}-text-transform);
-        `;
-}}
-  
-  ${_ref4 => {
-  let {
-    $noWrap
-  } = _ref4;
-  return $noWrap ? css`
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-        ` : css`
-          word-break: break-word;
-        `;
-}}
-`;
+LinkButton.className = CLASSNAME$3;
+LinkButton.defaultProps = DEFAULT_PROPS$3;
+LinkButton.displayName = COMPONENT_NAME$3;
 
 /**
  * Component style.
@@ -5140,10 +5180,10 @@ const StyledNumber = styled(StyledText)`
   font-family: var(--redsift-typography-font-family-source-code-pro);
 `;
 
-const _excluded$3 = ["as", "className", "color", "compactDisplay", "currency", "currencyDisplay", "currencySign", "fontSize", "localeMatcher", "maximumFractionDigits", "maximumSignificantDigits", "minimumFractionDigits", "minimumIntegerDigits", "minimumSignificantDigits", "notation", "noWrap", "numberingSystem", "roundingIncrement", "roundingMode", "roundingPriority", "signDisplay", "trailingZeroDisplay", "type", "unit", "unitDisplay", "useGrouping", "value", "variant"];
-const COMPONENT_NAME$3 = 'Number';
-const CLASSNAME$3 = 'redsift-number';
-const DEFAULT_PROPS$3 = {
+const _excluded$2 = ["as", "className", "color", "compactDisplay", "currency", "currencyDisplay", "currencySign", "fontSize", "localeMatcher", "maximumFractionDigits", "maximumSignificantDigits", "minimumFractionDigits", "minimumIntegerDigits", "minimumSignificantDigits", "notation", "noWrap", "numberingSystem", "roundingIncrement", "roundingMode", "roundingPriority", "signDisplay", "trailingZeroDisplay", "type", "unit", "unitDisplay", "useGrouping", "value", "variant"];
+const COMPONENT_NAME$2 = 'Number';
+const CLASSNAME$2 = 'redsift-number';
+const DEFAULT_PROPS$2 = {
   compactDisplay: 'short',
   currencyDisplay: 'symbol',
   currencySign: 'standard',
@@ -5195,7 +5235,7 @@ const Number$1 = /*#__PURE__*/forwardRef((props, ref) => {
       value,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$3);
+    forwardedProps = _objectWithoutProperties(props, _excluded$2);
   const formatter = useNumberFormatter({
     compactDisplay,
     currency,
@@ -5235,9 +5275,9 @@ const Number$1 = /*#__PURE__*/forwardRef((props, ref) => {
     $variant: variant
   }), formatter.format(value));
 });
-Number$1.className = CLASSNAME$3;
-Number$1.defaultProps = DEFAULT_PROPS$3;
-Number$1.displayName = COMPONENT_NAME$3;
+Number$1.className = CLASSNAME$2;
+Number$1.defaultProps = DEFAULT_PROPS$2;
+Number$1.displayName = COMPONENT_NAME$2;
 
 /**
  * Context props.
@@ -5331,10 +5371,10 @@ const StyledRadioGroup = styled.div`
   }
 `;
 
-const _excluded$2 = ["children", "className", "defaultValue", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "possibleValues", "value"];
-const COMPONENT_NAME$2 = 'RadioGroup';
-const CLASSNAME$2 = 'redsift-radio-group';
-const DEFAULT_PROPS$2 = {
+const _excluded$1 = ["children", "className", "defaultValue", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "possibleValues", "value"];
+const COMPONENT_NAME$1 = 'RadioGroup';
+const CLASSNAME$1 = 'redsift-radio-group';
+const DEFAULT_PROPS$1 = {
   color: ColorPalette.default,
   orientation: RadioGroupOrientation.vertical
 };
@@ -5359,7 +5399,7 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
       possibleValues,
       value
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$2);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1);
   const [selectedValue, setValue] = useState(value || defaultValue || '');
   useEffect(() => {
     if (value) {
@@ -5401,9 +5441,9 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${RadioGroup.className}-description`
   }, description));
 });
-RadioGroup.className = CLASSNAME$2;
-RadioGroup.defaultProps = DEFAULT_PROPS$2;
-RadioGroup.displayName = COMPONENT_NAME$2;
+RadioGroup.className = CLASSNAME$1;
+RadioGroup.defaultProps = DEFAULT_PROPS$1;
+RadioGroup.displayName = COMPONENT_NAME$1;
 
 /**
  * Component style.
@@ -5526,10 +5566,10 @@ const StyledRadio = styled.label`
 }}
 `;
 
-const _excluded$1 = ["aria-label", "aria-labelledby", "autoFocus", "children", "className", "defaultSelected", "inputProps", "inputRef", "isColored", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "isSelected", "name", "onChange", "value"];
-const COMPONENT_NAME$1 = 'Radio';
-const CLASSNAME$1 = 'redsift-radio';
-const DEFAULT_PROPS$1 = {
+const _excluded = ["aria-label", "aria-labelledby", "autoFocus", "children", "className", "defaultSelected", "inputProps", "inputRef", "isColored", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "isSelected", "name", "onChange", "value"];
+const COMPONENT_NAME = 'Radio';
+const CLASSNAME = 'redsift-radio';
+const DEFAULT_PROPS = {
   isColored: true
 };
 
@@ -5560,7 +5600,7 @@ const Radio = /*#__PURE__*/forwardRef((props, ref) => {
       onChange,
       value
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1);
+    forwardedProps = _objectWithoutProperties(props, _excluded);
   const {
     isFocusVisible,
     focusProps
@@ -5634,48 +5674,9 @@ const Radio = /*#__PURE__*/forwardRef((props, ref) => {
     className: "label"
   }, children) : null);
 });
-Radio.className = CLASSNAME$1;
-Radio.defaultProps = DEFAULT_PROPS$1;
-Radio.displayName = COMPONENT_NAME$1;
-
-const _excluded = ["as", "children", "className", "color", "fontFamily", "fontSize", "noWrap", "variant"];
-const COMPONENT_NAME = 'Text';
-const CLASSNAME = 'redsift-text';
-const DEFAULT_PROPS = {
-  fontFamily: FontFamily.raleway
-};
-
-/**
- * The Text component.
- */
-const Text = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      as,
-      children,
-      className,
-      color,
-      fontFamily,
-      fontSize,
-      noWrap,
-      variant
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(StyledText, _extends({
-    as: as
-  }, forwardedProps, {
-    className: classNames(Text.className, className),
-    ref: ref,
-    $as: as,
-    $color: color,
-    $fontFamily: fontFamily,
-    $fontSize: fontSize,
-    $noWrap: noWrap,
-    $variant: variant
-  }), children);
-});
-Text.className = CLASSNAME;
-Text.defaultProps = DEFAULT_PROPS;
-Text.displayName = COMPONENT_NAME;
+Radio.className = CLASSNAME;
+Radio.defaultProps = DEFAULT_PROPS;
+Radio.displayName = COMPONENT_NAME;
 
 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