bmi-next-brokers 2.5.1 → 2.5.4

package/dist/assets/index.css

@@ -1 +1 @@
-._badge_c0j5t_1{display:flex;justify-content:center;align-items:center;width:fit-content;gap:4px;border-radius:28px;box-sizing:border-box;padding:4px 12px;transition:128ms cubic-bezier(.6,0,.4,1);position:relative}._fullWidth_c0j5t_14{width:100%}._medium_c0j5t_18{padding:3px 8px}._small_c0j5t_22{padding:2px 4px}
+._badge_1pm65_1{display:flex;justify-content:center;align-items:center;width:fit-content;gap:4px;border-radius:28px;box-sizing:border-box;padding:4px 8px;transition:128ms cubic-bezier(.6,0,.4,1);position:relative}._badge_1pm65_1._disabled_1pm65_14{opacity:.3}._fullWidth_1pm65_18{width:100%}._medium_1pm65_22{padding:3px 10px}._small_1pm65_26{padding:2px 8px}

package/dist/assets/index14.css

@@ -1 +1 @@
-._menuItem_16vvj_1{display:flex;justify-content:space-between;align-items:center;gap:9px;cursor:pointer;color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5);border:1px solid transparent;background-color:transparent;border-radius:16px;padding:8px}._menuItem_16vvj_1>._contentWrapper_16vvj_15{display:flex;align-items:center;gap:9px;min-width:0;width:100%}._menuItem_16vvj_1>._contentWrapper_16vvj_15>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._menuItem_16vvj_1:not(._activeItem_16vvj_29):active{color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );border-color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) )}._menuItem_16vvj_1:not(:active):not(._activeItem_16vvj_29):hover{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-10, rgba(69, 194, 214, .1) );color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 )}._activeItem_16vvj_29{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) );color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5)}._activeItem_16vvj_29._ahorro_16vvj_63{background-color:#fff7cb}._iconBefore_16vvj_67{display:flex;justify-content:center;align-items:center;margin-left:auto;flex-shrink:0}
+._menuItem_1560u_1{display:flex;justify-content:space-between;align-items:center;gap:9px;cursor:pointer;color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5);border:1px solid transparent;background-color:transparent;border-radius:16px;padding:8px}._menuItem_1560u_1>._contentWrapper_1560u_15{display:flex;align-items:center;gap:9px;min-width:0;width:100%}._menuItem_1560u_1>._contentWrapper_1560u_15>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._menuItem_1560u_1:not(._activeItem_1560u_29):not(._ahorro_1560u_29):active{color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );border-color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) )}._menuItem_1560u_1:not(:active):not(._activeItem_1560u_29):not(._ahorro_1560u_29):hover{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-10, rgba(69, 194, 214, .1) );color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 )}._menuItem_1560u_1._ahorro_1560u_29:not(._activeItem_1560u_29):active{border-color:#2054a5;background-color:#fffce7}._menuItem_1560u_1._ahorro_1560u_29:not(:active):not(._activeItem_1560u_29):hover{background-color:#fffce7}._activeItem_1560u_29{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) );color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5)}._activeItem_1560u_29._ahorro_1560u_29{background-color:#fff7cb}._iconBefore_1560u_76{display:flex;justify-content:center;align-items:center;margin-left:auto;flex-shrink:0}

package/dist/components/Toast/Toast.js

@@ -65,10 +65,10 @@ import '../../assets/Toast.css';const D = "_toast_ni2sb_1", j = "_topRow_ni2sb_1
     f(c);
   }, [c]), k(() => {
     if (p && g && _ > 0) {
-      const d = setTimeout(() => {
+      const l = setTimeout(() => {
         h();
       }, _);
-      return () => clearTimeout(d);
+      return () => clearTimeout(l);
     }
   }, [g, _, p]);
   const h = () => {
@@ -87,8 +87,8 @@ import '../../assets/Toast.css';const D = "_toast_ni2sb_1", j = "_topRow_ni2sb_1
     small: { title: "small2Bold", body: "small5Regular" },
     medium: { title: "bodyBold", body: "small2Medium" },
     large: { title: "title6Bold", body: "bodyMedium" }
-  }, a = (d, o) => {
-    switch (d) {
+  }, d = (l, o) => {
+    switch (l) {
       case "brand":
         return {
           borderColor: "var(--Badge-Toasts-Stroke, #2054A5)",
@@ -146,8 +146,8 @@ import '../../assets/Toast.css';const D = "_toast_ni2sb_1", j = "_topRow_ni2sb_1
           borderRadius: i[o]
         };
     }
-  }, F = (d, o) => {
-    const R = a(d, o).borderColor.match(/#([0-9A-Fa-f]{6})/);
+  }, F = (l, o) => {
+    const R = d(l, o).borderColor.match(/#([0-9A-Fa-f]{6})/);
     return R ? R[0] : null;
   };
   if (!g) return null;
@@ -157,17 +157,15 @@ import '../../assets/Toast.css';const D = "_toast_ni2sb_1", j = "_topRow_ni2sb_1
     t[`position_${I.replace("-", "_")}`],
     T ? t.exiting : t.entering,
     E
-  ].filter(Boolean).join(" "), l = a(r, n);
-  console.log(l, "properties");
-  const N = /* @__PURE__ */ u(
+  ].filter(Boolean).join(" "), a = d(r, n), N = /* @__PURE__ */ u(
     "div",
     {
       className: A,
       style: {
-        border: "1px solid " + l.borderColor,
-        background: l.background,
-        padding: l.padding,
-        borderRadius: l.borderRadius
+        border: "1px solid " + a.borderColor,
+        background: a.background,
+        padding: a.padding,
+        borderRadius: a.borderRadius
       },
       role: "alert",
       "aria-live": "polite",
@@ -188,7 +186,7 @@ import '../../assets/Toast.css';const D = "_toast_ni2sb_1", j = "_topRow_ni2sb_1
               "div",
               {
                 className: t[v[n].body],
-                style: { color: a(r, n).borderColor },
+                style: { color: d(r, n).borderColor },
                 children: y
               }
             )
@@ -198,7 +196,7 @@ import '../../assets/Toast.css';const D = "_toast_ni2sb_1", j = "_topRow_ni2sb_1
             {
               className: t.closeButton,
               style: {
-                borderLeft: "1px solid " + a(r, n).borderColor
+                borderLeft: "1px solid " + d(r, n).borderColor
               },
               onClick: h,
               "aria-label": "Cerrar notificación",

package/dist/components/badge/index.d.ts

@@ -3,7 +3,7 @@ import { IconName } from '../../icons/Icon';
 /**
  * Variantes de estilo para el Badge.
  */
-type BadgeVariant = "brand" | "info" | "new" | "pending" | "positive" | "warning" | "negative" | "disabled";
+type BadgeVariant = "brand" | "info" | "new" | "pending" | "positive" | "warning" | "negative" | "disabled" | "inactive";
 /**
  * Tamaños disponibles para el Badge.
  */

package/dist/components/badge/index.js

@@ -1,141 +1,151 @@
-import { jsxs as I, Fragment as N, jsx as v } from "react/jsx-runtime";
-import { Icon as s } from "../../icons/Icon.js";
-import '../../assets/index.css';const p = "_badge_c0j5t_1", _ = "_fullWidth_c0j5t_14", k = "_medium_c0j5t_18", P = "_small_c0j5t_22", o = {
-  badge: p,
-  fullWidth: _,
-  medium: k,
-  small: P
-}, $ = ({
-  variant: e,
-  style: f,
+import { jsxs as D, Fragment as w, jsx as u } from "react/jsx-runtime";
+import { Icon as f } from "../../icons/Icon.js";
+import '../../assets/index.css';const $ = "_badge_1pm65_1", k = "_disabled_1pm65_14", v = "_fullWidth_1pm65_18", x = "_medium_1pm65_22", W = "_small_1pm65_26", d = {
+  badge: $,
+  disabled: k,
+  fullWidth: v,
+  medium: x,
+  small: W
+}, j = ({
+  variant: l,
+  style: g,
   size: t = "large",
-  iconAfter: n,
-  iconBefore: a,
-  outline: l = !1,
-  className: d,
-  children: g,
-  fullWidth: C = !1,
-  ...A
+  iconAfter: e,
+  iconBefore: n,
+  outline: i = !1,
+  className: s,
+  children: r,
+  fullWidth: c = !1,
+  ...C
 }) => {
-  const m = {
+  const E = {
     small: "small4Medium",
     medium: "small3Medium",
     large: "small3Medium"
-  }, i = {
+  }, a = {
     small: 16,
     medium: 18,
     large: 20
-  }, u = {
+  }, F = {
     brand: {
-      default: "var(--Fill-Brand-Inverted-Active)",
-      outline: "var(--Fill-Brand-Default-Hover)"
+      default: "#2054A5",
+      outline: "#EEF3FC"
     },
     info: {
-      default: "var(--Content-Info-Default-Active)",
-      outline: "var(--Fill-Info-Default-Active)"
+      default: "#2054A5",
+      outline: "#EEF3FC"
     },
     new: {
-      default: "var(--Content-New-Active)",
-      outline: "var(--Fill-New-Active)"
+      default: "#0F93A8",
+      outline: "#D6F4F8"
     },
     pending: {
-      default: "var(--Content-Pending-Active)",
-      outline: "var(--Fill-Pending-Active)"
+      default: "#CA8A04",
+      outline: "#FEFDE8"
     },
     positive: {
-      default: "var(--Content-Positive-Active)",
-      outline: "var(--Fill-Positive-Active)"
+      default: "#65A30D",
+      outline: "#F7FEE7"
     },
     warning: {
-      default: "var(--Content-Warning-Active)",
-      outline: "var(--Fill-Warning-Default-Active)"
+      default: "#EA580C",
+      outline: "#FFEDD5"
     },
     negative: {
-      default: "var(--Content-Negative-Default-Active)",
-      outline: "var(--Fill-Negative-Default-Active)"
+      default: "#DC2626",
+      outline: "#FEF2F2"
     },
     disabled: {
-      default: "var(--Content-Disabled-Default, #CBD5E1)",
-      outline: "var(--Fill-Disabled-Default, #F8FAFC)"
+      default: "#2054A5",
+      outline: "#EEF3FC"
+    },
+    inactive: {
+      default: "#64748B",
+      outline: "#F1F5F9"
     }
-  }, c = {
+  }, m = {
     brand: {
-      default: "var(--Content-Brand-Inverted-Active)",
-      outline: "var(--Content-Brand-Default-Active)"
+      default: "#FFF",
+      outline: "#2054A5"
     },
     info: {
-      default: "var(--Content-Neutral-Inverted-Active)",
-      outline: "var(--Content-Info-Default-Active)"
+      default: "#FFF",
+      outline: "#2054A5"
     },
     new: {
-      default: "var(--Content-Neutral-Inverted-Active)",
-      outline: "var(--Content-New-Active)"
+      default: "#F0FAFC",
+      outline: "#065564"
     },
     pending: {
-      default: "var(--Content-Neutral-Inverted-Active)",
-      outline: "var(--Content-Pending-Active)"
+      default: "#FEFDE8",
+      outline: "#713F12"
     },
     positive: {
-      default: "var(--Content-Neutral-Inverted-Active)",
-      outline: "var(--Content-Positive-Active)"
+      default: "#F7FEE7",
+      outline: "#365314"
     },
     warning: {
-      default: "var(--Content-Neutral-Inverted-Active)",
-      outline: "var(--Content-Warning-Active)"
+      default: "#FFF7ED",
+      outline: "#7C2D12"
     },
     negative: {
-      default: "var(--Content-Neutral-Inverted-Active, #fff)",
-      outline: "var(--Content-Negative-Default-Active)"
+      default: "#FEF2F2",
+      outline: "#DC2626"
     },
     disabled: {
-      default: "var(--ui-slate-600)",
-      outline: "var(--ui-slate-600)"
+      default: "#FFF",
+      outline: "#2054A5"
+    },
+    inactive: {
+      default: "#F1F5F9",
+      outline: "#475569"
     }
   }, h = {
-    brand: "var(--Stroke-Brand-Active)",
-    info: "var(--Stroke-Info-Active)",
-    new: "var(--Stroke-New-Active)",
-    pending: "var(--Stroke-Pending-Active)",
-    positive: "var(--Stroke-Positive-Active)",
-    warning: "var(--Stroke-Warning-Active)",
-    negative: "var(--Stroke-Negative-Active)",
-    disabled: "var(--ui-slate-600)"
-  }, b = l ? u[e].outline : u[e].default, r = l ? c[e].outline : c[e].default, w = l ? h[e] : "transparent", D = `${m[t]} ${o.badge} ${o[t]} ${l ? o.outline : ""} ${C ? o.fullWidth : ""} ${d || ""}`, F = /* @__PURE__ */ I(N, { children: [
-    a && /* @__PURE__ */ v(
-      s,
+    brand: "#2054A5",
+    info: "#2054A5",
+    new: "#0F93A8",
+    pending: " #CA8A04",
+    positive: "#65A30D",
+    warning: "#EA580C",
+    negative: "#DC2626",
+    disabled: "#2054A5",
+    inactive: "#475569"
+  }, b = i ? F[l].outline : F[l].default, o = i ? m[l].outline : m[l].default, p = i ? h[l] : "transparent", A = `${E[t]} ${d.badge} ${d[l]} ${d[t]} ${i ? d.outline : ""} ${c ? d.fullWidth : ""} ${s || ""}`, _ = /* @__PURE__ */ D(w, { children: [
+    n && /* @__PURE__ */ u(
+      f,
       {
-        ...a,
-        width: a.width ?? i[t],
-        height: a.height ?? i[t],
-        fill: a.fill ?? r
+        ...n,
+        width: n.width ?? a[t],
+        height: n.height ?? a[t],
+        fill: n.fill ?? o
       }
     ),
-    g,
-    n && /* @__PURE__ */ v(
-      s,
+    r,
+    e && /* @__PURE__ */ u(
+      f,
       {
-        ...n,
-        width: n.width ?? i[t],
-        height: n.height ?? i[t],
-        fill: n.fill ?? r
+        ...e,
+        width: e.width ?? a[t],
+        height: e.height ?? a[t],
+        fill: e.fill ?? o
       }
     )
   ] });
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ u(
     "span",
     {
-      className: D,
+      className: A,
       style: {
-        color: r,
+        color: o,
         backgroundColor: b,
-        border: `1px solid ${w}`,
-        ...f
+        border: `1px solid ${p}`,
+        ...g
       },
-      ...A,
-      children: F
+      ...C,
+      children: _
     }
   );
 };
 export {
-  $ as Badge
+  j as Badge
 };

package/dist/components/navbar/menuItem/index.js

@@ -1,21 +1,21 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { Icon as s } from "../../../icons/Icon.js";
-import { Tooltip as u } from "../../tooltip/index.js";
-import { useState as _, useRef as d } from "react";
-import '../../../assets/index14.css';const I = "_menuItem_16vvj_1", p = "_contentWrapper_16vvj_15", j = "_activeItem_16vvj_29", B = "_ahorro_16vvj_63", b = "_iconBefore_16vvj_67", t = {
+import { Tooltip as _ } from "../../tooltip/index.js";
+import { useState as d, useRef as v } from "react";
+import '../../../assets/index14.css';const I = "_menuItem_1560u_1", p = "_contentWrapper_1560u_15", B = "_activeItem_1560u_29", b = "_ahorro_1560u_29", g = "_iconBefore_1560u_76", t = {
   menuItem: I,
   contentWrapper: p,
-  activeItem: j,
-  ahorro: B,
-  iconBefore: b
-}, $ = ({
+  activeItem: B,
+  ahorro: b,
+  iconBefore: g
+}, y = ({
   option: e,
   activeItem: i,
   className: l,
   type: m = "next",
   open: o = !0
 }) => {
-  const [v, n] = _(!1), c = d(null), h = () => e.action(), f = m === "ahorro";
+  const [u, n] = d(!1), c = v(null), h = () => e.action(), f = m === "ahorro";
   return /* @__PURE__ */ a(
     "li",
     {
@@ -30,11 +30,11 @@ import '../../../assets/index14.css';const I = "_menuItem_16vvj_1", p = "_conten
           o && /* @__PURE__ */ r("span", { className: "bodyRegular", children: e.label }),
           e.iconBefore && o && /* @__PURE__ */ r("div", { className: t.iconBefore, children: /* @__PURE__ */ r(s, { name: e.iconBefore, width: 20, height: 20 }) })
         ] }),
-        !o && /* @__PURE__ */ r(u, { target: c.current, visible: v, gap: 20, delay: 0, children: e.label })
+        !o && /* @__PURE__ */ r(_, { target: c.current, visible: u, gap: 20, delay: 0, children: e.label })
       ]
     }
   );
 };
 export {
-  $ as MenuItem
+  y as MenuItem
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bmi-next-brokers",
   "description": "Componentes de UI para proyecto BMI Next Brokers",
-  "version": "2.5.1",
+  "version": "2.5.4",
   "author": "BMI Ahorro España",
   "contributors": [
     "José Ramón Jiménez <jrjimenez@bmicos.com>",