@7shifts/sous-chef 3.52.0-beta.0 → 3.52.0

package/dist/index.js

@@ -2364,13 +2364,48 @@ var IconClipboardList = React.forwardRef(function (_ref, ref) {
 IconClipboardList.displayName = 'IconClipboardList';
 
 var _excluded$O = ["testId", "size", "color", "style"];
+var IconClockRewind = React.forwardRef(function (_ref, ref) {
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'icon-clock-rewind' : _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(styleProps),
+    "data-testid": testId,
+    ref: ref
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-clock-rewind_svg__a)"
+  }, React__default.createElement("path", {
+    fill: "currentColor",
+    d: "M1.25 5.156V1.875a.627.627 0 0 0-.625-.625.627.627 0 0 0-.625.625v5c0 .344.281.625.625.625h5a.627.627 0 0 0 .625-.625.627.627 0 0 0-.625-.625H2.094a8.75 8.75 0 1 1 .906 9A.624.624 0 1 0 2 16a9.978 9.978 0 0 0 8 4c5.523 0 10-4.477 10-10S15.523 0 10 0a10 10 0 0 0-8.75 5.156ZM10 5a.627.627 0 0 0-.625.625V10c0 .164.066.324.184.441l3.125 3.125c.242.243.64.243.882 0a.627.627 0 0 0 0-.882l-2.941-2.942V5.625A.627.627 0 0 0 10 5Z"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-clock-rewind_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+});
+IconClockRewind.displayName = 'IconClockRewind';
+
+var _excluded$P = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$P);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2391,14 +2426,14 @@ var IconClock = React.forwardRef(function (_ref, ref) {
 });
 IconClock.displayName = 'IconClock';
 
-var _excluded$P = ["testId", "size", "color", "style"];
+var _excluded$Q = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2419,14 +2454,14 @@ var IconCog = React.forwardRef(function (_ref, ref) {
 });
 IconCog.displayName = 'IconCog';
 
-var _excluded$Q = ["testId", "size", "color", "style"];
+var _excluded$R = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$R);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2452,14 +2487,14 @@ var IconCommentLines = React.forwardRef(function (_ref, ref) {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-var _excluded$R = ["testId", "size", "color", "style"];
+var _excluded$S = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$S);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2482,14 +2517,14 @@ var IconComment = React.forwardRef(function (_ref, ref) {
 });
 IconComment.displayName = 'IconComment';
 
-var _excluded$S = ["testId", "size", "color", "style"];
+var _excluded$T = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$T);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2517,14 +2552,14 @@ var IconCopy = React.forwardRef(function (_ref, ref) {
 });
 IconCopy.displayName = 'IconCopy';
 
-var _excluded$T = ["testId", "size", "color", "style"];
+var _excluded$U = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$U);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2554,14 +2589,14 @@ var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-var _excluded$U = ["testId", "size", "color", "style"];
+var _excluded$V = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$V);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2589,14 +2624,14 @@ var IconCreditCard = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-var _excluded$V = ["testId", "size", "color", "style"];
+var _excluded$W = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2639,14 +2674,14 @@ var IconDecentMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconDecentMonochromatic.displayName = 'IconDecentMonochromatic';
 
-var _excluded$W = ["testId", "size", "color", "style"];
+var _excluded$X = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$X);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2677,14 +2712,14 @@ var IconDecent = React.forwardRef(function (_ref, ref) {
 });
 IconDecent.displayName = 'IconDecent';
 
-var _excluded$X = ["testId", "size", "color", "style"];
+var _excluded$Y = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2707,14 +2742,14 @@ var IconDownload = React.forwardRef(function (_ref, ref) {
 });
 IconDownload.displayName = 'IconDownload';
 
-var _excluded$Y = ["testId", "size", "color", "style"];
+var _excluded$Z = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2735,14 +2770,14 @@ var IconEdit = React.forwardRef(function (_ref, ref) {
 });
 IconEdit.displayName = 'IconEdit';
 
-var _excluded$Z = ["testId", "size", "color", "style"];
+var _excluded$_ = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2765,14 +2800,14 @@ var IconEllipsisV = React.forwardRef(function (_ref, ref) {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
 
-var _excluded$_ = ["testId", "size", "color", "style"];
+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$_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2800,14 +2835,14 @@ var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelopeOpenDollar.displayName = 'IconEnvelopeOpenDollar';
 
-var _excluded$$ = ["testId", "size", "color", "style"];
+var _excluded$10 = ["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$$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$10);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2828,14 +2863,14 @@ var IconEnvelope = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-var _excluded$10 = ["testId", "size", "color", "style"];
+var _excluded$11 = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$11);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2858,14 +2893,14 @@ var IconExclaimationTriangle = React.forwardRef(function (_ref, ref) {
 });
 IconExclaimationTriangle.displayName = 'IconExclaimationTriangle';
 
-var _excluded$11 = ["testId", "size", "color", "style"];
+var _excluded$12 = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$12);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2886,14 +2921,14 @@ var IconExclaimation = React.forwardRef(function (_ref, ref) {
 });
 IconExclaimation.displayName = 'IconExclaimation';
 
-var _excluded$12 = ["testId", "size", "color", "style"];
+var _excluded$13 = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$13);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2914,14 +2949,14 @@ var IconExpand = React.forwardRef(function (_ref, ref) {
 });
 IconExpand.displayName = 'IconExpand';
 
-var _excluded$13 = ["testId", "size", "color", "style"];
+var _excluded$14 = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$14);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2944,14 +2979,14 @@ var IconExternalLink = React.forwardRef(function (_ref, ref) {
 });
 IconExternalLink.displayName = 'IconExternalLink';
 
-var _excluded$14 = ["testId", "size", "color", "style"];
+var _excluded$15 = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$15);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2986,14 +3021,14 @@ var IconEyeSlash = React.forwardRef(function (_ref, ref) {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
 
-var _excluded$15 = ["testId", "size", "color", "style"];
+var _excluded$16 = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$16);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3021,14 +3056,14 @@ var IconEye = React.forwardRef(function (_ref, ref) {
 });
 IconEye.displayName = 'IconEye';
 
-var _excluded$16 = ["testId", "size", "color", "style"];
+var _excluded$17 = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$17);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3056,14 +3091,14 @@ var IconFilePdf = React.forwardRef(function (_ref, ref) {
 });
 IconFilePdf.displayName = 'IconFilePdf';
 
-var _excluded$17 = ["testId", "size", "color", "style"];
+var _excluded$18 = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3091,14 +3126,14 @@ var IconFile = React.forwardRef(function (_ref, ref) {
 });
 IconFile.displayName = 'IconFile';
 
-var _excluded$18 = ["testId", "size", "color", "style"];
+var _excluded$19 = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$19);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3126,14 +3161,14 @@ var IconFlag = React.forwardRef(function (_ref, ref) {
 });
 IconFlag.displayName = 'IconFlag';
 
