@cube-dev/ui-kit 0.6.51 → 0.6.55

package/dist/cjs/components/actions/Button/Button.d.ts

@@ -7,12 +7,13 @@ export interface CubeButtonProps extends CubeActionProps {
     type?: 'primary' | 'default' | 'danger' | 'link' | 'clear' | 'outline' | 'neutral' | string;
     size?: 'small' | 'default' | 'large' | string;
 }
-export declare function provideStyles({ size, type, theme, isLoading, icon, children, }: {
+export declare function provideStyles({ size, type, theme, isLoading, icon, children, label, }: {
     size: any;
     type: any;
     theme: any;
     isLoading: any;
     icon: any;
     children: any;
+    label: any;
 }): any;
 export declare const Button: import("react").ForwardRefExoticComponent<CubeButtonProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;

package/dist/cjs/components/content/Text.d.ts

@@ -33,6 +33,7 @@ declare const Text: import("react").ForwardRefExoticComponent<CubeTextProps & im
     Danger: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
     Success: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
     Strong: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
+    Emphasis: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
     Selection: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
 };
 export { Text };

package/dist/cjs/components/content/Title.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CubeTextProps } from './Text';
-import { BaseProps, BlockStyleProps, PositionStyleProps, TagNameProps } from '../types';
-export interface CubeTitleProps extends BaseProps, CubeTextProps, TagNameProps, BlockStyleProps, PositionStyleProps {
+import { BaseProps, ContainerStyleProps, PositionStyleProps, TagNameProps } from '../types';
+export interface CubeTitleProps extends BaseProps, CubeTextProps, TagNameProps, ContainerStyleProps, PositionStyleProps {
     /** The level of the heading **/
     level?: 1 | 2 | 3 | 4 | 5 | 6;
 }

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

@@ -5,7 +5,6 @@ export declare type CubeFieldWrapperProps = {
     as: string;
     labelPosition: LabelPosition;
     label?: string;
-    insideForm?: boolean;
     styles?: Styles;
     isRequired?: boolean;
     isDisabled?: boolean;
@@ -18,6 +17,7 @@ export declare type CubeFieldWrapperProps = {
     Component?: JSX.Element;
     validationState?: ValidationState;
     requiredMark?: boolean;
+    tooltip?: ReactNode;
 };
 /**
  * A wrapper for form fields to provide additional decoration for inputs.

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

@@ -1,7 +1,9 @@
-import { ReactElement } from 'react';
-import { FieldBaseProps, ValidationRule } from '../../../shared';
+import { ReactElement, ReactNode } from 'react';
+import { OptionalFieldBaseProps, ValidationRule } from '../../../shared';
 import { FormStore } from './useForm';
-export interface CubeFieldProps extends FieldBaseProps {
+export interface CubeFieldProps extends OptionalFieldBaseProps {
+    /** The initial value of the input. */
+    defaultValue?: any;
     /** The type of the input. `Input`, `Checkbox`, RadioGroup`, `Select`, `ComboBox` etc... */
     type?: string;
     /** The unique ID of the field */
@@ -9,11 +11,14 @@ export interface CubeFieldProps extends FieldBaseProps {
     /** The id prefix for the field to avoid collisions between forms */
     idPrefix?: string;
     children?: ReactElement | ((FormStore: any) => ReactElement);
+    shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean);
     /** Validation rules */
     rules?: ValidationRule[];
     /** The form instance */
     form?: FormStore;
     /** The message for the field or text for the error */
     message?: string;
+    tooltip?: ReactNode;
+    name?: string[] | string;
 }
-export declare function Field(allProps: CubeFieldProps): ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare function Field(allProps: CubeFieldProps): JSX.Element | null;

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

@@ -19,24 +19,28 @@ export declare class FormStore {
     onSubmit: (CubeFormData: any) => void | Promise<any>;
     constructor(forceReRender?: () => void);
     submit(): Promise<any>;
-    setFieldValues(newData: {
+    setFieldsValue(newData: {
         [key: string]: any;
-    }, touched?: boolean): void;
+    }, touched?: boolean, reRender?: boolean, createFields?: boolean): void;
     getFieldValue(name: any): any;
     getFieldsValue(): CubeFormData;
-    setFieldValue(name: string, value: any, touched?: boolean): void;
+    /**
+     * Similar to getFieldsValue() but respects '.' notation and creates nested objects.
+     */
+    getFormData(): CubeFormData;
+    setFieldValue(name: string, value: any, touched?: boolean, reRender?: boolean): void;
     getFieldInstance(name: string): CubeField;
-    setInitialFieldValues(values: {
+    setInitialFieldsValue(values: {
         [key: string]: any;
     }): void;
-    resetFields(): void;
+    resetFields(reRender?: boolean): void;
     validateField(name: string): Promise<any>;
     validateFields(list?: string[]): Promise<any>;
     isFieldValid(name: string): boolean;
     isFieldInvalid(name: string): boolean;
     isFieldTouched(name: string): boolean;
     getFieldError(name: string): string[];
-    createField(name: string): void;
+    createField(name: string, reRender?: boolean): void;
     setFields(newFields: CubeField[]): void;
     setSubmitting(isSubmitting: boolean): void;
     _createField(name: any, data?: Partial<CubeField>): CubeField;

package/dist/cjs/components/forms/TextInput/TextInputBase.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode, RefObject } from 'react';
 import { Styles } from '../../../styles/types';
-import { BaseProps, BlockStyleProps, PositionStyleProps, Props } from '../../types';
+import { BaseProps, BlockStyleProps, DimensionStyleProps, PositionStyleProps, Props } from '../../types';
 import { FormFieldProps } from '../../../shared';
 import { AriaTextFieldProps } from '@react-types/textfield';
 export declare const DEFAULT_INPUT_STYLES: Styles;
-export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, BlockStyleProps, AriaTextFieldProps, FormFieldProps {
+export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, DimensionStyleProps, BlockStyleProps, AriaTextFieldProps, FormFieldProps {
     /** Input decoration before the main input */
     prefix?: ReactNode;
     /** Input decoration after the main input */

package/dist/cjs/components/overlays/AlertDialog/AlertDialog.d.ts

@@ -8,6 +8,7 @@ export interface CubeAlertDialogProps extends CubeDialogProps {
     secondaryProps?: CubeButtonProps;
     cancelProps?: CubeButtonProps;
     title?: string;
+    noActions?: boolean;
 }
 /**
  * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.

package/dist/cjs/components/overlays/Dialog/DialogForm.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { CubeDialogProps } from './Dialog';
+import { CubeFormProps } from '../../forms/Form/Form';
+import { CubeButtonProps } from '../../actions/Button/Button';
+export interface CubeDialogFormProps extends CubeDialogProps, Omit<CubeFormProps, 'role'> {
+    danger?: boolean;
+    submitProps?: CubeButtonProps;
+    cancelProps?: CubeButtonProps;
+    preserve?: boolean;
+}
+export interface CubeDialogFormRef {
+    open: () => void;
+    close: () => void;
+}
+/**
+ * DialogForms are a specific type of Dialog. They contain forms to fill.
+ */
+declare let _DialogForm: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<CubeDialogFormRef>>;
+export { _DialogForm as DialogForm };

package/dist/cjs/components/overlays/Dialog/api.d.ts

@@ -8,7 +8,7 @@ export interface DialogData extends Omit<CubeDialogContainerProps, 'onDismiss'>,
     reject: (any: any) => void;
     content: ReactNode;
     isVisible?: boolean;
-    dialogType?: 'info' | 'confirm';
+    dialogType?: 'info' | 'confirm' | 'form';
 }
 export interface DialogService {
     root: Element | null;

package/dist/cjs/components/overlays/Dialog/index.d.ts

@@ -2,9 +2,11 @@
 import { CubeDialogProps } from './Dialog';
 import { CubeDialogTriggerProps, DialogTrigger } from './DialogTrigger';
 import { CubeDialogContainerProps, DialogContainer } from './DialogContainer';
+import { CubeDialogFormRef, CubeDialogFormProps, DialogForm } from './DialogForm';
 declare const _Dialog: import("react").ForwardRefExoticComponent<CubeDialogProps & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
     confirm: (options: any) => void;
     info: (options: any) => void;
+    form: (options: any) => void;
 };
-export { _Dialog as Dialog, DialogContainer, DialogTrigger };
-export type { CubeDialogProps, CubeDialogTriggerProps, CubeDialogContainerProps, };
+export { _Dialog as Dialog, DialogContainer, DialogTrigger, DialogForm };
+export type { CubeDialogProps, CubeDialogTriggerProps, CubeDialogContainerProps, CubeDialogFormRef, CubeDialogFormProps, };

package/dist/cjs/css-properties.d.ts

@@ -121,6 +121,18 @@ declare const PROPS: {
     'tag-line-height': string;
     'tag-letter-spacing': string;
     'tag-font-weight': string;
+    'strong-font-size': string;
+    'strong-line-height': string;
+    'strong-letter-spacing': string;
+    'strong-font-family': string;
+    'strong-font-style': string;
+    'strong-font-weight': number;
+    'em-font-size': string;
+    'em-line-height': string;
+    'em-letter-spacing': string;
+    'em-font-family': string;
+    'em-font-style': string;
+    'em-font-weight': string;
     'default-font-size': string;
     'default-line-height': string;
     'default-letter-spacing': string;

package/dist/cjs/index.d.ts

@@ -98,8 +98,8 @@ export { NumberInput } from './components/forms/NumberInput/NumberInput';
 export type { CubeNumberInputProps } from './components/forms/NumberInput/NumberInput';
 export { Avatar } from './components/content/Avatar/Avatar';
 export type { CubeAvatarProps } from './components/content/Avatar/Avatar';
-export { Dialog, DialogTrigger, DialogContainer, } from './components/overlays/Dialog';
-export type { CubeDialogTriggerProps, CubeDialogContainerProps, CubeDialogProps, } from './components/overlays/Dialog';
+export { Dialog, DialogTrigger, DialogContainer, DialogForm, } from './components/overlays/Dialog';
+export type { CubeDialogTriggerProps, CubeDialogContainerProps, CubeDialogProps, CubeDialogFormRef, CubeDialogFormProps, } from './components/overlays/Dialog';
 export { Tooltip } from './components/overlays/Tooltip/Tooltip';
 export type { CubeTooltipProps } from './components/overlays/Tooltip/Tooltip';
 export { TooltipTrigger } from './components/overlays/Tooltip/TooltipTrigger';
@@ -135,6 +135,7 @@ export declare const Typography: {
         Danger: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
         Success: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
         Strong: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
+        Emphasis: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
         Selection: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
     };
     Title: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>> & {