prometeo-design-system 2.8.4 → 2.8.6

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.
Files changed (82) hide show
  1. package/dist/Avatar.es.js +23 -28
  2. package/dist/Button.es.js +1 -1
  3. package/dist/{CardProfile-BB-IP1MR.js → CardProfile-CsytJlKZ.js} +9 -9
  4. package/dist/CardProfile.d.ts +4 -0
  5. package/dist/CardProfile.es.js +3 -2
  6. package/dist/CheckBox.es.js +5 -5
  7. package/dist/DatePicker.d.ts +2 -0
  8. package/dist/DatePicker.es.js +1479 -1538
  9. package/dist/DialogModal.es.js +1 -1
  10. package/dist/DrawerDesktop.es.js +2 -2
  11. package/dist/DrawerMobile.es.js +1 -1
  12. package/dist/DropZone.d.ts +4 -0
  13. package/dist/DropZone.es.js +18 -17
  14. package/dist/FAButton.es.js +2 -2
  15. package/dist/Header.es.js +1 -1
  16. package/dist/{HelperComponent-D_Cqdf1J.js → HelperComponent-g_xuKWzK.js} +8 -8
  17. package/dist/Icons/Icons.d.ts +1 -1
  18. package/dist/Icons-DtFC5DJ7.js +1079 -0
  19. package/dist/Icons.d.ts +4 -0
  20. package/dist/Icons.es.js +3 -1053
  21. package/dist/Image.es.js +2 -2
  22. package/dist/{ImageGallery-CjaJ0UCN.js → ImageGallery-Ckxg9OIC.js} +35 -35
  23. package/dist/ImageGallery.es.js +1 -1
  24. package/dist/{Input-Bdo-Acix.js → Input-Cck37DpG.js} +12 -12
  25. package/dist/Input.es.js +1 -1
  26. package/dist/InputMultiple.d.ts +4 -0
  27. package/dist/InputMultiple.es.js +37 -36
  28. package/dist/{LayoutGeneric-B6E-yOYJ.js → LayoutGeneric-CbaoatQB.js} +1 -1
  29. package/dist/LayoutGeneric.es.js +1 -1
  30. package/dist/Logo.es.js +2 -2
  31. package/dist/Menu.d.ts +4 -0
  32. package/dist/Menu.es.js +3 -2
  33. package/dist/OtpInput.es.js +44 -44
  34. package/dist/Pagination.es.js +1 -1
  35. package/dist/ProfilePictureUpload.d.ts +4 -0
  36. package/dist/ProfilePictureUpload.es.js +79 -103
  37. package/dist/ProgressBar.es.js +1 -1
  38. package/dist/RadioButton.d.ts +4 -0
  39. package/dist/RadioButton.es.js +4 -3
  40. package/dist/SegmentedButton.d.ts +4 -0
  41. package/dist/SegmentedButton.es.js +3 -2
  42. package/dist/{Select-D2APaG1z.js → Select-BD5FTxVw.js} +5 -5
  43. package/dist/Select.es.js +1 -1
  44. package/dist/SelectSearch.es.js +2 -2
  45. package/dist/Skeleton.d.ts +4 -0
  46. package/dist/Skeleton.es.js +3 -2
  47. package/dist/Spinner.es.js +1 -1
  48. package/dist/Steps.d.ts +4 -0
  49. package/dist/Steps.es.js +4 -3
  50. package/dist/SwipeContainer.es.js +1 -1
  51. package/dist/Switch.d.ts +4 -0
  52. package/dist/Switch.es.js +3 -2
  53. package/dist/TabLinks.es.js +1 -1
  54. package/dist/Table.es.js +1 -1
  55. package/dist/TextArea.es.js +1 -1
  56. package/dist/Toast.es.js +23 -23
  57. package/dist/ToastProvider.es.js +1 -1
  58. package/dist/Tooltip.es.js +2 -2
  59. package/dist/components/ProfilePictureUpload/ProfilePictureUpload.d.ts +1 -1
  60. package/dist/exports/CardProfile.d.ts +1 -0
  61. package/dist/exports/DatePicker.d.ts +2 -0
  62. package/dist/exports/DropZone.d.ts +2 -0
  63. package/dist/exports/Icons.d.ts +2 -1
  64. package/dist/exports/InputMultiple.d.ts +2 -0
  65. package/dist/exports/Menu.d.ts +1 -0
  66. package/dist/exports/ProfilePictureUpload.d.ts +1 -0
  67. package/dist/exports/RadioButton.d.ts +2 -0
  68. package/dist/exports/SegmentedButton.d.ts +2 -0
  69. package/dist/exports/Skeleton.d.ts +2 -0
  70. package/dist/exports/Steps.d.ts +1 -0
  71. package/dist/exports/Switch.d.ts +2 -0
  72. package/dist/index.d.ts +0 -4
  73. package/dist/{jsx-runtime-ByW6EXIE.js → jsx-runtime-DKDX3adD.js} +94 -96
  74. package/dist/prometeo-design-system.es.js +117 -123
  75. package/dist/styles.d.ts +0 -0
  76. package/package.json +283 -274
  77. package/src/styles/app.css +1314 -0
  78. package/src/styles/base.css +1323 -0
  79. package/src/styles/fonts.css +46 -0
  80. package/src/styles/palette.css +83 -0
  81. package/src/styles/utilities.css +1126 -0
  82. package/dist/components/Button/Button_Legacy.d.ts +0 -29
