bmi-next-brokers 2.8.9 → 2.9.1

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_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_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_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.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,262 @@
-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,
-  onClose: g,
-  autoClose: u = !1,
-  duration: d = 5e3,
-  className: N,
-  style: M,
-  action: p
+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: e
 }) => {
-  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 [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(() => {
+        _();
+      }, g);
+      return () => clearTimeout(d);
     }
-  }, [c, d, u, _]);
-  const b = () => {
-    C(!0), setTimeout(() => {
-      f(!1), g == null || g();
+  }, [a, g, C, m]);
+  const _ = () => {
+    A(!0), setTimeout(() => {
+      R(!1), u == null || u();
     }, 300);
-  }, e = {
-    small: "10px 8px",
+  }, c = {
+    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"
+    }
+  }, f = {
+    small: {
+      title: "small2Medium",
+      actionButton: "small2Regular",
+      body: "small5Regular"
+    },
+    medium: {
+      title: "bodyMedium",
+      actionButton: "bodyRegular",
+      body: "small2Regular"
+    },
+    large: {
+      title: "title6Medium",
+      actionButton: "title6Regular",
+      body: "bodyRegular"
+    }
+  }, $ = (d, n) => {
+    switch (d) {
       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: c[n],
+          borderRadius: l[n]
         };
       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: c[n],
+          borderRadius: l[n]
         };
       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: c[n],
+          borderRadius: l[n]
         };
       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: c[n],
+          borderRadius: l[n]
         };
       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: c[n],
+          borderRadius: l[n]
         };
       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: c[n],
+          borderRadius: l[n]
         };
       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: c[n],
+          borderRadius: l[n]
         };
       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: c[n],
+          borderRadius: l[n]
         };
     }
-  }, 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 (!a) return null;
+  const T = [
+    t.toast,
+    m ? t.exiting : t.entering,
+    I
+  ].filter(Boolean).join(" "), o = $(y, r);
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: I,
+      className: T,
       style: {
-        border: "1px solid " + n.borderColor,
-        background: n.background,
-        padding: n.padding,
-        borderRadius: n.borderRadius,
-        ...M
+        border: "1px solid " + o.borderColor,
+        background: o.background,
+        padding: o.padding,
+        borderRadius: o.borderRadius,
+        ...k
       },
       role: "alert",
       "aria-live": "polite",
-      children: [
-        /* @__PURE__ */ B("div", { className: r.topRow, children: [
-          /* @__PURE__ */ t("div", { className: r.iconContainer, children: /* @__PURE__ */ t(
-            w,
-            {
-              name: E || "Info",
-              fill: k(i, s) || "#2054A5",
-              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(
+      children: /* @__PURE__ */ b(
+        "div",
+        {
+          className: `${t.topRow} ${e ? t.withAction : ""} ${t[r]}`,
+          children: [
+            /* @__PURE__ */ b(
               "div",
               {
-                className: r[T[s].body],
-                style: { color: n.borderColor },
-                children: v
+                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
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            e && /* @__PURE__ */ b(
+              "button",
+              {
+                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 })
+                ]
+              }
+            ),
+            E && /* @__PURE__ */ i(
+              "button",
+              {
+                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
+                  }
+                )
               }
             )
-          ] }),
-          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,
-          {
-            onClick: p.function,
-            variant: "outline",
-            size: s,
-            className: r.actionButton,
-            fullWidth: !0,
-            children: p.label
-          }
-        ) }),
-        u && d > 0 && /* @__PURE__ */ t(
-          "div",
-          {
-            className: r.progressBar,
-            style: {
-              animationDuration: `${d}ms`,
-              animationPlayState: _ ? "paused" : "running"
-            }
-          }
-        )
-      ]
+          ]
+        }
+      )
     }
   );
 };
 export {
-  po as StaticToast
+  S 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;