@7shifts/sous-chef 3.36.3-beta2 → 3.36.3-beta4

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import React__default, { createElement, useRef, useEffect, useCallback, useState, forwardRef, Fragment, Children, createContext, useContext, useLayoutEffect, useMemo } from 'react';
+import React__default, { createElement, useRef, useEffect, useCallback, useState, forwardRef, Fragment, createContext, Children, useContext, useLayoutEffect, useMemo } from 'react';
 import classnames from 'classnames';
 import { toast as toast$1, ToastContainer as ToastContainer$1, Slide } from 'react-toastify';
 import ReactDOM from 'react-dom';
@@ -604,7 +604,7 @@ var TooltipOverlay = function TooltipOverlay(_ref) {
   })));
 };
 
-var Tooltip = function Tooltip(_ref, forwardedRef) {
+var TooltipElement = function TooltipElement(_ref, forwardedRef) {
   var _containerRef$current;
   var _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? TOOLTIP_THEME.BLACK : _ref$theme,
@@ -716,7 +716,7 @@ var Tooltip = function Tooltip(_ref, forwardedRef) {
     ref: containerRef
   }, children, React__default.createElement(Overlay, null));
 };
-var Tooltip$1 = forwardRef(Tooltip);
+var Tooltip = forwardRef(TooltipElement);
 
 var styles$5 = {"button":"_YjZTi","button--loading":"_26NX0","button__spinner":"_QZogP","button--size-min-width-100":"_3aXIr","button--size-full-width":"_kx7a5","button--icon-only":"_12Ld8","button--default":"_1xv5C","button--primary":"_9zcZL","button--danger":"_1lXaO","button--upsell":"_1cX3x","button--marketing":"_1KiTO","button--hollow":"_3PDms","button--hollow-contrast":"_eNGVS","button--link-contrast":"_3flSa","button--link-primary":"_3qhNi","button--link-danger":"_2WRNq","button--link-upsell":"_13HZE","button--link-toolbar":"_21xZy","button--link-icon":"_30evL"};
 
@@ -749,9 +749,27 @@ var BUTTON_TARGETS = {
   SELF: '_self'
 };
 
+var ComponentIdentifierContext = createContext({
+  componentName: ''
+});
+
+var ComponentIdentifier = function ComponentIdentifier(_ref) {
+  var componentName = _ref.componentName,
+    children = _ref.children;
+  return React__default.createElement(ComponentIdentifierContext.Provider, {
+    value: {
+      componentName: componentName
+    }
+  }, children);
+};
+
+var COMPONENT_NAMES = {
+  BUTTON: 'BUTTON'
+};
+
 var _excluded$4 = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
   _excluded2 = ["id", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "className", "type", "disabled", "href", "target", "children", "position", "dataProps"];
-var Button = function Button(_ref, ref) {
+var ButtonComponent = function ButtonComponent(_ref, ref) {
   var _classnames;
   var children = _ref.children,
     _ref$type = _ref.type,
@@ -783,7 +801,7 @@ var Button = function Button(_ref, ref) {
   var contrastSpinner = [BUTTON_THEMES.PRIMARY, BUTTON_THEMES.DANGER, BUTTON_THEMES.UPSELL, BUTTON_THEMES.MARKETING, BUTTON_THEMES.LINK_CONTRAST];
   var childrenArr = Children.toArray(children);
   var isIconOnly = childrenArr.length === 1 && typeof childrenArr[0] != 'string';
-  return React__default.createElement(Tooltip$1, {
+  return React__default.createElement(Tooltip, {
     overlay: title
   }, React__default.createElement(ButtonElement, {
     id: id,
@@ -842,19 +860,23 @@ var ButtonElement = forwardRef(function (_ref2, ref) {
     style: positionStyles
   }, dataProps);
   if (href) {
-    return React__default.createElement("a", _extends({}, commonProps, rest, {
+    return React__default.createElement(ComponentIdentifier, {
+      componentName: COMPONENT_NAMES.BUTTON
+    }, React__default.createElement("a", _extends({}, commonProps, rest, {
       href: href,
       target: target,
       "aria-disabled": disabled,
       ref: ref
-    }), children);
+    }), children));
   }
-  return React__default.createElement("button", _extends({}, commonProps, rest, {
+  return React__default.createElement(ComponentIdentifier, {
+    componentName: COMPONENT_NAMES.BUTTON
+  }, React__default.createElement("button", _extends({}, commonProps, rest, {
     type: type,
     ref: ref
-  }), children);
+  }), children));
 });
-var Button$1 = forwardRef(Button);
+var Button = forwardRef(ButtonComponent);
 
 var ICON_SIZES = {
   small: '12px',
@@ -868,27 +890,42 @@ var getIconStyles = function getIconStyles(_ref) {
     size = _ref$size === void 0 ? 'default' : _ref$size,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-    _ref$styles = _ref.styles,
-    styles = _ref$styles === void 0 ? {} : _ref$styles;
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style;
   return _extends({
     width: ICON_SIZES[size],
     height: ICON_SIZES[size],
     verticalAlign: 'middle',
     fill: color,
     color: getColor(color)
-  }, styles);
+  }, style);
 };
 
-var _excluded$5 = ["testId"];
+var useIsInsideComponent = function useIsInsideComponent(parentComponentName) {
+  var _useContext = useContext(ComponentIdentifierContext),
+    componentName = _useContext.componentName;
+  return componentName === parentComponentName;
+};
+
+var _excluded$5 = ["testId", "size", "color", "style"];
 var IconInfoCircle = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-info-circle' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -900,16 +937,25 @@ var IconInfoCircle = forwardRef(function (_ref, ref) {
 });
 IconInfoCircle.displayName = 'IconInfoCircle';
 
-var _excluded$6 = ["testId"];
+var _excluded$6 = ["testId", "size", "color", "style"];
 var IconAnalytics = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-analytics' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -921,16 +967,25 @@ var IconAnalytics = forwardRef(function (_ref, ref) {
 });
 IconAnalytics.displayName = 'IconAnalytics';
 
-var _excluded$7 = ["testId"];
+var _excluded$7 = ["testId", "size", "color", "style"];
 var IconArrowDownWideShort = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-down-wide-short' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -940,16 +995,25 @@ var IconArrowDownWideShort = forwardRef(function (_ref, ref) {
 });
 IconArrowDownWideShort.displayName = 'IconArrowDownWideShort';
 
-var _excluded$8 = ["testId"];
+var _excluded$8 = ["testId", "size", "color", "style"];
 var IconArrowDown = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-down' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -961,16 +1025,25 @@ var IconArrowDown = forwardRef(function (_ref, ref) {
 });
 IconArrowDown.displayName = 'IconArrowDown';
 
-var _excluded$9 = ["testId"];
+var _excluded$9 = ["testId", "size", "color", "style"];
 var IconArrowLeft = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-left' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -982,16 +1055,25 @@ var IconArrowLeft = forwardRef(function (_ref, ref) {
 });
 IconArrowLeft.displayName = 'IconArrowLeft';
 
-var _excluded$a = ["testId"];
+var _excluded$a = ["testId", "size", "color", "style"];
 var IconArrowRight = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-right' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1003,16 +1085,25 @@ var IconArrowRight = forwardRef(function (_ref, ref) {
 });
 IconArrowRight.displayName = 'IconArrowRight';
 
-var _excluded$b = ["testId"];
+var _excluded$b = ["testId", "size", "color", "style"];
 var IconArrowToTop = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-to-top' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1022,16 +1113,25 @@ var IconArrowToTop = forwardRef(function (_ref, ref) {
 });
 IconArrowToTop.displayName = 'IconArrowToTop';
 
-var _excluded$c = ["testId"];
+var _excluded$c = ["testId", "size", "color", "style"];
 var IconArrowTurnDownRight = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-turn-down-right' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -1049,16 +1149,25 @@ var IconArrowTurnDownRight = forwardRef(function (_ref, ref) {
 });
 IconArrowTurnDownRight.displayName = 'IconArrowTurnDownRight';
 
-var _excluded$d = ["testId"];
+var _excluded$d = ["testId", "size", "color", "style"];
 var IconArrowUp = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-up' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1070,16 +1179,25 @@ var IconArrowUp = forwardRef(function (_ref, ref) {
 });
 IconArrowUp.displayName = 'IconArrowUp';
 
