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

package/dist/index.js

@@ -608,7 +608,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,
@@ -720,7 +720,7 @@ var Tooltip = function Tooltip(_ref, forwardedRef) {
     ref: containerRef
   }, children, React__default.createElement(Overlay, null));
 };
-var Tooltip$1 = React.forwardRef(Tooltip);
+var Tooltip = React.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"};
 
@@ -753,9 +753,27 @@ var BUTTON_TARGETS = {
   SELF: '_self'
 };
 
+var ComponentIdentifierContext = React.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,
@@ -787,7 +805,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 = React.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,
@@ -846,19 +864,23 @@ var ButtonElement = React.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 = React.forwardRef(Button);
+var Button = React.forwardRef(ButtonComponent);
 
 var ICON_SIZES = {
   small: '12px',
@@ -872,27 +894,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 = React.useContext(ComponentIdentifierContext),
+    componentName = _useContext.componentName;
+  return componentName === parentComponentName;
+};
+
+var _excluded$5 = ["testId", "size", "color", "style"];
 var IconInfoCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-info-circle' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -904,16 +941,25 @@ var IconInfoCircle = React.forwardRef(function (_ref, ref) {
 });
 IconInfoCircle.displayName = 'IconInfoCircle';
 
-var _excluded$6 = ["testId"];
+var _excluded$6 = ["testId", "size", "color", "style"];
 var IconAnalytics = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-analytics' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -925,16 +971,25 @@ var IconAnalytics = React.forwardRef(function (_ref, ref) {
 });
 IconAnalytics.displayName = 'IconAnalytics';
 
-var _excluded$7 = ["testId"];
+var _excluded$7 = ["testId", "size", "color", "style"];
 var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-down-wide-short' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -944,16 +999,25 @@ var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDownWideShort.displayName = 'IconArrowDownWideShort';
 
-var _excluded$8 = ["testId"];
+var _excluded$8 = ["testId", "size", "color", "style"];
 var IconArrowDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-down' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -965,16 +1029,25 @@ var IconArrowDown = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDown.displayName = 'IconArrowDown';
 
-var _excluded$9 = ["testId"];
+var _excluded$9 = ["testId", "size", "color", "style"];
 var IconArrowLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-left' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -986,16 +1059,25 @@ var IconArrowLeft = React.forwardRef(function (_ref, ref) {
 });
 IconArrowLeft.displayName = 'IconArrowLeft';
 
-var _excluded$a = ["testId"];
+var _excluded$a = ["testId", "size", "color", "style"];
 var IconArrowRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-right' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1007,16 +1089,25 @@ var IconArrowRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowRight.displayName = 'IconArrowRight';
 
-var _excluded$b = ["testId"];
+var _excluded$b = ["testId", "size", "color", "style"];
 var IconArrowToTop = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-to-top' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1026,16 +1117,25 @@ var IconArrowToTop = React.forwardRef(function (_ref, ref) {
 });
 IconArrowToTop.displayName = 'IconArrowToTop';
 
-var _excluded$c = ["testId"];
+var _excluded$c = ["testId", "size", "color", "style"];
 var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-turn-down-right' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1053,16 +1153,25 @@ var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowTurnDownRight.displayName = 'IconArrowTurnDownRight';
 
-var _excluded$d = ["testId"];
+var _excluded$d = ["testId", "size", "color", "style"];
 var IconArrowUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-up' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1074,16 +1183,25 @@ var IconArrowUp = React.forwardRef(function (_ref, ref) {
 });
 IconArrowUp.displayName = 'IconArrowUp';
 
-var _excluded$e = ["testId"];
+var _excluded$e = ["testId", "size", "color", "style"];
 var IconAward = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-award' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1095,16 +1213,25 @@ var IconAward = React.forwardRef(function (_ref, ref) {
 });
 IconAward.displayName = 'IconAward';
 
-var _excluded$f = ["testId"];
+var _excluded$f = ["testId", "size", "color", "style"];
 var IconAwfulMonochromatic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-awful-monochromatic' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1146,16 +1273,25 @@ var IconAwfulMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconAwfulMonochromatic.displayName = 'IconAwfulMonochromatic';
 
-var _excluded$g = ["testId"];
+var _excluded$g = ["testId", "size", "color", "style"];
 var IconAwful = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-awful' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1185,16 +1321,25 @@ var IconAwful = React.forwardRef(function (_ref, ref) {
 });
 IconAwful.displayName = 'IconAwful';
 
-var _excluded$h = ["testId"];
+var _excluded$h = ["testId", "size", "color", "style"];
 var IconBadMonochromatic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bad-monochromatic' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1222,16 +1367,25 @@ var IconBadMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconBadMonochromatic.displayName = 'IconBadMonochromatic';
 
-var _excluded$i = ["testId"];
+var _excluded$i = ["testId", "size", "color", "style"];
 var IconBad = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bad' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1247,16 +1401,25 @@ var IconBad = React.forwardRef(function (_ref, ref) {
 });
 IconBad.displayName = 'IconBad';
 
-var _excluded$j = ["testId"];
+var _excluded$j = ["testId", "size", "color", "style"];
 var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-balance-scale-left' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1273,16 +1436,25 @@ var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
 
-var _excluded$k = ["testId"];
+var _excluded$k = ["testId", "size", "color", "style"];
 var IconBalanceScale = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-balance-scale' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1299,16 +1471,25 @@ var IconBalanceScale = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
 
-var _excluded$l = ["testId"];
+var _excluded$l = ["testId", "size", "color", "style"];
 var IconBan = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-ban' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1318,16 +1499,25 @@ var IconBan = React.forwardRef(function (_ref, ref) {
 });
 IconBan.displayName = 'IconBan';
 
-var _excluded$m = ["testId"];
+var _excluded$m = ["testId", "size", "color", "style"];
 var IconBarsH = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bars-h' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1339,16 +1529,25 @@ var IconBarsH = React.forwardRef(function (_ref, ref) {
 });
 IconBarsH.displayName = 'IconBarsH';
 
