@taikai/rocket-kit 2.0.0-beta.7

package/dist/atoms/select-interactive/stories/select-interactive.stories.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: (props: any) => JSX.Element;
+    argTypes: {
+        multi: {
+            control: {
+                type: string;
+            };
+        };
+        search: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+interface SelectInteractiveProps {
+    multi: boolean;
+    search: boolean;
+    placeholder: string;
+}
+export declare const SelectInteractiveSimpleComponent: {
+    (args: SelectInteractiveProps): JSX.Element;
+    storyName: string;
+    args: {
+        multi: boolean;
+        search: boolean;
+        placeholder: string;
+    };
+};
+export declare const SelectInteractiveIconsComponent: {
+    (args: SelectInteractiveProps): JSX.Element;
+    storyName: string;
+    args: {
+        multi: boolean;
+        search: boolean;
+        placeholder: string;
+    };
+};
+export declare const SelectInteractiveCustomComponent: {
+    (args: SelectInteractiveProps): JSX.Element;
+    storyName: string;
+    args: {
+        multi: boolean;
+        search: boolean;
+        placeholder: string;
+    };
+};

package/dist/atoms/select-interactive/styles.d.ts

@@ -0,0 +1 @@
+export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/atoms/slideshow/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface SlideshowProps {
+    showArrows?: boolean;
+    slidesNumber: number;
+    autoPlay?: boolean;
+    stopOnHover?: boolean;
+    interval?: number;
+    dynamicHeight?: boolean;
+    slideSelected?: number;
+    children: any;
+}
+declare const Slideshow: (props: SlideshowProps) => JSX.Element;
+export default Slideshow;

package/dist/atoms/slideshow/stories/slideshow.stories.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { SlideshowProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: SlideshowProps) => JSX.Element;
+};
+export default _default;
+export declare const SlideshowComponent: {
+    (args: SlideshowProps): JSX.Element;
+    story: {
+        name: string;
+    };
+    args: {
+        showArrows: boolean;
+        slidesNumber: number;
+        autoPlay: boolean;
+        stopOnHover: boolean;
+        interval: number;
+        dynamicHeight: boolean;
+        slideSelected: number;
+    };
+};

package/dist/atoms/slideshow/styles.d.ts

@@ -0,0 +1,5 @@
+interface SlideshowProps {
+    slidesNumber: number;
+}
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, SlideshowProps, never>;
+export {};

package/dist/atoms/spinner/index.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+interface SpinnerProps {
+    fill?: string;
+    size?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+declare const Spinner: (props: SpinnerProps) => JSX.Element;
+export default Spinner;

package/dist/atoms/spinner/styles.d.ts

@@ -0,0 +1,6 @@
+interface LoadingProps {
+    fill?: string;
+    size?: string;
+}
+export declare const Loading: import("styled-components").StyledComponent<"div", any, LoadingProps, never>;
+export {};

package/dist/atoms/tag/index.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { TagVariant, TagColor } from './types';
+interface TagProps {
+    variant?: TagVariant;
+    color?: TagColor;
+    value: string;
+    className?: string;
+    style?: CSSProperties;
+}
+declare const Tag: (props: TagProps) => JSX.Element;
+export default Tag;

package/dist/atoms/tag/styles.d.ts

@@ -0,0 +1,7 @@
+import { TagVariant, TagColor } from './types';
+interface TagWrapperProps {
+    variant?: TagVariant;
+    color?: TagColor;
+}
+export declare const TagWrapper: import("styled-components").StyledComponent<"span", any, TagWrapperProps, never>;
+export {};

package/dist/atoms/tag/types.d.ts

@@ -0,0 +1,2 @@
+export declare type TagVariant = 'solid' | 'outline';
+export declare type TagColor = 'green' | 'orange' | 'red' | 'grey';

package/dist/atoms/tag-number/index.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+export interface TagNumberProps {
+    label: string;
+    value: number | string;
+    className?: string;
+    style?: CSSProperties;
+}
+declare const TagNumber: (props: TagNumberProps) => JSX.Element;
+export default TagNumber;

package/dist/atoms/tag-number/stories/tag-number.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { TagNumberProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: TagNumberProps) => JSX.Element;
+};
+export default _default;
+export declare const TagNumberComponent: {
+    (args: TagNumberProps): JSX.Element;
+    storyName: string;
+    args: {
+        label: string;
+        value: number;
+    };
+};

package/dist/atoms/tag-number/styles.d.ts

@@ -0,0 +1 @@
+export declare const TagWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/atoms/text-area/index.d.ts

