@cube-dev/ui-kit 0.7.6 → 0.7.7

package/dist/cjs/components/Root.d.ts

@@ -4,6 +4,9 @@ export interface CubeRootProps extends BaseProps {
     tokens?: {
         [key: string]: string;
     };
+    bodyStyles?: {
+        [key: string]: string;
+    };
     fonts?: boolean;
     publicUrl?: string;
     router?: any;

package/dist/cjs/components/forms/FieldWrapper.d.ts

@@ -5,15 +5,21 @@ export declare type CubeFieldWrapperProps = {
     as: string;
     labelPosition: LabelPosition;
     label?: string;
+    labelStyles?: Styles;
     styles?: Styles;
+    /** Whether the input is required */
     isRequired?: boolean;
+    /** Whether the input is disabled */
     isDisabled?: boolean;
-    labelStyles?: Styles;
     necessityIndicator?: NecessityIndicator;
     labelProps?: any;
     fieldProps?: any;
+    /** Custom message for the field. It will be placed below the label and the input */
     message?: string | ReactNode;
+    /** Styles for the message */
     messageStyles?: Styles;
+    /** The description for the field. It will be placed below the label */
+    description?: string;
     Component?: JSX.Element;
     validationState?: ValidationState;
     requiredMark?: boolean;

package/dist/cjs/components/forms/Form/Field.d.ts

@@ -19,6 +19,8 @@ export interface CubeFieldProps extends OptionalFieldBaseProps {
     form?: CubeFormInstance;
     /** The message for the field or text for the error */
     message?: string;
+    /** The description for the field */
+    description?: ReactNode;
     /** Tooltip for the label that explains something. */
     tooltip?: ReactNode;
     /** Field name. It's used as a key the form data. */

package/dist/cjs/components/forms/Form/Form.d.ts

@@ -2,6 +2,7 @@ import { FormHTMLAttributes } from 'react';
 import { CubeFormInstance, CubeFormData } from './useForm';
 import { BaseProps, ContainerStyleProps } from '../../types';
 import { FormBaseProps } from '../../../shared';
+import { Styles } from '../../../styles/types';
 export declare const FormContext: import("react").Context<{}>;
 export declare function useFormProps(props: any): any;
 export interface CubeFormProps extends FormBaseProps, BaseProps, ContainerStyleProps, Pick<FormHTMLAttributes<HTMLFormElement>, 'action' | 'autoComplete' | 'encType' | 'method' | 'target'> {
@@ -19,6 +20,8 @@ export interface CubeFormProps extends FormBaseProps, BaseProps, ContainerStyleP
     onSubmitFailed?: (any?: any) => void | Promise<any>;
     /** Set form instance created by useForm */
     form?: CubeFormInstance;
+    /** The size of the side area with labels. Only for `labelPosition="side"` */
+    labelWidth?: Styles['width'];
 }
 /**
  * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.