@majoo-ui/react 1.55.20 → 1.55.21

package/index.esm.js

@@ -19955,12 +19955,6 @@ const rowMenuColumn = (options, icon, config) => ({
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Box, {
-      css: {
-        display: 'none',
-        '@md': {
-          display: 'block'
-        }
-      },
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
@@ -27922,7 +27916,7 @@ const Navigation = props => {
     const isAdditional = (_data = data[i - 1]) === null || _data === void 0 ? void 0 : _data.additional;
     // eslint-disable-next-line no-lone-blocks
     {
-      var _data$title, _data3, _data4, _data5, _data6, _data7, _data8, _data9, _data$title2, _data10, _data11, _data12, _data13, _data14;
+      var _data$title, _data3, _data4, _data5, _data6, _data7, _data8, _data9, _data$title2, _data10, _data11, _data12, _data13, _data14, _data15;
       !isMobile ? stepItems.push( /*#__PURE__*/React__default.createElement(StepperItem, {
         css: {
           opacity: data[i - 1].hidden ? 0 : undefined,
@@ -28017,7 +28011,8 @@ const Navigation = props => {
           userSelect: 'none',
           fontSize: '12px',
           textAlign: '-webkit-center',
-          display: ((_data8 = data[i - 1]) === null || _data8 === void 0 ? void 0 : _data8.disabled) && 'none'
+          display: ((_data8 = data[i - 1]) === null || _data8 === void 0 ? void 0 : _data8.disabled) && 'none',
+          marginTop: isActive && ((_data9 = data[i - 1]) !== null && _data9 !== void 0 && _data9.withTolltip ? '-20px' : '-18px')
         },
         onClick: () => {
           if (props.onNavClicked) props.onNavClicked(i);
@@ -28031,40 +28026,24 @@ const Navigation = props => {
           lineNumber: 148,
           columnNumber: 13
         }
-      }, isComplete && !hideCheckedIcon && /*#__PURE__*/React__default.createElement(StyledCheckFiled, {
-        size: "24",
-        color: colors$4.bgGreen,
-        __self: undefined,
-        __source: {
-          fileName: _jsxFileName$4,
-          lineNumber: 167,
-          columnNumber: 50
-        }
-      }), (!isComplete || hideCheckedIcon) && /*#__PURE__*/React__default.createElement(Flex$1, {
-        justify: "center",
+      }, /*#__PURE__*/React__default.createElement(Flex$1, {
         align: "center",
-        css: {
-          width: 24,
-          height: 24,
-          borderRadius: '$round',
-          border: `4px solid ${isActive ? '$bgGreen' : '$bgInactive'}`,
-          backgroundColor: (_data9 = data[i - 1]) !== null && _data9 !== void 0 && _data9.disabled ? '$gray200' : '$white'
-        },
+        gap: 2,
         __self: undefined,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 169,
-          columnNumber: 17
+          lineNumber: 168,
+          columnNumber: 15
         }
-      }), /*#__PURE__*/React__default.createElement(StyledDiv, {
+      }, /*#__PURE__*/React__default.createElement(StyledDiv, {
         css: {
           width: 'max-content'
         },
         __self: undefined,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 181,
-          columnNumber: 15
+          lineNumber: 169,
+          columnNumber: 17
         }
       }, isActive ? typeof data[i - 1].title === 'string' ? data[i - 1].title : (_data$title2 = (_data10 = data[i - 1]).title) === null || _data$title2 === void 0 ? void 0 : _data$title2.call(_data10) : ''), isActive && ((_data11 = data[i - 1]) === null || _data11 === void 0 ? void 0 : _data11.withTolltip) && /*#__PURE__*/React__default.createElement(Tooltip$1, {
         align: "center",
@@ -28073,8 +28052,8 @@ const Navigation = props => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 185,
-          columnNumber: 17
+          lineNumber: 173,
+          columnNumber: 19
         }
       }, /*#__PURE__*/React__default.createElement(StyledCircleInfoOutline, {
         size: "20",
@@ -28082,8 +28061,8 @@ const Navigation = props => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 186,
-          columnNumber: 19
+          lineNumber: 174,
+          columnNumber: 21
         }
       })), isActive && ((_data13 = data[i - 1]) === null || _data13 === void 0 ? void 0 : _data13.comingSoon) && /*#__PURE__*/React__default.createElement(Flex$1, {
         align: "center",
@@ -28094,19 +28073,44 @@ const Navigation = props => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 190,
-          columnNumber: 17
+          lineNumber: 178,
+          columnNumber: 19
         }
       }, /*#__PURE__*/React__default.createElement(Tag, {
         size: "lg",
         type: "error",
         __self: undefined,
+        __source: {
+          fileName: _jsxFileName$4,
+          lineNumber: 183,
+          columnNumber: 21
+        }
+      }, "Coming Soon"))), isComplete && !hideCheckedIcon && /*#__PURE__*/React__default.createElement(StyledCheckFiled, {
+        size: "24",
+        color: colors$4.bgGreen,
+        __self: undefined,
+        __source: {
+          fileName: _jsxFileName$4,
+          lineNumber: 189,
+          columnNumber: 50
+        }
+      }), (!isComplete || hideCheckedIcon) && /*#__PURE__*/React__default.createElement(Flex$1, {
+        justify: "center",
+        align: "center",
+        css: {
+          width: 24,
+          height: 24,
+          borderRadius: '$round',
+          border: `4px solid ${isActive ? '$bgGreen' : '$bgInactive'}`,
+          backgroundColor: (_data15 = data[i - 1]) !== null && _data15 !== void 0 && _data15.disabled ? '$gray200' : '$white'
+        },
+        __self: undefined,
         __source: {
           fileName: _jsxFileName$4,
           lineNumber: 191,
-          columnNumber: 19
+          columnNumber: 17
         }
-      }, "Coming Soon"))));
+      })));
     }
   }
   return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
