@7shifts/sous-chef 3.56.2-beta2 → 3.57.0

package/dist/index.js

@@ -189,7 +189,7 @@ var kebabize = function kebabize(str) {
   });
 };
 
-var _excluded$2P = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
+var _excluded$2Q = ["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$2P);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2Q);
   return {
     positionProps: {
       m: m,
@@ -235,7 +235,7 @@ var getDataProps = function getDataProps(props, config) {
   });
 };
 
-var _excluded$2O = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "flexGrow", "testId", "extraClass"];
+var _excluded$2P = ["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$2O);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2P);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -291,14 +291,14 @@ var Flex = function Flex(_ref) {
   }));
 };
 
-var _excluded$2N = ["alignItems"];
+var _excluded$2O = ["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$2N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2O);
   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$2M = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
+var _excluded$2N = ["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$2M);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2N);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   return React__default["default"].createElement(Stack, {
@@ -851,7 +851,7 @@ var COMPONENT_NAMES = {
   BUTTON: 'BUTTON'
 };
 
-var _excluded$2L = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
+var _excluded$2M = ["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;
@@ -876,7 +876,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$2L);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2M);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -996,14 +996,14 @@ var useIsInsideComponent = function useIsInsideComponent(parentComponentName) {
   return componentName === parentComponentName;
 };
 
-var _excluded$2K = ["testId", "size", "color", "style"];
+var _excluded$2L = ["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$2K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2L);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1026,14 +1026,14 @@ var IconInfoCircle = React.forwardRef(function (_ref, ref) {
 });
 IconInfoCircle.displayName = 'IconInfoCircle';
 
-var _excluded$2J = ["testId", "size", "color", "style"];
+var _excluded$2K = ["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$2J);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1056,14 +1056,14 @@ var IconAnalytics = React.forwardRef(function (_ref, ref) {
 });
 IconAnalytics.displayName = 'IconAnalytics';
 
-var _excluded$2I = ["testId", "size", "color", "style"];
+var _excluded$2J = ["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$2I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1084,14 +1084,14 @@ var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDownWideShort.displayName = 'IconArrowDownWideShort';
 
-var _excluded$2H = ["testId", "size", "color", "style"];
+var _excluded$2I = ["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$2H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1114,14 +1114,14 @@ var IconArrowDown = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDown.displayName = 'IconArrowDown';
 
-var _excluded$2G = ["testId", "size", "color", "style"];
+var _excluded$2H = ["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$2G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1144,14 +1144,14 @@ var IconArrowLeft = React.forwardRef(function (_ref, ref) {
 });
 IconArrowLeft.displayName = 'IconArrowLeft';
 
-var _excluded$2F = ["testId", "size", "color", "style"];
+var _excluded$2G = ["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$2F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1174,14 +1174,14 @@ var IconArrowRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowRight.displayName = 'IconArrowRight';
 
-var _excluded$2E = ["testId", "size", "color", "style"];
+var _excluded$2F = ["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$2E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1202,14 +1202,14 @@ var IconArrowToTop = React.forwardRef(function (_ref, ref) {
 });
 IconArrowToTop.displayName = 'IconArrowToTop';
 
-var _excluded$2D = ["testId", "size", "color", "style"];
+var _excluded$2E = ["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$2D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1238,14 +1238,14 @@ var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowTurnDownRight.displayName = 'IconArrowTurnDownRight';
 
-var _excluded$2C = ["testId", "size", "color", "style"];
+var _excluded$2D = ["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$2C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1268,14 +1268,14 @@ var IconArrowUp = React.forwardRef(function (_ref, ref) {
 });
 IconArrowUp.displayName = 'IconArrowUp';
 
-var _excluded$2B = ["testId", "size", "color", "style"];
+var _excluded$2C = ["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$2B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1298,14 +1298,14 @@ var IconAward = React.forwardRef(function (_ref, ref) {
 });
 IconAward.displayName = 'IconAward';
 
-var _excluded$2A = ["testId", "size", "color", "style"];
+var _excluded$2B = ["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$2A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1358,14 +1358,14 @@ var IconAwfulMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconAwfulMonochromatic.displayName = 'IconAwfulMonochromatic';
 
-var _excluded$2z = ["testId", "size", "color", "style"];
+var _excluded$2A = ["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$2z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1406,14 +1406,14 @@ var IconAwful = React.forwardRef(function (_ref, ref) {
 });
 IconAwful.displayName = 'IconAwful';
 
-var _excluded$2y = ["testId", "size", "color", "style"];
+var _excluded$2z = ["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$2y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1452,14 +1452,14 @@ var IconBadMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconBadMonochromatic.displayName = 'IconBadMonochromatic';
 
-var _excluded$2x = ["testId", "size", "color", "style"];
+var _excluded$2y = ["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$2x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1486,14 +1486,14 @@ var IconBad = React.forwardRef(function (_ref, ref) {
 });
 IconBad.displayName = 'IconBad';
 
-var _excluded$2w = ["testId", "size", "color", "style"];
+var _excluded$2x = ["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$2w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1521,14 +1521,14 @@ var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
 
-var _excluded$2v = ["testId", "size", "color", "style"];
+var _excluded$2w = ["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$2v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1556,14 +1556,14 @@ var IconBalanceScale = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
 
-var _excluded$2u = ["testId", "size", "color", "style"];
+var _excluded$2v = ["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$2u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1584,14 +1584,14 @@ var IconBan = React.forwardRef(function (_ref, ref) {
 });
 IconBan.displayName = 'IconBan';
 
-var _excluded$2t = ["testId", "size", "color", "style"];
+var _excluded$2u = ["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$2t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1614,14 +1614,14 @@ var IconBarsH = React.forwardRef(function (_ref, ref) {
 });
 IconBarsH.displayName = 'IconBarsH';
 
-var _excluded$2s = ["testId", "size", "color", "style"];
+var _excluded$2t = ["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$2s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1642,14 +1642,14 @@ var IconBarsV = React.forwardRef(function (_ref, ref) {
 });
 IconBarsV.displayName = 'IconBarsV';
 
-var _excluded$2r = ["testId", "size", "color", "style"];
+var _excluded$2s = ["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$2r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1672,14 +1672,14 @@ var IconBell = React.forwardRef(function (_ref, ref) {
 });
 IconBell.displayName = 'IconBell';
 
-var _excluded$2q = ["testId", "size", "color", "style"];
+var _excluded$2r = ["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$2q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1700,14 +1700,14 @@ var IconBirthdayCake = React.forwardRef(function (_ref, ref) {
 });
 IconBirthdayCake.displayName = 'IconBirthdayCake';
 
-var _excluded$2p = ["testId", "size", "color", "style"];
+var _excluded$2q = ["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$2p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1728,14 +1728,14 @@ var IconBold = React.forwardRef(function (_ref, ref) {
 });
 IconBold.displayName = 'IconBold';
 
-var _excluded$2o = ["testId", "size", "color", "style"];
+var _excluded$2p = ["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$2o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1763,14 +1763,14 @@ var IconBolt = React.forwardRef(function (_ref, ref) {
 });
 IconBolt.displayName = 'IconBolt';
 
-var _excluded$2n = ["testId", "size", "color", "style"];
+var _excluded$2o = ["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$2n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1793,14 +1793,14 @@ var IconBook = React.forwardRef(function (_ref, ref) {
 });
 IconBook.displayName = 'IconBook';
 
-var _excluded$2m = ["testId", "size", "color", "style"];
+var _excluded$2n = ["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$2m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1821,14 +1821,14 @@ var IconBriefcase = React.forwardRef(function (_ref, ref) {
 });
 IconBriefcase.displayName = 'IconBriefcase';
 
-var _excluded$2l = ["testId", "size", "color", "style"];
+var _excluded$2m = ["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$2l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1851,14 +1851,14 @@ var IconBullseyeArrow = React.forwardRef(function (_ref, ref) {
 });
 IconBullseyeArrow.displayName = 'IconBullseyeArrow';
 
