@7shifts/sous-chef 4.10.3 → 4.11.0

package/dist/index.js

@@ -65,6 +65,8 @@ var differenceInCalendarWeeks__default = /*#__PURE__*/_interopDefaultLegacy(diff
 var COLORS = {
   'white': 'var(--color-white)',
   'black': 'var(--color-black)',
+  'eggshell': 'var(--color-eggshell)',
+  'coal': 'var(--color-coal)',
   'tangerine-100': 'var(--color-tangerine-100)',
   'tangerine-200': 'var(--color-tangerine-200)',
   'tangerine-300': 'var(--color-tangerine-300)',
@@ -351,7 +353,7 @@ var kebabize = function kebabize(str) {
   });
 };
 
-var _excluded$er = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
+var _excluded$es = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
 var getPositionProps = function getPositionProps(_ref) {
   var m = _ref.m,
     margin = _ref.margin,
@@ -363,7 +365,7 @@ var getPositionProps = function getPositionProps(_ref) {
     marginBottom = _ref.marginBottom,
     ml = _ref.ml,
     marginLeft = _ref.marginLeft,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$er);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$es);
   return {
     positionProps: {
       m: m,
@@ -397,7 +399,7 @@ var getDataProps = function getDataProps(props, config) {
   });
 };
 
-var _excluded$eq = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "flexGrow", "testId", "extraClass"];
+var _excluded$er = ["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
  */
@@ -422,7 +424,7 @@ var Flex = function Flex(_ref) {
     flexGrow = _ref.flexGrow,
     testId = _ref.testId,
     extraClass = _ref.extraClass,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$eq);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$er);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -453,14 +455,14 @@ var Flex = function Flex(_ref) {
   }));
 };
 
