@7shifts/sous-chef 3.1.1 → 3.3.0

package/dist/index.modern.js

@@ -898,10 +898,37 @@ var IconArrowToTop = forwardRef(function (_ref, ref) {
 IconArrowToTop.displayName = 'IconArrowToTop';
 
 var _excluded$9 = ["testId"];
+var IconArrowTurnDownRight = forwardRef(function (_ref, ref) {
+  var _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'icon-arrow-turn-down-right' : _ref$testId,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
+
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: getIconStyles(props),
+    "data-testid": testId,
+    ref: ref
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-arrow-turn-down-right_svg__a)"
+  }, React__default.createElement("path", {
+    opacity: 0.9,
+    d: "m15.957 14.862 3.905-3.905a.47.47 0 0 0 0-.664l-3.905-3.906a.47.47 0 0 0-.664 0l-.332.332a.47.47 0 0 0 0 .665l2.537 2.538H1.406V5.938a.469.469 0 0 0-.137-.331L.8 5.138a.469.469 0 0 0-.8.331v4.921c0 .518.42.938.937.938h16.561l-2.537 2.538a.47.47 0 0 0 0 .664l.332.332a.47.47 0 0 0 .664 0Z"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-arrow-turn-down-right_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+});
+IconArrowTurnDownRight.displayName = 'IconArrowTurnDownRight';
+
+var _excluded$a = ["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$9);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -919,11 +946,11 @@ var IconArrowUp = forwardRef(function (_ref, ref) {
 });
 IconArrowUp.displayName = 'IconArrowUp';
 
-var _excluded$a = ["testId"];
+var _excluded$b = ["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$a);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -941,11 +968,11 @@ var IconAward = forwardRef(function (_ref, ref) {
 });
 IconAward.displayName = 'IconAward';
 
-var _excluded$b = ["testId"];
+var _excluded$c = ["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$b);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -993,11 +1020,11 @@ var IconAwfulMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconAwfulMonochromatic.displayName = 'IconAwfulMonochromatic';
 
-var _excluded$c = ["testId"];
+var _excluded$d = ["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$c);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1033,11 +1060,11 @@ var IconAwful = forwardRef(function (_ref, ref) {
 });
 IconAwful.displayName = 'IconAwful';
 
-var _excluded$d = ["testId"];
+var _excluded$e = ["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$d);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1071,11 +1098,11 @@ var IconBadMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconBadMonochromatic.displayName = 'IconBadMonochromatic';
 
-var _excluded$e = ["testId"];
+var _excluded$f = ["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$e);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1097,11 +1124,11 @@ var IconBad = forwardRef(function (_ref, ref) {
 });
 IconBad.displayName = 'IconBad';
 
-var _excluded$f = ["testId"];
+var _excluded$g = ["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$f);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1124,11 +1151,11 @@ var IconBalanceScaleLeft = forwardRef(function (_ref, ref) {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
 
-var _excluded$g = ["testId"];
+var _excluded$h = ["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$g);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1151,11 +1178,11 @@ var IconBalanceScale = forwardRef(function (_ref, ref) {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
 
-var _excluded$h = ["testId"];
+var _excluded$i = ["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$h);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1171,11 +1198,11 @@ var IconBan = forwardRef(function (_ref, ref) {
 });
 IconBan.displayName = 'IconBan';
 
-var _excluded$i = ["testId"];
+var _excluded$j = ["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$i);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1193,11 +1220,11 @@ var IconBarsH = forwardRef(function (_ref, ref) {
 });
 IconBarsH.displayName = 'IconBarsH';
 
-var _excluded$j = ["testId"];
+var _excluded$k = ["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$j);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1213,11 +1240,11 @@ var IconBarsV = forwardRef(function (_ref, ref) {
 });
 IconBarsV.displayName = 'IconBarsV';
 
-var _excluded$k = ["testId"];
+var _excluded$l = ["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$k);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1235,11 +1262,11 @@ var IconBell = forwardRef(function (_ref, ref) {
 });
 IconBell.displayName = 'IconBell';
 
-var _excluded$l = ["testId"];
+var _excluded$m = ["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$l);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$m);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1255,11 +1282,11 @@ var IconBirthdayCake = forwardRef(function (_ref, ref) {
 });
 IconBirthdayCake.displayName = 'IconBirthdayCake';
 
-var _excluded$m = ["testId"];
+var _excluded$n = ["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$m);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1275,11 +1302,11 @@ var IconBold = forwardRef(function (_ref, ref) {
 });
 IconBold.displayName = 'IconBold';
 
-var _excluded$n = ["testId"];
+var _excluded$o = ["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$n);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1302,11 +1329,11 @@ var IconBolt = forwardRef(function (_ref, ref) {
 });
 IconBolt.displayName = 'IconBolt';
 
-var _excluded$o = ["testId"];
+var _excluded$p = ["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$o);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1324,11 +1351,11 @@ var IconBook = forwardRef(function (_ref, ref) {
 });
 IconBook.displayName = 'IconBook';
 
-var _excluded$p = ["testId"];
+var _excluded$q = ["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$p);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1344,11 +1371,11 @@ var IconBriefcase = forwardRef(function (_ref, ref) {
 });
 IconBriefcase.displayName = 'IconBriefcase';
 
-var _excluded$q = ["testId"];
+var _excluded$r = ["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$q);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1366,11 +1393,11 @@ var IconBullseyeArrow = forwardRef(function (_ref, ref) {
 });
 IconBullseyeArrow.displayName = 'IconBullseyeArrow';
 
-var _excluded$r = ["testId"];
+var _excluded$s = ["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$r);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1388,11 +1415,11 @@ var IconCalculator = forwardRef(function (_ref, ref) {
 });
 IconCalculator.displayName = 'IconCalculator';
 
