prometeo-design-system 2.7.6 → 2.7.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.
Files changed (41) hide show
  1. package/dist/Button.es.js +5 -5
  2. package/dist/{CardProfile-DV3gwvqE.js → CardProfile-WHoeSibd.js} +24 -24
  3. package/dist/CardProfile.es.js +1 -1
  4. package/dist/CheckBox.es.js +2 -2
  5. package/dist/CheckboxFormik.es.js +2 -2
  6. package/dist/DatePicker.es.js +68 -68
  7. package/dist/DrawerDesktop.es.js +4 -4
  8. package/dist/DropZone.es.js +32 -32
  9. package/dist/FAButton.es.js +2 -2
  10. package/dist/HelperComponent-BeNlTMqI.js +24 -0
  11. package/dist/Icons/Icons.d.ts +61 -1
  12. package/dist/Icons.es.js +68 -8
  13. package/dist/{ImageGallery-D8nIvBpV.js → ImageGallery-WKzUevOQ.js} +43 -43
  14. package/dist/ImageGallery.es.js +1 -1
  15. package/dist/{Input-60IT1aGF.js → Input-D6as6xD-.js} +61 -61
  16. package/dist/Input.es.js +1 -1
  17. package/dist/InputFormik.es.js +32 -32
  18. package/dist/InputFormikV2.es.js +1 -1
  19. package/dist/InputMultiple.es.js +51 -51
  20. package/dist/Logo.es.js +3 -3
  21. package/dist/Menu.es.js +2 -2
  22. package/dist/OtpInput.es.js +42 -42
  23. package/dist/Pagination.es.js +1 -1
  24. package/dist/RadioButton.es.js +1 -1
  25. package/dist/{Select-C4UvSsof.js → Select-sdfP2TL0.js} +164 -164
  26. package/dist/Select.es.js +1 -1
  27. package/dist/SelectFormik.es.js +1 -1
  28. package/dist/SelectFormikLegacy.es.js +25 -25
  29. package/dist/SelectSearch.es.js +1 -1
  30. package/dist/Steps.es.js +14 -14
  31. package/dist/TabLinks.es.js +2 -2
  32. package/dist/Table.es.js +2 -2
  33. package/dist/Toast.es.js +23 -23
  34. package/dist/Tooltip.es.js +7 -7
  35. package/dist/components/Spinner/SpinnerV2.d.ts +12 -0
  36. package/dist/components/Toaster/Toaster.d.ts +3 -3
  37. package/dist/exports/Icons.d.ts +1 -1
  38. package/dist/prometeo-design-system.css +1 -1
  39. package/dist/prometeo-design-system.es.js +126 -125
  40. package/package.json +1 -1
  41. package/dist/HelperComponent-U6mPwuDH.js +0 -24
