@7shifts/sous-chef 3.1.0 → 3.1.1

package/dist/index.modern.js

@@ -53,6 +53,28 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 var styles = {"flex":"_1DgA2","align-center":"_3HjO2","align-end":"_3r9Wx","align-start":"_oIWCF","justify-center":"_36c9a","justify-end":"_1bNEh","justify-space-between":"_1VoZz","justify-start":"_2GoV5","inline-flex":"_QuNgn"};
 
+var usePositionStyles = function usePositionStyles(_ref) {
+  var m = _ref.m,
+      margin = _ref.margin,
+      marginTop = _ref.marginTop,
+      mt = _ref.mt,
+      marginRight = _ref.marginRight,
+      mr = _ref.mr,
+      marginBottom = _ref.marginBottom,
+      mb = _ref.mb,
+      marginLeft = _ref.marginLeft,
+      ml = _ref.ml;
+  return {
+    margin: margin || m,
+    marginTop: marginTop || mt,
+    marginRight: marginRight || mr,
+    marginBottom: marginBottom || mb,
+    marginLeft: marginLeft || ml
+  };
+};
+
+var _excluded = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "testId", "extraClass"];
+
 var Flex = function Flex(_ref) {
   var _classNames;
 
@@ -73,17 +95,20 @@ var Flex = function Flex(_ref) {
       _ref$flexWrap = _ref.flexWrap,
       flexWrap = _ref$flexWrap === void 0 ? 'nowrap' : _ref$flexWrap,
       testId = _ref.testId,
-      extraClass = _ref.extraClass;
+      extraClass = _ref.extraClass,
+      positionProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var positionStyles = usePositionStyles(positionProps);
   var className = classnames(styles['flex'], extraClass, (_classNames = {}, _classNames[styles['align-start']] = alignItems === 'flex-start', _classNames[styles['align-end']] = alignItems === 'flex-end', _classNames[styles['align-center']] = alignItems === 'center', _classNames[styles['justify-start']] = justifyContent === 'start', _classNames[styles['justify-end']] = justifyContent === 'end', _classNames[styles['justify-center']] = justifyContent === 'center', _classNames[styles['justify-space-between']] = justifyContent === 'space-between', _classNames[styles['inline-flex']] = inlineFlex, _classNames));
   var items = React__default.Children.toArray(children).filter(Boolean);
   var gap = typeof space === 'object' ? space.row + "px " + space.column + "px" : space;
   return React__default.createElement("div", {
     className: className,
-    style: {
+    style: _extends({
       flexDirection: direction,
       flexWrap: flexWrap,
       gap: gap
-    },
+    }, positionStyles),
     "data-testid": testId
   }, items.map(function (child, i) {
     return React__default.createElement("div", {
@@ -96,12 +121,12 @@ var Flex = function Flex(_ref) {
   }));
 };
 
-var _excluded = ["alignItems"];
+var _excluded$1 = ["alignItems"];
 
 var Stack = function Stack(_ref) {
   var _ref$alignItems = _ref.alignItems,
       alignItems = _ref$alignItems === void 0 ? 'stretch' : _ref$alignItems,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
   return createElement(Flex, Object.assign({}, props, {
     alignItems: alignItems,
@@ -629,7 +654,8 @@ var BUTTON_TARGETS = {
   SELF: '_self'
 };
 
-var _excluded$1 = ["id", "onClick", "onKeyDown", "className", "type", "disabled", "href", "target", "children"];
+var _excluded$2 = ["children", "type", "theme", "disabled", "onClick", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
+    _excluded2 = ["id", "onClick", "onKeyDown", "className", "type", "disabled", "href", "target", "children", "position"];
 
 var Button = function Button(_ref, ref) {
   var _classnames;
@@ -650,7 +676,9 @@ var Button = function Button(_ref, ref) {
       _ref$target = _ref.target,
       target = _ref$target === void 0 ? BUTTON_TARGETS.SELF : _ref$target,
       testId = _ref.testId,
-      size = _ref.size;
+      size = _ref.size,
+      positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+
   var contrastSpinner = [BUTTON_THEMES.PRIMARY, BUTTON_THEMES.DANGER, BUTTON_THEMES.UPSELL, BUTTON_THEMES.MARKETING, BUTTON_THEMES.LINK_CONTRAST];
   var childrenArr = Children.toArray(children);
   var isIconOnly = childrenArr.length === 1 && typeof childrenArr[0] != 'string';
@@ -666,7 +694,8 @@ var Button = function Button(_ref, ref) {
     href: href,
     ref: ref,
     target: target,
-    "data-testid": testId
+    "data-testid": testId,
+    position: positionProps
   }, React__default.createElement(Inline, {
     space: 8,
     alignItems: "center"
@@ -687,14 +716,17 @@ var ButtonElement = forwardRef(function (_ref2, ref) {
       href = _ref2.href,
       target = _ref2.target,
       children = _ref2.children,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
+      position = _ref2.position,
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
+  var positionStyles = usePositionStyles(position);
   var commonProps = {
     id: id,
     onClick: onClick,
     onKeyDown: onKeyDown,
     className: className,
-    disabled: disabled
+    disabled: disabled,
+    style: positionStyles
   };
 
   if (href) {
@@ -735,11 +767,11 @@ var getIconStyles = function getIconStyles(_ref) {
   }, styles);
 };
 
-var _excluded$2 = ["testId"];
+var _excluded$3 = ["testId"];
 var IconInfoCircle = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-info-circle' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -757,11 +789,11 @@ var IconInfoCircle = forwardRef(function (_ref, ref) {
 });
 IconInfoCircle.displayName = 'IconInfoCircle';
 
-var _excluded$3 = ["testId"];
+var _excluded$4 = ["testId"];
 var IconAnalytics = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-analytics' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -779,11 +811,11 @@ var IconAnalytics = forwardRef(function (_ref, ref) {
 });
 IconAnalytics.displayName = 'IconAnalytics';
 
-var _excluded$4 = ["testId"];
+var _excluded$5 = ["testId"];
 var IconArrowDown = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-arrow-down' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -801,11 +833,11 @@ var IconArrowDown = forwardRef(function (_ref, ref) {
 });
 IconArrowDown.displayName = 'IconArrowDown';
 
-var _excluded$5 = ["testId"];
+var _excluded$6 = ["testId"];
 var IconArrowLeft = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-arrow-left' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -823,11 +855,11 @@ var IconArrowLeft = forwardRef(function (_ref, ref) {
 });
 IconArrowLeft.displayName = 'IconArrowLeft';
 
-var _excluded$6 = ["testId"];
+var _excluded$7 = ["testId"];
 var IconArrowRight = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-arrow-right' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -845,11 +877,11 @@ var IconArrowRight = forwardRef(function (_ref, ref) {
 });
 IconArrowRight.displayName = 'IconArrowRight';
 
-var _excluded$7 = ["testId"];
+var _excluded$8 = ["testId"];
 var IconArrowToTop = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-arrow-to-top' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -865,11 +897,11 @@ var IconArrowToTop = forwardRef(function (_ref, ref) {
 });
 IconArrowToTop.displayName = 'IconArrowToTop';
 
-var _excluded$8 = ["testId"];
+var _excluded$9 = ["testId"];
 var IconArrowUp = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-arrow-up' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -887,11 +919,11 @@ var IconArrowUp = forwardRef(function (_ref, ref) {
 });
 IconArrowUp.displayName = 'IconArrowUp';
 
