@7shifts/sous-chef 3.63.0 → 3.64.0-beta0

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$2V = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
+const _excluded$2W = ["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$2V);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2W);
   return {
     positionProps: {
       m,
@@ -204,7 +204,7 @@ const getDataProps = (props, config) => {
   });
 };
 
-const _excluded$2U = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "flexGrow", "testId", "extraClass"];
+const _excluded$2V = ["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$2U);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2V);
   const {
     positionProps,
     otherProps
@@ -264,7 +264,7 @@ const Flex = _ref => {
   }, child)));
 };
 
-const _excluded$2T = ["alignItems"];
+const _excluded$2U = ["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$2T);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2U);
   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$2S = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
+const _excluded$2T = ["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$2S);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2T);
   const {
     dataProps
   } = getDataProps(otherProps);
@@ -820,7 +820,7 @@ const COMPONENT_NAMES = {
   BUTTON: 'BUTTON'
 };
 
-const _excluded$2R = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
+const _excluded$2S = ["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$2R);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2S);
   const {
     positionProps,
     otherProps
@@ -959,8 +959,7 @@ const ICON_SIZES = {
   small: '12px',
   medium: '16px',
   default: '20px',
-  large: '24px',
-  "extra-large": '40px'
+  large: '24px'
 };
 
 const getIconStyles = ({
@@ -982,7 +981,7 @@ const useIsInsideComponent = parentComponentName => {
   return componentName === parentComponentName;
 };
 
-const _excluded$2Q = ["testId", "size", "color", "style"];
+const _excluded$2R = ["testId", "size", "color", "style"];
 const IconInfoCircle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-info-circle',
@@ -990,7 +989,7 @@ const IconInfoCircle = 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,
@@ -1013,7 +1012,7 @@ const IconInfoCircle = forwardRef((_ref, ref) => {
 });
 IconInfoCircle.displayName = 'IconInfoCircle';
 
-const _excluded$2P = ["testId", "size", "color", "style"];
+const _excluded$2Q = ["testId", "size", "color", "style"];
 const IconAnalytics = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-analytics',
@@ -1021,7 +1020,7 @@ const IconAnalytics = 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,
@@ -1044,7 +1043,7 @@ const IconAnalytics = forwardRef((_ref, ref) => {
 });
 IconAnalytics.displayName = 'IconAnalytics';
 
-const _excluded$2O = ["testId", "size", "color", "style"];
+const _excluded$2P = ["testId", "size", "color", "style"];
 const IconArrowDownWideShort = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-down-wide-short',
@@ -1052,7 +1051,7 @@ const IconArrowDownWideShort = 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,
@@ -1073,7 +1072,7 @@ const IconArrowDownWideShort = forwardRef((_ref, ref) => {
 });
 IconArrowDownWideShort.displayName = 'IconArrowDownWideShort';
 
-const _excluded$2N = ["testId", "size", "color", "style"];
+const _excluded$2O = ["testId", "size", "color", "style"];
 const IconArrowDown = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-down',
@@ -1081,7 +1080,7 @@ const IconArrowDown = 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,
@@ -1104,7 +1103,7 @@ const IconArrowDown = forwardRef((_ref, ref) => {
 });
 IconArrowDown.displayName = 'IconArrowDown';
 
-const _excluded$2M = ["testId", "size", "color", "style"];
+const _excluded$2N = ["testId", "size", "color", "style"];
 const IconArrowLeft = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-left',
@@ -1112,7 +1111,7 @@ const IconArrowLeft = 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,
@@ -1135,7 +1134,7 @@ const IconArrowLeft = forwardRef((_ref, ref) => {
 });
 IconArrowLeft.displayName = 'IconArrowLeft';
 
-const _excluded$2L = ["testId", "size", "color", "style"];
+const _excluded$2M = ["testId", "size", "color", "style"];
 const IconArrowRight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-right',
@@ -1143,7 +1142,7 @@ const IconArrowRight = 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,
@@ -1166,7 +1165,7 @@ const IconArrowRight = forwardRef((_ref, ref) => {
 });
 IconArrowRight.displayName = 'IconArrowRight';
 
-const _excluded$2K = ["testId", "size", "color", "style"];
+const _excluded$2L = ["testId", "size", "color", "style"];
 const IconArrowToTop = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-to-top',
@@ -1174,7 +1173,7 @@ const IconArrowToTop = 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,
@@ -1195,7 +1194,7 @@ const IconArrowToTop = forwardRef((_ref, ref) => {
 });
 IconArrowToTop.displayName = 'IconArrowToTop';
 
-const _excluded$2J = ["testId", "size", "color", "style"];
+const _excluded$2K = ["testId", "size", "color", "style"];
 const IconArrowTurnDownRight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-turn-down-right',
@@ -1203,7 +1202,7 @@ const IconArrowTurnDownRight = 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,
@@ -1232,7 +1231,7 @@ const IconArrowTurnDownRight = forwardRef((_ref, ref) => {
 });
 IconArrowTurnDownRight.displayName = 'IconArrowTurnDownRight';
 
-const _excluded$2I = ["testId", "size", "color", "style"];
+const _excluded$2J = ["testId", "size", "color", "style"];
 const IconArrowUp = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-arrow-up',
@@ -1240,7 +1239,7 @@ const IconArrowUp = 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,
@@ -1263,7 +1262,7 @@ const IconArrowUp = forwardRef((_ref, ref) => {
 });
 IconArrowUp.displayName = 'IconArrowUp';
 
-const _excluded$2H = ["testId", "size", "color", "style"];
+const _excluded$2I = ["testId", "size", "color", "style"];
 const IconAward = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-award',
@@ -1271,7 +1270,7 @@ const IconAward = 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,
@@ -1294,7 +1293,7 @@ const IconAward = forwardRef((_ref, ref) => {
 });
 IconAward.displayName = 'IconAward';
 
-const _excluded$2G = ["testId", "size", "color", "style"];
+const _excluded$2H = ["testId", "size", "color", "style"];
 const IconAwfulMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-awful-monochromatic',
@@ -1302,7 +1301,7 @@ const IconAwfulMonochromatic = 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,
@@ -1355,7 +1354,7 @@ const IconAwfulMonochromatic = forwardRef((_ref, ref) => {
 });
 IconAwfulMonochromatic.displayName = 'IconAwfulMonochromatic';
 
-const _excluded$2F = ["testId", "size", "color", "style"];
+const _excluded$2G = ["testId", "size", "color", "style"];
 const IconAwful = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-awful',
@@ -1363,7 +1362,7 @@ const IconAwful = 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,
@@ -1404,7 +1403,7 @@ const IconAwful = forwardRef((_ref, ref) => {
 });
 IconAwful.displayName = 'IconAwful';
 
-const _excluded$2E = ["testId", "size", "color", "style"];
+const _excluded$2F = ["testId", "size", "color", "style"];
 const IconBadMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bad-monochromatic',
@@ -1412,7 +1411,7 @@ const IconBadMonochromatic = 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,
@@ -1451,7 +1450,7 @@ const IconBadMonochromatic = forwardRef((_ref, ref) => {
 });
 IconBadMonochromatic.displayName = 'IconBadMonochromatic';
 
-const _excluded$2D = ["testId", "size", "color", "style"];
+const _excluded$2E = ["testId", "size", "color", "style"];
 const IconBad = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bad',
@@ -1459,7 +1458,7 @@ const IconBad = 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,
@@ -1486,7 +1485,7 @@ const IconBad = forwardRef((_ref, ref) => {
 });
 IconBad.displayName = 'IconBad';
 
-const _excluded$2C = ["testId", "size", "color", "style"];
+const _excluded$2D = ["testId", "size", "color", "style"];
 const IconBalanceScaleLeft = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-balance-scale-left',
@@ -1494,7 +1493,7 @@ const IconBalanceScaleLeft = 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,
@@ -1522,7 +1521,7 @@ const IconBalanceScaleLeft = forwardRef((_ref, ref) => {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
 
-const _excluded$2B = ["testId", "size", "color", "style"];
+const _excluded$2C = ["testId", "size", "color", "style"];
 const IconBalanceScale = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-balance-scale',
@@ -1530,7 +1529,7 @@ const IconBalanceScale = 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,
@@ -1558,7 +1557,7 @@ const IconBalanceScale = forwardRef((_ref, ref) => {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
 
-const _excluded$2A = ["testId", "size", "color", "style"];
+const _excluded$2B = ["testId", "size", "color", "style"];
 const IconBan = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-ban',
@@ -1566,7 +1565,7 @@ const IconBan = 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,
@@ -1587,7 +1586,7 @@ const IconBan = forwardRef((_ref, ref) => {
 });
 IconBan.displayName = 'IconBan';
 
-const _excluded$2z = ["testId", "size", "color", "style"];
+const _excluded$2A = ["testId", "size", "color", "style"];
 const IconBarsH = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bars-h',
@@ -1595,7 +1594,7 @@ const IconBarsH = 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,
@@ -1618,7 +1617,7 @@ const IconBarsH = forwardRef((_ref, ref) => {
 });
 IconBarsH.displayName = 'IconBarsH';
 
-const _excluded$2y = ["testId", "size", "color", "style"];
+const _excluded$2z = ["testId", "size", "color", "style"];
 const IconBarsV = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bars-v',
@@ -1626,7 +1625,7 @@ const IconBarsV = 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,
@@ -1647,7 +1646,7 @@ const IconBarsV = forwardRef((_ref, ref) => {
 });
 IconBarsV.displayName = 'IconBarsV';
 
-const _excluded$2x = ["testId", "size", "color", "style"];
+const _excluded$2y = ["testId", "size", "color", "style"];
 const IconBell = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bell',
@@ -1655,7 +1654,7 @@ const IconBell = 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,
@@ -1678,7 +1677,7 @@ const IconBell = forwardRef((_ref, ref) => {
 });
 IconBell.displayName = 'IconBell';
 
-const _excluded$2w = ["testId", "size", "color", "style"];
+const _excluded$2x = ["testId", "size", "color", "style"];
 const IconBirthdayCake = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-birthday-cake',
@@ -1686,7 +1685,7 @@ const IconBirthdayCake = 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,
@@ -1707,7 +1706,7 @@ const IconBirthdayCake = forwardRef((_ref, ref) => {
 });
 IconBirthdayCake.displayName = 'IconBirthdayCake';
 
-const _excluded$2v = ["testId", "size", "color", "style"];
+const _excluded$2w = ["testId", "size", "color", "style"];
 const IconBold = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bold',
@@ -1715,7 +1714,7 @@ const IconBold = 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,
@@ -1736,7 +1735,7 @@ const IconBold = forwardRef((_ref, ref) => {
 });
 IconBold.displayName = 'IconBold';
 
-const _excluded$2u = ["testId", "size", "color", "style"];
+const _excluded$2v = ["testId", "size", "color", "style"];
 const IconBolt = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bolt',
@@ -1744,7 +1743,7 @@ const IconBolt = 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,
@@ -1772,7 +1771,7 @@ const IconBolt = forwardRef((_ref, ref) => {
 });
 IconBolt.displayName = 'IconBolt';
 
-const _excluded$2t = ["testId", "size", "color", "style"];
+const _excluded$2u = ["testId", "size", "color", "style"];
 const IconBook = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-book',
@@ -1780,7 +1779,7 @@ const IconBook = 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,
@@ -1803,7 +1802,7 @@ const IconBook = forwardRef((_ref, ref) => {
 });
 IconBook.displayName = 'IconBook';
 
-const _excluded$2s = ["testId", "size", "color", "style"];
+const _excluded$2t = ["testId", "size", "color", "style"];
 const IconBriefcase = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-briefcase',
@@ -1811,7 +1810,7 @@ const IconBriefcase = 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,
@@ -1832,7 +1831,7 @@ const IconBriefcase = forwardRef((_ref, ref) => {
 });
 IconBriefcase.displayName = 'IconBriefcase';
 
-const _excluded$2r = ["testId", "size", "color", "style"];
+const _excluded$2s = ["testId", "size", "color", "style"];
 const IconBullseyeArrow = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-bullseye-arrow',
@@ -1840,7 +1839,7 @@ const IconBullseyeArrow = 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,
@@ -1863,7 +1862,7 @@ const IconBullseyeArrow = forwardRef((_ref, ref) => {
 });
 IconBullseyeArrow.displayName = 'IconBullseyeArrow';
 
-const _excluded$2q = ["testId", "size", "color", "style"];
+const _excluded$2r = ["testId", "size", "color", "style"];
 const IconCalculator = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calculator',
@@ -1871,7 +1870,7 @@ const IconCalculator = 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,
@@ -1894,7 +1893,7 @@ const IconCalculator = forwardRef((_ref, ref) => {
 });
 IconCalculator.displayName = 'IconCalculator';
 
-const _excluded$2p = ["testId", "size", "color", "style"];
+const _excluded$2q = ["testId", "size", "color", "style"];
 const IconCalendarAlt = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-alt',
@@ -1902,7 +1901,7 @@ const IconCalendarAlt = 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,
@@ -1925,7 +1924,7 @@ const IconCalendarAlt = forwardRef((_ref, ref) => {
 });
 IconCalendarAlt.displayName = 'IconCalendarAlt';
 
-const _excluded$2o = ["testId", "size", "color", "style"];
+const _excluded$2p = ["testId", "size", "color", "style"];
 const IconCalendarCheck = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-check',
@@ -1933,7 +1932,7 @@ const IconCalendarCheck = 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,
@@ -1956,7 +1955,7 @@ const IconCalendarCheck = forwardRef((_ref, ref) => {
 });
 IconCalendarCheck.displayName = 'IconCalendarCheck';
 
-const _excluded$2n = ["testId", "size", "color", "style"];
+const _excluded$2o = ["testId", "size", "color", "style"];
 const IconCalendarDay = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-day',
@@ -1964,7 +1963,7 @@ const IconCalendarDay = 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,
@@ -1992,7 +1991,7 @@ const IconCalendarDay = forwardRef((_ref, ref) => {
 });
 IconCalendarDay.displayName = 'IconCalendarDay';
 
-const _excluded$2m = ["testId", "size", "color", "style"];
+const _excluded$2n = ["testId", "size", "color", "style"];
 const IconCalendarExclamation = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-exclamation',
@@ -2000,7 +1999,7 @@ const IconCalendarExclamation = 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,
@@ -2021,7 +2020,7 @@ const IconCalendarExclamation = forwardRef((_ref, ref) => {
 });
 IconCalendarExclamation.displayName = 'IconCalendarExclamation';
 
-const _excluded$2l = ["testId", "size", "color", "style"];
+const _excluded$2m = ["testId", "size", "color", "style"];
 const IconCalendarStar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-star',
@@ -2029,7 +2028,7 @@ const IconCalendarStar = 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,
@@ -2050,7 +2049,7 @@ const IconCalendarStar = forwardRef((_ref, ref) => {
 });
 IconCalendarStar.displayName = 'IconCalendarStar';
 
-const _excluded$2k = ["testId", "size", "color", "style"];
+const _excluded$2l = ["testId", "size", "color", "style"];
 const IconCalendarTomorrow = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar-tomorrow',
@@ -2058,7 +2057,7 @@ const IconCalendarTomorrow = 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,
@@ -2088,7 +2087,7 @@ const IconCalendarTomorrow = forwardRef((_ref, ref) => {
 });
 IconCalendarTomorrow.displayName = 'IconCalendarTomorrow';
 
-const _excluded$2j = ["testId", "size", "color", "style"];
+const _excluded$2k = ["testId", "size", "color", "style"];
 const IconCalendar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-calendar',
@@ -2096,7 +2095,7 @@ const IconCalendar = 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,
@@ -2119,7 +2118,7 @@ const IconCalendar = forwardRef((_ref, ref) => {
 });
 IconCalendar.displayName = 'IconCalendar';
 
-const _excluded$2i = ["testId", "size", "color", "style"];
+const _excluded$2j = ["testId", "size", "color", "style"];
 const IconCameraSlash = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-camera-slash',
@@ -2127,7 +2126,7 @@ const IconCameraSlash = 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,
@@ -2151,7 +2150,7 @@ const IconCameraSlash = forwardRef((_ref, ref) => {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
 
-const _excluded$2h = ["testId", "size", "color", "style"];
+const _excluded$2i = ["testId", "size", "color", "style"];
 const IconCamera = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-camera',
@@ -2159,7 +2158,7 @@ const IconCamera = 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,
@@ -2180,7 +2179,7 @@ const IconCamera = forwardRef((_ref, ref) => {
 });
 IconCamera.displayName = 'IconCamera';
 
-const _excluded$2g = ["testId", "size", "color", "style"];
+const _excluded$2h = ["testId", "size", "color", "style"];
 const IconCashRegister = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-cash-register',
@@ -2188,7 +2187,7 @@ const IconCashRegister = 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,
@@ -2209,7 +2208,7 @@ const IconCashRegister = forwardRef((_ref, ref) => {
 });
 IconCashRegister.displayName = 'IconCashRegister';
 
-const _excluded$2f = ["testId", "size", "color", "style"];
+const _excluded$2g = ["testId", "size", "color", "style"];
 const IconChartBar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chart-bar',
@@ -2217,7 +2216,7 @@ const IconChartBar = 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,
@@ -2240,7 +2239,7 @@ const IconChartBar = forwardRef((_ref, ref) => {
 });
 IconChartBar.displayName = 'IconChartBar';
 
-const _excluded$2e = ["testId", "size", "color", "style"];
+const _excluded$2f = ["testId", "size", "color", "style"];
 const IconCheckCircleIncomplete = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-check-circle-incomplete',
@@ -2248,7 +2247,7 @@ const IconCheckCircleIncomplete = 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,
@@ -2269,7 +2268,7 @@ const IconCheckCircleIncomplete = forwardRef((_ref, ref) => {
 });
 IconCheckCircleIncomplete.displayName = 'IconCheckCircleIncomplete';
 
-const _excluded$2d = ["testId", "size", "color", "style"];
+const _excluded$2e = ["testId", "size", "color", "style"];
 const IconCheck = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-check',
@@ -2277,7 +2276,7 @@ const IconCheck = 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,
@@ -2300,7 +2299,7 @@ const IconCheck = forwardRef((_ref, ref) => {
 });
 IconCheck.displayName = 'IconCheck';
 
-const _excluded$2c = ["testId", "size", "color", "style"];
+const _excluded$2d = ["testId", "size", "color", "style"];
 const IconChevronDown = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-down',
@@ -2308,7 +2307,7 @@ const IconChevronDown = 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,
@@ -2331,7 +2330,7 @@ const IconChevronDown = forwardRef((_ref, ref) => {
 });
 IconChevronDown.displayName = 'IconChevronDown';
 
-const _excluded$2b = ["testId", "size", "color", "style"];
+const _excluded$2c = ["testId", "size", "color", "style"];
 const IconChevronLeft = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-left',
@@ -2339,7 +2338,7 @@ const IconChevronLeft = 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,
@@ -2362,7 +2361,7 @@ const IconChevronLeft = forwardRef((_ref, ref) => {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
 
-const _excluded$2a = ["testId", "size", "color", "style"];
+const _excluded$2b = ["testId", "size", "color", "style"];
 const IconChevronRight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-right',
@@ -2370,7 +2369,7 @@ const IconChevronRight = 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,
@@ -2393,7 +2392,7 @@ const IconChevronRight = forwardRef((_ref, ref) => {
 });
 IconChevronRight.displayName = 'IconChevronRight';
 
-const _excluded$29 = ["testId", "size", "color", "style"];
+const _excluded$2a = ["testId", "size", "color", "style"];
 const IconChevronUp = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-chevron-up',
@@ -2401,7 +2400,7 @@ const IconChevronUp = 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,
@@ -2424,7 +2423,7 @@ const IconChevronUp = forwardRef((_ref, ref) => {
 });
 IconChevronUp.displayName = 'IconChevronUp';
 
-const _excluded$28 = ["testId", "size", "color", "style"];
+const _excluded$29 = ["testId", "size", "color", "style"];
 const IconClipboardList = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-clipboard-list',
@@ -2432,7 +2431,7 @@ const IconClipboardList = 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,
@@ -2455,7 +2454,7 @@ const IconClipboardList = forwardRef((_ref, ref) => {
 });
 IconClipboardList.displayName = 'IconClipboardList';
 
-const _excluded$27 = ["testId", "size", "color", "style"];
+const _excluded$28 = ["testId", "size", "color", "style"];
 const IconClockExclamation = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-clock-exclamation',
@@ -2463,7 +2462,7 @@ const IconClockExclamation = 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,
@@ -2491,7 +2490,7 @@ const IconClockExclamation = forwardRef((_ref, ref) => {
 });
 IconClockExclamation.displayName = 'IconClockExclamation';
 
-const _excluded$26 = ["testId", "size", "color", "style"];
+const _excluded$27 = ["testId", "size", "color", "style"];
 const IconClockRewind = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-clock-rewind',
@@ -2499,7 +2498,7 @@ const IconClockRewind = 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,
@@ -2527,7 +2526,7 @@ const IconClockRewind = forwardRef((_ref, ref) => {
 });
 IconClockRewind.displayName = 'IconClockRewind';
 
-const _excluded$25 = ["testId", "size", "color", "style"];
+const _excluded$26 = ["testId", "size", "color", "style"];
 const IconClock = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-clock',
@@ -2535,7 +2534,7 @@ const IconClock = 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,
@@ -2556,7 +2555,7 @@ const IconClock = forwardRef((_ref, ref) => {
 });
 IconClock.displayName = 'IconClock';
 
-const _excluded$24 = ["testId", "size", "color", "style"];
+const _excluded$25 = ["testId", "size", "color", "style"];
 const IconCog = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-cog',
@@ -2564,7 +2563,7 @@ const IconCog = 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,
@@ -2585,7 +2584,7 @@ const IconCog = forwardRef((_ref, ref) => {
 });
 IconCog.displayName = 'IconCog';
 
-const _excluded$23 = ["testId", "size", "color", "style"];
+const _excluded$24 = ["testId", "size", "color", "style"];
 const IconCommentLines = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-comment-lines',
@@ -2593,7 +2592,7 @@ const IconCommentLines = 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,
@@ -2619,7 +2618,7 @@ const IconCommentLines = forwardRef((_ref, ref) => {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-const _excluded$22 = ["testId", "size", "color", "style"];
+const _excluded$23 = ["testId", "size", "color", "style"];
 const IconComment = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-comment',
@@ -2627,7 +2626,7 @@ const IconComment = 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,
@@ -2650,7 +2649,7 @@ const IconComment = forwardRef((_ref, ref) => {
 });
 IconComment.displayName = 'IconComment';
 
-const _excluded$21 = ["testId", "size", "color", "style"];
+const _excluded$22 = ["testId", "size", "color", "style"];
 const IconCopy = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-copy',
@@ -2658,7 +2657,7 @@ const IconCopy = 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,
@@ -2686,7 +2685,7 @@ const IconCopy = forwardRef((_ref, ref) => {
 });
 IconCopy.displayName = 'IconCopy';
 
-const _excluded$20 = ["testId", "size", "color", "style"];
+const _excluded$21 = ["testId", "size", "color", "style"];
 const IconCreditCardPlus = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-credit-card-plus',
@@ -2694,7 +2693,7 @@ const IconCreditCardPlus = 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,
@@ -2724,7 +2723,7 @@ const IconCreditCardPlus = forwardRef((_ref, ref) => {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-const _excluded$1$ = ["testId", "size", "color", "style"];
+const _excluded$20 = ["testId", "size", "color", "style"];
 const IconCreditCard = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-credit-card',
@@ -2732,7 +2731,7 @@ const IconCreditCard = 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,
@@ -2760,7 +2759,7 @@ const IconCreditCard = forwardRef((_ref, ref) => {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-const _excluded$1_ = ["testId", "size", "color", "style"];
+const _excluded$1$ = ["testId", "size", "color", "style"];
 const IconDecentMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-decent-monochromatic',
@@ -2768,7 +2767,7 @@ const IconDecentMonochromatic = 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,
@@ -2811,7 +2810,7 @@ const IconDecentMonochromatic = forwardRef((_ref, ref) => {
 });
 IconDecentMonochromatic.displayName = 'IconDecentMonochromatic';
 
-const _excluded$1Z = ["testId", "size", "color", "style"];
+const _excluded$1_ = ["testId", "size", "color", "style"];
 const IconDecent = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-decent',
@@ -2819,7 +2818,7 @@ const IconDecent = 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,
@@ -2850,7 +2849,7 @@ const IconDecent = forwardRef((_ref, ref) => {
 });
 IconDecent.displayName = 'IconDecent';
 
-const _excluded$1Y = ["testId", "size", "color", "style"];
+const _excluded$1Z = ["testId", "size", "color", "style"];
 const IconDownload = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-download',
@@ -2858,7 +2857,7 @@ const IconDownload = 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,
@@ -2881,7 +2880,7 @@ const IconDownload = forwardRef((_ref, ref) => {
 });
 IconDownload.displayName = 'IconDownload';
 
-const _excluded$1X = ["testId", "size", "color", "style"];
+const _excluded$1Y = ["testId", "size", "color", "style"];
 const IconEdit = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-edit',
@@ -2889,7 +2888,7 @@ const IconEdit = 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,
@@ -2910,7 +2909,7 @@ const IconEdit = forwardRef((_ref, ref) => {
 });
 IconEdit.displayName = 'IconEdit';
 
-const _excluded$1W = ["testId", "size", "color", "style"];
+const _excluded$1X = ["testId", "size", "color", "style"];
 const IconEllipsisV = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-ellipsis-v',
@@ -2918,7 +2917,7 @@ const IconEllipsisV = 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,
@@ -2941,7 +2940,7 @@ const IconEllipsisV = forwardRef((_ref, ref) => {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
 
-const _excluded$1V = ["testId", "size", "color", "style"];
+const _excluded$1W = ["testId", "size", "color", "style"];
 const IconEnvelopeOpenDollar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-envelope-open-dollar',
@@ -2949,7 +2948,7 @@ const IconEnvelopeOpenDollar = 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,
@@ -2977,7 +2976,7 @@ const IconEnvelopeOpenDollar = forwardRef((_ref, ref) => {
 });
 IconEnvelopeOpenDollar.displayName = 'IconEnvelopeOpenDollar';
 
-const _excluded$1U = ["testId", "size", "color", "style"];
+const _excluded$1V = ["testId", "size", "color", "style"];
 const IconEnvelope = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-envelope',
@@ -2985,7 +2984,7 @@ const IconEnvelope = 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,
@@ -3006,7 +3005,7 @@ const IconEnvelope = forwardRef((_ref, ref) => {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-const _excluded$1T = ["testId", "size", "color", "style"];
+const _excluded$1U = ["testId", "size", "color", "style"];
 const IconExclaimationTriangle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-exclaimation-triangle',
@@ -3014,7 +3013,7 @@ const IconExclaimationTriangle = 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,
@@ -3037,7 +3036,7 @@ const IconExclaimationTriangle = forwardRef((_ref, ref) => {
 });
 IconExclaimationTriangle.displayName = 'IconExclaimationTriangle';
 
-const _excluded$1S = ["testId", "size", "color", "style"];
+const _excluded$1T = ["testId", "size", "color", "style"];
 const IconExclaimation = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-exclaimation',
@@ -3045,7 +3044,7 @@ const IconExclaimation = 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,
@@ -3066,7 +3065,7 @@ const IconExclaimation = forwardRef((_ref, ref) => {
 });
 IconExclaimation.displayName = 'IconExclaimation';
 
-const _excluded$1R = ["testId", "size", "color", "style"];
+const _excluded$1S = ["testId", "size", "color", "style"];
 const IconExpand = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-expand',
@@ -3074,7 +3073,7 @@ const IconExpand = 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,
@@ -3095,7 +3094,7 @@ const IconExpand = forwardRef((_ref, ref) => {
 });
 IconExpand.displayName = 'IconExpand';
 
-const _excluded$1Q = ["testId", "size", "color", "style"];
+const _excluded$1R = ["testId", "size", "color", "style"];
 const IconExternalLink = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-external-link',
@@ -3103,7 +3102,7 @@ const IconExternalLink = 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,
@@ -3126,7 +3125,7 @@ const IconExternalLink = forwardRef((_ref, ref) => {
 });
 IconExternalLink.displayName = 'IconExternalLink';
 
-const _excluded$1P = ["testId", "size", "color", "style"];
+const _excluded$1Q = ["testId", "size", "color", "style"];
 const IconEyeSlash = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-eye-slash',
@@ -3134,7 +3133,7 @@ const IconEyeSlash = 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,
@@ -3169,7 +3168,7 @@ const IconEyeSlash = forwardRef((_ref, ref) => {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
 
-const _excluded$1O = ["testId", "size", "color", "style"];
+const _excluded$1P = ["testId", "size", "color", "style"];
 const IconEye = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-eye',
@@ -3177,7 +3176,7 @@ const IconEye = 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,
@@ -3205,7 +3204,7 @@ const IconEye = forwardRef((_ref, ref) => {
 });
 IconEye.displayName = 'IconEye';
 
-const _excluded$1N = ["testId", "size", "color", "style"];
+const _excluded$1O = ["testId", "size", "color", "style"];
 const IconFaceSmileRelaxed = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-face-smile-relaxed',
@@ -3213,7 +3212,7 @@ const IconFaceSmileRelaxed = 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,
@@ -3241,7 +3240,7 @@ const IconFaceSmileRelaxed = forwardRef((_ref, ref) => {
 });
 IconFaceSmileRelaxed.displayName = 'IconFaceSmileRelaxed';
 
-const _excluded$1M = ["testId", "size", "color", "style"];
+const _excluded$1N = ["testId", "size", "color", "style"];
 const IconFilePdf = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-file-pdf',
@@ -3249,7 +3248,7 @@ const IconFilePdf = 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,
@@ -3277,7 +3276,7 @@ const IconFilePdf = forwardRef((_ref, ref) => {
 });
 IconFilePdf.displayName = 'IconFilePdf';
 
-const _excluded$1L = ["testId", "size", "color", "style"];
+const _excluded$1M = ["testId", "size", "color", "style"];
 const IconFile = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-file',
@@ -3285,7 +3284,7 @@ const IconFile = 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,
@@ -3313,7 +3312,7 @@ const IconFile = forwardRef((_ref, ref) => {
 });
 IconFile.displayName = 'IconFile';
 
-const _excluded$1K = ["testId", "size", "color", "style"];
+const _excluded$1L = ["testId", "size", "color", "style"];
 const IconFlag = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-flag',
@@ -3321,7 +3320,7 @@ const IconFlag = 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,
@@ -3349,7 +3348,7 @@ const IconFlag = forwardRef((_ref, ref) => {
 });
 IconFlag.displayName = 'IconFlag';
 
-const _excluded$1J = ["testId", "size", "color", "style"];
+const _excluded$1K = ["testId", "size", "color", "style"];
 const IconFourDotsCircle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-four-dots-circle',
@@ -3357,7 +3356,7 @@ const IconFourDotsCircle = 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,
@@ -3380,7 +3379,7 @@ const IconFourDotsCircle = forwardRef((_ref, ref) => {
 });
 IconFourDotsCircle.displayName = 'IconFourDotsCircle';
 
-const _excluded$1I = ["testId", "size", "color", "style"];
+const _excluded$1J = ["testId", "size", "color", "style"];
 const IconFourSquares = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-four-squares',
@@ -3388,7 +3387,7 @@ const IconFourSquares = 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,
@@ -3434,7 +3433,7 @@ const IconFourSquares = forwardRef((_ref, ref) => {
 });
 IconFourSquares.displayName = 'IconFourSquares';
 
-const _excluded$1H = ["testId", "size", "color", "style"];
+const _excluded$1I = ["testId", "size", "color", "style"];
 const IconGavel = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-gavel',
@@ -3442,7 +3441,7 @@ const IconGavel = 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,
@@ -3463,7 +3462,7 @@ const IconGavel = forwardRef((_ref, ref) => {
 });
 IconGavel.displayName = 'IconGavel';
 
-const _excluded$1G = ["testId", "size", "color", "style"];
+const _excluded$1H = ["testId", "size", "color", "style"];
 const IconGif = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-gif',
@@ -3471,7 +3470,7 @@ const IconGif = 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,
@@ -3496,7 +3495,7 @@ const IconGif = forwardRef((_ref, ref) => {
 });
 IconGif.displayName = 'IconGif';
 
-const _excluded$1F = ["testId", "size", "color", "style"];
+const _excluded$1G = ["testId", "size", "color", "style"];
 const IconGift = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-gift',
@@ -3504,7 +3503,7 @@ const IconGift = 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,
@@ -3525,7 +3524,7 @@ const IconGift = forwardRef((_ref, ref) => {
 });
 IconGift.displayName = 'IconGift';
 
-const _excluded$1E = ["testId", "size", "color", "style"];
+const _excluded$1F = ["testId", "size", "color", "style"];
 const IconGoodMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-good-monochromatic',
@@ -3533,7 +3532,7 @@ const IconGoodMonochromatic = 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,
@@ -3572,7 +3571,7 @@ const IconGoodMonochromatic = forwardRef((_ref, ref) => {
 });
 IconGoodMonochromatic.displayName = 'IconGoodMonochromatic';
 
-const _excluded$1D = ["testId", "size", "color", "style"];
+const _excluded$1E = ["testId", "size", "color", "style"];
 const IconGood = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-good',
@@ -3580,7 +3579,7 @@ const IconGood = 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,
@@ -3607,7 +3606,7 @@ const IconGood = forwardRef((_ref, ref) => {
 });
 IconGood.displayName = 'IconGood';
 
-const _excluded$1C = ["testId", "size", "color", "style"];
+const _excluded$1D = ["testId", "size", "color", "style"];
 const IconGreatMonochromatic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-great-monochromatic',
@@ -3615,7 +3614,7 @@ const IconGreatMonochromatic = 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,
@@ -3656,7 +3655,7 @@ const IconGreatMonochromatic = forwardRef((_ref, ref) => {
 });
 IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
 
-const _excluded$1B = ["testId", "size", "color", "style"];
+const _excluded$1C = ["testId", "size", "color", "style"];
 const IconGreat = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-great',
@@ -3664,7 +3663,7 @@ const IconGreat = 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,
@@ -3693,7 +3692,7 @@ const IconGreat = forwardRef((_ref, ref) => {
 });
 IconGreat.displayName = 'IconGreat';
 
-const _excluded$1A = ["testId", "size", "color", "style"];
+const _excluded$1B = ["testId", "size", "color", "style"];
 const IconGrinBeam = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-grin-beam',
@@ -3701,7 +3700,7 @@ const IconGrinBeam = 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,
@@ -3722,7 +3721,7 @@ const IconGrinBeam = forwardRef((_ref, ref) => {
 });
 IconGrinBeam.displayName = 'IconGrinBeam';
 
-const _excluded$1z = ["testId", "size", "color", "style"];
+const _excluded$1A = ["testId", "size", "color", "style"];
 const IconGripVertical = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-grip-vertical',
@@ -3730,7 +3729,7 @@ const IconGripVertical = 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,
@@ -3778,7 +3777,7 @@ const IconGripVertical = forwardRef((_ref, ref) => {
 });
 IconGripVertical.displayName = 'IconGripVertical';
 
-const _excluded$1y = ["testId", "size", "color", "style"];
+const _excluded$1z = ["testId", "size", "color", "style"];
 const IconHandHoldingDollar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-hand-holding-dollar',
@@ -3786,7 +3785,7 @@ const IconHandHoldingDollar = 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,
@@ -3814,7 +3813,7 @@ const IconHandHoldingDollar = forwardRef((_ref, ref) => {
 });
 IconHandHoldingDollar.displayName = 'IconHandHoldingDollar';
 
-const _excluded$1x = ["testId", "size", "color", "style"];
+const _excluded$1y = ["testId", "size", "color", "style"];
 const IconHandPointRight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-hand-point-right',
@@ -3822,7 +3821,7 @@ const IconHandPointRight = 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,
@@ -3843,7 +3842,7 @@ const IconHandPointRight = forwardRef((_ref, ref) => {
 });
 IconHandPointRight.displayName = 'IconHandPointRight';
 
-const _excluded$1w = ["testId", "size", "color", "style"];
+const _excluded$1x = ["testId", "size", "color", "style"];
 const IconHandshake = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-handshake',
@@ -3851,7 +3850,7 @@ const IconHandshake = 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,
@@ -3879,7 +3878,7 @@ const IconHandshake = forwardRef((_ref, ref) => {
 });
 IconHandshake.displayName = 'IconHandshake';
 
-const _excluded$1v = ["testId", "size", "color", "style"];
+const _excluded$1w = ["testId", "size", "color", "style"];
 const IconHatChef = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-hat-chef',
@@ -3887,7 +3886,7 @@ const IconHatChef = 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,
@@ -3908,7 +3907,7 @@ const IconHatChef = forwardRef((_ref, ref) => {
 });
 IconHatChef.displayName = 'IconHatChef';
 
-const _excluded$1u = ["testId", "size", "color", "style"];
+const _excluded$1v = ["testId", "size", "color", "style"];
 const IconImage = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-image',
@@ -3916,7 +3915,7 @@ const IconImage = 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,
@@ -3944,7 +3943,7 @@ const IconImage = forwardRef((_ref, ref) => {
 });
 IconImage.displayName = 'IconImage';
 
-const _excluded$1t = ["testId", "size", "color", "style"];
+const _excluded$1u = ["testId", "size", "color", "style"];
 const IconIslandTropical = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-island-tropical',
@@ -3952,7 +3951,7 @@ const IconIslandTropical = 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,
@@ -3975,7 +3974,7 @@ const IconIslandTropical = forwardRef((_ref, ref) => {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
 
-const _excluded$1s = ["testId", "size", "color", "style"];
+const _excluded$1t = ["testId", "size", "color", "style"];
 const IconItalic = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-italic',
@@ -3983,7 +3982,7 @@ const IconItalic = 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,
@@ -4004,7 +4003,7 @@ const IconItalic = forwardRef((_ref, ref) => {
 });
 IconItalic.displayName = 'IconItalic';
 
-const _excluded$1r = ["testId", "size", "color", "style"];
+const _excluded$1s = ["testId", "size", "color", "style"];
 const IconLaptopSearch = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-laptop-search',
@@ -4012,7 +4011,7 @@ const IconLaptopSearch = 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,
@@ -4042,7 +4041,7 @@ const IconLaptopSearch = forwardRef((_ref, ref) => {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
 
-const _excluded$1q = ["testId", "size", "color", "style"];
+const _excluded$1r = ["testId", "size", "color", "style"];
 const IconLink = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-link',
@@ -4050,7 +4049,7 @@ const IconLink = 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,
@@ -4078,7 +4077,7 @@ const IconLink = forwardRef((_ref, ref) => {
 });
 IconLink.displayName = 'IconLink';
 
-const _excluded$1p = ["testId", "size", "color", "style"];
+const _excluded$1q = ["testId", "size", "color", "style"];
 const IconListOI = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-list-o-i',
@@ -4086,7 +4085,7 @@ const IconListOI = 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,
@@ -4114,7 +4113,7 @@ const IconListOI = forwardRef((_ref, ref) => {
 });
 IconListOI.displayName = 'IconListOI';
 
-const _excluded$1o = ["testId", "size", "color", "style"];
+const _excluded$1p = ["testId", "size", "color", "style"];
 const IconList = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-list',
@@ -4122,7 +4121,7 @@ const IconList = 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,
@@ -4143,7 +4142,7 @@ const IconList = forwardRef((_ref, ref) => {
 });
 IconList.displayName = 'IconList';
 
-const _excluded$1n = ["testId", "size", "color", "style"];
+const _excluded$1o = ["testId", "size", "color", "style"];
 const IconLock = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-lock',
@@ -4151,7 +4150,7 @@ const IconLock = 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,
@@ -4172,7 +4171,7 @@ const IconLock = forwardRef((_ref, ref) => {
 });
 IconLock.displayName = 'IconLock';
 
-const _excluded$1m = ["testId", "size", "color", "style"];
+const _excluded$1n = ["testId", "size", "color", "style"];
 const IconMagicSolid = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-magic-solid',
@@ -4180,7 +4179,7 @@ const IconMagicSolid = 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,
@@ -4203,7 +4202,7 @@ const IconMagicSolid = forwardRef((_ref, ref) => {
 });
 IconMagicSolid.displayName = 'IconMagicSolid';
 
-const _excluded$1l = ["testId", "size", "color", "style"];
+const _excluded$1m = ["testId", "size", "color", "style"];
 const IconMapMarker = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-map-marker',
@@ -4211,7 +4210,7 @@ const IconMapMarker = 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,
@@ -4234,7 +4233,7 @@ const IconMapMarker = forwardRef((_ref, ref) => {
 });
 IconMapMarker.displayName = 'IconMapMarker';
 
-const _excluded$1k = ["testId", "size", "color", "style"];
+const _excluded$1l = ["testId", "size", "color", "style"];
 const IconMedal = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-medal',
@@ -4242,7 +4241,7 @@ const IconMedal = 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,
@@ -4270,7 +4269,7 @@ const IconMedal = forwardRef((_ref, ref) => {
 });
 IconMedal.displayName = 'IconMedal';
 
-const _excluded$1j = ["testId", "size", "color", "style"];
+const _excluded$1k = ["testId", "size", "color", "style"];
 const IconMegaphone = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-megaphone',
@@ -4278,7 +4277,7 @@ const IconMegaphone = 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,
@@ -4301,7 +4300,7 @@ const IconMegaphone = forwardRef((_ref, ref) => {
 });
 IconMegaphone.displayName = 'IconMegaphone';
 
-const _excluded$1i = ["testId", "size", "color", "style"];
+const _excluded$1j = ["testId", "size", "color", "style"];
 const IconMessages = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-messages',
@@ -4309,7 +4308,7 @@ const IconMessages = 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,
@@ -4330,7 +4329,7 @@ const IconMessages = forwardRef((_ref, ref) => {
 });
 IconMessages.displayName = 'IconMessages';
 
-const _excluded$1h = ["testId", "size", "color", "style"];
+const _excluded$1i = ["testId", "size", "color", "style"];
 const IconMinusCircle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-minus-circle',
@@ -4338,7 +4337,7 @@ const IconMinusCircle = 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,
@@ -4359,7 +4358,7 @@ const IconMinusCircle = forwardRef((_ref, ref) => {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
 
-const _excluded$1g = ["testId", "size", "color", "style"];
+const _excluded$1h = ["testId", "size", "color", "style"];
 const IconMinus = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-minus',
@@ -4367,7 +4366,7 @@ const IconMinus = 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,
@@ -4388,7 +4387,7 @@ const IconMinus = forwardRef((_ref, ref) => {
 });
 IconMinus.displayName = 'IconMinus';
 
-const _excluded$1f = ["testId", "size", "color", "style"];
+const _excluded$1g = ["testId", "size", "color", "style"];
 const IconMoneyBill = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-money-bill',
@@ -4396,7 +4395,7 @@ const IconMoneyBill = 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,
@@ -4417,7 +4416,7 @@ const IconMoneyBill = forwardRef((_ref, ref) => {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-const _excluded$1e = ["testId", "size", "color", "style"];
+const _excluded$1f = ["testId", "size", "color", "style"];
 const IconMugSaucerSolid = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-mug-saucer-solid',
@@ -4425,7 +4424,7 @@ const IconMugSaucerSolid = 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,
@@ -4446,7 +4445,7 @@ const IconMugSaucerSolid = forwardRef((_ref, ref) => {
 });
 IconMugSaucerSolid.displayName = 'IconMugSaucerSolid';
 
-const _excluded$1d = ["testId", "size", "color", "style"];
+const _excluded$1e = ["testId", "size", "color", "style"];
 const IconNotesMedical = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-notes-medical',
@@ -4454,7 +4453,7 @@ const IconNotesMedical = 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,
@@ -4475,7 +4474,7 @@ const IconNotesMedical = forwardRef((_ref, ref) => {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
 
-const _excluded$1c = ["testId", "size", "color", "style"];
+const _excluded$1d = ["testId", "size", "color", "style"];
 const IconOvertime = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-overtime',
@@ -4483,7 +4482,7 @@ const IconOvertime = 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,
@@ -4511,7 +4510,7 @@ const IconOvertime = forwardRef((_ref, ref) => {
 });
 IconOvertime.displayName = 'IconOvertime';
 
-const _excluded$1b = ["testId", "size", "color", "style"];
+const _excluded$1c = ["testId", "size", "color", "style"];
 const IconPaperPlaneClock = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-paper-plane-clock',
@@ -4519,7 +4518,7 @@ const IconPaperPlaneClock = 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,
@@ -4551,7 +4550,7 @@ const IconPaperPlaneClock = forwardRef((_ref, ref) => {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
 
-const _excluded$1a = ["testId", "size", "color", "style"];
+const _excluded$1b = ["testId", "size", "color", "style"];
 const IconPaperPlane = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-paper-plane',
@@ -4559,7 +4558,7 @@ const IconPaperPlane = 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,
@@ -4582,7 +4581,7 @@ const IconPaperPlane = forwardRef((_ref, ref) => {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
 
-const _excluded$19 = ["testId", "size", "color", "style"];
+const _excluded$1a = ["testId", "size", "color", "style"];
 const IconPaperclip = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-paperclip',
@@ -4590,7 +4589,7 @@ const IconPaperclip = 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,
@@ -4618,7 +4617,7 @@ const IconPaperclip = forwardRef((_ref, ref) => {
 });
 IconPaperclip.displayName = 'IconPaperclip';
 
-const _excluded$18 = ["testId", "size", "color", "style"];
+const _excluded$19 = ["testId", "size", "color", "style"];
 const IconPencil = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-pencil',
@@ -4626,7 +4625,7 @@ const IconPencil = 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,
@@ -4649,7 +4648,7 @@ const IconPencil = forwardRef((_ref, ref) => {
 });
 IconPencil.displayName = 'IconPencil';
 
-const _excluded$17 = ["testId", "size", "color", "style"];
+const _excluded$18 = ["testId", "size", "color", "style"];
 const IconPercentage = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-percentage',
@@ -4657,7 +4656,7 @@ const IconPercentage = 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,
@@ -4678,7 +4677,7 @@ const IconPercentage = forwardRef((_ref, ref) => {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-const _excluded$16 = ["testId", "size", "color", "style"];
+const _excluded$17 = ["testId", "size", "color", "style"];
 const IconPhone = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-phone',
@@ -4686,7 +4685,7 @@ const IconPhone = 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,
@@ -4707,7 +4706,7 @@ const IconPhone = forwardRef((_ref, ref) => {
 });
 IconPhone.displayName = 'IconPhone';
 
-const _excluded$15 = ["testId", "size", "color", "style"];
+const _excluded$16 = ["testId", "size", "color", "style"];
 const IconPlateUtensils = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-plate-utensils',
@@ -4715,7 +4714,7 @@ const IconPlateUtensils = 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,
@@ -4736,7 +4735,7 @@ const IconPlateUtensils = forwardRef((_ref, ref) => {
 });
 IconPlateUtensils.displayName = 'IconPlateUtensils';
 
-const _excluded$14 = ["testId", "size", "color", "style"];
+const _excluded$15 = ["testId", "size", "color", "style"];
 const IconPlug = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-plug',
@@ -4744,7 +4743,7 @@ const IconPlug = 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,
@@ -4767,7 +4766,7 @@ const IconPlug = forwardRef((_ref, ref) => {
 });
 IconPlug.displayName = 'IconPlug';
 
-const _excluded$13 = ["testId", "size", "color", "style"];
+const _excluded$14 = ["testId", "size", "color", "style"];
 const IconPlus = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-plus',
@@ -4775,7 +4774,7 @@ const IconPlus = 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,
@@ -4798,7 +4797,7 @@ const IconPlus = forwardRef((_ref, ref) => {
 });
 IconPlus.displayName = 'IconPlus';
 
-const _excluded$12 = ["testId", "size", "color", "style"];
+const _excluded$13 = ["testId", "size", "color", "style"];
 const IconPrint = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-print',
@@ -4806,7 +4805,7 @@ const IconPrint = 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,
@@ -4829,7 +4828,7 @@ const IconPrint = forwardRef((_ref, ref) => {
 });
 IconPrint.displayName = 'IconPrint';
 
-const _excluded$11 = ["testId", "size", "color", "style"];
+const _excluded$12 = ["testId", "size", "color", "style"];
 const IconQuestionCircle = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-question-circle',
@@ -4837,7 +4836,7 @@ const IconQuestionCircle = 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,
@@ -4858,7 +4857,7 @@ const IconQuestionCircle = forwardRef((_ref, ref) => {
 });
 IconQuestionCircle.displayName = 'IconQuestionCircle';
 
-const _excluded$10 = ["testId", "size", "color", "style"];
+const _excluded$11 = ["testId", "size", "color", "style"];
 const IconRepeat = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-repeat',
@@ -4866,7 +4865,7 @@ const IconRepeat = 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,
@@ -4887,7 +4886,7 @@ const IconRepeat = forwardRef((_ref, ref) => {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-const _excluded$$ = ["testId", "size", "color", "style"];
+const _excluded$10 = ["testId", "size", "color", "style"];
 const IconReply = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-reply',
@@ -4895,7 +4894,7 @@ const IconReply = 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,
@@ -4916,7 +4915,7 @@ const IconReply = forwardRef((_ref, ref) => {
 });
 IconReply.displayName = 'IconReply';
 
-const _excluded$_ = ["testId", "size", "color", "style"];
+const _excluded$$ = ["testId", "size", "color", "style"];
 const IconRocket = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-rocket',
@@ -4924,7 +4923,7 @@ const IconRocket = 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,
@@ -4945,7 +4944,7 @@ const IconRocket = forwardRef((_ref, ref) => {
 });
 IconRocket.displayName = 'IconRocket';
 
-const _excluded$Z = ["testId", "size", "color", "style"];
+const _excluded$_ = ["testId", "size", "color", "style"];
 const IconSearch = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-search',
@@ -4953,7 +4952,7 @@ const IconSearch = 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,
@@ -4976,7 +4975,7 @@ const IconSearch = forwardRef((_ref, ref) => {
 });
 IconSearch.displayName = 'IconSearch';
 
-const _excluded$Y = ["testId", "size", "color", "style"];
+const _excluded$Z = ["testId", "size", "color", "style"];
 const IconSignOut = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sign-out',
@@ -4984,7 +4983,7 @@ const IconSignOut = 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,
@@ -5005,7 +5004,7 @@ const IconSignOut = forwardRef((_ref, ref) => {
 });
 IconSignOut.displayName = 'IconSignOut';
 
-const _excluded$X = ["testId", "size", "color", "style"];
+const _excluded$Y = ["testId", "size", "color", "style"];
 const IconSitemap = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sitemap',
@@ -5013,7 +5012,7 @@ const IconSitemap = 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,
@@ -5036,7 +5035,7 @@ const IconSitemap = forwardRef((_ref, ref) => {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-const _excluded$W = ["testId", "size", "color", "style"];
+const _excluded$X = ["testId", "size", "color", "style"];
 const IconSlidersH = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sliders-h',
@@ -5044,7 +5043,7 @@ const IconSlidersH = 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,
@@ -5072,7 +5071,7 @@ const IconSlidersH = forwardRef((_ref, ref) => {
 });
 IconSlidersH.displayName = 'IconSlidersH';
 
-const _excluded$V = ["testId", "size", "color", "style"];
+const _excluded$W = ["testId", "size", "color", "style"];
 const IconSort = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sort',
@@ -5080,7 +5079,7 @@ const IconSort = 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,
@@ -5101,7 +5100,7 @@ const IconSort = forwardRef((_ref, ref) => {
 });
 IconSort.displayName = 'IconSort';
 
-const _excluded$U = ["testId", "size", "color", "style"];
+const _excluded$V = ["testId", "size", "color", "style"];
 const IconStarSolid = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-star-solid',
@@ -5109,7 +5108,7 @@ const IconStarSolid = 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,
@@ -5130,7 +5129,7 @@ const IconStarSolid = forwardRef((_ref, ref) => {
 });
 IconStarSolid.displayName = 'IconStarSolid';
 
-const _excluded$T = ["testId", "size", "color", "style"];
+const _excluded$U = ["testId", "size", "color", "style"];
 const IconStar = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-star',
@@ -5138,7 +5137,7 @@ const IconStar = 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,
@@ -5159,7 +5158,7 @@ const IconStar = forwardRef((_ref, ref) => {
 });
 IconStar.displayName = 'IconStar';
 
-const _excluded$S = ["testId", "size", "color", "style"];
+const _excluded$T = ["testId", "size", "color", "style"];
 const IconStickyNoteLines = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sticky-note-lines',
@@ -5167,7 +5166,7 @@ const IconStickyNoteLines = 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,
@@ -5191,7 +5190,7 @@ const IconStickyNoteLines = forwardRef((_ref, ref) => {
 });
 IconStickyNoteLines.displayName = 'IconStickyNoteLines';
 
-const _excluded$R = ["testId", "size", "color", "style"];
+const _excluded$S = ["testId", "size", "color", "style"];
 const IconStopwatch = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-stopwatch',
@@ -5199,7 +5198,7 @@ const IconStopwatch = 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,
@@ -5222,7 +5221,7 @@ const IconStopwatch = forwardRef((_ref, ref) => {
 });
 IconStopwatch.displayName = 'IconStopwatch';
 
-const _excluded$Q = ["testId", "size", "color", "style"];
+const _excluded$R = ["testId", "size", "color", "style"];
 const IconStrikethrough = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-strikethrough',
@@ -5230,7 +5229,7 @@ const IconStrikethrough = 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,
@@ -5258,7 +5257,7 @@ const IconStrikethrough = forwardRef((_ref, ref) => {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
 
-const _excluded$P = ["testId", "size", "color", "style"];
+const _excluded$Q = ["testId", "size", "color", "style"];
 const IconSyncExclaimation = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sync-exclaimation',
@@ -5266,7 +5265,7 @@ const IconSyncExclaimation = 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,
@@ -5287,7 +5286,7 @@ const IconSyncExclaimation = forwardRef((_ref, ref) => {
 });
 IconSyncExclaimation.displayName = 'IconSyncExclaimation';
 
-const _excluded$O = ["testId", "size", "color", "style"];
+const _excluded$P = ["testId", "size", "color", "style"];
 const IconSync = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-sync',
@@ -5295,7 +5294,7 @@ const IconSync = 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,
@@ -5316,7 +5315,7 @@ const IconSync = forwardRef((_ref, ref) => {
 });
 IconSync.displayName = 'IconSync';
 
-const _excluded$N = ["testId", "size", "color", "style"];
+const _excluded$O = ["testId", "size", "color", "style"];
 const IconTable = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-table',
@@ -5324,7 +5323,7 @@ const IconTable = 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,
@@ -5352,7 +5351,7 @@ const IconTable = forwardRef((_ref, ref) => {
 });
 IconTable.displayName = 'IconTable';
 
-const _excluded$M = ["testId", "size", "color", "style"];
+const _excluded$N = ["testId", "size", "color", "style"];
 const IconTachometer = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-tachometer',
@@ -5360,7 +5359,7 @@ const IconTachometer = 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,
@@ -5380,7 +5379,7 @@ const IconTachometer = forwardRef((_ref, ref) => {
 });
 IconTachometer.displayName = 'IconTachometer';
 
-const _excluded$L = ["testId", "size", "color", "style"];
+const _excluded$M = ["testId", "size", "color", "style"];
 const IconTimesOctagon = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-times-octagon',
@@ -5388,7 +5387,7 @@ const IconTimesOctagon = 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,
@@ -5411,7 +5410,7 @@ const IconTimesOctagon = forwardRef((_ref, ref) => {
 });
 IconTimesOctagon.displayName = 'IconTimesOctagon';
 
-const _excluded$K = ["testId", "size", "color", "style"];
+const _excluded$L = ["testId", "size", "color", "style"];
 const IconTimes = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-times',
@@ -5419,7 +5418,7 @@ const IconTimes = 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,
@@ -5442,7 +5441,7 @@ const IconTimes = forwardRef((_ref, ref) => {
 });
 IconTimes.displayName = 'IconTimes';
 
-const _excluded$J = ["testId", "size", "color", "style"];
+const _excluded$K = ["testId", "size", "color", "style"];
 const IconTrash = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-trash',
@@ -5450,7 +5449,7 @@ const IconTrash = 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,
@@ -5473,7 +5472,7 @@ const IconTrash = forwardRef((_ref, ref) => {
 });
 IconTrash.displayName = 'IconTrash';
 
-const _excluded$I = ["testId", "size", "color", "style"];
+const _excluded$J = ["testId", "size", "color", "style"];
 const IconUnderline = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-underline',
@@ -5481,7 +5480,7 @@ const IconUnderline = 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,
@@ -5502,7 +5501,7 @@ const IconUnderline = forwardRef((_ref, ref) => {
 });
 IconUnderline.displayName = 'IconUnderline';
 
-const _excluded$H = ["testId", "size", "color", "style"];
+const _excluded$I = ["testId", "size", "color", "style"];
 const IconUndo = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-undo',
@@ -5510,7 +5509,7 @@ const IconUndo = 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,
@@ -5531,7 +5530,7 @@ const IconUndo = forwardRef((_ref, ref) => {
 });
 IconUndo.displayName = 'IconUndo';
 
-const _excluded$G = ["testId", "size", "color", "style"];
+const _excluded$H = ["testId", "size", "color", "style"];
 const IconUniversity = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-university',
@@ -5539,7 +5538,7 @@ const IconUniversity = 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,
@@ -5567,7 +5566,7 @@ const IconUniversity = forwardRef((_ref, ref) => {
 });
 IconUniversity.displayName = 'IconUniversity';
 
-const _excluded$F = ["testId", "size", "color", "style"];
+const _excluded$G = ["testId", "size", "color", "style"];
 const IconUnlock = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-unlock',
@@ -5575,7 +5574,7 @@ const IconUnlock = 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,
@@ -5603,7 +5602,7 @@ const IconUnlock = forwardRef((_ref, ref) => {
 });
 IconUnlock.displayName = 'IconUnlock';
 
-const _excluded$E = ["testId", "size", "color", "style"];
+const _excluded$F = ["testId", "size", "color", "style"];
 const IconUserComputer = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-computer',
@@ -5611,7 +5610,7 @@ const IconUserComputer = 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,
@@ -5643,7 +5642,7 @@ const IconUserComputer = forwardRef((_ref, ref) => {
 });
 IconUserComputer.displayName = 'IconUserComputer';
 
-const _excluded$D = ["testId", "size", "color", "style"];
+const _excluded$E = ["testId", "size", "color", "style"];
 const IconUserFriends = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-friends',
@@ -5651,7 +5650,7 @@ const IconUserFriends = 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,
@@ -5672,7 +5671,7 @@ const IconUserFriends = forwardRef((_ref, ref) => {
 });
 IconUserFriends.displayName = 'IconUserFriends';
 
-const _excluded$C = ["testId", "size", "color", "style"];
+const _excluded$D = ["testId", "size", "color", "style"];
 const IconUserLight = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-light',
@@ -5680,7 +5679,7 @@ const IconUserLight = 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,
@@ -5703,7 +5702,7 @@ const IconUserLight = forwardRef((_ref, ref) => {
 });
 IconUserLight.displayName = 'IconUserLight';
 
-const _excluded$B = ["testId", "size", "color", "style"];
+const _excluded$C = ["testId", "size", "color", "style"];
 const IconUserPlus = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-plus',
@@ -5711,7 +5710,7 @@ const IconUserPlus = 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,
@@ -5732,7 +5731,7 @@ const IconUserPlus = forwardRef((_ref, ref) => {
 });
 IconUserPlus.displayName = 'IconUserPlus';
 
-const _excluded$A = ["testId", "size", "color", "style"];
+const _excluded$B = ["testId", "size", "color", "style"];
 const IconUserSearch = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-search',
@@ -5740,7 +5739,7 @@ const IconUserSearch = 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,
@@ -5770,7 +5769,7 @@ const IconUserSearch = forwardRef((_ref, ref) => {
 });
 IconUserSearch.displayName = 'IconUserSearch';
 
-const _excluded$z = ["testId", "size", "color", "style"];
+const _excluded$A = ["testId", "size", "color", "style"];
 const IconUserSlash = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-slash',
@@ -5778,7 +5777,7 @@ const IconUserSlash = 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,
@@ -5806,7 +5805,7 @@ const IconUserSlash = forwardRef((_ref, ref) => {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-const _excluded$y = ["testId", "size", "color", "style"];
+const _excluded$z = ["testId", "size", "color", "style"];
 const IconUserSolid = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-solid',
@@ -5814,7 +5813,7 @@ const IconUserSolid = 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,
@@ -5835,7 +5834,7 @@ const IconUserSolid = forwardRef((_ref, ref) => {
 });
 IconUserSolid.displayName = 'IconUserSolid';
 
-const _excluded$x = ["testId", "size", "color", "style"];
+const _excluded$y = ["testId", "size", "color", "style"];
 const IconUserTag = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-tag',
@@ -5843,7 +5842,7 @@ const IconUserTag = 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,
@@ -5866,7 +5865,7 @@ const IconUserTag = forwardRef((_ref, ref) => {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-const _excluded$w = ["testId", "size", "color", "style"];
+const _excluded$x = ["testId", "size", "color", "style"];
 const IconUserTie = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-user-tie',
@@ -5874,7 +5873,7 @@ const IconUserTie = 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,
@@ -5895,7 +5894,7 @@ const IconUserTie = forwardRef((_ref, ref) => {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-const _excluded$v = ["testId", "size", "color", "style"];
+const _excluded$w = ["testId", "size", "color", "style"];
 const IconUsers = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-users',
@@ -5903,7 +5902,7 @@ const IconUsers = 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,
@@ -5924,7 +5923,7 @@ const IconUsers = forwardRef((_ref, ref) => {
 });
 IconUsers.displayName = 'IconUsers';
 
-const _excluded$u = ["testId", "size", "color", "style"];
+const _excluded$v = ["testId", "size", "color", "style"];
 const IconVideo = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-video',
@@ -5932,7 +5931,7 @@ const IconVideo = 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,
@@ -5953,7 +5952,7 @@ const IconVideo = forwardRef((_ref, ref) => {
 });
 IconVideo.displayName = 'IconVideo';
 
-const _excluded$t = ["testId", "size", "color", "style"];
+const _excluded$u = ["testId", "size", "color", "style"];
 const IconVolumeMute = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-volume-mute',
@@ -5961,7 +5960,7 @@ const IconVolumeMute = 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,
@@ -5982,7 +5981,7 @@ const IconVolumeMute = forwardRef((_ref, ref) => {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-const _excluded$s = ["testId", "size", "color", "style"];
+const _excluded$t = ["testId", "size", "color", "style"];
 const IconVolume = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-volume',
@@ -5990,7 +5989,7 @@ const IconVolume = 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,
@@ -6011,7 +6010,7 @@ const IconVolume = forwardRef((_ref, ref) => {
 });
 IconVolume.displayName = 'IconVolume';
 
-const _excluded$r = ["testId", "size", "color", "style"];
+const _excluded$s = ["testId", "size", "color", "style"];
 const IconWrench = forwardRef((_ref, ref) => {
   let {
       testId = 'icon-wrench',
@@ -6019,7 +6018,7 @@ const IconWrench = 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,
@@ -6175,7 +6174,7 @@ const useTranslation = context => {
   return translate;
 };
 
-const _excluded$q = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
+const _excluded$r = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
 /**
  * `PaginationControls` are two buttons side by side.
  */
@@ -6188,7 +6187,7 @@ const PaginationControls = _ref => {
       testId,
       scrollTarget
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$q);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$r);
   const __ = useTranslation('PaginationControls');
   const {
     dataProps
@@ -6257,7 +6256,7 @@ const LINK_TARGET = {
 
 var styles$1d = {"link":"_EiQ4c"};
 
-const _excluded$p = ["href", "target", "theme", "onClick", "children"];
+const _excluded$q = ["href", "target", "theme", "onClick", "children"];
 const Link = _ref => {
   let {
       href,
@@ -6266,7 +6265,7 @@ const Link = _ref => {
       onClick,
       children
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$p);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$q);
   const {
     dataProps
   } = getDataProps(otherProps);
@@ -6692,7 +6691,7 @@ const InlineBannerIcon = ({
   }
 };
 
-const _excluded$o = ["children", "theme", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
+const _excluded$p = ["children", "theme", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
 const InlineBanner = _ref => {
   let {
       children,
@@ -6704,7 +6703,7 @@ const InlineBanner = _ref => {
       secondaryButton,
       testId
     } = _ref,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$o);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$p);
   const positionStyles = usePositionStyles(positionProps);
   const multiLine = !!title;
   const dismissable = !!onClose;
@@ -7064,7 +7063,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$n = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
+const _excluded$o = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
 const TextComponent = (_ref, ref) => {
   let {
       children,
@@ -7075,7 +7074,7 @@ const TextComponent = (_ref, ref) => {
       testId,
       textWrap
     } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$n);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$o);
   const {
     positionProps,
     otherProps
@@ -7137,7 +7136,7 @@ const Italic = ({
   }, children);
 };
 
-const _excluded$m = ["id", "label", "caption", "characterCount", "error", "children"];
+const _excluded$n = ["id", "label", "caption", "characterCount", "error", "children"];
 const Field = _ref => {
   let {
       id,
@@ -7147,7 +7146,7 @@ const Field = _ref => {
       error,
       children
     } = _ref,
-    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$m);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$n);
   const shouldRenderLabel = label || typeof label === 'string';
   const CharacterConter = () => React__default.createElement(Inline, {
     justifyContent: "space-between",
@@ -7272,7 +7271,7 @@ const useFieldControllers = ({
 
 var styles$10 = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
 
-const _excluded$l = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
+const _excluded$m = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
 const useTextField = _ref => {
   let {
       autoComplete,
@@ -7294,7 +7293,7 @@ const useTextField = _ref => {
       ref,
       testId
     } = _ref,
-    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$l);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$m);
   const controllers = useFieldControllers({
     error,
     id,
@@ -7431,7 +7430,7 @@ const TimeFieldInput = ({
   })));
 };
 
-const _excluded$k = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration"];
+const _excluded$l = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration"];
 const TimeFieldDropdownElement = (_ref, ref) => {
   let {
       placeholder = '9:00 AM',
@@ -7440,7 +7439,7 @@ const TimeFieldDropdownElement = (_ref, ref) => {
       prefix,
       duration
     } = _ref,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$l);
   const {
     inputProps,
     fieldProps
@@ -7892,7 +7891,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$j = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
+const _excluded$k = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
 const Card = _ref => {
   let {
       children,
@@ -7903,7 +7902,7 @@ const Card = _ref => {
       actions,
       testId
     } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$k);
   const translate = useTranslation('Card');
   const {
     positionProps,
@@ -8280,7 +8279,7 @@ const SKELETON_COMPONENT = {
   PILL: 'pill'
 };
 
-const _excluded$i = ["as", "testId", "width", "height"];
+const _excluded$j = ["as", "testId", "width", "height"];
 const Skeleton = _ref => {
   let {
       as,
@@ -8288,7 +8287,7 @@ const Skeleton = _ref => {
       width,
       height
     } = _ref,
-    positionStyles = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+    positionStyles = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   const positioning = usePositionStyles(positionStyles);
   return React__default.createElement("div", {
     "data-testid": testId,
@@ -8352,7 +8351,7 @@ const ModalHeader = ({
   }, subHeader));
 };
 
-const _excluded$h = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
+const _excluded$i = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
 const Modal = _ref => {
   let {
       children,
@@ -8369,7 +8368,7 @@ const Modal = _ref => {
       shouldReturnFocusAfterClose = true,
       testId
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   const style = {
     content: {
       width,
@@ -8833,7 +8832,7 @@ const useCheckBoxFieldControllers = ({
 
 var styles$G = {"check-box-field":"_Id4qm","check-box-field__caption":"_s9d-m","check-box-field__custom-input":"_kmvBP"};
 
-const _excluded$g = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
+const _excluded$h = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
 /** CheckboxField form element. */
 const CheckboxField = _ref => {
   let {
@@ -8848,7 +8847,7 @@ const CheckboxField = _ref => {
       disabled,
       testId
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   const controllers = useCheckBoxFieldControllers({
     name,
     id: inputId,
@@ -8924,7 +8923,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$f = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
+const _excluded$g = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
 const HintModal = _ref => {
   let {
       header,
@@ -8935,7 +8934,7 @@ const HintModal = _ref => {
       primaryButton,
       testId
     } = _ref,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   const __ = useTranslation('HintModal');
   const [doNotShowAgain, setDoNotShowAgain] = useState(false);
   const [persistedDoNotShow, setPersistedDoNotShow] = useLocalStorage(modalId, false);
@@ -9171,7 +9170,7 @@ const DataTableEditableCellElement = ({
 };
 const DataTableEditableCell = forwardRef(DataTableEditableCellElement);
 
-const _excluded$e = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
+const _excluded$f = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
 const DataTableRowComponent = (_ref, ref) => {
   let {
       children,
@@ -9182,7 +9181,7 @@ const DataTableRowComponent = (_ref, ref) => {
       hasDefaultCell = true,
       testId
     } = _ref,
-    nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+    nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$f);
   const {
     showActionMenu
   } = useDataTableContext();
@@ -9578,7 +9577,7 @@ const DataTableEmptyState = ({
   }, customEmptyState ? customEmptyState.caption : translate('emptyStateCaption')))));
 };
 
-const _excluded$d = ["items", "columns", "itemComponent", "maxHeight", "hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "onSort", "isLoading", "showActionMenu", "footerComponent", "hasVerticalBorders", "testId", "skeletonRowLayout", "stickyColumns", "emptyState"];
+const _excluded$e = ["items", "columns", "itemComponent", "maxHeight", "hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "onSort", "isLoading", "showActionMenu", "footerComponent", "hasVerticalBorders", "testId", "skeletonRowLayout", "stickyColumns", "emptyState"];
 const DataTable = _ref => {
   let {
       items,
@@ -9599,7 +9598,7 @@ const DataTable = _ref => {
       stickyColumns,
       emptyState
     } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   const {
     dataProps
   } = getDataProps(otherProps);
@@ -10010,13 +10009,13 @@ const isReactSelectElement = element => {
 
 var styles$v = {"custom-control":"_pXQqq"};
 
-const _excluded$c = ["children"];
+const _excluded$d = ["children"];
 function CustomControl(_ref) {
   var _props$getValue;
   let {
       children
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   const {
     SelectedOptionPrefix
   } = props.selectProps.componentsProps;
@@ -10035,12 +10034,12 @@ function CustomControl(_ref) {
   }, props)), children)) : children);
 }
 
-const _excluded$b = ["children"];
+const _excluded$c = ["children"];
 function CustomOption(_ref) {
   let {
       children
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
   const {
     UserCustomOption
   } = props.selectProps.componentsProps;
@@ -10183,12 +10182,12 @@ const CustomContainer = props => {
 
 var styles$u = {"custom-menu-text-field":"_AAUjm","custom-menu-hr":"_mFLK9","custom-menu-div":"_1XpI4"};
 
-const _excluded$a = ["children"];
+const _excluded$b = ["children"];
 function CustomMenu(_ref) {
   let {
       children
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
   const {
     creatableButton,
     onMenuInputFocus,
@@ -10281,31 +10280,34 @@ function CustomMenu(_ref) {
   }, __('createButton'))))));
 }
 
-const useSelectField = ({
-  asToolbarFilter: _asToolbarFilter = false,
-  caption,
-  disabled,
-  error,
-  id,
-  isClearable: _isClearable = false,
-  label,
-  menuShouldScrollIntoView: _menuShouldScrollIntoView = false,
-  name,
-  noOptionsMessage,
-  options,
-  onBlur,
-  onChange,
-  placeholder,
-  value,
-  defaultValue,
-  CustomOption: UserCustomOption,
-  SelectedOptionPrefix,
-  testId,
-  creatableButton,
-  onCreate,
-  isSearchable: _isSearchable = true,
-  autoFocus
-}) => {
+const _excluded$a = ["asToolbarFilter", "caption", "disabled", "error", "id", "isClearable", "label", "menuShouldScrollIntoView", "name", "noOptionsMessage", "options", "onBlur", "onChange", "placeholder", "value", "defaultValue", "CustomOption", "SelectedOptionPrefix", "testId", "creatableButton", "onCreate", "isSearchable", "autoFocus"];
+const useSelectField = _ref => {
+  let {
+      asToolbarFilter = false,
+      caption,
+      disabled,
+      error,
+      id,
+      isClearable = false,
+      label,
+      menuShouldScrollIntoView = false,
+      name,
+      noOptionsMessage,
+      options,
+      onBlur,
+      onChange,
+      placeholder,
+      value,
+      defaultValue,
+      CustomOption: UserCustomOption,
+      SelectedOptionPrefix,
+      testId,
+      creatableButton,
+      onCreate,
+      isSearchable = true,
+      autoFocus
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   const [isMenuInputFocus, setIsMenuInputFocus] = useState(false);
   const onMenuInputFocus = isFocused => setIsMenuInputFocus(isFocused);
   const controllers = useSelectFieldControllers({
@@ -10319,6 +10321,9 @@ const useSelectField = ({
   });
   const hasError = !!controllers.error;
   const defaultNoOptionsMessage = noOptionsMessage && typeof noOptionsMessage === 'string' ? () => noOptionsMessage : undefined;
+  const {
+    dataProps
+  } = getDataProps(rest);
   const selectProps = {
     closeMenuOnScroll: e => {
       if (!e.target) {
@@ -10347,34 +10352,34 @@ const useSelectField = ({
       Menu: onCreate ? CustomMenu : components.Menu
     },
     inputId: controllers.id,
-    isClearable: _isClearable,
+    isClearable,
     isDisabled: disabled,
     menuPortalTarget: document.body,
-    menuPlacement: _menuShouldScrollIntoView ? 'bottom' : 'auto',
-    menuPosition: _menuShouldScrollIntoView ? 'absolute' : 'fixed',
+    menuPlacement: menuShouldScrollIntoView ? 'bottom' : 'auto',
+    menuPosition: menuShouldScrollIntoView ? 'absolute' : 'fixed',
     noOptionsMessage: typeof noOptionsMessage === 'function' ? noOptionsMessage : defaultNoOptionsMessage,
-    menuShouldScrollIntoView: _menuShouldScrollIntoView,
+    menuShouldScrollIntoView: menuShouldScrollIntoView,
     onBlur: controllers.onBlur,
     onChange: controllers.onChange,
     options,
     placeholder,
     styles: getSelectStyles({
       isInvalid: hasError,
-      asToolbarFilter: _asToolbarFilter
+      asToolbarFilter
     }),
     value: controllers.value,
     defaultValue,
     menuIsOpen: isMenuInputFocus || undefined,
-    isSearchable: _isSearchable,
+    isSearchable,
     autoFocus
   };
-  const fieldProps = {
+  const fieldProps = _extends({
     caption,
     error: controllers.error,
     id: controllers.id,
     label,
     name
-  };
+  }, dataProps);
   return {
     selectProps,
     fieldProps