-var _excluded$2k = ["testId", "size", "color", "style"];
+var _excluded$2l = ["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$2k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1881,14 +1881,14 @@ var IconCalculator = React.forwardRef(function (_ref, ref) {
 });
 IconCalculator.displayName = 'IconCalculator';
 
-var _excluded$2j = ["testId", "size", "color", "style"];
+var _excluded$2k = ["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$2j);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1911,14 +1911,14 @@ var IconCalendarAlt = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarAlt.displayName = 'IconCalendarAlt';
 
-var _excluded$2i = ["testId", "size", "color", "style"];
+var _excluded$2j = ["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$2i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1941,14 +1941,14 @@ var IconCalendarCheck = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarCheck.displayName = 'IconCalendarCheck';
 
-var _excluded$2h = ["testId", "size", "color", "style"];
+var _excluded$2i = ["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$2h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1976,14 +1976,14 @@ var IconCalendarDay = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarDay.displayName = 'IconCalendarDay';
 
-var _excluded$2g = ["testId", "size", "color", "style"];
+var _excluded$2h = ["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$2g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2004,14 +2004,14 @@ var IconCalendarExclamation = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarExclamation.displayName = 'IconCalendarExclamation';
 
-var _excluded$2f = ["testId", "size", "color", "style"];
+var _excluded$2g = ["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$2f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2032,14 +2032,14 @@ var IconCalendarStar = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarStar.displayName = 'IconCalendarStar';
 
-var _excluded$2e = ["testId", "size", "color", "style"];
+var _excluded$2f = ["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$2e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2069,14 +2069,14 @@ var IconCalendarTomorrow = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarTomorrow.displayName = 'IconCalendarTomorrow';
 
-var _excluded$2d = ["testId", "size", "color", "style"];
+var _excluded$2e = ["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$2d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2099,14 +2099,14 @@ var IconCalendar = React.forwardRef(function (_ref, ref) {
 });
 IconCalendar.displayName = 'IconCalendar';
 
-var _excluded$2c = ["testId", "size", "color", "style"];
+var _excluded$2d = ["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$2c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2130,14 +2130,14 @@ var IconCameraSlash = React.forwardRef(function (_ref, ref) {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
 
-var _excluded$2b = ["testId", "size", "color", "style"];
+var _excluded$2c = ["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$2b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2158,14 +2158,14 @@ var IconCamera = React.forwardRef(function (_ref, ref) {
 });
 IconCamera.displayName = 'IconCamera';
 
-var _excluded$2a = ["testId", "size", "color", "style"];
+var _excluded$2b = ["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$2a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2186,14 +2186,14 @@ var IconCashRegister = React.forwardRef(function (_ref, ref) {
 });
 IconCashRegister.displayName = 'IconCashRegister';
 
-var _excluded$29 = ["testId", "size", "color", "style"];
+var _excluded$2a = ["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$29);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2216,14 +2216,14 @@ var IconChartBar = React.forwardRef(function (_ref, ref) {
 });
 IconChartBar.displayName = 'IconChartBar';
 
-var _excluded$28 = ["testId", "size", "color", "style"];
+var _excluded$29 = ["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$28);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2244,14 +2244,14 @@ var IconCheckCircleIncomplete = React.forwardRef(function (_ref, ref) {
 });
 IconCheckCircleIncomplete.displayName = 'IconCheckCircleIncomplete';
 
-var _excluded$27 = ["testId", "size", "color", "style"];
+var _excluded$28 = ["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$27);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2274,14 +2274,14 @@ var IconCheck = React.forwardRef(function (_ref, ref) {
 });
 IconCheck.displayName = 'IconCheck';
 
-var _excluded$26 = ["testId", "size", "color", "style"];
+var _excluded$27 = ["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$26);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2304,14 +2304,14 @@ var IconChevronDown = React.forwardRef(function (_ref, ref) {
 });
 IconChevronDown.displayName = 'IconChevronDown';
 
-var _excluded$25 = ["testId", "size", "color", "style"];
+var _excluded$26 = ["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$25);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2334,14 +2334,14 @@ var IconChevronLeft = React.forwardRef(function (_ref, ref) {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
 
-var _excluded$24 = ["testId", "size", "color", "style"];
+var _excluded$25 = ["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$24);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2364,14 +2364,14 @@ var IconChevronRight = React.forwardRef(function (_ref, ref) {
 });
 IconChevronRight.displayName = 'IconChevronRight';
 
-var _excluded$23 = ["testId", "size", "color", "style"];
+var _excluded$24 = ["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$23);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2394,14 +2394,14 @@ var IconChevronUp = React.forwardRef(function (_ref, ref) {
 });
 IconChevronUp.displayName = 'IconChevronUp';
 
-var _excluded$22 = ["testId", "size", "color", "style"];
+var _excluded$23 = ["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$22);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2424,14 +2424,14 @@ var IconClipboardList = React.forwardRef(function (_ref, ref) {
 });
 IconClipboardList.displayName = 'IconClipboardList';
 
-var _excluded$21 = ["testId", "size", "color", "style"];
+var _excluded$22 = ["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$21);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2459,14 +2459,14 @@ var IconClockRewind = React.forwardRef(function (_ref, ref) {
 });
 IconClockRewind.displayName = 'IconClockRewind';
 
-var _excluded$20 = ["testId", "size", "color", "style"];
+var _excluded$21 = ["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$20);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2487,14 +2487,14 @@ var IconClock = React.forwardRef(function (_ref, ref) {
 });
 IconClock.displayName = 'IconClock';
 
-var _excluded$1$ = ["testId", "size", "color", "style"];
+var _excluded$20 = ["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$1$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2515,14 +2515,14 @@ var IconCog = React.forwardRef(function (_ref, ref) {
 });
 IconCog.displayName = 'IconCog';
 
-var _excluded$1_ = ["testId", "size", "color", "style"];
+var _excluded$1$ = ["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$1_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2548,14 +2548,14 @@ var IconCommentLines = React.forwardRef(function (_ref, ref) {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-var _excluded$1Z = ["testId", "size", "color", "style"];
+var _excluded$1_ = ["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$1Z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2578,14 +2578,14 @@ var IconComment = React.forwardRef(function (_ref, ref) {
 });
 IconComment.displayName = 'IconComment';
 
-var _excluded$1Y = ["testId", "size", "color", "style"];
+var _excluded$1Z = ["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$1Y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2613,14 +2613,14 @@ var IconCopy = React.forwardRef(function (_ref, ref) {
 });
 IconCopy.displayName = 'IconCopy';
 
-var _excluded$1X = ["testId", "size", "color", "style"];
+var _excluded$1Y = ["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$1X);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2650,14 +2650,14 @@ var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-var _excluded$1W = ["testId", "size", "color", "style"];
+var _excluded$1X = ["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$1W);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1X);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2685,14 +2685,14 @@ var IconCreditCard = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-var _excluded$1V = ["testId", "size", "color", "style"];
+var _excluded$1W = ["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$1V);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2735,14 +2735,14 @@ var IconDecentMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconDecentMonochromatic.displayName = 'IconDecentMonochromatic';
 
-var _excluded$1U = ["testId", "size", "color", "style"];
+var _excluded$1V = ["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$1U);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2773,14 +2773,14 @@ var IconDecent = React.forwardRef(function (_ref, ref) {
 });
 IconDecent.displayName = 'IconDecent';
 
-var _excluded$1T = ["testId", "size", "color", "style"];
+var _excluded$1U = ["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$1T);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1U);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2803,14 +2803,14 @@ var IconDownload = React.forwardRef(function (_ref, ref) {
 });
 IconDownload.displayName = 'IconDownload';
 
-var _excluded$1S = ["testId", "size", "color", "style"];
+var _excluded$1T = ["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$1S);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1T);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2831,14 +2831,14 @@ var IconEdit = React.forwardRef(function (_ref, ref) {
 });
 IconEdit.displayName = 'IconEdit';
 
