@onpe/ui 1.2.49 → 1.2.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/components/ErrorHandling/ModalBrowserIncompatible/ModalBrowserIncompatible.d.ts +2 -1
  2. package/dist/components/ErrorHandling/ModalSystemIncompatible/ModalSystemIncompatible.d.ts +2 -1
  3. package/dist/components/Feedback/ModalConfirm/ModalConfirm.d.ts +2 -1
  4. package/dist/components/Feedback/ModalDnieVersions/ModalDnieVersions.d.ts +6 -1
  5. package/dist/components/Feedback/ModalLoading/ModalLoading.d.ts +2 -1
  6. package/dist/components/Feedback/ModalNfc/ModalNfc.d.ts +5 -1
  7. package/dist/components/Modal/Modal.d.ts +2 -2
  8. package/dist/components.css +2 -5
  9. package/dist/components.d.ts +19 -8
  10. package/dist/components.esm.css +2 -5
  11. package/dist/components.esm.js +1 -1
  12. package/dist/components.js +1 -1
  13. package/dist/icons/Actions/IconMobileNfc/IconMobileNfc.backup.d.ts +4 -0
  14. package/dist/icons/Actions/IconMobileNfc/IconMobileNfc.d.ts +0 -1
  15. package/dist/icons/Actions/index.d.ts +0 -1
  16. package/dist/icons/ONPE/IconDnie3/IconDnie3.backup.d.ts +4 -0
  17. package/dist/icons/ONPE/IconDnie3/IconDnie3.d.ts +0 -1
  18. package/dist/icons/ONPE/IconNfc/IconNfc.backup.d.ts +4 -0
  19. package/dist/icons/ONPE/IconNfc/IconNfc.d.ts +0 -1
  20. package/dist/icons/ONPE/index.d.ts +0 -5
  21. package/dist/icons-actions.d.ts +1 -3
  22. package/dist/icons-actions.esm.js +1 -1
  23. package/dist/icons-actions.js +1 -1
  24. package/dist/icons-onpe.d.ts +1 -11
  25. package/dist/icons-onpe.esm.js +1 -1
  26. package/dist/icons-onpe.js +1 -1
  27. package/dist/icons.d.ts +1 -13
  28. package/dist/icons.esm.js +1 -1
  29. package/dist/icons.js +1 -1
  30. package/dist/index.css +2 -5
  31. package/dist/index.d.ts +20 -21
  32. package/dist/index.esm.css +2 -5
  33. package/dist/index.esm.js +1 -1
  34. package/dist/index.js +1 -1
  35. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -235,16 +235,13 @@ body.onpe-modal-open {
235
235
 
236
236
  .onpe-modal-container.onpe-modal-open {
237
237
  opacity: 1;
238
- z-index: 50;
238
+ pointer-events: auto;
239
239
  }
240
240
 
241
- .onpe-modal-container.onpe-modal-open.onpe-modal-top-absolute {
242
- z-index: 100;
243
- }
244
241
 
245
242
  .onpe-modal-container.onpe-modal-closed {
246
243
  opacity: 0;
247
- z-index: -10;
244
+ pointer-events: none;
248
245
  }
249
246
 
250
247
  .onpe-modal-content-wrapper {
package/dist/index.d.ts CHANGED
@@ -34,19 +34,20 @@ interface ModalProps extends HTMLAttributes<HTMLDivElement> {
34
34
  onClose: () => void;
35
35
  children: ReactNode;
36
36
  whitoutBackground?: boolean;
37
- topAbsolute?: boolean;
38
37
  closeButton?: boolean;
39
38
  closeDisabled?: boolean;
39
+ zIndexLevel?: number;
40
40
  overlayColor?: "blue" | "skyblue" | "skyblue-light" | "yellow" | "light-skyblue" | "gray" | "gray-light" | "gray-extra-light" | "red" | "dark-gray" | "green" | "yellow-light" | "primary";
41
41
  }
42
- declare const Modal: ({ isOpen, onClose, children, whitoutBackground, topAbsolute, closeButton, closeDisabled, overlayColor, ...props }: ModalProps) => react_jsx_runtime.JSX.Element;
42
+ declare const Modal: ({ isOpen, onClose, children, whitoutBackground, closeButton, closeDisabled, zIndexLevel, overlayColor, ...props }: ModalProps) => react_jsx_runtime.JSX.Element;
43
43
 
44
44
  interface ModalBrowserIncompatibleProps {
45
45
  isOpen: boolean;
46
46
  onClose: () => void;
47
47
  className?: string;
48
+ zIndexLevel?: number;
48
49
  }
49
- declare const ModalBrowserIncompatible: ({ isOpen, onClose, className }: ModalBrowserIncompatibleProps) => react_jsx_runtime.JSX.Element;
50
+ declare const ModalBrowserIncompatible: ({ isOpen, onClose, className, zIndexLevel }: ModalBrowserIncompatibleProps) => react_jsx_runtime.JSX.Element;
50
51
 
51
52
  interface ModalConfirmProps {
52
53
  isOpen: boolean;
@@ -61,23 +62,26 @@ interface ModalConfirmProps {
61
62
  textButtonCancel?: string;
62
63
  twoButtons?: boolean;
63
64
  className?: string;
65
+ zIndexLevel?: number;
64
66
  }
65
- declare const ModalConfirm: ({ isOpen, onClose, title, message, icon, color, onConfirm, onCancel, textButtonConfirm, textButtonCancel, twoButtons, className, }: ModalConfirmProps) => react_jsx_runtime.JSX.Element;
67
+ declare const ModalConfirm: ({ isOpen, onClose, title, message, icon, color, onConfirm, onCancel, textButtonConfirm, textButtonCancel, twoButtons, className, zIndexLevel, }: ModalConfirmProps) => react_jsx_runtime.JSX.Element;
66
68
 
67
69
  interface ModalLoadingProps {
68
70
  isOpen: boolean;
69
71
  onClose?: () => void;
70
72
  message?: string;
71
73
  className?: string;
74
+ zIndexLevel?: number;
72
75
  }
73
- declare const ModalLoading: ({ isOpen, onClose, message, className }: ModalLoadingProps) => react_jsx_runtime.JSX.Element;
76
+ declare const ModalLoading: ({ isOpen, onClose, message, className, zIndexLevel, }: ModalLoadingProps) => react_jsx_runtime.JSX.Element;
74
77
 
75
78
  interface ModalSystemIncompatibleProps {
76
79
  isOpen: boolean;
77
80
  onClose: () => void;
78
81
  className?: string;
82
+ zIndexLevel?: number;
79
83
  }
80
- declare const ModalSystemIncompatible: ({ isOpen, onClose, className }: ModalSystemIncompatibleProps) => react_jsx_runtime.JSX.Element;
84
+ declare const ModalSystemIncompatible: ({ isOpen, onClose, className, zIndexLevel }: ModalSystemIncompatibleProps) => react_jsx_runtime.JSX.Element;
81
85
 
82
86
  interface FooterProps extends react__default.HTMLAttributes<HTMLDivElement> {
83
87
  showBrowserInfo?: boolean;
@@ -94,15 +98,22 @@ interface ModalDnieVersionsProps {
94
98
  isOpen: boolean;
95
99
  onClose: () => void;
96
100
  className?: string;
101
+ iconDnie1: ReactNode;
102
+ iconDnie2: ReactNode;
103
+ iconDnie3: ReactNode;
104
+ zIndexLevel?: number;
97
105
  }
98
- declare const ModalDnieVersions: ({ isOpen, onClose, className }: ModalDnieVersionsProps) => react_jsx_runtime.JSX.Element;
106
+ declare const ModalDnieVersions: ({ isOpen, onClose, className, iconDnie1, iconDnie2, iconDnie3, zIndexLevel, }: ModalDnieVersionsProps) => react_jsx_runtime.JSX.Element;
99
107
 
100
108
  interface ModalNfcProps {
101
109
  isOpen: boolean;
102
110
  onClose: () => void;
103
111
  className?: string;
112
+ iconNfc1: ReactNode;
113
+ iconNfc2: ReactNode;
114
+ zIndexLevel?: number;
104
115
  }
105
- declare const ModalNfc: ({ isOpen, onClose, className }: ModalNfcProps) => react_jsx_runtime.JSX.Element;
116
+ declare const ModalNfc: ({ isOpen, onClose, className, iconNfc1, iconNfc2, zIndexLevel }: ModalNfcProps) => react_jsx_runtime.JSX.Element;
106
117
 
107
118
  declare const IconClose: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
108
119
 
@@ -120,8 +131,6 @@ declare const IconHome: ({ ...props }: SVGProps<SVGSVGElement>) => react_jsx_run
120
131
 
121
132
  declare const IconInfo: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
122
133
 
123
- declare const IconMobileNfc: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
124
-
125
134
  declare const IconChromeColor: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
126
135
 
127
136
  declare const IconChrome: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -148,15 +157,5 @@ declare const IconVotoDigital: (props: SVGProps<SVGSVGElement>) => react_jsx_run
148
157
 
149
158
  declare const IconElectionsGeneral: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
150
159
 
151
- declare const IconDnie1: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
152
-
153
- declare const IconDnie2: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
154
-
155
- declare const IconDnie3: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
156
-
157
- declare const IconNfc: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
158
-
159
- declare const IconPersonOnpe: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
160
-
161
- export { BrowserRecommended, Button, Footer, IconAndroid, IconApple, IconCheck, IconChrome, IconChromeColor, IconClose, IconCloseRadius, IconDnie1, IconDnie2, IconDnie3, IconEdge, IconEdgeColor, IconElectionsGeneral, IconHome, IconInfo, IconMobileNfc, IconMozilla, IconMozillaColor, IconNfc, IconPersonOnpe, IconSafari, IconSafariColor, IconSpinnerDesktop, IconSpinnerMobile, IconVotoDigital, IconWarning, IconWindow, Modal, ModalBrowserIncompatible, ModalConfirm, ModalDnieVersions, ModalLoading, ModalNfc, ModalSystemIncompatible, Overlay, Portal, Show };
160
+ export { BrowserRecommended, Button, Footer, IconAndroid, IconApple, IconCheck, IconChrome, IconChromeColor, IconClose, IconCloseRadius, IconEdge, IconEdgeColor, IconElectionsGeneral, IconHome, IconInfo, IconMozilla, IconMozillaColor, IconSafari, IconSafariColor, IconSpinnerDesktop, IconSpinnerMobile, IconVotoDigital, IconWarning, IconWindow, Modal, ModalBrowserIncompatible, ModalConfirm, ModalDnieVersions, ModalLoading, ModalNfc, ModalSystemIncompatible, Overlay, Portal, Show };
162
161
  export type { ButtonProps, FooterProps, ModalBrowserIncompatibleProps, ModalConfirmProps, ModalDnieVersionsProps, ModalLoadingProps, ModalNfcProps, ModalProps, ModalSystemIncompatibleProps, OverlayProps, PortalProps, ShowProps };
package/dist/index.esm.css CHANGED
@@ -235,16 +235,13 @@ body.onpe-modal-open {
235
235
 
236
236
  .onpe-modal-container.onpe-modal-open {
237
237
  opacity: 1;
238
- z-index: 50;
238
+ pointer-events: auto;
239
239
  }
240
240
 
241
- .onpe-modal-container.onpe-modal-open.onpe-modal-top-absolute {
242
- z-index: 100;
243
- }
244
241
 
245
242
  .onpe-modal-container.onpe-modal-closed {
246
243
  opacity: 0;
247
- z-index: -10;
244
+ pointer-events: none;
248
245
  }
249
246
 
250
247
  .onpe-modal-content-wrapper {