@m4l/components 9.3.2-B04082025-beta.3 → 9.3.2-B11082025-beta.1

package/components/ToastContainer/constants.d.ts

@@ -1,3 +1,673 @@
 export declare const TOAST_KEY_COMPONENT = "M4LToastContainer";
 export declare const DEFAULT_CLOSE_TIME = 30000;
 export declare const ICONS_PATH = "frontend/components/toast/assets/icons";
+export declare const TOAST_NATIVE_STYLES: {
+    '&': {
+        '--toastify-color-light': string;
+        '--toastify-color-dark': string;
+        '--toastify-color-info': string;
+        '--toastify-color-success': string;
+        '--toastify-color-warning': string;
+        '--toastify-color-error': string;
+        '--toastify-color-transparent': string;
+        '--toastify-icon-color-info': string;
+        '--toastify-icon-color-success': string;
+        '--toastify-icon-color-warning': string;
+        '--toastify-icon-color-error': string;
+        '--toastify-toast-width': string;
+        '--toastify-toast-offset': string;
+        '--toastify-toast-top': string;
+        '--toastify-toast-right': string;
+        '--toastify-toast-left': string;
+        '--toastify-toast-bottom': string;
+        '--toastify-toast-background': string;
+        '--toastify-toast-min-height': string;
+        '--toastify-toast-max-height': string;
+        '--toastify-toast-bd-radius': string;
+        '--toastify-font-family': string;
+        '--toastify-z-index': string;
+        '--toastify-text-color-light': string;
+        '--toastify-text-color-dark': string;
+        '--toastify-text-color-info': string;
+        '--toastify-text-color-success': string;
+        '--toastify-text-color-warning': string;
+        '--toastify-text-color-error': string;
+        '--toastify-spinner-color': string;
+        '--toastify-spinner-color-empty-area': string;
+        '--toastify-color-progress-light': string;
+        '--toastify-color-progress-dark': string;
+        '--toastify-color-progress-info': string;
+        '--toastify-color-progress-success': string;
+        '--toastify-color-progress-warning': string;
+        '--toastify-color-progress-error': string;
+        '--toastify-color-progress-bgo': string;
+    };
+    '.Toastify__toast-container': {
+        zIndex: string;
+        position: string;
+        padding: string;
+        width: string;
+        boxSizing: string;
+        color: string;
+    };
+    '.Toastify__toast-container--top-left': {
+        top: string;
+        left: string;
+    };
+    '.Toastify__toast-container--top-center': {
+        top: string;
+        left: string;
+        transform: string;
+    };
+    '.Toastify__toast-container--top-right': {
+        top: string;
+        right: string;
+    };
+    '.Toastify__toast-container--bottom-left': {
+        bottom: string;
+        left: string;
+    };
+    '.Toastify__toast-container--bottom-center': {
+        bottom: string;
+        left: string;
+        transform: string;
+    };
+    '.Toastify__toast-container--bottom-right': {
+        bottom: string;
+        right: string;
+    };
+    '@media only screen and (max-width: 480px)': {
+        '.Toastify__toast': {
+            marginBottom: number;
+            borderRadius: number;
+        };
+        '.Toastify__toast-container': {
+            width: string;
+            padding: string;
+            left: string;
+            margin: string;
+        };
+        '.Toastify__toast-container--top-center, .Toastify__toast-container--top-left, .Toastify__toast-container--top-right': {
+            top: string;
+            transform: string;
+        };
+        '.Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-right': {
+            bottom: string;
+            transform: string;
+        };
+        '.Toastify__toast-container--rtl': {
+            right: string;
+            left: string;
+        };
+    };
+    '.Toastify__toast': {
+        '--y': string;
+        position: string;
+        msTouchAction: string;
+        touchAction: string;
+        minHeight: string;
+        boxSizing: string;
+        marginBottom: string;
+        padding: string;
+        borderRadius: string;
+        boxShadow: string;
+        display: string;
+        msFlexPack: string;
+        justifyContent: string;
+        maxHeight: string;
+        fontFamily: string;
+        cursor: string;
+        direction: string;
+        zIndex: number;
+        overflow: string;
+    };
+    '.Toastify__toast--stacked': {
+        position: string;
+        width: string;
+        transform: string;
+        transition: string;
+    };
+    '.Toastify__toast--stacked[data-collapsed] .Toastify__close-button, .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body': {
+        transition: string;
+    };
+    '.Toastify__toast--stacked[data-collapsed="false"]': {
+        overflow: string;
+    };
+    '.Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > *': {
+        opacity: number;
+    };
+    '.Toastify__toast--stacked:after': {
+        content: string;
+        position: string;
+        left: number;
+        right: number;
+        height: string;
+        bottom: string;
+        test: string;
+    };
+    '.Toastify__toast--stacked[data-pos="top"]': {
+        top: number;
+    };
+    '.Toastify__toast--stacked[data-pos="bot"]': {
+        bottom: number;
+    };
+    '.Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked:before': {
+        transformOrigin: string;
+    };
+    '.Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked:before': {
+        transformOrigin: string;
+    };
+    '.Toastify__toast--stacked:before': {
+        content: string;
+        position: string;
+        left: number;
+        right: number;
+        bottom: number;
+        height: string;
+        transform: string;
+        zIndex: number;
+    };
+    '.Toastify__toast--rtl': {
+        direction: string;
+    };
+    '.Toastify__toast--close-on-click': {
+        cursor: string;
+    };
+    '.Toastify__toast-body': {
+        margin: string;
+        msFlex: string;
+        flex: string;
+        padding: string;
+        display: string;
+        msFlexAlign: string;
+        alignItems: string;
+    };
+    '.Toastify__toast-body > div:last-child': {
+        wordBreak: string;
+        msFlex: string;
+        flex: string;
+    };
+    '.Toastify__toast-icon': {
+        marginInlineEnd: string;
+        width: string;
+        msFlexNegative: number;
+        flexShrink: number;
+        display: string;
+    };
+    '.Toastify--animate': {
+        animationFillMode: string;
+        animationDuration: string;
+    };
+    '.Toastify--animate-icon': {
+        animationFillMode: string;
+        animationDuration: string;
+    };
+    '.Toastify__toast-theme--dark': {
+        background: string;
+        color: string;
+    };
+    '.Toastify__toast-theme--colored.Toastify__toast--default, .Toastify__toast-theme--light': {
+        background: string;
+        color: string;
+    };
+    '.Toastify__toast-theme--colored.Toastify__toast--info': {
+        color: string;
+        background: string;
+    };
+    '.Toastify__toast-theme--colored.Toastify__toast--success': {
+        color: string;
+        background: string;
+    };
+    '.Toastify__toast-theme--colored.Toastify__toast--warning': {
+        color: string;
+        background: string;
+    };
+    '.Toastify__toast-theme--colored.Toastify__toast--error': {
+        color: string;
+        background: string;
+    };
+    '.Toastify__progress-bar-theme--light': {
+        background: string;
+    };
+    '.Toastify__progress-bar-theme--dark': {
+        background: string;
+    };
+    '.Toastify__progress-bar--info': {
+        background: string;
+    };
+    '.Toastify__progress-bar--success': {
+        background: string;
+    };
+    '.Toastify__progress-bar--warning': {
+        background: string;
+    };
+    '.Toastify__progress-bar--error': {
+        background: string;
+    };
+    '.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning': {
+        background: string;
+    };
+    '.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning': {
+        background: string;
+    };
+    '.Toastify__close-button': {
+        color: string;
+        background: string;
+        outline: string;
+        border: string;
+        padding: string;
+        cursor: string;
+        opacity: number;
+        transition: string;
+        msFlexItemAlign: string;
+        alignSelf: string;
+        zIndex: number;
+    };
+    '.Toastify__close-button--light': {
+        color: string;
+        opacity: number;
+    };
+    '.Toastify__close-button > svg': {
+        fill: string;
+        height: string;
+        width: string;
+    };
+    '.Toastify__close-button:focus, .Toastify__close-button:hover': {
+        opacity: number;
+    };
+    '@keyframes Toastify__trackProgress': {
+        '0%': {
+            transform: string;
+        };
+        to: {
+            transform: string;
+        };
+    };
+    '.Toastify__progress-bar': {
+        position: string;
+        bottom: string;
+        left: string;
+        width: string;
+        height: string;
+        zIndex: string;
+        opacity: number;
+        transformOrigin: string;
+        borderBottomLeftRadius: string;
+    };
+    '.Toastify__progress-bar--animated': {
+        animation: string;
+    };
+    '.Toastify__progress-bar--controlled': {
+        transition: string;
+    };
+    '.Toastify__progress-bar--rtl': {
+        right: number;
+        left: string;
+        transformOrigin: string;
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: string;
+    };
+    '.Toastify__progress-bar--wrp': {
+        position: string;
+        bottom: number;
+        left: number;
+        width: string;
+        height: string;
+        borderBottomLeftRadius: string;
+    };
+    '.Toastify__progress-bar--wrp[data-hidden="true"]': {
+        opacity: number;
+    };
+    '.Toastify__progress-bar--bg': {
+        opacity: string;
+        width: string;
+        height: string;
+    };
+    '.Toastify__spinner': {
+        width: string;
+        height: string;
+        boxSizing: string;
+        border: string;
+        borderRadius: string;
+        borderColor: string;
+        borderRightColor: string;
+        animation: string;
+    };
+    '@keyframes Toastify__bounceInRight': {
+        '0%, 60%, 75%, 90%, to': {
+            animationTimingFunction: string;
+        };
+        '0%': {
+            opacity: number;
+            transform: string;
+        };
+        '60%': {
+            opacity: number;
+            transform: string;
+        };
+        '75%': {
+            transform: string;
+        };
+        '90%': {
+            transform: string;
+        };
+        to: {
+            transform: string;
+        };
+    };
+    '@keyframes Toastify__bounceOutRight': {
+        '20%': {
+            opacity: number;
+            transform: string;
+        };
+        to: {
+            opacity: number;
+            transform: string;
+        };
+    };
+    '@keyframes Toastify__bounceInLeft': {
+        '0%, 60%, 75%, 90%, to': {
+            animationTimingFunction: string;
+        };
+        '0%': {
+            opacity: number;
+            transform: string;
+        };
+        '60%': {
+            opacity: number;
+            transform: string;
+        };
+        '75%': {
+            transform: string;
+        };
+        '90%': {
+            transform: string;
+        };
+        to: {
+            transform: string;
+        };
+    };
+    '@keyframes Toastify__bounceOutLeft': {
+        '20%': {
+            opacity: number;
+            transform: string;
+        };
+        to: {
+            opacity: number;
+            transform: string;
+        };
+    };
+    '@keyframes Toastify__bounceInUp': {
+        '0%, 60%, 75%, 90%, to': {
+            animationTimingFunction: string;
+        };
+        '0%': {
+            opacity: number;
+            transform: string;
+        };
+        '60%': {
+            opacity: number;
+            transform: string;
+        };
+        '75%': {
+            transform: string;
+        };
+        '90%': {
+            transform: string;
+        };
+        to: {
+            transform: string;
+        };
+    };
+    '@keyframes Toastify__bounceOutUp': {
+        '20%': {
+            transform: string;
+        };
+        '40%, 45%': {
+            opacity: number;
+            transform: string;
+        };
+        to: {
+            opacity: number;
+            transform: string;
+        };
+    };
+    '@keyframes Toastify__bounceInDown': {
+        '0%, 60%, 75%, 90%, to': {
+            animationTimingFunction: string;
+        };
+        '0%': {
+            opacity: number;
+            transform: string;
+        };
+        '60%': {
+            opacity: number;
+            transform: string;
+        };
+        '75%': {
+            transform: string;
+        };
+        '90%': {
+            transform: string;
+        };
+        to: {
+            transform: string;
+        };
+    };
+    '@keyframes Toastify__bounceOutDown': {
+        '20%': {
+            transform: string;
+        };
+        '40%, 45%': {
+            opacity: number;
+            transform: string;
+        };
+        to: {
+            opacity: number;
+            transform: string;
+        };
+    };
+    '.Toastify__bounce-enter--bottom-left, .Toastify__bounce-enter--top-left': {
+        animationName: string;
+    };
+    '.Toastify__bounce-enter--bottom-right, .Toastify__bounce-enter--top-right': {
+        animationName: string;
+    };
+    '.Toastify__bounce-enter--top-center': {
+        animationName: string;
+    };
+    '.Toastify__bounce-enter--bottom-center': {
+        animationName: string;
+    };
+    '.Toastify__bounce-exit--bottom-left, .Toastify__bounce-exit--top-left': {
+        animationName: string;
+    };
+    '.Toastify__bounce-exit--bottom-right, .Toastify__bounce-exit--top-right': {
+        animationName: string;
+    };
+    '.Toastify__bounce-exit--top-center': {
+        animationName: string;
+    };
+    '.Toastify__bounce-exit--bottom-center': {
+        animationName: string;
+    };
+    '@keyframes Toastify__zoomIn': {
+        '0%': {
+            opacity: number;
+            transform: string;
+        };
+        '50%': {
+            opacity: number;
+        };
+    };
+    '@keyframes Toastify__zoomOut': {
+        '0%': {
+            opacity: number;
+        };
+        '50%': {
+            opacity: number;
+            transform: string;
+        };
+        to: {
+            opacity: number;
+        };
+    };
+    '.Toastify__zoom-enter': {
+        animationName: string;
+    };
+    '.Toastify__zoom-exit': {
+        animationName: string;
+    };
+    '@keyframes Toastify__flipIn': {
+        '0%': {
+            transform: string;
+            animationTimingFunction: string;
+            opacity: number;
+        };
+        '40%': {
+            transform: string;
+            animationTimingFunction: string;
+        };
+        '60%': {
+            transform: string;
+            opacity: number;
+        };
+        '80%': {
+            transform: string;
+        };
+        to: {
+            transform: string;
+        };
+    };
+    '@keyframes Toastify__flipOut': {
+        '0%': {
+            transform: string;
+        };
+        '30%': {
+            transform: string;
+            opacity: number;
+        };
+        to: {
+            transform: string;
+            opacity: number;
+        };
+    };
+    '.Toastify__flip-enter': {
+        animationName: string;
+    };
+    '.Toastify__flip-exit': {
+        animationName: string;
+    };
+    '@keyframes Toastify__slideInRight': {
+        '0%': {
+            transform: string;
+            visibility: string;
+        };
+        to: {
+            transform: string;
+        };
+    };
+    '@keyframes Toastify__slideInLeft': {
+        '0%': {
+            transform: string;
+            visibility: string;
+        };
+        to: {
+            transform: string;
+        };
+    };
+    '@keyframes Toastify__slideInUp': {
+        '0%': {
+            transform: string;
+            visibility: string;
+        };
+        to: {
+            transform: string;
+        };
+    };
+    '@keyframes Toastify__slideInDown': {
+        '0%': {
+            transform: string;
+            visibility: string;
+        };
+        to: {
+            transform: string;
+        };
+    };
+    '@keyframes Toastify__slideOutRight': {
+        '0%': {
+            transform: string;
+        };
+        to: {
+            visibility: string;
+            transform: string;
+        };
+    };
+    '@keyframes Toastify__slideOutLeft': {
+        '0%': {
+            transform: string;
+        };
+        to: {
+            visibility: string;
+            transform: string;
+        };
+    };
+    '@keyframes Toastify__slideOutDown': {
+        '0%': {
+            transform: string;
+        };
+        to: {
+            visibility: string;
+            transform: string;
+        };
+    };
+    '@keyframes Toastify__slideOutUp': {
+        '0%': {
+            transform: string;
+        };
+        to: {
+            visibility: string;
+            transform: string;
+        };
+    };
+    '.Toastify__slide-enter--bottom-left, .Toastify__slide-enter--top-left': {
+        animationName: string;
+    };
+    '.Toastify__slide-enter--bottom-right, .Toastify__slide-enter--top-right': {
+        animationName: string;
+    };
+    '.Toastify__slide-enter--top-center': {
+        animationName: string;
+    };
+    '.Toastify__slide-enter--bottom-center': {
+        animationName: string;
+    };
+    '.Toastify__slide-exit--bottom-left, .Toastify__slide-exit--top-left': {
+        animationName: string;
+        animationTimingFunction: string;
+        animationDuration: string;
+    };
+    '.Toastify__slide-exit--bottom-right, .Toastify__slide-exit--top-right': {
+        animationName: string;
+        animationTimingFunction: string;
+        animationDuration: string;
+    };
+    '.Toastify__slide-exit--top-center': {
+        animationName: string;
+        animationTimingFunction: string;
+        animationDuration: string;
+    };
+    '.Toastify__slide-exit--bottom-center': {
+        animationName: string;
+        animationTimingFunction: string;
+        animationDuration: string;
+    };
+    '@keyframes Toastify__spin': {
+        '0%': {
+            transform: string;
+        };
+        to: {
+            transform: string;
+        };
+    };
+};