@@ -28121,7 +28125,7 @@ const Navigation = props => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 204,
+          lineNumber: 211,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -28134,7 +28138,7 @@ const Navigation = props => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 205,
+          lineNumber: 212,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default.createElement(Card, {
@@ -28146,14 +28150,14 @@ const Navigation = props => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 206,
+          lineNumber: 213,
           columnNumber: 13
         }
       }, child), /*#__PURE__*/React__default.createElement(Box, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 215,
+          lineNumber: 222,
           columnNumber: 13
         }
       }, typeof (props === null || props === void 0 ? void 0 : props.appendContent) === 'function' ? props === null || props === void 0 ? void 0 : (_props$appendContent = props.appendContent) === null || _props$appendContent === void 0 ? void 0 : _props$appendContent.call(props) : props === null || props === void 0 ? void 0 : props.appendContent)));
@@ -28161,13 +28165,14 @@ const Navigation = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 201,
+      lineNumber: 208,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(StepperList, {
     css: Object.assign({
       borderLeft: !isMobile ? '4px solid $bgBorder' : undefined,
-      marginBottom: isMobile ? 65 : undefined,
+      marginTop: isMobile ? 40 : undefined,
+      marginBottom: isMobile ? 30 : undefined,
       height: !isMobile ? height : undefined,
       opacity: isHide ? 0 : undefined,
       position: !isMobile && 'sticky',
@@ -28179,7 +28184,7 @@ const Navigation = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 220,
+      lineNumber: 227,
       columnNumber: 7
     }
   }, isMobile ? /*#__PURE__*/React__default.createElement(StyledDiv, {
@@ -28191,7 +28196,7 @@ const Navigation = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 236,
+      lineNumber: 244,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -28204,7 +28209,7 @@ const Navigation = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 237,
+      lineNumber: 245,
       columnNumber: 13
     }
   }, stepItems)) : stepItems));
