bmi-next 1.0.1 → 1.0.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/index15.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._spinnerContainer_1q1wl_1{width:fit-content;position:relative;margin:10px}._spinner_1q1wl_1{width:222px;height:222px;border:5px solid #c9f3f7;border-top:5px solid #45c2d6;border-radius:50%;display:inline-block;box-sizing:border-box;animation:_rotation_1q1wl_1 1s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._iconContainer_1q1wl_22{transform:translateY(4px)}@keyframes _rotation_1q1wl_1{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
|
package/dist/assets/index21.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_1y9mq_1{display:flex;justify-content:center;align-items:center;width:100%;gap:10px;border-radius:100px;height:56px;box-sizing:border-box;padding-bottom:4px;font-size:22px;cursor:pointer}._small_1y9mq_15{font-size:17px;line-height:20px;height:40px;font-family:Palanquin BMI Bold!important}._primary_1y9mq_21{background:#2054a5;border:0;color:#fff;font-family:Palanquin BMI Bold}._primary_1y9mq_21:hover{background:#1d71de;transition:all .3s ease}._primary_1y9mq_21:active{transform:scale(.98);transition:all .1s ease}._secondary_1y9mq_38{background:#fff;border:3px solid #2054a5;color:#2054a5;font-family:Palanquin BMI}._secondary_1y9mq_38:hover{border-color:#749cff;color:#749cff;background-color:#dceaff66;transition:all .1s ease}._secondary_1y9mq_38:hover>svg,._secondary_1y9mq_38:hover>svg path{fill:#749cff}._secondary_1y9mq_38:active{transform:scale(.98);border-color:#749cff;color:#749cff;background-color:#dceaff66;transition:all .1s ease}._button_1y9mq_1:disabled{background-color:#2054a51a;color:#2054a566;cursor:not-allowed;border-color:#e8eef6}._tertiary_1y9mq_72{background:#b8d0ff;border:0;color:#2054a5;font-family:Palanquin BMI}._tertiary_1y9mq_72:hover{background:#afc5f3;border:0;color:#2054a5;font-family:Palanquin BMI}._tertiary_1y9mq_72:active{transform:scale(.98);background:#afc5f3;border:0}._tertiary-green_1y9mq_92{background:#c9f3f7;border:0;color:#2054a5;font-family:Palanquin BMI}._tertiary-green_1y9mq_92:hover{background:#d9ffeb;border:0;color:#2054a5}._tertiary-green_1y9mq_92:active{transform:scale(.98);background:#d9ffeb;border:0}
|
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
import { jsxs as u, jsx as
|
|
2
|
-
import { useState as b, useEffect as
|
|
1
|
+
import { jsxs as u, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { useState as b, useEffect as g } from "react";
|
|
3
3
|
import "../../index-Cb7Kc3pQ.js";
|
|
4
|
-
import { Icon as
|
|
5
|
-
import '../../assets/index21.css';const
|
|
6
|
-
button:
|
|
7
|
-
small:
|
|
8
|
-
primary:
|
|
9
|
-
secondary:
|
|
10
|
-
tertiary:
|
|
11
|
-
"tertiary-green": "_tertiary-
|
|
12
|
-
},
|
|
4
|
+
import { Icon as n } from "../../icons/icons.js";
|
|
5
|
+
import '../../assets/index21.css';const q = "_button_1y9mq_1", w = "_small_1y9mq_15", C = "_primary_1y9mq_21", $ = "_secondary_1y9mq_38", M = "_tertiary_1y9mq_72", o = {
|
|
6
|
+
button: q,
|
|
7
|
+
small: w,
|
|
8
|
+
primary: C,
|
|
9
|
+
secondary: $,
|
|
10
|
+
tertiary: M,
|
|
11
|
+
"tertiary-green": "_tertiary-green_1y9mq_92"
|
|
12
|
+
}, O = ({
|
|
13
13
|
variant: e,
|
|
14
14
|
icon: t,
|
|
15
|
-
className:
|
|
16
|
-
children:
|
|
17
|
-
small:
|
|
15
|
+
className: a,
|
|
16
|
+
children: m,
|
|
17
|
+
small: i,
|
|
18
18
|
...r
|
|
19
19
|
}) => {
|
|
20
|
-
const
|
|
21
|
-
e === "secondary" && !r.disabled &&
|
|
20
|
+
const d = e === "primary" ? "primary" : e === "secondary" ? "secondary" : e === "tertiary" ? "tertiary" : "tertiary-green", _ = `${o.button} ${o[d]} ${a || ""}`, [y, s] = b(), f = () => {
|
|
21
|
+
e === "secondary" && !r.disabled && s("#749cff");
|
|
22
22
|
}, c = () => {
|
|
23
|
-
e === "secondary" && !r.disabled &&
|
|
23
|
+
e === "secondary" && !r.disabled && s("#2054a5");
|
|
24
24
|
};
|
|
25
|
-
return
|
|
25
|
+
return g(() => {
|
|
26
26
|
const h = (e === "secondary" || e === "tertiary" || e === "tertiary-green") && !r.disabled ? "#2054a5" : e === "primary" && !r.disabled ? "#fff" : "#2054a566";
|
|
27
|
-
|
|
27
|
+
s(h);
|
|
28
28
|
}, [r.disabled, e]), /* @__PURE__ */ u(
|
|
29
29
|
"button",
|
|
30
30
|
{
|
|
31
|
-
className: `${_} ${
|
|
31
|
+
className: `${_} ${i ? o.small : ""}`,
|
|
32
32
|
...r,
|
|
33
33
|
onMouseOver: f,
|
|
34
34
|
onMouseLeave: c,
|
|
35
35
|
children: [
|
|
36
|
-
t && t.position === "before" && /* @__PURE__ */
|
|
37
|
-
|
|
36
|
+
t && t.position === "before" && /* @__PURE__ */ l(
|
|
37
|
+
n,
|
|
38
38
|
{
|
|
39
39
|
name: t.name,
|
|
40
|
-
fill:
|
|
40
|
+
fill: y,
|
|
41
41
|
width: t.width,
|
|
42
42
|
height: t.height
|
|
43
43
|
}
|
|
44
44
|
),
|
|
45
|
-
|
|
46
|
-
t && t.position === "after" && /* @__PURE__ */
|
|
47
|
-
|
|
45
|
+
m,
|
|
46
|
+
t && t.position === "after" && /* @__PURE__ */ l(
|
|
47
|
+
n,
|
|
48
48
|
{
|
|
49
49
|
name: t.name,
|
|
50
|
-
fill:
|
|
50
|
+
fill: y,
|
|
51
51
|
width: t.width,
|
|
52
52
|
height: t.height
|
|
53
53
|
}
|
|
@@ -57,5 +57,5 @@ import '../../assets/index21.css';const g = "_button_jx6lo_1", j = "_small_jx6lo
|
|
|
57
57
|
);
|
|
58
58
|
};
|
|
59
59
|
export {
|
|
60
|
-
|
|
60
|
+
O as Button
|
|
61
61
|
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsxs as r, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { Image as o } from "../images/index.js";
|
|
3
|
-
import '../../assets/index15.css';const s = "
|
|
3
|
+
import '../../assets/index15.css';const s = "_spinnerContainer_1q1wl_1", t = "_spinner_1q1wl_1", a = "_iconContainer_1q1wl_22", i = {
|
|
4
4
|
spinnerContainer: s,
|
|
5
5
|
spinner: t,
|
|
6
6
|
iconContainer: a
|
|
7
7
|
};
|
|
8
|
-
function
|
|
8
|
+
function l({ src: e }) {
|
|
9
9
|
return /* @__PURE__ */ r("div", { className: i.spinnerContainer, children: [
|
|
10
10
|
/* @__PURE__ */ n("div", { className: i.spinner }),
|
|
11
11
|
/* @__PURE__ */ n("div", { className: i.iconContainer, children: /* @__PURE__ */ n(o, { src: e, width: 200, height: 200 }) })
|
|
12
12
|
] });
|
|
13
13
|
}
|
|
14
14
|
export {
|
|
15
|
-
|
|
15
|
+
l as FakeLoader
|
|
16
16
|
};
|
|
@@ -2,7 +2,7 @@ import { jsxs as r, jsx as n } from "react/jsx-runtime";
|
|
|
2
2
|
import "../../index-Cb7Kc3pQ.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import { Icon as e } from "../../icons/icons.js";
|
|
5
|
-
import { useIsMobile as
|
|
5
|
+
import { useIsMobile as b } from "../../hooks/useIsMobile.js";
|
|
6
6
|
import '../../assets/index13.css';const u = "_containerNavbar_1q6yo_1", v = "_navbar_1q6yo_12", x = "_backButton_1q6yo_22", g = "_progressContainer_1q6yo_30", o = {
|
|
7
7
|
containerNavbar: u,
|
|
8
8
|
navbar: v,
|
|
@@ -18,12 +18,12 @@ import '../../assets/index13.css';const u = "_containerNavbar_1q6yo_1", v = "_na
|
|
|
18
18
|
logo: h = !0,
|
|
19
19
|
...p
|
|
20
20
|
}) => {
|
|
21
|
-
const
|
|
21
|
+
const m = () => {
|
|
22
22
|
if (i) {
|
|
23
23
|
i();
|
|
24
24
|
return;
|
|
25
25
|
}
|
|
26
|
-
}, t =
|
|
26
|
+
}, t = b("(max-width: 906px)");
|
|
27
27
|
return /* @__PURE__ */ r(
|
|
28
28
|
"nav",
|
|
29
29
|
{
|
|
@@ -33,7 +33,7 @@ import '../../assets/index13.css';const u = "_containerNavbar_1q6yo_1", v = "_na
|
|
|
33
33
|
children: [
|
|
34
34
|
/* @__PURE__ */ r("div", { className: o.navbar, children: [
|
|
35
35
|
!s && t && /* @__PURE__ */ n("span", { onClick: i, className: o.backButton, children: /* @__PURE__ */ n(e, { name: "ArrowLeft", width: 27, height: 27 }) }),
|
|
36
|
-
s && t && /* @__PURE__ */ n("span", { onClick:
|
|
36
|
+
s && t && /* @__PURE__ */ n("span", { onClick: m, className: o.backButton, children: /* @__PURE__ */ n(e, { name: "Close", width: 33, height: 33 }) }),
|
|
37
37
|
/* @__PURE__ */ n("div", { children: c ? /* @__PURE__ */ n(
|
|
38
38
|
"p",
|
|
39
39
|
{
|
|
@@ -65,7 +65,7 @@ import '../../assets/index13.css';const u = "_containerNavbar_1q6yo_1", v = "_na
|
|
|
65
65
|
{
|
|
66
66
|
style: {
|
|
67
67
|
height: "5px",
|
|
68
|
-
backgroundColor: "#
|
|
68
|
+
backgroundColor: "#c9f3f7",
|
|
69
69
|
width: `${a}%`,
|
|
70
70
|
transition: "width 0.3s ease-in-out",
|
|
71
71
|
borderRadius: "9px 0 0 9px"
|
|
@@ -77,7 +77,7 @@ import '../../assets/index13.css';const u = "_containerNavbar_1q6yo_1", v = "_na
|
|
|
77
77
|
{
|
|
78
78
|
style: {
|
|
79
79
|
height: "5px",
|
|
80
|
-
backgroundColor: "#
|
|
80
|
+
backgroundColor: "#45c2d6",
|
|
81
81
|
width: `${100 - a}%`,
|
|
82
82
|
transition: "width 0.3s ease-in-out",
|
|
83
83
|
borderRadius: "0 9px 9px 0"
|
package/package.json
CHANGED