-var _excluded$n = ["testId"];
+var _excluded$n = ["testId", "size", "color", "style"];
 var IconBarsV = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bars-v' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1358,16 +1557,25 @@ var IconBarsV = React.forwardRef(function (_ref, ref) {
 });
 IconBarsV.displayName = 'IconBarsV';
 
-var _excluded$o = ["testId"];
+var _excluded$o = ["testId", "size", "color", "style"];
 var IconBell = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bell' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1379,16 +1587,25 @@ var IconBell = React.forwardRef(function (_ref, ref) {
 });
 IconBell.displayName = 'IconBell';
 
-var _excluded$p = ["testId"];
+var _excluded$p = ["testId", "size", "color", "style"];
 var IconBirthdayCake = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-birthday-cake' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1398,16 +1615,25 @@ var IconBirthdayCake = React.forwardRef(function (_ref, ref) {
 });
 IconBirthdayCake.displayName = 'IconBirthdayCake';
 
-var _excluded$q = ["testId"];
+var _excluded$q = ["testId", "size", "color", "style"];
 var IconBold = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bold' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1417,16 +1643,25 @@ var IconBold = React.forwardRef(function (_ref, ref) {
 });
 IconBold.displayName = 'IconBold';
 
-var _excluded$r = ["testId"];
+var _excluded$r = ["testId", "size", "color", "style"];
 var IconBolt = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bolt' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1443,16 +1678,25 @@ var IconBolt = React.forwardRef(function (_ref, ref) {
 });
 IconBolt.displayName = 'IconBolt';
 
-var _excluded$s = ["testId"];
+var _excluded$s = ["testId", "size", "color", "style"];
 var IconBook = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-book' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1464,16 +1708,25 @@ var IconBook = React.forwardRef(function (_ref, ref) {
 });
 IconBook.displayName = 'IconBook';
 
-var _excluded$t = ["testId"];
+var _excluded$t = ["testId", "size", "color", "style"];
 var IconBriefcase = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-briefcase' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1483,16 +1736,25 @@ var IconBriefcase = React.forwardRef(function (_ref, ref) {
 });
 IconBriefcase.displayName = 'IconBriefcase';
 
-var _excluded$u = ["testId"];
+var _excluded$u = ["testId", "size", "color", "style"];
 var IconBullseyeArrow = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bullseye-arrow' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1504,16 +1766,25 @@ var IconBullseyeArrow = React.forwardRef(function (_ref, ref) {
 });
 IconBullseyeArrow.displayName = 'IconBullseyeArrow';
 
-var _excluded$v = ["testId"];
+var _excluded$v = ["testId", "size", "color", "style"];
 var IconCalculator = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calculator' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1525,16 +1796,25 @@ var IconCalculator = React.forwardRef(function (_ref, ref) {
 });
 IconCalculator.displayName = 'IconCalculator';
 
-var _excluded$w = ["testId"];
+var _excluded$w = ["testId", "size", "color", "style"];
 var IconCalendarAlt = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-alt' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1546,16 +1826,25 @@ var IconCalendarAlt = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarAlt.displayName = 'IconCalendarAlt';
 
-var _excluded$x = ["testId"];
+var _excluded$x = ["testId", "size", "color", "style"];
 var IconCalendarCheck = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-check' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1567,16 +1856,25 @@ var IconCalendarCheck = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarCheck.displayName = 'IconCalendarCheck';
 
-var _excluded$y = ["testId"];
+var _excluded$y = ["testId", "size", "color", "style"];
 var IconCalendarDay = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-day' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1593,16 +1891,25 @@ var IconCalendarDay = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarDay.displayName = 'IconCalendarDay';
 
-var _excluded$z = ["testId"];
+var _excluded$z = ["testId", "size", "color", "style"];
 var IconCalendarExclamation = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-exclamation' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1612,16 +1919,25 @@ var IconCalendarExclamation = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarExclamation.displayName = 'IconCalendarExclamation';
 
-var _excluded$A = ["testId"];
+var _excluded$A = ["testId", "size", "color", "style"];
 var IconCalendarStar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-star' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1631,16 +1947,25 @@ var IconCalendarStar = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarStar.displayName = 'IconCalendarStar';
 
-var _excluded$B = ["testId"];
+var _excluded$B = ["testId", "size", "color", "style"];
 var IconCalendarTomorrow = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar-tomorrow' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1659,16 +1984,25 @@ var IconCalendarTomorrow = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarTomorrow.displayName = 'IconCalendarTomorrow';
 
-var _excluded$C = ["testId"];
+var _excluded$C = ["testId", "size", "color", "style"];
 var IconCalendar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calendar' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1680,16 +2014,25 @@ var IconCalendar = React.forwardRef(function (_ref, ref) {
 });
 IconCalendar.displayName = 'IconCalendar';
 
-var _excluded$D = ["testId"];
+var _excluded$D = ["testId", "size", "color", "style"];
 var IconCameraSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-camera-slash' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1702,16 +2045,25 @@ var IconCameraSlash = React.forwardRef(function (_ref, ref) {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
 
-var _excluded$E = ["testId"];
+var _excluded$E = ["testId", "size", "color", "style"];
 var IconCamera = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-camera' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1721,16 +2073,25 @@ var IconCamera = React.forwardRef(function (_ref, ref) {
 });
 IconCamera.displayName = 'IconCamera';
 
-var _excluded$F = ["testId"];
+var _excluded$F = ["testId", "size", "color", "style"];
 var IconCashRegister = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-cash-register' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1740,16 +2101,25 @@ var IconCashRegister = React.forwardRef(function (_ref, ref) {
 });
 IconCashRegister.displayName = 'IconCashRegister';
 
-var _excluded$G = ["testId"];
+var _excluded$G = ["testId", "size", "color", "style"];
 var IconChartBar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chart-bar' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1761,16 +2131,25 @@ var IconChartBar = React.forwardRef(function (_ref, ref) {
 });
 IconChartBar.displayName = 'IconChartBar';
 
