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

package/dist/index.modern.js

@@ -154,7 +154,7 @@ const capitalizeFirstLetter = text => {
 };
 const kebabize = str => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? '-' : '') + $.toLowerCase());
 
-const _excluded$2P = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
+const _excluded$2Q = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
 const getPositionProps = _ref => {
   let {
       m,
@@ -168,7 +168,7 @@ const getPositionProps = _ref => {
       ml,
       marginLeft
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2P);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2Q);
   return {
     positionProps: {
       m,
@@ -204,7 +204,7 @@ const getDataProps = (props, config) => {
   });
 };
 
-const _excluded$2O = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "flexGrow", "testId", "extraClass"];
+const _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
  */
@@ -223,7 +223,7 @@ const Flex = _ref => {
       testId,
       extraClass
     } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2O);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2P);
   const {
     positionProps,
     otherProps
@@ -264,7 +264,7 @@ const Flex = _ref => {
   }, child)));
 };
 
-const _excluded$2N = ["alignItems"];
+const _excluded$2O = ["alignItems"];
 /**
  * Layout component to easily stack elements up in a column.
  */
@@ -272,7 +272,7 @@ const Stack = _ref => {
   let {
       alignItems = 'stretch'
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2O);
   return React.createElement(Flex, _extends({}, props, {
     alignItems: alignItems,
     direction: "column"
@@ -281,7 +281,7 @@ const Stack = _ref => {
 
 var styles$1k = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
 
-const _excluded$2M = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
+const _excluded$2N = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
 /**
  * Used when you want to allow the user to turn some information ON and OFF.
  *
@@ -297,7 +297,7 @@ const Toggle = _ref => {
       id,
       testId
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2M);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2N);
   const {
     dataProps
   } = getDataProps(otherProps);
@@ -820,7 +820,7 @@ const COMPONENT_NAMES = {
   BUTTON: 'BUTTON'
 };
 
-const _excluded$2L = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
+const _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"];
 const ButtonComponent = (_ref, ref) => {
   let {
@@ -842,7 +842,7 @@ const ButtonComponent = (_ref, ref) => {
       testId,
       size
     } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2L);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2M);
   const {
     positionProps,
     otherProps
@@ -981,7 +981,7 @@ const useIsInsideComponent = parentComponentName => {
   return componentName === parentComponentName;
 };
 
-const _excluded$2K = ["testId", "size", "color", "style"];
+const _excluded$2L = ["testId", "size", "color", "style"];
 const IconInfoCircle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-info-circle',
@@ -989,7 +989,7 @@ const IconInfoCircle = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2L);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1012,7 +1012,7 @@ const IconInfoCircle = forwardRef((_ref, ref) => {
 });
 IconInfoCircle.displayName = 'IconInfoCircle';
 
-const _excluded$2J = ["testId", "size", "color", "style"];
+const _excluded$2K = ["testId", "size", "color", "style"];
 const IconAnalytics = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-analytics',
@@ -1020,7 +1020,7 @@ const IconAnalytics = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1043,7 +1043,7 @@ const IconAnalytics = forwardRef((_ref, ref) => {
 });
 IconAnalytics.displayName = 'IconAnalytics';
 
-const _excluded$2I = ["testId", "size", "color", "style"];
+const _excluded$2J = ["testId", "size", "color", "style"];
 const IconArrowDownWideShort = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-down-wide-short',
@@ -1051,7 +1051,7 @@ const IconArrowDownWideShort = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1072,7 +1072,7 @@ const IconArrowDownWideShort = forwardRef((_ref, ref) => {
 });
 IconArrowDownWideShort.displayName = 'IconArrowDownWideShort';
 
-const _excluded$2H = ["testId", "size", "color", "style"];
+const _excluded$2I = ["testId", "size", "color", "style"];
 const IconArrowDown = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-down',
@@ -1080,7 +1080,7 @@ const IconArrowDown = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1103,7 +1103,7 @@ const IconArrowDown = forwardRef((_ref, ref) => {
 });
 IconArrowDown.displayName = 'IconArrowDown';
 
-const _excluded$2G = ["testId", "size", "color", "style"];
+const _excluded$2H = ["testId", "size", "color", "style"];
 const IconArrowLeft = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-left',
@@ -1111,7 +1111,7 @@ const IconArrowLeft = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1134,7 +1134,7 @@ const IconArrowLeft = forwardRef((_ref, ref) => {
 });
 IconArrowLeft.displayName = 'IconArrowLeft';
 
-const _excluded$2F = ["testId", "size", "color", "style"];
+const _excluded$2G = ["testId", "size", "color", "style"];
 const IconArrowRight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-right',
@@ -1142,7 +1142,7 @@ const IconArrowRight = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1165,7 +1165,7 @@ const IconArrowRight = forwardRef((_ref, ref) => {
 });
 IconArrowRight.displayName = 'IconArrowRight';
 
-const _excluded$2E = ["testId", "size", "color", "style"];
+const _excluded$2F = ["testId", "size", "color", "style"];
 const IconArrowToTop = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-to-top',
@@ -1173,7 +1173,7 @@ const IconArrowToTop = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1194,7 +1194,7 @@ const IconArrowToTop = forwardRef((_ref, ref) => {
 });
 IconArrowToTop.displayName = 'IconArrowToTop';
 
-const _excluded$2D = ["testId", "size", "color", "style"];
+const _excluded$2E = ["testId", "size", "color", "style"];
 const IconArrowTurnDownRight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-turn-down-right',
@@ -1202,7 +1202,7 @@ const IconArrowTurnDownRight = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1231,7 +1231,7 @@ const IconArrowTurnDownRight = forwardRef((_ref, ref) => {
 });
 IconArrowTurnDownRight.displayName = 'IconArrowTurnDownRight';
 
-const _excluded$2C = ["testId", "size", "color", "style"];
+const _excluded$2D = ["testId", "size", "color", "style"];
 const IconArrowUp = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-up',
@@ -1239,7 +1239,7 @@ const IconArrowUp = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1262,7 +1262,7 @@ const IconArrowUp = forwardRef((_ref, ref) => {
 });
 IconArrowUp.displayName = 'IconArrowUp';
 
-const _excluded$2B = ["testId", "size", "color", "style"];
+const _excluded$2C = ["testId", "size", "color", "style"];
 const IconAward = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-award',
@@ -1270,7 +1270,7 @@ const IconAward = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1293,7 +1293,7 @@ const IconAward = forwardRef((_ref, ref) => {
 });
 IconAward.displayName = 'IconAward';
 
-const _excluded$2A = ["testId", "size", "color", "style"];
+const _excluded$2B = ["testId", "size", "color", "style"];
 const IconAwfulMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-awful-monochromatic',
@@ -1301,7 +1301,7 @@ const IconAwfulMonochromatic = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1354,7 +1354,7 @@ const IconAwfulMonochromatic = forwardRef((_ref, ref) => {
 });
 IconAwfulMonochromatic.displayName = 'IconAwfulMonochromatic';
 
-const _excluded$2z = ["testId", "size", "color", "style"];
+const _excluded$2A = ["testId", "size", "color", "style"];
 const IconAwful = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-awful',
@@ -1362,7 +1362,7 @@ const IconAwful = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1403,7 +1403,7 @@ const IconAwful = forwardRef((_ref, ref) => {
 });
 IconAwful.displayName = 'IconAwful';
 
-const _excluded$2y = ["testId", "size", "color", "style"];
+const _excluded$2z = ["testId", "size", "color", "style"];
 const IconBadMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bad-monochromatic',
@@ -1411,7 +1411,7 @@ const IconBadMonochromatic = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1450,7 +1450,7 @@ const IconBadMonochromatic = forwardRef((_ref, ref) => {
 });
 IconBadMonochromatic.displayName = 'IconBadMonochromatic';
 
-const _excluded$2x = ["testId", "size", "color", "style"];
+const _excluded$2y = ["testId", "size", "color", "style"];
 const IconBad = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bad',
@@ -1458,7 +1458,7 @@ const IconBad = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1485,7 +1485,7 @@ const IconBad = forwardRef((_ref, ref) => {
 });
 IconBad.displayName = 'IconBad';
 
-const _excluded$2w = ["testId", "size", "color", "style"];
+const _excluded$2x = ["testId", "size", "color", "style"];
 const IconBalanceScaleLeft = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-balance-scale-left',
@@ -1493,7 +1493,7 @@ const IconBalanceScaleLeft = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1521,7 +1521,7 @@ const IconBalanceScaleLeft = forwardRef((_ref, ref) => {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
 
-const _excluded$2v = ["testId", "size", "color", "style"];
+const _excluded$2w = ["testId", "size", "color", "style"];
 const IconBalanceScale = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-balance-scale',
@@ -1529,7 +1529,7 @@ const IconBalanceScale = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1557,7 +1557,7 @@ const IconBalanceScale = forwardRef((_ref, ref) => {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
 
-const _excluded$2u = ["testId", "size", "color", "style"];
+const _excluded$2v = ["testId", "size", "color", "style"];
 const IconBan = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-ban',
@@ -1565,7 +1565,7 @@ const IconBan = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1586,7 +1586,7 @@ const IconBan = forwardRef((_ref, ref) => {
 });
 IconBan.displayName = 'IconBan';
 
-const _excluded$2t = ["testId", "size", "color", "style"];
+const _excluded$2u = ["testId", "size", "color", "style"];
 const IconBarsH = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bars-h',
@@ -1594,7 +1594,7 @@ const IconBarsH = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1617,7 +1617,7 @@ const IconBarsH = forwardRef((_ref, ref) => {
 });
 IconBarsH.displayName = 'IconBarsH';
 
-const _excluded$2s = ["testId", "size", "color", "style"];
+const _excluded$2t = ["testId", "size", "color", "style"];
 const IconBarsV = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bars-v',
@@ -1625,7 +1625,7 @@ const IconBarsV = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1646,7 +1646,7 @@ const IconBarsV = forwardRef((_ref, ref) => {
 });
 IconBarsV.displayName = 'IconBarsV';
 
-const _excluded$2r = ["testId", "size", "color", "style"];
+const _excluded$2s = ["testId", "size", "color", "style"];
 const IconBell = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bell',
@@ -1654,7 +1654,7 @@ const IconBell = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1677,7 +1677,7 @@ const IconBell = forwardRef((_ref, ref) => {
 });
 IconBell.displayName = 'IconBell';
 
-const _excluded$2q = ["testId", "size", "color", "style"];
+const _excluded$2r = ["testId", "size", "color", "style"];
 const IconBirthdayCake = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-birthday-cake',
@@ -1685,7 +1685,7 @@ const IconBirthdayCake = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1706,7 +1706,7 @@ const IconBirthdayCake = forwardRef((_ref, ref) => {
 });
 IconBirthdayCake.displayName = 'IconBirthdayCake';
 
-const _excluded$2p = ["testId", "size", "color", "style"];
+const _excluded$2q = ["testId", "size", "color", "style"];
 const IconBold = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bold',
@@ -1714,7 +1714,7 @@ const IconBold = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1735,7 +1735,7 @@ const IconBold = forwardRef((_ref, ref) => {
 });
 IconBold.displayName = 'IconBold';
 
-const _excluded$2o = ["testId", "size", "color", "style"];
+const _excluded$2p = ["testId", "size", "color", "style"];
 const IconBolt = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bolt',
@@ -1743,7 +1743,7 @@ const IconBolt = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1771,7 +1771,7 @@ const IconBolt = forwardRef((_ref, ref) => {
 });
 IconBolt.displayName = 'IconBolt';
 
-const _excluded$2n = ["testId", "size", "color", "style"];
+const _excluded$2o = ["testId", "size", "color", "style"];
 const IconBook = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-book',
@@ -1779,7 +1779,7 @@ const IconBook = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1802,7 +1802,7 @@ const IconBook = forwardRef((_ref, ref) => {
 });
 IconBook.displayName = 'IconBook';
 
-const _excluded$2m = ["testId", "size", "color", "style"];
+const _excluded$2n = ["testId", "size", "color", "style"];
 const IconBriefcase = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-briefcase',
@@ -1810,7 +1810,7 @@ const IconBriefcase = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1831,7 +1831,7 @@ const IconBriefcase = forwardRef((_ref, ref) => {
 });
 IconBriefcase.displayName = 'IconBriefcase';
 
-const _excluded$2l = ["testId", "size", "color", "style"];
+const _excluded$2m = ["testId", "size", "color", "style"];
 const IconBullseyeArrow = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bullseye-arrow',
@@ -1839,7 +1839,7 @@ const IconBullseyeArrow = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1862,7 +1862,7 @@ const IconBullseyeArrow = forwardRef((_ref, ref) => {
 });
 IconBullseyeArrow.displayName = 'IconBullseyeArrow';
 
-const _excluded$2k = ["testId", "size", "color", "style"];
+const _excluded$2l = ["testId", "size", "color", "style"];
 const IconCalculator = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calculator',
@@ -1870,7 +1870,7 @@ const IconCalculator = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1893,7 +1893,7 @@ const IconCalculator = forwardRef((_ref, ref) => {
 });
 IconCalculator.displayName = 'IconCalculator';
 
-const _excluded$2j = ["testId", "size", "color", "style"];
+const _excluded$2k = ["testId", "size", "color", "style"];
 const IconCalendarAlt = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-alt',
@@ -1901,7 +1901,7 @@ const IconCalendarAlt = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1924,7 +1924,7 @@ const IconCalendarAlt = forwardRef((_ref, ref) => {
 });
 IconCalendarAlt.displayName = 'IconCalendarAlt';
 
-const _excluded$2i = ["testId", "size", "color", "style"];
+const _excluded$2j = ["testId", "size", "color", "style"];
 const IconCalendarCheck = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-check',
@@ -1932,7 +1932,7 @@ const IconCalendarCheck = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1955,7 +1955,7 @@ const IconCalendarCheck = forwardRef((_ref, ref) => {
 });
 IconCalendarCheck.displayName = 'IconCalendarCheck';
 
-const _excluded$2h = ["testId", "size", "color", "style"];
+const _excluded$2i = ["testId", "size", "color", "style"];
 const IconCalendarDay = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-day',
@@ -1963,7 +1963,7 @@ const IconCalendarDay = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1991,7 +1991,7 @@ const IconCalendarDay = forwardRef((_ref, ref) => {
 });
 IconCalendarDay.displayName = 'IconCalendarDay';
 
-const _excluded$2g = ["testId", "size", "color", "style"];
+const _excluded$2h = ["testId", "size", "color", "style"];
 const IconCalendarExclamation = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-exclamation',
@@ -1999,7 +1999,7 @@ const IconCalendarExclamation = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2020,7 +2020,7 @@ const IconCalendarExclamation = forwardRef((_ref, ref) => {
 });
 IconCalendarExclamation.displayName = 'IconCalendarExclamation';
 
-const _excluded$2f = ["testId", "size", "color", "style"];
+const _excluded$2g = ["testId", "size", "color", "style"];
 const IconCalendarStar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-star',
@@ -2028,7 +2028,7 @@ const IconCalendarStar = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2049,7 +2049,7 @@ const IconCalendarStar = forwardRef((_ref, ref) => {
 });
 IconCalendarStar.displayName = 'IconCalendarStar';
 
-const _excluded$2e = ["testId", "size", "color", "style"];
+const _excluded$2f = ["testId", "size", "color", "style"];
 const IconCalendarTomorrow = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-tomorrow',
@@ -2057,7 +2057,7 @@ const IconCalendarTomorrow = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2087,7 +2087,7 @@ const IconCalendarTomorrow = forwardRef((_ref, ref) => {
 });
 IconCalendarTomorrow.displayName = 'IconCalendarTomorrow';
 
-const _excluded$2d = ["testId", "size", "color", "style"];
+const _excluded$2e = ["testId", "size", "color", "style"];
 const IconCalendar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar',
@@ -2095,7 +2095,7 @@ const IconCalendar = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2118,7 +2118,7 @@ const IconCalendar = forwardRef((_ref, ref) => {
 });
 IconCalendar.displayName = 'IconCalendar';
 
-const _excluded$2c = ["testId", "size", "color", "style"];
+const _excluded$2d = ["testId", "size", "color", "style"];
 const IconCameraSlash = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-camera-slash',
@@ -2126,7 +2126,7 @@ const IconCameraSlash = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2150,7 +2150,7 @@ const IconCameraSlash = forwardRef((_ref, ref) => {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
 
-const _excluded$2b = ["testId", "size", "color", "style"];
+const _excluded$2c = ["testId", "size", "color", "style"];
 const IconCamera = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-camera',
@@ -2158,7 +2158,7 @@ const IconCamera = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2179,7 +2179,7 @@ const IconCamera = forwardRef((_ref, ref) => {
 });
 IconCamera.displayName = 'IconCamera';
 
-const _excluded$2a = ["testId", "size", "color", "style"];
+const _excluded$2b = ["testId", "size", "color", "style"];
 const IconCashRegister = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-cash-register',
@@ -2187,7 +2187,7 @@ const IconCashRegister = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2208,7 +2208,7 @@ const IconCashRegister = forwardRef((_ref, ref) => {
 });
 IconCashRegister.displayName = 'IconCashRegister';
 
-const _excluded$29 = ["testId", "size", "color", "style"];
+const _excluded$2a = ["testId", "size", "color", "style"];
 const IconChartBar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chart-bar',
@@ -2216,7 +2216,7 @@ const IconChartBar = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2239,7 +2239,7 @@ const IconChartBar = forwardRef((_ref, ref) => {
 });
 IconChartBar.displayName = 'IconChartBar';
 
-const _excluded$28 = ["testId", "size", "color", "style"];
+const _excluded$29 = ["testId", "size", "color", "style"];
 const IconCheckCircleIncomplete = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-check-circle-incomplete',
@@ -2247,7 +2247,7 @@ const IconCheckCircleIncomplete = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2268,7 +2268,7 @@ const IconCheckCircleIncomplete = forwardRef((_ref, ref) => {
 });
 IconCheckCircleIncomplete.displayName = 'IconCheckCircleIncomplete';
 
-const _excluded$27 = ["testId", "size", "color", "style"];
+const _excluded$28 = ["testId", "size", "color", "style"];
 const IconCheck = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-check',
@@ -2276,7 +2276,7 @@ const IconCheck = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2299,7 +2299,7 @@ const IconCheck = forwardRef((_ref, ref) => {
 });
 IconCheck.displayName = 'IconCheck';
 
-const _excluded$26 = ["testId", "size", "color", "style"];
+const _excluded$27 = ["testId", "size", "color", "style"];
 const IconChevronDown = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-down',
@@ -2307,7 +2307,7 @@ const IconChevronDown = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2330,7 +2330,7 @@ const IconChevronDown = forwardRef((_ref, ref) => {
 });
 IconChevronDown.displayName = 'IconChevronDown';
 
-const _excluded$25 = ["testId", "size", "color", "style"];
+const _excluded$26 = ["testId", "size", "color", "style"];
 const IconChevronLeft = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-left',
@@ -2338,7 +2338,7 @@ const IconChevronLeft = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2361,7 +2361,7 @@ const IconChevronLeft = forwardRef((_ref, ref) => {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
 
-const _excluded$24 = ["testId", "size", "color", "style"];
+const _excluded$25 = ["testId", "size", "color", "style"];
 const IconChevronRight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-right',
@@ -2369,7 +2369,7 @@ const IconChevronRight = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2392,7 +2392,7 @@ const IconChevronRight = forwardRef((_ref, ref) => {
 });
 IconChevronRight.displayName = 'IconChevronRight';
 
-const _excluded$23 = ["testId", "size", "color", "style"];
+const _excluded$24 = ["testId", "size", "color", "style"];
 const IconChevronUp = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-up',
@@ -2400,7 +2400,7 @@ const IconChevronUp = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2423,7 +2423,7 @@ const IconChevronUp = forwardRef((_ref, ref) => {
 });
 IconChevronUp.displayName = 'IconChevronUp';
 
-const _excluded$22 = ["testId", "size", "color", "style"];
+const _excluded$23 = ["testId", "size", "color", "style"];
 const IconClipboardList = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-clipboard-list',
@@ -2431,7 +2431,7 @@ const IconClipboardList = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2454,7 +2454,7 @@ const IconClipboardList = forwardRef((_ref, ref) => {
 });
 IconClipboardList.displayName = 'IconClipboardList';
 
-const _excluded$21 = ["testId", "size", "color", "style"];
+const _excluded$22 = ["testId", "size", "color", "style"];
 const IconClockRewind = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-clock-rewind',
@@ -2462,7 +2462,7 @@ const IconClockRewind = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2490,7 +2490,7 @@ const IconClockRewind = forwardRef((_ref, ref) => {
 });
 IconClockRewind.displayName = 'IconClockRewind';
 
-const _excluded$20 = ["testId", "size", "color", "style"];
+const _excluded$21 = ["testId", "size", "color", "style"];
 const IconClock = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-clock',
@@ -2498,7 +2498,7 @@ const IconClock = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2519,7 +2519,7 @@ const IconClock = forwardRef((_ref, ref) => {
 });
 IconClock.displayName = 'IconClock';
 
-const _excluded$1$ = ["testId", "size", "color", "style"];
+const _excluded$20 = ["testId", "size", "color", "style"];
 const IconCog = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-cog',
@@ -2527,7 +2527,7 @@ const IconCog = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2548,7 +2548,7 @@ const IconCog = forwardRef((_ref, ref) => {
 });
 IconCog.displayName = 'IconCog';
 
-const _excluded$1_ = ["testId", "size", "color", "style"];
+const _excluded$1$ = ["testId", "size", "color", "style"];
 const IconCommentLines = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-comment-lines',
@@ -2556,7 +2556,7 @@ const IconCommentLines = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2582,7 +2582,7 @@ const IconCommentLines = forwardRef((_ref, ref) => {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-const _excluded$1Z = ["testId", "size", "color", "style"];
+const _excluded$1_ = ["testId", "size", "color", "style"];
 const IconComment = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-comment',
@@ -2590,7 +2590,7 @@ const IconComment = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2613,7 +2613,7 @@ const IconComment = forwardRef((_ref, ref) => {
 });
 IconComment.displayName = 'IconComment';
 
-const _excluded$1Y = ["testId", "size", "color", "style"];
+const _excluded$1Z = ["testId", "size", "color", "style"];
 const IconCopy = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-copy',
@@ -2621,7 +2621,7 @@ const IconCopy = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Z);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2649,7 +2649,7 @@ const IconCopy = forwardRef((_ref, ref) => {
 });
 IconCopy.displayName = 'IconCopy';
 
-const _excluded$1X = ["testId", "size", "color", "style"];
+const _excluded$1Y = ["testId", "size", "color", "style"];
 const IconCreditCardPlus = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-credit-card-plus',
@@ -2657,7 +2657,7 @@ const IconCreditCardPlus = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1X);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2687,7 +2687,7 @@ const IconCreditCardPlus = forwardRef((_ref, ref) => {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-const _excluded$1W = ["testId", "size", "color", "style"];
+const _excluded$1X = ["testId", "size", "color", "style"];
 const IconCreditCard = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-credit-card',
@@ -2695,7 +2695,7 @@ const IconCreditCard = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1X);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2723,7 +2723,7 @@ const IconCreditCard = forwardRef((_ref, ref) => {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-const _excluded$1V = ["testId", "size", "color", "style"];
+const _excluded$1W = ["testId", "size", "color", "style"];
 const IconDecentMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-decent-monochromatic',
@@ -2731,7 +2731,7 @@ const IconDecentMonochromatic = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2774,7 +2774,7 @@ const IconDecentMonochromatic = forwardRef((_ref, ref) => {
 });
 IconDecentMonochromatic.displayName = 'IconDecentMonochromatic';
 
-const _excluded$1U = ["testId", "size", "color", "style"];
+const _excluded$1V = ["testId", "size", "color", "style"];
 const IconDecent = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-decent',
@@ -2782,7 +2782,7 @@ const IconDecent = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1U);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2813,7 +2813,7 @@ const IconDecent = forwardRef((_ref, ref) => {
 });
 IconDecent.displayName = 'IconDecent';
 
-const _excluded$1T = ["testId", "size", "color", "style"];
+const _excluded$1U = ["testId", "size", "color", "style"];
 const IconDownload = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-download',
@@ -2821,7 +2821,7 @@ const IconDownload = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1T);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1U);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2844,7 +2844,7 @@ const IconDownload = forwardRef((_ref, ref) => {
 });
 IconDownload.displayName = 'IconDownload';
 
-const _excluded$1S = ["testId", "size", "color", "style"];
+const _excluded$1T = ["testId", "size", "color", "style"];
 const IconEdit = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-edit',
@@ -2852,7 +2852,7 @@ const IconEdit = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1S);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1T);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2873,7 +2873,7 @@ const IconEdit = forwardRef((_ref, ref) => {
 });
 IconEdit.displayName = 'IconEdit';
 
-const _excluded$1R = ["testId", "size", "color", "style"];
+const _excluded$1S = ["testId", "size", "color", "style"];
 const IconEllipsisV = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-ellipsis-v',
@@ -2881,7 +2881,7 @@ const IconEllipsisV = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1R);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1S);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2904,7 +2904,7 @@ const IconEllipsisV = forwardRef((_ref, ref) => {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
 
-const _excluded$1Q = ["testId", "size", "color", "style"];
+const _excluded$1R = ["testId", "size", "color", "style"];
 const IconEnvelopeOpenDollar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-envelope-open-dollar',
@@ -2912,7 +2912,7 @@ const IconEnvelopeOpenDollar = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1R);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2940,7 +2940,7 @@ const IconEnvelopeOpenDollar = forwardRef((_ref, ref) => {
 });
 IconEnvelopeOpenDollar.displayName = 'IconEnvelopeOpenDollar';
 
-const _excluded$1P = ["testId", "size", "color", "style"];
+const _excluded$1Q = ["testId", "size", "color", "style"];
 const IconEnvelope = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-envelope',
@@ -2948,7 +2948,7 @@ const IconEnvelope = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Q);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2969,7 +2969,7 @@ const IconEnvelope = forwardRef((_ref, ref) => {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-const _excluded$1O = ["testId", "size", "color", "style"];
+const _excluded$1P = ["testId", "size", "color", "style"];
 const IconExclaimationTriangle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-exclaimation-triangle',
@@ -2977,7 +2977,7 @@ const IconExclaimationTriangle = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1O);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3000,7 +3000,7 @@ const IconExclaimationTriangle = forwardRef((_ref, ref) => {
 });
 IconExclaimationTriangle.displayName = 'IconExclaimationTriangle';
 
-const _excluded$1N = ["testId", "size", "color", "style"];
+const _excluded$1O = ["testId", "size", "color", "style"];
 const IconExclaimation = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-exclaimation',
@@ -3008,7 +3008,7 @@ const IconExclaimation = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1O);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3029,7 +3029,7 @@ const IconExclaimation = forwardRef((_ref, ref) => {
 });
 IconExclaimation.displayName = 'IconExclaimation';
 
-const _excluded$1M = ["testId", "size", "color", "style"];
+const _excluded$1N = ["testId", "size", "color", "style"];
 const IconExpand = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-expand',
@@ -3037,7 +3037,7 @@ const IconExpand = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1M);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1N);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3058,7 +3058,7 @@ const IconExpand = forwardRef((_ref, ref) => {
 });
 IconExpand.displayName = 'IconExpand';
 
-const _excluded$1L = ["testId", "size", "color", "style"];
+const _excluded$1M = ["testId", "size", "color", "style"];
 const IconExternalLink = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-external-link',
@@ -3066,7 +3066,7 @@ const IconExternalLink = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1L);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1M);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3089,7 +3089,7 @@ const IconExternalLink = forwardRef((_ref, ref) => {
 });
 IconExternalLink.displayName = 'IconExternalLink';
 
-const _excluded$1K = ["testId", "size", "color", "style"];
+const _excluded$1L = ["testId", "size", "color", "style"];
 const IconEyeSlash = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-eye-slash',
@@ -3097,7 +3097,7 @@ const IconEyeSlash = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1L);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3132,7 +3132,7 @@ const IconEyeSlash = forwardRef((_ref, ref) => {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
 
-const _excluded$1J = ["testId", "size", "color", "style"];
+const _excluded$1K = ["testId", "size", "color", "style"];
 const IconEye = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-eye',
@@ -3140,7 +3140,7 @@ const IconEye = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1J);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3168,7 +3168,7 @@ const IconEye = forwardRef((_ref, ref) => {
 });
 IconEye.displayName = 'IconEye';
 
-const _excluded$1I = ["testId", "size", "color", "style"];
+const _excluded$1J = ["testId", "size", "color", "style"];
 const IconFilePdf = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-file-pdf',
@@ -3176,7 +3176,7 @@ const IconFilePdf = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1J);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3204,7 +3204,7 @@ const IconFilePdf = forwardRef((_ref, ref) => {
 });
 IconFilePdf.displayName = 'IconFilePdf';
 
-const _excluded$1H = ["testId", "size", "color", "style"];
+const _excluded$1I = ["testId", "size", "color", "style"];
 const IconFile = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-file',
@@ -3212,7 +3212,7 @@ const IconFile = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1I);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3240,7 +3240,7 @@ const IconFile = forwardRef((_ref, ref) => {
 });
 IconFile.displayName = 'IconFile';
 
-const _excluded$1G = ["testId", "size", "color", "style"];
+const _excluded$1H = ["testId", "size", "color", "style"];
 const IconFlag = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-flag',
@@ -3248,7 +3248,7 @@ const IconFlag = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1H);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3276,7 +3276,7 @@ const IconFlag = forwardRef((_ref, ref) => {
 });
 IconFlag.displayName = 'IconFlag';
 
-const _excluded$1F = ["testId", "size", "color", "style"];
+const _excluded$1G = ["testId", "size", "color", "style"];
 const IconFourDotsCircle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-four-dots-circle',
@@ -3284,7 +3284,7 @@ const IconFourDotsCircle = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1G);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3307,7 +3307,7 @@ const IconFourDotsCircle = forwardRef((_ref, ref) => {
 });
 IconFourDotsCircle.displayName = 'IconFourDotsCircle';
 
-const _excluded$1E = ["testId", "size", "color", "style"];
+const _excluded$1F = ["testId", "size", "color", "style"];
 const IconFourSquares = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-four-squares',
@@ -3315,7 +3315,7 @@ const IconFourSquares = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1F);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3361,7 +3361,7 @@ const IconFourSquares = forwardRef((_ref, ref) => {
 });
 IconFourSquares.displayName = 'IconFourSquares';
 
-const _excluded$1D = ["testId", "size", "color", "style"];
+const _excluded$1E = ["testId", "size", "color", "style"];
 const IconGavel = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-gavel',
@@ -3369,7 +3369,7 @@ const IconGavel = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1E);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3390,7 +3390,7 @@ const IconGavel = forwardRef((_ref, ref) => {
 });
 IconGavel.displayName = 'IconGavel';
 
-const _excluded$1C = ["testId", "size", "color", "style"];
+const _excluded$1D = ["testId", "size", "color", "style"];
 const IconGif = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-gif',
@@ -3398,7 +3398,7 @@ const IconGif = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1D);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3423,7 +3423,7 @@ const IconGif = forwardRef((_ref, ref) => {
 });
 IconGif.displayName = 'IconGif';
 
-const _excluded$1B = ["testId", "size", "color", "style"];
+const _excluded$1C = ["testId", "size", "color", "style"];
 const IconGift = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-gift',
@@ -3431,7 +3431,7 @@ const IconGift = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1C);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3452,7 +3452,7 @@ const IconGift = forwardRef((_ref, ref) => {
 });
 IconGift.displayName = 'IconGift';
 
-const _excluded$1A = ["testId", "size", "color", "style"];
+const _excluded$1B = ["testId", "size", "color", "style"];
 const IconGoodMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-good-monochromatic',
@@ -3460,7 +3460,7 @@ const IconGoodMonochromatic = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1B);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3499,7 +3499,7 @@ const IconGoodMonochromatic = forwardRef((_ref, ref) => {
 });
 IconGoodMonochromatic.displayName = 'IconGoodMonochromatic';
 
-const _excluded$1z = ["testId", "size", "color", "style"];
+const _excluded$1A = ["testId", "size", "color", "style"];
 const IconGood = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-good',
@@ -3507,7 +3507,7 @@ const IconGood = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1A);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3534,7 +3534,7 @@ const IconGood = forwardRef((_ref, ref) => {
 });
 IconGood.displayName = 'IconGood';
 
-const _excluded$1y = ["testId", "size", "color", "style"];
+const _excluded$1z = ["testId", "size", "color", "style"];
 const IconGreatMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-great-monochromatic',
@@ -3542,7 +3542,7 @@ const IconGreatMonochromatic = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1z);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3583,7 +3583,7 @@ const IconGreatMonochromatic = forwardRef((_ref, ref) => {
 });
 IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
 
-const _excluded$1x = ["testId", "size", "color", "style"];
+const _excluded$1y = ["testId", "size", "color", "style"];
 const IconGreat = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-great',
@@ -3591,7 +3591,7 @@ const IconGreat = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1y);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3620,7 +3620,7 @@ const IconGreat = forwardRef((_ref, ref) => {
 });
 IconGreat.displayName = 'IconGreat';
 
-const _excluded$1w = ["testId", "size", "color", "style"];
+const _excluded$1x = ["testId", "size", "color", "style"];
 const IconGrinBeam = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-grin-beam',
@@ -3628,7 +3628,7 @@ const IconGrinBeam = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1x);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3649,7 +3649,7 @@ const IconGrinBeam = forwardRef((_ref, ref) => {
 });
 IconGrinBeam.displayName = 'IconGrinBeam';
 
-const _excluded$1v = ["testId", "size", "color", "style"];
+const _excluded$1w = ["testId", "size", "color", "style"];
 const IconGripVertical = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-grip-vertical',
@@ -3657,7 +3657,7 @@ const IconGripVertical = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1w);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3705,7 +3705,7 @@ const IconGripVertical = forwardRef((_ref, ref) => {
 });
 IconGripVertical.displayName = 'IconGripVertical';
 
-const _excluded$1u = ["testId", "size", "color", "style"];
+const _excluded$1v = ["testId", "size", "color", "style"];
 const IconHandshake = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-handshake',
@@ -3713,7 +3713,7 @@ const IconHandshake = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3741,7 +3741,7 @@ const IconHandshake = forwardRef((_ref, ref) => {
 });
 IconHandshake.displayName = 'IconHandshake';
 
-const _excluded$1t = ["testId", "size", "color", "style"];
+const _excluded$1u = ["testId", "size", "color", "style"];
 const IconHatChef = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-hat-chef',
@@ -3749,7 +3749,7 @@ const IconHatChef = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1u);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3770,7 +3770,7 @@ const IconHatChef = forwardRef((_ref, ref) => {
 });
 IconHatChef.displayName = 'IconHatChef';
 
-const _excluded$1s = ["testId", "size", "color", "style"];
+const _excluded$1t = ["testId", "size", "color", "style"];
 const IconImage = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-image',
@@ -3778,7 +3778,7 @@ const IconImage = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1t);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3806,7 +3806,7 @@ const IconImage = forwardRef((_ref, ref) => {
 });
 IconImage.displayName = 'IconImage';
 
-const _excluded$1r = ["testId", "size", "color", "style"];
+const _excluded$1s = ["testId", "size", "color", "style"];
 const IconIslandTropical = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-island-tropical',
@@ -3814,7 +3814,7 @@ const IconIslandTropical = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3837,7 +3837,7 @@ const IconIslandTropical = forwardRef((_ref, ref) => {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
 
-const _excluded$1q = ["testId", "size", "color", "style"];
+const _excluded$1r = ["testId", "size", "color", "style"];
 const IconItalic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-italic',
@@ -3845,7 +3845,7 @@ const IconItalic = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3866,7 +3866,7 @@ const IconItalic = forwardRef((_ref, ref) => {
 });
 IconItalic.displayName = 'IconItalic';
 
-const _excluded$1p = ["testId", "size", "color", "style"];
+const _excluded$1q = ["testId", "size", "color", "style"];
 const IconLaptopSearch = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-laptop-search',
@@ -3874,7 +3874,7 @@ const IconLaptopSearch = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3904,7 +3904,7 @@ const IconLaptopSearch = forwardRef((_ref, ref) => {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
 
-const _excluded$1o = ["testId", "size", "color", "style"];
+const _excluded$1p = ["testId", "size", "color", "style"];
 const IconLink = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-link',
@@ -3912,7 +3912,7 @@ const IconLink = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3940,7 +3940,7 @@ const IconLink = forwardRef((_ref, ref) => {
 });
 IconLink.displayName = 'IconLink';
 
-const _excluded$1n = ["testId", "size", "color", "style"];
+const _excluded$1o = ["testId", "size", "color", "style"];
 const IconListOI = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-list-o-i',
@@ -3948,7 +3948,7 @@ const IconListOI = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3976,7 +3976,7 @@ const IconListOI = forwardRef((_ref, ref) => {
 });
 IconListOI.displayName = 'IconListOI';
 
-const _excluded$1m = ["testId", "size", "color", "style"];
+const _excluded$1n = ["testId", "size", "color", "style"];
 const IconList = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-list',
@@ -3984,7 +3984,7 @@ const IconList = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4005,7 +4005,7 @@ const IconList = forwardRef((_ref, ref) => {
 });
 IconList.displayName = 'IconList';
 
-const _excluded$1l = ["testId", "size", "color", "style"];
+const _excluded$1m = ["testId", "size", "color", "style"];
 const IconLock = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-lock',
@@ -4013,7 +4013,7 @@ const IconLock = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4034,7 +4034,7 @@ const IconLock = forwardRef((_ref, ref) => {
 });
 IconLock.displayName = 'IconLock';
 
-const _excluded$1k = ["testId", "size", "color", "style"];
+const _excluded$1l = ["testId", "size", "color", "style"];
 const IconMagicSolid = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-magic-solid',
@@ -4042,7 +4042,7 @@ const IconMagicSolid = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4065,7 +4065,7 @@ const IconMagicSolid = forwardRef((_ref, ref) => {
 });
 IconMagicSolid.displayName = 'IconMagicSolid';
 
-const _excluded$1j = ["testId", "size", "color", "style"];
+const _excluded$1k = ["testId", "size", "color", "style"];
 const IconMapMarker = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-map-marker',
@@ -4073,7 +4073,7 @@ const IconMapMarker = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4096,7 +4096,7 @@ const IconMapMarker = forwardRef((_ref, ref) => {
 });
 IconMapMarker.displayName = 'IconMapMarker';
 
-const _excluded$1i = ["testId", "size", "color", "style"];
+const _excluded$1j = ["testId", "size", "color", "style"];
 const IconMegaphone = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-megaphone',
@@ -4104,7 +4104,7 @@ const IconMegaphone = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4127,7 +4127,7 @@ const IconMegaphone = forwardRef((_ref, ref) => {
 });
 IconMegaphone.displayName = 'IconMegaphone';
 
-const _excluded$1h = ["testId", "size", "color", "style"];
+const _excluded$1i = ["testId", "size", "color", "style"];
 const IconMessages = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-messages',
@@ -4135,7 +4135,7 @@ const IconMessages = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4156,7 +4156,7 @@ const IconMessages = forwardRef((_ref, ref) => {
 });
 IconMessages.displayName = 'IconMessages';
 
-const _excluded$1g = ["testId", "size", "color", "style"];
+const _excluded$1h = ["testId", "size", "color", "style"];
 const IconMinusCircle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-minus-circle',
@@ -4164,7 +4164,7 @@ const IconMinusCircle = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4185,7 +4185,7 @@ const IconMinusCircle = forwardRef((_ref, ref) => {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
 
-const _excluded$1f = ["testId", "size", "color", "style"];
+const _excluded$1g = ["testId", "size", "color", "style"];
 const IconMinus = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-minus',
@@ -4193,7 +4193,7 @@ const IconMinus = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4214,7 +4214,7 @@ const IconMinus = forwardRef((_ref, ref) => {
 });
 IconMinus.displayName = 'IconMinus';
 
-const _excluded$1e = ["testId", "size", "color", "style"];
+const _excluded$1f = ["testId", "size", "color", "style"];
 const IconMoneyBill = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-money-bill',
@@ -4222,7 +4222,7 @@ const IconMoneyBill = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1f);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4243,7 +4243,7 @@ const IconMoneyBill = forwardRef((_ref, ref) => {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-const _excluded$1d = ["testId", "size", "color", "style"];
+const _excluded$1e = ["testId", "size", "color", "style"];
 const IconMugSaucerSolid = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-mug-saucer-solid',
@@ -4251,7 +4251,7 @@ const IconMugSaucerSolid = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4272,7 +4272,7 @@ const IconMugSaucerSolid = forwardRef((_ref, ref) => {
 });
 IconMugSaucerSolid.displayName = 'IconMugSaucerSolid';
 
-const _excluded$1c = ["testId", "size", "color", "style"];
+const _excluded$1d = ["testId", "size", "color", "style"];
 const IconNotesMedical = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-notes-medical',
@@ -4280,7 +4280,7 @@ const IconNotesMedical = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1d);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4301,7 +4301,7 @@ const IconNotesMedical = forwardRef((_ref, ref) => {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
 
-const _excluded$1b = ["testId", "size", "color", "style"];
+const _excluded$1c = ["testId", "size", "color", "style"];
 const IconOvertime = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-overtime',
@@ -4309,7 +4309,7 @@ const IconOvertime = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4337,7 +4337,7 @@ const IconOvertime = forwardRef((_ref, ref) => {
 });
 IconOvertime.displayName = 'IconOvertime';
 
-const _excluded$1a = ["testId", "size", "color", "style"];
+const _excluded$1b = ["testId", "size", "color", "style"];
 const IconPaperPlaneClock = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-paper-plane-clock',
@@ -4345,7 +4345,7 @@ const IconPaperPlaneClock = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1b);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4377,7 +4377,7 @@ const IconPaperPlaneClock = forwardRef((_ref, ref) => {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
 
-const _excluded$19 = ["testId", "size", "color", "style"];
+const _excluded$1a = ["testId", "size", "color", "style"];
 const IconPaperPlane = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-paper-plane',
@@ -4385,7 +4385,7 @@ const IconPaperPlane = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$19);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4408,7 +4408,7 @@ const IconPaperPlane = forwardRef((_ref, ref) => {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
 
-const _excluded$18 = ["testId", "size", "color", "style"];
+const _excluded$19 = ["testId", "size", "color", "style"];
 const IconPaperclip = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-paperclip',
@@ -4416,7 +4416,7 @@ const IconPaperclip = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$19);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4444,7 +4444,7 @@ const IconPaperclip = forwardRef((_ref, ref) => {
 });
 IconPaperclip.displayName = 'IconPaperclip';
 
-const _excluded$17 = ["testId", "size", "color", "style"];
+const _excluded$18 = ["testId", "size", "color", "style"];
 const IconPencil = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-pencil',
@@ -4452,7 +4452,7 @@ const IconPencil = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$17);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4475,7 +4475,7 @@ const IconPencil = forwardRef((_ref, ref) => {
 });
 IconPencil.displayName = 'IconPencil';
 
-const _excluded$16 = ["testId", "size", "color", "style"];
+const _excluded$17 = ["testId", "size", "color", "style"];
 const IconPercentage = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-percentage',
@@ -4483,7 +4483,7 @@ const IconPercentage = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$16);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$17);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4504,7 +4504,7 @@ const IconPercentage = forwardRef((_ref, ref) => {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-const _excluded$15 = ["testId", "size", "color", "style"];
+const _excluded$16 = ["testId", "size", "color", "style"];
 const IconPhone = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-phone',
@@ -4512,7 +4512,7 @@ const IconPhone = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$15);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$16);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4533,7 +4533,7 @@ const IconPhone = forwardRef((_ref, ref) => {
 });
 IconPhone.displayName = 'IconPhone';
 
-const _excluded$14 = ["testId", "size", "color", "style"];
+const _excluded$15 = ["testId", "size", "color", "style"];
 const IconPlateUtensils = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-plate-utensils',
@@ -4541,7 +4541,7 @@ const IconPlateUtensils = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$14);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$15);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4562,7 +4562,7 @@ const IconPlateUtensils = forwardRef((_ref, ref) => {
 });
 IconPlateUtensils.displayName = 'IconPlateUtensils';
 
-const _excluded$13 = ["testId", "size", "color", "style"];
+const _excluded$14 = ["testId", "size", "color", "style"];
 const IconPlug = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-plug',
@@ -4570,7 +4570,7 @@ const IconPlug = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$13);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$14);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4593,7 +4593,7 @@ const IconPlug = forwardRef((_ref, ref) => {
 });
 IconPlug.displayName = 'IconPlug';
 
-const _excluded$12 = ["testId", "size", "color", "style"];
+const _excluded$13 = ["testId", "size", "color", "style"];
 const IconPlus = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-plus',
@@ -4601,7 +4601,7 @@ const IconPlus = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$12);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$13);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4624,7 +4624,7 @@ const IconPlus = forwardRef((_ref, ref) => {
 });
 IconPlus.displayName = 'IconPlus';
 
-const _excluded$11 = ["testId", "size", "color", "style"];
+const _excluded$12 = ["testId", "size", "color", "style"];
 const IconPrint = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-print',
@@ -4632,7 +4632,7 @@ const IconPrint = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$11);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$12);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4655,7 +4655,7 @@ const IconPrint = forwardRef((_ref, ref) => {
 });
 IconPrint.displayName = 'IconPrint';
 
-const _excluded$10 = ["testId", "size", "color", "style"];
+const _excluded$11 = ["testId", "size", "color", "style"];
 const IconQuestionCircle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-question-circle',
@@ -4663,7 +4663,7 @@ const IconQuestionCircle = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$10);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$11);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4684,7 +4684,7 @@ const IconQuestionCircle = forwardRef((_ref, ref) => {
 });
 IconQuestionCircle.displayName = 'IconQuestionCircle';
 
-const _excluded$$ = ["testId", "size", "color", "style"];
+const _excluded$10 = ["testId", "size", "color", "style"];
 const IconRepeat = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-repeat',
@@ -4692,7 +4692,7 @@ const IconRepeat = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$10);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4713,7 +4713,7 @@ const IconRepeat = forwardRef((_ref, ref) => {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-const _excluded$_ = ["testId", "size", "color", "style"];
+const _excluded$$ = ["testId", "size", "color", "style"];
 const IconReply = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-reply',
@@ -4721,7 +4721,7 @@ const IconReply = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4742,7 +4742,7 @@ const IconReply = forwardRef((_ref, ref) => {
 });
 IconReply.displayName = 'IconReply';
 
-const _excluded$Z = ["testId", "size", "color", "style"];
+const _excluded$_ = ["testId", "size", "color", "style"];
 const IconRocket = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-rocket',
@@ -4750,7 +4750,7 @@ const IconRocket = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$_);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4771,7 +4771,7 @@ const IconRocket = forwardRef((_ref, ref) => {
 });
 IconRocket.displayName = 'IconRocket';
 
-const _excluded$Y = ["testId", "size", "color", "style"];
+const _excluded$Z = ["testId", "size", "color", "style"];
 const IconSearch = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-search',
@@ -4779,7 +4779,7 @@ const IconSearch = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$Y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4802,7 +4802,7 @@ const IconSearch = forwardRef((_ref, ref) => {
 });
 IconSearch.displayName = 'IconSearch';
 
-const _excluded$X = ["testId", "size", "color", "style"];
+const _excluded$Y = ["testId", "size", "color", "style"];
 const IconSignOut = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sign-out',
@@ -4810,7 +4810,7 @@ const IconSignOut = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$X);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Y);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4831,7 +4831,7 @@ const IconSignOut = forwardRef((_ref, ref) => {
 });
 IconSignOut.displayName = 'IconSignOut';
 
-const _excluded$W = ["testId", "size", "color", "style"];
+const _excluded$X = ["testId", "size", "color", "style"];
 const IconSitemap = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sitemap',
@@ -4839,7 +4839,7 @@ const IconSitemap = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$X);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4862,7 +4862,7 @@ const IconSitemap = forwardRef((_ref, ref) => {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-const _excluded$V = ["testId", "size", "color", "style"];
+const _excluded$W = ["testId", "size", "color", "style"];
 const IconSlidersH = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sliders-h',
@@ -4870,7 +4870,7 @@ const IconSlidersH = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$V);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4898,7 +4898,7 @@ const IconSlidersH = forwardRef((_ref, ref) => {
 });
 IconSlidersH.displayName = 'IconSlidersH';
 
-const _excluded$U = ["testId", "size", "color", "style"];
+const _excluded$V = ["testId", "size", "color", "style"];
 const IconSort = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sort',
@@ -4906,7 +4906,7 @@ const IconSort = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$U);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$V);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4927,7 +4927,7 @@ const IconSort = forwardRef((_ref, ref) => {
 });
 IconSort.displayName = 'IconSort';
 
-const _excluded$T = ["testId", "size", "color", "style"];
+const _excluded$U = ["testId", "size", "color", "style"];
 const IconStarSolid = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-star-solid',
@@ -4935,7 +4935,7 @@ const IconStarSolid = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$T);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$U);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4956,7 +4956,7 @@ const IconStarSolid = forwardRef((_ref, ref) => {
 });
 IconStarSolid.displayName = 'IconStarSolid';
 
-const _excluded$S = ["testId", "size", "color", "style"];
+const _excluded$T = ["testId", "size", "color", "style"];
 const IconStar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-star',
@@ -4964,7 +4964,7 @@ const IconStar = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$S);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$T);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4985,7 +4985,7 @@ const IconStar = forwardRef((_ref, ref) => {
 });
 IconStar.displayName = 'IconStar';
 
-const _excluded$R = ["testId", "size", "color", "style"];
+const _excluded$S = ["testId", "size", "color", "style"];
 const IconStickyNoteLines = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sticky-note-lines',
@@ -4993,7 +4993,7 @@ const IconStickyNoteLines = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$R);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$S);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5017,7 +5017,7 @@ const IconStickyNoteLines = forwardRef((_ref, ref) => {
 });
 IconStickyNoteLines.displayName = 'IconStickyNoteLines';
 
-const _excluded$Q = ["testId", "size", "color", "style"];
+const _excluded$R = ["testId", "size", "color", "style"];
 const IconStopwatch = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-stopwatch',
@@ -5025,7 +5025,7 @@ const IconStopwatch = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$R);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5048,7 +5048,7 @@ const IconStopwatch = forwardRef((_ref, ref) => {
 });
 IconStopwatch.displayName = 'IconStopwatch';
 
-const _excluded$P = ["testId", "size", "color", "style"];
+const _excluded$Q = ["testId", "size", "color", "style"];
 const IconStrikethrough = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-strikethrough',
@@ -5056,7 +5056,7 @@ const IconStrikethrough = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$P);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5084,7 +5084,7 @@ const IconStrikethrough = forwardRef((_ref, ref) => {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
 
-const _excluded$O = ["testId", "size", "color", "style"];
+const _excluded$P = ["testId", "size", "color", "style"];
 const IconSyncExclaimation = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sync-exclaimation',
@@ -5092,7 +5092,7 @@ const IconSyncExclaimation = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$O);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$P);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5113,7 +5113,7 @@ const IconSyncExclaimation = forwardRef((_ref, ref) => {
 });
 IconSyncExclaimation.displayName = 'IconSyncExclaimation';
 
-const _excluded$N = ["testId", "size", "color", "style"];
+const _excluded$O = ["testId", "size", "color", "style"];
 const IconSync = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sync',
@@ -5121,7 +5121,7 @@ const IconSync = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$O);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5142,7 +5142,7 @@ const IconSync = forwardRef((_ref, ref) => {
 });
 IconSync.displayName = 'IconSync';
 
-const _excluded$M = ["testId", "size", "color", "style"];
+const _excluded$N = ["testId", "size", "color", "style"];
 const IconTable = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-table',
@@ -5150,7 +5150,7 @@ const IconTable = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$M);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$N);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5178,7 +5178,7 @@ const IconTable = forwardRef((_ref, ref) => {
 });
 IconTable.displayName = 'IconTable';
 
-const _excluded$L = ["testId", "size", "color", "style"];
+const _excluded$M = ["testId", "size", "color", "style"];
 const IconTachometer = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-tachometer',
@@ -5186,7 +5186,7 @@ const IconTachometer = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$L);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$M);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5206,7 +5206,7 @@ const IconTachometer = forwardRef((_ref, ref) => {
 });
 IconTachometer.displayName = 'IconTachometer';
 
-const _excluded$K = ["testId", "size", "color", "style"];
+const _excluded$L = ["testId", "size", "color", "style"];
 const IconTimesOctagon = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-times-octagon',
@@ -5214,7 +5214,7 @@ const IconTimesOctagon = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$L);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5237,7 +5237,7 @@ const IconTimesOctagon = forwardRef((_ref, ref) => {
 });
 IconTimesOctagon.displayName = 'IconTimesOctagon';
 
-const _excluded$J = ["testId", "size", "color", "style"];
+const _excluded$K = ["testId", "size", "color", "style"];
 const IconTimes = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-times',
@@ -5245,7 +5245,7 @@ const IconTimes = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$J);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$K);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5268,7 +5268,7 @@ const IconTimes = forwardRef((_ref, ref) => {
 });
 IconTimes.displayName = 'IconTimes';
 
-const _excluded$I = ["testId", "size", "color", "style"];
+const _excluded$J = ["testId", "size", "color", "style"];
 const IconTrash = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-trash',
@@ -5276,7 +5276,7 @@ const IconTrash = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$J);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5299,7 +5299,7 @@ const IconTrash = forwardRef((_ref, ref) => {
 });
 IconTrash.displayName = 'IconTrash';
 
-const _excluded$H = ["testId", "size", "color", "style"];
+const _excluded$I = ["testId", "size", "color", "style"];
 const IconUnderline = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-underline',
@@ -5307,7 +5307,7 @@ const IconUnderline = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$I);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5328,7 +5328,7 @@ const IconUnderline = forwardRef((_ref, ref) => {
 });
 IconUnderline.displayName = 'IconUnderline';
 
-const _excluded$G = ["testId", "size", "color", "style"];
+const _excluded$H = ["testId", "size", "color", "style"];
 const IconUndo = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-undo',
@@ -5336,7 +5336,7 @@ const IconUndo = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$H);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5357,7 +5357,7 @@ const IconUndo = forwardRef((_ref, ref) => {
 });
 IconUndo.displayName = 'IconUndo';
 
-const _excluded$F = ["testId", "size", "color", "style"];
+const _excluded$G = ["testId", "size", "color", "style"];
 const IconUniversity = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-university',
@@ -5365,7 +5365,7 @@ const IconUniversity = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$G);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5393,7 +5393,7 @@ const IconUniversity = forwardRef((_ref, ref) => {
 });
 IconUniversity.displayName = 'IconUniversity';
 
-const _excluded$E = ["testId", "size", "color", "style"];
+const _excluded$F = ["testId", "size", "color", "style"];
 const IconUnlock = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-unlock',
@@ -5401,7 +5401,7 @@ const IconUnlock = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$F);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5429,7 +5429,7 @@ const IconUnlock = forwardRef((_ref, ref) => {
 });
 IconUnlock.displayName = 'IconUnlock';
 
-const _excluded$D = ["testId", "size", "color", "style"];
+const _excluded$E = ["testId", "size", "color", "style"];
 const IconUserComputer = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-computer',
@@ -5437,7 +5437,7 @@ const IconUserComputer = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$E);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5469,7 +5469,7 @@ const IconUserComputer = forwardRef((_ref, ref) => {
 });
 IconUserComputer.displayName = 'IconUserComputer';
 
-const _excluded$C = ["testId", "size", "color", "style"];
+const _excluded$D = ["testId", "size", "color", "style"];
 const IconUserFriends = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-friends',
@@ -5477,7 +5477,7 @@ const IconUserFriends = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$D);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5498,7 +5498,7 @@ const IconUserFriends = forwardRef((_ref, ref) => {
 });
 IconUserFriends.displayName = 'IconUserFriends';
 
-const _excluded$B = ["testId", "size", "color", "style"];
+const _excluded$C = ["testId", "size", "color", "style"];
 const IconUserLight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-light',
@@ -5506,7 +5506,7 @@ const IconUserLight = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$C);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5529,7 +5529,7 @@ const IconUserLight = forwardRef((_ref, ref) => {
 });
 IconUserLight.displayName = 'IconUserLight';
 
-const _excluded$A = ["testId", "size", "color", "style"];
+const _excluded$B = ["testId", "size", "color", "style"];
 const IconUserPlus = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-plus',
@@ -5537,7 +5537,7 @@ const IconUserPlus = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5558,7 +5558,7 @@ const IconUserPlus = forwardRef((_ref, ref) => {
 });
 IconUserPlus.displayName = 'IconUserPlus';
 
-const _excluded$z = ["testId", "size", "color", "style"];
+const _excluded$A = ["testId", "size", "color", "style"];
 const IconUserSearch = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-search',
@@ -5566,7 +5566,7 @@ const IconUserSearch = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5596,7 +5596,7 @@ const IconUserSearch = forwardRef((_ref, ref) => {
 });
 IconUserSearch.displayName = 'IconUserSearch';
 
-const _excluded$y = ["testId", "size", "color", "style"];
+const _excluded$z = ["testId", "size", "color", "style"];
 const IconUserSlash = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-slash',
@@ -5604,7 +5604,7 @@ const IconUserSlash = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5632,7 +5632,7 @@ const IconUserSlash = forwardRef((_ref, ref) => {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-const _excluded$x = ["testId", "size", "color", "style"];
+const _excluded$y = ["testId", "size", "color", "style"];
 const IconUserSolid = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-solid',
@@ -5640,7 +5640,7 @@ const IconUserSolid = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5661,7 +5661,7 @@ const IconUserSolid = forwardRef((_ref, ref) => {
 });
 IconUserSolid.displayName = 'IconUserSolid';
 
-const _excluded$w = ["testId", "size", "color", "style"];
+const _excluded$x = ["testId", "size", "color", "style"];
 const IconUserTag = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-tag',
@@ -5669,7 +5669,7 @@ const IconUserTag = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5692,7 +5692,7 @@ const IconUserTag = forwardRef((_ref, ref) => {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-const _excluded$v = ["testId", "size", "color", "style"];
+const _excluded$w = ["testId", "size", "color", "style"];
 const IconUserTie = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-tie',
@@ -5700,7 +5700,7 @@ const IconUserTie = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5721,7 +5721,7 @@ const IconUserTie = forwardRef((_ref, ref) => {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-const _excluded$u = ["testId", "size", "color", "style"];
+const _excluded$v = ["testId", "size", "color", "style"];
 const IconUsers = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-users',
@@ -5729,7 +5729,7 @@ const IconUsers = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5750,7 +5750,7 @@ const IconUsers = forwardRef((_ref, ref) => {
 });
 IconUsers.displayName = 'IconUsers';
 
-const _excluded$t = ["testId", "size", "color", "style"];
+const _excluded$u = ["testId", "size", "color", "style"];
 const IconVideo = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-video',
@@ -5758,7 +5758,7 @@ const IconVideo = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5779,7 +5779,7 @@ const IconVideo = forwardRef((_ref, ref) => {
 });
 IconVideo.displayName = 'IconVideo';
 
-const _excluded$s = ["testId", "size", "color", "style"];
+const _excluded$t = ["testId", "size", "color", "style"];
 const IconVolumeMute = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-volume-mute',
@@ -5787,7 +5787,7 @@ const IconVolumeMute = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5808,7 +5808,7 @@ const IconVolumeMute = forwardRef((_ref, ref) => {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-const _excluded$r = ["testId", "size", "color", "style"];
+const _excluded$s = ["testId", "size", "color", "style"];
 const IconVolume = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-volume',
@@ -5816,7 +5816,7 @@ const IconVolume = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5837,7 +5837,7 @@ const IconVolume = forwardRef((_ref, ref) => {
 });
 IconVolume.displayName = 'IconVolume';
 
-const _excluded$q = ["testId", "size", "color", "style"];
+const _excluded$r = ["testId", "size", "color", "style"];
 const IconWrench = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-wrench',
@@ -5845,7 +5845,7 @@ const IconWrench = forwardRef((_ref, ref) => {
       color,
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
   const isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   const styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5997,7 +5997,7 @@ const useTranslation = context => {
   return translate;
 };
 
-const _excluded$p = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
+const _excluded$q = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
 /**
  * `PaginationControls` are two buttons side by side.
  */
@@ -6010,7 +6010,7 @@ const PaginationControls = _ref => {
       testId,
       scrollTarget
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$p);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$q);
   const __ = useTranslation('PaginationControls');
   const {
     dataProps
@@ -6079,7 +6079,7 @@ const LINK_TARGET = {
 
 var styles$1d = {"link":"_EiQ4c"};
 
-const _excluded$o = ["href", "target", "theme", "onClick", "children"];
+const _excluded$p = ["href", "target", "theme", "onClick", "children"];
 const Link = _ref => {
   let {
       href,
@@ -6088,7 +6088,7 @@ const Link = _ref => {
       onClick,
       children
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$o);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$p);
   const {
     dataProps
   } = getDataProps(otherProps);
@@ -6401,11 +6401,16 @@ var styles$19 = {"data-table-scroll-fake-border":"_wZ8Xg","data-table-scroll-fak
 const DataTableScrollFakeBorder = ({
   placement
 }) => {
+  const backgroundColor = useBackgroundColor();
   return React__default.createElement("div", {
     className: classnames(styles$19['data-table-scroll-fake-border'], {
       [styles$19['data-table-scroll-fake-border--top']]: placement === 'top',
       [styles$19['data-table-scroll-fake-border--bottom']]: placement === 'bottom'
-    })
+    }),
+    // @ts-expect-error This difines a custom CSS variable
+    style: {
+      '--corner-background-color': backgroundColor
+    }
   }, React__default.createElement("div", {
     className: classnames(styles$19['data-table-scroll-fake-border__left'], {
       [styles$19['data-table-scroll-fake-border__left--top']]: placement === 'top',
@@ -6415,7 +6420,8 @@ const DataTableScrollFakeBorder = ({
     className: classnames(styles$19['data-table-scroll-fake-border__right'], {
       [styles$19['data-table-scroll-fake-border__right--top']]: placement === 'top',
       [styles$19['data-table-scroll-fake-border__right--bottom']]: placement === 'bottom'
-    })
+    }),
+    "data-background-color": "red"
   }));
 };
 
@@ -6505,7 +6511,7 @@ const InlineBannerIcon = ({
   }
 };
 
-const _excluded$n = ["children", "theme", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
+const _excluded$o = ["children", "theme", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
 const InlineBanner = _ref => {
   let {
       children,
@@ -6517,7 +6523,7 @@ const InlineBanner = _ref => {
       secondaryButton,
       testId
     } = _ref,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$n);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$o);
   const positionStyles = usePositionStyles(positionProps);
   const multiLine = !!title;
   const dismissable = !!onClose;
@@ -6877,7 +6883,7 @@ const 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"};
 
-const _excluded$m = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
+const _excluded$n = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
 const TextComponent = (_ref, ref) => {
   let {
       children,
@@ -6888,7 +6894,7 @@ const TextComponent = (_ref, ref) => {
       testId,
       textWrap
     } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$m);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$n);
   const {
     positionProps,
     otherProps
@@ -6950,7 +6956,7 @@ const Italic = ({
   }, children);
 };
 
-const _excluded$l = ["id", "label", "caption", "characterCount", "error", "children"];
+const _excluded$m = ["id", "label", "caption", "characterCount", "error", "children"];
 const Field = _ref => {
   let {
       id,
@@ -6960,7 +6966,7 @@ const Field = _ref => {
       error,
       children
     } = _ref,
-    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$l);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$m);
   const shouldRenderLabel = label || typeof label === 'string';
   const CharacterConter = () => React__default.createElement(Inline, {
     justifyContent: "space-between",
@@ -7085,7 +7091,7 @@ const useFieldControllers = ({
 
 var styles$10 = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
 
-const _excluded$k = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
+const _excluded$l = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
 const useTextField = _ref => {
   let {
       autoComplete,
@@ -7107,7 +7113,7 @@ const useTextField = _ref => {
       ref,
       testId
     } = _ref,
-    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$l);
   const controllers = useFieldControllers({
     error,
     id,
@@ -7244,7 +7250,7 @@ const TimeFieldInput = ({
   })));
 };
 
-const _excluded$j = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration"];
+const _excluded$k = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration"];
 const TimeFieldDropdownElement = (_ref, ref) => {
   let {
       placeholder = '9:00 AM',
@@ -7253,7 +7259,7 @@ const TimeFieldDropdownElement = (_ref, ref) => {
       prefix,
       duration
     } = _ref,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
   const {
     inputProps,
     fieldProps
@@ -7705,7 +7711,7 @@ const KebabMenu = ({
 
 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"};
 
-const _excluded$i = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
+const _excluded$j = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
 const Card = _ref => {
   let {
       children,
@@ -7716,7 +7722,7 @@ const Card = _ref => {
       actions,
       testId
     } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   const translate = useTranslation('Card');
   const {
     positionProps,
@@ -8093,7 +8099,7 @@ const SKELETON_COMPONENT = {
   PILL: 'pill'
 };
 
-const _excluded$h = ["as", "testId", "width", "height"];
+const _excluded$i = ["as", "testId", "width", "height"];
 const Skeleton = _ref => {
   let {
       as,
@@ -8101,7 +8107,7 @@ const Skeleton = _ref => {
       width,
       height
     } = _ref,
-    positionStyles = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+    positionStyles = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   const positioning = usePositionStyles(positionStyles);
   return React__default.createElement("div", {
     "data-testid": testId,
@@ -8121,7 +8127,7 @@ const 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"};
 
@@ -8165,7 +8171,7 @@ const ModalHeader = ({
   }, subHeader));
 };
 
-const _excluded$g = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
+const _excluded$h = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
 const Modal = _ref => {
   let {
       children,
@@ -8182,7 +8188,7 @@ const Modal = _ref => {
       shouldReturnFocusAfterClose = true,
       testId
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   const style = {
     content: {
       width,
@@ -8646,7 +8652,7 @@ const useCheckBoxFieldControllers = ({
 
 var styles$G = {"check-box-field":"_Id4qm","check-box-field__caption":"_s9d-m","check-box-field__custom-input":"_kmvBP"};
 
-const _excluded$f = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
+const _excluded$g = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
 /** CheckboxField form element. */
 const CheckboxField = _ref => {
   let {
@@ -8661,7 +8667,7 @@ const CheckboxField = _ref => {
       disabled,
       testId
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   const controllers = useCheckBoxFieldControllers({
     name,
     id: inputId,
@@ -8737,7 +8743,7 @@ const 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"};
 
-const _excluded$e = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
+const _excluded$f = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
 const HintModal = _ref => {
   let {
       header,
@@ -8748,7 +8754,7 @@ const HintModal = _ref => {
       primaryButton,
       testId
     } = _ref,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$f);
   const __ = useTranslation('HintModal');
   const [doNotShowAgain, setDoNotShowAgain] = useState(false);
   const [persistedDoNotShow, setPersistedDoNotShow] = useLocalStorage(modalId, false);
@@ -8984,7 +8990,7 @@ const DataTableEditableCellElement = ({
 };
 const DataTableEditableCell = forwardRef(DataTableEditableCellElement);
 
-const _excluded$d = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
+const _excluded$e = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
 const DataTableRowComponent = (_ref, ref) => {
   let {
       children,
@@ -8995,13 +9001,13 @@ const DataTableRowComponent = (_ref, ref) => {
       hasDefaultCell = true,
       testId
     } = _ref,
-    nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+    nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   const {
     showActionMenu
   } = useDataTableContext();
-  const styleNames = classnames(styles$O['item'], {
-    [styles$O['clickable']]: onClick,
-    [styles$O['selected']]: isSelected
+  const styleNames = classnames(styles$O['data-table-row'], {
+    [styles$O['data-table-row--clickable']]: onClick,
+    [styles$O['data-table-row--selected']]: isSelected
   });
   const renderColumn = (columnElement, index) => {
     const isUsingDataTableCell = columnElement && typeof columnElement === 'object' && 'type' in columnElement && (columnElement == null ? void 0 : columnElement.type) === DataTableCell;
@@ -9391,7 +9397,7 @@ const DataTableEmptyState = ({
   }, customEmptyState ? customEmptyState.caption : translate('emptyStateCaption')))));
 };
 
-const _excluded$c = ["items", "columns", "itemComponent", "maxHeight", "hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "onSort", "isLoading", "showActionMenu", "footerComponent", "hasVerticalBorders", "testId", "skeletonRowLayout", "stickyColumns", "emptyState"];
+const _excluded$d = ["items", "columns", "itemComponent", "maxHeight", "hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "onSort", "isLoading", "showActionMenu", "footerComponent", "hasVerticalBorders", "testId", "skeletonRowLayout", "stickyColumns", "emptyState"];
 const DataTable = _ref => {
   let {
       items,
@@ -9412,7 +9418,7 @@ const DataTable = _ref => {
       stickyColumns,
       emptyState
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   const {
     dataProps
   } = getDataProps(otherProps);
@@ -9806,13 +9812,13 @@ const isReactSelectElement = element => {
 
 var styles$v = {"custom-control":"_pXQqq"};
 
-const _excluded$b = ["children"];
+const _excluded$c = ["children"];
 function CustomControl(_ref) {
   var _props$getValue;
   let {
       children
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
   const {
     SelectedOptionPrefix
   } = props.selectProps.componentsProps;
@@ -9831,12 +9837,12 @@ function CustomControl(_ref) {
   }, props)), children)) : children);
 }
 
-const _excluded$a = ["children"];
+const _excluded$b = ["children"];
 function CustomOption(_ref) {
   let {
       children
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
   const {
     UserCustomOption
   } = props.selectProps.componentsProps;
@@ -9979,12 +9985,12 @@ const CustomContainer = props => {
 
 var styles$u = {"custom-menu-text-field":"_AAUjm","custom-menu-hr":"_mFLK9","custom-menu-div":"_1XpI4"};
 
-const _excluded$9 = ["children"];
+const _excluded$a = ["children"];
 function CustomMenu(_ref) {
   let {
       children
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   const {
     creatableButton,
     onMenuInputFocus,
@@ -10145,7 +10151,7 @@ const useSelectField = ({
     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,
@@ -10693,13 +10699,13 @@ const TextAreaField = ({
   }, toolbar)));
 };
 
-const _excluded$8 = ["prefix", "suffix"];
+const _excluded$9 = ["prefix", "suffix"];
 const TextFieldElement = (_ref, ref) => {
   let {
       prefix,
       suffix
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
   const {
     inputProps,
     fieldProps
@@ -11290,14 +11296,14 @@ const MultiSelectField = ({
 
 var styles$d = {"custom-list":"_cSkvD"};
 
-const _excluded$7 = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
+const _excluded$8 = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
 const CustomList = _ref => {
   let {
       children,
       hasMoreOptions,
       hasMoreOptionsFirstLoad
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
   const __ = useTranslation('AsyncSelectField');
   let showFooter = hasMoreOptions;
   if (props.selectProps.inputValue === '' && typeof hasMoreOptionsFirstLoad === 'boolean') {
@@ -11310,7 +11316,7 @@ const CustomList = _ref => {
   }, __('moreOptionsPlaceholder')))));
 };
 
-const _excluded$6 = ["loadOptions"];
+const _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.
@@ -11319,7 +11325,7 @@ const AsyncSelectField = _ref => {
   let {
       loadOptions
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   const [hasMoreOptions, setHasMoreOptions] = useState(false);
   const [hasMoreOptionsFirstLoad, setHasMoreOptionsFirstLoad] = useState();
   const [hasFirstLoadPerformed, setHasFirstLoadPerformed] = useState(false);
@@ -12096,7 +12102,7 @@ const TimeFieldDropdown = ({
   })));
 };
 
-const _excluded$5 = ["interval", "startTime", "prefix", "endField", "duration", "subtractDuration", "calculateDuration"];
+const _excluded$6 = ["interval", "startTime", "prefix", "endField", "duration", "subtractDuration", "calculateDuration"];
 const TimeFieldElement = (_ref, forwardedRef) => {
   let {
       interval = 15,
@@ -12107,7 +12113,7 @@ const TimeFieldElement = (_ref, forwardedRef) => {
       subtractDuration,
       calculateDuration
     } = _ref,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   const internalRef = useRef(null);
   const ref = forwardedRef || internalRef;
   const [selectedDropdownValue, setSelectedDropdownValue] = useState(allOtherProps.value || allOtherProps.defaultValue);
@@ -12301,13 +12307,13 @@ var styles$a = {"currency-field__mask-display":"_ddacu"};
 const CURRENCY_DISPLAY_DEFAULT_MARGIN = 8;
 const CURRENCY_DISPLAY_MARGIN_BUFFER = 1;
 
-const _excluded$4 = ["currencySymbol", "step"];
+const _excluded$5 = ["currencySymbol", "step"];
 const CurrencyFieldElement = (_ref, forwardedRef) => {
   let {
       currencySymbol = '$',
       step = 0.01
     } = _ref,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   const [displayPadding, setDisplayPadding] = useState(CURRENCY_DISPLAY_DEFAULT_MARGIN);
   const internalRef = useRef(null);
   const ref = forwardedRef || internalRef;
@@ -12374,16 +12380,17 @@ const CurrencyFieldElement = (_ref, forwardedRef) => {
  */
 const CurrencyField = forwardRef(CurrencyFieldElement);
 
-const _excluded$3 = ["max", "min", "precision", "stepSize", "prefix"];
-const PercentageElement = (_ref, ref) => {
+const _excluded$4 = ["max", "min", "precision", "stepSize", "prefix", "suffix"];
+const NumberFieldElement = (_ref, ref) => {
   let {
-      max = 100,
+      max,
       min = 0,
       precision = 0,
       stepSize = 1,
-      prefix
+      prefix,
+      suffix
     } = _ref,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   const {
     inputProps,
     fieldProps
@@ -12414,13 +12421,13 @@ const 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.createElement(Field, _extends({}, fieldProps), React__default.createElement(AffixContainer, {
-    suffix: "%",
+    suffix: suffix,
     prefix: prefix
   }, React__default.createElement("input", _extends({}, inputProps, {
     type: "number",
@@ -12438,7 +12445,7 @@ const PercentageElement = (_ref, ref) => {
     },
     onChange: e => {
       const number = Number(e.target.value);
-      if (number > max) {
+      if (max !== undefined && number > max) {
         e.target.value = String(max);
       }
       if (number < min) {
@@ -12452,6 +12459,24 @@ const 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.
+ */
+const NumberField = forwardRef(NumberFieldElement);
+
+const _excluded$3 = ["max"];
+const PercentageElement = (_ref, ref) => {
+  let {
+      max = 100
+    } = _ref,
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  return React__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.