-var _excluded$9 = ["testId"];
+var _excluded$a = ["testId"];
 var IconAward = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-award' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -909,11 +941,11 @@ var IconAward = forwardRef(function (_ref, ref) {
 });
 IconAward.displayName = 'IconAward';
 
-var _excluded$a = ["testId"];
+var _excluded$b = ["testId"];
 var IconAwfulMonochromatic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-awful-monochromatic' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -961,11 +993,11 @@ var IconAwfulMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconAwfulMonochromatic.displayName = 'IconAwfulMonochromatic';
 
-var _excluded$b = ["testId"];
+var _excluded$c = ["testId"];
 var IconAwful = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-awful' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1001,11 +1033,11 @@ var IconAwful = forwardRef(function (_ref, ref) {
 });
 IconAwful.displayName = 'IconAwful';
 
-var _excluded$c = ["testId"];
+var _excluded$d = ["testId"];
 var IconBadMonochromatic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-bad-monochromatic' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1039,11 +1071,11 @@ var IconBadMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconBadMonochromatic.displayName = 'IconBadMonochromatic';
 
-var _excluded$d = ["testId"];
+var _excluded$e = ["testId"];
 var IconBad = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-bad' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1065,11 +1097,11 @@ var IconBad = forwardRef(function (_ref, ref) {
 });
 IconBad.displayName = 'IconBad';
 
-var _excluded$e = ["testId"];
+var _excluded$f = ["testId"];
 var IconBalanceScaleLeft = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-balance-scale-left' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1092,11 +1124,11 @@ var IconBalanceScaleLeft = forwardRef(function (_ref, ref) {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
 
-var _excluded$f = ["testId"];
+var _excluded$g = ["testId"];
 var IconBalanceScale = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-balance-scale' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1119,11 +1151,11 @@ var IconBalanceScale = forwardRef(function (_ref, ref) {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
 
-var _excluded$g = ["testId"];
+var _excluded$h = ["testId"];
 var IconBan = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-ban' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1139,11 +1171,11 @@ var IconBan = forwardRef(function (_ref, ref) {
 });
 IconBan.displayName = 'IconBan';
 
-var _excluded$h = ["testId"];
+var _excluded$i = ["testId"];
 var IconBarsH = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-bars-h' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1161,11 +1193,11 @@ var IconBarsH = forwardRef(function (_ref, ref) {
 });
 IconBarsH.displayName = 'IconBarsH';
 
-var _excluded$i = ["testId"];
+var _excluded$j = ["testId"];
 var IconBarsV = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-bars-v' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1181,11 +1213,11 @@ var IconBarsV = forwardRef(function (_ref, ref) {
 });
 IconBarsV.displayName = 'IconBarsV';
 
-var _excluded$j = ["testId"];
+var _excluded$k = ["testId"];
 var IconBell = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-bell' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1203,11 +1235,11 @@ var IconBell = forwardRef(function (_ref, ref) {
 });
 IconBell.displayName = 'IconBell';
 
-var _excluded$k = ["testId"];
+var _excluded$l = ["testId"];
 var IconBirthdayCake = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-birthday-cake' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1223,11 +1255,11 @@ var IconBirthdayCake = forwardRef(function (_ref, ref) {
 });
 IconBirthdayCake.displayName = 'IconBirthdayCake';
 
-var _excluded$l = ["testId"];
+var _excluded$m = ["testId"];
 var IconBold = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-bold' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$m);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1243,11 +1275,11 @@ var IconBold = forwardRef(function (_ref, ref) {
 });
 IconBold.displayName = 'IconBold';
 
-var _excluded$m = ["testId"];
+var _excluded$n = ["testId"];
 var IconBolt = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-bolt' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$m);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1270,11 +1302,11 @@ var IconBolt = forwardRef(function (_ref, ref) {
 });
 IconBolt.displayName = 'IconBolt';
 
-var _excluded$n = ["testId"];
+var _excluded$o = ["testId"];
 var IconBook = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-book' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1292,11 +1324,11 @@ var IconBook = forwardRef(function (_ref, ref) {
 });
 IconBook.displayName = 'IconBook';
 
-var _excluded$o = ["testId"];
+var _excluded$p = ["testId"];
 var IconBriefcase = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-briefcase' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1312,11 +1344,11 @@ var IconBriefcase = forwardRef(function (_ref, ref) {
 });
 IconBriefcase.displayName = 'IconBriefcase';
 
-var _excluded$p = ["testId"];
+var _excluded$q = ["testId"];
 var IconBullseyeArrow = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-bullseye-arrow' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1334,11 +1366,11 @@ var IconBullseyeArrow = forwardRef(function (_ref, ref) {
 });
 IconBullseyeArrow.displayName = 'IconBullseyeArrow';
 
-var _excluded$q = ["testId"];
+var _excluded$r = ["testId"];
 var IconCalculator = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-calculator' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1356,11 +1388,11 @@ var IconCalculator = forwardRef(function (_ref, ref) {
 });
 IconCalculator.displayName = 'IconCalculator';
 
-var _excluded$r = ["testId"];
+var _excluded$s = ["testId"];
 var IconCalendarAlt = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-calendar-alt' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1378,11 +1410,11 @@ var IconCalendarAlt = forwardRef(function (_ref, ref) {
 });
 IconCalendarAlt.displayName = 'IconCalendarAlt';
 
-var _excluded$s = ["testId"];
+var _excluded$t = ["testId"];
 var IconCalendarCheck = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-calendar-check' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1400,11 +1432,11 @@ var IconCalendarCheck = forwardRef(function (_ref, ref) {
 });
 IconCalendarCheck.displayName = 'IconCalendarCheck';
 
-var _excluded$t = ["testId"];
+var _excluded$u = ["testId"];
 var IconCalendarDay = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-calendar-day' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1428,11 +1460,11 @@ var IconCalendarDay = forwardRef(function (_ref, ref) {
 });
 IconCalendarDay.displayName = 'IconCalendarDay';
 