-var _excluded$s = ["testId"];
+var _excluded$t = ["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$s);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1410,11 +1437,11 @@ var IconCalendarAlt = forwardRef(function (_ref, ref) {
 });
 IconCalendarAlt.displayName = 'IconCalendarAlt';
 
-var _excluded$t = ["testId"];
+var _excluded$u = ["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$t);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1432,11 +1459,11 @@ var IconCalendarCheck = forwardRef(function (_ref, ref) {
 });
 IconCalendarCheck.displayName = 'IconCalendarCheck';
 
-var _excluded$u = ["testId"];
+var _excluded$v = ["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$u);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1460,11 +1487,11 @@ var IconCalendarDay = forwardRef(function (_ref, ref) {
 });
 IconCalendarDay.displayName = 'IconCalendarDay';
 
-var _excluded$v = ["testId"];
+var _excluded$w = ["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$v);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1480,11 +1507,11 @@ var IconCalendarExclamation = forwardRef(function (_ref, ref) {
 });
 IconCalendarExclamation.displayName = 'IconCalendarExclamation';
 
-var _excluded$w = ["testId"];
+var _excluded$x = ["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$w);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1500,11 +1527,11 @@ var IconCalendarStar = forwardRef(function (_ref, ref) {
 });
 IconCalendarStar.displayName = 'IconCalendarStar';
 
-var _excluded$x = ["testId"];
+var _excluded$y = ["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$x);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1530,11 +1557,11 @@ var IconCalendarTomorrow = forwardRef(function (_ref, ref) {
 });
 IconCalendarTomorrow.displayName = 'IconCalendarTomorrow';
 
-var _excluded$y = ["testId"];
+var _excluded$z = ["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$y);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1552,11 +1579,11 @@ var IconCalendar = forwardRef(function (_ref, ref) {
 });
 IconCalendar.displayName = 'IconCalendar';
 
-var _excluded$z = ["testId"];
+var _excluded$A = ["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$z);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1575,11 +1602,11 @@ var IconCameraSlash = forwardRef(function (_ref, ref) {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
 
-var _excluded$A = ["testId"];
+var _excluded$B = ["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$A);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1595,11 +1622,11 @@ var IconCamera = forwardRef(function (_ref, ref) {
 });
 IconCamera.displayName = 'IconCamera';
 
-var _excluded$B = ["testId"];
+var _excluded$C = ["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$B);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$C);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1615,11 +1642,11 @@ var IconCashRegister = forwardRef(function (_ref, ref) {
 });
 IconCashRegister.displayName = 'IconCashRegister';
 
-var _excluded$C = ["testId"];
+var _excluded$D = ["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$C);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$D);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1637,11 +1664,11 @@ var IconChartBar = forwardRef(function (_ref, ref) {
 });
 IconChartBar.displayName = 'IconChartBar';
 
-var _excluded$D = ["testId"];
+var _excluded$E = ["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$D);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$E);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1659,11 +1686,11 @@ var IconCheck = forwardRef(function (_ref, ref) {
 });
 IconCheck.displayName = 'IconCheck';
 
-var _excluded$E = ["testId"];
+var _excluded$F = ["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$E);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$F);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1681,11 +1708,11 @@ var IconChevronDown = forwardRef(function (_ref, ref) {
 });
 IconChevronDown.displayName = 'IconChevronDown';
 
-var _excluded$F = ["testId"];
+var _excluded$G = ["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$F);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$G);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1703,11 +1730,11 @@ var IconChevronLeft = forwardRef(function (_ref, ref) {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
 
-var _excluded$G = ["testId"];
+var _excluded$H = ["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$G);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$H);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1725,11 +1752,11 @@ var IconChevronRight = forwardRef(function (_ref, ref) {
 });
 IconChevronRight.displayName = 'IconChevronRight';
 
-var _excluded$H = ["testId"];
+var _excluded$I = ["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$H);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$I);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1747,11 +1774,11 @@ var IconChevronUp = forwardRef(function (_ref, ref) {
 });
 IconChevronUp.displayName = 'IconChevronUp';
 
-var _excluded$I = ["testId"];
+var _excluded$J = ["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$I);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$J);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1769,11 +1796,11 @@ var IconClipboardList = forwardRef(function (_ref, ref) {
 });
 IconClipboardList.displayName = 'IconClipboardList';
 
-var _excluded$J = ["testId"];
+var _excluded$K = ["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$J);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$K);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1789,11 +1816,11 @@ var IconClock = forwardRef(function (_ref, ref) {
 });
 IconClock.displayName = 'IconClock';
 
-var _excluded$K = ["testId"];
+var _excluded$L = ["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$K);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$L);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1809,11 +1836,11 @@ var IconCog = forwardRef(function (_ref, ref) {
 });
 IconCog.displayName = 'IconCog';
 
-var _excluded$L = ["testId"];
+var _excluded$M = ["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$L);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$M);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1834,11 +1861,11 @@ var IconCommentLines = forwardRef(function (_ref, ref) {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-var _excluded$M = ["testId"];
+var _excluded$N = ["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$M);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$N);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1856,11 +1883,11 @@ var IconComment = forwardRef(function (_ref, ref) {
 });
 IconComment.displayName = 'IconComment';
 
-var _excluded$N = ["testId"];
+var _excluded$O = ["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$N);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$O);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1883,11 +1910,11 @@ var IconCopy = forwardRef(function (_ref, ref) {
 });
 IconCopy.displayName = 'IconCopy';
 