-var _excluded$H = ["testId"];
+var _excluded$H = ["testId", "size", "color", "style"];
 var IconCheckCircleIncomplete = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-check-circle-incomplete' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1780,16 +2159,25 @@ var IconCheckCircleIncomplete = React.forwardRef(function (_ref, ref) {
 });
 IconCheckCircleIncomplete.displayName = 'IconCheckCircleIncomplete';
 
-var _excluded$I = ["testId"];
+var _excluded$I = ["testId", "size", "color", "style"];
 var IconCheck = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-check' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1801,16 +2189,25 @@ var IconCheck = React.forwardRef(function (_ref, ref) {
 });
 IconCheck.displayName = 'IconCheck';
 
-var _excluded$J = ["testId"];
+var _excluded$J = ["testId", "size", "color", "style"];
 var IconChevronDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-down' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1822,16 +2219,25 @@ var IconChevronDown = React.forwardRef(function (_ref, ref) {
 });
 IconChevronDown.displayName = 'IconChevronDown';
 
-var _excluded$K = ["testId"];
+var _excluded$K = ["testId", "size", "color", "style"];
 var IconChevronLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-left' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1843,16 +2249,25 @@ var IconChevronLeft = React.forwardRef(function (_ref, ref) {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
 
-var _excluded$L = ["testId"];
+var _excluded$L = ["testId", "size", "color", "style"];
 var IconChevronRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-right' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1864,16 +2279,25 @@ var IconChevronRight = React.forwardRef(function (_ref, ref) {
 });
 IconChevronRight.displayName = 'IconChevronRight';
 
-var _excluded$M = ["testId"];
+var _excluded$M = ["testId", "size", "color", "style"];
 var IconChevronUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-up' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1885,16 +2309,25 @@ var IconChevronUp = React.forwardRef(function (_ref, ref) {
 });
 IconChevronUp.displayName = 'IconChevronUp';
 
-var _excluded$N = ["testId"];
+var _excluded$N = ["testId", "size", "color", "style"];
 var IconClipboardList = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-clipboard-list' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1906,16 +2339,25 @@ var IconClipboardList = React.forwardRef(function (_ref, ref) {
 });
 IconClipboardList.displayName = 'IconClipboardList';
 
-var _excluded$O = ["testId"];
+var _excluded$O = ["testId", "size", "color", "style"];
 var IconClock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-clock' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1925,16 +2367,25 @@ var IconClock = React.forwardRef(function (_ref, ref) {
 });
 IconClock.displayName = 'IconClock';
 
-var _excluded$P = ["testId"];
+var _excluded$P = ["testId", "size", "color", "style"];
 var IconCog = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-cog' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1944,16 +2395,25 @@ var IconCog = React.forwardRef(function (_ref, ref) {
 });
 IconCog.displayName = 'IconCog';
 
-var _excluded$Q = ["testId"];
+var _excluded$Q = ["testId", "size", "color", "style"];
 var IconCommentLines = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment-lines' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1968,16 +2428,25 @@ var IconCommentLines = React.forwardRef(function (_ref, ref) {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-var _excluded$R = ["testId"];
+var _excluded$R = ["testId", "size", "color", "style"];
 var IconComment = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -1989,16 +2458,25 @@ var IconComment = React.forwardRef(function (_ref, ref) {
 });
 IconComment.displayName = 'IconComment';
 
-var _excluded$S = ["testId"];
+var _excluded$S = ["testId", "size", "color", "style"];
 var IconCopy = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-copy' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2015,16 +2493,25 @@ var IconCopy = React.forwardRef(function (_ref, ref) {
 });
 IconCopy.displayName = 'IconCopy';
 
-var _excluded$T = ["testId"];
+var _excluded$T = ["testId", "size", "color", "style"];
 var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card-plus' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2043,16 +2530,25 @@ var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-var _excluded$U = ["testId"];
+var _excluded$U = ["testId", "size", "color", "style"];
 var IconCreditCard = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2069,16 +2565,25 @@ var IconCreditCard = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-var _excluded$V = ["testId"];
+var _excluded$V = ["testId", "size", "color", "style"];
 var IconDecentMonochromatic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-decent-monochromatic' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2110,16 +2615,25 @@ var IconDecentMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconDecentMonochromatic.displayName = 'IconDecentMonochromatic';
 
-var _excluded$W = ["testId"];
+var _excluded$W = ["testId", "size", "color", "style"];
 var IconDecent = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-decent' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2139,16 +2653,25 @@ var IconDecent = React.forwardRef(function (_ref, ref) {
 });
 IconDecent.displayName = 'IconDecent';
 
-var _excluded$X = ["testId"];
+var _excluded$X = ["testId", "size", "color", "style"];
 var IconDownload = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-download' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2160,16 +2683,25 @@ var IconDownload = React.forwardRef(function (_ref, ref) {
 });
 IconDownload.displayName = 'IconDownload';
 
-var _excluded$Y = ["testId"];
+var _excluded$Y = ["testId", "size", "color", "style"];
 var IconEdit = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-edit' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2179,16 +2711,25 @@ var IconEdit = React.forwardRef(function (_ref, ref) {
 });
 IconEdit.displayName = 'IconEdit';
 
-var _excluded$Z = ["testId"];
+var _excluded$Z = ["testId", "size", "color", "style"];
 var IconEllipsisV = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-ellipsis-v' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2200,16 +2741,25 @@ var IconEllipsisV = React.forwardRef(function (_ref, ref) {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
 
-var _excluded$_ = ["testId"];
+var _excluded$_ = ["testId", "size", "color", "style"];
 var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope-open-dollar' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$_);
+  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", {
@@ -2226,16 +2776,25 @@ var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelopeOpenDollar.displayName = 'IconEnvelopeOpenDollar';
 
-var _excluded$$ = ["testId"];
+var _excluded$$ = ["testId", "size", "color", "style"];
 var IconEnvelope = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