-var _excluded$u = ["testId"];
+var _excluded$v = ["testId"];
 var IconCalendarExclamation = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-calendar-exclamation' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1448,11 +1480,11 @@ var IconCalendarExclamation = forwardRef(function (_ref, ref) {
 });
 IconCalendarExclamation.displayName = 'IconCalendarExclamation';
 
-var _excluded$v = ["testId"];
+var _excluded$w = ["testId"];
 var IconCalendarStar = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-calendar-star' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1468,11 +1500,11 @@ var IconCalendarStar = forwardRef(function (_ref, ref) {
 });
 IconCalendarStar.displayName = 'IconCalendarStar';
 
-var _excluded$w = ["testId"];
+var _excluded$x = ["testId"];
 var IconCalendarTomorrow = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-calendar-tomorrow' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1498,11 +1530,11 @@ var IconCalendarTomorrow = forwardRef(function (_ref, ref) {
 });
 IconCalendarTomorrow.displayName = 'IconCalendarTomorrow';
 
-var _excluded$x = ["testId"];
+var _excluded$y = ["testId"];
 var IconCalendar = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-calendar' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1520,11 +1552,11 @@ var IconCalendar = forwardRef(function (_ref, ref) {
 });
 IconCalendar.displayName = 'IconCalendar';
 
-var _excluded$y = ["testId"];
+var _excluded$z = ["testId"];
 var IconCameraSlash = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-camera-slash' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1543,11 +1575,11 @@ var IconCameraSlash = forwardRef(function (_ref, ref) {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
 
-var _excluded$z = ["testId"];
+var _excluded$A = ["testId"];
 var IconCamera = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-camera' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1563,11 +1595,11 @@ var IconCamera = forwardRef(function (_ref, ref) {
 });
 IconCamera.displayName = 'IconCamera';
 
-var _excluded$A = ["testId"];
+var _excluded$B = ["testId"];
 var IconCashRegister = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-cash-register' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1583,11 +1615,11 @@ var IconCashRegister = forwardRef(function (_ref, ref) {
 });
 IconCashRegister.displayName = 'IconCashRegister';
 
-var _excluded$B = ["testId"];
+var _excluded$C = ["testId"];
 var IconChartBar = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-chart-bar' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$C);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1605,11 +1637,11 @@ var IconChartBar = forwardRef(function (_ref, ref) {
 });
 IconChartBar.displayName = 'IconChartBar';
 
-var _excluded$C = ["testId"];
+var _excluded$D = ["testId"];
 var IconCheck = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-check' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$C);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$D);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1627,11 +1659,11 @@ var IconCheck = forwardRef(function (_ref, ref) {
 });
 IconCheck.displayName = 'IconCheck';
 
-var _excluded$D = ["testId"];
+var _excluded$E = ["testId"];
 var IconChevronDown = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-chevron-down' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$D);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$E);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1649,11 +1681,11 @@ var IconChevronDown = forwardRef(function (_ref, ref) {
 });
 IconChevronDown.displayName = 'IconChevronDown';
 
-var _excluded$E = ["testId"];
+var _excluded$F = ["testId"];
 var IconChevronLeft = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-chevron-left' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$E);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$F);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1671,11 +1703,11 @@ var IconChevronLeft = forwardRef(function (_ref, ref) {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
 
-var _excluded$F = ["testId"];
+var _excluded$G = ["testId"];
 var IconChevronRight = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-chevron-right' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$F);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$G);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1693,11 +1725,11 @@ var IconChevronRight = forwardRef(function (_ref, ref) {
 });
 IconChevronRight.displayName = 'IconChevronRight';
 
-var _excluded$G = ["testId"];
+var _excluded$H = ["testId"];
 var IconChevronUp = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-chevron-up' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$G);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$H);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1715,11 +1747,11 @@ var IconChevronUp = forwardRef(function (_ref, ref) {
 });
 IconChevronUp.displayName = 'IconChevronUp';
 
-var _excluded$H = ["testId"];
+var _excluded$I = ["testId"];
 var IconClipboardList = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-clipboard-list' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$H);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$I);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1737,11 +1769,11 @@ var IconClipboardList = forwardRef(function (_ref, ref) {
 });
 IconClipboardList.displayName = 'IconClipboardList';
 
-var _excluded$I = ["testId"];
+var _excluded$J = ["testId"];
 var IconClock = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-clock' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$I);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$J);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1757,11 +1789,11 @@ var IconClock = forwardRef(function (_ref, ref) {
 });
 IconClock.displayName = 'IconClock';
 
-var _excluded$J = ["testId"];
+var _excluded$K = ["testId"];
 var IconCog = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-cog' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$J);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$K);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1777,11 +1809,11 @@ var IconCog = forwardRef(function (_ref, ref) {
 });
 IconCog.displayName = 'IconCog';
 
-var _excluded$K = ["testId"];
+var _excluded$L = ["testId"];
 var IconCommentLines = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-comment-lines' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$K);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$L);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1802,11 +1834,11 @@ var IconCommentLines = forwardRef(function (_ref, ref) {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-var _excluded$L = ["testId"];
+var _excluded$M = ["testId"];
 var IconComment = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-comment' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$L);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$M);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1824,11 +1856,11 @@ var IconComment = forwardRef(function (_ref, ref) {
 });
 IconComment.displayName = 'IconComment';
 
-var _excluded$M = ["testId"];
+var _excluded$N = ["testId"];
 var IconCopy = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-copy' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$M);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$N);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1851,11 +1883,11 @@ var IconCopy = forwardRef(function (_ref, ref) {
 });
 IconCopy.displayName = 'IconCopy';
 
-var _excluded$N = ["testId"];
+var _excluded$O = ["testId"];
 var IconCreditCardPlus = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-credit-card-plus' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$N);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$O);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1880,11 +1912,11 @@ var IconCreditCardPlus = forwardRef(function (_ref, ref) {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-var _excluded$O = ["testId"];
+var _excluded$P = ["testId"];
 var IconCreditCard = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-credit-card' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$O);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$P);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1907,11 +1939,11 @@ var IconCreditCard = forwardRef(function (_ref, ref) {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-var _excluded$P = ["testId"];
+var _excluded$Q = ["testId"];
 var IconDecentMonochromatic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-decent-monochromatic' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$P);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1949,11 +1981,11 @@ var IconDecentMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconDecentMonochromatic.displayName = 'IconDecentMonochromatic';
 
-var _excluded$Q = ["testId"];
+var _excluded$R = ["testId"];
 var IconDecent = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-decent' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$R);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1979,11 +2011,11 @@ var IconDecent = forwardRef(function (_ref, ref) {
 });
 IconDecent.displayName = 'IconDecent';
 