-var _excluded$O = ["testId"];
+var _excluded$P = ["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$O);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$P);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1912,11 +1939,11 @@ var IconCreditCardPlus = forwardRef(function (_ref, ref) {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-var _excluded$P = ["testId"];
+var _excluded$Q = ["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$P);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1939,11 +1966,11 @@ var IconCreditCard = forwardRef(function (_ref, ref) {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-var _excluded$Q = ["testId"];
+var _excluded$R = ["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$Q);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$R);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -1981,11 +2008,11 @@ var IconDecentMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconDecentMonochromatic.displayName = 'IconDecentMonochromatic';
 
-var _excluded$R = ["testId"];
+var _excluded$S = ["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$R);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$S);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2011,11 +2038,11 @@ var IconDecent = forwardRef(function (_ref, ref) {
 });
 IconDecent.displayName = 'IconDecent';
 
-var _excluded$S = ["testId"];
+var _excluded$T = ["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$S);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$T);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2033,11 +2060,11 @@ var IconDownload = forwardRef(function (_ref, ref) {
 });
 IconDownload.displayName = 'IconDownload';
 
-var _excluded$T = ["testId"];
+var _excluded$U = ["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$T);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$U);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2053,11 +2080,11 @@ var IconEdit = forwardRef(function (_ref, ref) {
 });
 IconEdit.displayName = 'IconEdit';
 
-var _excluded$U = ["testId"];
+var _excluded$V = ["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$U);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$V);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2075,11 +2102,11 @@ var IconEllipsisV = forwardRef(function (_ref, ref) {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
 
-var _excluded$V = ["testId"];
+var _excluded$W = ["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$V);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2095,11 +2122,11 @@ var IconEnvelope = forwardRef(function (_ref, ref) {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-var _excluded$W = ["testId"];
+var _excluded$X = ["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$W);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$X);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2117,11 +2144,11 @@ var IconExclaimationTriangle = forwardRef(function (_ref, ref) {
 });
 IconExclaimationTriangle.displayName = 'IconExclaimationTriangle';
 
-var _excluded$X = ["testId"];
+var _excluded$Y = ["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$X);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$Y);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2137,11 +2164,11 @@ var IconExclaimation = forwardRef(function (_ref, ref) {
 });
 IconExclaimation.displayName = 'IconExclaimation';
 
-var _excluded$Y = ["testId"];
+var _excluded$Z = ["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$Y);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2157,11 +2184,11 @@ var IconExpand = forwardRef(function (_ref, ref) {
 });
 IconExpand.displayName = 'IconExpand';
 
-var _excluded$Z = ["testId"];
+var _excluded$_ = ["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$Z);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$_);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2179,11 +2206,11 @@ var IconExternalLink = forwardRef(function (_ref, ref) {
 });
 IconExternalLink.displayName = 'IconExternalLink';
 
-var _excluded$_ = ["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$_);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2214,11 +2241,11 @@ var IconEyeSlash = forwardRef(function (_ref, ref) {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
 
-var _excluded$$ = ["testId"];
+var _excluded$10 = ["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$10);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2242,11 +2269,11 @@ var IconEye = forwardRef(function (_ref, ref) {
 });
 IconEye.displayName = 'IconEye';
 
-var _excluded$10 = ["testId"];
+var _excluded$11 = ["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$10);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$11);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2269,11 +2296,11 @@ var IconFilePdf = forwardRef(function (_ref, ref) {
 });
 IconFilePdf.displayName = 'IconFilePdf';
 
-var _excluded$11 = ["testId"];
+var _excluded$12 = ["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$11);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$12);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2296,11 +2323,11 @@ var IconFile = forwardRef(function (_ref, ref) {
 });
 IconFile.displayName = 'IconFile';
 
-var _excluded$12 = ["testId"];
+var _excluded$13 = ["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$12);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$13);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2323,11 +2350,11 @@ var IconFlag = forwardRef(function (_ref, ref) {
 });
 IconFlag.displayName = 'IconFlag';
 
-var _excluded$13 = ["testId"];
+var _excluded$14 = ["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$13);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$14);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2345,11 +2372,11 @@ var IconFourDotsCircle = forwardRef(function (_ref, ref) {
 });
 IconFourDotsCircle.displayName = 'IconFourDotsCircle';
 
-var _excluded$14 = ["testId"];
+var _excluded$15 = ["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$14);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$15);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2391,11 +2418,11 @@ var IconFourSquares = forwardRef(function (_ref, ref) {
 });
 IconFourSquares.displayName = 'IconFourSquares';
 
-var _excluded$15 = ["testId"];
+var _excluded$16 = ["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$15);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$16);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 60 60",
@@ -2411,11 +2438,11 @@ var IconGavel = forwardRef(function (_ref, ref) {
 });
 IconGavel.displayName = 'IconGavel';
 
-var _excluded$16 = ["testId"];
+var _excluded$17 = ["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$16);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$17);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2435,11 +2462,11 @@ var IconGif = forwardRef(function (_ref, ref) {
 });
 IconGif.displayName = 'IconGif';
 
-var _excluded$17 = ["testId"];
+var _excluded$18 = ["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$17);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2455,11 +2482,11 @@ var IconGift = forwardRef(function (_ref, ref) {
 });
 IconGift.displayName = 'IconGift';
 
-var _excluded$18 = ["testId"];
+var _excluded$19 = ["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$18);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$19);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2493,11 +2520,11 @@ var IconGoodMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconGoodMonochromatic.displayName = 'IconGoodMonochromatic';
 
-var _excluded$19 = ["testId"];
+var _excluded$1a = ["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$19);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2519,11 +2546,11 @@ var IconGood = forwardRef(function (_ref, ref) {
 });
 IconGood.displayName = 'IconGood';
 