+  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", {
@@ -2245,16 +2804,25 @@ var IconEnvelope = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-var _excluded$10 = ["testId"];
+var _excluded$10 = ["testId", "size", "color", "style"];
 var IconExclaimationTriangle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-exclaimation-triangle' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2266,16 +2834,25 @@ var IconExclaimationTriangle = React.forwardRef(function (_ref, ref) {
 });
 IconExclaimationTriangle.displayName = 'IconExclaimationTriangle';
 
-var _excluded$11 = ["testId"];
+var _excluded$11 = ["testId", "size", "color", "style"];
 var IconExclaimation = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-exclaimation' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2285,16 +2862,25 @@ var IconExclaimation = React.forwardRef(function (_ref, ref) {
 });
 IconExclaimation.displayName = 'IconExclaimation';
 
-var _excluded$12 = ["testId"];
+var _excluded$12 = ["testId", "size", "color", "style"];
 var IconExpand = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-expand' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2304,16 +2890,25 @@ var IconExpand = React.forwardRef(function (_ref, ref) {
 });
 IconExpand.displayName = 'IconExpand';
 
-var _excluded$13 = ["testId"];
+var _excluded$13 = ["testId", "size", "color", "style"];
 var IconExternalLink = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-external-link' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2325,16 +2920,25 @@ var IconExternalLink = React.forwardRef(function (_ref, ref) {
 });
 IconExternalLink.displayName = 'IconExternalLink';
 
-var _excluded$14 = ["testId"];
+var _excluded$14 = ["testId", "size", "color", "style"];
 var IconEyeSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-eye-slash' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2358,16 +2962,25 @@ var IconEyeSlash = React.forwardRef(function (_ref, ref) {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
 
-var _excluded$15 = ["testId"];
+var _excluded$15 = ["testId", "size", "color", "style"];
 var IconEye = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-eye' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2384,16 +2997,25 @@ var IconEye = React.forwardRef(function (_ref, ref) {
 });
 IconEye.displayName = 'IconEye';
 
-var _excluded$16 = ["testId"];
+var _excluded$16 = ["testId", "size", "color", "style"];
 var IconFilePdf = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-file-pdf' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2410,16 +3032,25 @@ var IconFilePdf = React.forwardRef(function (_ref, ref) {
 });
 IconFilePdf.displayName = 'IconFilePdf';
 
-var _excluded$17 = ["testId"];
+var _excluded$17 = ["testId", "size", "color", "style"];
 var IconFile = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-file' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2436,16 +3067,25 @@ var IconFile = React.forwardRef(function (_ref, ref) {
 });
 IconFile.displayName = 'IconFile';
 
-var _excluded$18 = ["testId"];
+var _excluded$18 = ["testId", "size", "color", "style"];
 var IconFlag = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-flag' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2462,16 +3102,25 @@ var IconFlag = React.forwardRef(function (_ref, ref) {
 });
 IconFlag.displayName = 'IconFlag';
 
-var _excluded$19 = ["testId"];
+var _excluded$19 = ["testId", "size", "color", "style"];
 var IconFourDotsCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-four-dots-circle' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2483,16 +3132,25 @@ var IconFourDotsCircle = React.forwardRef(function (_ref, ref) {
 });
 IconFourDotsCircle.displayName = 'IconFourDotsCircle';
 
-var _excluded$1a = ["testId"];
+var _excluded$1a = ["testId", "size", "color", "style"];
 var IconFourSquares = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-four-squares' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2527,16 +3185,25 @@ var IconFourSquares = React.forwardRef(function (_ref, ref) {
 });
 IconFourSquares.displayName = 'IconFourSquares';
 
-var _excluded$1b = ["testId"];
+var _excluded$1b = ["testId", "size", "color", "style"];
 var IconGavel = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gavel' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2546,15 +3213,24 @@ var IconGavel = React.forwardRef(function (_ref, ref) {
 });
 IconGavel.displayName = 'IconGavel';
 
-var _excluded$1c = ["testId"];
+var _excluded$1c = ["testId", "size", "color", "style"];
 var IconGif = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gif' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
+  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", {
@@ -2569,16 +3245,25 @@ var IconGif = React.forwardRef(function (_ref, ref) {
 });
 IconGif.displayName = 'IconGif';
 
-var _excluded$1d = ["testId"];
+var _excluded$1d = ["testId", "size", "color", "style"];
 var IconGift = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gift' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2588,16 +3273,25 @@ var IconGift = React.forwardRef(function (_ref, ref) {
 });
 IconGift.displayName = 'IconGift';
 
-var _excluded$1e = ["testId"];
+var _excluded$1e = ["testId", "size", "color", "style"];
 var IconGoodMonochromatic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-good-monochromatic' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2625,16 +3319,25 @@ var IconGoodMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconGoodMonochromatic.displayName = 'IconGoodMonochromatic';
 
-var _excluded$1f = ["testId"];
+var _excluded$1f = ["testId", "size", "color", "style"];
 var IconGood = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-good' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2650,16 +3353,25 @@ var IconGood = React.forwardRef(function (_ref, ref) {
 });
 IconGood.displayName = 'IconGood';
 
-var _excluded$1g = ["testId"];
+var _excluded$1g = ["testId", "size", "color", "style"];
 var IconGreatMonochromatic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-great-monochromatic' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2689,16 +3401,25 @@ var IconGreatMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
 
-var _excluded$1h = ["testId"];
+var _excluded$1h = ["testId", "size", "color", "style"];
 var IconGreat = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-great' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2716,16 +3437,25 @@ var IconGreat = React.forwardRef(function (_ref, ref) {
 });
 IconGreat.displayName = 'IconGreat';
 
-var _excluded$1i = ["testId"];
+var _excluded$1i = ["testId", "size", "color", "style"];
 var IconGrinBeam = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-grin-beam' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2735,16 +3465,25 @@ var IconGrinBeam = React.forwardRef(function (_ref, ref) {
 });
 IconGrinBeam.displayName = 'IconGrinBeam';
 
-var _excluded$1j = ["testId"];
+var _excluded$1j = ["testId", "size", "color", "style"];
 var IconGripVertical = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-grip-vertical' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2781,16 +3520,25 @@ var IconGripVertical = React.forwardRef(function (_ref, ref) {
 });
 IconGripVertical.displayName = 'IconGripVertical';
 
