bmi-next-brokers 2.9.0 → 2.9.1

package/dist/assets/StaticToast.css

@@ -1 +1 @@
-._toast_1nqnj_2{position:relative;width:100%;min-width:0;border-radius:12px;align-items:center;border-left:4px solid;overflow:hidden;cursor:default;display:flex;flex-direction:column;gap:.75em;box-sizing:border-box}._topRow_1nqnj_18{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%}._topRow_1nqnj_18._large_1nqnj_26{gap:14px}._iconAndContent_1nqnj_30{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:10px}._iconAndContent_1nqnj_30._medium_1nqnj_39{gap:6px}._iconContainer_1nqnj_44{flex-shrink:0;width:24px;margin-left:5px;height:24px;display:flex;align-items:center;justify-content:center}._content_1nqnj_55{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}._actionButton_1nqnj_68{background:transparent;border:none;border-radius:1000px;cursor:pointer;font-family:var(--font-regular);display:flex;flex-direction:row;align-items:center;gap:6px;justify-content:space-between}._closeButton_1nqnj_82{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;padding-inline:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}._closeButton_1nqnj_82:active{transform:scale(.95)}._entering_1nqnj_100{animation:_staticToastIn_1nqnj_1 .3s cubic-bezier(.16,1,.3,1) forwards}._exiting_1nqnj_104{animation:_staticToastOut_1nqnj_1 .3s cubic-bezier(.4,0,1,1) forwards}@keyframes _staticToastIn_1nqnj_1{0%{opacity:0;transform:translateY(-6px) scale(.98);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes _staticToastOut_1nqnj_1{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-6px) scale(.98);filter:blur(3px)}}@media (prefers-reduced-motion: reduce){._toast_1nqnj_2,._entering_1nqnj_100,._exiting_1nqnj_104{animation:none!important}}._content_1nqnj_55:only-child,._content_1nqnj_55:not(:has(._body_1nqnj_145)){justify-content:center}@media (max-width: 720px){._topRow_1nqnj_18{align-items:flex-start}._topRow_1nqnj_18._small_1nqnj_154{align-items:center}._iconAndContent_1nqnj_30{align-items:flex-start}._iconAndContent_1nqnj_30._small_1nqnj_154{align-items:center}._closeButton_1nqnj_82{order:2}._actionButton_1nqnj_68{order:3;width:100%;justify-content:center}._actionButton_1nqnj_68._small_1nqnj_154{margin-right:4px}._actionButton_1nqnj_68._medium_1nqnj_39{margin-right:6px}._actionButton_1nqnj_68._large_1nqnj_26{margin-right:8px}}
+._toast_fzbbb_2{position:relative;width:100%;min-width:0;border-radius:12px;align-items:center;border-left:4px solid;overflow:hidden;cursor:default;display:flex;flex-direction:column;gap:.75em;box-sizing:border-box}._topRow_fzbbb_18{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%}._topRow_fzbbb_18._large_fzbbb_26{gap:14px}._iconAndContent_fzbbb_30{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:10px}._iconAndContent_fzbbb_30._medium_fzbbb_39{gap:6px}._iconContainer_fzbbb_44{flex-shrink:0;width:24px;margin-left:5px;height:24px;display:flex;align-items:center;justify-content:center}._content_fzbbb_55{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}._actionButton_fzbbb_68{background:transparent;border:none;border-radius:1000px;cursor:pointer;font-family:var(--font-regular);display:flex;flex-direction:row;align-items:center;gap:6px;justify-content:center}._actionButton_fzbbb_68._withIcon_fzbbb_81{justify-content:space-between}._closeButton_fzbbb_86{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;padding-inline:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}._closeButton_fzbbb_86:active{transform:scale(.95)}._entering_fzbbb_104{animation:_staticToastIn_fzbbb_1 .3s cubic-bezier(.16,1,.3,1) forwards}._exiting_fzbbb_108{animation:_staticToastOut_fzbbb_1 .3s cubic-bezier(.4,0,1,1) forwards}@keyframes _staticToastIn_fzbbb_1{0%{opacity:0;transform:translateY(-6px) scale(.98);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes _staticToastOut_fzbbb_1{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-6px) scale(.98);filter:blur(3px)}}@media (prefers-reduced-motion: reduce){._toast_fzbbb_2,._entering_fzbbb_104,._exiting_fzbbb_108{animation:none!important}}._content_fzbbb_55:only-child,._content_fzbbb_55:not(:has(._body_fzbbb_149)){justify-content:center}@media (max-width: 720px){._topRow_fzbbb_18._withAction_fzbbb_154{align-items:flex-start}._topRow_fzbbb_18._small_fzbbb_158{align-items:center}._iconAndContent_fzbbb_30._withAction_fzbbb_154{align-items:flex-start}._iconAndContent_fzbbb_30._small_fzbbb_158{align-items:center}._closeButton_fzbbb_86{order:2}._actionButton_fzbbb_68{order:3;width:100%}._actionButton_fzbbb_68._small_fzbbb_158{margin-right:4px}._actionButton_fzbbb_68._medium_fzbbb_39{margin-right:6px}._actionButton_fzbbb_68._large_fzbbb_26{margin-right:8px}}

package/dist/assets/Toast.css