-var _excluded$19 = ["testId", "size", "color", "style"];
+var _excluded$1a = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3156,14 +3191,14 @@ var IconFourDotsCircle = React.forwardRef(function (_ref, ref) {
 });
 IconFourDotsCircle.displayName = 'IconFourDotsCircle';
 
-var _excluded$1a = ["testId", "size", "color", "style"];
+var _excluded$1b = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1b);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3209,14 +3244,14 @@ var IconFourSquares = React.forwardRef(function (_ref, ref) {
 });
 IconFourSquares.displayName = 'IconFourSquares';
 
-var _excluded$1b = ["testId", "size", "color", "style"];
+var _excluded$1c = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3237,14 +3272,14 @@ var IconGavel = React.forwardRef(function (_ref, ref) {
 });
 IconGavel.displayName = 'IconGavel';
 
-var _excluded$1c = ["testId", "size", "color", "style"];
+var _excluded$1d = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1d);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3269,14 +3304,14 @@ var IconGif = React.forwardRef(function (_ref, ref) {
 });
 IconGif.displayName = 'IconGif';
 
-var _excluded$1d = ["testId", "size", "color", "style"];
+var _excluded$1e = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3297,14 +3332,14 @@ var IconGift = React.forwardRef(function (_ref, ref) {
 });
 IconGift.displayName = 'IconGift';
 
-var _excluded$1e = ["testId", "size", "color", "style"];
+var _excluded$1f = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1f);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3343,14 +3378,14 @@ var IconGoodMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconGoodMonochromatic.displayName = 'IconGoodMonochromatic';
 
-var _excluded$1f = ["testId", "size", "color", "style"];
+var _excluded$1g = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3377,14 +3412,14 @@ var IconGood = React.forwardRef(function (_ref, ref) {
 });
 IconGood.displayName = 'IconGood';
 
-var _excluded$1g = ["testId", "size", "color", "style"];
+var _excluded$1h = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3425,14 +3460,14 @@ var IconGreatMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
 
-var _excluded$1h = ["testId", "size", "color", "style"];
+var _excluded$1i = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3461,14 +3496,14 @@ var IconGreat = React.forwardRef(function (_ref, ref) {
 });
 IconGreat.displayName = 'IconGreat';
 
-var _excluded$1i = ["testId", "size", "color", "style"];
+var _excluded$1j = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3489,14 +3524,14 @@ var IconGrinBeam = React.forwardRef(function (_ref, ref) {
 });
 IconGrinBeam.displayName = 'IconGrinBeam';
 
-var _excluded$1j = ["testId", "size", "color", "style"];
+var _excluded$1k = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3544,14 +3579,14 @@ var IconGripVertical = React.forwardRef(function (_ref, ref) {
 });
 IconGripVertical.displayName = 'IconGripVertical';
 
-var _excluded$1k = ["testId", "size", "color", "style"];
+var _excluded$1l = ["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);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3579,14 +3614,14 @@ var IconHandshake = React.forwardRef(function (_ref, ref) {
 });
 IconHandshake.displayName = 'IconHandshake';
 
-var _excluded$1l = ["testId", "size", "color", "style"];
+var _excluded$1m = ["testId", "size", "color", "style"];
 var IconHatChef = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hat-chef' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3607,14 +3642,14 @@ var IconHatChef = React.forwardRef(function (_ref, ref) {
 });
 IconHatChef.displayName = 'IconHatChef';
 
-var _excluded$1m = ["testId", "size", "color", "style"];
+var _excluded$1n = ["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$1m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3642,14 +3677,14 @@ var IconImage = React.forwardRef(function (_ref, ref) {
 });
 IconImage.displayName = 'IconImage';
 
-var _excluded$1n = ["testId", "size", "color", "style"];
+var _excluded$1o = ["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$1n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3672,14 +3707,14 @@ var IconIslandTropical = React.forwardRef(function (_ref, ref) {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
 
-var _excluded$1o = ["testId", "size", "color", "style"];
+var _excluded$1p = ["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$1o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3700,14 +3735,14 @@ var IconItalic = React.forwardRef(function (_ref, ref) {
 });
 IconItalic.displayName = 'IconItalic';
 
-var _excluded$1p = ["testId", "size", "color", "style"];
+var _excluded$1q = ["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$1p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3737,14 +3772,14 @@ var IconLaptopSearch = React.forwardRef(function (_ref, ref) {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
 
-var _excluded$1q = ["testId", "size", "color", "style"];
+var _excluded$1r = ["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$1q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3772,14 +3807,14 @@ var IconLink = React.forwardRef(function (_ref, ref) {
 });
 IconLink.displayName = 'IconLink';
 
-var _excluded$1r = ["testId", "size", "color", "style"];
+var _excluded$1s = ["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$1r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3807,14 +3842,14 @@ var IconListOI = React.forwardRef(function (_ref, ref) {
 });
 IconListOI.displayName = 'IconListOI';
 
-var _excluded$1s = ["testId", "size", "color", "style"];
+var _excluded$1t = ["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$1s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1t);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3835,14 +3870,14 @@ var IconList = React.forwardRef(function (_ref, ref) {
 });
 IconList.displayName = 'IconList';
 
-var _excluded$1t = ["testId", "size", "color", "style"];
+var _excluded$1u = ["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$1t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1u);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3863,14 +3898,14 @@ var IconLock = React.forwardRef(function (_ref, ref) {
 });
 IconLock.displayName = 'IconLock';
 
-var _excluded$1u = ["testId", "size", "color", "style"];
+var _excluded$1v = ["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$1u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3893,14 +3928,14 @@ var IconMagicSolid = React.forwardRef(function (_ref, ref) {
 });
 IconMagicSolid.displayName = 'IconMagicSolid';
 
-var _excluded$1v = ["testId", "size", "color", "style"];
+var _excluded$1w = ["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$1v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1w);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3923,14 +3958,14 @@ var IconMapMarker = React.forwardRef(function (_ref, ref) {
 });
 IconMapMarker.displayName = 'IconMapMarker';
 
-var _excluded$1w = ["testId", "size", "color", "style"];
+var _excluded$1x = ["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$1w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1x);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3953,14 +3988,14 @@ var IconMegaphone = React.forwardRef(function (_ref, ref) {
 });
 IconMegaphone.displayName = 'IconMegaphone';
 
-var _excluded$1x = ["testId", "size", "color", "style"];
+var _excluded$1y = ["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$1x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3981,14 +4016,14 @@ var IconMessages = React.forwardRef(function (_ref, ref) {
 });
 IconMessages.displayName = 'IconMessages';
 
-var _excluded$1y = ["testId", "size", "color", "style"];
+var _excluded$1z = ["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$1y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4009,14 +4044,14 @@ var IconMinusCircle = React.forwardRef(function (_ref, ref) {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
 
-var _excluded$1z = ["testId", "size", "color", "style"];
+var _excluded$1A = ["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$1z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1A);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4037,14 +4072,14 @@ var IconMinus = React.forwardRef(function (_ref, ref) {
 });
 IconMinus.displayName = 'IconMinus';
 