-var _excluded$1k = ["testId"];
+var _excluded$1k = ["testId", "size", "color", "style"];
 var IconHandshake = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-handshake' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2807,16 +3555,25 @@ var IconHandshake = React.forwardRef(function (_ref, ref) {
 });
 IconHandshake.displayName = 'IconHandshake';
 
-var _excluded$1l = ["testId"];
+var _excluded$1l = ["testId", "size", "color", "style"];
 var IconImage = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-image' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2833,16 +3590,25 @@ var IconImage = React.forwardRef(function (_ref, ref) {
 });
 IconImage.displayName = 'IconImage';
 
-var _excluded$1m = ["testId"];
+var _excluded$1m = ["testId", "size", "color", "style"];
 var IconIslandTropical = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-island-tropical' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2854,16 +3620,25 @@ var IconIslandTropical = React.forwardRef(function (_ref, ref) {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
 
-var _excluded$1n = ["testId"];
+var _excluded$1n = ["testId", "size", "color", "style"];
 var IconItalic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-italic' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2873,16 +3648,25 @@ var IconItalic = React.forwardRef(function (_ref, ref) {
 });
 IconItalic.displayName = 'IconItalic';
 
-var _excluded$1o = ["testId"];
+var _excluded$1o = ["testId", "size", "color", "style"];
 var IconLaptopSearch = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-laptop-search' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2901,16 +3685,25 @@ var IconLaptopSearch = React.forwardRef(function (_ref, ref) {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
 
-var _excluded$1p = ["testId"];
+var _excluded$1p = ["testId", "size", "color", "style"];
 var IconLink = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-link' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2927,16 +3720,25 @@ var IconLink = React.forwardRef(function (_ref, ref) {
 });
 IconLink.displayName = 'IconLink';
 
-var _excluded$1q = ["testId"];
+var _excluded$1q = ["testId", "size", "color", "style"];
 var IconListOI = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-list-o-i' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
+  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", {
@@ -2953,16 +3755,25 @@ var IconListOI = React.forwardRef(function (_ref, ref) {
 });
 IconListOI.displayName = 'IconListOI';
 
-var _excluded$1r = ["testId"];
+var _excluded$1r = ["testId", "size", "color", "style"];
 var IconList = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-list' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2972,16 +3783,25 @@ var IconList = React.forwardRef(function (_ref, ref) {
 });
 IconList.displayName = 'IconList';
 
-var _excluded$1s = ["testId"];
+var _excluded$1s = ["testId", "size", "color", "style"];
 var IconLock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-lock' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -2991,16 +3811,25 @@ var IconLock = React.forwardRef(function (_ref, ref) {
 });
 IconLock.displayName = 'IconLock';
 
-var _excluded$1t = ["testId"];
+var _excluded$1t = ["testId", "size", "color", "style"];
 var IconMagicSolid = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-magic-solid' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3012,16 +3841,25 @@ var IconMagicSolid = React.forwardRef(function (_ref, ref) {
 });
 IconMagicSolid.displayName = 'IconMagicSolid';
 
-var _excluded$1u = ["testId"];
+var _excluded$1u = ["testId", "size", "color", "style"];
 var IconMapMarker = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-map-marker' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3033,16 +3871,25 @@ var IconMapMarker = React.forwardRef(function (_ref, ref) {
 });
 IconMapMarker.displayName = 'IconMapMarker';
 
-var _excluded$1v = ["testId"];
+var _excluded$1v = ["testId", "size", "color", "style"];
 var IconMegaphone = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-megaphone' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3054,16 +3901,25 @@ var IconMegaphone = React.forwardRef(function (_ref, ref) {
 });
 IconMegaphone.displayName = 'IconMegaphone';
 
-var _excluded$1w = ["testId"];
+var _excluded$1w = ["testId", "size", "color", "style"];
 var IconMessages = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-messages' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3073,16 +3929,25 @@ var IconMessages = React.forwardRef(function (_ref, ref) {
 });
 IconMessages.displayName = 'IconMessages';
 
-var _excluded$1x = ["testId"];
+var _excluded$1x = ["testId", "size", "color", "style"];
 var IconMinusCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-minus-circle' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3092,16 +3957,25 @@ var IconMinusCircle = React.forwardRef(function (_ref, ref) {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
 
-var _excluded$1y = ["testId"];
+var _excluded$1y = ["testId", "size", "color", "style"];
 var IconMinus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-minus' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3111,16 +3985,25 @@ var IconMinus = React.forwardRef(function (_ref, ref) {
 });
 IconMinus.displayName = 'IconMinus';
 
-var _excluded$1z = ["testId"];
+var _excluded$1z = ["testId", "size", "color", "style"];
 var IconMoneyBill = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-money-bill' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3130,16 +4013,25 @@ var IconMoneyBill = React.forwardRef(function (_ref, ref) {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-var _excluded$1A = ["testId"];
+var _excluded$1A = ["testId", "size", "color", "style"];
 var IconMugSaucerSolid = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-mug-saucer-solid' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3149,16 +4041,25 @@ var IconMugSaucerSolid = React.forwardRef(function (_ref, ref) {
 });
 IconMugSaucerSolid.displayName = 'IconMugSaucerSolid';
 
-var _excluded$1B = ["testId"];
+var _excluded$1B = ["testId", "size", "color", "style"];
 var IconNotesMedical = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-notes-medical' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3168,16 +4069,25 @@ var IconNotesMedical = React.forwardRef(function (_ref, ref) {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
 
-var _excluded$1C = ["testId"];
+var _excluded$1C = ["testId", "size", "color", "style"];
 var IconOvertime = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-overtime' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3194,16 +4104,25 @@ var IconOvertime = React.forwardRef(function (_ref, ref) {
 });
 IconOvertime.displayName = 'IconOvertime';
 
