ingeniuscliq-core 0.2.20 → 0.2.21

package/dist/components/ui/stepper.d.ts

@@ -1,18 +1,13 @@
 import { BaseStyleProps } from '../../types';
-interface ColorStep {
-    border: string;
-    background: string;
-    color: string;
-}
 interface StepProps extends BaseStyleProps {
     step: Step;
     isCompleted?: boolean;
     isActive?: boolean;
     firstStep?: boolean;
     lastStep?: boolean;
-    colorCompletedSteps: ColorStep;
-    colorActiveSteps: ColorStep;
-    colorInactiveSteps: ColorStep;
+    colorCompletedSteps?: string;
+    colorActiveSteps?: string;
+    colorInactiveSteps?: string;
 }
 interface Step {
     title: string;
@@ -22,9 +17,9 @@ declare const Step: React.FC<StepProps>;
 interface StepperProps {
     steps: Step[];
     currentStep: number;
-    colorCompletedSteps: ColorStep;
-    colorActiveSteps: ColorStep;
-    colorInactiveSteps: ColorStep;
+    colorCompletedSteps?: string;
+    colorActiveSteps?: string;
+    colorInactiveSteps?: string;
 }
 export declare function Stepper({ steps, currentStep, colorCompletedSteps, colorActiveSteps, colorInactiveSteps }: StepperProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.js

@@ -20091,25 +20091,25 @@ const pD = /* @__PURE__ */ E.forwardRef(function(t, n) {
       ...e
     }
   );
-}, hD = ({ className: e = "", colorCompletedSteps: t, colorActiveSteps: n, colorInactiveSteps: r, step: o, isCompleted: a, isActive: s, firstStep: i, lastStep: c }) => /* @__PURE__ */ I("div", { className: "flex flex-col justify-center w-full items-center gap-2 relative", children: [
+}, hD = ({ className: e = "", colorCompletedSteps: t = "", colorActiveSteps: n = "", colorInactiveSteps: r = "", step: o, isCompleted: a, isActive: s, firstStep: i, lastStep: c }) => /* @__PURE__ */ I("div", { className: "flex flex-col justify-center w-full items-center gap-2 relative", children: [
   !i && /* @__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" }),
   !c && /* @__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: `w-10 h-10 p-1 rounded-full border flex items-center justify-center ${e} ${a ? `${t.background} ${t.border} ${t.color}` : s ? `${n.background} ${n.border} ${n.color}` : `${r.background} ${r.border} ${r.color}`}`,
+      className: `w-10 h-10 p-1 rounded-full border flex items-center justify-center ${e} ${a ? `${t}` : s ? `${n}` : `${r}`}`,
       children: a ? /* @__PURE__ */ d(za, { className: "w-4 h-4" }) : o.icon
     }
   ) }),
   /* @__PURE__ */ d(
     "p",
     {
-      className: `hidden md:block text-sm font-medium ${a ? `${t.color}` : s ? `${n.color}` : `${r.color}`}`,
+      className: `hidden md:block text-sm font-medium ${a ? `${t}` : s ? `${n}` : `${r}`}`,
       children: o.title
     }
   )
 ] });
-function a6({ steps: e, currentStep: t, colorCompletedSteps: n, colorActiveSteps: r, colorInactiveSteps: o }) {
+function a6({ steps: e, currentStep: t, colorCompletedSteps: n = "", colorActiveSteps: r = "", colorInactiveSteps: o = "" }) {
   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((a, s) => /* @__PURE__ */ d(Dv, { children: /* @__PURE__ */ d(
     hD,
     {

package/package.json

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