@@ -28288,7 +28293,7 @@ const Default = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 335,
+      lineNumber: 343,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(StepWizardContext.Provider, {
@@ -28311,7 +28316,7 @@ const Default = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 336,
+      lineNumber: 344,
       columnNumber: 7
     }
   }, /*#__PURE__*/React__default.createElement(Stepper, _extends({}, props, {
@@ -28325,7 +28330,7 @@ const Default = props => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 360,
+        lineNumber: 368,
         columnNumber: 13
       }
     }),
@@ -28335,7 +28340,7 @@ const Default = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 354,
+      lineNumber: 362,
       columnNumber: 9
     }
   }), props.children)));

package/index.umd.js

@@ -20281,12 +20281,6 @@
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Box, {
-        css: {
-          display: 'none',
-          '@md': {
-            display: 'block'
-          }
-        },
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
@@ -28282,7 +28276,7 @@
       const isAdditional = (_data = data[i - 1]) === null || _data === void 0 ? void 0 : _data.additional;
       // eslint-disable-next-line no-lone-blocks
       {
-        var _data$title, _data3, _data4, _data5, _data6, _data7, _data8, _data9, _data$title2, _data10, _data11, _data12, _data13, _data14;
+        var _data$title, _data3, _data4, _data5, _data6, _data7, _data8, _data9, _data$title2, _data10, _data11, _data12, _data13, _data14, _data15;
         !isMobile ? stepItems.push( /*#__PURE__*/React__default["default"].createElement(StepperItem, {
           css: {
             opacity: data[i - 1].hidden ? 0 : undefined,
@@ -28377,7 +28371,8 @@
             userSelect: 'none',
             fontSize: '12px',
             textAlign: '-webkit-center',
-            display: ((_data8 = data[i - 1]) === null || _data8 === void 0 ? void 0 : _data8.disabled) && 'none'
+            display: ((_data8 = data[i - 1]) === null || _data8 === void 0 ? void 0 : _data8.disabled) && 'none',
+            marginTop: isActive && ((_data9 = data[i - 1]) !== null && _data9 !== void 0 && _data9.withTolltip ? '-20px' : '-18px')
           },
           onClick: () => {
             if (props.onNavClicked) props.onNavClicked(i);
@@ -28391,40 +28386,24 @@
             lineNumber: 148,
             columnNumber: 13
           }
-        }, isComplete && !hideCheckedIcon && /*#__PURE__*/React__default["default"].createElement(StyledCheckFiled, {
-          size: "24",
-          color: colors$4.bgGreen,
-          __self: undefined,
-          __source: {
-            fileName: _jsxFileName$4,
-            lineNumber: 167,
-            columnNumber: 50
-          }
-        }), (!isComplete || hideCheckedIcon) && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
-          justify: "center",
+        }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
           align: "center",
-          css: {
-            width: 24,
-            height: 24,
-            borderRadius: '$round',
-            border: `4px solid ${isActive ? '$bgGreen' : '$bgInactive'}`,
-            backgroundColor: (_data9 = data[i - 1]) !== null && _data9 !== void 0 && _data9.disabled ? '$gray200' : '$white'
-          },
+          gap: 2,
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 169,
-            columnNumber: 17
+            lineNumber: 168,
+            columnNumber: 15
           }
-        }), /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
+        }, /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
           css: {
             width: 'max-content'
           },
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 181,
-            columnNumber: 15
+            lineNumber: 169,
+            columnNumber: 17
           }
         }, isActive ? typeof data[i - 1].title === 'string' ? data[i - 1].title : (_data$title2 = (_data10 = data[i - 1]).title) === null || _data$title2 === void 0 ? void 0 : _data$title2.call(_data10) : ''), isActive && ((_data11 = data[i - 1]) === null || _data11 === void 0 ? void 0 : _data11.withTolltip) && /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
           align: "center",
