ingeniuscliq-core 0.1.41 → 0.1.43

package/dist/index.js

@@ -22802,22 +22802,45 @@ const kD = /* @__PURE__ */ E.forwardRef(function(t, n) {
     }
   );
 }, ND = ({ step: e, isCompleted: t, isActive: n, firstStep: r, lastStep: o }) => /* @__PURE__ */ $("div", { className: "flex flex-col justify-center w-full items-center gap-2 relative", children: [
-  !r && /* @__PURE__ */ d("div", { className: "absolute top-[calc(25%+4px)] left-0 w-1/2 h-0.25 bg-customGray -translate-x-full" }),
-  !o && /* @__PURE__ */ d("div", { className: "absolute top-[calc(25%+4px)] right-0 w-1/2 h-0.25 bg-customGray translate-x-full" }),
+  !r && /* @__PURE__ */ d("div", { className: "absolute top-0 bottom-0 my-auto md:bottom-auto md:top-[calc(25%+4px)] left-0 w-1/2 h-0.25 bg-customGray -translate-x-full" }),
+  !o && /* @__PURE__ */ d("div", { className: "absolute top-0 bottom-0 my-auto md:bottom-auto md:top-[calc(25%+4px)] right-0 w-1/2 h-0.25 bg-customGray translate-x-full" }),
   /* @__PURE__ */ d("div", { className: "relative flex items-center justify-center z-10 bg-white", children: /* @__PURE__ */ d(
     "div",
     {
-      className: D(
-        "w-10 h-10 p-1 rounded-full border flex items-center justify-center",
-        t ? "border-stepperCompleteBgColor bg-stepperCompleteBgColor text-stepperCompleteTextColor" : n ? "border-stepperActiveBgColor text-stepperActiveTextColor" : "border-stepperInactiveBgColor text-stepperInactiveTextColor"
-      ),
+      className: "w-10 h-10 p-1 rounded-full border flex items-center justify-center",
+      style: t ? {
+        border: "var(--color-stepperCompleteBgColor)",
+        background: "var(--color-stepperCompleteBgColor)",
+        color: "var(--color-stepperCompleteTextColor)"
+      } : n ? {
+        border: "var(--color-stepperActiveBgColor)",
+        background: "var(--color-stepperActiveBgColor)",
+        color: "var(--color-stepperActiveTextColor)"
+      } : {
+        border: "var(--color-stepperInactiveBgColor)",
+        background: "var(--color-stepperInactiveBgColor)",
+        color: "var(--color-stepperInactiveTextColor)"
+      },
       children: t ? /* @__PURE__ */ d(ts, { className: "w-4 h-4" }) : e.icon
     }
   ) }),
-  /* @__PURE__ */ d("p", { className: D("text-sm font-medium", t ? "text-stepperCompleteTextColor" : n ? "text-stepperActiveTextColor" : "text-stepperInactiveTextColor"), children: e.title })
+  /* @__PURE__ */ d(
+    "p",
+    {
+      className: "hidden md:block text-sm font-medium",
+      style: t ? {
+        color: "var(--color-stepperCompleteTextColor)"
+      } : n ? {
+        color: "var(--color-stepperActiveTextColor)"
+      } : {
+        color: "var(--color-stepperInactiveTextColor)"
+      },
+      children: e.title
+    }
+  )
 ] });
 function g9({ steps: e, currentStep: t }) {
-  return /* @__PURE__ */ d("div", { className: "w-full max-w-3xl mx-auto", children: /* @__PURE__ */ d("div", { className: "flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mb-8", children: e.map((n, r) => /* @__PURE__ */ d(ub, { children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ d("div", { className: "w-full max-w-3xl mx-auto", children: /* @__PURE__ */ d("div", { className: "flex flex-row justify-between items-center gap-4 mb-8", children: e.map((n, r) => /* @__PURE__ */ d(ub, { children: /* @__PURE__ */ d(
     ND,
     {
       step: n,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ingeniuscliq-core",
-  "version": "0.1.41",
+  "version": "0.1.43",
   "description": "IngeniusCliq Core UI y lógica compartida",
   "license": "MIT",
   "type": "module",