mainstack-design-system 0.3.0 → 0.3.1

package/build/mainstack-design-system.js

@@ -47400,12 +47400,18 @@ const Cf = {
   return Object.entries(e).forEach(([i, l]) => {
     a[i] = Cf[l][n];
   }), a;
-}, Xs = ({ size: e, color: n, children: a, ...i }) => /* @__PURE__ */ f(
+}, Xs = ({
+  size: e,
+  color: n,
+  fontFamily: a,
+  children: i,
+  ...l
+}) => /* @__PURE__ */ f(
   i1,
   {
     as: "h2",
     color: n || "#000000",
-    fontFamily: "Degular",
+    fontFamily: a || "Degular",
     fontSize: typeof e == "string" ? Cf[e].fontSize : {
       ...Jv(e, "fontSize")
     },
@@ -47418,8 +47424,8 @@ const Cf = {
       ...Jv(e, "letterSpacing")
     },
     m: "0",
-    ...i,
-    children: a
+    ...l,
+    children: i
   }
 ), I9e = ({
   children: e,
@@ -47432,26 +47438,27 @@ const Cf = {
   handleDelete: m,
   handleToggle: p,
   handleButton: v,
-  ...g
+  isToggleChecked: g,
+  ...y
 }) => /* @__PURE__ */ f(pr, { children: /* @__PURE__ */ f(
   rO,
   {
     w: "100%",
     border: "none !important",
     borderRadius: "16px",
-    ...g,
-    children: ({ isExpanded: y }) => /* @__PURE__ */ Q(
+    ...y,
+    children: ({ isExpanded: b }) => /* @__PURE__ */ Q(
       gn,
       {
-        outline: y ? "3px solid" : `${d ? "3px solid" : "1px solid"}`,
-        outlineOffset: y ? "-3px" : `${d ? "-3px" : "-1px"}`,
+        outline: b ? "3px solid" : `${d ? "3px solid" : "1px solid"}`,
+        outlineOffset: b ? "-3px" : `${d ? "-3px" : "-1px"}`,
         _hover: {
-          bg: y ? "none" : oe.gray50,
+          bg: b ? "none" : oe.gray50,
           outline: "3px solid",
           outlineColor: d ? oe.red500 : oe.black300,
           outlineOffset: "-3px"
         },
-        outlineColor: y ? `${d ? oe.red500 : oe.black300}` : `${d ? oe.red500 : oe.gray50}`,
+        outlineColor: b ? `${d ? oe.red500 : oe.black300}` : `${d ? oe.red500 : oe.gray50}`,
         borderRadius: "16px",
         px: "20px",
         py: "22px",
@@ -47473,7 +47480,7 @@ const Cf = {
                   a && /* @__PURE__ */ f(gn, { mt: "4px", children: a })
                 ] }),
                 /* @__PURE__ */ Q(nn, { alignItems: "center", ml: "auto", children: [
-                  l === "has-toggle" ? /* @__PURE__ */ f(Xne, { onClick: p }) : l === "has-delete" ? /* @__PURE__ */ f(
+                  l === "has-toggle" ? /* @__PURE__ */ f(Xne, { onChange: p, isChecked: g }) : l === "has-delete" ? /* @__PURE__ */ f(
                     ry,
                     {
                       fontSize: "16px",
@@ -47489,7 +47496,7 @@ const Cf = {
                       bg: oe.white100
                     }
                   ) : null,
-                  /* @__PURE__ */ f(cc.div, { animate: { rotateX: y ? 180 : 0 }, children: /* @__PURE__ */ f($i, { boxSize: "28px", ml: "16px", children: /* @__PURE__ */ f($O, { fontSize: "28px" }) }) })
+                  /* @__PURE__ */ f(cc.div, { animate: { rotateX: b ? 180 : 0 }, children: /* @__PURE__ */ f($i, { boxSize: "28px", ml: "16px", children: /* @__PURE__ */ f($O, { fontSize: "28px" }) }) })
                 ] })
               ] })
             }
@@ -48437,12 +48444,18 @@ const Cf = {
   return Object.entries(e).forEach(([i, l]) => {
     a[i] = vf[l][n];
   }), a;
-}, Ya = ({ size: e, color: n, children: a, ...i }) => /* @__PURE__ */ f(
+}, Ya = ({
+  size: e,
+  color: n,
+  fontFamily: a,
+  children: i,
+  ...l
+}) => /* @__PURE__ */ f(
   i1,
   {
     as: "p",
     color: n || "#000000",
-    fontFamily: "Degular",
+    fontFamily: a || "Degular",
     fontSize: typeof e == "string" ? vf[e].fontSize : {
       ...Kv(e, "fontSize")
     },
@@ -48455,8 +48468,8 @@ const Cf = {
       ...Kv(e, "letterSpacing")
     },
     m: "0",
-    ...i,
-    children: a
+    ...l,
+    children: i
   }
 );
 function kE(e, n) {
@@ -64551,12 +64564,12 @@ const e6e = ({
   return Object.entries(e).forEach(([i, l]) => {
     a[i] = py[l][n];
   }), a;
-}, t6e = ({ size: e, color: n, children: a, ...i }) => /* @__PURE__ */ f(
+}, t6e = ({ size: e, color: n, fontFamily: a, children: i, ...l }) => /* @__PURE__ */ f(
   i1,
   {
     as: "h1",
     color: n || "#000000",
-    fontFamily: "Degular Display",
+    fontFamily: a || "Degular Display",
     fontSize: typeof e == "string" ? py[e].fontSize : {
       ...xL(e, "fontSize")
     },
@@ -64567,8 +64580,8 @@ const e6e = ({
     },
     letterSpacing: "0.3px",
     m: "0",
-    ...i,
-    children: a
+    ...l,
+    children: i
   }
 ), bf = {
   "3xl": {
@@ -64631,12 +64644,12 @@ const e6e = ({
   return Object.entries(e).forEach(([i, l]) => {
     a[i] = bf[l][n];
   }), a;
-}, n6e = ({ size: e, color: n, children: a, ...i }) => /* @__PURE__ */ f(
+}, n6e = ({ size: e, color: n, fontFamily: a, children: i, ...l }) => /* @__PURE__ */ f(
   i1,
   {
     as: "h1",
     color: n || "#000000",
-    fontFamily: "Degular",
+    fontFamily: a || "Degular",
     fontSize: typeof e == "string" ? bf[e].fontSize : {
       ...pg(e, "fontSize")
     },
@@ -64649,8 +64662,8 @@ const e6e = ({
       ...pg(e, "letterSpacing")
     },
     m: "0",
-    ...i,
-    children: a
+    ...l,
+    children: i
   }
 ), r6e = ({
   file: e,

package/build/src/components/AccordionItem/index.d.ts

@@ -12,6 +12,7 @@ export interface IAccordionItem extends AccordionItemProps {
     handleDelete?: () => void;
     handleToggle?: () => void;
     handleButton?: () => void;
+    isToggleChecked?: boolean;
 }
-declare const AccordionItem: ({ children, title, subtitle, isDraggable, type, error, buttonLabel, handleDelete, handleToggle, handleButton, ...props }: IAccordionItem) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionItem: ({ children, title, subtitle, isDraggable, type, error, buttonLabel, handleDelete, handleToggle, handleButton, isToggleChecked, ...props }: IAccordionItem) => import("react/jsx-runtime").JSX.Element;
 export default AccordionItem;

package/build/src/components/Typography/Display.d.ts

@@ -12,6 +12,7 @@ interface IDisplay extends TextProps {
     children: any;
     color?: string;
     size: DefaultType | ResponsiveType;
+    fontFamily?: string;
 }
-declare const Display: ({ size, color, children, ...props }: IDisplay) => import("react/jsx-runtime").JSX.Element;
+declare const Display: ({ size, color, fontFamily, children, ...props }: IDisplay) => import("react/jsx-runtime").JSX.Element;
 export default Display;

package/build/src/components/Typography/Heading.d.ts

@@ -12,6 +12,7 @@ interface IHeading extends TextProps {
     children: any;
     color?: string;
     size: DefaultType | ResponsiveType;
+    fontFamily?: string;
 }
-declare const Heading: ({ size, color, children, ...props }: IHeading) => import("react/jsx-runtime").JSX.Element;
+declare const Heading: ({ size, color, fontFamily, children, ...props }: IHeading) => import("react/jsx-runtime").JSX.Element;
 export default Heading;

package/build/src/components/Typography/Paragraph.d.ts

@@ -12,6 +12,7 @@ interface IParagraph extends TextProps {
     children: any;
     color?: string;
     size: DefaultType | ResponsiveType;
+    fontFamily?: string;
 }
-declare const Paragraph: ({ size, color, children, ...props }: IParagraph) => import("react/jsx-runtime").JSX.Element;
+declare const Paragraph: ({ size, color, fontFamily, children, ...props }: IParagraph) => import("react/jsx-runtime").JSX.Element;
 export default Paragraph;

package/build/src/components/Typography/Subtitle.d.ts

@@ -12,6 +12,7 @@ interface ISubtitle extends TextProps {
     children: any;
     color?: string;
     size: DefaultType | ResponsiveType;
+    fontFamily?: string;
 }
-declare const Subtitle: ({ size, color, children, ...props }: ISubtitle) => import("react/jsx-runtime").JSX.Element;
+declare const Subtitle: ({ size, color, fontFamily, children, ...props }: ISubtitle) => import("react/jsx-runtime").JSX.Element;
 export default Subtitle;

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

@@ -1,8 +1,9 @@
 /** @format */
+/// <reference types="react" />
 interface Props {
     variant: "blue" | "red" | "green" | "yellow" | "purple" | "orange" | "gradient";
     onProceed: () => void;
-    message: string;
+    message: React.ReactNode;
     buttonText?: string;
     hasProceedButton?: boolean;
     hasCloseButton?: boolean;

package/package.json

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