-var _excluded$e = ["testId"];
+var _excluded$e = ["testId", "size", "color", "style"];
 var IconAward = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-award' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1091,16 +1209,25 @@ var IconAward = forwardRef(function (_ref, ref) {
 });
 IconAward.displayName = 'IconAward';
 
-var _excluded$f = ["testId"];
+var _excluded$f = ["testId", "size", "color", "style"];
 var IconAwfulMonochromatic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-awful-monochromatic' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1142,16 +1269,25 @@ var IconAwfulMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconAwfulMonochromatic.displayName = 'IconAwfulMonochromatic';
 
-var _excluded$g = ["testId"];
+var _excluded$g = ["testId", "size", "color", "style"];
 var IconAwful = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-awful' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1181,16 +1317,25 @@ var IconAwful = forwardRef(function (_ref, ref) {
 });
 IconAwful.displayName = 'IconAwful';
 
-var _excluded$h = ["testId"];
+var _excluded$h = ["testId", "size", "color", "style"];
 var IconBadMonochromatic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bad-monochromatic' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1218,16 +1363,25 @@ var IconBadMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconBadMonochromatic.displayName = 'IconBadMonochromatic';
 
-var _excluded$i = ["testId"];
+var _excluded$i = ["testId", "size", "color", "style"];
 var IconBad = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bad' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1243,16 +1397,25 @@ var IconBad = forwardRef(function (_ref, ref) {
 });
 IconBad.displayName = 'IconBad';
 
-var _excluded$j = ["testId"];
+var _excluded$j = ["testId", "size", "color", "style"];
 var IconBalanceScaleLeft = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-balance-scale-left' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -1269,16 +1432,25 @@ var IconBalanceScaleLeft = forwardRef(function (_ref, ref) {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
 
-var _excluded$k = ["testId"];
+var _excluded$k = ["testId", "size", "color", "style"];
 var IconBalanceScale = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-balance-scale' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -1295,16 +1467,25 @@ var IconBalanceScale = forwardRef(function (_ref, ref) {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
 
-var _excluded$l = ["testId"];
+var _excluded$l = ["testId", "size", "color", "style"];
 var IconBan = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-ban' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1314,16 +1495,25 @@ var IconBan = forwardRef(function (_ref, ref) {
 });
 IconBan.displayName = 'IconBan';
 
-var _excluded$m = ["testId"];
+var _excluded$m = ["testId", "size", "color", "style"];
 var IconBarsH = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bars-h' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$m);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1335,16 +1525,25 @@ var IconBarsH = forwardRef(function (_ref, ref) {
 });
 IconBarsH.displayName = 'IconBarsH';
 
-var _excluded$n = ["testId"];
+var _excluded$n = ["testId", "size", "color", "style"];
 var IconBarsV = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bars-v' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1354,16 +1553,25 @@ var IconBarsV = forwardRef(function (_ref, ref) {
 });
 IconBarsV.displayName = 'IconBarsV';
 
-var _excluded$o = ["testId"];
+var _excluded$o = ["testId", "size", "color", "style"];
 var IconBell = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bell' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1375,16 +1583,25 @@ var IconBell = forwardRef(function (_ref, ref) {
 });
 IconBell.displayName = 'IconBell';
 
-var _excluded$p = ["testId"];
+var _excluded$p = ["testId", "size", "color", "style"];
 var IconBirthdayCake = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-birthday-cake' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1394,16 +1611,25 @@ var IconBirthdayCake = forwardRef(function (_ref, ref) {
 });
 IconBirthdayCake.displayName = 'IconBirthdayCake';
 
-var _excluded$q = ["testId"];
+var _excluded$q = ["testId", "size", "color", "style"];
 var IconBold = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bold' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1413,16 +1639,25 @@ var IconBold = forwardRef(function (_ref, ref) {
 });
 IconBold.displayName = 'IconBold';
 
-var _excluded$r = ["testId"];
+var _excluded$r = ["testId", "size", "color", "style"];
 var IconBolt = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bolt' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -1439,16 +1674,25 @@ var IconBolt = forwardRef(function (_ref, ref) {
 });
 IconBolt.displayName = 'IconBolt';
 
-var _excluded$s = ["testId"];
+var _excluded$s = ["testId", "size", "color", "style"];
 var IconBook = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-book' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1460,16 +1704,25 @@ var IconBook = forwardRef(function (_ref, ref) {
 });
 IconBook.displayName = 'IconBook';
 
-var _excluded$t = ["testId"];
+var _excluded$t = ["testId", "size", "color", "style"];
 var IconBriefcase = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-briefcase' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1479,16 +1732,25 @@ var IconBriefcase = forwardRef(function (_ref, ref) {
 });
 IconBriefcase.displayName = 'IconBriefcase';
 
-var _excluded$u = ["testId"];
+var _excluded$u = ["testId", "size", "color", "style"];
 var IconBullseyeArrow = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bullseye-arrow' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1500,16 +1762,25 @@ var IconBullseyeArrow = forwardRef(function (_ref, ref) {
 });
 IconBullseyeArrow.displayName = 'IconBullseyeArrow';
 
-var _excluded$v = ["testId"];
+var _excluded$v = ["testId", "size", "color", "style"];
 var IconCalculator = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calculator' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1521,16 +1792,25 @@ var IconCalculator = forwardRef(function (_ref, ref) {
 });
 IconCalculator.displayName = 'IconCalculator';
 
-var _excluded$w = ["testId"];
+var _excluded$w = ["testId", "size", "color", "style"];
 var IconCalendarAlt = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-alt' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1542,16 +1822,25 @@ var IconCalendarAlt = forwardRef(function (_ref, ref) {
 });
 IconCalendarAlt.displayName = 'IconCalendarAlt';
 
-var _excluded$x = ["testId"];
+var _excluded$x = ["testId", "size", "color", "style"];
 var IconCalendarCheck = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-check' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1563,16 +1852,25 @@ var IconCalendarCheck = forwardRef(function (_ref, ref) {
 });
 IconCalendarCheck.displayName = 'IconCalendarCheck';
 
-var _excluded$y = ["testId"];
+var _excluded$y = ["testId", "size", "color", "style"];
 var IconCalendarDay = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-day' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -1589,16 +1887,25 @@ var IconCalendarDay = forwardRef(function (_ref, ref) {
 });
 IconCalendarDay.displayName = 'IconCalendarDay';
 
-var _excluded$z = ["testId"];
+var _excluded$z = ["testId", "size", "color", "style"];
 var IconCalendarExclamation = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-exclamation' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1608,16 +1915,25 @@ var IconCalendarExclamation = forwardRef(function (_ref, ref) {
 });
 IconCalendarExclamation.displayName = 'IconCalendarExclamation';
 
-var _excluded$A = ["testId"];
+var _excluded$A = ["testId", "size", "color", "style"];
 var IconCalendarStar = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-star' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1627,16 +1943,25 @@ var IconCalendarStar = forwardRef(function (_ref, ref) {
 });
 IconCalendarStar.displayName = 'IconCalendarStar';
 
-var _excluded$B = ["testId"];
+var _excluded$B = ["testId", "size", "color", "style"];
 var IconCalendarTomorrow = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-tomorrow' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -1655,16 +1980,25 @@ var IconCalendarTomorrow = forwardRef(function (_ref, ref) {
 });
 IconCalendarTomorrow.displayName = 'IconCalendarTomorrow';
 
-var _excluded$C = ["testId"];
+var _excluded$C = ["testId", "size", "color", "style"];
 var IconCalendar = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$C);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1676,16 +2010,25 @@ var IconCalendar = forwardRef(function (_ref, ref) {
 });
 IconCalendar.displayName = 'IconCalendar';
 
-var _excluded$D = ["testId"];
+var _excluded$D = ["testId", "size", "color", "style"];
 var IconCameraSlash = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-camera-slash' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$D);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1698,16 +2041,25 @@ var IconCameraSlash = forwardRef(function (_ref, ref) {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
 
-var _excluded$E = ["testId"];
+var _excluded$E = ["testId", "size", "color", "style"];
 var IconCamera = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-camera' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$E);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1717,16 +2069,25 @@ var IconCamera = forwardRef(function (_ref, ref) {
 });
 IconCamera.displayName = 'IconCamera';
 
-var _excluded$F = ["testId"];
+var _excluded$F = ["testId", "size", "color", "style"];
 var IconCashRegister = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-cash-register' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$F);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1736,16 +2097,25 @@ var IconCashRegister = forwardRef(function (_ref, ref) {
 });
 IconCashRegister.displayName = 'IconCashRegister';
 