@@ -28433,8 +28412,8 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 185,
-            columnNumber: 17
+            lineNumber: 173,
+            columnNumber: 19
           }
         }, /*#__PURE__*/React__default["default"].createElement(StyledCircleInfoOutline, {
           size: "20",
@@ -28442,8 +28421,8 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 186,
-            columnNumber: 19
+            lineNumber: 174,
+            columnNumber: 21
           }
         })), isActive && ((_data13 = data[i - 1]) === null || _data13 === void 0 ? void 0 : _data13.comingSoon) && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
           align: "center",
@@ -28454,19 +28433,44 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 190,
-            columnNumber: 17
+            lineNumber: 178,
+            columnNumber: 19
           }
         }, /*#__PURE__*/React__default["default"].createElement(Tag, {
           size: "lg",
           type: "error",
           __self: undefined,
+          __source: {
+            fileName: _jsxFileName$4,
+            lineNumber: 183,
+            columnNumber: 21
+          }
+        }, "Coming Soon"))), isComplete && !hideCheckedIcon && /*#__PURE__*/React__default["default"].createElement(StyledCheckFiled, {
+          size: "24",
+          color: colors$4.bgGreen,
+          __self: undefined,
+          __source: {
+            fileName: _jsxFileName$4,
+            lineNumber: 189,
+            columnNumber: 50
+          }
+        }), (!isComplete || hideCheckedIcon) && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
+          justify: "center",
+          align: "center",
+          css: {
+            width: 24,
+            height: 24,
+            borderRadius: '$round',
+            border: `4px solid ${isActive ? '$bgGreen' : '$bgInactive'}`,
+            backgroundColor: (_data15 = data[i - 1]) !== null && _data15 !== void 0 && _data15.disabled ? '$gray200' : '$white'
+          },
+          __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
             lineNumber: 191,
-            columnNumber: 19
+            columnNumber: 17
           }
-        }, "Coming Soon"))));
+        })));
       }
     }
     return /*#__PURE__*/React__default["default"].createElement(ConditionalWrapper, {
@@ -28481,7 +28485,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 204,
+            lineNumber: 211,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -28494,7 +28498,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 205,
+            lineNumber: 212,
             columnNumber: 11
           }
         }, /*#__PURE__*/React__default["default"].createElement(Card, {
@@ -28506,14 +28510,14 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 206,
+            lineNumber: 213,
             columnNumber: 13
           }
         }, child), /*#__PURE__*/React__default["default"].createElement(Box, {
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 215,
+            lineNumber: 222,
             columnNumber: 13
           }
         }, typeof (props === null || props === void 0 ? void 0 : props.appendContent) === 'function' ? props === null || props === void 0 ? void 0 : (_props$appendContent = props.appendContent) === null || _props$appendContent === void 0 ? void 0 : _props$appendContent.call(props) : props === null || props === void 0 ? void 0 : props.appendContent)));
@@ -28521,13 +28525,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 201,
+        lineNumber: 208,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(StepperList, {
       css: Object.assign({
         borderLeft: !isMobile ? '4px solid $bgBorder' : undefined,
-        marginBottom: isMobile ? 65 : undefined,
+        marginTop: isMobile ? 40 : undefined,
+        marginBottom: isMobile ? 30 : undefined,
         height: !isMobile ? height : undefined,
         opacity: isHide ? 0 : undefined,
         position: !isMobile && 'sticky',
@@ -28539,7 +28544,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 220,
+        lineNumber: 227,
         columnNumber: 7
       }
     }, isMobile ? /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
@@ -28551,7 +28556,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 236,
+        lineNumber: 244,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -28564,7 +28569,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 237,
+        lineNumber: 245,
         columnNumber: 13
       }
     }, stepItems)) : stepItems));
@@ -28648,7 +28653,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 335,
+        lineNumber: 343,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(StepWizardContext.Provider, {
@@ -28671,7 +28676,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 336,
+        lineNumber: 344,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(Stepper, _extends({}, props, {
@@ -28685,7 +28690,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 360,
+          lineNumber: 368,
           columnNumber: 13
         }
       }),
@@ -28695,7 +28700,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 354,
+        lineNumber: 362,
         columnNumber: 9
       }
     }), props.children)));

package/package.json

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