@@ -0,0 +1,21 @@
+import React, { CSSProperties } from 'react';
+export interface TextAreaProps {
+    minimal?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    height?: string;
+    name?: string;
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    minlength?: number;
+    maxlength?: number;
+    charactersCount?: number;
+    disabled?: boolean;
+    error?: string;
+    required?: boolean;
+    dataTestId?: string;
+}
+declare const TextArea: (props: TextAreaProps) => JSX.Element;
+export default TextArea;

package/dist/atoms/text-area/stories/text-area.stories.d.ts

@@ -0,0 +1,93 @@
+/// <reference types="react" />
+import { TextAreaProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: TextAreaProps) => JSX.Element;
+    argTypes: {
+        minimal: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const TextAreaComponent: {
+    (args: TextAreaProps): JSX.Element;
+    storyName: string;
+    args: {
+        minimal: boolean;
+        name: string;
+        placeholder: string;
+        height: string;
+        onChange: () => void;
+        error: string;
+        disabled: boolean;
+        required: boolean;
+    };
+};
+export declare const TextAreaCharactersCountComponent: {
+    (args: TextAreaProps): JSX.Element;
+    storyName: string;
+    args: {
+        minimal: boolean;
+        name: string;
+        placeholder: string;
+        height: string;
+        error: string;
+        disabled: boolean;
+        required: boolean;
+    };
+};
+export declare const TextAreaDefaultComponent: {
+    (args: TextAreaProps): JSX.Element;
+    storyName: string;
+    args: {
+        minimal: boolean;
+        height: string;
+        placeholder: string;
+        defaultValue: string;
+        value: null;
+        onChange: () => void;
+        disabled: boolean;
+    };
+};
+export declare const TextAreaDisabledComponent: {
+    (args: TextAreaProps): JSX.Element;
+    storyName: string;
+    args: {
+        minimal: boolean;
+        name: string;
+        height: string;
+        placeholder: string;
+        value: string;
+        onChange: () => void;
+        disabled: boolean;
+    };
+};
+export declare const TextAreaFullBorderComponent: {
+    (args: TextAreaProps): JSX.Element;
+    storyName: string;
+    args: {
+        minimal: boolean;
+        name: string;
+        height: string;
+        placeholder: string;
+        onChange: () => void;
+        disabled: boolean;
+    };
+};
+export declare const TextAreaErrorComponent: {
+    (args: TextAreaProps): JSX.Element;
+    storyName: string;
+    args: {
+        minimal: boolean;
+        name: string;
+        height: string;
+        placeholder: string;
+        value: string;
+        onChange: () => void;
+        error: string;
+        disabled: boolean;
+    };
+};

package/dist/atoms/text-area/styles.d.ts

@@ -0,0 +1,11 @@
+interface TextAreaProps {
+    minimal?: boolean;
+    height?: string;
+    error?: string;
+    minlength?: number;
+    maxlength?: number;
+}
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextAreaStyle: import("styled-components").StyledComponent<"textarea", any, TextAreaProps, never>;
+export declare const Count: import("styled-components").StyledComponent<"div", any, TextAreaProps, never>;
+export {};

package/dist/atoms/text-field/index.d.ts

@@ -0,0 +1,23 @@
+import React, { CSSProperties } from 'react';
+import { TextFieldType } from './types';
+interface TextFieldProps {
+    type?: TextFieldType;
+    minimal?: boolean;
+    error?: string;
+    icon?: string;
+    name?: string;
+    value?: string | number;
+    defaultValue?: string | number;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    dataTestId?: string;
+    className?: string;
+    style?: CSSProperties;
+    min?: number;
+    max?: number;
+    pattern?: string;
+    required?: boolean;
+}
+declare const TextField: (props: TextFieldProps) => JSX.Element;
+export default TextField;

package/dist/atoms/text-field/styles.d.ts

@@ -0,0 +1,7 @@
+interface InputStyleProps {
+    minimal?: boolean;
+    icon?: string;
+    error?: string;
+}
+export declare const TextFieldInputStyle: import("styled-components").StyledComponent<"input", any, InputStyleProps, never>;
+export {};

package/dist/atoms/text-field/types.d.ts

@@ -0,0 +1 @@
+export declare type TextFieldType = 'text' | 'url' | 'password' | 'date' | 'time' | 'number' | 'email';

package/dist/atoms/text-field-appendix/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { TextFieldType } from '../text-field/types';
+export interface TextFieldAppendixProps {
+    append?: string;
+    prepend?: string;
+    type?: TextFieldType;
+    error?: string;
+    name?: string;
+    value?: string | number;
+    defaultValue?: string | number;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    dataTestId?: string;
+    className?: string;
+    min?: number;
+    max?: number;
+    pattern?: string;
+    required?: boolean;
+}
+declare const TextFieldAppendix: (props: TextFieldAppendixProps) => JSX.Element;
+export default TextFieldAppendix;

package/dist/atoms/text-field-appendix/stories/text-field-appendix.stories.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { TextFieldAppendixProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: TextFieldAppendixProps) => JSX.Element;
+    argTypes: {
+        type: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+    };
+};
+export default _default;
+export declare const TextFieldPrependComponent: {
+    (args: TextFieldAppendixProps): JSX.Element;
+    storyName: string;
+    args: {
+        type: string;
+        name: string;
+        prepend: string;
+        append: string;
+        placeholder: string;
+        onChange: () => void;
+        error: string;
+        disabled: boolean;
+    };
+};
+export declare const TextFieldAppendComponent: {
+    (args: TextFieldAppendixProps): JSX.Element;
+    storyName: string;
+    args: {
+        type: string;
+        name: string;
+        prepend: string;
+        append: string;
+        placeholder: string;
+        onChange: () => void;
+        error: string;
+        disabled: boolean;
+    };
+};

