bmi-next-brokers 2.8.9 → 2.9.0

package/dist/assets/StaticToast.css

@@ -1 +1 @@
-._toast_2sram_2{position:relative;width:100%;min-width:0;max-width:420px;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_2sram_19{display:flex;align-items:center;gap:.75rem;width:100%}._bottomRow_2sram_26{display:flex;justify-content:center;width:100%}._iconContainer_2sram_33{flex-shrink:0;width:24px;margin-left:5px;height:24px;display:flex;align-items:center;justify-content:center;margin-top:.125rem}._content_2sram_45{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}._small2Bold_2sram_58{font-size:12px;font-weight:600;line-height:1.3}._small5Regular_2sram_64{font-size:11px;font-weight:400;line-height:1.4}._bodyBold_2sram_70{font-size:14px;font-weight:600;line-height:1.3}._small2Medium_2sram_76{font-size:12px;font-weight:500;line-height:1.4}._title6Bold_2sram_82{font-size:16px;font-weight:600;line-height:1.3}._bodyMedium_2sram_88{font-size:14px;font-weight:500;line-height:1.4}._actionButton_2sram_95{flex-shrink:0;background:transparent!important}._toast_2sram_2 ._actionButton_2sram_95{border:1px solid var(--Badge-Toasts-Stroke, #2054a5)!important;color:var(--Badge-Toasts-Stroke, #2054a5)!important;background-color:transparent!important}._type_brand_2sram_106 ._actionButton_2sram_95,._type_info_2sram_111 ._actionButton_2sram_95{border:1px solid #2054a5!important;color:#2054a5!important}._type_new_2sram_116 ._actionButton_2sram_95{border:1px solid #0f93a8!important;color:#0f93a8!important}._type_pending_2sram_121 ._actionButton_2sram_95{border:1px solid #ca8a04!important;color:#ca8a04!important}._type_positive_2sram_126 ._actionButton_2sram_95{border:1px solid #65a30d!important;color:#65a30d!important}._type_warning_2sram_131 ._actionButton_2sram_95{border:1px solid #ea580c!important;color:#ea580c!important}._type_negative_2sram_136 ._actionButton_2sram_95{border:1px solid #dc2626!important;color:#dc2626!important}._toast_2sram_2 ._actionButton_2sram_95:hover:not(:disabled){border-width:1px!important;background-color:transparent!important}._closeButton_2sram_147{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_2sram_147:active{transform:scale(.95)}._progressBar_2sram_166{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.6;animation:_progressBarShrink_2sram_1 linear;transform-origin:left}._entering_2sram_178{animation:_staticToastIn_2sram_1 .3s cubic-bezier(.16,1,.3,1) forwards}._exiting_2sram_182{animation:_staticToastOut_2sram_1 .3s cubic-bezier(.4,0,1,1) forwards}@keyframes _staticToastIn_2sram_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_2sram_1{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-6px) scale(.98);filter:blur(3px)}}@keyframes _progressBarShrink_2sram_1{0%{transform:scaleX(1)}to{transform:scaleX(0)}}._toast_2sram_2:hover ._progressBar_2sram_166{animation-play-state:paused}@media (prefers-reduced-motion: reduce){._toast_2sram_2,._entering_2sram_178,._exiting_2sram_182,._progressBar_2sram_166{animation:none!important}}._content_2sram_45:only-child,._content_2sram_45:not(:has(._body_2sram_70)){justify-content:center}
+._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}}

package/dist/assets/Toast.css

@@ -1 +1 @@
-._toast_ni2sb_1{position:fixed;min-width:320px;max-width:420px;border-radius:12px;align-items:center;z-index:9000;border-left:4px solid;overflow:visible;cursor:default;display:flex;flex-direction:column;gap:.75em}._topRow_ni2sb_17{display:flex;align-items:center;gap:.75rem;width:100%}._bottomRow_ni2sb_24{display:flex;justify-content:center;width:100%}._position_top_right_ni2sb_31{top:1rem;right:1rem}._position_top_left_ni2sb_36{top:1rem;left:1rem}._position_bottom_right_ni2sb_41{bottom:1rem;right:1rem}._position_bottom_left_ni2sb_46{bottom:1rem;left:1rem}._position_top_center_ni2sb_51{top:1rem;left:50%;transform:translate(-50%)}._position_bottom_center_ni2sb_57{bottom:1rem;left:50%;transform:translate(-50%)}._type_success_ni2sb_64{border-left-color:var(--ui-green-500, #84cc16);background:linear-gradient(135deg,#84cc1608,#fffffff7)}._type_error_ni2sb_73{border-left-color:var(--ui-red-500, #ef4444);background:linear-gradient(135deg,#ef444408,#fffffff7)}._type_warning_ni2sb_82{border-left-color:var(--ui-orange-500, #f97316);background:linear-gradient(135deg,#f9731608,#fffffff7)}._type_info_ni2sb_91{border-left-color:var(--ui-blue-500, #3376bb);background:linear-gradient(135deg,#3376bb08,#fffffff7)}._iconContainer_ni2sb_101{flex-shrink:0;width:24px;margin-left:5px;height:24px;display:flex;align-items:center;justify-content:center;margin-top:.125rem}._content_ni2sb_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_ni2sb_125{font-weight:600;font-size:.9rem;color:var(--ui-gray-900, #171717);line-height:1.3}._small2Bold_ni2sb_133{font-size:12px;font-weight:600;line-height:1.3}._small5Regular_ni2sb_139{font-size:11px;font-weight:400;line-height:1.4}._bodyBold_ni2sb_145{font-size:14px;font-weight:600;line-height:1.3}._small2Medium_ni2sb_151{font-size:12px;font-weight:500;line-height:1.4}._title6Bold_ni2sb_157{font-size:16px;font-weight:600;line-height:1.3}._bodyMedium_ni2sb_163{font-size:14px;font-weight:500;line-height:1.4}._actionButton_ni2sb_170{flex-shrink:0;background:transparent!important}._toast_ni2sb_1 ._actionButton_ni2sb_170{border:1px solid var(--Badge-Toasts-Stroke, #2054a5)!important;color:var(--Badge-Toasts-Stroke, #2054a5)!important;background-color:transparent!important}._type_brand_ni2sb_182 ._actionButton_ni2sb_170,._type_info_ni2sb_91 ._actionButton_ni2sb_170{border:1px solid #2054a5!important;color:#2054a5!important}._type_new_ni2sb_192 ._actionButton_ni2sb_170{border:1px solid #0f93a8!important;color:#0f93a8!important}._type_pending_ni2sb_197 ._actionButton_ni2sb_170{border:1px solid #ca8a04!important;color:#ca8a04!important}._type_positive_ni2sb_202 ._actionButton_ni2sb_170{border:1px solid #65a30d!important;color:#65a30d!important}._type_warning_ni2sb_82 ._actionButton_ni2sb_170{border:1px solid #ea580c!important;color:#ea580c!important}._type_negative_ni2sb_212 ._actionButton_ni2sb_170{border:1px solid #dc2626!important;color:#dc2626!important}._toast_ni2sb_1 ._actionButton_ni2sb_170:hover:not(:disabled){border-width:1px!important;background-color:transparent!important}._closeButton_ni2sb_224{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_ni2sb_224:active{transform:scale(.95)}._progressBar_ni2sb_243{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.6;animation:_progressBarShrink_ni2sb_1 linear;transform-origin:left}._type_success_ni2sb_64 ._progressBar_ni2sb_243{background:var(--ui-green-500, #84cc16)}._type_error_ni2sb_73 ._progressBar_ni2sb_243{background:var(--ui-red-500, #ef4444)}._type_warning_ni2sb_82 ._progressBar_ni2sb_243{background:var(--ui-orange-500, #f97316)}._type_info_ni2sb_91 ._progressBar_ni2sb_243{background:var(--ui-blue-500, #3376bb)}._position_top_right_ni2sb_31._exiting_ni2sb_271,._position_bottom_right_ni2sb_41._exiting_ni2sb_271{animation:_slideOutToRight_ni2sb_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_top_right_ni2sb_31._entering_ni2sb_277,._position_bottom_right_ni2sb_41._entering_ni2sb_277{animation:_slideInFromRight_ni2sb_1 .4s cubic-bezier(.16,1,.3,1) forwards}._position_top_left_ni2sb_36._exiting_ni2sb_271,._position_bottom_left_ni2sb_46._exiting_ni2sb_271{animation:_slideOutToLeft_ni2sb_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_top_left_ni2sb_36._entering_ni2sb_277,._position_bottom_left_ni2sb_46._entering_ni2sb_277{animation:_slideInFromLeft_ni2sb_1 .4s cubic-bezier(.16,1,.3,1) forwards}._position_top_center_ni2sb_51._exiting_ni2sb_271{animation:_slideOutToTop_ni2sb_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_top_center_ni2sb_51._entering_ni2sb_277{animation:_slideInFromTop_ni2sb_1 .4s cubic-bezier(.16,1,.3,1) forwards}._position_bottom_center_ni2sb_57._exiting_ni2sb_271{animation:_slideOutToBottom_ni2sb_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_bottom_center_ni2sb_57._entering_ni2sb_277{animation:_slideInFromBottom_ni2sb_1 .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes _slideInFromRight_ni2sb_1{0%{transform:translate(100%);opacity:0;filter:blur(4px)}to{transform:translate(0);opacity:1;filter:blur(0)}}@keyframes _slideInFromLeft_ni2sb_1{0%{transform:translate(-100%);opacity:0;filter:blur(4px)}to{transform:translate(0);opacity:1;filter:blur(0)}}@keyframes _slideInFromTop_ni2sb_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_ni2sb_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_ni2sb_1{0%{transform:translate(0);opacity:1;filter:blur(0px)}to{transform:translate(120%);opacity:0;filter:blur(4px)}}@keyframes _slideOutToLeft_ni2sb_1{0%{transform:translate(0);opacity:1;filter:blur(0px)}to{transform:translate(-120%);opacity:0;filter:blur(4px)}}@keyframes _slideOutToTop_ni2sb_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_ni2sb_1{0%{transform:translate(-50%) translateY(0);opacity:1;filter:blur(0px)}to{transform:translate(-50%) translateY(120%);opacity:0;filter:blur(4px)}}@keyframes _progressBarShrink_ni2sb_1{0%{transform:scaleX(1)}to{transform:scaleX(0)}}._toast_ni2sb_1:hover{transition:all .2s cubic-bezier(.4,0,.2,1)}._toast_ni2sb_1:hover ._progressBar_ni2sb_243{animation-play-state:paused}@media (max-width: 905px){._toast_ni2sb_1{min-width:unset;max-width:unset;width:calc(100% - 1rem);left:0;right:0;margin-inline:auto}._toast_ni2sb_1._position_top_center_ni2sb_51,._toast_ni2sb_1._position_bottom_center_ni2sb_57{left:50%}}@media (prefers-reduced-motion: reduce){._toast_ni2sb_1,._progressBar_ni2sb_243{animation:none!important}._toast_ni2sb_1:hover{transition:none}}._content_ni2sb_113:only-child,._content_ni2sb_113:not(:has(._body_ni2sb_145)){justify-content:center}
+._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}

package/dist/components/StaticToast/StaticToast.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '../../icons/Icon';
+import { IconName, IconProps } from '../../icons/Icon';
 export type StaticToastType = "brand" | "info" | "new" | "pending" | "positive" | "warning" | "negative";
 export type StaticToastSize = "small" | "medium" | "large";
 export interface StaticToastProps {
@@ -21,7 +21,8 @@ export interface StaticToastProps {
     style?: React.CSSProperties;
     action?: {
         label: string;
-        function: () => void;
+        function?: () => void;
+        icon?: IconProps;
     };
 }
 export declare const StaticToast: ({ type, title, body, size, icon, isVisible, closable, onClose, autoClose, duration, className, style, action, }: StaticToastProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/StaticToast/StaticToast.js

@@ -1,228 +1,248 @@
-import { jsxs as B, jsx as t } from "react/jsx-runtime";
-import { useState as R, useEffect as x } from "react";
-import { Icon as w } from "../../icons/Icon.js";
-import { Button as D } from "../Button/Button.js";
-import '../../assets/StaticToast.css';const j = "_toast_2sram_2", O = "_topRow_2sram_19", P = "_bottomRow_2sram_26", $ = "_iconContainer_2sram_33", H = "_content_2sram_45", L = "_small2Bold_2sram_58", W = "_small5Regular_2sram_64", q = "_bodyBold_2sram_70", G = "_small2Medium_2sram_76", J = "_title6Bold_2sram_82", K = "_bodyMedium_2sram_88", Q = "_actionButton_2sram_95", U = "_type_brand_2sram_106", X = "_type_info_2sram_111", Y = "_type_new_2sram_116", Z = "_type_pending_2sram_121", S = "_type_positive_2sram_126", V = "_type_warning_2sram_131", z = "_type_negative_2sram_136", oo = "_closeButton_2sram_147", ro = "_progressBar_2sram_166", to = "_progressBarShrink_2sram_1", eo = "_entering_2sram_178", ao = "_staticToastIn_2sram_1", so = "_exiting_2sram_182", no = "_staticToastOut_2sram_1", lo = "_body_2sram_70", r = {
-  toast: j,
-  topRow: O,
-  bottomRow: P,
-  iconContainer: $,
-  content: H,
-  small2Bold: L,
-  small5Regular: W,
-  bodyBold: q,
-  small2Medium: G,
-  title6Bold: J,
-  bodyMedium: K,
-  actionButton: Q,
-  type_brand: U,
-  type_info: X,
-  type_new: Y,
-  type_pending: Z,
-  type_positive: S,
-  type_warning: V,
-  type_negative: z,
-  closeButton: oo,
-  progressBar: ro,
-  progressBarShrink: to,
-  entering: eo,
-  staticToastIn: ao,
-  exiting: so,
-  staticToastOut: no,
-  body: lo
-}, po = ({
-  type: i = "info",
-  title: y,
-  body: v,
-  size: s = "small",
-  icon: E,
-  isVisible: m = !0,
-  closable: A = !0,
+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: u = !1,
-  duration: d = 5e3,
-  className: N,
-  style: M,
-  action: p
+  autoClose: h = !1,
+  duration: m = 5e3,
+  className: E,
+  style: k,
+  action: d
 }) => {
-  const [c, f] = R(m), [_, C] = R(!1);
-  x(() => {
-    m ? (C(!1), f(!0)) : c && b();
-  }, [m]), x(() => {
-    if (u && c && !_ && d > 0) {
-      const l = setTimeout(() => {
-        b();
-      }, d);
-      return () => clearTimeout(l);
+  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(() => {
+        _();
+      }, m);
+      return () => clearTimeout(c);
     }
-  }, [c, d, u, _]);
-  const b = () => {
-    C(!0), setTimeout(() => {
-      f(!1), g == null || g();
+  }, [i, m, h, b]);
+  const _ = () => {
+    F(!0), setTimeout(() => {
+      R(!1), g == null || g();
     }, 300);
-  }, e = {
-    small: "10px 8px",
+  }, r = {
+    small: "10px 4px 10px 8px",
     medium: "14px 10px",
-    large: "14px 12px"
-  }, a = {
-    small: "18px",
-    medium: "20px",
+    large: "14px 7px 14px 14px"
+  }, l = {
+    small: "16px",
+    medium: "16px",
     large: "24px"
-  }, T = {
-    small: { title: "small2Bold", body: "small5Regular" },
-    medium: { title: "bodyBold", body: "small2Medium" },
-    large: { title: "title6Bold", body: "bodyMedium" }
-  }, h = (l, o) => {
-    switch (l) {
+  }, v = {
+    small: {
+      minHeight: "30px",
+      paddingInline: "12px"
+    },
+    medium: {
+      minHeight: "36px",
+      paddingInline: "10px"
+    },
+    large: {
+      minHeight: "42px",
+      paddingInline: "14px"
+    }
+  }, p = {
+    small: {
+      title: "small2Medium",
+      actionButton: "small2Regular",
+      body: "small5Regular"
+    },
+    medium: {
+      title: "bodyMedium",
+      actionButton: "bodyRegular",
+      body: "small2Regular"
+    },
+    large: {
+      title: "title6Medium",
+      actionButton: "title6Regular",
+      body: "bodyRegular"
+    }
+  }, I = (c, o) => {
+    switch (c) {
       case "brand":
         return {
-          borderColor: "var(--Badge-Toasts-Stroke, #2054A5)",
-          background: "var(--Badge-Toasts-Fill, #FFF)",
-          padding: e[o],
-          borderRadius: a[o]
+          borderColor: "#2054A5",
+          background: "#FFF",
+          color: "#2054A5",
+          padding: r[o],
+          borderRadius: l[o]
         };
       case "info":
         return {
-          borderColor: "var(--Badge-Toasts-Stroke, #2054A5)",
-          background: "var(--Badge-Toasts-Fill, #E0E9F8)",
-          padding: e[o],
-          borderRadius: a[o]
+          borderColor: "#2054A5",
+          background: "#EEF3FC",
+          color: "#2054A5",
+          padding: r[o],
+          borderRadius: l[o]
         };
       case "new":
         return {
-          borderColor: "var(--Badge-Toasts-Stroke, #0F93A8)",
-          background: "var(--Badge-Toasts-Fill, #D6F4F8)",
-          padding: e[o],
-          borderRadius: a[o]
+          borderColor: "#0F93A8",
+          background: "#D6F4F8",
+          color: "#065564",
+          padding: r[o],
+          borderRadius: l[o]
         };
       case "pending":
         return {
-          borderColor: "var(--Badge-Toasts-Stroke, #CA8A04)",
-          background: "var(--Badge-Toasts-Fill, #FEF9C3)",
-          padding: e[o],
-          borderRadius: a[o]
+          borderColor: "#CA8A04",
+          background: "#FEFDE8",
+          color: "#713F12",
+          padding: r[o],
+          borderRadius: l[o]
         };
       case "positive":
         return {
-          borderColor: "var(--Badge-Toasts-Stroke, #65A30D)",
-          background: "var(--Badge-Toasts-Fill, #ECFCCB)",
-          padding: e[o],
-          borderRadius: a[o]
+          borderColor: "#65A30D",
+          background: "#F7FEE7",
+          color: "#365314",
+          padding: r[o],
+          borderRadius: l[o]
         };
       case "warning":
         return {
-          borderColor: "var(--Badge-Toasts-Stroke, #EA580C)",
-          background: "var(--Badge-Toasts-Fill, #FFEDD5)",
-          padding: e[o],
-          borderRadius: a[o]
+          borderColor: "#EA580C",
+          background: "#FFEDD5",
+          color: "#7C2D12",
+          padding: r[o],
+          borderRadius: l[o]
         };
       case "negative":
         return {
-          borderColor: "var(--Badge-Toasts-Stroke, #DC2626)",
-          background: "var(--Badge-Toasts-Fill, #FEE2E2)",
-          padding: e[o],
-          borderRadius: a[o]
+          borderColor: "#DC2626",
+          background: "#FEF2F2",
+          color: "#B91C1C",
+          padding: r[o],
+          borderRadius: l[o]
         };
       default:
         return {
-          borderColor: "var(--Badge-Toasts-Stroke, #2054A5)",
-          background: "var(--Badge-Toasts-Fill, #E0E9F8)",
-          padding: e[o],
-          borderRadius: a[o]
+          borderColor: "#2054A5",
+          background: "#EEF3FC",
+          color: "#2054A5",
+          padding: r[o],
+          borderRadius: l[o]
         };
     }
-  }, k = (l, o) => {
-    const F = h(l, o).borderColor.match(/#([0-9A-Fa-f]{6})/);
-    return F ? F[0] : null;
   };
-  if (!c) return null;
-  const I = [
-    r.toast,
-    r[`type_${i}`],
-    _ ? r.exiting : r.entering,
-    N
-  ].filter(Boolean).join(" "), n = h(i, s);
-  return /* @__PURE__ */ B(
+  if (!i) return null;
+  const T = [
+    t.toast,
+    b ? t.exiting : t.entering,
+    E
+  ].filter(Boolean).join(" "), n = I(q, e);
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: I,
+      className: T,
       style: {
         border: "1px solid " + n.borderColor,
         background: n.background,
         padding: n.padding,
         borderRadius: n.borderRadius,
-        ...M
+        ...k
       },
       role: "alert",
       "aria-live": "polite",
-      children: [
-        /* @__PURE__ */ B("div", { className: r.topRow, children: [
-          /* @__PURE__ */ t("div", { className: r.iconContainer, children: /* @__PURE__ */ t(
-            w,
+      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: E || "Info",
-              fill: k(i, s) || "#2054A5",
+              name: A || "Info",
+              fill: n == null ? void 0 : n.color,
               width: 25,
               height: 25
             }
           ) }),
-          /* @__PURE__ */ B("div", { className: r.content, children: [
-            y && /* @__PURE__ */ t("div", { className: r[T[s].title], children: y }),
-            v && /* @__PURE__ */ t(
+          /* @__PURE__ */ s("div", { className: t.content, children: [
+            C && /* @__PURE__ */ a(
               "div",
               {
-                className: r[T[s].body],
-                style: { color: n.borderColor },
-                children: v
+                className: p[e].title,
+                style: { fontWeight: 600 },
+                children: C
+              }
+            ),
+            f && /* @__PURE__ */ a(
+              "div",
+              {
+                className: p[e].body,
+                style: { color: n == null ? void 0 : n.color },
+                children: f
               }
             )
-          ] }),
-          A && /* @__PURE__ */ t(
-            "button",
-            {
-              className: r.closeButton,
-              style: {
-                borderLeft: "1px solid " + n.borderColor
-              },
-              onClick: b,
-              "aria-label": "Cerrar notificación",
-              children: /* @__PURE__ */ t(
-                w,
-                {
-                  name: "CancelIcon",
-                  fill: k(i, s) || "#2054A5",
-                  width: 20,
-                  height: 20
-                }
-              )
-            }
-          )
+          ] })
         ] }),
-        p && /* @__PURE__ */ t("div", { className: r.bottomRow, children: /* @__PURE__ */ t(
-          D,
+        d && /* @__PURE__ */ s(
+          "button",
           {
-            onClick: p.function,
-            variant: "outline",
-            size: s,
-            className: r.actionButton,
-            fullWidth: !0,
-            children: p.label
+            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 })
+            ]
           }
-        ) }),
-        u && d > 0 && /* @__PURE__ */ t(
-          "div",
+        ),
+        B && /* @__PURE__ */ a(
+          "button",
           {
-            className: r.progressBar,
-            style: {
-              animationDuration: `${d}ms`,
-              animationPlayState: _ ? "paused" : "running"
-            }
+            type: "button",
+            className: t.closeButton,
+            onClick: _,
+            "aria-label": "Cerrar notificación",
+            children: /* @__PURE__ */ a(
+              x,
+              {
+                name: "CancelIcon",
+                fill: n == null ? void 0 : n.color,
+                width: 20,
+                height: 20
+              }
+            )
           }
         )
-      ]
+      ] })
     }
   );
 };
 export {
-  po as StaticToast
+  V as StaticToast
 };

package/dist/components/Toast/Toast.d.ts

@@ -1,7 +1,19 @@
-import { IconName } from '../../icons/Icon';
+import { IconName, IconProps } from '../../icons/Icon';
+/**
+ * Variantes
+ */
 export type ToastType = "brand" | "info" | "new" | "pending" | "positive" | "warning" | "negative";
+/**
+ * Tamaños
+ */
 export type ToastSize = "small" | "medium" | "large";
+/**
+ * Posicionamiento
+ */
 export type ToastPosition = "top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center" | "bottom-center";
+/**
+ * Props del componente Toast
+ */
 export interface ToastProps {
     type?: ToastType;
     title?: string;
@@ -14,9 +26,11 @@ export interface ToastProps {
     onClose?: () => void;
     autoClose?: boolean;
     className?: string;
+    closable?: boolean;
     action?: {
         label: string;
-        function: () => void;
+        function?: () => void;
+        icon?: IconProps;
     };
 }
-export declare const Toast: ({ type, title, body, duration, icon, size, position, isVisible, onClose, autoClose, className, action, }: ToastProps) => import('react').ReactPortal | null;
+export declare const Toast: ({ type, title, body, duration, icon, size, position, isVisible, onClose, autoClose, closable, className, action, }: ToastProps) => import('react').ReactPortal | null;