@ctlyst.id/internal-ui 2.0.20 → 2.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -384,19 +384,21 @@ CardCustom.defaultProps = {
384
384
  isRounded: true
385
385
  };
386
386
 
387
- function CheckboxComponent({
387
+ const CheckboxComponent = /*#__PURE__*/forwardRef$1(({
388
388
  isError = false,
389
389
  helpText = '',
390
390
  errorText = '',
391
+ boxProps,
391
392
  children,
392
393
  isDisabled,
393
394
  ...rest
394
- }) {
395
+ }, ref) => {
395
396
  const variant = isError ? 'errors' : 'unstyled';
396
- return /*#__PURE__*/React__default.createElement(Box, null, /*#__PURE__*/React__default.createElement(Box, {
397
+ return /*#__PURE__*/React__default.createElement(Box, Object.assign({}, boxProps), /*#__PURE__*/React__default.createElement(Box, {
397
398
  display: "flex"
398
399
  }, /*#__PURE__*/React__default.createElement(Checkbox$1, Object.assign({
399
- variant: variant
400
+ variant: variant,
401
+ ref: ref
400
402
  }, rest, {
401
403
  isDisabled: isDisabled
402
404
  }), children && /*#__PURE__*/React__default.createElement(Text, {
@@ -418,11 +420,12 @@ function CheckboxComponent({
418
420
  textStyle: "text.xs",
419
421
  color: "black.medium"
420
422
  }, helpText)));
421
- }
423
+ });
422
424
  CheckboxComponent.defaultProps = {
423
425
  isError: false,
424
426
  helpText: '',
425
- errorText: ''
427
+ errorText: '',
428
+ boxProps: {}
426
429
  };
427
430
 
428
431
  const Field = props => {
@@ -3340,16 +3343,18 @@ const Tab = /*#__PURE__*/forwardRef$1((props, ref) => {
3340
3343
  })));
3341
3344
  });
3342
3345
 
3343
- const TabList = /*#__PURE__*/forwardRef$1((props, ref) => /*#__PURE__*/React__default.createElement(TabList$1, {
3346
+ const TabList = /*#__PURE__*/forwardRef$1((props, ref) => /*#__PURE__*/React__default.createElement(TabList$1, Object.assign({
3344
3347
  borderBottom: "1px solid",
3345
- borderColor: useColorModeValue('gray.200', 'bright-gray.800'),
3348
+ borderColor: useColorModeValue('gray.200', 'bright-gray.800')
3349
+ }, props, {
3346
3350
  ref: ref
3347
- }, props.children));
3351
+ }), props.children));
3348
3352
 
3349
- const TabPanel = /*#__PURE__*/forwardRef$1((props, ref) => /*#__PURE__*/React__default.createElement(TabPanel$1, {
3350
- px: 0,
3353
+ const TabPanel = /*#__PURE__*/forwardRef$1((props, ref) => /*#__PURE__*/React__default.createElement(TabPanel$1, Object.assign({
3354
+ px: 0
3355
+ }, props, {
3351
3356
  ref: ref
3352
- }, props.children));
3357
+ }), props.children));
3353
3358
 
3354
3359
  const messages = {
3355
3360
  dragActive: 'Drop file disini...',