@7shifts/sous-chef 3.83.3 → 3.85.0

package/dist/index.modern.js

@@ -191,7 +191,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   return t;
 }
 
-var styles$1n = {"flex":"_GFHBy","flex__item":"_TOxU5","flex__item--flexible":"_oppLW","align-center":"_bC2qU","align-end":"_9qCMz","align-start":"_06gN4","justify-center":"_9gxO4","justify-end":"_33FAJ","justify-space-between":"_lg-h2","justify-start":"_xjZcn","inline-flex":"_3yyLA"};
+var styles$1o = {"flex":"_GFHBy","flex__item":"_TOxU5","flex__item--flexible":"_oppLW","align-center":"_bC2qU","align-end":"_9qCMz","align-start":"_06gN4","justify-center":"_9gxO4","justify-end":"_33FAJ","justify-space-between":"_lg-h2","justify-start":"_xjZcn","inline-flex":"_3yyLA"};
 
 const usePositionStyles = ({
   m,
@@ -229,7 +229,7 @@ const capitalizeFirstLetter = text => {
 };
 const kebabize = str => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? '-' : '') + $.toLowerCase());
 
-const _excluded$30 = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
+const _excluded$31 = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
 const getPositionProps = _ref => {
   let {
       m,
@@ -243,7 +243,7 @@ const getPositionProps = _ref => {
       ml,
       marginLeft
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$30);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$31);
   return {
     positionProps: {
       m,
@@ -279,7 +279,7 @@ const getDataProps = (props, config) => {
   });
 };
 
-const _excluded$2$ = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "flexGrow", "testId", "extraClass"];
+const _excluded$30 = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "flexGrow", "testId", "extraClass"];
 /**
  * Flex is a internal component used by Stack and Inline. DON'T use this component outside of Sous Chef
  */
