@7shifts/sous-chef 4.0.0 → 4.1.0

package/dist/index.js

@@ -317,7 +317,7 @@ var kebabize = function kebabize(str) {
   });
 };
 
-var _excluded$ej = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
+var _excluded$ek = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
 var getPositionProps = function getPositionProps(_ref) {
   var m = _ref.m,
     margin = _ref.margin,
@@ -329,7 +329,7 @@ var getPositionProps = function getPositionProps(_ref) {
     marginBottom = _ref.marginBottom,
     ml = _ref.ml,
     marginLeft = _ref.marginLeft,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$ej);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$ek);
   return {
     positionProps: {
       m: m,
@@ -363,7 +363,7 @@ var getDataProps = function getDataProps(props, config) {
   });
 };
 
-var _excluded$ei = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "flexGrow", "testId", "extraClass"];
+var _excluded$ej = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "flexGrow", "testId", "extraClass"];
 /**
  * Flex is a internal component used by Stack and Inline. DON'T use this component outside of Sous Chef
  */
@@ -388,7 +388,7 @@ var Flex = function Flex(_ref) {
     flexGrow = _ref.flexGrow,
     testId = _ref.testId,
     extraClass = _ref.extraClass,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$ei);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$ej);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -419,14 +419,14 @@ var Flex = function Flex(_ref) {
   }));
 };
 