-var _excluded$1R = ["testId", "size", "color", "style"];
+var _excluded$1S = ["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$1R);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1S);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2861,14 +2861,14 @@ var IconEllipsisV = React.forwardRef(function (_ref, ref) {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
 
-var _excluded$1Q = ["testId", "size", "color", "style"];
+var _excluded$1R = ["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$1Q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1R);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2896,14 +2896,14 @@ var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelopeOpenDollar.displayName = 'IconEnvelopeOpenDollar';
 
-var _excluded$1P = ["testId", "size", "color", "style"];
+var _excluded$1Q = ["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$1P);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2924,14 +2924,14 @@ var IconEnvelope = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-var _excluded$1O = ["testId", "size", "color", "style"];
+var _excluded$1P = ["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$1O);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2954,14 +2954,14 @@ var IconExclaimationTriangle = React.forwardRef(function (_ref, ref) {
 });
 IconExclaimationTriangle.displayName = 'IconExclaimationTriangle';
 
-var _excluded$1N = ["testId", "size", "color", "style"];
+var _excluded$1O = ["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$1N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1O);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2982,14 +2982,14 @@ var IconExclaimation = React.forwardRef(function (_ref, ref) {
 });
 IconExclaimation.displayName = 'IconExclaimation';
 
-var _excluded$1M = ["testId", "size", "color", "style"];
+var _excluded$1N = ["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$1M);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1N);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3010,14 +3010,14 @@ var IconExpand = React.forwardRef(function (_ref, ref) {
 });
 IconExpand.displayName = 'IconExpand';
 
-var _excluded$1L = ["testId", "size", "color", "style"];
+var _excluded$1M = ["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$1L);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1M);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3040,14 +3040,14 @@ var IconExternalLink = React.forwardRef(function (_ref, ref) {
 });
 IconExternalLink.displayName = 'IconExternalLink';
 
-var _excluded$1K = ["testId", "size", "color", "style"];
+var _excluded$1L = ["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$1K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1L);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3082,14 +3082,14 @@ var IconEyeSlash = React.forwardRef(function (_ref, ref) {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
 
-var _excluded$1J = ["testId", "size", "color", "style"];
+var _excluded$1K = ["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$1J);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3117,14 +3117,14 @@ var IconEye = React.forwardRef(function (_ref, ref) {
 });
 IconEye.displayName = 'IconEye';
 
-var _excluded$1I = ["testId", "size", "color", "style"];
+var _excluded$1J = ["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$1I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1J);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3152,14 +3152,14 @@ var IconFilePdf = React.forwardRef(function (_ref, ref) {
 });
 IconFilePdf.displayName = 'IconFilePdf';
 
-var _excluded$1H = ["testId", "size", "color", "style"];
+var _excluded$1I = ["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$1H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1I);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3187,14 +3187,14 @@ var IconFile = React.forwardRef(function (_ref, ref) {
 });
 IconFile.displayName = 'IconFile';
 
-var _excluded$1G = ["testId", "size", "color", "style"];
+var _excluded$1H = ["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$1G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1H);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3222,14 +3222,14 @@ var IconFlag = React.forwardRef(function (_ref, ref) {
 });
 IconFlag.displayName = 'IconFlag';
 
-var _excluded$1F = ["testId", "size", "color", "style"];
+var _excluded$1G = ["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$1F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1G);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3252,14 +3252,14 @@ var IconFourDotsCircle = React.forwardRef(function (_ref, ref) {
 });
 IconFourDotsCircle.displayName = 'IconFourDotsCircle';
 
-var _excluded$1E = ["testId", "size", "color", "style"];
+var _excluded$1F = ["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$1E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1F);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3305,14 +3305,14 @@ var IconFourSquares = React.forwardRef(function (_ref, ref) {
 });
 IconFourSquares.displayName = 'IconFourSquares';
 
-var _excluded$1D = ["testId", "size", "color", "style"];
+var _excluded$1E = ["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$1D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1E);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3333,14 +3333,14 @@ var IconGavel = React.forwardRef(function (_ref, ref) {
 });
 IconGavel.displayName = 'IconGavel';
 
-var _excluded$1C = ["testId", "size", "color", "style"];
+var _excluded$1D = ["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$1C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1D);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3365,14 +3365,14 @@ var IconGif = React.forwardRef(function (_ref, ref) {
 });
 IconGif.displayName = 'IconGif';
 
-var _excluded$1B = ["testId", "size", "color", "style"];
+var _excluded$1C = ["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$1B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1C);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3393,14 +3393,14 @@ var IconGift = React.forwardRef(function (_ref, ref) {
 });
 IconGift.displayName = 'IconGift';
 
-var _excluded$1A = ["testId", "size", "color", "style"];
+var _excluded$1B = ["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$1A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1B);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3439,14 +3439,14 @@ var IconGoodMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconGoodMonochromatic.displayName = 'IconGoodMonochromatic';
 
-var _excluded$1z = ["testId", "size", "color", "style"];
+var _excluded$1A = ["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$1z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1A);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3473,14 +3473,14 @@ var IconGood = React.forwardRef(function (_ref, ref) {
 });
 IconGood.displayName = 'IconGood';
 
-var _excluded$1y = ["testId", "size", "color", "style"];
+var _excluded$1z = ["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$1y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3521,14 +3521,14 @@ var IconGreatMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
 
-var _excluded$1x = ["testId", "size", "color", "style"];
+var _excluded$1y = ["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$1x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3557,14 +3557,14 @@ var IconGreat = React.forwardRef(function (_ref, ref) {
 });
 IconGreat.displayName = 'IconGreat';
 
-var _excluded$1w = ["testId", "size", "color", "style"];
+var _excluded$1x = ["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$1w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1x);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3585,14 +3585,14 @@ var IconGrinBeam = React.forwardRef(function (_ref, ref) {
 });
 IconGrinBeam.displayName = 'IconGrinBeam';
 
-var _excluded$1v = ["testId", "size", "color", "style"];
+var _excluded$1w = ["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$1v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1w);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3640,14 +3640,14 @@ var IconGripVertical = React.forwardRef(function (_ref, ref) {
 });
 IconGripVertical.displayName = 'IconGripVertical';
 
-var _excluded$1u = ["testId", "size", "color", "style"];
+var _excluded$1v = ["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$1u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3675,14 +3675,14 @@ var IconHandshake = React.forwardRef(function (_ref, ref) {
 });
 IconHandshake.displayName = 'IconHandshake';
 
-var _excluded$1t = ["testId", "size", "color", "style"];
+var _excluded$1u = ["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$1t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1u);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3703,14 +3703,14 @@ var IconHatChef = React.forwardRef(function (_ref, ref) {
 });
 IconHatChef.displayName = 'IconHatChef';
 
-var _excluded$1s = ["testId", "size", "color", "style"];
+var _excluded$1t = ["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$1s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1t);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3738,14 +3738,14 @@ var IconImage = React.forwardRef(function (_ref, ref) {
 });
 IconImage.displayName = 'IconImage';
 
-var _excluded$1r = ["testId", "size", "color", "style"];
+var _excluded$1s = ["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$1r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3768,14 +3768,14 @@ var IconIslandTropical = React.forwardRef(function (_ref, ref) {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
 
-var _excluded$1q = ["testId", "size", "color", "style"];
+var _excluded$1r = ["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$1q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3796,14 +3796,14 @@ var IconItalic = React.forwardRef(function (_ref, ref) {
 });
 IconItalic.displayName = 'IconItalic';
 
-var _excluded$1p = ["testId", "size", "color", "style"];
+var _excluded$1q = ["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$1p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3833,14 +3833,14 @@ var IconLaptopSearch = React.forwardRef(function (_ref, ref) {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
 
-var _excluded$1o = ["testId", "size", "color", "style"];
+var _excluded$1p = ["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$1o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3868,14 +3868,14 @@ var IconLink = React.forwardRef(function (_ref, ref) {
 });
 IconLink.displayName = 'IconLink';
 