-var _excluded$R = ["testId"];
+var _excluded$S = ["testId"];
 var IconDownload = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-download' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$R);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$S);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2001,11 +2033,11 @@ var IconDownload = forwardRef(function (_ref, ref) {
 });
 IconDownload.displayName = 'IconDownload';
 
-var _excluded$S = ["testId"];
+var _excluded$T = ["testId"];
 var IconEdit = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-edit' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$S);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$T);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2021,11 +2053,11 @@ var IconEdit = forwardRef(function (_ref, ref) {
 });
 IconEdit.displayName = 'IconEdit';
 
-var _excluded$T = ["testId"];
+var _excluded$U = ["testId"];
 var IconEllipsisV = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-ellipsis-v' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$T);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$U);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2043,11 +2075,11 @@ var IconEllipsisV = forwardRef(function (_ref, ref) {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
 
-var _excluded$U = ["testId"];
+var _excluded$V = ["testId"];
 var IconEnvelope = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-envelope' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$U);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$V);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2063,11 +2095,11 @@ var IconEnvelope = forwardRef(function (_ref, ref) {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-var _excluded$V = ["testId"];
+var _excluded$W = ["testId"];
 var IconExclaimationTriangle = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-exclaimation-triangle' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$V);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2085,11 +2117,11 @@ var IconExclaimationTriangle = forwardRef(function (_ref, ref) {
 });
 IconExclaimationTriangle.displayName = 'IconExclaimationTriangle';
 
-var _excluded$W = ["testId"];
+var _excluded$X = ["testId"];
 var IconExclaimation = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-exclaimation' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$X);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2105,11 +2137,11 @@ var IconExclaimation = forwardRef(function (_ref, ref) {
 });
 IconExclaimation.displayName = 'IconExclaimation';
 
-var _excluded$X = ["testId"];
+var _excluded$Y = ["testId"];
 var IconExpand = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-expand' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$X);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$Y);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2125,11 +2157,11 @@ var IconExpand = forwardRef(function (_ref, ref) {
 });
 IconExpand.displayName = 'IconExpand';
 
-var _excluded$Y = ["testId"];
+var _excluded$Z = ["testId"];
 var IconExternalLink = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-external-link' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$Y);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2147,11 +2179,11 @@ var IconExternalLink = forwardRef(function (_ref, ref) {
 });
 IconExternalLink.displayName = 'IconExternalLink';
 
-var _excluded$Z = ["testId"];
+var _excluded$_ = ["testId"];
 var IconEyeSlash = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-eye-slash' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$_);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2182,11 +2214,11 @@ var IconEyeSlash = forwardRef(function (_ref, ref) {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
 
-var _excluded$_ = ["testId"];
+var _excluded$$ = ["testId"];
 var IconEye = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-eye' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$_);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2210,11 +2242,11 @@ var IconEye = forwardRef(function (_ref, ref) {
 });
 IconEye.displayName = 'IconEye';
 
-var _excluded$$ = ["testId"];
+var _excluded$10 = ["testId"];
 var IconFilePdf = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-file-pdf' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$10);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2237,11 +2269,11 @@ var IconFilePdf = forwardRef(function (_ref, ref) {
 });
 IconFilePdf.displayName = 'IconFilePdf';
 
-var _excluded$10 = ["testId"];
+var _excluded$11 = ["testId"];
 var IconFile = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-file' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$10);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$11);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2264,11 +2296,11 @@ var IconFile = forwardRef(function (_ref, ref) {
 });
 IconFile.displayName = 'IconFile';
 
-var _excluded$11 = ["testId"];
+var _excluded$12 = ["testId"];
 var IconFlag = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-flag' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$11);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$12);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2291,11 +2323,11 @@ var IconFlag = forwardRef(function (_ref, ref) {
 });
 IconFlag.displayName = 'IconFlag';
 
-var _excluded$12 = ["testId"];
+var _excluded$13 = ["testId"];
 var IconFourDotsCircle = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-four-dots-circle' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$12);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$13);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2313,11 +2345,11 @@ var IconFourDotsCircle = forwardRef(function (_ref, ref) {
 });
 IconFourDotsCircle.displayName = 'IconFourDotsCircle';
 
-var _excluded$13 = ["testId"];
+var _excluded$14 = ["testId"];
 var IconFourSquares = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-four-squares' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$13);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$14);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2359,11 +2391,11 @@ var IconFourSquares = forwardRef(function (_ref, ref) {
 });
 IconFourSquares.displayName = 'IconFourSquares';
 
-var _excluded$14 = ["testId"];
+var _excluded$15 = ["testId"];
 var IconGavel = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-gavel' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$14);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$15);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 60 60",
@@ -2379,11 +2411,11 @@ var IconGavel = forwardRef(function (_ref, ref) {
 });
 IconGavel.displayName = 'IconGavel';
 
-var _excluded$15 = ["testId"];
+var _excluded$16 = ["testId"];
 var IconGif = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-gif' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$15);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$16);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2403,11 +2435,11 @@ var IconGif = forwardRef(function (_ref, ref) {
 });
 IconGif.displayName = 'IconGif';
 
-var _excluded$16 = ["testId"];
+var _excluded$17 = ["testId"];
 var IconGift = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-gift' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$16);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$17);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2423,11 +2455,11 @@ var IconGift = forwardRef(function (_ref, ref) {
 });
 IconGift.displayName = 'IconGift';
 
-var _excluded$17 = ["testId"];
+var _excluded$18 = ["testId"];
 var IconGoodMonochromatic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-good-monochromatic' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$17);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2461,11 +2493,11 @@ var IconGoodMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconGoodMonochromatic.displayName = 'IconGoodMonochromatic';
 
-var _excluded$18 = ["testId"];
+var _excluded$19 = ["testId"];
 var IconGood = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-good' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$19);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2487,11 +2519,11 @@ var IconGood = forwardRef(function (_ref, ref) {
 });
 IconGood.displayName = 'IconGood';
 
-var _excluded$19 = ["testId"];
+var _excluded$1a = ["testId"];
 var IconGreatMonochromatic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-great-monochromatic' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$19);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2527,11 +2559,11 @@ var IconGreatMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
 
-var _excluded$1a = ["testId"];
+var _excluded$1b = ["testId"];
 var IconGreat = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-great' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1b);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2555,11 +2587,11 @@ var IconGreat = forwardRef(function (_ref, ref) {
 });
 IconGreat.displayName = 'IconGreat';
 