-var _excluded$1A = ["testId", "size", "color", "style"];
+var _excluded$1B = ["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$1A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1B);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4065,14 +4100,14 @@ var IconMoneyBill = React.forwardRef(function (_ref, ref) {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-var _excluded$1B = ["testId", "size", "color", "style"];
+var _excluded$1C = ["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$1B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1C);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4093,14 +4128,14 @@ var IconMugSaucerSolid = React.forwardRef(function (_ref, ref) {
 });
 IconMugSaucerSolid.displayName = 'IconMugSaucerSolid';
 
-var _excluded$1C = ["testId", "size", "color", "style"];
+var _excluded$1D = ["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$1C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1D);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4121,14 +4156,14 @@ var IconNotesMedical = React.forwardRef(function (_ref, ref) {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
 
-var _excluded$1D = ["testId", "size", "color", "style"];
+var _excluded$1E = ["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$1D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1E);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4156,14 +4191,14 @@ var IconOvertime = React.forwardRef(function (_ref, ref) {
 });
 IconOvertime.displayName = 'IconOvertime';
 
-var _excluded$1E = ["testId", "size", "color", "style"];
+var _excluded$1F = ["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$1E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1F);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4195,14 +4230,14 @@ var IconPaperPlaneClock = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
 
-var _excluded$1F = ["testId", "size", "color", "style"];
+var _excluded$1G = ["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$1F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1G);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4225,14 +4260,14 @@ var IconPaperPlane = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
 
-var _excluded$1G = ["testId", "size", "color", "style"];
+var _excluded$1H = ["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$1G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1H);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4260,14 +4295,14 @@ var IconPaperclip = React.forwardRef(function (_ref, ref) {
 });
 IconPaperclip.displayName = 'IconPaperclip';
 
-var _excluded$1H = ["testId", "size", "color", "style"];
+var _excluded$1I = ["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$1H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1I);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4290,14 +4325,14 @@ var IconPencil = React.forwardRef(function (_ref, ref) {
 });
 IconPencil.displayName = 'IconPencil';
 
-var _excluded$1I = ["testId", "size", "color", "style"];
+var _excluded$1J = ["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$1I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1J);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4318,14 +4353,14 @@ var IconPercentage = React.forwardRef(function (_ref, ref) {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-var _excluded$1J = ["testId", "size", "color", "style"];
+var _excluded$1K = ["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$1J);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4346,14 +4381,14 @@ var IconPhone = React.forwardRef(function (_ref, ref) {
 });
 IconPhone.displayName = 'IconPhone';
 
-var _excluded$1K = ["testId", "size", "color", "style"];
+var _excluded$1L = ["testId", "size", "color", "style"];
 var IconPlateUtensils = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plate-utensils' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1L);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4374,14 +4409,14 @@ var IconPlateUtensils = React.forwardRef(function (_ref, ref) {
 });
 IconPlateUtensils.displayName = 'IconPlateUtensils';
 
-var _excluded$1L = ["testId", "size", "color", "style"];
+var _excluded$1M = ["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$1L);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1M);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4404,14 +4439,14 @@ var IconPlug = React.forwardRef(function (_ref, ref) {
 });
 IconPlug.displayName = 'IconPlug';
 
-var _excluded$1M = ["testId", "size", "color", "style"];
+var _excluded$1N = ["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$1M);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1N);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4434,14 +4469,14 @@ var IconPlus = React.forwardRef(function (_ref, ref) {
 });
 IconPlus.displayName = 'IconPlus';
 
-var _excluded$1N = ["testId", "size", "color", "style"];
+var _excluded$1O = ["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$1N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1O);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4464,14 +4499,14 @@ var IconPrint = React.forwardRef(function (_ref, ref) {
 });
 IconPrint.displayName = 'IconPrint';
 
-var _excluded$1O = ["testId", "size", "color", "style"];
+var _excluded$1P = ["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$1O);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4492,14 +4527,14 @@ var IconQuestionCircle = React.forwardRef(function (_ref, ref) {
 });
 IconQuestionCircle.displayName = 'IconQuestionCircle';
 
-var _excluded$1P = ["testId", "size", "color", "style"];
+var _excluded$1Q = ["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$1P);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4520,14 +4555,14 @@ var IconRepeat = React.forwardRef(function (_ref, ref) {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-var _excluded$1Q = ["testId", "size", "color", "style"];
+var _excluded$1R = ["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$1Q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1R);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4548,14 +4583,14 @@ var IconReply = React.forwardRef(function (_ref, ref) {
 });
 IconReply.displayName = 'IconReply';
 
-var _excluded$1R = ["testId", "size", "color", "style"];
+var _excluded$1S = ["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$1R);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1S);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4576,14 +4611,14 @@ var IconRocket = React.forwardRef(function (_ref, ref) {
 });
 IconRocket.displayName = 'IconRocket';
 
-var _excluded$1S = ["testId", "size", "color", "style"];
+var _excluded$1T = ["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$1S);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1T);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4606,14 +4641,14 @@ var IconSearch = React.forwardRef(function (_ref, ref) {
 });
 IconSearch.displayName = 'IconSearch';
 
-var _excluded$1T = ["testId", "size", "color", "style"];
+var _excluded$1U = ["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$1T);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1U);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4634,14 +4669,14 @@ var IconSignOut = React.forwardRef(function (_ref, ref) {
 });
 IconSignOut.displayName = 'IconSignOut';
 
-var _excluded$1U = ["testId", "size", "color", "style"];
+var _excluded$1V = ["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$1U);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4664,14 +4699,14 @@ var IconSitemap = React.forwardRef(function (_ref, ref) {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-var _excluded$1V = ["testId", "size", "color", "style"];
+var _excluded$1W = ["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$1V);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4699,14 +4734,14 @@ var IconSlidersH = React.forwardRef(function (_ref, ref) {
 });
 IconSlidersH.displayName = 'IconSlidersH';
 
-var _excluded$1W = ["testId", "size", "color", "style"];
+var _excluded$1X = ["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$1W);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1X);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4727,14 +4762,14 @@ var IconSort = React.forwardRef(function (_ref, ref) {
 });
 IconSort.displayName = 'IconSort';
 
-var _excluded$1X = ["testId", "size", "color", "style"];
+var _excluded$1Y = ["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$1X);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4755,14 +4790,14 @@ var IconStarSolid = React.forwardRef(function (_ref, ref) {
 });
 IconStarSolid.displayName = 'IconStarSolid';
 
-var _excluded$1Y = ["testId", "size", "color", "style"];
+var _excluded$1Z = ["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$1Y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4783,14 +4818,14 @@ var IconStar = React.forwardRef(function (_ref, ref) {
 });
 IconStar.displayName = 'IconStar';
 