-var _excluded$1a = ["testId"];
+var _excluded$1b = ["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$1a);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1b);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2559,11 +2586,11 @@ var IconGreatMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
 
-var _excluded$1b = ["testId"];
+var _excluded$1c = ["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$1b);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2587,11 +2614,11 @@ var IconGreat = forwardRef(function (_ref, ref) {
 });
 IconGreat.displayName = 'IconGreat';
 
-var _excluded$1c = ["testId"];
+var _excluded$1d = ["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$1c);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1d);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2607,11 +2634,11 @@ var IconGrinBeam = forwardRef(function (_ref, ref) {
 });
 IconGrinBeam.displayName = 'IconGrinBeam';
 
-var _excluded$1d = ["testId"];
+var _excluded$1e = ["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$1d);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2654,11 +2681,11 @@ var IconGripVertical = forwardRef(function (_ref, ref) {
 });
 IconGripVertical.displayName = 'IconGripVertical';
 
-var _excluded$1e = ["testId"];
+var _excluded$1f = ["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$1e);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1f);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2682,11 +2709,11 @@ var IconHandshake = forwardRef(function (_ref, ref) {
 });
 IconHandshake.displayName = 'IconHandshake';
 
-var _excluded$1f = ["testId"];
+var _excluded$1g = ["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$1f);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2709,11 +2736,11 @@ var IconImage = forwardRef(function (_ref, ref) {
 });
 IconImage.displayName = 'IconImage';
 
-var _excluded$1g = ["testId"];
+var _excluded$1h = ["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$1g);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2731,11 +2758,11 @@ var IconIslandTropical = forwardRef(function (_ref, ref) {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
 
-var _excluded$1h = ["testId"];
+var _excluded$1i = ["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$1h);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2751,11 +2778,11 @@ var IconItalic = forwardRef(function (_ref, ref) {
 });
 IconItalic.displayName = 'IconItalic';
 
-var _excluded$1i = ["testId"];
+var _excluded$1j = ["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$1i);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2780,11 +2807,11 @@ var IconLaptopSearch = forwardRef(function (_ref, ref) {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
 
-var _excluded$1j = ["testId"];
+var _excluded$1k = ["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$1j);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2807,11 +2834,11 @@ var IconLink = forwardRef(function (_ref, ref) {
 });
 IconLink.displayName = 'IconLink';
 
-var _excluded$1k = ["testId"];
+var _excluded$1l = ["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$1k);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2834,11 +2861,11 @@ var IconListOI = forwardRef(function (_ref, ref) {
 });
 IconListOI.displayName = 'IconListOI';
 
-var _excluded$1l = ["testId"];
+var _excluded$1m = ["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$1l);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2854,11 +2881,11 @@ var IconList = forwardRef(function (_ref, ref) {
 });
 IconList.displayName = 'IconList';
 
-var _excluded$1m = ["testId"];
+var _excluded$1n = ["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$1m);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2874,11 +2901,11 @@ var IconLock = forwardRef(function (_ref, ref) {
 });
 IconLock.displayName = 'IconLock';
 
-var _excluded$1n = ["testId"];
+var _excluded$1o = ["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$1n);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2896,11 +2923,11 @@ var IconMagicSolid = forwardRef(function (_ref, ref) {
 });
 IconMagicSolid.displayName = 'IconMagicSolid';
 
-var _excluded$1o = ["testId"];
+var _excluded$1p = ["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$1o);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2918,11 +2945,11 @@ var IconMapMarker = forwardRef(function (_ref, ref) {
 });
 IconMapMarker.displayName = 'IconMapMarker';
 
-var _excluded$1p = ["testId"];
+var _excluded$1q = ["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$1p);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2940,11 +2967,30 @@ var IconMegaphone = forwardRef(function (_ref, ref) {
 });
 IconMegaphone.displayName = 'IconMegaphone';
 
-var _excluded$1q = ["testId"];
+var _excluded$1r = ["testId"];
+var IconMessages = forwardRef(function (_ref, ref) {
+  var _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'icon-messages' : _ref$testId,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
+
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: getIconStyles(props),
+    "data-testid": testId,
+    ref: ref
+  }, props), React__default.createElement("path", {
+    d: "M17.778 5.556h-3.334V2.222A2.224 2.224 0 0 0 12.222 0h-10A2.224 2.224 0 0 0 0 2.222v5.556C0 9.003.997 10 2.222 10h1.111v1.806a.415.415 0 0 0 .664.333l2.67-1.51v2.704c0 1.226.996 2.223 2.222 2.223h3.333l3.781 2.138a.416.416 0 0 0 .663-.333v-1.805h1.112A2.224 2.224 0 0 0 20 13.333V7.778a2.224 2.224 0 0 0-2.222-2.222ZM2.222 8.889c-.61 0-1.11-.5-1.11-1.111V2.222c0-.61.5-1.11 1.11-1.11h10c.611 0 1.111.5 1.111 1.11v5.556c0 .61-.5 1.11-1.11 1.11H7.485l-.253.147-2.789 1.576V8.89H2.222Zm16.667 4.444c0 .611-.5 1.111-1.111 1.111h-2.222v1.723L12.77 14.59l-.254-.146H8.89c-.611 0-1.111-.5-1.111-1.11V10h4.444a2.224 2.224 0 0 0 2.222-2.222V6.667h3.334c.61 0 1.11.5 1.11 1.11v5.556Z"
+  }));
+});
+IconMessages.displayName = 'IconMessages';
+
+var _excluded$1s = ["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$1q);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2960,11 +3006,11 @@ var IconMinusCircle = forwardRef(function (_ref, ref) {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
 
-var _excluded$1r = ["testId"];
+var _excluded$1t = ["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$1r);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1t);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2980,11 +3026,11 @@ var IconMinus = forwardRef(function (_ref, ref) {
 });
 IconMinus.displayName = 'IconMinus';
 
