@cube-dev/ui-kit 0.7.3 → 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/content/Result/Result.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { BaseProps, ContainerStyleProps } from '../../types';
+export interface CubeResultProps extends BaseProps, ContainerStyleProps {
+    /** Additional block content. For example, a set of buttons */
+    children?: ReactNode;
+    /** Custom icon element */
+    icon?: ReactNode;
+    /**
+     * Result status from ready-made templates
+     * @default 'info'
+     */
+    status?: CubeResultStatus;
+    /** The subTitle */
+    subTitle?: ReactNode;
+    /** The title */
+    title?: ReactNode;
+}
+export declare type CubeResultStatus = 'success' | 'error' | 'info' | 'warning' | 404 | 403 | 500;
+export declare const Result: import("react").ForwardRefExoticComponent<CubeResultProps & import("react").RefAttributes<HTMLElement>>;

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.

package/dist/cjs/index.d.ts

@@ -47,6 +47,8 @@ export { Header } from './components/content/Header';
 export type { CubeHeaderProps } from './components/content/Header';
 export { Footer } from './components/content/Footer';
 export type { CubeFooterProps } from './components/content/Footer';
+export { Result } from './components/content/Result/Result';
+export type { CubeResultProps, CubeResultStatus, } from './components/content/Result/Result';
 export { FieldWrapper } from './components/forms/FieldWrapper';
 export type { CubeFieldWrapperProps } from './components/forms/FieldWrapper';
 export { LoadingAnimation } from './components/status/LoadingAnimation/LoadingAnimation';