@majoo-ui/react 1.55.18 → 1.55.19

package/index.esm.js

@@ -6488,7 +6488,8 @@ InputRadioGroup.propTypes = {
   defaultValue: PropTypes.string,
   value: PropTypes.string,
   onValueChange: PropTypes.func,
-  outlined: PropTypes.bool
+  outlined: PropTypes.bool,
+  block: PropTypes.bool
 };
 InputRadioGroup.displayName = 'InputRadioGroup';
 
@@ -6622,6 +6623,11 @@ const Container$a = styled(Flex$1, {
       true: {
         padding: '0 $spacing-03'
       }
+    },
+    block: {
+      true: {
+        flex: 1
+      }
     }
   },
   compoundVariants: [{
@@ -6634,7 +6640,14 @@ const Container$a = styled(Flex$1, {
 });
 const ContainerLabel = styled('label', {
   width: 'fit-content',
-  cursor: 'pointer'
+  cursor: 'pointer',
+  variants: {
+    outlined: {
+      true: {
+        display: 'contents'
+      }
+    }
+  }
 });
 const InputRadio = _ref => {
   let {
@@ -6661,7 +6674,7 @@ const InputRadio = _ref => {
           __self: this,
           __source: {
             fileName: _jsxFileName$G,
-            lineNumber: 162,
+            lineNumber: 171,
             columnNumber: 11
           }
         }));
@@ -6678,7 +6691,7 @@ const InputRadio = _ref => {
           __self: this,
           __source: {
             fileName: _jsxFileName$G,
-            lineNumber: 175,
+            lineNumber: 184,
             columnNumber: 11
           }
         }));
@@ -6697,7 +6710,7 @@ const InputRadio = _ref => {
           __self: this,
           __source: {
             fileName: _jsxFileName$G,
-            lineNumber: 189,
+            lineNumber: 198,
             columnNumber: 11
           }
         }, props.label);
@@ -6707,22 +6720,24 @@ const InputRadio = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$G,
-      lineNumber: 208,
+      lineNumber: 217,
       columnNumber: 5
     }
   }, ({
     defaultValue,
     value,
     outlined,
-    onValueChange
+    onValueChange,
+    block
   }) => {
     const checkedValue = value != null ? value : defaultValue;
     return /*#__PURE__*/React__default.createElement(ContainerLabel, {
       htmlFor: id,
+      outlined: outlined,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$G,
-        lineNumber: 213,
+        lineNumber: 222,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Container$a, {
@@ -6732,11 +6747,12 @@ const InputRadio = _ref => {
       disabled: disabled,
       active: outlined && checkedValue === props.value && !disabled && !readOnly,
       withInputProps: !!inputProps,
+      block: block,
       css: css,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$G,
-        lineNumber: 214,
+        lineNumber: 223,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -6745,7 +6761,7 @@ const InputRadio = _ref => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$G,
-        lineNumber: 223,
+        lineNumber: 233,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(StyledRadio, _extends({
@@ -6756,14 +6772,14 @@ const InputRadio = _ref => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$G,
-        lineNumber: 224,
+        lineNumber: 234,
         columnNumber: 17
       }
     }), /*#__PURE__*/React__default.createElement(StyledIndicator$1, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$G,
-        lineNumber: 225,
+        lineNumber: 235,
         columnNumber: 19
       }
     })), renderInputType(inputType, checkedValue, onValueChange)), description && /*#__PURE__*/React__default.createElement(Text$1, {
@@ -6775,7 +6791,7 @@ const InputRadio = _ref => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$G,
-        lineNumber: 230,
+        lineNumber: 240,
         columnNumber: 17
       }
     }, description)));