-var _excluded$1b = ["testId"];
+var _excluded$1c = ["testId"];
 var IconGrinBeam = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-grin-beam' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1b);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2575,11 +2607,11 @@ var IconGrinBeam = forwardRef(function (_ref, ref) {
 });
 IconGrinBeam.displayName = 'IconGrinBeam';
 
-var _excluded$1c = ["testId"];
+var _excluded$1d = ["testId"];
 var IconGripVertical = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-grip-vertical' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1d);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2622,11 +2654,11 @@ var IconGripVertical = forwardRef(function (_ref, ref) {
 });
 IconGripVertical.displayName = 'IconGripVertical';
 
-var _excluded$1d = ["testId"];
+var _excluded$1e = ["testId"];
 var IconHandshake = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-handshake' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1d);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2650,11 +2682,11 @@ var IconHandshake = forwardRef(function (_ref, ref) {
 });
 IconHandshake.displayName = 'IconHandshake';
 
-var _excluded$1e = ["testId"];
+var _excluded$1f = ["testId"];
 var IconImage = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-image' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1f);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2677,11 +2709,11 @@ var IconImage = forwardRef(function (_ref, ref) {
 });
 IconImage.displayName = 'IconImage';
 
-var _excluded$1f = ["testId"];
+var _excluded$1g = ["testId"];
 var IconIslandTropical = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-island-tropical' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1f);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2699,11 +2731,11 @@ var IconIslandTropical = forwardRef(function (_ref, ref) {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
 
-var _excluded$1g = ["testId"];
+var _excluded$1h = ["testId"];
 var IconItalic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-italic' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2719,11 +2751,11 @@ var IconItalic = forwardRef(function (_ref, ref) {
 });
 IconItalic.displayName = 'IconItalic';
 
-var _excluded$1h = ["testId"];
+var _excluded$1i = ["testId"];
 var IconLaptopSearch = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-laptop-search' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2748,11 +2780,11 @@ var IconLaptopSearch = forwardRef(function (_ref, ref) {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
 
-var _excluded$1i = ["testId"];
+var _excluded$1j = ["testId"];
 var IconLink = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-link' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2775,11 +2807,11 @@ var IconLink = forwardRef(function (_ref, ref) {
 });
 IconLink.displayName = 'IconLink';
 
-var _excluded$1j = ["testId"];
+var _excluded$1k = ["testId"];
 var IconListOI = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-list-o-i' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2802,11 +2834,11 @@ var IconListOI = forwardRef(function (_ref, ref) {
 });
 IconListOI.displayName = 'IconListOI';
 
-var _excluded$1k = ["testId"];
+var _excluded$1l = ["testId"];
 var IconList = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-list' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2822,11 +2854,11 @@ var IconList = forwardRef(function (_ref, ref) {
 });
 IconList.displayName = 'IconList';
 
-var _excluded$1l = ["testId"];
+var _excluded$1m = ["testId"];
 var IconLock = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-lock' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2842,11 +2874,11 @@ var IconLock = forwardRef(function (_ref, ref) {
 });
 IconLock.displayName = 'IconLock';
 
-var _excluded$1m = ["testId"];
+var _excluded$1n = ["testId"];
 var IconMagicSolid = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-magic-solid' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2864,11 +2896,11 @@ var IconMagicSolid = forwardRef(function (_ref, ref) {
 });
 IconMagicSolid.displayName = 'IconMagicSolid';
 
-var _excluded$1n = ["testId"];
+var _excluded$1o = ["testId"];
 var IconMapMarker = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-map-marker' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2886,11 +2918,11 @@ var IconMapMarker = forwardRef(function (_ref, ref) {
 });
 IconMapMarker.displayName = 'IconMapMarker';
 
-var _excluded$1o = ["testId"];
+var _excluded$1p = ["testId"];
 var IconMegaphone = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-megaphone' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2908,11 +2940,11 @@ var IconMegaphone = forwardRef(function (_ref, ref) {
 });
 IconMegaphone.displayName = 'IconMegaphone';
 
-var _excluded$1p = ["testId"];
+var _excluded$1q = ["testId"];
 var IconMinusCircle = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-minus-circle' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2928,11 +2960,11 @@ var IconMinusCircle = forwardRef(function (_ref, ref) {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
 
-var _excluded$1q = ["testId"];
+var _excluded$1r = ["testId"];
 var IconMinus = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-minus' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2948,11 +2980,11 @@ var IconMinus = forwardRef(function (_ref, ref) {
 });
 IconMinus.displayName = 'IconMinus';
 
-var _excluded$1r = ["testId"];
+var _excluded$1s = ["testId"];
 var IconMoneyBill = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-money-bill' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2968,11 +3000,11 @@ var IconMoneyBill = forwardRef(function (_ref, ref) {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-var _excluded$1s = ["testId"];
+var _excluded$1t = ["testId"];
 var IconNotesMedical = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-notes-medical' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1t);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2988,11 +3020,11 @@ var IconNotesMedical = forwardRef(function (_ref, ref) {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
 
-var _excluded$1t = ["testId"];
+var _excluded$1u = ["testId"];
 var IconOvertime = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-overtime' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1t);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1u);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 21 20",
@@ -3016,11 +3048,11 @@ var IconOvertime = forwardRef(function (_ref, ref) {
 });
 IconOvertime.displayName = 'IconOvertime';
 
-var _excluded$1u = ["testId"];
+var _excluded$1v = ["testId"];
 var IconPaperPlaneClock = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-paper-plane-clock' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1u);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3048,11 +3080,11 @@ var IconPaperPlaneClock = forwardRef(function (_ref, ref) {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
 
-var _excluded$1v = ["testId"];
+var _excluded$1w = ["testId"];
 var IconPaperPlane = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-paper-plane' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1w);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 19 20",
@@ -3070,11 +3102,11 @@ var IconPaperPlane = forwardRef(function (_ref, ref) {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
 
-var _excluded$1w = ["testId"];
+var _excluded$1x = ["testId"];
 var IconPaperclip = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-paperclip' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1w);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1x);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3097,11 +3129,11 @@ var IconPaperclip = forwardRef(function (_ref, ref) {
 });
 IconPaperclip.displayName = 'IconPaperclip';
 
-var _excluded$1x = ["testId"];
+var _excluded$1y = ["testId"];
 var IconPencil = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-pencil' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1x);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1y);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3119,11 +3151,11 @@ var IconPencil = forwardRef(function (_ref, ref) {
 });
 IconPencil.displayName = 'IconPencil';
 
-var _excluded$1y = ["testId"];
+var _excluded$1z = ["testId"];
 var IconPercentage = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-percentage' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1y);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1z);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3139,11 +3171,11 @@ var IconPercentage = forwardRef(function (_ref, ref) {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-var _excluded$1z = ["testId"];
