aio-popup 6.0.2 → 6.0.4

package/index.css

@@ -148,7 +148,7 @@
   background: #fff;
   color: #323130;
   padding: 6px 12px;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: bold;
   min-height: 36px;
   gap: 12px;
@@ -814,7 +814,7 @@
   } */
   .aio-loading {
     z-index: 100000000000000000000000000000;
-    position: absolute;
+    position: fixed;
     direction: ltr;
     width: 100%;
     height: 100%;

package/index.d.ts

@@ -33,7 +33,7 @@ export type AP_modal = {
     setAttrs?: AP_setAttrs;
 };
 export type AP_alert = {
-    align?: 'left' | 'right' | 'center';
+    rtl?: boolean;
     icon?: false | ReactNode;
     type: 'success' | 'error' | 'warning' | 'info';
     title?: ReactNode;

package/index.js

@@ -155,7 +155,7 @@ const usePopup = (props) => {
             item.onClose();
         }
     };
-    const addAlert = (obj) => Alert(obj);
+    const addAlert = (obj) => Alert(Object.assign({ rtl: props === null || props === void 0 ? void 0 : props.rtl }, obj));
     const addHighlight = (highlight) => setHighlight(highlight);
     const removeHighlight = () => setHighlight(undefined);
     const addConfirm = (obj) => {
@@ -516,7 +516,7 @@ const SnackebarBar = () => {
     return _jsx("div", { className: 'aio-popup-snackebar-bar', style: { transition: `${item.time || 8}s linear` } });
 };
 export function Alert(props) {
-    let { icon, type = '', title = '', text = '', time = 10, className, closeText = 'Close', onClose, align = 'left' } = props;
+    let { icon, type = '', title = '', text = '', time = 10, className, closeText = 'Close', onClose, rtl } = props;
     let $$ = {
         id: '',
         time: 0,
@@ -536,7 +536,7 @@ export function Alert(props) {
           <div class='aio-popup-alert-header'>${$$.getIcon()}</div>
           <div class='aio-popup-alert-body aio-popup-scroll'>
             <div class='aio-popup-alert-title'>${ReactDOMServer.renderToStaticMarkup(title)}</div>
-            <div class='aio-popup-alert-text' style="text-align:${align}">${text}</div>
+            <div class='aio-popup-alert-text' style="text-align:${rtl ? 'right' : 'left'}">${text}</div>
           </div>
           <div class='aio-popup-alert-footer'>
             <button class='aio-popup-alert-close ${$$.id}'>${closeText}</button>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aio-popup",
-  "version": "6.0.2",
+  "version": "6.0.4",
   "description": "handle all types of popup and modals in react",
   "main": "index.js",
   "scripts": {