@@ -8823,7 +8839,8 @@ const StyledFooter = styled('div', {
   right: 0,
   backgroundColor: '$bgWhite',
   boxShadow: '0px 4px 6px #00000014',
-  borderTop: '1px solid $bgBorder'
+  borderTop: '1px solid $bgBorder',
+  pointerEvents: 'auto'
 });
 const StyledDiv$2 = styled('div', {
   color: '$textDisable',

package/index.umd.js

@@ -6564,7 +6564,8 @@
     defaultValue: PropTypes__default["default"].string,
     value: PropTypes__default["default"].string,
     onValueChange: PropTypes__default["default"].func,
-    outlined: PropTypes__default["default"].bool
+    outlined: PropTypes__default["default"].bool,
+    block: PropTypes__default["default"].bool
   };
   InputRadioGroup.displayName = 'InputRadioGroup';
 
@@ -6698,6 +6699,11 @@
         true: {
           padding: '0 $spacing-03'
         }
+      },
+      block: {
+        true: {
+          flex: 1
+        }
       }
     },
     compoundVariants: [{
@@ -6710,7 +6716,14 @@
   });
   const ContainerLabel = styled('label', {
     width: 'fit-content',
-    cursor: 'pointer'
+    cursor: 'pointer',
+    variants: {
+      outlined: {
+        true: {
+          display: 'contents'
+        }
+      }
+    }
   });
   const InputRadio = _ref => {
     let {
@@ -6737,7 +6750,7 @@
             __self: this,
             __source: {
               fileName: _jsxFileName$G,
-              lineNumber: 162,
+              lineNumber: 171,
               columnNumber: 11
             }
           }));
@@ -6754,7 +6767,7 @@
             __self: this,
             __source: {
               fileName: _jsxFileName$G,
-              lineNumber: 175,
+              lineNumber: 184,
               columnNumber: 11
             }
           }));
@@ -6773,7 +6786,7 @@
             __self: this,
             __source: {
               fileName: _jsxFileName$G,
-              lineNumber: 189,
+              lineNumber: 198,
               columnNumber: 11
             }
           }, props.label);
@@ -6783,22 +6796,24 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$G,
-        lineNumber: 208,
+        lineNumber: 217,
         columnNumber: 5
       }
     }, ({
       defaultValue,
       value,
       outlined,
-      onValueChange
+      onValueChange,
+      block
     }) => {
       const checkedValue = value != null ? value : defaultValue;
       return /*#__PURE__*/React__default["default"].createElement(ContainerLabel, {
         htmlFor: id,
+        outlined: outlined,
         __self: undefined,
         __source: {
           fileName: _jsxFileName$G,
-          lineNumber: 213,
+          lineNumber: 222,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Container$a, {
@@ -6808,11 +6823,12 @@
         disabled: disabled,
         active: outlined && checkedValue === props.value && !disabled && !readOnly,
         withInputProps: !!inputProps,
+        block: block,
         css: css,
         __self: undefined,
         __source: {
           fileName: _jsxFileName$G,
-          lineNumber: 214,
+          lineNumber: 223,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -6821,7 +6837,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$G,
-          lineNumber: 223,
+          lineNumber: 233,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(StyledRadio, _extends({
@@ -6832,14 +6848,14 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$G,
-          lineNumber: 224,
+          lineNumber: 234,
           columnNumber: 17
         }
       }), /*#__PURE__*/React__default["default"].createElement(StyledIndicator$1, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$G,
-          lineNumber: 225,
+          lineNumber: 235,
           columnNumber: 19
         }
       })), renderInputType(inputType, checkedValue, onValueChange)), description && /*#__PURE__*/React__default["default"].createElement(Text$1, {
@@ -6851,7 +6867,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$G,
-          lineNumber: 230,
+          lineNumber: 240,
           columnNumber: 17
         }
       }, description)));
@@ -8897,7 +8913,8 @@
     right: 0,
     backgroundColor: '$bgWhite',
     boxShadow: '0px 4px 6px #00000014',
-    borderTop: '1px solid $bgBorder'
+    borderTop: '1px solid $bgBorder',
+    pointerEvents: 'auto'
   });
   var StyledDiv$2 = styled('div', {
     color: '$textDisable',

package/package.json

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