@7shifts/sous-chef 4.5.0 → 4.6.0-beta.0

package/dist/index.js

@@ -300,7 +300,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   return t;
 }
 
-var styles$1A = {"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$1D = {"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 usePositionStyles = function usePositionStyles(_ref) {
   var m = _ref.m,
@@ -341,7 +341,7 @@ var kebabize = function kebabize(str) {
   });
 };
 
-var _excluded$en = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
+var _excluded$eq = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
 var getPositionProps = function getPositionProps(_ref) {
   var m = _ref.m,
     margin = _ref.margin,
@@ -353,7 +353,7 @@ var getPositionProps = function getPositionProps(_ref) {
     marginBottom = _ref.marginBottom,
     ml = _ref.ml,
     marginLeft = _ref.marginLeft,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$en);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$eq);
   return {
     positionProps: {
       m: m,
@@ -387,7 +387,7 @@ var getDataProps = function getDataProps(props, config) {
   });
 };
 
-var _excluded$em = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "flexGrow", "testId", "extraClass"];
+var _excluded$ep = ["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
  */
@@ -412,14 +412,14 @@ var Flex = function Flex(_ref) {
     flexGrow = _ref.flexGrow,
     testId = _ref.testId,
     extraClass = _ref.extraClass,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$em);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$ep);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   var positionStyles = usePositionStyles(positionProps);
