@cube-dev/ui-kit 0.9.10 → 0.10.1

package/types/_internal/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-deprecation-warning';

package/types/_internal/hooks/use-deprecation-warning.d.ts

@@ -0,0 +1,2 @@
+import { deprecationWarning } from '../../utils/warnings';
+export declare function useDeprecationWarning(...args: Parameters<typeof deprecationWarning>): void;

package/types/_internal/index.d.ts

@@ -0,0 +1 @@
+export * from './hooks';

package/types/components/Base.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { AllBaseProps } from './types';
+import { AllBaseProps } from '../tasty';
 /**
- * @deprecated consider using styled() instead
+ * @deprecated consider using tasty() instead
  */
 declare const _Base: import("react").ForwardRefExoticComponent<AllBaseProps<keyof HTMLElementTagNameMap> & import("react").RefAttributes<unknown>>;
 export { _Base as Base };

package/types/components/Block.d.ts

@@ -1,8 +1,5 @@
 /// <reference types="react" />
-import { AllBaseProps, ContainerStyleProps } from './types';
-export declare const CUBE_BLOCK_STYLES: {
-    display: string;
-};
+import { AllBaseProps, ContainerStyleProps } from '../tasty';
 export interface CubeBlockProps extends Omit<AllBaseProps, keyof ContainerStyleProps | 'as'>, ContainerStyleProps {
 }
 export declare const Block: import("react").ForwardRefExoticComponent<CubeBlockProps & import("react").RefAttributes<unknown>>;