package/dist/Button.es.js CHANGED
@@ -137,7 +137,7 @@ const m = {
137
137
  }, p = {
138
138
  container: "flex justify-center items-center gap-1 w-max rounded-lg bg-transparent cursor-pointer transition-all ease-in-out duration-300 relative",
139
139
  label: "w-max transition-all ease-in-out duration-300",
140
- icon: "w-max transition-all ease-in-out duration-300"
140
+ icon: "w-max transition-all ease-in-out duration-300 flex justify-center items-center"
141
141
  }, y = {
142
142
  true: {
143
143
  container: "hover:scale-105 active:scale-95 disabled:scale-100"
@@ -302,11 +302,11 @@ const m = {
302
302
  }
303
303
  }), D = ({
304
304
  label: g,
305
- onClick: k,
305
+ onClick: j,
306
306
  icon: i,
307
307
  contentClassName: u,
308
308
  loadingText: f = "Cargando...",
309
- animate: j = !0,
309
+ animate: k = !0,
310
310
  animateIcon: $ = !0,
311
311
  isLoading: a = !1,
312
312
  children: c,
@@ -320,7 +320,7 @@ const m = {
320
320
  size: o = "medium",
321
321
  color: S = "primary"
322
322
  }) => {
323
- const h = !!($ && !s && !a), B = !!(j && !s && !a), n = s || a ? "disabled" : S, C = A(() => c || (a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
323
+ const h = !!($ && !s && !a), B = !!(k && !s && !a), n = s || a ? "disabled" : S, C = A(() => c || (a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
324
324
  !b && x,
325
325
  /* @__PURE__ */ t.jsx(
326
326
  "span",
@@ -390,7 +390,7 @@ const m = {
390
390
  ),
391
391
  disabled: s || a,
392
392
  form: z,
393
- onClick: k,
393
+ onClick: j,
394
394
  children: /* @__PURE__ */ t.jsx("div", { className: `flex items-center gap-1 ${u}`, children: C })
395
395
  }
396
396
  );
@@ -1,9 +1,9 @@
1
1
  import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as l } from "./cn-B6yFEsav.js";
3
- import { motion as i, AnimatePresence as u } from "framer-motion";
4
- import m from "./Avatar.es.js";
5
- import { Icons as s } from "./Icons.es.js";
6
- function f({
3
+ import { motion as i, AnimatePresence as c } from "framer-motion";
4
+ import u from "./Avatar.es.js";
5
+ import { ChevronDown as m, Logout as f } from "./Icons.es.js";
6
+ function x({
7
7
  sessions: t,
8
8
  handleTokenLogin: a
9
9
  }) {
@@ -29,12 +29,12 @@ function f({
29
29
  r._id
30
30
  )) });
31
31
  }
32
- const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profile-container flex rounded-md text-white-prometeo overflow-hidden shrink-0 w-full min-w-0 ", children: t }), h = ({
32
+ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profile-container flex rounded-md text-white-prometeo overflow-hidden shrink-0 w-full min-w-0 ", children: t }), p = ({
33
33
  isExpanded: t,
34
34
  sessions: a,
35
35
  onClickLogout: r,
36
36
  handleTokenLogin: n
37
- }) => /* @__PURE__ */ e.jsx(u, { mode: "wait", children: t && /* @__PURE__ */ e.jsxs(
37
+ }) => /* @__PURE__ */ e.jsx(c, { mode: "wait", children: t && /* @__PURE__ */ e.jsxs(
38
38
  i.div,
39
39
  {
40
40
  initial: { height: 0, opacity: 0 },
@@ -113,7 +113,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
113
113
  }
114
114
  },
115
115
  children: /* @__PURE__ */ e.jsx(
116
- f,
116
+ x,
117
117
  {
118
118
  sessions: a,
119
119
  handleTokenLogin: n
@@ -161,32 +161,32 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
161
161
  },
162
162
  whileTap: { scale: 0.98 },
163
163
  children: [
164
- /* @__PURE__ */ e.jsx(s.Logout, { size: 24, className: "text-neutral-default-default" }),
164
+ /* @__PURE__ */ e.jsx(f, { size: 24, className: "text-neutral-default-default" }),
165
165
  /* @__PURE__ */ e.jsx("span", { className: "text-neutral-default-default font-semibold text-sm", children: "Cerrar sesión" })
166
166
  ]
167
167
  }
168
168
  )
169
169
  ]
170
170
  }
171
- ) }), p = ({ imageUrl: t, fallbackText: a }) => /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center profile-image-wrapper ml-1", children: /* @__PURE__ */ e.jsx(
172
- m,
171
+ ) }), j = ({ imageUrl: t, fallbackText: a }) => /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center profile-image-wrapper ml-1", children: /* @__PURE__ */ e.jsx(
172
+ u,
173
173
  {
174
174
  imageUrl: t,
175
175
  sizeImage: "xs",
176
176
  sizeFallback: "xs",
177
177
  fallbackText: a
178
178
  }
