prometeo-design-system 2.7.8 → 2.7.9
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.
- package/dist/Button.es.js +5 -5
- package/dist/{CardProfile-WHoeSibd.js → CardProfile-DV3gwvqE.js} +24 -24
- package/dist/CardProfile.es.js +1 -1
- package/dist/CheckBox.es.js +60 -60
- package/dist/CheckboxFormik.es.js +2 -2
- package/dist/DatePicker.es.js +68 -68
- package/dist/DrawerDesktop.es.js +4 -4
- package/dist/DropZone.es.js +32 -32
- package/dist/FAButton.es.js +2 -2
- package/dist/HelperComponent-U6mPwuDH.js +24 -0
- package/dist/Icons/Icons.d.ts +1 -61
- package/dist/Icons.es.js +8 -68
- package/dist/{ImageGallery-WKzUevOQ.js → ImageGallery-D8nIvBpV.js} +43 -43
- package/dist/ImageGallery.es.js +1 -1
- package/dist/{Input-D6as6xD-.js → Input-60IT1aGF.js} +61 -61
- package/dist/Input.es.js +1 -1
- package/dist/InputFormik.es.js +32 -32
- package/dist/InputFormikV2.es.js +1 -1
- package/dist/InputMultiple.es.js +51 -51
- package/dist/Logo.es.js +3 -3
- package/dist/Menu.es.js +2 -2
- package/dist/OtpInput.es.js +42 -42
- package/dist/Pagination.es.js +1 -1
- package/dist/RadioButton.es.js +1 -1
- package/dist/{Select-sdfP2TL0.js → Select-C4UvSsof.js} +164 -164
- package/dist/Select.es.js +1 -1
- package/dist/SelectFormik.es.js +1 -1
- package/dist/SelectFormikLegacy.es.js +25 -25
- package/dist/SelectSearch.es.js +1 -1
- package/dist/Steps.es.js +14 -14
- package/dist/TabLinks.es.js +2 -2
- package/dist/Table.es.js +2 -2
- package/dist/Toast.es.js +23 -23
- package/dist/Tooltip.es.js +7 -7
- package/dist/components/CheckBox/CheckBox.d.ts +5 -4
- package/dist/components/Toaster/Toaster.d.ts +3 -3
- package/dist/exports/Icons.d.ts +1 -1
- package/dist/prometeo-design-system.css +1 -1
- package/dist/prometeo-design-system.es.js +125 -126
- package/package.json +1 -1
- package/dist/HelperComponent-BeNlTMqI.js +0 -24
- package/dist/components/Spinner/SpinnerV2.d.ts +0 -12
package/dist/Select.es.js
CHANGED
package/dist/SelectFormik.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as c } from "./jsx-runtime-DKDX3adD.js";
|
|
2
2
|
import { useField as y } from "formik";
|
|
3
|
-
import { S as m } from "./Select-
|
|
3
|
+
import { S as m } from "./Select-C4UvSsof.js";
|
|
4
4
|
import { useRef as p, useEffect as g } from "react";
|
|
5
5
|
function f(e) {
|
|
6
6
|
return Array.isArray(e) && e.every(
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { j as t } from "./jsx-runtime-DKDX3adD.js";
|
|
2
|
+
import { Icons as g } from "./Icons.es.js";
|
|
2
3
|
import { c as d } from "./cn-B6yFEsav.js";
|
|
3
4
|
import { useField as $, ErrorMessage as q } from "formik";
|
|
4
|
-
import { memo as G, useState as
|
|
5
|
+
import { memo as G, useState as k, useRef as H, useEffect as J } from "react";
|
|
5
6
|
import K from "./Spinner.es.js";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
containerClassName: I,
|
|
7
|
+
const Q = ({
|
|
8
|
+
label: C,
|
|
9
|
+
name: I,
|
|
10
|
+
placeholder: b = "",
|
|
11
|
+
disabled: j,
|
|
12
|
+
containerClassName: S,
|
|
13
13
|
className: D,
|
|
14
14
|
options: c = [],
|
|
15
15
|
multiple: i = !1,
|
|
16
16
|
emptyMessage: z = "No hay opciones disponibles",
|
|
17
|
-
labelVariant:
|
|
17
|
+
labelVariant: w = "default",
|
|
18
18
|
isFetching: E = !1,
|
|
19
19
|
returnFullObject: m = !1
|
|
20
20
|
// Por defecto false para mantener compatibilidad
|
|
21
21
|
}) => {
|
|
22
|
-
const [r,
|
|
22
|
+
const [r, N, u] = $(I), [l, x] = k(!1), [p, A] = k(!1), h = H(null), v = N.touched && N.error, o = (e) => e ? typeof e == "object" && e.id !== void 0 ? e.id : e : null, V = () => r.value ? Array.isArray(r.value) ? r.value.map(o) : o(r.value) : i ? [] : null, f = r.value && (Array.isArray(r.value) ? r.value.length > 0 : typeof r.value == "object" ? r.value.id : r.value?.toString().length > 0), O = () => w === "static" || f || l || p ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", L = () => {
|
|
23
23
|
if (!r.value) return [];
|
|
24
|
-
const e =
|
|
24
|
+
const e = V();
|
|
25
25
|
return Array.isArray(e) ? c.filter((a) => e.includes(a.id)) : c.filter((a) => a.id === e);
|
|
26
26
|
}, P = (e) => {
|
|
27
27
|
if (i) {
|
|
@@ -61,7 +61,7 @@ const T = ({
|
|
|
61
61
|
}, [l]);
|
|
62
62
|
const R = () => {
|
|
63
63
|
const e = L();
|
|
64
|
-
return e.length === 0 ?
|
|
64
|
+
return e.length === 0 ? b ? /* @__PURE__ */ t.jsx("span", { className: "text-neutral-medium-default opacity-50", children: b }) : null : i ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 flex-wrap py-1", children: e.map((a) => /* @__PURE__ */ t.jsxs(
|
|
65
65
|
"div",
|
|
66
66
|
{
|
|
67
67
|
className: "inline-flex items-center gap-1 px-2 py-1 bg-primary-default-default text-white text-xs rounded-md",
|
|
@@ -76,7 +76,7 @@ const T = ({
|
|
|
76
76
|
className: "shrink-0 hover:bg-primary-strong-default rounded-sm p-0.5 transition-colors",
|
|
77
77
|
type: "button",
|
|
78
78
|
tabIndex: -1,
|
|
79
|
-
children: /* @__PURE__ */ t.jsx(
|
|
79
|
+
children: /* @__PURE__ */ t.jsx(g.Close, { size: 12, className: "" })
|
|
80
80
|
}
|
|
81
81
|
)
|
|
82
82
|
]
|
|
@@ -87,21 +87,21 @@ const T = ({
|
|
|
87
87
|
return /* @__PURE__ */ t.jsxs(
|
|
88
88
|
"div",
|
|
89
89
|
{
|
|
90
|
-
className: d("relative w-full bg-inherit",
|
|
90
|
+
className: d("relative w-full bg-inherit", S),
|
|
91
91
|
ref: h,
|
|
92
92
|
children: [
|
|
93
93
|
/* @__PURE__ */ t.jsxs("div", { className: "relative bg-inherit", children: [
|
|
94
94
|
/* @__PURE__ */ t.jsxs(
|
|
95
95
|
"div",
|
|
96
96
|
{
|
|
97
|
-
onClick: () => !
|
|
98
|
-
onFocus: () =>
|
|
99
|
-
onBlur: () =>
|
|
97
|
+
onClick: () => !j && x(!l),
|
|
98
|
+
onFocus: () => A(!0),
|
|
99
|
+
onBlur: () => A(!1),
|
|
100
100
|
className: d(
|
|
101
101
|
"w-full px-3 h-12 text-left border rounded-lg transition-all duration-300 ease-in-out text-neutral-default-default",
|
|
102
102
|
"flex items-center justify-between bg-transparent focus:outline-none",
|
|
103
103
|
f || l || p ? " border-primary-default-focused ring-primary-default-focused ring-2" : v ? "ring-error-default-default ring-2" : "border-neutral-default-default hover:border-primary-default-hover",
|
|
104
|
-
|
|
104
|
+
j && "opacity-50 cursor-default pointer-events-none",
|
|
105
105
|
D
|
|
106
106
|
),
|
|
107
107
|
children: [
|
|
@@ -110,13 +110,13 @@ const T = ({
|
|
|
110
110
|
{
|
|
111
111
|
className: d(
|
|
112
112
|
"absolute pointer-events-none bg-inherit px-1 z-10",
|
|
113
|
-
|
|
113
|
+
w === "default" && "transition-all duration-200 ease-in-out",
|
|
114
114
|
"text-md",
|
|
115
115
|
O(),
|
|
116
116
|
f || l || p ? "text-primary-default-default" : v ? "text-red-500" : "text-neutral-medium-default",
|
|
117
117
|
"left-3"
|
|
118
118
|
),
|
|
119
|
-
children:
|
|
119
|
+
children: C
|
|
120
120
|
}
|
|
121
121
|
),
|
|
122
122
|
/* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0", children: R() }),
|
|
@@ -130,11 +130,11 @@ const T = ({
|
|
|
130
130
|
className: "text-neutral-medium-default hover:text-neutral-default-default transition-colors",
|
|
131
131
|
type: "button",
|
|
132
132
|
tabIndex: -1,
|
|
133
|
-
children: /* @__PURE__ */ t.jsx(
|
|
133
|
+
children: /* @__PURE__ */ t.jsx(g.Close, { size: 16, className: "" })
|
|
134
134
|
}
|
|
135
135
|
),
|
|
136
136
|
E ? /* @__PURE__ */ t.jsx(K, { size: 20, variant: "clip" }) : /* @__PURE__ */ t.jsx(
|
|
137
|
-
|
|
137
|
+
g.ChevronDown,
|
|
138
138
|
{
|
|
139
139
|
size: 20,
|
|
140
140
|
className: d(
|
|
@@ -148,7 +148,7 @@ const T = ({
|
|
|
148
148
|
}
|
|
149
149
|
),
|
|
150
150
|
l && /* @__PURE__ */ t.jsx("div", { className: "absolute z-50 w-full mt-1 bg-neutral-default-default border border-neutral-default-default rounded-md shadow-lg max-h-60 overflow-auto", children: c.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: z }) : c.map((e) => {
|
|
151
|
-
const a =
|
|
151
|
+
const a = V(), s = i ? Array.isArray(a) && a.includes(e.id) : a === e.id;
|
|
152
152
|
return /* @__PURE__ */ t.jsxs(
|
|
153
153
|
"div",
|
|
154
154
|
{
|
|
@@ -188,7 +188,7 @@ const T = ({
|
|
|
188
188
|
]
|
|
189
189
|
}
|
|
190
190
|
);
|
|
191
|
-
},
|
|
191
|
+
}, _ = G(Q);
|
|
192
192
|
export {
|
|
193
|
-
|
|
193
|
+
_ as default
|
|
194
194
|
};
|
package/dist/SelectSearch.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as G } from "./jsx-runtime-DKDX3adD.js";
|
|
2
|
-
import { g as i, S as H } from "./Select-
|
|
2
|
+
import { g as i, S as H } from "./Select-C4UvSsof.js";
|
|
3
3
|
import { useState as T, useRef as I, useEffect as h, useMemo as Q, useCallback as X } from "react";
|
|
4
4
|
function te(e) {
|
|
5
5
|
const {
|
package/dist/Steps.es.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-DKDX3adD.js";
|
|
2
|
-
import {
|
|
3
|
-
import { c as y } from "./cn-B6yFEsav.js";
|
|
2
|
+
import { c as j } from "./cn-B6yFEsav.js";
|
|
4
3
|
import { motion as r } from "framer-motion";
|
|
5
4
|
import N from "react";
|
|
5
|
+
import { Icons as y } from "./Icons.es.js";
|
|
6
6
|
const b = ({
|
|
7
7
|
index: n,
|
|
8
8
|
isHorizontal: t,
|
|
@@ -80,7 +80,7 @@ const b = ({
|
|
|
80
80
|
}
|
|
81
81
|
)
|
|
82
82
|
] });
|
|
83
|
-
},
|
|
83
|
+
}, k = ({
|
|
84
84
|
steps: n,
|
|
85
85
|
currentStep: t,
|
|
86
86
|
orientation: u = "horizontal",
|
|
@@ -115,7 +115,7 @@ const b = ({
|
|
|
115
115
|
connectorContainer: "px-2",
|
|
116
116
|
iconSize: 28
|
|
117
117
|
}
|
|
118
|
-
}, w = (a) => a < t ? "completed" : a === t ? "current" : "upcoming",
|
|
118
|
+
}, w = (a) => a < t ? "completed" : a === t ? "current" : "upcoming", h = (a) => {
|
|
119
119
|
const l = `${m[i].circle} rounded-full flex items-center justify-center font-medium`;
|
|
120
120
|
switch (a) {
|
|
121
121
|
case "completed":
|
|
@@ -125,7 +125,7 @@ const b = ({
|
|
|
125
125
|
default:
|
|
126
126
|
return `${l} bg-neutral-medium-default text-neutral-medium-default`;
|
|
127
127
|
}
|
|
128
|
-
},
|
|
128
|
+
}, g = (a) => {
|
|
129
129
|
p && o && o(a);
|
|
130
130
|
}, v = c ? `flex items-center w-full justify-center ${x}` : `space-y-0 ${x}`;
|
|
131
131
|
return /* @__PURE__ */ e.jsx("div", { className: v, children: n.map((a, l) => {
|
|
@@ -135,16 +135,16 @@ const b = ({
|
|
|
135
135
|
/* @__PURE__ */ e.jsx(
|
|
136
136
|
r.div,
|
|
137
137
|
{
|
|
138
|
-
className: `${
|
|
138
|
+
className: `${h(d)} ${f ? "cursor-pointer" : ""} relative z-10`,
|
|
139
139
|
initial: { scale: 0.8, opacity: 0 },
|
|
140
140
|
animate: { scale: 1, opacity: 1 },
|
|
141
141
|
transition: { duration: 0.3, delay: l * 0.3 },
|
|
142
142
|
whileTap: f ? { scale: 0.95 } : {},
|
|
143
|
-
onClick: () =>
|
|
144
|
-
children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(
|
|
143
|
+
onClick: () => g(l),
|
|
144
|
+
children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(y.Check, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : N.cloneElement(a.icon, { size: m[i].iconSize })
|
|
145
145
|
}
|
|
146
146
|
),
|
|
147
|
-
s !== "minimal" && s !== "numbered-minimal" && a.description && /* @__PURE__ */ e.jsx("p", { className:
|
|
147
|
+
s !== "minimal" && s !== "numbered-minimal" && a.description && /* @__PURE__ */ e.jsx("p", { className: j(
|
|
148
148
|
"absolute text-center w-28 -bottom-2 translate-y-full",
|
|
149
149
|
m[i].description,
|
|
150
150
|
"text-gray-400 mt-2 text-center",
|
|
@@ -171,13 +171,13 @@ const b = ({
|
|
|
171
171
|
/* @__PURE__ */ e.jsx(
|
|
172
172
|
r.div,
|
|
173
173
|
{
|
|
174
|
-
className: `${
|
|
174
|
+
className: `${h(d)} ${f ? "cursor-pointer" : ""}`,
|
|
175
175
|
initial: { scale: 0.8, opacity: 0 },
|
|
176
176
|
animate: { scale: 1, opacity: 1 },
|
|
177
177
|
transition: { duration: 0.3, delay: l * 0.1 },
|
|
178
178
|
whileTap: f ? { scale: 0.95 } : {},
|
|
179
|
-
onClick: () =>
|
|
180
|
-
children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(
|
|
179
|
+
onClick: () => g(l),
|
|
180
|
+
children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(y.Check, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : a.icon
|
|
181
181
|
}
|
|
182
182
|
),
|
|
183
183
|
s !== "minimal" && s !== "numbered-minimal" && /* @__PURE__ */ e.jsx(
|
|
@@ -187,7 +187,7 @@ const b = ({
|
|
|
187
187
|
initial: { opacity: 0, x: -10 },
|
|
188
188
|
animate: { opacity: 1, x: 0 },
|
|
189
189
|
transition: { duration: 0.3, delay: l * 0.1 + 0.1 },
|
|
190
|
-
children: a.description && /* @__PURE__ */ e.jsx("p", { className:
|
|
190
|
+
children: a.description && /* @__PURE__ */ e.jsx("p", { className: j(
|
|
191
191
|
"h-full text-start flex items-center justify-start ",
|
|
192
192
|
m[i].description,
|
|
193
193
|
"text-gray-400",
|
|
@@ -209,5 +209,5 @@ const b = ({
|
|
|
209
209
|
}) });
|
|
210
210
|
};
|
|
211
211
|
export {
|
|
212
|
-
|
|
212
|
+
k as Steps
|
|
213
213
|
};
|
package/dist/TabLinks.es.js
CHANGED
|
@@ -20,7 +20,7 @@ function o({
|
|
|
20
20
|
"div",
|
|
21
21
|
{
|
|
22
22
|
className: r(
|
|
23
|
-
"flex flex-row justify-around items-end relative border-b border-neutral-strong-default w-full md:justify-start md:px-10 md:gap-5",
|
|
23
|
+
"flex flex-row justify-around items-end relative border-b-1 border-neutral-strong-default w-full md:justify-start md:px-10 md:gap-5",
|
|
24
24
|
l
|
|
25
25
|
),
|
|
26
26
|
role: "tablist",
|
|
@@ -49,7 +49,7 @@ function o({
|
|
|
49
49
|
{
|
|
50
50
|
layoutId: "tab-indicator",
|
|
51
51
|
className: r(
|
|
52
|
-
"absolute -bottom-
|
|
52
|
+
"absolute -bottom-[1px] left-0 right-0 h-[5px] rounded-t-xl bg-primary-default-default z-0",
|
|
53
53
|
f
|
|
54
54
|
),
|
|
55
55
|
transition: {
|
package/dist/Table.es.js
CHANGED
|
@@ -6,7 +6,7 @@ const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div
|
|
|
6
6
|
{
|
|
7
7
|
ref: a,
|
|
8
8
|
className: l(
|
|
9
|
-
"w-full caption-bottom text-sm border-b rounded-lg border-neutral-default-default",
|
|
9
|
+
"w-full caption-bottom text-sm border-b-1 rounded-lg border-neutral-default-default",
|
|
10
10
|
e
|
|
11
11
|
),
|
|
12
12
|
...t
|
|
@@ -36,7 +36,7 @@ const b = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
|
|
|
36
36
|
{
|
|
37
37
|
ref: a,
|
|
38
38
|
className: l(
|
|
39
|
-
"border-t bg-muted/50 font-medium [&>tr]:last
|
|
39
|
+
"border-t bg-muted/50 font-medium [&>tr]:last:!border-b-0",
|
|
40
40
|
e
|
|
41
41
|
),
|
|
42
42
|
...t
|
package/dist/Toast.es.js
CHANGED
|
@@ -1,52 +1,52 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-DKDX3adD.js";
|
|
2
|
-
import
|
|
2
|
+
import b from "react";
|
|
3
3
|
import { toast as p } from "sonner";
|
|
4
|
+
import { Icons as m } from "./Icons.es.js";
|
|
4
5
|
import { c as s } from "./cn-B6yFEsav.js";
|
|
5
|
-
import
|
|
6
|
-
import h from "./Button.es.js";
|
|
6
|
+
import u from "./Button.es.js";
|
|
7
7
|
const x = {
|
|
8
8
|
dark: {
|
|
9
9
|
success: {
|
|
10
10
|
container: "border-b-[2px] border-success-default-default",
|
|
11
11
|
iconClass: "text-success-medium-default",
|
|
12
|
-
icon:
|
|
12
|
+
icon: "CheckCircle"
|
|
13
13
|
},
|
|
14
14
|
error: {
|
|
15
15
|
container: "border-b-[2px] border-error-default-default",
|
|
16
16
|
iconClass: "text-error-medium-default",
|
|
17
|
-
icon:
|
|
17
|
+
icon: "Cancel"
|
|
18
18
|
},
|
|
19
19
|
warning: {
|
|
20
20
|
container: "border-b-[2px] border-warning-default-default",
|
|
21
21
|
iconClass: "text-warning-medium-default",
|
|
22
|
-
icon:
|
|
22
|
+
icon: "Error"
|
|
23
23
|
},
|
|
24
24
|
info: {
|
|
25
25
|
container: " border-b-[2px] border-primary-default-default",
|
|
26
26
|
iconClass: "text-primary-default-default",
|
|
27
|
-
icon:
|
|
27
|
+
icon: "Info"
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
light: {
|
|
31
31
|
success: {
|
|
32
32
|
container: "",
|
|
33
33
|
iconClass: "text-success-default-pressed",
|
|
34
|
-
icon:
|
|
34
|
+
icon: "CheckCircle"
|
|
35
35
|
},
|
|
36
36
|
error: {
|
|
37
37
|
container: "",
|
|
38
38
|
iconClass: "text-error-medium-pressed",
|
|
39
|
-
icon:
|
|
39
|
+
icon: "Cancel"
|
|
40
40
|
},
|
|
41
41
|
warning: {
|
|
42
42
|
container: "",
|
|
43
43
|
iconClass: "text-warning-medium-pressed",
|
|
44
|
-
icon:
|
|
44
|
+
icon: "Error"
|
|
45
45
|
},
|
|
46
46
|
info: {
|
|
47
47
|
container: "",
|
|
48
48
|
iconClass: "text-primary-default-pressed",
|
|
49
|
-
icon:
|
|
49
|
+
icon: "Info"
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
}, i = {
|
|
@@ -62,8 +62,8 @@ const x = {
|
|
|
62
62
|
description: "text-neutral-medium-focused",
|
|
63
63
|
shadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.35),8px 8px 20px 0px rgba(0, 0, 0, 0.3),0px 0px 15px 0px rgba(0, 0, 0, 0.2),0px 0px 20px 0px rgba(21, 21, 21, 0.3) inset,6px 0px 100px 0px rgba(0, 0, 0, 0.05) inset"
|
|
64
64
|
}
|
|
65
|
-
},
|
|
66
|
-
const { title: a, description: o, button: r, id: n, icon: c, variant: d = "info", colorMode: t = "dark", showClose:
|
|
65
|
+
}, h = (l) => {
|
|
66
|
+
const { title: a, description: o, button: r, id: n, icon: c, variant: d = "info", colorMode: t = "dark", showClose: f = !1 } = l;
|
|
67
67
|
return /* @__PURE__ */ e.jsxs(
|
|
68
68
|
"div",
|
|
69
69
|
{
|
|
@@ -82,7 +82,7 @@ const x = {
|
|
|
82
82
|
{
|
|
83
83
|
className: "flex items-center justify-start gap-2 max-h-[38px] h-[38px] overflow-hidden flex-1 ",
|
|
84
84
|
children: [
|
|
85
|
-
/* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children:
|
|
85
|
+
/* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: b.createElement(m[x[t][d].icon || c], { size: 24, className: x[t][d].iconClass }) }),
|
|
86
86
|
/* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex flex-col gap-1", children: [
|
|
87
87
|
/* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", i[t].title), children: a }),
|
|
88
88
|
o && /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", i[t].description), children: o })
|
|
@@ -90,8 +90,8 @@ const x = {
|
|
|
90
90
|
]
|
|
91
91
|
}
|
|
92
92
|
),
|
|
93
|
-
r?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
|
|
94
|
-
|
|
93
|
+
r?.label && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx(
|
|
94
|
+
u,
|
|
95
95
|
{
|
|
96
96
|
label: r?.label,
|
|
97
97
|
onClick: () => {
|
|
@@ -101,8 +101,8 @@ const x = {
|
|
|
101
101
|
color: "secondary"
|
|
102
102
|
}
|
|
103
103
|
) }),
|
|
104
|
-
|
|
105
|
-
|
|
104
|
+
f && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx(
|
|
105
|
+
u,
|
|
106
106
|
{
|
|
107
107
|
onClick: () => {
|
|
108
108
|
p.dismiss(n);
|
|
@@ -110,7 +110,7 @@ const x = {
|
|
|
110
110
|
label: "",
|
|
111
111
|
size: "small",
|
|
112
112
|
color: "secondary",
|
|
113
|
-
icon: /* @__PURE__ */ e.jsx(
|
|
113
|
+
icon: /* @__PURE__ */ e.jsx(m.Close, { className: s(t === "light" ? "text-neutral-medium-focused " : "") }),
|
|
114
114
|
variant: "text",
|
|
115
115
|
animate: !1,
|
|
116
116
|
className: s(t === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
|
|
@@ -120,10 +120,10 @@ const x = {
|
|
|
120
120
|
}
|
|
121
121
|
);
|
|
122
122
|
};
|
|
123
|
-
function
|
|
123
|
+
function y(l, a) {
|
|
124
124
|
const { duration: o = 2500, showClose: r = !1, colorMode: n = "dark" } = a || {};
|
|
125
125
|
return p.custom((c) => /* @__PURE__ */ e.jsx(
|
|
126
|
-
|
|
126
|
+
h,
|
|
127
127
|
{
|
|
128
128
|
id: c,
|
|
129
129
|
variant: a?.variant || "success",
|
|
@@ -140,6 +140,6 @@ function M(l, a) {
|
|
|
140
140
|
});
|
|
141
141
|
}
|
|
142
142
|
export {
|
|
143
|
-
|
|
144
|
-
|
|
143
|
+
h as default,
|
|
144
|
+
y as toastpyrion
|
|
145
145
|
};
|
package/dist/Tooltip.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-DKDX3adD.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { AnimatePresence as f, motion as n } from "framer-motion";
|
|
3
|
+
import { useState as p, cloneElement as x } from "react";
|
|
4
|
+
import { Icons as b } from "./Icons.es.js";
|
|
5
5
|
const N = ({
|
|
6
6
|
title: i,
|
|
7
7
|
trigger: o,
|
|
@@ -9,7 +9,7 @@ const N = ({
|
|
|
9
9
|
position: t = "top",
|
|
10
10
|
component: c
|
|
11
11
|
}) => {
|
|
12
|
-
const [s, l] =
|
|
12
|
+
const [s, l] = p(!1), m = () => l(!0), a = () => l(!1), u = o === "hover" ? {
|
|
13
13
|
onMouseEnter: m,
|
|
14
14
|
onMouseLeave: a
|
|
15
15
|
} : {
|
|
@@ -21,8 +21,8 @@ const N = ({
|
|
|
21
21
|
right: "left-full top-1/2 -translate-y-1/2 ml-2"
|
|
22
22
|
};
|
|
23
23
|
return /* @__PURE__ */ e.jsxs("div", { className: "relative inline-block", children: [
|
|
24
|
-
|
|
25
|
-
/* @__PURE__ */ e.jsx(
|
|
24
|
+
x(r, u),
|
|
25
|
+
/* @__PURE__ */ e.jsx(f, { children: s && /* @__PURE__ */ e.jsx(
|
|
26
26
|
n.div,
|
|
27
27
|
{
|
|
28
28
|
initial: { opacity: 0, scale: 0.8, y: t === "top" ? 10 : -10 },
|
|
@@ -49,7 +49,7 @@ const N = ({
|
|
|
49
49
|
className: "absolute cursor-pointer -top-2 -right-2 w-6 h-6 bg-neutral-strong-default hover:bg-neutral-medium-default rounded-full flex items-center justify-center transition-colors z-10",
|
|
50
50
|
whileHover: { scale: 1.1 },
|
|
51
51
|
whileTap: { scale: 0.95 },
|
|
52
|
-
children: /* @__PURE__ */ e.jsx(
|
|
52
|
+
children: /* @__PURE__ */ e.jsx(b.Close, { size: 14, className: "text-white" })
|
|
53
53
|
}
|
|
54
54
|
)
|
|
55
55
|
] })
|
|
@@ -3,8 +3,9 @@ export type CheckBoxProps = {
|
|
|
3
3
|
className?: string;
|
|
4
4
|
disabled?: boolean;
|
|
5
5
|
} & HTMLProps<HTMLInputElement>;
|
|
6
|
-
|
|
7
|
-
(
|
|
8
|
-
|
|
9
|
-
}
|
|
6
|
+
interface ICheckBox extends CheckBoxProps {
|
|
7
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
8
|
+
value?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const _default: import('react').NamedExoticComponent<Omit<ICheckBox, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
|
|
10
11
|
export default _default;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
+
import { Icons } from '../../Icons/Icons';
|
|
1
2
|
import { ColorMode } from '../Shared/types';
|
|
2
|
-
import { IconComponent } from '../../Icons/Icons';
|
|
3
3
|
type ToastElementsProps = {
|
|
4
4
|
container: string;
|
|
5
5
|
iconClass: string;
|
|
6
|
-
icon:
|
|
6
|
+
icon: keyof typeof Icons;
|
|
7
7
|
};
|
|
8
8
|
type ToastVarians = 'success' | 'error' | 'warning' | 'info';
|
|
9
9
|
type ToastVariantClassnames = {
|
|
@@ -20,7 +20,7 @@ export interface PyrionToastProps {
|
|
|
20
20
|
variant?: keyof typeof toastVariants['dark'];
|
|
21
21
|
title?: string;
|
|
22
22
|
description?: string;
|
|
23
|
-
icon?:
|
|
23
|
+
icon?: keyof typeof Icons;
|
|
24
24
|
duration?: number;
|
|
25
25
|
button?: {
|
|
26
26
|
label?: string;
|
package/dist/exports/Icons.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { Icons } from '../Icons/Icons';
|