-var _excluded$G = ["testId"];
+var _excluded$G = ["testId", "size", "color", "style"];
 var IconChartBar = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chart-bar' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$G);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1757,16 +2127,25 @@ var IconChartBar = forwardRef(function (_ref, ref) {
 });
 IconChartBar.displayName = 'IconChartBar';
 
-var _excluded$H = ["testId"];
+var _excluded$H = ["testId", "size", "color", "style"];
 var IconCheckCircleIncomplete = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-check-circle-incomplete' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$H);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1776,16 +2155,25 @@ var IconCheckCircleIncomplete = forwardRef(function (_ref, ref) {
 });
 IconCheckCircleIncomplete.displayName = 'IconCheckCircleIncomplete';
 
-var _excluded$I = ["testId"];
+var _excluded$I = ["testId", "size", "color", "style"];
 var IconCheck = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-check' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$I);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1797,16 +2185,25 @@ var IconCheck = forwardRef(function (_ref, ref) {
 });
 IconCheck.displayName = 'IconCheck';
 
-var _excluded$J = ["testId"];
+var _excluded$J = ["testId", "size", "color", "style"];
 var IconChevronDown = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-down' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$J);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1818,16 +2215,25 @@ var IconChevronDown = forwardRef(function (_ref, ref) {
 });
 IconChevronDown.displayName = 'IconChevronDown';
 
-var _excluded$K = ["testId"];
+var _excluded$K = ["testId", "size", "color", "style"];
 var IconChevronLeft = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-left' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$K);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1839,16 +2245,25 @@ var IconChevronLeft = forwardRef(function (_ref, ref) {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
 
-var _excluded$L = ["testId"];
+var _excluded$L = ["testId", "size", "color", "style"];
 var IconChevronRight = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-right' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$L);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1860,16 +2275,25 @@ var IconChevronRight = forwardRef(function (_ref, ref) {
 });
 IconChevronRight.displayName = 'IconChevronRight';
 
-var _excluded$M = ["testId"];
+var _excluded$M = ["testId", "size", "color", "style"];
 var IconChevronUp = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-up' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$M);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1881,16 +2305,25 @@ var IconChevronUp = forwardRef(function (_ref, ref) {
 });
 IconChevronUp.displayName = 'IconChevronUp';
 
-var _excluded$N = ["testId"];
+var _excluded$N = ["testId", "size", "color", "style"];
 var IconClipboardList = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-clipboard-list' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$N);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1902,16 +2335,25 @@ var IconClipboardList = forwardRef(function (_ref, ref) {
 });
 IconClipboardList.displayName = 'IconClipboardList';
 
-var _excluded$O = ["testId"];
+var _excluded$O = ["testId", "size", "color", "style"];
 var IconClock = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-clock' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$O);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1921,16 +2363,25 @@ var IconClock = forwardRef(function (_ref, ref) {
 });
 IconClock.displayName = 'IconClock';
 
-var _excluded$P = ["testId"];
+var _excluded$P = ["testId", "size", "color", "style"];
 var IconCog = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-cog' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$P);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1940,16 +2391,25 @@ var IconCog = forwardRef(function (_ref, ref) {
 });
 IconCog.displayName = 'IconCog';
 
-var _excluded$Q = ["testId"];
+var _excluded$Q = ["testId", "size", "color", "style"];
 var IconCommentLines = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment-lines' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1964,16 +2424,25 @@ var IconCommentLines = forwardRef(function (_ref, ref) {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-var _excluded$R = ["testId"];
+var _excluded$R = ["testId", "size", "color", "style"];
 var IconComment = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$R);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -1985,16 +2454,25 @@ var IconComment = forwardRef(function (_ref, ref) {
 });
 IconComment.displayName = 'IconComment';
 
-var _excluded$S = ["testId"];
+var _excluded$S = ["testId", "size", "color", "style"];
 var IconCopy = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-copy' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$S);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -2011,16 +2489,25 @@ var IconCopy = forwardRef(function (_ref, ref) {
 });
 IconCopy.displayName = 'IconCopy';
 
-var _excluded$T = ["testId"];
+var _excluded$T = ["testId", "size", "color", "style"];
 var IconCreditCardPlus = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card-plus' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$T);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -2039,16 +2526,25 @@ var IconCreditCardPlus = forwardRef(function (_ref, ref) {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-var _excluded$U = ["testId"];
+var _excluded$U = ["testId", "size", "color", "style"];
 var IconCreditCard = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$U);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -2065,16 +2561,25 @@ var IconCreditCard = forwardRef(function (_ref, ref) {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-var _excluded$V = ["testId"];
+var _excluded$V = ["testId", "size", "color", "style"];
 var IconDecentMonochromatic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-decent-monochromatic' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$V);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2106,16 +2611,25 @@ var IconDecentMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconDecentMonochromatic.displayName = 'IconDecentMonochromatic';
 
-var _excluded$W = ["testId"];
+var _excluded$W = ["testId", "size", "color", "style"];
 var IconDecent = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-decent' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2135,16 +2649,25 @@ var IconDecent = forwardRef(function (_ref, ref) {
 });
 IconDecent.displayName = 'IconDecent';
 
-var _excluded$X = ["testId"];
+var _excluded$X = ["testId", "size", "color", "style"];
 var IconDownload = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-download' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$X);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2156,16 +2679,25 @@ var IconDownload = forwardRef(function (_ref, ref) {
 });
 IconDownload.displayName = 'IconDownload';
 
-var _excluded$Y = ["testId"];
+var _excluded$Y = ["testId", "size", "color", "style"];
 var IconEdit = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-edit' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$Y);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2175,16 +2707,25 @@ var IconEdit = forwardRef(function (_ref, ref) {
 });
 IconEdit.displayName = 'IconEdit';
 
-var _excluded$Z = ["testId"];
+var _excluded$Z = ["testId", "size", "color", "style"];
 var IconEllipsisV = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-ellipsis-v' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2196,16 +2737,25 @@ var IconEllipsisV = forwardRef(function (_ref, ref) {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
 
-var _excluded$_ = ["testId"];
+var _excluded$_ = ["testId", "size", "color", "style"];
 var IconEnvelopeOpenDollar = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope-open-dollar' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$_);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -2222,16 +2772,25 @@ var IconEnvelopeOpenDollar = forwardRef(function (_ref, ref) {
 });
 IconEnvelopeOpenDollar.displayName = 'IconEnvelopeOpenDollar';
 
-var _excluded$$ = ["testId"];
+var _excluded$$ = ["testId", "size", "color", "style"];
 var IconEnvelope = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2241,16 +2800,25 @@ var IconEnvelope = forwardRef(function (_ref, ref) {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-var _excluded$10 = ["testId"];
+var _excluded$10 = ["testId", "size", "color", "style"];
 var IconExclaimationTriangle = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-exclaimation-triangle' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$10);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2262,16 +2830,25 @@ var IconExclaimationTriangle = forwardRef(function (_ref, ref) {
 });
 IconExclaimationTriangle.displayName = 'IconExclaimationTriangle';
 
-var _excluded$11 = ["testId"];
+var _excluded$11 = ["testId", "size", "color", "style"];
 var IconExclaimation = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-exclaimation' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$11);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2281,16 +2858,25 @@ var IconExclaimation = forwardRef(function (_ref, ref) {
 });
 IconExclaimation.displayName = 'IconExclaimation';
 
-var _excluded$12 = ["testId"];
+var _excluded$12 = ["testId", "size", "color", "style"];
 var IconExpand = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-expand' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$12);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2300,16 +2886,25 @@ var IconExpand = forwardRef(function (_ref, ref) {
 });
 IconExpand.displayName = 'IconExpand';
 
-var _excluded$13 = ["testId"];
+var _excluded$13 = ["testId", "size", "color", "style"];
 var IconExternalLink = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-external-link' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$13);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2321,16 +2916,25 @@ var IconExternalLink = forwardRef(function (_ref, ref) {
 });
 IconExternalLink.displayName = 'IconExternalLink';
 
-var _excluded$14 = ["testId"];
+var _excluded$14 = ["testId", "size", "color", "style"];
 var IconEyeSlash = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-eye-slash' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$14);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -2354,16 +2958,25 @@ var IconEyeSlash = forwardRef(function (_ref, ref) {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
 
