prometeo-design-system 4.6.5 → 4.7.0
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/Header.es.js +22 -22
- package/dist/IconButton.es.js +124 -77
- package/dist/Icons/AccountCircle.es.js +1 -1
- package/dist/Icons/Add.es.js +1 -1
- package/dist/Icons/ArrowDownward.es.js +1 -1
- package/dist/Icons/ArrowLeft.es.js +1 -1
- package/dist/Icons/ArrowUpDown.es.js +1 -1
- package/dist/Icons/ArrowUpward.es.js +1 -1
- package/dist/Icons/AttachFile.es.js +1 -1
- package/dist/Icons/Boards.es.js +1 -1
- package/dist/Icons/Calendar.es.js +1 -1
- package/dist/Icons/Cancel.es.js +1 -1
- package/dist/Icons/Check.es.js +1 -1
- package/dist/Icons/CheckCircle.es.js +1 -1
- package/dist/Icons/CheckList.es.js +1 -1
- package/dist/Icons/ChevronDown.es.js +1 -1
- package/dist/Icons/Clock.es.js +1 -1
- package/dist/Icons/Close.es.js +1 -1
- package/dist/Icons/CloseNavBarDesktop.es.js +1 -1
- package/dist/Icons/Collapse.es.js +1 -1
- package/dist/Icons/Company.es.js +1 -1
- package/dist/Icons/Copy.es.js +1 -1
- package/dist/Icons/CrevronLeft.es.js +1 -1
- package/dist/Icons/CrevronRight.es.js +1 -1
- package/dist/Icons/DocumentFill.es.js +1 -1
- package/dist/Icons/Download.es.js +1 -1
- package/dist/Icons/DragIndicator.es.js +1 -1
- package/dist/Icons/Edit.es.js +1 -1
- package/dist/Icons/EditFill.es.js +1 -1
- package/dist/Icons/Email.es.js +1 -1
- package/dist/Icons/Error.es.js +1 -1
- package/dist/Icons/EyeVisibility.es.js +1 -1
- package/dist/Icons/EyeVisibilityOff.es.js +1 -1
- package/dist/Icons/FaLock.es.js +1 -1
- package/dist/Icons/FastForward.es.js +1 -1
- package/dist/Icons/File.es.js +1 -1
- package/dist/Icons/Filter.es.js +1 -1
- package/dist/Icons/FormatColorText.es.js +1 -1
- package/dist/Icons/Help.es.js +1 -1
- package/dist/Icons/HistoryActivity.es.js +1 -1
- package/dist/Icons/Home.es.js +1 -1
- package/dist/Icons/Image.es.js +1 -1
- package/dist/Icons/Info.es.js +1 -1
- package/dist/Icons/Logout.es.js +1 -1
- package/dist/Icons/MessageSquare.es.js +1 -1
- package/dist/Icons/MessageSquareFill.es.js +1 -1
- package/dist/Icons/MoreVert.es.js +1 -1
- package/dist/Icons/Notifications.es.js +1 -1
- package/dist/Icons/Pause.es.js +1 -1
- package/dist/Icons/Reassignment.es.js +1 -1
- package/dist/Icons/ReassignmentFill.es.js +1 -1
- package/dist/Icons/Reload.es.js +1 -1
- package/dist/Icons/Search.es.js +1 -1
- package/dist/Icons/Send.es.js +1 -1
- package/dist/Icons/Settings.es.js +1 -1
- package/dist/Icons/Shared.es.js +1 -1
- package/dist/Icons/Sort.es.js +1 -1
- package/dist/Icons/StarFill.es.js +1 -1
- package/dist/Icons/Stars.es.js +1 -1
- package/dist/Icons/Ticket.es.js +1 -1
- package/dist/Icons/TicketFilled.es.js +1 -1
- package/dist/Icons/Trash.es.js +1 -1
- package/dist/Icons/TrashFill.es.js +1 -1
- package/dist/Icons/Upload.es.js +1 -1
- package/dist/Icons/UploadCloud.es.js +1 -1
- package/dist/Icons/UserAdd.es.js +1 -1
- package/dist/Icons/UserAddFill.es.js +1 -1
- package/dist/Icons/UserAvatar.es.js +1 -1
- package/dist/Icons/UserPerson.es.js +1 -1
- package/dist/Icons/WhatsApp.es.js +1 -1
- package/dist/Icons/iconUtils.d.ts +2 -0
- package/dist/PyrionLayout.es.js +764 -745
- package/dist/Scrollable.es.js +136 -133
- package/dist/Skeleton.es.js +1 -1
- package/dist/assets/DialogModal.png +0 -0
- package/dist/assets/Header.png +0 -0
- package/dist/components/Header/Header.d.ts +2 -1
- package/dist/components/IconButton/IconButton.d.ts +1 -1
- package/dist/components/PyrionNavigationDrawer/PLNotificationsList.d.ts +4 -1
- package/dist/components/PyrionNavigationDrawer/PLNotificationsLoader.d.ts +6 -0
- package/dist/components/PyrionNavigationDrawer/PyrionLayout.d.ts +3 -1
- package/dist/components/Scrollable/Scrollable.d.ts +2 -0
- package/dist/iconUtils-rTOfKDxE.js +9 -0
- package/package.json +1 -1
- package/dist/iconUtils-D0lVAgGT.js +0 -5
package/dist/Header.es.js
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { c as
|
|
3
|
-
import { motion as
|
|
1
|
+
import { j as s } from "./jsx-runtime-DKDX3adD.js";
|
|
2
|
+
import { c as i } from "./cn-B6yFEsav.js";
|
|
3
|
+
import { motion as o } from "framer-motion";
|
|
4
4
|
import { memo as f } from "react";
|
|
5
|
-
const c = ({ title: e, subtitle: l, children:
|
|
6
|
-
|
|
5
|
+
const c = ({ title: e, subtitle: l, children: m, className: d, subtitleClassName: r, titleClassName: n, mainActionSlot: a, secondarySlot: t }) => /* @__PURE__ */ s.jsxs(
|
|
6
|
+
o.header,
|
|
7
7
|
{
|
|
8
8
|
initial: { opacity: 0, y: -10 },
|
|
9
9
|
animate: { opacity: 1, y: 0 },
|
|
10
10
|
transition: { duration: 0.6, ease: "easeOut" },
|
|
11
|
-
className:
|
|
12
|
-
"flex
|
|
13
|
-
|
|
14
|
-
r
|
|
11
|
+
className: i(
|
|
12
|
+
"flex md:flex-col gap-1 w-full max-w-full",
|
|
13
|
+
d
|
|
15
14
|
),
|
|
16
15
|
children: [
|
|
17
|
-
/* @__PURE__ */
|
|
18
|
-
"
|
|
19
|
-
|
|
20
|
-
), children: [
|
|
21
|
-
i && /* @__PURE__ */ t.jsx("div", { className: "", children: typeof i == "function" ? i() : i }),
|
|
22
|
-
/* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col leading-6 justify-center relative overflow-hidden md:px-2 "), children: [
|
|
23
|
-
l && /* @__PURE__ */ t.jsx("h3", { className: a(" prometeo-fonts-body-medium text-neutral-medium-default line-clamp-1 text-nowrap overflow-hidden text-ellipsis w-full", d), children: l }),
|
|
24
|
-
e && /* @__PURE__ */ t.jsx("h1", { className: a("prometeo-fonts-headline-small text-neutral-strong-default line-clamp-1 text-nowrap overflow-hidden text-ellipsis w-full wrap-break-word", m), children: e })
|
|
25
|
-
] })
|
|
16
|
+
/* @__PURE__ */ s.jsxs("div", { className: "md:w-full min-h-12 md:px-3 flex justify-between", children: [
|
|
17
|
+
a && /* @__PURE__ */ s.jsx("div", { className: "", children: typeof a == "function" ? a() : a }),
|
|
18
|
+
t && /* @__PURE__ */ s.jsx("div", { className: "hidden md:flex", children: typeof t == "function" ? t() : t })
|
|
26
19
|
] }),
|
|
27
|
-
|
|
20
|
+
/* @__PURE__ */ s.jsxs("div", { className: "w-full min-h-12 flex justify-between md:px-6", children: [
|
|
21
|
+
/* @__PURE__ */ s.jsxs("div", { className: i("flex flex-col leading-6 justify-center relative overflow-hidden"), children: [
|
|
22
|
+
l && /* @__PURE__ */ s.jsx("h3", { className: i(" prometeo-fonts-body-small md:prometeo-fonts-body-medium text-neutral-medium-default line-clamp-1 text-nowrap overflow-hidden text-ellipsis w-full", r), children: l }),
|
|
23
|
+
e && /* @__PURE__ */ s.jsx("h1", { className: i("prometeo-fonts-headline-xsmall md:prometeo-fonts-headline-small text-neutral-strong-default line-clamp-1 text-nowrap overflow-hidden text-ellipsis w-full wrap-break-word", n), children: e })
|
|
24
|
+
] }),
|
|
25
|
+
m,
|
|
26
|
+
t && /* @__PURE__ */ s.jsx("div", { className: "md:hidden", children: typeof t == "function" ? t() : t })
|
|
27
|
+
] })
|
|
28
28
|
]
|
|
29
29
|
}
|
|
30
|
-
),
|
|
31
|
-
|
|
30
|
+
), x = f(c, (e, l) => e.title === l.title && e.subtitle === l.subtitle && e.className === l.className && e.subtitleClassName === l.subtitleClassName && e.titleClassName === l.titleClassName && e.mainActionSlot === l.mainActionSlot && e.secondarySlot === l.secondarySlot && e.children === l.children);
|
|
31
|
+
x.displayName = "Header";
|
|
32
32
|
export {
|
|
33
|
-
|
|
33
|
+
x as default
|
|
34
34
|
};
|
package/dist/IconButton.es.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { memo as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { c as
|
|
6
|
-
|
|
1
|
+
import { j as a } from "./jsx-runtime-DKDX3adD.js";
|
|
2
|
+
import { memo as A, useMemo as M, isValidElement as h } from "react";
|
|
3
|
+
import { i as v } from "./iconUtils-rTOfKDxE.js";
|
|
4
|
+
import T from "./Spinner.es.js";
|
|
5
|
+
import { c as I } from "./index-BOQuZ0gG.js";
|
|
6
|
+
import { c as y } from "./cn-B6yFEsav.js";
|
|
7
|
+
const g = {
|
|
7
8
|
small: {
|
|
8
9
|
container: "w-8 h-8 p-0 rounded-[6px]"
|
|
9
10
|
},
|
|
@@ -100,7 +101,7 @@ const u = {
|
|
|
100
101
|
icon: "text-neutral-medium-focused group-hover:text-neutral-medium-focused group-active:text-neutral-medium-focused"
|
|
101
102
|
}
|
|
102
103
|
}
|
|
103
|
-
},
|
|
104
|
+
}, c = {
|
|
104
105
|
small: {
|
|
105
106
|
container: "",
|
|
106
107
|
icon: ""
|
|
@@ -113,29 +114,29 @@ const u = {
|
|
|
113
114
|
container: "",
|
|
114
115
|
icon: ""
|
|
115
116
|
}
|
|
116
|
-
},
|
|
117
|
+
}, V = {
|
|
117
118
|
container: "flex justify-center items-center gap-1 w-max rounded-lg bg-transparent cursor-pointer transition-all ease-in-out duration-300 relative",
|
|
118
119
|
icon: "w-max transition-all ease-in-out duration-300 flex justify-center items-center"
|
|
119
|
-
},
|
|
120
|
+
}, w = {
|
|
120
121
|
true: {
|
|
121
122
|
container: "hover:scale-105 active:scale-95 disabled:scale-100"
|
|
122
123
|
},
|
|
123
124
|
false: {
|
|
124
125
|
container: ""
|
|
125
126
|
}
|
|
126
|
-
},
|
|
127
|
+
}, j = {
|
|
127
128
|
true: {
|
|
128
129
|
icon: "group-hover:rotate-90 group-active:rotate-0 group-disabled:rotate-0"
|
|
129
130
|
},
|
|
130
131
|
false: {
|
|
131
132
|
icon: ""
|
|
132
133
|
}
|
|
133
|
-
}, q =
|
|
134
|
+
}, q = I(V.container, {
|
|
134
135
|
variants: {
|
|
135
136
|
size: {
|
|
136
|
-
small: `${
|
|
137
|
-
medium: `${
|
|
138
|
-
large: `${
|
|
137
|
+
small: `${c.small.container} ${g.small.container}`,
|
|
138
|
+
medium: `${c.medium.container} ${g.medium.container}`,
|
|
139
|
+
large: `${c.large.container} ${g.large.container}`
|
|
139
140
|
},
|
|
140
141
|
variant: {
|
|
141
142
|
fill: "",
|
|
@@ -151,8 +152,8 @@ const u = {
|
|
|
151
152
|
disabled: ""
|
|
152
153
|
},
|
|
153
154
|
animation: {
|
|
154
|
-
true:
|
|
155
|
-
false:
|
|
155
|
+
true: w.true.container,
|
|
156
|
+
false: w.false.container
|
|
156
157
|
}
|
|
157
158
|
},
|
|
158
159
|
compoundVariants: [
|
|
@@ -181,12 +182,12 @@ const u = {
|
|
|
181
182
|
color: "primary",
|
|
182
183
|
animation: !0
|
|
183
184
|
}
|
|
184
|
-
}),
|
|
185
|
+
}), f = I(V.icon, {
|
|
185
186
|
variants: {
|
|
186
187
|
size: {
|
|
187
|
-
small:
|
|
188
|
-
medium:
|
|
189
|
-
large:
|
|
188
|
+
small: c.small.icon,
|
|
189
|
+
medium: c.medium.icon,
|
|
190
|
+
large: c.large.icon
|
|
190
191
|
},
|
|
191
192
|
variant: {
|
|
192
193
|
fill: "",
|
|
@@ -202,8 +203,8 @@ const u = {
|
|
|
202
203
|
disabled: ""
|
|
203
204
|
},
|
|
204
205
|
animateIcon: {
|
|
205
|
-
true:
|
|
206
|
-
false:
|
|
206
|
+
true: j.true.icon,
|
|
207
|
+
false: j.false.icon
|
|
207
208
|
}
|
|
208
209
|
},
|
|
209
210
|
compoundVariants: [
|
|
@@ -232,75 +233,121 @@ const u = {
|
|
|
232
233
|
color: "primary",
|
|
233
234
|
animateIcon: !0
|
|
234
235
|
}
|
|
235
|
-
}),
|
|
236
|
-
onClick:
|
|
237
|
-
icon:
|
|
238
|
-
contentClassName:
|
|
239
|
-
animate:
|
|
240
|
-
animateIcon:
|
|
241
|
-
isLoading:
|
|
242
|
-
children:
|
|
243
|
-
hideSpinner:
|
|
244
|
-
spinner:
|
|
245
|
-
type:
|
|
246
|
-
className:
|
|
247
|
-
disabled:
|
|
236
|
+
}), D = ({
|
|
237
|
+
onClick: $,
|
|
238
|
+
icon: d,
|
|
239
|
+
contentClassName: p,
|
|
240
|
+
animate: N = !1,
|
|
241
|
+
animateIcon: k = !1,
|
|
242
|
+
isLoading: n = !1,
|
|
243
|
+
children: r,
|
|
244
|
+
hideSpinner: b = !1,
|
|
245
|
+
spinner: x = /* @__PURE__ */ a.jsx(T, { size: "small", variant: "clip", color: "var(--neutral-600)", className: "size-4 " }),
|
|
246
|
+
type: S,
|
|
247
|
+
className: z,
|
|
248
|
+
disabled: m,
|
|
248
249
|
variant: i = "fill",
|
|
249
|
-
form:
|
|
250
|
-
size:
|
|
251
|
-
color:
|
|
250
|
+
form: B,
|
|
251
|
+
size: s = "medium",
|
|
252
|
+
color: C = "primary"
|
|
252
253
|
}) => {
|
|
253
|
-
const
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
if (
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
254
|
+
const u = !!(k && !m && !n), E = !!(N && !m && !n), l = m || n ? "disabled" : C, R = M(() => {
|
|
255
|
+
if (n)
|
|
256
|
+
return /* @__PURE__ */ a.jsx("div", { className: "flex items-center justify-center", children: !b && x });
|
|
257
|
+
let t = null;
|
|
258
|
+
if (console.log(typeof r), r)
|
|
259
|
+
if (h(r))
|
|
260
|
+
v(r.type) ? t = t = /* @__PURE__ */ a.jsx(
|
|
261
|
+
"span",
|
|
262
|
+
{
|
|
263
|
+
className: f({
|
|
264
|
+
size: s,
|
|
265
|
+
variant: i,
|
|
266
|
+
color: l,
|
|
267
|
+
animateIcon: u
|
|
268
|
+
}),
|
|
269
|
+
children: r
|
|
270
|
+
}
|
|
271
|
+
) : t = r;
|
|
272
|
+
else if (typeof r == "function")
|
|
273
|
+
try {
|
|
274
|
+
const o = r();
|
|
275
|
+
h(o) && (v(o.type) ? t = /* @__PURE__ */ a.jsx(
|
|
276
|
+
"span",
|
|
277
|
+
{
|
|
278
|
+
className: f({
|
|
279
|
+
size: s,
|
|
280
|
+
variant: i,
|
|
281
|
+
color: l,
|
|
282
|
+
animateIcon: u
|
|
283
|
+
}),
|
|
284
|
+
children: o
|
|
285
|
+
}
|
|
286
|
+
) : t = o);
|
|
287
|
+
} catch {
|
|
288
|
+
t = null;
|
|
289
|
+
}
|
|
290
|
+
else typeof r == "object" && (v(r) ? t = /* @__PURE__ */ a.jsx(
|
|
291
|
+
"span",
|
|
292
|
+
{
|
|
293
|
+
className: f({
|
|
294
|
+
size: s,
|
|
295
|
+
variant: i,
|
|
296
|
+
color: l,
|
|
297
|
+
animateIcon: u
|
|
298
|
+
}),
|
|
299
|
+
children: r
|
|
300
|
+
}
|
|
301
|
+
) : t = r);
|
|
302
|
+
else if (d && v(d)) {
|
|
303
|
+
const o = d;
|
|
304
|
+
t = /* @__PURE__ */ a.jsx(
|
|
305
|
+
"span",
|
|
306
|
+
{
|
|
307
|
+
className: f({
|
|
308
|
+
size: s,
|
|
309
|
+
variant: i,
|
|
310
|
+
color: l,
|
|
311
|
+
animateIcon: u
|
|
312
|
+
}),
|
|
313
|
+
children: /* @__PURE__ */ a.jsx(o, {})
|
|
314
|
+
}
|
|
315
|
+
);
|
|
316
|
+
}
|
|
317
|
+
return t ? /* @__PURE__ */ a.jsx("div", { className: y("flex items-center justify-center select-none", p), children: t }) : null;
|
|
272
318
|
}, [
|
|
273
|
-
|
|
274
|
-
|
|
319
|
+
p,
|
|
320
|
+
r,
|
|
321
|
+
d,
|
|
275
322
|
i,
|
|
323
|
+
s,
|
|
276
324
|
l,
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
m
|
|
325
|
+
n,
|
|
326
|
+
b,
|
|
327
|
+
x,
|
|
328
|
+
u
|
|
282
329
|
]);
|
|
283
|
-
return /* @__PURE__ */
|
|
330
|
+
return /* @__PURE__ */ a.jsx(
|
|
284
331
|
"button",
|
|
285
332
|
{
|
|
286
|
-
type:
|
|
287
|
-
className:
|
|
333
|
+
type: S,
|
|
334
|
+
className: y(
|
|
288
335
|
"group",
|
|
289
336
|
q({
|
|
290
|
-
size:
|
|
337
|
+
size: s,
|
|
291
338
|
variant: i,
|
|
292
|
-
color:
|
|
293
|
-
animation:
|
|
339
|
+
color: l,
|
|
340
|
+
animation: E
|
|
294
341
|
}),
|
|
295
|
-
|
|
342
|
+
z
|
|
296
343
|
),
|
|
297
|
-
disabled:
|
|
298
|
-
form:
|
|
299
|
-
onClick:
|
|
300
|
-
children: /* @__PURE__ */
|
|
344
|
+
disabled: m || n,
|
|
345
|
+
form: B,
|
|
346
|
+
onClick: $,
|
|
347
|
+
children: /* @__PURE__ */ a.jsx("div", { className: `flex items-center gap-1 ${p}`, children: R })
|
|
301
348
|
}
|
|
302
349
|
);
|
|
303
|
-
},
|
|
350
|
+
}, P = A(D);
|
|
304
351
|
export {
|
|
305
|
-
|
|
352
|
+
P as default
|
|
306
353
|
};
|
package/dist/Icons/Add.es.js
CHANGED
package/dist/Icons/Boards.es.js
CHANGED
package/dist/Icons/Cancel.es.js
CHANGED
package/dist/Icons/Check.es.js
CHANGED
package/dist/Icons/Clock.es.js
CHANGED
package/dist/Icons/Close.es.js
CHANGED
package/dist/Icons/Company.es.js
CHANGED
package/dist/Icons/Copy.es.js
CHANGED
package/dist/Icons/Edit.es.js
CHANGED
package/dist/Icons/Email.es.js
CHANGED
package/dist/Icons/Error.es.js
CHANGED
package/dist/Icons/FaLock.es.js
CHANGED
package/dist/Icons/File.es.js
CHANGED
package/dist/Icons/Filter.es.js
CHANGED
package/dist/Icons/Help.es.js
CHANGED