bmi-next 1.0.18 → 1.0.20

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.
@@ -1 +1 @@
1
- ._spinnerContainer_11851_1{display:flex;justify-content:center}._spinner_11851_1{border:4px solid black;width:36px;height:36px;border-radius:50%;border-left-color:var(--azul-digital-v1);animation:_spin_11851_1 1s ease infinite}@keyframes _spin_11851_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
1
+ ._spinnerContainer_9ae2m_1{display:flex;justify-content:center}._spinner_9ae2m_1{border:4px solid var(--azul-digital-v1);width:36px;height:36px;border-radius:50%;border-left-color:#fff;animation:_spin_9ae2m_1 1s ease infinite}@keyframes _spin_9ae2m_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
@@ -1 +1 @@
1
- ._container_1ljgs_1{display:flex;flex-direction:column;gap:5px;width:100%}._container_1ljgs_1:has(input:disabled){opacity:.4}._labelContainer_1ljgs_12{display:flex;justify-content:space-between;align-items:center}._labelContainer_1ljgs_12>label{margin-left:9px;font-family:Poppins Medium;font-size:14px;line-height:16.8px}._invalidLabel_1ljgs_25{color:var(--rojo)}._visibilityContainer_1ljgs_29{display:flex;align-items:center;gap:3px;cursor:pointer;color:var(--azul-digital);font-family:Poppins Medium;font-size:14px;line-height:16.8px}._inputContainer_1ljgs_40{height:52px;box-sizing:border-box;display:flex;align-items:center;padding-inline:16px;border-radius:16px;border:1px solid var(--negro-20);gap:5px;background-color:#fff}._inputContainer_1ljgs_40>svg{overflow:visible}._inputContainer_1ljgs_40:has(input:invalid){border:solid 1px var(--rojo);transition:all .3s ease}._inputContainer_1ljgs_40:has(input:focus:not(:invalid)){border:solid 1px var(--turquesa);box-shadow:3px 3px 0 0 var(--turquesa);transition:all .3s ease}._inputContainer_1ljgs_40:has(input:focus:invalid){border:solid 1px var(--rojo);box-shadow:3px 3px 0 0 var(--rojo);transition:all .3s ease}._input_1ljgs_40{height:100%;width:100%;font-family:Poppins Regular;font-size:16px;line-height:19.2px;border:none;box-sizing:border-box}._input_1ljgs_40:focus{outline:none}._prefix_1ljgs_87{font-family:Poppins Regular;font-size:16px;line-height:19.2px;color:var(--negro-40)}._input_1ljgs_40:invalid{color:var(--rojo)}._input_1ljgs_40:disabled{background-color:#fff}
1
+ ._container_x82qn_1{display:flex;flex-direction:column;gap:5px;width:100%}._container_x82qn_1:has(input:disabled){opacity:.4}._labelContainer_x82qn_12{display:flex;justify-content:space-between;align-items:center}._labelContainer_x82qn_12>label{margin-left:9px;font-family:Poppins Medium;font-size:14px;line-height:16.8px}._invalidLabel_x82qn_25{color:var(--rojo)}._visibilityContainer_x82qn_29{display:flex;align-items:center;gap:3px;cursor:pointer;color:var(--azul-digital);font-family:Poppins Medium;font-size:14px;line-height:16.8px}._inputContainer_x82qn_40{height:52px;box-sizing:border-box;display:flex;align-items:center;padding-inline:16px;border-radius:16px;border:1px solid var(--negro-20);gap:5px;background-color:#fff}._inputContainer_x82qn_40>svg{overflow:visible}._invalid_x82qn_25{border:solid 1px var(--rojo);transition:all .3s ease}._invalid_x82qn_25:focus{border:solid 1px var(--rojo);box-shadow:3px 3px 0 0 var(--rojo);transition:all .3s ease}._inputContainer_x82qn_40:has(input:focus:not(._invalid_x82qn_25)){border:solid 1px var(--turquesa);box-shadow:3px 3px 0 0 var(--turquesa);transition:all .3s ease}._input_x82qn_40{height:100%;width:100%;font-family:Poppins Regular;font-size:16px;line-height:19.2px;border:none;box-sizing:border-box}._input_x82qn_40:focus{outline:none}._prefix_x82qn_98{font-family:Poppins Regular;font-size:16px;line-height:19.2px;color:var(--negro-40)}._input_x82qn_40:invalid{color:var(--rojo)}._input_x82qn_40:disabled{background-color:#fff}
@@ -1,41 +1,42 @@
1
1
  import { jsxs as e, jsx as i } from "react/jsx-runtime";
2
- import { Icon as a } from "../../icons/icons.js";
3
- import { FieldError as b } from "../FieldError/index.js";
4
- import { useState as v } from "react";
5
- import '../../assets/index8.css';const C = "_container_1ljgs_1", h = "_labelContainer_1ljgs_12", u = "_invalidLabel_1ljgs_25", g = "_visibilityContainer_1ljgs_29", j = "_inputContainer_1ljgs_40", y = "_input_1ljgs_40", N = "_prefix_1ljgs_87", n = {
6
- container: C,
7
- labelContainer: h,
8
- invalidLabel: u,
9
- visibilityContainer: g,
10
- inputContainer: j,
11
- input: y,
12
- prefix: N
2
+ import { Icon as l } from "../../icons/icons.js";
3
+ import { FieldError as m } from "../FieldError/index.js";
4
+ import { useState as b } from "react";
5
+ import '../../assets/index8.css';const x = "_container_x82qn_1", C = "_labelContainer_x82qn_12", h = "_invalidLabel_x82qn_25", u = "_visibilityContainer_x82qn_29", y = "_inputContainer_x82qn_40", q = "_invalid_x82qn_25", N = "_input_x82qn_40", f = "_prefix_x82qn_98", n = {
6
+ container: x,
7
+ labelContainer: C,
8
+ invalidLabel: h,
9
+ visibilityContainer: u,
10
+ inputContainer: y,
11
+ invalid: q,
12
+ input: N,
13
+ prefix: f
13
14
  }, w = ({
14
15
  label: s,
15
- iconBefore: r,
16
- iconAfter: o,
17
- error: l,
16
+ iconBefore: o,
17
+ iconAfter: r,
18
+ error: t,
18
19
  prefix: c,
19
- suffix: p,
20
- visibility: d,
20
+ suffix: _,
21
+ visibility: p,
21
22
  // className,
22
- ..._
23
+ ...d
23
24
  }) => {
24
- const [t, m] = v(!1);
25
+ const [a, v] = b(!1);
25
26
  return /* @__PURE__ */ e("div", { className: n.container, children: [
26
27
  /* @__PURE__ */ e("div", { className: n.labelContainer, children: [
27
- s && /* @__PURE__ */ i("label", { className: l ? n.invalidLabel : "", children: s }),
28
- d && /* @__PURE__ */ e(
28
+ s && /* @__PURE__ */ i("label", { className: t ? n.invalidLabel : "", children: s }),
29
+ p && /* @__PURE__ */ e(
29
30
  "div",
30
31
  {
31
32
  className: n.visibilityContainer,
32
- onClick: () => m(!t),
33
+ onClick: () => v(!a),
33
34
  children: [
34
- /* @__PURE__ */ i("span", { children: t ? "Ocultar" : "Mostrar" }),
35
+ /* @__PURE__ */ i("span", { children: a ? "Ocultar" : "Mostrar" }),
35
36
  /* @__PURE__ */ i(
36
- a,
37
+ l,
37
38
  {
38
- name: t ? "HideEye" : "ShowEye",
39
+ name: a ? "HideEye" : "ShowEye",
39
40
  width: 20,
40
41
  height: 20,
41
42
  fill: "rgb(32 84 165)"
@@ -45,21 +46,27 @@ import '../../assets/index8.css';const C = "_container_1ljgs_1", h = "_labelCont
45
46
  }
46
47
  )
47
48
  ] }),
48
- /* @__PURE__ */ e("div", { className: n.inputContainer, children: [
49
- r && /* @__PURE__ */ i(a, { ...r }),
50
- c && /* @__PURE__ */ i("span", { className: n.prefix, children: c }),
51
- /* @__PURE__ */ i(
52
- "input",
53
- {
54
- className: n.input,
55
- ..._,
56
- type: t ? "text" : _.type
57
- }
58
- ),
59
- p && /* @__PURE__ */ i("span", { children: p }),
60
- o && /* @__PURE__ */ i(a, { ...o })
61
- ] }),
62
- l && /* @__PURE__ */ i(b, { error: l })
49
+ /* @__PURE__ */ e(
50
+ "div",
51
+ {
52
+ className: `${n.inputContainer} ${t ? n.invalid : ""}`,
53
+ children: [
54
+ o && /* @__PURE__ */ i(l, { ...o }),
55
+ c && /* @__PURE__ */ i("span", { className: n.prefix, children: c }),
56
+ /* @__PURE__ */ i(
57
+ "input",
58
+ {
59
+ className: n.input,
60
+ ...d,
61
+ type: a ? "text" : d.type
62
+ }
63
+ ),
64
+ _ && /* @__PURE__ */ i("span", { children: _ }),
65
+ r && /* @__PURE__ */ i(l, { ...r })
66
+ ]
67
+ }
68
+ ),
69
+ t && /* @__PURE__ */ i(m, { error: t })
63
70
  ] });
64
71
  };
65
72
  export {
@@ -1,15 +1,15 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import '../../assets/index11.css';const o = "_spinnerContainer_11851_1", t = "_spinner_11851_1", i = {
2
+ import '../../assets/index11.css';const o = "_spinnerContainer_9ae2m_1", t = "_spinner_9ae2m_1", i = {
3
3
  spinnerContainer: o,
4
4
  spinner: t
5
- }, a = ({ size: n, fill: r, border: e }) => /* @__PURE__ */ s("div", { className: i.spinnerContainer, children: /* @__PURE__ */ s(
5
+ }, a = ({ size: n, fill: e, border: r }) => /* @__PURE__ */ s("div", { className: i.spinnerContainer, children: /* @__PURE__ */ s(
6
6
  "div",
7
7
  {
8
8
  className: i.spinner,
9
9
  style: {
10
10
  ...n ? { width: `${n}px`, height: `${n}px` } : {},
11
- ...e ? { borderColor: e } : {},
12
- ...r ? { borderLeftColor: r } : {}
11
+ ...r ? { borderColor: r } : {},
12
+ ...e ? { borderLeftColor: e } : {}
13
13
  }
14
14
  }
15
15
  ) });
@@ -2435,7 +2435,7 @@ const x1 = ({
2435
2435
  {
2436
2436
  d: "M12.851 10.865H4.695a.836.836 0 0 1-.614-.25.829.829 0 0 1-.25-.61c0-.242.083-.447.25-.616a.829.829 0 0 1 .614-.254h8.156L9.374 5.66a.846.846 0 0 1-.262-.612.868.868 0 0 1 .261-.626.851.851 0 0 1 .617-.251c.234.001.438.089.611.263l4.954 4.96a.847.847 0 0 1 .192.938.838.838 0 0 1-.183.275L10.6 15.569a.8.8 0 0 1-.606.258.876.876 0 0 1-.6-.27.878.878 0 0 1-.265-.626c0-.235.088-.439.264-.61l3.457-3.456z",
2437
2437
  fill: c,
2438
- fillOpacity: ".4"
2438
+ fillOpacity: "1"
2439
2439
  }
2440
2440
  ) })
2441
2441
  ]
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "bmi-next",
3
3
  "description": "Componentes de UI para proyecto BMI Next",
4
- "version": "1.0.18",
4
+ "version": "1.0.20",
5
5
  "author": "David Fernández Bolaños <david@bmiahorro.com>",
6
6
  "contributors": [
7
7
  "Jorge Martín <jorge@bmiahorro.com>",