-var _excluded$15 = ["testId"];
+var _excluded$15 = ["testId", "size", "color", "style"];
 var IconEye = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-eye' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$15);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -2380,16 +2993,25 @@ var IconEye = forwardRef(function (_ref, ref) {
 });
 IconEye.displayName = 'IconEye';
 
-var _excluded$16 = ["testId"];
+var _excluded$16 = ["testId", "size", "color", "style"];
 var IconFilePdf = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-file-pdf' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$16);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -2406,16 +3028,25 @@ var IconFilePdf = forwardRef(function (_ref, ref) {
 });
 IconFilePdf.displayName = 'IconFilePdf';
 
-var _excluded$17 = ["testId"];
+var _excluded$17 = ["testId", "size", "color", "style"];
 var IconFile = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-file' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$17);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -2432,16 +3063,25 @@ var IconFile = forwardRef(function (_ref, ref) {
 });
 IconFile.displayName = 'IconFile';
 
-var _excluded$18 = ["testId"];
+var _excluded$18 = ["testId", "size", "color", "style"];
 var IconFlag = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-flag' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -2458,16 +3098,25 @@ var IconFlag = forwardRef(function (_ref, ref) {
 });
 IconFlag.displayName = 'IconFlag';
 
-var _excluded$19 = ["testId"];
+var _excluded$19 = ["testId", "size", "color", "style"];
 var IconFourDotsCircle = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-four-dots-circle' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$19);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2479,16 +3128,25 @@ var IconFourDotsCircle = forwardRef(function (_ref, ref) {
 });
 IconFourDotsCircle.displayName = 'IconFourDotsCircle';
 
-var _excluded$1a = ["testId"];
+var _excluded$1a = ["testId", "size", "color", "style"];
 var IconFourSquares = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-four-squares' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("rect", {
@@ -2523,16 +3181,25 @@ var IconFourSquares = forwardRef(function (_ref, ref) {
 });
 IconFourSquares.displayName = 'IconFourSquares';
 
-var _excluded$1b = ["testId"];
+var _excluded$1b = ["testId", "size", "color", "style"];
 var IconGavel = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gavel' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1b);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 60 60",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2542,15 +3209,24 @@ var IconGavel = forwardRef(function (_ref, ref) {
 });
 IconGavel.displayName = 'IconGavel';
 
-var _excluded$1c = ["testId"];
+var _excluded$1c = ["testId", "size", "color", "style"];
 var IconGif = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gif' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2565,16 +3241,25 @@ var IconGif = forwardRef(function (_ref, ref) {
 });
 IconGif.displayName = 'IconGif';
 
-var _excluded$1d = ["testId"];
+var _excluded$1d = ["testId", "size", "color", "style"];
 var IconGift = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gift' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1d);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2584,16 +3269,25 @@ var IconGift = forwardRef(function (_ref, ref) {
 });
 IconGift.displayName = 'IconGift';
 
-var _excluded$1e = ["testId"];
+var _excluded$1e = ["testId", "size", "color", "style"];
 var IconGoodMonochromatic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-good-monochromatic' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2621,16 +3315,25 @@ var IconGoodMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconGoodMonochromatic.displayName = 'IconGoodMonochromatic';
 
-var _excluded$1f = ["testId"];
+var _excluded$1f = ["testId", "size", "color", "style"];
 var IconGood = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-good' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1f);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2646,16 +3349,25 @@ var IconGood = forwardRef(function (_ref, ref) {
 });
 IconGood.displayName = 'IconGood';
 
-var _excluded$1g = ["testId"];
+var _excluded$1g = ["testId", "size", "color", "style"];
 var IconGreatMonochromatic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-great-monochromatic' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2685,16 +3397,25 @@ var IconGreatMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
 
-var _excluded$1h = ["testId"];
+var _excluded$1h = ["testId", "size", "color", "style"];
 var IconGreat = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-great' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2712,16 +3433,25 @@ var IconGreat = forwardRef(function (_ref, ref) {
 });
 IconGreat.displayName = 'IconGreat';
 
-var _excluded$1i = ["testId"];
+var _excluded$1i = ["testId", "size", "color", "style"];
 var IconGrinBeam = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-grin-beam' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2731,16 +3461,25 @@ var IconGrinBeam = forwardRef(function (_ref, ref) {
 });
 IconGrinBeam.displayName = 'IconGrinBeam';
 
-var _excluded$1j = ["testId"];
+var _excluded$1j = ["testId", "size", "color", "style"];
 var IconGripVertical = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-grip-vertical' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("circle", {
@@ -2777,16 +3516,25 @@ var IconGripVertical = forwardRef(function (_ref, ref) {
 });
 IconGripVertical.displayName = 'IconGripVertical';
 
-var _excluded$1k = ["testId"];
+var _excluded$1k = ["testId", "size", "color", "style"];
 var IconHandshake = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-handshake' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -2803,16 +3551,25 @@ var IconHandshake = forwardRef(function (_ref, ref) {
 });
 IconHandshake.displayName = 'IconHandshake';
 
-var _excluded$1l = ["testId"];
+var _excluded$1l = ["testId", "size", "color", "style"];
 var IconImage = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-image' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -2829,16 +3586,25 @@ var IconImage = forwardRef(function (_ref, ref) {
 });
 IconImage.displayName = 'IconImage';
 
-var _excluded$1m = ["testId"];
+var _excluded$1m = ["testId", "size", "color", "style"];
 var IconIslandTropical = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-island-tropical' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2850,16 +3616,25 @@ var IconIslandTropical = forwardRef(function (_ref, ref) {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
 
-var _excluded$1n = ["testId"];
+var _excluded$1n = ["testId", "size", "color", "style"];
 var IconItalic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-italic' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2869,16 +3644,25 @@ var IconItalic = forwardRef(function (_ref, ref) {
 });
 IconItalic.displayName = 'IconItalic';
 
-var _excluded$1o = ["testId"];
+var _excluded$1o = ["testId", "size", "color", "style"];
 var IconLaptopSearch = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-laptop-search' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -2897,16 +3681,25 @@ var IconLaptopSearch = forwardRef(function (_ref, ref) {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
 
-var _excluded$1p = ["testId"];
+var _excluded$1p = ["testId", "size", "color", "style"];
 var IconLink = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-link' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -2923,16 +3716,25 @@ var IconLink = forwardRef(function (_ref, ref) {
 });
 IconLink.displayName = 'IconLink';
 
-var _excluded$1q = ["testId"];
+var _excluded$1q = ["testId", "size", "color", "style"];
 var IconListOI = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-list-o-i' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -2949,16 +3751,25 @@ var IconListOI = forwardRef(function (_ref, ref) {
 });
 IconListOI.displayName = 'IconListOI';
 
-var _excluded$1r = ["testId"];
+var _excluded$1r = ["testId", "size", "color", "style"];
 var IconList = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-list' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2968,16 +3779,25 @@ var IconList = forwardRef(function (_ref, ref) {
 });
 IconList.displayName = 'IconList';
 
-var _excluded$1s = ["testId"];
+var _excluded$1s = ["testId", "size", "color", "style"];
 var IconLock = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-lock' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -2987,16 +3807,25 @@ var IconLock = forwardRef(function (_ref, ref) {
 });
 IconLock.displayName = 'IconLock';
 
-var _excluded$1t = ["testId"];
+var _excluded$1t = ["testId", "size", "color", "style"];
 var IconMagicSolid = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-magic-solid' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1t);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3008,16 +3837,25 @@ var IconMagicSolid = forwardRef(function (_ref, ref) {
 });
 IconMagicSolid.displayName = 'IconMagicSolid';
 
-var _excluded$1u = ["testId"];
+var _excluded$1u = ["testId", "size", "color", "style"];
 var IconMapMarker = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-map-marker' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1u);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3029,16 +3867,25 @@ var IconMapMarker = forwardRef(function (_ref, ref) {
 });
 IconMapMarker.displayName = 'IconMapMarker';
 
-var _excluded$1v = ["testId"];
+var _excluded$1v = ["testId", "size", "color", "style"];
 var IconMegaphone = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-megaphone' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3050,16 +3897,25 @@ var IconMegaphone = forwardRef(function (_ref, ref) {
 });
 IconMegaphone.displayName = 'IconMegaphone';
 
