bmi-next 1.0.75 → 1.0.77
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/index.css +1 -1
- package/dist/components/toast/index.js +96 -96
- package/dist/icons/icons.d.ts +2 -1
- package/dist/icons/icons.js +19 -9
- package/package.json +1 -1
package/dist/assets/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._toast_8xitm_1{position:fixed;min-width:320px;max-width:420px;border-radius:12px;align-items:center;z-index:9000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:4px solid;overflow:visible;cursor:default;display:flex;flex-direction:column;gap:.75em}._topRow_8xitm_18{display:flex;align-items:center;gap:.75rem;width:100%}._bottomRow_8xitm_25{display:flex;justify-content:center;width:100%}._position_top_right_8xitm_32{top:1rem;right:1rem}._position_top_left_8xitm_37{top:1rem;left:1rem}._position_bottom_right_8xitm_42{bottom:1rem;right:1rem}._position_bottom_left_8xitm_47{bottom:1rem;left:1rem}._position_top_center_8xitm_52{top:1rem;left:50%;transform:translate(-50%)}._position_bottom_center_8xitm_58{bottom:1rem;left:50%;transform:translate(-50%)}._type_success_8xitm_64{border-left-color:#84cc16;background:linear-gradient(135deg,#84cc1608,#fffffff7)}._type_error_8xitm_73{border-left-color:#ef4444;background:linear-gradient(135deg,#ef444408,#fffffff7)}._type_warning_8xitm_82{border-left-color:#f97316;background:linear-gradient(135deg,#f9731608,#fffffff7)}._type_info_8xitm_91{border-left-color:#3376bb;background:linear-gradient(135deg,#3376bb08,#fffffff7)}._iconContainer_8xitm_101{flex-shrink:0;width:24px;margin-left:5px;height:24px;display:flex;align-items:center;justify-content:center;margin-top:.125rem}._content_8xitm_113{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;min-width:0;gap:2px;overflow:visible;word-break:break-word}._title_8xitm_125{font-weight:600;font-size:.9rem;color:#171717;line-height:1.3}._small2Bold_8xitm_133{font-size:12px;font-weight:600;line-height:1.3}._small5Regular_8xitm_139{font-size:11px;font-weight:400;line-height:1.4}._bodyBold_8xitm_145{font-size:14px;font-weight:600;line-height:1.3}._small2Medium_8xitm_151{font-size:12px;font-weight:500;line-height:1.4}._title6Bold_8xitm_157{font-size:16px;font-weight:600;line-height:1.3}._bodyMedium_8xitm_163{font-size:14px;font-weight:500;line-height:1.4}._actionButton_8xitm_170{flex-shrink:0;margin-right:.5rem;background:transparent!important}._toast_8xitm_1 ._actionButton_8xitm_170{border:1px solid #2054a5!important;color:#2054a5!important;background-color:transparent!important}._type_brand_8xitm_183 ._actionButton_8xitm_170,._type_info_8xitm_91 ._actionButton_8xitm_170{border:1px solid #2054a5!important;color:#2054a5!important}._type_new_8xitm_193 ._actionButton_8xitm_170{border:1px solid #0f93a8!important;color:#0f93a8!important}._type_pending_8xitm_198 ._actionButton_8xitm_170{border:1px solid #ca8a04!important;color:#ca8a04!important}._type_positive_8xitm_203 ._actionButton_8xitm_170{border:1px solid #65a30d!important;color:#65a30d!important}._type_warning_8xitm_82 ._actionButton_8xitm_170{border:1px solid #ea580c!important;color:#ea580c!important}._type_negative_8xitm_213 ._actionButton_8xitm_170{border:1px solid #dc2626!important;color:#dc2626!important}._toast_8xitm_1 ._actionButton_8xitm_170:hover:not(:disabled){border-width:1px!important;background-color:transparent!important}._closeButton_8xitm_225{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0 0 0 7px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-right:.5rem}._closeButton_8xitm_225:active{transform:scale(.95)}._progressBar_8xitm_244{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.6;animation:_progressBarShrink_8xitm_1 linear;transform-origin:left}._type_success_8xitm_64 ._progressBar_8xitm_244{background:#84cc16}._type_error_8xitm_73 ._progressBar_8xitm_244{background:#ef4444}._type_warning_8xitm_82 ._progressBar_8xitm_244{background:#f97316}._type_info_8xitm_91 ._progressBar_8xitm_244{background:#3376bb}._entering_8xitm_272{animation:_toastSlideIn_8xitm_1 .4s cubic-bezier(.16,1,.3,1)}._exiting_8xitm_276{animation:_toastSlideOut_8xitm_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_top_center_8xitm_52._exiting_8xitm_276,._position_bottom_center_8xitm_58._exiting_8xitm_276{animation:_toastFadeOutCentered_8xitm_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_top_right_8xitm_32._entering_8xitm_272,._position_bottom_right_8xitm_42._entering_8xitm_272{animation:_slideInFromRight_8xitm_1 .4s cubic-bezier(.16,1,.3,1)}._position_top_left_8xitm_37._entering_8xitm_272,._position_bottom_left_8xitm_47._entering_8xitm_272{animation:_slideInFromLeft_8xitm_1 .4s cubic-bezier(.16,1,.3,1)}._position_top_center_8xitm_52._entering_8xitm_272{animation:_slideInFromTop_8xitm_1 .4s cubic-bezier(.16,1,.3,1)}._position_bottom_center_8xitm_58._entering_8xitm_272{animation:_slideInFromBottom_8xitm_1 .4s cubic-bezier(.16,1,.3,1)}@keyframes _slideInFromRight_8xitm_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideInFromLeft_8xitm_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideInFromTop_8xitm_1{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes _slideInFromBottom_8xitm_1{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes _toastSlideOut_8xitm_1{0%{filter:blur(0px);opacity:1;transform:scale(1)}to{filter:blur(4px);opacity:0;transform:scale(.9)}}@keyframes _toastFadeOutCentered_8xitm_1{0%{filter:blur(0px);opacity:1;transform:translate(-50%) scale(1)}to{filter:blur(4px);opacity:0;transform:translate(-50%) scale(.9)}}@keyframes _progressBarShrink_8xitm_1{0%{transform:scaleX(1)}to{transform:scaleX(0)}}._toast_8xitm_1:hover{transition:all .2s cubic-bezier(.4,0,.2,1)}._toast_8xitm_1:hover ._progressBar_8xitm_244{animation-play-state:paused}@media (max-width: 480px){._toast_8xitm_1{min-width:280px;max-width:calc(100vw - 2rem);margin:0 1rem}._position_top_center_8xitm_52,._position_bottom_center_8xitm_58{left:1rem;right:1rem;transform:none;max-width:calc(100vw - 2rem)}}@media (prefers-reduced-motion: reduce){._toast_8xitm_1,._progressBar_8xitm_244{animation:none!important}._toast_8xitm_1:hover{transition:none}}._content_8xitm_113:only-child,._content_8xitm_113:not(:has(._body_8xitm_145)){justify-content:center}
|
|
@@ -3,7 +3,7 @@ import { useState as R, useEffect as T } from "react";
|
|
|
3
3
|
import { r as D } from "../../index-CfzengA1.js";
|
|
4
4
|
import { Icon as k } from "../../icons/icons.js";
|
|
5
5
|
import { Button as O } from "../Button/index.js";
|
|
6
|
-
import '../../assets/index.css';const L = "
|
|
6
|
+
import '../../assets/index.css';const L = "_toast_8xitm_1", S = "_topRow_8xitm_18", j = "_bottomRow_8xitm_25", P = "_position_top_right_8xitm_32", $ = "_position_top_left_8xitm_37", H = "_position_bottom_right_8xitm_42", q = "_position_bottom_left_8xitm_47", G = "_position_top_center_8xitm_52", J = "_position_bottom_center_8xitm_58", K = "_type_success_8xitm_64", Q = "_type_error_8xitm_73", U = "_type_warning_8xitm_82", W = "_type_info_8xitm_91", X = "_iconContainer_8xitm_101", Y = "_content_8xitm_113", Z = "_title_8xitm_125", V = "_small2Bold_8xitm_133", z = "_small5Regular_8xitm_139", tt = "_bodyBold_8xitm_145", ot = "_small2Medium_8xitm_151", et = "_title6Bold_8xitm_157", rt = "_bodyMedium_8xitm_163", nt = "_actionButton_8xitm_170", it = "_type_brand_8xitm_183", st = "_type_new_8xitm_193", at = "_type_pending_8xitm_198", _t = "_type_positive_8xitm_203", dt = "_type_negative_8xitm_213", lt = "_closeButton_8xitm_225", ct = "_progressBar_8xitm_244", mt = "_progressBarShrink_8xitm_1", pt = "_entering_8xitm_272", gt = "_toastSlideIn_8xitm_1", ut = "_exiting_8xitm_276", bt = "_toastSlideOut_8xitm_1", xt = "_toastFadeOutCentered_8xitm_1", Bt = "_slideInFromRight_8xitm_1", yt = "_slideInFromLeft_8xitm_1", Ft = "_slideInFromTop_8xitm_1", vt = "_slideInFromBottom_8xitm_1", ft = "_body_8xitm_145", o = {
|
|
7
7
|
toast: L,
|
|
8
8
|
topRow: S,
|
|
9
9
|
bottomRow: j,
|
|
@@ -22,188 +22,188 @@ import '../../assets/index.css';const L = "_toast_1lsoi_1", S = "_topRow_1lsoi_1
|
|
|
22
22
|
title: Z,
|
|
23
23
|
small2Bold: V,
|
|
24
24
|
small5Regular: z,
|
|
25
|
-
bodyBold:
|
|
26
|
-
small2Medium:
|
|
27
|
-
title6Bold:
|
|
28
|
-
bodyMedium:
|
|
29
|
-
actionButton:
|
|
30
|
-
type_brand:
|
|
31
|
-
type_new:
|
|
32
|
-
type_pending:
|
|
33
|
-
type_positive:
|
|
34
|
-
type_negative:
|
|
35
|
-
closeButton:
|
|
36
|
-
progressBar:
|
|
37
|
-
progressBarShrink:
|
|
38
|
-
entering:
|
|
39
|
-
toastSlideIn:
|
|
40
|
-
exiting:
|
|
41
|
-
toastSlideOut:
|
|
42
|
-
toastFadeOutCentered:
|
|
43
|
-
slideInFromRight:
|
|
44
|
-
slideInFromLeft:
|
|
45
|
-
slideInFromTop:
|
|
46
|
-
slideInFromBottom:
|
|
47
|
-
body:
|
|
48
|
-
},
|
|
49
|
-
type:
|
|
50
|
-
title:
|
|
51
|
-
body:
|
|
52
|
-
duration:
|
|
25
|
+
bodyBold: tt,
|
|
26
|
+
small2Medium: ot,
|
|
27
|
+
title6Bold: et,
|
|
28
|
+
bodyMedium: rt,
|
|
29
|
+
actionButton: nt,
|
|
30
|
+
type_brand: it,
|
|
31
|
+
type_new: st,
|
|
32
|
+
type_pending: at,
|
|
33
|
+
type_positive: _t,
|
|
34
|
+
type_negative: dt,
|
|
35
|
+
closeButton: lt,
|
|
36
|
+
progressBar: ct,
|
|
37
|
+
progressBarShrink: mt,
|
|
38
|
+
entering: pt,
|
|
39
|
+
toastSlideIn: gt,
|
|
40
|
+
exiting: ut,
|
|
41
|
+
toastSlideOut: bt,
|
|
42
|
+
toastFadeOutCentered: xt,
|
|
43
|
+
slideInFromRight: Bt,
|
|
44
|
+
slideInFromLeft: yt,
|
|
45
|
+
slideInFromTop: Ft,
|
|
46
|
+
slideInFromBottom: vt,
|
|
47
|
+
body: ft
|
|
48
|
+
}, Et = ({
|
|
49
|
+
type: s = "info",
|
|
50
|
+
title: x,
|
|
51
|
+
body: B,
|
|
52
|
+
duration: a = 5e3,
|
|
53
53
|
icon: w,
|
|
54
|
-
size:
|
|
54
|
+
size: r = "small",
|
|
55
55
|
position: I = "top-right",
|
|
56
56
|
isVisible: c = !0,
|
|
57
|
-
onClose:
|
|
58
|
-
autoClose:
|
|
57
|
+
onClose: m,
|
|
58
|
+
autoClose: p = !0,
|
|
59
59
|
className: E,
|
|
60
60
|
action: g
|
|
61
61
|
}) => {
|
|
62
|
-
const [u,
|
|
62
|
+
const [u, y] = R(c), [F, A] = R(!1);
|
|
63
63
|
T(() => {
|
|
64
|
-
|
|
64
|
+
y(c);
|
|
65
65
|
}, [c]), T(() => {
|
|
66
|
-
if (
|
|
67
|
-
const
|
|
68
|
-
|
|
69
|
-
},
|
|
70
|
-
return () => clearTimeout(
|
|
66
|
+
if (p && u && a > 0) {
|
|
67
|
+
const _ = setTimeout(() => {
|
|
68
|
+
v();
|
|
69
|
+
}, a);
|
|
70
|
+
return () => clearTimeout(_);
|
|
71
71
|
}
|
|
72
|
-
}, [u,
|
|
73
|
-
const
|
|
72
|
+
}, [u, a, p]);
|
|
73
|
+
const v = () => {
|
|
74
74
|
A(!0), setTimeout(() => {
|
|
75
|
-
|
|
75
|
+
y(!1), m == null || m();
|
|
76
76
|
}, 300);
|
|
77
|
-
},
|
|
77
|
+
}, n = {
|
|
78
78
|
small: "10px 4px 10px 8px",
|
|
79
79
|
medium: "14px 10px",
|
|
80
80
|
large: "14px 7px 14px 14px"
|
|
81
|
-
},
|
|
81
|
+
}, i = {
|
|
82
82
|
small: "18px",
|
|
83
83
|
medium: "20px",
|
|
84
84
|
large: "24px"
|
|
85
|
-
},
|
|
85
|
+
}, f = {
|
|
86
86
|
small: { title: "small2Bold", body: "small5Regular" },
|
|
87
87
|
medium: { title: "bodyBold", body: "small2Medium" },
|
|
88
88
|
large: { title: "title6Bold", body: "bodyMedium" }
|
|
89
|
-
},
|
|
90
|
-
switch (
|
|
89
|
+
}, d = (_, t) => {
|
|
90
|
+
switch (_) {
|
|
91
91
|
case "brand":
|
|
92
92
|
return {
|
|
93
93
|
borderColor: "var(--Badge-Toasts-Stroke, #2054A5)",
|
|
94
94
|
background: "var(--Badge-Toasts-Fill, #FFF)",
|
|
95
|
-
padding:
|
|
96
|
-
borderRadius:
|
|
95
|
+
padding: n[t],
|
|
96
|
+
borderRadius: i[t]
|
|
97
97
|
};
|
|
98
98
|
case "info":
|
|
99
99
|
return {
|
|
100
100
|
borderColor: "var(--Badge-Toasts-Stroke, #2054A5)",
|
|
101
101
|
background: "var(--Badge-Toasts-Fill, #E0E9F8)",
|
|
102
|
-
padding:
|
|
103
|
-
borderRadius:
|
|
102
|
+
padding: n[t],
|
|
103
|
+
borderRadius: i[t]
|
|
104
104
|
};
|
|
105
105
|
case "new":
|
|
106
106
|
return {
|
|
107
107
|
borderColor: "var(--Badge-Toasts-Stroke, #0F93A8)",
|
|
108
108
|
background: "var(--Badge-Toasts-Fill, #D6F4F8)",
|
|
109
|
-
padding:
|
|
110
|
-
borderRadius:
|
|
109
|
+
padding: n[t],
|
|
110
|
+
borderRadius: i[t]
|
|
111
111
|
};
|
|
112
112
|
case "pending":
|
|
113
113
|
return {
|
|
114
114
|
borderColor: "var(--Badge-Toasts-Stroke, #CA8A04)",
|
|
115
115
|
background: "var(--Badge-Toasts-Fill, #FEF9C3)",
|
|
116
|
-
padding:
|
|
117
|
-
borderRadius:
|
|
116
|
+
padding: n[t],
|
|
117
|
+
borderRadius: i[t]
|
|
118
118
|
};
|
|
119
119
|
case "positive":
|
|
120
120
|
return {
|
|
121
121
|
borderColor: "var(--Badge-Toasts-Stroke, #65A30D)",
|
|
122
122
|
background: "var(--Badge-Toasts-Fill, #ECFCCB)",
|
|
123
|
-
padding:
|
|
124
|
-
borderRadius:
|
|
123
|
+
padding: n[t],
|
|
124
|
+
borderRadius: i[t]
|
|
125
125
|
};
|
|
126
126
|
case "warning":
|
|
127
127
|
return {
|
|
128
128
|
borderColor: "var(--Badge-Toasts-Stroke, #EA580C)",
|
|
129
129
|
background: "var(--Badge-Toasts-Fill, #FFEDD5)",
|
|
130
|
-
padding:
|
|
131
|
-
borderRadius:
|
|
130
|
+
padding: n[t],
|
|
131
|
+
borderRadius: i[t]
|
|
132
132
|
};
|
|
133
133
|
case "negative":
|
|
134
134
|
return {
|
|
135
135
|
borderColor: "var(--Badge-Toasts-Stroke, #DC2626)",
|
|
136
136
|
background: "var(--Badge-Toasts-Fill, #FEE2E2)",
|
|
137
|
-
padding:
|
|
138
|
-
borderRadius:
|
|
137
|
+
padding: n[t],
|
|
138
|
+
borderRadius: i[t]
|
|
139
139
|
};
|
|
140
140
|
default:
|
|
141
141
|
return {
|
|
142
142
|
borderColor: "var(--Badge-Toasts-Stroke, #2054A5)",
|
|
143
143
|
background: "var(--Badge-Toasts-Fill, #E0E9F8)",
|
|
144
|
-
padding:
|
|
145
|
-
borderRadius:
|
|
144
|
+
padding: n[t],
|
|
145
|
+
borderRadius: i[t]
|
|
146
146
|
};
|
|
147
147
|
}
|
|
148
|
-
},
|
|
149
|
-
const
|
|
150
|
-
return
|
|
148
|
+
}, h = (_, t) => {
|
|
149
|
+
const C = d(_, t).borderColor.match(/#([0-9A-Fa-f]{6})/);
|
|
150
|
+
return C ? C[0] : null;
|
|
151
151
|
};
|
|
152
152
|
if (!u) return null;
|
|
153
153
|
const N = [
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
154
|
+
o.toast,
|
|
155
|
+
o[`type_${s}`],
|
|
156
|
+
o[`position_${I.replace("-", "_")}`],
|
|
157
|
+
F ? o.exiting : o.entering,
|
|
158
158
|
E
|
|
159
|
-
].filter(Boolean).join(" "),
|
|
159
|
+
].filter(Boolean).join(" "), l = d(s, r), M = /* @__PURE__ */ b(
|
|
160
160
|
"div",
|
|
161
161
|
{
|
|
162
162
|
className: N,
|
|
163
163
|
style: {
|
|
164
|
-
border: "1px solid " +
|
|
165
|
-
background:
|
|
166
|
-
padding:
|
|
167
|
-
borderRadius:
|
|
164
|
+
border: "1px solid " + l.borderColor,
|
|
165
|
+
background: l.background,
|
|
166
|
+
padding: l.padding,
|
|
167
|
+
borderRadius: l.borderRadius
|
|
168
168
|
},
|
|
169
169
|
role: "alert",
|
|
170
170
|
"aria-live": "polite",
|
|
171
171
|
children: [
|
|
172
|
-
/* @__PURE__ */ b("div", { className:
|
|
173
|
-
/* @__PURE__ */ e("div", { className:
|
|
172
|
+
/* @__PURE__ */ b("div", { className: o.topRow, children: [
|
|
173
|
+
/* @__PURE__ */ e("div", { className: o.iconContainer, children: /* @__PURE__ */ e(
|
|
174
174
|
k,
|
|
175
175
|
{
|
|
176
176
|
name: w || "ToastInfo",
|
|
177
|
-
fill:
|
|
177
|
+
fill: h(s, r) || "#2054A5",
|
|
178
178
|
width: 25,
|
|
179
179
|
height: 25
|
|
180
180
|
}
|
|
181
181
|
) }),
|
|
182
|
-
/* @__PURE__ */ b("div", { className:
|
|
183
|
-
|
|
184
|
-
|
|
182
|
+
/* @__PURE__ */ b("div", { className: o.content, children: [
|
|
183
|
+
x && /* @__PURE__ */ e("div", { className: o[f[r].title], children: x }),
|
|
184
|
+
B && /* @__PURE__ */ e(
|
|
185
185
|
"div",
|
|
186
186
|
{
|
|
187
|
-
className:
|
|
188
|
-
style: { color:
|
|
189
|
-
children:
|
|
187
|
+
className: o[f[r].body],
|
|
188
|
+
style: { color: d(s, r).borderColor },
|
|
189
|
+
children: B
|
|
190
190
|
}
|
|
191
191
|
)
|
|
192
192
|
] }),
|
|
193
193
|
/* @__PURE__ */ e(
|
|
194
194
|
"button",
|
|
195
195
|
{
|
|
196
|
-
className:
|
|
196
|
+
className: o.closeButton,
|
|
197
197
|
style: {
|
|
198
|
-
borderLeft: "1px solid " +
|
|
198
|
+
borderLeft: "1px solid " + d(s, r).borderColor
|
|
199
199
|
},
|
|
200
|
-
onClick:
|
|
200
|
+
onClick: v,
|
|
201
201
|
"aria-label": "Cerrar notificación",
|
|
202
202
|
children: /* @__PURE__ */ e(
|
|
203
203
|
k,
|
|
204
204
|
{
|
|
205
205
|
name: "ToastCancel",
|
|
206
|
-
fill:
|
|
206
|
+
fill: h(s, r) || "#2054A5",
|
|
207
207
|
width: 20,
|
|
208
208
|
height: 20
|
|
209
209
|
}
|
|
@@ -211,23 +211,23 @@ import '../../assets/index.css';const L = "_toast_1lsoi_1", S = "_topRow_1lsoi_1
|
|
|
211
211
|
}
|
|
212
212
|
)
|
|
213
213
|
] }),
|
|
214
|
-
g && /* @__PURE__ */ e("div", { className:
|
|
214
|
+
g && /* @__PURE__ */ e("div", { className: o.bottomRow, children: /* @__PURE__ */ e(
|
|
215
215
|
O,
|
|
216
216
|
{
|
|
217
217
|
onClick: g.function,
|
|
218
218
|
variant: "outline",
|
|
219
|
-
size:
|
|
220
|
-
className:
|
|
219
|
+
size: r,
|
|
220
|
+
className: o.actionButton,
|
|
221
221
|
children: g.label
|
|
222
222
|
}
|
|
223
223
|
) }),
|
|
224
|
-
|
|
224
|
+
p && a > 0 && /* @__PURE__ */ e(
|
|
225
225
|
"div",
|
|
226
226
|
{
|
|
227
|
-
className:
|
|
227
|
+
className: o.progressBar,
|
|
228
228
|
style: {
|
|
229
|
-
animationDuration: `${
|
|
230
|
-
animationPlayState:
|
|
229
|
+
animationDuration: `${a}ms`,
|
|
230
|
+
animationPlayState: F ? "paused" : "running"
|
|
231
231
|
}
|
|
232
232
|
}
|
|
233
233
|
)
|
|
@@ -237,5 +237,5 @@ import '../../assets/index.css';const L = "_toast_1lsoi_1", S = "_topRow_1lsoi_1
|
|
|
237
237
|
return D.createPortal(M, document.body);
|
|
238
238
|
};
|
|
239
239
|
export {
|
|
240
|
-
|
|
240
|
+
Et as Toast
|
|
241
241
|
};
|
package/dist/icons/icons.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type IconName = "Exclamation" | "Email" | "Password" | "ShowEye" | "HideEye" | "ArrowDown" | "Search" | "Masculino" | "Femenino" | "Height" | "Weight" | "Smoke" | "SmokeOff" | "Upload" | "Telefono" | "EmailFill" | "Whatsapp" | "Close" | "Lock" | "Envelope" | "CollapseMenu" | "ExpandMenu" | "Notification" | "Users" | "Pagos" | "Impagos" | "Configuracion" | "LockPassword" | "Logout" | "AddCard" | "Add" | "Help" | "Unsubscribe" | "CheckCircle" | "Disable" | "Edit" | "Delete" | "Save" | "Eye" | "Mail" | "Resend" | "Reset" | "SwapVertical" | "Clip" | "Send" | "Trash" | "ReInit" | "CircleDolar" | "Sort" | "Pencil" | "Check" | "LogoBMI+" | "ArrowLeft" | "ArrowRight" | "AddDocument" | "Family" | "User" | "Carnet" | "Savings" | "History" | "Docs" | "Filters" | "DownloadDoc" | "Biometric" | "Aetna" | "BMI" | "CircleDenied" | "ArrowForwardBtn" | "Share" | "Gallery" | "Camera" | "Sthetoscope" | "Shield" | "LogoBMIHorizontal" | "LogoBMIVertical" | "Profesional" | "BusquedaCiudad" | "Medico" | "Laboratorio" | "CercaDeMi" | "CuadroMedico" | "Celular" | "Headset" | "Internet" | "Calendar" | "Table" | "Autorizaciones" | "Warning" | "Person" | "StepInProgress" | "StepPending" | "StepDone" | "StepBlocked" | "IconoVida" | "IconoSalud" | "Planet" | "KeyboardArrowDown" | "USD" | "GT" | "EUR" | "DO" | "CR" | "CO" | "ToastInfo" | "ToastCancel";
|
|
1
|
+
export type IconName = "Exclamation" | "Email" | "Password" | "ShowEye" | "HideEye" | "ArrowDown" | "Search" | "Masculino" | "Femenino" | "Height" | "Weight" | "Smoke" | "SmokeOff" | "Upload" | "Telefono" | "EmailFill" | "Whatsapp" | "Close" | "Lock" | "Envelope" | "CollapseMenu" | "ExpandMenu" | "Notification" | "Users" | "Pagos" | "Impagos" | "Configuracion" | "LockPassword" | "Logout" | "AddCard" | "Add" | "Help" | "Unsubscribe" | "CheckCircle" | "Disable" | "Edit" | "Delete" | "Save" | "Eye" | "Mail" | "Resend" | "Reset" | "SwapVertical" | "Clip" | "Send" | "Trash" | "ReInit" | "CircleDolar" | "Sort" | "Pencil" | "Check" | "LogoBMI+" | "ArrowLeft" | "ArrowRight" | "AddDocument" | "Family" | "User" | "Carnet" | "Savings" | "History" | "Docs" | "Filters" | "DownloadDoc" | "Biometric" | "Aetna" | "BMI" | "CircleDenied" | "ArrowForwardBtn" | "Share" | "Gallery" | "Camera" | "Sthetoscope" | "Shield" | "LogoBMIHorizontal" | "LogoBMIVertical" | "Profesional" | "BusquedaCiudad" | "Medico" | "Laboratorio" | "CercaDeMi" | "CuadroMedico" | "Celular" | "Headset" | "Internet" | "Calendar" | "Table" | "Autorizaciones" | "Warning" | "Person" | "StepInProgress" | "StepPending" | "StepDone" | "StepBlocked" | "IconoVida" | "IconoSalud" | "Planet" | "KeyboardArrowDown" | "USD" | "GT" | "EUR" | "DO" | "CR" | "CO" | "Certificado" | "ToastInfo" | "ToastCancel";
|
|
2
2
|
interface IconProps {
|
|
3
3
|
width?: number;
|
|
4
4
|
height?: number;
|
|
@@ -111,6 +111,7 @@ export declare const CR: React.FC<IconProps>;
|
|
|
111
111
|
export declare const CO: React.FC<IconProps>;
|
|
112
112
|
export declare const Planet: React.FC<IconProps>;
|
|
113
113
|
export declare const KeyboardArrowDown: React.FC<IconProps>;
|
|
114
|
+
export declare const Certificado: React.FC<IconProps>;
|
|
114
115
|
export declare const ToastInfo: React.FC<IconProps>;
|
|
115
116
|
export declare const ToastCancel: React.FC<IconProps>;
|
|
116
117
|
export {};
|
package/dist/icons/icons.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as C, jsxs as M } from "react/jsx-runtime";
|
|
2
|
-
const
|
|
2
|
+
const M4 = ({
|
|
3
3
|
name: l,
|
|
4
4
|
width: a,
|
|
5
5
|
height: L,
|
|
@@ -210,10 +210,12 @@ const l4 = ({
|
|
|
210
210
|
return /* @__PURE__ */ C(Q1, { width: a, height: L });
|
|
211
211
|
case "CO":
|
|
212
212
|
return /* @__PURE__ */ C(X1, { width: a, height: L });
|
|
213
|
+
case "Certificado":
|
|
214
|
+
return /* @__PURE__ */ C(C4, { width: a, height: L });
|
|
213
215
|
case "ToastInfo":
|
|
214
|
-
return /* @__PURE__ */ C(C4, { width: a, height: L, fill: t });
|
|
215
|
-
case "ToastCancel":
|
|
216
216
|
return /* @__PURE__ */ C(L4, { width: a, height: L, fill: t });
|
|
217
|
+
case "ToastCancel":
|
|
218
|
+
return /* @__PURE__ */ C(a4, { width: a, height: L, fill: t });
|
|
217
219
|
default:
|
|
218
220
|
return null;
|
|
219
221
|
}
|
|
@@ -1560,7 +1562,7 @@ const l4 = ({
|
|
|
1560
1562
|
) })
|
|
1561
1563
|
]
|
|
1562
1564
|
}
|
|
1563
|
-
),
|
|
1565
|
+
), t4 = ({
|
|
1564
1566
|
width: l = 20,
|
|
1565
1567
|
height: a = 20,
|
|
1566
1568
|
fill: L = "#749CFF"
|
|
@@ -7711,6 +7713,13 @@ const l4 = ({
|
|
|
7711
7713
|
)
|
|
7712
7714
|
}
|
|
7713
7715
|
), C4 = ({
|
|
7716
|
+
width: l = 36,
|
|
7717
|
+
height: a = 36,
|
|
7718
|
+
fill: L = "#2054A5"
|
|
7719
|
+
}) => /* @__PURE__ */ M("svg", { width: l, height: a, viewBox: "0 0 36 36", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
7720
|
+
/* @__PURE__ */ C("mask", { id: "mask0_6650_147644", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "36", height: "36", children: /* @__PURE__ */ C("rect", { width: "36", height: "36", fill: "#D9D9D9" }) }),
|
|
7721
|
+
/* @__PURE__ */ C("g", { mask: "url(#mask0_6650_147644)", children: /* @__PURE__ */ C("path", { d: "M18.0003 17.8995L15.2204 20.0134C15.0731 20.1169 14.9285 20.1199 14.7865 20.0224C14.6445 19.9252 14.5995 19.7957 14.6515 19.6339L15.7105 16.1993L12.8646 13.986C12.7196 13.8865 12.6789 13.758 12.7424 13.6005C12.8056 13.443 12.92 13.3643 13.0855 13.3643H16.5404L17.6613 9.8408C17.7193 9.6753 17.8323 9.59255 18.0003 9.59255C18.1683 9.59255 18.2813 9.6753 18.3393 9.8408L19.435 13.3643H22.9113C23.073 13.3643 23.1871 13.443 23.2536 13.6005C23.3202 13.758 23.2809 13.8865 23.1359 13.986L20.2863 16.1993L21.3115 19.6339C21.3635 19.7957 21.3242 19.9252 21.1934 20.0224C21.0629 20.1199 20.924 20.1169 20.7768 20.0134L18.0003 17.8995ZM18.0003 31.7344L10.8704 34.1115C10.4126 34.271 9.98477 34.2037 9.58677 33.9094C9.18877 33.6154 8.98977 33.2302 8.98977 32.7537V23.2377C7.88327 22.0764 7.06652 20.7818 6.53952 19.3538C6.01252 17.9255 5.74902 16.4583 5.74902 14.952C5.74902 11.503 6.92865 8.59892 9.2879 6.23967C11.6471 3.88067 14.5513 2.70117 18.0003 2.70117C21.4493 2.70117 24.3544 3.88067 26.7156 6.23967C29.0769 8.59892 30.2575 11.503 30.2575 14.952C30.2575 16.4583 29.993 17.9255 29.464 19.3538C28.935 20.7818 28.1173 22.0764 27.0108 23.2377V32.7537C27.0108 33.2302 26.8118 33.6154 26.4138 33.9094C26.0158 34.2037 25.5899 34.271 25.1361 34.1115L18.0003 31.7344ZM24.6734 21.6285C26.4981 19.8058 27.4105 17.5813 27.4105 14.955C27.4105 12.329 26.4981 10.1037 24.6734 8.27892C22.8486 6.45417 20.6243 5.5418 18.0003 5.5418C15.3763 5.5418 13.1519 6.45417 11.3271 8.27892C9.5024 10.1037 8.59002 12.329 8.59002 14.955C8.59002 17.5813 9.5024 19.8058 11.3271 21.6285C13.1519 23.4513 15.3763 24.3627 18.0003 24.3627C20.6243 24.3627 22.8486 23.4513 24.6734 21.6285ZM11.6001 31.032L18.0003 29.0937L24.4004 31.032V25.3178C23.4359 25.9618 22.4031 26.438 21.3021 26.7465C20.2009 27.055 19.1003 27.2093 18.0003 27.2093C16.9003 27.2093 15.7996 27.055 14.6984 26.7465C13.5974 26.438 12.5646 25.9618 11.6001 25.3178V31.032Z", fill: L }) })
|
|
7722
|
+
] }), L4 = ({
|
|
7714
7723
|
width: l = 20,
|
|
7715
7724
|
height: a = 20,
|
|
7716
7725
|
fill: L = "black"
|
|
@@ -7747,7 +7756,7 @@ const l4 = ({
|
|
|
7747
7756
|
/* @__PURE__ */ C("g", { mask: "url(#info_svg__a)", children: /* @__PURE__ */ C("path", { fill: L, d: "M0 0h20v20H0z" }) })
|
|
7748
7757
|
]
|
|
7749
7758
|
}
|
|
7750
|
-
),
|
|
7759
|
+
), a4 = ({
|
|
7751
7760
|
width: l = 20,
|
|
7752
7761
|
height: a = 20,
|
|
7753
7762
|
fill: L = "black"
|
|
@@ -7805,6 +7814,7 @@ export {
|
|
|
7805
7814
|
Z1 as Carnet,
|
|
7806
7815
|
B1 as Celular,
|
|
7807
7816
|
D1 as CercaDeMi,
|
|
7817
|
+
C4 as Certificado,
|
|
7808
7818
|
a1 as Check,
|
|
7809
7819
|
b as CheckCircle,
|
|
7810
7820
|
V1 as CircleDenied,
|
|
@@ -7837,7 +7847,7 @@ export {
|
|
|
7837
7847
|
S as Help,
|
|
7838
7848
|
i as HideEye,
|
|
7839
7849
|
i1 as History,
|
|
7840
|
-
|
|
7850
|
+
M4 as Icon,
|
|
7841
7851
|
R1 as IconoSalud,
|
|
7842
7852
|
G1 as IconoVida,
|
|
7843
7853
|
D as Impagos,
|
|
@@ -7878,11 +7888,11 @@ export {
|
|
|
7878
7888
|
j1 as StepInProgress,
|
|
7879
7889
|
I1 as StepPending,
|
|
7880
7890
|
w1 as Sthetoscope,
|
|
7881
|
-
|
|
7891
|
+
t4 as SwapVertical,
|
|
7882
7892
|
S1 as Table,
|
|
7883
7893
|
v as Telefono,
|
|
7884
|
-
|
|
7885
|
-
|
|
7894
|
+
a4 as ToastCancel,
|
|
7895
|
+
L4 as ToastInfo,
|
|
7886
7896
|
Q as Trash,
|
|
7887
7897
|
W1 as USD,
|
|
7888
7898
|
O as Unsubscribe,
|
package/package.json
CHANGED