-  var className = classnames__default["default"](styles$1A['flex'], extraClass, (_classNames = {}, _classNames[styles$1A['align-start']] = alignItems === 'flex-start', _classNames[styles$1A['align-end']] = alignItems === 'flex-end', _classNames[styles$1A['align-center']] = alignItems === 'center', _classNames[styles$1A['justify-start']] = justifyContent === 'start', _classNames[styles$1A['justify-end']] = justifyContent === 'end', _classNames[styles$1A['justify-center']] = justifyContent === 'center', _classNames[styles$1A['justify-space-between']] = justifyContent === 'space-between', _classNames[styles$1A['inline-flex']] = inlineFlex, _classNames));
+  var className = classnames__default["default"](styles$1D['flex'], extraClass, (_classNames = {}, _classNames[styles$1D['align-start']] = alignItems === 'flex-start', _classNames[styles$1D['align-end']] = alignItems === 'flex-end', _classNames[styles$1D['align-center']] = alignItems === 'center', _classNames[styles$1D['justify-start']] = justifyContent === 'start', _classNames[styles$1D['justify-end']] = justifyContent === 'end', _classNames[styles$1D['justify-center']] = justifyContent === 'center', _classNames[styles$1D['justify-space-between']] = justifyContent === 'space-between', _classNames[styles$1D['inline-flex']] = inlineFlex, _classNames));
   var items = React__default["default"].Children.toArray(children).filter(Boolean);
   var gap = typeof space === 'object' ? space.row + "px " + space.column + "px" : space;
   return React__default["default"].createElement("div", _extends({
@@ -435,7 +435,7 @@ var Flex = function Flex(_ref) {
     var _classNames2;
     return React__default["default"].createElement("div", {
       key: i,
-      className: classnames__default["default"](styles$1A['flex__item'], (_classNames2 = {}, _classNames2[styles$1A['flex__item--flexible']] = flexItems, _classNames2)),
+      className: classnames__default["default"](styles$1D['flex__item'], (_classNames2 = {}, _classNames2[styles$1D['flex__item--flexible']] = flexItems, _classNames2)),
       style: {
         flex: flex ? flex[i] || '0 1 auto' : '0 1 auto'
       }
@@ -443,23 +443,23 @@ var Flex = function Flex(_ref) {
   }));
 };
 
-var _excluded$el = ["alignItems"];
+var _excluded$eo = ["alignItems"];
 /**
  * Layout component to easily stack elements up in a column.
  */
 var Stack = function Stack(_ref) {
   var _ref$alignItems = _ref.alignItems,
     alignItems = _ref$alignItems === void 0 ? 'stretch' : _ref$alignItems,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$el);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$eo);
   return React__namespace.createElement(Flex, _extends({}, props, {
     alignItems: alignItems,
     direction: "column"
   }));
 };
 
-var styles$1z = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
+var styles$1C = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
 
-var _excluded$ek = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
+var _excluded$en = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
 /**
  * Used when you want to allow the user to turn some information ON and OFF.
  *
@@ -474,13 +474,13 @@ var Toggle = function Toggle(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     id = _ref.id,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$ek);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$en);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   return React__default["default"].createElement(Stack, {
     space: 8
   }, React__default["default"].createElement("label", _extends({}, dataProps, {
-    className: styles$1z['toggle']
+    className: styles$1C['toggle']
   }), React__default["default"].createElement("input", {
     type: "checkbox",
     checked: checked,
@@ -489,11 +489,11 @@ var Toggle = function Toggle(_ref) {
     id: id,
     "data-testid": testId
   }), React__default["default"].createElement("span", {
-    className: styles$1z['toggle__switch']
+    className: styles$1C['toggle__switch']
   }), label && React__default["default"].createElement("span", {
-    className: styles$1z['toggle__label']
+    className: styles$1C['toggle__label']
   }, label)), caption && React__default["default"].createElement("span", {
-    className: styles$1z['toggle__caption']
+    className: styles$1C['toggle__caption']
   }, caption));
 };
 
@@ -513,7 +513,7 @@ var SPINNER_THEMES = {
   PRIDE: 'pride'
 };
 
-var styles$1y = {"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$1B = {"spinner":"_memxT","rotator":"_QieGp","spinner--block":"_VoFzz","path":"_KSRP9","dash":"_RyBY2","path--mint":"_-sIZJ","path--disabled":"_3fox0","path--contrast":"_VteKz","path--pride":"_7rzsv"};
 
 var Spinner = function Spinner(_ref) {
   var _classnames;
@@ -526,9 +526,9 @@ var Spinner = function Spinner(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'spinner' : _ref$testId;
   return React__default["default"].createElement("div", {
-    className: classnames__default["default"]((_classnames = {}, _classnames[styles$1y['spinner--block']] = block, _classnames))
+    className: classnames__default["default"]((_classnames = {}, _classnames[styles$1B['spinner--block']] = block, _classnames))
   }, React__default["default"].createElement("svg", {
-    className: styles$1y['spinner'],
+    className: styles$1B['spinner'],
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
@@ -603,7 +603,7 @@ var Spinner = function Spinner(_ref) {
     offset: "1",
     stopColor: "#760088"
   }))), React__default["default"].createElement("circle", {
-    className: classnames__default["default"](styles$1y['path'], styles$1y["path--" + theme]),
+    className: classnames__default["default"](styles$1B['path'], styles$1B["path--" + theme]),
     fill: "none",
     strokeWidth: "6",
     strokeLinecap: "round",
@@ -613,9 +613,9 @@ var Spinner = function Spinner(_ref) {
   })));
 };
 
-var styles$1x = {"tooltip":"_Ydu2O"};
+var styles$1A = {"tooltip":"_Ydu2O"};
 
-var styles$1w = {"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$1z = {"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 TOOLTIP_THEME = {
   BLACK: 'black',
@@ -814,15 +814,15 @@ var TooltipOverlay = function TooltipOverlay(_ref) {
       maxHeight: maxHeight,
       zIndex: getZIndex('tooltip')
     }),
-    className: classnames__default["default"](styles$1w['tooltip-overlay'], extraClass, (_classnames = {}, _classnames[styles$1w['tooltip-overlay--visible']] = isVisible, _classnames[styles$1w['tooltip-overlay--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames[styles$1w['tooltip-overlay--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames)),
+    className: classnames__default["default"](styles$1z['tooltip-overlay'], extraClass, (_classnames = {}, _classnames[styles$1z['tooltip-overlay--visible']] = isVisible, _classnames[styles$1z['tooltip-overlay--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames[styles$1z['tooltip-overlay--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames)),
     onMouseEnter: onFocusIn,
     onMouseLeave: onFocusOut
   }, React__default["default"].createElement(Stack, {
     space: 8
   }, header && React__default["default"].createElement("div", {
-    className: styles$1w['tooltip-overlay__header']
+    className: styles$1z['tooltip-overlay__header']
   }, header), children)), React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$1w['tooltip-overlay-arrow'], extraClass, (_classnames2 = {}, _classnames2[styles$1w['tooltip-overlay-arrow--visible']] = isVisible, _classnames2[styles$1w['tooltip-overlay-arrow--top']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP, _classnames2[styles$1w['tooltip-overlay-arrow--bottom']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM, _classnames2[styles$1w['tooltip-overlay-arrow--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames2[styles$1w['tooltip-overlay-arrow--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames2)),
+    className: classnames__default["default"](styles$1z['tooltip-overlay-arrow'], extraClass, (_classnames2 = {}, _classnames2[styles$1z['tooltip-overlay-arrow--visible']] = isVisible, _classnames2[styles$1z['tooltip-overlay-arrow--top']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP, _classnames2[styles$1z['tooltip-overlay-arrow--bottom']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM, _classnames2[styles$1z['tooltip-overlay-arrow--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames2[styles$1z['tooltip-overlay-arrow--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames2)),
     style: _extends({}, position.arrow, {
       zIndex: getZIndex('tooltip')
     }),
@@ -940,7 +940,7 @@ var TooltipElement = function TooltipElement(_ref, forwardedRef) {
     }), overlayElement);
   }
   return React__default["default"].createElement("div", _extends({
-    className: classnames__default["default"](styles$1x['tooltip'])
+    className: classnames__default["default"](styles$1A['tooltip'])
   }, commonProps, {
     ref: containerRef
   }), children, overlayElement);
@@ -950,7 +950,7 @@ var isTooltipCompatible = function isTooltipCompatible(element) {
   return React__default["default"].isValidElement(element) && typeof element.type === 'string';
 };
 
-var styles$1v = {"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$1y = {"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 BUTTON_SIZES = {
   FULL_WIDTH: 'full-width',
@@ -1003,7 +1003,7 @@ var COMPONENT_NAMES = {
   BUTTON: 'BUTTON'
 };
 
-var _excluded$ej = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
+var _excluded$em = ["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"];
 var ButtonComponent = function ButtonComponent(_ref, ref) {
   var _classnames;
@@ -1028,7 +1028,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
     target = _ref$target === void 0 ? BUTTON_TARGETS.SELF : _ref$target,
     testId = _ref.testId,
     size = _ref.size,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$ej);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$em);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -1045,7 +1045,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
     onBlur: onBlur,
     onFocus: onFocus,
     onKeyDown: onKeyDown,
-    className: classnames__default["default"](styles$1v['button'], (_classnames = {}, _classnames[styles$1v['button--default']] = theme === BUTTON_THEMES.DEFAULT, _classnames[styles$1v['button--primary']] = theme === BUTTON_THEMES.PRIMARY, _classnames[styles$1v['button--danger']] = theme === BUTTON_THEMES.DANGER, _classnames[styles$1v['button--upsell']] = theme === BUTTON_THEMES.UPSELL, _classnames[styles$1v['button--marketing']] = theme === BUTTON_THEMES.MARKETING, _classnames[styles$1v['button--hollow']] = theme === BUTTON_THEMES.HOLLOW, _classnames[styles$1v['button--hollow-contrast']] = theme === BUTTON_THEMES.HOLLOW_CONTRAST, _classnames[styles$1v['button--link-primary']] = theme === BUTTON_THEMES.LINK_PRIMARY, _classnames[styles$1v['button--link-danger']] = theme === BUTTON_THEMES.LINK_DANGER, _classnames[styles$1v['button--link-upsell']] = theme === BUTTON_THEMES.LINK_UPSELL, _classnames[styles$1v['button--link-toolbar']] = theme === BUTTON_THEMES.LINK_TOOLBAR, _classnames[styles$1v['button--link-contrast']] = theme === BUTTON_THEMES.LINK_CONTRAST, _classnames[styles$1v['button--link-icon']] = theme === BUTTON_THEMES.LINK_ICON, _classnames[styles$1v['button--loading']] = loading, _classnames[styles$1v['button--icon-only']] = isIconOnly, _classnames[styles$1v['button--size-min-width-100']] = size === BUTTON_SIZES.MIN_WIDTH_100, _classnames[styles$1v['button--size-full-width']] = size === BUTTON_SIZES.FULL_WIDTH, _classnames)),
+    className: classnames__default["default"](styles$1y['button'], (_classnames = {}, _classnames[styles$1y['button--default']] = theme === BUTTON_THEMES.DEFAULT, _classnames[styles$1y['button--primary']] = theme === BUTTON_THEMES.PRIMARY, _classnames[styles$1y['button--danger']] = theme === BUTTON_THEMES.DANGER, _classnames[styles$1y['button--upsell']] = theme === BUTTON_THEMES.UPSELL, _classnames[styles$1y['button--marketing']] = theme === BUTTON_THEMES.MARKETING, _classnames[styles$1y['button--hollow']] = theme === BUTTON_THEMES.HOLLOW, _classnames[styles$1y['button--hollow-contrast']] = theme === BUTTON_THEMES.HOLLOW_CONTRAST, _classnames[styles$1y['button--link-primary']] = theme === BUTTON_THEMES.LINK_PRIMARY, _classnames[styles$1y['button--link-danger']] = theme === BUTTON_THEMES.LINK_DANGER, _classnames[styles$1y['button--link-upsell']] = theme === BUTTON_THEMES.LINK_UPSELL, _classnames[styles$1y['button--link-toolbar']] = theme === BUTTON_THEMES.LINK_TOOLBAR, _classnames[styles$1y['button--link-contrast']] = theme === BUTTON_THEMES.LINK_CONTRAST, _classnames[styles$1y['button--link-icon']] = theme === BUTTON_THEMES.LINK_ICON, _classnames[styles$1y['button--loading']] = loading, _classnames[styles$1y['button--icon-only']] = isIconOnly, _classnames[styles$1y['button--size-min-width-100']] = size === BUTTON_SIZES.MIN_WIDTH_100, _classnames[styles$1y['button--size-full-width']] = size === BUTTON_SIZES.FULL_WIDTH, _classnames)),
     type: type,
     disabled: disabled || loading,
     href: href,
@@ -1058,7 +1058,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
     space: 8,
     alignItems: "center"
   }, children), loading && React__default["default"].createElement("div", {
-    className: styles$1v['button__spinner']
+    className: styles$1y['button__spinner']
   }, React__default["default"].createElement(Spinner, {
     theme: contrastSpinner.includes(theme) ? SPINNER_THEMES.CONTRAST : SPINNER_THEMES.DISABLED
   })));
@@ -1068,7 +1068,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
       overlay: title,
       ref: ref
     }, title && disabled ? React__default["default"].createElement("div", {
-      className: styles$1v['disabled-button-wrapper']
+      className: styles$1y['disabled-button-wrapper']
     }, ButtonElementResult) : ButtonElementResult)
   );
 };
@@ -1152,7 +1152,7 @@ var useIsInsideComponent = function useIsInsideComponent(parentComponentName) {
   return componentName === parentComponentName;
 };
 
-var _excluded$ei = ["testId", "size", "color", "style", "variant"];
+var _excluded$el = ["testId", "size", "color", "style", "variant"];
 var IconArrowDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-down' : _ref$testId,
@@ -1161,7 +1161,7 @@ var IconArrowDown = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ei);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$el);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1199,7 +1199,7 @@ var IconArrowDown = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDown.displayName = 'IconArrowDown';
 
-var _excluded$eh = ["testId", "size", "color", "style", "variant"];
+var _excluded$ek = ["testId", "size", "color", "style", "variant"];
 var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-down-wide-short' : _ref$testId,
@@ -1208,7 +1208,7 @@ var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$eh);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ek);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1244,7 +1244,7 @@ var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDownWideShort.displayName = 'IconArrowDownWideShort';
 
-var _excluded$eg = ["testId", "size", "color", "style", "variant"];
+var _excluded$ej = ["testId", "size", "color", "style", "variant"];
 var IconArrowLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-left' : _ref$testId,
@@ -1253,7 +1253,7 @@ var IconArrowLeft = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$eg);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ej);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1291,7 +1291,7 @@ var IconArrowLeft = React.forwardRef(function (_ref, ref) {
 });
 IconArrowLeft.displayName = 'IconArrowLeft';
 
-var _excluded$ef = ["testId", "size", "color", "style", "variant"];
+var _excluded$ei = ["testId", "size", "color", "style", "variant"];
 var IconArrowRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-right' : _ref$testId,
@@ -1300,7 +1300,7 @@ var IconArrowRight = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ef);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ei);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1338,7 +1338,7 @@ var IconArrowRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowRight.displayName = 'IconArrowRight';
 
-var _excluded$ee = ["testId", "size", "color", "style", "variant"];
+var _excluded$eh = ["testId", "size", "color", "style", "variant"];
 var IconArrowToTop = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-to-top' : _ref$testId,
@@ -1347,7 +1347,7 @@ var IconArrowToTop = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ee);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$eh);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1383,7 +1383,7 @@ var IconArrowToTop = React.forwardRef(function (_ref, ref) {
 });
 IconArrowToTop.displayName = 'IconArrowToTop';
 
-var _excluded$ed = ["testId", "size", "color", "style", "variant"];
+var _excluded$eg = ["testId", "size", "color", "style", "variant"];
 var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-turn-down-right' : _ref$testId,
@@ -1392,7 +1392,7 @@ var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ed);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$eg);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1443,7 +1443,7 @@ var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowTurnDownRight.displayName = 'IconArrowTurnDownRight';
 
-var _excluded$ec = ["testId", "size", "color", "style", "variant"];
+var _excluded$ef = ["testId", "size", "color", "style", "variant"];
 var IconArrowUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-up' : _ref$testId,
@@ -1452,7 +1452,7 @@ var IconArrowUp = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ec);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ef);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1490,7 +1490,7 @@ var IconArrowUp = React.forwardRef(function (_ref, ref) {
 });
 IconArrowUp.displayName = 'IconArrowUp';
 
-var _excluded$eb = ["testId", "size", "color", "style", "variant"];
+var _excluded$ee = ["testId", "size", "color", "style", "variant"];
 var IconChevronDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-down' : _ref$testId,
@@ -1499,7 +1499,7 @@ var IconChevronDown = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$eb);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ee);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1537,7 +1537,7 @@ var IconChevronDown = React.forwardRef(function (_ref, ref) {
 });
 IconChevronDown.displayName = 'IconChevronDown';
 
-var _excluded$ea = ["testId", "size", "color", "style", "variant"];
+var _excluded$ed = ["testId", "size", "color", "style", "variant"];
 var IconChevronLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-left' : _ref$testId,
@@ -1546,7 +1546,7 @@ var IconChevronLeft = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ea);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ed);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1584,7 +1584,7 @@ var IconChevronLeft = React.forwardRef(function (_ref, ref) {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
 
-var _excluded$e9 = ["testId", "size", "color", "style", "variant"];
+var _excluded$ec = ["testId", "size", "color", "style", "variant"];
 var IconChevronRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-right' : _ref$testId,
@@ -1593,7 +1593,7 @@ var IconChevronRight = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ec);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1631,7 +1631,7 @@ var IconChevronRight = React.forwardRef(function (_ref, ref) {
 });
 IconChevronRight.displayName = 'IconChevronRight';
 
-var _excluded$e8 = ["testId", "size", "color", "style", "variant"];
+var _excluded$eb = ["testId", "size", "color", "style", "variant"];
 var IconChevronUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-up' : _ref$testId,
@@ -1640,7 +1640,7 @@ var IconChevronUp = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e8);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$eb);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1678,7 +1678,7 @@ var IconChevronUp = React.forwardRef(function (_ref, ref) {
 });
 IconChevronUp.displayName = 'IconChevronUp';
 
-var _excluded$e7 = ["testId", "size", "color", "style", "variant"];
+var _excluded$ea = ["testId", "size", "color", "style", "variant"];
 var IconExpand = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-expand' : _ref$testId,
@@ -1687,7 +1687,7 @@ var IconExpand = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e7);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ea);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1723,7 +1723,7 @@ var IconExpand = React.forwardRef(function (_ref, ref) {
 });
 IconExpand.displayName = 'IconExpand';
 
-var _excluded$e6 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e9 = ["testId", "size", "color", "style", "variant"];
 var IconRepeat = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-repeat' : _ref$testId,
@@ -1732,7 +1732,7 @@ var IconRepeat = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e6);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e9);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1768,7 +1768,7 @@ var IconRepeat = React.forwardRef(function (_ref, ref) {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-var _excluded$e5 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e8 = ["testId", "size", "color", "style", "variant"];
 var IconReply = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-reply' : _ref$testId,
@@ -1777,7 +1777,7 @@ var IconReply = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e5);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e8);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1820,7 +1820,7 @@ var IconReply = React.forwardRef(function (_ref, ref) {
 });
 IconReply.displayName = 'IconReply';
 
-var _excluded$e4 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e7 = ["testId", "size", "color", "style", "variant"];
 var IconSort = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sort' : _ref$testId,
@@ -1829,7 +1829,7 @@ var IconSort = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e4);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e7);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1865,7 +1865,7 @@ var IconSort = React.forwardRef(function (_ref, ref) {
 });
 IconSort.displayName = 'IconSort';
 
-var _excluded$e3 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e6 = ["testId", "size", "color", "style", "variant"];
 var IconSync = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync' : _ref$testId,
@@ -1874,7 +1874,7 @@ var IconSync = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e3);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e6);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1924,7 +1924,7 @@ var IconSync = React.forwardRef(function (_ref, ref) {
 });
 IconSync.displayName = 'IconSync';
 
-var _excluded$e2 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e5 = ["testId", "size", "color", "style", "variant"];
 var IconSyncExclamation = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync-exclamation' : _ref$testId,
@@ -1933,7 +1933,7 @@ var IconSyncExclamation = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e5);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1985,7 +1985,7 @@ var IconSyncExclamation = React.forwardRef(function (_ref, ref) {
 });
 IconSyncExclamation.displayName = 'IconSyncExclamation';
 
-var _excluded$e1 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e4 = ["testId", "size", "color", "style", "variant"];
 var IconUndo = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-undo' : _ref$testId,
@@ -1994,7 +1994,7 @@ var IconUndo = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e1);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e4);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2044,7 +2044,7 @@ var IconUndo = React.forwardRef(function (_ref, ref) {
 });
 IconUndo.displayName = 'IconUndo';
 
-var _excluded$e0 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e3 = ["testId", "size", "color", "style", "variant"];
 var IconAnalytics = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-analytics' : _ref$testId,
@@ -2053,7 +2053,7 @@ var IconAnalytics = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e0);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e3);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2091,7 +2091,7 @@ var IconAnalytics = React.forwardRef(function (_ref, ref) {
 });
 IconAnalytics.displayName = 'IconAnalytics';
 
-var _excluded$d$ = ["testId", "size", "color", "style", "variant"];
+var _excluded$e2 = ["testId", "size", "color", "style", "variant"];
 var IconBalanceScale = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-balance-scale' : _ref$testId,
@@ -2100,7 +2100,7 @@ var IconBalanceScale = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e2);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2143,7 +2143,7 @@ var IconBalanceScale = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
 
-var _excluded$d_ = ["testId", "size", "color", "style", "variant"];
+var _excluded$e1 = ["testId", "size", "color", "style", "variant"];
 var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-balance-scale-left' : _ref$testId,
@@ -2152,7 +2152,7 @@ var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e1);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2195,7 +2195,7 @@ var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
 
-var _excluded$dZ = ["testId", "size", "color", "style", "variant"];
+var _excluded$e0 = ["testId", "size", "color", "style", "variant"];
 var IconBarsV = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bars-v' : _ref$testId,
@@ -2204,7 +2204,7 @@ var IconBarsV = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dZ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e0);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2240,7 +2240,7 @@ var IconBarsV = React.forwardRef(function (_ref, ref) {
 });
 IconBarsV.displayName = 'IconBarsV';
 
-var _excluded$dY = ["testId", "size", "color", "style", "variant"];
+var _excluded$d$ = ["testId", "size", "color", "style", "variant"];
 var IconBook = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-book' : _ref$testId,
@@ -2249,7 +2249,7 @@ var IconBook = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dY);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2285,7 +2285,7 @@ var IconBook = React.forwardRef(function (_ref, ref) {
 });
 IconBook.displayName = 'IconBook';
 
-var _excluded$dX = ["testId", "size", "color", "style", "variant"];
+var _excluded$d_ = ["testId", "size", "color", "style", "variant"];
 var IconCalculator = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calculator' : _ref$testId,
@@ -2294,7 +2294,7 @@ var IconCalculator = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dX);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2332,7 +2332,7 @@ var IconCalculator = React.forwardRef(function (_ref, ref) {
 });
 IconCalculator.displayName = 'IconCalculator';
 
-var _excluded$dW = ["testId", "size", "color", "style", "variant"];
+var _excluded$dZ = ["testId", "size", "color", "style", "variant"];
 var IconCashRegister = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-cash-register' : _ref$testId,
@@ -2341,7 +2341,7 @@ var IconCashRegister = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dW);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dZ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2391,7 +2391,7 @@ var IconCashRegister = React.forwardRef(function (_ref, ref) {
 });
 IconCashRegister.displayName = 'IconCashRegister';
 
-var _excluded$dV = ["testId", "size", "color", "style", "variant"];
+var _excluded$dY = ["testId", "size", "color", "style", "variant"];
 var IconChartBar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chart-bar' : _ref$testId,
@@ -2400,7 +2400,7 @@ var IconChartBar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dV);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dY);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2438,7 +2438,7 @@ var IconChartBar = React.forwardRef(function (_ref, ref) {
 });
 IconChartBar.displayName = 'IconChartBar';
 
-var _excluded$dU = ["testId", "size", "color", "style", "variant"];
+var _excluded$dX = ["testId", "size", "color", "style", "variant"];
 var IconCreditCard = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card' : _ref$testId,
@@ -2447,7 +2447,7 @@ var IconCreditCard = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dU);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dX);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2483,7 +2483,7 @@ var IconCreditCard = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-var _excluded$dT = ["testId", "size", "color", "style", "variant"];
+var _excluded$dW = ["testId", "size", "color", "style", "variant"];
 var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card-plus' : _ref$testId,
@@ -2492,7 +2492,7 @@ var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dT);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dW);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2548,7 +2548,7 @@ var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-var _excluded$dS = ["testId", "size", "color", "style", "variant"];
+var _excluded$dV = ["testId", "size", "color", "style", "variant"];
 var IconDollarSign = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-dollar-sign' : _ref$testId,
@@ -2557,7 +2557,7 @@ var IconDollarSign = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dS);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dV);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2593,7 +2593,7 @@ var IconDollarSign = React.forwardRef(function (_ref, ref) {
 });
 IconDollarSign.displayName = 'IconDollarSign';
 
-var _excluded$dR = ["testId", "size", "color", "style", "variant"];
+var _excluded$dU = ["testId", "size", "color", "style", "variant"];
 var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope-open-dollar' : _ref$testId,
@@ -2602,7 +2602,7 @@ var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dR);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dU);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2652,7 +2652,7 @@ var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelopeOpenDollar.displayName = 'IconEnvelopeOpenDollar';
 
-var _excluded$dQ = ["testId", "size", "color", "style", "variant"];
+var _excluded$dT = ["testId", "size", "color", "style", "variant"];
 var IconGanttChart = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gantt-chart' : _ref$testId,
@@ -2661,7 +2661,7 @@ var IconGanttChart = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dQ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dT);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2697,7 +2697,7 @@ var IconGanttChart = React.forwardRef(function (_ref, ref) {
 });
 IconGanttChart.displayName = 'IconGanttChart';
 
-var _excluded$dP = ["testId", "size", "color", "style", "variant"];
+var _excluded$dS = ["testId", "size", "color", "style", "variant"];
 var IconHandHoldingCoin = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hand-holding-coin' : _ref$testId,
@@ -2706,7 +2706,7 @@ var IconHandHoldingCoin = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dP);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dS);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2756,7 +2756,7 @@ var IconHandHoldingCoin = React.forwardRef(function (_ref, ref) {
 });
 IconHandHoldingCoin.displayName = 'IconHandHoldingCoin';
 
-var _excluded$dO = ["testId", "size", "color", "style", "variant"];
+var _excluded$dR = ["testId", "size", "color", "style", "variant"];
 var IconHandHoldingDollar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hand-holding-dollar' : _ref$testId,
@@ -2765,7 +2765,7 @@ var IconHandHoldingDollar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dO);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dR);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2815,7 +2815,7 @@ var IconHandHoldingDollar = React.forwardRef(function (_ref, ref) {
 });
 IconHandHoldingDollar.displayName = 'IconHandHoldingDollar';
 
-var _excluded$dN = ["testId", "size", "color", "style", "variant"];
+var _excluded$dQ = ["testId", "size", "color", "style", "variant"];
 var IconMoneyBill = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-money-bill' : _ref$testId,
@@ -2824,7 +2824,7 @@ var IconMoneyBill = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dN);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dQ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2860,7 +2860,7 @@ var IconMoneyBill = React.forwardRef(function (_ref, ref) {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-var _excluded$dM = ["testId", "size", "color", "style", "variant"];
+var _excluded$dP = ["testId", "size", "color", "style", "variant"];
 var IconPercentage = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-percentage' : _ref$testId,
@@ -2869,7 +2869,7 @@ var IconPercentage = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dM);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dP);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2905,7 +2905,7 @@ var IconPercentage = React.forwardRef(function (_ref, ref) {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-var _excluded$dL = ["testId", "size", "color", "style", "variant"];
+var _excluded$dO = ["testId", "size", "color", "style", "variant"];
 var IconSitemap = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sitemap' : _ref$testId,
@@ -2914,7 +2914,7 @@ var IconSitemap = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dL);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dO);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2950,7 +2950,7 @@ var IconSitemap = React.forwardRef(function (_ref, ref) {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-var _excluded$dK = ["testId", "size", "color", "style", "variant"];
+var _excluded$dN = ["testId", "size", "color", "style", "variant"];
 var IconTable = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-table' : _ref$testId,
@@ -2959,7 +2959,7 @@ var IconTable = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dK);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dN);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2995,7 +2995,7 @@ var IconTable = React.forwardRef(function (_ref, ref) {
 });
 IconTable.displayName = 'IconTable';
 
-var _excluded$dJ = ["testId", "size", "color", "style", "variant"];
+var _excluded$dM = ["testId", "size", "color", "style", "variant"];
 var IconBell = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bell' : _ref$testId,
@@ -3004,7 +3004,7 @@ var IconBell = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dJ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dM);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3040,7 +3040,7 @@ var IconBell = React.forwardRef(function (_ref, ref) {
 });
 IconBell.displayName = 'IconBell';
 
-var _excluded$dI = ["testId", "size", "color", "style", "variant"];
+var _excluded$dL = ["testId", "size", "color", "style", "variant"];
 var IconBullhorn = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bullhorn' : _ref$testId,
@@ -3049,7 +3049,7 @@ var IconBullhorn = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dI);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dL);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3085,7 +3085,7 @@ var IconBullhorn = React.forwardRef(function (_ref, ref) {
 });
 IconBullhorn.displayName = 'IconBullhorn';
 
-var _excluded$dH = ["testId", "size", "color", "style", "variant"];
+var _excluded$dK = ["testId", "size", "color", "style", "variant"];
 var IconCamera = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-camera' : _ref$testId,
@@ -3094,7 +3094,7 @@ var IconCamera = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dH);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dK);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3130,7 +3130,7 @@ var IconCamera = React.forwardRef(function (_ref, ref) {
 });
 IconCamera.displayName = 'IconCamera';
 
-var _excluded$dG = ["testId", "size", "color", "style", "variant"];
+var _excluded$dJ = ["testId", "size", "color", "style", "variant"];
 var IconCameraSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-camera-slash' : _ref$testId,
@@ -3139,7 +3139,7 @@ var IconCameraSlash = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dG);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dJ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3175,7 +3175,7 @@ var IconCameraSlash = React.forwardRef(function (_ref, ref) {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
 
-var _excluded$dF = ["testId", "size", "color", "style", "variant"];
+var _excluded$dI = ["testId", "size", "color", "style", "variant"];
 var IconComment = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment' : _ref$testId,
@@ -3184,7 +3184,7 @@ var IconComment = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dF);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dI);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3220,7 +3220,7 @@ var IconComment = React.forwardRef(function (_ref, ref) {
 });
 IconComment.displayName = 'IconComment';
 
-var _excluded$dE = ["testId", "size", "color", "style", "variant"];
+var _excluded$dH = ["testId", "size", "color", "style", "variant"];
 var IconCommentLines = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment-lines' : _ref$testId,
@@ -3229,7 +3229,7 @@ var IconCommentLines = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dE);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dH);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3265,7 +3265,7 @@ var IconCommentLines = React.forwardRef(function (_ref, ref) {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-var _excluded$dD = ["testId", "size", "color", "style", "variant"];
+var _excluded$dG = ["testId", "size", "color", "style", "variant"];
 var IconEnvelope = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope' : _ref$testId,
@@ -3274,7 +3274,7 @@ var IconEnvelope = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dD);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dG);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3310,7 +3310,7 @@ var IconEnvelope = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-var _excluded$dC = ["testId", "size", "color", "style", "variant"];
+var _excluded$dF = ["testId", "size", "color", "style", "variant"];
 var IconMessages = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-messages' : _ref$testId,
@@ -3319,7 +3319,7 @@ var IconMessages = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dC);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dF);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3355,7 +3355,7 @@ var IconMessages = React.forwardRef(function (_ref, ref) {
 });
 IconMessages.displayName = 'IconMessages';
 
-var _excluded$dB = ["testId", "size", "color", "style", "variant"];
+var _excluded$dE = ["testId", "size", "color", "style", "variant"];
 var IconMicrophone = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-microphone' : _ref$testId,
@@ -3364,7 +3364,7 @@ var IconMicrophone = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dB);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dE);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3414,7 +3414,7 @@ var IconMicrophone = React.forwardRef(function (_ref, ref) {
 });
 IconMicrophone.displayName = 'IconMicrophone';
 
-var _excluded$dA = ["testId", "size", "color", "style", "variant"];
+var _excluded$dD = ["testId", "size", "color", "style", "variant"];
 var IconMobile = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-mobile' : _ref$testId,
@@ -3423,7 +3423,7 @@ var IconMobile = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dA);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dD);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3459,7 +3459,7 @@ var IconMobile = React.forwardRef(function (_ref, ref) {
 });
 IconMobile.displayName = 'IconMobile';
 
-var _excluded$dz = ["testId", "size", "color", "style", "variant"];
+var _excluded$dC = ["testId", "size", "color", "style", "variant"];
 var IconPhone = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-phone' : _ref$testId,
@@ -3468,7 +3468,7 @@ var IconPhone = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dz);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dC);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3504,7 +3504,7 @@ var IconPhone = React.forwardRef(function (_ref, ref) {
 });
 IconPhone.displayName = 'IconPhone';
 
-var _excluded$dy = ["testId", "size", "color", "style", "variant"];
+var _excluded$dB = ["testId", "size", "color", "style", "variant"];
 var IconVideo = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-video' : _ref$testId,
@@ -3513,7 +3513,7 @@ var IconVideo = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dy);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dB);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3556,7 +3556,7 @@ var IconVideo = React.forwardRef(function (_ref, ref) {
 });
 IconVideo.displayName = 'IconVideo';
 
-var _excluded$dx = ["testId", "size", "color", "style", "variant"];
+var _excluded$dA = ["testId", "size", "color", "style", "variant"];
 var IconWifi = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-wifi' : _ref$testId,
@@ -3565,7 +3565,7 @@ var IconWifi = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dx);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dA);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3601,7 +3601,7 @@ var IconWifi = React.forwardRef(function (_ref, ref) {
 });
 IconWifi.displayName = 'IconWifi';
 
-var _excluded$dw = ["testId", "size", "color", "style", "variant"];
+var _excluded$dz = ["testId", "size", "color", "style", "variant"];
 var IconWifiSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-wifi-slash' : _ref$testId,
@@ -3610,7 +3610,7 @@ var IconWifiSlash = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dw);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dz);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3646,7 +3646,7 @@ var IconWifiSlash = React.forwardRef(function (_ref, ref) {
 });
 IconWifiSlash.displayName = 'IconWifiSlash';
 
-var _excluded$dv = ["testId", "size", "color", "style", "variant"];
+var _excluded$dy = ["testId", "size", "color", "style", "variant"];
 var IconBarsH = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bars-h' : _ref$testId,
@@ -3655,7 +3655,7 @@ var IconBarsH = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dv);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dy);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3693,7 +3693,7 @@ var IconBarsH = React.forwardRef(function (_ref, ref) {
 });
 IconBarsH.displayName = 'IconBarsH';
 
-var _excluded$du = ["testId", "size", "color", "style", "variant"];
+var _excluded$dx = ["testId", "size", "color", "style", "variant"];
 var IconBold = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bold' : _ref$testId,
@@ -3702,7 +3702,7 @@ var IconBold = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$du);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dx);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3738,7 +3738,7 @@ var IconBold = React.forwardRef(function (_ref, ref) {
 });
 IconBold.displayName = 'IconBold';
 
-var _excluded$dt = ["testId", "size", "color", "style", "variant"];
+var _excluded$dw = ["testId", "size", "color", "style", "variant"];
 var IconCheckCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-check-circle' : _ref$testId,
@@ -3747,7 +3747,7 @@ var IconCheckCircle = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dt);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dw);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3783,7 +3783,7 @@ var IconCheckCircle = React.forwardRef(function (_ref, ref) {
 });
 IconCheckCircle.displayName = 'IconCheckCircle';
 
-var _excluded$ds = ["testId", "size", "color", "style", "variant"];
+var _excluded$dv = ["testId", "size", "color", "style", "variant"];
 var IconCog = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-cog' : _ref$testId,
@@ -3792,7 +3792,7 @@ var IconCog = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ds);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dv);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3842,7 +3842,7 @@ var IconCog = React.forwardRef(function (_ref, ref) {
 });
 IconCog.displayName = 'IconCog';
 
-var _excluded$dr = ["testId", "size", "color", "style", "variant"];
+var _excluded$du = ["testId", "size", "color", "style", "variant"];
 var IconCopy = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-copy' : _ref$testId,
@@ -3851,7 +3851,7 @@ var IconCopy = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dr);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$du);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3901,7 +3901,7 @@ var IconCopy = React.forwardRef(function (_ref, ref) {
 });
 IconCopy.displayName = 'IconCopy';
 
-var _excluded$dq = ["testId", "size", "color", "style", "variant"];
+var _excluded$dt = ["testId", "size", "color", "style", "variant"];
 var IconEdit = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-edit' : _ref$testId,
@@ -3910,7 +3910,7 @@ var IconEdit = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dq);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dt);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3946,7 +3946,7 @@ var IconEdit = React.forwardRef(function (_ref, ref) {
 });
 IconEdit.displayName = 'IconEdit';
 
-var _excluded$dp = ["testId", "size", "color", "style", "variant"];
+var _excluded$ds = ["testId", "size", "color", "style", "variant"];
 var IconEllipsis = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-ellipsis' : _ref$testId,
@@ -3955,7 +3955,7 @@ var IconEllipsis = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dp);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ds);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3993,7 +3993,7 @@ var IconEllipsis = React.forwardRef(function (_ref, ref) {
 });
 IconEllipsis.displayName = 'IconEllipsis';
 
-var _excluded$do = ["testId", "size", "color", "style", "variant"];
+var _excluded$dr = ["testId", "size", "color", "style", "variant"];
 var IconEllipsisV = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-ellipsis-v' : _ref$testId,
@@ -4002,7 +4002,7 @@ var IconEllipsisV = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$do);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dr);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4040,7 +4040,7 @@ var IconEllipsisV = React.forwardRef(function (_ref, ref) {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
 
-var _excluded$dn = ["testId", "size", "color", "style", "variant"];
+var _excluded$dq = ["testId", "size", "color", "style", "variant"];
 var IconExternalLink = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-external-link' : _ref$testId,
@@ -4049,7 +4049,7 @@ var IconExternalLink = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dn);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dq);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4087,7 +4087,7 @@ var IconExternalLink = React.forwardRef(function (_ref, ref) {
 });
 IconExternalLink.displayName = 'IconExternalLink';
 
-var _excluded$dm = ["testId", "size", "color", "style", "variant"];
+var _excluded$dp = ["testId", "size", "color", "style", "variant"];
 var IconEye = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-eye' : _ref$testId,
@@ -4096,7 +4096,7 @@ var IconEye = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dm);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dp);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4132,7 +4132,7 @@ var IconEye = React.forwardRef(function (_ref, ref) {
 });
 IconEye.displayName = 'IconEye';
 
-var _excluded$dl = ["testId", "size", "color", "style", "variant"];
+var _excluded$do = ["testId", "size", "color", "style", "variant"];
 var IconEyeSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-eye-slash' : _ref$testId,
@@ -4141,7 +4141,7 @@ var IconEyeSlash = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dl);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$do);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4191,7 +4191,7 @@ var IconEyeSlash = React.forwardRef(function (_ref, ref) {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
 
-var _excluded$dk = ["testId", "size", "color", "style", "variant"];
+var _excluded$dn = ["testId", "size", "color", "style", "variant"];
 var IconFile = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-file' : _ref$testId,
@@ -4200,7 +4200,7 @@ var IconFile = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dk);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dn);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4250,7 +4250,7 @@ var IconFile = React.forwardRef(function (_ref, ref) {
 });
 IconFile.displayName = 'IconFile';
 
-var _excluded$dj = ["testId", "size", "color", "style", "variant"];
+var _excluded$dm = ["testId", "size", "color", "style", "variant"];
 var IconGripVertical = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-grip-vertical' : _ref$testId,
@@ -4259,7 +4259,7 @@ var IconGripVertical = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dj);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dm);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4295,7 +4295,7 @@ var IconGripVertical = React.forwardRef(function (_ref, ref) {
 });
 IconGripVertical.displayName = 'IconGripVertical';
 
-var _excluded$di = ["testId", "size", "color", "style", "variant"];
+var _excluded$dl = ["testId", "size", "color", "style", "variant"];
 var IconHouse = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-house' : _ref$testId,
@@ -4304,7 +4304,7 @@ var IconHouse = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$di);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dl);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4340,7 +4340,7 @@ var IconHouse = React.forwardRef(function (_ref, ref) {
 });
 IconHouse.displayName = 'IconHouse';
 
-var _excluded$dh = ["testId", "size", "color", "style", "variant"];
+var _excluded$dk = ["testId", "size", "color", "style", "variant"];
 var IconImage = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-image' : _ref$testId,
@@ -4349,7 +4349,7 @@ var IconImage = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dh);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dk);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4385,7 +4385,7 @@ var IconImage = React.forwardRef(function (_ref, ref) {
 });
 IconImage.displayName = 'IconImage';
 
-var _excluded$dg = ["testId", "size", "color", "style", "variant"];
+var _excluded$dj = ["testId", "size", "color", "style", "variant"];
 var IconItalic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-italic' : _ref$testId,
@@ -4394,7 +4394,7 @@ var IconItalic = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dg);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dj);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4430,7 +4430,7 @@ var IconItalic = React.forwardRef(function (_ref, ref) {
 });
 IconItalic.displayName = 'IconItalic';
 
-var _excluded$df = ["testId", "size", "color", "style", "variant"];
+var _excluded$di = ["testId", "size", "color", "style", "variant"];
 var IconLink = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-link' : _ref$testId,
@@ -4439,7 +4439,7 @@ var IconLink = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$df);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$di);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4475,7 +4475,7 @@ var IconLink = React.forwardRef(function (_ref, ref) {
 });
 IconLink.displayName = 'IconLink';
 
-var _excluded$de = ["testId", "size", "color", "style", "variant"];
+var _excluded$dh = ["testId", "size", "color", "style", "variant"];
 var IconList = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-list' : _ref$testId,
@@ -4484,7 +4484,7 @@ var IconList = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$de);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dh);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4527,7 +4527,7 @@ var IconList = React.forwardRef(function (_ref, ref) {
 });
 IconList.displayName = 'IconList';
 
-var _excluded$dd = ["testId", "size", "color", "style", "variant"];
+var _excluded$dg = ["testId", "size", "color", "style", "variant"];
 var IconListOl = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-list-ol' : _ref$testId,
@@ -4536,7 +4536,7 @@ var IconListOl = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dd);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dg);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4572,7 +4572,7 @@ var IconListOl = React.forwardRef(function (_ref, ref) {
 });
 IconListOl.displayName = 'IconListOl';
 
-var _excluded$dc = ["testId", "size", "color", "style", "variant"];
+var _excluded$df = ["testId", "size", "color", "style", "variant"];
 var IconLock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-lock' : _ref$testId,
@@ -4581,7 +4581,7 @@ var IconLock = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dc);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$df);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4617,7 +4617,7 @@ var IconLock = React.forwardRef(function (_ref, ref) {
 });
 IconLock.displayName = 'IconLock';
 
-var _excluded$db = ["testId", "size", "color", "style", "variant"];
+var _excluded$de = ["testId", "size", "color", "style", "variant"];
 var IconMemoMagnifyingGlass = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-memo-magnifying-glass' : _ref$testId,
@@ -4626,7 +4626,7 @@ var IconMemoMagnifyingGlass = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$db);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$de);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4669,7 +4669,7 @@ var IconMemoMagnifyingGlass = React.forwardRef(function (_ref, ref) {
 });
 IconMemoMagnifyingGlass.displayName = 'IconMemoMagnifyingGlass';
 
-var _excluded$da = ["testId", "size", "color", "style", "variant"];
+var _excluded$dd = ["testId", "size", "color", "style", "variant"];
 var IconMinus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-minus' : _ref$testId,
@@ -4678,7 +4678,7 @@ var IconMinus = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$da);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dd);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4714,7 +4714,7 @@ var IconMinus = React.forwardRef(function (_ref, ref) {
 });
 IconMinus.displayName = 'IconMinus';
 
-var _excluded$d9 = ["testId", "size", "color", "style", "variant"];
+var _excluded$dc = ["testId", "size", "color", "style", "variant"];
 var IconMinusCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-minus-circle' : _ref$testId,
@@ -4723,7 +4723,7 @@ var IconMinusCircle = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dc);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4773,7 +4773,7 @@ var IconMinusCircle = React.forwardRef(function (_ref, ref) {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
 
-var _excluded$d8 = ["testId", "size", "color", "style", "variant"];
+var _excluded$db = ["testId", "size", "color", "style", "variant"];
 var IconPaperPlane = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paper-plane' : _ref$testId,
@@ -4782,7 +4782,7 @@ var IconPaperPlane = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d8);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$db);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4820,7 +4820,7 @@ var IconPaperPlane = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
 
-var _excluded$d7 = ["testId", "size", "color", "style", "variant"];
+var _excluded$da = ["testId", "size", "color", "style", "variant"];
 var IconPaperPlaneClock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paper-plane-clock' : _ref$testId,
@@ -4829,7 +4829,7 @@ var IconPaperPlaneClock = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d7);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$da);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4876,7 +4876,7 @@ var IconPaperPlaneClock = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
 
-var _excluded$d6 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d9 = ["testId", "size", "color", "style", "variant"];
 var IconPaperclip = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paperclip' : _ref$testId,
@@ -4885,7 +4885,7 @@ var IconPaperclip = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d6);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d9);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4928,7 +4928,7 @@ var IconPaperclip = React.forwardRef(function (_ref, ref) {
 });
 IconPaperclip.displayName = 'IconPaperclip';
 
-var _excluded$d5 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d8 = ["testId", "size", "color", "style", "variant"];
 var IconPencil = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-pencil' : _ref$testId,
@@ -4937,7 +4937,7 @@ var IconPencil = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d5);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d8);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4975,7 +4975,7 @@ var IconPencil = React.forwardRef(function (_ref, ref) {
 });
 IconPencil.displayName = 'IconPencil';
 
-var _excluded$d4 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d7 = ["testId", "size", "color", "style", "variant"];
 var IconPlus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plus' : _ref$testId,
@@ -4984,7 +4984,7 @@ var IconPlus = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d4);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d7);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5020,7 +5020,7 @@ var IconPlus = React.forwardRef(function (_ref, ref) {
 });
 IconPlus.displayName = 'IconPlus';
 
-var _excluded$d3 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d6 = ["testId", "size", "color", "style", "variant"];
 var IconPrint = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-print' : _ref$testId,
@@ -5029,7 +5029,7 @@ var IconPrint = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d3);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d6);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5067,7 +5067,7 @@ var IconPrint = React.forwardRef(function (_ref, ref) {
 });
 IconPrint.displayName = 'IconPrint';
 
-var _excluded$d2 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d5 = ["testId", "size", "color", "style", "variant"];
 var IconSearch = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-search' : _ref$testId,
@@ -5076,7 +5076,7 @@ var IconSearch = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d5);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5112,7 +5112,7 @@ var IconSearch = React.forwardRef(function (_ref, ref) {
 });
 IconSearch.displayName = 'IconSearch';
 
-var _excluded$d1 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d4 = ["testId", "size", "color", "style", "variant"];
 var IconSignIn = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sign-in' : _ref$testId,
@@ -5121,7 +5121,7 @@ var IconSignIn = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d1);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d4);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5157,7 +5157,7 @@ var IconSignIn = React.forwardRef(function (_ref, ref) {
 });
 IconSignIn.displayName = 'IconSignIn';
 
-var _excluded$d0 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d3 = ["testId", "size", "color", "style", "variant"];
 var IconSignOut = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sign-out' : _ref$testId,
@@ -5166,7 +5166,7 @@ var IconSignOut = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d0);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d3);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5202,7 +5202,7 @@ var IconSignOut = React.forwardRef(function (_ref, ref) {
 });
 IconSignOut.displayName = 'IconSignOut';
 
-var _excluded$c$ = ["testId", "size", "color", "style", "variant"];
+var _excluded$d2 = ["testId", "size", "color", "style", "variant"];
 var IconSlidersH = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sliders-h' : _ref$testId,
@@ -5211,7 +5211,7 @@ var IconSlidersH = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d2);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5247,7 +5247,7 @@ var IconSlidersH = React.forwardRef(function (_ref, ref) {
 });
 IconSlidersH.displayName = 'IconSlidersH';
 
-var _excluded$c_ = ["testId", "size", "color", "style", "variant"];
+var _excluded$d1 = ["testId", "size", "color", "style", "variant"];
 var IconSortChevron = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sort-chevron' : _ref$testId,
@@ -5256,7 +5256,7 @@ var IconSortChevron = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d1);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5292,7 +5292,7 @@ var IconSortChevron = React.forwardRef(function (_ref, ref) {
 });
 IconSortChevron.displayName = 'IconSortChevron';
 
-var _excluded$cZ = ["testId", "size", "color", "style", "variant"];
+var _excluded$d0 = ["testId", "size", "color", "style", "variant"];
 var IconSortChevronDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sort-chevron-down' : _ref$testId,
@@ -5301,7 +5301,7 @@ var IconSortChevronDown = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cZ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d0);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5337,7 +5337,7 @@ var IconSortChevronDown = React.forwardRef(function (_ref, ref) {
 });
 IconSortChevronDown.displayName = 'IconSortChevronDown';
 
-var _excluded$cY = ["testId", "size", "color", "style", "variant"];
+var _excluded$c$ = ["testId", "size", "color", "style", "variant"];
 var IconSortChevronUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sort-chevron-up' : _ref$testId,
@@ -5346,7 +5346,7 @@ var IconSortChevronUp = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cY);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5382,7 +5382,7 @@ var IconSortChevronUp = React.forwardRef(function (_ref, ref) {
 });
 IconSortChevronUp.displayName = 'IconSortChevronUp';
 
-var _excluded$cX = ["testId", "size", "color", "style", "variant"];
+var _excluded$c_ = ["testId", "size", "color", "style", "variant"];
 var IconStrikethrough = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-strikethrough' : _ref$testId,
@@ -5391,7 +5391,7 @@ var IconStrikethrough = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cX);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5427,7 +5427,7 @@ var IconStrikethrough = React.forwardRef(function (_ref, ref) {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
 
-var _excluded$cW = ["testId", "size", "color", "style", "variant"];
+var _excluded$cZ = ["testId", "size", "color", "style", "variant"];
 var IconTimes = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-times' : _ref$testId,
@@ -5436,7 +5436,7 @@ var IconTimes = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cW);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cZ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5472,7 +5472,7 @@ var IconTimes = React.forwardRef(function (_ref, ref) {
 });
 IconTimes.displayName = 'IconTimes';
 
-var _excluded$cV = ["testId", "size", "color", "style", "variant"];
+var _excluded$cY = ["testId", "size", "color", "style", "variant"];
 var IconTrash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-trash' : _ref$testId,
@@ -5481,7 +5481,7 @@ var IconTrash = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cV);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cY);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5519,7 +5519,7 @@ var IconTrash = React.forwardRef(function (_ref, ref) {
 });
 IconTrash.displayName = 'IconTrash';
 
-var _excluded$cU = ["testId", "size", "color", "style", "variant"];
+var _excluded$cX = ["testId", "size", "color", "style", "variant"];
 var IconUnderline = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-underline' : _ref$testId,
@@ -5528,7 +5528,7 @@ var IconUnderline = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cU);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cX);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5571,7 +5571,7 @@ var IconUnderline = React.forwardRef(function (_ref, ref) {
 });
 IconUnderline.displayName = 'IconUnderline';
 
-var _excluded$cT = ["testId", "size", "color", "style", "variant"];
+var _excluded$cW = ["testId", "size", "color", "style", "variant"];
 var IconUnlock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-unlock' : _ref$testId,
@@ -5580,7 +5580,7 @@ var IconUnlock = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cT);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cW);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5630,7 +5630,7 @@ var IconUnlock = React.forwardRef(function (_ref, ref) {
 });
 IconUnlock.displayName = 'IconUnlock';
 
-var _excluded$cS = ["testId", "size", "color", "style", "variant"];
+var _excluded$cV = ["testId", "size", "color", "style", "variant"];
 var IconVolume = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-volume' : _ref$testId,
@@ -5639,7 +5639,7 @@ var IconVolume = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cS);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cV);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5675,7 +5675,7 @@ var IconVolume = React.forwardRef(function (_ref, ref) {
 });
 IconVolume.displayName = 'IconVolume';
 
-var _excluded$cR = ["testId", "size", "color", "style", "variant"];
+var _excluded$cU = ["testId", "size", "color", "style", "variant"];
 var IconVolumeMute = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-volume-mute' : _ref$testId,
@@ -5684,7 +5684,7 @@ var IconVolumeMute = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cR);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cU);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5727,7 +5727,7 @@ var IconVolumeMute = React.forwardRef(function (_ref, ref) {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-var _excluded$cQ = ["testId", "size", "color", "style", "variant"];
+var _excluded$cT = ["testId", "size", "color", "style", "variant"];
 var IconWrench = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-wrench' : _ref$testId,
@@ -5736,7 +5736,7 @@ var IconWrench = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cQ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cT);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5772,7 +5772,7 @@ var IconWrench = React.forwardRef(function (_ref, ref) {
 });
 IconWrench.displayName = 'IconWrench';
 
-var _excluded$cP = ["testId", "size", "color", "style", "variant"];
+var _excluded$cS = ["testId", "size", "color", "style", "variant"];
 var IconAddressBook = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-address-book' : _ref$testId,
@@ -5781,7 +5781,7 @@ var IconAddressBook = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cP);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cS);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5824,7 +5824,7 @@ var IconAddressBook = React.forwardRef(function (_ref, ref) {
 });
 IconAddressBook.displayName = 'IconAddressBook';
 
-var _excluded$cO = ["testId", "size", "color", "style", "variant"];
+var _excluded$cR = ["testId", "size", "color", "style", "variant"];
 var IconFaceSmileRelaxed = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-face-smile-relaxed' : _ref$testId,
@@ -5833,7 +5833,7 @@ var IconFaceSmileRelaxed = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cO);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cR);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5883,7 +5883,7 @@ var IconFaceSmileRelaxed = React.forwardRef(function (_ref, ref) {
 });
 IconFaceSmileRelaxed.displayName = 'IconFaceSmileRelaxed';
 
-var _excluded$cN = ["testId", "size", "color", "style", "variant"];
+var _excluded$cQ = ["testId", "size", "color", "style", "variant"];
 var IconFileUser = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-file-user' : _ref$testId,
@@ -5892,7 +5892,7 @@ var IconFileUser = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cN);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cQ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5928,7 +5928,7 @@ var IconFileUser = React.forwardRef(function (_ref, ref) {
 });
 IconFileUser.displayName = 'IconFileUser';
 
-var _excluded$cM = ["testId", "size", "color", "style", "variant"];
+var _excluded$cP = ["testId", "size", "color", "style", "variant"];
 var IconGrinBeam = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-grin-beam' : _ref$testId,
@@ -5937,7 +5937,7 @@ var IconGrinBeam = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cM);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cP);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5987,7 +5987,7 @@ var IconGrinBeam = React.forwardRef(function (_ref, ref) {
 });
 IconGrinBeam.displayName = 'IconGrinBeam';
 
-var _excluded$cL = ["testId", "size", "color", "style", "variant"];
+var _excluded$cO = ["testId", "size", "color", "style", "variant"];
 var IconHand = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hand' : _ref$testId,
@@ -5996,7 +5996,7 @@ var IconHand = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cL);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cO);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6032,7 +6032,7 @@ var IconHand = React.forwardRef(function (_ref, ref) {
 });
 IconHand.displayName = 'IconHand';
 
-var _excluded$cK = ["testId", "size", "color", "style", "variant"];
+var _excluded$cN = ["testId", "size", "color", "style", "variant"];
 var IconHandPointRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hand-point-right' : _ref$testId,
@@ -6041,7 +6041,7 @@ var IconHandPointRight = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cK);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cN);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6077,7 +6077,7 @@ var IconHandPointRight = React.forwardRef(function (_ref, ref) {
 });
 IconHandPointRight.displayName = 'IconHandPointRight';
 
-var _excluded$cJ = ["testId", "size", "color", "style", "variant"];
+var _excluded$cM = ["testId", "size", "color", "style", "variant"];
 var IconHandshake = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-handshake' : _ref$testId,
@@ -6086,7 +6086,7 @@ var IconHandshake = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cJ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cM);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6136,7 +6136,7 @@ var IconHandshake = React.forwardRef(function (_ref, ref) {
 });
 IconHandshake.displayName = 'IconHandshake';
 
-var _excluded$cI = ["testId", "size", "color", "style", "variant"];
+var _excluded$cL = ["testId", "size", "color", "style", "variant"];
 var IconStar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-star' : _ref$testId,
@@ -6145,7 +6145,7 @@ var IconStar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cI);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cL);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6195,7 +6195,7 @@ var IconStar = React.forwardRef(function (_ref, ref) {
 });
 IconStar.displayName = 'IconStar';
 
-var _excluded$cH = ["testId", "size", "color", "style", "variant"];
+var _excluded$cK = ["testId", "size", "color", "style", "variant"];
 var IconThumbsDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-thumbs-down' : _ref$testId,
@@ -6204,7 +6204,7 @@ var IconThumbsDown = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cH);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cK);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6254,7 +6254,7 @@ var IconThumbsDown = React.forwardRef(function (_ref, ref) {
 });
 IconThumbsDown.displayName = 'IconThumbsDown';
 
-var _excluded$cG = ["testId", "size", "color", "style", "variant"];
+var _excluded$cJ = ["testId", "size", "color", "style", "variant"];
 var IconThumbsUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-thumbs-up' : _ref$testId,
@@ -6263,7 +6263,7 @@ var IconThumbsUp = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cG);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cJ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6313,7 +6313,7 @@ var IconThumbsUp = React.forwardRef(function (_ref, ref) {
 });
 IconThumbsUp.displayName = 'IconThumbsUp';
 
-var _excluded$cF = ["testId", "size", "color", "style", "variant"];
+var _excluded$cI = ["testId", "size", "color", "style", "variant"];
 var IconUser = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user' : _ref$testId,
@@ -6322,7 +6322,7 @@ var IconUser = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cF);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cI);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6358,7 +6358,7 @@ var IconUser = React.forwardRef(function (_ref, ref) {
 });
 IconUser.displayName = 'IconUser';
 
-var _excluded$cE = ["testId", "size", "color", "style", "variant"];
+var _excluded$cH = ["testId", "size", "color", "style", "variant"];
 var IconUserComputer = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-computer' : _ref$testId,
@@ -6367,7 +6367,7 @@ var IconUserComputer = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cE);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cH);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6415,7 +6415,7 @@ var IconUserComputer = React.forwardRef(function (_ref, ref) {
 });
 IconUserComputer.displayName = 'IconUserComputer';
 
-var _excluded$cD = ["testId", "size", "color", "style", "variant"];
+var _excluded$cG = ["testId", "size", "color", "style", "variant"];
 var IconUserFriends = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-friends' : _ref$testId,
@@ -6424,7 +6424,7 @@ var IconUserFriends = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cD);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cG);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6460,7 +6460,7 @@ var IconUserFriends = React.forwardRef(function (_ref, ref) {
 });
 IconUserFriends.displayName = 'IconUserFriends';
 
-var _excluded$cC = ["testId", "size", "color", "style", "variant"];
+var _excluded$cF = ["testId", "size", "color", "style", "variant"];
 var IconUserPlus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-plus' : _ref$testId,
@@ -6469,7 +6469,7 @@ var IconUserPlus = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cC);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cF);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6505,7 +6505,7 @@ var IconUserPlus = React.forwardRef(function (_ref, ref) {
 });
 IconUserPlus.displayName = 'IconUserPlus';
 
-var _excluded$cB = ["testId", "size", "color", "style", "variant"];
+var _excluded$cE = ["testId", "size", "color", "style", "variant"];
 var IconUserSearch = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-search' : _ref$testId,
@@ -6514,7 +6514,7 @@ var IconUserSearch = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cB);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cE);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6559,7 +6559,7 @@ var IconUserSearch = React.forwardRef(function (_ref, ref) {
 });
 IconUserSearch.displayName = 'IconUserSearch';
 
-var _excluded$cA = ["testId", "size", "color", "style", "variant"];
+var _excluded$cD = ["testId", "size", "color", "style", "variant"];
 var IconUserSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-slash' : _ref$testId,
@@ -6568,7 +6568,7 @@ var IconUserSlash = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cA);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cD);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6611,7 +6611,7 @@ var IconUserSlash = React.forwardRef(function (_ref, ref) {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-var _excluded$cz = ["testId", "size", "color", "style", "variant"];
+var _excluded$cC = ["testId", "size", "color", "style", "variant"];
 var IconUserTag = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-tag' : _ref$testId,
@@ -6620,7 +6620,7 @@ var IconUserTag = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cz);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cC);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6669,7 +6669,7 @@ var IconUserTag = React.forwardRef(function (_ref, ref) {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-var _excluded$cy = ["testId", "size", "color", "style", "variant"];
+var _excluded$cB = ["testId", "size", "color", "style", "variant"];
 var IconUserTie = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-tie' : _ref$testId,
@@ -6678,7 +6678,7 @@ var IconUserTie = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cy);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cB);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6714,7 +6714,7 @@ var IconUserTie = React.forwardRef(function (_ref, ref) {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-var _excluded$cx = ["testId", "size", "color", "style", "variant"];
+var _excluded$cA = ["testId", "size", "color", "style", "variant"];
 var IconUsers = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-users' : _ref$testId,
@@ -6723,7 +6723,7 @@ var IconUsers = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cx);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cA);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6759,7 +6759,7 @@ var IconUsers = React.forwardRef(function (_ref, ref) {
 });
 IconUsers.displayName = 'IconUsers';
 
-var _excluded$cw = ["testId", "size", "color", "style", "variant"];
+var _excluded$cz = ["testId", "size", "color", "style", "variant"];
 var IconBirthdayCake = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-birthday-cake' : _ref$testId,
@@ -6768,7 +6768,7 @@ var IconBirthdayCake = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cw);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cz);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6804,7 +6804,7 @@ var IconBirthdayCake = React.forwardRef(function (_ref, ref) {
 });
 IconBirthdayCake.displayName = 'IconBirthdayCake';
 
-var _excluded$cv = ["testId", "size", "color", "style", "variant"];
+var _excluded$cy = ["testId", "size", "color", "style", "variant"];
 var IconBolt = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bolt' : _ref$testId,
@@ -6813,7 +6813,7 @@ var IconBolt = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cv);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cy);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6849,7 +6849,7 @@ var IconBolt = React.forwardRef(function (_ref, ref) {
 });
 IconBolt.displayName = 'IconBolt';
 
-var _excluded$cu = ["testId", "size", "color", "style", "variant"];
+var _excluded$cx = ["testId", "size", "color", "style", "variant"];
 var IconBriefcase = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-briefcase' : _ref$testId,
@@ -6858,7 +6858,7 @@ var IconBriefcase = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cu);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cx);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6894,7 +6894,7 @@ var IconBriefcase = React.forwardRef(function (_ref, ref) {
 });
 IconBriefcase.displayName = 'IconBriefcase';
 
-var _excluded$ct = ["testId", "size", "color", "style", "variant"];
+var _excluded$cw = ["testId", "size", "color", "style", "variant"];
 var IconBullseyeArrow = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bullseye-arrow' : _ref$testId,
@@ -6903,7 +6903,7 @@ var IconBullseyeArrow = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ct);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cw);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6941,7 +6941,7 @@ var IconBullseyeArrow = React.forwardRef(function (_ref, ref) {
 });
 IconBullseyeArrow.displayName = 'IconBullseyeArrow';
 
-var _excluded$cs = ["testId", "size", "color", "style", "variant"];
+var _excluded$cv = ["testId", "size", "color", "style", "variant"];
 var IconClipboardList = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-clipboard-list' : _ref$testId,
@@ -6950,7 +6950,7 @@ var IconClipboardList = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cs);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cv);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6988,7 +6988,7 @@ var IconClipboardList = React.forwardRef(function (_ref, ref) {
 });
 IconClipboardList.displayName = 'IconClipboardList';
 
-var _excluded$cr = ["testId", "size", "color", "style", "variant"];
+var _excluded$cu = ["testId", "size", "color", "style", "variant"];
 var IconDownload = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-download' : _ref$testId,
@@ -6997,7 +6997,7 @@ var IconDownload = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cr);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cu);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7035,7 +7035,7 @@ var IconDownload = React.forwardRef(function (_ref, ref) {
 });
 IconDownload.displayName = 'IconDownload';
 
-var _excluded$cq = ["testId", "size", "color", "style", "variant"];
+var _excluded$ct = ["testId", "size", "color", "style", "variant"];
 var IconFilePdf = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-file-pdf' : _ref$testId,
@@ -7044,7 +7044,7 @@ var IconFilePdf = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cq);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ct);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7094,7 +7094,7 @@ var IconFilePdf = React.forwardRef(function (_ref, ref) {
 });
 IconFilePdf.displayName = 'IconFilePdf';
 
-var _excluded$cp = ["testId", "size", "color", "style", "variant"];
+var _excluded$cs = ["testId", "size", "color", "style", "variant"];
 var IconFlag = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-flag' : _ref$testId,
@@ -7103,7 +7103,7 @@ var IconFlag = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cp);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cs);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7153,7 +7153,7 @@ var IconFlag = React.forwardRef(function (_ref, ref) {
 });
 IconFlag.displayName = 'IconFlag';
 
-var _excluded$co = ["testId", "size", "color", "style", "variant"];
+var _excluded$cr = ["testId", "size", "color", "style", "variant"];
 var IconFourDotsCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-four-dots-circle' : _ref$testId,
@@ -7162,7 +7162,7 @@ var IconFourDotsCircle = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$co);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cr);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7203,7 +7203,7 @@ var IconFourDotsCircle = React.forwardRef(function (_ref, ref) {
 });
 IconFourDotsCircle.displayName = 'IconFourDotsCircle';
 
-var _excluded$cn = ["testId", "size", "color", "style", "variant"];
+var _excluded$cq = ["testId", "size", "color", "style", "variant"];
 var IconFourSquares = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-four-squares' : _ref$testId,
@@ -7212,7 +7212,7 @@ var IconFourSquares = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cn);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cq);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7250,7 +7250,7 @@ var IconFourSquares = React.forwardRef(function (_ref, ref) {
 });
 IconFourSquares.displayName = 'IconFourSquares';
 
-var _excluded$cm = ["testId", "size", "color", "style", "variant"];
+var _excluded$cp = ["testId", "size", "color", "style", "variant"];
 var IconGavel = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gavel' : _ref$testId,
@@ -7259,7 +7259,7 @@ var IconGavel = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cm);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cp);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7309,7 +7309,7 @@ var IconGavel = React.forwardRef(function (_ref, ref) {
 });
 IconGavel.displayName = 'IconGavel';
 
-var _excluded$cl = ["testId", "size", "color", "style", "variant"];
+var _excluded$co = ["testId", "size", "color", "style", "variant"];
 var IconGif = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gif' : _ref$testId,
@@ -7318,7 +7318,7 @@ var IconGif = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cl);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$co);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7354,7 +7354,7 @@ var IconGif = React.forwardRef(function (_ref, ref) {
 });
 IconGif.displayName = 'IconGif';
 
-var _excluded$ck = ["testId", "size", "color", "style", "variant"];
+var _excluded$cn = ["testId", "size", "color", "style", "variant"];
 var IconGift = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gift' : _ref$testId,
@@ -7363,7 +7363,7 @@ var IconGift = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ck);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cn);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7399,7 +7399,7 @@ var IconGift = React.forwardRef(function (_ref, ref) {
 });
 IconGift.displayName = 'IconGift';
 
-var _excluded$cj = ["testId", "size", "color", "style", "variant"];
+var _excluded$cm = ["testId", "size", "color", "style", "variant"];
 var IconGlobe = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-globe' : _ref$testId,
@@ -7408,7 +7408,7 @@ var IconGlobe = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cj);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cm);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7444,7 +7444,7 @@ var IconGlobe = React.forwardRef(function (_ref, ref) {
 });
 IconGlobe.displayName = 'IconGlobe';
 
-var _excluded$ci = ["testId", "size", "color", "style", "variant"];
+var _excluded$cl = ["testId", "size", "color", "style", "variant"];
 var IconHatChef = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hat-chef' : _ref$testId,
@@ -7453,7 +7453,7 @@ var IconHatChef = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ci);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cl);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7503,7 +7503,7 @@ var IconHatChef = React.forwardRef(function (_ref, ref) {
 });
 IconHatChef.displayName = 'IconHatChef';
 
-var _excluded$ch = ["testId", "size", "color", "style", "variant"];
+var _excluded$ck = ["testId", "size", "color", "style", "variant"];
 var IconIslandTropical = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-island-tropical' : _ref$testId,
@@ -7512,7 +7512,7 @@ var IconIslandTropical = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ch);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ck);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7550,7 +7550,7 @@ var IconIslandTropical = React.forwardRef(function (_ref, ref) {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
 
-var _excluded$cg = ["testId", "size", "color", "style", "variant"];
+var _excluded$cj = ["testId", "size", "color", "style", "variant"];
 var IconLaptopSearch = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-laptop-search' : _ref$testId,
@@ -7559,7 +7559,7 @@ var IconLaptopSearch = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cg);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cj);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7621,7 +7621,7 @@ var IconLaptopSearch = React.forwardRef(function (_ref, ref) {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
 
-var _excluded$cf = ["testId", "size", "color", "style", "variant"];
+var _excluded$ci = ["testId", "size", "color", "style", "variant"];
 var IconMagic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-magic' : _ref$testId,
@@ -7630,7 +7630,7 @@ var IconMagic = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cf);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ci);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7668,7 +7668,7 @@ var IconMagic = React.forwardRef(function (_ref, ref) {
 });
 IconMagic.displayName = 'IconMagic';
 
-var _excluded$ce = ["testId", "size", "color", "style", "variant"];
+var _excluded$ch = ["testId", "size", "color", "style", "variant"];
 var IconMapMarker = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-map-marker' : _ref$testId,
@@ -7677,7 +7677,7 @@ var IconMapMarker = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ce);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ch);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7715,7 +7715,7 @@ var IconMapMarker = React.forwardRef(function (_ref, ref) {
 });
 IconMapMarker.displayName = 'IconMapMarker';
 
-var _excluded$cd = ["testId", "size", "color", "style", "variant"];
+var _excluded$cg = ["testId", "size", "color", "style", "variant"];
 var IconMedal = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-medal' : _ref$testId,
@@ -7724,7 +7724,7 @@ var IconMedal = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cd);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cg);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7774,7 +7774,7 @@ var IconMedal = React.forwardRef(function (_ref, ref) {
 });
 IconMedal.displayName = 'IconMedal';
 
-var _excluded$cc = ["testId", "size", "color", "style", "variant"];
+var _excluded$cf = ["testId", "size", "color", "style", "variant"];
 var IconMugSaucer = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-mug-saucer' : _ref$testId,
@@ -7783,7 +7783,7 @@ var IconMugSaucer = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cc);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cf);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7819,7 +7819,7 @@ var IconMugSaucer = React.forwardRef(function (_ref, ref) {
 });
 IconMugSaucer.displayName = 'IconMugSaucer';
 
-var _excluded$cb = ["testId", "size", "color", "style", "variant"];
+var _excluded$ce = ["testId", "size", "color", "style", "variant"];
 var IconNotesMedical = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-notes-medical' : _ref$testId,
@@ -7828,7 +7828,7 @@ var IconNotesMedical = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$cb);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ce);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7864,7 +7864,7 @@ var IconNotesMedical = React.forwardRef(function (_ref, ref) {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
 
-var _excluded$ca = ["testId", "size", "color", "style", "variant"];
+var _excluded$cd = ["testId", "size", "color", "style", "variant"];
 var IconPlateUtensils = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plate-utensils' : _ref$testId,
@@ -7873,7 +7873,7 @@ var IconPlateUtensils = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ca);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cd);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7916,7 +7916,7 @@ var IconPlateUtensils = React.forwardRef(function (_ref, ref) {
 });
 IconPlateUtensils.displayName = 'IconPlateUtensils';
 
-var _excluded$c9 = ["testId", "size", "color", "style", "variant"];
+var _excluded$cc = ["testId", "size", "color", "style", "variant"];
 var IconPlug = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plug' : _ref$testId,
@@ -7925,7 +7925,7 @@ var IconPlug = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cc);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7961,7 +7961,7 @@ var IconPlug = React.forwardRef(function (_ref, ref) {
 });
 IconPlug.displayName = 'IconPlug';
 
-var _excluded$c8 = ["testId", "size", "color", "style", "variant"];
+var _excluded$cb = ["testId", "size", "color", "style", "variant"];
 var IconRocket = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-rocket' : _ref$testId,
@@ -7970,7 +7970,7 @@ var IconRocket = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c8);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$cb);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8006,7 +8006,7 @@ var IconRocket = React.forwardRef(function (_ref, ref) {
 });
 IconRocket.displayName = 'IconRocket';
 
-var _excluded$c7 = ["testId", "size", "color", "style", "variant"];
+var _excluded$ca = ["testId", "size", "color", "style", "variant"];
 var IconSchool = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-school' : _ref$testId,
@@ -8015,7 +8015,7 @@ var IconSchool = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c7);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ca);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8051,7 +8051,7 @@ var IconSchool = React.forwardRef(function (_ref, ref) {
 });
 IconSchool.displayName = 'IconSchool';
 
-var _excluded$c6 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c9 = ["testId", "size", "color", "style", "variant"];
 var IconSparkle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sparkle' : _ref$testId,
@@ -8060,7 +8060,7 @@ var IconSparkle = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c6);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c9);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8096,7 +8096,7 @@ var IconSparkle = React.forwardRef(function (_ref, ref) {
 });
 IconSparkle.displayName = 'IconSparkle';
 
-var _excluded$c5 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c8 = ["testId", "size", "color", "style", "variant"];
 var IconStickyNoteLines = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sticky-note-lines' : _ref$testId,
@@ -8105,7 +8105,7 @@ var IconStickyNoteLines = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c5);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c8);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8161,7 +8161,7 @@ var IconStickyNoteLines = React.forwardRef(function (_ref, ref) {
 });
 IconStickyNoteLines.displayName = 'IconStickyNoteLines';
 
-var _excluded$c4 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c7 = ["testId", "size", "color", "style", "variant"];
 var IconStore = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-store' : _ref$testId,
@@ -8170,7 +8170,7 @@ var IconStore = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c4);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c7);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8206,7 +8206,7 @@ var IconStore = React.forwardRef(function (_ref, ref) {
 });
 IconStore.displayName = 'IconStore';
 
-var _excluded$c3 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c6 = ["testId", "size", "color", "style", "variant"];
 var IconTachometer = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-tachometer' : _ref$testId,
@@ -8215,7 +8215,7 @@ var IconTachometer = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c3);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c6);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8251,7 +8251,7 @@ var IconTachometer = React.forwardRef(function (_ref, ref) {
 });
 IconTachometer.displayName = 'IconTachometer';
 
-var _excluded$c2 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c5 = ["testId", "size", "color", "style", "variant"];
 var IconThreeSquares = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-three-squares' : _ref$testId,
@@ -8260,7 +8260,7 @@ var IconThreeSquares = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c5);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8298,7 +8298,7 @@ var IconThreeSquares = React.forwardRef(function (_ref, ref) {
 });
 IconThreeSquares.displayName = 'IconThreeSquares';
 
-var _excluded$c1 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c4 = ["testId", "size", "color", "style", "variant"];
 var IconUniversity = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-university' : _ref$testId,
@@ -8307,7 +8307,7 @@ var IconUniversity = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c1);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c4);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8343,7 +8343,7 @@ var IconUniversity = React.forwardRef(function (_ref, ref) {
 });
 IconUniversity.displayName = 'IconUniversity';
 
-var _excluded$c0 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c3 = ["testId", "size", "color", "style", "variant"];
 var IconAward = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-award' : _ref$testId,
@@ -8352,7 +8352,7 @@ var IconAward = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c0);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c3);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8390,7 +8390,7 @@ var IconAward = React.forwardRef(function (_ref, ref) {
 });
 IconAward.displayName = 'IconAward';
 
-var _excluded$b$ = ["testId", "size", "color", "style", "variant"];
+var _excluded$c2 = ["testId", "size", "color", "style", "variant"];
 var IconAwardSimple = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-award-simple' : _ref$testId,
@@ -8399,7 +8399,7 @@ var IconAwardSimple = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$b$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c2);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8435,7 +8435,7 @@ var IconAwardSimple = React.forwardRef(function (_ref, ref) {
 });
 IconAwardSimple.displayName = 'IconAwardSimple';
 
-var _excluded$b_ = ["testId", "size", "color", "style", "variant"];
+var _excluded$c1 = ["testId", "size", "color", "style", "variant"];
 var IconBan = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-ban' : _ref$testId,
@@ -8444,7 +8444,7 @@ var IconBan = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$b_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c1);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8494,7 +8494,7 @@ var IconBan = React.forwardRef(function (_ref, ref) {
 });
 IconBan.displayName = 'IconBan';
 
-var _excluded$bZ = ["testId", "size", "color", "style", "variant"];
+var _excluded$c0 = ["testId", "size", "color", "style", "variant"];
 var IconCheck = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-check' : _ref$testId,
@@ -8503,7 +8503,7 @@ var IconCheck = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bZ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c0);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8541,7 +8541,7 @@ var IconCheck = React.forwardRef(function (_ref, ref) {
 });
 IconCheck.displayName = 'IconCheck';
 
-var _excluded$bY = ["testId", "size", "color", "style", "variant"];
+var _excluded$b$ = ["testId", "size", "color", "style", "variant"];
 var IconCheckCircleIncomplete = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-check-circle-incomplete' : _ref$testId,
@@ -8550,7 +8550,7 @@ var IconCheckCircleIncomplete = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bY);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$b$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8600,7 +8600,7 @@ var IconCheckCircleIncomplete = React.forwardRef(function (_ref, ref) {
 });
 IconCheckCircleIncomplete.displayName = 'IconCheckCircleIncomplete';
 
-var _excluded$bX = ["testId", "size", "color", "style", "variant"];
+var _excluded$b_ = ["testId", "size", "color", "style", "variant"];
 var IconCheckCircleIncompleteRole = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-check-circle-incomplete-role' : _ref$testId,
@@ -8609,7 +8609,7 @@ var IconCheckCircleIncompleteRole = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bX);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$b_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8665,7 +8665,7 @@ var IconCheckCircleIncompleteRole = React.forwardRef(function (_ref, ref) {
 });
 IconCheckCircleIncompleteRole.displayName = 'IconCheckCircleIncompleteRole';
 
-var _excluded$bW = ["testId", "size", "color", "style", "variant"];
+var _excluded$bZ = ["testId", "size", "color", "style", "variant"];
 var IconCheckCircleIncompleteUser = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-check-circle-incomplete-user' : _ref$testId,
@@ -8674,7 +8674,7 @@ var IconCheckCircleIncompleteUser = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bW);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bZ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8710,7 +8710,7 @@ var IconCheckCircleIncompleteUser = React.forwardRef(function (_ref, ref) {
 });
 IconCheckCircleIncompleteUser.displayName = 'IconCheckCircleIncompleteUser';
 
-var _excluded$bV = ["testId", "size", "color", "style", "variant"];
+var _excluded$bY = ["testId", "size", "color", "style", "variant"];
 var IconCircleHalfStroke = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-circle-half-stroke' : _ref$testId,
@@ -8719,7 +8719,7 @@ var IconCircleHalfStroke = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bV);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bY);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8755,7 +8755,7 @@ var IconCircleHalfStroke = React.forwardRef(function (_ref, ref) {
 });
 IconCircleHalfStroke.displayName = 'IconCircleHalfStroke';
 
-var _excluded$bU = ["testId", "size", "color", "style", "variant"];
+var _excluded$bX = ["testId", "size", "color", "style", "variant"];
 var IconCircleXMark = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-circle-x-mark' : _ref$testId,
@@ -8764,7 +8764,7 @@ var IconCircleXMark = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bU);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bX);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8800,7 +8800,7 @@ var IconCircleXMark = React.forwardRef(function (_ref, ref) {
 });
 IconCircleXMark.displayName = 'IconCircleXMark';
 
-var _excluded$bT = ["testId", "size", "color", "style", "variant"];
+var _excluded$bW = ["testId", "size", "color", "style", "variant"];
 var IconDeleteLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-delete-left' : _ref$testId,
@@ -8809,7 +8809,7 @@ var IconDeleteLeft = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bT);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bW);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8845,7 +8845,7 @@ var IconDeleteLeft = React.forwardRef(function (_ref, ref) {
 });
 IconDeleteLeft.displayName = 'IconDeleteLeft';
 
-var _excluded$bS = ["testId", "size", "color", "style", "variant"];
+var _excluded$bV = ["testId", "size", "color", "style", "variant"];
 var IconExclamation = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-exclamation' : _ref$testId,
@@ -8854,7 +8854,7 @@ var IconExclamation = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bS);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bV);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8890,7 +8890,7 @@ var IconExclamation = React.forwardRef(function (_ref, ref) {
 });
 IconExclamation.displayName = 'IconExclamation';
 
-var _excluded$bR = ["testId", "size", "color", "style", "variant"];
+var _excluded$bU = ["testId", "size", "color", "style", "variant"];
 var IconExclamationTriangle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-exclamation-triangle' : _ref$testId,
@@ -8899,7 +8899,7 @@ var IconExclamationTriangle = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bR);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bU);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8940,7 +8940,7 @@ var IconExclamationTriangle = React.forwardRef(function (_ref, ref) {
 });
 IconExclamationTriangle.displayName = 'IconExclamationTriangle';
 
-var _excluded$bQ = ["testId", "size", "color", "style", "variant"];
+var _excluded$bT = ["testId", "size", "color", "style", "variant"];
 var IconInfoCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-info-circle' : _ref$testId,
@@ -8949,7 +8949,7 @@ var IconInfoCircle = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bQ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bT);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8987,7 +8987,7 @@ var IconInfoCircle = React.forwardRef(function (_ref, ref) {
 });
 IconInfoCircle.displayName = 'IconInfoCircle';
 
-var _excluded$bP = ["testId", "size", "color", "style", "variant"];
+var _excluded$bS = ["testId", "size", "color", "style", "variant"];
 var IconQuestionCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-question-circle' : _ref$testId,
@@ -8996,7 +8996,7 @@ var IconQuestionCircle = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bP);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bS);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9032,7 +9032,7 @@ var IconQuestionCircle = React.forwardRef(function (_ref, ref) {
 });
 IconQuestionCircle.displayName = 'IconQuestionCircle';
 
-var _excluded$bO = ["testId", "size", "color", "style", "variant"];
+var _excluded$bR = ["testId", "size", "color", "style", "variant"];
 var IconTimesOctagon = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-times-octagon' : _ref$testId,
@@ -9041,7 +9041,7 @@ var IconTimesOctagon = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bO);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bR);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9079,7 +9079,7 @@ var IconTimesOctagon = React.forwardRef(function (_ref, ref) {
 });
 IconTimesOctagon.displayName = 'IconTimesOctagon';
 
-var _excluded$bN = ["testId", "size", "color", "style", "variant"];
+var _excluded$bQ = ["testId", "size", "color", "style", "variant"];
 var IconCalendar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar' : _ref$testId,
@@ -9088,7 +9088,7 @@ var IconCalendar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bN);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bQ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9126,7 +9126,7 @@ var IconCalendar = React.forwardRef(function (_ref, ref) {
 });
 IconCalendar.displayName = 'IconCalendar';
 
-var _excluded$bM = ["testId", "size", "color", "style", "variant"];
+var _excluded$bP = ["testId", "size", "color", "style", "variant"];
 var IconCalendarAlt = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-alt' : _ref$testId,
@@ -9135,7 +9135,7 @@ var IconCalendarAlt = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bM);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bP);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9173,7 +9173,7 @@ var IconCalendarAlt = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarAlt.displayName = 'IconCalendarAlt';
 
-var _excluded$bL = ["testId", "size", "color", "style", "variant"];
+var _excluded$bO = ["testId", "size", "color", "style", "variant"];
 var IconCalendarCheck = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-check' : _ref$testId,
@@ -9182,7 +9182,7 @@ var IconCalendarCheck = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bL);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bO);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9220,7 +9220,7 @@ var IconCalendarCheck = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarCheck.displayName = 'IconCalendarCheck';
 
-var _excluded$bK = ["testId", "size", "color", "style", "variant"];
+var _excluded$bN = ["testId", "size", "color", "style", "variant"];
 var IconCalendarDay = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-day' : _ref$testId,
@@ -9229,7 +9229,7 @@ var IconCalendarDay = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bK);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bN);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9265,7 +9265,7 @@ var IconCalendarDay = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarDay.displayName = 'IconCalendarDay';
 
-var _excluded$bJ = ["testId", "size", "color", "style", "variant"];
+var _excluded$bM = ["testId", "size", "color", "style", "variant"];
 var IconCalendarExclamation = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-exclamation' : _ref$testId,
@@ -9274,7 +9274,7 @@ var IconCalendarExclamation = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bJ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bM);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9310,7 +9310,7 @@ var IconCalendarExclamation = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarExclamation.displayName = 'IconCalendarExclamation';
 
-var _excluded$bI = ["testId", "size", "color", "style", "variant"];
+var _excluded$bL = ["testId", "size", "color", "style", "variant"];
 var IconCalendarStar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-star' : _ref$testId,
@@ -9319,7 +9319,7 @@ var IconCalendarStar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bI);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bL);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9369,7 +9369,7 @@ var IconCalendarStar = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarStar.displayName = 'IconCalendarStar';
 
-var _excluded$bH = ["testId", "size", "color", "style", "variant"];
+var _excluded$bK = ["testId", "size", "color", "style", "variant"];
 var IconCalendarWeek = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-week' : _ref$testId,
@@ -9378,7 +9378,7 @@ var IconCalendarWeek = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bH);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bK);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9425,7 +9425,7 @@ var IconCalendarWeek = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarWeek.displayName = 'IconCalendarWeek';
 
-var _excluded$bG = ["testId", "size", "color", "style", "variant"];
+var _excluded$bJ = ["testId", "size", "color", "style", "variant"];
 var IconClock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-clock' : _ref$testId,
@@ -9434,7 +9434,7 @@ var IconClock = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bG);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bJ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9470,7 +9470,7 @@ var IconClock = React.forwardRef(function (_ref, ref) {
 });
 IconClock.displayName = 'IconClock';
 
-var _excluded$bF = ["testId", "size", "color", "style", "variant"];
+var _excluded$bI = ["testId", "size", "color", "style", "variant"];
 var IconClockExclamation = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-clock-exclamation' : _ref$testId,
@@ -9479,7 +9479,7 @@ var IconClockExclamation = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bF);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bI);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9529,7 +9529,7 @@ var IconClockExclamation = React.forwardRef(function (_ref, ref) {
 });
 IconClockExclamation.displayName = 'IconClockExclamation';
 
-var _excluded$bE = ["testId", "size", "color", "style", "variant"];
+var _excluded$bH = ["testId", "size", "color", "style", "variant"];
 var IconClockRewind = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-clock-rewind' : _ref$testId,
@@ -9538,7 +9538,7 @@ var IconClockRewind = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bE);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bH);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9588,7 +9588,7 @@ var IconClockRewind = React.forwardRef(function (_ref, ref) {
 });
 IconClockRewind.displayName = 'IconClockRewind';
 
-var _excluded$bD = ["testId", "size", "color", "style", "variant"];
+var _excluded$bG = ["testId", "size", "color", "style", "variant"];
 var IconOvertime = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-overtime' : _ref$testId,
@@ -9597,7 +9597,7 @@ var IconOvertime = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bD);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bG);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9638,7 +9638,7 @@ var IconOvertime = React.forwardRef(function (_ref, ref) {
 });
 IconOvertime.displayName = 'IconOvertime';
 
-var _excluded$bC = ["testId", "size", "color", "style", "variant"];
+var _excluded$bF = ["testId", "size", "color", "style", "variant"];
 var IconStopwatch = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-stopwatch' : _ref$testId,
@@ -9647,7 +9647,7 @@ var IconStopwatch = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bC);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bF);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9685,14 +9685,14 @@ var IconStopwatch = React.forwardRef(function (_ref, ref) {
 });
 IconStopwatch.displayName = 'IconStopwatch';
 
-var _excluded$bB = ["testId", "size", "color", "style"];
+var _excluded$bE = ["testId", "size", "color", "style"];
 var IconAwful = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-awful' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bB);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bE);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9733,14 +9733,14 @@ var IconAwful = React.forwardRef(function (_ref, ref) {
 });
 IconAwful.displayName = 'IconAwful';
 
-var _excluded$bA = ["testId", "size", "color", "style"];
+var _excluded$bD = ["testId", "size", "color", "style"];
 var IconAwfulMonochromatic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-awful-monochromatic' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bA);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bD);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9793,14 +9793,14 @@ var IconAwfulMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconAwfulMonochromatic.displayName = 'IconAwfulMonochromatic';
 
-var _excluded$bz = ["testId", "size", "color", "style"];
+var _excluded$bC = ["testId", "size", "color", "style"];
 var IconBad = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bad' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bz);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bC);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9827,14 +9827,14 @@ var IconBad = React.forwardRef(function (_ref, ref) {
 });
 IconBad.displayName = 'IconBad';
 
-var _excluded$by = ["testId", "size", "color", "style"];
+var _excluded$bB = ["testId", "size", "color", "style"];
 var IconBadMonochromatic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bad-monochromatic' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$by);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bB);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9873,14 +9873,14 @@ var IconBadMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconBadMonochromatic.displayName = 'IconBadMonochromatic';
 
-var _excluded$bx = ["testId", "size", "color", "style"];
+var _excluded$bA = ["testId", "size", "color", "style"];
 var IconDecent = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-decent' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bx);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bA);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9911,14 +9911,14 @@ var IconDecent = React.forwardRef(function (_ref, ref) {
 });
 IconDecent.displayName = 'IconDecent';
 
-var _excluded$bw = ["testId", "size", "color", "style"];
+var _excluded$bz = ["testId", "size", "color", "style"];
 var IconDecentMonochromatic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-decent-monochromatic' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bw);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bz);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9961,14 +9961,14 @@ var IconDecentMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconDecentMonochromatic.displayName = 'IconDecentMonochromatic';
 
-var _excluded$bv = ["testId", "size", "color", "style"];
+var _excluded$by = ["testId", "size", "color", "style"];
 var IconGood = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-good' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bv);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$by);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9995,14 +9995,14 @@ var IconGood = React.forwardRef(function (_ref, ref) {
 });
 IconGood.displayName = 'IconGood';
 
-var _excluded$bu = ["testId", "size", "color", "style"];
+var _excluded$bx = ["testId", "size", "color", "style"];
 var IconGoodMonochromatic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-good-monochromatic' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bu);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bx);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -10041,14 +10041,14 @@ var IconGoodMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconGoodMonochromatic.displayName = 'IconGoodMonochromatic';
 
-var _excluded$bt = ["testId", "size", "color", "style"];
+var _excluded$bw = ["testId", "size", "color", "style"];
 var IconGreat = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-great' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bt);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bw);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -10077,14 +10077,14 @@ var IconGreat = React.forwardRef(function (_ref, ref) {
 });
 IconGreat.displayName = 'IconGreat';
 
-var _excluded$bs = ["testId", "size", "color", "style"];
+var _excluded$bv = ["testId", "size", "color", "style"];
 var IconGreatMonochromatic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-great-monochromatic' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$bs);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bv);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -10125,9 +10125,9 @@ var IconGreatMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
 
-var styles$1u = {"pagination-controls":"_S1co-"};
+var styles$1x = {"pagination-controls":"_S1co-"};
 
-var styles$1t = {"keyboard-key":"_sgd9a","keyboard-key--light":"_8zg4j","keyboard-key__character":"_GAIig"};
+var styles$1w = {"keyboard-key":"_sgd9a","keyboard-key--light":"_8zg4j","keyboard-key__character":"_GAIig"};
 
 var KeyboardKey = function KeyboardKey(_ref) {
   var _classNames;
@@ -10135,9 +10135,9 @@ var KeyboardKey = function KeyboardKey(_ref) {
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? 'dark' : _ref$theme;
   return React__default["default"].createElement("span", {
-    className: classnames__default["default"](styles$1t['keyboard-key'], (_classNames = {}, _classNames[styles$1t['keyboard-key--light']] = theme === 'light', _classNames))
+    className: classnames__default["default"](styles$1w['keyboard-key'], (_classNames = {}, _classNames[styles$1w['keyboard-key--light']] = theme === 'light', _classNames))
   }, React__default["default"].createElement("span", {
-    className: styles$1t['keyboard-key__character']
+    className: styles$1w['keyboard-key__character']
   }, children));
 };
 
@@ -10294,7 +10294,7 @@ var useTranslation = function useTranslation(context) {
   return translate;
 };
 
-var _excluded$br = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
+var _excluded$bu = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
 /**
  * `PaginationControls` are two buttons side by side.
  */
@@ -10307,7 +10307,7 @@ var PaginationControls = function PaginationControls(_ref) {
     onNextClick = _ref.onNextClick,
     testId = _ref.testId,
     scrollTarget = _ref.scrollTarget,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$br);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$bu);
   var __ = useTranslation('PaginationControls');
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
@@ -10343,7 +10343,7 @@ var PaginationControls = function PaginationControls(_ref) {
     }
   });
   return React__default["default"].createElement("div", _extends({}, dataProps, {
-    className: styles$1u['pagination-controls'],
+    className: styles$1x['pagination-controls'],
     "data-testid": testId
   }), React__default["default"].createElement(Button, {
     disabled: !hasPrevious,
@@ -10373,9 +10373,9 @@ var LINK_TARGET = {
   BLANK: '_blank'
 };
 
-var styles$1s = {"link":"_EiQ4c","link--contrast":"_weJDR"};
+var styles$1v = {"link":"_EiQ4c","link--contrast":"_weJDR"};
 
-var _excluded$bq = ["href", "target", "theme", "onClick", "children"];
+var _excluded$bt = ["href", "target", "theme", "onClick", "children"];
 var Link = function Link(_ref) {
   var _classNames;
   var href = _ref.href,
@@ -10385,12 +10385,12 @@ var Link = function Link(_ref) {
     theme = _ref$theme === void 0 ? LINK_THEME.PRIMARY : _ref$theme,
     onClick = _ref.onClick,
     children = _ref.children,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$bq);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$bt);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   var ref = React__default["default"].useRef(null);
   return React__default["default"].createElement("a", _extends({}, dataProps, {
-    className: classnames__default["default"](styles$1s['link'], (_classNames = {}, _classNames[styles$1s['link--primary']] = theme === LINK_THEME.PRIMARY, _classNames[styles$1s['link--contrast']] = theme === LINK_THEME.CONTRAST, _classNames)),
+    className: classnames__default["default"](styles$1v['link'], (_classNames = {}, _classNames[styles$1v['link--primary']] = theme === LINK_THEME.PRIMARY, _classNames[styles$1v['link--contrast']] = theme === LINK_THEME.CONTRAST, _classNames)),
     href: href,
     target: target,
     onClick: onClick,
@@ -10413,7 +10413,7 @@ var useDropdownContext = function useDropdownContext() {
   return React__default["default"].useContext(DropdownContext);
 };
 
-var styles$1r = {"dropdown-pane":"_sp-pT"};
+var styles$1u = {"dropdown-pane":"_sp-pT"};
 
 var DROPDOWN_PANE_PADDING = 14;
 var calculateOverlayPosition$1 = function calculateOverlayPosition(triggerPosition, triggerOffsetHeight, panePosition, alignment) {
@@ -10551,7 +10551,7 @@ var PaneOverlay = function PaneOverlay(_ref) {
   useKeyPress(['Escape'], onToggleDropdown);
   var overflow = maxHeight ? 'auto' : undefined;
   return React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$1r['dropdown-pane'], (_classNames = {}, _classNames[styles$1r['dropdown-pane--with-padding']] = true, _classNames['dropdown-pane--custom-width'] = width !== undefined, _classNames)),
+    className: classnames__default["default"](styles$1u['dropdown-pane'], (_classNames = {}, _classNames[styles$1u['dropdown-pane--with-padding']] = true, _classNames['dropdown-pane--custom-width'] = width !== undefined, _classNames)),
     style: _extends({}, position, {
       width: width,
       maxHeight: maxHeight,
@@ -10580,7 +10580,7 @@ var getKeyboardFocusableElements = function getKeyboardFocusableElements(element
   });
 };
 
-var styles$1q = {"dropdown__trigger":"_AktVc"};
+var styles$1t = {"dropdown__trigger":"_AktVc"};
 
 var DROPDOWN_ALIGNEMNT = {
   LEFT: 'left',
@@ -10591,7 +10591,7 @@ var DROPDOWN_TRIGGER = {
   CLICK: 'click'
 };
 
-var styles$1p = {"label":"_zv4ua","label--truncate":"_FPyID"};
+var styles$1s = {"label":"_zv4ua","label--truncate":"_FPyID"};
 
 var isEllipsisActive = function isEllipsisActive(e) {
   return e.offsetWidth < e.scrollWidth;
@@ -10644,7 +10644,7 @@ var Label = function Label(_ref) {
   var LabelElement = React__default["default"].createElement("label", {
     htmlFor: htmlFor,
     id: labelId,
-    className: classnames__default["default"](styles$1p['label'], (_classNames = {}, _classNames[styles$1p['label--truncate']] = shouldTruncate, _classNames))
+    className: classnames__default["default"](styles$1s['label'], (_classNames = {}, _classNames[styles$1s['label--truncate']] = shouldTruncate, _classNames))
   }, children);
   if (showTooltip) {
     return React__default["default"].createElement(Tooltip, {
@@ -10655,18 +10655,18 @@ var Label = function Label(_ref) {
   return LabelElement;
 };
 
-var styles$1o = {"caption":"_Qrxg5"};
+var styles$1r = {"caption":"_Qrxg5"};
 
 var Caption = function Caption(_ref) {
   var fieldId = _ref.fieldId,
     children = _ref.children;
   return React__default["default"].createElement("div", {
     id: fieldId && fieldId + "-describer",
-    className: styles$1o['caption']
+    className: styles$1r['caption']
   }, children);
 };
 
-var styles$1n = {"error-message":"_eS4YO"};
+var styles$1q = {"error-message":"_eS4YO"};
 
 var ErrorMessage = function ErrorMessage(_ref) {
   var fieldId = _ref.fieldId,
@@ -10674,7 +10674,7 @@ var ErrorMessage = function ErrorMessage(_ref) {
     testId = _ref.testId;
   return React__default["default"].createElement("div", {
     id: fieldId && fieldId + "-error-message",
-    className: styles$1n['error-message'],
+    className: styles$1q['error-message'],
     "data-testid": testId
   }, React__default["default"].createElement(Inline, {
     space: 8,
@@ -10711,9 +10711,9 @@ var ALIGNMENTS = {
   JUSTIFY: 'justify'
 };
 
-var styles$1m = {"text":"_6SgoN","text--bold":"_i2LHD","text__body":"_SF95f","text__caption":"_HHohB","text__insight":"_xdhK0","text__span":"_yZbuO","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$1p = {"text":"_6SgoN","text--bold":"_i2LHD","text__body":"_SF95f","text__caption":"_HHohB","text__insight":"_xdhK0","text__span":"_yZbuO","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 _excluded$bp = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
+var _excluded$bs = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
 var TextComponent = function TextComponent(_ref, ref) {
   var _classnames;
   var children = _ref.children,
@@ -10724,7 +10724,7 @@ var TextComponent = function TextComponent(_ref, ref) {
     color = _ref.color,
     testId = _ref.testId,
     textWrap = _ref.textWrap,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$bp);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$bs);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -10737,7 +10737,7 @@ var TextComponent = function TextComponent(_ref, ref) {
       color: getColor(color),
       textWrap: textWrap
     }, positionStyles),
-    className: classnames__default["default"](styles$1m['text'], (_classnames = {}, _classnames[styles$1m['text--bold']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD), _classnames[styles$1m['text--italic']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC), _classnames[styles$1m['text--underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE), _classnames[styles$1m['text--dotted-underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE), _classnames[styles$1m['text--monospace']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE), _classnames[styles$1m['text--line-through']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH), _classnames[styles$1m['text--align-left']] = alignment === ALIGNMENTS.LEFT, _classnames[styles$1m['text--align-right']] = alignment === ALIGNMENTS.RIGHT, _classnames[styles$1m['text--align-center']] = alignment === ALIGNMENTS.CENTER, _classnames[styles$1m['text--align-justify']] = alignment === ALIGNMENTS.JUSTIFY, _classnames[styles$1m['text__body']] = as === TEXT_TYPES.BODY, _classnames[styles$1m['text__insight']] = as === TEXT_TYPES.INSIGHT, _classnames[styles$1m['text__caption']] = as === TEXT_TYPES.CAPTION, _classnames[styles$1m['text__span']] = as === TEXT_TYPES.SPAN, _classnames)),
+    className: classnames__default["default"](styles$1p['text'], (_classnames = {}, _classnames[styles$1p['text--bold']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD), _classnames[styles$1p['text--italic']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC), _classnames[styles$1p['text--underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE), _classnames[styles$1p['text--dotted-underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE), _classnames[styles$1p['text--monospace']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE), _classnames[styles$1p['text--line-through']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH), _classnames[styles$1p['text--align-left']] = alignment === ALIGNMENTS.LEFT, _classnames[styles$1p['text--align-right']] = alignment === ALIGNMENTS.RIGHT, _classnames[styles$1p['text--align-center']] = alignment === ALIGNMENTS.CENTER, _classnames[styles$1p['text--align-justify']] = alignment === ALIGNMENTS.JUSTIFY, _classnames[styles$1p['text__body']] = as === TEXT_TYPES.BODY, _classnames[styles$1p['text__insight']] = as === TEXT_TYPES.INSIGHT, _classnames[styles$1p['text__caption']] = as === TEXT_TYPES.CAPTION, _classnames[styles$1p['text__span']] = as === TEXT_TYPES.SPAN, _classnames)),
     'data-testid': testId
   }, dataProps, other, {
     ref: ref
@@ -10752,25 +10752,25 @@ var Text = React.forwardRef(TextComponent);
 var Bold = function Bold(_ref) {
   var children = _ref.children;
   return React__default["default"].createElement("span", {
-    className: classnames__default["default"](styles$1m['text--bold'], styles$1m['text'])
+    className: classnames__default["default"](styles$1p['text--bold'], styles$1p['text'])
   }, children);
 };
 
 var Underline = function Underline(_ref) {
   var children = _ref.children;
   return React__default["default"].createElement("span", {
-    className: classnames__default["default"](styles$1m['text--underline'], styles$1m['text'])
+    className: classnames__default["default"](styles$1p['text--underline'], styles$1p['text'])
   }, children);
 };
 
 var Italic = function Italic(_ref) {
   var children = _ref.children;
   return React__default["default"].createElement("span", {
-    className: classnames__default["default"](styles$1m['text--italic'], styles$1m['text'])
+    className: classnames__default["default"](styles$1p['text--italic'], styles$1p['text'])
   }, children);
 };
 
-var _excluded$bo = ["id", "label", "caption", "characterCount", "error", "children"];
+var _excluded$br = ["id", "label", "caption", "characterCount", "error", "children"];
 var Field = function Field(_ref) {
   var id = _ref.id,
     label = _ref.label,
@@ -10778,7 +10778,7 @@ var Field = function Field(_ref) {
     characterCount = _ref.characterCount,
     error = _ref.error,
     children = _ref.children,
-    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$bo);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$br);
   var shouldRenderLabel = label || typeof label === 'string';
   var CharacterConter = function CharacterConter() {
     return React__default["default"].createElement(Inline, {
@@ -10915,9 +10915,9 @@ var useFieldControllers = function useFieldControllers(_ref) {
   return controllers;
 };
 
-var styles$1l = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
+var styles$1o = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
 
-var _excluded$bn = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
+var _excluded$bq = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
 var useTextField = function useTextField(_ref) {
   var _classnames;
   var autoComplete = _ref.autoComplete,
@@ -10938,7 +10938,7 @@ var useTextField = function useTextField(_ref) {
     value = _ref.value,
     ref = _ref.ref,
     testId = _ref.testId,
-    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$bn);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$bq);
   var controllers = useFieldControllers({
     error: error,
     id: id,
@@ -10955,7 +10955,7 @@ var useTextField = function useTextField(_ref) {
     'aria-invalid': hasError,
     autoComplete: autoComplete,
     autoFocus: autoFocus,
-    className: classnames__default["default"](styles$1l['text-field'], (_classnames = {}, _classnames[styles$1l['text-field--invalid']] = hasError, _classnames)),
+    className: classnames__default["default"](styles$1o['text-field'], (_classnames = {}, _classnames[styles$1o['text-field--invalid']] = hasError, _classnames)),
     'data-testid': testId,
     disabled: disabled,
     defaultValue: defaultValue,
@@ -10985,7 +10985,7 @@ var useTextField = function useTextField(_ref) {
   };
 };
 
-var styles$1k = {"affix-container":"_F8QOB","prefix":"_yPPIy","suffix":"_Y3yFd","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi"};
+var styles$1n = {"affix-container":"_F8QOB","prefix":"_yPPIy","suffix":"_Y3yFd","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi"};
 
 var AffixContainer = function AffixContainer(_ref) {
   var _classnames;
@@ -11020,16 +11020,16 @@ var AffixContainer = function AffixContainer(_ref) {
   if (!hasPrefix && !hasSuffix) {
     return children;
   }
-  var classes = classnames__default["default"](styles$1k['affix-container'], (_classnames = {}, _classnames[styles$1k['affix-container--prefixed']] = hasPrefix, _classnames[styles$1k['affix-container--suffixed']] = hasSuffix, _classnames));
+  var classes = classnames__default["default"](styles$1n['affix-container'], (_classnames = {}, _classnames[styles$1n['affix-container--prefixed']] = hasPrefix, _classnames[styles$1n['affix-container--suffixed']] = hasSuffix, _classnames));
   return React__default["default"].createElement("div", {
     className: classes,
     ref: container,
     "data-testid": testId
   }, hasPrefix && React__default["default"].createElement("div", {
-    className: styles$1k['prefix'],
+    className: styles$1n['prefix'],
     ref: prefixElement
   }, prefix), children, hasSuffix && React__default["default"].createElement("div", {
-    className: styles$1k['suffix'],
+    className: styles$1n['suffix'],
     ref: suffixElement
   }, suffix));
 };
@@ -11076,7 +11076,7 @@ var TimeFieldInput = function TimeFieldInput(_ref) {
   })));
 };
 
-var _excluded$bm = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration", "timeFormat"];
+var _excluded$bp = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration", "timeFormat"];
 var TimeFieldDropdownElement = function TimeFieldDropdownElement(_ref, ref) {
   var placeholder = _ref.placeholder,
     _ref$autoComplete = _ref.autoComplete,
@@ -11085,7 +11085,7 @@ var TimeFieldDropdownElement = function TimeFieldDropdownElement(_ref, ref) {
     prefix = _ref.prefix,
     duration = _ref.duration,
     timeFormat = _ref.timeFormat,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$bm);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$bp);
   var defaultPlaceholder = timeFormat === TIME_FORMAT.FORMAT_AMPM ? '9:00 AM' : '09:00';
   var _useTextField = useTextField(_extends({}, allOtherProps, {
       placeholder: placeholder || defaultPlaceholder,
@@ -11238,7 +11238,7 @@ var Dropdown = function Dropdown(_ref) {
       paneRef: paneRef
     }
   }, triggerIsKnownButton ? React__default["default"].cloneElement(trigger, _extends({}, trigger.props, triggerProps)) : React__default["default"].createElement("button", _extends({}, triggerProps, {
-    className: styles$1q['dropdown__trigger'],
+    className: styles$1t['dropdown__trigger'],
     ref: updatedRef,
     onFocus: handleFocus
   }), trigger), React__default["default"].createElement(DropdownPane, {
@@ -11252,7 +11252,7 @@ var Dropdown = function Dropdown(_ref) {
   }, children));
 };
 
-var styles$1j = {"dropdown-list":"_91hvH","dropdown-list__item":"_NrB4V","dropdown-list__item--hover":"_aMs9c"};
+var styles$1m = {"dropdown-list":"_91hvH","dropdown-list__item":"_NrB4V","dropdown-list__item--hover":"_aMs9c"};
 
 var findNextActiveIndex = function findNextActiveIndex(items, startAt) {
   var startIndex = 0;
@@ -11407,19 +11407,19 @@ var checkIsComponent = function checkIsComponent(element, config) {
   return isComponent;
 };
 
-var styles$1i = {"dropdown-list-divider":"_ISJ4M"};
+var styles$1l = {"dropdown-list-divider":"_ISJ4M"};
 
 var DropdownListDivider = function DropdownListDivider(_ref) {
   var testId = _ref.testId;
   return React__default["default"].createElement("div", {
-    className: styles$1i['dropdown-list-divider'],
+    className: styles$1l['dropdown-list-divider'],
     "data-testid": testId
   });
 };
 
-var styles$1h = {"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","dropdown-list-item__suffix-spot":"_UA23u","dropdown-list-item__suffix-button":"_rvaeI"};
+var styles$1k = {"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","dropdown-list-item__suffix-spot":"_UA23u","dropdown-list-item__suffix-button":"_rvaeI"};
 
-var styles$1g = {"dropdown-submenu":"_X4fIx"};
+var styles$1j = {"dropdown-submenu":"_X4fIx"};
 
 var DropdownSubmenu = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -11432,7 +11432,7 @@ var DropdownSubmenu = React.forwardRef(function (_ref, ref) {
     visibility: 'hidden'
   };
   return React__default["default"].createElement("div", {
-    className: styles$1g['dropdown-submenu'],
+    className: styles$1j['dropdown-submenu'],
     "data-submenu-direction": direction,
     style: position || DEFAULT_POSITION,
     onMouseEnter: openSubmenu,
@@ -11622,20 +11622,20 @@ var DropdownListItem = function DropdownListItem(_ref) {
     onClick && onClick(e);
   };
   var childrenContainer = React__default["default"].createElement("div", {
-    className: styles$1h['dropdown-list-item__container']
+    className: styles$1k['dropdown-list-item__container']
   }, prefix && React__default["default"].createElement("div", {
-    className: styles$1h['dropdown-list-item__prefix']
+    className: styles$1k['dropdown-list-item__prefix']
   }, prefix), React__default["default"].createElement("div", {
-    className: styles$1h['dropdown-list-item__content']
+    className: styles$1k['dropdown-list-item__content']
   }, React__default["default"].createElement(Stack, {
     space: 0,
     flex: [1]
   }, children, caption && React__default["default"].createElement("div", {
-    className: styles$1h['dropdown-list-item__caption']
+    className: styles$1k['dropdown-list-item__caption']
   }, caption))), (suffix || submenu) && React__default["default"].createElement("div", {
-    className: styles$1h['dropdown-list-item__suffix']
+    className: styles$1k['dropdown-list-item__suffix']
   }, suffix && openSubmenuOnSuffixClick && submenu ? React__default["default"].createElement("button", {
-    className: styles$1h['dropdown-list-item__suffix-button'],
+    className: styles$1k['dropdown-list-item__suffix-button'],
     onClick: function onClick(e) {
       e.preventDefault();
       e.stopPropagation();
@@ -11646,19 +11646,19 @@ var DropdownListItem = function DropdownListItem(_ref) {
     "aria-label": "Open submenu",
     disabled: disabled
   }, suffix) : suffix, submenu && !suffix && React__default["default"].createElement("div", {
-    className: styles$1h['dropdown-list-item__suffix-spot']
+    className: styles$1k['dropdown-list-item__suffix-spot']
   }), submenu && !openSubmenuOnSuffixClick && React__default["default"].createElement(IconChevronRight, {
     size: "small"
   })));
   var linkItem = href && (reloadDocument ? React__default["default"].createElement("a", {
     href: href,
-    className: styles$1h['dropdown-list-item__link'],
+    className: styles$1k['dropdown-list-item__link'],
     target: target,
     tabIndex: -1
   }, childrenContainer) : React__default["default"].createElement(reactRouterDom.Link, {
     to: href,
     target: target,
-    className: styles$1h['dropdown-list-item__link'],
+    className: styles$1k['dropdown-list-item__link'],
     reloadDocument: false,
     tabIndex: -1,
     "data-testid": testId
@@ -11666,7 +11666,7 @@ var DropdownListItem = function DropdownListItem(_ref) {
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     React__default["default"].createElement("div", {
-      className: classnames__default["default"](styles$1h['dropdown-list-item'], (_classNames = {}, _classNames[styles$1h['dropdown-list-item--selected']] = selected, _classNames[styles$1h['dropdown-list-item--disabled']] = disabled, _classNames)),
+      className: classnames__default["default"](styles$1k['dropdown-list-item'], (_classNames = {}, _classNames[styles$1k['dropdown-list-item--selected']] = selected, _classNames[styles$1k['dropdown-list-item--disabled']] = disabled, _classNames)),
       onMouseDown: function onMouseDown(e) {
         return e.preventDefault();
       },
@@ -11804,14 +11804,14 @@ var DropdownList = function DropdownList(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [highlightItemIndex]);
   return React__default["default"].createElement("ul", {
-    className: styles$1j['dropdown-list'],
+    className: styles$1m['dropdown-list'],
     "data-testid": testId,
     ref: listRef
   }, React__default["default"].Children.toArray(children).filter(Boolean).map(function (child, index) {
     var _classNames;
     return React__default["default"].createElement("li", {
       key: index,
-      className: classnames__default["default"](styles$1j['dropdown-list__item'], (_classNames = {}, _classNames[styles$1j['dropdown-list__item--hover']] = focusedItem === index, _classNames)),
+      className: classnames__default["default"](styles$1m['dropdown-list__item'], (_classNames = {}, _classNames[styles$1m['dropdown-list__item--hover']] = focusedItem === index, _classNames)),
       onMouseEnter: function onMouseEnter() {
         return setFocusOnItem(index);
       },
@@ -11837,7 +11837,7 @@ var KebabMenu = function KebabMenu(_ref) {
   })));
 };
 
-var styles$1f = {"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$1i = {"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 CardContext = React.createContext({
   isCardMounted: false
@@ -11847,7 +11847,7 @@ var useCardContext = function useCardContext() {
   return context || {};
 };
 
-var _excluded$bl = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
+var _excluded$bo = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
 var Card = function Card(_ref) {
   var _classnames, _classnames2, _classnames3, _classnames4;
   var children = _ref.children,
@@ -11859,7 +11859,7 @@ var Card = function Card(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     actions = _ref.actions,
     testId = _ref.testId,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$bl);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$bo);
   var translate = useTranslation('Card');
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
@@ -11872,19 +11872,19 @@ var Card = function Card(_ref) {
       isCardMounted: true
     }
   }, React__default["default"].createElement("div", _extends({
-    className: classnames__default["default"](styles$1f['card']),
+    className: classnames__default["default"](styles$1i['card']),
     style: positionStyles
   }, dataProps), onClick ? React__default["default"].createElement("button", {
-    className: classnames__default["default"](styles$1f['card__body'], styles$1f['card__body--interactive'], (_classnames = {}, _classnames[styles$1f['card__body--disabled']] = disabled, _classnames[styles$1f['card__body--focus']] = isSelected, _classnames[styles$1f['card__body--with-kebab']] = actions, _classnames)),
+    className: classnames__default["default"](styles$1i['card__body'], styles$1i['card__body--interactive'], (_classnames = {}, _classnames[styles$1i['card__body--disabled']] = disabled, _classnames[styles$1i['card__body--focus']] = isSelected, _classnames[styles$1i['card__body--with-kebab']] = actions, _classnames)),
     "data-testid": testId,
     tabIndex: 0,
     onClick: onClick,
     disabled: disabled
   }, children) : React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$1f['card__body'], (_classnames2 = {}, _classnames2[styles$1f['card__body--disabled']] = disabled, _classnames2[styles$1f['card__body--focus']] = isSelected, _classnames2[styles$1f['card__body--with-kebab']] = actions, _classnames2)),
+    className: classnames__default["default"](styles$1i['card__body'], (_classnames2 = {}, _classnames2[styles$1i['card__body--disabled']] = disabled, _classnames2[styles$1i['card__body--focus']] = isSelected, _classnames2[styles$1i['card__body--with-kebab']] = actions, _classnames2)),
     "data-testid": testId
   }, children), actions && React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$1f['card__kebab'], (_classnames3 = {}, _classnames3[styles$1f['card__kebab--disabled']] = disabled, _classnames3))
+    className: classnames__default["default"](styles$1i['card__kebab'], (_classnames3 = {}, _classnames3[styles$1i['card__kebab--disabled']] = disabled, _classnames3))
   }, React__default["default"].createElement(KebabMenu, {
     actions: onClose ? actions.concat({
       action: 'dismiss',
@@ -11892,14 +11892,14 @@ var Card = function Card(_ref) {
       onAction: onClose
     }) : actions
   })), !actions && onClose && React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$1f['card__close'], (_classnames4 = {}, _classnames4[styles$1f['card__close--disabled']] = disabled, _classnames4))
+    className: classnames__default["default"](styles$1i['card__close'], (_classnames4 = {}, _classnames4[styles$1i['card__close--disabled']] = disabled, _classnames4))
   }, React__default["default"].createElement(Button, {
     theme: "link-icon",
     onClick: onClose
   }, React__default["default"].createElement(IconTimes, null)))));
 };
 
-var styles$1e = {"callout-card__close":"_VxmQm","callout-card__header":"_3RrQI"};
+var styles$1h = {"callout-card__close":"_VxmQm","callout-card__header":"_3RrQI"};
 
 /**
  * @deprecated Use `<EmptyState as='card' />` instead
@@ -11919,7 +11919,7 @@ var CalloutCard = function CalloutCard(_ref) {
   }, React__default["default"].createElement(Stack, {
     space: 12
   }, React__default["default"].createElement("div", {
-    className: styles$1e['callout-card__header']
+    className: styles$1h['callout-card__header']
   }, React__default["default"].createElement(Text, {
     as: "body",
     color: "primary-color"
@@ -11934,7 +11934,7 @@ var CalloutCard = function CalloutCard(_ref) {
     alt: String(title) + String(header),
     width: "354px"
   })), onClose && React__default["default"].createElement("div", {
-    className: styles$1e['callout-card__close']
+    className: styles$1h['callout-card__close']
   }, React__default["default"].createElement(Button, {
     theme: "link-icon",
     onClick: onClose
@@ -11949,7 +11949,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   }, children);
 };
 
-var styles$1d = {"breadcrumb-item":"_fo7-A"};
+var styles$1g = {"breadcrumb-item":"_fo7-A"};
 
 var BreadcrumbItem = function BreadcrumbItem(_ref) {
   var href = _ref.href,
@@ -11963,24 +11963,24 @@ var BreadcrumbItem = function BreadcrumbItem(_ref) {
   // This is neessary to support older versions of react-router-dom
   return reloadDocument ? React__default["default"].createElement("a", {
     href: href,
-    className: styles$1d['breadcrumb-item'],
+    className: styles$1g['breadcrumb-item'],
     "data-testid": testId
   }, content) : React__default["default"].createElement(reactRouterDom.Link, {
     to: href,
-    className: styles$1d['breadcrumb-item'],
+    className: styles$1g['breadcrumb-item'],
     relative: "path",
     reloadDocument: reloadDocument,
     "data-testid": testId
   }, content);
 };
 
-var styles$1c = {"page-breadcrumbs":"_QjIgc"};
+var styles$1f = {"page-breadcrumbs":"_QjIgc"};
 
 var PageBreadcrumbs = function PageBreadcrumbs(_ref) {
   var breadcrumbs = _ref.breadcrumbs;
   var items = getBreadbrumbItems(breadcrumbs);
   return React__default["default"].createElement("div", {
-    className: styles$1c['page-breadcrumbs']
+    className: styles$1f['page-breadcrumbs']
   }, React__default["default"].createElement(Breadcrumbs, null, items));
 };
 var getBreadbrumbItems = function getBreadbrumbItems(breadcrumbs) {
@@ -12002,7 +12002,7 @@ var getBreadbrumbItems = function getBreadbrumbItems(breadcrumbs) {
   }, breadcrumbs.label);
 };
 
-var styles$1b = {"page":"_QB6yF","page--fullwidth":"_g7MTf","page--restricted":"_LRq4j"};
+var styles$1e = {"page":"_QB6yF","page--fullwidth":"_g7MTf","page--restricted":"_LRq4j"};
 
 var PAGE_SIZES = {
   FULL_WIDTH: 'fullwidth',
@@ -12024,7 +12024,7 @@ var Page = function Page(_ref) {
   var hasHeader = title || actions;
   var hasPageBlocks = hasHeader || banner || filterBar;
   return React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$1b['page'], (_classNames = {}, _classNames[styles$1b['page--restricted']] = size === PAGE_SIZES.RESTRICTED, _classNames[styles$1b['page--fullwidth']] = size === PAGE_SIZES.FULL_WIDTH, _classNames)),
+    className: classnames__default["default"](styles$1e['page'], (_classNames = {}, _classNames[styles$1e['page--restricted']] = size === PAGE_SIZES.RESTRICTED, _classNames[styles$1e['page--fullwidth']] = size === PAGE_SIZES.FULL_WIDTH, _classNames)),
     "data-testid": testId
   }, React__default["default"].createElement(Stack, {
     space: 20
@@ -12044,15 +12044,15 @@ var Page = function Page(_ref) {
   }, title), actions), subtitle && React__default["default"].createElement(Text, null, subtitle)), banner, filterBar)), children));
 };
 
-var styles$1a = {"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$1d = {"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$19 = {"menu-item":"_SebbU","menu-item--active":"_CDEVl","menu-item--with-badge":"_VudDE","menu-item__badge":"_vErBS"};
+var styles$1c = {"menu-item":"_SebbU","menu-item--active":"_CDEVl","menu-item--with-badge":"_VudDE","menu-item__badge":"_vErBS"};
 
-var styles$18 = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-Bw8L","badge--success":"_RxlMz","badge--info":"_dzCH-","badge--numeric":"_Ix9tP"};
+var styles$1b = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-Bw8L","badge--success":"_RxlMz","badge--info":"_dzCH-","badge--numeric":"_Ix9tP"};
 
-var styles$17 = {"overlay":"_0yTe8","overlay--after-open":"_yJBtA","overlay--before-close":"_iWogn","content":"_ntozd","content--after-open":"_EQjDq","content--before-close":"_ZTY3B"};
+var styles$1a = {"overlay":"_0yTe8","overlay--after-open":"_yJBtA","overlay--before-close":"_iWogn","content":"_ntozd","content--after-open":"_EQjDq","content--before-close":"_ZTY3B"};
 
-var styles$16 = {"header":"_tgpG9","header__close-button":"_b1dgU","sub-header":"_c2nm4"};
+var styles$19 = {"header":"_tgpG9","header__close-button":"_b1dgU","sub-header":"_c2nm4"};
 
 var ModalHeader = function ModalHeader(_ref) {
   var header = _ref.header,
@@ -12061,7 +12061,7 @@ var ModalHeader = function ModalHeader(_ref) {
     loading = _ref.loading;
   if (!header && !subHeader) {
     return onClose ? React__default["default"].createElement("div", {
-      className: styles$16['header__close-button']
+      className: styles$19['header__close-button']
     }, React__default["default"].createElement(Button, {
       theme: "link-icon",
       onClick: onClose,
@@ -12077,13 +12077,13 @@ var ModalHeader = function ModalHeader(_ref) {
     flex: [1],
     alignItems: "center"
   }, React__default["default"].createElement("span", {
-    className: styles$16['header']
+    className: styles$19['header']
   }, header), onClose && React__default["default"].createElement(Button, {
     theme: "link-icon",
     onClick: onClose,
     disabled: loading
   }, React__default["default"].createElement(IconTimes, null))), subHeader && React__default["default"].createElement("div", {
-    className: styles$16['sub-header']
+    className: styles$19['sub-header']
   }, subHeader));
 };
 
@@ -12095,7 +12095,7 @@ var useModalContext = function useModalContext() {
   return context || {};
 };
 
-var _excluded$bk = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
+var _excluded$bn = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
 var Modal = function Modal(_ref) {
   var children = _ref.children,
     header = _ref.header,
@@ -12112,7 +12112,7 @@ var Modal = function Modal(_ref) {
     _ref$shouldReturnFocu = _ref.shouldReturnFocusAfterClose,
     shouldReturnFocusAfterClose = _ref$shouldReturnFocu === void 0 ? true : _ref$shouldReturnFocu,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$bk);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$bn);
   var style = {
     content: {
       width: width,
@@ -12140,14 +12140,14 @@ var Modal = function Modal(_ref) {
     contentLabel: "Modal",
     appElement: rootElementId && document.getElementById(rootElementId) || undefined,
     overlayClassName: {
-      base: styles$17['overlay'],
-      afterOpen: styles$17['overlay--after-open'],
-      beforeClose: styles$17['overlay--before-close']
+      base: styles$1a['overlay'],
+      afterOpen: styles$1a['overlay--after-open'],
+      beforeClose: styles$1a['overlay--before-close']
     },
     className: {
-      base: styles$17['content'],
-      afterOpen: styles$17['content--after-open'],
-      beforeClose: styles$17['content--before-close']
+      base: styles$1a['content'],
+      afterOpen: styles$1a['content--after-open'],
+      beforeClose: styles$1a['content--before-close']
     },
     data: dataProps
   }, React__default["default"].createElement(ModalHeader, {
@@ -12191,7 +12191,7 @@ var useScrollShadow = function useScrollShadow() {
   };
 };
 
-var styles$15 = {"modal-body":"_4YK4k","modal-body--with-scroll-shadow":"_wo1vv","modal-body__inner-div":"_9u6xC"};
+var styles$18 = {"modal-body":"_4YK4k","modal-body--with-scroll-shadow":"_wo1vv","modal-body__inner-div":"_9u6xC"};
 
 var ModalBody = function ModalBody(_ref) {
   var _classNames;
@@ -12201,15 +12201,15 @@ var ModalBody = function ModalBody(_ref) {
     ref = _useScrollShadow.ref,
     showScrollShadow = _useScrollShadow.showScrollShadow;
   return React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$15['modal-body'], (_classNames = {}, _classNames[styles$15['modal-body--with-scroll-shadow']] = showScrollShadow, _classNames)),
+    className: classnames__default["default"](styles$18['modal-body'], (_classNames = {}, _classNames[styles$18['modal-body--with-scroll-shadow']] = showScrollShadow, _classNames)),
     ref: ref,
     "data-testid": testId
   }, React__default["default"].createElement("div", {
-    className: styles$15['modal-body__inner-div']
+    className: styles$18['modal-body__inner-div']
   }, children));
 };
 
-var styles$14 = {"modal-footer":"_bezlP","tertiary-container":"_EdqHx"};
+var styles$17 = {"modal-footer":"_bezlP","tertiary-container":"_EdqHx"};
 
 var updateButtonProps$1 = function updateButtonProps(button, newProps) {
   if (!button) {
@@ -12249,7 +12249,7 @@ var ModalFooter = function ModalFooter(_ref) {
     }, React__default["default"].createElement(Inline, {
       justifyContent: "space-between"
     }, React__default["default"].createElement("div", {
-      className: classnames__default["default"]((_classnames = {}, _classnames[styles$14['tertiary-container']] = tertiaryButton && tertiaryButton.props.theme.startsWith('link'), _classnames))
+      className: classnames__default["default"]((_classnames = {}, _classnames[styles$17['tertiary-container']] = tertiaryButton && tertiaryButton.props.theme.startsWith('link'), _classnames))
     }, tertiaryButton || React__default["default"].createElement("div", null)), React__default["default"].createElement(Inline, {
       space: 12
     }, secondaryButton, primaryButton)));
@@ -12265,7 +12265,7 @@ var FooterContainer = function FooterContainer(_ref2) {
     displayName: 'Inline'
   });
   return React__default["default"].createElement("div", {
-    className: styles$14['modal-footer'],
+    className: styles$17['modal-footer'],
     "data-testid": testId
   }, React__default["default"].createElement(Inline, {
     justifyContent: "end",
@@ -12278,7 +12278,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$13 = {"calendar":"_YPyZ6","calendar__overlay":"_-cw0A"};
+var styles$16 = {"calendar":"_YPyZ6","calendar__overlay":"_-cw0A"};
 
 function parseDate(str, format, locale) {
   var parsed = dateFnsParse__default["default"](str, format, new Date(), {
@@ -12522,9 +12522,9 @@ var Calendar = function Calendar(_ref) {
     }
   };
   return React__default["default"].createElement(Portal, null, React__default["default"].createElement("div", {
-    className: styles$13['calendar']
+    className: styles$16['calendar']
   }, React__default["default"].createElement("div", {
-    className: styles$13['calendar__overlay'],
+    className: styles$16['calendar__overlay'],
     ref: function ref(_ref2) {
       return setCalendarRef(_ref2);
     },
@@ -12586,9 +12586,9 @@ var useCheckBoxFieldControllers = function useCheckBoxFieldControllers(_ref) {
   return controllers;
 };
 
-var styles$12 = {"check-box-field":"_Id4qm","check-box-field__caption":"_s9d-m","check-box-field__custom-input":"_kmvBP"};
+var styles$15 = {"check-box-field":"_Id4qm","check-box-field__caption":"_s9d-m","check-box-field__custom-input":"_kmvBP"};
 
-var _excluded$bj = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
+var _excluded$bm = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
 /** A simple check box with an option beside it. Allows the user to confirm a statement or enable an option with a simple boolean action. Use for things like agreeing to terms, or enabling one or more options in a list (where multiple selections are allowed). */
 var CheckboxField = function CheckboxField(_ref) {
   var name = _ref.name,
@@ -12601,7 +12601,7 @@ var CheckboxField = function CheckboxField(_ref) {
     error = _ref.error,
     disabled = _ref.disabled,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$bj);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$bm);
   var controllers = useCheckBoxFieldControllers({
     name: name,
     id: inputId,
@@ -12619,7 +12619,7 @@ var CheckboxField = function CheckboxField(_ref) {
     flexItems: true,
     flex: ['0 0 auto']
   }, otherProps), React__default["default"].createElement("div", {
-    className: styles$12['check-box-field']
+    className: styles$15['check-box-field']
   }, React__default["default"].createElement("input", {
     name: name,
     id: controllers.id,
@@ -12632,12 +12632,12 @@ var CheckboxField = function CheckboxField(_ref) {
     onChange: controllers.onChange,
     onBlur: controllers.onBlur
   }), React__default["default"].createElement("span", {
-    className: styles$12['check-box-field__custom-input']
+    className: styles$15['check-box-field__custom-input']
   })), label && React__default["default"].createElement(Label, {
     htmlFor: controllers.id,
     truncate: false
   }, label)), caption && React__default["default"].createElement("div", {
-    className: styles$12['check-box-field__caption']
+    className: styles$15['check-box-field__caption']
   }, React__default["default"].createElement(Caption, {
     fieldId: controllers.id
   }, caption)), controllers.error && React__default["default"].createElement(ErrorMessage, {
@@ -12677,9 +12677,9 @@ var useLocalStorage = function useLocalStorage(key, initialValue) {
   return [storedValue, setValue];
 };
 
-var styles$11 = {"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$14 = {"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 _excluded$bi = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "secondaryButton", "testId", "onSetDoNotShowAgainStatus"];
+var _excluded$bl = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "secondaryButton", "testId", "onSetDoNotShowAgainStatus"];
 var HintModal = function HintModal(_ref) {
   var header = _ref.header,
     children = _ref.children,
@@ -12690,7 +12690,7 @@ var HintModal = function HintModal(_ref) {
     secondaryButton = _ref.secondaryButton,
     testId = _ref.testId,
     onSetDoNotShowAgainStatus = _ref.onSetDoNotShowAgainStatus,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$bi);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$bl);
   var __ = useTranslation('HintModal');
   var _useState = React.useState(false),
     doNotShowAgain = _useState[0],
@@ -12742,22 +12742,22 @@ var HintModal = function HintModal(_ref) {
     closeTimeoutMS: 200,
     contentLabel: "Modal",
     className: {
-      base: styles$11['hint-modal'],
-      afterOpen: styles$11['hint-modal--after-open'],
-      beforeClose: styles$11['hint-modal--before-close']
+      base: styles$14['hint-modal'],
+      afterOpen: styles$14['hint-modal--after-open'],
+      beforeClose: styles$14['hint-modal--before-close']
     },
-    overlayClassName: styles$11['hint-modal__overlay']
+    overlayClassName: styles$14['hint-modal__overlay']
   }, React__default["default"].createElement("div", {
-    className: styles$11['hint-modal__close-button']
+    className: styles$14['hint-modal__close-button']
   }, React__default["default"].createElement(Button, {
     theme: "link-icon",
     onClick: handleOnClose
   }, React__default["default"].createElement(IconTimes, null))), mediaUrl && React__default["default"].createElement("img", {
-    className: styles$11['hint-modal__image'],
+    className: styles$14['hint-modal__image'],
     src: mediaUrl,
     alt: String(header)
   }), React__default["default"].createElement("div", {
-    className: styles$11['hint-modal__body']
+    className: styles$14['hint-modal__body']
   }, React__default["default"].createElement(Stack, {
     justifyContent: "space-between"
   }, React__default["default"].createElement(Stack, {
@@ -12788,14 +12788,14 @@ var Popover = function Popover(props) {
   return React__default["default"].createElement(Dropdown, _extends({}, props));
 };
 
-var _excluded$bh = ["children", "theme", "title", "testId"];
+var _excluded$bk = ["children", "theme", "title", "testId"];
 var BadgeElement = function BadgeElement(_ref, forwardedRef) {
   var _classnames;
   var children = _ref.children,
     theme = _ref.theme,
     title = _ref.title,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$bh);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$bk);
   var internalRef = React.useRef(null);
   var ref = forwardedRef || internalRef;
   React.useLayoutEffect(function () {
@@ -12807,7 +12807,7 @@ var BadgeElement = function BadgeElement(_ref, forwardedRef) {
     overlay: title,
     ref: ref
   }, React__default["default"].createElement("div", _extends({
-    className: classnames__default["default"](styles$18['badge'], (_classnames = {}, _classnames[styles$18['badge--success']] = theme === 'success', _classnames[styles$18['badge--danger']] = theme === 'danger', _classnames[styles$18['badge--info']] = theme === 'info', _classnames[styles$18['badge--warning']] = theme === 'warning', _classnames[styles$18['badge--numeric']] = Number.isFinite(children), _classnames)),
+    className: classnames__default["default"](styles$1b['badge'], (_classnames = {}, _classnames[styles$1b['badge--success']] = theme === 'success', _classnames[styles$1b['badge--danger']] = theme === 'danger', _classnames[styles$1b['badge--info']] = theme === 'info', _classnames[styles$1b['badge--warning']] = theme === 'warning', _classnames[styles$1b['badge--numeric']] = Number.isFinite(children), _classnames)),
     ref: ref,
     "data-testid": testId
   }, otherProps), children));
@@ -12818,23 +12818,23 @@ var MenuItem = function MenuItem(_ref) {
   var _classNames, _classNames2;
   var menu = _ref.menu;
   return React__default["default"].createElement("li", {
-    className: classnames__default["default"](styles$19['menu-item'], (_classNames = {}, _classNames[styles$19['menu-item--with-badge']] = !!menu.suffix, _classNames))
+    className: classnames__default["default"](styles$1c['menu-item'], (_classNames = {}, _classNames[styles$1c['menu-item--with-badge']] = !!menu.suffix, _classNames))
   }, menu.reloadDocument ? React__default["default"].createElement("a", {
     href: menu.to,
-    className: classnames__default["default"]((_classNames2 = {}, _classNames2[styles$19['menu-item--active']] = menu.isActive, _classNames2))
+    className: classnames__default["default"]((_classNames2 = {}, _classNames2[styles$1c['menu-item--active']] = menu.isActive, _classNames2))
   }, menu.label, !!menu.suffix && React__default["default"].createElement("div", {
-    className: styles$19['menu-item__badge']
+    className: styles$1c['menu-item__badge']
   }, React__default["default"].createElement(Badge, null, menu.suffix))) : React__default["default"].createElement(reactRouterDom.NavLink, {
     to: menu.to,
     // @ts-expect-error This is only available on v5
-    activeClassName: styles$19['menu-item--active'],
+    activeClassName: styles$1c['menu-item--active'],
     className: function className(_ref2) {
       var isActive = _ref2.isActive;
-      return isActive ? styles$19['menu-item--active'] : '';
+      return isActive ? styles$1c['menu-item--active'] : '';
     },
     exact: true
   }, menu.label, !!menu.suffix && React__default["default"].createElement("div", {
-    className: styles$19['menu-item__badge']
+    className: styles$1c['menu-item__badge']
   }, React__default["default"].createElement(Badge, null, menu.suffix))));
 };
 
@@ -12844,9 +12844,9 @@ var PageLayout = function PageLayout(_ref) {
     menu = _ref.menu,
     sideNavContent = _ref.sideNavContent;
   return React__default["default"].createElement("div", {
-    className: styles$1a['page-layout']
+    className: styles$1d['page-layout']
   }, React__default["default"].createElement("div", {
-    className: styles$1a['page-layout__nav-container']
+    className: styles$1d['page-layout__nav-container']
   }, React__default["default"].createElement(Stack, {
     space: 12
   }, React__default["default"].createElement(Text, {
@@ -12855,7 +12855,7 @@ var PageLayout = function PageLayout(_ref) {
     ml: 20,
     mr: 35
   }, title), React__default["default"].createElement("ul", {
-    className: styles$1a['page-layout__nav-list']
+    className: styles$1d['page-layout__nav-list']
   }, menu.filter(function (menu) {
     return !('isVisible' in menu) || (menu == null ? void 0 : menu.isVisible) === true;
   }).map(function (menuItem, index) {
@@ -12864,12 +12864,158 @@ var PageLayout = function PageLayout(_ref) {
       menu: menuItem
     });
   })), sideNavContent && React__default["default"].createElement("div", {
-    className: styles$1a['page-layout__side-nav-content']
+    className: styles$1d['page-layout__side-nav-content']
   }, sideNavContent))), React__default["default"].createElement("div", {
-    className: styles$1a['page-layout__content']
+    className: styles$1d['page-layout__content']
   }, children));
 };
 
+var SevenShiftsLogo = function SevenShiftsLogo() {
+  return React__default["default"].createElement("svg", {
+    width: "67",
+    height: "18",
+    viewBox: "0 0 67 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default["default"].createElement("path", {
+    d: "M61.6111 18C59.8951 18 58.5558 17.6193 57.593 16.8579C56.6302 16.0965 56.1062 15.0133 56.0207 13.6082H59.1187C59.1498 14.2283 59.3788 14.7189 59.8059 15.08C60.2329 15.4411 60.8385 15.6216 61.6227 15.6216C62.3293 15.6216 62.865 15.496 63.2299 15.2449C63.5948 14.9858 63.7773 14.664 63.7773 14.2794C63.7773 13.9418 63.6919 13.675 63.5211 13.4787C63.3503 13.2746 63.0708 13.1059 62.6825 12.9724C62.2943 12.839 61.7469 12.6977 61.0404 12.5485C59.9223 12.3288 59.0411 12.0776 58.3966 11.795C57.76 11.5124 57.2825 11.1317 56.9641 10.6529C56.6535 10.1741 56.4983 9.56571 56.4983 8.82786C56.4983 8.0272 56.6924 7.31682 57.0806 6.69671C57.4766 6.07659 58.0667 5.59384 58.8508 5.24846C59.635 4.89524 60.5706 4.71862 61.6576 4.71862C62.7214 4.71862 63.6375 4.87561 64.4062 5.18959C65.1749 5.50358 65.7727 5.97062 66.1998 6.59074C66.6268 7.203 66.8597 7.94086 66.8986 8.80431H63.8705C63.8161 8.27054 63.6065 7.85451 63.2416 7.55623C62.8766 7.2501 62.3487 7.09703 61.6576 7.09703C61.2461 7.09703 60.889 7.15198 60.5862 7.26187C60.2834 7.36392 60.0504 7.51698 59.8874 7.72107C59.7243 7.91731 59.6428 8.15279 59.6428 8.42753C59.6428 8.74151 59.7204 8.98485 59.8757 9.15754C60.031 9.32238 60.295 9.4676 60.6677 9.59319C61.0481 9.71878 61.5917 9.8483 62.2982 9.98174C63.4551 10.2015 64.3635 10.4566 65.0235 10.7471C65.6834 11.0297 66.1765 11.4104 66.5026 11.8892C66.8364 12.3602 67.0034 12.9763 67.0034 13.7377C67.0034 14.609 66.7976 15.3626 66.3861 15.9984C65.9746 16.6264 65.3651 17.117 64.5576 17.4702C63.7579 17.8234 62.7757 18 61.6111 18Z",
+    fill: "currentColor"
+  }), React__default["default"].createElement("path", {
+    d: "M53.8172 17.9176C52.769 17.9176 51.9382 17.7488 51.3248 17.4113C50.7115 17.0737 50.2805 16.6224 50.0321 16.0572C49.7836 15.4842 49.6594 14.8131 49.6594 14.0438V7.57726H47.435V5.01046H49.6594V0.729317H52.8505V5.00113H55.7854V7.57758H52.8505V13.8907C52.8505 14.3225 52.9825 14.66 53.2465 14.9033C53.5183 15.1388 53.9608 15.2566 54.5742 15.2566H55.4076V17.9176C55.4076 17.9176 54.5004 17.9176 53.8172 17.9176Z",
+    fill: "currentColor"
+  }), React__default["default"].createElement("path", {
+    d: "M34.8054 17.7174V4.98939H37.9965V17.7174H34.8054Z",
+    fill: "currentColor"
+  }), React__default["default"].createElement("path", {
+    d: "M35.4229 3.57466C35.7092 3.7346 36.0352 3.81457 36.401 3.81457C36.7668 3.81457 37.0889 3.7346 37.3672 3.57466C37.6535 3.40672 37.8762 3.17881 38.0352 2.89092C38.2022 2.59503 38.2857 2.26715 38.2857 1.90728C38.2857 1.54742 38.2022 1.22354 38.0352 0.935649C37.8762 0.63976 37.6535 0.411845 37.3672 0.251905C37.0889 0.0839683 36.7668 0 36.401 0C36.0352 0 35.7092 0.0839683 35.4229 0.251905C35.1366 0.411845 34.91 0.63976 34.743 0.935649C34.5839 1.22354 34.5044 1.54742 34.5044 1.90728C34.5044 2.26715 34.5839 2.59503 34.743 2.89092C34.91 3.17881 35.1366 3.40672 35.4229 3.57466Z",
+    fill: "currentColor"
+  }), React__default["default"].createElement("path", {
+    d: "M22.3251 17.7174V0.738863H25.5163V6.74377H25.5629C25.9511 6.10795 26.4635 5.61343 27.1002 5.2602C27.7446 4.89912 28.4939 4.71858 29.348 4.71858C30.2874 4.71858 31.091 4.91875 31.7588 5.31907C32.4265 5.71155 32.9351 6.28849 33.2845 7.0499C33.6416 7.8113 33.8202 8.73755 33.8202 9.82864V17.7174H30.6291V10.2643C30.6291 9.39299 30.4194 8.72185 30.0002 8.25088C29.5887 7.77205 29.0063 7.53264 28.2532 7.53264C27.6942 7.53264 27.2089 7.65824 26.7974 7.90942C26.3859 8.16061 26.0675 8.50599 25.8424 8.94556C25.625 9.38514 25.5163 9.88358 25.5163 10.4409V17.7174H22.3251Z",
+    fill: "currentColor"
+  }), React__default["default"].createElement("path", {
+    d: "M15.8707 18C14.1548 18 12.8155 17.6193 11.8527 16.8579C10.8899 16.0965 10.3658 15.0133 10.2804 13.6082H13.3784C13.4094 14.2283 13.6385 14.7189 14.0655 15.08C14.4926 15.4411 15.0982 15.6216 15.8824 15.6216C16.5889 15.6216 17.1247 15.496 17.4896 15.2448C17.8545 14.9858 18.037 14.664 18.037 14.2793C18.037 13.9418 17.9516 13.6749 17.7808 13.4787C17.6099 13.2746 17.3304 13.1058 16.9422 12.9724C16.554 12.8389 16.0066 12.6976 15.3001 12.5485C14.182 12.3287 13.3007 12.0775 12.6563 11.7949C12.0196 11.5124 11.5421 11.1317 11.2238 10.6528C10.9132 10.174 10.7579 9.56567 10.7579 8.82781C10.7579 8.02716 10.952 7.31678 11.3403 6.69666C11.7362 6.07655 12.3263 5.5938 13.1105 5.24842C13.8947 4.89519 14.8303 4.71858 15.9173 4.71858C16.981 4.71858 17.8972 4.87557 18.6659 5.18955C19.4346 5.50353 20.0324 5.97058 20.4594 6.59069C20.8865 7.20296 21.1194 7.94081 21.1582 8.80427H18.1301C18.0758 8.2705 17.8662 7.85447 17.5012 7.55619C17.1363 7.25005 16.6083 7.09699 15.9173 7.09699C15.5058 7.09699 15.1487 7.15194 14.8458 7.26183C14.543 7.36387 14.3101 7.51694 14.1471 7.72103C13.984 7.91727 13.9025 8.15275 13.9025 8.42749C13.9025 8.74147 13.9801 8.9848 14.1354 9.15749C14.2907 9.32233 14.5547 9.46755 14.9274 9.59314C15.3078 9.71874 15.8513 9.84826 16.5579 9.9817C17.7148 10.2015 18.6232 10.4566 19.2832 10.747C19.9431 11.0296 20.4362 11.4103 20.7623 11.8891C21.0961 12.3601 21.2631 12.9763 21.2631 13.7377C21.2631 14.609 21.0573 15.3626 20.6458 15.9984C20.2343 16.6263 19.6248 17.1169 18.8173 17.4702C18.0176 17.8234 17.0354 18 15.8707 18Z",
+    fill: "currentColor"
+  }), React__default["default"].createElement("path", {
+    d: "M45.729 0.0456331L47.0572 0.0456371V2.54963H45.9978C45.1771 2.54963 44.5117 3.21912 44.5117 4.04497V5.01046H47.435V7.57726H44.5117V17.7267H41.3206V7.57726H38.9098V5.01046H41.3206V4.03319C41.3206 3.24039 41.4798 2.53786 41.7981 1.92559C42.1164 1.30548 42.6056 0.818805 43.2655 0.465576C43.9255 0.112346 44.7246 0.0456331 45.729 0.0456331Z",
+    fill: "currentColor"
+  }), React__default["default"].createElement("path", {
+    d: "M2.56649 17.688C2.66243 15.4054 3.02622 13.3264 3.65785 11.4508C4.29747 9.57528 5.097 7.95911 6.05644 6.60233C7.01587 5.24555 8.07125 4.10027 9.22257 3.16648L9.67831 3.72915H0V0.64166H12.0529V3.94464C11.0855 4.8465 10.194 5.93192 9.37848 7.20091C8.57096 8.46192 7.89536 9.97832 7.35168 11.7501C6.81599 13.5219 6.52016 15.5012 6.4642 17.688H2.56649Z",
+    fill: "currentColor"
+  }));
+};
+
+var styles$13 = {"top-bar":"_ZTU2m","top-bar__left":"_Q5JgW","top-bar__center":"_uC-Al","top-bar__right":"_R1QhY","top-bar__actions":"_YrKMz"};
+
+var _excluded$bj = ["logo", "center", "search", "actions", "accountMenu", "testId"];
+/**
+ * Top navigation bar with three regions: a left region for the logo, a center
+ * region for banners, and a right region for a search bar, action buttons and
+ * an account menu. Every region is an optional slot, making the bar flexible.
+ */
+var TopBar = function TopBar(_ref) {
+  var logo = _ref.logo,
+    center = _ref.center,
+    search = _ref.search,
+    actions = _ref.actions,
+    accountMenu = _ref.accountMenu,
+    testId = _ref.testId,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$bj);
+  var _getDataProps = getDataProps(rest),
+    dataProps = _getDataProps.dataProps;
+  return React__default["default"].createElement("div", _extends({
+    className: classnames__default["default"](styles$13['top-bar']),
+    "data-testid": testId
+  }, dataProps), React__default["default"].createElement("div", {
+    className: styles$13['top-bar__left']
+  }, logo != null ? logo : React__default["default"].createElement(SevenShiftsLogo, null)), React__default["default"].createElement("div", {
+    className: styles$13['top-bar__center']
+  }, center), React__default["default"].createElement("div", {
+    className: styles$13['top-bar__right']
+  }, search, React__default["default"].createElement("div", {
+    className: styles$13['top-bar__actions']
+  }, actions, accountMenu)));
+};
+
+var styles$12 = {"nav-button":"_PcgHx","nav-button__badge":"_FFTlJ"};
+
+var _excluded$bi = ["children", "tooltipContent", "onClick", "badge", "testId"];
+/**
+ * An icon button used inside the `TopBar`. Wraps its content in a tooltip and
+ * supports an optional badge positioned in the top-right corner.
+ */
+var NavButton = function NavButton(_ref) {
+  var children = _ref.children,
+    tooltipContent = _ref.tooltipContent,
+    _onClick = _ref.onClick,
+    badge = _ref.badge,
+    testId = _ref.testId,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$bi);
+  var _getDataProps = getDataProps(rest),
+    dataProps = _getDataProps.dataProps;
+  return React__default["default"].createElement(Tooltip, {
+    overlay: tooltipContent
+  }, React__default["default"].createElement("button", _extends({
+    className: classnames__default["default"](styles$12['nav-button']),
+    tabIndex: 0,
+    onClick: function onClick() {
+      return _onClick();
+    },
+    "data-testid": testId
+  }, dataProps), children, badge && React__default["default"].createElement("div", {
+    className: styles$12['nav-button__badge']
+  }, badge)));
+};
+
+var styles$11 = {"layout-frame":"_048gS","layout-frame__side-nav":"_nKeKu","layout-frame__main":"_BQLkb","layout-frame__top-bar":"_PljPU","layout-frame__content":"_VlXE9"};
+
+var _excluded$bh = ["sideNav", "topBar", "children", "defaultSideNavExpanded", "onSideNavToggle", "testId"];
+/**
+ * Top-level application skeleton with three slots: a side navigation, a top
+ * navigation bar, and the main content area. The side nav and top bar fill the
+ * viewport edges while the content scrolls independently. LayoutFrame owns the
+ * side nav's expanded/collapsed state and wires it into the `sideNav` slot,
+ * unless that slot is already controlled by the consumer.
+ */
+var LayoutFrame = function LayoutFrame(_ref) {
+  var _sideNav$props$isExpa;
+  var sideNav = _ref.sideNav,
+    topBar = _ref.topBar,
+    children = _ref.children,
+    _ref$defaultSideNavEx = _ref.defaultSideNavExpanded,
+    defaultSideNavExpanded = _ref$defaultSideNavEx === void 0 ? true : _ref$defaultSideNavEx,
+    onSideNavToggle = _ref.onSideNavToggle,
+    testId = _ref.testId,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$bh);
+  var _getDataProps = getDataProps(rest),
+    dataProps = _getDataProps.dataProps;
+  var _React$useState = React__default["default"].useState(defaultSideNavExpanded),
+    isExpanded = _React$useState[0],
+    setIsExpanded = _React$useState[1];
+  var isConsumerControlled = (sideNav == null ? void 0 : sideNav.props.isExpanded) !== undefined;
+  var renderedSideNav = sideNav ? React__default["default"].cloneElement(sideNav, {
+    isExpanded: (_sideNav$props$isExpa = sideNav.props.isExpanded) != null ? _sideNav$props$isExpa : isExpanded,
+    onToggleExpand: function onToggleExpand(state) {
+      if (!isConsumerControlled) {
+        setIsExpanded(state === 'expanded');
+      }
+      onSideNavToggle == null || onSideNavToggle(state);
+      sideNav.props.onToggleExpand == null || sideNav.props.onToggleExpand(state);
+    }
+  }) : null;
+  return React__default["default"].createElement("div", _extends({
+    className: classnames__default["default"](styles$11['layout-frame']),
+    "data-testid": testId
+  }, dataProps), renderedSideNav && React__default["default"].createElement("div", {
+    className: styles$11['layout-frame__side-nav']
+  }, renderedSideNav), React__default["default"].createElement("div", {
+    className: styles$11['layout-frame__main']
+  }, topBar && React__default["default"].createElement("div", {
+    className: styles$11['layout-frame__top-bar']
+  }, topBar), React__default["default"].createElement("div", {
+    className: styles$11['layout-frame__content']
+  }, children)));
+};
+
 var TOAST_THEME = {
   DEFAULT: 'default',
   DANGER: 'danger'
@@ -15069,7 +15215,7 @@ var CreateInputForm = function CreateInputForm(_ref) {
     flex: [1],
     flexItems: true
   }, React__default["default"].createElement("input", {
-    className: classnames__default["default"](styles$1l['text-field'], inputClassName),
+    className: classnames__default["default"](styles$1o['text-field'], inputClassName),
     autoCorrect: "off",
     autoComplete: "off",
     spellCheck: "false",
@@ -15553,9 +15699,9 @@ var CalendarMonth = function CalendarMonth(_ref) {
   }
   var MONTHS = [].concat(Array(12).keys());
   return React__default["default"].createElement(Portal, null, React__default["default"].createElement("div", {
-    className: styles$13['calendar']
+    className: styles$16['calendar']
   }, React__default["default"].createElement("div", {
-    className: styles$13['calendar__overlay'],
+    className: styles$16['calendar__overlay'],
     ref: function ref(_ref2) {
       return setCalendarRef(_ref2);
     },
@@ -17117,9 +17263,9 @@ var DateRangeCalendar = function DateRangeCalendar(_ref) {
   var DAYS = getDays(translate);
   var MONTH_NAMES = getMonths(translate);
   return React__default["default"].createElement(Portal, null, React__default["default"].createElement("div", {
-    className: styles$13['calendar']
+    className: styles$16['calendar']
   }, React__default["default"].createElement("div", {
-    className: styles$13['calendar__overlay'],
+    className: styles$16['calendar__overlay'],
     ref: function ref(_ref2) {
       return setCalendarRef(_ref2);
     },
@@ -18177,7 +18323,7 @@ var usePhoneField = function usePhoneField(_ref) {
     'aria-describedby': hasError ? controllers.id + "-error-message" : controllers.id + "-describer",
     'aria-invalid': hasError,
     autoFocus: autoFocus,
-    className: classnames__default["default"](styles$1l['text-field'], (_classnames = {}, _classnames[styles$1l['text-field--invalid']] = hasError, _classnames)),
+    className: classnames__default["default"](styles$1o['text-field'], (_classnames = {}, _classnames[styles$1o['text-field--invalid']] = hasError, _classnames)),
     'data-testid': testId,
     disabled: disabled,
     id: controllers.id,
@@ -62601,40 +62747,6 @@ var InkWorkflow = React.forwardRef(function (_ref, ref) {
 });
 InkWorkflow.displayName = 'InkWorkflow';
 
-var SevenShiftsLogo = function SevenShiftsLogo() {
-  return React__default["default"].createElement("svg", {
-    width: "67",
-    height: "18",
-    viewBox: "0 0 67 18",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, React__default["default"].createElement("path", {
-    d: "M61.6111 18C59.8951 18 58.5558 17.6193 57.593 16.8579C56.6302 16.0965 56.1062 15.0133 56.0207 13.6082H59.1187C59.1498 14.2283 59.3788 14.7189 59.8059 15.08C60.2329 15.4411 60.8385 15.6216 61.6227 15.6216C62.3293 15.6216 62.865 15.496 63.2299 15.2449C63.5948 14.9858 63.7773 14.664 63.7773 14.2794C63.7773 13.9418 63.6919 13.675 63.5211 13.4787C63.3503 13.2746 63.0708 13.1059 62.6825 12.9724C62.2943 12.839 61.7469 12.6977 61.0404 12.5485C59.9223 12.3288 59.0411 12.0776 58.3966 11.795C57.76 11.5124 57.2825 11.1317 56.9641 10.6529C56.6535 10.1741 56.4983 9.56571 56.4983 8.82786C56.4983 8.0272 56.6924 7.31682 57.0806 6.69671C57.4766 6.07659 58.0667 5.59384 58.8508 5.24846C59.635 4.89524 60.5706 4.71862 61.6576 4.71862C62.7214 4.71862 63.6375 4.87561 64.4062 5.18959C65.1749 5.50358 65.7727 5.97062 66.1998 6.59074C66.6268 7.203 66.8597 7.94086 66.8986 8.80431H63.8705C63.8161 8.27054 63.6065 7.85451 63.2416 7.55623C62.8766 7.2501 62.3487 7.09703 61.6576 7.09703C61.2461 7.09703 60.889 7.15198 60.5862 7.26187C60.2834 7.36392 60.0504 7.51698 59.8874 7.72107C59.7243 7.91731 59.6428 8.15279 59.6428 8.42753C59.6428 8.74151 59.7204 8.98485 59.8757 9.15754C60.031 9.32238 60.295 9.4676 60.6677 9.59319C61.0481 9.71878 61.5917 9.8483 62.2982 9.98174C63.4551 10.2015 64.3635 10.4566 65.0235 10.7471C65.6834 11.0297 66.1765 11.4104 66.5026 11.8892C66.8364 12.3602 67.0034 12.9763 67.0034 13.7377C67.0034 14.609 66.7976 15.3626 66.3861 15.9984C65.9746 16.6264 65.3651 17.117 64.5576 17.4702C63.7579 17.8234 62.7757 18 61.6111 18Z",
-    fill: "currentColor"
-  }), React__default["default"].createElement("path", {
-    d: "M53.8172 17.9176C52.769 17.9176 51.9382 17.7488 51.3248 17.4113C50.7115 17.0737 50.2805 16.6224 50.0321 16.0572C49.7836 15.4842 49.6594 14.8131 49.6594 14.0438V7.57726H47.435V5.01046H49.6594V0.729317H52.8505V5.00113H55.7854V7.57758H52.8505V13.8907C52.8505 14.3225 52.9825 14.66 53.2465 14.9033C53.5183 15.1388 53.9608 15.2566 54.5742 15.2566H55.4076V17.9176C55.4076 17.9176 54.5004 17.9176 53.8172 17.9176Z",
-    fill: "currentColor"
-  }), React__default["default"].createElement("path", {
-    d: "M34.8054 17.7174V4.98939H37.9965V17.7174H34.8054Z",
-    fill: "currentColor"
-  }), React__default["default"].createElement("path", {
-    d: "M35.4229 3.57466C35.7092 3.7346 36.0352 3.81457 36.401 3.81457C36.7668 3.81457 37.0889 3.7346 37.3672 3.57466C37.6535 3.40672 37.8762 3.17881 38.0352 2.89092C38.2022 2.59503 38.2857 2.26715 38.2857 1.90728C38.2857 1.54742 38.2022 1.22354 38.0352 0.935649C37.8762 0.63976 37.6535 0.411845 37.3672 0.251905C37.0889 0.0839683 36.7668 0 36.401 0C36.0352 0 35.7092 0.0839683 35.4229 0.251905C35.1366 0.411845 34.91 0.63976 34.743 0.935649C34.5839 1.22354 34.5044 1.54742 34.5044 1.90728C34.5044 2.26715 34.5839 2.59503 34.743 2.89092C34.91 3.17881 35.1366 3.40672 35.4229 3.57466Z",
-    fill: "currentColor"
-  }), React__default["default"].createElement("path", {
-    d: "M22.3251 17.7174V0.738863H25.5163V6.74377H25.5629C25.9511 6.10795 26.4635 5.61343 27.1002 5.2602C27.7446 4.89912 28.4939 4.71858 29.348 4.71858C30.2874 4.71858 31.091 4.91875 31.7588 5.31907C32.4265 5.71155 32.9351 6.28849 33.2845 7.0499C33.6416 7.8113 33.8202 8.73755 33.8202 9.82864V17.7174H30.6291V10.2643C30.6291 9.39299 30.4194 8.72185 30.0002 8.25088C29.5887 7.77205 29.0063 7.53264 28.2532 7.53264C27.6942 7.53264 27.2089 7.65824 26.7974 7.90942C26.3859 8.16061 26.0675 8.50599 25.8424 8.94556C25.625 9.38514 25.5163 9.88358 25.5163 10.4409V17.7174H22.3251Z",
-    fill: "currentColor"
-  }), React__default["default"].createElement("path", {
-    d: "M15.8707 18C14.1548 18 12.8155 17.6193 11.8527 16.8579C10.8899 16.0965 10.3658 15.0133 10.2804 13.6082H13.3784C13.4094 14.2283 13.6385 14.7189 14.0655 15.08C14.4926 15.4411 15.0982 15.6216 15.8824 15.6216C16.5889 15.6216 17.1247 15.496 17.4896 15.2448C17.8545 14.9858 18.037 14.664 18.037 14.2793C18.037 13.9418 17.9516 13.6749 17.7808 13.4787C17.6099 13.2746 17.3304 13.1058 16.9422 12.9724C16.554 12.8389 16.0066 12.6976 15.3001 12.5485C14.182 12.3287 13.3007 12.0775 12.6563 11.7949C12.0196 11.5124 11.5421 11.1317 11.2238 10.6528C10.9132 10.174 10.7579 9.56567 10.7579 8.82781C10.7579 8.02716 10.952 7.31678 11.3403 6.69666C11.7362 6.07655 12.3263 5.5938 13.1105 5.24842C13.8947 4.89519 14.8303 4.71858 15.9173 4.71858C16.981 4.71858 17.8972 4.87557 18.6659 5.18955C19.4346 5.50353 20.0324 5.97058 20.4594 6.59069C20.8865 7.20296 21.1194 7.94081 21.1582 8.80427H18.1301C18.0758 8.2705 17.8662 7.85447 17.5012 7.55619C17.1363 7.25005 16.6083 7.09699 15.9173 7.09699C15.5058 7.09699 15.1487 7.15194 14.8458 7.26183C14.543 7.36387 14.3101 7.51694 14.1471 7.72103C13.984 7.91727 13.9025 8.15275 13.9025 8.42749C13.9025 8.74147 13.9801 8.9848 14.1354 9.15749C14.2907 9.32233 14.5547 9.46755 14.9274 9.59314C15.3078 9.71874 15.8513 9.84826 16.5579 9.9817C17.7148 10.2015 18.6232 10.4566 19.2832 10.747C19.9431 11.0296 20.4362 11.4103 20.7623 11.8891C21.0961 12.3601 21.2631 12.9763 21.2631 13.7377C21.2631 14.609 21.0573 15.3626 20.6458 15.9984C20.2343 16.6263 19.6248 17.1169 18.8173 17.4702C18.0176 17.8234 17.0354 18 15.8707 18Z",
-    fill: "currentColor"
-  }), React__default["default"].createElement("path", {
-    d: "M45.729 0.0456331L47.0572 0.0456371V2.54963H45.9978C45.1771 2.54963 44.5117 3.21912 44.5117 4.04497V5.01046H47.435V7.57726H44.5117V17.7267H41.3206V7.57726H38.9098V5.01046H41.3206V4.03319C41.3206 3.24039 41.4798 2.53786 41.7981 1.92559C42.1164 1.30548 42.6056 0.818805 43.2655 0.465576C43.9255 0.112346 44.7246 0.0456331 45.729 0.0456331Z",
-    fill: "currentColor"
-  }), React__default["default"].createElement("path", {
-    d: "M2.56649 17.688C2.66243 15.4054 3.02622 13.3264 3.65785 11.4508C4.29747 9.57528 5.097 7.95911 6.05644 6.60233C7.01587 5.24555 8.07125 4.10027 9.22257 3.16648L9.67831 3.72915H0V0.64166H12.0529V3.94464C11.0855 4.8465 10.194 5.93192 9.37848 7.20091C8.57096 8.46192 7.89536 9.97832 7.35168 11.7501C6.81599 13.5219 6.52016 15.5012 6.4642 17.688H2.56649Z",
-    fill: "currentColor"
-  }));
-};
-
 var styles$9 = {"primary-nav-header":"_6bVLs","primary-nav-header--collapsed":"_AYwpG","primary-nav-header--with-shadow":"_IpBk1","primary-nav-header__toggle":"_lK6PV"};
 
 var SevenShiftsShortLogo = function SevenShiftsShortLogo() {
@@ -64163,12 +64275,14 @@ exports.InkYogaWoman = InkYogaWoman;
 exports.Inline = Inline;
 exports.InlineBanner = InlineBanner;
 exports.Italic = Italic;
+exports.LayoutFrame = LayoutFrame;
 exports.Link = Link;
 exports.MicroBanner = MicroBanner;
 exports.Modal = Modal;
 exports.ModalBody = ModalBody;
 exports.ModalFooter = ModalFooter;
 exports.MultiSelectField = MultiSelectField;
+exports.NavButton = NavButton;
 exports.NumberField = NumberField;
 exports.Page = Page;
 exports.PageLayout = PageLayout;
@@ -64209,6 +64323,7 @@ exports.TimeRangeField = TimeRangeField;
 exports.Toggle = Toggle;
 exports.ToolbarSelect = ToolbarSelect;
 exports.Tooltip = Tooltip;
+exports.TopBar = TopBar;
 exports.Underline = Underline;
 exports.WeekField = WeekField;
 exports.ZINDEX = ZINDEX;