package/dist/Avatar.es.js CHANGED
@@ -1,16 +1,15 @@
1
- import { j as s } from "./jsx-runtime-ByW6EXIE.js";
2
- import { c as x } from "./cn-B6yFEsav.js";
3
- import { motion as j } from "framer-motion";
4
- import { useState as g } from "react";
5
- function S({
6
- imageUrl: t,
7
- sizeImage: o = "md",
8
- sizeFallback: e = "md",
9
- fallbackText: a = "Selene Soluciones",
10
- subImageUrl: l,
1
+ import { j as s } from "./jsx-runtime-DKDX3adD.js";
2
+ import { c as a } from "./cn-B6yFEsav.js";
3
+ import { useState as j } from "react";
4
+ function C({
5
+ imageUrl: e,
6
+ sizeImage: l = "md",
7
+ sizeFallback: t = "md",
8
+ fallbackText: i = "Selene Soluciones",
9
+ subImageUrl: x,
11
10
  borderColor: n = "white"
12
11
  }) {
13
- const [c, m] = g(!1), r = t && t.trim() !== "" && !c, d = (f) => f.split(" ").map((w) => w.charAt(0)).join("").toUpperCase().slice(0, 2), i = {
12
+ const [c, m] = j(!1), r = e && e.trim() !== "" && !c, d = (f) => f.split(" ").map((p) => p.charAt(0)).join("").toUpperCase().slice(0, 2), o = {
14
13
  xxxs: "w-6.5 h-6.5",
15
14
  xxs: "w-8.5 h-8.5",
16
15
  xs: "w-10 h-10",
@@ -34,7 +33,7 @@ function S({
34
33
  md: "w-12 h-12",
35
34
  lg: "w-16 h-16",
36
35
  xl: "w-20 h-20"
37
- }, p = r ? o : e;
36
+ }, w = r ? l : t;
38
37
  return /* @__PURE__ */ s.jsxs("div", { className: "relative inline-block", children: [
39
38
  r ? /* @__PURE__ */ s.jsx(
40
39
  "img",
@@ -42,44 +41,40 @@ function S({
42
41
  onError: () => {
43
42
  m(!0);
44
43
  },
45
- src: t,
46
- className: `rounded-full object-cover ${i[o]}`,
44
+ src: e,
45
+ className: `rounded-full object-cover ${o[l]}`,
47
46
  alt: "Profile"
48
47
  }
49
48
  ) : /* @__PURE__ */ s.jsx(
50
- j.div,
49
+ "div",
51
50
  {
52
- className: ` flex items-center justify-center rounded-full aspect-square ${i[e]}`,
51
+ className: ` flex items-center justify-center rounded-full aspect-square ${o[t]}`,
53
52
  style: { backgroundColor: "#C6D2FF" },
54
- initial: { opacity: 0, scale: 1.1 },
55
- animate: { opacity: 1, scale: 1 },
56
- exit: { opacity: 0, scale: 0.9 },
57
- transition: { duration: 0.3 },
58
53
  children: /* @__PURE__ */ s.jsx(
59
54
  "span",
60
55
  {
61
- className: x(
56
+ className: a(
62
57
  "text-[#312C85] font-semibold",
63
- h[e]
58
+ h[t]
64
59
  ),
65
- children: d(a)
60
+ children: d(i)
66
61
  }
67
62
  )
68
63
  },
69
64
  "initials"
70
65
  ),
71
- l && /* @__PURE__ */ s.jsx(
66
+ x && /* @__PURE__ */ s.jsx(
72
67
  "div",
73
68
  {
74
- className: x(
69
+ className: a(
75
70
  "absolute bottom-[-10px] right-[-10px] rounded-full border-4 overflow-hidden bg-gray-900",
76
- u[p]
71
+ u[w]
77
72
  ),
78
73
  style: { borderColor: n },
79
74
  children: /* @__PURE__ */ s.jsx(
80
75
  "img",
81
76
  {
82
- src: l,
77
+ src: x,
83
78
  alt: "Sub badge",
84
79
  className: "w-full h-full object-cover"
85
80
  }
@@ -89,5 +84,5 @@ function S({
89
84
  ] });
90
85
  }
91
86
  export {
92
- S as default
87
+ C as default
93
88
  };
package/dist/Button.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as t } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { memo as M, useMemo as A } from "react";
3
3
  import E from "./Spinner.es.js";
4
4
  import { c as v } from "./index-BOQuZ0gG.js";
@@ -1,8 +1,8 @@
1
- import { j as e } from "./jsx-runtime-ByW6EXIE.js";
1
+ import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as l } from "./cn-B6yFEsav.js";
3
3
  import { motion as i, AnimatePresence as c } from "framer-motion";
4
4
  import u from "./Avatar.es.js";
5
- import { ChevronDown as m, Logout as f } from "./Icons.es.js";
5
+ import { f as m, L as f } from "./Icons-DtFC5DJ7.js";
6
6
  function x({
7
7
  sessions: t,
8
8
  handleTokenLogin: a
@@ -12,8 +12,8 @@ function x({
12
12
  {
13
13
  className: "w-full ",
14
14
  onClick: () => a?.(r.token),
15
- children: /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(
16
- o.Content,
15
+ children: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx(
16
+ s.Content,
17
17
  {
18
18
  onClick: () => {
19
19
  console.log("hola");
@@ -22,7 +22,7 @@ function x({
22
22
  nameUser: r.name,
23
23
  nameArea: r?.areaId?.name,
24
24
  nameCompany: r.companyId.name,
25
- cardProfile: /* @__PURE__ */ e.jsx(o.Image, { isExpanded: !1 })
25
+ cardProfile: /* @__PURE__ */ e.jsx(s.Image, { isExpanded: !1 })
26
26
  }
27
27
  ) })
28
28
  },
@@ -181,7 +181,7 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
181
181
  nameUser: a,
182
182
  nameCompany: r,
183
183
  nameArea: n,
184
- cardProfile: s,
184
+ cardProfile: o,
185
185
  onClick: d
186
186
  }) => /* @__PURE__ */ e.jsxs(
187
187
  i.button,
@@ -198,7 +198,7 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
198
198
  whileTap: { scale: 0.98 },
199
199
  transition: { duration: 0.2, ease: "easeInOut" },
200
200
  children: [
201
- s,
201
+ o,
202
202
  /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center overflow-hidden flex-1 relative z-10 profile-user-info mr-2", children: [
203
203
  /* @__PURE__ */ e.jsx(
204
204
  "p",
@@ -265,7 +265,7 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
265
265
  }
266
266
  )
267
267
  }
268
- ), o = Object.assign(h, {
268
+ ), s = Object.assign(h, {
269
269
  Menu: p,
270
270
  Image: j,
271
271
  Content: g,
@@ -273,6 +273,6 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
273
273
  Options: y
274
274
  });
275
275
  export {
276
- o as C,
276
+ s as C,
277
277
  x as a
278
278
  };
@@ -1,2 +1,6 @@
1
1
  export * from './exports/CardProfile'
2
2
  export {}
3
+ import PrometeoDesignSystem from './exports/CardProfile'
4
+ export default PrometeoDesignSystem
5
+ export * from './exports/CardProfile'
6
+ export {}
@@ -1,4 +1,5 @@
1
- import { C as a } from "./CardProfile-BB-IP1MR.js";
1
+ import { C as e, C as f } from "./CardProfile-CsytJlKZ.js";
2
2
  export {
3
- a as CardProfile
3
+ e as CardProfile,
4
+ f as default
4
5
  };
@@ -1,9 +1,9 @@
1
- import { j as a } from "./jsx-runtime-ByW6EXIE.js";
2
- import { Check as m } from "./Icons.es.js";
3
- import { memo as k, forwardRef as g, useId as v, useRef as C, useCallback as y } from "react";
4
- const s = g(
1
+ import { j as a } from "./jsx-runtime-DKDX3adD.js";
2
+ import { C as m } from "./Icons-DtFC5DJ7.js";
3
+ import { memo as k, forwardRef as C, useId as g, useRef as v, useCallback as y } from "react";
4
+ const s = C(
5
5
  ({ className: l, disabled: e, onChange: i, value: d, ...t }, r) => {
6
- const u = v(), o = C(null), f = `
6
+ const u = g(), o = v(null), f = `
7
7
  after:content-[""]
8
8
  after:absolute
9
9
  after:top-1/2
@@ -1,4 +1,6 @@
1
+ export * from './exports/DatePicker'
1
2
  export {}
2
3
  import PrometeoDesignSystem from './exports/DatePicker'
3
4
  export default PrometeoDesignSystem
5
+ export * from './exports/DatePicker'
4
6
  export {}