@onpe/ui 1.2.49 → 1.2.51

package/dist/components/ErrorHandling/ModalBrowserIncompatible/ModalBrowserIncompatible.d.ts

@@ -3,7 +3,8 @@ export interface ModalBrowserIncompatibleProps {
     isOpen: boolean;
     onClose: () => void;
     className?: string;
+    zIndexLevel?: number;
 }
-export declare const ModalBrowserIncompatible: ({ isOpen, onClose, className }: ModalBrowserIncompatibleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalBrowserIncompatible: ({ isOpen, onClose, className, zIndexLevel }: ModalBrowserIncompatibleProps) => import("react/jsx-runtime").JSX.Element;
 export default ModalBrowserIncompatible;
 //# sourceMappingURL=ModalBrowserIncompatible.d.ts.map

package/dist/components/ErrorHandling/ModalSystemIncompatible/ModalSystemIncompatible.d.ts

@@ -3,7 +3,8 @@ export interface ModalSystemIncompatibleProps {
     isOpen: boolean;
     onClose: () => void;
     className?: string;
+    zIndexLevel?: number;
 }
-export declare const ModalSystemIncompatible: ({ isOpen, onClose, className }: ModalSystemIncompatibleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalSystemIncompatible: ({ isOpen, onClose, className, zIndexLevel }: ModalSystemIncompatibleProps) => import("react/jsx-runtime").JSX.Element;
 export default ModalSystemIncompatible;
 //# sourceMappingURL=ModalSystemIncompatible.d.ts.map

package/dist/components/Feedback/ModalConfirm/ModalConfirm.d.ts

@@ -12,7 +12,8 @@ export interface ModalConfirmProps {
     textButtonCancel?: string;
     twoButtons?: boolean;
     className?: string;
+    zIndexLevel?: number;
 }
-export declare const ModalConfirm: ({ isOpen, onClose, title, message, icon, color, onConfirm, onCancel, textButtonConfirm, textButtonCancel, twoButtons, className, }: ModalConfirmProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalConfirm: ({ isOpen, onClose, title, message, icon, color, onConfirm, onCancel, textButtonConfirm, textButtonCancel, twoButtons, className, zIndexLevel, }: ModalConfirmProps) => import("react/jsx-runtime").JSX.Element;
 export default ModalConfirm;
 //# sourceMappingURL=ModalConfirm.d.ts.map

package/dist/components/Feedback/ModalDnieVersions/ModalDnieVersions.d.ts

@@ -1,9 +1,14 @@
+import { ReactNode } from "react";
 import "./ModalDnieVersions.css";
 export interface ModalDnieVersionsProps {
     isOpen: boolean;
     onClose: () => void;
     className?: string;
+    iconDnie1: ReactNode;
+    iconDnie2: ReactNode;
+    iconDnie3: ReactNode;
+    zIndexLevel?: number;
 }
-export declare const ModalDnieVersions: ({ isOpen, onClose, className }: ModalDnieVersionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalDnieVersions: ({ isOpen, onClose, className, iconDnie1, iconDnie2, iconDnie3, zIndexLevel, }: ModalDnieVersionsProps) => import("react/jsx-runtime").JSX.Element;
 export default ModalDnieVersions;
 //# sourceMappingURL=ModalDnieVersions.d.ts.map

package/dist/components/Feedback/ModalLoading/ModalLoading.d.ts

@@ -4,7 +4,8 @@ export interface ModalLoadingProps {
     onClose?: () => void;
     message?: string;
     className?: string;
+    zIndexLevel?: number;
 }
-export declare const ModalLoading: ({ isOpen, onClose, message, className }: ModalLoadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalLoading: ({ isOpen, onClose, message, className, zIndexLevel, }: ModalLoadingProps) => import("react/jsx-runtime").JSX.Element;
 export default ModalLoading;
 //# sourceMappingURL=ModalLoading.d.ts.map

package/dist/components/Feedback/ModalNfc/ModalNfc.d.ts

@@ -1,9 +1,13 @@
+import { ReactNode } from "react";
 import "./ModalNfc.css";
 export interface ModalNfcProps {
     isOpen: boolean;
     onClose: () => void;
     className?: string;
+    iconNfc1: ReactNode;
+    iconNfc2: ReactNode;
+    zIndexLevel?: number;
 }
-export declare const ModalNfc: ({ isOpen, onClose, className }: ModalNfcProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalNfc: ({ isOpen, onClose, className, iconNfc1, iconNfc2, zIndexLevel }: ModalNfcProps) => import("react/jsx-runtime").JSX.Element;
 export default ModalNfc;
 //# sourceMappingURL=ModalNfc.d.ts.map

package/dist/components/Modal/Modal.d.ts

@@ -5,11 +5,11 @@ export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
     onClose: () => void;
     children: ReactNode;
     whitoutBackground?: boolean;
-    topAbsolute?: boolean;
     closeButton?: boolean;
     closeDisabled?: boolean;
+    zIndexLevel?: number;
     overlayColor?: "blue" | "skyblue" | "skyblue-light" | "yellow" | "light-skyblue" | "gray" | "gray-light" | "gray-extra-light" | "red" | "dark-gray" | "green" | "yellow-light" | "primary";
 }
-export declare const Modal: ({ isOpen, onClose, children, whitoutBackground, topAbsolute, closeButton, closeDisabled, overlayColor, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ isOpen, onClose, children, whitoutBackground, closeButton, closeDisabled, zIndexLevel, overlayColor, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element;
 export default Modal;
 //# sourceMappingURL=Modal.d.ts.map

package/dist/components.css

@@ -235,16 +235,13 @@ body.onpe-modal-open {
 
 .onpe-modal-container.onpe-modal-open {
   opacity: 1;
-  z-index: 50;
+  pointer-events: auto;
 }
 
-.onpe-modal-container.onpe-modal-open.onpe-modal-top-absolute {
-  z-index: 100;
-}
 
 .onpe-modal-container.onpe-modal-closed {
   opacity: 0;
-  z-index: -10;
+  pointer-events: none;
 }
 
 .onpe-modal-content-wrapper {

package/dist/components.d.ts

@@ -34,19 +34,20 @@ interface ModalProps extends HTMLAttributes<HTMLDivElement> {
     onClose: () => void;
     children: ReactNode;
     whitoutBackground?: boolean;
-    topAbsolute?: boolean;
     closeButton?: boolean;
     closeDisabled?: boolean;
+    zIndexLevel?: number;
     overlayColor?: "blue" | "skyblue" | "skyblue-light" | "yellow" | "light-skyblue" | "gray" | "gray-light" | "gray-extra-light" | "red" | "dark-gray" | "green" | "yellow-light" | "primary";
 }
-declare const Modal: ({ isOpen, onClose, children, whitoutBackground, topAbsolute, closeButton, closeDisabled, overlayColor, ...props }: ModalProps) => react_jsx_runtime.JSX.Element;
+declare const Modal: ({ isOpen, onClose, children, whitoutBackground, closeButton, closeDisabled, zIndexLevel, overlayColor, ...props }: ModalProps) => react_jsx_runtime.JSX.Element;
 
 interface ModalBrowserIncompatibleProps {
     isOpen: boolean;
     onClose: () => void;
     className?: string;
+    zIndexLevel?: number;
 }
-declare const ModalBrowserIncompatible: ({ isOpen, onClose, className }: ModalBrowserIncompatibleProps) => react_jsx_runtime.JSX.Element;
+declare const ModalBrowserIncompatible: ({ isOpen, onClose, className, zIndexLevel }: ModalBrowserIncompatibleProps) => react_jsx_runtime.JSX.Element;
 
 interface ModalConfirmProps {
     isOpen: boolean;
@@ -61,23 +62,26 @@ interface ModalConfirmProps {
     textButtonCancel?: string;
     twoButtons?: boolean;
     className?: string;
+    zIndexLevel?: number;
 }
-declare const ModalConfirm: ({ isOpen, onClose, title, message, icon, color, onConfirm, onCancel, textButtonConfirm, textButtonCancel, twoButtons, className, }: ModalConfirmProps) => react_jsx_runtime.JSX.Element;
+declare const ModalConfirm: ({ isOpen, onClose, title, message, icon, color, onConfirm, onCancel, textButtonConfirm, textButtonCancel, twoButtons, className, zIndexLevel, }: ModalConfirmProps) => react_jsx_runtime.JSX.Element;
 
 interface ModalLoadingProps {
     isOpen: boolean;
     onClose?: () => void;
     message?: string;
     className?: string;
+    zIndexLevel?: number;
 }
-declare const ModalLoading: ({ isOpen, onClose, message, className }: ModalLoadingProps) => react_jsx_runtime.JSX.Element;
+declare const ModalLoading: ({ isOpen, onClose, message, className, zIndexLevel, }: ModalLoadingProps) => react_jsx_runtime.JSX.Element;
 
 interface ModalSystemIncompatibleProps {
     isOpen: boolean;
     onClose: () => void;
     className?: string;
+    zIndexLevel?: number;
 }
-declare const ModalSystemIncompatible: ({ isOpen, onClose, className }: ModalSystemIncompatibleProps) => react_jsx_runtime.JSX.Element;
+declare const ModalSystemIncompatible: ({ isOpen, onClose, className, zIndexLevel }: ModalSystemIncompatibleProps) => react_jsx_runtime.JSX.Element;
 
 interface FooterProps extends react__default.HTMLAttributes<HTMLDivElement> {
     showBrowserInfo?: boolean;
@@ -94,15 +98,22 @@ interface ModalDnieVersionsProps {
     isOpen: boolean;
     onClose: () => void;
     className?: string;
+    iconDnie1: ReactNode;
+    iconDnie2: ReactNode;
+    iconDnie3: ReactNode;
+    zIndexLevel?: number;
 }
-declare const ModalDnieVersions: ({ isOpen, onClose, className }: ModalDnieVersionsProps) => react_jsx_runtime.JSX.Element;
+declare const ModalDnieVersions: ({ isOpen, onClose, className, iconDnie1, iconDnie2, iconDnie3, zIndexLevel, }: ModalDnieVersionsProps) => react_jsx_runtime.JSX.Element;
 
 interface ModalNfcProps {
     isOpen: boolean;
     onClose: () => void;
     className?: string;
+    iconNfc1: ReactNode;
+    iconNfc2: ReactNode;
+    zIndexLevel?: number;
 }
-declare const ModalNfc: ({ isOpen, onClose, className }: ModalNfcProps) => react_jsx_runtime.JSX.Element;
+declare const ModalNfc: ({ isOpen, onClose, className, iconNfc1, iconNfc2, zIndexLevel }: ModalNfcProps) => react_jsx_runtime.JSX.Element;
 
 export { BrowserRecommended, Button, Footer, Modal, ModalBrowserIncompatible, ModalConfirm, ModalDnieVersions, ModalLoading, ModalNfc, ModalSystemIncompatible, Overlay, Portal, Show };
 export type { ButtonProps, FooterProps, ModalBrowserIncompatibleProps, ModalConfirmProps, ModalDnieVersionsProps, ModalLoadingProps, ModalNfcProps, ModalProps, ModalSystemIncompatibleProps, OverlayProps, PortalProps, ShowProps };

package/dist/components.esm.css

@@ -235,16 +235,13 @@ body.onpe-modal-open {
 
 .onpe-modal-container.onpe-modal-open {
   opacity: 1;
-  z-index: 50;
+  pointer-events: auto;
 }
 
-.onpe-modal-container.onpe-modal-open.onpe-modal-top-absolute {
-  z-index: 100;
-}
 
 .onpe-modal-container.onpe-modal-closed {
   opacity: 0;
-  z-index: -10;
+  pointer-events: none;
 }
 
 .onpe-modal-content-wrapper {