@cube-dev/ui-kit 0.1.2 → 0.2.0

package/dist/mjs/components/types.d.ts

@@ -1,5 +1,5 @@
-import { AllHTMLAttributes, CSSProperties, JSXElementConstructor, ReactElement, ReactNodeArray, ReactPortal } from 'react';
-import { NuStyles } from '../styles/types';
+import { AllHTMLAttributes, CSSProperties } from 'react';
+import { Styles } from '../styles/types';
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_STYLES, FLOW_STYLES, OUTER_STYLES, POSITION_STYLES, TEXT_STYLES } from '../styles/list';
 export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLElement>, 'className' | 'role' | 'id'> {
     /** QA ID for e2e testing **/
@@ -8,7 +8,7 @@ export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLEle
     qaVal?: string | number;
     /** The tag name of the element **/
     /** The style map **/
-    styles?: NuStyles;
+    styles?: Styles;
     /** The list of responsive points in pixels **/
     breakpoints?: number[];
     /** Whether the element has the block layout outside **/
@@ -34,30 +34,29 @@ export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLEle
         [key: string]: string | number | null;
     });
 }
-export interface BaseProps extends BasePropsWithoutChildren {
-    children?: ReactElement<any, string | JSXElementConstructor<any>> | string | number | {} | ReactNodeArray | ReactPortal | boolean | null | undefined;
+export interface BaseProps extends BasePropsWithoutChildren, Pick<AllHTMLAttributes<HTMLElementTagNameMap['div']>, 'children'> {
 }
 export interface AllBaseProps<K extends keyof HTMLElementTagNameMap = 'div'> extends BaseProps, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style'> {
-    as?: K;
+    as?: string;
 }