-var _excluded$1Z = ["testId", "size", "color", "style"];
+var _excluded$1_ = ["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$1Z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4814,14 +4849,14 @@ var IconStickyNoteLines = React.forwardRef(function (_ref, ref) {
 });
 IconStickyNoteLines.displayName = 'IconStickyNoteLines';
 
-var _excluded$1_ = ["testId", "size", "color", "style"];
+var _excluded$1$ = ["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$1_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4844,14 +4879,14 @@ var IconStopwatch = React.forwardRef(function (_ref, ref) {
 });
 IconStopwatch.displayName = 'IconStopwatch';
 
-var _excluded$1$ = ["testId", "size", "color", "style"];
+var _excluded$20 = ["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$1$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4879,14 +4914,14 @@ var IconStrikethrough = React.forwardRef(function (_ref, ref) {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
 
-var _excluded$20 = ["testId", "size", "color", "style"];
+var _excluded$21 = ["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$20);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4907,14 +4942,14 @@ var IconSyncExclaimation = React.forwardRef(function (_ref, ref) {
 });
 IconSyncExclaimation.displayName = 'IconSyncExclaimation';
 
-var _excluded$21 = ["testId", "size", "color", "style"];
+var _excluded$22 = ["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$21);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4935,14 +4970,14 @@ var IconSync = React.forwardRef(function (_ref, ref) {
 });
 IconSync.displayName = 'IconSync';
 
-var _excluded$22 = ["testId", "size", "color", "style"];
+var _excluded$23 = ["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$22);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4970,14 +5005,14 @@ var IconTable = React.forwardRef(function (_ref, ref) {
 });
 IconTable.displayName = 'IconTable';
 
-var _excluded$23 = ["testId", "size", "color", "style"];
+var _excluded$24 = ["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$23);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4997,14 +5032,14 @@ var IconTachometer = React.forwardRef(function (_ref, ref) {
 });
 IconTachometer.displayName = 'IconTachometer';
 
-var _excluded$24 = ["testId", "size", "color", "style"];
+var _excluded$25 = ["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$24);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5027,14 +5062,14 @@ var IconTimesOctagon = React.forwardRef(function (_ref, ref) {
 });
 IconTimesOctagon.displayName = 'IconTimesOctagon';
 
-var _excluded$25 = ["testId", "size", "color", "style"];
+var _excluded$26 = ["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$25);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5057,14 +5092,14 @@ var IconTimes = React.forwardRef(function (_ref, ref) {
 });
 IconTimes.displayName = 'IconTimes';
 
-var _excluded$26 = ["testId", "size", "color", "style"];
+var _excluded$27 = ["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$26);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5087,14 +5122,14 @@ var IconTrash = React.forwardRef(function (_ref, ref) {
 });
 IconTrash.displayName = 'IconTrash';
 
-var _excluded$27 = ["testId", "size", "color", "style"];
+var _excluded$28 = ["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$27);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5115,14 +5150,14 @@ var IconUnderline = React.forwardRef(function (_ref, ref) {
 });
 IconUnderline.displayName = 'IconUnderline';
 
-var _excluded$28 = ["testId", "size", "color", "style"];
+var _excluded$29 = ["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$28);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5143,14 +5178,14 @@ var IconUndo = React.forwardRef(function (_ref, ref) {
 });
 IconUndo.displayName = 'IconUndo';
 
-var _excluded$29 = ["testId", "size", "color", "style"];
+var _excluded$2a = ["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$29);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5178,14 +5213,14 @@ var IconUniversity = React.forwardRef(function (_ref, ref) {
 });
 IconUniversity.displayName = 'IconUniversity';
 
-var _excluded$2a = ["testId", "size", "color", "style"];
+var _excluded$2b = ["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$2a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5213,14 +5248,14 @@ var IconUnlock = React.forwardRef(function (_ref, ref) {
 });
 IconUnlock.displayName = 'IconUnlock';
 
-var _excluded$2b = ["testId", "size", "color", "style"];
+var _excluded$2c = ["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$2b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5252,14 +5287,14 @@ var IconUserComputer = React.forwardRef(function (_ref, ref) {
 });
 IconUserComputer.displayName = 'IconUserComputer';
 
-var _excluded$2c = ["testId", "size", "color", "style"];
+var _excluded$2d = ["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$2c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5280,14 +5315,14 @@ var IconUserFriends = React.forwardRef(function (_ref, ref) {
 });
 IconUserFriends.displayName = 'IconUserFriends';
 
-var _excluded$2d = ["testId", "size", "color", "style"];
+var _excluded$2e = ["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$2d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5310,14 +5345,14 @@ var IconUserLight = React.forwardRef(function (_ref, ref) {
 });
 IconUserLight.displayName = 'IconUserLight';
 
-var _excluded$2e = ["testId", "size", "color", "style"];
+var _excluded$2f = ["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$2e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5338,14 +5373,14 @@ var IconUserPlus = React.forwardRef(function (_ref, ref) {
 });
 IconUserPlus.displayName = 'IconUserPlus';
 
-var _excluded$2f = ["testId", "size", "color", "style"];
+var _excluded$2g = ["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$2f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5375,14 +5410,14 @@ var IconUserSearch = React.forwardRef(function (_ref, ref) {
 });
 IconUserSearch.displayName = 'IconUserSearch';
 
-var _excluded$2g = ["testId", "size", "color", "style"];
+var _excluded$2h = ["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$2g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5410,14 +5445,14 @@ var IconUserSlash = React.forwardRef(function (_ref, ref) {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-var _excluded$2h = ["testId", "size", "color", "style"];
+var _excluded$2i = ["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$2h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5438,14 +5473,14 @@ var IconUserSolid = React.forwardRef(function (_ref, ref) {
 });
 IconUserSolid.displayName = 'IconUserSolid';
 
-var _excluded$2i = ["testId", "size", "color", "style"];
+var _excluded$2j = ["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$2i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5468,14 +5503,14 @@ var IconUserTag = React.forwardRef(function (_ref, ref) {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-var _excluded$2j = ["testId", "size", "color", "style"];
+var _excluded$2k = ["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$2j);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5496,14 +5531,14 @@ var IconUserTie = React.forwardRef(function (_ref, ref) {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-var _excluded$2k = ["testId", "size", "color", "style"];
+var _excluded$2l = ["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$2k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5524,14 +5559,14 @@ var IconUsers = React.forwardRef(function (_ref, ref) {
 });
 IconUsers.displayName = 'IconUsers';
 
-var _excluded$2l = ["testId", "size", "color", "style"];
+var _excluded$2m = ["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$2l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5552,14 +5587,14 @@ var IconVideo = React.forwardRef(function (_ref, ref) {
 });
 IconVideo.displayName = 'IconVideo';
 
-var _excluded$2m = ["testId", "size", "color", "style"];
+var _excluded$2n = ["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$2m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5580,14 +5615,14 @@ var IconVolumeMute = React.forwardRef(function (_ref, ref) {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-var _excluded$2n = ["testId", "size", "color", "style"];
+var _excluded$2o = ["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$2n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5608,14 +5643,14 @@ var IconVolume = React.forwardRef(function (_ref, ref) {
 });
 IconVolume.displayName = 'IconVolume';
 
