ingeniuscliq-core 0.2.23 → 0.2.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,13 +5,13 @@ interface StepProps extends BaseStyleProps {
5
5
  isActive?: boolean;
6
6
  firstStep?: boolean;
7
7
  lastStep?: boolean;
8
- colorCompletedSteps?: string;
9
- colorActiveSteps?: string;
10
- colorInactiveSteps?: string;
11
- colorLabelCompletedSteps?: string;
12
- colorLabelActiveSteps?: string;
13
- colorLabelInactiveSteps?: string;
14
- colorDivider?: string;
8
+ classCompletedSteps?: string;
9
+ classActiveSteps?: string;
10
+ classInactiveSteps?: string;
11
+ classLabelCompletedSteps?: string;
12
+ classLabelActiveSteps?: string;
13
+ classLabelInactiveSteps?: string;
14
+ classDivider?: string;
15
15
  }
16
16
  interface Step {
17
17
  title: string;
@@ -21,13 +21,13 @@ declare const Step: React.FC<StepProps>;
21
21
  interface StepperProps {
22
22
  steps: Step[];
23
23
  currentStep: number;
24
- colorCompletedSteps?: string;
25
- colorActiveSteps?: string;
26
- colorInactiveSteps?: string;
27
- colorLabelCompletedSteps?: string;
28
- colorLabelActiveSteps?: string;
29
- colorLabelInactiveSteps?: string;
30
- colorDivider?: string;
24
+ classCompletedSteps?: string;
25
+ classActiveSteps?: string;
26
+ classInactiveSteps?: string;
27
+ classLabelCompletedSteps?: string;
28
+ classLabelActiveSteps?: string;
29
+ classLabelInactiveSteps?: string;
30
+ classDivider?: string;
31
31
  }
32
- export declare function Stepper({ steps, currentStep, colorCompletedSteps, colorActiveSteps, colorInactiveSteps, colorLabelCompletedSteps, colorLabelActiveSteps, colorLabelInactiveSteps, colorDivider }: StepperProps): import("react/jsx-runtime").JSX.Element;
32
+ export declare function Stepper({ steps, currentStep, classCompletedSteps, classActiveSteps, classInactiveSteps, classLabelCompletedSteps, classLabelActiveSteps, classLabelInactiveSteps, classDivider }: StepperProps): import("react/jsx-runtime").JSX.Element;
33
33
  export {};
package/dist/index.js CHANGED
@@ -20091,7 +20091,7 @@ const pD = /* @__PURE__ */ E.forwardRef(function(t, n) {
20091
20091
  ...e
20092
20092
  }
20093
20093
  );
20094
- }, hD = ({ className: e = "", colorCompletedSteps: t = "", colorActiveSteps: n = "", colorInactiveSteps: r = "", colorLabelCompletedSteps: o = "", colorLabelActiveSteps: a = "", colorLabelInactiveSteps: s = "", colorDivider: i = "", step: c, isCompleted: u, isActive: f, firstStep: l, lastStep: m }) => /* @__PURE__ */ I("div", { className: "flex flex-col justify-center w-full items-center gap-2 relative", children: [
20094
+ }, hD = ({ className: e = "", classCompletedSteps: t = "", classActiveSteps: n = "", classInactiveSteps: r = "", classLabelCompletedSteps: o = "", classLabelActiveSteps: a = "", classLabelInactiveSteps: s = "", classDivider: i = "", step: c, isCompleted: u, isActive: f, firstStep: l, lastStep: m }) => /* @__PURE__ */ I("div", { className: "flex flex-col justify-center w-full items-center gap-2 relative", children: [
20095
20095
  !l && /* @__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 ${i} -translate-x-full` }),
20096
20096
  !m && /* @__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 ${i} translate-x-full` }),
20097
20097
  /* @__PURE__ */ d("div", { className: "relative flex items-center justify-center z-10 bg-white", children: /* @__PURE__ */ d(
@@ -20109,7 +20109,7 @@ const pD = /* @__PURE__ */ E.forwardRef(function(t, n) {
20109
20109
  }
20110
20110
  )
20111
20111
  ] });
20112
- function a6({ steps: e, currentStep: t, colorCompletedSteps: n = "", colorActiveSteps: r = "", colorInactiveSteps: o = "", colorLabelCompletedSteps: a = "", colorLabelActiveSteps: s = "", colorLabelInactiveSteps: i = "", colorDivider: c = "" }) {
20112
+ function a6({ steps: e, currentStep: t, classCompletedSteps: n = "", classActiveSteps: r = "", classInactiveSteps: o = "", classLabelCompletedSteps: a = "", classLabelActiveSteps: s = "", classLabelInactiveSteps: i = "", classDivider: c = "" }) {
20113
20113
  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((u, f) => /* @__PURE__ */ d(Dv, { children: /* @__PURE__ */ d(
20114
20114
  hD,
20115
20115
  {
@@ -20118,13 +20118,13 @@ function a6({ steps: e, currentStep: t, colorCompletedSteps: n = "", colorActive
20118
20118
  isActive: f === t,
20119
20119
  firstStep: f === 0,
20120
20120
  lastStep: f === e.length - 1,
20121
- colorCompletedSteps: n,
20122
- colorActiveSteps: r,
20123
- colorInactiveSteps: o,
20124
- colorLabelCompletedSteps: a,
20125
- colorLabelActiveSteps: s,
20126
- colorLabelInactiveSteps: i,
20127
- colorDivider: c
20121
+ classCompletedSteps: n,
20122
+ classActiveSteps: r,
20123
+ classInactiveSteps: o,
20124
+ classLabelCompletedSteps: a,
20125
+ classLabelActiveSteps: s,
20126
+ classLabelInactiveSteps: i,
20127
+ classDivider: c
20128
20128
  }
20129
20129
  ) }, u.title)) }) });
20130
20130
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ingeniuscliq-core",
3
- "version": "0.2.23",
3
+ "version": "0.2.24",
4
4
  "description": "IngeniusCliq Core UI y lógica compartida",
5
5
  "license": "MIT",
6
6
  "type": "module",