-var _excluded$1D = ["testId"];
+var _excluded$1D = ["testId", "size", "color", "style"];
 var IconPaperPlaneClock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paper-plane-clock' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3224,16 +4143,25 @@ var IconPaperPlaneClock = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
 
-var _excluded$1E = ["testId"];
+var _excluded$1E = ["testId", "size", "color", "style"];
 var IconPaperPlane = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paper-plane' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3245,16 +4173,25 @@ var IconPaperPlane = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
 
-var _excluded$1F = ["testId"];
+var _excluded$1F = ["testId", "size", "color", "style"];
 var IconPaperclip = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paperclip' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3271,16 +4208,25 @@ var IconPaperclip = React.forwardRef(function (_ref, ref) {
 });
 IconPaperclip.displayName = 'IconPaperclip';
 
-var _excluded$1G = ["testId"];
+var _excluded$1G = ["testId", "size", "color", "style"];
 var IconPencil = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-pencil' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3292,16 +4238,25 @@ var IconPencil = React.forwardRef(function (_ref, ref) {
 });
 IconPencil.displayName = 'IconPencil';
 
-var _excluded$1H = ["testId"];
+var _excluded$1H = ["testId", "size", "color", "style"];
 var IconPercentage = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-percentage' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3311,15 +4266,24 @@ var IconPercentage = React.forwardRef(function (_ref, ref) {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-var _excluded$1I = ["testId"];
+var _excluded$1I = ["testId", "size", "color", "style"];
 var IconPhone = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-phone' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3330,16 +4294,25 @@ var IconPhone = React.forwardRef(function (_ref, ref) {
 });
 IconPhone.displayName = 'IconPhone';
 
-var _excluded$1J = ["testId"];
+var _excluded$1J = ["testId", "size", "color", "style"];
 var IconPlug = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plug' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3351,16 +4324,25 @@ var IconPlug = React.forwardRef(function (_ref, ref) {
 });
 IconPlug.displayName = 'IconPlug';
 
-var _excluded$1K = ["testId"];
+var _excluded$1K = ["testId", "size", "color", "style"];
 var IconPlus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plus' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3372,16 +4354,25 @@ var IconPlus = React.forwardRef(function (_ref, ref) {
 });
 IconPlus.displayName = 'IconPlus';
 
-var _excluded$1L = ["testId"];
+var _excluded$1L = ["testId", "size", "color", "style"];
 var IconPrint = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-print' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3393,16 +4384,25 @@ var IconPrint = React.forwardRef(function (_ref, ref) {
 });
 IconPrint.displayName = 'IconPrint';
 
-var _excluded$1M = ["testId"];
+var _excluded$1M = ["testId", "size", "color", "style"];
 var IconQuestionCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-question-circle' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3412,16 +4412,25 @@ var IconQuestionCircle = React.forwardRef(function (_ref, ref) {
 });
 IconQuestionCircle.displayName = 'IconQuestionCircle';
 
-var _excluded$1N = ["testId"];
+var _excluded$1N = ["testId", "size", "color", "style"];
 var IconRepeat = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-repeat' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3431,16 +4440,25 @@ var IconRepeat = React.forwardRef(function (_ref, ref) {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-var _excluded$1O = ["testId"];
+var _excluded$1O = ["testId", "size", "color", "style"];
 var IconReply = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-reply' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3450,16 +4468,25 @@ var IconReply = React.forwardRef(function (_ref, ref) {
 });
 IconReply.displayName = 'IconReply';
 
-var _excluded$1P = ["testId"];
+var _excluded$1P = ["testId", "size", "color", "style"];
 var IconRocket = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-rocket' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3469,16 +4496,25 @@ var IconRocket = React.forwardRef(function (_ref, ref) {
 });
 IconRocket.displayName = 'IconRocket';
 
-var _excluded$1Q = ["testId"];
+var _excluded$1Q = ["testId", "size", "color", "style"];
 var IconSearch = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-search' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3490,16 +4526,25 @@ var IconSearch = React.forwardRef(function (_ref, ref) {
 });
 IconSearch.displayName = 'IconSearch';
 
-var _excluded$1R = ["testId"];
+var _excluded$1R = ["testId", "size", "color", "style"];
 var IconSignOut = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sign-out' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3509,16 +4554,25 @@ var IconSignOut = React.forwardRef(function (_ref, ref) {
 });
 IconSignOut.displayName = 'IconSignOut';
 
-var _excluded$1S = ["testId"];
+var _excluded$1S = ["testId", "size", "color", "style"];
 var IconSitemap = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sitemap' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3530,16 +4584,25 @@ var IconSitemap = React.forwardRef(function (_ref, ref) {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-var _excluded$1T = ["testId"];
+var _excluded$1T = ["testId", "size", "color", "style"];
 var IconSlidersH = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sliders-h' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3556,16 +4619,25 @@ var IconSlidersH = React.forwardRef(function (_ref, ref) {
 });
 IconSlidersH.displayName = 'IconSlidersH';
 
-var _excluded$1U = ["testId"];
+var _excluded$1U = ["testId", "size", "color", "style"];
 var IconSort = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sort' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3575,16 +4647,25 @@ var IconSort = React.forwardRef(function (_ref, ref) {
 });
 IconSort.displayName = 'IconSort';
 
-var _excluded$1V = ["testId"];
+var _excluded$1V = ["testId", "size", "color", "style"];
 var IconStarSolid = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-star-solid' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3594,16 +4675,25 @@ var IconStarSolid = React.forwardRef(function (_ref, ref) {
 });
 IconStarSolid.displayName = 'IconStarSolid';
 
-var _excluded$1W = ["testId"];
+var _excluded$1W = ["testId", "size", "color", "style"];
 var IconStar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-star' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3613,16 +4703,25 @@ var IconStar = React.forwardRef(function (_ref, ref) {
 });
 IconStar.displayName = 'IconStar';
 
-var _excluded$1X = ["testId"];
+var _excluded$1X = ["testId", "size", "color", "style"];
 var IconStickyNoteLines = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sticky-note-lines' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3635,16 +4734,25 @@ var IconStickyNoteLines = React.forwardRef(function (_ref, ref) {
 });
 IconStickyNoteLines.displayName = 'IconStickyNoteLines';
 