-var _excluded$1w = ["testId"];
+var _excluded$1w = ["testId", "size", "color", "style"];
 var IconMessages = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-messages' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1w);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 18",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3069,16 +3925,25 @@ var IconMessages = forwardRef(function (_ref, ref) {
 });
 IconMessages.displayName = 'IconMessages';
 
-var _excluded$1x = ["testId"];
+var _excluded$1x = ["testId", "size", "color", "style"];
 var IconMinusCircle = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-minus-circle' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1x);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3088,16 +3953,25 @@ var IconMinusCircle = forwardRef(function (_ref, ref) {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
 
-var _excluded$1y = ["testId"];
+var _excluded$1y = ["testId", "size", "color", "style"];
 var IconMinus = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-minus' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1y);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3107,16 +3981,25 @@ var IconMinus = forwardRef(function (_ref, ref) {
 });
 IconMinus.displayName = 'IconMinus';
 
-var _excluded$1z = ["testId"];
+var _excluded$1z = ["testId", "size", "color", "style"];
 var IconMoneyBill = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-money-bill' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1z);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3126,16 +4009,25 @@ var IconMoneyBill = forwardRef(function (_ref, ref) {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-var _excluded$1A = ["testId"];
+var _excluded$1A = ["testId", "size", "color", "style"];
 var IconMugSaucerSolid = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-mug-saucer-solid' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1A);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 21 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3145,16 +4037,25 @@ var IconMugSaucerSolid = forwardRef(function (_ref, ref) {
 });
 IconMugSaucerSolid.displayName = 'IconMugSaucerSolid';
 
-var _excluded$1B = ["testId"];
+var _excluded$1B = ["testId", "size", "color", "style"];
 var IconNotesMedical = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-notes-medical' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1B);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3164,16 +4065,25 @@ var IconNotesMedical = forwardRef(function (_ref, ref) {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
 
-var _excluded$1C = ["testId"];
+var _excluded$1C = ["testId", "size", "color", "style"];
 var IconOvertime = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-overtime' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1C);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 21 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -3190,16 +4100,25 @@ var IconOvertime = forwardRef(function (_ref, ref) {
 });
 IconOvertime.displayName = 'IconOvertime';
 
-var _excluded$1D = ["testId"];
+var _excluded$1D = ["testId", "size", "color", "style"];
 var IconPaperPlaneClock = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paper-plane-clock' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1D);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -3220,16 +4139,25 @@ var IconPaperPlaneClock = forwardRef(function (_ref, ref) {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
 
-var _excluded$1E = ["testId"];
+var _excluded$1E = ["testId", "size", "color", "style"];
 var IconPaperPlane = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paper-plane' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1E);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 19 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3241,16 +4169,25 @@ var IconPaperPlane = forwardRef(function (_ref, ref) {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
 
-var _excluded$1F = ["testId"];
+var _excluded$1F = ["testId", "size", "color", "style"];
 var IconPaperclip = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paperclip' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1F);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -3267,16 +4204,25 @@ var IconPaperclip = forwardRef(function (_ref, ref) {
 });
 IconPaperclip.displayName = 'IconPaperclip';
 
-var _excluded$1G = ["testId"];
+var _excluded$1G = ["testId", "size", "color", "style"];
 var IconPencil = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-pencil' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1G);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3288,16 +4234,25 @@ var IconPencil = forwardRef(function (_ref, ref) {
 });
 IconPencil.displayName = 'IconPencil';
 
-var _excluded$1H = ["testId"];
+var _excluded$1H = ["testId", "size", "color", "style"];
 var IconPercentage = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-percentage' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1H);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3307,15 +4262,24 @@ var IconPercentage = forwardRef(function (_ref, ref) {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-var _excluded$1I = ["testId"];
+var _excluded$1I = ["testId", "size", "color", "style"];
 var IconPhone = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-phone' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1I);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3326,16 +4290,25 @@ var IconPhone = forwardRef(function (_ref, ref) {
 });
 IconPhone.displayName = 'IconPhone';
 
-var _excluded$1J = ["testId"];
+var _excluded$1J = ["testId", "size", "color", "style"];
 var IconPlug = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plug' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1J);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3347,16 +4320,25 @@ var IconPlug = forwardRef(function (_ref, ref) {
 });
 IconPlug.displayName = 'IconPlug';
 
-var _excluded$1K = ["testId"];
+var _excluded$1K = ["testId", "size", "color", "style"];
 var IconPlus = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plus' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3368,16 +4350,25 @@ var IconPlus = forwardRef(function (_ref, ref) {
 });
 IconPlus.displayName = 'IconPlus';
 
-var _excluded$1L = ["testId"];
+var _excluded$1L = ["testId", "size", "color", "style"];
 var IconPrint = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-print' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1L);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3389,16 +4380,25 @@ var IconPrint = forwardRef(function (_ref, ref) {
 });
 IconPrint.displayName = 'IconPrint';
 
-var _excluded$1M = ["testId"];
+var _excluded$1M = ["testId", "size", "color", "style"];
 var IconQuestionCircle = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-question-circle' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1M);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3408,16 +4408,25 @@ var IconQuestionCircle = forwardRef(function (_ref, ref) {
 });
 IconQuestionCircle.displayName = 'IconQuestionCircle';
 
-var _excluded$1N = ["testId"];
+var _excluded$1N = ["testId", "size", "color", "style"];
 var IconRepeat = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-repeat' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1N);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3427,16 +4436,25 @@ var IconRepeat = forwardRef(function (_ref, ref) {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-var _excluded$1O = ["testId"];
+var _excluded$1O = ["testId", "size", "color", "style"];
 var IconReply = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-reply' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1O);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3446,16 +4464,25 @@ var IconReply = forwardRef(function (_ref, ref) {
 });
 IconReply.displayName = 'IconReply';
 
-var _excluded$1P = ["testId"];
+var _excluded$1P = ["testId", "size", "color", "style"];
 var IconRocket = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-rocket' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3465,16 +4492,25 @@ var IconRocket = forwardRef(function (_ref, ref) {
 });
 IconRocket.displayName = 'IconRocket';
 
-var _excluded$1Q = ["testId"];
+var _excluded$1Q = ["testId", "size", "color", "style"];
 var IconSearch = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-search' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1Q);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3486,16 +4522,25 @@ var IconSearch = forwardRef(function (_ref, ref) {
 });
 IconSearch.displayName = 'IconSearch';
 
-var _excluded$1R = ["testId"];
+var _excluded$1R = ["testId", "size", "color", "style"];
 var IconSignOut = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sign-out' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1R);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3505,16 +4550,25 @@ var IconSignOut = forwardRef(function (_ref, ref) {
 });
 IconSignOut.displayName = 'IconSignOut';
 
-var _excluded$1S = ["testId"];
+var _excluded$1S = ["testId", "size", "color", "style"];
 var IconSitemap = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sitemap' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1S);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3526,16 +4580,25 @@ var IconSitemap = forwardRef(function (_ref, ref) {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-var _excluded$1T = ["testId"];
+var _excluded$1T = ["testId", "size", "color", "style"];
 var IconSlidersH = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sliders-h' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1T);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -3552,16 +4615,25 @@ var IconSlidersH = forwardRef(function (_ref, ref) {
 });
 IconSlidersH.displayName = 'IconSlidersH';
 
-var _excluded$1U = ["testId"];
+var _excluded$1U = ["testId", "size", "color", "style"];
 var IconSort = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sort' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1U);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3571,16 +4643,25 @@ var IconSort = forwardRef(function (_ref, ref) {
 });
 IconSort.displayName = 'IconSort';
 
-var _excluded$1V = ["testId"];
+var _excluded$1V = ["testId", "size", "color", "style"];
 var IconStarSolid = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-star-solid' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3590,16 +4671,25 @@ var IconStarSolid = forwardRef(function (_ref, ref) {
 });
 IconStarSolid.displayName = 'IconStarSolid';
 
-var _excluded$1W = ["testId"];
+var _excluded$1W = ["testId", "size", "color", "style"];
 var IconStar = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-star' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3609,16 +4699,25 @@ var IconStar = forwardRef(function (_ref, ref) {
 });
 IconStar.displayName = 'IconStar';
 
-var _excluded$1X = ["testId"];
+var _excluded$1X = ["testId", "size", "color", "style"];
 var IconStickyNoteLines = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sticky-note-lines' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1X);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3631,16 +4730,25 @@ var IconStickyNoteLines = forwardRef(function (_ref, ref) {
 });
 IconStickyNoteLines.displayName = 'IconStickyNoteLines';
 