package/dist/atoms/text-field-appendix/styles.d.ts

@@ -0,0 +1,10 @@
+interface TextFieldAppendixProps {
+    error?: string;
+}
+interface AppendixProps {
+    position: 'left' | 'right';
+    error?: string;
+}
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, TextFieldAppendixProps, never>;
+export declare const Appendix: import("styled-components").StyledComponent<"div", any, AppendixProps, never>;
+export {};

package/dist/atoms/toggle/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ToggleProps } from './types';
+declare const Toggle: ({ ariaLabelOn, ariaLabelOff, labelLeft, labelRight, checked, disabled, isLabelVisible, onClick, ...rest }: ToggleProps) => JSX.Element;
+export default Toggle;

package/dist/atoms/toggle/stories/toogle.stories.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ToggleProps } from '../types';
+declare const _default: {
+    title: string;
+    component: ({ ariaLabelOn, ariaLabelOff, labelLeft, labelRight, checked, disabled, isLabelVisible, onClick, ...rest }: ToggleProps) => JSX.Element;
+};
+export default _default;
+export declare const ToggleComponent: {
+    (args: ToggleProps): JSX.Element;
+    storyName: string;
+    args: {
+        checked: boolean;
+        isLabelVisible: boolean;
+        labelLeft: string;
+        labelRight: string;
+        disabled: boolean;
+    };
+};

package/dist/atoms/toggle/styles.d.ts

@@ -0,0 +1 @@
+export declare const Switcher: import("styled-components").StyledComponent<"fieldset", any, {}, never>;

package/dist/atoms/toggle/types.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+export interface ToggleProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, 'onClick'> {
+    /** The value that is called
+     * when one of the fields is clicked
+     */
+    onClick?: (value: boolean) => void;
+    labelLeft?: string;
+    labelRight?: string;
+    /** The default checked input */
+    checked?: boolean;
+    disabled?: boolean;
+    /** Activates or disactivates the labels */
+    isLabelVisible: boolean;
+    ariaLabelOn?: string;
+    ariaLabelOff?: string;
+}

package/dist/atoms/truncate-line/index.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+export interface TruncateLineProps {
+    value: string;
+    className?: string;
+    style?: CSSProperties;
+    dataTestId?: string;
+}
+declare const TruncateLine: (props: TruncateLineProps) => JSX.Element;
+export default TruncateLine;

package/dist/atoms/truncate-line/stories/truncate-line.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { TruncateLineProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: TruncateLineProps) => JSX.Element;
+};
+export default _default;
+export declare const TruncateLineComponent: {
+    (args: TruncateLineProps): JSX.Element;
+    storyName: string;
+    args: {
+        value: string;
+    };
+};

package/dist/atoms/truncate-line/styles.d.ts

@@ -0,0 +1 @@
+export declare const TruncateWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/atoms/video-player/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface VideoPlayerProps {
+    video: any;
+    playing?: boolean;
+    loop?: boolean;
+    controls?: boolean;
+    width?: string;
+    height?: string;
+    onEnded?: any;
+}
+declare const VideoPlayer: (props: VideoPlayerProps) => JSX.Element;
+export default VideoPlayer;

package/dist/atoms/video-player/stories/video-player.stories.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { VideoPlayerProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: VideoPlayerProps) => JSX.Element;
+    argTypes: {
+        onEnded: {
+            action: string;
+        };
+    };
+};
+export default _default;
+export declare const VideoPlayerComponent: {
+    (args: VideoPlayerProps): JSX.Element;
+    storyName: string;
+    args: {
+        video: string;
+        playing: boolean;
+        loop: boolean;
+        controls: boolean;
+        width: string;
+        height: string;
+    };
+};