+var _excluded$1A = ["testId"];
 var IconPhone = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-phone' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1z);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1A);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3159,11 +3191,11 @@ var IconPhone = forwardRef(function (_ref, ref) {
 });
 IconPhone.displayName = 'IconPhone';
 
-var _excluded$1A = ["testId"];
+var _excluded$1B = ["testId"];
 var IconPlug = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-plug' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1A);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1B);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3181,11 +3213,11 @@ var IconPlug = forwardRef(function (_ref, ref) {
 });
 IconPlug.displayName = 'IconPlug';
 
-var _excluded$1B = ["testId"];
+var _excluded$1C = ["testId"];
 var IconPlus = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-plus' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1B);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1C);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3203,11 +3235,11 @@ var IconPlus = forwardRef(function (_ref, ref) {
 });
 IconPlus.displayName = 'IconPlus';
 
-var _excluded$1C = ["testId"];
+var _excluded$1D = ["testId"];
 var IconPrint = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-print' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1C);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1D);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3225,11 +3257,11 @@ var IconPrint = forwardRef(function (_ref, ref) {
 });
 IconPrint.displayName = 'IconPrint';
 
-var _excluded$1D = ["testId"];
+var _excluded$1E = ["testId"];
 var IconQuestionCircle = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-question-circle' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1D);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1E);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3245,11 +3277,11 @@ var IconQuestionCircle = forwardRef(function (_ref, ref) {
 });
 IconQuestionCircle.displayName = 'IconQuestionCircle';
 
-var _excluded$1E = ["testId"];
+var _excluded$1F = ["testId"];
 var IconRepeat = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-repeat' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1E);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1F);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3265,11 +3297,11 @@ var IconRepeat = forwardRef(function (_ref, ref) {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-var _excluded$1F = ["testId"];
+var _excluded$1G = ["testId"];
 var IconReply = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-reply' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1F);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1G);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3285,11 +3317,11 @@ var IconReply = forwardRef(function (_ref, ref) {
 });
 IconReply.displayName = 'IconReply';
 
-var _excluded$1G = ["testId"];
+var _excluded$1H = ["testId"];
 var IconSearch = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-search' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1G);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1H);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3307,11 +3339,11 @@ var IconSearch = forwardRef(function (_ref, ref) {
 });
 IconSearch.displayName = 'IconSearch';
 
-var _excluded$1H = ["testId"];
+var _excluded$1I = ["testId"];
 var IconSignOut = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-sign-out' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1H);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1I);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3327,11 +3359,11 @@ var IconSignOut = forwardRef(function (_ref, ref) {
 });
 IconSignOut.displayName = 'IconSignOut';
 
-var _excluded$1I = ["testId"];
+var _excluded$1J = ["testId"];
 var IconSitemap = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-sitemap' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1I);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1J);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3349,11 +3381,11 @@ var IconSitemap = forwardRef(function (_ref, ref) {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-var _excluded$1J = ["testId"];
+var _excluded$1K = ["testId"];
 var IconSlidersH = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-sliders-h' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1J);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3376,11 +3408,11 @@ var IconSlidersH = forwardRef(function (_ref, ref) {
 });
 IconSlidersH.displayName = 'IconSlidersH';
 
-var _excluded$1K = ["testId"];
+var _excluded$1L = ["testId"];
 var IconSort = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-sort' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1L);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3396,11 +3428,11 @@ var IconSort = forwardRef(function (_ref, ref) {
 });
 IconSort.displayName = 'IconSort';
 
-var _excluded$1L = ["testId"];
+var _excluded$1M = ["testId"];
 var IconStarSolid = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-star-solid' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1L);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1M);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3416,11 +3448,11 @@ var IconStarSolid = forwardRef(function (_ref, ref) {
 });
 IconStarSolid.displayName = 'IconStarSolid';
 
-var _excluded$1M = ["testId"];
+var _excluded$1N = ["testId"];
 var IconStar = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-star' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1M);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1N);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3436,11 +3468,11 @@ var IconStar = forwardRef(function (_ref, ref) {
 });
 IconStar.displayName = 'IconStar';
 
-var _excluded$1N = ["testId"];
+var _excluded$1O = ["testId"];
 var IconStickyNoteLines = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-sticky-note-lines' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1N);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1O);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3459,11 +3491,11 @@ var IconStickyNoteLines = forwardRef(function (_ref, ref) {
 });
 IconStickyNoteLines.displayName = 'IconStickyNoteLines';
 
-var _excluded$1O = ["testId"];
+var _excluded$1P = ["testId"];
 var IconStopwatch = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-stopwatch' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1O);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3481,11 +3513,11 @@ var IconStopwatch = forwardRef(function (_ref, ref) {
 });
 IconStopwatch.displayName = 'IconStopwatch';
 
-var _excluded$1P = ["testId"];
+var _excluded$1Q = ["testId"];
 var IconStrikethrough = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-strikethrough' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1Q);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3508,11 +3540,11 @@ var IconStrikethrough = forwardRef(function (_ref, ref) {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
 
-var _excluded$1Q = ["testId"];
+var _excluded$1R = ["testId"];
 var IconSyncExclaimation = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-sync-exclaimation' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1Q);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1R);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3528,11 +3560,11 @@ var IconSyncExclaimation = forwardRef(function (_ref, ref) {
 });
 IconSyncExclaimation.displayName = 'IconSyncExclaimation';
 
-var _excluded$1R = ["testId"];
+var _excluded$1S = ["testId"];
 var IconSync = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-sync' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1R);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1S);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3548,11 +3580,11 @@ var IconSync = forwardRef(function (_ref, ref) {
 });
 IconSync.displayName = 'IconSync';
 
-var _excluded$1S = ["testId"];
+var _excluded$1T = ["testId"];
 var IconTachometer = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-tachometer' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1S);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1T);
 
   return React__default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3567,11 +3599,11 @@ var IconTachometer = forwardRef(function (_ref, ref) {
 });
 IconTachometer.displayName = 'IconTachometer';
 
-var _excluded$1T = ["testId"];
+var _excluded$1U = ["testId"];
 var IconTimesOctagon = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-times-octagon' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1T);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1U);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3589,11 +3621,11 @@ var IconTimesOctagon = forwardRef(function (_ref, ref) {
 });
 IconTimesOctagon.displayName = 'IconTimesOctagon';
 
-var _excluded$1U = ["testId"];
+var _excluded$1V = ["testId"];
 var IconTimes = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-times' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1U);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3611,11 +3643,11 @@ var IconTimes = forwardRef(function (_ref, ref) {
 });
 IconTimes.displayName = 'IconTimes';
 