-var _excluded$1Y = ["testId"];
+var _excluded$1Y = ["testId", "size", "color", "style"];
 var IconStopwatch = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-stopwatch' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3652,16 +4760,25 @@ var IconStopwatch = forwardRef(function (_ref, ref) {
 });
 IconStopwatch.displayName = 'IconStopwatch';
 
-var _excluded$1Z = ["testId"];
+var _excluded$1Z = ["testId", "size", "color", "style"];
 var IconStrikethrough = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-strikethrough' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1Z);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -3678,15 +4795,24 @@ var IconStrikethrough = forwardRef(function (_ref, ref) {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
 
-var _excluded$1_ = ["testId"];
+var _excluded$1_ = ["testId", "size", "color", "style"];
 var IconSyncExclaimation = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync-exclaimation' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3697,15 +4823,24 @@ var IconSyncExclaimation = forwardRef(function (_ref, ref) {
 });
 IconSyncExclaimation.displayName = 'IconSyncExclaimation';
 
-var _excluded$1$ = ["testId"];
+var _excluded$1$ = ["testId", "size", "color", "style"];
 var IconSync = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3716,16 +4851,25 @@ var IconSync = forwardRef(function (_ref, ref) {
 });
 IconSync.displayName = 'IconSync';
 
-var _excluded$20 = ["testId"];
+var _excluded$20 = ["testId", "size", "color", "style"];
 var IconTable = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-table' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -3742,14 +4886,23 @@ var IconTable = forwardRef(function (_ref, ref) {
 });
 IconTable.displayName = 'IconTable';
 
-var _excluded$21 = ["testId"];
+var _excluded$21 = ["testId", "size", "color", "style"];
 var IconTachometer = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-tachometer' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3760,16 +4913,25 @@ var IconTachometer = forwardRef(function (_ref, ref) {
 });
 IconTachometer.displayName = 'IconTachometer';
 
-var _excluded$22 = ["testId"];
+var _excluded$22 = ["testId", "size", "color", "style"];
 var IconTimesOctagon = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-times-octagon' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3781,16 +4943,25 @@ var IconTimesOctagon = forwardRef(function (_ref, ref) {
 });
 IconTimesOctagon.displayName = 'IconTimesOctagon';
 
-var _excluded$23 = ["testId"];
+var _excluded$23 = ["testId", "size", "color", "style"];
 var IconTimes = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-times' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3802,16 +4973,25 @@ var IconTimes = forwardRef(function (_ref, ref) {
 });
 IconTimes.displayName = 'IconTimes';
 
-var _excluded$24 = ["testId"];
+var _excluded$24 = ["testId", "size", "color", "style"];
 var IconTrash = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-trash' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3823,16 +5003,25 @@ var IconTrash = forwardRef(function (_ref, ref) {
 });
 IconTrash.displayName = 'IconTrash';
 
-var _excluded$25 = ["testId"];
+var _excluded$25 = ["testId", "size", "color", "style"];
 var IconUnderline = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-underline' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3842,16 +5031,25 @@ var IconUnderline = forwardRef(function (_ref, ref) {
 });
 IconUnderline.displayName = 'IconUnderline';
 
-var _excluded$26 = ["testId"];
+var _excluded$26 = ["testId", "size", "color", "style"];
 var IconUndo = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-undo' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3861,16 +5059,25 @@ var IconUndo = forwardRef(function (_ref, ref) {
 });
 IconUndo.displayName = 'IconUndo';
 
-var _excluded$27 = ["testId"];
+var _excluded$27 = ["testId", "size", "color", "style"];
 var IconUniversity = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-university' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -3887,16 +5094,25 @@ var IconUniversity = forwardRef(function (_ref, ref) {
 });
 IconUniversity.displayName = 'IconUniversity';
 
-var _excluded$28 = ["testId"];
+var _excluded$28 = ["testId", "size", "color", "style"];
 var IconUnlock = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-unlock' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -3913,16 +5129,25 @@ var IconUnlock = forwardRef(function (_ref, ref) {
 });
 IconUnlock.displayName = 'IconUnlock';
 
-var _excluded$29 = ["testId"];
+var _excluded$29 = ["testId", "size", "color", "style"];
 var IconUserComputer = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-computer' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3943,16 +5168,25 @@ var IconUserComputer = forwardRef(function (_ref, ref) {
 });
 IconUserComputer.displayName = 'IconUserComputer';
 
-var _excluded$2a = ["testId"];
+var _excluded$2a = ["testId", "size", "color", "style"];
 var IconUserFriends = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-friends' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3962,16 +5196,25 @@ var IconUserFriends = forwardRef(function (_ref, ref) {
 });
 IconUserFriends.displayName = 'IconUserFriends';
 
-var _excluded$2b = ["testId"];
+var _excluded$2b = ["testId", "size", "color", "style"];
 var IconUserLight = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-light' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -3983,16 +5226,25 @@ var IconUserLight = forwardRef(function (_ref, ref) {
 });
 IconUserLight.displayName = 'IconUserLight';
 
-var _excluded$2c = ["testId"];
+var _excluded$2c = ["testId", "size", "color", "style"];
 var IconUserPlus = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-plus' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -4002,16 +5254,25 @@ var IconUserPlus = forwardRef(function (_ref, ref) {
 });
 IconUserPlus.displayName = 'IconUserPlus';
 
-var _excluded$2d = ["testId"];
+var _excluded$2d = ["testId", "size", "color", "style"];
 var IconUserSearch = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-search' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -4030,16 +5291,25 @@ var IconUserSearch = forwardRef(function (_ref, ref) {
 });
 IconUserSearch.displayName = 'IconUserSearch';
 
-var _excluded$2e = ["testId"];
+var _excluded$2e = ["testId", "size", "color", "style"];
 var IconUserSlash = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-slash' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("g", {
@@ -4056,16 +5326,25 @@ var IconUserSlash = forwardRef(function (_ref, ref) {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-var _excluded$2f = ["testId"];
+var _excluded$2f = ["testId", "size", "color", "style"];
 var IconUserSolid = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-solid' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -4075,16 +5354,25 @@ var IconUserSolid = forwardRef(function (_ref, ref) {
 });
 IconUserSolid.displayName = 'IconUserSolid';
 
-var _excluded$2g = ["testId"];
+var _excluded$2g = ["testId", "size", "color", "style"];
 var IconUserTag = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-tag' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -4096,16 +5384,25 @@ var IconUserTag = forwardRef(function (_ref, ref) {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-var _excluded$2h = ["testId"];
+var _excluded$2h = ["testId", "size", "color", "style"];
 var IconUserTie = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-tie' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -4115,16 +5412,25 @@ var IconUserTie = forwardRef(function (_ref, ref) {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-var _excluded$2i = ["testId"];
+var _excluded$2i = ["testId", "size", "color", "style"];
 var IconUsers = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-users' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -4134,16 +5440,25 @@ var IconUsers = forwardRef(function (_ref, ref) {
 });
 IconUsers.displayName = 'IconUsers';
 
-var _excluded$2j = ["testId"];
+var _excluded$2j = ["testId", "size", "color", "style"];
 var IconVideo = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-video' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -4153,16 +5468,25 @@ var IconVideo = forwardRef(function (_ref, ref) {
 });
 IconVideo.displayName = 'IconVideo';
 
-var _excluded$2k = ["testId"];
+var _excluded$2k = ["testId", "size", "color", "style"];
 var IconVolumeMute = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-volume-mute' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -4172,16 +5496,25 @@ var IconVolumeMute = forwardRef(function (_ref, ref) {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-var _excluded$2l = ["testId"];
+var _excluded$2l = ["testId", "size", "color", "style"];
 var IconVolume = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-volume' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -4191,16 +5524,25 @@ var IconVolume = forwardRef(function (_ref, ref) {
 });
 IconVolume.displayName = 'IconVolume';
 
-var _excluded$2m = ["testId"];
+var _excluded$2m = ["testId", "size", "color", "style"];
 var IconWrench = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-wrench' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
   return React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20",