package/types/components/GridProvider.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Styles } from '../styles/types';
+import { Styles } from '../tasty';
 export interface CubeGridProviderProps {
     children: ReactNode;
     columns?: number;

package/types/components/Root.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps } from './types';
+import { BaseProps } from '../tasty';
 export interface CubeRootProps extends BaseProps {
     tokens?: {
         [key: string]: string;

package/types/components/actions/Action.d.ts

@@ -1,5 +1,5 @@
 import { MouseEventHandler } from 'react';
-import { BaseProps, BaseStyleProps, ContainerStyleProps, TagNameProps, TextStyleProps } from '../types';
+import { BaseProps, BaseStyleProps, ContainerStyleProps, TagNameProps, TextStyleProps } from '../../tasty';
 import { AriaButtonProps } from '@react-types/button';
 export interface CubeActionProps extends BaseProps, TagNameProps, BaseStyleProps, ContainerStyleProps, TextStyleProps, Omit<AriaButtonProps, 'type'> {
     to?: string;

package/types/components/content/ActiveZone/ActiveZone.d.ts

@@ -1,5 +1,5 @@
 import { MouseEventHandler } from 'react';
-import { BaseProps, BaseStyleProps, ContainerStyleProps, TagNameProps, TextStyleProps } from '../../types';
+import { BaseProps, BaseStyleProps, ContainerStyleProps, TagNameProps, TextStyleProps } from '../../../tasty';
 import { FocusableOptions } from '@react-aria/focus';
 export interface CubeActiveZoneProps extends BaseProps, TagNameProps, BaseStyleProps, ContainerStyleProps, TextStyleProps, FocusableOptions {
     label?: string;

package/types/components/content/Alert/Alert.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CubeAlertProps } from './types';
+export declare const Alert: import("react").ForwardRefExoticComponent<CubeAlertProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/components/content/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Alert';
+export type { CubeAlertProps } from './types';

package/types/components/content/Alert/types.d.ts

@@ -0,0 +1,17 @@
+import { BaseProps, ContainerStyleProps, TextStyleProps } from '../../../tasty';
+import THEMES from '../../../data/themes';
+export interface CubeAlertProps extends Omit<BaseProps, 'theme'>, ContainerStyleProps, TextStyleProps {
+    /**
+     * ***Deprecated***
+     *
+     * @deprecated use `theme` prop instead
+     * @default note
+     */
+    type?: keyof typeof THEMES;
+    /**
+     * Changes the appearance of the Alert component
+     *
+     * @default note
+     */
+    theme?: keyof typeof THEMES;
+}

package/types/components/content/Alert/use-alert.d.ts

@@ -0,0 +1,6 @@
+import { CubeAlertProps } from './types';
+export declare function useAlert(props: CubeAlertProps): {
+    styles: import("../../../tasty").Styles;
+    theme: "disabled" | "danger" | "success" | "note";
+    filteredProps: {};
+};

package/types/components/content/Avatar/Avatar.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
-import { BaseProps, ContainerStyleProps } from '../../types';
-import { Styles } from '../../../styles/types';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 export interface CubeAvatarProps extends BaseProps, ContainerStyleProps {
     icon?: ReactNode;
     size?: Styles['size'];

package/types/components/content/Badge/Badge.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import THEMES from '../../../data/themes';
-import { BaseProps, ContainerStyleProps } from '../../types';
+import { BaseProps, ContainerStyleProps } from '../../../tasty';
 export interface CubeBadgeProps extends BaseProps, ContainerStyleProps {
     type?: keyof typeof THEMES | string;
 }

package/types/components/content/Card/Card.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../../types';
+import { BaseProps, ContainerStyleProps } from '../../../tasty';
 export interface CubeCardProps extends BaseProps, ContainerStyleProps {
 }
 export declare const Card: import("react").ForwardRefExoticComponent<CubeCardProps & import("react").RefAttributes<unknown>>;

package/types/components/content/Content.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, TextStyleProps } from '../types';
+import { BaseProps, ContainerStyleProps, TextStyleProps } from '../../tasty';
 export interface CubeContentProps extends BaseProps, ContainerStyleProps, TextStyleProps {
 }
 export declare const Content: import("react").ForwardRefExoticComponent<CubeContentProps & import("react").RefAttributes<unknown>>;

package/types/components/{organisms → content}/CopySnippet/CopySnippet.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { CubeCardProps } from '../../content/Card/Card';
+import { CubeCardProps } from '../Card/Card';
+import { Styles } from '../../../tasty';
 import { CubePrismCodeProps } from '../../content/PrismCode/PrismCode';
-import { Styles } from '../../../styles/types';
 export interface CubeCopySnippetProps extends CubeCardProps {
     padding?: Styles['padding'];
     /** The code snippet */

package/types/components/content/CopySnippet/index.d.ts

@@ -0,0 +1 @@
+export * from './CopySnippet';

package/types/components/content/Divider.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, OuterStyleProps } from '../types';
+import { BaseProps, OuterStyleProps } from '../../tasty';
 export interface CubeDividerProps extends BaseProps, OuterStyleProps {
 }
 export declare const Divider: import("react").ForwardRefExoticComponent<CubeDividerProps & import("react").RefAttributes<unknown>>;

package/types/components/content/Footer.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, TextStyleProps } from '../types';
+import { BaseProps, ContainerStyleProps, TextStyleProps } from '../../tasty';
 export interface CubeFooterProps extends BaseProps, ContainerStyleProps, TextStyleProps {
 }
 export declare const Footer: import("react").ForwardRefExoticComponent<CubeFooterProps & import("react").RefAttributes<unknown>>;

package/types/components/content/Header.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, TextStyleProps } from '../types';
+import { BaseProps, ContainerStyleProps, TextStyleProps } from '../../tasty';
 export interface CubeHeaderProps extends BaseProps, ContainerStyleProps, TextStyleProps {
 }
 export declare const Header: import("react").ForwardRefExoticComponent<CubeHeaderProps & import("react").RefAttributes<unknown>>;

package/types/components/content/Paragraph.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CubeTextProps } from './Text';
-import { ContainerStyleProps } from '../types';
+import { ContainerStyleProps } from '../../tasty';
 export interface CubeParagraphProps extends CubeTextProps, ContainerStyleProps {
 }
 export declare const Paragraph: import("react").ForwardRefExoticComponent<CubeParagraphProps & import("react").RefAttributes<unknown>>;

