prometeo-design-system 1.9.6 → 1.9.8
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/Avatar.es.js +9 -9
- package/dist/{CardProfile-BZajBGbO.js → CardProfile-BiYr6kY9.js} +1 -1
- package/dist/CardProfile.es.js +1 -1
- package/dist/Header.es.js +8 -8
- package/dist/Icons/Icons.d.ts +4 -0
- package/dist/Icons.es.js +213 -145
- package/dist/ProfilePictureUpload.es.js +9 -9
- package/dist/Skeleton.d.ts +2 -0
- package/dist/Skeleton.es.js +71 -0
- package/dist/assets/psmlogo.png +0 -0
- package/dist/components/Avatar/Avatar.d.ts +2 -2
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Header/Header.d.ts +1 -1
- package/dist/components/SegmentedButton/SegmentedButton.d.ts +20 -0
- package/dist/components/Sidebar/SidebarComposable.d.ts +3 -0
- package/dist/components/Sidebar/components/nav-actions.d.ts +1 -1
- package/dist/components/Sidebar/hooks/useNavLinks.d.ts +5 -5
- package/dist/components/Skeleton/Skeleton.d.ts +10 -0
- package/dist/components/TabSwitch/TabSwitch.d.ts +16 -0
- package/dist/exports/SegmentedButton.d.ts +1 -0
- package/dist/exports/Skeleton.d.ts +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/pages/Buttons.d.ts +2 -0
- package/dist/pages/Skeletons.d.ts +2 -0
- package/dist/preview/Layout.d.ts +2 -0
- package/dist/prometeo-design-system.css +1 -1
- package/dist/prometeo-design-system.es.js +579 -333
- package/package.json +9 -1
- /package/dist/preview/{Sidebar.d.ts → SidebarPreview.d.ts} +0 -0
package/dist/Avatar.es.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { j as t } from "./jsx-runtime-ByW6EXIE.js";
|
|
2
2
|
import { c as p } from "./cn-B6yFEsav.js";
|
|
3
|
-
import { motion as
|
|
4
|
-
import { useState as
|
|
3
|
+
import { motion as u } from "framer-motion";
|
|
4
|
+
import { useState as f } from "react";
|
|
5
5
|
function C({
|
|
6
|
-
|
|
7
|
-
sizeImage:
|
|
6
|
+
imageUrl: s,
|
|
7
|
+
sizeImage: o = "md",
|
|
8
8
|
sizeFallback: e = "md",
|
|
9
|
-
fallbackText:
|
|
9
|
+
fallbackText: a = "Selene Soluciones"
|
|
10
10
|
}) {
|
|
11
|
-
const [
|
|
11
|
+
const [i, x] = f(!1), l = s && s.trim() !== "" && !i, n = (m) => m.split(" ").map((d) => d.charAt(0)).join("").toUpperCase().slice(0, 2), r = {
|
|
12
12
|
xxxs: "w-6.5 h-6.5",
|
|
13
13
|
xxs: "w-8.5 h-8.5",
|
|
14
14
|
xs: "w-10 h-10",
|
|
@@ -32,11 +32,11 @@ function C({
|
|
|
32
32
|
x(!0);
|
|
33
33
|
},
|
|
34
34
|
src: s,
|
|
35
|
-
className: `rounded-full object-cover ${r[
|
|
35
|
+
className: `rounded-full object-cover ${r[o]}`,
|
|
36
36
|
alt: "Profile"
|
|
37
37
|
}
|
|
38
38
|
) : /* @__PURE__ */ t.jsx(
|
|
39
|
-
|
|
39
|
+
u.div,
|
|
40
40
|
{
|
|
41
41
|
className: ` flex items-center justify-center rounded-full aspect-square ${r[e]}`,
|
|
42
42
|
style: { backgroundColor: "#C6D2FF" },
|
|
@@ -44,7 +44,7 @@ function C({
|
|
|
44
44
|
animate: { opacity: 1, scale: 1 },
|
|
45
45
|
exit: { opacity: 0, scale: 0.9 },
|
|
46
46
|
transition: { duration: 0.3 },
|
|
47
|
-
children: /* @__PURE__ */ t.jsx("span", { className: p("text-[#312C85] font-semibold", c[e]), children: n(
|
|
47
|
+
children: /* @__PURE__ */ t.jsx("span", { className: p("text-[#312C85] font-semibold", c[e]), children: n(a) })
|
|
48
48
|
},
|
|
49
49
|
"initials"
|
|
50
50
|
) });
|
|
@@ -152,7 +152,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
|
|
|
152
152
|
)
|
|
153
153
|
]
|
|
154
154
|
}
|
|
155
|
-
) }), p = ({ imageUrl: t, fallbackText: a }) => /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center profile-image-wrapper ml-1", children: /* @__PURE__ */ e.jsx(m, {
|
|
155
|
+
) }), p = ({ imageUrl: t, fallbackText: a }) => /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center profile-image-wrapper ml-1", children: /* @__PURE__ */ e.jsx(m, { imageUrl: t, sizeImage: "xs", sizeFallback: "xs", fallbackText: a }) }), j = ({ isExpanded: t, name: a, nameCompany: r, nameArea: n, cardProfile: d, onClick: c }) => /* @__PURE__ */ e.jsxs(
|
|
156
156
|
i.button,
|
|
157
157
|
{
|
|
158
158
|
onClick: c,
|
package/dist/CardProfile.es.js
CHANGED
package/dist/Header.es.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-ByW6EXIE.js";
|
|
2
2
|
import { c as x } from "./cn-B6yFEsav.js";
|
|
3
|
-
import { motion as
|
|
4
|
-
import { memo as
|
|
5
|
-
const n = ({ title:
|
|
6
|
-
|
|
3
|
+
import { motion as m } from "framer-motion";
|
|
4
|
+
import { memo as i } from "react";
|
|
5
|
+
const n = ({ title: t, subtitle: s, children: a, className: l }) => /* @__PURE__ */ e.jsx("header", { className: x("h-16 flex items-center px-4 sm:h-20 md:h-24 md:px-6 lg:h-28 xl:h-32 2xl:h-36", l), children: /* @__PURE__ */ e.jsxs(
|
|
6
|
+
m.div,
|
|
7
7
|
{
|
|
8
8
|
initial: { opacity: 0, y: -10 },
|
|
9
9
|
animate: { opacity: 1, y: 0 },
|
|
@@ -11,13 +11,13 @@ const n = ({ title: s, subtitle: l, children: t, className: a }) => /* @__PURE__
|
|
|
11
11
|
className: "flex justify-between items-center w-full ",
|
|
12
12
|
children: [
|
|
13
13
|
/* @__PURE__ */ e.jsxs("div", { className: "flex flex-col leading-6", children: [
|
|
14
|
-
/* @__PURE__ */ e.jsx("h3", { className: "text-xs font-semibold text-neutral-medium-default leading-1 sm:leading-2 prometeo-fonts-headline-large", children:
|
|
15
|
-
/* @__PURE__ */ e.jsx("h1", { className: "text-xl font-bold text-neutral-strong-default sm:text-2xl md:text-3xl xl:text-[32px] 2xl:text-[34px]", children:
|
|
14
|
+
s && /* @__PURE__ */ e.jsx("h3", { className: "text-xs font-semibold text-neutral-medium-default leading-1 sm:leading-2 prometeo-fonts-headline-large", children: s }),
|
|
15
|
+
t && /* @__PURE__ */ e.jsx("h1", { className: "text-xl font-bold text-neutral-strong-default sm:text-2xl md:text-3xl xl:text-[32px] 2xl:text-[34px]", children: t })
|
|
16
16
|
] }),
|
|
17
|
-
|
|
17
|
+
a && /* @__PURE__ */ e.jsx("div", { className: "flex gap-4", children: a })
|
|
18
18
|
]
|
|
19
19
|
}
|
|
20
|
-
) }), f =
|
|
20
|
+
) }), f = i(n);
|
|
21
21
|
export {
|
|
22
22
|
f as default
|
|
23
23
|
};
|
package/dist/Icons/Icons.d.ts
CHANGED
|
@@ -44,4 +44,8 @@ export declare const Icons: {
|
|
|
44
44
|
readonly Error: ({ size, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
45
45
|
readonly TicketFilled: ({ size, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
46
46
|
readonly UploadCloud: ({ size, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
47
|
+
readonly Clock: ({ size, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
readonly Pause: ({ size, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
readonly FastForward: ({ size, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
readonly Trash: ({ size, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
47
51
|
};
|