package/dist/atoms/video-player/styles.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/globalStyles.d.ts

@@ -0,0 +1,2 @@
+declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export default GlobalStyle;

package/dist/index.d.ts

@@ -0,0 +1,47 @@
+export { default as AvatarImage } from './atoms/avatar-image';
+export { default as Button } from './atoms/button';
+export { default as ButtonDropdown } from './atoms/button-dropdown';
+export { default as ButtonLink } from './atoms/button-link';
+export { default as Checkbox } from './atoms/checkbox';
+export { default as CheckboxButton } from './atoms/checkbox-button';
+export { default as ErrorField } from './atoms/error-field';
+export { default as Icon } from './atoms/icon';
+export { default as Label } from './atoms/label';
+export { default as Spinner } from './atoms/spinner';
+export { default as Tag } from './atoms/tag';
+export { default as TagNumber } from './atoms/tag-number';
+export { default as TextField } from './atoms/text-field';
+export { default as TextArea } from './atoms/text-area';
+export { default as Select } from './atoms/select';
+export { default as SelectInteractive } from './atoms/select-interactive';
+export { default as TextFieldAppendix } from './atoms/text-field-appendix';
+export { default as TruncateLine } from './atoms/truncate-line';
+export { default as Slideshow } from './atoms/slideshow';
+export { default as VideoPlayer } from './atoms/video-player';
+export { default as ProgressBar } from './atoms/progress-bar';
+export { default as Toggle } from './atoms/toggle';
+export { default as ActionsMenu } from './molecules/actions-menu';
+export { default as CardValue } from './molecules/card-value';
+export { default as EmptyTable } from './molecules/empty-table';
+export { default as ModalFooter } from './molecules/modal-footer';
+export { default as NoteCard } from './molecules/note-card';
+export { default as Table } from './molecules/table';
+export { default as TableDnD } from './molecules/table-dnd';
+export { default as FormGroup } from './molecules/form-group';
+export { default as NumberInputSpinner } from './molecules/number-input-spinner';
+export { default as WizardSteps } from './molecules/wizard-steps';
+export { default as AlertNotification } from './molecules/alert-notification';
+export { default as PaginationControl } from './molecules/pagination-control';
+export { default as Error } from './molecules/error';
+export { default as DataWarning } from './molecules/data-warning';
+export { default as RadioGroup } from './molecules/radio-group';
+export { default as CheckboxGroup } from './molecules/checkbox-group';
+export { default as FieldWidthButton } from './molecules/field-with-button';
+export { default as HorizontalNav } from './organisms/horizontal-nav';
+export { default as Modal } from './organisms/modal';
+export { default as ModalDrawer } from './organisms/modal-drawer';
+export { default as LoadingState } from './organisms/loading-state';
+export { default as TabsPanel } from './organisms/tabs-panel';
+export { default as GridContainer } from './organisms/grid-container';
+export { default as GridRow } from './organisms/grid-container/grid-row';
+export { default as GridCol } from './organisms/grid-container/grid-col';

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./rocket-kit.cjs.production.min.js')
+} else {
+  module.exports = require('./rocket-kit.cjs.development.js')
+}

package/dist/ions/breakpoints.d.ts

@@ -0,0 +1,9 @@
+export declare const device: {
+    xs: string;
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    touch: string;
+    mouse: string;
+};

package/dist/ions/icon-empty-data.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const IconEmptyData: () => JSX.Element;
+export default IconEmptyData;

package/dist/ions/icon-login-only.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const IconLoginOnly: () => JSX.Element;
+export default IconLoginOnly;

package/dist/ions/icons.d.ts

@@ -0,0 +1,5 @@
+interface IconsType {
+    [key: string]: string;
+}
+declare const icons: IconsType;
+export default icons;

package/dist/ions/variables.d.ts

@@ -0,0 +1,24 @@
+export declare const colors: {
+    normal: string;
+    light: string;
+    blue: string;
+    orange: string;
+    darkOrange: string;
+    red: string;
+    lightRed: string;
+    darkRed: string;
+    purple: string;
+    lightPurple: string;
+    darkPurple: string;
+    green: string;
+    lightGreen: string;
+    darkGreen: string;
+    grey: string;
+    lightGrey: string;
+    darkGrey: string;
+};
+export declare const fontWeight: {
+    regular: number;
+    medium: number;
+    bold: number;
+};