globalfy-design-system 0.91.0 → 0.93.0

package/dist/components/atoms/Alert/Alert.d.ts

@@ -1,3 +1,3 @@
 import { AlertProps } from './Alert.types';
 
-export declare const Alert: ({ message, actions, inlineActions, toastType, icon, iconVariant, hasCloseButton, actionType }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Alert: ({ message, actions, inlineActions, toastType, icon, iconVariant, hasCloseButton, onClickCloseButton, actionType }: AlertProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Alert/Alert.types.d.ts

@@ -17,6 +17,7 @@ export type AlertProps = {
     toastType?: ToastType;
     icon?: React.ReactNode;
     hasCloseButton?: boolean;
+    onClickCloseButton?: () => void;
     iconVariant?: "neutral" | "success" | "error" | "warning" | "banner";
     actions?: AlertAction[];
     actionType?: ActionType;

package/dist/globalfy-design-system.js

@@ -26121,7 +26121,7 @@ const TD = ({
   ...c
 }) => {
   const [u, d] = se.useState(!1), f = be({
-    base: "group flex h-12 w-full items-center rounded-lg border border-primary-grey-700 bg-white px-4 py-3",
+    base: "group mt-[24px] flex h-12 w-full items-center rounded-lg border border-primary-grey-700 bg-white px-4 py-3",
     variants: {
       disabled: {
         true: "border-none bg-primary-grey-500"
@@ -26174,7 +26174,7 @@ const TD = ({
   }), T = (N) => {
     d(!u), S(N);
   };
-  return /* @__PURE__ */ P.jsxs("div", { className: "h-[74px]", children: [
+  return /* @__PURE__ */ P.jsxs("div", { children: [
     /* @__PURE__ */ P.jsxs(
       "div",
       {
@@ -30699,9 +30699,10 @@ const rD = ({
   icon: o,
   iconVariant: a = "neutral",
   hasCloseButton: i = !1,
-  actionType: s = qa.Link
+  onClickCloseButton: s,
+  actionType: l = qa.Link
 }) => {
-  const l = be({
+  const c = be({
     base: "flex gap-3 rounded-lg px-4 py-4 md:px-6",
     variants: {
       inlineActions: {
@@ -30713,7 +30714,7 @@ const rD = ({
         banner: "rounded-2xl bg-complementary-red-500"
       }
     }
-  }), c = be({
+  }), u = be({
     base: "font-satoshi text-sm",
     variants: {
       toastType: {
@@ -30721,7 +30722,7 @@ const rD = ({
         banner: "text-white"
       }
     }
-  }), u = be({
+  }), d = be({
     base: "mt-[1px] flex h-[34px] w-[34px] items-center justify-center self-start rounded-full font-satoshi text-sm text-white",
     variants: {
       iconVariant: {
@@ -30732,7 +30733,7 @@ const rD = ({
         banner: "bg-white text-complementary-red-500"
       }
     }
-  }), d = be({
+  }), f = be({
     base: "flex flex-1",
     variants: {
       actionType: {
@@ -30740,30 +30741,30 @@ const rD = ({
         button: "md:justify-end"
       }
     }
-  }), f = () => r === vc.Banner ? "secondaryNegative" : s === qa.Link ? "tertiary" : "secondary";
-  return /* @__PURE__ */ P.jsxs("div", { className: l({ inlineActions: n, toastType: r }), children: [
-    o && /* @__PURE__ */ P.jsx("div", { className: u({ iconVariant: a }), children: typeof o == "string" ? /* @__PURE__ */ P.jsx(lt, { name: o }) : o }),
+  }), p = () => r === vc.Banner ? "secondaryNegative" : l === qa.Link ? "tertiary" : "secondary";
+  return /* @__PURE__ */ P.jsxs("div", { className: c({ inlineActions: n, toastType: r }), children: [
+    o && /* @__PURE__ */ P.jsx("div", { className: d({ iconVariant: a }), children: typeof o == "string" ? /* @__PURE__ */ P.jsx(lt, { name: o }) : o }),
     /* @__PURE__ */ P.jsxs("div", { className: "flex flex-1 flex-col gap-3 md:flex-row", children: [
-      /* @__PURE__ */ P.jsx("div", { className: "mt-[3px] flex items-center gap-4", children: /* @__PURE__ */ P.jsx("p", { className: c({ toastType: r }), children: e }) }),
-      t && /* @__PURE__ */ P.jsx("div", { className: d({ actionType: s }), children: t.map(({ label: p, onClick: m }) => /* @__PURE__ */ P.jsx(
+      /* @__PURE__ */ P.jsx("div", { className: "mt-[3px] flex items-center gap-4", children: /* @__PURE__ */ P.jsx("p", { className: u({ toastType: r }), children: e }) }),
+      t && /* @__PURE__ */ P.jsx("div", { className: f({ actionType: l }), children: t.map(({ label: m, onClick: h }) => /* @__PURE__ */ P.jsx(
         au,
         {
-          variant: f(),
-          onClick: m,
+          variant: p(),
+          onClick: h,
           size: "small",
-          className: s === qa.Link ? "!p-0" : "",
-          children: p
+          className: l === qa.Link ? "!p-0" : "",
+          children: m
         },
-        p
+        m
       )) })
     ] }),
-    i && /* @__PURE__ */ P.jsx("div", { className: "flex pl-5", children: /* @__PURE__ */ P.jsx(
+    i && /* @__PURE__ */ P.jsx("div", { className: "flex pl-5", children: /* @__PURE__ */ P.jsx("button", { onClick: s, children: /* @__PURE__ */ P.jsx(
       lt,
       {
         name: "close",
         className: "cursor-pointer text-xs text-black md:mt-[13px]"
       }
-    ) })
+    ) }) })
   ] });
 }, ND = () => ({
   alert: (t) => {