-var _excluded$1V = ["testId"];
+var _excluded$1W = ["testId"];
 var IconTrash = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-trash' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3633,11 +3665,11 @@ var IconTrash = forwardRef(function (_ref, ref) {
 });
 IconTrash.displayName = 'IconTrash';
 
-var _excluded$1W = ["testId"];
+var _excluded$1X = ["testId"];
 var IconUnderline = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-underline' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1X);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3653,11 +3685,11 @@ var IconUnderline = forwardRef(function (_ref, ref) {
 });
 IconUnderline.displayName = 'IconUnderline';
 
-var _excluded$1X = ["testId"];
+var _excluded$1Y = ["testId"];
 var IconUndo = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-undo' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1X);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3673,11 +3705,11 @@ var IconUndo = forwardRef(function (_ref, ref) {
 });
 IconUndo.displayName = 'IconUndo';
 
-var _excluded$1Y = ["testId"];
+var _excluded$1Z = ["testId"];
 var IconUniversity = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-university' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1Z);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3700,11 +3732,11 @@ var IconUniversity = forwardRef(function (_ref, ref) {
 });
 IconUniversity.displayName = 'IconUniversity';
 
-var _excluded$1Z = ["testId"];
+var _excluded$1_ = ["testId"];
 var IconUserComputer = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-user-computer' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1Z);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3731,11 +3763,11 @@ var IconUserComputer = forwardRef(function (_ref, ref) {
 });
 IconUserComputer.displayName = 'IconUserComputer';
 
-var _excluded$1_ = ["testId"];
+var _excluded$1$ = ["testId"];
 var IconUserFriends = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-user-friends' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3751,11 +3783,11 @@ var IconUserFriends = forwardRef(function (_ref, ref) {
 });
 IconUserFriends.displayName = 'IconUserFriends';
 
-var _excluded$1$ = ["testId"];
+var _excluded$20 = ["testId"];
 var IconUserLight = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-user-light' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3773,11 +3805,11 @@ var IconUserLight = forwardRef(function (_ref, ref) {
 });
 IconUserLight.displayName = 'IconUserLight';
 
-var _excluded$20 = ["testId"];
+var _excluded$21 = ["testId"];
 var IconUserPlus = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-user-plus' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3793,11 +3825,11 @@ var IconUserPlus = forwardRef(function (_ref, ref) {
 });
 IconUserPlus.displayName = 'IconUserPlus';
 
-var _excluded$21 = ["testId"];
+var _excluded$22 = ["testId"];
 var IconUserSlash = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-user-slash' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3820,11 +3852,11 @@ var IconUserSlash = forwardRef(function (_ref, ref) {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-var _excluded$22 = ["testId"];
+var _excluded$23 = ["testId"];
 var IconUserSolid = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-user-solid' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3840,11 +3872,11 @@ var IconUserSolid = forwardRef(function (_ref, ref) {
 });
 IconUserSolid.displayName = 'IconUserSolid';
 
-var _excluded$23 = ["testId"];
+var _excluded$24 = ["testId"];
 var IconUserTag = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-user-tag' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3862,11 +3894,11 @@ var IconUserTag = forwardRef(function (_ref, ref) {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-var _excluded$24 = ["testId"];
+var _excluded$25 = ["testId"];
 var IconUserTie = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-user-tie' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3882,11 +3914,11 @@ var IconUserTie = forwardRef(function (_ref, ref) {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-var _excluded$25 = ["testId"];
+var _excluded$26 = ["testId"];
 var IconUsers = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-users' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3902,11 +3934,11 @@ var IconUsers = forwardRef(function (_ref, ref) {
 });
 IconUsers.displayName = 'IconUsers';
 
-var _excluded$26 = ["testId"];
+var _excluded$27 = ["testId"];
 var IconVideo = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-video' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3922,11 +3954,11 @@ var IconVideo = forwardRef(function (_ref, ref) {
 });
 IconVideo.displayName = 'IconVideo';
 
-var _excluded$27 = ["testId"];
+var _excluded$28 = ["testId"];
 var IconVolumeMute = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-volume-mute' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3942,11 +3974,11 @@ var IconVolumeMute = forwardRef(function (_ref, ref) {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-var _excluded$28 = ["testId"];
+var _excluded$29 = ["testId"];
 var IconVolume = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-volume' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3962,11 +3994,11 @@ var IconVolume = forwardRef(function (_ref, ref) {
 });
 IconVolume.displayName = 'IconVolume';
 
-var _excluded$29 = ["testId"];
+var _excluded$2a = ["testId"];
 var IconWrench = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-wrench' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -4325,7 +4357,7 @@ var ActionsCell = function ActionsCell(_ref) {
   }));
 };
 
-var _excluded$2a = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "testId"];
+var _excluded$2b = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "testId"];
 
 var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
   var _classnames;
@@ -4339,7 +4371,7 @@ var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
       _ref$hasDefaultPaddin = _ref.hasDefaultPadding,
       hasDefaultPadding = _ref$hasDefaultPaddin === void 0 ? true : _ref$hasDefaultPaddin,
       testId = _ref.testId,
-      nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
+      nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
 
   var _useDataTableContext = useDataTableContext(),
       columns = _useDataTableContext.columns,
@@ -5840,6 +5872,8 @@ var ALIGNMENTS = {
 
 var styles$u = {"text":"_3CIA3","text__body":"_1nnj8","text__caption":"_37K6o","text__insight":"_avqxy","text--bold":"_2TG6E","text--italic":"_2hlsn","text--underline":"_1Pjo6","text--monospace":"_eDdDI","text--align-left":"_2gNwS","text--align-right":"_ufv1W","text--align-center":"_2WMN6","text--align-justify":"_2iH-J"};
 
+var _excluded$2c = ["children", "as", "emphasis", "alignment", "color", "testId"];
+
 var Text = function Text(_ref) {
   var _classnames;
 
@@ -5849,11 +5883,14 @@ var Text = function Text(_ref) {
       emphasis = _ref.emphasis,
       alignment = _ref.alignment,
       color = _ref.color,
-      testId = _ref.testId;
+      testId = _ref.testId,
+      positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
+
+  var positionStyles = usePositionStyles(positionProps);
   var elementProps = {
-    style: {
+    style: _extends({
       color: color
-    },
+    }, positionStyles),
     className: classnames(styles$u['text'], (_classnames = {}, _classnames[styles$u['text--bold']] = emphasis === null || emphasis === void 0 ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD), _classnames[styles$u['text--italic']] = emphasis === null || emphasis === void 0 ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC), _classnames[styles$u['text--underline']] = emphasis === null || emphasis === void 0 ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE), _classnames[styles$u['text--monospace']] = emphasis === null || emphasis === void 0 ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE), _classnames[styles$u['text--align-left']] = alignment === ALIGNMENTS.LEFT, _classnames[styles$u['text--align-right']] = alignment === ALIGNMENTS.RIGHT, _classnames[styles$u['text--align-center']] = alignment === ALIGNMENTS.CENTER, _classnames[styles$u['text--align-justify']] = alignment === ALIGNMENTS.JUSTIFY, _classnames[styles$u['text__body']] = as === TEXT_TYPES.BODY, _classnames[styles$u['text__insight']] = as === TEXT_TYPES.INSIGHT, _classnames[styles$u['text__caption']] = as === TEXT_TYPES.CAPTION, _classnames)),
     'data-testid': testId
   };
