@ctlyst.id/internal-ui 2.0.21 → 2.0.23

package/dist/internal-ui.esm.js

@@ -384,19 +384,21 @@ CardCustom.defaultProps = {
   isRounded: true
 };
 
-function CheckboxComponent({
+const CheckboxComponent = /*#__PURE__*/forwardRef$1(({
   isError = false,
   helpText = '',
   errorText = '',
+  boxProps,
   children,
   isDisabled,
   ...rest
-}) {
+}, ref) => {
   const variant = isError ? 'errors' : 'unstyled';
-  return /*#__PURE__*/React__default.createElement(Box, null, /*#__PURE__*/React__default.createElement(Box, {
+  return /*#__PURE__*/React__default.createElement(Box, Object.assign({}, boxProps), /*#__PURE__*/React__default.createElement(Box, {
     display: "flex"
   }, /*#__PURE__*/React__default.createElement(Checkbox$1, Object.assign({
-    variant: variant
+    variant: variant,
+    ref: ref
   }, rest, {
     isDisabled: isDisabled
   }), children && /*#__PURE__*/React__default.createElement(Text, {
@@ -404,7 +406,7 @@ function CheckboxComponent({
     display: "block",
     textStyle: "text.sm",
     color: isDisabled ? 'black.medium' : 'black.high'
-  }, children))), /*#__PURE__*/React__default.createElement(Box, {
+  }, children))), (isError || helpText) && /*#__PURE__*/React__default.createElement(Box, {
     mt: "5px",
     ml: "24px"
   }, isError ? /*#__PURE__*/React__default.createElement(Text, {
@@ -418,11 +420,12 @@ function CheckboxComponent({
     textStyle: "text.xs",
     color: "black.medium"
   }, helpText)));
-}
+});
 CheckboxComponent.defaultProps = {
   isError: false,
   helpText: '',
-  errorText: ''
+  errorText: '',
+  boxProps: {}
 };
 
 const Field = props => {