@7shifts/sous-chef 3.1.1 → 3.3.0

package/dist/index.js

@@ -903,10 +903,37 @@ var IconArrowToTop = React.forwardRef(function (_ref, ref) {
 IconArrowToTop.displayName = 'IconArrowToTop';
 
 var _excluded$9 = ["testId"];
+var IconArrowTurnDownRight = React.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 = React.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",
@@ -924,11 +951,11 @@ var IconArrowUp = React.forwardRef(function (_ref, ref) {
 });
 IconArrowUp.displayName = 'IconArrowUp';
 
-var _excluded$a = ["testId"];
+var _excluded$b = ["testId"];
 var IconAward = React.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",
@@ -946,11 +973,11 @@ var IconAward = React.forwardRef(function (_ref, ref) {
 });
 IconAward.displayName = 'IconAward';
 
-var _excluded$b = ["testId"];
+var _excluded$c = ["testId"];
 var IconAwfulMonochromatic = React.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",
@@ -998,11 +1025,11 @@ var IconAwfulMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconAwfulMonochromatic.displayName = 'IconAwfulMonochromatic';
 
-var _excluded$c = ["testId"];
+var _excluded$d = ["testId"];
 var IconAwful = React.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",
@@ -1038,11 +1065,11 @@ var IconAwful = React.forwardRef(function (_ref, ref) {
 });
 IconAwful.displayName = 'IconAwful';
 
-var _excluded$d = ["testId"];
+var _excluded$e = ["testId"];
 var IconBadMonochromatic = React.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",
@@ -1076,11 +1103,11 @@ var IconBadMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconBadMonochromatic.displayName = 'IconBadMonochromatic';
 
-var _excluded$e = ["testId"];
+var _excluded$f = ["testId"];
 var IconBad = React.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",
@@ -1102,11 +1129,11 @@ var IconBad = React.forwardRef(function (_ref, ref) {
 });
 IconBad.displayName = 'IconBad';
 
-var _excluded$f = ["testId"];
+var _excluded$g = ["testId"];
 var IconBalanceScaleLeft = React.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",
@@ -1129,11 +1156,11 @@ var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
 
-var _excluded$g = ["testId"];
+var _excluded$h = ["testId"];
 var IconBalanceScale = React.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",
@@ -1156,11 +1183,11 @@ var IconBalanceScale = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
 
-var _excluded$h = ["testId"];
+var _excluded$i = ["testId"];
 var IconBan = React.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",
@@ -1176,11 +1203,11 @@ var IconBan = React.forwardRef(function (_ref, ref) {
 });
 IconBan.displayName = 'IconBan';
 
-var _excluded$i = ["testId"];
+var _excluded$j = ["testId"];
 var IconBarsH = React.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",
@@ -1198,11 +1225,11 @@ var IconBarsH = React.forwardRef(function (_ref, ref) {
 });
 IconBarsH.displayName = 'IconBarsH';
 
-var _excluded$j = ["testId"];
+var _excluded$k = ["testId"];
 var IconBarsV = React.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",
@@ -1218,11 +1245,11 @@ var IconBarsV = React.forwardRef(function (_ref, ref) {
 });
 IconBarsV.displayName = 'IconBarsV';
 
-var _excluded$k = ["testId"];
+var _excluded$l = ["testId"];
 var IconBell = React.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",
@@ -1240,11 +1267,11 @@ var IconBell = React.forwardRef(function (_ref, ref) {
 });
 IconBell.displayName = 'IconBell';
 
-var _excluded$l = ["testId"];
+var _excluded$m = ["testId"];
 var IconBirthdayCake = React.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",
@@ -1260,11 +1287,11 @@ var IconBirthdayCake = React.forwardRef(function (_ref, ref) {
 });
 IconBirthdayCake.displayName = 'IconBirthdayCake';
 
-var _excluded$m = ["testId"];
+var _excluded$n = ["testId"];
 var IconBold = React.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",
@@ -1280,11 +1307,11 @@ var IconBold = React.forwardRef(function (_ref, ref) {
 });
 IconBold.displayName = 'IconBold';
 
-var _excluded$n = ["testId"];
+var _excluded$o = ["testId"];
 var IconBolt = React.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",
@@ -1307,11 +1334,11 @@ var IconBolt = React.forwardRef(function (_ref, ref) {
 });
 IconBolt.displayName = 'IconBolt';
 
-var _excluded$o = ["testId"];
+var _excluded$p = ["testId"];
 var IconBook = React.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",
@@ -1329,11 +1356,11 @@ var IconBook = React.forwardRef(function (_ref, ref) {
 });
 IconBook.displayName = 'IconBook';
 
-var _excluded$p = ["testId"];
+var _excluded$q = ["testId"];
 var IconBriefcase = React.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",
@@ -1349,11 +1376,11 @@ var IconBriefcase = React.forwardRef(function (_ref, ref) {
 });
 IconBriefcase.displayName = 'IconBriefcase';
 
-var _excluded$q = ["testId"];
+var _excluded$r = ["testId"];
 var IconBullseyeArrow = React.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",
@@ -1371,11 +1398,11 @@ var IconBullseyeArrow = React.forwardRef(function (_ref, ref) {
 });
 IconBullseyeArrow.displayName = 'IconBullseyeArrow';
 
-var _excluded$r = ["testId"];
+var _excluded$s = ["testId"];
 var IconCalculator = React.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",
@@ -1393,11 +1420,11 @@ var IconCalculator = React.forwardRef(function (_ref, ref) {
 });
 IconCalculator.displayName = 'IconCalculator';
 
-var _excluded$s = ["testId"];
+var _excluded$t = ["testId"];
 var IconCalendarAlt = React.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",
@@ -1415,11 +1442,11 @@ var IconCalendarAlt = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarAlt.displayName = 'IconCalendarAlt';
 
-var _excluded$t = ["testId"];
+var _excluded$u = ["testId"];
 var IconCalendarCheck = React.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",
@@ -1437,11 +1464,11 @@ var IconCalendarCheck = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarCheck.displayName = 'IconCalendarCheck';
 
-var _excluded$u = ["testId"];
+var _excluded$v = ["testId"];
 var IconCalendarDay = React.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",
@@ -1465,11 +1492,11 @@ var IconCalendarDay = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarDay.displayName = 'IconCalendarDay';
 
-var _excluded$v = ["testId"];
+var _excluded$w = ["testId"];
 var IconCalendarExclamation = React.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",
@@ -1485,11 +1512,11 @@ var IconCalendarExclamation = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarExclamation.displayName = 'IconCalendarExclamation';
 
-var _excluded$w = ["testId"];
+var _excluded$x = ["testId"];
 var IconCalendarStar = React.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",
@@ -1505,11 +1532,11 @@ var IconCalendarStar = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarStar.displayName = 'IconCalendarStar';
 
-var _excluded$x = ["testId"];
+var _excluded$y = ["testId"];
 var IconCalendarTomorrow = React.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",
@@ -1535,11 +1562,11 @@ var IconCalendarTomorrow = React.forwardRef(function (_ref, ref) {
 });
 IconCalendarTomorrow.displayName = 'IconCalendarTomorrow';
 
-var _excluded$y = ["testId"];
+var _excluded$z = ["testId"];
 var IconCalendar = React.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",
@@ -1557,11 +1584,11 @@ var IconCalendar = React.forwardRef(function (_ref, ref) {
 });
 IconCalendar.displayName = 'IconCalendar';
 
-var _excluded$z = ["testId"];
+var _excluded$A = ["testId"];
 var IconCameraSlash = React.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",
@@ -1580,11 +1607,11 @@ var IconCameraSlash = React.forwardRef(function (_ref, ref) {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
 
-var _excluded$A = ["testId"];
+var _excluded$B = ["testId"];
 var IconCamera = React.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",
@@ -1600,11 +1627,11 @@ var IconCamera = React.forwardRef(function (_ref, ref) {
 });
 IconCamera.displayName = 'IconCamera';
 
-var _excluded$B = ["testId"];
+var _excluded$C = ["testId"];
 var IconCashRegister = React.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",
@@ -1620,11 +1647,11 @@ var IconCashRegister = React.forwardRef(function (_ref, ref) {
 });
 IconCashRegister.displayName = 'IconCashRegister';
 
-var _excluded$C = ["testId"];
+var _excluded$D = ["testId"];
 var IconChartBar = React.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",
@@ -1642,11 +1669,11 @@ var IconChartBar = React.forwardRef(function (_ref, ref) {
 });
 IconChartBar.displayName = 'IconChartBar';
 
-var _excluded$D = ["testId"];
+var _excluded$E = ["testId"];
 var IconCheck = React.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",
@@ -1664,11 +1691,11 @@ var IconCheck = React.forwardRef(function (_ref, ref) {
 });
 IconCheck.displayName = 'IconCheck';
 
-var _excluded$E = ["testId"];
+var _excluded$F = ["testId"];
 var IconChevronDown = React.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",
@@ -1686,11 +1713,11 @@ var IconChevronDown = React.forwardRef(function (_ref, ref) {
 });
 IconChevronDown.displayName = 'IconChevronDown';
 
-var _excluded$F = ["testId"];
+var _excluded$G = ["testId"];
 var IconChevronLeft = React.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",
@@ -1708,11 +1735,11 @@ var IconChevronLeft = React.forwardRef(function (_ref, ref) {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
 
-var _excluded$G = ["testId"];
+var _excluded$H = ["testId"];
 var IconChevronRight = React.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",
@@ -1730,11 +1757,11 @@ var IconChevronRight = React.forwardRef(function (_ref, ref) {
 });
 IconChevronRight.displayName = 'IconChevronRight';
 
-var _excluded$H = ["testId"];
+var _excluded$I = ["testId"];
 var IconChevronUp = React.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",
@@ -1752,11 +1779,11 @@ var IconChevronUp = React.forwardRef(function (_ref, ref) {
 });
 IconChevronUp.displayName = 'IconChevronUp';
 
-var _excluded$I = ["testId"];
+var _excluded$J = ["testId"];
 var IconClipboardList = React.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",
@@ -1774,11 +1801,11 @@ var IconClipboardList = React.forwardRef(function (_ref, ref) {
 });
 IconClipboardList.displayName = 'IconClipboardList';
 
-var _excluded$J = ["testId"];
+var _excluded$K = ["testId"];
 var IconClock = React.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",
@@ -1794,11 +1821,11 @@ var IconClock = React.forwardRef(function (_ref, ref) {
 });
 IconClock.displayName = 'IconClock';
 
-var _excluded$K = ["testId"];
+var _excluded$L = ["testId"];
 var IconCog = React.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",
@@ -1814,11 +1841,11 @@ var IconCog = React.forwardRef(function (_ref, ref) {
 });
 IconCog.displayName = 'IconCog';
 
-var _excluded$L = ["testId"];
+var _excluded$M = ["testId"];
 var IconCommentLines = React.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",
@@ -1839,11 +1866,11 @@ var IconCommentLines = React.forwardRef(function (_ref, ref) {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-var _excluded$M = ["testId"];
+var _excluded$N = ["testId"];
 var IconComment = React.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",
@@ -1861,11 +1888,11 @@ var IconComment = React.forwardRef(function (_ref, ref) {
 });
 IconComment.displayName = 'IconComment';
 
-var _excluded$N = ["testId"];
+var _excluded$O = ["testId"];
 var IconCopy = React.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",
@@ -1888,11 +1915,11 @@ var IconCopy = React.forwardRef(function (_ref, ref) {
 });
 IconCopy.displayName = 'IconCopy';
 
-var _excluded$O = ["testId"];
+var _excluded$P = ["testId"];
 var IconCreditCardPlus = React.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",
@@ -1917,11 +1944,11 @@ var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-var _excluded$P = ["testId"];
+var _excluded$Q = ["testId"];
 var IconCreditCard = React.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",
@@ -1944,11 +1971,11 @@ var IconCreditCard = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-var _excluded$Q = ["testId"];
+var _excluded$R = ["testId"];
 var IconDecentMonochromatic = React.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",
@@ -1986,11 +2013,11 @@ var IconDecentMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconDecentMonochromatic.displayName = 'IconDecentMonochromatic';
 
-var _excluded$R = ["testId"];
+var _excluded$S = ["testId"];
 var IconDecent = React.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",
@@ -2016,11 +2043,11 @@ var IconDecent = React.forwardRef(function (_ref, ref) {
 });
 IconDecent.displayName = 'IconDecent';
 
-var _excluded$S = ["testId"];
+var _excluded$T = ["testId"];
 var IconDownload = React.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",
@@ -2038,11 +2065,11 @@ var IconDownload = React.forwardRef(function (_ref, ref) {
 });
 IconDownload.displayName = 'IconDownload';
 
-var _excluded$T = ["testId"];
+var _excluded$U = ["testId"];
 var IconEdit = React.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",
@@ -2058,11 +2085,11 @@ var IconEdit = React.forwardRef(function (_ref, ref) {
 });
 IconEdit.displayName = 'IconEdit';
 
-var _excluded$U = ["testId"];
+var _excluded$V = ["testId"];
 var IconEllipsisV = React.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",
@@ -2080,11 +2107,11 @@ var IconEllipsisV = React.forwardRef(function (_ref, ref) {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
 
-var _excluded$V = ["testId"];
+var _excluded$W = ["testId"];
 var IconEnvelope = React.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",
@@ -2100,11 +2127,11 @@ var IconEnvelope = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-var _excluded$W = ["testId"];
+var _excluded$X = ["testId"];
 var IconExclaimationTriangle = React.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",
@@ -2122,11 +2149,11 @@ var IconExclaimationTriangle = React.forwardRef(function (_ref, ref) {
 });
 IconExclaimationTriangle.displayName = 'IconExclaimationTriangle';
 
-var _excluded$X = ["testId"];
+var _excluded$Y = ["testId"];
 var IconExclaimation = React.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",
@@ -2142,11 +2169,11 @@ var IconExclaimation = React.forwardRef(function (_ref, ref) {
 });
 IconExclaimation.displayName = 'IconExclaimation';
 
-var _excluded$Y = ["testId"];
+var _excluded$Z = ["testId"];
 var IconExpand = React.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",
@@ -2162,11 +2189,11 @@ var IconExpand = React.forwardRef(function (_ref, ref) {
 });
 IconExpand.displayName = 'IconExpand';
 
-var _excluded$Z = ["testId"];
+var _excluded$_ = ["testId"];
 var IconExternalLink = React.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",
@@ -2184,11 +2211,11 @@ var IconExternalLink = React.forwardRef(function (_ref, ref) {
 });
 IconExternalLink.displayName = 'IconExternalLink';
 
-var _excluded$_ = ["testId"];
+var _excluded$$ = ["testId"];
 var IconEyeSlash = React.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",
@@ -2219,11 +2246,11 @@ var IconEyeSlash = React.forwardRef(function (_ref, ref) {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
 
-var _excluded$$ = ["testId"];
+var _excluded$10 = ["testId"];
 var IconEye = React.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",
@@ -2247,11 +2274,11 @@ var IconEye = React.forwardRef(function (_ref, ref) {
 });
 IconEye.displayName = 'IconEye';
 
-var _excluded$10 = ["testId"];
+var _excluded$11 = ["testId"];
 var IconFilePdf = React.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",
@@ -2274,11 +2301,11 @@ var IconFilePdf = React.forwardRef(function (_ref, ref) {
 });
 IconFilePdf.displayName = 'IconFilePdf';
 
-var _excluded$11 = ["testId"];
+var _excluded$12 = ["testId"];
 var IconFile = React.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",
@@ -2301,11 +2328,11 @@ var IconFile = React.forwardRef(function (_ref, ref) {
 });
 IconFile.displayName = 'IconFile';
 
-var _excluded$12 = ["testId"];
+var _excluded$13 = ["testId"];
 var IconFlag = React.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",
@@ -2328,11 +2355,11 @@ var IconFlag = React.forwardRef(function (_ref, ref) {
 });
 IconFlag.displayName = 'IconFlag';
 
-var _excluded$13 = ["testId"];
+var _excluded$14 = ["testId"];
 var IconFourDotsCircle = React.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",
@@ -2350,11 +2377,11 @@ var IconFourDotsCircle = React.forwardRef(function (_ref, ref) {
 });
 IconFourDotsCircle.displayName = 'IconFourDotsCircle';
 
-var _excluded$14 = ["testId"];
+var _excluded$15 = ["testId"];
 var IconFourSquares = React.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",
@@ -2396,11 +2423,11 @@ var IconFourSquares = React.forwardRef(function (_ref, ref) {
 });
 IconFourSquares.displayName = 'IconFourSquares';
 
-var _excluded$15 = ["testId"];
+var _excluded$16 = ["testId"];
 var IconGavel = React.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",
@@ -2416,11 +2443,11 @@ var IconGavel = React.forwardRef(function (_ref, ref) {
 });
 IconGavel.displayName = 'IconGavel';
 
-var _excluded$16 = ["testId"];
+var _excluded$17 = ["testId"];
 var IconGif = React.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",
@@ -2440,11 +2467,11 @@ var IconGif = React.forwardRef(function (_ref, ref) {
 });
 IconGif.displayName = 'IconGif';
 
-var _excluded$17 = ["testId"];
+var _excluded$18 = ["testId"];
 var IconGift = React.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",
@@ -2460,11 +2487,11 @@ var IconGift = React.forwardRef(function (_ref, ref) {
 });
 IconGift.displayName = 'IconGift';
 
-var _excluded$18 = ["testId"];
+var _excluded$19 = ["testId"];
 var IconGoodMonochromatic = React.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",
@@ -2498,11 +2525,11 @@ var IconGoodMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconGoodMonochromatic.displayName = 'IconGoodMonochromatic';
 
-var _excluded$19 = ["testId"];
+var _excluded$1a = ["testId"];
 var IconGood = React.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",
@@ -2524,11 +2551,11 @@ var IconGood = React.forwardRef(function (_ref, ref) {
 });
 IconGood.displayName = 'IconGood';
 
-var _excluded$1a = ["testId"];
+var _excluded$1b = ["testId"];
 var IconGreatMonochromatic = React.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",
@@ -2564,11 +2591,11 @@ var IconGreatMonochromatic = React.forwardRef(function (_ref, ref) {
 });
 IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
 
-var _excluded$1b = ["testId"];
+var _excluded$1c = ["testId"];
 var IconGreat = React.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",
@@ -2592,11 +2619,11 @@ var IconGreat = React.forwardRef(function (_ref, ref) {
 });
 IconGreat.displayName = 'IconGreat';
 
-var _excluded$1c = ["testId"];
+var _excluded$1d = ["testId"];
 var IconGrinBeam = React.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",
@@ -2612,11 +2639,11 @@ var IconGrinBeam = React.forwardRef(function (_ref, ref) {
 });
 IconGrinBeam.displayName = 'IconGrinBeam';
 
-var _excluded$1d = ["testId"];
+var _excluded$1e = ["testId"];
 var IconGripVertical = React.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",
@@ -2659,11 +2686,11 @@ var IconGripVertical = React.forwardRef(function (_ref, ref) {
 });
 IconGripVertical.displayName = 'IconGripVertical';
 
-var _excluded$1e = ["testId"];
+var _excluded$1f = ["testId"];
 var IconHandshake = React.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",
@@ -2687,11 +2714,11 @@ var IconHandshake = React.forwardRef(function (_ref, ref) {
 });
 IconHandshake.displayName = 'IconHandshake';
 
-var _excluded$1f = ["testId"];
+var _excluded$1g = ["testId"];
 var IconImage = React.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",
@@ -2714,11 +2741,11 @@ var IconImage = React.forwardRef(function (_ref, ref) {
 });
 IconImage.displayName = 'IconImage';
 
-var _excluded$1g = ["testId"];
+var _excluded$1h = ["testId"];
 var IconIslandTropical = React.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",
@@ -2736,11 +2763,11 @@ var IconIslandTropical = React.forwardRef(function (_ref, ref) {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
 
-var _excluded$1h = ["testId"];
+var _excluded$1i = ["testId"];
 var IconItalic = React.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",
@@ -2756,11 +2783,11 @@ var IconItalic = React.forwardRef(function (_ref, ref) {
 });
 IconItalic.displayName = 'IconItalic';
 
-var _excluded$1i = ["testId"];
+var _excluded$1j = ["testId"];
 var IconLaptopSearch = React.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",
@@ -2785,11 +2812,11 @@ var IconLaptopSearch = React.forwardRef(function (_ref, ref) {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
 
-var _excluded$1j = ["testId"];
+var _excluded$1k = ["testId"];
 var IconLink = React.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",
@@ -2812,11 +2839,11 @@ var IconLink = React.forwardRef(function (_ref, ref) {
 });
 IconLink.displayName = 'IconLink';
 
-var _excluded$1k = ["testId"];
+var _excluded$1l = ["testId"];
 var IconListOI = React.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",
@@ -2839,11 +2866,11 @@ var IconListOI = React.forwardRef(function (_ref, ref) {
 });
 IconListOI.displayName = 'IconListOI';
 
-var _excluded$1l = ["testId"];
+var _excluded$1m = ["testId"];
 var IconList = React.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",
@@ -2859,11 +2886,11 @@ var IconList = React.forwardRef(function (_ref, ref) {
 });
 IconList.displayName = 'IconList';
 
-var _excluded$1m = ["testId"];
+var _excluded$1n = ["testId"];
 var IconLock = React.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",
@@ -2879,11 +2906,11 @@ var IconLock = React.forwardRef(function (_ref, ref) {
 });
 IconLock.displayName = 'IconLock';
 
-var _excluded$1n = ["testId"];
+var _excluded$1o = ["testId"];
 var IconMagicSolid = React.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",
@@ -2901,11 +2928,11 @@ var IconMagicSolid = React.forwardRef(function (_ref, ref) {
 });
 IconMagicSolid.displayName = 'IconMagicSolid';
 
-var _excluded$1o = ["testId"];
+var _excluded$1p = ["testId"];
 var IconMapMarker = React.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",
@@ -2923,11 +2950,11 @@ var IconMapMarker = React.forwardRef(function (_ref, ref) {
 });
 IconMapMarker.displayName = 'IconMapMarker';
 
-var _excluded$1p = ["testId"];
+var _excluded$1q = ["testId"];
 var IconMegaphone = React.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",
@@ -2945,11 +2972,30 @@ var IconMegaphone = React.forwardRef(function (_ref, ref) {
 });
 IconMegaphone.displayName = 'IconMegaphone';
 
-var _excluded$1q = ["testId"];
+var _excluded$1r = ["testId"];
+var IconMessages = React.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 = React.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",
@@ -2965,11 +3011,11 @@ var IconMinusCircle = React.forwardRef(function (_ref, ref) {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
 
-var _excluded$1r = ["testId"];
+var _excluded$1t = ["testId"];
 var IconMinus = React.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",
@@ -2985,11 +3031,11 @@ var IconMinus = React.forwardRef(function (_ref, ref) {
 });
 IconMinus.displayName = 'IconMinus';
 
-var _excluded$1s = ["testId"];
+var _excluded$1u = ["testId"];
 var IconMoneyBill = React.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",
@@ -3005,11 +3051,11 @@ var IconMoneyBill = React.forwardRef(function (_ref, ref) {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-var _excluded$1t = ["testId"];
+var _excluded$1v = ["testId"];
 var IconNotesMedical = React.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",
@@ -3025,11 +3071,11 @@ var IconNotesMedical = React.forwardRef(function (_ref, ref) {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
 
-var _excluded$1u = ["testId"];
+var _excluded$1w = ["testId"];
 var IconOvertime = React.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",
@@ -3053,11 +3099,11 @@ var IconOvertime = React.forwardRef(function (_ref, ref) {
 });
 IconOvertime.displayName = 'IconOvertime';
 
-var _excluded$1v = ["testId"];
+var _excluded$1x = ["testId"];
 var IconPaperPlaneClock = React.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",
@@ -3085,11 +3131,11 @@ var IconPaperPlaneClock = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
 
-var _excluded$1w = ["testId"];
+var _excluded$1y = ["testId"];
 var IconPaperPlane = React.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",
@@ -3107,11 +3153,11 @@ var IconPaperPlane = React.forwardRef(function (_ref, ref) {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
 
-var _excluded$1x = ["testId"];
+var _excluded$1z = ["testId"];
 var IconPaperclip = React.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",
@@ -3134,11 +3180,11 @@ var IconPaperclip = React.forwardRef(function (_ref, ref) {
 });
 IconPaperclip.displayName = 'IconPaperclip';
 
-var _excluded$1y = ["testId"];
+var _excluded$1A = ["testId"];
 var IconPencil = React.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",
@@ -3156,11 +3202,11 @@ var IconPencil = React.forwardRef(function (_ref, ref) {
 });
 IconPencil.displayName = 'IconPencil';
 
-var _excluded$1z = ["testId"];
+var _excluded$1B = ["testId"];
 var IconPercentage = React.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",
@@ -3176,11 +3222,11 @@ var IconPercentage = React.forwardRef(function (_ref, ref) {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-var _excluded$1A = ["testId"];
+var _excluded$1C = ["testId"];
 var IconPhone = React.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",
@@ -3196,11 +3242,11 @@ var IconPhone = React.forwardRef(function (_ref, ref) {
 });
 IconPhone.displayName = 'IconPhone';
 
-var _excluded$1B = ["testId"];
+var _excluded$1D = ["testId"];
 var IconPlug = React.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",
@@ -3218,11 +3264,11 @@ var IconPlug = React.forwardRef(function (_ref, ref) {
 });
 IconPlug.displayName = 'IconPlug';
 
-var _excluded$1C = ["testId"];
+var _excluded$1E = ["testId"];
 var IconPlus = React.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",
@@ -3240,11 +3286,11 @@ var IconPlus = React.forwardRef(function (_ref, ref) {
 });
 IconPlus.displayName = 'IconPlus';
 
-var _excluded$1D = ["testId"];
+var _excluded$1F = ["testId"];
 var IconPrint = React.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",
@@ -3262,11 +3308,11 @@ var IconPrint = React.forwardRef(function (_ref, ref) {
 });
 IconPrint.displayName = 'IconPrint';
 
-var _excluded$1E = ["testId"];
+var _excluded$1G = ["testId"];
 var IconQuestionCircle = React.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",
@@ -3282,11 +3328,11 @@ var IconQuestionCircle = React.forwardRef(function (_ref, ref) {
 });
 IconQuestionCircle.displayName = 'IconQuestionCircle';
 
-var _excluded$1F = ["testId"];
+var _excluded$1H = ["testId"];
 var IconRepeat = React.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",
@@ -3302,11 +3348,11 @@ var IconRepeat = React.forwardRef(function (_ref, ref) {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-var _excluded$1G = ["testId"];
+var _excluded$1I = ["testId"];
 var IconReply = React.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",
@@ -3322,11 +3368,11 @@ var IconReply = React.forwardRef(function (_ref, ref) {
 });
 IconReply.displayName = 'IconReply';
 
-var _excluded$1H = ["testId"];
+var _excluded$1J = ["testId"];
 var IconSearch = React.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",
@@ -3344,11 +3390,11 @@ var IconSearch = React.forwardRef(function (_ref, ref) {
 });
 IconSearch.displayName = 'IconSearch';
 
-var _excluded$1I = ["testId"];
+var _excluded$1K = ["testId"];
 var IconSignOut = React.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",
@@ -3364,11 +3410,11 @@ var IconSignOut = React.forwardRef(function (_ref, ref) {
 });
 IconSignOut.displayName = 'IconSignOut';
 
-var _excluded$1J = ["testId"];
+var _excluded$1L = ["testId"];
 var IconSitemap = React.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",
@@ -3386,11 +3432,11 @@ var IconSitemap = React.forwardRef(function (_ref, ref) {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-var _excluded$1K = ["testId"];
+var _excluded$1M = ["testId"];
 var IconSlidersH = React.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",
@@ -3413,11 +3459,11 @@ var IconSlidersH = React.forwardRef(function (_ref, ref) {
 });
 IconSlidersH.displayName = 'IconSlidersH';
 
-var _excluded$1L = ["testId"];
+var _excluded$1N = ["testId"];
 var IconSort = React.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",
@@ -3433,11 +3479,11 @@ var IconSort = React.forwardRef(function (_ref, ref) {
 });
 IconSort.displayName = 'IconSort';
 
-var _excluded$1M = ["testId"];
+var _excluded$1O = ["testId"];
 var IconStarSolid = React.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",
@@ -3453,11 +3499,11 @@ var IconStarSolid = React.forwardRef(function (_ref, ref) {
 });
 IconStarSolid.displayName = 'IconStarSolid';
 
-var _excluded$1N = ["testId"];
+var _excluded$1P = ["testId"];
 var IconStar = React.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",
@@ -3473,11 +3519,11 @@ var IconStar = React.forwardRef(function (_ref, ref) {
 });
 IconStar.displayName = 'IconStar';
 
-var _excluded$1O = ["testId"];
+var _excluded$1Q = ["testId"];
 var IconStickyNoteLines = React.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",
@@ -3496,11 +3542,11 @@ var IconStickyNoteLines = React.forwardRef(function (_ref, ref) {
 });
 IconStickyNoteLines.displayName = 'IconStickyNoteLines';
 
-var _excluded$1P = ["testId"];
+var _excluded$1R = ["testId"];
 var IconStopwatch = React.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",
@@ -3518,11 +3564,11 @@ var IconStopwatch = React.forwardRef(function (_ref, ref) {
 });
 IconStopwatch.displayName = 'IconStopwatch';
 
-var _excluded$1Q = ["testId"];
+var _excluded$1S = ["testId"];
 var IconStrikethrough = React.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",
@@ -3545,11 +3591,11 @@ var IconStrikethrough = React.forwardRef(function (_ref, ref) {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
 
-var _excluded$1R = ["testId"];
+var _excluded$1T = ["testId"];
 var IconSyncExclaimation = React.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",
@@ -3565,11 +3611,11 @@ var IconSyncExclaimation = React.forwardRef(function (_ref, ref) {
 });
 IconSyncExclaimation.displayName = 'IconSyncExclaimation';
 
-var _excluded$1S = ["testId"];
+var _excluded$1U = ["testId"];
 var IconSync = React.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",
@@ -3585,11 +3631,11 @@ var IconSync = React.forwardRef(function (_ref, ref) {
 });
 IconSync.displayName = 'IconSync';
 
-var _excluded$1T = ["testId"];
+var _excluded$1V = ["testId"];
 var IconTachometer = React.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",
@@ -3604,11 +3650,11 @@ var IconTachometer = React.forwardRef(function (_ref, ref) {
 });
 IconTachometer.displayName = 'IconTachometer';
 
-var _excluded$1U = ["testId"];
+var _excluded$1W = ["testId"];
 var IconTimesOctagon = React.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",
@@ -3626,11 +3672,11 @@ var IconTimesOctagon = React.forwardRef(function (_ref, ref) {
 });
 IconTimesOctagon.displayName = 'IconTimesOctagon';
 
-var _excluded$1V = ["testId"];
+var _excluded$1X = ["testId"];
 var IconTimes = React.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",
@@ -3648,11 +3694,11 @@ var IconTimes = React.forwardRef(function (_ref, ref) {
 });
 IconTimes.displayName = 'IconTimes';
 
-var _excluded$1W = ["testId"];
+var _excluded$1Y = ["testId"];
 var IconTrash = React.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",
@@ -3670,11 +3716,11 @@ var IconTrash = React.forwardRef(function (_ref, ref) {
 });
 IconTrash.displayName = 'IconTrash';
 
-var _excluded$1X = ["testId"];
+var _excluded$1Z = ["testId"];
 var IconUnderline = React.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",
@@ -3690,11 +3736,11 @@ var IconUnderline = React.forwardRef(function (_ref, ref) {
 });
 IconUnderline.displayName = 'IconUnderline';
 
-var _excluded$1Y = ["testId"];
+var _excluded$1_ = ["testId"];
 var IconUndo = React.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",
@@ -3710,11 +3756,11 @@ var IconUndo = React.forwardRef(function (_ref, ref) {
 });
 IconUndo.displayName = 'IconUndo';
 
-var _excluded$1Z = ["testId"];
+var _excluded$1$ = ["testId"];
 var IconUniversity = React.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",
@@ -3737,11 +3783,11 @@ var IconUniversity = React.forwardRef(function (_ref, ref) {
 });
 IconUniversity.displayName = 'IconUniversity';
 
-var _excluded$1_ = ["testId"];
+var _excluded$20 = ["testId"];
 var IconUserComputer = React.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",
@@ -3768,11 +3814,11 @@ var IconUserComputer = React.forwardRef(function (_ref, ref) {
 });
 IconUserComputer.displayName = 'IconUserComputer';
 
-var _excluded$1$ = ["testId"];
+var _excluded$21 = ["testId"];
 var IconUserFriends = React.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",
@@ -3788,11 +3834,11 @@ var IconUserFriends = React.forwardRef(function (_ref, ref) {
 });
 IconUserFriends.displayName = 'IconUserFriends';
 
-var _excluded$20 = ["testId"];
+var _excluded$22 = ["testId"];
 var IconUserLight = React.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",
@@ -3810,11 +3856,11 @@ var IconUserLight = React.forwardRef(function (_ref, ref) {
 });
 IconUserLight.displayName = 'IconUserLight';
 
-var _excluded$21 = ["testId"];
+var _excluded$23 = ["testId"];
 var IconUserPlus = React.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",
@@ -3830,11 +3876,11 @@ var IconUserPlus = React.forwardRef(function (_ref, ref) {
 });
 IconUserPlus.displayName = 'IconUserPlus';
 
-var _excluded$22 = ["testId"];
+var _excluded$24 = ["testId"];
 var IconUserSlash = React.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",
@@ -3857,11 +3903,11 @@ var IconUserSlash = React.forwardRef(function (_ref, ref) {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-var _excluded$23 = ["testId"];
+var _excluded$25 = ["testId"];
 var IconUserSolid = React.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",
@@ -3877,11 +3923,11 @@ var IconUserSolid = React.forwardRef(function (_ref, ref) {
 });
 IconUserSolid.displayName = 'IconUserSolid';
 
-var _excluded$24 = ["testId"];
+var _excluded$26 = ["testId"];
 var IconUserTag = React.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",
@@ -3899,11 +3945,11 @@ var IconUserTag = React.forwardRef(function (_ref, ref) {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-var _excluded$25 = ["testId"];
+var _excluded$27 = ["testId"];
 var IconUserTie = React.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",
@@ -3919,11 +3965,11 @@ var IconUserTie = React.forwardRef(function (_ref, ref) {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-var _excluded$26 = ["testId"];
+var _excluded$28 = ["testId"];
 var IconUsers = React.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",
@@ -3939,11 +3985,11 @@ var IconUsers = React.forwardRef(function (_ref, ref) {
 });
 IconUsers.displayName = 'IconUsers';
 
-var _excluded$27 = ["testId"];
+var _excluded$29 = ["testId"];
 var IconVideo = React.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",
@@ -3959,11 +4005,11 @@ var IconVideo = React.forwardRef(function (_ref, ref) {
 });
 IconVideo.displayName = 'IconVideo';
 
-var _excluded$28 = ["testId"];
+var _excluded$2a = ["testId"];
 var IconVolumeMute = React.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",
@@ -3979,11 +4025,11 @@ var IconVolumeMute = React.forwardRef(function (_ref, ref) {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-var _excluded$29 = ["testId"];
+var _excluded$2b = ["testId"];
 var IconVolume = React.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",
@@ -3999,11 +4045,11 @@ var IconVolume = React.forwardRef(function (_ref, ref) {
 });
 IconVolume.displayName = 'IconVolume';
 
-var _excluded$2a = ["testId"];
+var _excluded$2c = ["testId"];
 var IconWrench = React.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",
@@ -4362,7 +4408,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;
@@ -4376,7 +4422,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,
@@ -5826,6 +5872,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;
 
@@ -5834,9 +5882,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,
@@ -5877,7 +5929,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;
@@ -5889,7 +5941,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 = {
@@ -6359,12 +6411,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
@@ -7123,11 +7175,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(Select.components.Option, Object.assign({}, props), React__default.createElement(UserCustomOption, Object.assign({}, props), children));
@@ -7241,13 +7293,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];
@@ -7267,11 +7319,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,
@@ -7486,13 +7538,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;
 
@@ -7507,11 +7559,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 = React.useState(false),
       hasMoreOptions = _useState[0],
@@ -8299,14 +8351,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,
@@ -8327,12 +8379,12 @@ var TimeFieldElement = function TimeFieldElement(_ref, ref) {
 
 var TimeField = React.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
@@ -8365,7 +8417,7 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, ref) {
 
 var CurrencyField = React.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,
@@ -8376,7 +8428,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
@@ -8557,6 +8609,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;
 
@@ -8568,13 +8622,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],
@@ -8786,7 +8844,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;
@@ -8795,7 +8853,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 = React.useRef(null);
   var ref = forwardedRef || internalRef;
@@ -9027,6 +9085,7 @@ exports.IconArrowDown = IconArrowDown;
 exports.IconArrowLeft = IconArrowLeft;
 exports.IconArrowRight = IconArrowRight;
 exports.IconArrowToTop = IconArrowToTop;
+exports.IconArrowTurnDownRight = IconArrowTurnDownRight;
 exports.IconArrowUp = IconArrowUp;
 exports.IconAward = IconAward;
 exports.IconAwful = IconAwful;
@@ -9109,6 +9168,7 @@ exports.IconLock = IconLock;
 exports.IconMagicSolid = IconMagicSolid;
 exports.IconMapMarker = IconMapMarker;
 exports.IconMegaphone = IconMegaphone;
+exports.IconMessages = IconMessages;
 exports.IconMinus = IconMinus;
 exports.IconMinusCircle = IconMinusCircle;
 exports.IconMoneyBill = IconMoneyBill;