-var _excluded$ep = ["alignItems"];
+var _excluded$eq = ["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$ep);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$eq);
   return React__namespace.createElement(Flex, _extends({}, props, {
     alignItems: alignItems,
     direction: "column"
@@ -469,7 +471,7 @@ var Stack = function Stack(_ref) {
 
 var styles$1J = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
 
-var _excluded$eo = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
+var _excluded$ep = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
 /**
  * Used when you want to allow the user to turn some information ON and OFF.
  *
@@ -484,7 +486,7 @@ var Toggle = function Toggle(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     id = _ref.id,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$eo);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$ep);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   return React__default["default"].createElement(Stack, {
@@ -1016,7 +1018,7 @@ var COMPONENT_NAMES = {
   BUTTON: 'BUTTON'
 };
 
-var _excluded$en = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
+var _excluded$eo = ["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;
@@ -1041,7 +1043,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$en);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$eo);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -1165,7 +1167,7 @@ var useIsInsideComponent = function useIsInsideComponent(parentComponentName) {
   return componentName === parentComponentName;
 };
 
-var _excluded$em = ["testId", "size", "color", "style", "variant"];
+var _excluded$en = ["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,
@@ -1174,7 +1176,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$em);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$en);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1212,7 +1214,7 @@ var IconArrowDown = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDown.displayName = 'IconArrowDown';
 
-var _excluded$el = ["testId", "size", "color", "style", "variant"];
+var _excluded$em = ["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,
@@ -1221,7 +1223,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$el);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$em);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1257,7 +1259,7 @@ var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDownWideShort.displayName = 'IconArrowDownWideShort';
 
-var _excluded$ek = ["testId", "size", "color", "style", "variant"];
+var _excluded$el = ["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,
@@ -1266,7 +1268,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$ek);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$el);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1304,7 +1306,7 @@ var IconArrowLeft = React.forwardRef(function (_ref, ref) {
 });
 IconArrowLeft.displayName = 'IconArrowLeft';
 
-var _excluded$ej = ["testId", "size", "color", "style", "variant"];
+var _excluded$ek = ["testId", "size", "color", "style", "variant"];
 var IconArrowLeftRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-left-right' : _ref$testId,
@@ -1313,7 +1315,7 @@ var IconArrowLeftRight = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ej);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ek);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1349,7 +1351,7 @@ var IconArrowLeftRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowLeftRight.displayName = 'IconArrowLeftRight';
 
-var _excluded$ei = ["testId", "size", "color", "style", "variant"];
+var _excluded$ej = ["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,
@@ -1358,7 +1360,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$ei);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ej);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1396,7 +1398,7 @@ var IconArrowRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowRight.displayName = 'IconArrowRight';
 
-var _excluded$eh = ["testId", "size", "color", "style", "variant"];
+var _excluded$ei = ["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,
@@ -1405,7 +1407,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$eh);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ei);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1441,7 +1443,7 @@ var IconArrowToTop = React.forwardRef(function (_ref, ref) {
 });
 IconArrowToTop.displayName = 'IconArrowToTop';
 
-var _excluded$eg = ["testId", "size", "color", "style", "variant"];
+var _excluded$eh = ["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,
@@ -1450,7 +1452,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$eg);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$eh);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1501,7 +1503,7 @@ var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowTurnDownRight.displayName = 'IconArrowTurnDownRight';
 
-var _excluded$ef = ["testId", "size", "color", "style", "variant"];
+var _excluded$eg = ["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,
@@ -1510,7 +1512,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$ef);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$eg);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1548,7 +1550,7 @@ var IconArrowUp = React.forwardRef(function (_ref, ref) {
 });
 IconArrowUp.displayName = 'IconArrowUp';
 
-var _excluded$ee = ["testId", "size", "color", "style", "variant"];
+var _excluded$ef = ["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,
@@ -1557,7 +1559,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$ee);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ef);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1595,7 +1597,7 @@ var IconChevronDown = React.forwardRef(function (_ref, ref) {
 });
 IconChevronDown.displayName = 'IconChevronDown';
 
-var _excluded$ed = ["testId", "size", "color", "style", "variant"];
+var _excluded$ee = ["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,
@@ -1604,7 +1606,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$ed);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ee);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1642,7 +1644,7 @@ var IconChevronLeft = React.forwardRef(function (_ref, ref) {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
 
-var _excluded$ec = ["testId", "size", "color", "style", "variant"];
+var _excluded$ed = ["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,
@@ -1651,7 +1653,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$ec);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ed);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1689,7 +1691,7 @@ var IconChevronRight = React.forwardRef(function (_ref, ref) {
 });
 IconChevronRight.displayName = 'IconChevronRight';
 
-var _excluded$eb = ["testId", "size", "color", "style", "variant"];
+var _excluded$ec = ["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,
@@ -1698,7 +1700,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$eb);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ec);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1736,7 +1738,7 @@ var IconChevronUp = React.forwardRef(function (_ref, ref) {
 });
 IconChevronUp.displayName = 'IconChevronUp';
 
-var _excluded$ea = ["testId", "size", "color", "style", "variant"];
+var _excluded$eb = ["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,
@@ -1745,7 +1747,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$ea);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$eb);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1781,7 +1783,7 @@ var IconExpand = React.forwardRef(function (_ref, ref) {
 });
 IconExpand.displayName = 'IconExpand';
 
-var _excluded$e9 = ["testId", "size", "color", "style", "variant"];
+var _excluded$ea = ["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,
@@ -1790,7 +1792,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$e9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ea);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1826,7 +1828,7 @@ var IconRepeat = React.forwardRef(function (_ref, ref) {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-var _excluded$e8 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e9 = ["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,
@@ -1835,7 +1837,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$e8);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e9);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1878,7 +1880,7 @@ var IconReply = React.forwardRef(function (_ref, ref) {
 });
 IconReply.displayName = 'IconReply';
 
-var _excluded$e7 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e8 = ["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,
@@ -1887,7 +1889,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$e7);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e8);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1923,7 +1925,7 @@ var IconSort = React.forwardRef(function (_ref, ref) {
 });
 IconSort.displayName = 'IconSort';
 
-var _excluded$e6 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e7 = ["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,
@@ -1932,7 +1934,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$e6);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e7);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1982,7 +1984,7 @@ var IconSync = React.forwardRef(function (_ref, ref) {
 });
 IconSync.displayName = 'IconSync';
 
-var _excluded$e5 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e6 = ["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,
@@ -1991,7 +1993,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$e5);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e6);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2043,7 +2045,7 @@ var IconSyncExclamation = React.forwardRef(function (_ref, ref) {
 });
 IconSyncExclamation.displayName = 'IconSyncExclamation';
 
-var _excluded$e4 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e5 = ["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,
@@ -2052,7 +2054,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$e4);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e5);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2102,7 +2104,7 @@ var IconUndo = React.forwardRef(function (_ref, ref) {
 });
 IconUndo.displayName = 'IconUndo';
 
-var _excluded$e3 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e4 = ["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,
@@ -2111,7 +2113,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$e3);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e4);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2149,7 +2151,7 @@ var IconAnalytics = React.forwardRef(function (_ref, ref) {
 });
 IconAnalytics.displayName = 'IconAnalytics';
 
-var _excluded$e2 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e3 = ["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,
@@ -2158,7 +2160,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$e2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e3);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2201,7 +2203,7 @@ var IconBalanceScale = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
 
-var _excluded$e1 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e2 = ["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,
@@ -2210,7 +2212,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$e1);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e2);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2253,7 +2255,7 @@ var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
 
-var _excluded$e0 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e1 = ["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,
@@ -2262,7 +2264,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$e0);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e1);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2298,7 +2300,7 @@ var IconBarsV = React.forwardRef(function (_ref, ref) {
 });
 IconBarsV.displayName = 'IconBarsV';
 
-var _excluded$d$ = ["testId", "size", "color", "style", "variant"];
+var _excluded$e0 = ["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,
@@ -2307,7 +2309,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$d$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e0);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2343,7 +2345,7 @@ var IconBook = React.forwardRef(function (_ref, ref) {
 });
 IconBook.displayName = 'IconBook';
 
-var _excluded$d_ = ["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,
@@ -2352,7 +2354,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$d_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2390,7 +2392,7 @@ var IconCalculator = React.forwardRef(function (_ref, ref) {
 });
 IconCalculator.displayName = 'IconCalculator';
 
-var _excluded$dZ = ["testId", "size", "color", "style", "variant"];
+var _excluded$d_ = ["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,
@@ -2399,7 +2401,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$dZ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2449,7 +2451,7 @@ var IconCashRegister = React.forwardRef(function (_ref, ref) {
 });
 IconCashRegister.displayName = 'IconCashRegister';
 
-var _excluded$dY = ["testId", "size", "color", "style", "variant"];
+var _excluded$dZ = ["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,
@@ -2458,7 +2460,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$dY);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dZ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2496,7 +2498,7 @@ var IconChartBar = React.forwardRef(function (_ref, ref) {
 });
 IconChartBar.displayName = 'IconChartBar';
 
-var _excluded$dX = ["testId", "size", "color", "style", "variant"];
+var _excluded$dY = ["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,
@@ -2505,7 +2507,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$dX);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dY);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2541,7 +2543,7 @@ var IconCreditCard = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-var _excluded$dW = ["testId", "size", "color", "style", "variant"];
+var _excluded$dX = ["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,
@@ -2550,7 +2552,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$dW);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dX);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2606,7 +2608,7 @@ var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-var _excluded$dV = ["testId", "size", "color", "style", "variant"];
+var _excluded$dW = ["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,
@@ -2615,7 +2617,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$dV);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dW);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2651,7 +2653,7 @@ var IconDollarSign = React.forwardRef(function (_ref, ref) {
 });
 IconDollarSign.displayName = 'IconDollarSign';
 
-var _excluded$dU = ["testId", "size", "color", "style", "variant"];
+var _excluded$dV = ["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,
@@ -2660,7 +2662,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$dU);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dV);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2710,7 +2712,7 @@ var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelopeOpenDollar.displayName = 'IconEnvelopeOpenDollar';
 
-var _excluded$dT = ["testId", "size", "color", "style", "variant"];
+var _excluded$dU = ["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,
@@ -2719,7 +2721,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$dT);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dU);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2755,7 +2757,7 @@ var IconGanttChart = React.forwardRef(function (_ref, ref) {
 });
 IconGanttChart.displayName = 'IconGanttChart';
 
-var _excluded$dS = ["testId", "size", "color", "style", "variant"];
+var _excluded$dT = ["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,
@@ -2764,7 +2766,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$dS);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dT);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2814,7 +2816,7 @@ var IconHandHoldingCoin = React.forwardRef(function (_ref, ref) {
 });
 IconHandHoldingCoin.displayName = 'IconHandHoldingCoin';
 
-var _excluded$dR = ["testId", "size", "color", "style", "variant"];
+var _excluded$dS = ["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,
@@ -2823,7 +2825,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$dR);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dS);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2873,7 +2875,7 @@ var IconHandHoldingDollar = React.forwardRef(function (_ref, ref) {
 });
 IconHandHoldingDollar.displayName = 'IconHandHoldingDollar';
 
-var _excluded$dQ = ["testId", "size", "color", "style", "variant"];
+var _excluded$dR = ["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,
@@ -2882,7 +2884,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$dQ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dR);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2918,7 +2920,7 @@ var IconMoneyBill = React.forwardRef(function (_ref, ref) {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-var _excluded$dP = ["testId", "size", "color", "style", "variant"];
+var _excluded$dQ = ["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,
@@ -2927,7 +2929,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$dP);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dQ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2963,7 +2965,7 @@ var IconPercentage = React.forwardRef(function (_ref, ref) {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-var _excluded$dO = ["testId", "size", "color", "style", "variant"];
+var _excluded$dP = ["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,
@@ -2972,7 +2974,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$dO);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dP);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3008,7 +3010,7 @@ var IconSitemap = React.forwardRef(function (_ref, ref) {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-var _excluded$dN = ["testId", "size", "color", "style", "variant"];
+var _excluded$dO = ["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,
@@ -3017,7 +3019,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$dN);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dO);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3053,7 +3055,7 @@ var IconTable = React.forwardRef(function (_ref, ref) {
 });
 IconTable.displayName = 'IconTable';
 
-var _excluded$dM = ["testId", "size", "color", "style", "variant"];
+var _excluded$dN = ["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,
@@ -3062,7 +3064,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$dM);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dN);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3098,7 +3100,7 @@ var IconBell = React.forwardRef(function (_ref, ref) {
 });
 IconBell.displayName = 'IconBell';
 
-var _excluded$dL = ["testId", "size", "color", "style", "variant"];
+var _excluded$dM = ["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,
@@ -3107,7 +3109,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$dL);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dM);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3143,7 +3145,7 @@ var IconBullhorn = React.forwardRef(function (_ref, ref) {
 });
 IconBullhorn.displayName = 'IconBullhorn';
 
-var _excluded$dK = ["testId", "size", "color", "style", "variant"];
+var _excluded$dL = ["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,
@@ -3152,7 +3154,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$dK);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dL);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3188,7 +3190,7 @@ var IconCamera = React.forwardRef(function (_ref, ref) {
 });
 IconCamera.displayName = 'IconCamera';
 
-var _excluded$dJ = ["testId", "size", "color", "style", "variant"];
+var _excluded$dK = ["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,
@@ -3197,7 +3199,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$dJ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dK);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3233,7 +3235,7 @@ var IconCameraSlash = React.forwardRef(function (_ref, ref) {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
 
-var _excluded$dI = ["testId", "size", "color", "style", "variant"];
+var _excluded$dJ = ["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,
@@ -3242,7 +3244,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$dI);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dJ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3278,7 +3280,7 @@ var IconComment = React.forwardRef(function (_ref, ref) {
 });
 IconComment.displayName = 'IconComment';
 
-var _excluded$dH = ["testId", "size", "color", "style", "variant"];
+var _excluded$dI = ["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,
@@ -3287,7 +3289,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$dH);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dI);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3323,7 +3325,7 @@ var IconCommentLines = React.forwardRef(function (_ref, ref) {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-var _excluded$dG = ["testId", "size", "color", "style", "variant"];
+var _excluded$dH = ["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,
@@ -3332,7 +3334,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$dG);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dH);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3368,7 +3370,7 @@ var IconEnvelope = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-var _excluded$dF = ["testId", "size", "color", "style", "variant"];
+var _excluded$dG = ["testId", "size", "color", "style", "variant"];
 var IconLanguage = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-language' : _ref$testId,
@@ -3377,7 +3379,7 @@ var IconLanguage = 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$dG);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3413,7 +3415,7 @@ var IconLanguage = React.forwardRef(function (_ref, ref) {
 });
 IconLanguage.displayName = 'IconLanguage';
 
-var _excluded$dE = ["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,
@@ -3422,7 +3424,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$dE);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dF);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3458,7 +3460,7 @@ var IconMessages = React.forwardRef(function (_ref, ref) {
 });
 IconMessages.displayName = 'IconMessages';
 
-var _excluded$dD = ["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,
@@ -3467,7 +3469,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$dD);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dE);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3517,7 +3519,7 @@ var IconMicrophone = React.forwardRef(function (_ref, ref) {
 });
 IconMicrophone.displayName = 'IconMicrophone';
 
-var _excluded$dC = ["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,
@@ -3526,7 +3528,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$dC);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dD);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3562,7 +3564,7 @@ var IconMobile = React.forwardRef(function (_ref, ref) {
 });
 IconMobile.displayName = 'IconMobile';
 
-var _excluded$dB = ["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,
@@ -3571,7 +3573,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$dB);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dC);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3607,7 +3609,7 @@ var IconPhone = React.forwardRef(function (_ref, ref) {
 });
 IconPhone.displayName = 'IconPhone';
 
-var _excluded$dA = ["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,
@@ -3616,7 +3618,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$dA);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dB);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3659,7 +3661,7 @@ var IconVideo = React.forwardRef(function (_ref, ref) {
 });
 IconVideo.displayName = 'IconVideo';
 
-var _excluded$dz = ["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,
@@ -3668,7 +3670,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$dz);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dA);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3704,7 +3706,7 @@ var IconWifi = React.forwardRef(function (_ref, ref) {
 });
 IconWifi.displayName = 'IconWifi';
 
-var _excluded$dy = ["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,
@@ -3713,7 +3715,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$dy);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dz);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3749,7 +3751,7 @@ var IconWifiSlash = React.forwardRef(function (_ref, ref) {
 });
 IconWifiSlash.displayName = 'IconWifiSlash';
 
-var _excluded$dx = ["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,
@@ -3758,7 +3760,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$dx);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dy);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3796,7 +3798,7 @@ var IconBarsH = React.forwardRef(function (_ref, ref) {
 });
 IconBarsH.displayName = 'IconBarsH';
 
-var _excluded$dw = ["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,
@@ -3805,7 +3807,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$dw);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dx);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3841,7 +3843,7 @@ var IconBold = React.forwardRef(function (_ref, ref) {
 });
 IconBold.displayName = 'IconBold';
 
-var _excluded$dv = ["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,
@@ -3850,7 +3852,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$dv);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dw);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3886,7 +3888,7 @@ var IconCheckCircle = React.forwardRef(function (_ref, ref) {
 });
 IconCheckCircle.displayName = 'IconCheckCircle';
 
-var _excluded$du = ["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,
@@ -3895,7 +3897,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$du);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dv);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3945,7 +3947,7 @@ var IconCog = React.forwardRef(function (_ref, ref) {
 });
 IconCog.displayName = 'IconCog';
 
-var _excluded$dt = ["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,
@@ -3954,7 +3956,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$dt);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$du);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4004,7 +4006,7 @@ var IconCopy = React.forwardRef(function (_ref, ref) {
 });
 IconCopy.displayName = 'IconCopy';
 
-var _excluded$ds = ["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,
@@ -4013,7 +4015,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$ds);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dt);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4049,7 +4051,7 @@ var IconEdit = React.forwardRef(function (_ref, ref) {
 });
 IconEdit.displayName = 'IconEdit';
 
-var _excluded$dr = ["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,
@@ -4058,7 +4060,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$dr);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ds);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4096,7 +4098,7 @@ var IconEllipsis = React.forwardRef(function (_ref, ref) {
 });
 IconEllipsis.displayName = 'IconEllipsis';
 
-var _excluded$dq = ["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,
@@ -4105,7 +4107,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$dq);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dr);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4143,7 +4145,7 @@ var IconEllipsisV = React.forwardRef(function (_ref, ref) {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
 
-var _excluded$dp = ["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,
@@ -4152,7 +4154,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$dp);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dq);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4190,7 +4192,7 @@ var IconExternalLink = React.forwardRef(function (_ref, ref) {
 });
 IconExternalLink.displayName = 'IconExternalLink';
 
-var _excluded$do = ["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,
@@ -4199,7 +4201,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$do);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dp);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4235,7 +4237,7 @@ var IconEye = React.forwardRef(function (_ref, ref) {
 });
 IconEye.displayName = 'IconEye';
 
-var _excluded$dn = ["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,
@@ -4244,7 +4246,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$dn);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$do);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4294,7 +4296,7 @@ var IconEyeSlash = React.forwardRef(function (_ref, ref) {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
 
-var _excluded$dm = ["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,
@@ -4303,7 +4305,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$dm);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dn);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4353,7 +4355,7 @@ var IconFile = React.forwardRef(function (_ref, ref) {
 });
 IconFile.displayName = 'IconFile';
 
-var _excluded$dl = ["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,
@@ -4362,7 +4364,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$dl);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dm);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4398,7 +4400,7 @@ var IconGripVertical = React.forwardRef(function (_ref, ref) {
 });
 IconGripVertical.displayName = 'IconGripVertical';
 
-var _excluded$dk = ["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,
@@ -4407,7 +4409,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$dk);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dl);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4443,7 +4445,7 @@ var IconHouse = React.forwardRef(function (_ref, ref) {
 });
 IconHouse.displayName = 'IconHouse';
 
-var _excluded$dj = ["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,
@@ -4452,7 +4454,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$dj);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dk);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4488,7 +4490,7 @@ var IconImage = React.forwardRef(function (_ref, ref) {
 });
 IconImage.displayName = 'IconImage';
 
-var _excluded$di = ["testId", "size", "color", "style", "variant"];
+var _excluded$dj = ["testId", "size", "color", "style", "variant"];
 var IconInputText = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-input-text' : _ref$testId,
@@ -4497,7 +4499,7 @@ var IconInputText = 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$dj);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4533,7 +4535,7 @@ var IconInputText = React.forwardRef(function (_ref, ref) {
 });
 IconInputText.displayName = 'IconInputText';
 
-var _excluded$dh = ["testId", "size", "color", "style", "variant"];
+var _excluded$di = ["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,
@@ -4542,7 +4544,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$dh);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$di);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4578,7 +4580,7 @@ var IconItalic = React.forwardRef(function (_ref, ref) {
 });
 IconItalic.displayName = 'IconItalic';
 
-var _excluded$dg = ["testId", "size", "color", "style", "variant"];
+var _excluded$dh = ["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,
@@ -4587,7 +4589,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$dg);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dh);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4623,7 +4625,7 @@ var IconLink = React.forwardRef(function (_ref, ref) {
 });
 IconLink.displayName = 'IconLink';
 
-var _excluded$df = ["testId", "size", "color", "style", "variant"];
+var _excluded$dg = ["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,
@@ -4632,7 +4634,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$df);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dg);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4675,7 +4677,7 @@ var IconList = React.forwardRef(function (_ref, ref) {
 });
 IconList.displayName = 'IconList';
 
-var _excluded$de = ["testId", "size", "color", "style", "variant"];
+var _excluded$df = ["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,
@@ -4684,7 +4686,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$de);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$df);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4720,7 +4722,7 @@ var IconListOl = React.forwardRef(function (_ref, ref) {
 });
 IconListOl.displayName = 'IconListOl';
 
-var _excluded$dd = ["testId", "size", "color", "style", "variant"];
+var _excluded$de = ["testId", "size", "color", "style", "variant"];
 var IconListRadio = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-list-radio' : _ref$testId,
@@ -4729,7 +4731,7 @@ var IconListRadio = 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$de);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4765,7 +4767,7 @@ var IconListRadio = React.forwardRef(function (_ref, ref) {
 });
 IconListRadio.displayName = 'IconListRadio';
 
-var _excluded$dc = ["testId", "size", "color", "style", "variant"];
+var _excluded$dd = ["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,
@@ -4774,7 +4776,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$dd);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4810,7 +4812,7 @@ var IconLock = React.forwardRef(function (_ref, ref) {
 });
 IconLock.displayName = 'IconLock';
 
-var _excluded$db = ["testId", "size", "color", "style", "variant"];
+var _excluded$dc = ["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,
@@ -4819,7 +4821,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$dc);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4862,7 +4864,7 @@ var IconMemoMagnifyingGlass = React.forwardRef(function (_ref, ref) {
 });
 IconMemoMagnifyingGlass.displayName = 'IconMemoMagnifyingGlass';
 
-var _excluded$da = ["testId", "size", "color", "style", "variant"];
+var _excluded$db = ["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,
@@ -4871,7 +4873,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$db);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4907,7 +4909,7 @@ var IconMinus = React.forwardRef(function (_ref, ref) {
 });
 IconMinus.displayName = 'IconMinus';
 
-var _excluded$d9 = ["testId", "size", "color", "style", "variant"];
+var _excluded$da = ["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,
@@ -4916,7 +4918,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$da);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4966,7 +4968,7 @@ var IconMinusCircle = React.forwardRef(function (_ref, ref) {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
 
-var _excluded$d8 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d9 = ["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,
@@ -4975,7 +4977,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$d9);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5013,7 +5015,7 @@ var IconPaperPlane = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
 
-var _excluded$d7 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d8 = ["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,
@@ -5022,7 +5024,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$d8);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5069,7 +5071,7 @@ var IconPaperPlaneClock = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
 
-var _excluded$d6 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d7 = ["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,
@@ -5078,7 +5080,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$d7);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5121,7 +5123,7 @@ var IconPaperclip = React.forwardRef(function (_ref, ref) {
 });
 IconPaperclip.displayName = 'IconPaperclip';
 
-var _excluded$d5 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d6 = ["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,
@@ -5130,7 +5132,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$d6);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5168,7 +5170,7 @@ var IconPencil = React.forwardRef(function (_ref, ref) {
 });
 IconPencil.displayName = 'IconPencil';
 
-var _excluded$d4 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d5 = ["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,
@@ -5177,7 +5179,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$d5);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5213,7 +5215,7 @@ var IconPlus = React.forwardRef(function (_ref, ref) {
 });
 IconPlus.displayName = 'IconPlus';
 
-var _excluded$d3 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d4 = ["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,
@@ -5222,7 +5224,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$d4);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5260,7 +5262,7 @@ var IconPrint = React.forwardRef(function (_ref, ref) {
 });
 IconPrint.displayName = 'IconPrint';
 
-var _excluded$d2 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d3 = ["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,
@@ -5269,7 +5271,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$d3);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5305,7 +5307,7 @@ var IconSearch = React.forwardRef(function (_ref, ref) {
 });
 IconSearch.displayName = 'IconSearch';
 
-var _excluded$d1 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d2 = ["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,
@@ -5314,7 +5316,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$d2);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5350,7 +5352,7 @@ var IconSignIn = React.forwardRef(function (_ref, ref) {
 });
 IconSignIn.displayName = 'IconSignIn';
 
-var _excluded$d0 = ["testId", "size", "color", "style", "variant"];
+var _excluded$d1 = ["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,
@@ -5359,7 +5361,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$d1);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5395,7 +5397,7 @@ var IconSignOut = React.forwardRef(function (_ref, ref) {
 });
 IconSignOut.displayName = 'IconSignOut';
 
-var _excluded$c$ = ["testId", "size", "color", "style", "variant"];
+var _excluded$d0 = ["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,
@@ -5404,7 +5406,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$d0);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5440,7 +5442,7 @@ var IconSlidersH = React.forwardRef(function (_ref, ref) {
 });
 IconSlidersH.displayName = 'IconSlidersH';
 
-var _excluded$c_ = ["testId", "size", "color", "style", "variant"];
+var _excluded$c$ = ["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,
@@ -5449,7 +5451,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$c$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5485,7 +5487,7 @@ var IconSortChevron = React.forwardRef(function (_ref, ref) {
 });
 IconSortChevron.displayName = 'IconSortChevron';
 
-var _excluded$cZ = ["testId", "size", "color", "style", "variant"];
+var _excluded$c_ = ["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,
@@ -5494,7 +5496,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$c_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5530,7 +5532,7 @@ var IconSortChevronDown = React.forwardRef(function (_ref, ref) {
 });
 IconSortChevronDown.displayName = 'IconSortChevronDown';
 
-var _excluded$cY = ["testId", "size", "color", "style", "variant"];
+var _excluded$cZ = ["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,
@@ -5539,7 +5541,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$cZ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5575,7 +5577,7 @@ var IconSortChevronUp = React.forwardRef(function (_ref, ref) {
 });
 IconSortChevronUp.displayName = 'IconSortChevronUp';
 
-var _excluded$cX = ["testId", "size", "color", "style", "variant"];
+var _excluded$cY = ["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,
@@ -5584,7 +5586,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$cY);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5620,7 +5622,7 @@ var IconStrikethrough = React.forwardRef(function (_ref, ref) {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
 
-var _excluded$cW = ["testId", "size", "color", "style", "variant"];
+var _excluded$cX = ["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,
@@ -5629,7 +5631,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$cX);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5665,7 +5667,7 @@ var IconTimes = React.forwardRef(function (_ref, ref) {
 });
 IconTimes.displayName = 'IconTimes';
 
-var _excluded$cV = ["testId", "size", "color", "style", "variant"];
+var _excluded$cW = ["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,
@@ -5674,7 +5676,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$cW);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5712,7 +5714,7 @@ var IconTrash = React.forwardRef(function (_ref, ref) {
 });
 IconTrash.displayName = 'IconTrash';
 
-var _excluded$cU = ["testId", "size", "color", "style", "variant"];
+var _excluded$cV = ["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,
@@ -5721,7 +5723,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$cV);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5764,7 +5766,7 @@ var IconUnderline = React.forwardRef(function (_ref, ref) {
 });
 IconUnderline.displayName = 'IconUnderline';
 
-var _excluded$cT = ["testId", "size", "color", "style", "variant"];
+var _excluded$cU = ["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,
@@ -5773,7 +5775,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$cU);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5823,7 +5825,7 @@ var IconUnlock = React.forwardRef(function (_ref, ref) {
 });
 IconUnlock.displayName = 'IconUnlock';
 
-var _excluded$cS = ["testId", "size", "color", "style", "variant"];
+var _excluded$cT = ["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,
@@ -5832,7 +5834,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$cT);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5868,7 +5870,7 @@ var IconVolume = React.forwardRef(function (_ref, ref) {
 });
 IconVolume.displayName = 'IconVolume';
 
-var _excluded$cR = ["testId", "size", "color", "style", "variant"];
+var _excluded$cS = ["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,
@@ -5877,7 +5879,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$cS);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5920,7 +5922,7 @@ var IconVolumeMute = React.forwardRef(function (_ref, ref) {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-var _excluded$cQ = ["testId", "size", "color", "style", "variant"];
+var _excluded$cR = ["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,
@@ -5929,7 +5931,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$cR);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5965,7 +5967,7 @@ var IconWrench = React.forwardRef(function (_ref, ref) {
 });
 IconWrench.displayName = 'IconWrench';
 
-var _excluded$cP = ["testId", "size", "color", "style", "variant"];
+var _excluded$cQ = ["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,
@@ -5974,7 +5976,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$cQ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6017,7 +6019,7 @@ var IconAddressBook = React.forwardRef(function (_ref, ref) {
 });
 IconAddressBook.displayName = 'IconAddressBook';
 
-var _excluded$cO = ["testId", "size", "color", "style", "variant"];
+var _excluded$cP = ["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,
@@ -6026,7 +6028,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$cP);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6076,7 +6078,7 @@ var IconFaceSmileRelaxed = React.forwardRef(function (_ref, ref) {
 });
 IconFaceSmileRelaxed.displayName = 'IconFaceSmileRelaxed';
 
-var _excluded$cN = ["testId", "size", "color", "style", "variant"];
+var _excluded$cO = ["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,
@@ -6085,7 +6087,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$cO);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6121,7 +6123,7 @@ var IconFileUser = React.forwardRef(function (_ref, ref) {
 });
 IconFileUser.displayName = 'IconFileUser';
 
-var _excluded$cM = ["testId", "size", "color", "style", "variant"];
+var _excluded$cN = ["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,
@@ -6130,7 +6132,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$cN);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6180,7 +6182,7 @@ var IconGrinBeam = React.forwardRef(function (_ref, ref) {
 });
 IconGrinBeam.displayName = 'IconGrinBeam';
 
-var _excluded$cL = ["testId", "size", "color", "style", "variant"];
+var _excluded$cM = ["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,
@@ -6189,7 +6191,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$cM);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6225,7 +6227,7 @@ var IconHand = React.forwardRef(function (_ref, ref) {
 });
 IconHand.displayName = 'IconHand';
 
-var _excluded$cK = ["testId", "size", "color", "style", "variant"];
+var _excluded$cL = ["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,
@@ -6234,7 +6236,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$cL);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6270,7 +6272,7 @@ var IconHandPointRight = React.forwardRef(function (_ref, ref) {
 });
 IconHandPointRight.displayName = 'IconHandPointRight';
 
-var _excluded$cJ = ["testId", "size", "color", "style", "variant"];
+var _excluded$cK = ["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,
@@ -6279,7 +6281,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$cK);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6329,7 +6331,7 @@ var IconHandshake = React.forwardRef(function (_ref, ref) {
 });
 IconHandshake.displayName = 'IconHandshake';
 
-var _excluded$cI = ["testId", "size", "color", "style", "variant"];
+var _excluded$cJ = ["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,
@@ -6338,7 +6340,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$cJ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6388,7 +6390,7 @@ var IconStar = React.forwardRef(function (_ref, ref) {
 });
 IconStar.displayName = 'IconStar';
 
-var _excluded$cH = ["testId", "size", "color", "style", "variant"];
+var _excluded$cI = ["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,
@@ -6397,7 +6399,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$cI);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6447,7 +6449,7 @@ var IconThumbsDown = React.forwardRef(function (_ref, ref) {
 });
 IconThumbsDown.displayName = 'IconThumbsDown';
 
-var _excluded$cG = ["testId", "size", "color", "style", "variant"];
+var _excluded$cH = ["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,
@@ -6456,7 +6458,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$cH);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6506,7 +6508,7 @@ var IconThumbsUp = React.forwardRef(function (_ref, ref) {
 });
 IconThumbsUp.displayName = 'IconThumbsUp';
 
-var _excluded$cF = ["testId", "size", "color", "style", "variant"];
+var _excluded$cG = ["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,
@@ -6515,7 +6517,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$cG);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6551,7 +6553,7 @@ var IconUser = React.forwardRef(function (_ref, ref) {
 });
 IconUser.displayName = 'IconUser';
 
-var _excluded$cE = ["testId", "size", "color", "style", "variant"];
+var _excluded$cF = ["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,
@@ -6560,7 +6562,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$cF);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6608,7 +6610,7 @@ var IconUserComputer = React.forwardRef(function (_ref, ref) {
 });
 IconUserComputer.displayName = 'IconUserComputer';
 
-var _excluded$cD = ["testId", "size", "color", "style", "variant"];
+var _excluded$cE = ["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,
@@ -6617,7 +6619,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$cE);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6653,7 +6655,7 @@ var IconUserFriends = React.forwardRef(function (_ref, ref) {
 });
 IconUserFriends.displayName = 'IconUserFriends';
 
-var _excluded$cC = ["testId", "size", "color", "style", "variant"];
+var _excluded$cD = ["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,
@@ -6662,7 +6664,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$cD);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6698,7 +6700,7 @@ var IconUserPlus = React.forwardRef(function (_ref, ref) {
 });
 IconUserPlus.displayName = 'IconUserPlus';
 
-var _excluded$cB = ["testId", "size", "color", "style", "variant"];
+var _excluded$cC = ["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,
@@ -6707,7 +6709,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$cC);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6752,7 +6754,7 @@ var IconUserSearch = React.forwardRef(function (_ref, ref) {
 });
 IconUserSearch.displayName = 'IconUserSearch';
 
-var _excluded$cA = ["testId", "size", "color", "style", "variant"];
+var _excluded$cB = ["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,
@@ -6761,7 +6763,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$cB);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6804,7 +6806,7 @@ var IconUserSlash = React.forwardRef(function (_ref, ref) {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-var _excluded$cz = ["testId", "size", "color", "style", "variant"];
+var _excluded$cA = ["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,
@@ -6813,7 +6815,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$cA);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6862,7 +6864,7 @@ var IconUserTag = React.forwardRef(function (_ref, ref) {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-var _excluded$cy = ["testId", "size", "color", "style", "variant"];
+var _excluded$cz = ["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,
@@ -6871,7 +6873,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$cz);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6907,7 +6909,7 @@ var IconUserTie = React.forwardRef(function (_ref, ref) {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-var _excluded$cx = ["testId", "size", "color", "style", "variant"];
+var _excluded$cy = ["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,
@@ -6916,7 +6918,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$cy);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6952,7 +6954,7 @@ var IconUsers = React.forwardRef(function (_ref, ref) {
 });
 IconUsers.displayName = 'IconUsers';
 
-var _excluded$cw = ["testId", "size", "color", "style", "variant"];
+var _excluded$cx = ["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,
@@ -6961,7 +6963,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$cx);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -6997,7 +6999,7 @@ var IconBirthdayCake = React.forwardRef(function (_ref, ref) {
 });
 IconBirthdayCake.displayName = 'IconBirthdayCake';
 
-var _excluded$cv = ["testId", "size", "color", "style", "variant"];
+var _excluded$cw = ["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,
@@ -7006,7 +7008,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$cw);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7042,7 +7044,7 @@ var IconBolt = React.forwardRef(function (_ref, ref) {
 });
 IconBolt.displayName = 'IconBolt';
 
-var _excluded$cu = ["testId", "size", "color", "style", "variant"];
+var _excluded$cv = ["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,
@@ -7051,7 +7053,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$cv);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7087,7 +7089,7 @@ var IconBriefcase = React.forwardRef(function (_ref, ref) {
 });
 IconBriefcase.displayName = 'IconBriefcase';
 
-var _excluded$ct = ["testId", "size", "color", "style", "variant"];
+var _excluded$cu = ["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,
@@ -7096,7 +7098,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$cu);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7134,7 +7136,7 @@ var IconBullseyeArrow = React.forwardRef(function (_ref, ref) {
 });
 IconBullseyeArrow.displayName = 'IconBullseyeArrow';
 
-var _excluded$cs = ["testId", "size", "color", "style", "variant"];
+var _excluded$ct = ["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,
@@ -7143,7 +7145,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$ct);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7181,7 +7183,7 @@ var IconClipboardList = React.forwardRef(function (_ref, ref) {
 });
 IconClipboardList.displayName = 'IconClipboardList';
 
-var _excluded$cr = ["testId", "size", "color", "style", "variant"];
+var _excluded$cs = ["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,
@@ -7190,7 +7192,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$cs);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7228,7 +7230,7 @@ var IconDownload = React.forwardRef(function (_ref, ref) {
 });
 IconDownload.displayName = 'IconDownload';
 
-var _excluded$cq = ["testId", "size", "color", "style", "variant"];
+var _excluded$cr = ["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,
@@ -7237,7 +7239,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$cr);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7287,7 +7289,7 @@ var IconFilePdf = React.forwardRef(function (_ref, ref) {
 });
 IconFilePdf.displayName = 'IconFilePdf';
 
-var _excluded$cp = ["testId", "size", "color", "style", "variant"];
+var _excluded$cq = ["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,
@@ -7296,7 +7298,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$cq);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7346,7 +7348,7 @@ var IconFlag = React.forwardRef(function (_ref, ref) {
 });
 IconFlag.displayName = 'IconFlag';
 
-var _excluded$co = ["testId", "size", "color", "style", "variant"];
+var _excluded$cp = ["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,
@@ -7355,7 +7357,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$cp);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7396,7 +7398,7 @@ var IconFourDotsCircle = React.forwardRef(function (_ref, ref) {
 });
 IconFourDotsCircle.displayName = 'IconFourDotsCircle';
 
-var _excluded$cn = ["testId", "size", "color", "style", "variant"];
+var _excluded$co = ["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,
@@ -7405,7 +7407,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$co);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7443,7 +7445,7 @@ var IconFourSquares = React.forwardRef(function (_ref, ref) {
 });
 IconFourSquares.displayName = 'IconFourSquares';
 
-var _excluded$cm = ["testId", "size", "color", "style", "variant"];
+var _excluded$cn = ["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,
@@ -7452,7 +7454,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$cn);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7502,7 +7504,7 @@ var IconGavel = React.forwardRef(function (_ref, ref) {
 });
 IconGavel.displayName = 'IconGavel';
 
-var _excluded$cl = ["testId", "size", "color", "style", "variant"];
+var _excluded$cm = ["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,
@@ -7511,7 +7513,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$cm);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7547,7 +7549,7 @@ var IconGif = React.forwardRef(function (_ref, ref) {
 });
 IconGif.displayName = 'IconGif';
 
-var _excluded$ck = ["testId", "size", "color", "style", "variant"];
+var _excluded$cl = ["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,
@@ -7556,7 +7558,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$cl);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7592,7 +7594,7 @@ var IconGift = React.forwardRef(function (_ref, ref) {
 });
 IconGift.displayName = 'IconGift';
 
-var _excluded$cj = ["testId", "size", "color", "style", "variant"];
+var _excluded$ck = ["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,
@@ -7601,7 +7603,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$ck);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7637,7 +7639,7 @@ var IconGlobe = React.forwardRef(function (_ref, ref) {
 });
 IconGlobe.displayName = 'IconGlobe';
 
-var _excluded$ci = ["testId", "size", "color", "style", "variant"];
+var _excluded$cj = ["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,
@@ -7646,7 +7648,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$cj);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7696,7 +7698,7 @@ var IconHatChef = React.forwardRef(function (_ref, ref) {
 });
 IconHatChef.displayName = 'IconHatChef';
 
-var _excluded$ch = ["testId", "size", "color", "style", "variant"];
+var _excluded$ci = ["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,
@@ -7705,7 +7707,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$ci);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7743,7 +7745,7 @@ var IconIslandTropical = React.forwardRef(function (_ref, ref) {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
 
-var _excluded$cg = ["testId", "size", "color", "style", "variant"];
+var _excluded$ch = ["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,
@@ -7752,7 +7754,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$ch);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7814,7 +7816,7 @@ var IconLaptopSearch = React.forwardRef(function (_ref, ref) {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
 
-var _excluded$cf = ["testId", "size", "color", "style", "variant"];
+var _excluded$cg = ["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,
@@ -7823,7 +7825,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$cg);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7861,7 +7863,7 @@ var IconMagic = React.forwardRef(function (_ref, ref) {
 });
 IconMagic.displayName = 'IconMagic';
 
-var _excluded$ce = ["testId", "size", "color", "style", "variant"];
+var _excluded$cf = ["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,
@@ -7870,7 +7872,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$cf);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7908,7 +7910,7 @@ var IconMapMarker = React.forwardRef(function (_ref, ref) {
 });
 IconMapMarker.displayName = 'IconMapMarker';
 
-var _excluded$cd = ["testId", "size", "color", "style", "variant"];
+var _excluded$ce = ["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,
@@ -7917,7 +7919,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$ce);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -7967,7 +7969,7 @@ var IconMedal = React.forwardRef(function (_ref, ref) {
 });
 IconMedal.displayName = 'IconMedal';
 
-var _excluded$cc = ["testId", "size", "color", "style", "variant"];
+var _excluded$cd = ["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,
@@ -7976,7 +7978,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$cd);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8012,7 +8014,7 @@ var IconMugSaucer = React.forwardRef(function (_ref, ref) {
 });
 IconMugSaucer.displayName = 'IconMugSaucer';
 
-var _excluded$cb = ["testId", "size", "color", "style", "variant"];
+var _excluded$cc = ["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,
@@ -8021,7 +8023,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$cc);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8057,7 +8059,7 @@ var IconNotesMedical = React.forwardRef(function (_ref, ref) {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
 
-var _excluded$ca = ["testId", "size", "color", "style", "variant"];
+var _excluded$cb = ["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,
@@ -8066,7 +8068,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$cb);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8109,7 +8111,7 @@ var IconPlateUtensils = React.forwardRef(function (_ref, ref) {
 });
 IconPlateUtensils.displayName = 'IconPlateUtensils';
 
-var _excluded$c9 = ["testId", "size", "color", "style", "variant"];
+var _excluded$ca = ["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,
@@ -8118,7 +8120,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$ca);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8154,7 +8156,7 @@ var IconPlug = React.forwardRef(function (_ref, ref) {
 });
 IconPlug.displayName = 'IconPlug';
 
-var _excluded$c8 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c9 = ["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,
@@ -8163,7 +8165,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$c9);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8199,7 +8201,7 @@ var IconRocket = React.forwardRef(function (_ref, ref) {
 });
 IconRocket.displayName = 'IconRocket';
 
-var _excluded$c7 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c8 = ["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,
@@ -8208,7 +8210,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$c8);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8244,7 +8246,7 @@ var IconSchool = React.forwardRef(function (_ref, ref) {
 });
 IconSchool.displayName = 'IconSchool';
 
-var _excluded$c6 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c7 = ["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,
@@ -8253,7 +8255,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$c7);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8289,7 +8291,7 @@ var IconSparkle = React.forwardRef(function (_ref, ref) {
 });
 IconSparkle.displayName = 'IconSparkle';
 
-var _excluded$c5 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c6 = ["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,
@@ -8298,7 +8300,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$c6);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8354,7 +8356,7 @@ var IconStickyNoteLines = React.forwardRef(function (_ref, ref) {
 });
 IconStickyNoteLines.displayName = 'IconStickyNoteLines';
 
-var _excluded$c4 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c5 = ["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,
@@ -8363,7 +8365,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$c5);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8399,7 +8401,7 @@ var IconStore = React.forwardRef(function (_ref, ref) {
 });
 IconStore.displayName = 'IconStore';
 
-var _excluded$c3 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c4 = ["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,
@@ -8408,7 +8410,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$c4);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8444,7 +8446,7 @@ var IconTachometer = React.forwardRef(function (_ref, ref) {
 });
 IconTachometer.displayName = 'IconTachometer';
 
-var _excluded$c2 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c3 = ["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,
@@ -8453,7 +8455,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$c3);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8491,7 +8493,7 @@ var IconThreeSquares = React.forwardRef(function (_ref, ref) {
 });
 IconThreeSquares.displayName = 'IconThreeSquares';
 
-var _excluded$c1 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c2 = ["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,
@@ -8500,7 +8502,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$c2);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8536,7 +8538,7 @@ var IconUniversity = React.forwardRef(function (_ref, ref) {
 });
 IconUniversity.displayName = 'IconUniversity';
 
-var _excluded$c0 = ["testId", "size", "color", "style", "variant"];
+var _excluded$c1 = ["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,
@@ -8545,7 +8547,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$c1);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8583,7 +8585,7 @@ var IconAward = React.forwardRef(function (_ref, ref) {
 });
 IconAward.displayName = 'IconAward';
 
-var _excluded$b$ = ["testId", "size", "color", "style", "variant"];
+var _excluded$c0 = ["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,
@@ -8592,7 +8594,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$c0);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8628,7 +8630,7 @@ var IconAwardSimple = React.forwardRef(function (_ref, ref) {
 });
 IconAwardSimple.displayName = 'IconAwardSimple';
 
-var _excluded$b_ = ["testId", "size", "color", "style", "variant"];
+var _excluded$b$ = ["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,
@@ -8637,7 +8639,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$b$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8687,7 +8689,7 @@ var IconBan = React.forwardRef(function (_ref, ref) {
 });
 IconBan.displayName = 'IconBan';
 
-var _excluded$bZ = ["testId", "size", "color", "style", "variant"];
+var _excluded$b_ = ["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,
@@ -8696,7 +8698,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$b_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8734,7 +8736,7 @@ var IconCheck = React.forwardRef(function (_ref, ref) {
 });
 IconCheck.displayName = 'IconCheck';
 
-var _excluded$bY = ["testId", "size", "color", "style", "variant"];
+var _excluded$bZ = ["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,
@@ -8743,7 +8745,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$bZ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8793,7 +8795,7 @@ var IconCheckCircleIncomplete = React.forwardRef(function (_ref, ref) {
 });
 IconCheckCircleIncomplete.displayName = 'IconCheckCircleIncomplete';
 
-var _excluded$bX = ["testId", "size", "color", "style", "variant"];
+var _excluded$bY = ["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,
@@ -8802,7 +8804,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$bY);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8858,7 +8860,7 @@ var IconCheckCircleIncompleteRole = React.forwardRef(function (_ref, ref) {
 });
 IconCheckCircleIncompleteRole.displayName = 'IconCheckCircleIncompleteRole';
 
-var _excluded$bW = ["testId", "size", "color", "style", "variant"];
+var _excluded$bX = ["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,
@@ -8867,7 +8869,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$bX);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8903,7 +8905,7 @@ var IconCheckCircleIncompleteUser = React.forwardRef(function (_ref, ref) {
 });
 IconCheckCircleIncompleteUser.displayName = 'IconCheckCircleIncompleteUser';
 
-var _excluded$bV = ["testId", "size", "color", "style", "variant"];
+var _excluded$bW = ["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,
@@ -8912,7 +8914,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$bW);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8948,7 +8950,7 @@ var IconCircleHalfStroke = React.forwardRef(function (_ref, ref) {
 });
 IconCircleHalfStroke.displayName = 'IconCircleHalfStroke';
 
-var _excluded$bU = ["testId", "size", "color", "style", "variant"];
+var _excluded$bV = ["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,
@@ -8957,7 +8959,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$bV);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -8993,7 +8995,7 @@ var IconCircleXMark = React.forwardRef(function (_ref, ref) {
 });
 IconCircleXMark.displayName = 'IconCircleXMark';
 
-var _excluded$bT = ["testId", "size", "color", "style", "variant"];
+var _excluded$bU = ["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,
@@ -9002,7 +9004,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$bU);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9038,7 +9040,7 @@ var IconDeleteLeft = React.forwardRef(function (_ref, ref) {
 });
 IconDeleteLeft.displayName = 'IconDeleteLeft';
 
-var _excluded$bS = ["testId", "size", "color", "style", "variant"];
+var _excluded$bT = ["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,
@@ -9047,7 +9049,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$bT);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9083,7 +9085,7 @@ var IconExclamation = React.forwardRef(function (_ref, ref) {
 });
 IconExclamation.displayName = 'IconExclamation';
 
-var _excluded$bR = ["testId", "size", "color", "style", "variant"];
+var _excluded$bS = ["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,
@@ -9092,7 +9094,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$bS);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -9133,6 +9135,51 @@ var IconExclamationTriangle = React.forwardRef(function (_ref, ref) {
 });
 IconExclamationTriangle.displayName = 'IconExclamationTriangle';
 
+var _excluded$bR = ["testId", "size", "color", "style", "variant"];
+var IconInfinity = React.forwardRef(function (_ref, ref) {
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'icon-infinity' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$bR);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
+  if (variant === 'solid') {
+    return React__default["default"].createElement("svg", _extends({
+      style: getIconStyles(styleProps),
+      "data-testid": testId,
+      ref: ref
+    }, props, {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24"
+    }), React__default["default"].createElement("path", {
+      fill: "currentColor",
+      d: "M0 12a5.998 5.998 0 0 1 10.8-3.6l1.2 1.601L13.2 8.4A5.998 5.998 0 0 1 24 12a5.998 5.998 0 0 1-10.8 3.6L12 13.999 10.8 15.6A5.998 5.998 0 0 1 0 12Zm10.5 0L8.88 9.84a3.6 3.6 0 1 0 0 4.32L10.5 12Zm3 0 1.62 2.16a3.6 3.6 0 1 0 0-4.32L13.5 12Z"
+    }));
+  }
+  return React__default["default"].createElement("svg", _extends({
+    style: getIconStyles(styleProps),
+    "data-testid": testId,
+    ref: ref
+  }, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }), React__default["default"].createElement("path", {
+    fill: "currentColor",
+    d: "M0 11.154a5.153 5.153 0 0 1 9.008-3.427L12 11.094l2.992-3.367a5.161 5.161 0 0 1 3.852-1.729A5.153 5.153 0 0 1 24 11.154v1.692a5.156 5.156 0 0 1-9.007 3.427L12 12.906l-2.992 3.367a5.171 5.171 0 0 1-3.852 1.725A5.153 5.153 0 0 1 0 12.842V11.15v.003Zm11.198.844L8.11 8.526A3.956 3.956 0 0 0 1.2 11.154v1.692a3.957 3.957 0 0 0 6.911 2.628l3.086-3.476Zm1.604 0 3.087 3.473a3.955 3.955 0 0 0 6.911-2.63v-1.69a3.957 3.957 0 0 0-6.911-2.63l-3.086 3.477Z"
+  }));
+});
+IconInfinity.displayName = 'IconInfinity';
+
 var _excluded$bQ = ["testId", "size", "color", "style", "variant"];
 var IconInfoCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
@@ -12327,43 +12374,13 @@ var styles$1h = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-B
 
 var styles$1g = {"overlay":"_0yTe8","overlay--after-open":"_yJBtA","overlay--before-close":"_iWogn","content":"_ntozd","content--after-open":"_EQjDq","content--before-close":"_ZTY3B","overlay--draggable":"_6SSP8","content--draggable":"_5rHXj","draggable-inner":"_cq2CU"};
 
-var styles$1f = {"header":"_tgpG9","header__close-button":"_b1dgU","sub-header":"_c2nm4"};
-
-var ModalHeader = function ModalHeader(_ref) {
-  var header = _ref.header,
-    subHeader = _ref.subHeader,
-    onClose = _ref.onClose,
-    loading = _ref.loading;
-  if (!header && !subHeader) {
-    return onClose ? React__default["default"].createElement("div", {
-      className: styles$1f['header__close-button']
-    }, React__default["default"].createElement(Button, {
-      theme: "link-icon",
-      onClick: onClose,
-      disabled: loading
-    }, React__default["default"].createElement(IconTimes, null))) : null;
-  }
-  return React__default["default"].createElement(Stack, {
-    space: 12,
-    marginBottom: 24,
-    marginLeft: 8,
-    marginRight: 8
-  }, React__default["default"].createElement(Inline, {
-    flex: [1],
-    alignItems: "center"
-  }, React__default["default"].createElement("span", {
-    className: styles$1f['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$1f['sub-header']
-  }, subHeader));
-};
+var styles$1f = {"modal-header":"_VRlTj","modal-header__header":"_GH74U","modal-header__sub-header":"_OlX-6","modal-header--with-shadow":"_brFTl","modal-header__close-button":"_LTnd3","modal-header__top-bar":"_7V-hB","modal-header__top-bar--with-image":"_docda"};
 
 var ModalContext = React.createContext({
   isModalMounted: false,
+  modalBodyRef: {
+    current: null
+  },
   draggable: false
 });
 var useModalContext = function useModalContext() {
@@ -12371,6 +12388,72 @@ var useModalContext = function useModalContext() {
   return context || {};
 };
 
+var useScrollDetector = function useScrollDetector(contentRef) {
+  var _useState = React.useState(false),
+    hasScrollBottom = _useState[0],
+    setHasScrollBottom = _useState[1];
+  var _useState2 = React.useState(false),
+    hasScrollTop = _useState2[0],
+    setHasScrollTop = _useState2[1];
+  React.useEffect(function () {
+    var element = contentRef.current;
+    if (!element) return;
+    var check = function check() {
+      setHasScrollBottom(element.scrollHeight > element.clientHeight && element.scrollTop + element.clientHeight < element.scrollHeight - 1);
+      setHasScrollTop(element.scrollTop > 0);
+    };
+    check();
+    element.addEventListener('scroll', check);
+    var resizeObserver = new ResizeObserver(check);
+    resizeObserver.observe(element);
+    var mutationObserver = new MutationObserver(check);
+    mutationObserver.observe(element, {
+      childList: true,
+      subtree: true
+    });
+    return function () {
+      element.removeEventListener('scroll', check);
+      resizeObserver.disconnect();
+      mutationObserver.disconnect();
+    };
+  }, [contentRef]);
+  return {
+    hasScrollBottom: hasScrollBottom,
+    hasScrollTop: hasScrollTop
+  };
+};
+
+var ModalHeader = function ModalHeader(_ref) {
+  var _classNames, _classNames2;
+  var header = _ref.header,
+    subHeader = _ref.subHeader,
+    onClose = _ref.onClose,
+    loading = _ref.loading,
+    imageSrc = _ref.imageSrc;
+  var _useModalContext = useModalContext(),
+    modalBodyRef = _useModalContext.modalBodyRef;
+  var _useScrollDetector = useScrollDetector(modalBodyRef),
+    hasScrollTop = _useScrollDetector.hasScrollTop;
+  return React__default["default"].createElement("div", {
+    className: classnames__default["default"](styles$1f['modal-header'], (_classNames = {}, _classNames[styles$1f['modal-header--with-shadow']] = hasScrollTop, _classNames))
+  }, React__default["default"].createElement(Stack, {
+    space: 0
+  }, React__default["default"].createElement("div", {
+    className: classnames__default["default"](styles$1f['modal-header__top-bar'], (_classNames2 = {}, _classNames2[styles$1f['modal-header__top-bar--with-image']] = !!imageSrc, _classNames2)),
+    style: imageSrc ? {
+      backgroundImage: "url(" + imageSrc + ")"
+    } : undefined
+  }, onClose && React__default["default"].createElement(Button, {
+    theme: imageSrc ? 'link-contrast' : 'link-icon',
+    onClick: onClose,
+    disabled: loading
+  }, React__default["default"].createElement(IconTimes, null))), header && React__default["default"].createElement("div", {
+    className: styles$1f['modal-header__header']
+  }, header), subHeader && React__default["default"].createElement("div", {
+    className: styles$1f['modal-header__sub-header']
+  }, subHeader)));
+};
+
 var DEFAULT_WIDTH = 566;
 var DEFAULT_HEIGHT = 266;
 /**
@@ -12459,7 +12542,7 @@ function useDraggableModal(_ref) {
   };
 }
 
-var _excluded$bk = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId", "draggable", "initialPosition"];
+var _excluded$bk = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId", "imageSrc", "draggable", "initialPosition"];
 // react-draggable declares `props: DraggableProps` on the class instance, overriding
 // the `React.Component<Partial<DraggableProps>>` generic. This cast restores the
 // intended partial-props behaviour for JSX usage.
@@ -12478,12 +12561,13 @@ var Modal = function Modal(_ref) {
     zIndex = _ref$zIndex === void 0 ? 'modal' : _ref$zIndex,
     rootElementId = _ref.rootElementId,
     _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 566 : _ref$width,
+    width = _ref$width === void 0 ? 545 : _ref$width,
     height = _ref.height,
     maxWidth = _ref.maxWidth,
     _ref$shouldReturnFocu = _ref.shouldReturnFocusAfterClose,
     shouldReturnFocusAfterClose = _ref$shouldReturnFocu === void 0 ? true : _ref$shouldReturnFocu,
     testId = _ref.testId,
+    imageSrc = _ref.imageSrc,
     _ref$draggable = _ref.draggable,
     draggable = _ref$draggable === void 0 ? false : _ref$draggable,
     initialPosition = _ref.initialPosition,
@@ -12515,6 +12599,7 @@ var Modal = function Modal(_ref) {
       pointerEvents: 'none'
     })
   };
+  var modalBodyRef = React__default["default"].useRef(null);
   // The `ReactModal` library already adds the `data-*` preffix, so I need to remove it from the `getDataProps`
   var _getDataProps = getDataProps(otherProps, {
       removeDataPrefix: true
@@ -12526,15 +12611,18 @@ var Modal = function Modal(_ref) {
     header: header,
     subHeader: subHeader,
     onClose: onClose,
-    loading: loading
+    loading: loading,
+    imageSrc: imageSrc
   })) : React__default["default"].createElement(ModalHeader, {
     header: header,
     subHeader: subHeader,
     onClose: onClose,
-    loading: loading
+    loading: loading,
+    imageSrc: imageSrc
   }), React__default["default"].createElement(ModalContext.Provider, {
     value: {
       isModalMounted: true,
+      modalBodyRef: modalBodyRef,
       draggable: draggable
     }
   }, children));
@@ -12579,50 +12667,23 @@ Modal.setAppElement = function (rootElement) {
   ReactModal__default["default"].setAppElement(rootElement);
 };
 
-var THRESHOLD = 20;
-var useScrollShadow = function useScrollShadow() {
-  var ref = React.useRef(null);
-  var _useState = React.useState(false),
-    showScrollShadow = _useState[0],
-    setShowScrollShadow = _useState[1];
-  React.useEffect(function () {
-    if (!ref.current) {
-      return;
-    }
-    var modalBody = ref.current;
-    /**
-     * Once we support only Safari 13 and above we can use ResizeObserver
-     * https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver
-     */
-    if (modalBody.offsetHeight > THRESHOLD) {
-      setShowScrollShadow(true);
-    }
-  }, []);
-  return {
-    ref: ref,
-    showScrollShadow: showScrollShadow
-  };
-};
-
-var styles$1e = {"modal-body":"_4YK4k","modal-body--with-scroll-shadow":"_wo1vv","modal-body__inner-div":"_9u6xC"};
+var styles$1e = {"modal-body":"_4YK4k"};
 
 var ModalBody = function ModalBody(_ref) {
-  var _classNames;
   var children = _ref.children,
     testId = _ref.testId;
-  var _useScrollShadow = useScrollShadow(),
-    ref = _useScrollShadow.ref,
-    showScrollShadow = _useScrollShadow.showScrollShadow;
+  var _useModalContext = useModalContext(),
+    modalBodyRef = _useModalContext.modalBodyRef;
   return React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$1e['modal-body'], (_classNames = {}, _classNames[styles$1e['modal-body--with-scroll-shadow']] = showScrollShadow, _classNames)),
-    ref: ref,
-    "data-testid": testId
+    className: classnames__default["default"](styles$1e['modal-body']),
+    "data-testid": testId,
+    ref: modalBodyRef
   }, React__default["default"].createElement("div", {
     className: styles$1e['modal-body__inner-div']
   }, children));
 };
 
