@kashifd/jwero-components 0.7.11 → 0.7.12

package/dist/index.es.js

@@ -48199,7 +48199,7 @@ const iW = ({
               sx: {
                 margin: 0,
                 padding: "0.05rem",
-                // backgroundColor: theme.palette.,
+                backgroundColor: "#fff",
                 "&:hover": {
                   boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.40)"
                 }
@@ -48214,7 +48214,7 @@ const iW = ({
               sx: {
                 padding: "0.35rem 0.5rem",
                 borderRadius: "0.5rem",
-                backgroundColor: "white",
+                backgroundColor: "#fff",
                 boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.40)"
               },
               children: /* @__PURE__ */ b.jsxs(
@@ -48227,7 +48227,7 @@ const iW = ({
                     fontWeight: 500
                   },
                   children: [
-                    /* @__PURE__ */ b.jsxs("span", { style: { color: "#012687" }, children: [
+                    /* @__PURE__ */ b.jsxs("span", { style: { color: m.colors.text_primary }, children: [
                       d != null && d.custom_name ? (d == null ? void 0 : d.custom_name) + " " : "Steps ",
                       (d == null ? void 0 : d.current_step) ?? "1 "
                     ] }),
@@ -49006,7 +49006,6 @@ const VF = /* @__PURE__ */ Ho(WF), YF = ({ ...e }) => /* @__PURE__ */ b.jsxs(
                         bt,
                         {
                           variant: "lRegular",
-                          sx: { color: r.colors.light_text_color },
                           ...a == null ? void 0 : a.titleProps,
                           children: a.title
                         }
@@ -49079,32 +49078,32 @@ const VF = /* @__PURE__ */ Ho(WF), YF = ({ ...e }) => /* @__PURE__ */ b.jsxs(
   menuSx: v,
   popperSx: w
 }) => {
-  const T = bc(null), [O, P] = $r(!1), I = () => {
-    P(!0), t && t();
-  }, j = () => {
-    P(!1);
+  const T = Nt(), O = bc(null), [P, I] = $r(!1), j = () => {
+    I(!0), t && t();
+  }, R = () => {
+    I(!1);
   };
   return js(() => {
-    r && P(!1);
+    r && I(!1);
   }, [r]), /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
     /* @__PURE__ */ b.jsxs(
       Ue,
       {
-        onClick: I,
-        ref: T,
+        onClick: j,
+        ref: O,
         direction: "row",
         alignItems: "center",
         justifyContent: "space-between",
         sx: {
           gap: "1rem",
           padding: "0.5rem 0.75rem 0.5rem 0.5rem",
-          backgroundColor: "#fff",
+          backgroundColor: T.palette.background.paper,
           borderRadius: "0.5rem",
           border: "1px solid rgba(0, 0, 0, 0.08)",
           boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.40)",
           "&:hover": {
             cursor: "pointer",
-            bgcolor: "#F5F6F7",
+            bgcolor: T.palette.mode === "light" ? "#f5f5f5" : "#2e2d2d",
             boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.50)"
           },
           ...d
@@ -49130,9 +49129,9 @@ const VF = /* @__PURE__ */ Ho(WF), YF = ({ ...e }) => /* @__PURE__ */ b.jsxs(
     /* @__PURE__ */ b.jsx(
       Vh,
       {
-        open: O,
-        onClose: j,
-        anchorEl: T == null ? void 0 : T.current,
+        open: P,
+        onClose: R,
+        anchorEl: O == null ? void 0 : O.current,
         placement: "bottom-start",
         boxSx: w,
         children: /* @__PURE__ */ b.jsx(Qx, { menuList: a, boxSx: v })
@@ -58800,8 +58799,8 @@ const yz = (e, t = 10) => {
   onDeleteProps: t,
   isHovered: r
 }) => {
-  const a = e == null ? void 0 : e.flag, s = t == null ? void 0 : t.flag, c = e == null ? void 0 : e.onClick, d = t == null ? void 0 : t.onClick;
-  return /* @__PURE__ */ b.jsx(b.Fragment, { children: r && (a || s) && /* @__PURE__ */ b.jsxs(
+  const a = Nt(), s = e == null ? void 0 : e.flag, c = t == null ? void 0 : t.flag, d = e == null ? void 0 : e.onClick, g = t == null ? void 0 : t.onClick;
+  return /* @__PURE__ */ b.jsx(b.Fragment, { children: r && (s || c) && /* @__PURE__ */ b.jsxs(
     Ue,
     {
       direction: "row",
@@ -58811,28 +58810,42 @@ const yz = (e, t = 10) => {
         right: "0rem",
         top: "0rem",
         gap: "0.25rem",
-        backgroundColor: "#fff",
+        backgroundColor: a.colors.surface_white,
         borderRadius: "0.625rem",
         padding: "0.125 0.25rem",
         boxShadow: "0px 4px 16px 0px rgba(0, 0, 0, 0.12)"
       },
       children: [
-        a && /* @__PURE__ */ b.jsx(Bn, { title: "Edit", children: /* @__PURE__ */ b.jsx(
+        s && /* @__PURE__ */ b.jsx(Bn, { title: "Edit", children: /* @__PURE__ */ b.jsx(
           wr,
           {
-            onClick: (g) => {
-              g.stopPropagation(), c && c();
+            onClick: (m) => {
+              m.stopPropagation(), d && d();
             },
-            children: /* @__PURE__ */ b.jsx($x, { height: "16", width: "16" })
+            children: /* @__PURE__ */ b.jsx(
+              $x,
+              {
+                height: "16",
+                width: "16",
+                stroke: a.colors.text_secondary
+              }
+            )
           }
         ) }),
-        s && /* @__PURE__ */ b.jsx(Bn, { title: "Delete", children: /* @__PURE__ */ b.jsx(
+        c && /* @__PURE__ */ b.jsx(Bn, { title: "Delete", children: /* @__PURE__ */ b.jsx(
           wr,
           {
-            onClick: (g) => {
-              g.stopPropagation(), d && d();
+            onClick: (m) => {
+              m.stopPropagation(), g && g();
             },
-            children: /* @__PURE__ */ b.jsx(Hf, { height: 16, width: 16 })
+            children: /* @__PURE__ */ b.jsx(
+              Hf,
+              {
+                height: 16,
+                width: 16,
+                stroke: a.colors.negative
+              }
+            )
           }
         ) })
       ]
@@ -58927,7 +58940,7 @@ const yz = (e, t = 10) => {
                   {
                     onClick: r == null ? void 0 : r.onRedirect,
                     sx: { margin: 0, padding: "0.25rem" },
-                    children: r != null && r.icon ? r == null ? void 0 : r.icon : /* @__PURE__ */ b.jsx(jm, { sx: { stroke: "#000", height: 18, width: 18 } })
+                    children: r != null && r.icon ? r == null ? void 0 : r.icon : /* @__PURE__ */ b.jsx(jm, { sx: { stroke: T.colors.surface_white, height: 18, width: 18 } })
                   }
                 )
               ] }),
@@ -58958,7 +58971,7 @@ const yz = (e, t = 10) => {
                 /* @__PURE__ */ b.jsx(
                   Vm,
                   {
-                    stroke: T.colors.tertiary,
+                    stroke: T.colors.text_secondary,
                     height: "14",
                     width: "14"
                   }
@@ -58967,7 +58980,7 @@ const yz = (e, t = 10) => {
                   bt,
                   {
                     variant: "lRegular",
-                    sx: { color: T.colors.text_tertiary },
+                    sx: { color: T.colors.text_secondary },
                     children: Fd({ date: e == null ? void 0 : e.dueDate })
                   }
                 ),
@@ -59002,7 +59015,7 @@ const yz = (e, t = 10) => {
                   /* @__PURE__ */ b.jsx(
                     Vm,
                     {
-                      stroke: T.colors.text_tertiary,
+                      stroke: T.colors.text_secondary,
                       height: "14",
                       width: "14"
                     }
@@ -59011,7 +59024,7 @@ const yz = (e, t = 10) => {
                     bt,
                     {
                       variant: "lRegular",
-                      sx: { color: T.colors.text_tertiary },
+                      sx: { color: T.colors.text_secondary },
                       children: Fd({ date: e == null ? void 0 : e.createdAt })
                     }
                   )
@@ -59050,7 +59063,7 @@ const yz = (e, t = 10) => {
       sx: {
         borderRadius: "0.625rem",
         padding: "0.25rem 0.5rem",
-        backgroundColor: "#E9EFFF",
+        backgroundColor: t.colors.surface2_lightgrey,
         display: "flex",
         flexDirection: "row",
         alignItems: "center",