bmi-next-brokers 3.1.0 → 3.1.1
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/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_1b2pn_1{border:none;border-radius:1000px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-regular);font-weight:100;transition:all .2s ease-in-out;width:fit-content}._content_1b2pn_14{display:inline-flex;align-items:center;justify-content:center;gap:8px}._button_1b2pn_1:disabled{opacity:.3;cursor:not-allowed}._small_1b2pn_27{padding:4px 12px;font-size:14px;height:30px}._medium_1b2pn_33{padding:4px 10px;font-size:16px;height:36px}._large_1b2pn_39{padding:4px 14px;font-size:18px;height:42px}._extraLarge_1b2pn_45{padding:4px 16px;font-size:20px;height:48px}._brand_1b2pn_52{background:var(--Fill-Brand-Inverted-Active, #2054a5);color:#fff}._brand_1b2pn_52:hover:not(:disabled){background:var(--Fill-Brand-Inverted-Hover, #4f88d9)}._brand_1b2pn_52:active:not(:disabled){box-shadow:0 0 0 var(--Focused_Stroke, 4px) var(--ui-blue-800, #16396f)}._outline_1b2pn_65{background-color:transparent;color:var(--Stroke-Brand-Active, #2054a5);border:1px solid var(--Stroke-Brand-Active, #2054a5)}._outline_1b2pn_65:hover:not(:disabled){border:2px solid var(--Stroke-Brand-Hover, #4f88d9);color:var(--Stroke-Brand-Hover, #4f88d9)}._outline_1b2pn_65:active{background:var(--Content-Brand-Inverted-Active, #eef3fc);border:none!important;box-shadow:0 0 0 var(--Focused_Stroke, 4px) var(--brand-Azul-digital-BMI-500, #2054a5)}._outlineRed_1b2pn_83{background-color:transparent;color:var(--Stroke-Danger-Active, #c53030);border:1px solid var(--Stroke-Danger-Active, #c53030)}._outlineRed_1b2pn_83:hover:not(:disabled){border:2px solid var(--Stroke-Danger-Hover, #e53e3e);color:var(--Stroke-Danger-Hover, #e53e3e)}._outlineRed_1b2pn_83:active:not(:disabled){background:var(--Content-Danger-Inverted-Active, #fff5f5);border:none!important;box-shadow:0 0 0 var(--Focused_Stroke, 4px) var(--Stroke-Danger-Active, #c53030)}._ghost_1b2pn_101{background-color:transparent;color:var(--Content-Brand-Default-Active, #2054a5);border:none}._ghost_1b2pn_101:hover:not(:disabled){font-family:var(--font-medium)}._ghost_1b2pn_101:active:not(:disabled){background:var(--Fill-Disabled-Default, #f8fafc);box-shadow:0 0 0 var(--Focused_Stroke, 4px) var(--brand-Azul-digital-BMI-500, #2054a5)}._textLink_1b2pn_118{background-color:transparent;color:var(--Content-Brand-Default-Active, #2054a5);border:none;text-decoration:underline}._textLink_1b2pn_118:hover:not(:disabled){font-family:var(--font-medium)}._textLink_1b2pn_118:active:not(:disabled){background:var(--Fill-Disabled-Default, #f8fafc);box-shadow:0 0 0 var(--Focused_Stroke, 4px) var(--brand-Azul-digital-BMI-500, #2054a5)}._secondary_1b2pn_135{background-color:var(--ui-blue-100);color:var(--Content-Brand-Default-Active, #2054a5);border:none}._button_1b2pn_1._inverted_1b2pn_142 svg path{fill:currentColor!important}._button_1b2pn_1._inverted_1b2pn_142._brand_1b2pn_52{background:#fff!important;color:#2054a5!important}._button_1b2pn_1._inverted_1b2pn_142._brand_1b2pn_52:hover:not(:disabled){background:#eef3fc!important;color:#1b468a!important}._button_1b2pn_1._inverted_1b2pn_142._brand_1b2pn_52:active:not(:disabled){box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._button_1b2pn_1._inverted_1b2pn_142._outline_1b2pn_65{background-color:transparent!important;border:1px solid var(--Stroke-Brand-Active, #fff)}._button_1b2pn_1._inverted_1b2pn_142._outline_1b2pn_65:not(:disabled){border:1px solid var(--Stroke-Brand-Active, #fff);color:var(--Stroke-Brand-Active, #fff);background-color:transparent!important}._button_1b2pn_1._inverted_1b2pn_142._outline_1b2pn_65:hover:not(:disabled){border:2px solid var(--Stroke-Brand-Active, #fff);color:#f8f9fa!important;background-color:transparent!important}._button_1b2pn_1._inverted_1b2pn_142._outline_1b2pn_65:active:not(:disabled){border:2px solid var(--Stroke-Brand-Active, #fff);box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._button_1b2pn_1._inverted_1b2pn_142._ghost_1b2pn_101{background-color:transparent!important;color:#fff!important;border:none!important}._button_1b2pn_1._inverted_1b2pn_142._ghost_1b2pn_101:hover:not(:disabled){background-color:#ffffff1a!important;color:var(--Stroke-Brand-Innactive, #2054a5)}._button_1b2pn_1._inverted_1b2pn_142._textLink_1b2pn_118{background-color:transparent!important;color:#fff!important;border:none!important;text-decoration:underline!important}._button_1b2pn_1._inverted_1b2pn_142._textLink_1b2pn_118:hover:not(:disabled){color:#f8f9fa!important;background-color:transparent!important}._fullWidth_1b2pn_208{width:100%}._squaredBorder_1b2pn_212{border-radius:12px!important}._spinner_1b2pn_216{position:absolute;display:flex;justify-content:center;align-items:center}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { Icon as
|
|
3
|
-
import { Spinner as
|
|
4
|
-
import '../../assets/Button.css';const B = "
|
|
1
|
+
import { jsxs as i, jsx as t, Fragment as d } from "react/jsx-runtime";
|
|
2
|
+
import { Icon as v } from "../../icons/Icon.js";
|
|
3
|
+
import { Spinner as y } from "../Spinner/Spinner.js";
|
|
4
|
+
import '../../assets/Button.css';const B = "_button_1b2pn_1", k = "_content_1b2pn_14", q = "_small_1b2pn_27", R = "_medium_1b2pn_33", W = "_large_1b2pn_39", j = "_extraLarge_1b2pn_45", C = "_brand_1b2pn_52", N = "_outline_1b2pn_65", S = "_outlineRed_1b2pn_83", $ = "_ghost_1b2pn_101", w = "_textLink_1b2pn_118", E = "_secondary_1b2pn_135", F = "_inverted_1b2pn_142", I = "_fullWidth_1b2pn_208", A = "_squaredBorder_1b2pn_212", D = "_spinner_1b2pn_216", n = {
|
|
5
5
|
button: B,
|
|
6
6
|
content: k,
|
|
7
7
|
small: q,
|
|
@@ -20,47 +20,47 @@ import '../../assets/Button.css';const B = "_button_1nycf_1", k = "_content_1nyc
|
|
|
20
20
|
spinner: D
|
|
21
21
|
}, K = ({
|
|
22
22
|
children: o,
|
|
23
|
-
variant:
|
|
23
|
+
variant: l = "brand",
|
|
24
24
|
size: e = "medium",
|
|
25
|
-
disabled:
|
|
25
|
+
disabled: c = !1,
|
|
26
26
|
loading: s = !1,
|
|
27
|
-
onClick:
|
|
28
|
-
className:
|
|
29
|
-
type:
|
|
27
|
+
onClick: b,
|
|
28
|
+
className: u,
|
|
29
|
+
type: p = "button",
|
|
30
30
|
icon: r,
|
|
31
|
-
inverted:
|
|
32
|
-
fullWidth:
|
|
31
|
+
inverted: m = !1,
|
|
32
|
+
fullWidth: f = !1,
|
|
33
33
|
squared: h = !1,
|
|
34
34
|
...g
|
|
35
35
|
}) => {
|
|
36
|
-
const
|
|
36
|
+
const x = [
|
|
37
37
|
n.button,
|
|
38
|
-
|
|
38
|
+
l === "outline-red" ? n.outlineRed : n[l],
|
|
39
39
|
n[e],
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
].filter(Boolean).join(" "),
|
|
40
|
+
m ? n.inverted : "",
|
|
41
|
+
f ? n.fullWidth : "",
|
|
42
|
+
u
|
|
43
|
+
].filter(Boolean).join(" "), _ = e === "small" ? 16 : e === "large" ? 20 : e === "extraLarge" ? 24 : 18, L = () => {
|
|
44
44
|
if (!r) return o;
|
|
45
|
-
const
|
|
46
|
-
return r.position === "before" ? /* @__PURE__ */
|
|
47
|
-
|
|
45
|
+
const a = /* @__PURE__ */ t(v, { name: r.name, width: _, height: _ });
|
|
46
|
+
return r.position === "before" ? /* @__PURE__ */ i(d, { children: [
|
|
47
|
+
a,
|
|
48
48
|
o
|
|
49
|
-
] }) : /* @__PURE__ */
|
|
49
|
+
] }) : /* @__PURE__ */ i(d, { children: [
|
|
50
50
|
o,
|
|
51
|
-
|
|
51
|
+
a
|
|
52
52
|
] });
|
|
53
53
|
};
|
|
54
|
-
return /* @__PURE__ */
|
|
54
|
+
return /* @__PURE__ */ i(
|
|
55
55
|
"button",
|
|
56
56
|
{
|
|
57
|
-
type:
|
|
58
|
-
disabled:
|
|
59
|
-
onClick:
|
|
60
|
-
className: `${
|
|
57
|
+
type: p,
|
|
58
|
+
disabled: c || s,
|
|
59
|
+
onClick: b,
|
|
60
|
+
className: `${x} ${h ? n.squaredBorder : ""}`,
|
|
61
61
|
...g,
|
|
62
62
|
children: [
|
|
63
|
-
s && /* @__PURE__ */ t("div", { className: n.spinner, children: /* @__PURE__ */ t(
|
|
63
|
+
s && /* @__PURE__ */ t("div", { className: n.spinner, children: /* @__PURE__ */ t(y, { thickness: 4, size: _, backgroundColor: "#9bd" }) }),
|
|
64
64
|
/* @__PURE__ */ t(
|
|
65
65
|
"span",
|
|
66
66
|
{
|
|
@@ -68,7 +68,7 @@ import '../../assets/Button.css';const B = "_button_1nycf_1", k = "_content_1nyc
|
|
|
68
68
|
visibility: s ? "hidden" : "visible"
|
|
69
69
|
},
|
|
70
70
|
className: n.content,
|
|
71
|
-
children:
|
|
71
|
+
children: L()
|
|
72
72
|
}
|
|
73
73
|
)
|
|
74
74
|
]
|
package/package.json
CHANGED