-var styles$1d = {"modal-footer":"_bezlP","tertiary-container":"_EdqHx"};
+var styles$1d = {"modal-footer":"_bezlP","modal-footer--with-shadow":"_hC4vb"};
 
 var updateButtonProps$1 = function updateButtonProps(button, newProps) {
   if (!button) {
@@ -12644,7 +12705,7 @@ var ModalFooter = function ModalFooter(_ref) {
     actions = _ref.actions,
     testId = _ref.testId;
   if (actions) {
-    var _actions$primary, _actions$secondary, _actions$tertiary, _classnames;
+    var _actions$primary, _actions$secondary, _actions$tertiary;
     var primaryButton = updateButtonProps$1(actions.primary, {
       theme: (actions == null || (_actions$primary = actions.primary) == null ? void 0 : _actions$primary.props.theme) || 'primary',
       size: BUTTON_SIZES.MIN_WIDTH_100
@@ -12661,24 +12722,27 @@ var ModalFooter = function ModalFooter(_ref) {
       testId: testId
     }, React__default["default"].createElement(Inline, {
       justifyContent: "space-between"
-    }, React__default["default"].createElement("div", {
-      className: classnames__default["default"]((_classnames = {}, _classnames[styles$1d['tertiary-container']] = tertiaryButton && tertiaryButton.props.theme.startsWith('link'), _classnames))
-    }, tertiaryButton || React__default["default"].createElement("div", null)), React__default["default"].createElement(Inline, {
+    }, tertiaryButton || React__default["default"].createElement("div", null), React__default["default"].createElement(Inline, {
       space: 12
     }, secondaryButton, primaryButton)));
   }
   return React__default["default"].createElement(FooterContainer, null, children);
 };
 var FooterContainer = function FooterContainer(_ref2) {
+  var _classNames;
   var children = _ref2.children,
     testId = _ref2.testId;
+  var _useModalContext = useModalContext(),
+    modalBodyRef = _useModalContext.modalBodyRef;
+  var _useScrollDetector = useScrollDetector(modalBodyRef),
+    hasScrollBottom = _useScrollDetector.hasScrollBottom;
   var childrenItens = React__default["default"].Children.toArray(children);
   var hasCustomAlignment = childrenItens.length === 1 && checkIsComponent(childrenItens[0], {
     component: Inline,
     displayName: 'Inline'
   });
   return React__default["default"].createElement("div", {
-    className: styles$1d['modal-footer'],
+    className: classnames__default["default"](styles$1d['modal-footer'], (_classNames = {}, _classNames[styles$1d['modal-footer--with-shadow']] = hasScrollBottom, _classNames)),
     "data-testid": testId
   }, React__default["default"].createElement(Inline, {
     justifyContent: "end",
@@ -64015,41 +64079,6 @@ function PrimaryNavContextProvider(_ref) {
   }, children);
 }
 
-var useScrollDetector = function useScrollDetector(contentRef) {
-  var _useState = React.useState(false),
-    hasScroll = _useState[0],
-    setHasScroll = _useState[1];
-  var _useState2 = React.useState(false),
-    isScrolled = _useState2[0],
-    setIsScrolled = _useState2[1];
-  React.useEffect(function () {
-    var element = contentRef.current;
-    if (!element) return;
-    var check = function check() {
-      setHasScroll(element.scrollHeight > element.clientHeight && element.scrollTop + element.clientHeight < element.scrollHeight - 1);
-      setIsScrolled(element.scrollTop > 0);
-    };
-    check();
-    element.addEventListener('scroll', check);
-    var resizeObserver = new ResizeObserver(check);
-    resizeObserver.observe(element);
-    var mutationObserver = new MutationObserver(check);
-    mutationObserver.observe(element, {
-      childList: true,
-      subtree: true
-    });
-    return function () {
-      element.removeEventListener('scroll', check);
-      resizeObserver.disconnect();
-      mutationObserver.disconnect();
-    };
-  }, [contentRef]);
-  return {
-    hasScroll: hasScroll,
-    isScrolled: isScrolled
-  };
-};
-
 var PrimaryNavHeader = function PrimaryNavHeader(_ref) {
   var _classNames;
   var onToggleExpand = _ref.onToggleExpand,
@@ -64063,7 +64092,7 @@ var PrimaryNavHeader = function PrimaryNavHeader(_ref) {
     setIsHoveringNav = _usePrimaryNavContext.setIsHoveringNav,
     setIsFocusWithin = _usePrimaryNavContext.setIsFocusWithin;
   var _useScrollDetector = useScrollDetector(contentRef),
-    isScrolled = _useScrollDetector.isScrolled;
+    hasScrollTop = _useScrollDetector.hasScrollTop;
   var CollapsedLogo = function CollapsedLogo() {
     return shortLogo || React__default["default"].createElement(SevenShiftsShortLogo, null);
   };
@@ -64071,7 +64100,7 @@ var PrimaryNavHeader = function PrimaryNavHeader(_ref) {
     return longLogo || React__default["default"].createElement(SevenShiftsLogo, null);
   };
   return React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$c['primary-nav-header'], (_classNames = {}, _classNames[styles$c['primary-nav-header--collapsed']] = !isOpen, _classNames[styles$c['primary-nav-header--with-shadow']] = isScrolled, _classNames))
+    className: classnames__default["default"](styles$c['primary-nav-header'], (_classNames = {}, _classNames[styles$c['primary-nav-header--collapsed']] = !isOpen, _classNames[styles$c['primary-nav-header--with-shadow']] = hasScrollTop, _classNames))
   }, React__default["default"].createElement(Inline, {
     justifyContent: "space-between",
     alignItems: "center"
@@ -64357,9 +64386,9 @@ var PrimaryNavFooter = function PrimaryNavFooter(_ref) {
   var _usePrimaryNavContext = usePrimaryNavContext(),
     contentRef = _usePrimaryNavContext.contentRef;
   var _useScrollDetector = useScrollDetector(contentRef),
-    hasScroll = _useScrollDetector.hasScroll;
+    hasScrollBottom = _useScrollDetector.hasScrollBottom;
   return React__default["default"].createElement("ul", {
-    className: classnames__default["default"](styles$6['primary-nav-footer'], (_classNames = {}, _classNames[styles$6['primary-nav-footer--with-shadow']] = hasScroll, _classNames))
+    className: classnames__default["default"](styles$6['primary-nav-footer'], (_classNames = {}, _classNames[styles$6['primary-nav-footer--with-shadow']] = hasScrollBottom, _classNames))
   }, children);
 };
 
@@ -64875,6 +64904,7 @@ exports.IconHandshake = IconHandshake;
 exports.IconHatChef = IconHatChef;
 exports.IconHouse = IconHouse;
 exports.IconImage = IconImage;
+exports.IconInfinity = IconInfinity;
 exports.IconInfoCircle = IconInfoCircle;
 exports.IconInputText = IconInputText;
 exports.IconIslandTropical = IconIslandTropical;