-var _excluded$1Y = ["testId"];
+var _excluded$1Y = ["testId", "size", "color", "style"];
 var IconStopwatch = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-stopwatch' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3656,16 +4764,25 @@ var IconStopwatch = React.forwardRef(function (_ref, ref) {
 });
 IconStopwatch.displayName = 'IconStopwatch';
 
-var _excluded$1Z = ["testId"];
+var _excluded$1Z = ["testId", "size", "color", "style"];
 var IconStrikethrough = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-strikethrough' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3682,15 +4799,24 @@ var IconStrikethrough = React.forwardRef(function (_ref, ref) {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
 
-var _excluded$1_ = ["testId"];
+var _excluded$1_ = ["testId", "size", "color", "style"];
 var IconSyncExclaimation = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync-exclaimation' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3701,15 +4827,24 @@ var IconSyncExclaimation = React.forwardRef(function (_ref, ref) {
 });
 IconSyncExclaimation.displayName = 'IconSyncExclaimation';
 
-var _excluded$1$ = ["testId"];
+var _excluded$1$ = ["testId", "size", "color", "style"];
 var IconSync = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3720,16 +4855,25 @@ var IconSync = React.forwardRef(function (_ref, ref) {
 });
 IconSync.displayName = 'IconSync';
 
-var _excluded$20 = ["testId"];
+var _excluded$20 = ["testId", "size", "color", "style"];
 var IconTable = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-table' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3746,14 +4890,23 @@ var IconTable = React.forwardRef(function (_ref, ref) {
 });
 IconTable.displayName = 'IconTable';
 
-var _excluded$21 = ["testId"];
+var _excluded$21 = ["testId", "size", "color", "style"];
 var IconTachometer = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-tachometer' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3764,16 +4917,25 @@ var IconTachometer = React.forwardRef(function (_ref, ref) {
 });
 IconTachometer.displayName = 'IconTachometer';
 
-var _excluded$22 = ["testId"];
+var _excluded$22 = ["testId", "size", "color", "style"];
 var IconTimesOctagon = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-times-octagon' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3785,16 +4947,25 @@ var IconTimesOctagon = React.forwardRef(function (_ref, ref) {
 });
 IconTimesOctagon.displayName = 'IconTimesOctagon';
 
-var _excluded$23 = ["testId"];
+var _excluded$23 = ["testId", "size", "color", "style"];
 var IconTimes = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-times' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3806,16 +4977,25 @@ var IconTimes = React.forwardRef(function (_ref, ref) {
 });
 IconTimes.displayName = 'IconTimes';
 
-var _excluded$24 = ["testId"];
+var _excluded$24 = ["testId", "size", "color", "style"];
 var IconTrash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-trash' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3827,16 +5007,25 @@ var IconTrash = React.forwardRef(function (_ref, ref) {
 });
 IconTrash.displayName = 'IconTrash';
 
-var _excluded$25 = ["testId"];
+var _excluded$25 = ["testId", "size", "color", "style"];
 var IconUnderline = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-underline' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3846,16 +5035,25 @@ var IconUnderline = React.forwardRef(function (_ref, ref) {
 });
 IconUnderline.displayName = 'IconUnderline';
 
-var _excluded$26 = ["testId"];
+var _excluded$26 = ["testId", "size", "color", "style"];
 var IconUndo = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-undo' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3865,16 +5063,25 @@ var IconUndo = React.forwardRef(function (_ref, ref) {
 });
 IconUndo.displayName = 'IconUndo';
 
-var _excluded$27 = ["testId"];
+var _excluded$27 = ["testId", "size", "color", "style"];
 var IconUniversity = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-university' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3891,16 +5098,25 @@ var IconUniversity = React.forwardRef(function (_ref, ref) {
 });
 IconUniversity.displayName = 'IconUniversity';
 
-var _excluded$28 = ["testId"];
+var _excluded$28 = ["testId", "size", "color", "style"];
 var IconUnlock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-unlock' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3917,16 +5133,25 @@ var IconUnlock = React.forwardRef(function (_ref, ref) {
 });
 IconUnlock.displayName = 'IconUnlock';
 
-var _excluded$29 = ["testId"];
+var _excluded$29 = ["testId", "size", "color", "style"];
 var IconUserComputer = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-computer' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3947,16 +5172,25 @@ var IconUserComputer = React.forwardRef(function (_ref, ref) {
 });
 IconUserComputer.displayName = 'IconUserComputer';
 
-var _excluded$2a = ["testId"];
+var _excluded$2a = ["testId", "size", "color", "style"];
 var IconUserFriends = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-friends' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3966,16 +5200,25 @@ var IconUserFriends = React.forwardRef(function (_ref, ref) {
 });
 IconUserFriends.displayName = 'IconUserFriends';
 
-var _excluded$2b = ["testId"];
+var _excluded$2b = ["testId", "size", "color", "style"];
 var IconUserLight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-light' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -3987,16 +5230,25 @@ var IconUserLight = React.forwardRef(function (_ref, ref) {
 });
 IconUserLight.displayName = 'IconUserLight';
 
-var _excluded$2c = ["testId"];
+var _excluded$2c = ["testId", "size", "color", "style"];
 var IconUserPlus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-plus' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -4006,16 +5258,25 @@ var IconUserPlus = React.forwardRef(function (_ref, ref) {
 });
 IconUserPlus.displayName = 'IconUserPlus';
 
-var _excluded$2d = ["testId"];
+var _excluded$2d = ["testId", "size", "color", "style"];
 var IconUserSearch = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-search' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -4034,16 +5295,25 @@ var IconUserSearch = React.forwardRef(function (_ref, ref) {
 });
 IconUserSearch.displayName = 'IconUserSearch';
 
-var _excluded$2e = ["testId"];
+var _excluded$2e = ["testId", "size", "color", "style"];
 var IconUserSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-slash' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -4060,16 +5330,25 @@ var IconUserSlash = React.forwardRef(function (_ref, ref) {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-var _excluded$2f = ["testId"];
