mainstack-design-system 0.7.21 → 0.7.23

package/build/mainstack-design-system.js

@@ -6430,6 +6430,58 @@ const o2 = ({
       }
     ) })
   }
+), F9 = (e) => /* @__PURE__ */ t(
+  O,
+  {
+    ...e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: { maskType: "alpha" },
+    children: /* @__PURE__ */ t(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /* @__PURE__ */ t("g", { mask: "url(#mask0_1118_8818)", children: /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M9.05 16.95C8.93333 16.85 8.875 16.7333 8.875 16.6C8.875 16.4667 8.93333 16.35 9.05 16.25L13.3 12L9.05 7.75C8.93333 7.65 8.875 7.53333 8.875 7.4C8.875 7.26667 8.93333 7.15 9.05 7.05C9.15 6.93333 9.26667 6.875 9.4 6.875C9.53333 6.875 9.65 6.93333 9.75 7.05L14.15 11.425C14.2333 11.525 14.2917 11.6207 14.325 11.712C14.3583 11.804 14.375 11.9 14.375 12C14.375 12.1 14.3583 12.1957 14.325 12.287C14.2917 12.379 14.2333 12.475 14.15 12.575L9.75 16.95C9.65 17.0667 9.53333 17.125 9.4 17.125C9.26667 17.125 9.15 17.0667 9.05 16.95Z",
+            fill: "currentColor"
+          }
+        ) })
+      }
+    )
+  }
+), N9 = (e) => /* @__PURE__ */ t(
+  O,
+  {
+    ...e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: { maskType: "alpha" },
+    children: /* @__PURE__ */ t(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /* @__PURE__ */ t("g", { mask: "url(#mask0_1118_8821)", children: /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M13.65 16.95L9.25002 12.575C9.16669 12.475 9.10836 12.379 9.07502 12.287C9.04169 12.1957 9.02502 12.1 9.02502 12C9.02502 11.9 9.04169 11.804 9.07502 11.712C9.10836 11.6207 9.16669 11.525 9.25002 11.425L13.65 7.05C13.75 6.93333 13.8667 6.875 14 6.875C14.1334 6.875 14.25 6.93333 14.35 7.05C14.4667 7.15 14.525 7.26667 14.525 7.4C14.525 7.53333 14.4667 7.65 14.35 7.75L10.1 12L14.35 16.25C14.4667 16.35 14.525 16.4667 14.525 16.6C14.525 16.7333 14.4667 16.85 14.35 16.95C14.25 17.0667 14.1334 17.125 14 17.125C13.8667 17.125 13.75 17.0667 13.65 16.95Z",
+            fill: "currentColor"
+          }
+        ) })
+      }
+    )
+  }
 );
 const A2 = {
   "3xl": {
@@ -6642,7 +6694,7 @@ const A2 = {
     lineHeight: "16px",
     letterSpacing: "-0.4px"
   }
-}, F9 = ({ size: e, name: o, ...i }) => {
+}, P9 = ({ size: e, name: o, ...i }) => {
   const r = () => o ? `${o.split(" ")[0][0]}${o.split(" ")[1] ? o.split(" ")[1][0] : ""}` : "User";
   return /* @__PURE__ */ t(ee, { bg: T.monochromeBlack, size: a5[e].size, ...i, children: /* @__PURE__ */ t(
     B1,
@@ -6692,7 +6744,7 @@ const A2 = {
     ) : /* @__PURE__ */ t(X1, {})
   }
 ) : e.type === "initials" ? /* @__PURE__ */ t(
-  F9,
+  P9,
   {
     ...e,
     size: e.size,
@@ -6970,59 +7022,7 @@ const A2 = {
     }
   ),
   /* @__PURE__ */ t(N7, { children: e.map((d, p) => /* @__PURE__ */ t(P7, { padding: "0", children: d.element }, p)) })
-] }), N9 = (e) => /* @__PURE__ */ t(
-  O,
-  {
-    ...e,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: { maskType: "alpha" },
-    children: /* @__PURE__ */ t(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        children: /* @__PURE__ */ t("g", { mask: "url(#mask0_1118_8821)", children: /* @__PURE__ */ t(
-          "path",
-          {
-            d: "M13.65 16.95L9.25002 12.575C9.16669 12.475 9.10836 12.379 9.07502 12.287C9.04169 12.1957 9.02502 12.1 9.02502 12C9.02502 11.9 9.04169 11.804 9.07502 11.712C9.10836 11.6207 9.16669 11.525 9.25002 11.425L13.65 7.05C13.75 6.93333 13.8667 6.875 14 6.875C14.1334 6.875 14.25 6.93333 14.35 7.05C14.4667 7.15 14.525 7.26667 14.525 7.4C14.525 7.53333 14.4667 7.65 14.35 7.75L10.1 12L14.35 16.25C14.4667 16.35 14.525 16.4667 14.525 16.6C14.525 16.7333 14.4667 16.85 14.35 16.95C14.25 17.0667 14.1334 17.125 14 17.125C13.8667 17.125 13.75 17.0667 13.65 16.95Z",
-            fill: "currentColor"
-          }
-        ) })
-      }
-    )
-  }
-), P9 = (e) => /* @__PURE__ */ t(
-  O,
-  {
-    ...e,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: { maskType: "alpha" },
-    children: /* @__PURE__ */ t(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        children: /* @__PURE__ */ t("g", { mask: "url(#mask0_1118_8818)", children: /* @__PURE__ */ t(
-          "path",
-          {
-            d: "M9.05 16.95C8.93333 16.85 8.875 16.7333 8.875 16.6C8.875 16.4667 8.93333 16.35 9.05 16.25L13.3 12L9.05 7.75C8.93333 7.65 8.875 7.53333 8.875 7.4C8.875 7.26667 8.93333 7.15 9.05 7.05C9.15 6.93333 9.26667 6.875 9.4 6.875C9.53333 6.875 9.65 6.93333 9.75 7.05L14.15 11.425C14.2333 11.525 14.2917 11.6207 14.325 11.712C14.3583 11.804 14.375 11.9 14.375 12C14.375 12.1 14.3583 12.1957 14.325 12.287C14.2917 12.379 14.2333 12.475 14.15 12.575L9.75 16.95C9.65 17.0667 9.53333 17.125 9.4 17.125C9.26667 17.125 9.15 17.0667 9.05 16.95Z",
-            fill: "currentColor"
-          }
-        ) })
-      }
-    )
-  }
-), zf = ({
+] }), zf = ({
   limit: e,
   setLimit: o,
   page: i,
@@ -7135,7 +7135,7 @@ const A2 = {
             variant: "tertiary",
             onClick: () => r(i + 1),
             isDisabled: i === b,
-            children: /* @__PURE__ */ t(P9, { color: T.black300, fontSize: "24px" })
+            children: /* @__PURE__ */ t(F9, { color: T.black300, fontSize: "24px" })
           }
         ) })
       ]
