@app-studio/web 0.8.37 → 0.8.38

package/dist/components/Form/Checkbox/Checkbox/Checkbox.props.d.ts

@@ -5,7 +5,7 @@ import { CheckboxStyles, Size } from './Checkbox.type';
 export interface CheckboxProps extends Omit<InputProps, 'size'> {
     id?: string;
     icon?: React.ReactNode;
-    error?: boolean;
+    error?: any;
     name?: string;
     label?: string;
     colorScheme?: string;

package/dist/web.cjs.development.js

@@ -2399,7 +2399,7 @@ var ButtonView = _ref => {
       ariaLabel,
       // Initializes default values for the ButtonProps object; useful for defining states like isAuto, isFilled, etc.
       externalHref,
-      isAuto = false,
+      isAuto,
       // Determines if button should be active based on isDisabled and isLoading properties.
       isFilled = false,
       // Prepares default properties for the native button element based on isActive state.
@@ -2477,7 +2477,7 @@ var ButtonView = _ref => {
   var buttonSizeStyles = ButtonSizes[size];
   var buttonVariant = ButtonVariants[variant];
   var scaleWidth = {
-    width: isAuto ? 'fit-content' : isFilled ? '100%' : buttonSizeStyles.width
+    minWidth: isAuto ? 'fit-content' : isFilled ? '100%' : buttonSizeStyles.width
   };
   var changePadding = isIconRounded ? IconSizes$1[size] : ButtonSizes[size];
   var content = /*#__PURE__*/React__default.createElement(Horizontal, {
@@ -3921,6 +3921,7 @@ var CheckboxView = _ref => {
       display: 'flex',
       alignItems: 'center',
       height: 'fit-content',
+      flexDirection: 'column',
       width: 'fit-content',
       color: error ? 'theme.error' : isDisabled ? 'theme.disabled' : 'color.blueGray.700',
       cursor: isDisabled ? 'not-allowed' : isReadOnly ? 'default' : 'pointer'
@@ -3965,7 +3966,12 @@ var CheckboxView = _ref => {
     marginLeft: labelPosition === 'left' ? 0 : 27,
     color: "color.gray.400",
     size: "sm"
-  }, styles == null ? void 0 : styles.infoText), infoText))));
+  }, styles == null ? void 0 : styles.infoText), infoText))), error && (/*#__PURE__*/React__default.createElement(Text, {
+    size: "xs",
+    marginVertical: 0,
+    marginHorizontal: 0,
+    color: 'theme.error'
+  }, error)));
 };
 
 var CheckboxComponent = props => {