179
- ) }), j = ({
179
+ ) }), g = ({
180
180
  isExpanded: t,
181
181
  nameUser: a,
182
182
  nameCompany: r,
183
183
  nameArea: n,
184
- cardProfile: d,
185
- onClick: c
184
+ cardProfile: s,
185
+ onClick: d
186
186
  }) => /* @__PURE__ */ e.jsxs(
187
187
  i.button,
188
188
  {
189
- onClick: c,
189
+ onClick: d,
190
190
  className: l(
191
191
  "flex flex-1 gap-1 rounded-l-md cursor-pointer relative overflow-hidden focus:outline-none hover:bg-neutral-medium-selected button-profile h-12",
192
192
  t && "bg-neutral-medium-selected"
@@ -198,7 +198,7 @@ const x = ({ 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
- d,
201
+ s,
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",
@@ -245,7 +245,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
245
245
  ] })
246
246
  ]
247
247
  }
248
- ), g = () => /* @__PURE__ */ e.jsx("div", { className: "w-px bg-gray-500/30 my-1 border-separator-profile" }), v = ({ isExpanded: t, onClick: a }) => /* @__PURE__ */ e.jsx(
248
+ ), v = () => /* @__PURE__ */ e.jsx("div", { className: "w-px bg-gray-500/30 my-1 border-separator-profile" }), y = ({ isExpanded: t, onClick: a }) => /* @__PURE__ */ e.jsx(
249
249
  i.button,
250
250
  {
251
251
  onClick: a,
@@ -261,18 +261,18 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
261
261
  animate: { rotate: t ? 180 : 0 },
262
262
  transition: { duration: 0.3, ease: "easeOut" },
263
263
  className: "relative button-select-crevron",
264
- children: /* @__PURE__ */ e.jsx(i.div, { transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(s.ChevronDown, { size: 20, className: "text-prometeo-neutral " }) })
264
+ children: /* @__PURE__ */ e.jsx(i.div, { transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(m, { size: 20, className: "text-prometeo-neutral " }) })
265
265
  }
266
266
  )
267
267
  }
268
- ), o = Object.assign(x, {
269
- Menu: h,
270
- Image: p,
271
- Content: j,
272
- Separator: g,
273
- Options: v
268
+ ), o = Object.assign(h, {
269
+ Menu: p,
270
+ Image: j,
271
+ Content: g,
272
+ Separator: v,
273
+ Options: y
274
274
  });
275
275
  export {
276
276
  o as C,
277
- f as a
277
+ x as a
278
278
  };
@@ -1,4 +1,4 @@
1
- import { C as a } from "./CardProfile-DV3gwvqE.js";
1
+ import { C as a } from "./CardProfile-WHoeSibd.js";
2
2
  export {
3
3
  a as CardProfile
4
4
  };
@@ -1,5 +1,5 @@
1
1
  import { j as a } from "./jsx-runtime-DKDX3adD.js";
2
- import { Icons as x } from "./Icons.es.js";
2
+ import { Check as x } from "./Icons.es.js";
3
3
  import { memo as b, useId as n, useRef as m, useCallback as k } from "react";
4
4
  const s = ({ className: c, disabled: e, ...t }) => {
5
5
  const l = n(), i = n(), r = m(null), d = `
@@ -92,7 +92,7 @@ const s = ({ className: c, disabled: e, ...t }) => {
92
92
  }
93
93
  ),
94
94
  t.checked && /* @__PURE__ */ a.jsx(
95
- x.Check,
95
+ x,
96
96
  {
97
97
  size: 18,
98
98
  className: `absolute ${e ? "icon-neutral-strong-disabled" : ""} pointer-events-none icon-neutral-strong-default`
@@ -1,5 +1,5 @@
1
1
  import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
- import { Icons as x } from "./Icons.es.js";
2
+ import { Check as x } from "./Icons.es.js";
3
3
  import { c as r } from "./cn-B6yFEsav.js";
4
4
  import { useField as h, ErrorMessage as p } from "formik";
5
5
  import { useState as b } from "react";
@@ -46,7 +46,7 @@ const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: s =
46
46
  s && "bg-neutral-medium-default border-neutral-medium-default"
47
47
  ),
48
48
  children: a.value && /* @__PURE__ */ e.jsx(
49
- x.Check,
49
+ x,
50
50
  {
51
51
  size: 14,
52
52
  className: r(