@7shifts/sous-chef 3.67.2-beta.2 → 3.68.0

package/dist/index.js

@@ -189,7 +189,7 @@ var kebabize = function kebabize(str) {
   });
 };
 
-var _excluded$2X = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
+var _excluded$2Z = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
 var getPositionProps = function getPositionProps(_ref) {
   var m = _ref.m,
     margin = _ref.margin,
@@ -201,7 +201,7 @@ var getPositionProps = function getPositionProps(_ref) {
     marginBottom = _ref.marginBottom,
     ml = _ref.ml,
     marginLeft = _ref.marginLeft,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2X);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2Z);
   return {
     positionProps: {
       m: m,
@@ -235,7 +235,7 @@ var getDataProps = function getDataProps(props, config) {
   });
 };
 
-var _excluded$2W = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "flexGrow", "testId", "extraClass"];
+var _excluded$2Y = ["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
  */
@@ -260,7 +260,7 @@ var Flex = function Flex(_ref) {
     flexGrow = _ref.flexGrow,
     testId = _ref.testId,
     extraClass = _ref.extraClass,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2W);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2Y);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -291,14 +291,14 @@ var Flex = function Flex(_ref) {
   }));
 };
 
-var _excluded$2V = ["alignItems"];
+var _excluded$2X = ["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$2V);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2X);
   return React__namespace.createElement(Flex, _extends({}, props, {
     alignItems: alignItems,
     direction: "column"
@@ -307,7 +307,7 @@ var Stack = function Stack(_ref) {
 
 var styles$1k = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
 
-var _excluded$2U = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
+var _excluded$2W = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
 /**
  * Used when you want to allow the user to turn some information ON and OFF.
  *
@@ -322,7 +322,7 @@ var Toggle = function Toggle(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     id = _ref.id,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2U);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2W);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   return React__default["default"].createElement(Stack, {
@@ -725,6 +725,7 @@ var TooltipElement = function TooltipElement(_ref, forwardedRef) {
     isFocusingOnAnchor.current = false;
   };
   var openTooltip = function openTooltip() {
+    isFocusingOnTooltip.current = false;
     onAnchorFocusIn();
     if (delayOnOpen) {
       setTimeout(function () {
@@ -849,7 +850,7 @@ var COMPONENT_NAMES = {
   BUTTON: 'BUTTON'
 };
 
-var _excluded$2T = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
+var _excluded$2V = ["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;
@@ -874,7 +875,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$2T);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2V);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -995,14 +996,14 @@ var useIsInsideComponent = function useIsInsideComponent(parentComponentName) {
   return componentName === parentComponentName;
 };
 
-var _excluded$2S = ["testId", "size", "color", "style"];
+var _excluded$2U = ["testId", "size", "color", "style"];
 var IconInfoCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-info-circle' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2S);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2U);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1025,14 +1026,14 @@ var IconInfoCircle = React.forwardRef(function (_ref, ref) {
 });
 IconInfoCircle.displayName = 'IconInfoCircle';
 
-var _excluded$2R = ["testId", "size", "color", "style"];
+var _excluded$2T = ["testId", "size", "color", "style"];
 var IconAnalytics = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-analytics' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2R);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2T);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1055,14 +1056,14 @@ var IconAnalytics = React.forwardRef(function (_ref, ref) {
 });
 IconAnalytics.displayName = 'IconAnalytics';
 
-var _excluded$2Q = ["testId", "size", "color", "style"];
+var _excluded$2S = ["testId", "size", "color", "style"];
 var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-down-wide-short' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2Q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2S);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1083,14 +1084,14 @@ var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDownWideShort.displayName = 'IconArrowDownWideShort';
 
-var _excluded$2P = ["testId", "size", "color", "style"];
+var _excluded$2R = ["testId", "size", "color", "style"];
 var IconArrowDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-down' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2P);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2R);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1113,14 +1114,14 @@ var IconArrowDown = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDown.displayName = 'IconArrowDown';
 
-var _excluded$2O = ["testId", "size", "color", "style"];
+var _excluded$2Q = ["testId", "size", "color", "style"];
 var IconArrowLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-left' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2O);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2Q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1143,14 +1144,14 @@ var IconArrowLeft = React.forwardRef(function (_ref, ref) {
 });
 IconArrowLeft.displayName = 'IconArrowLeft';
 
-var _excluded$2N = ["testId", "size", "color", "style"];
+var _excluded$2P = ["testId", "size", "color", "style"];
 var IconArrowRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-right' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2P);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1173,14 +1174,14 @@ var IconArrowRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowRight.displayName = 'IconArrowRight';
 
-var _excluded$2M = ["testId", "size", "color", "style"];
+var _excluded$2O = ["testId", "size", "color", "style"];
 var IconArrowToTop = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-to-top' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2M);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2O);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1201,14 +1202,14 @@ var IconArrowToTop = React.forwardRef(function (_ref, ref) {
 });
 IconArrowToTop.displayName = 'IconArrowToTop';
 
-var _excluded$2L = ["testId", "size", "color", "style"];
+var _excluded$2N = ["testId", "size", "color", "style"];
 var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-turn-down-right' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2L);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2N);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1237,14 +1238,14 @@ var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowTurnDownRight.displayName = 'IconArrowTurnDownRight';
 
-var _excluded$2K = ["testId", "size", "color", "style"];
+var _excluded$2M = ["testId", "size", "color", "style"];
 var IconArrowUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-up' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2M);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1267,14 +1268,14 @@ var IconArrowUp = React.forwardRef(function (_ref, ref) {
 });
 IconArrowUp.displayName = 'IconArrowUp';
 
-var _excluded$2J = ["testId", "size", "color", "style"];
+var _excluded$2L = ["testId", "size", "color", "style"];
 var IconAward = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-award' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2L);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1297,14 +1298,14 @@ var IconAward = React.forwardRef(function (_ref, ref) {
 });
 IconAward.displayName = 'IconAward';
 
-var _excluded$2I = ["testId", "size", "color", "style"];
+var _excluded$2K = ["testId", "size", "color", "style"];
 var IconAwfulMonochromatic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-awful-monochromatic' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1357,14 +1358,14 @@ var IconAwfulMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconAwfulMonochromatic.displayName = 'IconAwfulMonochromatic';
 
-var _excluded$2H = ["testId", "size", "color", "style"];
+var _excluded$2J = ["testId", "size", "color", "style"];
 var IconAwful = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-awful' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1405,14 +1406,14 @@ var IconAwful = React.forwardRef(function (_ref, ref) {
 });
 IconAwful.displayName = 'IconAwful';
 
-var _excluded$2G = ["testId", "size", "color", "style"];
+var _excluded$2I = ["testId", "size", "color", "style"];
 var IconBadMonochromatic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bad-monochromatic' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1451,14 +1452,14 @@ var IconBadMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconBadMonochromatic.displayName = 'IconBadMonochromatic';
 
-var _excluded$2F = ["testId", "size", "color", "style"];
+var _excluded$2H = ["testId", "size", "color", "style"];
 var IconBad = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bad' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1485,14 +1486,14 @@ var IconBad = React.forwardRef(function (_ref, ref) {
 });
 IconBad.displayName = 'IconBad';
 
-var _excluded$2E = ["testId", "size", "color", "style"];
+var _excluded$2G = ["testId", "size", "color", "style"];
 var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-balance-scale-left' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1520,14 +1521,14 @@ var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
 
-var _excluded$2D = ["testId", "size", "color", "style"];
+var _excluded$2F = ["testId", "size", "color", "style"];
 var IconBalanceScale = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-balance-scale' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1555,14 +1556,14 @@ var IconBalanceScale = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
 
-var _excluded$2C = ["testId", "size", "color", "style"];
+var _excluded$2E = ["testId", "size", "color", "style"];
 var IconBan = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-ban' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1583,14 +1584,14 @@ var IconBan = React.forwardRef(function (_ref, ref) {
 });
 IconBan.displayName = 'IconBan';
 
-var _excluded$2B = ["testId", "size", "color", "style"];
+var _excluded$2D = ["testId", "size", "color", "style"];
 var IconBarsH = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bars-h' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1613,14 +1614,14 @@ var IconBarsH = React.forwardRef(function (_ref, ref) {
 });
 IconBarsH.displayName = 'IconBarsH';
 
-var _excluded$2A = ["testId", "size", "color", "style"];
+var _excluded$2C = ["testId", "size", "color", "style"];
 var IconBarsV = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bars-v' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1641,14 +1642,14 @@ var IconBarsV = React.forwardRef(function (_ref, ref) {
 });
 IconBarsV.displayName = 'IconBarsV';
 
-var _excluded$2z = ["testId", "size", "color", "style"];
+var _excluded$2B = ["testId", "size", "color", "style"];
 var IconBell = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bell' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1671,14 +1672,14 @@ var IconBell = React.forwardRef(function (_ref, ref) {
 });
 IconBell.displayName = 'IconBell';
 
-var _excluded$2y = ["testId", "size", "color", "style"];
+var _excluded$2A = ["testId", "size", "color", "style"];
 var IconBirthdayCake = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-birthday-cake' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1699,14 +1700,14 @@ var IconBirthdayCake = React.forwardRef(function (_ref, ref) {
 });
 IconBirthdayCake.displayName = 'IconBirthdayCake';
 
-var _excluded$2x = ["testId", "size", "color", "style"];
+var _excluded$2z = ["testId", "size", "color", "style"];
 var IconBold = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bold' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1727,14 +1728,14 @@ var IconBold = React.forwardRef(function (_ref, ref) {
 });
 IconBold.displayName = 'IconBold';
 
-var _excluded$2w = ["testId", "size", "color", "style"];
+var _excluded$2y = ["testId", "size", "color", "style"];
 var IconBolt = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bolt' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1762,14 +1763,14 @@ var IconBolt = React.forwardRef(function (_ref, ref) {
 });
 IconBolt.displayName = 'IconBolt';
 
-var _excluded$2v = ["testId", "size", "color", "style"];
+var _excluded$2x = ["testId", "size", "color", "style"];
 var IconBook = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-book' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1792,14 +1793,14 @@ var IconBook = React.forwardRef(function (_ref, ref) {
 });
 IconBook.displayName = 'IconBook';
 
-var _excluded$2u = ["testId", "size", "color", "style"];
+var _excluded$2w = ["testId", "size", "color", "style"];
 var IconBriefcase = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-briefcase' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1820,14 +1821,14 @@ var IconBriefcase = React.forwardRef(function (_ref, ref) {
 });
 IconBriefcase.displayName = 'IconBriefcase';
 
-var _excluded$2t = ["testId", "size", "color", "style"];
+var _excluded$2v = ["testId", "size", "color", "style"];
 var IconBullseyeArrow = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bullseye-arrow' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1850,14 +1851,14 @@ var IconBullseyeArrow = React.forwardRef(function (_ref, ref) {
 });
 IconBullseyeArrow.displayName = 'IconBullseyeArrow';
 
-var _excluded$2s = ["testId", "size", "color", "style"];
+var _excluded$2u = ["testId", "size", "color", "style"];
 var IconCalculator = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calculator' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1880,14 +1881,14 @@ var IconCalculator = React.forwardRef(function (_ref, ref) {
 });
 IconCalculator.displayName = 'IconCalculator';
 
-var _excluded$2r = ["testId", "size", "color", "style"];
+var _excluded$2t = ["testId", "size", "color", "style"];
 var IconCalendarAlt = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-alt' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1910,14 +1911,14 @@ var IconCalendarAlt = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarAlt.displayName = 'IconCalendarAlt';
 
-var _excluded$2q = ["testId", "size", "color", "style"];
+var _excluded$2s = ["testId", "size", "color", "style"];
 var IconCalendarCheck = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-check' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1940,14 +1941,14 @@ var IconCalendarCheck = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarCheck.displayName = 'IconCalendarCheck';
 
-var _excluded$2p = ["testId", "size", "color", "style"];
+var _excluded$2r = ["testId", "size", "color", "style"];
 var IconCalendarDay = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-day' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1975,14 +1976,14 @@ var IconCalendarDay = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarDay.displayName = 'IconCalendarDay';
 
-var _excluded$2o = ["testId", "size", "color", "style"];
+var _excluded$2q = ["testId", "size", "color", "style"];
 var IconCalendarExclamation = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-exclamation' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2003,14 +2004,14 @@ var IconCalendarExclamation = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarExclamation.displayName = 'IconCalendarExclamation';
 
-var _excluded$2n = ["testId", "size", "color", "style"];
+var _excluded$2p = ["testId", "size", "color", "style"];
 var IconCalendarStar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-star' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2031,14 +2032,14 @@ var IconCalendarStar = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarStar.displayName = 'IconCalendarStar';
 
-var _excluded$2m = ["testId", "size", "color", "style"];
+var _excluded$2o = ["testId", "size", "color", "style"];
 var IconCalendarTomorrow = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-tomorrow' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2068,14 +2069,14 @@ var IconCalendarTomorrow = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarTomorrow.displayName = 'IconCalendarTomorrow';
 
-var _excluded$2l = ["testId", "size", "color", "style"];
+var _excluded$2n = ["testId", "size", "color", "style"];
 var IconCalendar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2098,14 +2099,14 @@ var IconCalendar = React.forwardRef(function (_ref, ref) {
 });
 IconCalendar.displayName = 'IconCalendar';
 
-var _excluded$2k = ["testId", "size", "color", "style"];
+var _excluded$2m = ["testId", "size", "color", "style"];
 var IconCameraSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-camera-slash' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2129,14 +2130,14 @@ var IconCameraSlash = React.forwardRef(function (_ref, ref) {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
 
-var _excluded$2j = ["testId", "size", "color", "style"];
+var _excluded$2l = ["testId", "size", "color", "style"];
 var IconCamera = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-camera' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2157,14 +2158,14 @@ var IconCamera = React.forwardRef(function (_ref, ref) {
 });
 IconCamera.displayName = 'IconCamera';
 
-var _excluded$2i = ["testId", "size", "color", "style"];
+var _excluded$2k = ["testId", "size", "color", "style"];
 var IconCashRegister = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-cash-register' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2185,14 +2186,14 @@ var IconCashRegister = React.forwardRef(function (_ref, ref) {
 });
 IconCashRegister.displayName = 'IconCashRegister';
 
-var _excluded$2h = ["testId", "size", "color", "style"];
+var _excluded$2j = ["testId", "size", "color", "style"];
 var IconChartBar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chart-bar' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2215,14 +2216,14 @@ var IconChartBar = React.forwardRef(function (_ref, ref) {
 });
 IconChartBar.displayName = 'IconChartBar';
 
-var _excluded$2g = ["testId", "size", "color", "style"];
+var _excluded$2i = ["testId", "size", "color", "style"];
 var IconCheckCircleIncomplete = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-check-circle-incomplete' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2243,14 +2244,14 @@ var IconCheckCircleIncomplete = React.forwardRef(function (_ref, ref) {
 });
 IconCheckCircleIncomplete.displayName = 'IconCheckCircleIncomplete';
 
-var _excluded$2f = ["testId", "size", "color", "style"];
+var _excluded$2h = ["testId", "size", "color", "style"];
 var IconCheck = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-check' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2273,14 +2274,14 @@ var IconCheck = React.forwardRef(function (_ref, ref) {
 });
 IconCheck.displayName = 'IconCheck';
 
-var _excluded$2e = ["testId", "size", "color", "style"];
+var _excluded$2g = ["testId", "size", "color", "style"];
 var IconChevronDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-down' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2303,14 +2304,14 @@ var IconChevronDown = React.forwardRef(function (_ref, ref) {
 });
 IconChevronDown.displayName = 'IconChevronDown';
 
-var _excluded$2d = ["testId", "size", "color", "style"];
+var _excluded$2f = ["testId", "size", "color", "style"];
 var IconChevronLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-left' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2333,14 +2334,14 @@ var IconChevronLeft = React.forwardRef(function (_ref, ref) {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
 
-var _excluded$2c = ["testId", "size", "color", "style"];
+var _excluded$2e = ["testId", "size", "color", "style"];
 var IconChevronRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-right' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2363,14 +2364,14 @@ var IconChevronRight = React.forwardRef(function (_ref, ref) {
 });
 IconChevronRight.displayName = 'IconChevronRight';
 
-var _excluded$2b = ["testId", "size", "color", "style"];
+var _excluded$2d = ["testId", "size", "color", "style"];
 var IconChevronUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-up' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2393,14 +2394,14 @@ var IconChevronUp = React.forwardRef(function (_ref, ref) {
 });
 IconChevronUp.displayName = 'IconChevronUp';
 
-var _excluded$2a = ["testId", "size", "color", "style"];
+var _excluded$2c = ["testId", "size", "color", "style"];
 var IconClipboardList = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-clipboard-list' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2423,14 +2424,14 @@ var IconClipboardList = React.forwardRef(function (_ref, ref) {
 });
 IconClipboardList.displayName = 'IconClipboardList';
 
-var _excluded$29 = ["testId", "size", "color", "style"];
+var _excluded$2b = ["testId", "size", "color", "style"];
 var IconClockExclamation = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-clock-exclamation' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2458,14 +2459,14 @@ var IconClockExclamation = React.forwardRef(function (_ref, ref) {
 });
 IconClockExclamation.displayName = 'IconClockExclamation';
 
-var _excluded$28 = ["testId", "size", "color", "style"];
+var _excluded$2a = ["testId", "size", "color", "style"];
 var IconClockRewind = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-clock-rewind' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2493,14 +2494,14 @@ var IconClockRewind = React.forwardRef(function (_ref, ref) {
 });
 IconClockRewind.displayName = 'IconClockRewind';
 
-var _excluded$27 = ["testId", "size", "color", "style"];
+var _excluded$29 = ["testId", "size", "color", "style"];
 var IconClock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-clock' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2521,14 +2522,14 @@ var IconClock = React.forwardRef(function (_ref, ref) {
 });
 IconClock.displayName = 'IconClock';
 
-var _excluded$26 = ["testId", "size", "color", "style"];
+var _excluded$28 = ["testId", "size", "color", "style"];
 var IconCog = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-cog' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2549,14 +2550,14 @@ var IconCog = React.forwardRef(function (_ref, ref) {
 });
 IconCog.displayName = 'IconCog';
 
-var _excluded$25 = ["testId", "size", "color", "style"];
+var _excluded$27 = ["testId", "size", "color", "style"];
 var IconCommentLines = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment-lines' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2582,14 +2583,14 @@ var IconCommentLines = React.forwardRef(function (_ref, ref) {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-var _excluded$24 = ["testId", "size", "color", "style"];
+var _excluded$26 = ["testId", "size", "color", "style"];
 var IconComment = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2612,14 +2613,14 @@ var IconComment = React.forwardRef(function (_ref, ref) {
 });
 IconComment.displayName = 'IconComment';
 
-var _excluded$23 = ["testId", "size", "color", "style"];
+var _excluded$25 = ["testId", "size", "color", "style"];
 var IconCopy = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-copy' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2647,14 +2648,14 @@ var IconCopy = React.forwardRef(function (_ref, ref) {
 });
 IconCopy.displayName = 'IconCopy';
 
-var _excluded$22 = ["testId", "size", "color", "style"];
+var _excluded$24 = ["testId", "size", "color", "style"];
 var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card-plus' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2684,14 +2685,14 @@ var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-var _excluded$21 = ["testId", "size", "color", "style"];
+var _excluded$23 = ["testId", "size", "color", "style"];
 var IconCreditCard = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2719,14 +2720,14 @@ var IconCreditCard = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-var _excluded$20 = ["testId", "size", "color", "style"];
+var _excluded$22 = ["testId", "size", "color", "style"];
 var IconDecentMonochromatic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-decent-monochromatic' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2769,14 +2770,14 @@ var IconDecentMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconDecentMonochromatic.displayName = 'IconDecentMonochromatic';
 
-var _excluded$1$ = ["testId", "size", "color", "style"];
+var _excluded$21 = ["testId", "size", "color", "style"];
 var IconDecent = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-decent' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2807,14 +2808,14 @@ var IconDecent = React.forwardRef(function (_ref, ref) {
 });
 IconDecent.displayName = 'IconDecent';
 
-var _excluded$1_ = ["testId", "size", "color", "style"];
+var _excluded$20 = ["testId", "size", "color", "style"];
 var IconDollarSign = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-dollar-sign' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2835,14 +2836,14 @@ var IconDollarSign = React.forwardRef(function (_ref, ref) {
 });
 IconDollarSign.displayName = 'IconDollarSign';
 
-var _excluded$1Z = ["testId", "size", "color", "style"];
+var _excluded$1$ = ["testId", "size", "color", "style"];
 var IconDownload = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-download' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2865,14 +2866,14 @@ var IconDownload = React.forwardRef(function (_ref, ref) {
 });
 IconDownload.displayName = 'IconDownload';
 
-var _excluded$1Y = ["testId", "size", "color", "style"];
+var _excluded$1_ = ["testId", "size", "color", "style"];
 var IconEdit = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-edit' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2893,14 +2894,14 @@ var IconEdit = React.forwardRef(function (_ref, ref) {
 });
 IconEdit.displayName = 'IconEdit';
 
-var _excluded$1X = ["testId", "size", "color", "style"];
+var _excluded$1Z = ["testId", "size", "color", "style"];
 var IconEllipsisV = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-ellipsis-v' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1X);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2923,14 +2924,14 @@ var IconEllipsisV = React.forwardRef(function (_ref, ref) {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
 
-var _excluded$1W = ["testId", "size", "color", "style"];
+var _excluded$1Y = ["testId", "size", "color", "style"];
 var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope-open-dollar' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2958,14 +2959,14 @@ var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelopeOpenDollar.displayName = 'IconEnvelopeOpenDollar';
 
-var _excluded$1V = ["testId", "size", "color", "style"];
+var _excluded$1X = ["testId", "size", "color", "style"];
 var IconEnvelope = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1X);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2986,14 +2987,14 @@ var IconEnvelope = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-var _excluded$1U = ["testId", "size", "color", "style"];
+var _excluded$1W = ["testId", "size", "color", "style"];
 var IconExclaimationTriangle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-exclaimation-triangle' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1U);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3016,14 +3017,14 @@ var IconExclaimationTriangle = React.forwardRef(function (_ref, ref) {
 });
 IconExclaimationTriangle.displayName = 'IconExclaimationTriangle';
 
-var _excluded$1T = ["testId", "size", "color", "style"];
+var _excluded$1V = ["testId", "size", "color", "style"];
 var IconExclaimation = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-exclaimation' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1T);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3044,14 +3045,14 @@ var IconExclaimation = React.forwardRef(function (_ref, ref) {
 });
 IconExclaimation.displayName = 'IconExclaimation';
 
-var _excluded$1S = ["testId", "size", "color", "style"];
+var _excluded$1U = ["testId", "size", "color", "style"];
 var IconExpand = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-expand' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1S);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1U);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3072,14 +3073,14 @@ var IconExpand = React.forwardRef(function (_ref, ref) {
 });
 IconExpand.displayName = 'IconExpand';
 
-var _excluded$1R = ["testId", "size", "color", "style"];
+var _excluded$1T = ["testId", "size", "color", "style"];
 var IconExternalLink = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-external-link' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1R);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1T);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3102,14 +3103,14 @@ var IconExternalLink = React.forwardRef(function (_ref, ref) {
 });
 IconExternalLink.displayName = 'IconExternalLink';
 
-var _excluded$1Q = ["testId", "size", "color", "style"];
+var _excluded$1S = ["testId", "size", "color", "style"];
 var IconEyeSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-eye-slash' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1S);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3144,14 +3145,14 @@ var IconEyeSlash = React.forwardRef(function (_ref, ref) {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
 
-var _excluded$1P = ["testId", "size", "color", "style"];
+var _excluded$1R = ["testId", "size", "color", "style"];
 var IconEye = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-eye' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1R);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3179,14 +3180,14 @@ var IconEye = React.forwardRef(function (_ref, ref) {
 });
 IconEye.displayName = 'IconEye';
 
-var _excluded$1O = ["testId", "size", "color", "style"];
+var _excluded$1Q = ["testId", "size", "color", "style"];
 var IconFaceSmileRelaxed = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-face-smile-relaxed' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1O);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3214,14 +3215,14 @@ var IconFaceSmileRelaxed = React.forwardRef(function (_ref, ref) {
 });
 IconFaceSmileRelaxed.displayName = 'IconFaceSmileRelaxed';
 
-var _excluded$1N = ["testId", "size", "color", "style"];
+var _excluded$1P = ["testId", "size", "color", "style"];
 var IconFilePdf = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-file-pdf' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3249,14 +3250,14 @@ var IconFilePdf = React.forwardRef(function (_ref, ref) {
 });
 IconFilePdf.displayName = 'IconFilePdf';
 
-var _excluded$1M = ["testId", "size", "color", "style"];
+var _excluded$1O = ["testId", "size", "color", "style"];
 var IconFile = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-file' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1M);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1O);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3284,14 +3285,14 @@ var IconFile = React.forwardRef(function (_ref, ref) {
 });
 IconFile.displayName = 'IconFile';
 
-var _excluded$1L = ["testId", "size", "color", "style"];
+var _excluded$1N = ["testId", "size", "color", "style"];
 var IconFlag = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-flag' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1L);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1N);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3319,14 +3320,14 @@ var IconFlag = React.forwardRef(function (_ref, ref) {
 });
 IconFlag.displayName = 'IconFlag';
 
-var _excluded$1K = ["testId", "size", "color", "style"];
+var _excluded$1M = ["testId", "size", "color", "style"];
 var IconFourDotsCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-four-dots-circle' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1M);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3349,14 +3350,14 @@ var IconFourDotsCircle = React.forwardRef(function (_ref, ref) {
 });
 IconFourDotsCircle.displayName = 'IconFourDotsCircle';
 
-var _excluded$1J = ["testId", "size", "color", "style"];
+var _excluded$1L = ["testId", "size", "color", "style"];
 var IconFourSquares = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-four-squares' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1J);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1L);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3402,14 +3403,14 @@ var IconFourSquares = React.forwardRef(function (_ref, ref) {
 });
 IconFourSquares.displayName = 'IconFourSquares';
 
-var _excluded$1I = ["testId", "size", "color", "style"];
+var _excluded$1K = ["testId", "size", "color", "style"];
 var IconGavel = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gavel' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3430,14 +3431,14 @@ var IconGavel = React.forwardRef(function (_ref, ref) {
 });
 IconGavel.displayName = 'IconGavel';
 
-var _excluded$1H = ["testId", "size", "color", "style"];
+var _excluded$1J = ["testId", "size", "color", "style"];
 var IconGif = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gif' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1J);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3462,14 +3463,14 @@ var IconGif = React.forwardRef(function (_ref, ref) {
 });
 IconGif.displayName = 'IconGif';
 
-var _excluded$1G = ["testId", "size", "color", "style"];
+var _excluded$1I = ["testId", "size", "color", "style"];
 var IconGift = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gift' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1I);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3490,14 +3491,14 @@ var IconGift = React.forwardRef(function (_ref, ref) {
 });
 IconGift.displayName = 'IconGift';
 
-var _excluded$1F = ["testId", "size", "color", "style"];
+var _excluded$1H = ["testId", "size", "color", "style"];
 var IconGoodMonochromatic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-good-monochromatic' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1H);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3536,14 +3537,14 @@ var IconGoodMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconGoodMonochromatic.displayName = 'IconGoodMonochromatic';
 
-var _excluded$1E = ["testId", "size", "color", "style"];
+var _excluded$1G = ["testId", "size", "color", "style"];
 var IconGood = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-good' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1G);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3570,14 +3571,14 @@ var IconGood = React.forwardRef(function (_ref, ref) {
 });
 IconGood.displayName = 'IconGood';
 
-var _excluded$1D = ["testId", "size", "color", "style"];
+var _excluded$1F = ["testId", "size", "color", "style"];
 var IconGreatMonochromatic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-great-monochromatic' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1F);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3618,14 +3619,14 @@ var IconGreatMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
 
-var _excluded$1C = ["testId", "size", "color", "style"];
+var _excluded$1E = ["testId", "size", "color", "style"];
 var IconGreat = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-great' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1E);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3654,14 +3655,14 @@ var IconGreat = React.forwardRef(function (_ref, ref) {
 });
 IconGreat.displayName = 'IconGreat';
 
-var _excluded$1B = ["testId", "size", "color", "style"];
+var _excluded$1D = ["testId", "size", "color", "style"];
 var IconGrinBeam = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-grin-beam' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1D);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3682,14 +3683,14 @@ var IconGrinBeam = React.forwardRef(function (_ref, ref) {
 });
 IconGrinBeam.displayName = 'IconGrinBeam';
 
-var _excluded$1A = ["testId", "size", "color", "style"];
+var _excluded$1C = ["testId", "size", "color", "style"];
 var IconGripVertical = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-grip-vertical' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1C);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3737,14 +3738,14 @@ var IconGripVertical = React.forwardRef(function (_ref, ref) {
 });
 IconGripVertical.displayName = 'IconGripVertical';
 
-var _excluded$1z = ["testId", "size", "color", "style"];
+var _excluded$1B = ["testId", "size", "color", "style"];
 var IconHandHoldingDollar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hand-holding-dollar' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1B);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3772,14 +3773,14 @@ var IconHandHoldingDollar = React.forwardRef(function (_ref, ref) {
 });
 IconHandHoldingDollar.displayName = 'IconHandHoldingDollar';
 
-var _excluded$1y = ["testId", "size", "color", "style"];
+var _excluded$1A = ["testId", "size", "color", "style"];
 var IconHandPointRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hand-point-right' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1A);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3800,14 +3801,14 @@ var IconHandPointRight = React.forwardRef(function (_ref, ref) {
 });
 IconHandPointRight.displayName = 'IconHandPointRight';
 
-var _excluded$1x = ["testId", "size", "color", "style"];
+var _excluded$1z = ["testId", "size", "color", "style"];
 var IconHandshake = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-handshake' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3835,14 +3836,14 @@ var IconHandshake = React.forwardRef(function (_ref, ref) {
 });
 IconHandshake.displayName = 'IconHandshake';
 
-var _excluded$1w = ["testId", "size", "color", "style"];
+var _excluded$1y = ["testId", "size", "color", "style"];
 var IconHatChef = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hat-chef' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3863,14 +3864,14 @@ var IconHatChef = React.forwardRef(function (_ref, ref) {
 });
 IconHatChef.displayName = 'IconHatChef';
 
-var _excluded$1v = ["testId", "size", "color", "style"];
+var _excluded$1x = ["testId", "size", "color", "style"];
 var IconImage = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-image' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1x);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3898,14 +3899,14 @@ var IconImage = React.forwardRef(function (_ref, ref) {
 });
 IconImage.displayName = 'IconImage';
 
-var _excluded$1u = ["testId", "size", "color", "style"];
+var _excluded$1w = ["testId", "size", "color", "style"];
 var IconIslandTropical = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-island-tropical' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1w);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3928,14 +3929,14 @@ var IconIslandTropical = React.forwardRef(function (_ref, ref) {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
 
-var _excluded$1t = ["testId", "size", "color", "style"];
+var _excluded$1v = ["testId", "size", "color", "style"];
 var IconItalic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-italic' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3956,14 +3957,14 @@ var IconItalic = React.forwardRef(function (_ref, ref) {
 });
 IconItalic.displayName = 'IconItalic';
 
-var _excluded$1s = ["testId", "size", "color", "style"];
+var _excluded$1u = ["testId", "size", "color", "style"];
 var IconLaptopSearch = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-laptop-search' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1u);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3993,14 +3994,14 @@ var IconLaptopSearch = React.forwardRef(function (_ref, ref) {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
 
-var _excluded$1r = ["testId", "size", "color", "style"];
+var _excluded$1t = ["testId", "size", "color", "style"];
 var IconLink = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-link' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1t);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4028,14 +4029,14 @@ var IconLink = React.forwardRef(function (_ref, ref) {
 });
 IconLink.displayName = 'IconLink';
 
-var _excluded$1q = ["testId", "size", "color", "style"];
+var _excluded$1s = ["testId", "size", "color", "style"];
 var IconListOI = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-list-o-i' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4063,14 +4064,14 @@ var IconListOI = React.forwardRef(function (_ref, ref) {
 });
 IconListOI.displayName = 'IconListOI';
 
-var _excluded$1p = ["testId", "size", "color", "style"];
+var _excluded$1r = ["testId", "size", "color", "style"];
 var IconList = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-list' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4091,14 +4092,14 @@ var IconList = React.forwardRef(function (_ref, ref) {
 });
 IconList.displayName = 'IconList';
 
-var _excluded$1o = ["testId", "size", "color", "style"];
+var _excluded$1q = ["testId", "size", "color", "style"];
 var IconLock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-lock' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4119,14 +4120,14 @@ var IconLock = React.forwardRef(function (_ref, ref) {
 });
 IconLock.displayName = 'IconLock';
 
-var _excluded$1n = ["testId", "size", "color", "style"];
+var _excluded$1p = ["testId", "size", "color", "style"];
 var IconMagicSolid = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-magic-solid' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4149,14 +4150,14 @@ var IconMagicSolid = React.forwardRef(function (_ref, ref) {
 });
 IconMagicSolid.displayName = 'IconMagicSolid';
 
-var _excluded$1m = ["testId", "size", "color", "style"];
+var _excluded$1o = ["testId", "size", "color", "style"];
 var IconMapMarker = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-map-marker' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4179,14 +4180,14 @@ var IconMapMarker = React.forwardRef(function (_ref, ref) {
 });
 IconMapMarker.displayName = 'IconMapMarker';
 
-var _excluded$1l = ["testId", "size", "color", "style"];
+var _excluded$1n = ["testId", "size", "color", "style"];
 var IconMedal = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-medal' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4214,14 +4215,14 @@ var IconMedal = React.forwardRef(function (_ref, ref) {
 });
 IconMedal.displayName = 'IconMedal';
 
-var _excluded$1k = ["testId", "size", "color", "style"];
+var _excluded$1m = ["testId", "size", "color", "style"];
 var IconMegaphone = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-megaphone' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4244,14 +4245,14 @@ var IconMegaphone = React.forwardRef(function (_ref, ref) {
 });
 IconMegaphone.displayName = 'IconMegaphone';
 
-var _excluded$1j = ["testId", "size", "color", "style"];
+var _excluded$1l = ["testId", "size", "color", "style"];
 var IconMessages = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-messages' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4272,14 +4273,14 @@ var IconMessages = React.forwardRef(function (_ref, ref) {
 });
 IconMessages.displayName = 'IconMessages';
 
-var _excluded$1i = ["testId", "size", "color", "style"];
+var _excluded$1k = ["testId", "size", "color", "style"];
 var IconMinusCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-minus-circle' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4300,14 +4301,14 @@ var IconMinusCircle = React.forwardRef(function (_ref, ref) {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
 
-var _excluded$1h = ["testId", "size", "color", "style"];
+var _excluded$1j = ["testId", "size", "color", "style"];
 var IconMinus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-minus' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4328,14 +4329,14 @@ var IconMinus = React.forwardRef(function (_ref, ref) {
 });
 IconMinus.displayName = 'IconMinus';
 
-var _excluded$1g = ["testId", "size", "color", "style"];
+var _excluded$1i = ["testId", "size", "color", "style"];
 var IconMoneyBill = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-money-bill' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4356,14 +4357,14 @@ var IconMoneyBill = React.forwardRef(function (_ref, ref) {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-var _excluded$1f = ["testId", "size", "color", "style"];
+var _excluded$1h = ["testId", "size", "color", "style"];
 var IconMugSaucerSolid = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-mug-saucer-solid' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4384,14 +4385,14 @@ var IconMugSaucerSolid = React.forwardRef(function (_ref, ref) {
 });
 IconMugSaucerSolid.displayName = 'IconMugSaucerSolid';
 
-var _excluded$1e = ["testId", "size", "color", "style"];
+var _excluded$1g = ["testId", "size", "color", "style"];
 var IconNotesMedical = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-notes-medical' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4412,14 +4413,14 @@ var IconNotesMedical = React.forwardRef(function (_ref, ref) {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
 
-var _excluded$1d = ["testId", "size", "color", "style"];
+var _excluded$1f = ["testId", "size", "color", "style"];
 var IconOvertime = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-overtime' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1f);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4447,14 +4448,14 @@ var IconOvertime = React.forwardRef(function (_ref, ref) {
 });
 IconOvertime.displayName = 'IconOvertime';
 
-var _excluded$1c = ["testId", "size", "color", "style"];
+var _excluded$1e = ["testId", "size", "color", "style"];
 var IconPaperPlaneClock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paper-plane-clock' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4486,14 +4487,14 @@ var IconPaperPlaneClock = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
 
-var _excluded$1b = ["testId", "size", "color", "style"];
+var _excluded$1d = ["testId", "size", "color", "style"];
 var IconPaperPlane = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paper-plane' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1d);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4516,14 +4517,14 @@ var IconPaperPlane = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
 
-var _excluded$1a = ["testId", "size", "color", "style"];
+var _excluded$1c = ["testId", "size", "color", "style"];
 var IconPaperclip = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paperclip' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4551,14 +4552,14 @@ var IconPaperclip = React.forwardRef(function (_ref, ref) {
 });
 IconPaperclip.displayName = 'IconPaperclip';
 
-var _excluded$19 = ["testId", "size", "color", "style"];
+var _excluded$1b = ["testId", "size", "color", "style"];
 var IconPencil = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-pencil' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$19);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1b);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4581,14 +4582,14 @@ var IconPencil = React.forwardRef(function (_ref, ref) {
 });
 IconPencil.displayName = 'IconPencil';
 
-var _excluded$18 = ["testId", "size", "color", "style"];
+var _excluded$1a = ["testId", "size", "color", "style"];
 var IconPercentage = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-percentage' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4609,14 +4610,14 @@ var IconPercentage = React.forwardRef(function (_ref, ref) {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-var _excluded$17 = ["testId", "size", "color", "style"];
+var _excluded$19 = ["testId", "size", "color", "style"];
 var IconPhone = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-phone' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$17);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$19);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4637,14 +4638,14 @@ var IconPhone = React.forwardRef(function (_ref, ref) {
 });
 IconPhone.displayName = 'IconPhone';
 
-var _excluded$16 = ["testId", "size", "color", "style"];
+var _excluded$18 = ["testId", "size", "color", "style"];
 var IconPlateUtensils = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plate-utensils' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$16);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4665,14 +4666,14 @@ var IconPlateUtensils = React.forwardRef(function (_ref, ref) {
 });
 IconPlateUtensils.displayName = 'IconPlateUtensils';
 
-var _excluded$15 = ["testId", "size", "color", "style"];
+var _excluded$17 = ["testId", "size", "color", "style"];
 var IconPlug = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plug' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$15);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$17);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4695,14 +4696,14 @@ var IconPlug = React.forwardRef(function (_ref, ref) {
 });
 IconPlug.displayName = 'IconPlug';
 
-var _excluded$14 = ["testId", "size", "color", "style"];
+var _excluded$16 = ["testId", "size", "color", "style"];
 var IconPlus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plus' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$14);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$16);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4725,14 +4726,14 @@ var IconPlus = React.forwardRef(function (_ref, ref) {
 });
 IconPlus.displayName = 'IconPlus';
 
-var _excluded$13 = ["testId", "size", "color", "style"];
+var _excluded$15 = ["testId", "size", "color", "style"];
 var IconPrint = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-print' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$13);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$15);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4755,14 +4756,14 @@ var IconPrint = React.forwardRef(function (_ref, ref) {
 });
 IconPrint.displayName = 'IconPrint';
 
-var _excluded$12 = ["testId", "size", "color", "style"];
+var _excluded$14 = ["testId", "size", "color", "style"];
 var IconQuestionCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-question-circle' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$12);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$14);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4783,14 +4784,14 @@ var IconQuestionCircle = React.forwardRef(function (_ref, ref) {
 });
 IconQuestionCircle.displayName = 'IconQuestionCircle';
 
-var _excluded$11 = ["testId", "size", "color", "style"];
+var _excluded$13 = ["testId", "size", "color", "style"];
 var IconRepeat = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-repeat' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$11);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$13);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4811,14 +4812,14 @@ var IconRepeat = React.forwardRef(function (_ref, ref) {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-var _excluded$10 = ["testId", "size", "color", "style"];
+var _excluded$12 = ["testId", "size", "color", "style"];
 var IconReply = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-reply' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$10);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$12);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4839,14 +4840,14 @@ var IconReply = React.forwardRef(function (_ref, ref) {
 });
 IconReply.displayName = 'IconReply';
 
-var _excluded$$ = ["testId", "size", "color", "style"];
+var _excluded$11 = ["testId", "size", "color", "style"];
 var IconRocket = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-rocket' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$11);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4867,14 +4868,14 @@ var IconRocket = React.forwardRef(function (_ref, ref) {
 });
 IconRocket.displayName = 'IconRocket';
 
-var _excluded$_ = ["testId", "size", "color", "style"];
+var _excluded$10 = ["testId", "size", "color", "style"];
 var IconSearch = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-search' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$10);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4897,14 +4898,14 @@ var IconSearch = React.forwardRef(function (_ref, ref) {
 });
 IconSearch.displayName = 'IconSearch';
 
-var _excluded$Z = ["testId", "size", "color", "style"];
+var _excluded$$ = ["testId", "size", "color", "style"];
 var IconSignOut = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sign-out' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4925,14 +4926,14 @@ var IconSignOut = React.forwardRef(function (_ref, ref) {
 });
 IconSignOut.displayName = 'IconSignOut';
 
-var _excluded$Y = ["testId", "size", "color", "style"];
+var _excluded$_ = ["testId", "size", "color", "style"];
 var IconSitemap = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sitemap' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$Y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4955,14 +4956,14 @@ var IconSitemap = React.forwardRef(function (_ref, ref) {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-var _excluded$X = ["testId", "size", "color", "style"];
+var _excluded$Z = ["testId", "size", "color", "style"];
 var IconSlidersH = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sliders-h' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$X);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4990,14 +4991,14 @@ var IconSlidersH = React.forwardRef(function (_ref, ref) {
 });
 IconSlidersH.displayName = 'IconSlidersH';
 
-var _excluded$W = ["testId", "size", "color", "style"];
+var _excluded$Y = ["testId", "size", "color", "style"];
 var IconSort = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sort' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5018,14 +5019,14 @@ var IconSort = React.forwardRef(function (_ref, ref) {
 });
 IconSort.displayName = 'IconSort';
 
-var _excluded$V = ["testId", "size", "color", "style"];
+var _excluded$X = ["testId", "size", "color", "style"];
 var IconStarSolid = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-star-solid' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$V);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$X);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5046,14 +5047,14 @@ var IconStarSolid = React.forwardRef(function (_ref, ref) {
 });
 IconStarSolid.displayName = 'IconStarSolid';
 
-var _excluded$U = ["testId", "size", "color", "style"];
+var _excluded$W = ["testId", "size", "color", "style"];
 var IconStar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-star' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$U);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5074,14 +5075,14 @@ var IconStar = React.forwardRef(function (_ref, ref) {
 });
 IconStar.displayName = 'IconStar';
 
-var _excluded$T = ["testId", "size", "color", "style"];
+var _excluded$V = ["testId", "size", "color", "style"];
 var IconStickyNoteLines = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sticky-note-lines' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$T);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$V);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5105,14 +5106,14 @@ var IconStickyNoteLines = React.forwardRef(function (_ref, ref) {
 });
 IconStickyNoteLines.displayName = 'IconStickyNoteLines';
 
-var _excluded$S = ["testId", "size", "color", "style"];
+var _excluded$U = ["testId", "size", "color", "style"];
 var IconStopwatch = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-stopwatch' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$S);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$U);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5135,14 +5136,14 @@ var IconStopwatch = React.forwardRef(function (_ref, ref) {
 });
 IconStopwatch.displayName = 'IconStopwatch';
 
-var _excluded$R = ["testId", "size", "color", "style"];
+var _excluded$T = ["testId", "size", "color", "style"];
 var IconStrikethrough = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-strikethrough' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$R);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$T);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5170,14 +5171,14 @@ var IconStrikethrough = React.forwardRef(function (_ref, ref) {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
 
-var _excluded$Q = ["testId", "size", "color", "style"];
+var _excluded$S = ["testId", "size", "color", "style"];
 var IconSyncExclaimation = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync-exclaimation' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$S);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5198,14 +5199,14 @@ var IconSyncExclaimation = React.forwardRef(function (_ref, ref) {
 });
 IconSyncExclaimation.displayName = 'IconSyncExclaimation';
 
-var _excluded$P = ["testId", "size", "color", "style"];
+var _excluded$R = ["testId", "size", "color", "style"];
 var IconSync = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$P);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$R);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5226,14 +5227,14 @@ var IconSync = React.forwardRef(function (_ref, ref) {
 });
 IconSync.displayName = 'IconSync';
 
-var _excluded$O = ["testId", "size", "color", "style"];
+var _excluded$Q = ["testId", "size", "color", "style"];
 var IconTable = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-table' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$O);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5261,14 +5262,14 @@ var IconTable = React.forwardRef(function (_ref, ref) {
 });
 IconTable.displayName = 'IconTable';
 
-var _excluded$N = ["testId", "size", "color", "style"];
+var _excluded$P = ["testId", "size", "color", "style"];
 var IconTachometer = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-tachometer' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$P);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5288,6 +5289,69 @@ var IconTachometer = React.forwardRef(function (_ref, ref) {
 });
 IconTachometer.displayName = 'IconTachometer';
 
+var _excluded$O = ["testId", "size", "color", "style"];
+var IconThumbsDown = React.forwardRef(function (_ref, ref) {
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'icon-thumbs-down' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$O);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
+  return React__default["default"].createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20",
+    style: getIconStyles(styleProps),
+    "data-testid": testId,
+    ref: ref
+  }, props), React__default["default"].createElement("g", {
+    clipPath: "url(#icon-thumbs-down_svg__a)"
+  }, React__default["default"].createElement("path", {
+    fill: "currentColor",
+    d: "M11.281 16.809a.937.937 0 1 0 1.809-.497l-.176-.64a8.54 8.54 0 0 0-.965-2.223.622.622 0 0 1 .531-.953h5.02a1.249 1.249 0 0 0 .672-2.305.62.62 0 0 1-.207-.832 1.255 1.255 0 0 0-.516-1.727.625.625 0 0 1-.207-.937 1.243 1.243 0 0 0-.602-1.95.626.626 0 0 1-.417-.725c.02-.086.027-.176.027-.27 0-.691-.559-1.25-1.25-1.25h-3.496a3.15 3.15 0 0 0-1.734.523L8.266 4.027a3.087 3.087 0 0 0-.875.883.629.629 0 0 1-.868.18.628.628 0 0 1-.18-.867c.317-.48.731-.903 1.227-1.235l1.504-1.004A4.362 4.362 0 0 1 11.5 1.25H15c1.379 0 2.5 1.121 2.5 2.5v.023a2.5 2.5 0 0 1 1.059 3.13 2.495 2.495 0 0 1 .707 2.577 2.502 2.502 0 0 1-1.766 4.27h-3.969c.242.512.442 1.043.59 1.598l.176.64a2.193 2.193 0 0 1-1.535 2.688 2.19 2.19 0 0 1-2.688-1.535l-.176-.641a5.316 5.316 0 0 0-2.273-3.086l-.121-.078a4.079 4.079 0 0 1-1.152-1.102.624.624 0 0 1 .156-.87.623.623 0 0 1 .87.155c.212.301.477.563.798.762l.12.078a6.552 6.552 0 0 1 2.81 3.809l.175.64ZM1.25 13.75h2.5V5h-2.5v8.75Zm-1.25 0V5c0-.691.559-1.25 1.25-1.25h2.5C4.441 3.75 5 4.309 5 5v8.75C5 14.441 4.441 15 3.75 15h-2.5C.559 15 0 14.441 0 13.75Z"
+  })), React__default["default"].createElement("defs", null, React__default["default"].createElement("clipPath", {
+    id: "icon-thumbs-down_svg__a"
+  }, React__default["default"].createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+});
+IconThumbsDown.displayName = 'IconThumbsDown';
+
+var _excluded$N = ["testId", "size", "color", "style"];
+var IconThumbsUp = React.forwardRef(function (_ref, ref) {
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'icon-thumbs-up' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$N);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
+  return React__default["default"].createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20",
+    style: getIconStyles(styleProps),
+    "data-testid": testId,
+    ref: ref
+  }, props), React__default["default"].createElement("path", {
+    fill: "currentColor",
+    d: "M11.281 3.196a.937.937 0 1 1 1.809.496l-.176.64a8.54 8.54 0 0 1-.965 2.223.622.622 0 0 0 .531.953h5.02a1.249 1.249 0 0 1 .672 2.305.62.62 0 0 0-.207.832 1.254 1.254 0 0 1-.516 1.726.625.625 0 0 0-.207.938 1.243 1.243 0 0 1-.602 1.95.629.629 0 0 0-.417.726c.02.085.027.175.027.27 0 .69-.559 1.25-1.25 1.25h-3.496a3.151 3.151 0 0 1-1.734-.524l-1.504-1.004a3.088 3.088 0 0 1-.875-.883.629.629 0 0 0-.868-.18.628.628 0 0 0-.18.867c.317.48.731.903 1.227 1.235l1.504 1.004c.719.48 1.563.734 2.426.734H15c1.379 0 2.5-1.121 2.5-2.5v-.023a2.5 2.5 0 0 0 1.059-3.13 2.495 2.495 0 0 0 .707-2.577A2.495 2.495 0 0 0 20 8.754c0-1.379-1.121-2.5-2.5-2.5h-3.969a9.417 9.417 0 0 0 .59-1.598l.176-.64a2.193 2.193 0 0 0-1.535-2.688 2.19 2.19 0 0 0-2.688 1.536l-.176.64A5.316 5.316 0 0 1 7.625 6.59l-.121.078A4.08 4.08 0 0 0 6.352 7.77a.624.624 0 0 0 .156.87c.285.2.672.13.87-.155.212-.301.477-.563.798-.762l.12-.078a6.553 6.553 0 0 0 2.81-3.809l.175-.64ZM1.25 8.754h2.5v8.75h-2.5v-8.75Zm-1.25 0v8.75c0 .691.559 1.25 1.25 1.25h2.5c.691 0 1.25-.559 1.25-1.25v-8.75c0-.691-.559-1.25-1.25-1.25h-2.5c-.691 0-1.25.559-1.25 1.25Z"
+  }));
+});
+IconThumbsUp.displayName = 'IconThumbsUp';
+
 var _excluded$M = ["testId", "size", "color", "style"];
 var IconTimesOctagon = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
@@ -6390,11 +6454,42 @@ var useBackgroundColor = function useBackgroundColor() {
   return "var(--background-color, " + backgroundColor + ")";
 };
 
+var DATA_TABLE_STATES = {
+  CONTENT: 'CONTENT',
+  SKELETON_LOADING: 'SKELETON_LOADING',
+  BACKGROUND_LOADING: 'BACKGROUND_LOADING',
+  EMPTY: 'EMPTY'
+};
+var DATA_TABLE_SCROLL_STATES = {
+  NO_SCROLL: 'NO_SCROLL',
+  SCROLLABLE_CONTENT_ON_BOTH_SIDES: 'SCROLLABLE_CONTENT_ON_BOTH_SIDES',
+  SCROLLABLE_CONTENT_ON_LEFT: 'SCROLLABLE_CONTENT_ON_LEFT',
+  SCROLLABLE_CONTENT_ON_RIGHT: 'SCROLLABLE_CONTENT_ON_RIGHT'
+};
+var AMOUNT_OF_SKELETON_ROWS = 10;
+
+var initialValue = {
+  columns: [],
+  numberOfRows: 0,
+  state: DATA_TABLE_STATES.SKELETON_LOADING,
+  tableId: ''
+};
+var Context$1 = React.createContext(initialValue);
+var useDataTableContext = function useDataTableContext() {
+  var context = React.useContext(Context$1);
+  if (!context) {
+    throw Error('useDataTableContext should be used withing `DataTable`. Probably you are using `DataTableRow` without a `DataTable` component');
+  }
+  return context;
+};
+
 var DataTableHeader = function DataTableHeader(_ref) {
   var columns = _ref.columns,
     onSort = _ref.onSort,
     showActionMenu = _ref.showActionMenu;
   var backgroundColor = useBackgroundColor();
+  var _useDataTableContext = useDataTableContext(),
+    tableId = _useDataTableContext.tableId;
   //Handling the case where the columns is used only to define the size
   var haveLabels = columns.find(function (column) {
     return column.label && column.label !== '';
@@ -6420,7 +6515,8 @@ var DataTableHeader = function DataTableHeader(_ref) {
   }), React__default["default"].createElement("thead", {
     style: {
       backgroundColor: backgroundColor
-    }
+    },
+    id: tableId + "-header"
   }, React__default["default"].createElement("tr", {
     className: styles$1b['data-table-header']
   }, columns.filter(function (column) {
@@ -6457,50 +6553,27 @@ var DataTableHeader = function DataTableHeader(_ref) {
   }))));
 };
 
-var DATA_TABLE_STATES = {
-  CONTENT: 'CONTENT',
-  SKELETON_LOADING: 'SKELETON_LOADING',
-  BACKGROUND_LOADING: 'BACKGROUND_LOADING',
-  EMPTY: 'EMPTY'
-};
-var DATA_TABLE_SCROLL_STATES = {
-  NO_SCROLL: 'NO_SCROLL',
-  SCROLLABLE_CONTENT_ON_BOTH_SIDES: 'SCROLLABLE_CONTENT_ON_BOTH_SIDES',
-  SCROLLABLE_CONTENT_ON_LEFT: 'SCROLLABLE_CONTENT_ON_LEFT',
-  SCROLLABLE_CONTENT_ON_RIGHT: 'SCROLLABLE_CONTENT_ON_RIGHT'
-};
-var AMOUNT_OF_SKELETON_ROWS = 10;
-
-var initialValue = {
-  columns: [],
-  numberOfRows: 0,
-  state: DATA_TABLE_STATES.SKELETON_LOADING,
-  tableId: ''
-};
-var Context$1 = React.createContext(initialValue);
-var useDataTableContext = function useDataTableContext() {
-  var context = React.useContext(Context$1);
-  if (!context) {
-    throw Error('useDataTableContext should be used withing `DataTable`. Probably you are using `DataTableRow` without a `DataTable` component');
-  }
-  return context;
-};
-
 var styles$1a = {"data-table":"_zEfoA","data-table__content":"_v-WNu","data-table__content--with-scroll":"_xI2-r","data-table__background-loading":"_ED7Nm","data-table__table":"_fnq34","data-table__table--no-columns":"_qSrJq","data-table__body":"_1SNLz","data-table__body--no-bottom-radius":"_zCIMD","data-table__footer":"_mp1Ok","data-table__pagination-controls":"_vdEZz"};
 
 var styles$19 = {"data-table-scroll-fake-border":"_wZ8Xg","data-table-scroll-fake-border--fixed-scroll":"_C5CU0","data-table-scroll-fake-border--top":"_L5fRB","data-table-scroll-fake-border--bottom":"_omhE4","data-table-scroll-fake-border__left":"_mpDFy","data-table-scroll-fake-border__left--top":"_G3b-p","data-table-scroll-fake-border__left--bottom":"_YUMxZ","data-table-scroll-fake-border__right":"_xUVcY","data-table-scroll-fake-border__right--top":"_BE0hn","data-table-scroll-fake-border__right--bottom":"_UtFdB"};
 
-var useTableHeaderHeight = function useTableHeaderHeight(tableRef, isShowingColumns) {
+var useTableHeaderHeight = function useTableHeaderHeight(isShowingColumns) {
+  var _useDataTableContext = useDataTableContext(),
+    tableId = _useDataTableContext.tableId;
   var _useState = React.useState('24px'),
     headerHeight = _useState[0],
     setHeaderHeight = _useState[1];
   React.useLayoutEffect(function () {
-    if (isShowingColumns && tableRef.current) {
-      var header = tableRef.current.getElementsByTagName('thead')[0];
-      var height = window.getComputedStyle(header).getPropertyValue('height');
-      setHeaderHeight(height);
+    if (!isShowingColumns) {
+      return;
+    }
+    var header = document.querySelector("#" + tableId + "-header");
+    if (!header) {
+      return;
     }
-  }, [tableRef, isShowingColumns]);
+    var height = window.getComputedStyle(header).getPropertyValue('height');
+    setHeaderHeight(height);
+  }, [isShowingColumns, tableId]);
   return headerHeight;
 };
 
@@ -6532,9 +6605,8 @@ var useDetectFixedScroll = function useDetectFixedScroll() {
 var DataTableScrollFakeBorder = function DataTableScrollFakeBorder(_ref) {
   var _classNames, _classNames2, _classNames3;
   var placement = _ref.placement,
-    isShowingColumns = _ref.isShowingColumns,
-    tableRef = _ref.tableRef;
-  var headerHeight = useTableHeaderHeight(tableRef, isShowingColumns);
+    isShowingColumns = _ref.isShowingColumns;
+  var headerHeight = useTableHeaderHeight(isShowingColumns);
   var hasFixedScroll = useDetectFixedScroll();
   var backgroundColor = useBackgroundColor();
   return React__default["default"].createElement("div", {
@@ -9252,9 +9324,8 @@ var DataTableCoverShadow = function DataTableCoverShadow(_ref) {
   var _classNames;
   var showShadowOnLeft = _ref.showShadowOnLeft,
     showShadowOnRight = _ref.showShadowOnRight,
-    isShowingColumns = _ref.isShowingColumns,
-    tableRef = _ref.tableRef;
-  var headerHeight = useTableHeaderHeight(tableRef, isShowingColumns);
+    isShowingColumns = _ref.isShowingColumns;
+  var headerHeight = useTableHeaderHeight(isShowingColumns);
   var _useState = React.useState(detectAlwaysShowScrollbars),
     hasFixedScroll = _useState[0];
   var SCROLL_SIZE = '15px';
@@ -9295,8 +9366,7 @@ var DataTableStickyColumnsContainer = function DataTableStickyColumnsContainer(_
   var children = _ref.children,
     stickyColumns = _ref.stickyColumns,
     isShowingColumns = _ref.isShowingColumns,
-    isShowingFooter = _ref.isShowingFooter,
-    tableRef = _ref.tableRef;
+    isShowingFooter = _ref.isShowingFooter;
   var _useDataTableScrollSt = useDataTableScrollState(stickyColumns),
     scrollContainerRef = _useDataTableScrollSt.scrollContainerRef,
     onScroll = _useDataTableScrollSt.onScroll,
@@ -9318,8 +9388,7 @@ var DataTableStickyColumnsContainer = function DataTableStickyColumnsContainer(_
   return React__default["default"].createElement(React.Fragment, null, (showCoverShadowOnRight || showCoverShadowOnLeft) && React__default["default"].createElement(DataTableCoverShadow, {
     showShadowOnLeft: hasScrollOnLeft && stickyColumns === 'right',
     showShadowOnRight: hasScrollOnRight && stickyColumns === 'left',
-    isShowingColumns: !!isShowingColumns,
-    tableRef: tableRef
+    isShowingColumns: !!isShowingColumns
   }), React__default["default"].createElement("div", {
     className: classnames__default["default"](styles$D[containerClassName], (_classNames = {}, _classNames[styles$D[containerClassName + "--with-footer"]] = isShowingFooter, _classNames[styles$D[containerClassName + "--with-left-sticky-columns"]] = hasLeftColumnSticky, _classNames[styles$D[containerClassName + "--with-left-sticky-columns-and-shadow"]] = hasLeftColumnSticky && hasScrollOnLeft, _classNames[styles$D[containerClassName + "--with-right-sticky-columns"]] = hasRightColumnSticky, _classNames[styles$D[containerClassName + "--with-right-sticky-columns-and-shadow"]] = hasRightColumnSticky && hasScrollOnRight, _classNames[styles$D[containerClassName + "--no-shadow"]] = noShadow, _classNames)),
     onScroll: onScroll,
@@ -9589,11 +9658,9 @@ var DataTable = function DataTable(_ref) {
   }, React__default["default"].createElement(DataTableStickyColumnsContainer, {
     stickyColumns: stickyColumns,
     isShowingColumns: !!isShowingColumns,
-    isShowingFooter: !!isShowingFooter,
-    tableRef: tableRef
+    isShowingFooter: !!isShowingFooter
   }, isShowingColumns && isScrollableTable && React__default["default"].createElement(DataTableScrollFakeBorder, {
     placement: "top",
-    tableRef: tableRef,
     isShowingColumns: !!isShowingColumns
   }), React__default["default"].createElement("div", {
     className: classnames__default["default"](styles$1a['data-table__content'], (_classNames = {}, _classNames[styles$1a['data-table__content--with-scroll']] = isScrollableTable, _classNames)),
@@ -9631,7 +9698,6 @@ var DataTable = function DataTable(_ref) {
     "data-testid": testId && testId + "-footer"
   }, footerComponent)))), !isShowingFooter && isScrollableTable && React__default["default"].createElement(DataTableScrollFakeBorder, {
     placement: "bottom",
-    tableRef: tableRef,
     isShowingColumns: !!isShowingColumns
   })), React__default["default"].createElement(Pagination, null));
 };
@@ -11477,7 +11543,7 @@ var CustomList = function CustomList(_ref) {
   if (props.selectProps.inputValue === '' && typeof hasMoreOptionsFirstLoad === 'boolean') {
     showFooter = hasMoreOptionsFirstLoad;
   }
-  return React__default["default"].createElement(Select.components.MenuList, _extends({}, props), React__default["default"].createElement(React.Fragment, null, children, showFooter && React__default["default"].createElement(Inline, {
+  return React__default["default"].createElement(Select.components.MenuList, _extends({}, props), React__default["default"].createElement(React.Fragment, null, children, showFooter && props.options.length > 0 && React__default["default"].createElement(Inline, {
     justifyContent: "center"
   }, React__default["default"].createElement("div", {
     className: styles$d['custom-list']
@@ -12755,7 +12821,7 @@ var FormFeedback = function FormFeedback(_ref) {
   }, children);
 };
 
-var styles$9 = {"phone-field":"_Q0GfJ","phone-field__flag":"_-uOqW","phone-field__input--with-square-borders":"_TEU6N"};
+var styles$9 = {"phone-field":"_Q0GfJ","phone-field__flag":"_-uOqW","phone-field__input":"_Hes9b","phone-field__input--with-square-borders":"_TEU6N"};
 
 var usePhoneFieldControllers = function usePhoneFieldControllers(_ref) {
   var name = _ref.name,
@@ -13790,7 +13856,7 @@ var PhoneField = function PhoneField(_ref) {
     }), React__default["default"].createElement("span", null, "+", libphonenumberJs.getCountryCallingCode(selectedCountry))) : "+" + libphonenumberJs.getCountryCallingCode(selectedCountry)
   }, React__default["default"].createElement("input", _extends({}, inputProps, {
     type: "tel",
-    className: classnames__default["default"](inputProps.className, (_classNames = {}, _classNames[styles$9['phone-field__input--with-square-borders']] = !disabledCountry, _classNames)),
+    className: classnames__default["default"](inputProps.className, styles$9['phone-field__input'], (_classNames = {}, _classNames[styles$9['phone-field__input--with-square-borders']] = !disabledCountry, _classNames)),
     onChange: handlePhoneChange,
     onBlur: handlePhoneBlur
   })))));
@@ -14412,6 +14478,8 @@ exports.IconSync = IconSync;
 exports.IconSyncExclaimation = IconSyncExclaimation;
 exports.IconTable = IconTable;
 exports.IconTachometer = IconTachometer;
+exports.IconThumbsDown = IconThumbsDown;
+exports.IconThumbsUp = IconThumbsUp;
 exports.IconTimes = IconTimes;
 exports.IconTimesOctagon = IconTimesOctagon;
 exports.IconTrash = IconTrash;