bmi-next-brokers 3.1.0 → 3.1.2
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_1i1mc_1{position:relative;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_1i1mc_15{display:inline-flex;align-items:center;justify-content:center;gap:8px}._button_1i1mc_1:disabled{opacity:.3;cursor:not-allowed}._small_1i1mc_28{padding:4px 12px;font-size:14px;height:30px}._medium_1i1mc_34{padding:4px 10px;font-size:16px;height:36px}._large_1i1mc_40{padding:4px 14px;font-size:18px;height:42px}._extraLarge_1i1mc_46{padding:4px 16px;font-size:20px;height:48px}._brand_1i1mc_53{background:var(--Fill-Brand-Inverted-Active, #2054a5);color:#fff}._brand_1i1mc_53:hover:not(:disabled){background:var(--Fill-Brand-Inverted-Hover, #4f88d9)}._brand_1i1mc_53:active:not(:disabled){box-shadow:0 0 0 var(--Focused_Stroke, 4px) var(--ui-blue-800, #16396f)}._outline_1i1mc_66{background-color:transparent;color:var(--Stroke-Brand-Active, #2054a5);border:1px solid var(--Stroke-Brand-Active, #2054a5)}._outline_1i1mc_66:hover:not(:disabled){border:2px solid var(--Stroke-Brand-Hover, #4f88d9);color:var(--Stroke-Brand-Hover, #4f88d9)}._outline_1i1mc_66: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_1i1mc_84{background-color:transparent;color:var(--Stroke-Danger-Active, #c53030);border:1px solid var(--Stroke-Danger-Active, #c53030)}._outlineRed_1i1mc_84:hover:not(:disabled){border:2px solid var(--Stroke-Danger-Hover, #e53e3e);color:var(--Stroke-Danger-Hover, #e53e3e)}._outlineRed_1i1mc_84: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_1i1mc_102{background-color:transparent;color:var(--Content-Brand-Default-Active, #2054a5);border:none}._ghost_1i1mc_102:hover:not(:disabled){font-family:var(--font-medium)}._ghost_1i1mc_102: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_1i1mc_119{background-color:transparent;color:var(--Content-Brand-Default-Active, #2054a5);border:none;text-decoration:underline}._textLink_1i1mc_119:hover:not(:disabled){font-family:var(--font-medium)}._textLink_1i1mc_119: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_1i1mc_136{background-color:var(--ui-blue-100);color:var(--Content-Brand-Default-Active, #2054a5);border:none}._button_1i1mc_1._inverted_1i1mc_143 svg path{fill:currentColor!important}._button_1i1mc_1._inverted_1i1mc_143._brand_1i1mc_53{background:#fff!important;color:#2054a5!important}._button_1i1mc_1._inverted_1i1mc_143._brand_1i1mc_53:hover:not(:disabled){background:#eef3fc!important;color:#1b468a!important}._button_1i1mc_1._inverted_1i1mc_143._brand_1i1mc_53:active:not(:disabled){box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._button_1i1mc_1._inverted_1i1mc_143._outline_1i1mc_66{background-color:transparent!important;border:1px solid var(--Stroke-Brand-Active, #fff)}._button_1i1mc_1._inverted_1i1mc_143._outline_1i1mc_66:not(:disabled){border:1px solid var(--Stroke-Brand-Active, #fff);color:var(--Stroke-Brand-Active, #fff);background-color:transparent!important}._button_1i1mc_1._inverted_1i1mc_143._outline_1i1mc_66:hover:not(:disabled){border:2px solid var(--Stroke-Brand-Active, #fff);color:#f8f9fa!important;background-color:transparent!important}._button_1i1mc_1._inverted_1i1mc_143._outline_1i1mc_66:active:not(:disabled){border:2px solid var(--Stroke-Brand-Active, #fff);box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._button_1i1mc_1._inverted_1i1mc_143._ghost_1i1mc_102{background-color:transparent!important;color:#fff!important;border:none!important}._button_1i1mc_1._inverted_1i1mc_143._ghost_1i1mc_102:hover:not(:disabled){background-color:#ffffff1a!important;color:var(--Stroke-Brand-Innactive, #2054a5)}._button_1i1mc_1._inverted_1i1mc_143._textLink_1i1mc_119{background-color:transparent!important;color:#fff!important;border:none!important;text-decoration:underline!important}._button_1i1mc_1._inverted_1i1mc_143._textLink_1i1mc_119:hover:not(:disabled){color:#f8f9fa!important;background-color:transparent!important}._fullWidth_1i1mc_209{width:100%}._squaredBorder_1i1mc_213{border-radius:12px!important}._spinner_1i1mc_217{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 c, jsx as n, Fragment as a } 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_1i1mc_1", k = "_content_1i1mc_15", q = "_small_1i1mc_28", R = "_medium_1i1mc_34", W = "_large_1i1mc_40", j = "_extraLarge_1i1mc_46", C = "_brand_1i1mc_53", N = "_outline_1i1mc_66", S = "_outlineRed_1i1mc_84", $ = "_ghost_1i1mc_102", w = "_textLink_1i1mc_119", E = "_secondary_1i1mc_136", F = "_inverted_1i1mc_143", I = "_fullWidth_1i1mc_209", A = "_squaredBorder_1i1mc_213", D = "_spinner_1i1mc_217", e = {
|
|
5
5
|
button: B,
|
|
6
6
|
content: k,
|
|
7
7
|
small: q,
|
|
@@ -20,55 +20,55 @@ 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:
|
|
24
|
-
size:
|
|
23
|
+
variant: _ = "brand",
|
|
24
|
+
size: t = "medium",
|
|
25
25
|
disabled: d = !1,
|
|
26
26
|
loading: s = !1,
|
|
27
|
-
onClick:
|
|
28
|
-
className:
|
|
29
|
-
type:
|
|
30
|
-
icon:
|
|
31
|
-
inverted:
|
|
32
|
-
fullWidth:
|
|
33
|
-
squared:
|
|
34
|
-
...
|
|
27
|
+
onClick: m,
|
|
28
|
+
className: u,
|
|
29
|
+
type: b = "button",
|
|
30
|
+
icon: i,
|
|
31
|
+
inverted: f = !1,
|
|
32
|
+
fullWidth: h = !1,
|
|
33
|
+
squared: g = !1,
|
|
34
|
+
...p
|
|
35
35
|
}) => {
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
].filter(Boolean).join(" "),
|
|
44
|
-
if (!
|
|
45
|
-
const l = /* @__PURE__ */
|
|
46
|
-
return
|
|
36
|
+
const x = [
|
|
37
|
+
e.button,
|
|
38
|
+
_ === "outline-red" ? e.outlineRed : e[_],
|
|
39
|
+
e[t],
|
|
40
|
+
f ? e.inverted : "",
|
|
41
|
+
h ? e.fullWidth : "",
|
|
42
|
+
u
|
|
43
|
+
].filter(Boolean).join(" "), r = t === "small" ? 16 : t === "large" ? 20 : t === "extraLarge" ? 24 : 18, L = () => {
|
|
44
|
+
if (!i) return o;
|
|
45
|
+
const l = /* @__PURE__ */ n(v, { name: i.name, width: r, height: r });
|
|
46
|
+
return i.position === "before" ? /* @__PURE__ */ c(a, { children: [
|
|
47
47
|
l,
|
|
48
48
|
o
|
|
49
|
-
] }) : /* @__PURE__ */
|
|
49
|
+
] }) : /* @__PURE__ */ c(a, { children: [
|
|
50
50
|
o,
|
|
51
51
|
l
|
|
52
52
|
] });
|
|
53
53
|
};
|
|
54
|
-
return /* @__PURE__ */
|
|
54
|
+
return /* @__PURE__ */ c(
|
|
55
55
|
"button",
|
|
56
56
|
{
|
|
57
|
-
type:
|
|
57
|
+
type: b,
|
|
58
58
|
disabled: d || s,
|
|
59
|
-
onClick:
|
|
60
|
-
className: `${
|
|
61
|
-
...
|
|
59
|
+
onClick: m,
|
|
60
|
+
className: `${x} ${g ? e.squaredBorder : ""}`,
|
|
61
|
+
...p,
|
|
62
62
|
children: [
|
|
63
|
-
s && /* @__PURE__ */
|
|
64
|
-
/* @__PURE__ */
|
|
63
|
+
s && /* @__PURE__ */ n("div", { className: e.spinner, children: /* @__PURE__ */ n(y, { thickness: 4, size: r, backgroundColor: "#9bd" }) }),
|
|
64
|
+
/* @__PURE__ */ n(
|
|
65
65
|
"span",
|
|
66
66
|
{
|
|
67
67
|
style: {
|
|
68
68
|
visibility: s ? "hidden" : "visible"
|
|
69
69
|
},
|
|
70
|
-
className:
|
|
71
|
-
children:
|
|
70
|
+
className: e.content,
|
|
71
|
+
children: L()
|
|
72
72
|
}
|
|
73
73
|
)
|
|
74
74
|
]
|
package/package.json
CHANGED