-var _excluded$1n = ["testId", "size", "color", "style"];
+var _excluded$1o = ["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$1n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3903,14 +3903,14 @@ var IconListOI = React.forwardRef(function (_ref, ref) {
 });
 IconListOI.displayName = 'IconListOI';
 
-var _excluded$1m = ["testId", "size", "color", "style"];
+var _excluded$1n = ["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$1m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3931,14 +3931,14 @@ var IconList = React.forwardRef(function (_ref, ref) {
 });
 IconList.displayName = 'IconList';
 
-var _excluded$1l = ["testId", "size", "color", "style"];
+var _excluded$1m = ["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$1l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3959,14 +3959,14 @@ var IconLock = React.forwardRef(function (_ref, ref) {
 });
 IconLock.displayName = 'IconLock';
 
-var _excluded$1k = ["testId", "size", "color", "style"];
+var _excluded$1l = ["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$1k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3989,14 +3989,14 @@ var IconMagicSolid = React.forwardRef(function (_ref, ref) {
 });
 IconMagicSolid.displayName = 'IconMagicSolid';
 
-var _excluded$1j = ["testId", "size", "color", "style"];
+var _excluded$1k = ["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$1j);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4019,14 +4019,14 @@ var IconMapMarker = React.forwardRef(function (_ref, ref) {
 });
 IconMapMarker.displayName = 'IconMapMarker';
 
-var _excluded$1i = ["testId", "size", "color", "style"];
+var _excluded$1j = ["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$1i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4049,14 +4049,14 @@ var IconMegaphone = React.forwardRef(function (_ref, ref) {
 });
 IconMegaphone.displayName = 'IconMegaphone';
 
-var _excluded$1h = ["testId", "size", "color", "style"];
+var _excluded$1i = ["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$1h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4077,14 +4077,14 @@ var IconMessages = React.forwardRef(function (_ref, ref) {
 });
 IconMessages.displayName = 'IconMessages';
 
-var _excluded$1g = ["testId", "size", "color", "style"];
+var _excluded$1h = ["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$1g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4105,14 +4105,14 @@ var IconMinusCircle = React.forwardRef(function (_ref, ref) {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
 
-var _excluded$1f = ["testId", "size", "color", "style"];
+var _excluded$1g = ["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$1f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4133,14 +4133,14 @@ var IconMinus = React.forwardRef(function (_ref, ref) {
 });
 IconMinus.displayName = 'IconMinus';
 
-var _excluded$1e = ["testId", "size", "color", "style"];
+var _excluded$1f = ["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$1e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1f);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4161,14 +4161,14 @@ var IconMoneyBill = React.forwardRef(function (_ref, ref) {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-var _excluded$1d = ["testId", "size", "color", "style"];
+var _excluded$1e = ["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$1d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4189,14 +4189,14 @@ var IconMugSaucerSolid = React.forwardRef(function (_ref, ref) {
 });
 IconMugSaucerSolid.displayName = 'IconMugSaucerSolid';
 
-var _excluded$1c = ["testId", "size", "color", "style"];
+var _excluded$1d = ["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$1c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1d);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4217,14 +4217,14 @@ var IconNotesMedical = React.forwardRef(function (_ref, ref) {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
 
-var _excluded$1b = ["testId", "size", "color", "style"];
+var _excluded$1c = ["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$1b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4252,14 +4252,14 @@ var IconOvertime = React.forwardRef(function (_ref, ref) {
 });
 IconOvertime.displayName = 'IconOvertime';
 
-var _excluded$1a = ["testId", "size", "color", "style"];
+var _excluded$1b = ["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$1a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1b);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4291,14 +4291,14 @@ var IconPaperPlaneClock = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
 
-var _excluded$19 = ["testId", "size", "color", "style"];
+var _excluded$1a = ["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$19);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4321,14 +4321,14 @@ var IconPaperPlane = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
 
-var _excluded$18 = ["testId", "size", "color", "style"];
+var _excluded$19 = ["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$18);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$19);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4356,14 +4356,14 @@ var IconPaperclip = React.forwardRef(function (_ref, ref) {
 });
 IconPaperclip.displayName = 'IconPaperclip';
 
-var _excluded$17 = ["testId", "size", "color", "style"];
+var _excluded$18 = ["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$17);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4386,14 +4386,14 @@ var IconPencil = React.forwardRef(function (_ref, ref) {
 });
 IconPencil.displayName = 'IconPencil';
 
-var _excluded$16 = ["testId", "size", "color", "style"];
+var _excluded$17 = ["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$16);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$17);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4414,14 +4414,14 @@ var IconPercentage = React.forwardRef(function (_ref, ref) {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-var _excluded$15 = ["testId", "size", "color", "style"];
+var _excluded$16 = ["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$15);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$16);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4442,14 +4442,14 @@ var IconPhone = React.forwardRef(function (_ref, ref) {
 });
 IconPhone.displayName = 'IconPhone';
 
-var _excluded$14 = ["testId", "size", "color", "style"];
+var _excluded$15 = ["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$14);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$15);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4470,14 +4470,14 @@ var IconPlateUtensils = React.forwardRef(function (_ref, ref) {
 });
 IconPlateUtensils.displayName = 'IconPlateUtensils';
 
-var _excluded$13 = ["testId", "size", "color", "style"];
+var _excluded$14 = ["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$13);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$14);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4500,14 +4500,14 @@ var IconPlug = React.forwardRef(function (_ref, ref) {
 });
 IconPlug.displayName = 'IconPlug';
 
-var _excluded$12 = ["testId", "size", "color", "style"];
+var _excluded$13 = ["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$12);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$13);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4530,14 +4530,14 @@ var IconPlus = React.forwardRef(function (_ref, ref) {
 });
 IconPlus.displayName = 'IconPlus';
 
-var _excluded$11 = ["testId", "size", "color", "style"];
+var _excluded$12 = ["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$11);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$12);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4560,14 +4560,14 @@ var IconPrint = React.forwardRef(function (_ref, ref) {
 });
 IconPrint.displayName = 'IconPrint';
 
-var _excluded$10 = ["testId", "size", "color", "style"];
+var _excluded$11 = ["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$10);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$11);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4588,14 +4588,14 @@ var IconQuestionCircle = React.forwardRef(function (_ref, ref) {
 });
 IconQuestionCircle.displayName = 'IconQuestionCircle';
 
-var _excluded$$ = ["testId", "size", "color", "style"];
+var _excluded$10 = ["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$$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$10);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4616,14 +4616,14 @@ var IconRepeat = React.forwardRef(function (_ref, ref) {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-var _excluded$_ = ["testId", "size", "color", "style"];
+var _excluded$$ = ["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$_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4644,14 +4644,14 @@ var IconReply = React.forwardRef(function (_ref, ref) {
 });
 IconReply.displayName = 'IconReply';
 
-var _excluded$Z = ["testId", "size", "color", "style"];
+var _excluded$_ = ["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$Z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4672,14 +4672,14 @@ var IconRocket = React.forwardRef(function (_ref, ref) {
 });
 IconRocket.displayName = 'IconRocket';
 
-var _excluded$Y = ["testId", "size", "color", "style"];
+var _excluded$Z = ["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$Y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4702,14 +4702,14 @@ var IconSearch = React.forwardRef(function (_ref, ref) {
 });
 IconSearch.displayName = 'IconSearch';
 
-var _excluded$X = ["testId", "size", "color", "style"];
+var _excluded$Y = ["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$X);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4730,14 +4730,14 @@ var IconSignOut = React.forwardRef(function (_ref, ref) {
 });
 IconSignOut.displayName = 'IconSignOut';
 
-var _excluded$W = ["testId", "size", "color", "style"];
+var _excluded$X = ["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$W);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$X);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4760,14 +4760,14 @@ var IconSitemap = React.forwardRef(function (_ref, ref) {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-var _excluded$V = ["testId", "size", "color", "style"];
+var _excluded$W = ["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$V);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4795,14 +4795,14 @@ var IconSlidersH = React.forwardRef(function (_ref, ref) {
 });
 IconSlidersH.displayName = 'IconSlidersH';
 