+var _excluded$2f = ["testId", "size", "color", "style"];
 var IconUserSolid = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-solid' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -4079,16 +5358,25 @@ var IconUserSolid = React.forwardRef(function (_ref, ref) {
 });
 IconUserSolid.displayName = 'IconUserSolid';
 
-var _excluded$2g = ["testId"];
+var _excluded$2g = ["testId", "size", "color", "style"];
 var IconUserTag = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-tag' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -4100,16 +5388,25 @@ var IconUserTag = React.forwardRef(function (_ref, ref) {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-var _excluded$2h = ["testId"];
+var _excluded$2h = ["testId", "size", "color", "style"];
 var IconUserTie = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-tie' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -4119,16 +5416,25 @@ var IconUserTie = React.forwardRef(function (_ref, ref) {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-var _excluded$2i = ["testId"];
+var _excluded$2i = ["testId", "size", "color", "style"];
 var IconUsers = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-users' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -4138,16 +5444,25 @@ var IconUsers = React.forwardRef(function (_ref, ref) {
 });
 IconUsers.displayName = 'IconUsers';
 
-var _excluded$2j = ["testId"];
+var _excluded$2j = ["testId", "size", "color", "style"];
 var IconVideo = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-video' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -4157,16 +5472,25 @@ var IconVideo = React.forwardRef(function (_ref, ref) {
 });
 IconVideo.displayName = 'IconVideo';
 
-var _excluded$2k = ["testId"];
+var _excluded$2k = ["testId", "size", "color", "style"];
 var IconVolumeMute = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-volume-mute' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -4176,16 +5500,25 @@ var IconVolumeMute = React.forwardRef(function (_ref, ref) {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-var _excluded$2l = ["testId"];
+var _excluded$2l = ["testId", "size", "color", "style"];
 var IconVolume = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-volume' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -4195,16 +5528,25 @@ var IconVolume = React.forwardRef(function (_ref, ref) {
 });
 IconVolume.displayName = 'IconVolume';
 
-var _excluded$2m = ["testId"];
+var _excluded$2m = ["testId", "size", "color", "style"];
 var IconWrench = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-wrench' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$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", {
@@ -4376,7 +5718,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, {
@@ -4384,7 +5726,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, {
@@ -4450,7 +5792,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));
@@ -4686,7 +6028,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) {
@@ -4797,7 +6139,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
@@ -5020,7 +6362,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);
@@ -5455,7 +6797,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;
@@ -5479,7 +6821,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
@@ -5834,7 +7176,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"
@@ -5920,7 +7262,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)))));
@@ -6065,7 +7407,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));
@@ -6238,7 +7580,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
@@ -6254,7 +7596,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
@@ -6385,7 +7727,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));
@@ -6826,7 +8168,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", {
@@ -6888,7 +8230,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",
@@ -6916,7 +8258,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'
@@ -6998,7 +8340,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"
@@ -7121,9 +8463,17 @@ var styles$K = {"data-table-sticky-columns-container":"_3oL6K","data-table-stick
 
 var useDataTableScrollState = function useDataTableScrollState(stickyColumns) {
   var scrollContainerRef = React.useRef(null);
+  var _useDataTableContext = useDataTableContext(),
+    columns = _useDataTableContext.columns,
+    numberOfRows = _useDataTableContext.numberOfRows;
   var _useState = React.useState(DATA_TABLE_SCROLL_STATES.NO_SCROLL),
     scrollState = _useState[0],
     setScrollState = _useState[1];
+  var numberOfHiddenColumns = React.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;
@@ -7138,7 +8488,7 @@ var useDataTableScrollState = function useDataTableScrollState(stickyColumns) {
   };
   React.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';
@@ -7631,7 +8981,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) {
@@ -7706,7 +9056,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();
@@ -8096,7 +9446,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({
@@ -9411,7 +10761,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,
@@ -9466,7 +10816,7 @@ var ToDate = function ToDate(_ref, ref) {
     mode: "end-date"
   }));
 };
-var ToDate$1 = React.forwardRef(ToDate);
+var ToDate = React.forwardRef(ToDateElement);
 
 var DateRangeField = function DateRangeField(_ref) {
   var _classnames, _disabledDays$start, _disabledDays$end;
@@ -9541,7 +10891,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,
@@ -11108,7 +12458,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,
@@ -11122,7 +12472,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({
@@ -11131,7 +12481,7 @@ var Badge = function Badge(_ref, forwardedRef) {
     "data-testid": testId
   }, otherProps), children));
 };
-var Badge$1 = React.forwardRef(Badge);
+var Badge = React.forwardRef(BadgeElement);
 
 var styles$18 = {"avatar":"_1X7La","avatar--small":"_o5x6S","avatar__badge":"_NN8-D","avatar--medium":"_VxW5y","avatar--large":"_ec7jQ","avatar--extra-large":"_3VS00"};
 
@@ -11471,11 +12821,11 @@ var EmptyState = function EmptyState(_ref) {
 
 exports.AsyncSelectField = AsyncSelectField$1;
 exports.Avatar = Avatar;
-exports.Badge = Badge$1;
+exports.Badge = Badge;
 exports.Bold = Bold;
 exports.BreadcrumbItem = BreadcrumbItem;
 exports.Breadcrumbs = Breadcrumbs;
-exports.Button = Button$1;
+exports.Button = Button;
 exports.COLORS = COLORS;
 exports.Calendar = Calendar$1;
 exports.CalloutCard = CalloutCard;
@@ -11687,7 +13037,7 @@ exports.TimeField = TimeField;
 exports.TimeRangeField = TimeRangeField;
 exports.Toggle = Toggle;
 exports.ToolbarSelect = ToolbarSelect;
-exports.Tooltip = Tooltip$1;
+exports.Tooltip = Tooltip;
 exports.Underline = Underline;
 exports.WeekField = WeekField;
 exports.ZINDEX = ZINDEX;