-var _excluded$2o = ["testId", "size", "color", "style"];
+var _excluded$2p = ["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$2o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5759,7 +5794,7 @@ var useTranslation = function useTranslation(context) {
   return translate;
 };
 
-var _excluded$2p = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
+var _excluded$2q = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
 var PaginationControls$1 = function PaginationControls(_ref) {
   var _ref$hasPrevious = _ref.hasPrevious,
     hasPrevious = _ref$hasPrevious === void 0 ? true : _ref$hasPrevious,
@@ -5769,7 +5804,7 @@ var PaginationControls$1 = function PaginationControls(_ref) {
     onNextClick = _ref.onNextClick,
     testId = _ref.testId,
     scrollTarget = _ref.scrollTarget,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
   var __ = useTranslation('PaginationControls');
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
@@ -5837,7 +5872,7 @@ var LINK_TARGET = {
 
 var styles$8 = {"link":"_36SZq"};
 
-var _excluded$2q = ["href", "target", "theme", "onClick", "children"];
+var _excluded$2r = ["href", "target", "theme", "onClick", "children"];
 var Link = function Link(_ref) {
   var _classNames;
   var href = _ref.href,
@@ -5847,7 +5882,7 @@ var Link = function Link(_ref) {
     theme = _ref$theme === void 0 ? LINK_THEME.PRIMARY : _ref$theme,
     onClick = _ref.onClick,
     children = _ref.children,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   return React__default.createElement("a", _extends({}, dataProps, {
@@ -5902,33 +5937,15 @@ var ToastContainer = function ToastContainer(_ref2) {
   });
 };
 
-var initialValue$1 = {
-  country: 'US'
-};
-var ProviderConfigContext = React.createContext(initialValue$1);
-var useProviderConfig = function useProviderConfig() {
-  var context = React.useContext(ProviderConfigContext);
-  if (!context) {
-    throw Error('The `<SousChefProvider>` is not set. Please wrap your application with `<SousChefProvider>`');
-  }
-  return context;
-};
-
 var SousChefProvider = function SousChefProvider(_ref) {
   var children = _ref.children,
     _ref$i18n = _ref.i18n,
-    i18n = _ref$i18n === void 0 ? en : _ref$i18n,
-    _ref$country = _ref.country,
-    country = _ref$country === void 0 ? 'US' : _ref$country;
-  return React__default.createElement(ProviderConfigContext.Provider, {
-    value: {
-      country: country
-    }
-  }, React__default.createElement(TranslationsContext.Provider, {
+    i18n = _ref$i18n === void 0 ? en : _ref$i18n;
+  return React__default.createElement(TranslationsContext.Provider, {
     value: {
       i18n: i18n
     }
-  }, React__default.createElement(ToastContainer, null), children));
+  }, React__default.createElement(ToastContainer, null), children);
 };
 
 var styles$a = {"data-table-header":"_1vpCK","data-table-header__item":"_dJWps","data-table-header__item--sortable":"_14AEw","data-table-header__itemfocus":"_2JSFR","data-table-header__item--action":"_29TM7","data-table-header__item-content":"_2Zpt5","data-table-header__item-content--right-align":"_3WtwH","data-table-header__sort-icon":"_3codU"};
@@ -6137,12 +6154,12 @@ var DATA_TABLE_SCROLL_STATES = {
 };
 var AMOUNT_OF_SKELETON_ROWS = 10;
 
-var initialValue$2 = {
+var initialValue$1 = {
   columns: [],
   numberOfRows: 0,
   state: DATA_TABLE_STATES.SKELETON_LOADING
 };
-var Context = React.createContext(initialValue$2);
+var Context = React.createContext(initialValue$1);
 var useDataTableContext = function useDataTableContext() {
   var context = React.useContext(Context);
   if (!context) {
@@ -6250,7 +6267,7 @@ var InlineBannerIcon = function InlineBannerIcon(_ref) {
   }
 };
 
-var _excluded$2r = ["children", "theme", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
+var _excluded$2s = ["children", "theme", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
 var InlineBanner = function InlineBanner(_ref) {
   var _classnames, _classnames2;
   var children = _ref.children,
@@ -6262,7 +6279,7 @@ var InlineBanner = function InlineBanner(_ref) {
     primaryButton = _ref.primaryButton,
     secondaryButton = _ref.secondaryButton,
     testId = _ref.testId,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
   var positionStyles = usePositionStyles(positionProps);
   var multiLine = !!title;
   var dismissable = !!onClose;
@@ -6585,14 +6602,14 @@ var ErrorMessage = function ErrorMessage(_ref) {
   }), children));
 };
 
-var _excluded$2s = ["id", "label", "caption", "error", "children"];
+var _excluded$2t = ["id", "label", "caption", "error", "children"];
 var Field = function Field(_ref) {
   var id = _ref.id,
     label = _ref.label,
     caption = _ref.caption,
     error = _ref.error,
     children = _ref.children,
-    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
   var shouldRenderLabel = label || typeof label === 'string';
   return React__default.createElement(Stack, _extends({
     space: 8,
@@ -6712,7 +6729,7 @@ var useFieldControllers = function useFieldControllers(_ref) {
 
 var styles$k = {"text-field":"_3BVGA","text-field--invalid":"_FLffs","text-field--prefixed":"_3qeO1","text-field--suffixed":"_3QPln"};
 
-var _excluded$2t = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
+var _excluded$2u = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
 var useTextField = function useTextField(_ref) {
   var _classnames;
   var autoComplete = _ref.autoComplete,
@@ -6733,7 +6750,7 @@ var useTextField = function useTextField(_ref) {
     value = _ref.value,
     ref = _ref.ref,
     testId = _ref.testId,
-    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
   var controllers = useFieldControllers({
     error: error,
     id: id,
@@ -6862,7 +6879,7 @@ var TimeFieldInput = function TimeFieldInput(_ref) {
   })));
 };
 
-var _excluded$2u = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration"];
+var _excluded$2v = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration"];
 var TimeFieldDropdownElement = function TimeFieldDropdownElement(_ref, ref) {
   var _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? '9:00 AM' : _ref$placeholder,
@@ -6871,7 +6888,7 @@ var TimeFieldDropdownElement = function TimeFieldDropdownElement(_ref, ref) {
     selectedTimeOption = _ref.selectedTimeOption,
     prefix = _ref.prefix,
     duration = _ref.duration,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
   var _useTextField = useTextField(_extends({}, allOtherProps, {
       placeholder: placeholder,
       autoComplete: autoComplete,
@@ -7177,7 +7194,7 @@ var ALIGNMENTS = {
 
 var styles$p = {"text":"_32amZ","text__body":"_ayJRy","text__caption":"_3g1gi","text__insight":"_20Phg","text--bold":"_A0AyZ","text--italic":"_3jayQ","text--underline":"_GOcFw","text--monospace":"_3TfGK","text--align-left":"_b8gto","text--align-right":"_ecyH1","text--align-center":"_xBgXc","text--align-justify":"_280D5"};
 
-var _excluded$2v = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
+var _excluded$2w = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
 var TextComponent = function TextComponent(_ref, ref) {
   var _classnames;
   var children = _ref.children,
@@ -7188,7 +7205,7 @@ var TextComponent = function TextComponent(_ref, ref) {
     color = _ref.color,
     testId = _ref.testId,
     textWrap = _ref.textWrap,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -7405,7 +7422,7 @@ var KebabMenu = function KebabMenu(_ref) {
 
 var styles$q = {"card":"_2o1ez","card__body":"_1PFiJ","card__body--interactive":"_3dQzA","card--focus":"_5dJZO","card__body--focus":"_DWgI_","card__body--disabled":"_24dNX","card__body--with-kebab":"_2LVaD","card__kebab":"_L9ZA7","card__kebab--disabled":"_5YidV","card__close":"_37yla","card__close--disabled":"_3J4FP"};
 
-var _excluded$2w = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
+var _excluded$2x = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
 var Card$1 = function Card(_ref) {
   var _classnames, _classnames2, _classnames3, _classnames4;
   var children = _ref.children,
@@ -7417,7 +7434,7 @@ var Card$1 = function Card(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     actions = _ref.actions,
     testId = _ref.testId,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
   var translate = useTranslation('Card');
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
@@ -7771,14 +7788,14 @@ var SKELETON_COMPONENT = {
   PILL: 'pill'
 };
 
-var _excluded$2x = ["as", "testId", "width", "height"];
+var _excluded$2y = ["as", "testId", "width", "height"];
 var Skeleton = function Skeleton(_ref) {
   var _classnames;
   var as = _ref.as,
     testId = _ref.testId,
     width = _ref.width,
     height = _ref.height,
-    positionStyles = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
+    positionStyles = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
   var positioning = usePositionStyles(positionStyles);
   return React__default.createElement("div", {
     "data-testid": testId,
@@ -7833,7 +7850,7 @@ var ModalHeader = function ModalHeader(_ref) {
   }, subHeader));
 };
 
-var _excluded$2y = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
+var _excluded$2z = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
 var Modal = function Modal(_ref) {
   var children = _ref.children,
     header = _ref.header,
@@ -7850,7 +7867,7 @@ var Modal = function Modal(_ref) {
     _ref$shouldReturnFocu = _ref.shouldReturnFocusAfterClose,
     shouldReturnFocusAfterClose = _ref$shouldReturnFocu === void 0 ? true : _ref$shouldReturnFocu,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
   var style = {
     content: {
       width: width,
@@ -8288,7 +8305,7 @@ var useCheckBoxFieldControllers = function useCheckBoxFieldControllers(_ref) {
 
 var styles$H = {"check-box-field":"_2Rbk6","check-box-field__caption":"_1GW-E","check-box-field__custom-input":"_2W10t"};
 
-var _excluded$2z = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
+var _excluded$2A = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
 var CheckboxField = function CheckboxField(_ref) {
   var name = _ref.name,
     inputId = _ref.id,
@@ -8300,7 +8317,7 @@ var CheckboxField = function CheckboxField(_ref) {
     error = _ref.error,
     disabled = _ref.disabled,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
   var controllers = useCheckBoxFieldControllers({
     name: name,
     id: inputId,
@@ -8369,7 +8386,7 @@ var useLocalStorage = function useLocalStorage(key, initialValue) {
 
 var styles$I = {"hint-modal":"_1b47y","hint-modal--after-open":"_2MB4p","hint-modal--before-close":"_3VYQo","hint-modal__overlay":"_3Enme","hint-modal__image":"_2Nn7v","hint-modal__body":"_bzN9e","hint-modal__close-button":"_3xbis"};
 
-var _excluded$2A = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
+var _excluded$2B = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
 var HintModal$1 = function HintModal(_ref) {
   var header = _ref.header,
     children = _ref.children,
@@ -8378,7 +8395,7 @@ var HintModal$1 = function HintModal(_ref) {
     modalId = _ref.modalId,
     primaryButton = _ref.primaryButton,
     testId = _ref.testId,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
   var __ = useTranslation('HintModal');
   var _useState = React.useState(false),
     doNotShowAgain = _useState[0],
@@ -8603,7 +8620,7 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
 };
 var DataTableEditableCell = React.forwardRef(DataTableEditableCellElement);
 
-var _excluded$2B = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
+var _excluded$2C = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
 var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
   var _classnames;
   var children = _ref.children,
@@ -8615,7 +8632,7 @@ var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
     _ref$hasDefaultCell = _ref.hasDefaultCell,
     hasDefaultCell = _ref$hasDefaultCell === void 0 ? true : _ref$hasDefaultCell,
     testId = _ref.testId,
-    nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
+    nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
   var _useDataTableContext = useDataTableContext(),
     showActionMenu = _useDataTableContext.showActionMenu;
   var styleNames = classnames(styles$z['item'], (_classnames = {}, _classnames[styles$z['clickable']] = onClick, _classnames[styles$z['selected']] = isSelected, _classnames));
@@ -9005,7 +9022,7 @@ var DataTableEmptyState = function DataTableEmptyState(_ref) {
   }, customEmptyState ? customEmptyState.caption : translate('emptyStateCaption')))));
 };
 
-var _excluded$2C = ["items", "columns", "itemComponent", "maxHeight", "hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "onSort", "isLoading", "showActionMenu", "footerComponent", "hasVerticalBorders", "testId", "skeletonRowLayout", "stickyColumns", "emptyState"];
+var _excluded$2D = ["items", "columns", "itemComponent", "maxHeight", "hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "onSort", "isLoading", "showActionMenu", "footerComponent", "hasVerticalBorders", "testId", "skeletonRowLayout", "stickyColumns", "emptyState"];
 var DataTable$1 = function DataTable(_ref) {
   var _classNames, _classNames2, _classNames3;
   var items = _ref.items,
@@ -9030,7 +9047,7 @@ var DataTable$1 = function DataTable(_ref) {
     skeletonRowLayout = _ref.skeletonRowLayout,
     stickyColumns = _ref.stickyColumns,
     emptyState = _ref.emptyState,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   var prevItemsRef = React.useRef([]);
@@ -9410,11 +9427,11 @@ var isReactSelectElement = function isReactSelectElement(element) {
 
 var styles$S = {"custom-control":"_1JTKu"};
 
-var _excluded$2D = ["children"];
+var _excluded$2E = ["children"];
 function CustomControl(_ref) {
   var _props$getValue;
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
   var SelectedOptionPrefix = props.selectProps.componentsProps.SelectedOptionPrefix;
   var selectedOption = (_props$getValue = props.getValue()) === null || _props$getValue === void 0 ? void 0 : _props$getValue[0];
   return React__default.createElement(Select.components.Control, _extends({}, props), SelectedOptionPrefix && selectedOption ? React__default.createElement("div", {
@@ -9431,10 +9448,10 @@ function CustomControl(_ref) {
   }, props)), children)) : children);
 }
 
-var _excluded$2E = ["children"];
+var _excluded$2F = ["children"];
 function CustomOption(_ref) {
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
   var UserCustomOption = props.selectProps.componentsProps.UserCustomOption;
   return React__default.createElement(Select.components.Option, _extends({}, props), React__default.createElement(UserCustomOption, _extends({}, props), children));
 }
@@ -9588,10 +9605,10 @@ var CustomContainer = function CustomContainer(props) {
 
 var styles$T = {"custom-menu-text-field":"_2bu6-","custom-menu-hr":"_1cgU7","custom-menu-div":"_1khlU"};
 
-var _excluded$2F = ["children"];
+var _excluded$2G = ["children"];
 function CustomMenu(_ref) {
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
   var _props$selectProps$co = props.selectProps.componentsProps,
     creatableButton = _props$selectProps$co.creatableButton,
     onMenuInputFocus = _props$selectProps$co.onMenuInputFocus,
@@ -10310,11 +10327,11 @@ var TextAreaField = function TextAreaField(_ref) {
   }, toolbar)));
 };
 
-var _excluded$2G = ["prefix", "suffix"];
+var _excluded$2H = ["prefix", "suffix"];
 var TextFieldElement = function TextFieldElement(_ref, ref) {
   var prefix = _ref.prefix,
     suffix = _ref.suffix,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
   var _useTextField = useTextField(_extends({}, props, {
       ref: ref
     })),
@@ -10910,12 +10927,12 @@ var MultiSelectField = function MultiSelectField(_ref) {
 
 var styles$18 = {"custom-list":"_12jq3"};
 
-var _excluded$2H = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
+var _excluded$2I = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
 var CustomList = function CustomList(_ref) {
   var children = _ref.children,
     hasMoreOptions = _ref.hasMoreOptions,
     hasMoreOptionsFirstLoad = _ref.hasMoreOptionsFirstLoad,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
   var __ = useTranslation('AsyncSelectField');
   var showFooter = hasMoreOptions;
   if (props.selectProps.inputValue === '' && typeof hasMoreOptionsFirstLoad === 'boolean') {
@@ -10928,10 +10945,10 @@ var CustomList = function CustomList(_ref) {
   }, __('moreOptionsPlaceholder')))));
 };
 
-var _excluded$2I = ["loadOptions"];
+var _excluded$2J = ["loadOptions"];
 var AsyncSelectField$1 = function AsyncSelectField(_ref) {
   var loadOptions = _ref.loadOptions,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
   var _useState = React.useState(false),
     hasMoreOptions = _useState[0],
     setHasMoreOptions = _useState[1];
@@ -11757,7 +11774,7 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
   })));
 };
 
-var _excluded$2J = ["interval", "startTime", "prefix", "endField", "duration", "subtractDuration"];
+var _excluded$2K = ["interval", "startTime", "prefix", "endField", "duration", "subtractDuration"];
 var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
   var _ref$interval = _ref.interval,
     interval = _ref$interval === void 0 ? 15 : _ref$interval,
@@ -11767,7 +11784,7 @@ var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
     endField = _ref$endField === void 0 ? false : _ref$endField,
     duration = _ref.duration,
     subtractDuration = _ref.subtractDuration,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
   var internalRef = React.useRef(null);
   var ref = forwardedRef || internalRef;
   var _useState = React.useState(allOtherProps.value || allOtherProps.defaultValue),
@@ -11956,13 +11973,13 @@ var styles$1b = {"currency-field__mask-display":"_2K8Ob"};
 var CURRENCY_DISPLAY_DEFAULT_MARGIN = 8;
 var CURRENCY_DISPLAY_MARGIN_BUFFER = 1;
 
-var _excluded$2K = ["currencySymbol", "step"];
+var _excluded$2L = ["currencySymbol", "step"];
 var CurrencyFieldElement = function CurrencyFieldElement(_ref, forwardedRef) {
   var _ref$currencySymbol = _ref.currencySymbol,
     currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol,
     _ref$step = _ref.step,
     step = _ref$step === void 0 ? 0.01 : _ref$step,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2L);
   var _useState = React.useState(CURRENCY_DISPLAY_DEFAULT_MARGIN),
     displayPadding = _useState[0],
     setDisplayPadding = _useState[1];
@@ -12026,7 +12043,7 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, forwardedRef) {
 };
 var CurrencyField = React.forwardRef(CurrencyFieldElement);
 
-var _excluded$2L = ["max", "min", "precision", "stepSize", "prefix"];
+var _excluded$2M = ["max", "min", "precision", "stepSize", "prefix"];
 var PercentageElement = function PercentageElement(_ref, ref) {
   var _ref$max = _ref.max,
     max = _ref$max === void 0 ? 100 : _ref$max,
@@ -12037,7 +12054,7 @@ var PercentageElement = function PercentageElement(_ref, ref) {
     _ref$stepSize = _ref.stepSize,
     stepSize = _ref$stepSize === void 0 ? 1 : _ref$stepSize,
     prefix = _ref.prefix,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2L);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2M);
   var _useTextField = useTextField(_extends({}, allOtherProps, {
       ref: ref
     })),
@@ -12123,8 +12140,7 @@ var usePhoneFieldControllers = function usePhoneFieldControllers(_ref) {
     _onChange = _ref.onChange,
     _onBlur = _ref.onBlur,
     error = _ref.error,
-    onMenuInputFocus = _ref.onMenuInputFocus,
-    defaultCountry = _ref.defaultCountry;
+    onMenuInputFocus = _ref.onMenuInputFocus;
   var _useFormContext = useFormContext(),
     formik = _useFormContext.formik;
   var id = useFieldId({
@@ -12153,35 +12169,6 @@ var usePhoneFieldControllers = function usePhoneFieldControllers(_ref) {
     }
   };
   var formikState = getFormikState(name, formik);
-  var phoneFieldValue = formik && formikState && !value ? formikState.value : value;
-  var _useProviderConfig = useProviderConfig(),
-    country = _useProviderConfig.country;
-  var parseMeta = function parseMeta(value) {
-    if (value === '') {
-      return {
-        country: defaultCountry || country,
-        phone: ''
-      };
-    }
-    try {
-      var phone = libphonenumberJs.parsePhoneNumber(value);
-      var formatedPhone = new libphonenumberJs.AsYouType(phone.country).input(value.replace('+' + phone.countryCallingCode, ''));
-      return {
-        country: phone.country,
-        phone: formatedPhone
-      };
-    } catch (error) {
-      return {
-        country: defaultCountry || country,
-        phone: value
-      };
-    }
-  };
-  var _useState = React.useState(function () {
-      return parseMeta(phoneFieldValue || '');
-    }),
-    meta = _useState[0],
-    setMeta = _useState[1];
   if (formik && formikState) {
     controllers = _extends({}, controllers, {
       error: error ? controllers.error : formikState.error,
@@ -12206,14 +12193,11 @@ var usePhoneFieldControllers = function usePhoneFieldControllers(_ref) {
       }
     });
   }
-  return _extends({}, controllers, {
-    metaData: meta,
-    changeMeta: setMeta
-  });
+  return controllers;
 };
 
 var usePhoneField = function usePhoneField(_ref) {
-  var _classnames;
+  var _classnames, _controllers$value;
   var autoFocus = _ref.autoFocus,
     disabled = _ref.disabled,
     error = _ref.error,
@@ -12227,16 +12211,14 @@ var usePhoneField = function usePhoneField(_ref) {
     placeholder = _ref.placeholder,
     value = _ref.value,
     ref = _ref.ref,
-    testId = _ref.testId,
-    defaultCountry = _ref.defaultCountry;
+    testId = _ref.testId;
   var controllers = usePhoneFieldControllers({
     error: error,
     id: id,
     name: name,
     onChange: onChange,
     onBlur: onBlur,
-    value: value,
-    defaultCountry: defaultCountry
+    value: value
   });
   var hasError = !!controllers.error;
   var inputProps = {
@@ -12255,7 +12237,7 @@ var usePhoneField = function usePhoneField(_ref) {
     ref: ref,
     size: 1,
     type: 'text',
-    value: controllers.metaData.phone
+    value: (_controllers$value = controllers.value) === null || _controllers$value === void 0 ? void 0 : _controllers$value.phone
   };
   var fieldProps = {
     caption: caption,
@@ -12267,9 +12249,7 @@ var usePhoneField = function usePhoneField(_ref) {
   return {
     inputProps: inputProps,
     fieldProps: fieldProps,
-    fieldValue: controllers.value,
-    metaData: controllers.metaData,
-    changeMeta: controllers.changeMeta
+    fieldValue: controllers.value
   };
 };
 
@@ -13053,27 +13033,26 @@ var CountrySelector = function CountrySelector(_ref) {
   }))));
 };
 
-var _excluded$2M = ["disabledCountry"];
+var _excluded$2N = ["disabledCountry"];
 var PhoneField = function PhoneField(_ref) {
   var _classNames;
   var _ref$disabledCountry = _ref.disabledCountry,
     disabledCountry = _ref$disabledCountry === void 0 ? false : _ref$disabledCountry,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2M);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2N);
   var inputRef = React.useRef(null);
   var _usePhoneField = usePhoneField(_extends({}, props, {
       ref: inputRef
     })),
     inputProps = _usePhoneField.inputProps,
     fieldProps = _usePhoneField.fieldProps,
-    metaData = _usePhoneField.metaData,
-    changeMeta = _usePhoneField.changeMeta;
-  var selectedCountry = metaData.country;
+    fieldValue = _usePhoneField.fieldValue;
+  var selectedCountry = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.country;
   var handleCountryChange = function handleCountryChange(countryCode) {
-    changeMeta({
+    inputProps.onChange({
       country: countryCode,
-      phone: ''
+      phone: '',
+      internationalPhone: ''
     });
-    inputProps.onChange('');
     if (inputRef.current) {
       inputRef.current.focus();
     }
@@ -13081,22 +13060,11 @@ var PhoneField = function PhoneField(_ref) {
   var handlePhoneChange = function handlePhoneChange(e) {
     var formatedPhone = new libphonenumberJs.AsYouType(selectedCountry).input(e.target.value);
     e.target.value = formatedPhone;
-    var internationalPhone = '';
-    var parseError = null;
-    try {
-      var phoneNumber = libphonenumberJs.parsePhoneNumber(e.target.value, selectedCountry);
-      internationalPhone = phoneNumber.number;
-    } catch (error) {
-      parseError = error;
-    }
-    if (parseError && parseError.message === 'TOO_LONG') {
-      return;
-    }
-    changeMeta({
+    inputProps.onChange({
       country: selectedCountry,
-      phone: formatedPhone
+      phone: formatedPhone,
+      internationalPhone: ''
     });
-    inputProps.onChange(internationalPhone);
   };
   var handlePhoneBlur = function handlePhoneBlur(e) {
     var internationalPhone = '';
@@ -13106,9 +13074,31 @@ var PhoneField = function PhoneField(_ref) {
     } catch (error) {
       console.warn("PhoneField: " + error);
     }
-    inputProps.onChange(internationalPhone);
-    inputProps.onBlur(internationalPhone);
+    var value = {
+      country: selectedCountry,
+      phone: e.target.value,
+      internationalPhone: internationalPhone
+    };
+    inputProps.onChange(value);
+    inputProps.onBlur(value);
   };
+  React.useEffect(function () {
+    if (Boolean(fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.internationalPhone) && (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.phone) === '') {
+      var formatedPhone = '';
+      try {
+        var phoneNumber = libphonenumberJs.parsePhoneNumber(fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.internationalPhone);
+        formatedPhone = new libphonenumberJs.AsYouType(selectedCountry).input(phoneNumber.nationalNumber);
+      } catch (error) {
+        console.warn("PhoneField: " + error);
+      }
+      var value = {
+        country: selectedCountry,
+        phone: formatedPhone,
+        internationalPhone: fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.internationalPhone
+      };
+      inputProps.onChange(value);
+    }
+  }, [fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.internationalPhone]);
   return React__default.createElement(Field, _extends({}, fieldProps), React__default.createElement("div", {
     className: styles$1c['phone-field']
   }, !disabledCountry && React__default.createElement(CountrySelector, {
@@ -13133,14 +13123,14 @@ var PhoneField = function PhoneField(_ref) {
 
 var styles$1e = {"badge":"_1QLaK","badge--warning":"_qsFWw","badge--danger":"_359Cc","badge--success":"_2AOEK","badge--info":"_1mLjf","badge--numeric":"_2bb5N"};
 
-var _excluded$2N = ["children", "theme", "title", "testId"];
+var _excluded$2O = ["children", "theme", "title", "testId"];
 var BadgeElement = function BadgeElement(_ref, forwardedRef) {
   var _classnames;
   var children = _ref.children,
     theme = _ref.theme,
     title = _ref.title,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2N);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2O);
   var internalRef = React.useRef(null);
   var ref = forwardedRef || internalRef;
   React.useLayoutEffect(function () {
@@ -13546,6 +13536,7 @@ exports.IconChevronRight = IconChevronRight;
 exports.IconChevronUp = IconChevronUp;
 exports.IconClipboardList = IconClipboardList;
 exports.IconClock = IconClock;
+exports.IconClockRewind = IconClockRewind;
 exports.IconCog = IconCog;
 exports.IconComment = IconComment;
 exports.IconCommentLines = IconCommentLines;