-var _excluded$U = ["testId", "size", "color", "style"];
+var _excluded$V = ["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$U);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$V);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4823,14 +4823,14 @@ var IconSort = React.forwardRef(function (_ref, ref) {
 });
 IconSort.displayName = 'IconSort';
 
-var _excluded$T = ["testId", "size", "color", "style"];
+var _excluded$U = ["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$T);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$U);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4851,14 +4851,14 @@ var IconStarSolid = React.forwardRef(function (_ref, ref) {
 });
 IconStarSolid.displayName = 'IconStarSolid';
 
-var _excluded$S = ["testId", "size", "color", "style"];
+var _excluded$T = ["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$S);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$T);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4879,14 +4879,14 @@ var IconStar = React.forwardRef(function (_ref, ref) {
 });
 IconStar.displayName = 'IconStar';
 
-var _excluded$R = ["testId", "size", "color", "style"];
+var _excluded$S = ["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$R);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$S);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4910,14 +4910,14 @@ var IconStickyNoteLines = React.forwardRef(function (_ref, ref) {
 });
 IconStickyNoteLines.displayName = 'IconStickyNoteLines';
 
-var _excluded$Q = ["testId", "size", "color", "style"];
+var _excluded$R = ["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$Q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$R);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4940,14 +4940,14 @@ var IconStopwatch = React.forwardRef(function (_ref, ref) {
 });
 IconStopwatch.displayName = 'IconStopwatch';
 
-var _excluded$P = ["testId", "size", "color", "style"];
+var _excluded$Q = ["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$P);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4975,14 +4975,14 @@ var IconStrikethrough = React.forwardRef(function (_ref, ref) {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
 
-var _excluded$O = ["testId", "size", "color", "style"];
+var _excluded$P = ["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$O);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$P);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5003,14 +5003,14 @@ var IconSyncExclaimation = React.forwardRef(function (_ref, ref) {
 });
 IconSyncExclaimation.displayName = 'IconSyncExclaimation';
 
-var _excluded$N = ["testId", "size", "color", "style"];
+var _excluded$O = ["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$N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$O);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5031,14 +5031,14 @@ var IconSync = React.forwardRef(function (_ref, ref) {
 });
 IconSync.displayName = 'IconSync';
 
-var _excluded$M = ["testId", "size", "color", "style"];
+var _excluded$N = ["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$M);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$N);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5066,14 +5066,14 @@ var IconTable = React.forwardRef(function (_ref, ref) {
 });
 IconTable.displayName = 'IconTable';
 
-var _excluded$L = ["testId", "size", "color", "style"];
+var _excluded$M = ["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$L);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$M);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5093,14 +5093,14 @@ var IconTachometer = React.forwardRef(function (_ref, ref) {
 });
 IconTachometer.displayName = 'IconTachometer';
 
-var _excluded$K = ["testId", "size", "color", "style"];
+var _excluded$L = ["testId", "size", "color", "style"];
 var IconTimesOctagon = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-times-octagon' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$L);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5123,14 +5123,14 @@ var IconTimesOctagon = React.forwardRef(function (_ref, ref) {
 });
 IconTimesOctagon.displayName = 'IconTimesOctagon';
 
-var _excluded$J = ["testId", "size", "color", "style"];
+var _excluded$K = ["testId", "size", "color", "style"];
 var IconTimes = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-times' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$J);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$K);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5153,14 +5153,14 @@ var IconTimes = React.forwardRef(function (_ref, ref) {
 });
 IconTimes.displayName = 'IconTimes';
 
-var _excluded$I = ["testId", "size", "color", "style"];
+var _excluded$J = ["testId", "size", "color", "style"];
 var IconTrash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-trash' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$J);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5183,14 +5183,14 @@ var IconTrash = React.forwardRef(function (_ref, ref) {
 });
 IconTrash.displayName = 'IconTrash';
 
-var _excluded$H = ["testId", "size", "color", "style"];
+var _excluded$I = ["testId", "size", "color", "style"];
 var IconUnderline = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-underline' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$I);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5211,14 +5211,14 @@ var IconUnderline = React.forwardRef(function (_ref, ref) {
 });
 IconUnderline.displayName = 'IconUnderline';
 
-var _excluded$G = ["testId", "size", "color", "style"];
+var _excluded$H = ["testId", "size", "color", "style"];
 var IconUndo = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-undo' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$H);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5239,14 +5239,14 @@ var IconUndo = React.forwardRef(function (_ref, ref) {
 });
 IconUndo.displayName = 'IconUndo';
 
-var _excluded$F = ["testId", "size", "color", "style"];
+var _excluded$G = ["testId", "size", "color", "style"];
 var IconUniversity = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-university' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$G);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5274,14 +5274,14 @@ var IconUniversity = React.forwardRef(function (_ref, ref) {
 });
 IconUniversity.displayName = 'IconUniversity';
 
-var _excluded$E = ["testId", "size", "color", "style"];
+var _excluded$F = ["testId", "size", "color", "style"];
 var IconUnlock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-unlock' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$F);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5309,14 +5309,14 @@ var IconUnlock = React.forwardRef(function (_ref, ref) {
 });
 IconUnlock.displayName = 'IconUnlock';
 
-var _excluded$D = ["testId", "size", "color", "style"];
+var _excluded$E = ["testId", "size", "color", "style"];
 var IconUserComputer = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-computer' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$E);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5348,14 +5348,14 @@ var IconUserComputer = React.forwardRef(function (_ref, ref) {
 });
 IconUserComputer.displayName = 'IconUserComputer';
 
-var _excluded$C = ["testId", "size", "color", "style"];
+var _excluded$D = ["testId", "size", "color", "style"];
 var IconUserFriends = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-friends' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$D);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5376,14 +5376,14 @@ var IconUserFriends = React.forwardRef(function (_ref, ref) {
 });
 IconUserFriends.displayName = 'IconUserFriends';
 
-var _excluded$B = ["testId", "size", "color", "style"];
+var _excluded$C = ["testId", "size", "color", "style"];
 var IconUserLight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-light' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$C);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5406,14 +5406,14 @@ var IconUserLight = React.forwardRef(function (_ref, ref) {
 });
 IconUserLight.displayName = 'IconUserLight';
 
-var _excluded$A = ["testId", "size", "color", "style"];
+var _excluded$B = ["testId", "size", "color", "style"];
 var IconUserPlus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-plus' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5434,14 +5434,14 @@ var IconUserPlus = React.forwardRef(function (_ref, ref) {
 });
 IconUserPlus.displayName = 'IconUserPlus';
 
-var _excluded$z = ["testId", "size", "color", "style"];
+var _excluded$A = ["testId", "size", "color", "style"];
 var IconUserSearch = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-search' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5471,14 +5471,14 @@ var IconUserSearch = React.forwardRef(function (_ref, ref) {
 });
 IconUserSearch.displayName = 'IconUserSearch';
 
-var _excluded$y = ["testId", "size", "color", "style"];
+var _excluded$z = ["testId", "size", "color", "style"];
 var IconUserSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-slash' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5506,14 +5506,14 @@ var IconUserSlash = React.forwardRef(function (_ref, ref) {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-var _excluded$x = ["testId", "size", "color", "style"];
+var _excluded$y = ["testId", "size", "color", "style"];
 var IconUserSolid = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-solid' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5534,14 +5534,14 @@ var IconUserSolid = React.forwardRef(function (_ref, ref) {
 });
 IconUserSolid.displayName = 'IconUserSolid';
 
-var _excluded$w = ["testId", "size", "color", "style"];
+var _excluded$x = ["testId", "size", "color", "style"];
 var IconUserTag = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-tag' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5564,14 +5564,14 @@ var IconUserTag = React.forwardRef(function (_ref, ref) {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-var _excluded$v = ["testId", "size", "color", "style"];
+var _excluded$w = ["testId", "size", "color", "style"];
 var IconUserTie = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-tie' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5592,14 +5592,14 @@ var IconUserTie = React.forwardRef(function (_ref, ref) {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-var _excluded$u = ["testId", "size", "color", "style"];