-export declare type BaseStyleProps = Pick<NuStyles, typeof BASE_STYLES[number]>;
-export declare type PositionStyleProps = Pick<NuStyles, typeof POSITION_STYLES[number]>;
-export declare type BlockStyleProps = Pick<NuStyles, typeof BLOCK_STYLES[number]>;
-export declare type ColorStyleProps = Pick<NuStyles, typeof COLOR_STYLES[number]>;
-export declare type TextStyleProps = Pick<NuStyles, typeof TEXT_STYLES[number]>;
-export declare type DimensionStyleProps = Pick<NuStyles, typeof DIMENSION_STYLES[number]>;
-export declare type FlowStyleProps = Pick<NuStyles, typeof FLOW_STYLES[number]>;
-export declare type ContainerStyleProps = Pick<NuStyles, typeof CONTAINER_STYLES[number]>;
-export declare type OuterStyleProps = Pick<NuStyles, typeof OUTER_STYLES[number]>;
+export declare type BaseStyleProps = Pick<Styles, typeof BASE_STYLES[number]>;
+export declare type PositionStyleProps = Pick<Styles, typeof POSITION_STYLES[number]>;
+export declare type BlockStyleProps = Pick<Styles, typeof BLOCK_STYLES[number]>;
+export declare type ColorStyleProps = Pick<Styles, typeof COLOR_STYLES[number]>;
+export declare type TextStyleProps = Pick<Styles, typeof TEXT_STYLES[number]>;
+export declare type DimensionStyleProps = Pick<Styles, typeof DIMENSION_STYLES[number]>;
+export declare type FlowStyleProps = Pick<Styles, typeof FLOW_STYLES[number]>;
+export declare type ContainerStyleProps = Pick<Styles, typeof CONTAINER_STYLES[number]>;
+export declare type OuterStyleProps = Pick<Styles, typeof OUTER_STYLES[number]>;
 export declare type ShortItemsStyles = {
-    align?: NuStyles['alignItems'];
-    justify?: NuStyles['justifyItems'];
+    align?: Styles['alignItems'];
+    justify?: Styles['justifyItems'];
 };
 export declare type ShortGridStyles = {
-    template?: NuStyles['gridTemplate'];
-    columns?: NuStyles['gridColumns'];
-    rows?: NuStyles['gridRows'];
-    areas?: NuStyles['gridAreas'];
+    template?: Styles['gridTemplate'];
+    columns?: Styles['gridColumns'];
+    rows?: Styles['gridRows'];
+    areas?: Styles['gridAreas'];
 };
 export interface Props {
     [key: string]: any;

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

@@ -17,6 +17,7 @@ declare const PROPS: {
     'minor-color': string;
     'success-bg-color': string;
     'note-bg-color': string;
+    'note-text-color': string;
     'danger-bg-color': string;
     'danger-bg-hover-color': string;
     'primary-1': string;
@@ -64,15 +65,76 @@ declare const PROPS: {
     'h1-font-size': string;
     'h1-line-height': string;
     'h1-letter-spacing': string;
+    'h1-font-weight': string;
     'h2-font-size': string;
     'h2-line-height': string;
+    'h2-letter-spacing': string;
+    'h2-font-weight': string;
     'h3-font-size': string;
     'h3-line-height': string;
+    'h3-letter-spacing': string;
+    'h3-font-weight': string;
     'h4-font-size': string;
     'h4-line-height': string;
+    'h4-letter-spacing': string;
+    'h4-font-weight': string;
     'h5-font-size': string;
     'h5-line-height': string;
+    'h5-letter-spacing': string;
+    'h5-font-weight': string;
+    'h5s-font-size': string;
+    'h5s-line-height': string;
+    'h5s-letter-spacing': string;
+    'h5s-font-weight': string;
+    'h5m-font-size': string;
+    'h5m-line-height': string;
+    'h5m-letter-spacing': string;
+    'h5m-font-weight': string;
     'h6-font-size': string;
     'h6-line-height': string;
+    't1-font-size': string;
+    't1-line-height': string;
+    't1-letter-spacing': string;
+    't1-font-weight': string;
+    't2-font-size': string;
+    't2-line-height': string;
+    't2-letter-spacing': string;
+    't2-font-weight': string;
+    't3-font-size': string;
+    't3-line-height': string;
+    't3-letter-spacing': string;
+    't3-font-weight': string;
+    't4-font-size': string;
+    't4-line-height': string;
+    't4-letter-spacing': string;
+    't4-font-weight': string;
+    't4m-font-size': string;
+    't4m-line-height': string;
+    't4m-letter-spacing': string;
+    't4m-font-weight': string;
+    'p1-font-size': string;
+    'p1-line-height': string;
+    'p1-letter-spacing': string;
+    'p1-font-weight': string;
+    'p2-font-size': string;
+    'p2-line-height': string;
+    'p2-letter-spacing': string;
+    'p2-font-weight': string;
+    'p3-font-size': string;
+    'p3-line-height': string;
+    'p3-letter-spacing': string;
+    'p3-font-weight': string;
+    'p4-font-size': string;
+    'p4-line-height': string;
+    'p4-letter-spacing': string;
+    'p4-font-weight': string;
+    'tag-font-size': string;
+    'tag-line-height': string;
+    'tag-letter-spacing': string;
+    'tag-font-weight': string;
+    'default-font-size': string;
+    'default-line-height': string;
+    'default-letter-spacing': string;
+    'default-font-weight': string;
 };
 export default PROPS;

package/dist/mjs/data/themes.d.ts

@@ -11,7 +11,7 @@ declare const _default: {
     };
     readonly note: {
         readonly fill: "#note-bg";
-        readonly color: "#note";
+        readonly color: "#note-text";
         readonly border: "#note.40";
     };
     readonly disabled: {

package/dist/mjs/index.d.ts

@@ -1,10 +1,14 @@
 /// <reference types="react" />
-import { CubeFormProps, Field, useFormProps } from './atoms/Form';
-import { CubeTextProps, Text } from './components/Text';
-import { CubeTitleProps, Title } from './components/Title';
-import { CubeParagraphProps, Paragraph } from './components/Paragraph';
+import { CubeFormProps, Field, useFormProps } from './components/forms/Form';
+import { CubeTextProps, Text } from './components/content/Text';
+import { CubeTitleProps, Title } from './components/content/Title';
+import { CubeParagraphProps, Paragraph } from './components/content/Paragraph';
+import { ButtonGroup } from './components/actions/ButtonGroup/ButtonGroup';
+declare const _Button: import("react").ForwardRefExoticComponent<import("./components/actions/Button/Button").CubeButtonProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>> & {
+    Group: import("react").ForwardRefExoticComponent<import("./components/layout/Space").CubeSpaceProps & import("react").RefAttributes<unknown>>;
+};
 declare const Form: import("react").ForwardRefExoticComponent<CubeFormProps & import("react").RefAttributes<unknown>> & {
-    useForm: typeof import("./atoms/Form").useForm;
+    useForm: typeof import("./components/forms/Form").useForm;
 } & {
     Item: typeof Field;
 };
@@ -12,122 +16,123 @@ export { Item } from '@react-stately/collections';
 export { Base } from './components/Base';
 export { Block } from './components/Block';
 export type { CubeBlockProps } from './components/Block';
-export { Action } from './components/Action';
-export type { CubeActionProps } from './components/Action';
-export { Grid } from './components/Grid';
-export type { CubeGridProps } from './components/Grid';
-export { Flex } from './components/Flex';
-export type { CubeFlexProps } from './components/Flex';
-export { Link } from './atoms/Link/Link';
-export { Space } from './components/Space';
-export type { CubeSpaceProps } from './components/Space';
-export { Flow } from './components/Flow';
-export type { CubeFlowProps } from './components/Flow';
+export { Action } from './components/actions/Action';
+export type { CubeActionProps } from './components/actions/Action';
+export { Grid } from './components/layout/Grid';
+export type { CubeGridProps } from './components/layout/Grid';
+export { Flex } from './components/layout/Flex';
+export type { CubeFlexProps } from './components/layout/Flex';
+export { Link } from './components/navigation/Link/Link';
+export { Space } from './components/layout/Space';
+export type { CubeSpaceProps } from './components/layout/Space';
+export { Flow } from './components/layout/Flow';
+export type { CubeFlowProps } from './components/layout/Flow';
 export { Root } from './components/Root';
 export type { CubeRootProps } from './components/Root';
-export { PrismCode } from './atoms/PrismCode/PrismCode';
-export type { CubePrismCodeProps } from './atoms/PrismCode/PrismCode';
-export { Prefix } from './components/Prefix';
-export type { CubePrefixProps } from './components/Prefix';
-export { Suffix } from './components/Suffix';
-export type { CubeSuffixProps } from './components/Suffix';
-export { Divider } from './components/Divider';
-export type { CubeDividerProps } from './components/Divider';
+export { PrismCode } from './components/content/PrismCode/PrismCode';
+export type { CubePrismCodeProps } from './components/content/PrismCode/PrismCode';
+export { Prefix } from './components/layout/Prefix';
+export type { CubePrefixProps } from './components/layout/Prefix';
+export { Suffix } from './components/layout/Suffix';
+export type { CubeSuffixProps } from './components/layout/Suffix';
+export { Divider } from './components/content/Divider';
+export type { CubeDividerProps } from './components/content/Divider';
 export { GridProvider } from './components/GridProvider';
 export type { CubeGridProviderProps } from './components/GridProvider';
-export { Content } from './components/Content';
-export type { CubeContentProps } from './components/Content';
-export { Header } from './components/Header';
-export type { CubeHeaderProps } from './components/Header';
-export { Footer } from './components/Footer';
-export type { CubeFooterProps } from './components/Footer';
-export { FieldWrapper } from './components/FieldWrapper';
-export type { CubeFieldWrapperProps } from './components/FieldWrapper';
-export { LoadingAnimation } from './atoms/LoadingAnimation/LoadingAnimation';
-export type { CubeLoadingAnimationProps } from './atoms/LoadingAnimation/LoadingAnimation';
-export { Spin } from './atoms/Spin/Spin';
-export type { CubeSpinProps } from './atoms/Spin/Spin';
-export { Base64Upload } from './atoms/Base64Upload/Base64Upload';
-export type { CubeBase64UploadProps } from './atoms/Base64Upload/Base64Upload';
-export { Card } from './atoms/Card/Card';
-export type { CubeCardProps } from './atoms/Card/Card';
-export { Button } from './atoms/Button/Button';
-export type { CubeButtonProps } from './atoms/Button/Button';
-export { Placeholder } from './atoms/Placeholder/Placeholder';
-export type { CubePlaceholderProps } from './atoms/Placeholder/Placeholder';
-export { Skeleton } from './atoms/Skeleton/Skeleton';
-export type { CubeSkeletonProps } from './atoms/Skeleton/Skeleton';
-export { CloudLogo } from './atoms/CloudLogo/CloudLogo';
-export { Badge } from './atoms/Badge/Badge';
-export type { CubeBadgeProps } from './atoms/Badge/Badge';
-export { SearchInput } from './atoms/SearchInput/SearchInput';
-export type { CubeSearchInputProps } from './atoms/SearchInput/SearchInput';
-export { Submit } from './atoms/Button/Submit';
-export type { CubeTextInputBaseProps } from './atoms/TextInput/TextInputBase';
-export type { CubeTextInputBaseProps as CubeTextInputProps } from './atoms/TextInput/TextInputBase';
-export { TextInput } from './atoms/TextInput/TextInput';
-export { TextArea } from './atoms/TextArea/TextArea';
-export type { CubeTextAreaProps } from './atoms/TextArea/TextArea';
-export { PasswordInput } from './atoms/PasswordInput/PasswordInput';
-export { Checkbox } from './atoms/Checkbox/Checkbox';
-export type { CubeCheckboxProps } from './atoms/Checkbox/Checkbox';
-export { CheckboxGroup } from './atoms/Checkbox/CheckboxGroup';
-export type { CubeCheckboxGroupProps } from './atoms/Checkbox/CheckboxGroup';
-export { Switch } from './atoms/Switch/Switch';
-export type { CubeSwitchProps } from './atoms/Switch/Switch';
-export { Radio } from './atoms/RadioGroup/Radio';
-export type { CubeRadioProps } from './atoms/RadioGroup/Radio';
+export { Content } from './components/content/Content';
+export type { CubeContentProps } from './components/content/Content';
+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 { FieldWrapper } from './components/forms/FieldWrapper';
+export type { CubeFieldWrapperProps } from './components/forms/FieldWrapper';
+export { LoadingAnimation } from './components/status/LoadingAnimation/LoadingAnimation';
+export type { CubeLoadingAnimationProps } from './components/status/LoadingAnimation/LoadingAnimation';
+export { Spin } from './components/status/Spin/Spin';
+export type { CubeSpinProps } from './components/status/Spin/Spin';
+export { Base64Upload } from './components/other/Base64Upload/Base64Upload';
+export type { CubeBase64UploadProps } from './components/other/Base64Upload/Base64Upload';
+export { Card } from './components/content/Card/Card';
+export type { CubeCardProps } from './components/content/Card/Card';
+export { _Button as Button, ButtonGroup };
+export type { CubeButtonProps } from './components/actions/Button/Button';
+export { Placeholder } from './components/content/Placeholder/Placeholder';
+export type { CubePlaceholderProps } from './components/content/Placeholder/Placeholder';
+export { Skeleton } from './components/content/Skeleton/Skeleton';
+export type { CubeSkeletonProps } from './components/content/Skeleton/Skeleton';
+export { CloudLogo } from './components/other/CloudLogo/CloudLogo';
+export { Badge } from './components/content/Badge/Badge';
+export type { CubeBadgeProps } from './components/content/Badge/Badge';
+export { Tag } from './components/content/Tag/Tag';
+export type { CubeTagProps } from './components/content/Tag/Tag';
+export { SearchInput } from './components/forms/SearchInput/SearchInput';
+export type { CubeSearchInputProps } from './components/forms/SearchInput/SearchInput';
+export { Submit } from './components/actions/Button/Submit';
+export type { CubeTextInputBaseProps } from './components/forms/TextInput/TextInputBase';
+export type { CubeTextInputBaseProps as CubeTextInputProps } from './components/forms/TextInput/TextInputBase';
+export { TextInput } from './components/forms/TextInput/TextInput';
+export { TextArea } from './components/forms/TextArea/TextArea';
+export type { CubeTextAreaProps } from './components/forms/TextArea/TextArea';
+export { PasswordInput } from './components/forms/PasswordInput/PasswordInput';
+export { Checkbox } from './components/forms/Checkbox/Checkbox';
+export type { CubeCheckboxProps } from './components/forms/Checkbox/Checkbox';
+export { CheckboxGroup } from './components/forms/Checkbox/CheckboxGroup';
+export type { CubeCheckboxGroupProps } from './components/forms/Checkbox/CheckboxGroup';
+export { Switch } from './components/forms/Switch/Switch';
+export type { CubeSwitchProps } from './components/forms/Switch/Switch';
+export { Radio } from './components/forms/RadioGroup/Radio';
+export type { CubeRadioProps } from './components/forms/RadioGroup/Radio';
 export { Form, Field, useFormProps };
 export type { CubeFormProps };
-export { ComboBox } from './atoms/ComboBox/ComboBox';
-export type { CubeComboBoxProps } from './atoms/ComboBox/ComboBox';
-export { Select, ListBoxPopup } from './atoms/Select/Select';
-export type { CubeSelectProps, CubeSelectBaseProps } from './atoms/Select/Select';
-export { NumberInput } from './atoms/NumberInput/NumberInput';
-export type { CubeNumberInputProps } from './atoms/NumberInput/NumberInput';
-export { Avatar } from './atoms/Avatar/Avatar';
-export type { CubeAvatarProps } from './atoms/Avatar/Avatar';
-export { Dialog, DialogTrigger, DialogContainer, } from './atoms/Dialog';
-export type { CubeDialogTriggerProps, CubeDialogContainerProps, CubeDialogProps, } from './atoms/Dialog';
-export { Tooltip } from './atoms/Tooltip/Tooltip';
-export type { CubeTooltipProps } from './atoms/Tooltip/Tooltip';
-export { TooltipTrigger } from './atoms/Tooltip/TooltipTrigger';
-export type { CubeTooltipTriggerProps } from './atoms/Tooltip/TooltipTrigger';
-export { ButtonGroup } from './atoms/ButtonGroup/ButtonGroup';
-export { TopBar } from './molecules/TopBar/TopBar';
-export type { CubeTopbarProps } from './molecules/TopBar/TopBar';
-export { Alert } from './molecules/Alert/Alert';
-export type { CubeAlertProps } from './molecules/Alert/Alert';
-export { DirectoryTree } from './molecules/DirectoryTree/DirectoryTree';
-export type { CubeDirectoryTreeProps } from './molecules/DirectoryTree/DirectoryTree';
-export { Tabs } from './molecules/Tabs/Tabs';
-export type { CubeTabsProps } from './molecules/Tabs/Tabs';
-export { FileTabs } from './molecules/FileTabs/FileTabs';
-export type { CubeFileTabProps } from './molecules/FileTabs/FileTabs';
-export { Modal } from './molecules/Modal/Modal';
-export type { CubeModalProps } from './molecules/Modal/Modal';
-export { CopySnippet } from './molecules/CopySnippet/CopySnippet';
-export type { CubeCopySnippetProps } from './molecules/CopySnippet/CopySnippet';
-export { StatsCard } from './molecules/StatsCard/StatsCard';
-export type { CubeStatsCard } from './molecules/StatsCard/StatsCard';
-export { AlertDialog } from './molecules/AlertDialog/AlertDialog';
-export type { CubeAlertDialogProps } from './molecules/AlertDialog/AlertDialog';
-export { SearchResults } from './molecules/SearchResults/SearchResults';
-export type { CubeSearchResultsProps } from './molecules/SearchResults/SearchResults';
+export { ComboBox } from './components/pickers/ComboBox/ComboBox';
+export type { CubeComboBoxProps } from './components/pickers/ComboBox/ComboBox';
+export { Select, ListBoxPopup } from './components/pickers/Select/Select';
+export type { CubeSelectProps, CubeSelectBaseProps, } from './components/pickers/Select/Select';
+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 { Tooltip } from './components/overlays/Tooltip/Tooltip';
+export type { CubeTooltipProps } from './components/overlays/Tooltip/Tooltip';
+export { TooltipTrigger } from './components/overlays/Tooltip/TooltipTrigger';
+export type { CubeTooltipTriggerProps } from './components/overlays/Tooltip/TooltipTrigger';
+export { TopBar } from './components/organisms/TopBar/TopBar';
+export type { CubeTopbarProps } from './components/organisms/TopBar/TopBar';
+export { Alert } from './components/organisms/Alert/Alert';
+export type { CubeAlertProps } from './components/organisms/Alert/Alert';
+export { DirectoryTree } from './components/organisms/DirectoryTree/DirectoryTree';
+export type { CubeDirectoryTreeProps } from './components/organisms/DirectoryTree/DirectoryTree';
+export { Tabs } from './components/navigation/Tabs/Tabs';
+export type { CubeTabsProps } from './components/navigation/Tabs/Tabs';
+export { FileTabs } from './components/organisms/FileTabs/FileTabs';
+export type { CubeFileTabProps } from './components/organisms/FileTabs/FileTabs';
+export { Modal } from './components/organisms/Modal/Modal';
+export type { CubeModalProps } from './components/organisms/Modal/Modal';
+export { CopySnippet } from './components/organisms/CopySnippet/CopySnippet';
+export type { CubeCopySnippetProps } from './components/organisms/CopySnippet/CopySnippet';
+export { StatsCard } from './components/organisms/StatsCard/StatsCard';
+export type { CubeStatsCard } from './components/organisms/StatsCard/StatsCard';
+export { AlertDialog } from './components/overlays/AlertDialog/AlertDialog';
+export type { CubeAlertDialogProps } from './components/overlays/AlertDialog/AlertDialog';
+export { SearchResults } from './components/organisms/SearchResults/SearchResults';
+export type { CubeSearchResultsProps } from './components/organisms/SearchResults/SearchResults';
 export { notification } from './services/notification';
 export type { CubeNotificationOptions } from './services/notification';
 export * from './providers/Responsive';
 export declare const Typography: {
     Text: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>> & {
-        Minor: (props: CubeTextProps) => JSX.Element;
-        Danger: (props: CubeTextProps) => JSX.Element;
-        Success: (props: CubeTextProps) => JSX.Element;
-        Strong: (props: CubeTextProps) => JSX.Element;
-        Selection: (props: CubeTextProps) => JSX.Element;
+        Minor: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
+        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>>;
+        Selection: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
     };
     Title: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>> & {
-        Danger: (props: any) => JSX.Element;
-        Success: (props: any) => JSX.Element;
+        Danger: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>>;
+        Success: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>>;
     };
     Paragraph: import("react").ForwardRefExoticComponent<CubeParagraphProps & import("react").RefAttributes<unknown>>;
 };
@@ -136,15 +141,15 @@ export type { CubeTextProps, CubeTitleProps, CubeParagraphProps };
 export { useContextStyles, StyleProvider } from './providers/Styles';
 export { Provider } from './provider';
 export type { useProviderProps } from './provider';
-declare const Input: import("react").ForwardRefExoticComponent<import("./atoms/TextInput/TextInputBase").CubeTextInputBaseProps & import("react").RefAttributes<unknown>> & {
-    Text: import("react").ForwardRefExoticComponent<import("./atoms/TextInput/TextInputBase").CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;
-    Password: import("react").ForwardRefExoticComponent<import("./atoms/TextInput/TextInputBase").CubeTextInputBaseProps & import("react").RefAttributes<unknown>> & {
+declare const Input: import("react").ForwardRefExoticComponent<import("./components/forms/TextInput/TextInputBase").CubeTextInputBaseProps & import("react").RefAttributes<unknown>> & {
+    Text: import("react").ForwardRefExoticComponent<import("./components/forms/TextInput/TextInputBase").CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;
+    Password: import("react").ForwardRefExoticComponent<import("./components/forms/TextInput/TextInputBase").CubeTextInputBaseProps & import("react").RefAttributes<unknown>> & {
         cubeInputType: string;
     };
     Number: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>> & {
         cubeInputType: string;
     };
-    TextArea: import("react").ForwardRefExoticComponent<import("./atoms/TextArea/TextArea").CubeTextAreaProps & import("react").RefAttributes<unknown>> & {
+    TextArea: import("react").ForwardRefExoticComponent<import("./components/forms/TextArea/TextArea").CubeTextAreaProps & import("react").RefAttributes<unknown>> & {
         cubeInputType: string;
     };
 };