-var _excluded$1s = ["testId"];
+var _excluded$1u = ["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$1s);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1u);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3000,11 +3046,11 @@ var IconMoneyBill = forwardRef(function (_ref, ref) {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-var _excluded$1t = ["testId"];
+var _excluded$1v = ["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$1t);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3020,11 +3066,11 @@ var IconNotesMedical = forwardRef(function (_ref, ref) {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
 
-var _excluded$1u = ["testId"];
+var _excluded$1w = ["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$1u);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1w);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 21 20",
@@ -3048,11 +3094,11 @@ var IconOvertime = forwardRef(function (_ref, ref) {
 });
 IconOvertime.displayName = 'IconOvertime';
 
-var _excluded$1v = ["testId"];
+var _excluded$1x = ["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$1v);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1x);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3080,11 +3126,11 @@ var IconPaperPlaneClock = forwardRef(function (_ref, ref) {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
 
-var _excluded$1w = ["testId"];
+var _excluded$1y = ["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$1w);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1y);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 19 20",
@@ -3102,11 +3148,11 @@ var IconPaperPlane = forwardRef(function (_ref, ref) {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
 
-var _excluded$1x = ["testId"];
+var _excluded$1z = ["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$1x);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1z);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3129,11 +3175,11 @@ var IconPaperclip = forwardRef(function (_ref, ref) {
 });
 IconPaperclip.displayName = 'IconPaperclip';
 
-var _excluded$1y = ["testId"];
+var _excluded$1A = ["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$1y);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1A);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3151,11 +3197,11 @@ var IconPencil = forwardRef(function (_ref, ref) {
 });
 IconPencil.displayName = 'IconPencil';
 
-var _excluded$1z = ["testId"];
+var _excluded$1B = ["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$1z);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1B);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3171,11 +3217,11 @@ var IconPercentage = forwardRef(function (_ref, ref) {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-var _excluded$1A = ["testId"];
+var _excluded$1C = ["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$1A);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1C);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3191,11 +3237,11 @@ var IconPhone = forwardRef(function (_ref, ref) {
 });
 IconPhone.displayName = 'IconPhone';
 
-var _excluded$1B = ["testId"];
+var _excluded$1D = ["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$1B);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1D);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3213,11 +3259,11 @@ var IconPlug = forwardRef(function (_ref, ref) {
 });
 IconPlug.displayName = 'IconPlug';
 
-var _excluded$1C = ["testId"];
+var _excluded$1E = ["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$1C);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1E);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3235,11 +3281,11 @@ var IconPlus = forwardRef(function (_ref, ref) {
 });
 IconPlus.displayName = 'IconPlus';
 
-var _excluded$1D = ["testId"];
+var _excluded$1F = ["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$1D);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1F);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3257,11 +3303,11 @@ var IconPrint = forwardRef(function (_ref, ref) {
 });
 IconPrint.displayName = 'IconPrint';
 
-var _excluded$1E = ["testId"];
+var _excluded$1G = ["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$1E);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1G);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3277,11 +3323,11 @@ var IconQuestionCircle = forwardRef(function (_ref, ref) {
 });
 IconQuestionCircle.displayName = 'IconQuestionCircle';
 
-var _excluded$1F = ["testId"];
+var _excluded$1H = ["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$1F);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1H);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3297,11 +3343,11 @@ var IconRepeat = forwardRef(function (_ref, ref) {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-var _excluded$1G = ["testId"];
+var _excluded$1I = ["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$1G);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1I);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3317,11 +3363,11 @@ var IconReply = forwardRef(function (_ref, ref) {
 });
 IconReply.displayName = 'IconReply';
 
-var _excluded$1H = ["testId"];
+var _excluded$1J = ["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$1H);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1J);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3339,11 +3385,11 @@ var IconSearch = forwardRef(function (_ref, ref) {
 });
 IconSearch.displayName = 'IconSearch';
 
-var _excluded$1I = ["testId"];
+var _excluded$1K = ["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$1I);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3359,11 +3405,11 @@ var IconSignOut = forwardRef(function (_ref, ref) {
 });
 IconSignOut.displayName = 'IconSignOut';
 
-var _excluded$1J = ["testId"];
+var _excluded$1L = ["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$1J);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1L);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3381,11 +3427,11 @@ var IconSitemap = forwardRef(function (_ref, ref) {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-var _excluded$1K = ["testId"];
+var _excluded$1M = ["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$1K);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1M);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3408,11 +3454,11 @@ var IconSlidersH = forwardRef(function (_ref, ref) {
 });
 IconSlidersH.displayName = 'IconSlidersH';
 
-var _excluded$1L = ["testId"];
+var _excluded$1N = ["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$1L);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1N);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3428,11 +3474,11 @@ var IconSort = forwardRef(function (_ref, ref) {
 });
 IconSort.displayName = 'IconSort';
 
-var _excluded$1M = ["testId"];
+var _excluded$1O = ["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$1M);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1O);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3448,11 +3494,11 @@ var IconStarSolid = forwardRef(function (_ref, ref) {
 });
 IconStarSolid.displayName = 'IconStarSolid';
 
-var _excluded$1N = ["testId"];
+var _excluded$1P = ["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$1N);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3468,11 +3514,11 @@ var IconStar = forwardRef(function (_ref, ref) {
 });
 IconStar.displayName = 'IconStar';
 
-var _excluded$1O = ["testId"];
+var _excluded$1Q = ["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$1O);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1Q);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3491,11 +3537,11 @@ var IconStickyNoteLines = forwardRef(function (_ref, ref) {
 });
 IconStickyNoteLines.displayName = 'IconStickyNoteLines';
 