-    style: getIconStyles(props),
+    style: getIconStyles(styleProps),
     "data-testid": testId,
     ref: ref
   }, props), React__default.createElement("path", {
@@ -4372,7 +5714,7 @@ var PaginationControls$1 = function PaginationControls(_ref) {
   return React__default.createElement("div", _extends({}, dataProps, {
     className: styles$6['pagination-controls'],
     "data-testid": testId
-  }), React__default.createElement(Button$1, {
+  }), React__default.createElement(Button, {
     disabled: !hasPrevious,
     onClick: handlePreviousClick,
     title: React__default.createElement(React__default.Fragment, null, capitalizeFirstLetter(__('previousButton')), "\xA0\xA0", React__default.createElement(KeyboardKey, {
@@ -4380,7 +5722,7 @@ var PaginationControls$1 = function PaginationControls(_ref) {
     }, SHORTCUTS.PREVIOUS.toLocaleUpperCase()))
   }, React__default.createElement(IconArrowLeft, {
     size: "small"
-  })), React__default.createElement(Button$1, {
+  })), React__default.createElement(Button, {
     disabled: !hasNext,
     onClick: handleNextClick,
     title: React__default.createElement(React__default.Fragment, null, capitalizeFirstLetter(__('nextButton')), "\xA0\xA0", React__default.createElement(KeyboardKey, {
@@ -4446,7 +5788,7 @@ var toast = function toast(text, theme, options) {
 };
 var CloseButton = function CloseButton(_ref) {
   var closeToast = _ref.closeToast;
-  return React__default.createElement(Button$1, {
+  return React__default.createElement(Button, {
     theme: "link-contrast",
     onClick: closeToast
   }, React__default.createElement(IconTimes, null));
@@ -4682,7 +6024,7 @@ var ButtonCTA = function ButtonCTA(_ref) {
     bannerTheme = _ref.bannerTheme,
     _ref$primaryCTA = _ref.primaryCTA,
     primaryCTA = _ref$primaryCTA === void 0 ? false : _ref$primaryCTA;
-  if (button.type !== Button$1 || button.props.theme) {
+  if (button.type !== Button || button.props.theme) {
     return button;
   }
   if (bannerTheme === BANNER_THEME.UPSELL && primaryCTA) {
@@ -4793,7 +6135,7 @@ var InlineBanner = function InlineBanner(_ref) {
     bannerTheme: theme
   })), dismissable && React__default.createElement("div", {
     className: styles$d['banner__close']
-  }, React__default.createElement(Button$1, {
+  }, React__default.createElement(Button, {
     theme: "link-icon",
     type: "button",
     onClick: onClose
@@ -5016,7 +6358,7 @@ var Label = function Label(_ref) {
     className: classnames(styles$h['label'], (_classNames = {}, _classNames[styles$h['label--truncate']] = shouldTruncate, _classNames))
   }, children);
   if (showTooltip) {
-    return React__default.createElement(Tooltip$1, {
+    return React__default.createElement(Tooltip, {
       overlay: children,
       placement: "top"
     }, LabelElement);
@@ -5451,7 +6793,7 @@ var Dropdown = function Dropdown(_ref) {
     }
   };
   var getRef = function getRef() {
-    if ((trigger.type === Button$1 || trigger.type === TimeFieldDropdownTrigger) && trigger.ref) {
+    if ((trigger.type === Button || trigger.type === TimeFieldDropdownTrigger) && trigger.ref) {
       return trigger.ref;
     }
     return triggerRef;
@@ -5475,7 +6817,7 @@ var Dropdown = function Dropdown(_ref) {
       triggerRef: updatedRef,
       paneRef: paneRef
     }
-  }, trigger.type === Button$1 || trigger.type === 'button' || trigger.type === TimeFieldDropdownTrigger ? React__default.cloneElement(trigger, _extends({}, trigger.props, triggerProps)) : React__default.createElement("button", _extends({}, triggerProps, {
+  }, trigger.type === Button || trigger.type === 'button' || trigger.type === TimeFieldDropdownTrigger ? React__default.cloneElement(trigger, _extends({}, trigger.props, triggerProps)) : React__default.createElement("button", _extends({}, triggerProps, {
     className: styles$g['dropdown__trigger'],
     ref: updatedRef,
     onFocus: handleFocus
@@ -5830,7 +7172,7 @@ var DropdownList = function DropdownList(_ref) {
 var KebabMenu = function KebabMenu(_ref) {
   var actions = _ref.actions;
   return React__default.createElement(Dropdown, {
-    trigger: React__default.createElement(Button$1, {
+    trigger: React__default.createElement(Button, {
       theme: "link-icon"
     }, React__default.createElement(IconEllipsisV, null)),
     alignment: "right"
@@ -5916,7 +7258,7 @@ var CalloutCard = function CalloutCard(_ref) {
     width: "354px"
   })), onClose && React__default.createElement("div", {
     className: styles$r['callout-card__close']
-  }, React__default.createElement(Button$1, {
+  }, React__default.createElement(Button, {
     theme: "link-icon",
     onClick: onClose
   }, React__default.createElement(IconTimes, null)))));
@@ -6061,7 +7403,7 @@ var PersistentBanner = function PersistentBanner(_ref) {
   }, onDismiss ? React__default.createElement(Inline, {
     flex: [1],
     alignItems: "center"
-  }, React__default.createElement(BannerContent, null), React__default.createElement(Button$1, {
+  }, React__default.createElement(BannerContent, null), React__default.createElement(Button, {
     theme: "link-contrast",
     onClick: onDismiss
   }, React__default.createElement(IconTimes, null))) : React__default.createElement(BannerContent, null));
@@ -6234,7 +7576,7 @@ var ModalHeader = function ModalHeader(_ref) {
   if (!header && !subHeader) {
     return onClose ? React__default.createElement("div", {
       className: styles$D['header__close-button']
-    }, React__default.createElement(Button$1, {
+    }, React__default.createElement(Button, {
       theme: "link-icon",
       onClick: onClose,
       disabled: loading
@@ -6250,7 +7592,7 @@ var ModalHeader = function ModalHeader(_ref) {
     alignItems: "center"
   }, React__default.createElement("span", {
     className: styles$D['header']
-  }, header), onClose && React__default.createElement(Button$1, {
+  }, header), onClose && React__default.createElement(Button, {
     theme: "link-icon",
     onClick: onClose,
     disabled: loading
@@ -6381,7 +7723,7 @@ var updateButtonProps = function updateButtonProps(button, newProps) {
   if (!button) {
     return null;
   }
-  if (button.type !== Button$1) {
+  if (button.type !== Button) {
     return button;
   }
   return React__default.cloneElement(button, _extends({}, newProps));
@@ -6822,7 +8164,7 @@ var HintModal$1 = function HintModal(_ref) {
     overlayClassName: styles$I['hint-modal__overlay']
   }, React__default.createElement("div", {
     className: styles$I['hint-modal__close-button']
-  }, React__default.createElement(Button$1, {
+  }, React__default.createElement(Button, {
     theme: "link-icon",
     onClick: handleOnClose
   }, React__default.createElement(IconTimes, null))), mediaUrl && React__default.createElement("img", {
@@ -6884,7 +8226,7 @@ var DataTableCellElement = function DataTableCellElement(_ref, ref) {
   }, React__default.createElement("div", {
     className: classnames(styles$B['data-table-cell__content'], (_classnames3 = {}, _classnames3[styles$B['data-table-cell__content--with-error']] = hasError, _classnames3[styles$B['data-table-cell__content--right-align']] = isRightAligned, _classnames3[styles$B['data-table-cell__content--loading']] = state === DATA_TABLE_STATES.BACKGROUND_LOADING, _classnames3))
   }, isRightAligned && icon, children, !isRightAligned && icon));
-  return React__default.createElement(Tooltip$1, {
+  return React__default.createElement(Tooltip, {
     overlay: errorMessage,
     delayOnClose: delayOnCloseError,
     placement: "top",
@@ -6912,7 +8254,7 @@ var DataTableRowActions = function DataTableRowActions(_ref) {
   }, state === 'SKELETON_LOADING' && React__default.createElement(Skeleton, {
     width: 45
   }), sideActions.length > 0 && sideActions.map(function (action) {
-    return React__default.createElement(Button$1, _extends({
+    return React__default.createElement(Button, _extends({
       key: action.action,
       onClick: action.onAction,
       theme: typeof action.label === 'string' ? 'default' : 'link-icon'
@@ -6994,7 +8336,7 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
       e.target.blur();
     }
   }))));
-  return React__default.createElement(Tooltip$1, {
+  return React__default.createElement(Tooltip, {
     overlay: errorMessage,
     placement: "top",
     theme: "white"
@@ -7117,9 +8459,17 @@ var styles$K = {"data-table-sticky-columns-container":"_3oL6K","data-table-stick
 
 var useDataTableScrollState = function useDataTableScrollState(stickyColumns) {
   var scrollContainerRef = useRef(null);
+  var _useDataTableContext = useDataTableContext(),
+    columns = _useDataTableContext.columns,
+    numberOfRows = _useDataTableContext.numberOfRows;
   var _useState = useState(DATA_TABLE_SCROLL_STATES.NO_SCROLL),
     scrollState = _useState[0],
     setScrollState = _useState[1];
+  var numberOfHiddenColumns = useMemo(function () {
+    return columns === null || columns === void 0 ? void 0 : columns.filter(function (column) {
+      return column.hidden;
+    }).length;
+  }, [columns]);
   var onScroll = function onScroll() {
     if (!stickyColumns) {
       return;
@@ -7134,7 +8484,7 @@ var useDataTableScrollState = function useDataTableScrollState(stickyColumns) {
   };
   useLayoutEffect(function () {
     onScroll();
-  }, []);
+  }, [numberOfHiddenColumns, numberOfRows]);
   var hasScrollOnLeft = scrollState === DATA_TABLE_SCROLL_STATES.SCROLLABLE_CONTENT_ON_LEFT || scrollState === DATA_TABLE_SCROLL_STATES.SCROLLABLE_CONTENT_ON_BOTH_SIDES;
   var hasScrollOnRight = scrollState === DATA_TABLE_SCROLL_STATES.SCROLLABLE_CONTENT_ON_RIGHT || scrollState === DATA_TABLE_SCROLL_STATES.SCROLLABLE_CONTENT_ON_BOTH_SIDES;
   var hasRightColumnSticky = stickyColumns === 'right' || stickyColumns === 'both';
@@ -7627,7 +8977,7 @@ function CustomMenu(_ref) {
   var CreatableButton = function CreatableButton() {
     var button = creatableButton;
     if (!button || typeof button === 'string') {
-      return React__default.createElement(Button$1, {
+      return React__default.createElement(Button, {
         theme: "link-primary",
         onClick: function onClick() {
           if (props.selectProps.inputValue) {
@@ -7702,7 +9052,7 @@ function CustomMenu(_ref) {
     "data-testid": "select-create-option-input",
     autoFocus: true,
     defaultValue: inputDefaultValue
-  }), React__default.createElement(Button$1, {
+  }), React__default.createElement(Button, {
     onClick: onCreateButton,
     onKeyDown: function onKeyDown(e) {
       e.stopPropagation();
@@ -8092,7 +9442,7 @@ var updateButtonProps$1 = function updateButtonProps(child, newProps) {
   if (!child) {
     return null;
   }
-  if (child.type !== Button$1) {
+  if (child.type !== Button) {
     return child;
   }
   return React__default.cloneElement(child, _extends({
@@ -9407,7 +10757,7 @@ var FromDate = function FromDate(_ref) {
   }));
 };
 
-var ToDate = function ToDate(_ref, ref) {
+var ToDateElement = function ToDateElement(_ref, ref) {
   var name = _ref.name,
     format = _ref.format,
     disabledDays = _ref.disabledDays,
@@ -9462,7 +10812,7 @@ var ToDate = function ToDate(_ref, ref) {
     mode: "end-date"
   }));
 };
-var ToDate$1 = forwardRef(ToDate);
+var ToDate = forwardRef(ToDateElement);
 
 var DateRangeField = function DateRangeField(_ref) {
   var _classnames, _disabledDays$start, _disabledDays$end;
@@ -9537,7 +10887,7 @@ var DateRangeField = function DateRangeField(_ref) {
   }), React__default.createElement(IconArrowRight, {
     size: "medium",
     color: "grey-400"
-  }), React__default.createElement(ToDate$1, {
+  }), React__default.createElement(ToDate, {
     name: name,
     format: format,
     start: start,
@@ -11104,7 +12454,7 @@ var PhoneField = function PhoneField(_ref) {
 var styles$17 = {"badge":"_1QLaK","badge--warning":"_qsFWw","badge--danger":"_359Cc","badge--success":"_2AOEK","badge--info":"_1mLjf"};
 
 var _excluded$2L = ["children", "theme", "title", "testId"];
-var Badge = function Badge(_ref, forwardedRef) {
+var BadgeElement = function BadgeElement(_ref, forwardedRef) {
   var _classnames;
   var children = _ref.children,
     theme = _ref.theme,
@@ -11118,7 +12468,7 @@ var Badge = function Badge(_ref, forwardedRef) {
       ref.current.style.height = ref.current.offsetWidth + 'px';
     }
   });
-  return React__default.createElement(Tooltip$1, {
+  return React__default.createElement(Tooltip, {
     overlay: title,
     ref: ref
   }, React__default.createElement("div", _extends({
@@ -11127,7 +12477,7 @@ var Badge = function Badge(_ref, forwardedRef) {
     "data-testid": testId
   }, otherProps), children));
 };
-var Badge$1 = forwardRef(Badge);
+var Badge = forwardRef(BadgeElement);
 
 var styles$18 = {"avatar":"_1X7La","avatar--small":"_o5x6S","avatar__badge":"_NN8-D","avatar--medium":"_VxW5y","avatar--large":"_ec7jQ","avatar--extra-large":"_3VS00"};
 
@@ -11465,5 +12815,5 @@ var EmptyState = function EmptyState(_ref) {
   }, children);
 };
 
-export { AsyncSelectField$1 as AsyncSelectField, Avatar, Badge$1 as Badge, Bold, BreadcrumbItem, Breadcrumbs, Button$1 as Button, COLORS, Calendar$1 as Calendar, CalloutCard, Card, CheckboxField, Chip, CircularProgress, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Dropdown, DropdownList, DropdownListDivider, DropdownListItem, EmptyState, Form, FormFeedback, FormFooter, FormRow, FormSection, HintModal$1 as HintModal, IconAnalytics, IconArrowDown, IconArrowDownWideShort, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowTurnDownRight, IconArrowUp, IconAward, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconCheckCircleIncomplete, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconEnvelopeOpenDollar, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMessages, IconMinus, IconMinusCircle, IconMoneyBill, IconMugSaucerSolid, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconRocket, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTable, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUnlock, IconUserComputer, IconUserFriends, IconUserLight, IconUserPlus, IconUserSearch, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, InlineBanner, Italic, Link, Modal, ModalBody, ModalFooter, MultiSelectField, Page, PaginationControls$1 as PaginationControls, PasswordField, Paywall, PercentageField, PersistentBanner, PhoneField, Pill, PillSelectField, ProgressBar, RadioGroupBoxOption, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField$1 as SelectField, Skeleton, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, TimeRangeField, Toggle, ToolbarSelect, Tooltip$1 as Tooltip, Underline, WeekField, ZINDEX, toast, useDataTableContext };
+export { AsyncSelectField$1 as AsyncSelectField, Avatar, Badge, Bold, BreadcrumbItem, Breadcrumbs, Button, COLORS, Calendar$1 as Calendar, CalloutCard, Card, CheckboxField, Chip, CircularProgress, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Dropdown, DropdownList, DropdownListDivider, DropdownListItem, EmptyState, Form, FormFeedback, FormFooter, FormRow, FormSection, HintModal$1 as HintModal, IconAnalytics, IconArrowDown, IconArrowDownWideShort, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowTurnDownRight, IconArrowUp, IconAward, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconCheckCircleIncomplete, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconEnvelopeOpenDollar, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMessages, IconMinus, IconMinusCircle, IconMoneyBill, IconMugSaucerSolid, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconRocket, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTable, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUnlock, IconUserComputer, IconUserFriends, IconUserLight, IconUserPlus, IconUserSearch, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, InlineBanner, Italic, Link, Modal, ModalBody, ModalFooter, MultiSelectField, Page, PaginationControls$1 as PaginationControls, PasswordField, Paywall, PercentageField, PersistentBanner, PhoneField, Pill, PillSelectField, ProgressBar, RadioGroupBoxOption, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField$1 as SelectField, Skeleton, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, TimeRangeField, Toggle, ToolbarSelect, Tooltip, Underline, WeekField, ZINDEX, toast, useDataTableContext };
 //# sourceMappingURL=index.modern.js.map