@majoo-ui/react 1.55.28 → 1.55.29

package/colors/index.d.ts

@@ -0,0 +1 @@
+export * from './Colors';

package/index.esm.js

@@ -6391,6 +6391,10 @@ const StyledInput$1 = styled('input', {
         }
       }
     },
+
+    /**
+     * Please insert size with string 'sm' | 'lg'
+     */
     size: {
       sm: {
         height: 32
@@ -6443,7 +6447,7 @@ const InputText = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$J,
-      lineNumber: 181,
+      lineNumber: 184,
       columnNumber: 3
     }
   }));
@@ -20935,25 +20939,17 @@ const PageDialog = props => {
             }), void 0)]
           }), void 0), pageDialogChildren && jsx(Box, Object.assign({}, pageDialogChildren.props, {
             ref: pageDialogChildren === null || pageDialogChildren === void 0 ? void 0 : pageDialogChildren.ref,
-            children: jsx(ConditionalWrapper, Object.assign({
-              condition: !isMobile && ((_a = pageDialogChildren.props) === null || _a === void 0 ? void 0 : _a.wrapperSize),
-              wrapper: child => {
-                var _a;
-
-                return jsx(ContentWrapper, Object.assign({
-                  wrapperSize: (_a = pageDialogChildren.props) === null || _a === void 0 ? void 0 : _a.wrapperSize
-                }, {
-                  children: child
-                }), void 0);
-              }
-            }, {
-              children: (_b = pageDialogChildren.props) === null || _b === void 0 ? void 0 : _b.children
-            }), void 0),
             css: Object.assign({
               flexGrow: 1,
               maxHeight: footerChildren ? `calc(100vh - ${isMobile ? HEADER_HEIGHT_MOBILE : HEADER_HEIGHT}px - ${FOOTER_HEIGHT}px)` : `calc(100vh - ${isMobile ? HEADER_HEIGHT_MOBILE : HEADER_HEIGHT}px)`,
               overflow: 'auto'
             }, pageDialogChildren.props.css)
+          }, {
+            children: jsx(ContentWrapper, Object.assign({}, !isMobile ? {
+              wrapperSize: (_a = pageDialogChildren.props) === null || _a === void 0 ? void 0 : _a.wrapperSize
+            } : {}, {
+              children: (_b = pageDialogChildren.props) === null || _b === void 0 ? void 0 : _b.children
+            }), void 0)
           }), void 0), footerChildren && jsx(Box, Object.assign({}, footerChildren.props, {
             css: Object.assign({
               boxShadow: '$small',
@@ -28642,8 +28638,8 @@ const WrapperDiv = styled('div', {
 });
 const MobileContainer$1 = styled(Flex$1, {
   position: 'absolute',
-  margin: '0px -40px 0px -40px',
-  padding: '40px 40px 10px 40px',
+  margin: '0px -$spacing-06',
+  padding: '$spacing-08 $spacing-05 10px',
   left: 0,
   right: 0,
   top: -40,
@@ -28915,7 +28911,7 @@ const Navigation = props => {
         css: {
           position: 'absolute',
           top: 40,
-          left: 40
+          left: 16
         },
         __self: undefined,
         __source: {

package/index.umd.js

@@ -6468,6 +6468,10 @@
           }
         }
       },
+
+      /**
+       * Please insert size with string 'sm' | 'lg'
+       */
       size: {
         sm: {
           height: 32
@@ -6520,7 +6524,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$J,
-        lineNumber: 181,
+        lineNumber: 184,
         columnNumber: 3
       }
     }));
@@ -21325,25 +21329,17 @@
               }), void 0)]
             }), void 0), pageDialogChildren && jsxRuntime.jsx(Box, __assign({}, pageDialogChildren.props, {
               ref: pageDialogChildren === null || pageDialogChildren === void 0 ? void 0 : pageDialogChildren.ref,
-              children: jsxRuntime.jsx(ConditionalWrapper, __assign({
-                condition: !isMobile && ((_a = pageDialogChildren.props) === null || _a === void 0 ? void 0 : _a.wrapperSize),
-                wrapper: function (child) {
-                  var _a;
-
-                  return jsxRuntime.jsx(ContentWrapper, __assign({
-                    wrapperSize: (_a = pageDialogChildren.props) === null || _a === void 0 ? void 0 : _a.wrapperSize
-                  }, {
-                    children: child
-                  }), void 0);
-                }
-              }, {
-                children: (_b = pageDialogChildren.props) === null || _b === void 0 ? void 0 : _b.children
-              }), void 0),
               css: __assign({
                 flexGrow: 1,
                 maxHeight: footerChildren ? "calc(100vh - ".concat(isMobile ? HEADER_HEIGHT_MOBILE : HEADER_HEIGHT, "px - ").concat(FOOTER_HEIGHT, "px)") : "calc(100vh - ".concat(isMobile ? HEADER_HEIGHT_MOBILE : HEADER_HEIGHT, "px)"),
                 overflow: 'auto'
               }, pageDialogChildren.props.css)
+            }, {
+              children: jsxRuntime.jsx(ContentWrapper, __assign({}, !isMobile ? {
+                wrapperSize: (_a = pageDialogChildren.props) === null || _a === void 0 ? void 0 : _a.wrapperSize
+              } : {}, {
+                children: (_b = pageDialogChildren.props) === null || _b === void 0 ? void 0 : _b.children
+              }), void 0)
             }), void 0), footerChildren && jsxRuntime.jsx(Box, __assign({}, footerChildren.props, {
               css: __assign({
                 boxShadow: '$small',
@@ -29080,8 +29076,8 @@
   });
   const MobileContainer$1 = styled(Flex$1, {
     position: 'absolute',
-    margin: '0px -40px 0px -40px',
-    padding: '40px 40px 10px 40px',
+    margin: '0px -$spacing-06',
+    padding: '$spacing-08 $spacing-05 10px',
     left: 0,
     right: 0,
     top: -40,
@@ -29353,7 +29349,7 @@
           css: {
             position: 'absolute',
             top: 40,
-            left: 40
+            left: 16
           },
           __self: undefined,
           __source: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.55.28",
+  "version": "1.55.29",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",