@@ -298,7 +298,7 @@ const Flex = _ref => {
       testId,
       extraClass
     } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2$);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$30);
   const {
     positionProps,
     otherProps
@@ -307,15 +307,15 @@ const Flex = _ref => {
     dataProps
   } = getDataProps(otherProps);
   const positionStyles = usePositionStyles(positionProps);
-  const className = classnames(styles$1n['flex'], extraClass, {
-    [styles$1n['align-start']]: alignItems === 'flex-start',
-    [styles$1n['align-end']]: alignItems === 'flex-end',
-    [styles$1n['align-center']]: alignItems === 'center',
-    [styles$1n['justify-start']]: justifyContent === 'start',
-    [styles$1n['justify-end']]: justifyContent === 'end',
-    [styles$1n['justify-center']]: justifyContent === 'center',
-    [styles$1n['justify-space-between']]: justifyContent === 'space-between',
-    [styles$1n['inline-flex']]: inlineFlex
+  const className = classnames(styles$1o['flex'], extraClass, {
+    [styles$1o['align-start']]: alignItems === 'flex-start',
+    [styles$1o['align-end']]: alignItems === 'flex-end',
+    [styles$1o['align-center']]: alignItems === 'center',
+    [styles$1o['justify-start']]: justifyContent === 'start',
+    [styles$1o['justify-end']]: justifyContent === 'end',
+    [styles$1o['justify-center']]: justifyContent === 'center',
+    [styles$1o['justify-space-between']]: justifyContent === 'space-between',
+    [styles$1o['inline-flex']]: inlineFlex
   });
   const items = React__default.Children.toArray(children).filter(Boolean);
   const gap = typeof space === 'object' ? `${space.row}px ${space.column}px` : space;
@@ -330,8 +330,8 @@ const Flex = _ref => {
     "data-testid": testId
   }, dataProps), items.map((child, i) => React__default.createElement("div", {
     key: i,
-    className: classnames(styles$1n['flex__item'], {
-      [styles$1n['flex__item--flexible']]: flexItems
+    className: classnames(styles$1o['flex__item'], {
+      [styles$1o['flex__item--flexible']]: flexItems
     }),
     style: {
       flex: flex ? flex[i] || '0 1 auto' : '0 1 auto'
@@ -339,7 +339,7 @@ const Flex = _ref => {
   }, child)));
 };
 
-const _excluded$2_ = ["alignItems"];
+const _excluded$2$ = ["alignItems"];
 /**
  * Layout component to easily stack elements up in a column.
  */
@@ -347,16 +347,16 @@ const Stack = _ref => {
   let {
       alignItems = 'stretch'
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2$);
   return React.createElement(Flex, _extends({}, props, {
     alignItems: alignItems,
     direction: "column"
   }));
 };
 
-var styles$1m = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
+var styles$1n = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
 
-const _excluded$2Z = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
+const _excluded$2_ = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
 /**
  * Used when you want to allow the user to turn some information ON and OFF.
  *
@@ -372,14 +372,14 @@ const Toggle = _ref => {
       id,
       testId
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2Z);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2_);
   const {
     dataProps
   } = getDataProps(otherProps);
   return React__default.createElement(Stack, {
     space: 8
   }, React__default.createElement("label", _extends({}, dataProps, {
-    className: styles$1m['toggle']
+    className: styles$1n['toggle']
   }), React__default.createElement("input", {
     type: "checkbox",
     checked: checked,
@@ -388,11 +388,11 @@ const Toggle = _ref => {
     id: id,
     "data-testid": testId
   }), React__default.createElement("span", {
-    className: styles$1m['toggle__switch']
+    className: styles$1n['toggle__switch']
   }), label && React__default.createElement("span", {
-    className: styles$1m['toggle__label']
+    className: styles$1n['toggle__label']
   }, label)), caption && React__default.createElement("span", {
-    className: styles$1m['toggle__caption']
+    className: styles$1n['toggle__caption']
   }, caption));
 };
 
@@ -410,7 +410,7 @@ const SPINNER_THEMES = {
   PRIDE: 'pride'
 };
 
-var styles$1l = {"spinner":"_memxT","rotator":"_QieGp","spinner--block":"_VoFzz","path":"_KSRP9","dash":"_RyBY2","path--mint":"_-sIZJ","path--disabled":"_3fox0","path--contrast":"_VteKz","path--pride":"_7rzsv"};
+var styles$1m = {"spinner":"_memxT","rotator":"_QieGp","spinner--block":"_VoFzz","path":"_KSRP9","dash":"_RyBY2","path--mint":"_-sIZJ","path--disabled":"_3fox0","path--contrast":"_VteKz","path--pride":"_7rzsv"};
 
 const Spinner = ({
   size: _size = 28,
@@ -420,10 +420,10 @@ const Spinner = ({
 }) => {
   return React__default.createElement("div", {
     className: classnames({
-      [styles$1l['spinner--block']]: _block
+      [styles$1m['spinner--block']]: _block
     })
   }, React__default.createElement("svg", {
-    className: styles$1l['spinner'],
+    className: styles$1m['spinner'],
     xmlns: "http://www.w3.org/2000/svg",
     width: _size,
     height: _size,
@@ -498,7 +498,7 @@ const Spinner = ({
     offset: "1",
     stopColor: "#760088"
   }))), React__default.createElement("circle", {
-    className: classnames(styles$1l['path'], styles$1l[`path--${_theme}`]),
+    className: classnames(styles$1m['path'], styles$1m[`path--${_theme}`]),
     fill: "none",
     strokeWidth: "6",
     strokeLinecap: "round",
@@ -508,9 +508,9 @@ const Spinner = ({
   })));
 };
 
-var styles$1k = {"tooltip":"_Ydu2O"};
+var styles$1l = {"tooltip":"_Ydu2O"};
 
-var styles$1j = {"tooltip-overlay":"_7fQon","tooltip-overlay--visible":"_a-BND","tooltip-overlay--black-theme":"_UUdng","tooltip-overlay--white-theme":"_brSNX","tooltip-overlay__header":"_uP8x7","tooltip-overlay-arrow":"_MjV6R","tooltip-overlay-arrow--top":"_TQqwB","tooltip-overlay-arrow--bottom":"_pgdKl","tooltip-overlay-arrow--visible":"_Zob-W","tooltip-overlay-arrow--black-theme":"_FXaBf","tooltip-overlay-arrow--white-theme":"_FyPu8"};
+var styles$1k = {"tooltip-overlay":"_7fQon","tooltip-overlay--visible":"_a-BND","tooltip-overlay--black-theme":"_UUdng","tooltip-overlay--white-theme":"_brSNX","tooltip-overlay__header":"_uP8x7","tooltip-overlay-arrow":"_MjV6R","tooltip-overlay-arrow--top":"_TQqwB","tooltip-overlay-arrow--bottom":"_pgdKl","tooltip-overlay-arrow--visible":"_Zob-W","tooltip-overlay-arrow--black-theme":"_FXaBf","tooltip-overlay-arrow--white-theme":"_FyPu8"};
 
 const TOOLTIP_THEME = {
   BLACK: 'black',
@@ -704,24 +704,24 @@ const TooltipOverlay = ({
       maxHeight,
       zIndex: getZIndex('tooltip')
     }),
-    className: classnames(styles$1j['tooltip-overlay'], extraClass, {
-      [styles$1j['tooltip-overlay--visible']]: isVisible,
-      [styles$1j['tooltip-overlay--black-theme']]: theme === TOOLTIP_THEME.BLACK,
-      [styles$1j['tooltip-overlay--white-theme']]: theme === TOOLTIP_THEME.WHITE
+    className: classnames(styles$1k['tooltip-overlay'], extraClass, {
+      [styles$1k['tooltip-overlay--visible']]: isVisible,
+      [styles$1k['tooltip-overlay--black-theme']]: theme === TOOLTIP_THEME.BLACK,
+      [styles$1k['tooltip-overlay--white-theme']]: theme === TOOLTIP_THEME.WHITE
     }),
     onMouseEnter: onFocusIn,
     onMouseLeave: onFocusOut
   }, React__default.createElement(Stack, {
     space: 8
   }, header && React__default.createElement("div", {
-    className: styles$1j['tooltip-overlay__header']
+    className: styles$1k['tooltip-overlay__header']
   }, header), children)), React__default.createElement("div", {
-    className: classnames(styles$1j['tooltip-overlay-arrow'], extraClass, {
-      [styles$1j['tooltip-overlay-arrow--visible']]: isVisible,
-      [styles$1j['tooltip-overlay-arrow--top']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP,
-      [styles$1j['tooltip-overlay-arrow--bottom']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM,
-      [styles$1j['tooltip-overlay-arrow--black-theme']]: theme === TOOLTIP_THEME.BLACK,
-      [styles$1j['tooltip-overlay-arrow--white-theme']]: theme === TOOLTIP_THEME.WHITE
+    className: classnames(styles$1k['tooltip-overlay-arrow'], extraClass, {
+      [styles$1k['tooltip-overlay-arrow--visible']]: isVisible,
+      [styles$1k['tooltip-overlay-arrow--top']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP,
+      [styles$1k['tooltip-overlay-arrow--bottom']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM,
+      [styles$1k['tooltip-overlay-arrow--black-theme']]: theme === TOOLTIP_THEME.BLACK,
+      [styles$1k['tooltip-overlay-arrow--white-theme']]: theme === TOOLTIP_THEME.WHITE
     }),
     style: _extends({}, position.arrow, {
       zIndex: getZIndex('tooltip')
@@ -833,7 +833,7 @@ const TooltipElement = ({
     }), overlayElement);
   }
   return React__default.createElement("div", _extends({
-    className: classnames(styles$1k['tooltip'])
+    className: classnames(styles$1l['tooltip'])
   }, commonProps, {
     ref: containerRef
   }), children, overlayElement);
@@ -843,7 +843,7 @@ const isTooltipCompatible = element => {
   return React__default.isValidElement(element) && typeof element.type === 'string';
 };
 
-var styles$1i = {"button":"_pgOR3","button--loading":"_2yB9-","button__spinner":"_ppC-S","button--size-min-width-100":"_GtXOQ","button--size-full-width":"_Y-OxO","button--icon-only":"_3EfuT","button--default":"_ICNz7","button--primary":"_XwJWT","button--danger":"_gr3Dh","button--upsell":"_ME8te","button--marketing":"_mI-Dx","button--hollow":"_orywo","button--hollow-contrast":"_obtsl","button--link-contrast":"_00jK4","button--link-primary":"_JPwJ7","button--link-danger":"_9TprN","button--link-upsell":"_tktX-","button--link-toolbar":"_r3SQl","button--link-icon":"_oFBLN","disabled-button-wrapper":"_yTBTz"};
+var styles$1j = {"button":"_pgOR3","button--loading":"_2yB9-","button__spinner":"_ppC-S","button--size-min-width-100":"_GtXOQ","button--size-full-width":"_Y-OxO","button--icon-only":"_3EfuT","button--default":"_ICNz7","button--primary":"_XwJWT","button--danger":"_gr3Dh","button--upsell":"_ME8te","button--marketing":"_mI-Dx","button--hollow":"_orywo","button--hollow-contrast":"_obtsl","button--link-contrast":"_00jK4","button--link-primary":"_JPwJ7","button--link-danger":"_9TprN","button--link-upsell":"_tktX-","button--link-toolbar":"_r3SQl","button--link-icon":"_oFBLN","disabled-button-wrapper":"_yTBTz"};
 
 const BUTTON_SIZES = {
   FULL_WIDTH: 'full-width',
@@ -897,7 +897,7 @@ const COMPONENT_NAMES = {
   BUTTON: 'BUTTON'
 };
 
-const _excluded$2Y = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
+const _excluded$2Z = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
   _excluded2 = ["id", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "className", "type", "disabled", "href", "target", "children", "position", "dataProps"];
 const ButtonComponent = (_ref, ref) => {
   let {
@@ -919,7 +919,7 @@ const ButtonComponent = (_ref, ref) => {
       testId,
       size
     } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2Y);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2Z);
   const {
     positionProps,
     otherProps
@@ -938,24 +938,24 @@ const ButtonComponent = (_ref, ref) => {
     onBlur: onBlur,
     onFocus: onFocus,
     onKeyDown: onKeyDown,
-    className: classnames(styles$1i['button'], {
-      [styles$1i['button--default']]: theme === BUTTON_THEMES.DEFAULT,
-      [styles$1i['button--primary']]: theme === BUTTON_THEMES.PRIMARY,
-      [styles$1i['button--danger']]: theme === BUTTON_THEMES.DANGER,
-      [styles$1i['button--upsell']]: theme === BUTTON_THEMES.UPSELL,
-      [styles$1i['button--marketing']]: theme === BUTTON_THEMES.MARKETING,
-      [styles$1i['button--hollow']]: theme === BUTTON_THEMES.HOLLOW,
-      [styles$1i['button--hollow-contrast']]: theme === BUTTON_THEMES.HOLLOW_CONTRAST,
-      [styles$1i['button--link-primary']]: theme === BUTTON_THEMES.LINK_PRIMARY,
-      [styles$1i['button--link-danger']]: theme === BUTTON_THEMES.LINK_DANGER,
-      [styles$1i['button--link-upsell']]: theme === BUTTON_THEMES.LINK_UPSELL,
-      [styles$1i['button--link-toolbar']]: theme === BUTTON_THEMES.LINK_TOOLBAR,
-      [styles$1i['button--link-contrast']]: theme === BUTTON_THEMES.LINK_CONTRAST,
-      [styles$1i['button--link-icon']]: theme === BUTTON_THEMES.LINK_ICON,
-      [styles$1i['button--loading']]: loading,
-      [styles$1i['button--icon-only']]: isIconOnly,
-      [styles$1i['button--size-min-width-100']]: size === BUTTON_SIZES.MIN_WIDTH_100,
-      [styles$1i['button--size-full-width']]: size === BUTTON_SIZES.FULL_WIDTH
+    className: classnames(styles$1j['button'], {
+      [styles$1j['button--default']]: theme === BUTTON_THEMES.DEFAULT,
+      [styles$1j['button--primary']]: theme === BUTTON_THEMES.PRIMARY,
+      [styles$1j['button--danger']]: theme === BUTTON_THEMES.DANGER,
+      [styles$1j['button--upsell']]: theme === BUTTON_THEMES.UPSELL,
+      [styles$1j['button--marketing']]: theme === BUTTON_THEMES.MARKETING,
+      [styles$1j['button--hollow']]: theme === BUTTON_THEMES.HOLLOW,
+      [styles$1j['button--hollow-contrast']]: theme === BUTTON_THEMES.HOLLOW_CONTRAST,
+      [styles$1j['button--link-primary']]: theme === BUTTON_THEMES.LINK_PRIMARY,
+      [styles$1j['button--link-danger']]: theme === BUTTON_THEMES.LINK_DANGER,
+      [styles$1j['button--link-upsell']]: theme === BUTTON_THEMES.LINK_UPSELL,
+      [styles$1j['button--link-toolbar']]: theme === BUTTON_THEMES.LINK_TOOLBAR,
+      [styles$1j['button--link-contrast']]: theme === BUTTON_THEMES.LINK_CONTRAST,
+      [styles$1j['button--link-icon']]: theme === BUTTON_THEMES.LINK_ICON,
+      [styles$1j['button--loading']]: loading,
+      [styles$1j['button--icon-only']]: isIconOnly,
+      [styles$1j['button--size-min-width-100']]: size === BUTTON_SIZES.MIN_WIDTH_100,
+      [styles$1j['button--size-full-width']]: size === BUTTON_SIZES.FULL_WIDTH
     }),
     type: type,
     disabled: disabled || loading,
@@ -969,7 +969,7 @@ const ButtonComponent = (_ref, ref) => {
     space: 8,
     alignItems: "center"
   }, children), loading && React__default.createElement("div", {
-    className: styles$1i['button__spinner']
+    className: styles$1j['button__spinner']
   }, React__default.createElement(Spinner, {
     theme: contrastSpinner.includes(theme) ? SPINNER_THEMES.CONTRAST : SPINNER_THEMES.DISABLED
   })));
@@ -979,7 +979,7 @@ const ButtonComponent = (_ref, ref) => {
       overlay: title,
       ref: ref
     }, title && disabled ? React__default.createElement("div", {
-      className: styles$1i['disabled-button-wrapper']
+      className: styles$1j['disabled-button-wrapper']
     }, ButtonElementResult) : ButtonElementResult)
   );
 };
@@ -1062,7 +1062,7 @@ const useIsInsideComponent = parentComponentName => {
   return componentName === parentComponentName;
 };
 
-const _excluded$2X = ["testId", "size", "color", "style"];
+const _excluded$2Y = ["testId", "size", "color", "style"];
 const IconInfoCircle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-info-circle',
@@ -1070,7 +1070,7 @@ const IconInfoCircle = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2X);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2Y);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1093,7 +1093,7 @@ const IconInfoCircle = forwardRef((_ref, ref) => {
 });
 IconInfoCircle.displayName = 'IconInfoCircle';
 
-const _excluded$2W = ["testId", "size", "color", "style"];
+const _excluded$2X = ["testId", "size", "color", "style"];
 const IconAnalytics = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-analytics',
@@ -1101,7 +1101,7 @@ const IconAnalytics = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2W);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2X);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1124,7 +1124,7 @@ const IconAnalytics = forwardRef((_ref, ref) => {
 });
 IconAnalytics.displayName = 'IconAnalytics';
 
-const _excluded$2V = ["testId", "size", "color", "style"];
+const _excluded$2W = ["testId", "size", "color", "style"];
 const IconArrowDownWideShort = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-down-wide-short',
@@ -1132,7 +1132,7 @@ const IconArrowDownWideShort = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2V);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2W);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1153,7 +1153,7 @@ const IconArrowDownWideShort = forwardRef((_ref, ref) => {
 });
 IconArrowDownWideShort.displayName = 'IconArrowDownWideShort';
 
-const _excluded$2U = ["testId", "size", "color", "style"];
+const _excluded$2V = ["testId", "size", "color", "style"];
 const IconArrowDown = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-down',
@@ -1161,7 +1161,7 @@ const IconArrowDown = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2U);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2V);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1184,7 +1184,7 @@ const IconArrowDown = forwardRef((_ref, ref) => {
 });
 IconArrowDown.displayName = 'IconArrowDown';
 
-const _excluded$2T = ["testId", "size", "color", "style"];
+const _excluded$2U = ["testId", "size", "color", "style"];
 const IconArrowLeft = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-left',
@@ -1192,7 +1192,7 @@ const IconArrowLeft = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2T);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2U);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1215,7 +1215,7 @@ const IconArrowLeft = forwardRef((_ref, ref) => {
 });
 IconArrowLeft.displayName = 'IconArrowLeft';
 
-const _excluded$2S = ["testId", "size", "color", "style"];
+const _excluded$2T = ["testId", "size", "color", "style"];
 const IconArrowRight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-right',
@@ -1223,7 +1223,7 @@ const IconArrowRight = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2S);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2T);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1246,7 +1246,7 @@ const IconArrowRight = forwardRef((_ref, ref) => {
 });
 IconArrowRight.displayName = 'IconArrowRight';
 
-const _excluded$2R = ["testId", "size", "color", "style"];
+const _excluded$2S = ["testId", "size", "color", "style"];
 const IconArrowToTop = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-to-top',
@@ -1254,7 +1254,7 @@ const IconArrowToTop = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2R);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2S);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1275,7 +1275,7 @@ const IconArrowToTop = forwardRef((_ref, ref) => {
 });
 IconArrowToTop.displayName = 'IconArrowToTop';
 
-const _excluded$2Q = ["testId", "size", "color", "style"];
+const _excluded$2R = ["testId", "size", "color", "style"];
 const IconArrowTurnDownRight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-turn-down-right',
@@ -1283,7 +1283,7 @@ const IconArrowTurnDownRight = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2Q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2R);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1312,7 +1312,7 @@ const IconArrowTurnDownRight = forwardRef((_ref, ref) => {
 });
 IconArrowTurnDownRight.displayName = 'IconArrowTurnDownRight';
 
-const _excluded$2P = ["testId", "size", "color", "style"];
+const _excluded$2Q = ["testId", "size", "color", "style"];
 const IconArrowUp = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-up',
@@ -1320,7 +1320,7 @@ const IconArrowUp = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2P);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2Q);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1343,7 +1343,7 @@ const IconArrowUp = forwardRef((_ref, ref) => {
 });
 IconArrowUp.displayName = 'IconArrowUp';
 
-const _excluded$2O = ["testId", "size", "color", "style"];
+const _excluded$2P = ["testId", "size", "color", "style"];
 const IconAward = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-award',
@@ -1351,7 +1351,7 @@ const IconAward = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2O);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2P);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1374,7 +1374,7 @@ const IconAward = forwardRef((_ref, ref) => {
 });
 IconAward.displayName = 'IconAward';
 
-const _excluded$2N = ["testId", "size", "color", "style"];
+const _excluded$2O = ["testId", "size", "color", "style"];
 const IconAwfulMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-awful-monochromatic',
@@ -1382,7 +1382,7 @@ const IconAwfulMonochromatic = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2O);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1435,7 +1435,7 @@ const IconAwfulMonochromatic = forwardRef((_ref, ref) => {
 });
 IconAwfulMonochromatic.displayName = 'IconAwfulMonochromatic';
 
-const _excluded$2M = ["testId", "size", "color", "style"];
+const _excluded$2N = ["testId", "size", "color", "style"];
 const IconAwful = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-awful',
@@ -1443,7 +1443,7 @@ const IconAwful = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2M);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2N);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1484,7 +1484,7 @@ const IconAwful = forwardRef((_ref, ref) => {
 });
 IconAwful.displayName = 'IconAwful';
 
-const _excluded$2L = ["testId", "size", "color", "style"];
+const _excluded$2M = ["testId", "size", "color", "style"];
 const IconBadMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bad-monochromatic',
@@ -1492,7 +1492,7 @@ const IconBadMonochromatic = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2L);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2M);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1531,7 +1531,7 @@ const IconBadMonochromatic = forwardRef((_ref, ref) => {
 });
 IconBadMonochromatic.displayName = 'IconBadMonochromatic';
 
-const _excluded$2K = ["testId", "size", "color", "style"];
+const _excluded$2L = ["testId", "size", "color", "style"];
 const IconBad = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bad',
@@ -1539,7 +1539,7 @@ const IconBad = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2L);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1566,7 +1566,7 @@ const IconBad = forwardRef((_ref, ref) => {
 });
 IconBad.displayName = 'IconBad';
 
-const _excluded$2J = ["testId", "size", "color", "style"];
+const _excluded$2K = ["testId", "size", "color", "style"];
 const IconBalanceScaleLeft = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-balance-scale-left',
@@ -1574,7 +1574,7 @@ const IconBalanceScaleLeft = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1602,7 +1602,7 @@ const IconBalanceScaleLeft = forwardRef((_ref, ref) => {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
 
-const _excluded$2I = ["testId", "size", "color", "style"];
+const _excluded$2J = ["testId", "size", "color", "style"];
 const IconBalanceScale = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-balance-scale',
@@ -1610,7 +1610,7 @@ const IconBalanceScale = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1638,7 +1638,7 @@ const IconBalanceScale = forwardRef((_ref, ref) => {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
 
-const _excluded$2H = ["testId", "size", "color", "style"];
+const _excluded$2I = ["testId", "size", "color", "style"];
 const IconBan = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-ban',
@@ -1646,7 +1646,7 @@ const IconBan = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1667,7 +1667,7 @@ const IconBan = forwardRef((_ref, ref) => {
 });
 IconBan.displayName = 'IconBan';
 
-const _excluded$2G = ["testId", "size", "color", "style"];
+const _excluded$2H = ["testId", "size", "color", "style"];
 const IconBarsH = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bars-h',
@@ -1675,7 +1675,7 @@ const IconBarsH = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1698,7 +1698,7 @@ const IconBarsH = forwardRef((_ref, ref) => {
 });
 IconBarsH.displayName = 'IconBarsH';
 
-const _excluded$2F = ["testId", "size", "color", "style"];
+const _excluded$2G = ["testId", "size", "color", "style"];
 const IconBarsV = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bars-v',
@@ -1706,7 +1706,7 @@ const IconBarsV = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1727,7 +1727,7 @@ const IconBarsV = forwardRef((_ref, ref) => {
 });
 IconBarsV.displayName = 'IconBarsV';
 
-const _excluded$2E = ["testId", "size", "color", "style"];
+const _excluded$2F = ["testId", "size", "color", "style"];
 const IconBell = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bell',
@@ -1735,7 +1735,7 @@ const IconBell = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1758,7 +1758,7 @@ const IconBell = forwardRef((_ref, ref) => {
 });
 IconBell.displayName = 'IconBell';
 
-const _excluded$2D = ["testId", "size", "color", "style"];
+const _excluded$2E = ["testId", "size", "color", "style"];
 const IconBirthdayCake = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-birthday-cake',
@@ -1766,7 +1766,7 @@ const IconBirthdayCake = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1787,7 +1787,7 @@ const IconBirthdayCake = forwardRef((_ref, ref) => {
 });
 IconBirthdayCake.displayName = 'IconBirthdayCake';
 
-const _excluded$2C = ["testId", "size", "color", "style"];
+const _excluded$2D = ["testId", "size", "color", "style"];
 const IconBold = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bold',
@@ -1795,7 +1795,7 @@ const IconBold = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1816,7 +1816,7 @@ const IconBold = forwardRef((_ref, ref) => {
 });
 IconBold.displayName = 'IconBold';
 
-const _excluded$2B = ["testId", "size", "color", "style"];
+const _excluded$2C = ["testId", "size", "color", "style"];
 const IconBolt = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bolt',
@@ -1824,7 +1824,7 @@ const IconBolt = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1852,7 +1852,7 @@ const IconBolt = forwardRef((_ref, ref) => {
 });
 IconBolt.displayName = 'IconBolt';
 
-const _excluded$2A = ["testId", "size", "color", "style"];
+const _excluded$2B = ["testId", "size", "color", "style"];
 const IconBook = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-book',
@@ -1860,7 +1860,7 @@ const IconBook = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1883,7 +1883,7 @@ const IconBook = forwardRef((_ref, ref) => {
 });
 IconBook.displayName = 'IconBook';
 
-const _excluded$2z = ["testId", "size", "color", "style"];
+const _excluded$2A = ["testId", "size", "color", "style"];
 const IconBriefcase = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-briefcase',
@@ -1891,7 +1891,7 @@ const IconBriefcase = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1912,7 +1912,7 @@ const IconBriefcase = forwardRef((_ref, ref) => {
 });
 IconBriefcase.displayName = 'IconBriefcase';
 
-const _excluded$2y = ["testId", "size", "color", "style"];
+const _excluded$2z = ["testId", "size", "color", "style"];
 const IconBullseyeArrow = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bullseye-arrow',
@@ -1920,7 +1920,7 @@ const IconBullseyeArrow = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1943,7 +1943,7 @@ const IconBullseyeArrow = forwardRef((_ref, ref) => {
 });
 IconBullseyeArrow.displayName = 'IconBullseyeArrow';
 
-const _excluded$2x = ["testId", "size", "color", "style"];
+const _excluded$2y = ["testId", "size", "color", "style"];
 const IconCalculator = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calculator',
@@ -1951,7 +1951,7 @@ const IconCalculator = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1974,7 +1974,7 @@ const IconCalculator = forwardRef((_ref, ref) => {
 });
 IconCalculator.displayName = 'IconCalculator';
 
-const _excluded$2w = ["testId", "size", "color", "style"];
+const _excluded$2x = ["testId", "size", "color", "style"];
 const IconCalendarAlt = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-alt',
@@ -1982,7 +1982,7 @@ const IconCalendarAlt = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2005,7 +2005,7 @@ const IconCalendarAlt = forwardRef((_ref, ref) => {
 });
 IconCalendarAlt.displayName = 'IconCalendarAlt';
 
-const _excluded$2v = ["testId", "size", "color", "style"];
+const _excluded$2w = ["testId", "size", "color", "style"];
 const IconCalendarCheck = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-check',
@@ -2013,7 +2013,7 @@ const IconCalendarCheck = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2036,7 +2036,7 @@ const IconCalendarCheck = forwardRef((_ref, ref) => {
 });
 IconCalendarCheck.displayName = 'IconCalendarCheck';
 
-const _excluded$2u = ["testId", "size", "color", "style"];
+const _excluded$2v = ["testId", "size", "color", "style"];
 const IconCalendarDay = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-day',
@@ -2044,7 +2044,7 @@ const IconCalendarDay = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2072,7 +2072,7 @@ const IconCalendarDay = forwardRef((_ref, ref) => {
 });
 IconCalendarDay.displayName = 'IconCalendarDay';
 
-const _excluded$2t = ["testId", "size", "color", "style"];
+const _excluded$2u = ["testId", "size", "color", "style"];
 const IconCalendarExclamation = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-exclamation',
@@ -2080,7 +2080,7 @@ const IconCalendarExclamation = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2101,7 +2101,7 @@ const IconCalendarExclamation = forwardRef((_ref, ref) => {
 });
 IconCalendarExclamation.displayName = 'IconCalendarExclamation';
 
-const _excluded$2s = ["testId", "size", "color", "style"];
+const _excluded$2t = ["testId", "size", "color", "style"];
 const IconCalendarStar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-star',
@@ -2109,7 +2109,7 @@ const IconCalendarStar = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2130,7 +2130,7 @@ const IconCalendarStar = forwardRef((_ref, ref) => {
 });
 IconCalendarStar.displayName = 'IconCalendarStar';
 
-const _excluded$2r = ["testId", "size", "color", "style"];
+const _excluded$2s = ["testId", "size", "color", "style"];
 const IconCalendarTomorrow = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-tomorrow',
@@ -2138,7 +2138,7 @@ const IconCalendarTomorrow = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2168,7 +2168,7 @@ const IconCalendarTomorrow = forwardRef((_ref, ref) => {
 });
 IconCalendarTomorrow.displayName = 'IconCalendarTomorrow';
 
-const _excluded$2q = ["testId", "size", "color", "style"];
+const _excluded$2r = ["testId", "size", "color", "style"];
 const IconCalendar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar',
@@ -2176,7 +2176,7 @@ const IconCalendar = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2199,7 +2199,7 @@ const IconCalendar = forwardRef((_ref, ref) => {
 });
 IconCalendar.displayName = 'IconCalendar';
 
-const _excluded$2p = ["testId", "size", "color", "style"];
+const _excluded$2q = ["testId", "size", "color", "style"];
 const IconCameraSlash = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-camera-slash',
@@ -2207,7 +2207,7 @@ const IconCameraSlash = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2231,7 +2231,7 @@ const IconCameraSlash = forwardRef((_ref, ref) => {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
 
-const _excluded$2o = ["testId", "size", "color", "style"];
+const _excluded$2p = ["testId", "size", "color", "style"];
 const IconCamera = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-camera',
@@ -2239,7 +2239,7 @@ const IconCamera = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2260,7 +2260,7 @@ const IconCamera = forwardRef((_ref, ref) => {
 });
 IconCamera.displayName = 'IconCamera';
 
-const _excluded$2n = ["testId", "size", "color", "style"];
+const _excluded$2o = ["testId", "size", "color", "style"];
 const IconCashRegister = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-cash-register',
@@ -2268,7 +2268,7 @@ const IconCashRegister = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2289,7 +2289,7 @@ const IconCashRegister = forwardRef((_ref, ref) => {
 });
 IconCashRegister.displayName = 'IconCashRegister';
 
-const _excluded$2m = ["testId", "size", "color", "style"];
+const _excluded$2n = ["testId", "size", "color", "style"];
 const IconChartBar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chart-bar',
@@ -2297,7 +2297,7 @@ const IconChartBar = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2320,7 +2320,7 @@ const IconChartBar = forwardRef((_ref, ref) => {
 });
 IconChartBar.displayName = 'IconChartBar';
 
-const _excluded$2l = ["testId", "size", "color", "style"];
+const _excluded$2m = ["testId", "size", "color", "style"];
 const IconCheckCircleIncomplete = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-check-circle-incomplete',
@@ -2328,7 +2328,7 @@ const IconCheckCircleIncomplete = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2349,7 +2349,7 @@ const IconCheckCircleIncomplete = forwardRef((_ref, ref) => {
 });
 IconCheckCircleIncomplete.displayName = 'IconCheckCircleIncomplete';
 
-const _excluded$2k = ["testId", "size", "color", "style"];
+const _excluded$2l = ["testId", "size", "color", "style"];
 const IconCheck = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-check',
@@ -2357,7 +2357,7 @@ const IconCheck = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2380,7 +2380,7 @@ const IconCheck = forwardRef((_ref, ref) => {
 });
 IconCheck.displayName = 'IconCheck';
 
-const _excluded$2j = ["testId", "size", "color", "style"];
+const _excluded$2k = ["testId", "size", "color", "style"];
 const IconChevronDown = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-down',
@@ -2388,7 +2388,7 @@ const IconChevronDown = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2411,7 +2411,7 @@ const IconChevronDown = forwardRef((_ref, ref) => {
 });
 IconChevronDown.displayName = 'IconChevronDown';
 
-const _excluded$2i = ["testId", "size", "color", "style"];
+const _excluded$2j = ["testId", "size", "color", "style"];
 const IconChevronLeft = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-left',
@@ -2419,7 +2419,7 @@ const IconChevronLeft = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2442,7 +2442,7 @@ const IconChevronLeft = forwardRef((_ref, ref) => {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
 
-const _excluded$2h = ["testId", "size", "color", "style"];
+const _excluded$2i = ["testId", "size", "color", "style"];
 const IconChevronRight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-right',
@@ -2450,7 +2450,7 @@ const IconChevronRight = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2473,7 +2473,7 @@ const IconChevronRight = forwardRef((_ref, ref) => {
 });
 IconChevronRight.displayName = 'IconChevronRight';
 
-const _excluded$2g = ["testId", "size", "color", "style"];
+const _excluded$2h = ["testId", "size", "color", "style"];
 const IconChevronUp = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-up',
@@ -2481,7 +2481,7 @@ const IconChevronUp = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2504,7 +2504,7 @@ const IconChevronUp = forwardRef((_ref, ref) => {
 });
 IconChevronUp.displayName = 'IconChevronUp';
 
-const _excluded$2f = ["testId", "size", "color", "style"];
+const _excluded$2g = ["testId", "size", "color", "style"];
 const IconClipboardList = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-clipboard-list',
@@ -2512,7 +2512,7 @@ const IconClipboardList = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2535,7 +2535,7 @@ const IconClipboardList = forwardRef((_ref, ref) => {
 });
 IconClipboardList.displayName = 'IconClipboardList';
 
-const _excluded$2e = ["testId", "size", "color", "style"];
+const _excluded$2f = ["testId", "size", "color", "style"];
 const IconClockExclamation = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-clock-exclamation',
@@ -2543,7 +2543,7 @@ const IconClockExclamation = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2571,7 +2571,7 @@ const IconClockExclamation = forwardRef((_ref, ref) => {
 });
 IconClockExclamation.displayName = 'IconClockExclamation';
 
-const _excluded$2d = ["testId", "size", "color", "style"];
+const _excluded$2e = ["testId", "size", "color", "style"];
 const IconClockRewind = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-clock-rewind',
@@ -2579,7 +2579,7 @@ const IconClockRewind = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2607,7 +2607,7 @@ const IconClockRewind = forwardRef((_ref, ref) => {
 });
 IconClockRewind.displayName = 'IconClockRewind';
 
-const _excluded$2c = ["testId", "size", "color", "style"];
+const _excluded$2d = ["testId", "size", "color", "style"];
 const IconClock = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-clock',
@@ -2615,7 +2615,7 @@ const IconClock = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2636,7 +2636,7 @@ const IconClock = forwardRef((_ref, ref) => {
 });
 IconClock.displayName = 'IconClock';
 
-const _excluded$2b = ["testId", "size", "color", "style"];
+const _excluded$2c = ["testId", "size", "color", "style"];
 const IconCog = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-cog',
@@ -2644,7 +2644,7 @@ const IconCog = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2665,7 +2665,7 @@ const IconCog = forwardRef((_ref, ref) => {
 });
 IconCog.displayName = 'IconCog';
 
-const _excluded$2a = ["testId", "size", "color", "style"];
+const _excluded$2b = ["testId", "size", "color", "style"];
 const IconCommentLines = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-comment-lines',
@@ -2673,7 +2673,7 @@ const IconCommentLines = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2699,7 +2699,7 @@ const IconCommentLines = forwardRef((_ref, ref) => {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-const _excluded$29 = ["testId", "size", "color", "style"];
+const _excluded$2a = ["testId", "size", "color", "style"];
 const IconComment = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-comment',
@@ -2707,7 +2707,7 @@ const IconComment = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2730,7 +2730,7 @@ const IconComment = forwardRef((_ref, ref) => {
 });
 IconComment.displayName = 'IconComment';
 
-const _excluded$28 = ["testId", "size", "color", "style"];
+const _excluded$29 = ["testId", "size", "color", "style"];
 const IconCopy = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-copy',
@@ -2738,7 +2738,7 @@ const IconCopy = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2766,7 +2766,7 @@ const IconCopy = forwardRef((_ref, ref) => {
 });
 IconCopy.displayName = 'IconCopy';
 
-const _excluded$27 = ["testId", "size", "color", "style"];
+const _excluded$28 = ["testId", "size", "color", "style"];
 const IconCreditCardPlus = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-credit-card-plus',
@@ -2774,7 +2774,7 @@ const IconCreditCardPlus = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2804,7 +2804,7 @@ const IconCreditCardPlus = forwardRef((_ref, ref) => {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-const _excluded$26 = ["testId", "size", "color", "style"];
+const _excluded$27 = ["testId", "size", "color", "style"];
 const IconCreditCard = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-credit-card',
@@ -2812,7 +2812,7 @@ const IconCreditCard = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2840,7 +2840,7 @@ const IconCreditCard = forwardRef((_ref, ref) => {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-const _excluded$25 = ["testId", "size", "color", "style"];
+const _excluded$26 = ["testId", "size", "color", "style"];
 const IconDecentMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-decent-monochromatic',
@@ -2848,7 +2848,7 @@ const IconDecentMonochromatic = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2891,7 +2891,7 @@ const IconDecentMonochromatic = forwardRef((_ref, ref) => {
 });
 IconDecentMonochromatic.displayName = 'IconDecentMonochromatic';
 
-const _excluded$24 = ["testId", "size", "color", "style"];
+const _excluded$25 = ["testId", "size", "color", "style"];
 const IconDecent = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-decent',
@@ -2899,7 +2899,7 @@ const IconDecent = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2930,7 +2930,7 @@ const IconDecent = forwardRef((_ref, ref) => {
 });
 IconDecent.displayName = 'IconDecent';
 
-const _excluded$23 = ["testId", "size", "color", "style"];
+const _excluded$24 = ["testId", "size", "color", "style"];
 const IconDollarSign = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-dollar-sign',
@@ -2938,7 +2938,7 @@ const IconDollarSign = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2959,7 +2959,7 @@ const IconDollarSign = forwardRef((_ref, ref) => {
 });
 IconDollarSign.displayName = 'IconDollarSign';
 
-const _excluded$22 = ["testId", "size", "color", "style"];
+const _excluded$23 = ["testId", "size", "color", "style"];
 const IconDownload = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-download',
@@ -2967,7 +2967,7 @@ const IconDownload = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2990,7 +2990,7 @@ const IconDownload = forwardRef((_ref, ref) => {
 });
 IconDownload.displayName = 'IconDownload';
 
-const _excluded$21 = ["testId", "size", "color", "style"];
+const _excluded$22 = ["testId", "size", "color", "style"];
 const IconEdit = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-edit',
@@ -2998,7 +2998,7 @@ const IconEdit = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3019,7 +3019,7 @@ const IconEdit = forwardRef((_ref, ref) => {
 });
 IconEdit.displayName = 'IconEdit';
 
-const _excluded$20 = ["testId", "size", "color", "style"];
+const _excluded$21 = ["testId", "size", "color", "style"];
 const IconEllipsisV = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-ellipsis-v',
@@ -3027,7 +3027,7 @@ const IconEllipsisV = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3050,7 +3050,7 @@ const IconEllipsisV = forwardRef((_ref, ref) => {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
 
-const _excluded$1$ = ["testId", "size", "color", "style"];
+const _excluded$20 = ["testId", "size", "color", "style"];
 const IconEnvelopeOpenDollar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-envelope-open-dollar',
@@ -3058,7 +3058,7 @@ const IconEnvelopeOpenDollar = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3086,7 +3086,7 @@ const IconEnvelopeOpenDollar = forwardRef((_ref, ref) => {
 });
 IconEnvelopeOpenDollar.displayName = 'IconEnvelopeOpenDollar';
 
-const _excluded$1_ = ["testId", "size", "color", "style"];
+const _excluded$1$ = ["testId", "size", "color", "style"];
 const IconEnvelope = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-envelope',
@@ -3094,7 +3094,7 @@ const IconEnvelope = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3115,7 +3115,7 @@ const IconEnvelope = forwardRef((_ref, ref) => {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-const _excluded$1Z = ["testId", "size", "color", "style"];
+const _excluded$1_ = ["testId", "size", "color", "style"];
 const IconExclaimationTriangle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-exclaimation-triangle',
@@ -3123,7 +3123,7 @@ const IconExclaimationTriangle = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3146,7 +3146,7 @@ const IconExclaimationTriangle = forwardRef((_ref, ref) => {
 });
 IconExclaimationTriangle.displayName = 'IconExclaimationTriangle';
 
-const _excluded$1Y = ["testId", "size", "color", "style"];
+const _excluded$1Z = ["testId", "size", "color", "style"];
 const IconExclaimation = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-exclaimation',
@@ -3154,7 +3154,7 @@ const IconExclaimation = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Z);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3175,7 +3175,7 @@ const IconExclaimation = forwardRef((_ref, ref) => {
 });
 IconExclaimation.displayName = 'IconExclaimation';
 
-const _excluded$1X = ["testId", "size", "color", "style"];
+const _excluded$1Y = ["testId", "size", "color", "style"];
 const IconExpand = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-expand',
@@ -3183,7 +3183,7 @@ const IconExpand = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1X);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3204,7 +3204,7 @@ const IconExpand = forwardRef((_ref, ref) => {
 });
 IconExpand.displayName = 'IconExpand';
 
-const _excluded$1W = ["testId", "size", "color", "style"];
+const _excluded$1X = ["testId", "size", "color", "style"];
 const IconExternalLink = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-external-link',
@@ -3212,7 +3212,7 @@ const IconExternalLink = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1X);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3235,7 +3235,7 @@ const IconExternalLink = forwardRef((_ref, ref) => {
 });
 IconExternalLink.displayName = 'IconExternalLink';
 
-const _excluded$1V = ["testId", "size", "color", "style"];
+const _excluded$1W = ["testId", "size", "color", "style"];
 const IconEyeSlash = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-eye-slash',
@@ -3243,7 +3243,7 @@ const IconEyeSlash = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3278,7 +3278,7 @@ const IconEyeSlash = forwardRef((_ref, ref) => {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
 
-const _excluded$1U = ["testId", "size", "color", "style"];
+const _excluded$1V = ["testId", "size", "color", "style"];
 const IconEye = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-eye',
@@ -3286,7 +3286,7 @@ const IconEye = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1U);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3314,7 +3314,7 @@ const IconEye = forwardRef((_ref, ref) => {
 });
 IconEye.displayName = 'IconEye';
 
-const _excluded$1T = ["testId", "size", "color", "style"];
+const _excluded$1U = ["testId", "size", "color", "style"];
 const IconFaceSmileRelaxed = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-face-smile-relaxed',
@@ -3322,7 +3322,7 @@ const IconFaceSmileRelaxed = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1T);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1U);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3350,7 +3350,7 @@ const IconFaceSmileRelaxed = forwardRef((_ref, ref) => {
 });
 IconFaceSmileRelaxed.displayName = 'IconFaceSmileRelaxed';
 
-const _excluded$1S = ["testId", "size", "color", "style"];
+const _excluded$1T = ["testId", "size", "color", "style"];
 const IconFilePdf = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-file-pdf',
@@ -3358,7 +3358,7 @@ const IconFilePdf = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1S);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1T);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3386,7 +3386,7 @@ const IconFilePdf = forwardRef((_ref, ref) => {
 });
 IconFilePdf.displayName = 'IconFilePdf';
 
-const _excluded$1R = ["testId", "size", "color", "style"];
+const _excluded$1S = ["testId", "size", "color", "style"];
 const IconFile = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-file',
@@ -3394,7 +3394,7 @@ const IconFile = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1R);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1S);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3422,7 +3422,7 @@ const IconFile = forwardRef((_ref, ref) => {
 });
 IconFile.displayName = 'IconFile';
 
-const _excluded$1Q = ["testId", "size", "color", "style"];
+const _excluded$1R = ["testId", "size", "color", "style"];
 const IconFlag = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-flag',
@@ -3430,7 +3430,7 @@ const IconFlag = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1R);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3458,7 +3458,7 @@ const IconFlag = forwardRef((_ref, ref) => {
 });
 IconFlag.displayName = 'IconFlag';
 
-const _excluded$1P = ["testId", "size", "color", "style"];
+const _excluded$1Q = ["testId", "size", "color", "style"];
 const IconFourDotsCircle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-four-dots-circle',
@@ -3466,7 +3466,7 @@ const IconFourDotsCircle = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Q);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3489,7 +3489,7 @@ const IconFourDotsCircle = forwardRef((_ref, ref) => {
 });
 IconFourDotsCircle.displayName = 'IconFourDotsCircle';
 
-const _excluded$1O = ["testId", "size", "color", "style"];
+const _excluded$1P = ["testId", "size", "color", "style"];
 const IconFourSquares = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-four-squares',
@@ -3497,7 +3497,7 @@ const IconFourSquares = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1O);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3543,7 +3543,7 @@ const IconFourSquares = forwardRef((_ref, ref) => {
 });
 IconFourSquares.displayName = 'IconFourSquares';
 
-const _excluded$1N = ["testId", "size", "color", "style"];
+const _excluded$1O = ["testId", "size", "color", "style"];
 const IconGavel = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-gavel',
@@ -3551,7 +3551,7 @@ const IconGavel = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1O);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3572,7 +3572,7 @@ const IconGavel = forwardRef((_ref, ref) => {
 });
 IconGavel.displayName = 'IconGavel';
 
-const _excluded$1M = ["testId", "size", "color", "style"];
+const _excluded$1N = ["testId", "size", "color", "style"];
 const IconGif = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-gif',
@@ -3580,7 +3580,7 @@ const IconGif = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1M);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1N);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3605,7 +3605,7 @@ const IconGif = forwardRef((_ref, ref) => {
 });
 IconGif.displayName = 'IconGif';
 
-const _excluded$1L = ["testId", "size", "color", "style"];
+const _excluded$1M = ["testId", "size", "color", "style"];
 const IconGift = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-gift',
@@ -3613,7 +3613,7 @@ const IconGift = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1L);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1M);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3634,7 +3634,7 @@ const IconGift = forwardRef((_ref, ref) => {
 });
 IconGift.displayName = 'IconGift';
 
-const _excluded$1K = ["testId", "size", "color", "style"];
+const _excluded$1L = ["testId", "size", "color", "style"];
 const IconGoodMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-good-monochromatic',
@@ -3642,7 +3642,7 @@ const IconGoodMonochromatic = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1L);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3681,7 +3681,7 @@ const IconGoodMonochromatic = forwardRef((_ref, ref) => {
 });
 IconGoodMonochromatic.displayName = 'IconGoodMonochromatic';
 
-const _excluded$1J = ["testId", "size", "color", "style"];
+const _excluded$1K = ["testId", "size", "color", "style"];
 const IconGood = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-good',
@@ -3689,7 +3689,7 @@ const IconGood = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1J);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3716,7 +3716,7 @@ const IconGood = forwardRef((_ref, ref) => {
 });
 IconGood.displayName = 'IconGood';
 
-const _excluded$1I = ["testId", "size", "color", "style"];
+const _excluded$1J = ["testId", "size", "color", "style"];
 const IconGreatMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-great-monochromatic',
@@ -3724,7 +3724,7 @@ const IconGreatMonochromatic = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1J);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3765,7 +3765,7 @@ const IconGreatMonochromatic = forwardRef((_ref, ref) => {
 });
 IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
 
-const _excluded$1H = ["testId", "size", "color", "style"];
+const _excluded$1I = ["testId", "size", "color", "style"];
 const IconGreat = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-great',
@@ -3773,7 +3773,7 @@ const IconGreat = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1I);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3802,7 +3802,7 @@ const IconGreat = forwardRef((_ref, ref) => {
 });
 IconGreat.displayName = 'IconGreat';
 
-const _excluded$1G = ["testId", "size", "color", "style"];
+const _excluded$1H = ["testId", "size", "color", "style"];
 const IconGrinBeam = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-grin-beam',
@@ -3810,7 +3810,7 @@ const IconGrinBeam = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1H);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3831,7 +3831,7 @@ const IconGrinBeam = forwardRef((_ref, ref) => {
 });
 IconGrinBeam.displayName = 'IconGrinBeam';
 
-const _excluded$1F = ["testId", "size", "color", "style"];
+const _excluded$1G = ["testId", "size", "color", "style"];
 const IconGripVertical = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-grip-vertical',
@@ -3839,7 +3839,7 @@ const IconGripVertical = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1G);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3887,7 +3887,7 @@ const IconGripVertical = forwardRef((_ref, ref) => {
 });
 IconGripVertical.displayName = 'IconGripVertical';
 
-const _excluded$1E = ["testId", "size", "color", "style"];
+const _excluded$1F = ["testId", "size", "color", "style"];
 const IconHandHoldingDollar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-hand-holding-dollar',
@@ -3895,7 +3895,7 @@ const IconHandHoldingDollar = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1F);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3923,7 +3923,7 @@ const IconHandHoldingDollar = forwardRef((_ref, ref) => {
 });
 IconHandHoldingDollar.displayName = 'IconHandHoldingDollar';
 
-const _excluded$1D = ["testId", "size", "color", "style"];
+const _excluded$1E = ["testId", "size", "color", "style"];
 const IconHandPointRight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-hand-point-right',
@@ -3931,7 +3931,7 @@ const IconHandPointRight = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1E);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3952,7 +3952,7 @@ const IconHandPointRight = forwardRef((_ref, ref) => {
 });
 IconHandPointRight.displayName = 'IconHandPointRight';
 
-const _excluded$1C = ["testId", "size", "color", "style"];
+const _excluded$1D = ["testId", "size", "color", "style"];
 const IconHandshake = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-handshake',
@@ -3960,7 +3960,7 @@ const IconHandshake = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1D);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3988,7 +3988,7 @@ const IconHandshake = forwardRef((_ref, ref) => {
 });
 IconHandshake.displayName = 'IconHandshake';
 
-const _excluded$1B = ["testId", "size", "color", "style"];
+const _excluded$1C = ["testId", "size", "color", "style"];
 const IconHatChef = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-hat-chef',
@@ -3996,7 +3996,7 @@ const IconHatChef = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1C);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4017,7 +4017,7 @@ const IconHatChef = forwardRef((_ref, ref) => {
 });
 IconHatChef.displayName = 'IconHatChef';
 
-const _excluded$1A = ["testId", "size", "color", "style"];
+const _excluded$1B = ["testId", "size", "color", "style"];
 const IconImage = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-image',
@@ -4025,7 +4025,7 @@ const IconImage = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1B);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4053,7 +4053,7 @@ const IconImage = forwardRef((_ref, ref) => {
 });
 IconImage.displayName = 'IconImage';
 
-const _excluded$1z = ["testId", "size", "color", "style"];
+const _excluded$1A = ["testId", "size", "color", "style"];
 const IconIslandTropical = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-island-tropical',
@@ -4061,7 +4061,7 @@ const IconIslandTropical = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1A);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4084,7 +4084,7 @@ const IconIslandTropical = forwardRef((_ref, ref) => {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
 
-const _excluded$1y = ["testId", "size", "color", "style"];
+const _excluded$1z = ["testId", "size", "color", "style"];
 const IconItalic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-italic',
@@ -4092,7 +4092,7 @@ const IconItalic = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1z);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4113,7 +4113,7 @@ const IconItalic = forwardRef((_ref, ref) => {
 });
 IconItalic.displayName = 'IconItalic';
 
-const _excluded$1x = ["testId", "size", "color", "style"];
+const _excluded$1y = ["testId", "size", "color", "style"];
 const IconLaptopSearch = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-laptop-search',
@@ -4121,7 +4121,7 @@ const IconLaptopSearch = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1y);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4151,7 +4151,7 @@ const IconLaptopSearch = forwardRef((_ref, ref) => {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
 
-const _excluded$1w = ["testId", "size", "color", "style"];
+const _excluded$1x = ["testId", "size", "color", "style"];
 const IconLink = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-link',
@@ -4159,7 +4159,7 @@ const IconLink = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1x);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4187,7 +4187,7 @@ const IconLink = forwardRef((_ref, ref) => {
 });
 IconLink.displayName = 'IconLink';
 
-const _excluded$1v = ["testId", "size", "color", "style"];
+const _excluded$1w = ["testId", "size", "color", "style"];
 const IconListOI = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-list-o-i',
@@ -4195,7 +4195,7 @@ const IconListOI = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1w);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4223,7 +4223,7 @@ const IconListOI = forwardRef((_ref, ref) => {
 });
 IconListOI.displayName = 'IconListOI';
 
-const _excluded$1u = ["testId", "size", "color", "style"];
+const _excluded$1v = ["testId", "size", "color", "style"];
 const IconList = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-list',
@@ -4231,7 +4231,7 @@ const IconList = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4252,7 +4252,7 @@ const IconList = forwardRef((_ref, ref) => {
 });
 IconList.displayName = 'IconList';
 
-const _excluded$1t = ["testId", "size", "color", "style"];
+const _excluded$1u = ["testId", "size", "color", "style"];
 const IconLock = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-lock',
@@ -4260,7 +4260,7 @@ const IconLock = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1u);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4281,7 +4281,7 @@ const IconLock = forwardRef((_ref, ref) => {
 });
 IconLock.displayName = 'IconLock';
 
-const _excluded$1s = ["testId", "size", "color", "style"];
+const _excluded$1t = ["testId", "size", "color", "style"];
 const IconMagicSolid = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-magic-solid',
@@ -4289,7 +4289,7 @@ const IconMagicSolid = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1t);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4312,7 +4312,7 @@ const IconMagicSolid = forwardRef((_ref, ref) => {
 });
 IconMagicSolid.displayName = 'IconMagicSolid';
 
-const _excluded$1r = ["testId", "size", "color", "style"];
+const _excluded$1s = ["testId", "size", "color", "style"];
 const IconMapMarker = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-map-marker',
@@ -4320,7 +4320,7 @@ const IconMapMarker = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4343,7 +4343,7 @@ const IconMapMarker = forwardRef((_ref, ref) => {
 });
 IconMapMarker.displayName = 'IconMapMarker';
 
-const _excluded$1q = ["testId", "size", "color", "style"];
+const _excluded$1r = ["testId", "size", "color", "style"];
 const IconMedal = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-medal',
@@ -4351,7 +4351,7 @@ const IconMedal = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4379,7 +4379,7 @@ const IconMedal = forwardRef((_ref, ref) => {
 });
 IconMedal.displayName = 'IconMedal';
 
-const _excluded$1p = ["testId", "size", "color", "style"];
+const _excluded$1q = ["testId", "size", "color", "style"];
 const IconMegaphone = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-megaphone',
@@ -4387,7 +4387,7 @@ const IconMegaphone = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4410,7 +4410,7 @@ const IconMegaphone = forwardRef((_ref, ref) => {
 });
 IconMegaphone.displayName = 'IconMegaphone';
 
-const _excluded$1o = ["testId", "size", "color", "style"];
+const _excluded$1p = ["testId", "size", "color", "style"];
 const IconMessages = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-messages',
@@ -4418,7 +4418,7 @@ const IconMessages = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4439,7 +4439,7 @@ const IconMessages = forwardRef((_ref, ref) => {
 });
 IconMessages.displayName = 'IconMessages';
 
-const _excluded$1n = ["testId", "size", "color", "style"];
+const _excluded$1o = ["testId", "size", "color", "style"];
 const IconMinusCircle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-minus-circle',
@@ -4447,7 +4447,7 @@ const IconMinusCircle = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4468,7 +4468,7 @@ const IconMinusCircle = forwardRef((_ref, ref) => {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
 
-const _excluded$1m = ["testId", "size", "color", "style"];
+const _excluded$1n = ["testId", "size", "color", "style"];
 const IconMinus = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-minus',
@@ -4476,7 +4476,7 @@ const IconMinus = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4497,7 +4497,7 @@ const IconMinus = forwardRef((_ref, ref) => {
 });
 IconMinus.displayName = 'IconMinus';
 
-const _excluded$1l = ["testId", "size", "color", "style"];
+const _excluded$1m = ["testId", "size", "color", "style"];
 const IconMoneyBill = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-money-bill',
@@ -4505,7 +4505,7 @@ const IconMoneyBill = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4526,7 +4526,7 @@ const IconMoneyBill = forwardRef((_ref, ref) => {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-const _excluded$1k = ["testId", "size", "color", "style"];
+const _excluded$1l = ["testId", "size", "color", "style"];
 const IconMugSaucerSolid = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-mug-saucer-solid',
@@ -4534,7 +4534,7 @@ const IconMugSaucerSolid = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4555,7 +4555,7 @@ const IconMugSaucerSolid = forwardRef((_ref, ref) => {
 });
 IconMugSaucerSolid.displayName = 'IconMugSaucerSolid';
 
-const _excluded$1j = ["testId", "size", "color", "style"];
+const _excluded$1k = ["testId", "size", "color", "style"];
 const IconNotesMedical = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-notes-medical',
@@ -4563,7 +4563,7 @@ const IconNotesMedical = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4584,7 +4584,7 @@ const IconNotesMedical = forwardRef((_ref, ref) => {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
 
-const _excluded$1i = ["testId", "size", "color", "style"];
+const _excluded$1j = ["testId", "size", "color", "style"];
 const IconOvertime = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-overtime',
@@ -4592,7 +4592,7 @@ const IconOvertime = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4620,7 +4620,7 @@ const IconOvertime = forwardRef((_ref, ref) => {
 });
 IconOvertime.displayName = 'IconOvertime';
 
-const _excluded$1h = ["testId", "size", "color", "style"];
+const _excluded$1i = ["testId", "size", "color", "style"];
 const IconPaperPlaneClock = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-paper-plane-clock',
@@ -4628,7 +4628,7 @@ const IconPaperPlaneClock = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4660,7 +4660,7 @@ const IconPaperPlaneClock = forwardRef((_ref, ref) => {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
 
-const _excluded$1g = ["testId", "size", "color", "style"];
+const _excluded$1h = ["testId", "size", "color", "style"];
 const IconPaperPlane = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-paper-plane',
@@ -4668,7 +4668,7 @@ const IconPaperPlane = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4691,7 +4691,7 @@ const IconPaperPlane = forwardRef((_ref, ref) => {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
 
-const _excluded$1f = ["testId", "size", "color", "style"];
+const _excluded$1g = ["testId", "size", "color", "style"];
 const IconPaperclip = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-paperclip',
@@ -4699,7 +4699,7 @@ const IconPaperclip = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4727,7 +4727,7 @@ const IconPaperclip = forwardRef((_ref, ref) => {
 });
 IconPaperclip.displayName = 'IconPaperclip';
 
-const _excluded$1e = ["testId", "size", "color", "style"];
+const _excluded$1f = ["testId", "size", "color", "style"];
 const IconPencil = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-pencil',
@@ -4735,7 +4735,7 @@ const IconPencil = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1f);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4758,7 +4758,7 @@ const IconPencil = forwardRef((_ref, ref) => {
 });
 IconPencil.displayName = 'IconPencil';
 
-const _excluded$1d = ["testId", "size", "color", "style"];
+const _excluded$1e = ["testId", "size", "color", "style"];
 const IconPercentage = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-percentage',
@@ -4766,7 +4766,7 @@ const IconPercentage = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4787,7 +4787,7 @@ const IconPercentage = forwardRef((_ref, ref) => {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-const _excluded$1c = ["testId", "size", "color", "style"];
+const _excluded$1d = ["testId", "size", "color", "style"];
 const IconPhone = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-phone',
@@ -4795,7 +4795,7 @@ const IconPhone = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1d);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4816,7 +4816,7 @@ const IconPhone = forwardRef((_ref, ref) => {
 });
 IconPhone.displayName = 'IconPhone';
 
-const _excluded$1b = ["testId", "size", "color", "style"];
+const _excluded$1c = ["testId", "size", "color", "style"];
 const IconPlateUtensils = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-plate-utensils',
@@ -4824,7 +4824,7 @@ const IconPlateUtensils = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4845,7 +4845,7 @@ const IconPlateUtensils = forwardRef((_ref, ref) => {
 });
 IconPlateUtensils.displayName = 'IconPlateUtensils';
 
-const _excluded$1a = ["testId", "size", "color", "style"];
+const _excluded$1b = ["testId", "size", "color", "style"];
 const IconPlug = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-plug',
@@ -4853,7 +4853,7 @@ const IconPlug = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1b);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4876,7 +4876,7 @@ const IconPlug = forwardRef((_ref, ref) => {
 });
 IconPlug.displayName = 'IconPlug';
 
-const _excluded$19 = ["testId", "size", "color", "style"];
+const _excluded$1a = ["testId", "size", "color", "style"];
 const IconPlus = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-plus',
@@ -4884,7 +4884,7 @@ const IconPlus = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$19);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4907,7 +4907,7 @@ const IconPlus = forwardRef((_ref, ref) => {
 });
 IconPlus.displayName = 'IconPlus';
 
-const _excluded$18 = ["testId", "size", "color", "style"];
+const _excluded$19 = ["testId", "size", "color", "style"];
 const IconPrint = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-print',
@@ -4915,7 +4915,7 @@ const IconPrint = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$19);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4938,7 +4938,7 @@ const IconPrint = forwardRef((_ref, ref) => {
 });
 IconPrint.displayName = 'IconPrint';
 
-const _excluded$17 = ["testId", "size", "color", "style"];
+const _excluded$18 = ["testId", "size", "color", "style"];
 const IconQuestionCircle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-question-circle',
@@ -4946,7 +4946,7 @@ const IconQuestionCircle = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$17);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4967,7 +4967,7 @@ const IconQuestionCircle = forwardRef((_ref, ref) => {
 });
 IconQuestionCircle.displayName = 'IconQuestionCircle';
 
-const _excluded$16 = ["testId", "size", "color", "style"];
+const _excluded$17 = ["testId", "size", "color", "style"];
 const IconRepeat = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-repeat',
@@ -4975,7 +4975,7 @@ const IconRepeat = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$16);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$17);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4996,7 +4996,7 @@ const IconRepeat = forwardRef((_ref, ref) => {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-const _excluded$15 = ["testId", "size", "color", "style"];
+const _excluded$16 = ["testId", "size", "color", "style"];
 const IconReply = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-reply',
@@ -5004,7 +5004,7 @@ const IconReply = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$15);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$16);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5025,7 +5025,7 @@ const IconReply = forwardRef((_ref, ref) => {
 });
 IconReply.displayName = 'IconReply';
 
-const _excluded$14 = ["testId", "size", "color", "style"];
+const _excluded$15 = ["testId", "size", "color", "style"];
 const IconRocket = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-rocket',
@@ -5033,7 +5033,7 @@ const IconRocket = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$14);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$15);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5054,7 +5054,7 @@ const IconRocket = forwardRef((_ref, ref) => {
 });
 IconRocket.displayName = 'IconRocket';
 
-const _excluded$13 = ["testId", "size", "color", "style"];
+const _excluded$14 = ["testId", "size", "color", "style"];
 const IconSearch = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-search',
@@ -5062,7 +5062,7 @@ const IconSearch = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$13);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$14);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5085,7 +5085,7 @@ const IconSearch = forwardRef((_ref, ref) => {
 });
 IconSearch.displayName = 'IconSearch';
 
-const _excluded$12 = ["testId", "size", "color", "style"];
+const _excluded$13 = ["testId", "size", "color", "style"];
 const IconSignOut = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sign-out',
@@ -5093,7 +5093,7 @@ const IconSignOut = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$12);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$13);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5114,7 +5114,7 @@ const IconSignOut = forwardRef((_ref, ref) => {
 });
 IconSignOut.displayName = 'IconSignOut';
 
-const _excluded$11 = ["testId", "size", "color", "style"];
+const _excluded$12 = ["testId", "size", "color", "style"];
 const IconSitemap = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sitemap',
@@ -5122,7 +5122,7 @@ const IconSitemap = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$11);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$12);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5145,7 +5145,7 @@ const IconSitemap = forwardRef((_ref, ref) => {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-const _excluded$10 = ["testId", "size", "color", "style"];
+const _excluded$11 = ["testId", "size", "color", "style"];
 const IconSlidersH = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sliders-h',
@@ -5153,7 +5153,7 @@ const IconSlidersH = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$10);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$11);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5181,7 +5181,7 @@ const IconSlidersH = forwardRef((_ref, ref) => {
 });
 IconSlidersH.displayName = 'IconSlidersH';
 
-const _excluded$$ = ["testId", "size", "color", "style"];
+const _excluded$10 = ["testId", "size", "color", "style"];
 const IconSort = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sort',
@@ -5189,7 +5189,7 @@ const IconSort = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$10);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5210,7 +5210,7 @@ const IconSort = forwardRef((_ref, ref) => {
 });
 IconSort.displayName = 'IconSort';
 
-const _excluded$_ = ["testId", "size", "color", "style"];
+const _excluded$$ = ["testId", "size", "color", "style"];
 const IconSparkle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sparkle',
@@ -5218,7 +5218,7 @@ const IconSparkle = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5239,7 +5239,7 @@ const IconSparkle = forwardRef((_ref, ref) => {
 });
 IconSparkle.displayName = 'IconSparkle';
 
-const _excluded$Z = ["testId", "size", "color", "style"];
+const _excluded$_ = ["testId", "size", "color", "style"];
 const IconStarSolid = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-star-solid',
@@ -5247,7 +5247,7 @@ const IconStarSolid = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$_);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5268,7 +5268,7 @@ const IconStarSolid = forwardRef((_ref, ref) => {
 });
 IconStarSolid.displayName = 'IconStarSolid';
 
-const _excluded$Y = ["testId", "size", "color", "style"];
+const _excluded$Z = ["testId", "size", "color", "style"];
 const IconStar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-star',
@@ -5276,7 +5276,7 @@ const IconStar = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$Y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5297,7 +5297,7 @@ const IconStar = forwardRef((_ref, ref) => {
 });
 IconStar.displayName = 'IconStar';
 
-const _excluded$X = ["testId", "size", "color", "style"];
+const _excluded$Y = ["testId", "size", "color", "style"];
 const IconStickyNoteLines = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sticky-note-lines',
@@ -5305,7 +5305,7 @@ const IconStickyNoteLines = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$X);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Y);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5329,7 +5329,7 @@ const IconStickyNoteLines = forwardRef((_ref, ref) => {
 });
 IconStickyNoteLines.displayName = 'IconStickyNoteLines';
 
-const _excluded$W = ["testId", "size", "color", "style"];
+const _excluded$X = ["testId", "size", "color", "style"];
 const IconStopwatch = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-stopwatch',
@@ -5337,7 +5337,7 @@ const IconStopwatch = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$X);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5360,7 +5360,7 @@ const IconStopwatch = forwardRef((_ref, ref) => {
 });
 IconStopwatch.displayName = 'IconStopwatch';
 
-const _excluded$V = ["testId", "size", "color", "style"];
+const _excluded$W = ["testId", "size", "color", "style"];
 const IconStrikethrough = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-strikethrough',
@@ -5368,7 +5368,7 @@ const IconStrikethrough = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$V);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5396,7 +5396,7 @@ const IconStrikethrough = forwardRef((_ref, ref) => {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
 
-const _excluded$U = ["testId", "size", "color", "style"];
+const _excluded$V = ["testId", "size", "color", "style"];
 const IconSyncExclaimation = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sync-exclaimation',
@@ -5404,7 +5404,7 @@ const IconSyncExclaimation = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$U);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$V);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5425,7 +5425,7 @@ const IconSyncExclaimation = forwardRef((_ref, ref) => {
 });
 IconSyncExclaimation.displayName = 'IconSyncExclaimation';
 
-const _excluded$T = ["testId", "size", "color", "style"];
+const _excluded$U = ["testId", "size", "color", "style"];
 const IconSync = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sync',
@@ -5433,7 +5433,7 @@ const IconSync = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$T);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$U);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5454,7 +5454,7 @@ const IconSync = forwardRef((_ref, ref) => {
 });
 IconSync.displayName = 'IconSync';
 
-const _excluded$S = ["testId", "size", "color", "style"];
+const _excluded$T = ["testId", "size", "color", "style"];
 const IconTable = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-table',
@@ -5462,7 +5462,7 @@ const IconTable = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$S);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$T);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5490,7 +5490,7 @@ const IconTable = forwardRef((_ref, ref) => {
 });
 IconTable.displayName = 'IconTable';
 
-const _excluded$R = ["testId", "size", "color", "style"];
+const _excluded$S = ["testId", "size", "color", "style"];
 const IconTachometer = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-tachometer',
@@ -5498,7 +5498,7 @@ const IconTachometer = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$R);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$S);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5518,7 +5518,7 @@ const IconTachometer = forwardRef((_ref, ref) => {
 });
 IconTachometer.displayName = 'IconTachometer';
 
-const _excluded$Q = ["testId", "size", "color", "style"];
+const _excluded$R = ["testId", "size", "color", "style"];
 const IconThumbsDown = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-thumbs-down',
@@ -5526,7 +5526,7 @@ const IconThumbsDown = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$R);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5554,7 +5554,7 @@ const IconThumbsDown = forwardRef((_ref, ref) => {
 });
 IconThumbsDown.displayName = 'IconThumbsDown';
 
-const _excluded$P = ["testId", "size", "color", "style"];
+const _excluded$Q = ["testId", "size", "color", "style"];
 const IconThumbsUp = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-thumbs-up',
@@ -5562,7 +5562,7 @@ const IconThumbsUp = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$P);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5583,7 +5583,7 @@ const IconThumbsUp = forwardRef((_ref, ref) => {
 });
 IconThumbsUp.displayName = 'IconThumbsUp';
 
-const _excluded$O = ["testId", "size", "color", "style"];
+const _excluded$P = ["testId", "size", "color", "style"];
 const IconTimesOctagon = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-times-octagon',
@@ -5591,7 +5591,7 @@ const IconTimesOctagon = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$O);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$P);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5614,7 +5614,7 @@ const IconTimesOctagon = forwardRef((_ref, ref) => {
 });
 IconTimesOctagon.displayName = 'IconTimesOctagon';
 
-const _excluded$N = ["testId", "size", "color", "style"];
+const _excluded$O = ["testId", "size", "color", "style"];
 const IconTimes = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-times',
@@ -5622,7 +5622,7 @@ const IconTimes = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$O);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5645,7 +5645,7 @@ const IconTimes = forwardRef((_ref, ref) => {
 });
 IconTimes.displayName = 'IconTimes';
 
-const _excluded$M = ["testId", "size", "color", "style"];
+const _excluded$N = ["testId", "size", "color", "style"];
 const IconTrash = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-trash',
@@ -5653,7 +5653,7 @@ const IconTrash = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$M);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$N);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5676,7 +5676,7 @@ const IconTrash = forwardRef((_ref, ref) => {
 });
 IconTrash.displayName = 'IconTrash';
 
-const _excluded$L = ["testId", "size", "color", "style"];
+const _excluded$M = ["testId", "size", "color", "style"];
 const IconUnderline = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-underline',
@@ -5684,7 +5684,7 @@ const IconUnderline = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$L);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$M);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5705,7 +5705,7 @@ const IconUnderline = forwardRef((_ref, ref) => {
 });
 IconUnderline.displayName = 'IconUnderline';
 
-const _excluded$K = ["testId", "size", "color", "style"];
+const _excluded$L = ["testId", "size", "color", "style"];
 const IconUndo = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-undo',
@@ -5713,7 +5713,7 @@ const IconUndo = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$L);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5734,7 +5734,7 @@ const IconUndo = forwardRef((_ref, ref) => {
 });
 IconUndo.displayName = 'IconUndo';
 
-const _excluded$J = ["testId", "size", "color", "style"];
+const _excluded$K = ["testId", "size", "color", "style"];
 const IconUniversity = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-university',
@@ -5742,7 +5742,7 @@ const IconUniversity = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$J);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$K);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5770,7 +5770,7 @@ const IconUniversity = forwardRef((_ref, ref) => {
 });
 IconUniversity.displayName = 'IconUniversity';
 
-const _excluded$I = ["testId", "size", "color", "style"];
+const _excluded$J = ["testId", "size", "color", "style"];
 const IconUnlock = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-unlock',
@@ -5778,7 +5778,7 @@ const IconUnlock = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$J);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5806,7 +5806,7 @@ const IconUnlock = forwardRef((_ref, ref) => {
 });
 IconUnlock.displayName = 'IconUnlock';
 
-const _excluded$H = ["testId", "size", "color", "style"];
+const _excluded$I = ["testId", "size", "color", "style"];
 const IconUserComputer = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-computer',
@@ -5814,7 +5814,7 @@ const IconUserComputer = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$I);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5846,7 +5846,7 @@ const IconUserComputer = forwardRef((_ref, ref) => {
 });
 IconUserComputer.displayName = 'IconUserComputer';
 
-const _excluded$G = ["testId", "size", "color", "style"];
+const _excluded$H = ["testId", "size", "color", "style"];
 const IconUserFriends = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-friends',
@@ -5854,7 +5854,7 @@ const IconUserFriends = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$H);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5875,7 +5875,7 @@ const IconUserFriends = forwardRef((_ref, ref) => {
 });
 IconUserFriends.displayName = 'IconUserFriends';
 
-const _excluded$F = ["testId", "size", "color", "style"];
+const _excluded$G = ["testId", "size", "color", "style"];
 const IconUserLight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-light',
@@ -5883,7 +5883,7 @@ const IconUserLight = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$G);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5906,7 +5906,7 @@ const IconUserLight = forwardRef((_ref, ref) => {
 });
 IconUserLight.displayName = 'IconUserLight';
 
-const _excluded$E = ["testId", "size", "color", "style"];
+const _excluded$F = ["testId", "size", "color", "style"];
 const IconUserPlus = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-plus',
@@ -5914,7 +5914,7 @@ const IconUserPlus = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$F);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5935,7 +5935,7 @@ const IconUserPlus = forwardRef((_ref, ref) => {
 });
 IconUserPlus.displayName = 'IconUserPlus';
 
-const _excluded$D = ["testId", "size", "color", "style"];
+const _excluded$E = ["testId", "size", "color", "style"];
 const IconUserSearch = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-search',
@@ -5943,7 +5943,7 @@ const IconUserSearch = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$E);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5973,7 +5973,7 @@ const IconUserSearch = forwardRef((_ref, ref) => {
 });
 IconUserSearch.displayName = 'IconUserSearch';
 
-const _excluded$C = ["testId", "size", "color", "style"];
+const _excluded$D = ["testId", "size", "color", "style"];
 const IconUserSlash = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-slash',
@@ -5981,7 +5981,7 @@ const IconUserSlash = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$D);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6009,7 +6009,7 @@ const IconUserSlash = forwardRef((_ref, ref) => {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-const _excluded$B = ["testId", "size", "color", "style"];
+const _excluded$C = ["testId", "size", "color", "style"];
 const IconUserSolid = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-solid',
@@ -6017,7 +6017,7 @@ const IconUserSolid = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$C);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6038,7 +6038,7 @@ const IconUserSolid = forwardRef((_ref, ref) => {
 });
 IconUserSolid.displayName = 'IconUserSolid';
 
-const _excluded$A = ["testId", "size", "color", "style"];
+const _excluded$B = ["testId", "size", "color", "style"];
 const IconUserTag = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-tag',
@@ -6046,7 +6046,7 @@ const IconUserTag = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6069,7 +6069,7 @@ const IconUserTag = forwardRef((_ref, ref) => {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-const _excluded$z = ["testId", "size", "color", "style"];
+const _excluded$A = ["testId", "size", "color", "style"];
 const IconUserTie = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-tie',
@@ -6077,7 +6077,7 @@ const IconUserTie = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6098,7 +6098,7 @@ const IconUserTie = forwardRef((_ref, ref) => {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-const _excluded$y = ["testId", "size", "color", "style"];
+const _excluded$z = ["testId", "size", "color", "style"];
 const IconUsers = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-users',
@@ -6106,7 +6106,7 @@ const IconUsers = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6127,7 +6127,7 @@ const IconUsers = forwardRef((_ref, ref) => {
 });
 IconUsers.displayName = 'IconUsers';
 
-const _excluded$x = ["testId", "size", "color", "style"];
+const _excluded$y = ["testId", "size", "color", "style"];
 const IconVideo = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-video',
@@ -6135,7 +6135,7 @@ const IconVideo = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6156,7 +6156,7 @@ const IconVideo = forwardRef((_ref, ref) => {
 });
 IconVideo.displayName = 'IconVideo';
 
-const _excluded$w = ["testId", "size", "color", "style"];
+const _excluded$x = ["testId", "size", "color", "style"];
 const IconVolumeMute = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-volume-mute',
@@ -6164,7 +6164,7 @@ const IconVolumeMute = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6185,7 +6185,7 @@ const IconVolumeMute = forwardRef((_ref, ref) => {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-const _excluded$v = ["testId", "size", "color", "style"];
+const _excluded$w = ["testId", "size", "color", "style"];
 const IconVolume = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-volume',
@@ -6193,7 +6193,7 @@ const IconVolume = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6214,7 +6214,7 @@ const IconVolume = forwardRef((_ref, ref) => {
 });
 IconVolume.displayName = 'IconVolume';
 
-const _excluded$u = ["testId", "size", "color", "style"];
+const _excluded$v = ["testId", "size", "color", "style"];
 const IconWrench = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-wrench',
@@ -6222,7 +6222,7 @@ const IconWrench = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6243,20 +6243,20 @@ const IconWrench = forwardRef((_ref, ref) => {
 });
 IconWrench.displayName = 'IconWrench';
 
-var styles$1h = {"pagination-controls":"_S1co-"};
+var styles$1i = {"pagination-controls":"_S1co-"};
 
-var styles$1g = {"keyboard-key":"_sgd9a","keyboard-key--light":"_8zg4j","keyboard-key__character":"_GAIig"};
+var styles$1h = {"keyboard-key":"_sgd9a","keyboard-key--light":"_8zg4j","keyboard-key__character":"_GAIig"};
 
 const KeyboardKey = ({
   children,
   theme: _theme = 'dark'
 }) => {
   return React__default.createElement("span", {
-    className: classnames(styles$1g['keyboard-key'], {
-      [styles$1g['keyboard-key--light']]: _theme === 'light'
+    className: classnames(styles$1h['keyboard-key'], {
+      [styles$1h['keyboard-key--light']]: _theme === 'light'
     })
   }, React__default.createElement("span", {
-    className: styles$1g['keyboard-key__character']
+    className: styles$1h['keyboard-key__character']
   }, children));
 };
 
@@ -6361,7 +6361,7 @@ var ActionList$1 = {
 	emptyStateTitle: "No action items"
 };
 var PhoneField$1 = {
-	malformedPhoneNumber: "Malformed phone number. Please enter a valid phone number."
+	malformedPhoneNumber: "Please enter a valid phone number."
 };
 var en = {
 	PaginationControls: PaginationControls$1,
@@ -6401,7 +6401,7 @@ const useTranslation = context => {
   return translate;
 };
 
-const _excluded$t = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
+const _excluded$u = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
 /**
  * `PaginationControls` are two buttons side by side.
  */
@@ -6414,7 +6414,7 @@ const PaginationControls = _ref => {
       testId,
       scrollTarget
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$t);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$u);
   const __ = useTranslation('PaginationControls');
   const {
     dataProps
@@ -6451,7 +6451,7 @@ const PaginationControls = _ref => {
     }
   });
   return React__default.createElement("div", _extends({}, dataProps, {
-    className: styles$1h['pagination-controls'],
+    className: styles$1i['pagination-controls'],
     "data-testid": testId
   }), React__default.createElement(Button, {
     disabled: !hasPrevious,
@@ -6481,9 +6481,9 @@ const LINK_TARGET = {
   BLANK: '_blank'
 };
 
-var styles$1f = {"link":"_EiQ4c"};
+var styles$1g = {"link":"_EiQ4c"};
 
-const _excluded$s = ["href", "target", "theme", "onClick", "children"];
+const _excluded$t = ["href", "target", "theme", "onClick", "children"];
 const Link = _ref => {
   let {
       href,
@@ -6492,14 +6492,14 @@ const Link = _ref => {
       onClick,
       children
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$s);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$t);
   const {
     dataProps
   } = getDataProps(otherProps);
   return React__default.createElement("a", _extends({}, dataProps, {
-    className: classnames(styles$1f['link'], {
-      [styles$1f['link--primary']]: theme === LINK_THEME.PRIMARY,
-      [styles$1f['link--contrast']]: theme === LINK_THEME.CONTRAST
+    className: classnames(styles$1g['link'], {
+      [styles$1g['link--primary']]: theme === LINK_THEME.PRIMARY,
+      [styles$1g['link--contrast']]: theme === LINK_THEME.CONTRAST
     }),
     href: href,
     target: target,
@@ -6520,7 +6520,7 @@ const DropdownContext = React__default.createContext({
 });
 const useDropdownContext = () => React__default.useContext(DropdownContext);
 
-var styles$1e = {"dropdown-pane":"_sp-pT"};
+var styles$1f = {"dropdown-pane":"_sp-pT"};
 
 const DROPDOWN_PANE_PADDING = 14;
 const calculateOverlayPosition = (triggerPosition, triggerOffsetHeight, panePosition, alignment) => {
@@ -6656,8 +6656,8 @@ const PaneOverlay = ({
   useKeyPress(['Escape'], onToggleDropdown);
   const overflow = maxHeight ? 'auto' : undefined;
   return React__default.createElement("div", {
-    className: classnames(styles$1e['dropdown-pane'], {
-      [styles$1e['dropdown-pane--with-padding']]: true
+    className: classnames(styles$1f['dropdown-pane'], {
+      [styles$1f['dropdown-pane--with-padding']]: true
     }),
     style: _extends({}, position, {
       width,
@@ -6687,7 +6687,7 @@ const getKeyboardFocusableElements = element => {
   });
 };
 
-var styles$1d = {"dropdown__trigger":"_AktVc"};
+var styles$1e = {"dropdown__trigger":"_AktVc"};
 
 const DROPDOWN_ALIGNEMNT = {
   LEFT: 'left',
@@ -6698,7 +6698,7 @@ const DROPDOWN_TRIGGER = {
   CLICK: 'click'
 };
 
-var styles$1c = {"label":"_zv4ua","label--truncate":"_FPyID"};
+var styles$1d = {"label":"_zv4ua","label--truncate":"_FPyID"};
 
 const isEllipsisActive = e => {
   return e.offsetWidth < e.scrollWidth;
@@ -6747,8 +6747,8 @@ const Label = ({
   const LabelElement = React__default.createElement("label", {
     htmlFor: htmlFor,
     id: labelId,
-    className: classnames(styles$1c['label'], {
-      [styles$1c['label--truncate']]: shouldTruncate
+    className: classnames(styles$1d['label'], {
+      [styles$1d['label--truncate']]: shouldTruncate
     })
   }, children);
   if (showTooltip) {
@@ -6760,7 +6760,7 @@ const Label = ({
   return LabelElement;
 };
 
-var styles$1b = {"caption":"_Qrxg5"};
+var styles$1c = {"caption":"_Qrxg5"};
 
 const Caption = ({
   fieldId,
@@ -6768,11 +6768,11 @@ const Caption = ({
 }) => {
   return React__default.createElement("div", {
     id: fieldId && `${fieldId}-describer`,
-    className: styles$1b['caption']
+    className: styles$1c['caption']
   }, children);
 };
 
-var styles$1a = {"error-message":"_eS4YO"};
+var styles$1b = {"error-message":"_eS4YO"};
 
 const ErrorMessage = ({
   fieldId,
@@ -6781,7 +6781,7 @@ const ErrorMessage = ({
 }) => {
   return React__default.createElement("div", {
     id: fieldId && `${fieldId}-error-message`,
-    className: styles$1a['error-message'],
+    className: styles$1b['error-message'],
     "data-testid": testId
   }, React__default.createElement(Inline, {
     space: 8,
@@ -6818,9 +6818,9 @@ const ALIGNMENTS = {
   JUSTIFY: 'justify'
 };
 
-var styles$19 = {"text":"_6SgoN","text__body":"_SF95f","text__caption":"_HHohB","text__insight":"_xdhK0","text__span":"_yZbuO","text--bold":"_i2LHD","text--italic":"_NgSTT","text--underline":"_ouqVK","text--dotted-underline":"_zZ55-","text--monospace":"_Vi-V1","text--line-through":"_psV6T","text--align-left":"_tfSIf","text--align-right":"_AK1Nr","text--align-center":"_N-tR4","text--align-justify":"_LkMr0"};
+var styles$1a = {"text":"_6SgoN","text__body":"_SF95f","text__caption":"_HHohB","text__insight":"_xdhK0","text__span":"_yZbuO","text--bold":"_i2LHD","text--italic":"_NgSTT","text--underline":"_ouqVK","text--dotted-underline":"_zZ55-","text--monospace":"_Vi-V1","text--line-through":"_psV6T","text--align-left":"_tfSIf","text--align-right":"_AK1Nr","text--align-center":"_N-tR4","text--align-justify":"_LkMr0"};
 
-const _excluded$r = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
+const _excluded$s = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
 const TextComponent = (_ref, ref) => {
   let {
       children,
@@ -6831,7 +6831,7 @@ const TextComponent = (_ref, ref) => {
       testId,
       textWrap
     } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$r);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$s);
   const {
     positionProps,
     otherProps
@@ -6846,21 +6846,21 @@ const TextComponent = (_ref, ref) => {
       color: getColor(color),
       textWrap
     }, positionStyles),
-    className: classnames(styles$19['text'], {
-      [styles$19['text--bold']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD),
-      [styles$19['text--italic']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC),
-      [styles$19['text--underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE),
-      [styles$19['text--dotted-underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE),
-      [styles$19['text--monospace']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE),
-      [styles$19['text--line-through']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH),
-      [styles$19['text--align-left']]: alignment === ALIGNMENTS.LEFT,
-      [styles$19['text--align-right']]: alignment === ALIGNMENTS.RIGHT,
-      [styles$19['text--align-center']]: alignment === ALIGNMENTS.CENTER,
-      [styles$19['text--align-justify']]: alignment === ALIGNMENTS.JUSTIFY,
-      [styles$19['text__body']]: as === TEXT_TYPES.BODY,
-      [styles$19['text__insight']]: as === TEXT_TYPES.INSIGHT,
-      [styles$19['text__caption']]: as === TEXT_TYPES.CAPTION,
-      [styles$19['text__span']]: as === TEXT_TYPES.SPAN
+    className: classnames(styles$1a['text'], {
+      [styles$1a['text--bold']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD),
+      [styles$1a['text--italic']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC),
+      [styles$1a['text--underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE),
+      [styles$1a['text--dotted-underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE),
+      [styles$1a['text--monospace']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE),
+      [styles$1a['text--line-through']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH),
+      [styles$1a['text--align-left']]: alignment === ALIGNMENTS.LEFT,
+      [styles$1a['text--align-right']]: alignment === ALIGNMENTS.RIGHT,
+      [styles$1a['text--align-center']]: alignment === ALIGNMENTS.CENTER,
+      [styles$1a['text--align-justify']]: alignment === ALIGNMENTS.JUSTIFY,
+      [styles$1a['text__body']]: as === TEXT_TYPES.BODY,
+      [styles$1a['text__insight']]: as === TEXT_TYPES.INSIGHT,
+      [styles$1a['text__caption']]: as === TEXT_TYPES.CAPTION,
+      [styles$1a['text__span']]: as === TEXT_TYPES.SPAN
     }),
     'data-testid': testId
   }, dataProps, other, {
@@ -6877,7 +6877,7 @@ const Bold = ({
   children
 }) => {
   return React__default.createElement("span", {
-    className: classnames(styles$19['text--bold'], styles$19['text'])
+    className: classnames(styles$1a['text--bold'], styles$1a['text'])
   }, children);
 };
 
@@ -6885,7 +6885,7 @@ const Underline = ({
   children
 }) => {
   return React__default.createElement("span", {
-    className: classnames(styles$19['text--underline'], styles$19['text'])
+    className: classnames(styles$1a['text--underline'], styles$1a['text'])
   }, children);
 };
 
@@ -6893,11 +6893,11 @@ const Italic = ({
   children
 }) => {
   return React__default.createElement("span", {
-    className: classnames(styles$19['text--italic'], styles$19['text'])
+    className: classnames(styles$1a['text--italic'], styles$1a['text'])
   }, children);
 };
 
-const _excluded$q = ["id", "label", "caption", "characterCount", "error", "children"];
+const _excluded$r = ["id", "label", "caption", "characterCount", "error", "children"];
 const Field = _ref => {
   let {
       id,
@@ -6907,7 +6907,7 @@ const Field = _ref => {
       error,
       children
     } = _ref,
-    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$q);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$r);
   const shouldRenderLabel = label || typeof label === 'string';
   const CharacterConter = () => React__default.createElement(Inline, {
     justifyContent: "space-between",
@@ -7030,9 +7030,9 @@ const useFieldControllers = ({
   return controllers;
 };
 
-var styles$18 = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
+var styles$19 = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
 
-const _excluded$p = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
+const _excluded$q = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
 const useTextField = _ref => {
   let {
       autoComplete,
@@ -7054,7 +7054,7 @@ const useTextField = _ref => {
       ref,
       testId
     } = _ref,
-    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$p);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$q);
   const controllers = useFieldControllers({
     error,
     id,
@@ -7071,8 +7071,8 @@ const useTextField = _ref => {
     'aria-invalid': hasError,
     autoComplete,
     autoFocus,
-    className: classnames(styles$18['text-field'], {
-      [styles$18['text-field--invalid']]: hasError
+    className: classnames(styles$19['text-field'], {
+      [styles$19['text-field--invalid']]: hasError
     }),
     'data-testid': testId,
     disabled,
@@ -7103,7 +7103,7 @@ const useTextField = _ref => {
   };
 };
 
-var styles$17 = {"affix-container":"_F8QOB","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi","prefix":"_yPPIy","suffix":"_Y3yFd"};
+var styles$18 = {"affix-container":"_F8QOB","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi","prefix":"_yPPIy","suffix":"_Y3yFd"};
 
 const AffixContainer = ({
   prefix,
@@ -7138,19 +7138,19 @@ const AffixContainer = ({
   if (!hasPrefix && !hasSuffix) {
     return children;
   }
-  const classes = classnames(styles$17['affix-container'], {
-    [styles$17['affix-container--prefixed']]: hasPrefix,
-    [styles$17['affix-container--suffixed']]: hasSuffix
+  const classes = classnames(styles$18['affix-container'], {
+    [styles$18['affix-container--prefixed']]: hasPrefix,
+    [styles$18['affix-container--suffixed']]: hasSuffix
   });
   return React__default.createElement("div", {
     className: classes,
     ref: container,
     "data-testid": testId
   }, hasPrefix && React__default.createElement("div", {
-    className: styles$17['prefix'],
+    className: styles$18['prefix'],
     ref: prefixElement
   }, prefix), children, hasSuffix && React__default.createElement("div", {
-    className: styles$17['suffix'],
+    className: styles$18['suffix'],
     ref: suffixElement
   }, suffix));
 };
@@ -7198,7 +7198,7 @@ const TimeFieldInput = ({
   })));
 };
 
-const _excluded$o = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration", "timeFormat"];
+const _excluded$p = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration", "timeFormat"];
 const TimeFieldDropdownElement = (_ref, ref) => {
   let {
       placeholder,
@@ -7208,7 +7208,7 @@ const TimeFieldDropdownElement = (_ref, ref) => {
       duration,
       timeFormat
     } = _ref,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$o);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$p);
   const defaultPlaceholder = timeFormat === TIME_FORMAT.FORMAT_AMPM ? '9:00 AM' : '09:00';
   const {
     inputProps,
@@ -7357,7 +7357,7 @@ const Dropdown = ({
       paneRef
     }
   }, triggerIsKnownButton ? React__default.cloneElement(trigger, _extends({}, trigger.props, triggerProps)) : React__default.createElement("button", _extends({}, triggerProps, {
-    className: styles$1d['dropdown__trigger'],
+    className: styles$1e['dropdown__trigger'],
     ref: updatedRef,
     onFocus: handleFocus
   }), trigger), React__default.createElement(DropdownPane, {
@@ -7371,7 +7371,7 @@ const Dropdown = ({
   }, children));
 };
 
-var styles$16 = {"dropdown-list":"_91hvH","dropdown-list__item--hover":"_aMs9c"};
+var styles$17 = {"dropdown-list":"_91hvH","dropdown-list__item--hover":"_aMs9c"};
 
 const findNextActiveIndex = (items, startAt) => {
   let startIndex = 0;
@@ -7471,18 +7471,18 @@ const checkIsComponent = (element, config) => {
   return isComponent;
 };
 
-var styles$15 = {"dropdown-list-divider":"_ISJ4M"};
+var styles$16 = {"dropdown-list-divider":"_ISJ4M"};
 
 const DropdownListDivider = ({
   testId
 }) => {
   return React__default.createElement("div", {
-    className: styles$15['dropdown-list-divider'],
+    className: styles$16['dropdown-list-divider'],
     "data-testid": testId
   });
 };
 
-var styles$14 = {"dropdown-list-item":"_W12mF","dropdown-list-item--selected":"_Zu9cD","dropdown-list-item__content":"_xS6fS","dropdown-list-item__caption":"_7EI7m","dropdown-list-item--disabled":"_0OB5b","dropdown-list-item__prefix":"_dpo67","dropdown-list-item__suffix":"_ObP6B","dropdown-list-item__container":"_IBrNj","dropdown-list-item__link":"_vC0uY"};
+var styles$15 = {"dropdown-list-item":"_W12mF","dropdown-list-item--selected":"_Zu9cD","dropdown-list-item__content":"_xS6fS","dropdown-list-item__caption":"_7EI7m","dropdown-list-item--disabled":"_0OB5b","dropdown-list-item__prefix":"_dpo67","dropdown-list-item__suffix":"_ObP6B","dropdown-list-item__container":"_IBrNj","dropdown-list-item__link":"_vC0uY"};
 
 const DropdownListItem = ({
   onClick,
@@ -7509,28 +7509,28 @@ const DropdownListItem = ({
     onClick && onClick(e);
   };
   const childrenContainer = React__default.createElement("div", {
-    className: styles$14['dropdown-list-item__container']
+    className: styles$15['dropdown-list-item__container']
   }, prefix && React__default.createElement("div", {
-    className: styles$14['dropdown-list-item__prefix']
+    className: styles$15['dropdown-list-item__prefix']
   }, prefix), React__default.createElement("div", {
-    className: styles$14['dropdown-list-item__content']
+    className: styles$15['dropdown-list-item__content']
   }, React__default.createElement(Stack, {
     space: 4,
     flex: [1]
   }, children, caption && React__default.createElement("div", {
-    className: styles$14['dropdown-list-item__caption']
+    className: styles$15['dropdown-list-item__caption']
   }, caption))), suffix && React__default.createElement("div", {
-    className: styles$14['dropdown-list-item__suffix']
+    className: styles$15['dropdown-list-item__suffix']
   }, suffix));
   const linkItem = href && (_reloadDocument ? React__default.createElement("a", {
     href: href,
-    className: styles$14['dropdown-list-item__link'],
+    className: styles$15['dropdown-list-item__link'],
     target: _target,
     tabIndex: -1
   }, childrenContainer) : React__default.createElement(Link$1, {
     to: href,
     target: _target,
-    className: styles$14['dropdown-list-item__link'],
+    className: styles$15['dropdown-list-item__link'],
     reloadDocument: false,
     tabIndex: -1,
     "data-testid": testId
@@ -7538,9 +7538,9 @@ const DropdownListItem = ({
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     React__default.createElement("div", {
-      className: classnames(styles$14['dropdown-list-item'], {
-        [styles$14['dropdown-list-item--selected']]: selected,
-        [styles$14['dropdown-list-item--disabled']]: disabled
+      className: classnames(styles$15['dropdown-list-item'], {
+        [styles$15['dropdown-list-item--selected']]: selected,
+        [styles$15['dropdown-list-item--disabled']]: disabled
       }),
       onMouseDown: e => e.preventDefault(),
       onClick: handleClick,
@@ -7618,14 +7618,14 @@ const DropdownList = ({
     }
   }, [highlightItemIndex]);
   return React__default.createElement("ul", {
-    className: styles$16['dropdown-list'],
+    className: styles$17['dropdown-list'],
     "data-testid": testId,
     ref: listRef
   }, React__default.Children.toArray(children).filter(Boolean).map((child, index) => {
     return React__default.createElement("li", {
       key: index,
-      className: classnames(styles$16['dropdown-list__item'], {
-        [styles$16['dropdown-list__item--hover']]: focusedItem === index
+      className: classnames(styles$17['dropdown-list__item'], {
+        [styles$17['dropdown-list__item--hover']]: focusedItem === index
       }),
       onMouseEnter: () => setFocusOnItem(index),
       role: "menuitem"
@@ -7649,7 +7649,7 @@ const KebabMenu = ({
   }, action.label))));
 };
 
-var styles$13 = {"card":"_TXXpM","card__body":"_C3waP","card__body--interactive":"_uc-GV","card--focus":"_ft0I1","card__body--focus":"_wx2MU","card__body--disabled":"_TQDZH","card__body--with-kebab":"_kkYit","card__kebab":"_xrEdS","card__kebab--disabled":"_0WiOn","card__close":"_yODES","card__close--disabled":"_Vqf6o"};
+var styles$14 = {"card":"_TXXpM","card__body":"_C3waP","card__body--interactive":"_uc-GV","card--focus":"_ft0I1","card__body--focus":"_wx2MU","card__body--disabled":"_TQDZH","card__body--with-kebab":"_kkYit","card__kebab":"_xrEdS","card__kebab--disabled":"_0WiOn","card__close":"_yODES","card__close--disabled":"_Vqf6o"};
 
 const CardContext = createContext({
   isCardMounted: false
@@ -7659,7 +7659,7 @@ const useCardContext = () => {
   return context || {};
 };
 
-const _excluded$n = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
+const _excluded$o = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
 const Card = _ref => {
   let {
       children,
@@ -7670,7 +7670,7 @@ const Card = _ref => {
       actions,
       testId
     } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$n);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$o);
   const translate = useTranslation('Card');
   const {
     positionProps,
@@ -7685,28 +7685,28 @@ const Card = _ref => {
       isCardMounted: true
     }
   }, React__default.createElement("div", _extends({
-    className: classnames(styles$13['card']),
+    className: classnames(styles$14['card']),
     style: positionStyles
   }, dataProps), onClick ? React__default.createElement("button", {
-    className: classnames(styles$13['card__body'], styles$13['card__body--interactive'], {
-      [styles$13['card__body--disabled']]: disabled,
-      [styles$13['card__body--focus']]: isSelected,
-      [styles$13['card__body--with-kebab']]: actions
+    className: classnames(styles$14['card__body'], styles$14['card__body--interactive'], {
+      [styles$14['card__body--disabled']]: disabled,
+      [styles$14['card__body--focus']]: isSelected,
+      [styles$14['card__body--with-kebab']]: actions
     }),
     "data-testid": testId,
     tabIndex: 0,
     onClick: onClick,
     disabled: disabled
   }, children) : React__default.createElement("div", {
-    className: classnames(styles$13['card__body'], {
-      [styles$13['card__body--disabled']]: disabled,
-      [styles$13['card__body--focus']]: isSelected,
-      [styles$13['card__body--with-kebab']]: actions
+    className: classnames(styles$14['card__body'], {
+      [styles$14['card__body--disabled']]: disabled,
+      [styles$14['card__body--focus']]: isSelected,
+      [styles$14['card__body--with-kebab']]: actions
     }),
     "data-testid": testId
   }, children), actions && React__default.createElement("div", {
-    className: classnames(styles$13['card__kebab'], {
-      [styles$13['card__kebab--disabled']]: disabled
+    className: classnames(styles$14['card__kebab'], {
+      [styles$14['card__kebab--disabled']]: disabled
     })
   }, React__default.createElement(KebabMenu, {
     actions: onClose ? actions.concat({
@@ -7715,8 +7715,8 @@ const Card = _ref => {
       onAction: onClose
     }) : actions
   })), !actions && onClose && React__default.createElement("div", {
-    className: classnames(styles$13['card__close'], {
-      [styles$13['card__close--disabled']]: disabled
+    className: classnames(styles$14['card__close'], {
+      [styles$14['card__close--disabled']]: disabled
     })
   }, React__default.createElement(Button, {
     theme: "link-icon",
@@ -7724,7 +7724,7 @@ const Card = _ref => {
   }, React__default.createElement(IconTimes, null)))));
 };
 
-var styles$12 = {"callout-card__close":"_VxmQm","callout-card__header":"_3RrQI"};
+var styles$13 = {"callout-card__close":"_VxmQm","callout-card__header":"_3RrQI"};
 
 /**
  * @deprecated Use `<EmptyState as='card' />` instead
@@ -7745,7 +7745,7 @@ const CalloutCard = ({
   }, React__default.createElement(Stack, {
     space: 12
   }, React__default.createElement("div", {
-    className: styles$12['callout-card__header']
+    className: styles$13['callout-card__header']
   }, React__default.createElement(Text, {
     as: "body",
     color: "primary-color"
@@ -7760,7 +7760,7 @@ const CalloutCard = ({
     alt: String(title) + String(header),
     width: "354px"
   })), onClose && React__default.createElement("div", {
-    className: styles$12['callout-card__close']
+    className: styles$13['callout-card__close']
   }, React__default.createElement(Button, {
     theme: "link-icon",
     onClick: onClose
@@ -7776,7 +7776,7 @@ const Breadcrumbs = ({
   }, children);
 };
 
-var styles$11 = {"breadcrumb-item":"_fo7-A"};
+var styles$12 = {"breadcrumb-item":"_fo7-A"};
 
 const BreadcrumbItem = ({
   href,
@@ -7790,25 +7790,25 @@ const BreadcrumbItem = ({
   // This is neessary to support older versions of react-router-dom
   return _reloadDocument ? React__default.createElement("a", {
     href: href,
-    className: styles$11['breadcrumb-item'],
+    className: styles$12['breadcrumb-item'],
     "data-testid": testId
   }, content) : React__default.createElement(Link$1, {
     to: href,
-    className: styles$11['breadcrumb-item'],
+    className: styles$12['breadcrumb-item'],
     relative: "path",
     reloadDocument: _reloadDocument,
     "data-testid": testId
   }, content);
 };
 
-var styles$10 = {"page-breadcrumbs":"_QjIgc"};
+var styles$11 = {"page-breadcrumbs":"_QjIgc"};
 
 const PageBreadcrumbs = ({
   breadcrumbs
 }) => {
   const items = getBreadbrumbItems(breadcrumbs);
   return React__default.createElement("div", {
-    className: styles$10['page-breadcrumbs']
+    className: styles$11['page-breadcrumbs']
   }, React__default.createElement(Breadcrumbs, null, items));
 };
 const getBreadbrumbItems = breadcrumbs => {
@@ -7828,7 +7828,7 @@ const getBreadbrumbItems = breadcrumbs => {
   }, breadcrumbs.label);
 };
 
-var styles$$ = {"page":"_QB6yF","page--fullwidth":"_g7MTf","page--restricted":"_LRq4j"};
+var styles$10 = {"page":"_QB6yF","page--fullwidth":"_g7MTf","page--restricted":"_LRq4j"};
 
 const PAGE_SIZES = {
   FULL_WIDTH: 'fullwidth',
@@ -7849,9 +7849,9 @@ const Page = ({
   const hasHeader = title || actions;
   const hasPageBlocks = hasHeader || banner || filterBar;
   return React__default.createElement("div", {
-    className: classnames(styles$$['page'], {
-      [styles$$['page--restricted']]: _size === PAGE_SIZES.RESTRICTED,
-      [styles$$['page--fullwidth']]: _size === PAGE_SIZES.FULL_WIDTH
+    className: classnames(styles$10['page'], {
+      [styles$10['page--restricted']]: _size === PAGE_SIZES.RESTRICTED,
+      [styles$10['page--fullwidth']]: _size === PAGE_SIZES.FULL_WIDTH
     }),
     "data-testid": testId
   }, React__default.createElement(Stack, {
@@ -7872,15 +7872,15 @@ const Page = ({
   }, title), actions), subtitle && React__default.createElement(Text, null, subtitle)), banner, filterBar)), children));
 };
 
-var styles$_ = {"page-layout":"_Scw7-","page-layout__nav-container":"_v--DF","page-layout__nav-list":"_dJeZe","page-layout__content":"_hHi70","page-layout__side-nav-content":"_vTMjp"};
+var styles$$ = {"page-layout":"_Scw7-","page-layout__nav-container":"_v--DF","page-layout__nav-list":"_dJeZe","page-layout__content":"_hHi70","page-layout__side-nav-content":"_vTMjp"};
 
-var styles$Z = {"menu-item":"_SebbU","menu-item--active":"_CDEVl","menu-item--with-badge":"_VudDE","menu-item__badge":"_vErBS"};
+var styles$_ = {"menu-item":"_SebbU","menu-item--active":"_CDEVl","menu-item--with-badge":"_VudDE","menu-item__badge":"_vErBS"};
 
-var styles$Y = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-Bw8L","badge--success":"_RxlMz","badge--info":"_dzCH-","badge--numeric":"_Ix9tP"};
+var styles$Z = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-Bw8L","badge--success":"_RxlMz","badge--info":"_dzCH-","badge--numeric":"_Ix9tP"};
 
-var styles$X = {"overlay":"_0yTe8","overlay--after-open":"_yJBtA","overlay--before-close":"_iWogn","content":"_ntozd","content--after-open":"_EQjDq","content--before-close":"_ZTY3B"};
+var styles$Y = {"overlay":"_0yTe8","overlay--after-open":"_yJBtA","overlay--before-close":"_iWogn","content":"_ntozd","content--after-open":"_EQjDq","content--before-close":"_ZTY3B"};
 
-var styles$W = {"header":"_tgpG9","header__close-button":"_b1dgU","sub-header":"_c2nm4"};
+var styles$X = {"header":"_tgpG9","header__close-button":"_b1dgU","sub-header":"_c2nm4"};
 
 const ModalHeader = ({
   header,
@@ -7890,7 +7890,7 @@ const ModalHeader = ({
 }) => {
   if (!header && !subHeader) {
     return onClose ? React__default.createElement("div", {
-      className: styles$W['header__close-button']
+      className: styles$X['header__close-button']
     }, React__default.createElement(Button, {
       theme: "link-icon",
       onClick: onClose,
@@ -7906,13 +7906,13 @@ const ModalHeader = ({
     flex: [1],
     alignItems: "center"
   }, React__default.createElement("span", {
-    className: styles$W['header']
+    className: styles$X['header']
   }, header), onClose && React__default.createElement(Button, {
     theme: "link-icon",
     onClick: onClose,
     disabled: loading
   }, React__default.createElement(IconTimes, null))), subHeader && React__default.createElement("div", {
-    className: styles$W['sub-header']
+    className: styles$X['sub-header']
   }, subHeader));
 };
 
@@ -7924,7 +7924,7 @@ const useModalContext = () => {
   return context || {};
 };
 
-const _excluded$m = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
+const _excluded$n = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
 const Modal = _ref => {
   let {
       children,
@@ -7941,7 +7941,7 @@ const Modal = _ref => {
       shouldReturnFocusAfterClose = true,
       testId
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$m);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$n);
   const style = {
     content: {
       width,
@@ -7970,14 +7970,14 @@ const Modal = _ref => {
     contentLabel: "Modal",
     appElement: rootElementId && document.getElementById(rootElementId) || undefined,
     overlayClassName: {
-      base: styles$X['overlay'],
-      afterOpen: styles$X['overlay--after-open'],
-      beforeClose: styles$X['overlay--before-close']
+      base: styles$Y['overlay'],
+      afterOpen: styles$Y['overlay--after-open'],
+      beforeClose: styles$Y['overlay--before-close']
     },
     className: {
-      base: styles$X['content'],
-      afterOpen: styles$X['content--after-open'],
-      beforeClose: styles$X['content--before-close']
+      base: styles$Y['content'],
+      afterOpen: styles$Y['content--after-open'],
+      beforeClose: styles$Y['content--before-close']
     },
     data: dataProps
   }, React__default.createElement(ModalHeader, {
@@ -8019,7 +8019,7 @@ const useScrollShadow = () => {
   };
 };
 
-var styles$V = {"modal-body":"_4YK4k","modal-body--with-scroll-shadow":"_wo1vv","modal-body__inner-div":"_9u6xC"};
+var styles$W = {"modal-body":"_4YK4k","modal-body--with-scroll-shadow":"_wo1vv","modal-body__inner-div":"_9u6xC"};
 
 const ModalBody = ({
   children,
@@ -8030,17 +8030,17 @@ const ModalBody = ({
     showScrollShadow
   } = useScrollShadow();
   return React__default.createElement("div", {
-    className: classnames(styles$V['modal-body'], {
-      [styles$V['modal-body--with-scroll-shadow']]: showScrollShadow
+    className: classnames(styles$W['modal-body'], {
+      [styles$W['modal-body--with-scroll-shadow']]: showScrollShadow
     }),
     ref: ref,
     "data-testid": testId
   }, React__default.createElement("div", {
-    className: styles$V['modal-body__inner-div']
+    className: styles$W['modal-body__inner-div']
   }, children));
 };
 
-var styles$U = {"modal-footer":"_bezlP","tertiary-container":"_EdqHx"};
+var styles$V = {"modal-footer":"_bezlP","tertiary-container":"_EdqHx"};
 
 const updateButtonProps$1 = (button, newProps) => {
   if (!button) {
@@ -8077,7 +8077,7 @@ const ModalFooter = ({
       justifyContent: "space-between"
     }, React__default.createElement("div", {
       className: classnames({
-        [styles$U['tertiary-container']]: tertiaryButton && tertiaryButton.props.theme.startsWith('link')
+        [styles$V['tertiary-container']]: tertiaryButton && tertiaryButton.props.theme.startsWith('link')
       })
     }, tertiaryButton || React__default.createElement("div", null)), React__default.createElement(Inline, {
       space: 12
@@ -8095,7 +8095,7 @@ const FooterContainer = ({
     displayName: 'Inline'
   });
   return React__default.createElement("div", {
-    className: styles$U['modal-footer'],
+    className: styles$V['modal-footer'],
     "data-testid": testId
   }, React__default.createElement(Inline, {
     justifyContent: "end",
@@ -8108,7 +8108,7 @@ var dayOverridesStyles = {"root":"_et9Fs","table":"_l7Mis","caption":"_XGu8K","h
 
 var weekOverridesStyles = {"root":"_QLSA6","table":"_96jgF","caption":"_4ySMr","head_cell":"_2AoB4","day_today":"_Snv-V","day_outside":"_Zf-6C","nav_button":"_iOY4h","day_range_middle":"_e0lOH","day_range_start":"_4N7l-","day_range_end":"_fMjHG","row":"_GqE-5"};
 
-var styles$T = {"calendar":"_YPyZ6","calendar__overlay":"_-cw0A"};
+var styles$U = {"calendar":"_YPyZ6","calendar__overlay":"_-cw0A"};
 
 function parseDate(str, format, locale) {
   const parsed = dateFnsParse(str, format, new Date(), {
@@ -8343,9 +8343,9 @@ const Calendar = ({
     }
   };
   return React__default.createElement(Portal, null, React__default.createElement("div", {
-    className: styles$T['calendar']
+    className: styles$U['calendar']
   }, React__default.createElement("div", {
-    className: styles$T['calendar__overlay'],
+    className: styles$U['calendar__overlay'],
     ref: ref => setCalendarRef(ref),
     style: _extends({}, calendarPosition, {
       zIndex: isInsideDropdown ? getZIndex('dropdown-level-2') : getZIndex('dropdown')
@@ -8403,9 +8403,9 @@ const useCheckBoxFieldControllers = ({
   return controllers;
 };
 
-var styles$S = {"check-box-field":"_Id4qm","check-box-field__caption":"_s9d-m","check-box-field__custom-input":"_kmvBP"};
+var styles$T = {"check-box-field":"_Id4qm","check-box-field__caption":"_s9d-m","check-box-field__custom-input":"_kmvBP"};
 
-const _excluded$l = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
+const _excluded$m = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
 /** CheckboxField form element. */
 const CheckboxField = _ref => {
   let {
@@ -8420,7 +8420,7 @@ const CheckboxField = _ref => {
       disabled,
       testId
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$l);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$m);
   const controllers = useCheckBoxFieldControllers({
     name,
     id: inputId,
@@ -8438,7 +8438,7 @@ const CheckboxField = _ref => {
     flexItems: true,
     flex: ['0 0 auto']
   }, otherProps), React__default.createElement("div", {
-    className: styles$S['check-box-field']
+    className: styles$T['check-box-field']
   }, React__default.createElement("input", {
     name: name,
     id: controllers.id,
@@ -8451,12 +8451,12 @@ const CheckboxField = _ref => {
     onChange: controllers.onChange,
     onBlur: controllers.onBlur
   }), React__default.createElement("span", {
-    className: styles$S['check-box-field__custom-input']
+    className: styles$T['check-box-field__custom-input']
   })), label && React__default.createElement(Label, {
     htmlFor: controllers.id,
     truncate: false
   }, label)), caption && React__default.createElement("div", {
-    className: styles$S['check-box-field__caption']
+    className: styles$T['check-box-field__caption']
   }, React__default.createElement(Caption, {
     fieldId: controllers.id
   }, caption)), controllers.error && React__default.createElement(ErrorMessage, {
@@ -8494,9 +8494,9 @@ const useLocalStorage = (key, initialValue) => {
   return [storedValue, setValue];
 };
 
-var styles$R = {"hint-modal":"_NwD6V","hint-modal--after-open":"_4ofZb","hint-modal--before-close":"_hGoMD","hint-modal__overlay":"_iK5zl","hint-modal__image":"_V9hLa","hint-modal__body":"_oOqUg","hint-modal__close-button":"_5zcBK"};
+var styles$S = {"hint-modal":"_NwD6V","hint-modal--after-open":"_4ofZb","hint-modal--before-close":"_hGoMD","hint-modal__overlay":"_iK5zl","hint-modal__image":"_V9hLa","hint-modal__body":"_oOqUg","hint-modal__close-button":"_5zcBK"};
 
-const _excluded$k = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "secondaryButton", "testId", "onSetDoNotShowAgainStatus"];
+const _excluded$l = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "secondaryButton", "testId", "onSetDoNotShowAgainStatus"];
 const HintModal = _ref => {
   let {
       header,
@@ -8509,7 +8509,7 @@ const HintModal = _ref => {
       testId,
       onSetDoNotShowAgainStatus
     } = _ref,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$l);
   const __ = useTranslation('HintModal');
   const [doNotShowAgain, setDoNotShowAgain] = useState(false);
   const [persistedDoNotShow, setPersistedDoNotShow] = useLocalStorage(modalId, false);
@@ -8557,22 +8557,22 @@ const HintModal = _ref => {
     closeTimeoutMS: 200,
     contentLabel: "Modal",
     className: {
-      base: styles$R['hint-modal'],
-      afterOpen: styles$R['hint-modal--after-open'],
-      beforeClose: styles$R['hint-modal--before-close']
+      base: styles$S['hint-modal'],
+      afterOpen: styles$S['hint-modal--after-open'],
+      beforeClose: styles$S['hint-modal--before-close']
     },
-    overlayClassName: styles$R['hint-modal__overlay']
+    overlayClassName: styles$S['hint-modal__overlay']
   }, React__default.createElement("div", {
-    className: styles$R['hint-modal__close-button']
+    className: styles$S['hint-modal__close-button']
   }, React__default.createElement(Button, {
     theme: "link-icon",
     onClick: handleOnClose
   }, React__default.createElement(IconTimes, null))), mediaUrl && React__default.createElement("img", {
-    className: styles$R['hint-modal__image'],
+    className: styles$S['hint-modal__image'],
     src: mediaUrl,
     alt: String(header)
   }), React__default.createElement("div", {
-    className: styles$R['hint-modal__body']
+    className: styles$S['hint-modal__body']
   }, React__default.createElement(Stack, {
     justifyContent: "space-between"
   }, React__default.createElement(Stack, {
@@ -8593,7 +8593,7 @@ const HintModal = _ref => {
   }, secondaryButtonUpdated, primaryButtonUpdated)))));
 };
 
-const _excluded$j = ["children", "theme", "title", "testId"];
+const _excluded$k = ["children", "theme", "title", "testId"];
 const BadgeElement = (_ref, forwardedRef) => {
   let {
       children,
@@ -8601,7 +8601,7 @@ const BadgeElement = (_ref, forwardedRef) => {
       title,
       testId
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
   const internalRef = useRef(null);
   const ref = forwardedRef || internalRef;
   useLayoutEffect(() => {
@@ -8613,12 +8613,12 @@ const BadgeElement = (_ref, forwardedRef) => {
     overlay: title,
     ref: ref
   }, React__default.createElement("div", _extends({
-    className: classnames(styles$Y['badge'], {
-      [styles$Y['badge--success']]: theme === 'success',
-      [styles$Y['badge--danger']]: theme === 'danger',
-      [styles$Y['badge--info']]: theme === 'info',
-      [styles$Y['badge--warning']]: theme === 'warning',
-      [styles$Y['badge--numeric']]: Number.isFinite(children)
+    className: classnames(styles$Z['badge'], {
+      [styles$Z['badge--success']]: theme === 'success',
+      [styles$Z['badge--danger']]: theme === 'danger',
+      [styles$Z['badge--info']]: theme === 'info',
+      [styles$Z['badge--warning']]: theme === 'warning',
+      [styles$Z['badge--numeric']]: Number.isFinite(children)
     }),
     ref: ref,
     "data-testid": testId
@@ -8630,28 +8630,28 @@ const MenuItem = ({
   menu
 }) => {
   return React__default.createElement("li", {
-    className: classnames(styles$Z['menu-item'], {
-      [styles$Z['menu-item--with-badge']]: !!menu.suffix
+    className: classnames(styles$_['menu-item'], {
+      [styles$_['menu-item--with-badge']]: !!menu.suffix
     })
   }, menu.reloadDocument ? React__default.createElement("a", {
     href: menu.to,
     className: classnames({
-      [styles$Z['menu-item--active']]: menu.isActive
+      [styles$_['menu-item--active']]: menu.isActive
     })
   }, menu.label, !!menu.suffix && React__default.createElement("div", {
-    className: styles$Z['menu-item__badge']
+    className: styles$_['menu-item__badge']
   }, React__default.createElement(Badge, null, menu.suffix))) : React__default.createElement(NavLink, {
     to: menu.to,
     // @ts-expect-error This is only available on v5
-    activeClassName: styles$Z['menu-item--active'],
+    activeClassName: styles$_['menu-item--active'],
     className: ({
       isActive
     }) => {
-      return isActive ? styles$Z['menu-item--active'] : '';
+      return isActive ? styles$_['menu-item--active'] : '';
     },
     exact: true
   }, menu.label, !!menu.suffix && React__default.createElement("div", {
-    className: styles$Z['menu-item__badge']
+    className: styles$_['menu-item__badge']
   }, React__default.createElement(Badge, null, menu.suffix))));
 };
 
@@ -8662,9 +8662,9 @@ const PageLayout = ({
   sideNavContent
 }) => {
   return React__default.createElement("div", {
-    className: styles$_['page-layout']
+    className: styles$$['page-layout']
   }, React__default.createElement("div", {
-    className: styles$_['page-layout__nav-container']
+    className: styles$$['page-layout__nav-container']
   }, React__default.createElement(Stack, {
     space: 12
   }, React__default.createElement(Text, {
@@ -8673,14 +8673,14 @@ const PageLayout = ({
     ml: 20,
     mr: 35
   }, title), React__default.createElement("ul", {
-    className: styles$_['page-layout__nav-list']
+    className: styles$$['page-layout__nav-list']
   }, menu.filter(menu => !('isVisible' in menu) || (menu == null ? void 0 : menu.isVisible) === true).map((menuItem, index) => React__default.createElement(MenuItem, {
     key: menuItem.name || index,
     menu: menuItem
   }))), sideNavContent && React__default.createElement("div", {
-    className: styles$_['page-layout__side-nav-content']
+    className: styles$$['page-layout__side-nav-content']
   }, sideNavContent))), React__default.createElement("div", {
-    className: styles$_['page-layout__content']
+    className: styles$$['page-layout__content']
   }, children));
 };
 
@@ -8690,7 +8690,7 @@ const TOAST_THEME = {
 };
 const TOAST_CONTAINER_ID = 'sous-chef-toast';
 
-var styles$Q = {"toast":"_iSC5P","toast--danger":"_OWpOG","toast__text":"_4JJwF"};
+var styles$R = {"toast":"_iSC5P","toast--danger":"_OWpOG","toast__text":"_4JJwF"};
 
 const toast = (text, theme = TOAST_THEME.DEFAULT, options = {}) => {
   if (typeof text !== 'string') {
@@ -8707,8 +8707,8 @@ const toast = (text, theme = TOAST_THEME.DEFAULT, options = {}) => {
     onActionClick: onActionClick
   }) : text;
   toast$1(content, _extends({
-    className: classnames(styles$Q['toast'], {
-      [styles$Q['toast--danger']]: theme === TOAST_THEME.DANGER
+    className: classnames(styles$R['toast'], {
+      [styles$R['toast--danger']]: theme === TOAST_THEME.DANGER
     }),
     containerId: TOAST_CONTAINER_ID
   }, options));
@@ -8734,7 +8734,7 @@ const ToastBodyWithAction = ({
 const ToastContainer = ({
   containerId: _containerId = TOAST_CONTAINER_ID
 }) => React__default.createElement(ToastContainer$1, {
-  bodyClassName: styles$Q['toast__text'],
+  bodyClassName: styles$R['toast__text'],
   hideProgressBar: true,
   draggable: false,
   transition: Slide,
@@ -8777,7 +8777,7 @@ const SousChefProvider = ({
   }, React__default.createElement(ToastContainer, null), children));
 };
 
-var styles$P = {"data-table-header":"_F4U3o","data-table-header__item":"_KKljd","data-table-header__item--sortable":"_oKH7a","data-table-header__itemfocus":"_xrDya","data-table-header__item--action":"_RLGaD","data-table-header__item-content":"_3p3fm","data-table-header__item-content--right-align":"_rXid3","data-table-header__item-content--has-description":"_vgjHE","data-table-header__sort-icon":"_-xiIl"};
+var styles$Q = {"data-table-header":"_F4U3o","data-table-header__item":"_KKljd","data-table-header__item--sortable":"_oKH7a","data-table-header__itemfocus":"_xrDya","data-table-header__item--action":"_RLGaD","data-table-header__item-content":"_3p3fm","data-table-header__item-content--right-align":"_rXid3","data-table-header__item-content--has-description":"_vgjHE","data-table-header__sort-icon":"_-xiIl"};
 
 const SORT_ORDER = {
   ASC: 'asc',
@@ -8950,7 +8950,7 @@ const DataTableHeader = ({
     },
     id: `${tableId}-header`
   }, React__default.createElement("tr", {
-    className: styles$P['data-table-header']
+    className: styles$Q['data-table-header']
   }, columns.filter(column => !column.hidden).map(column => {
     const isSortable = column.isSortable;
     const sortDir = column.currentSort;
@@ -8958,8 +8958,8 @@ const DataTableHeader = ({
     const hasDescription = !!column.description;
     return React__default.createElement("th", {
       className: classnames({
-        [styles$P['data-table-header__item']]: true,
-        [styles$P['data-table-header__item--sortable']]: isSortable
+        [styles$Q['data-table-header__item']]: true,
+        [styles$Q['data-table-header__item--sortable']]: isSortable
       }),
       style: {
         flex: column.size || 1,
@@ -8971,18 +8971,18 @@ const DataTableHeader = ({
       role: "columnheader",
       tabIndex: 0
     }, React__default.createElement("div", {
-      className: classnames(styles$P['data-table-header__item-content'], {
-        [styles$P['data-table-header__item-content--right-align']]: isRightAligned
+      className: classnames(styles$Q['data-table-header__item-content'], {
+        [styles$Q['data-table-header__item-content--right-align']]: isRightAligned
       }, {
-        [styles$P['data-table-header__item-content--has-description']]: hasDescription
+        [styles$Q['data-table-header__item-content--has-description']]: hasDescription
       })
     }, wrapWithTooltip(column), isSortable && React__default.createElement("span", {
-      className: styles$P['data-table-header__sort-icon']
+      className: styles$Q['data-table-header__sort-icon']
     }, React__default.createElement(HeaderSortIcon, {
       sortDirection: sortDir
     }))));
   }), showActionMenu && React__default.createElement("th", {
-    className: classnames(styles$P['data-table-header__item'], styles$P['data-table-header__item--action'])
+    className: classnames(styles$Q['data-table-header__item'], styles$Q['data-table-header__item--action'])
   }))));
 };
 const wrapWithTooltip = column => {
@@ -8996,9 +8996,9 @@ const wrapWithTooltip = column => {
   return column.label;
 };
 
-var styles$O = {"data-table":"_zEfoA","data-table__content":"_v-WNu","data-table__content--with-scroll":"_xI2-r","data-table__background-loading":"_ED7Nm","data-table__table":"_fnq34","data-table__table--no-columns":"_qSrJq","data-table__body":"_1SNLz","data-table__body--no-bottom-radius":"_zCIMD","data-table__footer":"_mp1Ok","data-table__pagination-controls":"_vdEZz"};
+var styles$P = {"data-table":"_zEfoA","data-table__content":"_v-WNu","data-table__content--with-scroll":"_xI2-r","data-table__background-loading":"_ED7Nm","data-table__table":"_fnq34","data-table__table--no-columns":"_qSrJq","data-table__body":"_1SNLz","data-table__body--no-bottom-radius":"_zCIMD","data-table__footer":"_mp1Ok","data-table__pagination-controls":"_vdEZz"};
 
-var styles$N = {"data-table-scroll-fake-border":"_wZ8Xg","data-table-scroll-fake-border--fixed-scroll":"_C5CU0","data-table-scroll-fake-border--top":"_L5fRB","data-table-scroll-fake-border--bottom":"_omhE4","data-table-scroll-fake-border__left":"_mpDFy","data-table-scroll-fake-border__left--top":"_G3b-p","data-table-scroll-fake-border__left--bottom":"_YUMxZ","data-table-scroll-fake-border__right":"_xUVcY","data-table-scroll-fake-border__right--top":"_BE0hn","data-table-scroll-fake-border__right--bottom":"_UtFdB"};
+var styles$O = {"data-table-scroll-fake-border":"_wZ8Xg","data-table-scroll-fake-border--fixed-scroll":"_C5CU0","data-table-scroll-fake-border--top":"_L5fRB","data-table-scroll-fake-border--bottom":"_omhE4","data-table-scroll-fake-border__left":"_mpDFy","data-table-scroll-fake-border__left--top":"_G3b-p","data-table-scroll-fake-border__left--bottom":"_YUMxZ","data-table-scroll-fake-border__right":"_xUVcY","data-table-scroll-fake-border__right--top":"_BE0hn","data-table-scroll-fake-border__right--bottom":"_UtFdB"};
 
 const useTableHeaderHeight = isShowingColumns => {
   const {
@@ -9050,10 +9050,10 @@ const DataTableScrollFakeBorder = ({
   const hasFixedScroll = useDetectFixedScroll();
   const backgroundColor = useBackgroundColor();
   return React__default.createElement("div", {
-    className: classnames(styles$N['data-table-scroll-fake-border'], {
-      [styles$N['data-table-scroll-fake-border--top']]: placement === 'top',
-      [styles$N['data-table-scroll-fake-border--bottom']]: placement === 'bottom',
-      [styles$N['data-table-scroll-fake-border--fixed-scroll']]: hasFixedScroll
+    className: classnames(styles$O['data-table-scroll-fake-border'], {
+      [styles$O['data-table-scroll-fake-border--top']]: placement === 'top',
+      [styles$O['data-table-scroll-fake-border--bottom']]: placement === 'bottom',
+      [styles$O['data-table-scroll-fake-border--fixed-scroll']]: hasFixedScroll
     }),
     style: {
       // @ts-expect-error This difines a custom CSS variable
@@ -9061,14 +9061,14 @@ const DataTableScrollFakeBorder = ({
       top: placement === 'top' ? headerHeight : undefined
     }
   }, React__default.createElement("div", {
-    className: classnames(styles$N['data-table-scroll-fake-border__left'], {
-      [styles$N['data-table-scroll-fake-border__left--top']]: placement === 'top',
-      [styles$N['data-table-scroll-fake-border__left--bottom']]: placement === 'bottom'
+    className: classnames(styles$O['data-table-scroll-fake-border__left'], {
+      [styles$O['data-table-scroll-fake-border__left--top']]: placement === 'top',
+      [styles$O['data-table-scroll-fake-border__left--bottom']]: placement === 'bottom'
     })
   }), React__default.createElement("div", {
-    className: classnames(styles$N['data-table-scroll-fake-border__right'], {
-      [styles$N['data-table-scroll-fake-border__right--top']]: placement === 'top',
-      [styles$N['data-table-scroll-fake-border__right--bottom']]: placement === 'bottom'
+    className: classnames(styles$O['data-table-scroll-fake-border__right'], {
+      [styles$O['data-table-scroll-fake-border__right--top']]: placement === 'top',
+      [styles$O['data-table-scroll-fake-border__right--bottom']]: placement === 'bottom'
     }),
     "data-background-color": "red"
   }));
@@ -9086,10 +9086,10 @@ const BUTTON_THEME = {
   UPSELL: 'upsell'
 };
 
-var styles$M = {"banner":"_omAUf","banner__title":"_8xIYW","banner__body":"_oA2J6","banner__body--multilineCTA":"_PLG8Z","banner--info":"_CRmFE","banner__icon":"_T80if","banner__icon--multiline":"_uJl2Y","banner--success":"_PgpTw","banner--danger":"_O-lNW","banner--warning":"_fICdJ","banner--upsell":"_kUB2k","banner__close":"_P6nbA","banner--single-line":"_w-zAz"};
+var styles$N = {"banner":"_omAUf","banner__title":"_8xIYW","banner__body":"_oA2J6","banner__body--multilineCTA":"_PLG8Z","banner--info":"_CRmFE","banner__icon":"_T80if","banner__icon--multiline":"_uJl2Y","banner--success":"_PgpTw","banner--danger":"_O-lNW","banner--warning":"_fICdJ","banner--upsell":"_kUB2k","banner__close":"_P6nbA","banner--single-line":"_w-zAz"};
 
 /** Infers theme prop for Sous Chef Button CTAs if not explicitly passed, default is hollow, primaryCTA is Upsell if banner theme is Upsell*/
-const ButtonCTA = ({
+const ButtonCTA$1 = ({
   button,
   bannerTheme,
   primaryCTA: _primaryCTA = false
@@ -9107,7 +9107,7 @@ const ButtonCTA = ({
   }, button.props));
 };
 
-var styles$L = {"banner__caption":"_S--Ce"};
+var styles$M = {"banner__caption":"_S--Ce"};
 
 const InlineBannerCTA = ({
   primaryButton,
@@ -9121,25 +9121,25 @@ const InlineBannerCTA = ({
   }, multiLine ? React__default.createElement(Inline, {
     flexWrap: "wrap",
     space: 12
-  }, React__default.createElement(ButtonCTA, {
+  }, React__default.createElement(ButtonCTA$1, {
     button: primaryButton,
     bannerTheme: bannerTheme,
     primaryCTA: true
-  }), secondaryButton && React__default.createElement(ButtonCTA, {
+  }), secondaryButton && React__default.createElement(ButtonCTA$1, {
     button: secondaryButton,
     bannerTheme: bannerTheme
   })) : React__default.createElement(Inline, {
     flexWrap: "wrap",
     space: 12
-  }, secondaryButton && React__default.createElement(ButtonCTA, {
+  }, secondaryButton && React__default.createElement(ButtonCTA$1, {
     button: secondaryButton,
     bannerTheme: bannerTheme
-  }), React__default.createElement(ButtonCTA, {
+  }), React__default.createElement(ButtonCTA$1, {
     button: primaryButton,
     bannerTheme: bannerTheme,
     primaryCTA: true
   })), caption && multiLine && React__default.createElement("div", {
-    className: styles$L['banner__caption']
+    className: styles$M['banner__caption']
   }, caption));
 };
 
@@ -9160,7 +9160,7 @@ const InlineBannerIcon = ({
   }
 };
 
-const _excluded$i = ["children", "theme", "icon", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
+const _excluded$j = ["children", "theme", "icon", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
 const InlineBanner = _ref => {
   let {
       children,
@@ -9173,28 +9173,28 @@ const InlineBanner = _ref => {
       secondaryButton,
       testId
     } = _ref,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   const positionStyles = usePositionStyles(positionProps);
   const multiLine = !!title;
   const dismissable = !!onClose;
   const Layout = multiLine ? Stack : Inline;
   return React__default.createElement("div", {
     "data-testid": testId,
-    className: classnames(styles$M['banner'], {
-      [styles$M['banner--info']]: theme === BANNER_THEME.INFO,
-      [styles$M['banner--warning']]: theme === BANNER_THEME.WARNING,
-      [styles$M['banner--success']]: theme === BANNER_THEME.SUCCESS,
-      [styles$M['banner--danger']]: theme === BANNER_THEME.DANGER,
-      [styles$M['banner--upsell']]: theme === BANNER_THEME.UPSELL,
-      [styles$M['banner--single-line']]: !multiLine
+    className: classnames(styles$N['banner'], {
+      [styles$N['banner--info']]: theme === BANNER_THEME.INFO,
+      [styles$N['banner--warning']]: theme === BANNER_THEME.WARNING,
+      [styles$N['banner--success']]: theme === BANNER_THEME.SUCCESS,
+      [styles$N['banner--danger']]: theme === BANNER_THEME.DANGER,
+      [styles$N['banner--upsell']]: theme === BANNER_THEME.UPSELL,
+      [styles$N['banner--single-line']]: !multiLine
     }),
     style: positionStyles
   }, React__default.createElement(Inline, {
     flex: ['0 1 auto', 1],
     space: 12
   }, React__default.createElement("div", {
-    className: classnames(styles$M['banner__icon'], {
-      [styles$M['banner__icon--multiline']]: multiLine
+    className: classnames(styles$N['banner__icon'], {
+      [styles$N['banner__icon--multiline']]: multiLine
     })
   }, icon != null ? icon : React__default.createElement(InlineBannerIcon, {
     theme: theme
@@ -9205,10 +9205,10 @@ const InlineBanner = _ref => {
     flex: ['min-content'],
     flexWrap: multiLine ? undefined : 'wrap'
   }, title && React__default.createElement("div", {
-    className: styles$M['banner__title']
+    className: styles$N['banner__title']
   }, title), React__default.createElement("div", {
-    className: classnames(styles$M['banner__body'], {
-      [styles$M['banner__body--multilineCTA']]: primaryButton && multiLine
+    className: classnames(styles$N['banner__body'], {
+      [styles$N['banner__body--multilineCTA']]: primaryButton && multiLine
     })
   }, children), primaryButton && React__default.createElement(InlineBannerCTA, {
     primaryButton: primaryButton,
@@ -9217,7 +9217,7 @@ const InlineBanner = _ref => {
     multiLine: multiLine,
     bannerTheme: theme
   })), dismissable && React__default.createElement("div", {
-    className: styles$M['banner__close']
+    className: styles$N['banner__close']
   }, React__default.createElement(Button, {
     theme: "link-icon",
     type: "button",
@@ -9225,6 +9225,89 @@ const InlineBanner = _ref => {
   }, React__default.createElement(IconTimes, null)))));
 };
 
+const MICRO_BANNER_THEME = {
+  INFO: 'info',
+  WARNING: 'warning',
+  SUCCESS: 'success',
+  DANGER: 'danger',
+  UPSELL: 'upsell'
+};
+
+var styles$L = {"micro-banner":"_fRjhT","micro-banner__icon":"_UZMd0","micro-banner__content":"_mJAeX","micro-banner__content--no-icon":"_ZFsBE","micro-banner__content--no-button":"_UN43A","micro-banner__button":"_bTamw","micro-banner--info":"_ULD-f","micro-banner--success":"_5MitA","micro-banner--danger":"_8wmuB","micro-banner--warning":"_515OI","micro-banner--upsell":"_EfwcL"};
+
+const MicroBannerIcon = ({
+  theme
+}) => {
+  switch (theme) {
+    case MICRO_BANNER_THEME.INFO:
+      return React__default.createElement(IconInfoCircle, null);
+    case MICRO_BANNER_THEME.WARNING:
+      return React__default.createElement(IconExclaimationTriangle, null);
+    case MICRO_BANNER_THEME.SUCCESS:
+      return React__default.createElement(IconCheck, null);
+    case MICRO_BANNER_THEME.DANGER:
+      return React__default.createElement(IconTimesOctagon, null);
+    case MICRO_BANNER_THEME.UPSELL:
+      return React__default.createElement(IconAward, null);
+  }
+};
+
+/** Infers theme prop for Sous Chef Button CTAs if not passed, primaryCTA is Upsell if banner theme is Upsell, default otherwise**/
+const ButtonCTA = ({
+  button,
+  bannerTheme
+}) => {
+  if (button.type !== Button || button.props.theme) {
+    return button;
+  }
+  if (bannerTheme === MICRO_BANNER_THEME.UPSELL) {
+    return React__default.cloneElement(button, _extends({
+      theme: BUTTON_THEMES.UPSELL
+    }, button.props));
+  }
+  return React__default.cloneElement(button, _extends({
+    theme: BUTTON_THEMES.DEFAULT
+  }, button.props));
+};
+
+const _excluded$i = ["children", "theme", "icon", "hideIcon", "title", "primaryButton", "testId"];
+const MicroBanner = _ref => {
+  let {
+      children,
+      theme = MICRO_BANNER_THEME.INFO,
+      icon,
+      hideIcon,
+      title,
+      primaryButton,
+      testId
+    } = _ref,
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+  const positionStyles = usePositionStyles(positionProps);
+  const themeClass = styles$L[`micro-banner--${theme}`];
+  const contentClass = classnames(styles$L['micro-banner__content'], hideIcon && styles$L['micro-banner__content--no-icon'], !primaryButton && styles$L['micro-banner__content--no-button']);
+  return React__default.createElement("div", {
+    "data-testid": testId,
+    className: classnames(styles$L['micro-banner'], themeClass),
+    style: positionStyles
+  }, !hideIcon && React__default.createElement("div", {
+    className: styles$L['micro-banner__icon'],
+    "data-testid": `${testId || 'micro-banner'}-icon`
+  }, icon != null ? icon : React__default.createElement(MicroBannerIcon, {
+    theme: theme
+  })), React__default.createElement("div", {
+    className: contentClass
+  }, title && React__default.createElement(Text, {
+    emphasis: 'bold'
+  }, title), React__default.createElement(Text, {
+    as: 'caption'
+  }, children)), primaryButton && React__default.createElement("div", {
+    className: styles$L['micro-banner__button']
+  }, React__default.createElement(ButtonCTA, {
+    button: primaryButton,
+    bannerTheme: theme
+  })));
+};
+
 const PERSISTENT_BANNER_THEME = {
   UPSELL: 'upsell',
   INFO: 'info',
@@ -10114,7 +10197,7 @@ const DataTable = _ref => {
       return null;
     }
     return React__default.createElement("div", {
-      className: styles$O['data-table__pagination-controls'],
+      className: styles$P['data-table__pagination-controls'],
       "data-testid": testId && `${testId}-pagination-controls`
     }, React__default.createElement(PaginationControls, {
       hasPrevious: isLoading ? false : hasPrevious,
@@ -10137,7 +10220,7 @@ const DataTable = _ref => {
       tableId
     }
   }, React__default.createElement("div", {
-    className: classnames(styles$O['data-table']),
+    className: classnames(styles$P['data-table']),
     ref: tableRef,
     style: positionStyles
   }, React__default.createElement(DataTableStickyColumnsContainer, {
@@ -10148,24 +10231,24 @@ const DataTable = _ref => {
     placement: "top",
     isShowingColumns: !!isShowingColumns
   }), React__default.createElement("div", {
-    className: classnames(styles$O['data-table__content'], {
-      [styles$O['data-table__content--with-scroll']]: isScrollableTable
+    className: classnames(styles$P['data-table__content'], {
+      [styles$P['data-table__content--with-scroll']]: isScrollableTable
     }),
     style: conditionalStyles,
     id: `${tableId}-content`
   }, state === DATA_TABLE_STATES.BACKGROUND_LOADING && React__default.createElement("div", {
-    className: styles$O['data-table__background-loading']
+    className: styles$P['data-table__background-loading']
   }, React__default.createElement(Spinner, null)), React__default.createElement("table", _extends({
-    className: classnames(styles$O['data-table__table'], {
-      [styles$O['data-table__table--no-columns']]: !isShowingColumns
+    className: classnames(styles$P['data-table__table'], {
+      [styles$P['data-table__table--no-columns']]: !isShowingColumns
     })
   }, dataProps), columns && isShowingColumns && React__default.createElement(DataTableHeader, {
     columns: columns,
     onSort: onSort,
     showActionMenu: isShowingContent && showActionMenu
   }), React__default.createElement("tbody", {
-    className: classnames(styles$O['data-table__body'], {
-      [styles$O['data-table__body--no-bottom-radius']]: isShowingFooter && isShowingContent
+    className: classnames(styles$P['data-table__body'], {
+      [styles$P['data-table__body--no-bottom-radius']]: isShowingFooter && isShowingContent
     }),
     "data-testid": testId
   }, isShowingContent && content.map((item, index) => {
@@ -10184,7 +10267,7 @@ const DataTable = _ref => {
   }), state === DATA_TABLE_STATES.SKELETON_LOADING && React__default.createElement(React__default.Fragment, null, skeletonRows.map((_, index) => React__default.createElement(SkeletonRow, {
     key: index
   })))), isShowingFooter && isShowingContent && React__default.createElement("tfoot", {
-    className: styles$O['data-table__footer'],
+    className: styles$P['data-table__footer'],
     "data-testid": testId && `${testId}-footer`
   }, footerComponent)))), !isShowingFooter && isScrollableTable && React__default.createElement(DataTableScrollFakeBorder, {
     placement: "bottom",
@@ -10743,7 +10826,7 @@ function CustomMenu(_ref) {
     flex: [1],
     flexItems: true
   }, React__default.createElement("input", {
-    className: classnames(styles$18['text-field'], styles$t['custom-menu-text-field']),
+    className: classnames(styles$19['text-field'], styles$t['custom-menu-text-field']),
     autoCorrect: "off",
     autoComplete: "off",
     spellCheck: "false",
@@ -12470,9 +12553,9 @@ const DateRangeCalendar = ({
   const DAYS = getDays(translate);
   const MONTH_NAMES = getMonths(translate);
   return React__default.createElement(Portal, null, React__default.createElement("div", {
-    className: styles$T['calendar']
+    className: styles$U['calendar']
   }, React__default.createElement("div", {
-    className: styles$T['calendar__overlay'],
+    className: styles$U['calendar__overlay'],
     ref: ref => setCalendarRef(ref),
     style: _extends({}, calendarPosition, {
       zIndex: getZIndex('dropdown')
@@ -13477,8 +13560,8 @@ const usePhoneField = ({
     'aria-describedby': hasError ? `${controllers.id}-error-message` : `${controllers.id}-describer`,
     'aria-invalid': hasError,
     autoFocus,
-    className: classnames(styles$18['text-field'], {
-      [styles$18['text-field--invalid']]: hasError
+    className: classnames(styles$19['text-field'], {
+      [styles$19['text-field--invalid']]: hasError
     }),
     'data-testid': testId,
     disabled,
@@ -14857,5 +14940,5 @@ const EmptyState = props => {
   return emptyStateContainer;
 };
 
-export { Accordion, ActionList, ActionListItem, AsyncSelectField, Avatar, Badge, Bold, BreadcrumbItem, Breadcrumbs, Button, COLORS, Calendar, CalloutCard, Card, CheckboxField, Chip, CircularProgress, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Dropdown, DropdownList, DropdownListDivider, DropdownListItem, EmptyState, Form, FormFeedback, FormFooter, FormRow, FormSection, HintModal, IconAnalytics, IconArrowDown, IconArrowDownWideShort, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowTurnDownRight, IconArrowUp, IconAward, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconCheckCircleIncomplete, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconClockExclamation, IconClockRewind, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDollarSign, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconEnvelopeOpenDollar, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFaceSmileRelaxed, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHandHoldingDollar, IconHandPointRight, IconHandshake, IconHatChef, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMedal, IconMegaphone, IconMessages, IconMinus, IconMinusCircle, IconMoneyBill, IconMugSaucerSolid, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlateUtensils, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconRocket, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconSparkle, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTable, IconTachometer, IconThumbsDown, IconThumbsUp, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUnlock, IconUserComputer, IconUserFriends, IconUserLight, IconUserPlus, IconUserSearch, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, InlineBanner, Italic, Link, Modal, ModalBody, ModalFooter, MultiSelectField, NumberField, Page, PageLayout, PaginationControls, PasswordField, Paywall, PercentageField, PersistentBanner, PhoneField, Pill, PillSelectField, ProgressBar, RadioGroupBoxOption, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField, Skeleton, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, TimeRangeField, Toggle, ToolbarSelect, Tooltip, Underline, WeekField, ZINDEX, toast, useDataTableContext };
+export { Accordion, ActionList, ActionListItem, AsyncSelectField, Avatar, Badge, Bold, BreadcrumbItem, Breadcrumbs, Button, COLORS, Calendar, CalloutCard, Card, CheckboxField, Chip, CircularProgress, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Dropdown, DropdownList, DropdownListDivider, DropdownListItem, EmptyState, Form, FormFeedback, FormFooter, FormRow, FormSection, HintModal, IconAnalytics, IconArrowDown, IconArrowDownWideShort, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowTurnDownRight, IconArrowUp, IconAward, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconCheckCircleIncomplete, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconClockExclamation, IconClockRewind, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDollarSign, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconEnvelopeOpenDollar, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFaceSmileRelaxed, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHandHoldingDollar, IconHandPointRight, IconHandshake, IconHatChef, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMedal, IconMegaphone, IconMessages, IconMinus, IconMinusCircle, IconMoneyBill, IconMugSaucerSolid, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlateUtensils, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconRocket, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconSparkle, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTable, IconTachometer, IconThumbsDown, IconThumbsUp, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUnlock, IconUserComputer, IconUserFriends, IconUserLight, IconUserPlus, IconUserSearch, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, InlineBanner, Italic, Link, MicroBanner, Modal, ModalBody, ModalFooter, MultiSelectField, NumberField, Page, PageLayout, PaginationControls, PasswordField, Paywall, PercentageField, PersistentBanner, PhoneField, Pill, PillSelectField, ProgressBar, RadioGroupBoxOption, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField, Skeleton, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, TimeRangeField, Toggle, ToolbarSelect, Tooltip, Underline, WeekField, ZINDEX, toast, useDataTableContext };
 //# sourceMappingURL=index.modern.mjs.map