@@ -6317,12 +6354,12 @@ var useTextField = function useTextField(_ref) {
   };
 };
 
-var _excluded$2b = ["prefix", "suffix"];
+var _excluded$2d = ["prefix", "suffix"];
 
 var TextFieldElement = function TextFieldElement(_ref, ref) {
   var prefix = _ref.prefix,
       suffix = _ref.suffix,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
 
   var _useTextField = useTextField(_extends({}, props, {
     ref: ref
@@ -7081,11 +7118,11 @@ var getSelectStyles$1 = function getSelectStyles(_ref) {
   };
 };
 
-var _excluded$2c = ["children"];
+var _excluded$2e = ["children"];
 
 function CustomOption(_ref) {
   var children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
 
   var UserCustomOption = props.selectProps.componentsProps.UserCustomOption;
   return React__default.createElement(components.Option, Object.assign({}, props), React__default.createElement(UserCustomOption, Object.assign({}, props), children));
@@ -7199,13 +7236,13 @@ var MultiSelectField = function MultiSelectField(_ref) {
 
 var styles$J = {"custom-control":"_1cDCR"};
 
-var _excluded$2d = ["children"];
+var _excluded$2f = ["children"];
 
 function CustomControl(_ref) {
   var _props$getValue;
 
   var children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
 
   var SelectedOptionPrefix = props.selectProps.componentsProps.SelectedOptionPrefix;
   var selectedOption = (_props$getValue = props.getValue()) === null || _props$getValue === void 0 ? void 0 : _props$getValue[0];
@@ -7225,11 +7262,11 @@ function CustomControl(_ref) {
 
 var styles$K = {"custom-menu-text-field":"_2-zhH","custom-menu-hr":"_3sdnK","custom-menu-div":"_2F1jP"};
 
-var _excluded$2e = ["children"];
+var _excluded$2g = ["children"];
 
 function CustomMenu(_ref) {
   var children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
 
   var _props$selectProps$co = props.selectProps.componentsProps,
       creatableButton = _props$selectProps$co.creatableButton,
@@ -7444,13 +7481,13 @@ var SelectField = function SelectField(props) {
 
 var styles$L = {"custom-list":"_uC4zU"};
 
-var _excluded$2f = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
+var _excluded$2h = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
 
 var CustomList = function CustomList(_ref) {
   var children = _ref.children,
       hasMoreOptions = _ref.hasMoreOptions,
       hasMoreOptionsFirstLoad = _ref.hasMoreOptionsFirstLoad,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
 
   var showFooter = hasMoreOptions;
 
@@ -7465,11 +7502,11 @@ var CustomList = function CustomList(_ref) {
   }, getLocalizedString('main.START_TYPING_TO_SEE_MORE_OPTIONS')))));
 };
 
-var _excluded$2g = ["loadOptions"];
+var _excluded$2i = ["loadOptions"];
 
 var AsyncSelectField = function AsyncSelectField(_ref) {
   var loadOptions = _ref.loadOptions,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
 
   var _useState = useState(false),
       hasMoreOptions = _useState[0],
@@ -8257,14 +8294,14 @@ var WeekField = function WeekField(_ref) {
   })));
 };
 
-var _excluded$2h = ["placeholder", "autoComplete"];
+var _excluded$2j = ["placeholder", "autoComplete"];
 
 var TimeFieldElement = function TimeFieldElement(_ref, ref) {
   var _ref$placeholder = _ref.placeholder,
       placeholder = _ref$placeholder === void 0 ? '9am' : _ref$placeholder,
       _ref$autoComplete = _ref.autoComplete,
       autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete,
-      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
+      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
 
   var _useTextField = useTextField(_extends({}, allOtherProps, {
     placeholder: placeholder,
@@ -8285,12 +8322,12 @@ var TimeFieldElement = function TimeFieldElement(_ref, ref) {
 
 var TimeField = forwardRef(TimeFieldElement);
 
-var _excluded$2i = ["currencySymbol"];
+var _excluded$2k = ["currencySymbol"];
 
 var CurrencyFieldElement = function CurrencyFieldElement(_ref, ref) {
   var _ref$currencySymbol = _ref.currencySymbol,
       currencySymbol = _ref$currencySymbol === void 0 ? "$" : _ref$currencySymbol,
-      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
+      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
 
   var _useTextField = useTextField(_extends({}, allOtherProps, {
     ref: ref
@@ -8323,7 +8360,7 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, ref) {
 
 var CurrencyField = forwardRef(CurrencyFieldElement);
 
-var _excluded$2j = ["max", "min", "precision", "stepSize"];
+var _excluded$2l = ["max", "min", "precision", "stepSize"];
 
 var PercentageElement = function PercentageElement(_ref, ref) {
   var _ref$max = _ref.max,
@@ -8334,7 +8371,7 @@ var PercentageElement = function PercentageElement(_ref, ref) {
       precision = _ref$precision === void 0 ? 0 : _ref$precision,
       _ref$stepSize = _ref.stepSize,
       stepSize = _ref$stepSize === void 0 ? 1 : _ref$stepSize,
-      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
+      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
 
   var _useTextField = useTextField(_extends({}, allOtherProps, {
     ref: ref
@@ -8744,7 +8781,7 @@ var ProgressBar = function ProgressBar(_ref) {
 
 var styles$S = {"badge":"_2f81N","badge--warning":"_2g1GI","badge--danger":"_2zLnM","badge--success":"_27QOo","badge--info":"_2gmsM"};
 
-var _excluded$2k = ["children", "theme", "title", "testId"];
+var _excluded$2m = ["children", "theme", "title", "testId"];
 
 var Badge = function Badge(_ref, forwardedRef) {
   var _classnames;
@@ -8753,7 +8790,7 @@ var Badge = function Badge(_ref, forwardedRef) {
       theme = _ref.theme,
       title = _ref.title,
       testId = _ref.testId,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
 
   var internalRef = useRef(null);
   var ref = forwardedRef || internalRef;