@cube-dev/ui-kit 0.1.2 → 0.2.0

package/README.md

@@ -14,7 +14,9 @@ You will also see any lint errors in the console.
 
 Run storybook with all the components of UI Kit.
 
-### yarn run build
+Deployed version of the Storybook from the `main` branch is here: https://cube-uikit-storybook.netlify.app/ 
+
+### yarn build
 
 Builds a static copy of UIKit to the `dist/` folder.
 Your app is ready to be deployed!

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

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
-import { NuStyles } from '../styles/types';
+import { Styles } from '../styles/types';
 export interface CubeGridProviderProps {
     children: ReactNode;
     columns?: number;
-    gap?: NuStyles['gap'];
-    width?: NuStyles['width'];
-    initialWidth?: NuStyles['width'];
+    gap?: Styles['gap'];
+    width?: Styles['width'];
+    initialWidth?: Styles['width'];
 }
 export declare const GridProvider: import("react").ForwardRefExoticComponent<CubeGridProviderProps & import("react").RefAttributes<unknown>>;

package/dist/cjs/components/{Action.d.ts → actions/Action.d.ts}

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

package/dist/{mjs/atoms → cjs/components/actions}/Button/Button.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CubeActionProps } from '../../components/Action';
+import { CubeActionProps } from '../Action';
 export interface CubeButtonProps extends CubeActionProps {
     ghost?: boolean;
     icon?: JSX.Element;

package/dist/{mjs/atoms → cjs/components/actions}/ButtonGroup/ButtonGroup.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { CubeSpaceProps } from '../../components/Space';
+import { CubeSpaceProps } from '../../layout/Space';
 export declare const ButtonGroup: import("react").ForwardRefExoticComponent<CubeSpaceProps & import("react").RefAttributes<unknown>>;

package/dist/cjs/{atoms → components/content}/Avatar/Avatar.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../../components/types';
-import { NuStyles } from '../../styles/types';
+import { BaseProps, ContainerStyleProps } from '../../types';
+import { Styles } from '../../../styles/types';
 export interface CubeAvatarProps extends BaseProps, ContainerStyleProps {
     icon?: JSX.Element;
-    size?: NuStyles['size'];
+    size?: Styles['size'];
 }
 export declare const Avatar: import("react").ForwardRefExoticComponent<CubeAvatarProps & import("react").RefAttributes<unknown>>;

package/dist/cjs/{atoms → components/content}/Badge/Badge.d.ts

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

package/dist/cjs/{atoms → components/content}/Card/Card.d.ts

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

package/dist/{mjs/components → cjs/components/content}/Content.d.ts

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

package/dist/{mjs/components → cjs/components/content}/Divider.d.ts

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

package/dist/cjs/components/{Footer.d.ts → content/Footer.d.ts}

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

package/dist/cjs/components/{Header.d.ts → content/Header.d.ts}

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

package/dist/cjs/components/{Paragraph.d.ts → content/Paragraph.d.ts}

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

package/dist/cjs/{atoms → components/content}/Placeholder/Placeholder.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { NuStyles } from '../../styles/types';
-import { BaseProps, ContainerStyleProps } from '../../components/types';
+import { Styles } from '../../../styles/types';
+import { BaseProps, ContainerStyleProps } from '../../types';
 export interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {
-    size?: NuStyles['size'];
+    size?: Styles['size'];
     circle?: boolean;
 }
 export declare const Placeholder: import("react").ForwardRefExoticComponent<CubePlaceholderProps & import("react").RefAttributes<unknown>>;

package/dist/{mjs/atoms → cjs/components/content}/PrismCode/PrismCode.d.ts

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

package/dist/cjs/{atoms → components/content}/Skeleton/Skeleton.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../../components/types';
+import { CubePlaceholderProps } from '../Placeholder/Placeholder';
+import { CubeGridProps } from '../../layout/Grid';
+import { BaseProps, ContainerStyleProps } from '../../types';
 declare const LAYOUT_MAP: {
     readonly page: ({ lines, children, ...props }: {
         [x: string]: any;
@@ -36,9 +38,19 @@ declare const LAYOUT_MAP: {
         columns: any;
     }) => JSX.Element;
 };
-export interface CubeSkeletonProps extends BaseProps, ContainerStyleProps {
+export interface CubeSkeletonProps extends CubeGridProps, CubePlaceholderProps, BaseProps, ContainerStyleProps {
     /** The type of the layout */
     layout?: keyof typeof LAYOUT_MAP;
+    /** The number of columns for table layout */
+    columns?: number;
+    /** The number of rows for table layout */
+    rows?: number;
+    /** The number of placeholder lines */
+    lines?: number;
+    /** The number of tabs */
+    tabs?: number;
+    /** The number of cards */
+    cards?: number;
 }
 export declare function Skeleton({ layout, ...props }: CubeSkeletonProps): JSX.Element;
 export {};

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

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

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

@@ -0,0 +1,32 @@
+import { CSSProperties } from 'react';
+import { ResponsiveStyleValue } from '../../utils/styles';
+import { BaseProps, BaseStyleProps, ColorStyleProps, TagNameProps, TextStyleProps } from '../types';
+export interface CubeTextProps extends BaseProps, TagNameProps, TextStyleProps, BaseStyleProps, ColorStyleProps {
+    /**
+     * Whether the text uses the monospace font.
+     */
+    monospace?: boolean;
+    /**
+     * Whether the text overflow is ellipsis
+     */
+    ellipsis?: boolean;
+    /**
+     * Whether the text is not wrapping
+     */
+    nowrap?: boolean;
+    /**
+     * Whether the text has italic style
+     */
+    italic?: ResponsiveStyleValue<CSSProperties['fontStyle']>;
+    weight?: string | number;
+    align?: ResponsiveStyleValue<CSSProperties['textAlign']>;
+    transform?: ResponsiveStyleValue<CSSProperties['textTransform']>;
+}
+declare const Text: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>> & {
+    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>>;
+};
+export { Text };

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { CubeTextProps } from './Text';
+import { BaseProps, BlockStyleProps, PositionStyleProps, TagNameProps } from '../types';
+export interface CubeTitleProps extends BaseProps, CubeTextProps, TagNameProps, BlockStyleProps, PositionStyleProps {
+    /** The level of the heading **/
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+declare const Title: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>> & {
+    Danger: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>>;
+    Success: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>>;
+};
+export { Title };

package/dist/cjs/{atoms → components/forms}/Checkbox/Checkbox.d.ts

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

package/dist/{mjs/atoms → cjs/components/forms}/Checkbox/CheckboxGroup.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { BaseProps } from '../../components/types';
+import { BaseProps } from '../../types';
 import { AriaCheckboxGroupProps } from '@react-types/checkbox';
-import { FormFieldProps } from '../../shared';
+import { FormFieldProps } from '../../../shared';
 export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProps, FormFieldProps {
     orientation?: 'vertical' | 'horizontal';
 }

package/dist/cjs/components/{FieldWrapper.d.ts → forms/FieldWrapper.d.ts}

@@ -1,20 +1,20 @@
 /// <reference types="react" />
-import { LabelPosition, NecessityIndicator, ValidationState } from '../shared';
-import { NuStyles } from '../styles/types';
+import { LabelPosition, NecessityIndicator, ValidationState } from '../../shared';
+import { Styles } from '../../styles/types';
 export declare type CubeFieldWrapperProps = {
     as: string;
     labelPosition: LabelPosition;
     label?: string;
     insideForm?: boolean;
-    styles?: NuStyles;
+    styles?: Styles;
     isRequired?: boolean;
     isDisabled?: boolean;
-    labelStyles?: NuStyles;
+    labelStyles?: Styles;
     necessityIndicator?: NecessityIndicator;
     labelProps?: any;
     fieldProps?: any;
     message?: string | JSX.Element;
-    messageStyles?: NuStyles;
+    messageStyles?: Styles;
     Component?: JSX.Element;
     validationState?: ValidationState;
     requiredMark?: boolean;

package/dist/cjs/{atoms → components/forms}/Form/Field.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { FieldBaseProps, ValidationRule } from '../../shared';
+import { FieldBaseProps, ValidationRule } from '../../../shared';
 import { FormStore } from './useForm';
 export interface CubeFieldProps extends FieldBaseProps {
     /** The type of the input. `Input`, `Checkbox`, RadioGroup`, `Select`, `ComboBox` etc... */

package/dist/{mjs/atoms → cjs/components/forms}/Form/Form.d.ts

@@ -1,7 +1,7 @@
 import { FormHTMLAttributes } from 'react';
 import { FormStore, useForm, CubeFormData } from './useForm';
-import { BaseProps, ContainerStyleProps } from '../../components/types';
-import { FormBaseProps } from '../../shared';
+import { BaseProps, ContainerStyleProps } from '../../types';
+import { FormBaseProps } from '../../../shared';
 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/dist/cjs/components/{Label.d.ts → forms/Label.d.ts}

@@ -1,9 +1,9 @@
 import { MouseEventHandler } from 'react';
-import { BaseProps, ContainerStyleProps, TagNameProps } from './types';
-import { LabelPosition, NecessityIndicator, ValidationState } from '../shared';
-import { NuStyles } from '../styles/types';
-export declare const INLINE_LABEL_STYLES: NuStyles;
-export declare const LABEL_STYLES: NuStyles;
+import { BaseProps, ContainerStyleProps, TagNameProps } from '../types';
+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 {
     labelPosition?: LabelPosition;
     necessityIndicator?: NecessityIndicator;

package/dist/cjs/{atoms → components/forms}/RadioGroup/Radio.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { NuStyles } from '../../styles/types';
-import { BaseProps } from '../../components/types';
+import { Styles } from '../../../styles/types';
+import { BaseProps } from '../../types';
 import { AriaRadioProps } from '@react-types/radio';
-import { FormFieldProps } from '../../shared';
+import { FormFieldProps } from '../../../shared';
 export interface CubeRadioProps extends BaseProps, AriaRadioProps, FormFieldProps {
-    inputStyles?: NuStyles;
+    inputStyles?: Styles;
     type?: 'button' | 'radio';
 }
 declare function RadioButton(props: CubeRadioProps, ref: any): JSX.Element;

package/dist/{mjs/atoms → cjs/components/forms}/Switch/Switch.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { NuStyles } from '../../styles/types';
-import { BaseProps, BlockStyleProps, OuterStyleProps } from '../../components/types';
+import { Styles } from '../../../styles/types';
+import { BaseProps, BlockStyleProps, OuterStyleProps } from '../../types';
 import { AriaSwitchProps } from '@react-types/switch';
-import { FormFieldProps } from '../../shared';
+import { FormFieldProps } from '../../../shared';
 export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleProps, FormFieldProps, AriaSwitchProps {
-    thumbStyles?: NuStyles;
-    inputStyles?: NuStyles;
+    thumbStyles?: Styles;
+    inputStyles?: Styles;
     isLoading?: boolean;
 }
 /**

package/dist/cjs/{atoms → components/forms}/TextInput/TextInputBase.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode, RefObject } from 'react';
-import { NuStyles } from '../../styles/types';
-import { BaseProps, BlockStyleProps, PositionStyleProps, Props } from '../../components/types';
-import { FormFieldProps } from '../../shared';
+import { Styles } from '../../../styles/types';
+import { BaseProps, BlockStyleProps, PositionStyleProps, Props } from '../../types';
+import { FormFieldProps } from '../../../shared';
 import { AriaTextFieldProps } from '@react-types/textfield';
-export declare const DEFAULT_INPUT_STYLES: NuStyles;
+export declare const DEFAULT_INPUT_STYLES: Styles;
 export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, BlockStyleProps, AriaTextFieldProps, FormFieldProps {
     /** Input decoration before the main input */
     prefix?: ReactNode;
@@ -28,13 +28,13 @@ export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, B
     /** The loading status indicator */
     loadingIndicator?: ReactNode;
     /** Style map for the input */
-    inputStyles?: NuStyles;
+    inputStyles?: Styles;
     /** Style map for the input wrapper */
-    wrapperStyles?: NuStyles;
+    wrapperStyles?: Styles;
     /** The number of rows for the input. Only applies to textarea. */
     rows?: number;
     /** The resize CSS property sets whether an element is resizable, and if so, in which directions. */
-    resize?: NuStyles['resize'];
+    resize?: Styles['resize'];
 }
 declare const _TextInputBase: import("react").ForwardRefExoticComponent<CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;
 export { _TextInputBase as TextInputBase };

package/dist/cjs/components/{Flex.d.ts → layout/Flex.d.ts}

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

package/dist/{mjs/components → cjs/components/layout}/Flow.d.ts

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

package/dist/cjs/components/{Grid.d.ts → layout/Grid.d.ts}

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

package/dist/{mjs/components → cjs/components/layout}/Prefix.d.ts

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

package/dist/cjs/components/{Space.d.ts → layout/Space.d.ts}

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

package/dist/cjs/components/{Suffix.d.ts → layout/Suffix.d.ts}

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

package/dist/cjs/{atoms → components/navigation}/Link/Link.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { CubeActionProps } from '../../components/Action';
+import { CubeActionProps } from '../../actions/Action';
 export declare const Link: import("react").ForwardRefExoticComponent<CubeActionProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLLinkElement, HTMLLinkElement>>>;

package/dist/{mjs/molecules → cjs/components/navigation}/Tabs/Tabs.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { CubeFlexProps } from '../../components/Flex';
-import { CubeButtonProps } from '../../atoms/Button/Button';
-import { NuStyles } from '../../styles/types';
+import { CubeFlexProps } from '../../layout/Flex';
+import { CubeButtonProps } from '../../actions/Button/Button';
+import { Styles } from '../../../styles/types';
 export interface CubeTabData {
     id: string | number;
     qa?: string;
@@ -33,7 +33,7 @@ export interface CubeTabsProps extends CubeFlexProps {
     /** Handler that is called when the tab is closed. */
     onTabClose?: (string: any) => void;
     /** Styles for the each tab pane */
-    paneStyles?: NuStyles;
+    paneStyles?: Styles;
     /** Additional content along the tabs */
     extra?: ReactNode;
 }

package/dist/{mjs/molecules → cjs/components/organisms}/Alert/Alert.d.ts

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

package/dist/cjs/{molecules → components/organisms}/CopySnippet/CopySnippet.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { CubePrismCodeProps } from '../../atoms/PrismCode/PrismCode';
-import { NuStyles } from '../../styles/types';
-import { BaseProps } from '../../components/types';
-export interface CubeCopySnippetProps extends BaseProps {
-    padding?: NuStyles['padding'];
+import { CubeCardProps } from '../../content/Card/Card';
+import { CubePrismCodeProps } from '../../content/PrismCode/PrismCode';
+import { Styles } from '../../../styles/types';
+export interface CubeCopySnippetProps extends CubeCardProps {
+    padding?: Styles['padding'];
     /** The code snippet */
     code: string;
     /** The title of the snippet */
@@ -20,5 +20,7 @@ export interface CubeCopySnippetProps extends BaseProps {
     showOverlay?: boolean;
     /** Whether the snippet is scrollable */
     showScroll?: boolean;
+    /** Whether to show the tooltip with the full content */
+    showTooltip?: boolean;
 }
 export declare function CopySnippet(allProps: CubeCopySnippetProps): JSX.Element;

package/dist/cjs/{molecules → components/organisms}/DirectoryTree/DirectoryTree.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { CubeFlexProps } from '../../layout/Flex';
 export declare type CubeFileTree = CubeFileTreeItem[];
 export interface CubeFileTreeItem {
     isLeaf?: boolean;
@@ -23,7 +24,7 @@ export interface CubeDirectoryTreeItemProps {
     onPress?: () => void;
     isSelected?: boolean;
 }
-export interface CubeDirectoryTreeProps {
+export interface CubeDirectoryTreeProps extends CubeFlexProps {
     /** Event that fires on file selection */
     onSelect?: (key: string) => void;
     /** The selected key */

package/dist/cjs/{molecules → components/organisms}/FileTabs/FileTabs.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { CubeActionProps } from '../../components/Action';
-import { CubeFlexProps } from '../../components/Flex';
-import { NuStyles } from '../../styles/types';
+import { CubeActionProps } from '../../actions/Action';
+import { CubeFlexProps } from '../../layout/Flex';
+import { Styles } from '../../../styles/types';
 export interface FileTabProps extends Omit<CubeActionProps, 'id'> {
     isDirty?: boolean;
     isDisabled?: boolean;
@@ -19,7 +19,7 @@ export interface CubeFileTabsProps extends CubeFlexProps {
     /** Handler that is called when the tab is closed. */
     onTabClose?: (string: any) => void;
     /** Styles for the each tab pane */
-    paneStyles?: NuStyles;
+    paneStyles?: Styles;
     /** Whether the tabs are closable */
     isClosable?: boolean;
     children?: ReactNode;

package/dist/{mjs/molecules → cjs/components/organisms}/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CubeCardProps } from '../../atoms/Card/Card';
+import { CubeCardProps } from '../../content/Card/Card';
 export interface CubeModalProps extends CubeCardProps {
     title?: string;
     isVisible?: boolean;

package/dist/cjs/{molecules → components/organisms}/SearchResults/SearchResults.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { CubeFlexProps } from '../../components/Flex';
+import { CubeFlexProps } from '../../layout/Flex';
 export declare type CubeSearchFileData = {
     title?: string;
     key: string;

package/dist/cjs/{molecules → components/organisms}/StatsCard/StatsCard.d.ts

@@ -1,4 +1,4 @@
-import { CubeCardProps } from '../../atoms/Card/Card';
+import { CubeCardProps } from '../../content/Card/Card';
 import { ReactNode } from 'react';
 export interface CubeStatsCard extends CubeCardProps {
     title?: string | ReactNode;

package/dist/{mjs/molecules → cjs/components/organisms}/TopBar/TopBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../../components/types';
+import { BaseProps, ContainerStyleProps } from '../../types';
 export interface CubeTopbarProps extends BaseProps, ContainerStyleProps {
     onLogoPress?: () => void;
 }

package/dist/{mjs/atoms → cjs/components/other}/Base64Upload/Base64Upload.d.ts

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