+var _excluded$v = ["testId", "size", "color", "style"];
 var IconUsers = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-users' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5620,14 +5620,14 @@ var IconUsers = React.forwardRef(function (_ref, ref) {
 });
 IconUsers.displayName = 'IconUsers';
 
-var _excluded$t = ["testId", "size", "color", "style"];
+var _excluded$u = ["testId", "size", "color", "style"];
 var IconVideo = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-video' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5648,14 +5648,14 @@ var IconVideo = React.forwardRef(function (_ref, ref) {
 });
 IconVideo.displayName = 'IconVideo';
 
-var _excluded$s = ["testId", "size", "color", "style"];
+var _excluded$t = ["testId", "size", "color", "style"];
 var IconVolumeMute = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-volume-mute' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5676,14 +5676,14 @@ var IconVolumeMute = React.forwardRef(function (_ref, ref) {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-var _excluded$r = ["testId", "size", "color", "style"];
+var _excluded$s = ["testId", "size", "color", "style"];
 var IconVolume = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-volume' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5704,14 +5704,14 @@ var IconVolume = React.forwardRef(function (_ref, ref) {
 });
 IconVolume.displayName = 'IconVolume';
 
-var _excluded$q = ["testId", "size", "color", "style"];
+var _excluded$r = ["testId", "size", "color", "style"];
 var IconWrench = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-wrench' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5861,7 +5861,7 @@ var useTranslation = function useTranslation(context) {
   return translate;
 };
 
-var _excluded$p = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
+var _excluded$q = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
 /**
  * `PaginationControls` are two buttons side by side.
  */
@@ -5874,7 +5874,7 @@ var PaginationControls = function PaginationControls(_ref) {
     onNextClick = _ref.onNextClick,
     testId = _ref.testId,
     scrollTarget = _ref.scrollTarget,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$p);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$q);
   var __ = useTranslation('PaginationControls');
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
@@ -5942,7 +5942,7 @@ var LINK_TARGET = {
 
 var styles$1d = {"link":"_EiQ4c"};
 
-var _excluded$o = ["href", "target", "theme", "onClick", "children"];
+var _excluded$p = ["href", "target", "theme", "onClick", "children"];
 var Link = function Link(_ref) {
   var _classNames;
   var href = _ref.href,
@@ -5952,7 +5952,7 @@ var Link = function Link(_ref) {
     theme = _ref$theme === void 0 ? LINK_THEME.PRIMARY : _ref$theme,
     onClick = _ref.onClick,
     children = _ref.children,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$o);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$p);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   return React__default["default"].createElement("a", _extends({}, dataProps, {
@@ -6280,12 +6280,18 @@ var styles$19 = {"data-table-scroll-fake-border":"_wZ8Xg","data-table-scroll-fak
 var DataTableScrollFakeBorder = function DataTableScrollFakeBorder(_ref) {
   var _classNames, _classNames2, _classNames3;
   var placement = _ref.placement;
+  var backgroundColor = useBackgroundColor();
   return React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$19['data-table-scroll-fake-border'], (_classNames = {}, _classNames[styles$19['data-table-scroll-fake-border--top']] = placement === 'top', _classNames[styles$19['data-table-scroll-fake-border--bottom']] = placement === 'bottom', _classNames))
+    className: classnames__default["default"](styles$19['data-table-scroll-fake-border'], (_classNames = {}, _classNames[styles$19['data-table-scroll-fake-border--top']] = placement === 'top', _classNames[styles$19['data-table-scroll-fake-border--bottom']] = placement === 'bottom', _classNames)),
+    // @ts-expect-error This difines a custom CSS variable
+    style: {
+      '--corner-background-color': backgroundColor
+    }
   }, React__default["default"].createElement("div", {
     className: classnames__default["default"](styles$19['data-table-scroll-fake-border__left'], (_classNames2 = {}, _classNames2[styles$19['data-table-scroll-fake-border__left--top']] = placement === 'top', _classNames2[styles$19['data-table-scroll-fake-border__left--bottom']] = placement === 'bottom', _classNames2))
   }), React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$19['data-table-scroll-fake-border__right'], (_classNames3 = {}, _classNames3[styles$19['data-table-scroll-fake-border__right--top']] = placement === 'top', _classNames3[styles$19['data-table-scroll-fake-border__right--bottom']] = placement === 'bottom', _classNames3))
+    className: classnames__default["default"](styles$19['data-table-scroll-fake-border__right'], (_classNames3 = {}, _classNames3[styles$19['data-table-scroll-fake-border__right--top']] = placement === 'top', _classNames3[styles$19['data-table-scroll-fake-border__right--bottom']] = placement === 'bottom', _classNames3)),
+    "data-background-color": "red"
   }));
 };
 
@@ -6373,7 +6379,7 @@ var InlineBannerIcon = function InlineBannerIcon(_ref) {
   }
 };
 