@@ -1 +1 @@
-._toast_14awx_1{position:fixed;min-width:320px;max-width:420px;border-radius:12px;align-items:center;z-index:9000;border-left:4px solid;overflow:hidden;cursor:default;display:flex;flex-direction:column;gap:.75em}._topRow_14awx_17{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%}._topRow_14awx_17._large_14awx_25{gap:14px}._iconAndContent_14awx_29{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:10px}._iconAndContent_14awx_29._medium_14awx_38{gap:6px}._position_top_right_14awx_43{top:1rem;right:1rem}._position_top_left_14awx_48{top:1rem;left:1rem}._position_bottom_right_14awx_53{bottom:1rem;right:1rem}._position_bottom_left_14awx_58{bottom:1rem;left:1rem}._position_top_center_14awx_63{top:1rem;left:50%;transform:translate(-50%)}._position_bottom_center_14awx_69{bottom:1rem;left:50%;transform:translate(-50%)}._iconContainer_14awx_76{flex-shrink:0;width:24px;margin-left:5px;height:24px;display:flex;align-items:center;justify-content:center}._content_14awx_87{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_14awx_99{font-weight:600;font-size:.9rem;color:#000}._actionButton_14awx_106{background:transparent;border:none;border-radius:1000px;cursor:pointer;font-family:var(--font-regular);flex-shrink:0}._closeButton_14awx_116{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;padding-inline:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}._closeButton_14awx_116:active{transform:scale(.95)}._position_top_right_14awx_43._exiting_14awx_134,._position_bottom_right_14awx_53._exiting_14awx_134{animation:_slideOutToRight_14awx_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_top_right_14awx_43._entering_14awx_140,._position_bottom_right_14awx_53._entering_14awx_140{animation:_slideInFromRight_14awx_1 .4s cubic-bezier(.16,1,.3,1) forwards}._position_top_left_14awx_48._exiting_14awx_134,._position_bottom_left_14awx_58._exiting_14awx_134{animation:_slideOutToLeft_14awx_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_top_left_14awx_48._entering_14awx_140,._position_bottom_left_14awx_58._entering_14awx_140{animation:_slideInFromLeft_14awx_1 .4s cubic-bezier(.16,1,.3,1) forwards}._position_top_center_14awx_63._exiting_14awx_134{animation:_slideOutToTop_14awx_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_top_center_14awx_63._entering_14awx_140{animation:_slideInFromTop_14awx_1 .4s cubic-bezier(.16,1,.3,1) forwards}._position_bottom_center_14awx_69._exiting_14awx_134{animation:_slideOutToBottom_14awx_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_bottom_center_14awx_69._entering_14awx_140{animation:_slideInFromBottom_14awx_1 .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes _slideInFromRight_14awx_1{0%{transform:translate(100%);opacity:0;filter:blur(4px)}to{transform:translate(0);opacity:1;filter:blur(0)}}@keyframes _slideInFromLeft_14awx_1{0%{transform:translate(-100%);opacity:0;filter:blur(4px)}to{transform:translate(0);opacity:1;filter:blur(0)}}@keyframes _slideInFromTop_14awx_1{0%{transform:translate(-50%) translateY(-100%);opacity:0;filter:blur(4px)}to{transform:translate(-50%) translateY(0);opacity:1;filter:blur(0)}}@keyframes _slideInFromBottom_14awx_1{0%{transform:translate(-50%) translateY(100%);opacity:0;filter:blur(4px)}to{transform:translate(-50%) translateY(0);opacity:1;filter:blur(0)}}@keyframes _slideOutToRight_14awx_1{0%{transform:translate(0);opacity:1;filter:blur(0px)}to{transform:translate(120%);opacity:0;filter:blur(4px)}}@keyframes _slideOutToLeft_14awx_1{0%{transform:translate(0);opacity:1;filter:blur(0px)}to{transform:translate(-120%);opacity:0;filter:blur(4px)}}@keyframes _slideOutToTop_14awx_1{0%{transform:translate(-50%) translateY(0);opacity:1;filter:blur(0px)}to{transform:translate(-50%) translateY(-120%);opacity:0;filter:blur(4px)}}@keyframes _slideOutToBottom_14awx_1{0%{transform:translate(-50%) translateY(0);opacity:1;filter:blur(0px)}to{transform:translate(-50%) translateY(120%);opacity:0;filter:blur(4px)}}._toast_14awx_1:hover{transition:all .2s cubic-bezier(.4,0,.2,1)}@media (max-width: 905px){._toast_14awx_1{min-width:unset;max-width:unset;width:calc(100% - 1rem);left:0;right:0;margin-inline:auto}._toast_14awx_1._position_top_center_14awx_63,._toast_14awx_1._position_bottom_center_14awx_69{left:50%}}@media (max-width: 720px){._topRow_14awx_17{align-items:flex-start}._topRow_14awx_17._small_14awx_312{align-items:center}._iconAndContent_14awx_29{align-items:flex-start}._iconAndContent_14awx_29._small_14awx_312{align-items:center}._closeButton_14awx_116{order:2}._actionButton_14awx_106{order:3;width:100%;flex-shrink:unset;display:flex;align-items:center;justify-content:center}._actionButton_14awx_106._small_14awx_312{margin-right:4px}._actionButton_14awx_106._medium_14awx_38{margin-right:6px}._actionButton_14awx_106._large_14awx_25{margin-right:8px}}@media (prefers-reduced-motion: reduce){._toast_14awx_1{animation:none!important}._toast_14awx_1:hover{transition:none}}._content_14awx_87:only-child,._content_14awx_87:not(:has(._body_14awx_363)){justify-content:center}
+._toast_17e9b_1{position:fixed;min-width:320px;max-width:420px;border-radius:12px;align-items:center;z-index:9000;border-left:4px solid;overflow:hidden;cursor:default;display:flex;flex-direction:column;gap:.75em}._topRow_17e9b_17{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%}._topRow_17e9b_17._large_17e9b_25{gap:14px}._iconAndContent_17e9b_29{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:10px}._iconAndContent_17e9b_29._medium_17e9b_38{gap:6px}._position_top_right_17e9b_43{top:1rem;right:1rem}._position_top_left_17e9b_48{top:1rem;left:1rem}._position_bottom_right_17e9b_53{bottom:1rem;right:1rem}._position_bottom_left_17e9b_58{bottom:1rem;left:1rem}._position_top_center_17e9b_63{top:1rem;left:50%;transform:translate(-50%)}._position_bottom_center_17e9b_69{bottom:1rem;left:50%;transform:translate(-50%)}._iconContainer_17e9b_76{flex-shrink:0;width:24px;margin-left:5px;height:24px;display:flex;align-items:center;justify-content:center}._content_17e9b_87{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_17e9b_99{font-weight:600;font-size:.9rem;color:#000}._actionButton_17e9b_106{background:transparent;border:none;border-radius:1000px;cursor:pointer;font-family:var(--font-regular);display:flex;flex-direction:row;align-items:center;gap:6px;justify-content:center}._actionButton_17e9b_106._withIcon_17e9b_119{justify-content:space-between}._closeButton_17e9b_124{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;padding-inline:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}._closeButton_17e9b_124:active{transform:scale(.95)}._position_top_right_17e9b_43._exiting_17e9b_142,._position_bottom_right_17e9b_53._exiting_17e9b_142{animation:_slideOutToRight_17e9b_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_top_right_17e9b_43._entering_17e9b_148,._position_bottom_right_17e9b_53._entering_17e9b_148{animation:_slideInFromRight_17e9b_1 .4s cubic-bezier(.16,1,.3,1) forwards}._position_top_left_17e9b_48._exiting_17e9b_142,._position_bottom_left_17e9b_58._exiting_17e9b_142{animation:_slideOutToLeft_17e9b_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_top_left_17e9b_48._entering_17e9b_148,._position_bottom_left_17e9b_58._entering_17e9b_148{animation:_slideInFromLeft_17e9b_1 .4s cubic-bezier(.16,1,.3,1) forwards}._position_top_center_17e9b_63._exiting_17e9b_142{animation:_slideOutToTop_17e9b_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_top_center_17e9b_63._entering_17e9b_148{animation:_slideInFromTop_17e9b_1 .4s cubic-bezier(.16,1,.3,1) forwards}._position_bottom_center_17e9b_69._exiting_17e9b_142{animation:_slideOutToBottom_17e9b_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_bottom_center_17e9b_69._entering_17e9b_148{animation:_slideInFromBottom_17e9b_1 .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes _slideInFromRight_17e9b_1{0%{transform:translate(100%);opacity:0;filter:blur(4px)}to{transform:translate(0);opacity:1;filter:blur(0)}}@keyframes _slideInFromLeft_17e9b_1{0%{transform:translate(-100%);opacity:0;filter:blur(4px)}to{transform:translate(0);opacity:1;filter:blur(0)}}@keyframes _slideInFromTop_17e9b_1{0%{transform:translate(-50%) translateY(-100%);opacity:0;filter:blur(4px)}to{transform:translate(-50%) translateY(0);opacity:1;filter:blur(0)}}@keyframes _slideInFromBottom_17e9b_1{0%{transform:translate(-50%) translateY(100%);opacity:0;filter:blur(4px)}to{transform:translate(-50%) translateY(0);opacity:1;filter:blur(0)}}@keyframes _slideOutToRight_17e9b_1{0%{transform:translate(0);opacity:1;filter:blur(0px)}to{transform:translate(120%);opacity:0;filter:blur(4px)}}@keyframes _slideOutToLeft_17e9b_1{0%{transform:translate(0);opacity:1;filter:blur(0px)}to{transform:translate(-120%);opacity:0;filter:blur(4px)}}@keyframes _slideOutToTop_17e9b_1{0%{transform:translate(-50%) translateY(0);opacity:1;filter:blur(0px)}to{transform:translate(-50%) translateY(-120%);opacity:0;filter:blur(4px)}}@keyframes _slideOutToBottom_17e9b_1{0%{transform:translate(-50%) translateY(0);opacity:1;filter:blur(0px)}to{transform:translate(-50%) translateY(120%);opacity:0;filter:blur(4px)}}._toast_17e9b_1:hover{transition:all .2s cubic-bezier(.4,0,.2,1)}@media (max-width: 905px){._toast_17e9b_1{min-width:unset;max-width:unset;width:calc(100% - 1rem);left:0;right:0;margin-inline:auto}._toast_17e9b_1._position_top_center_17e9b_63,._toast_17e9b_1._position_bottom_center_17e9b_69{left:50%}}@media (max-width: 720px){._topRow_17e9b_17._withAction_17e9b_316{align-items:flex-start}._topRow_17e9b_17._small_17e9b_320{align-items:center}._iconAndContent_17e9b_29._withAction_17e9b_316{align-items:flex-start}._iconAndContent_17e9b_29._small_17e9b_320{align-items:center}._closeButton_17e9b_124{order:2}._actionButton_17e9b_106{order:3;width:100%}._actionButton_17e9b_106._small_17e9b_320{margin-right:4px}._actionButton_17e9b_106._medium_17e9b_38{margin-right:6px}._actionButton_17e9b_106._large_17e9b_25{margin-right:8px}}@media (prefers-reduced-motion: reduce){._toast_17e9b_1{animation:none!important}._toast_17e9b_1:hover{transition:none}}._content_17e9b_87:only-child,._content_17e9b_87:not(:has(._body_17e9b_367)){justify-content:center}

package/dist/components/StaticToast/StaticToast.js

@@ -1,53 +1,55 @@
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { useState as j, useEffect as y } from "react";
-import { Icon as x } from "../../icons/Icon.js";
-import '../../assets/StaticToast.css';const w = "_toast_1nqnj_2", N = "_topRow_1nqnj_18", $ = "_large_1nqnj_26", D = "_iconAndContent_1nqnj_30", H = "_medium_1nqnj_39", M = "_iconContainer_1nqnj_44", O = "_content_1nqnj_55", P = "_actionButton_1nqnj_68", W = "_closeButton_1nqnj_82", G = "_entering_1nqnj_100", J = "_staticToastIn_1nqnj_1", K = "_exiting_1nqnj_104", L = "_staticToastOut_1nqnj_1", Q = "_body_1nqnj_145", U = "_small_1nqnj_154", t = {
-  toast: w,
-  topRow: N,
-  large: $,
-  iconAndContent: D,
-  medium: H,
-  iconContainer: M,
-  content: O,
-  actionButton: P,
-  closeButton: W,
-  entering: G,
-  staticToastIn: J,
-  exiting: K,
-  staticToastOut: L,
-  body: Q,
-  small: U
-}, V = ({
-  type: q = "info",
-  title: C,
-  body: f,
-  size: e = "small",
-  icon: A,
-  isVisible: u = !0,
-  closable: B = !1,
-  onClose: g,
-  autoClose: h = !1,
-  duration: m = 5e3,
-  className: E,
+import { jsx as i, jsxs as b } from "react/jsx-runtime";
+import { useState as F, useEffect as w } from "react";
+import { Icon as p } from "../../icons/Icon.js";
+import '../../assets/StaticToast.css';const N = "_toast_fzbbb_2", D = "_topRow_fzbbb_18", j = "_large_fzbbb_26", H = "_iconAndContent_fzbbb_30", M = "_medium_fzbbb_39", O = "_iconContainer_fzbbb_44", P = "_content_fzbbb_55", W = "_actionButton_fzbbb_68", q = "_withIcon_fzbbb_81", G = "_closeButton_fzbbb_86", J = "_entering_fzbbb_104", K = "_staticToastIn_fzbbb_1", L = "_exiting_fzbbb_108", Q = "_staticToastOut_fzbbb_1", U = "_body_fzbbb_149", X = "_withAction_fzbbb_154", Y = "_small_fzbbb_158", t = {
+  toast: N,
+  topRow: D,
+  large: j,
+  iconAndContent: H,
+  medium: M,
+  iconContainer: O,
+  content: P,
+  actionButton: W,
+  withIcon: q,
+  closeButton: G,
+  entering: J,
+  staticToastIn: K,
+  exiting: L,
+  staticToastOut: Q,
+  body: U,
+  withAction: X,
+  small: Y
+}, S = ({
+  type: y = "info",
+  title: x,
+  body: h,
+  size: r = "small",
+  icon: B,
+  isVisible: s = !0,
+  closable: E = !1,
+  onClose: u,
+  autoClose: C = !1,
+  duration: g = 5e3,
+  className: I,
   style: k,
-  action: d
+  action: e
 }) => {
-  const [i, R] = j(u), [b, F] = j(!1);
-  y(() => {
-    u ? (F(!1), R(!0)) : i && _();
-  }, [u]), y(() => {
-    if (h && i && !b && m > 0) {
-      const c = setTimeout(() => {
+  const [a, R] = F(s), [m, A] = F(!1);
+  w(() => {
+    s ? (A(!1), R(!0)) : a && _();
+  }, [s]), w(() => {
+    if (C && a && !m && g > 0) {
+      const d = setTimeout(() => {
         _();
-      }, m);
-      return () => clearTimeout(c);
+      }, g);
+      return () => clearTimeout(d);
     }
-  }, [i, m, h, b]);
+  }, [a, g, C, m]);
   const _ = () => {
-    F(!0), setTimeout(() => {
-      R(!1), g == null || g();
+    A(!0), setTimeout(() => {
+      R(!1), u == null || u();
     }, 300);
-  }, r = {
+  }, c = {
     small: "10px 4px 10px 8px",
     medium: "14px 10px",
     large: "14px 7px 14px 14px"
@@ -68,7 +70,7 @@ import '../../assets/StaticToast.css';const w = "_toast_1nqnj_2", N = "_topRow_1
       minHeight: "42px",
       paddingInline: "14px"
     }
-  }, p = {
+  }, f = {
     small: {
       title: "small2Medium",
       actionButton: "small2Regular",
@@ -84,165 +86,177 @@ import '../../assets/StaticToast.css';const w = "_toast_1nqnj_2", N = "_topRow_1
       actionButton: "title6Regular",
       body: "bodyRegular"
     }
-  }, I = (c, o) => {
-    switch (c) {
+  }, $ = (d, n) => {
+    switch (d) {
       case "brand":
         return {
           borderColor: "#2054A5",
           background: "#FFF",
           color: "#2054A5",
-          padding: r[o],
-          borderRadius: l[o]
+          padding: c[n],
+          borderRadius: l[n]
         };
       case "info":
         return {
           borderColor: "#2054A5",
           background: "#EEF3FC",
           color: "#2054A5",
-          padding: r[o],
-          borderRadius: l[o]
+          padding: c[n],
+          borderRadius: l[n]
         };
       case "new":
         return {
           borderColor: "#0F93A8",
           background: "#D6F4F8",
           color: "#065564",
-          padding: r[o],
-          borderRadius: l[o]
+          padding: c[n],
+          borderRadius: l[n]
         };
       case "pending":
         return {
           borderColor: "#CA8A04",
           background: "#FEFDE8",
           color: "#713F12",
-          padding: r[o],
-          borderRadius: l[o]
+          padding: c[n],
+          borderRadius: l[n]
         };
       case "positive":
         return {
           borderColor: "#65A30D",
           background: "#F7FEE7",
           color: "#365314",
-          padding: r[o],
-          borderRadius: l[o]
+          padding: c[n],
+          borderRadius: l[n]
         };
       case "warning":
         return {
           borderColor: "#EA580C",
           background: "#FFEDD5",
           color: "#7C2D12",
-          padding: r[o],
-          borderRadius: l[o]
+          padding: c[n],
+          borderRadius: l[n]
         };
       case "negative":
         return {
           borderColor: "#DC2626",
           background: "#FEF2F2",
           color: "#B91C1C",
-          padding: r[o],
-          borderRadius: l[o]
+          padding: c[n],
+          borderRadius: l[n]
         };
       default:
         return {
           borderColor: "#2054A5",
           background: "#EEF3FC",
           color: "#2054A5",
-          padding: r[o],
-          borderRadius: l[o]
+          padding: c[n],
+          borderRadius: l[n]
         };
     }
   };
-  if (!i) return null;
+  if (!a) return null;
   const T = [
     t.toast,
-    b ? t.exiting : t.entering,
-    E
-  ].filter(Boolean).join(" "), n = I(q, e);
-  return /* @__PURE__ */ a(
+    m ? t.exiting : t.entering,
+    I
+  ].filter(Boolean).join(" "), o = $(y, r);
+  return /* @__PURE__ */ i(
     "div",
     {
       className: T,
       style: {
-        border: "1px solid " + n.borderColor,
-        background: n.background,
-        padding: n.padding,
-        borderRadius: n.borderRadius,
+        border: "1px solid " + o.borderColor,
+        background: o.background,
+        padding: o.padding,
+        borderRadius: o.borderRadius,
         ...k
       },
       role: "alert",
       "aria-live": "polite",
-      children: /* @__PURE__ */ s("div", { className: `${t.topRow} ${t[e]}`, children: [
-        /* @__PURE__ */ s("div", { className: `${t.iconAndContent} ${t[e]}`, children: [
-          /* @__PURE__ */ a("div", { className: t.iconContainer, children: /* @__PURE__ */ a(
-            x,
-            {
-              name: A || "Info",
-              fill: n == null ? void 0 : n.color,
-              width: 25,
-              height: 25
-            }
-          ) }),
-          /* @__PURE__ */ s("div", { className: t.content, children: [
-            C && /* @__PURE__ */ a(
+      children: /* @__PURE__ */ b(
+        "div",
+        {
+          className: `${t.topRow} ${e ? t.withAction : ""} ${t[r]}`,
+          children: [
+            /* @__PURE__ */ b(
               "div",
               {
-                className: p[e].title,
-                style: { fontWeight: 600 },
-                children: C
+                className: `${t.iconAndContent} ${e ? t.withAction : ""} ${t[r]}`,
+                children: [
+                  /* @__PURE__ */ i("div", { className: t.iconContainer, children: /* @__PURE__ */ i(
+                    p,
+                    {
+                      name: B || "Info",
+                      fill: o == null ? void 0 : o.color,
+                      width: 25,
+                      height: 25
+                    }
+                  ) }),
+                  /* @__PURE__ */ b("div", { className: t.content, children: [
+                    x && /* @__PURE__ */ i(
+                      "div",
+                      {
+                        className: f[r].title,
+                        style: { fontWeight: 600 },
+                        children: x
+                      }
+                    ),
+                    h && /* @__PURE__ */ i(
+                      "div",
+                      {
+                        className: f[r].body,
+                        style: { color: o == null ? void 0 : o.color },
+                        children: h
+                      }
+                    )
+                  ] })
+                ]
               }
             ),
-            f && /* @__PURE__ */ a(
-              "div",
+            e && /* @__PURE__ */ b(
+              "button",
               {
-                className: p[e].body,
-                style: { color: n == null ? void 0 : n.color },
-                children: f
+                type: "button",
+                onClick: () => {
+                  var d;
+                  return (d = e.function) == null ? void 0 : d.call(e);
+                },
+                className: `${f[r].actionButton} ${t.actionButton} ${e.icon ? t.withIcon : ""} ${t[r]}`,
+                style: {
+                  border: `1px solid ${o == null ? void 0 : o.color}`,
+                  color: o == null ? void 0 : o.color,
+                  ...v[r]
+                },
+                children: [
+                  e.label,
+                  e.icon && /* @__PURE__ */ i(p, { ...e.icon })
+                ]
               }
-            )
-          ] })
-        ] }),
-        d && /* @__PURE__ */ s(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              var c;
-              return (c = d.function) == null ? void 0 : c.call(d);
-            },
-            className: `${p[e].actionButton} ${t.actionButton} ${t[e]}`,
-            style: {
-              border: `1px solid ${n == null ? void 0 : n.color}`,
-              color: n == null ? void 0 : n.color,
-              ...v[e]
-            },
-            children: [
-              d.label,
-              d.icon && /* @__PURE__ */ a(x, { ...d.icon })
-            ]
-          }
-        ),
-        B && /* @__PURE__ */ a(
-          "button",
-          {
-            type: "button",
-            className: t.closeButton,
-            onClick: _,
-            "aria-label": "Cerrar notificación",
-            children: /* @__PURE__ */ a(
-              x,
+            ),
+            E && /* @__PURE__ */ i(
+              "button",
               {
-                name: "CancelIcon",
-                fill: n == null ? void 0 : n.color,
-                width: 20,
-                height: 20
+                type: "button",
+                className: t.closeButton,
+                onClick: _,
+                "aria-label": "Cerrar notificación",
+                children: /* @__PURE__ */ i(
+                  p,
+                  {
+                    name: "CancelIcon",
+                    fill: o == null ? void 0 : o.color,
+                    width: 20,
+                    height: 20
+                  }
+                )
               }
             )
-          }
-        )
-      ] })
+          ]
+        }
+      )
     }
   );
 };
 export {
-  V as StaticToast
+  S as StaticToast
 };

package/dist/components/Toast/Toast.js

@@ -1,9 +1,9 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { useState as C, useEffect as R } from "react";
-import { createPortal as D } from "react-dom";
-import { Icon as x } from "../../icons/Icon.js";
-import '../../assets/Toast.css';const $ = "_toast_14awx_1", L = "_topRow_14awx_17", P = "_large_14awx_25", j = "_iconAndContent_14awx_29", H = "_medium_14awx_38", M = "_position_top_right_14awx_43", W = "_position_top_left_14awx_48", q = "_position_bottom_right_14awx_53", G = "_position_bottom_left_14awx_58", J = "_position_top_center_14awx_63", K = "_position_bottom_center_14awx_69", Q = "_iconContainer_14awx_76", U = "_content_14awx_87", X = "_title_14awx_99", Y = "_actionButton_14awx_106", Z = "_closeButton_14awx_116", V = "_exiting_14awx_134", S = "_slideOutToRight_14awx_1", z = "_entering_14awx_140", oo = "_slideInFromRight_14awx_1", to = "_slideOutToLeft_14awx_1", no = "_slideInFromLeft_14awx_1", eo = "_slideOutToTop_14awx_1", io = "_slideInFromTop_14awx_1", ro = "_slideOutToBottom_14awx_1", lo = "_slideInFromBottom_14awx_1", so = "_small_14awx_312", ao = "_body_14awx_363", n = {
-  toast: $,
+import { jsx as d, jsxs as _ } from "react/jsx-runtime";
+import { useState as R, useEffect as I } from "react";
+import { createPortal as N } from "react-dom";
+import { Icon as p } from "../../icons/Icon.js";
+import '../../assets/Toast.css';const D = "_toast_17e9b_1", L = "_topRow_17e9b_17", P = "_large_17e9b_25", j = "_iconAndContent_17e9b_29", H = "_medium_17e9b_38", M = "_position_top_right_17e9b_43", W = "_position_top_left_17e9b_48", q = "_position_bottom_right_17e9b_53", G = "_position_bottom_left_17e9b_58", J = "_position_top_center_17e9b_63", K = "_position_bottom_center_17e9b_69", Q = "_iconContainer_17e9b_76", U = "_content_17e9b_87", X = "_title_17e9b_99", Y = "_actionButton_17e9b_106", Z = "_withIcon_17e9b_119", V = "_closeButton_17e9b_124", S = "_exiting_17e9b_142", z = "_slideOutToRight_17e9b_1", oo = "_entering_17e9b_148", to = "_slideInFromRight_17e9b_1", no = "_slideOutToLeft_17e9b_1", eo = "_slideInFromLeft_17e9b_1", io = "_slideOutToTop_17e9b_1", ro = "_slideInFromTop_17e9b_1", lo = "_slideOutToBottom_17e9b_1", so = "_slideInFromBottom_17e9b_1", co = "_withAction_17e9b_316", _o = "_small_17e9b_320", ao = "_body_17e9b_367", n = {
+  toast: D,
   topRow: L,
   large: P,
   iconAndContent: j,
@@ -18,54 +18,56 @@ import '../../assets/Toast.css';const $ = "_toast_14awx_1", L = "_topRow_14awx_1
   content: U,
   title: X,
   actionButton: Y,
-  closeButton: Z,
-  exiting: V,
-  slideOutToRight: S,
-  entering: z,
-  slideInFromRight: oo,
-  slideOutToLeft: to,
-  slideInFromLeft: no,
-  slideOutToTop: eo,
-  slideInFromTop: io,
-  slideOutToBottom: ro,
-  slideInFromBottom: lo,
-  small: so,
+  withIcon: Z,
+  closeButton: V,
+  exiting: S,
+  slideOutToRight: z,
+  entering: oo,
+  slideInFromRight: to,
+  slideOutToLeft: no,
+  slideInFromLeft: eo,
+  slideOutToTop: io,
+  slideInFromTop: ro,
+  slideOutToBottom: lo,
+  slideInFromBottom: so,
+  withAction: co,
+  small: _o,
   body: ao
-}, go = ({
+}, po = ({
   type: B = "info",
-  title: b,
-  body: w,
-  duration: _ = 5e3,
+  title: h,
+  body: f,
+  duration: a = 5e3,
   icon: T,
-  size: l = "small",
-  position: I = "top-right",
-  isVisible: a = !0,
-  onClose: u,
-  autoClose: f = !0,
-  closable: y = !1,
-  className: A,
-  action: d
+  size: i = "small",
+  position: A = "top-right",
+  isVisible: c = !0,
+  onClose: b,
+  autoClose: F = !0,
+  closable: w = !1,
+  className: y,
+  action: e
 }) => {
-  const [m, h] = C(a), [E, F] = C(!1), g = () => {
-    F(!0), setTimeout(() => {
-      h(!1), u == null || u();
+  const [u, x] = R(c), [E, C] = R(!1), m = () => {
+    C(!0), setTimeout(() => {
+      x(!1), b == null || b();
     }, 300);
   };
-  R(() => {
-    h(a), a && F(!1);
-  }, [a]), R(() => {
-    if (f && m && _ > 0) {
+  I(() => {
+    x(c), c && C(!1);
+  }, [c]), I(() => {
+    if (F && u && a > 0) {
       const s = setTimeout(() => {
-        g();
-      }, _);
+        m();
+      }, a);
       return () => clearTimeout(s);
     }
-  }, [m, _, f]);
-  const e = {
+  }, [u, a, F]);
+  const r = {
     small: "10px 4px 10px 8px",
     medium: "14px 10px",
     large: "14px 7px 14px 14px"
-  }, i = {
+  }, l = {
     small: "16px",
     medium: "16px",
     large: "24px"
@@ -82,7 +84,7 @@ import '../../assets/Toast.css';const $ = "_toast_14awx_1", L = "_topRow_14awx_1
       minHeight: "42px",
       paddingInline: "14px"
     }
-  }, p = {
+  }, g = {
     small: {
       title: "small2Medium",
       actionButton: "small2Regular",
@@ -105,77 +107,77 @@ import '../../assets/Toast.css';const $ = "_toast_14awx_1", L = "_topRow_14awx_1
           borderColor: "#2054A5",
           background: "#FFF",
           color: "#2054A5",
-          padding: e[t],
-          borderRadius: i[t]
+          padding: r[t],
+          borderRadius: l[t]
         };
       case "info":
         return {
           borderColor: "#2054A5",
           background: "#EEF3FC",
           color: "#2054A5",
-          padding: e[t],
-          borderRadius: i[t]
+          padding: r[t],
+          borderRadius: l[t]
         };
       case "new":
         return {
           borderColor: "#0F93A8",
           background: "#D6F4F8",
           color: "#065564",
-          padding: e[t],
-          borderRadius: i[t]
+          padding: r[t],
+          borderRadius: l[t]
         };
       case "pending":
         return {
           borderColor: "#CA8A04",
           background: "#FEFDE8",
           color: "#713F12",
-          padding: e[t],
-          borderRadius: i[t]
+          padding: r[t],
+          borderRadius: l[t]
         };
       case "positive":
         return {
           borderColor: "#65A30D",
           background: "#F7FEE7",
           color: "#365314",
-          padding: e[t],
-          borderRadius: i[t]
+          padding: r[t],
+          borderRadius: l[t]
         };
       case "warning":
         return {
           borderColor: "#EA580C",
           background: "#FFEDD5",
           color: "#7C2D12",
-          padding: e[t],
-          borderRadius: i[t]
+          padding: r[t],
+          borderRadius: l[t]
         };
       case "negative":
         return {
           borderColor: "#DC2626",
           background: "#FEF2F2",
           color: "#B91C1C",
-          padding: e[t],
-          borderRadius: i[t]
+          padding: r[t],
+          borderRadius: l[t]
         };
       default:
         return {
           borderColor: "#2054A5",
           background: "#EEF3FC",
           color: "#2054A5",
-          padding: e[t],
-          borderRadius: i[t]
+          padding: r[t],
+          borderRadius: l[t]
         };
     }
   };
-  if (!m) return null;
-  const v = [
+  if (!u) return null;
+  const $ = [
     n.toast,
-    n[`position_${I.replace("-", "_")}`],
+    n[`position_${A.replace("-", "_")}`],
     E ? n.exiting : n.entering,
-    A
-  ].filter(Boolean).join(" "), o = O(B, l), N = /* @__PURE__ */ r(
+    y
+  ].filter(Boolean).join(" "), o = O(B, i), v = /* @__PURE__ */ d(
     "div",
     {
-      className: v,
+      className: $,
       style: {
         border: "1px solid " + o.borderColor,
         background: o.background,
@@ -185,85 +187,97 @@ import '../../assets/Toast.css';const $ = "_toast_14awx_1", L = "_topRow_14awx_1
       },
       role: "alert",
       "aria-live": "polite",
-      onClick: g,
-      children: /* @__PURE__ */ c("div", { className: `${n.topRow} ${n[l]}`, children: [
-        /* @__PURE__ */ c("div", { className: n.iconAndContent, children: [
-          /* @__PURE__ */ r("div", { className: n.iconContainer, children: /* @__PURE__ */ r(
-            x,
-            {
-              name: T || "Info",
-              fill: o == null ? void 0 : o.color,
-              width: 25,
-              height: 25
-            }
-          ) }),
-          /* @__PURE__ */ c("div", { className: n.content, children: [
-            b && /* @__PURE__ */ r(
+      onClick: m,
+      children: /* @__PURE__ */ _(
+        "div",
+        {
+          className: `${n.topRow} ${e ? n.withAction : ""} ${n[i]}`,
+          children: [
+            /* @__PURE__ */ _(
               "div",
               {
-                className: p[l].title,
-                style: { fontWeight: 600 },
-                children: b
+                className: `${n.iconAndContent} ${e ? n.withAction : ""} ${n[i]}`,
+                children: [
+                  /* @__PURE__ */ d("div", { className: n.iconContainer, children: /* @__PURE__ */ d(
+                    p,
+                    {
+                      name: T || "Info",
+                      fill: o == null ? void 0 : o.color,
+                      width: 25,
+                      height: 25
+                    }
+                  ) }),
+                  /* @__PURE__ */ _("div", { className: n.content, children: [
+                    h && /* @__PURE__ */ d(
+                      "div",
+                      {
+                        className: g[i].title,
+                        style: { fontWeight: 600 },
+                        children: h
+                      }
+                    ),
+                    f && /* @__PURE__ */ d(
+                      "div",
+                      {
+                        className: g[i].body,
+                        style: { color: o == null ? void 0 : o.color },
+                        children: f
+                      }
+                    )
+                  ] })
+                ]
               }
             ),
-            w && /* @__PURE__ */ r(
-              "div",
+            e && /* @__PURE__ */ _(
+              "button",
               {
-                className: p[l].body,
-                style: { color: o == null ? void 0 : o.color },
-                children: w
+                type: "button",
+                onClick: (s) => {
+                  var t;
+                  s.stopPropagation(), (t = e.function) == null || t.call(e);
+                },
+                className: `${g[i].actionButton} ${n.actionButton} ${e.icon ? n.withIcon : ""} ${n[i]}`,
+                style: {
+                  border: `1px solid ${o == null ? void 0 : o.borderColor}`,
+                  color: o == null ? void 0 : o.color,
+                  ...k[i]
+                },
+                children: [
+                  e.label,
+                  e.icon && /* @__PURE__ */ d(p, { ...e.icon })
+                ]
               }
-            )
-          ] })
-        ] }),
-        d && /* @__PURE__ */ c(
-          "button",
-          {
-            type: "button",
-            onClick: (s) => {
-              var t;
-              s.stopPropagation(), (t = d.function) == null || t.call(d);
-            },
-            className: `${p[l].actionButton} ${n.actionButton} ${n[l]}`,
-            style: {
-              border: `1px solid ${o == null ? void 0 : o.borderColor}`,
-              color: o == null ? void 0 : o.color,
-              ...k[l]
-            },
-            children: [
-              d.label,
-              d.icon && /* @__PURE__ */ r(x, { ...d.icon })
-            ]
-          }
-        ),
-        y && /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            className: n.closeButton,
-            onClick: (s) => {
-              s.stopPropagation(), g();
-            },
-            "aria-label": "Cerrar notificación",
-            children: /* @__PURE__ */ r(
-              x,
+            ),
+            w && /* @__PURE__ */ d(
+              "button",
               {
-                name: "CancelIcon",
-                fill: o == null ? void 0 : o.color,
-                width: 20,
-                height: 20
+                type: "button",
+                className: n.closeButton,
+                onClick: (s) => {
+                  s.stopPropagation(), m();
+                },
+                "aria-label": "Cerrar notificación",
+                children: /* @__PURE__ */ d(
+                  p,
+                  {
+                    name: "CancelIcon",
+                    fill: o == null ? void 0 : o.color,
+                    width: 20,
+                    height: 20
+                  }
+                )
               }
             )
-          }
-        )
-      ] })
+          ]
+        }
+      )
     }
   );
-  return D(
-    N,
+  return N(
+    v,
     document.getElementById("root") || document.body
   );
 };
 export {
-  go as Toast
+  po as Toast
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bmi-next-brokers",
   "description": "Componentes de UI para proyecto BMI Next Brokers",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "author": "BMI Ahorro España",
   "contributors": [
     "José Ramón Jiménez <jrjimenez@bmicos.com>",