-var _excluded$1P = ["testId"];
+var _excluded$1R = ["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$1P);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1R);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3513,11 +3559,11 @@ var IconStopwatch = forwardRef(function (_ref, ref) {
 });
 IconStopwatch.displayName = 'IconStopwatch';
 
-var _excluded$1Q = ["testId"];
+var _excluded$1S = ["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$1Q);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1S);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3540,11 +3586,11 @@ var IconStrikethrough = forwardRef(function (_ref, ref) {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
 
-var _excluded$1R = ["testId"];
+var _excluded$1T = ["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$1R);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1T);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3560,11 +3606,11 @@ var IconSyncExclaimation = forwardRef(function (_ref, ref) {
 });
 IconSyncExclaimation.displayName = 'IconSyncExclaimation';
 
-var _excluded$1S = ["testId"];
+var _excluded$1U = ["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$1S);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1U);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3580,11 +3626,11 @@ var IconSync = forwardRef(function (_ref, ref) {
 });
 IconSync.displayName = 'IconSync';
 
-var _excluded$1T = ["testId"];
+var _excluded$1V = ["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$1T);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
 
   return React__default.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3599,11 +3645,11 @@ var IconTachometer = forwardRef(function (_ref, ref) {
 });
 IconTachometer.displayName = 'IconTachometer';
 
-var _excluded$1U = ["testId"];
+var _excluded$1W = ["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$1U);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3621,11 +3667,11 @@ var IconTimesOctagon = forwardRef(function (_ref, ref) {
 });
 IconTimesOctagon.displayName = 'IconTimesOctagon';
 
-var _excluded$1V = ["testId"];
+var _excluded$1X = ["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$1V);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1X);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3643,11 +3689,11 @@ var IconTimes = forwardRef(function (_ref, ref) {
 });
 IconTimes.displayName = 'IconTimes';
 
-var _excluded$1W = ["testId"];
+var _excluded$1Y = ["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$1W);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3665,11 +3711,11 @@ var IconTrash = forwardRef(function (_ref, ref) {
 });
 IconTrash.displayName = 'IconTrash';
 
-var _excluded$1X = ["testId"];
+var _excluded$1Z = ["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$1X);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1Z);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3685,11 +3731,11 @@ var IconUnderline = forwardRef(function (_ref, ref) {
 });
 IconUnderline.displayName = 'IconUnderline';
 
-var _excluded$1Y = ["testId"];
+var _excluded$1_ = ["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$1Y);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3705,11 +3751,11 @@ var IconUndo = forwardRef(function (_ref, ref) {
 });
 IconUndo.displayName = 'IconUndo';
 
-var _excluded$1Z = ["testId"];
+var _excluded$1$ = ["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$1Z);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3732,11 +3778,11 @@ var IconUniversity = forwardRef(function (_ref, ref) {
 });
 IconUniversity.displayName = 'IconUniversity';
 
-var _excluded$1_ = ["testId"];
+var _excluded$20 = ["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$1_);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3763,11 +3809,11 @@ var IconUserComputer = forwardRef(function (_ref, ref) {
 });
 IconUserComputer.displayName = 'IconUserComputer';
 
-var _excluded$1$ = ["testId"];
+var _excluded$21 = ["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$21);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3783,11 +3829,11 @@ var IconUserFriends = forwardRef(function (_ref, ref) {
 });
 IconUserFriends.displayName = 'IconUserFriends';
 
-var _excluded$20 = ["testId"];
+var _excluded$22 = ["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$20);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3805,11 +3851,11 @@ var IconUserLight = forwardRef(function (_ref, ref) {
 });
 IconUserLight.displayName = 'IconUserLight';
 
-var _excluded$21 = ["testId"];
+var _excluded$23 = ["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$21);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3825,11 +3871,11 @@ var IconUserPlus = forwardRef(function (_ref, ref) {
 });
 IconUserPlus.displayName = 'IconUserPlus';
 
-var _excluded$22 = ["testId"];
+var _excluded$24 = ["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$22);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3852,11 +3898,11 @@ var IconUserSlash = forwardRef(function (_ref, ref) {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-var _excluded$23 = ["testId"];
+var _excluded$25 = ["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$23);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3872,11 +3918,11 @@ var IconUserSolid = forwardRef(function (_ref, ref) {
 });
 IconUserSolid.displayName = 'IconUserSolid';
 
-var _excluded$24 = ["testId"];
+var _excluded$26 = ["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$24);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3894,11 +3940,11 @@ var IconUserTag = forwardRef(function (_ref, ref) {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-var _excluded$25 = ["testId"];
+var _excluded$27 = ["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$25);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3914,11 +3960,11 @@ var IconUserTie = forwardRef(function (_ref, ref) {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-var _excluded$26 = ["testId"];
+var _excluded$28 = ["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$26);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3934,11 +3980,11 @@ var IconUsers = forwardRef(function (_ref, ref) {
 });
 IconUsers.displayName = 'IconUsers';
 
-var _excluded$27 = ["testId"];
+var _excluded$29 = ["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$27);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3954,11 +4000,11 @@ var IconVideo = forwardRef(function (_ref, ref) {
 });
 IconVideo.displayName = 'IconVideo';
 
-var _excluded$28 = ["testId"];
+var _excluded$2a = ["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$28);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3974,11 +4020,11 @@ var IconVolumeMute = forwardRef(function (_ref, ref) {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-var _excluded$29 = ["testId"];
+var _excluded$2b = ["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$29);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3994,11 +4040,11 @@ var IconVolume = forwardRef(function (_ref, ref) {
 });
 IconVolume.displayName = 'IconVolume';
 