-var _excluded$n = ["children", "theme", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
+var _excluded$o = ["children", "theme", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
 var InlineBanner = function InlineBanner(_ref) {
   var _classnames, _classnames2;
   var children = _ref.children,
@@ -6385,7 +6391,7 @@ var InlineBanner = function InlineBanner(_ref) {
     primaryButton = _ref.primaryButton,
     secondaryButton = _ref.secondaryButton,
     testId = _ref.testId,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$n);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$o);
   var positionStyles = usePositionStyles(positionProps);
   var multiLine = !!title;
   var dismissable = !!onClose;
@@ -6738,7 +6744,7 @@ var ALIGNMENTS = {
 
 var styles$11 = {"text":"_6SgoN","text__body":"_SF95f","text__caption":"_HHohB","text__insight":"_xdhK0","text--bold":"_i2LHD","text--italic":"_NgSTT","text--underline":"_ouqVK","text--monospace":"_Vi-V1","text--align-left":"_tfSIf","text--align-right":"_AK1Nr","text--align-center":"_N-tR4","text--align-justify":"_LkMr0"};
 
-var _excluded$m = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
+var _excluded$n = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
 var TextComponent = function TextComponent(_ref, ref) {
   var _classnames;
   var children = _ref.children,
@@ -6749,7 +6755,7 @@ var TextComponent = function TextComponent(_ref, ref) {
     color = _ref.color,
     testId = _ref.testId,
     textWrap = _ref.textWrap,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$m);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$n);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -6794,7 +6800,7 @@ var Italic = function Italic(_ref) {
   }, children);
 };
 
-var _excluded$l = ["id", "label", "caption", "characterCount", "error", "children"];
+var _excluded$m = ["id", "label", "caption", "characterCount", "error", "children"];
 var Field = function Field(_ref) {
   var id = _ref.id,
     label = _ref.label,
@@ -6802,7 +6808,7 @@ var Field = function Field(_ref) {
     characterCount = _ref.characterCount,
     error = _ref.error,
     children = _ref.children,
-    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$l);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$m);
   var shouldRenderLabel = label || typeof label === 'string';
   var CharacterConter = function CharacterConter() {
     return React__default["default"].createElement(Inline, {
@@ -6941,7 +6947,7 @@ var useFieldControllers = function useFieldControllers(_ref) {
 
 var styles$10 = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
 
-var _excluded$k = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
+var _excluded$l = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
 var useTextField = function useTextField(_ref) {
   var _classnames;
   var autoComplete = _ref.autoComplete,
@@ -6962,7 +6968,7 @@ var useTextField = function useTextField(_ref) {
     value = _ref.value,
     ref = _ref.ref,
     testId = _ref.testId,
-    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$l);
   var controllers = useFieldControllers({
     error: error,
     id: id,
@@ -7093,7 +7099,7 @@ var TimeFieldInput = function TimeFieldInput(_ref) {
   })));
 };
 
-var _excluded$j = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration"];
+var _excluded$k = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration"];
 var TimeFieldDropdownElement = function TimeFieldDropdownElement(_ref, ref) {
   var _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? '9:00 AM' : _ref$placeholder,
@@ -7102,7 +7108,7 @@ var TimeFieldDropdownElement = function TimeFieldDropdownElement(_ref, ref) {
     selectedTimeOption = _ref.selectedTimeOption,
     prefix = _ref.prefix,
     duration = _ref.duration,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
   var _useTextField = useTextField(_extends({}, allOtherProps, {
       placeholder: placeholder,
       autoComplete: autoComplete,
@@ -7565,7 +7571,7 @@ var KebabMenu = function KebabMenu(_ref) {
 
 var styles$X = {"card":"_TXXpM","card__body":"_C3waP","card__body--interactive":"_uc-GV","card--focus":"_ft0I1","card__body--focus":"_wx2MU","card__body--disabled":"_TQDZH","card__body--with-kebab":"_kkYit","card__kebab":"_xrEdS","card__kebab--disabled":"_0WiOn","card__close":"_yODES","card__close--disabled":"_Vqf6o"};
 
-var _excluded$i = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
+var _excluded$j = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
 var Card = function Card(_ref) {
   var _classnames, _classnames2, _classnames3, _classnames4;
   var children = _ref.children,
@@ -7577,7 +7583,7 @@ var Card = function Card(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     actions = _ref.actions,
     testId = _ref.testId,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   var translate = useTranslation('Card');
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
@@ -7938,14 +7944,14 @@ var SKELETON_COMPONENT = {
   PILL: 'pill'
 };
 
-var _excluded$h = ["as", "testId", "width", "height"];
+var _excluded$i = ["as", "testId", "width", "height"];
 var Skeleton = function Skeleton(_ref) {
   var _classnames;
   var as = _ref.as,
     testId = _ref.testId,
     width = _ref.width,
     height = _ref.height,
-    positionStyles = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+    positionStyles = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   var positioning = usePositionStyles(positionStyles);
   return React__default["default"].createElement("div", {
     "data-testid": testId,
@@ -7957,7 +7963,7 @@ var Skeleton = function Skeleton(_ref) {
   });
 };
 
-var styles$O = {"item":"_nG--Q","clickable":"_II3M2","selected":"_ho205"};
+var styles$O = {"data-table-row":"_hhDnr","data-table-row--clickable":"_ej5Ke","data-table-row--selected":"_qDTAh"};
 
 var styles$N = {"actions":"_ffXgN"};
 
@@ -8000,7 +8006,7 @@ var ModalHeader = function ModalHeader(_ref) {
   }, subHeader));
 };
 
-var _excluded$g = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
+var _excluded$h = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
 var Modal = function Modal(_ref) {
   var children = _ref.children,
     header = _ref.header,
@@ -8017,7 +8023,7 @@ var Modal = function Modal(_ref) {
     _ref$shouldReturnFocu = _ref.shouldReturnFocusAfterClose,
     shouldReturnFocusAfterClose = _ref$shouldReturnFocu === void 0 ? true : _ref$shouldReturnFocu,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   var style = {
     content: {
       width: width,
@@ -8484,7 +8490,7 @@ var useCheckBoxFieldControllers = function useCheckBoxFieldControllers(_ref) {
 
 var styles$G = {"check-box-field":"_Id4qm","check-box-field__caption":"_s9d-m","check-box-field__custom-input":"_kmvBP"};
 
-var _excluded$f = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
+var _excluded$g = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
 /** CheckboxField form element. */
 var CheckboxField = function CheckboxField(_ref) {
   var name = _ref.name,
@@ -8497,7 +8503,7 @@ var CheckboxField = function CheckboxField(_ref) {
     error = _ref.error,
     disabled = _ref.disabled,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   var controllers = useCheckBoxFieldControllers({
     name: name,
     id: inputId,
@@ -8575,7 +8581,7 @@ var useLocalStorage = function useLocalStorage(key, initialValue) {
 
 var styles$F = {"hint-modal":"_NwD6V","hint-modal--after-open":"_4ofZb","hint-modal--before-close":"_hGoMD","hint-modal__overlay":"_iK5zl","hint-modal__image":"_V9hLa","hint-modal__body":"_oOqUg","hint-modal__close-button":"_5zcBK"};
 
-var _excluded$e = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
+var _excluded$f = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
 var HintModal = function HintModal(_ref) {
   var header = _ref.header,
     children = _ref.children,
@@ -8584,7 +8590,7 @@ var HintModal = function HintModal(_ref) {
     modalId = _ref.modalId,
     primaryButton = _ref.primaryButton,
     testId = _ref.testId,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$f);
   var __ = useTranslation('HintModal');
   var _useState = React.useState(false),
     doNotShowAgain = _useState[0],
@@ -8809,7 +8815,7 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
 };
 var DataTableEditableCell = React.forwardRef(DataTableEditableCellElement);
 
-var _excluded$d = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
+var _excluded$e = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
 var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
   var _classnames;
   var children = _ref.children,
@@ -8821,10 +8827,10 @@ var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
     _ref$hasDefaultCell = _ref.hasDefaultCell,
     hasDefaultCell = _ref$hasDefaultCell === void 0 ? true : _ref$hasDefaultCell,
     testId = _ref.testId,
-    nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+    nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   var _useDataTableContext = useDataTableContext(),
     showActionMenu = _useDataTableContext.showActionMenu;
-  var styleNames = classnames__default["default"](styles$O['item'], (_classnames = {}, _classnames[styles$O['clickable']] = onClick, _classnames[styles$O['selected']] = isSelected, _classnames));
+  var styleNames = classnames__default["default"](styles$O['data-table-row'], (_classnames = {}, _classnames[styles$O['data-table-row--clickable']] = onClick, _classnames[styles$O['data-table-row--selected']] = isSelected, _classnames));
   var renderColumn = function renderColumn(columnElement, index) {
     var isUsingDataTableCell = columnElement && typeof columnElement === 'object' && 'type' in columnElement && (columnElement == null ? void 0 : columnElement.type) === DataTableCell;
     if (isUsingDataTableCell || !hasDefaultCell) {
@@ -9213,7 +9219,7 @@ var DataTableEmptyState = function DataTableEmptyState(_ref) {
   }, customEmptyState ? customEmptyState.caption : translate('emptyStateCaption')))));
 };
 
-var _excluded$c = ["items", "columns", "itemComponent", "maxHeight", "hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "onSort", "isLoading", "showActionMenu", "footerComponent", "hasVerticalBorders", "testId", "skeletonRowLayout", "stickyColumns", "emptyState"];
+var _excluded$d = ["items", "columns", "itemComponent", "maxHeight", "hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "onSort", "isLoading", "showActionMenu", "footerComponent", "hasVerticalBorders", "testId", "skeletonRowLayout", "stickyColumns", "emptyState"];
 var DataTable = function DataTable(_ref) {
   var _classNames, _classNames2, _classNames3;
   var items = _ref.items,
@@ -9238,7 +9244,7 @@ var DataTable = function DataTable(_ref) {
     skeletonRowLayout = _ref.skeletonRowLayout,
     stickyColumns = _ref.stickyColumns,
     emptyState = _ref.emptyState,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   var prevItemsRef = React.useRef([]);
@@ -9624,11 +9630,11 @@ var isReactSelectElement = function isReactSelectElement(element) {
 
 var styles$v = {"custom-control":"_pXQqq"};
 
-var _excluded$b = ["children"];
+var _excluded$c = ["children"];
 function CustomControl(_ref) {
   var _props$getValue;
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
   var SelectedOptionPrefix = props.selectProps.componentsProps.SelectedOptionPrefix;
   var selectedOption = (_props$getValue = props.getValue()) == null ? void 0 : _props$getValue[0];
   return React__default["default"].createElement(Select.components.Control, _extends({}, props), SelectedOptionPrefix && selectedOption ? React__default["default"].createElement("div", {
@@ -9645,10 +9651,10 @@ function CustomControl(_ref) {
   }, props)), children)) : children);
 }
 
-var _excluded$a = ["children"];
+var _excluded$b = ["children"];
 function CustomOption(_ref) {
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
   var UserCustomOption = props.selectProps.componentsProps.UserCustomOption;
   return React__default["default"].createElement(Select.components.Option, _extends({}, props), React__default["default"].createElement(UserCustomOption, _extends({}, props), children));
 }
@@ -9802,10 +9808,10 @@ var CustomContainer = function CustomContainer(props) {
 
 var styles$u = {"custom-menu-text-field":"_AAUjm","custom-menu-hr":"_mFLK9","custom-menu-div":"_1XpI4"};
 
-var _excluded$9 = ["children"];
+var _excluded$a = ["children"];
 function CustomMenu(_ref) {
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   var _props$selectProps$co = props.selectProps.componentsProps,
     creatableButton = _props$selectProps$co.creatableButton,
     onMenuInputFocus = _props$selectProps$co.onMenuInputFocus,
@@ -9984,7 +9990,7 @@ var useSelectField = function useSelectField(_ref) {
     inputId: controllers.id,
     isClearable: isClearable,
     isDisabled: disabled,
-    menuPortalTarget: document.getElementById('portals') || document.body,
+    menuPortalTarget: document.body,
     menuPlacement: menuShouldScrollIntoView ? 'bottom' : 'auto',
     menuPosition: menuShouldScrollIntoView ? 'absolute' : 'fixed',
     noOptionsMessage: typeof noOptionsMessage === 'function' ? noOptionsMessage : defaultNoOptionsMessage,
@@ -10539,11 +10545,11 @@ var TextAreaField = function TextAreaField(_ref) {
   }, toolbar)));
 };
 
-var _excluded$8 = ["prefix", "suffix"];
+var _excluded$9 = ["prefix", "suffix"];
 var TextFieldElement = function TextFieldElement(_ref, ref) {
   var prefix = _ref.prefix,
     suffix = _ref.suffix,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
   var _useTextField = useTextField(_extends({}, props, {
       ref: ref
     })),
@@ -11146,12 +11152,12 @@ var MultiSelectField = function MultiSelectField(_ref) {
 
 var styles$d = {"custom-list":"_cSkvD"};
 
-var _excluded$7 = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
+var _excluded$8 = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
 var CustomList = function CustomList(_ref) {
   var children = _ref.children,
     hasMoreOptions = _ref.hasMoreOptions,
     hasMoreOptionsFirstLoad = _ref.hasMoreOptionsFirstLoad,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
   var __ = useTranslation('AsyncSelectField');
   var showFooter = hasMoreOptions;
   if (props.selectProps.inputValue === '' && typeof hasMoreOptionsFirstLoad === 'boolean') {
@@ -11164,14 +11170,14 @@ var CustomList = function CustomList(_ref) {
   }, __('moreOptionsPlaceholder')))));
 };
 
-var _excluded$6 = ["loadOptions"];
+var _excluded$7 = ["loadOptions"];
 /**
  * Component to make possible choose from async options. It looks exactly as the [SelectField](./?path=/docs/forms-selectfield--default) but, this one handles asynchronous options.
  * Instead of passing a `options` props, this component requires a `loadOptions` prop.
  * */
 var AsyncSelectField = function AsyncSelectField(_ref) {
   var loadOptions = _ref.loadOptions,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var _useState = React.useState(false),
     hasMoreOptions = _useState[0],
     setHasMoreOptions = _useState[1];
@@ -12024,7 +12030,7 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
   })));
 };
 
-var _excluded$5 = ["interval", "startTime", "prefix", "endField", "duration", "subtractDuration", "calculateDuration"];
+var _excluded$6 = ["interval", "startTime", "prefix", "endField", "duration", "subtractDuration", "calculateDuration"];
 var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
   var _ref$interval = _ref.interval,
     interval = _ref$interval === void 0 ? 15 : _ref$interval,
@@ -12035,7 +12041,7 @@ var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
     duration = _ref.duration,
     subtractDuration = _ref.subtractDuration,
     calculateDuration = _ref.calculateDuration,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var internalRef = React.useRef(null);
   var ref = forwardedRef || internalRef;
   var _useState = React.useState(allOtherProps.value || allOtherProps.defaultValue),
@@ -12238,13 +12244,13 @@ var styles$a = {"currency-field__mask-display":"_ddacu"};
 var CURRENCY_DISPLAY_DEFAULT_MARGIN = 8;
 var CURRENCY_DISPLAY_MARGIN_BUFFER = 1;
 
-var _excluded$4 = ["currencySymbol", "step"];
+var _excluded$5 = ["currencySymbol", "step"];
 var CurrencyFieldElement = function CurrencyFieldElement(_ref, forwardedRef) {
   var _ref$currencySymbol = _ref.currencySymbol,
     currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol,
     _ref$step = _ref.step,
     step = _ref$step === void 0 ? 0.01 : _ref$step,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   var _useState = React.useState(CURRENCY_DISPLAY_DEFAULT_MARGIN),
     displayPadding = _useState[0],
     setDisplayPadding = _useState[1];
@@ -12314,10 +12320,9 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, forwardedRef) {
  */
 var CurrencyField = React.forwardRef(CurrencyFieldElement);
 
-var _excluded$3 = ["max", "min", "precision", "stepSize", "prefix"];
-var PercentageElement = function PercentageElement(_ref, ref) {
-  var _ref$max = _ref.max,
-    max = _ref$max === void 0 ? 100 : _ref$max,
+var _excluded$4 = ["max", "min", "precision", "stepSize", "prefix", "suffix"];
+var NumberFieldElement = function NumberFieldElement(_ref, ref) {
+  var max = _ref.max,
     _ref$min = _ref.min,
     min = _ref$min === void 0 ? 0 : _ref$min,
     _ref$precision = _ref.precision,
@@ -12325,7 +12330,8 @@ var PercentageElement = function PercentageElement(_ref, ref) {
     _ref$stepSize = _ref.stepSize,
     stepSize = _ref$stepSize === void 0 ? 1 : _ref$stepSize,
     prefix = _ref.prefix,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    suffix = _ref.suffix,
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var _useTextField = useTextField(_extends({}, allOtherProps, {
       ref: ref
     })),
@@ -12355,13 +12361,13 @@ var PercentageElement = function PercentageElement(_ref, ref) {
       return false;
     }
     // Check for edge cases where the user should not be able to type in any more decimal points.
-    if (keyPress == '.' && (precision == 0 || Number(value) == max)) {
+    if (keyPress == '.' && (precision == 0 || max !== undefined && Number(value) == max)) {
       return false;
     }
     return true;
   };
   return React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement(AffixContainer, {
-    suffix: "%",
+    suffix: suffix,
     prefix: prefix
   }, React__default["default"].createElement("input", _extends({}, inputProps, {
     type: "number",
@@ -12379,7 +12385,7 @@ var PercentageElement = function PercentageElement(_ref, ref) {
     },
     onChange: function onChange(e) {
       var number = Number(e.target.value);
-      if (number > max) {
+      if (max !== undefined && number > max) {
         e.target.value = String(max);
       }
       if (number < min) {
@@ -12393,6 +12399,23 @@ var PercentageElement = function PercentageElement(_ref, ref) {
     }
   }))));
 };
+/**
+ * `NumberField` is an extended `TextField` input with validation and formatting in place to properly display number values.
+ * In its default state it only allows whole numbers, but it can be configured to allow decimals and negative values.
+ */
+var NumberField = React.forwardRef(NumberFieldElement);
+
+var _excluded$3 = ["max"];
+var PercentageElement = function PercentageElement(_ref, ref) {
+  var _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 100 : _ref$max,
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  return React__default["default"].createElement(NumberField, _extends({}, allOtherProps, {
+    suffix: "%",
+    ref: ref,
+    max: max
+  }));
+};
 /**
  * `PercentageField` is an extended `TextField` input with validation and formatting in place to properly display percentage values.
  * In its default state it only allows integers between 0 and 100, but it can be configured to allow decimals and negative values.