bmi-next 1.0.71 → 1.0.72

package/dist/assets/index11.css

@@ -1 +1 @@
-._languageSelector_1wuba_1{-webkit-user-select:none;user-select:none;position:relative;font-size:14px;line-height:20px;height:36px}._selectedButton_1wuba_9{display:flex;padding:8px 10px;align-items:center;justify-content:space-between;gap:6px;border-radius:12px;border:1px solid rgba(0,0,0,.2);background:#fff;cursor:pointer;height:100%;box-sizing:border-box}._countrySelected_1wuba_23{display:flex;justify-content:center;align-items:center;gap:4px}._arrow_1wuba_30{display:flex;justify-content:center;align-items:center;transition:transform .2s}._arrow_1wuba_30._open_1wuba_37{transform:rotate(-180deg)}._fullText_1wuba_41{display:inline}._shortText_1wuba_45{display:none}._dropdown_1wuba_49{position:absolute;top:100%;left:0;width:100%;background:#fff;display:flex;flex-direction:column;border-radius:12px;border:1px solid rgba(0,0,0,.2);margin-top:4px;z-index:10;overflow:hidden}._option_1wuba_65{display:flex;align-items:center;padding:8px 12px 8px 18px;height:38px;cursor:pointer;width:100%;transition:background-color .2s;box-sizing:border-box}._option_1wuba_65:hover{background-color:#0000000d}@media (max-width: 440px){._fullText_1wuba_41{display:none}._shortText_1wuba_45{display:inline}._option_1wuba_65{height:34px;padding:8px 12px;gap:6px}._selectedButton_1wuba_9{padding:11px 8px}._languageSelector_1wuba_1{height:30px;font-size:12px}}@media (max-width: 390px){._selectedButton_1wuba_9{padding:0;border:none}._countrySelected_1wuba_23{margin-left:auto}._option_1wuba_65{justify-content:center}}
+._languageSelector_1nwh9_1{-webkit-user-select:none;user-select:none;position:relative;font-size:14px;line-height:20px;height:36px}._selectedButton_1nwh9_9{display:flex;padding:8px 10px;align-items:center;justify-content:space-between;gap:6px;border-radius:12px;border:1px solid rgba(0,0,0,.2);background-color:#fff;cursor:pointer;height:100%;box-sizing:border-box}._countrySelected_1nwh9_23{display:flex;justify-content:center;align-items:center;gap:4px}._arrow_1nwh9_30{display:flex;justify-content:center;align-items:center;transition:transform .2s}._arrow_1nwh9_30._open_1nwh9_37{transform:rotate(-180deg)}._fullText_1nwh9_41{display:inline}._shortText_1nwh9_45{display:none}._dropdown_1nwh9_49{position:absolute;top:100%;left:0;width:100%;background-color:#fff;display:flex;flex-direction:column;border-radius:12px;border:1px solid rgba(0,0,0,.2);margin-top:4px;z-index:10;overflow:hidden}._option_1nwh9_65{display:flex;align-items:center;padding:8px 12px 8px 18px;height:38px;cursor:pointer;width:100%;transition:background-color .2s;box-sizing:border-box}._option_1nwh9_65:hover{background-color:#0000000d}@media (max-width: 440px){._fullText_1nwh9_41{display:none}._shortText_1nwh9_45{display:inline}._option_1nwh9_65{height:34px;padding:8px 12px;gap:6px}._selectedButton_1nwh9_9{padding:11px 8px}._languageSelector_1nwh9_1{height:30px;font-size:12px}}@media (max-width: 390px){._selectedButton_1nwh9_9{padding:0;border:none;background-color:transparent}._countrySelected_1nwh9_23{margin-left:auto}._option_1nwh9_65{justify-content:center}}

package/dist/assets/index8.css

@@ -1 +1 @@
-._nativeCheckboxInput_w4rbf_2{display:none}._customCheckbox_w4rbf_7{width:22px;height:22px;border:2px solid #1c1b1f;border-radius:4px;background-color:transparent;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s;position:relative;cursor:pointer}._checkIcon_w4rbf_24{width:16.5px;height:16.5px;opacity:0;transition:opacity .2s}._nativeCheckboxInput_w4rbf_2:checked+._customCheckbox_w4rbf_7{background-color:#2054a5;border-color:#2054a5}._nativeCheckboxInput_w4rbf_2:checked+._customCheckbox_w4rbf_7 ._checkIcon_w4rbf_24{opacity:1}
+._nativeCheckboxInput_1t7dk_2{display:none}._customCheckbox_1t7dk_7{box-sizing:border-box;width:18px;height:18px;border:1.5px solid #1c1b1f;border-radius:4px;background-color:transparent;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s;position:relative;cursor:pointer}._checkIcon_1t7dk_25{width:12.5px;height:12.5px;opacity:0;transition:opacity .2s}._nativeCheckboxInput_1t7dk_2:checked+._customCheckbox_1t7dk_7{background-color:#2054a5;border-color:#2054a5}._nativeCheckboxInput_1t7dk_2:checked+._customCheckbox_1t7dk_7 ._checkIcon_1t7dk_25{opacity:1}@media (max-width: 720px){._customCheckbox_1t7dk_7{width:16.5px;height:16.5px}}

package/dist/components/LanguageSelector/index.js

@@ -1,53 +1,53 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useState as _, useRef as x, useEffect as p } from "react";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useState as u, useRef as x, useEffect as _ } from "react";
 import "../../index-BDcINW1T.js";
-import { Icon as w } from "../../icons/icons.js";
-import '../../assets/index11.css';const b = "_languageSelector_1wuba_1", N = "_selectedButton_1wuba_9", T = "_countrySelected_1wuba_23", v = "_arrow_1wuba_30", E = "_open_1wuba_37", y = "_fullText_1wuba_41", B = "_shortText_1wuba_45", k = "_dropdown_1wuba_49", I = "_option_1wuba_65", e = {
-  languageSelector: b,
-  selectedButton: N,
-  countrySelected: T,
-  arrow: v,
-  open: E,
-  fullText: y,
-  shortText: B,
-  dropdown: k,
-  option: I
+import { Icon as p } from "../../icons/icons.js";
+import '../../assets/index11.css';const N = "_languageSelector_1nwh9_1", T = "_selectedButton_1nwh9_9", v = "_countrySelected_1nwh9_23", E = "_arrow_1nwh9_30", y = "_open_1nwh9_37", B = "_fullText_1nwh9_41", k = "_shortText_1nwh9_45", I = "_dropdown_1nwh9_49", O = "_option_1nwh9_65", e = {
+  languageSelector: N,
+  selectedButton: T,
+  countrySelected: v,
+  arrow: E,
+  open: y,
+  fullText: B,
+  shortText: k,
+  dropdown: I,
+  option: O
 }, A = ({
-  initialLanguage: n = "es",
+  initialLanguage: s = "es",
   onLanguageChange: r,
-  ...m
+  ...w
 }) => {
-  const [l, c] = _(!1), [s, u] = _(n), d = x(null);
-  p(() => {
+  const [l, c] = u(!1), [n, a] = u(s), d = x(null);
+  _(() => {
     const o = (S) => {
       d.current && !d.current.contains(S.target) && c(!1);
     };
     return document.addEventListener("mousedown", o), () => {
       document.removeEventListener("mousedown", o);
     };
-  }, []), p(() => {
-    u(n);
-  }, [n]);
-  const h = (o) => {
-    u(o), r == null || r(o), c(!1);
-  }, i = {
+  }, []), _(() => {
+    a(s);
+  }, [s]);
+  const m = (o) => {
+    a(o), r == null || r(o), c(!1);
+  }, h = {
     es: { full: "Español", short: "ES" },
     en: { full: "English", short: "EN" }
-  }, f = s === "es" ? "Inglés" : "Spanish";
-  return /* @__PURE__ */ a("div", { ref: d, className: e.languageSelector, ...m, children: [
-    /* @__PURE__ */ a("div", { className: e.selectedButton, onClick: () => c(!l), children: [
-      /* @__PURE__ */ a("div", { className: e.countrySelected, children: [
-        /* @__PURE__ */ t(w, { name: "Planet", width: 16, height: 16 }),
-        /* @__PURE__ */ t("span", { className: e.fullText, children: i[s].full }),
-        /* @__PURE__ */ t("span", { className: e.shortText, children: i[s].short })
+  }, f = n === "es" ? "Inglés" : "Spanish";
+  return /* @__PURE__ */ i("div", { ref: d, className: e.languageSelector, ...w, children: [
+    /* @__PURE__ */ i("div", { className: e.selectedButton, onClick: () => c(!l), children: [
+      /* @__PURE__ */ i("div", { className: e.countrySelected, children: [
+        /* @__PURE__ */ t(p, { name: "Planet", width: 16, height: 16 }),
+        /* @__PURE__ */ t("span", { className: e.fullText, children: h[n].full }),
+        /* @__PURE__ */ t("span", { className: e.shortText, children: h[n].short })
       ] }),
-      /* @__PURE__ */ t("div", { className: `${e.arrow} ${l && e.open}`, children: /* @__PURE__ */ t(w, { name: "KeyboardArrowDown", width: 12, height: 16, fill: "#000" }) })
+      /* @__PURE__ */ t("div", { className: `${e.arrow} ${l && e.open}`, children: /* @__PURE__ */ t(p, { name: "KeyboardArrowDown", width: 12, height: 16, fill: "#000" }) })
     ] }),
     l && /* @__PURE__ */ t("div", { className: e.dropdown, children: /* @__PURE__ */ t(
       "li",
       {
         className: e.option,
-        onClick: () => h(s === "es" ? "en" : "es"),
+        onClick: () => m(n === "es" ? "en" : "es"),
         children: f
       }
     ) })

package/dist/components/NativeCheckbox/index.js

@@ -1,13 +1,20 @@
 import { jsxs as n, jsx as c } from "react/jsx-runtime";
-import '../../assets/index8.css';const s = "_nativeCheckboxInput_w4rbf_2", h = "_customCheckbox_w4rbf_7", i = "_checkIcon_w4rbf_24", e = {
+import '../../assets/index8.css';const s = "_nativeCheckboxInput_1t7dk_2", h = "_customCheckbox_1t7dk_7", k = "_checkIcon_1t7dk_25", e = {
   nativeCheckboxInput: s,
   customCheckbox: h,
-  checkIcon: i
-}, b = ({
+  checkIcon: k
+}, x = ({
   style: o,
   ...t
 }) => /* @__PURE__ */ n("label", { children: [
-  /* @__PURE__ */ c("input", { type: "checkbox", className: e.nativeCheckboxInput, ...t }),
+  /* @__PURE__ */ c(
+    "input",
+    {
+      type: "checkbox",
+      className: e.nativeCheckboxInput,
+      ...t
+    }
+  ),
   /* @__PURE__ */ c("span", { className: e.customCheckbox, style: o, children: /* @__PURE__ */ c(
     "svg",
     {
@@ -21,5 +28,5 @@ import '../../assets/index8.css';const s = "_nativeCheckboxInput_w4rbf_2", h = "
   ) })
 ] });
 export {
-  b as NativeCheckbox
+  x as NativeCheckbox
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bmi-next",
   "description": "Componentes de UI para proyecto BMI Next",
-  "version": "1.0.71",
+  "version": "1.0.72",
   "author": "David Fernández Bolaños <david@bmiahorro.com>",
   "contributors": [
     "Jorge Martín <jorge@bmiahorro.com>",