bmi-next-brokers 2.8.2 → 2.8.3
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.
package/dist/assets/index15.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._menuItem_9nuqo_1{display:flex;justify-content:space-between;align-items:center;gap:4px;border-radius:12px;cursor:pointer;color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5);border:1px solid transparent;background-color:transparent;padding:8px}._menuItem_9nuqo_1>._contentWrapper_9nuqo_14{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;width:100%}._menuItem_9nuqo_1>._contentWrapper_9nuqo_14._open_9nuqo_23{justify-content:flex-start}._menuItem_9nuqo_1>._contentWrapper_9nuqo_14>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._menuItem_9nuqo_1:not(._activeItem_9nuqo_33):not(._ahorro_9nuqo_33):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_9nuqo_1:not(:active):not(._activeItem_9nuqo_33):not(._ahorro_9nuqo_33):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_9nuqo_1._ahorro_9nuqo_33:not(._activeItem_9nuqo_33):active{border-color:#2054a5;background-color:#fffce7}._menuItem_9nuqo_1._ahorro_9nuqo_33:not(:active):not(._activeItem_9nuqo_33):hover{background-color:#fffce7}._activeItem_9nuqo_33{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_9nuqo_33._ahorro_9nuqo_33{background-color:#fff7cb}._iconBefore_9nuqo_80{display:flex;justify-content:center;align-items:center;margin-left:auto;flex-shrink:0}
|
|
@@ -1,40 +1,41 @@
|
|
|
1
1
|
import { jsxs as a, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { Icon as s } from "../../../icons/Icon.js";
|
|
3
|
-
import { Tooltip as
|
|
4
|
-
import { useState as d, useRef as
|
|
5
|
-
import '../../../assets/index15.css';const I = "
|
|
6
|
-
menuItem:
|
|
7
|
-
contentWrapper:
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
import { Tooltip as f } from "../../tooltip/index.js";
|
|
4
|
+
import { useState as d, useRef as p } from "react";
|
|
5
|
+
import '../../../assets/index15.css';const v = "_menuItem_9nuqo_1", I = "_contentWrapper_9nuqo_14", q = "_open_9nuqo_23", B = "_activeItem_9nuqo_33", $ = "_ahorro_9nuqo_33", g = "_iconBefore_9nuqo_80", o = {
|
|
6
|
+
menuItem: v,
|
|
7
|
+
contentWrapper: I,
|
|
8
|
+
open: q,
|
|
9
|
+
activeItem: B,
|
|
10
|
+
ahorro: $,
|
|
11
|
+
iconBefore: g
|
|
12
|
+
}, M = ({
|
|
12
13
|
option: e,
|
|
13
|
-
activeItem:
|
|
14
|
-
className:
|
|
15
|
-
type:
|
|
16
|
-
open:
|
|
14
|
+
activeItem: l,
|
|
15
|
+
className: i,
|
|
16
|
+
type: m = "next",
|
|
17
|
+
open: n = !0
|
|
17
18
|
}) => {
|
|
18
|
-
const [
|
|
19
|
+
const [u, t] = d(!1), c = p(null), h = () => e.action(), _ = m === "ahorro";
|
|
19
20
|
return /* @__PURE__ */ a(
|
|
20
21
|
"li",
|
|
21
22
|
{
|
|
22
23
|
ref: c,
|
|
23
|
-
className: `${
|
|
24
|
-
onClick:
|
|
25
|
-
onMouseEnter: () =>
|
|
26
|
-
onMouseLeave: () =>
|
|
24
|
+
className: `${o.menuItem} ${e.label === l ? o.activeItem : ""} ${_ ? o.ahorro : ""} ${i || ""}`,
|
|
25
|
+
onClick: h,
|
|
26
|
+
onMouseEnter: () => t(!0),
|
|
27
|
+
onMouseLeave: () => t(!1),
|
|
27
28
|
children: [
|
|
28
|
-
/* @__PURE__ */ a("div", { className:
|
|
29
|
+
/* @__PURE__ */ a("div", { className: `${o.contentWrapper} ${n ? o.open : ""}`, children: [
|
|
29
30
|
/* @__PURE__ */ r(s, { name: e.iconAfter, width: 16, height: 16 }),
|
|
30
|
-
|
|
31
|
-
e.iconBefore &&
|
|
31
|
+
n && /* @__PURE__ */ r("span", { className: "small2Regular", children: e.label }),
|
|
32
|
+
e.iconBefore && n && /* @__PURE__ */ r("div", { className: o.iconBefore, children: /* @__PURE__ */ r(s, { name: e.iconBefore, width: 16, height: 16 }) })
|
|
32
33
|
] }),
|
|
33
|
-
!
|
|
34
|
+
!n && /* @__PURE__ */ r(f, { target: c.current, visible: u, gap: 20, delay: 0, children: e.label })
|
|
34
35
|
]
|
|
35
36
|
}
|
|
36
37
|
);
|
|
37
38
|
};
|
|
38
39
|
export {
|
|
39
|
-
|
|
40
|
+
M as MenuItem
|
|
40
41
|
};
|
package/package.json
CHANGED