package/types/components/content/Placeholder/Placeholder.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { Styles } from '../../../styles/types';
-import { BaseProps, ContainerStyleProps } from '../../types';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 export interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {
     size?: Styles['fontSize'];
     circle?: boolean;

package/types/components/content/PrismCode/PrismCode.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../../types';
-import { Styles } from '../../../styles/types';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 export interface CubePrismCodeProps extends ContainerStyleProps {
     /** The CSS style map */
     style?: BaseProps['style'];

package/types/components/content/Result/Result.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BaseProps, ContainerStyleProps } from '../../types';
+import { BaseProps, ContainerStyleProps } from '../../../tasty';
 export interface CubeResultProps extends BaseProps, ContainerStyleProps {
     /** Additional block content. For example, a set of buttons */
     children?: ReactNode;

package/types/components/content/Skeleton/Skeleton.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CubePlaceholderProps } from '../Placeholder/Placeholder';
 import { CubeGridProps } from '../../layout/Grid';
-import { BaseProps, ContainerStyleProps } from '../../types';
+import { BaseProps, ContainerStyleProps } from '../../../tasty';
 declare const LAYOUT_MAP: {
     readonly page: ({ lines, children, ...props }: {
         [x: string]: any;

package/types/components/content/Tag/Tag.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import THEMES from '../../../data/themes';
-import { BaseProps, ContainerStyleProps } from '../../types';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 export interface CubeTagProps extends BaseProps, ContainerStyleProps {
     type?: keyof typeof THEMES | string;
     isClosable?: boolean;
     onClose?: () => void;
+    closeButtonStyles?: Styles;
 }
 declare const _Tag: import("react").ForwardRefExoticComponent<CubeTagProps & import("react").RefAttributes<unknown>>;
 export { _Tag as Tag };

package/types/components/content/Text.d.ts

@@ -1,6 +1,5 @@
 import { CSSProperties } from 'react';
-import { ResponsiveStyleValue } from '../../utils/styles';
-import { BaseProps, BaseStyleProps, ColorStyleProps, TagNameProps, TextStyleProps } from '../types';
+import { BaseProps, BaseStyleProps, ColorStyleProps, ResponsiveStyleValue, TagNameProps, TextStyleProps } from '../../tasty';
 export declare const TEXT_PROP_MAP: {
     readonly transform: "textTransform";
     readonly weight: "fontWeight";

package/types/components/content/Title.d.ts

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

package/types/components/forms/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { AriaCheckboxProps } from '@react-types/checkbox';
+import { BaseProps } from '../../../tasty';
 import { CheckboxGroup } from './CheckboxGroup';
-import { BaseProps } from '../../types';
 import { FormFieldProps } from '../../../shared';
 export interface CubeCheckboxProps extends BaseProps, AriaCheckboxProps, FormFieldProps {
 }

package/types/components/forms/Checkbox/CheckboxGroup.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps } from '../../types';
+import { BaseProps } from '../../../tasty';
 import type { AriaCheckboxGroupProps } from '@react-types/checkbox';
 import { FormFieldProps } from '../../../shared';
 export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProps, FormFieldProps {

package/types/components/forms/FieldWrapper.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { LabelPosition, NecessityIndicator, ValidationState } from '../../shared';
-import { Styles } from '../../styles/types';
+import { Styles } from '../../tasty';
 export declare type CubeFieldWrapperProps = {
     as: string;
     labelPosition: LabelPosition;

package/types/components/forms/FileInput/FileInput.d.ts

@@ -1,6 +1,5 @@
 import { RefObject } from 'react';
-import { Styles } from '../../../styles/types';
-import { BaseProps, BlockStyleProps, PositionStyleProps } from '../../types';
+import { BaseProps, BlockStyleProps, PositionStyleProps, Styles } from '../../../tasty';
 import type { AriaTextFieldProps } from '@react-types/textfield';
 import { FormFieldProps } from '../../../shared';
 export interface CubeFileInputProps extends BaseProps, PositionStyleProps, BlockStyleProps, AriaTextFieldProps, FormFieldProps {

package/types/components/forms/Form/Form.d.ts

@@ -1,8 +1,7 @@
 import { FormHTMLAttributes } from 'react';
-import { CubeFormInstance, CubeFormData } from './useForm';
-import { BaseProps, ContainerStyleProps } from '../../types';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
+import { CubeFormData, CubeFormInstance } from './useForm';
 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'> {

package/types/components/forms/Form/useForm.d.ts

@@ -1,8 +1,8 @@
 export declare type CubeFormData = {
-    [key: string]: any;
+    [key: string]: unknown;
 };
 export declare type CubeFieldData = {
-    value?: any;
+    value?: unknown;
     name: string;
     errors: string[];
     touched?: boolean;
@@ -20,18 +20,18 @@ export declare class CubeFormInstance {
     constructor(forceReRender?: () => void);
     submit(): Promise<any>;
     setFieldsValue(newData: {
-        [key: string]: any;
+        [key: string]: unknown;
     }, touched?: boolean, skipRender?: boolean, createFields?: boolean): void;
-    getFieldValue(name: any): any;
+    getFieldValue(name: any): unknown;
     getFieldsValue(): CubeFormData;
     /**
      * Similar to getFieldsValue() but respects '.' notation and creates nested objects.
      */
     getFormData(): CubeFormData;
-    setFieldValue(name: string, value: any, touched?: boolean, skipRender?: boolean): void;
+    setFieldValue(name: string, value: unknown, touched?: boolean, skipRender?: boolean): void;
     getFieldInstance(name: string): CubeFieldData;
     setInitialFieldsValue(values: {
-        [key: string]: any;
+        [key: string]: unknown;
     }): void;
     resetFields(names?: string[], skipRender?: boolean): void;
     validateField(name: string): Promise<any>;

package/types/components/forms/Input/Input.d.ts

@@ -0,0 +1,14 @@
+import { TextInput } from '../TextInput/TextInput';
+import { PasswordInput } from '../PasswordInput/PasswordInput';
+import { NumberInput } from '../NumberInput/NumberInput';
+import { FileInput } from '../FileInput/FileInput';
+import { TextArea } from '../TextArea/TextArea';
+declare type CubeInput = typeof TextInput & {
+    Text: typeof TextInput;
+    Password: typeof PasswordInput;
+    Number: typeof NumberInput;
+    TextArea: typeof TextArea;
+    File: typeof FileInput;
+};
+export declare const Input: CubeInput;
+export {};

package/types/components/forms/Input/index.d.ts

@@ -0,0 +1 @@
+export * from './Input';

package/types/components/forms/Label.d.ts

@@ -1,7 +1,6 @@
 import { MouseEventHandler } from 'react';
-import { BaseProps, ContainerStyleProps, TagNameProps } from '../types';
+import { BaseProps, ContainerStyleProps, Styles, TagNameProps } from '../../tasty';
 import { LabelPosition, NecessityIndicator, ValidationState } from '../../shared';
-import { Styles } from '../../styles/types';
 export declare const INLINE_LABEL_STYLES: Styles;
 export declare const LABEL_STYLES: Styles;
 export interface CubeLabelProps extends BaseProps, TagNameProps, ContainerStyleProps {

package/types/components/forms/RadioGroup/Radio.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
+import { BaseProps, Styles } from '../../../tasty';
 import { RadioGroup } from './RadioGroup';
-import { Styles } from '../../../styles/types';
-import { BaseProps } from '../../types';
 import type { AriaRadioProps } from '@react-types/radio';
 import { FormFieldProps } from '../../../shared';
 export interface CubeRadioProps extends BaseProps, AriaRadioProps, FormFieldProps {

package/types/components/forms/RadioGroup/RadioGroup.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { Styles } from '../../../styles/types';
-import { BaseProps } from '../../types';
+import { BaseProps, Styles } from '../../../tasty';
 import type { AriaRadioGroupProps } from '@react-types/radio';
 import { FormFieldProps } from '../../../shared';
 export interface CubeRadioGroupProps extends BaseProps, AriaRadioGroupProps, FormFieldProps {

package/types/components/forms/Switch/Switch.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { Styles } from '../../../styles/types';
-import { BaseProps, BlockStyleProps, OuterStyleProps } from '../../types';
+import { BaseProps, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
 import type { AriaSwitchProps } from '@react-types/switch';
 import { FormFieldProps } from '../../../shared';
 export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleProps, FormFieldProps, AriaSwitchProps {

package/types/components/forms/TextInput/TextInput.d.ts

@@ -1,12 +1,8 @@
 /// <reference types="react" />
 import { CubeTextInputBaseProps } from './TextInputBase';
-/**
- * TextInputs are text inputs that allow users to input custom text entries
- * with a keyboard. Various decorations can be displayed around the field to
- * communicate the entry requirements.
- */
-declare const _TextInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "value" | "defaultValue"> & {
+import { WithNullableValue } from '../../../utils/react/nullableValue';
+export declare type CubeTextInputProps = WithNullableValue<CubeTextInputBaseProps>;
+export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;
-} & import("react").RefAttributes<unknown>>;
-export { _TextInput as TextInput };
+} & import("react").RefAttributes<HTMLInputElement>>;

package/types/components/forms/TextInput/TextInputBase.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { Styles } from '../../../styles/types';
-import { BaseProps, BlockStyleProps, DimensionStyleProps, PositionStyleProps, Props } from '../../types';
+import { BaseProps, BlockStyleProps, DimensionStyleProps, PositionStyleProps, Props, Styles } from '../../../tasty';
 import { FormFieldProps } from '../../../shared';
 import type { AriaTextFieldProps } from '@react-types/textfield';
 export declare const DEFAULT_INPUT_STYLES: Styles;

package/types/components/forms/index.d.ts

@@ -1,35 +1,7 @@
-/// <reference types="react" />
-import { TextInput } from './TextInput/TextInput';
-import { PasswordInput } from './PasswordInput/PasswordInput';
-import { NumberInput } from './NumberInput/NumberInput';
-import { FileInput } from './FileInput/FileInput';
-import { TextArea } from './TextArea/TextArea';
-declare const Input: import("react").ForwardRefExoticComponent<Omit<import("./TextInput/TextInputBase").CubeTextInputBaseProps, "value" | "defaultValue"> & {
-    value?: any;
-    defaultValue?: any;
-} & import("react").RefAttributes<unknown>> & {
-    Text: typeof TextInput;
-    Password: typeof PasswordInput;
-    Number: typeof NumberInput;
-    TextArea: typeof TextArea;
-    File: typeof FileInput;
-} & {
-    Text: import("react").ForwardRefExoticComponent<Omit<import("./TextInput/TextInputBase").CubeTextInputBaseProps, "value" | "defaultValue"> & {
-        value?: any;
-        defaultValue?: any;
-    } & import("react").RefAttributes<unknown>>;
-    Password: import("react").ForwardRefExoticComponent<Omit<import("./TextInput/TextInputBase").CubeTextInputBaseProps, "value" | "defaultValue"> & {
-        value?: any;
-        defaultValue?: any;
-    } & import("react").RefAttributes<unknown>>;
-    Number: import("react").ForwardRefExoticComponent<Omit<import("./NumberInput/NumberInput").CubeNumberInputProps, "value" | "defaultValue"> & {
-        value?: any;
-        defaultValue?: any;
-    } & import("react").RefAttributes<unknown>>;
-    TextArea: import("react").ForwardRefExoticComponent<Omit<import("./TextArea/TextArea").CubeTextAreaProps, "value" | "defaultValue"> & {
-        value?: any;
-        defaultValue?: any;
-    } & import("react").RefAttributes<unknown>>;
-    File: import("react").ForwardRefExoticComponent<import("./FileInput/FileInput").CubeFileInputProps & import("react").RefAttributes<unknown>>;
-};
-export { Input, TextInput, NumberInput, TextArea, PasswordInput, FileInput };
+export * from './Input';
+export * from './TextInput/TextInput';
+export * from './PasswordInput/PasswordInput';
+export * from './NumberInput/NumberInput';
+export * from './FileInput/FileInput';
+export * from './TextArea/TextArea';
+export * from './Form';

package/types/components/layout/Flex.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../types';
+import { BaseProps, ContainerStyleProps } from '../../tasty';
 export interface CubeFlexProps extends BaseProps, ContainerStyleProps {
 }
 export declare const Flex: import("react").ForwardRefExoticComponent<CubeFlexProps & import("react").RefAttributes<unknown>>;

package/types/components/layout/Flow.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../types';
+import { BaseProps, ContainerStyleProps } from '../../tasty';
 export interface CubeFlowProps extends BaseProps, ContainerStyleProps {
 }
 export declare const Flow: import("react").ForwardRefExoticComponent<CubeFlowProps & import("react").RefAttributes<unknown>>;

package/types/components/layout/Grid.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, ShortGridStyles } from '../types';
+import { BaseProps, ContainerStyleProps, ShortGridStyles } from '../../tasty';
 export interface CubeGridProps extends BaseProps, ContainerStyleProps, ShortGridStyles {
 }
 export declare const Grid: import("react").ForwardRefExoticComponent<CubeGridProps & import("react").RefAttributes<unknown>>;

package/types/components/layout/Prefix.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { BaseProps, ContainerStyleProps } from '../types';
+import { BaseProps, ContainerStyleProps } from '../../tasty';
 export interface CubePrefixProps extends BaseProps, ContainerStyleProps {
     onWidthChange?: Function;
     outerGap?: CSSProperties['gap'];

package/types/components/layout/Space.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../types';
+import { BaseProps, ContainerStyleProps } from '../../tasty';
 export interface CubeSpaceProps extends BaseProps, ContainerStyleProps {
     direction?: 'vertical' | 'horizontal';
 }

package/types/components/layout/Suffix.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { BaseProps, ContainerStyleProps } from '../types';
+import { BaseProps, ContainerStyleProps } from '../../tasty';
 export interface CubeSuffixProps extends BaseProps, ContainerStyleProps {
     onWidthChange?: Function;
     outerGap?: CSSProperties['gap'];

package/types/components/navigation/LegacyTabs/LegacyTabs.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { CubeFlexProps } from '../../layout/Flex';
 import { CubeButtonProps } from '../../actions';
-import { Styles } from '../../../styles/types';
+import { Styles } from '../../../tasty';
 export interface CubeTabData {
     id: string | number;
     qa?: string;

package/types/components/organisms/FileTabs/FileTabs.d.ts

@@ -1,7 +1,10 @@
 import { ReactNode } from 'react';
 import { CubeActionProps } from '../../actions/Action';
 import { CubeFlexProps } from '../../layout/Flex';
-import { Styles } from '../../../styles/types';
+import { Styles } from '../../../tasty';
+/**
+ * @deprecated consider using <Tabs /> instead
+ */
 export interface FileTabProps extends Omit<CubeActionProps, 'id'> {
     isDirty?: boolean;
     isDisabled?: boolean;

package/types/components/other/Base64Upload/Base64Upload.d.ts

@@ -1,4 +1,4 @@
-import { BaseProps, PositionStyleProps } from '../../types';
+import { BaseProps, PositionStyleProps } from '../../../tasty';
 export interface CubeBase64UploadProps extends BaseProps, PositionStyleProps {
     onInput?: Function;
 }

package/types/components/overlays/AlertDialog/AlertDialog.d.ts

@@ -1,6 +1,6 @@
+import { ReactNode } from 'react';
 import { CubeButtonProps } from '../../actions';
 import { CubeDialogProps } from '../Dialog/Dialog';
-import { ReactNode } from 'react';
 export interface CubeAlertDialogActionsProps {
     confirm?: CubeButtonProps | boolean;
     secondary?: CubeButtonProps;

package/types/components/overlays/AlertDialog/types.d.ts

@@ -1,4 +1,4 @@
-import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../types';
+import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../../tasty';
 import { AriaDialogProps } from '@react-types/dialog';
 import { ReactNode } from 'react';
 import { CubeDialogContainerProps } from '../Dialog';

package/types/components/overlays/Dialog/Dialog.d.ts

@@ -1,21 +1,19 @@
 import { ReactNode } from 'react';
-import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../types';
+import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps, Styles } from '../../../tasty';
 import type { AriaDialogProps } from '@react-types/dialog';
 export interface CubeDialogProps extends Omit<BaseProps, 'role'>, AriaDialogProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps {
-    /** The type of the dialog. It affects its size and position. */
-    type?: 'modal' | 'popover' | 'fullscreen' | 'fullscreenTakeover' | 'panel' | 'tray';
     /** The size of the dialog */
-    size?: 'S' | 'M' | 'L';
+    size?: 'S' | 'M' | 'L' | 'small' | 'medium' | 'large';
     /** Whether the dialog is dismissable */
     isDismissable?: boolean;
     /** Trigger when the dialog is dismissed */
     onDismiss?: (arg?: any) => void;
     /** That you can replace the close icon with */
     closeIcon?: ReactNode;
+    closeButtonStyles?: Styles;
 }
 /**
  * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.
  * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.
  */
-declare let _Dialog: import("react").ForwardRefExoticComponent<CubeDialogProps & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;
-export { _Dialog as Dialog };
+export declare const Dialog: import("react").ForwardRefExoticComponent<CubeDialogProps & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;

package/types/components/overlays/Dialog/DialogForm.d.ts

@@ -23,5 +23,4 @@ export interface CubeDialogFormRef {
 /**
  * DialogForms are a specific type of Dialog. They contain forms to fill.
  */
-declare let _DialogForm: import("react").ForwardRefExoticComponent<CubeDialogFormProps & import("react").RefAttributes<CubeDialogFormRef>>;
-export { _DialogForm as DialogForm };
+export declare const DialogForm: (props: CubeDialogFormProps) => JSX.Element;