-var _excluded$eh = ["alignItems"];
+var _excluded$ei = ["alignItems"];
 /**
  * Layout component to easily stack elements up in a column.
  */
 var Stack = function Stack(_ref) {
   var _ref$alignItems = _ref.alignItems,
     alignItems = _ref$alignItems === void 0 ? 'stretch' : _ref$alignItems,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$eh);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ei);
   return React__namespace.createElement(Flex, _extends({}, props, {
     alignItems: alignItems,
     direction: "column"
@@ -435,7 +435,7 @@ var Stack = function Stack(_ref) {
 
 var styles$1s = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
 
-var _excluded$eg = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
+var _excluded$eh = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
 /**
  * Used when you want to allow the user to turn some information ON and OFF.
  *
@@ -450,7 +450,7 @@ var Toggle = function Toggle(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     id = _ref.id,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$eg);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$eh);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   return React__default["default"].createElement(Stack, {
@@ -979,7 +979,7 @@ var COMPONENT_NAMES = {
   BUTTON: 'BUTTON'
 };
 
-var _excluded$ef = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
+var _excluded$eg = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
   _excluded2 = ["id", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "className", "type", "disabled", "href", "target", "children", "position", "dataProps"];
 var ButtonComponent = function ButtonComponent(_ref, ref) {
   var _classnames;
@@ -1004,7 +1004,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
     target = _ref$target === void 0 ? BUTTON_TARGETS.SELF : _ref$target,
     testId = _ref.testId,
     size = _ref.size,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$ef);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$eg);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -1128,7 +1128,7 @@ var useIsInsideComponent = function useIsInsideComponent(parentComponentName) {
   return componentName === parentComponentName;
 };
 
-var _excluded$ee = ["testId", "size", "color", "style", "variant"];
+var _excluded$ef = ["testId", "size", "color", "style", "variant"];
 var IconArrowDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-down' : _ref$testId,
@@ -1137,7 +1137,7 @@ var IconArrowDown = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ee);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ef);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1175,7 +1175,7 @@ var IconArrowDown = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDown.displayName = 'IconArrowDown';
 
-var _excluded$ed = ["testId", "size", "color", "style", "variant"];
+var _excluded$ee = ["testId", "size", "color", "style", "variant"];
 var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-down-wide-short' : _ref$testId,
@@ -1184,7 +1184,7 @@ var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ed);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ee);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1220,7 +1220,7 @@ var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDownWideShort.displayName = 'IconArrowDownWideShort';
 
-var _excluded$ec = ["testId", "size", "color", "style", "variant"];
+var _excluded$ed = ["testId", "size", "color", "style", "variant"];
 var IconArrowLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-left' : _ref$testId,
@@ -1229,7 +1229,7 @@ var IconArrowLeft = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ec);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ed);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1267,7 +1267,7 @@ var IconArrowLeft = React.forwardRef(function (_ref, ref) {
 });
 IconArrowLeft.displayName = 'IconArrowLeft';
 
-var _excluded$eb = ["testId", "size", "color", "style", "variant"];
+var _excluded$ec = ["testId", "size", "color", "style", "variant"];
 var IconArrowRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-right' : _ref$testId,
@@ -1276,7 +1276,7 @@ var IconArrowRight = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$eb);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ec);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1314,7 +1314,7 @@ var IconArrowRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowRight.displayName = 'IconArrowRight';
 
-var _excluded$ea = ["testId", "size", "color", "style", "variant"];
+var _excluded$eb = ["testId", "size", "color", "style", "variant"];
 var IconArrowToTop = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-to-top' : _ref$testId,
@@ -1323,7 +1323,7 @@ var IconArrowToTop = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ea);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$eb);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1359,7 +1359,7 @@ var IconArrowToTop = React.forwardRef(function (_ref, ref) {
 });
 IconArrowToTop.displayName = 'IconArrowToTop';
 
-var _excluded$e9 = ["testId", "size", "color", "style", "variant"];
+var _excluded$ea = ["testId", "size", "color", "style", "variant"];
 var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-turn-down-right' : _ref$testId,
@@ -1368,7 +1368,7 @@ var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ea);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1419,7 +1419,7 @@ var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowTurnDownRight.displayName = 'IconArrowTurnDownRight';
 
-var _excluded$e8 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e9 = ["testId", "size", "color", "style", "variant"];
 var IconArrowUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-up' : _ref$testId,
@@ -1428,7 +1428,7 @@ var IconArrowUp = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e8);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e9);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1466,7 +1466,7 @@ var IconArrowUp = React.forwardRef(function (_ref, ref) {
 });
 IconArrowUp.displayName = 'IconArrowUp';
 
-var _excluded$e7 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e8 = ["testId", "size", "color", "style", "variant"];
 var IconChevronDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-down' : _ref$testId,
@@ -1475,7 +1475,7 @@ var IconChevronDown = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e7);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e8);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1513,7 +1513,7 @@ var IconChevronDown = React.forwardRef(function (_ref, ref) {
 });
 IconChevronDown.displayName = 'IconChevronDown';
 
-var _excluded$e6 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e7 = ["testId", "size", "color", "style", "variant"];
 var IconChevronLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-left' : _ref$testId,
@@ -1522,7 +1522,7 @@ var IconChevronLeft = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e6);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e7);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1560,7 +1560,7 @@ var IconChevronLeft = React.forwardRef(function (_ref, ref) {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
 
-var _excluded$e5 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e6 = ["testId", "size", "color", "style", "variant"];
 var IconChevronRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-right' : _ref$testId,
@@ -1569,7 +1569,7 @@ var IconChevronRight = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e5);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e6);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1607,7 +1607,7 @@ var IconChevronRight = React.forwardRef(function (_ref, ref) {
 });
 IconChevronRight.displayName = 'IconChevronRight';
 
-var _excluded$e4 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e5 = ["testId", "size", "color", "style", "variant"];
 var IconChevronUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-up' : _ref$testId,
@@ -1616,7 +1616,7 @@ var IconChevronUp = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e4);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e5);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1654,7 +1654,7 @@ var IconChevronUp = React.forwardRef(function (_ref, ref) {
 });
 IconChevronUp.displayName = 'IconChevronUp';
 
-var _excluded$e3 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e4 = ["testId", "size", "color", "style", "variant"];
 var IconExpand = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-expand' : _ref$testId,
@@ -1663,7 +1663,7 @@ var IconExpand = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e3);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e4);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1699,7 +1699,7 @@ var IconExpand = React.forwardRef(function (_ref, ref) {
 });
 IconExpand.displayName = 'IconExpand';
 
-var _excluded$e2 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e3 = ["testId", "size", "color", "style", "variant"];
 var IconRepeat = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-repeat' : _ref$testId,
@@ -1708,7 +1708,7 @@ var IconRepeat = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e3);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1744,7 +1744,7 @@ var IconRepeat = React.forwardRef(function (_ref, ref) {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-var _excluded$e1 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e2 = ["testId", "size", "color", "style", "variant"];
 var IconReply = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-reply' : _ref$testId,
@@ -1753,7 +1753,7 @@ var IconReply = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e1);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e2);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1796,7 +1796,7 @@ var IconReply = React.forwardRef(function (_ref, ref) {
 });
 IconReply.displayName = 'IconReply';
 
-var _excluded$e0 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e1 = ["testId", "size", "color", "style", "variant"];
 var IconSort = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sort' : _ref$testId,
@@ -1805,7 +1805,7 @@ var IconSort = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e0);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e1);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1841,7 +1841,7 @@ var IconSort = React.forwardRef(function (_ref, ref) {
 });
 IconSort.displayName = 'IconSort';
 
-var _excluded$d$ = ["testId", "size", "color", "style", "variant"];
+var _excluded$e0 = ["testId", "size", "color", "style", "variant"];
 var IconSync = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync' : _ref$testId,
@@ -1850,7 +1850,7 @@ var IconSync = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e0);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1900,7 +1900,7 @@ var IconSync = React.forwardRef(function (_ref, ref) {
 });
 IconSync.displayName = 'IconSync';
 
-var _excluded$d_ = ["testId", "size", "color", "style", "variant"];
+var _excluded$d$ = ["testId", "size", "color", "style", "variant"];
 var IconSyncExclamation = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync-exclamation' : _ref$testId,
@@ -1909,7 +1909,7 @@ var IconSyncExclamation = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1961,7 +1961,7 @@ var IconSyncExclamation = React.forwardRef(function (_ref, ref) {
 });
 IconSyncExclamation.displayName = 'IconSyncExclamation';
 
-var _excluded$dZ = ["testId", "size", "color", "style", "variant"];
+var _excluded$d_ = ["testId", "size", "color", "style", "variant"];
 var IconUndo = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-undo' : _ref$testId,
@@ -1970,7 +1970,7 @@ var IconUndo = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dZ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2020,7 +2020,7 @@ var IconUndo = React.forwardRef(function (_ref, ref) {
 });
 IconUndo.displayName = 'IconUndo';
 
-var _excluded$dY = ["testId", "size", "color", "style", "variant"];
+var _excluded$dZ = ["testId", "size", "color", "style", "variant"];
 var IconAnalytics = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-analytics' : _ref$testId,
@@ -2029,7 +2029,7 @@ var IconAnalytics = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dY);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dZ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2067,7 +2067,7 @@ var IconAnalytics = React.forwardRef(function (_ref, ref) {
 });
 IconAnalytics.displayName = 'IconAnalytics';
 
-var _excluded$dX = ["testId", "size", "color", "style", "variant"];
+var _excluded$dY = ["testId", "size", "color", "style", "variant"];
 var IconBalanceScale = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-balance-scale' : _ref$testId,
@@ -2076,7 +2076,7 @@ var IconBalanceScale = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dX);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dY);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2119,7 +2119,7 @@ var IconBalanceScale = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
 
-var _excluded$dW = ["testId", "size", "color", "style", "variant"];
+var _excluded$dX = ["testId", "size", "color", "style", "variant"];
 var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-balance-scale-left' : _ref$testId,
@@ -2128,7 +2128,7 @@ var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dW);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dX);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2171,7 +2171,7 @@ var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
 
-var _excluded$dV = ["testId", "size", "color", "style", "variant"];
+var _excluded$dW = ["testId", "size", "color", "style", "variant"];
 var IconBarsV = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bars-v' : _ref$testId,
@@ -2180,7 +2180,7 @@ var IconBarsV = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dV);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dW);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2216,7 +2216,7 @@ var IconBarsV = React.forwardRef(function (_ref, ref) {
 });
 IconBarsV.displayName = 'IconBarsV';
 
-var _excluded$dU = ["testId", "size", "color", "style", "variant"];
+var _excluded$dV = ["testId", "size", "color", "style", "variant"];
 var IconBook = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-book' : _ref$testId,
@@ -2225,7 +2225,7 @@ var IconBook = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dU);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dV);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2261,7 +2261,7 @@ var IconBook = React.forwardRef(function (_ref, ref) {
 });
 IconBook.displayName = 'IconBook';
 
-var _excluded$dT = ["testId", "size", "color", "style", "variant"];
+var _excluded$dU = ["testId", "size", "color", "style", "variant"];
 var IconCalculator = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calculator' : _ref$testId,
@@ -2270,7 +2270,7 @@ var IconCalculator = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dT);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dU);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2308,7 +2308,7 @@ var IconCalculator = React.forwardRef(function (_ref, ref) {
 });
 IconCalculator.displayName = 'IconCalculator';
 
-var _excluded$dS = ["testId", "size", "color", "style", "variant"];
+var _excluded$dT = ["testId", "size", "color", "style", "variant"];
 var IconCashRegister = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-cash-register' : _ref$testId,
@@ -2317,7 +2317,7 @@ var IconCashRegister = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dS);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dT);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2367,7 +2367,7 @@ var IconCashRegister = React.forwardRef(function (_ref, ref) {
 });
 IconCashRegister.displayName = 'IconCashRegister';
 
-var _excluded$dR = ["testId", "size", "color", "style", "variant"];
+var _excluded$dS = ["testId", "size", "color", "style", "variant"];
 var IconChartBar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chart-bar' : _ref$testId,
@@ -2376,7 +2376,7 @@ var IconChartBar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dR);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dS);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2414,7 +2414,7 @@ var IconChartBar = React.forwardRef(function (_ref, ref) {
 });
 IconChartBar.displayName = 'IconChartBar';
 
-var _excluded$dQ = ["testId", "size", "color", "style", "variant"];
+var _excluded$dR = ["testId", "size", "color", "style", "variant"];
 var IconCreditCard = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card' : _ref$testId,
@@ -2423,7 +2423,7 @@ var IconCreditCard = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dQ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dR);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2459,7 +2459,7 @@ var IconCreditCard = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-var _excluded$dP = ["testId", "size", "color", "style", "variant"];
+var _excluded$dQ = ["testId", "size", "color", "style", "variant"];
 var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card-plus' : _ref$testId,
@@ -2468,7 +2468,7 @@ var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dP);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dQ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2524,7 +2524,7 @@ var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-var _excluded$dO = ["testId", "size", "color", "style", "variant"];
+var _excluded$dP = ["testId", "size", "color", "style", "variant"];
 var IconDollarSign = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-dollar-sign' : _ref$testId,
@@ -2533,7 +2533,7 @@ var IconDollarSign = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dO);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dP);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2569,7 +2569,7 @@ var IconDollarSign = React.forwardRef(function (_ref, ref) {
 });
 IconDollarSign.displayName = 'IconDollarSign';
 
-var _excluded$dN = ["testId", "size", "color", "style", "variant"];
+var _excluded$dO = ["testId", "size", "color", "style", "variant"];
 var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope-open-dollar' : _ref$testId,
@@ -2578,7 +2578,7 @@ var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dN);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dO);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2628,7 +2628,7 @@ var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelopeOpenDollar.displayName = 'IconEnvelopeOpenDollar';
 
-var _excluded$dM = ["testId", "size", "color", "style", "variant"];
+var _excluded$dN = ["testId", "size", "color", "style", "variant"];
 var IconGanttChart = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gantt-chart' : _ref$testId,
@@ -2637,7 +2637,7 @@ var IconGanttChart = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dM);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dN);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2673,7 +2673,7 @@ var IconGanttChart = React.forwardRef(function (_ref, ref) {
 });
 IconGanttChart.displayName = 'IconGanttChart';
 
-var _excluded$dL = ["testId", "size", "color", "style", "variant"];
+var _excluded$dM = ["testId", "size", "color", "style", "variant"];
 var IconHandHoldingCoin = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hand-holding-coin' : _ref$testId,
@@ -2682,7 +2682,7 @@ var IconHandHoldingCoin = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dL);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dM);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2732,7 +2732,7 @@ var IconHandHoldingCoin = React.forwardRef(function (_ref, ref) {
 });
 IconHandHoldingCoin.displayName = 'IconHandHoldingCoin';
 
-var _excluded$dK = ["testId", "size", "color", "style", "variant"];
+var _excluded$dL = ["testId", "size", "color", "style", "variant"];
 var IconHandHoldingDollar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hand-holding-dollar' : _ref$testId,
@@ -2741,7 +2741,7 @@ var IconHandHoldingDollar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dK);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dL);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2791,7 +2791,7 @@ var IconHandHoldingDollar = React.forwardRef(function (_ref, ref) {
 });
 IconHandHoldingDollar.displayName = 'IconHandHoldingDollar';
 
-var _excluded$dJ = ["testId", "size", "color", "style", "variant"];
+var _excluded$dK = ["testId", "size", "color", "style", "variant"];
 var IconMoneyBill = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-money-bill' : _ref$testId,
@@ -2800,7 +2800,7 @@ var IconMoneyBill = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dJ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dK);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2836,7 +2836,7 @@ var IconMoneyBill = React.forwardRef(function (_ref, ref) {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-var _excluded$dI = ["testId", "size", "color", "style", "variant"];
+var _excluded$dJ = ["testId", "size", "color", "style", "variant"];
 var IconPercentage = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-percentage' : _ref$testId,
@@ -2845,7 +2845,7 @@ var IconPercentage = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dI);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dJ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2881,7 +2881,7 @@ var IconPercentage = React.forwardRef(function (_ref, ref) {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-var _excluded$dH = ["testId", "size", "color", "style", "variant"];
+var _excluded$dI = ["testId", "size", "color", "style", "variant"];
 var IconSitemap = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sitemap' : _ref$testId,
@@ -2890,7 +2890,7 @@ var IconSitemap = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dH);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dI);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2926,7 +2926,7 @@ var IconSitemap = React.forwardRef(function (_ref, ref) {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-var _excluded$dG = ["testId", "size", "color", "style", "variant"];
+var _excluded$dH = ["testId", "size", "color", "style", "variant"];
 var IconTable = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-table' : _ref$testId,
@@ -2935,7 +2935,7 @@ var IconTable = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dG);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dH);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2971,7 +2971,7 @@ var IconTable = React.forwardRef(function (_ref, ref) {
 });
 IconTable.displayName = 'IconTable';
 
-var _excluded$dF = ["testId", "size", "color", "style", "variant"];
+var _excluded$dG = ["testId", "size", "color", "style", "variant"];
 var IconBell = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bell' : _ref$testId,
@@ -2980,7 +2980,7 @@ var IconBell = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dF);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dG);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3016,7 +3016,7 @@ var IconBell = React.forwardRef(function (_ref, ref) {
 });
 IconBell.displayName = 'IconBell';
 
-var _excluded$dE = ["testId", "size", "color", "style", "variant"];
+var _excluded$dF = ["testId", "size", "color", "style", "variant"];
 var IconBullhorn = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bullhorn' : _ref$testId,
@@ -3025,7 +3025,7 @@ var IconBullhorn = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dE);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dF);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3061,7 +3061,7 @@ var IconBullhorn = React.forwardRef(function (_ref, ref) {
 });
 IconBullhorn.displayName = 'IconBullhorn';
 
-var _excluded$dD = ["testId", "size", "color", "style", "variant"];
+var _excluded$dE = ["testId", "size", "color", "style", "variant"];
 var IconCamera = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-camera' : _ref$testId,
@@ -3070,7 +3070,7 @@ var IconCamera = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dD);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dE);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3106,7 +3106,7 @@ var IconCamera = React.forwardRef(function (_ref, ref) {
 });
 IconCamera.displayName = 'IconCamera';
 
-var _excluded$dC = ["testId", "size", "color", "style", "variant"];
+var _excluded$dD = ["testId", "size", "color", "style", "variant"];
 var IconCameraSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-camera-slash' : _ref$testId,
@@ -3115,7 +3115,7 @@ var IconCameraSlash = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dC);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dD);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3151,7 +3151,7 @@ var IconCameraSlash = React.forwardRef(function (_ref, ref) {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
 
-var _excluded$dB = ["testId", "size", "color", "style", "variant"];
+var _excluded$dC = ["testId", "size", "color", "style", "variant"];
 var IconComment = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment' : _ref$testId,
@@ -3160,7 +3160,7 @@ var IconComment = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dB);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dC);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3196,7 +3196,7 @@ var IconComment = React.forwardRef(function (_ref, ref) {
 });
 IconComment.displayName = 'IconComment';
 
-var _excluded$dA = ["testId", "size", "color", "style", "variant"];
+var _excluded$dB = ["testId", "size", "color", "style", "variant"];
 var IconCommentLines = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment-lines' : _ref$testId,
@@ -3205,7 +3205,7 @@ var IconCommentLines = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dA);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dB);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3241,7 +3241,7 @@ var IconCommentLines = React.forwardRef(function (_ref, ref) {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-var _excluded$dz = ["testId", "size", "color", "style", "variant"];
+var _excluded$dA = ["testId", "size", "color", "style", "variant"];
 var IconEnvelope = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope' : _ref$testId,
@@ -3250,7 +3250,7 @@ var IconEnvelope = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dz);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dA);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3286,7 +3286,7 @@ var IconEnvelope = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-var _excluded$dy = ["testId", "size", "color", "style", "variant"];
+var _excluded$dz = ["testId", "size", "color", "style", "variant"];
 var IconMessages = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-messages' : _ref$testId,
@@ -3295,7 +3295,7 @@ var IconMessages = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dy);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dz);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3331,6 +3331,65 @@ var IconMessages = React.forwardRef(function (_ref, ref) {
 });
 IconMessages.displayName = 'IconMessages';
 
+var _excluded$dy = ["testId", "size", "color", "style", "variant"];
+var IconMicrophone = React.forwardRef(function (_ref, ref) {
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'icon-microphone' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dy);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
+  if (variant === 'solid') {
+    return React__default["default"].createElement("svg", _extends({
+      style: getIconStyles(styleProps),
+      "data-testid": testId,
+      ref: ref
+    }, props, {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24"
+    }), React__default["default"].createElement("g", {
+      clipPath: "url(#clip0_12363_92)"
+    }, React__default["default"].createElement("path", {
+      fill: "currentColor",
+      d: "M12-.002c-2.76 0-5 2.015-5 4.5v6c0 2.484 2.24 4.5 5 4.5s5-2.016 5-4.5v-6c0-2.485-2.24-4.5-5-4.5ZM4.5 8.623c0-.624-.557-1.125-1.25-1.125S2 7.999 2 8.623v1.875c0 4.589 3.818 8.376 8.75 8.93v2.32h-2.5c-.693 0-1.25.501-1.25 1.125 0 .623.557 1.125 1.25 1.125h7.5c.693 0 1.25-.502 1.25-1.125 0-.624-.557-1.125-1.25-1.125h-2.5v-2.32c4.932-.554 8.75-4.341 8.75-8.93V8.623c0-.624-.557-1.125-1.25-1.125s-1.25.501-1.25 1.125v1.875c0 3.726-3.36 6.75-7.5 6.75-4.14 0-7.5-3.024-7.5-6.75V8.623Z"
+    })), React__default["default"].createElement("defs", null, React__default["default"].createElement("clipPath", {
+      id: "clip0_12363_92"
+    }, React__default["default"].createElement("path", {
+      fill: "#fff",
+      d: "M0 0h24v24H0z"
+    }))));
+  }
+  return React__default["default"].createElement("svg", _extends({
+    style: getIconStyles(styleProps),
+    "data-testid": testId,
+    ref: ref
+  }, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }), React__default["default"].createElement("g", {
+    clipPath: "url(#clip0_12363_90)"
+  }, React__default["default"].createElement("path", {
+    fill: "currentColor",
+    d: "M12 1.498c1.838 0 3.333 1.345 3.333 3v6c0 1.655-1.495 3-3.333 3s-3.333-1.345-3.333-3v-6c0-1.655 1.495-3 3.333-3Zm-5 3v6c0 2.484 2.24 4.5 5 4.5s5-2.016 5-4.5v-6c0-2.485-2.24-4.5-5-4.5s-5 2.015-5 4.5Zm-3.333 3.75c0-.413-.375-.75-.834-.75-.458 0-.833.337-.833.75v2.25c0 4.715 4.031 8.587 9.167 8.967v3.033H7.833c-.458 0-.833.337-.833.75 0 .412.375.75.833.75h8.334c.458 0 .833-.338.833-.75 0-.413-.375-.75-.833-.75h-3.334v-3.033C17.97 19.085 22 15.213 22 10.498v-2.25c0-.413-.375-.75-.833-.75-.459 0-.834.337-.834.75v2.25c0 4.144-3.729 7.5-8.333 7.5s-8.333-3.356-8.333-7.5v-2.25Z"
+  })), React__default["default"].createElement("defs", null, React__default["default"].createElement("clipPath", {
+    id: "clip0_12363_90"
+  }, React__default["default"].createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  }))));
+});
+IconMicrophone.displayName = 'IconMicrophone';
+
 var _excluded$dx = ["testId", "size", "color", "style", "variant"];
 var IconMobile = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
@@ -3358,7 +3417,7 @@ var IconMobile = React.forwardRef(function (_ref, ref) {
       viewBox: "0 0 24 24"
     }), React__default["default"].createElement("path", {
       fill: "currentColor",
-      d: "M2.738 1.466a.896.896 0 0 0-1.271 0 .908.908 0 0 0-.004 1.275l19.8 19.8a.9.9 0 0 0 1.271-1.271l-1.605-1.605a2.396 2.396 0 0 0 .668-1.661v-9.6c0-1.324-1.077-2.4-2.4-2.4h-2.802l-.39-1.17A1.785 1.785 0 0 0 14.303 3.6H9.698c-.776 0-1.463.495-1.706 1.23L7.602 6h-.334l-4.53-4.534Zm8.269 8.273a3.6 3.6 0 0 1 4.455 4.455l-4.455-4.455ZM8.4 13.2c0-.3.038-.596.11-.874L2.996 6.814A2.399 2.399 0 0 0 2.4 8.4V18c0 1.324 1.077 2.4 2.4 2.4h11.783l-3.709-3.709A3.6 3.6 0 0 1 8.4 13.2Z"
+      d: "M7 0C5.345 0 4 1.345 4 3v18c0 1.655 1.345 3 3 3h10.5c1.655 0 3-1.345 3-3V3c0-1.655-1.345-3-3-3H7Zm3.375 19.5h3.75c.623 0 1.125.502 1.125 1.125s-.502 1.125-1.125 1.125h-3.75a1.122 1.122 0 0 1-1.125-1.125c0-.623.502-1.125 1.125-1.125Z"
     }));
   }
   return React__default["default"].createElement("svg", _extends({
@@ -3371,7 +3430,7 @@ var IconMobile = React.forwardRef(function (_ref, ref) {
     viewBox: "0 0 24 24"
   }), React__default["default"].createElement("path", {
     fill: "currentColor",
-    d: "M2.224 1.38a.602.602 0 0 0-.848 0 .602.602 0 0 0 0 .847l20.4 20.4a.602.602 0 0 0 .848 0 .602.602 0 0 0 0-.847l-1.913-1.913A2.41 2.41 0 0 0 21.6 18V8.4c0-1.324-1.076-2.4-2.4-2.4h-2.156l-.878-1.508A1.804 1.804 0 0 0 14.61 3.6H9.39c-.641 0-1.234.341-1.556.892L6.956 6h-.112l-4.62-4.62Zm5.565 5.565c.011-.015.019-.03.026-.045l1.054-1.804a.6.6 0 0 1 .517-.296h5.22c.214 0 .413.112.518.296L16.177 6.9a.6.6 0 0 0 .518.296h2.501c.664 0 1.2.536 1.2 1.2v9.6c0 .424-.217.795-.547 1.009l-4.039-4.039a4.198 4.198 0 0 0-5.576-5.576L7.793 6.949l-.004-.004Zm7.091 7.091-3.72-3.72a3 3 0 0 1 3.716 3.716l.004.004ZM2.4 8.4V18c0 1.324 1.076 2.4 2.4 2.4h12.206l-1.2-1.2H4.8c-.664 0-1.2-.536-1.2-1.2V8.4c0-.383.18-.724.461-.945l-.851-.851A2.382 2.382 0 0 0 2.4 8.4Zm5.4 4.8c0 2.321 1.879 4.2 4.2 4.2.592 0 1.155-.124 1.665-.341l-.945-.945a3 3 0 0 1-3.634-3.634l-.945-.945A4.17 4.17 0 0 0 7.8 13.2Z"
+    d: "M7 1.5c-.83 0-1.5.67-1.5 1.5v18c0 .83.67 1.5 1.5 1.5h10.5c.83 0 1.5-.67 1.5-1.5V3c0-.83-.67-1.5-1.5-1.5H7ZM4 3c0-1.655 1.345-3 3-3h10.5c1.655 0 3 1.345 3 3v18c0 1.655-1.345 3-3 3H7c-1.655 0-3-1.345-3-3V3Zm6.75 15.75h3c.412 0 .75.337.75.75s-.338.75-.75.75h-3a.752.752 0 0 1-.75-.75c0-.413.338-.75.75-.75Z"
   }));
 });
 IconMobile.displayName = 'IconMobile';
@@ -62694,6 +62753,7 @@ exports.IconMapMarker = IconMapMarker;
 exports.IconMedal = IconMedal;
 exports.IconMemoMagnifyingGlass = IconMemoMagnifyingGlass;
 exports.IconMessages = IconMessages;
+exports.IconMicrophone = IconMicrophone;
 exports.IconMinus = IconMinus;
 exports.IconMinusCircle = IconMinusCircle;
 exports.IconMobile = IconMobile;