@@ -7785,7 +7785,7 @@ function z9(e, o) {
   var i = {};
   for (var r in e)
     if ({}.hasOwnProperty.call(e, r)) {
-      if (o.includes(r))
+      if (o.indexOf(r) !== -1)
         continue;
       i[r] = e[r];
     }
@@ -7798,7 +7798,7 @@ function c5(e, o) {
   if (Object.getOwnPropertySymbols) {
     var d = Object.getOwnPropertySymbols(e);
     for (r = 0; r < d.length; r++)
-      i = d[r], o.includes(i) || {}.propertyIsEnumerable.call(e, i) && (n[i] = e[i]);
+      i = d[r], o.indexOf(i) === -1 && {}.propertyIsEnumerable.call(e, i) && (n[i] = e[i]);
   }
   return n;
 }
@@ -24435,8 +24435,8 @@ const Ol = ({
     bgColor: T.gray50,
     textColor: T.gray400
   }
-}, hh = ({ status: e, icon: o, label: i, allCaps: r }) => {
-  var n, d, p;
+}, hh = ({ status: e, icon: o, label: i, allCaps: r, fontFamily: n }) => {
+  var d, p, b;
   return /* @__PURE__ */ r1(
     y1,
     {
@@ -24448,10 +24448,11 @@ const Ol = ({
       px: "10px",
       width: "fit-content",
       rounded: "100px",
-      bg: (n = S3[e]) == null ? void 0 : n.bgColor,
-      color: (d = S3[e]) == null ? void 0 : d.textColor,
+      bg: (d = S3[e]) == null ? void 0 : d.bgColor,
+      color: (p = S3[e]) == null ? void 0 : p.textColor,
       textTransform: r ? "uppercase" : "none",
       alignItems: "center",
+      fontFamily: n ?? "Degular",
       children: [
         /* @__PURE__ */ t(x5.span, { children: i ?? e }),
         o && /* @__PURE__ */ t(
@@ -24462,7 +24463,7 @@ const Ol = ({
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
-            color: (p = S3[e]) == null ? void 0 : p.textColor,
+            color: (b = S3[e]) == null ? void 0 : b.textColor,
             children: o
           }
         )
@@ -25025,6 +25026,8 @@ export {
   s2 as CheckCircleFilledIcon,
   gu as CheckCircleIcon,
   ue as CheckIcon,
+  N9 as ChevronLeftIcon,
+  F9 as ChevronRightIcon,
   jf as Chip,
   ih as ClickTooltip,
   O2 as CloseIcon,

package/build/src/components/notifications/Tag.d.ts

@@ -5,6 +5,7 @@ export interface ITag {
     label?: string;
     icon?: ReactNode;
     allCaps?: boolean;
+    fontFamily?: string;
 }
-declare const Tag: ({ status, icon, label, allCaps }: ITag) => import("react/jsx-runtime").JSX.Element;
+declare const Tag: ({ status, icon, label, allCaps, fontFamily }: ITag) => import("react/jsx-runtime").JSX.Element;
 export default Tag;

package/build/src/icons/index.d.ts

@@ -330,3 +330,5 @@ export { default as ApartmentIcon } from '../ApartmentIcon';
 export { default as HourGlassTopIcon } from '../HourGlassTopIcon';
 export { default as PercentIcon } from '../PercentIcon';
 export { default as CurrencyExchangeIcon } from '../CurrencyExchangeIcon';
+export { default as ChevronRightIcon } from '../ChevronRightIcon';
+export { default as ChevronLeftIcon } from '../ChevronLeftIcon';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainstack-design-system",
-  "version": "0.7.21",
+  "version": "0.7.23",
   "type": "module",
   "main": "build/mainstack-design-system.js",
   "types": "build/src/index.d.ts",