-var _excluded$2a = ["testId"];
+var _excluded$2c = ["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$2a);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -4357,7 +4403,7 @@ var ActionsCell = function ActionsCell(_ref) {
   }));
 };
 
-var _excluded$2b = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "testId"];
+var _excluded$2d = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "testId"];
 
 var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
   var _classnames;
@@ -4371,7 +4417,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$2b);
+      nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
 
   var _useDataTableContext = useDataTableContext(),
       columns = _useDataTableContext.columns,
@@ -5821,6 +5867,8 @@ var styles$s = {"form--standard-size":"_3CaV0"};
 
 var styles$t = {"card":"_29ZIp","card__body":"_3Q8NT","card__body--interactive":"_2Fah6","card--focus":"_SGno0","card__body--focus":"_1zqRN","card__body--with-kebab":"_3Hwms","card__kebab":"_TmEUS"};
 
+var _excluded$2e = ["children", "onClick", "isSelected", "actions", "testId"];
+
 var Card = function Card(_ref) {
   var _classnames, _classnames2;
 
@@ -5829,9 +5877,13 @@ var Card = function Card(_ref) {
       _ref$isSelected = _ref.isSelected,
       isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
       actions = _ref.actions,
-      testId = _ref.testId;
+      testId = _ref.testId,
+      positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
+
+  var positionStyles = usePositionStyles(positionProps);
   return React__default.createElement("div", {
-    className: classnames(styles$t['card'])
+    className: classnames(styles$t['card']),
+    style: positionStyles
   }, onClick ? React__default.createElement("button", {
     className: classnames(styles$t['card__body'], styles$t['card__body--interactive'], (_classnames = {}, _classnames[styles$t['card__body--focus']] = isSelected, _classnames[styles$t['card__body--with-kebab']] = actions, _classnames)),
     "data-testid": testId,
@@ -5872,7 +5924,7 @@ 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 _excluded$2f = ["children", "as", "emphasis", "alignment", "color", "testId"];
 
 var Text = function Text(_ref) {
   var _classnames;
@@ -5884,7 +5936,7 @@ var Text = function Text(_ref) {
       alignment = _ref.alignment,
       color = _ref.color,
       testId = _ref.testId,
-      positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
+      positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
 
   var positionStyles = usePositionStyles(positionProps);
   var elementProps = {
@@ -6354,12 +6406,12 @@ var useTextField = function useTextField(_ref) {
   };
 };
 
-var _excluded$2d = ["prefix", "suffix"];
+var _excluded$2g = ["prefix", "suffix"];
 
 var TextFieldElement = function TextFieldElement(_ref, ref) {
   var prefix = _ref.prefix,
       suffix = _ref.suffix,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
 
   var _useTextField = useTextField(_extends({}, props, {
     ref: ref
@@ -7118,11 +7170,11 @@ var getSelectStyles$1 = function getSelectStyles(_ref) {
   };
 };
 
-var _excluded$2e = ["children"];
+var _excluded$2h = ["children"];
 
 function CustomOption(_ref) {
   var children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
 
   var UserCustomOption = props.selectProps.componentsProps.UserCustomOption;
   return React__default.createElement(components.Option, Object.assign({}, props), React__default.createElement(UserCustomOption, Object.assign({}, props), children));
@@ -7236,13 +7288,13 @@ var MultiSelectField = function MultiSelectField(_ref) {
 
 var styles$J = {"custom-control":"_1cDCR"};
 
-var _excluded$2f = ["children"];
+var _excluded$2i = ["children"];
 
 function CustomControl(_ref) {
   var _props$getValue;
 
   var children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
 
   var SelectedOptionPrefix = props.selectProps.componentsProps.SelectedOptionPrefix;
   var selectedOption = (_props$getValue = props.getValue()) === null || _props$getValue === void 0 ? void 0 : _props$getValue[0];
@@ -7262,11 +7314,11 @@ function CustomControl(_ref) {
 
 var styles$K = {"custom-menu-text-field":"_2-zhH","custom-menu-hr":"_3sdnK","custom-menu-div":"_2F1jP"};
 
-var _excluded$2g = ["children"];
+var _excluded$2j = ["children"];
 
 function CustomMenu(_ref) {
   var children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
 
   var _props$selectProps$co = props.selectProps.componentsProps,
       creatableButton = _props$selectProps$co.creatableButton,
@@ -7481,13 +7533,13 @@ var SelectField = function SelectField(props) {
 
 var styles$L = {"custom-list":"_uC4zU"};
 
-var _excluded$2h = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
+var _excluded$2k = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
 
 var CustomList = function CustomList(_ref) {
   var children = _ref.children,
       hasMoreOptions = _ref.hasMoreOptions,
       hasMoreOptionsFirstLoad = _ref.hasMoreOptionsFirstLoad,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
 
   var showFooter = hasMoreOptions;
 
@@ -7502,11 +7554,11 @@ var CustomList = function CustomList(_ref) {
   }, getLocalizedString('main.START_TYPING_TO_SEE_MORE_OPTIONS')))));
 };
 
-var _excluded$2i = ["loadOptions"];
+var _excluded$2l = ["loadOptions"];
 
 var AsyncSelectField = function AsyncSelectField(_ref) {
   var loadOptions = _ref.loadOptions,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
 
   var _useState = useState(false),
       hasMoreOptions = _useState[0],
@@ -8294,14 +8346,14 @@ var WeekField = function WeekField(_ref) {
   })));
 };
 
-var _excluded$2j = ["placeholder", "autoComplete"];
+var _excluded$2m = ["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$2j);
+      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
 
   var _useTextField = useTextField(_extends({}, allOtherProps, {
     placeholder: placeholder,
@@ -8322,12 +8374,12 @@ var TimeFieldElement = function TimeFieldElement(_ref, ref) {
 
 var TimeField = forwardRef(TimeFieldElement);
 
-var _excluded$2k = ["currencySymbol"];
+var _excluded$2n = ["currencySymbol"];
 
 var CurrencyFieldElement = function CurrencyFieldElement(_ref, ref) {
   var _ref$currencySymbol = _ref.currencySymbol,
       currencySymbol = _ref$currencySymbol === void 0 ? "$" : _ref$currencySymbol,
-      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
+      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
 
   var _useTextField = useTextField(_extends({}, allOtherProps, {
     ref: ref
@@ -8360,7 +8412,7 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, ref) {
 
 var CurrencyField = forwardRef(CurrencyFieldElement);
 
-var _excluded$2l = ["max", "min", "precision", "stepSize"];
+var _excluded$2o = ["max", "min", "precision", "stepSize"];
 
 var PercentageElement = function PercentageElement(_ref, ref) {
   var _ref$max = _ref.max,
@@ -8371,7 +8423,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$2l);
+      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
 
   var _useTextField = useTextField(_extends({}, allOtherProps, {
     ref: ref
@@ -8552,6 +8604,8 @@ var InlineBannerIcon = function InlineBannerIcon(_ref) {
   }
 };
 
+var _excluded$2p = ["children", "theme", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
+
 var InlineBanner = function InlineBanner(_ref) {
   var _classnames, _classnames2;
 
@@ -8563,13 +8617,17 @@ var InlineBanner = function InlineBanner(_ref) {
       caption = _ref.caption,
       primaryButton = _ref.primaryButton,
       secondaryButton = _ref.secondaryButton,
-      testId = _ref.testId;
+      testId = _ref.testId,
+      positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
+
+  var positionStyles = usePositionStyles(positionProps);
   var multiLine = !!title;
   var dismissable = !!onClose;
   var Layout = multiLine ? Stack : Inline;
   return React__default.createElement("div", {
     "data-testid": testId,
-    className: classnames(styles$N['banner'], (_classnames = {}, _classnames[styles$N['banner--info']] = theme === BANNER_THEME.INFO, _classnames[styles$N['banner--warning']] = theme === BANNER_THEME.WARNING, _classnames[styles$N['banner--success']] = theme === BANNER_THEME.SUCCESS, _classnames[styles$N['banner--danger']] = theme === BANNER_THEME.DANGER, _classnames[styles$N['banner--upsell']] = theme === BANNER_THEME.UPSELL, _classnames[styles$N['banner--single-line']] = !multiLine, _classnames))
+    className: classnames(styles$N['banner'], (_classnames = {}, _classnames[styles$N['banner--info']] = theme === BANNER_THEME.INFO, _classnames[styles$N['banner--warning']] = theme === BANNER_THEME.WARNING, _classnames[styles$N['banner--success']] = theme === BANNER_THEME.SUCCESS, _classnames[styles$N['banner--danger']] = theme === BANNER_THEME.DANGER, _classnames[styles$N['banner--upsell']] = theme === BANNER_THEME.UPSELL, _classnames[styles$N['banner--single-line']] = !multiLine, _classnames)),
+    style: positionStyles
   }, React__default.createElement(Inline, {
     alignItems: multiLine ? undefined : 'center',
     flex: ['0 1 auto', 1],
@@ -8781,7 +8839,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$2m = ["children", "theme", "title", "testId"];
+var _excluded$2q = ["children", "theme", "title", "testId"];
 
 var Badge = function Badge(_ref, forwardedRef) {
   var _classnames;
@@ -8790,7 +8848,7 @@ var Badge = function Badge(_ref, forwardedRef) {
       theme = _ref.theme,
       title = _ref.title,
       testId = _ref.testId,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
 
   var internalRef = useRef(null);
   var ref = forwardedRef || internalRef;
@@ -8992,5 +9050,5 @@ var Italic = function Italic(_ref) {
   }, children);
 };
 
-export { AsyncSelectField, Avatar, Badge$1 as Badge, Bold, BreadcrumbItem, Breadcrumbs, Button$1 as Button, Calendar, Card, CheckboxField, Chip, CircularProgress, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Form, FormFeedback, FormFooter, FormRow, FormSection, IconAnalytics, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowUp, IconAward, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMinus, IconMinusCircle, IconMoneyBill, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUserComputer, IconUserFriends, IconUserLight, IconUserPlus, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, InlineBanner, Italic, Link, Modal, ModalBody, ModalFooter, MultiSelectField, Page, PaginationControls, PasswordField, PercentageField, PersistentBanner, Pill, PillSelectField, ProgressBar, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, Toggle, ToolbarSelect, Tooltip$1 as Tooltip, Underline, WeekField, toast };
+export { AsyncSelectField, Avatar, Badge$1 as Badge, Bold, BreadcrumbItem, Breadcrumbs, Button$1 as Button, Calendar, Card, CheckboxField, Chip, CircularProgress, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Form, FormFeedback, FormFooter, FormRow, FormSection, IconAnalytics, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowTurnDownRight, IconArrowUp, IconAward, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMessages, IconMinus, IconMinusCircle, IconMoneyBill, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUserComputer, IconUserFriends, IconUserLight, IconUserPlus, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, InlineBanner, Italic, Link, Modal, ModalBody, ModalFooter, MultiSelectField, Page, PaginationControls, PasswordField, PercentageField, PersistentBanner, Pill, PillSelectField, ProgressBar, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, Toggle, ToolbarSelect, Tooltip$1 as Tooltip, Underline, WeekField, toast };
 //# sourceMappingURL=index.modern.js.map