@taikai/rocket-kit 3.0.0 → 3.0.2

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

@@ -1,22 +1,14 @@
-/// <reference types="react" />
+import React from 'react';
 import { TextAreaProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: TextAreaProps) => JSX.Element;
-    argTypes: {
-        minimal: {
-            control: {
-                type: string;
-            };
-        };
-    };
+    component: (props: TextAreaProps) => React.JSX.Element;
 };
 export default _default;
 export declare const TextAreaComponent: {
-    (args: TextAreaProps): JSX.Element;
+    (args: TextAreaProps): React.JSX.Element;
     storyName: string;
     args: {
-        minimal: boolean;
         name: string;
         placeholder: string;
         height: string;
@@ -27,10 +19,9 @@ export declare const TextAreaComponent: {
     };
 };
 export declare const TextAreaCharactersCountComponent: {
-    (args: TextAreaProps): JSX.Element;
+    (args: TextAreaProps): React.JSX.Element;
     storyName: string;
     args: {
-        minimal: boolean;
         name: string;
         placeholder: string;
         height: string;
@@ -40,10 +31,9 @@ export declare const TextAreaCharactersCountComponent: {
     };
 };
 export declare const TextAreaDefaultComponent: {
-    (args: TextAreaProps): JSX.Element;
+    (args: TextAreaProps): React.JSX.Element;
     storyName: string;
     args: {
-        minimal: boolean;
         height: string;
         placeholder: string;
         defaultValue: string;
@@ -53,10 +43,9 @@ export declare const TextAreaDefaultComponent: {
     };
 };
 export declare const TextAreaDisabledComponent: {
-    (args: TextAreaProps): JSX.Element;
+    (args: TextAreaProps): React.JSX.Element;
     storyName: string;
     args: {
-        minimal: boolean;
         name: string;
         height: string;
         placeholder: string;
@@ -66,10 +55,9 @@ export declare const TextAreaDisabledComponent: {
     };
 };
 export declare const TextAreaFullBorderComponent: {
-    (args: TextAreaProps): JSX.Element;
+    (args: TextAreaProps): React.JSX.Element;
     storyName: string;
     args: {
-        minimal: boolean;
         name: string;
         height: string;
         placeholder: string;
@@ -78,10 +66,9 @@ export declare const TextAreaFullBorderComponent: {
     };
 };
 export declare const TextAreaErrorComponent: {
-    (args: TextAreaProps): JSX.Element;
+    (args: TextAreaProps): React.JSX.Element;
     storyName: string;
     args: {
-        minimal: boolean;
         name: string;
         height: string;
         placeholder: string;

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

@@ -1,5 +1,4 @@
 interface TextAreaProps {
-    minimal?: boolean;
     height?: string;
     error?: string;
     minlength?: number;

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

@@ -2,7 +2,6 @@ import React, { CSSProperties } from 'react';
 import { TextFieldType } from './types';
 interface TextFieldProps {
     type?: TextFieldType;
-    minimal?: boolean;
     error?: string;
     icon?: string;
     name?: string;
@@ -19,5 +18,5 @@ interface TextFieldProps {
     pattern?: string;
     required?: boolean;
 }
-declare const TextField: (props: TextFieldProps) => JSX.Element;
+declare const TextField: (props: TextFieldProps) => React.JSX.Element;
 export default TextField;

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

@@ -1,5 +1,4 @@
 interface InputStyleProps {
-    minimal?: boolean;
     icon?: string;
     error?: string;
 }

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

@@ -18,5 +18,5 @@ export interface TextFieldAppendixProps {
     pattern?: string;
     required?: boolean;
 }
-declare const TextFieldAppendix: (props: TextFieldAppendixProps) => JSX.Element;
+declare const TextFieldAppendix: (props: TextFieldAppendixProps) => React.JSX.Element;
 export default TextFieldAppendix;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { TextFieldAppendixProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: TextFieldAppendixProps) => JSX.Element;
+    component: (props: TextFieldAppendixProps) => React.JSX.Element;
     argTypes: {
         type: {
             control: {
@@ -14,7 +14,7 @@ declare const _default: {
 };
 export default _default;
 export declare const TextFieldPrependComponent: {
-    (args: TextFieldAppendixProps): JSX.Element;
+    (args: TextFieldAppendixProps): React.JSX.Element;
     storyName: string;
     args: {
         type: string;
@@ -28,7 +28,7 @@ export declare const TextFieldPrependComponent: {
     };
 };
 export declare const TextFieldAppendComponent: {
-    (args: TextFieldAppendixProps): JSX.Element;
+    (args: TextFieldAppendixProps): React.JSX.Element;
     storyName: string;
     args: {
         type: string;

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface VideoPlayerProps {
     video: any;
     playing?: boolean;
@@ -6,6 +7,8 @@ export interface VideoPlayerProps {
     width?: string;
     height?: string;
     onEnded?: any;
+    onReady?: any;
+    onError?: any;
 }
-declare const VideoPlayer: (props: VideoPlayerProps) => JSX.Element;
+declare const VideoPlayer: (props: VideoPlayerProps) => React.JSX.Element;
 export default VideoPlayer;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { VideoPlayerProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: VideoPlayerProps) => JSX.Element;
+    component: (props: VideoPlayerProps) => React.JSX.Element;
     argTypes: {
         onEnded: {
             action: string;
@@ -11,7 +11,7 @@ declare const _default: {
 };
 export default _default;
 export declare const VideoPlayerComponent: {
-    (args: VideoPlayerProps): JSX.Element;
+    (args: VideoPlayerProps): React.JSX.Element;
     storyName: string;
     args: {
         video: string;

package/dist/index.d.ts

@@ -31,7 +31,6 @@ 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';

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

@@ -1,2 +1,3 @@
-declare const IconEmptyData: () => JSX.Element;
+import React from 'react';
+declare const IconEmptyData: () => React.JSX.Element;
 export default IconEmptyData;

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

@@ -1,2 +1,3 @@
-declare const IconLoginOnly: () => JSX.Element;
+import React from 'react';
+declare const IconLoginOnly: () => React.JSX.Element;
 export default IconLoginOnly;

package/dist/ions/variables.d.ts

@@ -131,23 +131,6 @@ export declare const colors: {
     paleOrange850: string;
     paleOrange900: string;
     paleOrange950: string;
-    normal: string;
-    light: string;
-    blue: string;
-    darkBlue: string;
-    orange: string;
-    darkOrange: string;
-    red: string;
-    lightRed: string;
-    darkRed: string;
-    lightPurple: string;
-    darkPurple: string;
-    green: string;
-    lightGreen: string;
-    darkGreen: string;
-    grey: string;
-    lightGrey: string;
-    darkGrey: string;
 };
 export declare const colorHues: number[];
 export declare const typography: {
@@ -171,3 +154,22 @@ export declare const button: {
 export declare const misc: {
     transitionDuration: string;
 };
+export declare const field: {
+    borderWidth: string;
+    borderRadius: string;
+    borderColor: string;
+    hoverBorderColor: string;
+    backgroundColor: string;
+    boxShadow: string;
+    color: string;
+    activeBorderColor: string;
+    activeColor: string;
+    successBackgroundColor: string;
+    successBorderColor: string;
+    errorBorderColor: string;
+    errorBackgroundColor: string;
+    disabledBackgroundColor: string;
+    disabledColor: string;
+    height: string;
+    placeholderColor: string;
+};

package/dist/molecules/actions-menu/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ActionMenu } from './types';
 interface ActionsMenuListInterface<T> {
     actions: ActionMenu<T>[];
@@ -13,6 +14,6 @@ interface ActionsMenuInterface<T> {
     dataTestId?: string;
     startsOpen?: boolean;
 }
-export declare const ActionMenuList: <T>(props: ActionsMenuListInterface<T>) => JSX.Element;
-declare const ActionsMenu: <T>(props: ActionsMenuInterface<T>) => JSX.Element;
+export declare const ActionMenuList: <T>(props: ActionsMenuListInterface<T>) => React.JSX.Element;
+declare const ActionsMenu: <T>(props: ActionsMenuInterface<T>) => React.JSX.Element;
 export default ActionsMenu;

package/dist/molecules/card-value/index.d.ts

@@ -9,5 +9,5 @@ export interface CardValueProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const CardValue: (props: CardValueProps) => JSX.Element;
+declare const CardValue: (props: CardValueProps) => React.JSX.Element;
 export default CardValue;

package/dist/molecules/card-value/stories/card-value.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { CardValueProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: CardValueProps) => JSX.Element;
+    component: (props: CardValueProps) => React.JSX.Element;
     argTypes: {
         currency: {
             control: {
@@ -14,7 +14,7 @@ declare const _default: {
 };
 export default _default;
 export declare const CardValueComponentKAI: {
-    (args: CardValueProps): JSX.Element;
+    (args: CardValueProps): React.JSX.Element;
     storyName: string;
     args: {
         label: string;
@@ -24,7 +24,7 @@ export declare const CardValueComponentKAI: {
     };
 };
 export declare const CardValueComponent: {
-    (args: CardValueProps): JSX.Element;
+    (args: CardValueProps): React.JSX.Element;
     storyName: string;
     args: {
         label: string;
@@ -33,7 +33,7 @@ export declare const CardValueComponent: {
     };
 };
 export declare const CardValueComponentButton: {
-    (args: CardValueProps): JSX.Element;
+    (args: CardValueProps): React.JSX.Element;
     storyName: string;
     args: {
         label: string;

package/dist/molecules/card-value/styles.d.ts

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

package/dist/molecules/checkbox-group/index.d.ts

@@ -19,5 +19,5 @@ export interface CheckboxGroupProps {
     onChange?: () => {};
     disabled?: boolean;
 }
-declare const CheckboxGroup: (props: CheckboxGroupProps) => JSX.Element;
+declare const CheckboxGroup: (props: CheckboxGroupProps) => React.JSX.Element;
 export default CheckboxGroup;

package/dist/molecules/checkbox-group/stories/checkbox-group.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { CheckboxGroupProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: CheckboxGroupProps) => JSX.Element;
+    component: (props: CheckboxGroupProps) => React.JSX.Element;
     argTypes: {
         type: {
             control: {
@@ -17,7 +17,7 @@ declare const _default: {
 };
 export default _default;
 export declare const CheckboxGroupComponent: {
-    (args: CheckboxGroupProps): JSX.Element;
+    (args: CheckboxGroupProps): React.JSX.Element;
     storyName: string;
     args: {
         type: string;

package/dist/molecules/data-warning/index.d.ts

@@ -3,5 +3,5 @@ export interface DataWarningProps {
     type?: 'login' | 'data';
     children: React.ReactNode;
 }
-declare const DataWarning: (props: DataWarningProps) => JSX.Element;
+declare const DataWarning: (props: DataWarningProps) => React.JSX.Element;
 export default DataWarning;

package/dist/molecules/data-warning/stories/data-warning.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { DataWarningProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: DataWarningProps) => JSX.Element;
+    component: (props: DataWarningProps) => React.JSX.Element;
     argTypes: {
         type: {
             control: {
@@ -14,7 +14,7 @@ declare const _default: {
 };
 export default _default;
 export declare const DataWarningComponent: {
-    (args: DataWarningProps): JSX.Element;
+    (args: DataWarningProps): React.JSX.Element;
     storyName: string;
     args: {
         type: string;

package/dist/molecules/empty-table/index.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 export interface EmptyTableProps {
     border?: boolean;
     value: string;
     tableHead: string[];
 }
-declare const EmptyTable: (props: EmptyTableProps) => JSX.Element;
+declare const EmptyTable: (props: EmptyTableProps) => React.JSX.Element;
 export default EmptyTable;

package/dist/molecules/empty-table/stories/empty-table.stories.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { EmptyTableProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: EmptyTableProps) => JSX.Element;
+    component: (props: EmptyTableProps) => React.JSX.Element;
     argTypes: {};
 };
 export default _default;
 export declare const EmptyTableComponent: {
-    (args: EmptyTableProps): JSX.Element;
+    (args: EmptyTableProps): React.JSX.Element;
     storyName: string;
     args: {
         border: boolean;

package/dist/molecules/error/index.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 export interface ErrorProps {
     variant?: 'default' | 'minimal';
     value: string;
 }
-declare const Error: (props: ErrorProps) => JSX.Element;
+declare const Error: (props: ErrorProps) => React.JSX.Element;
 export default Error;

package/dist/molecules/error/stories/error.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { ErrorProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: ErrorProps) => JSX.Element;
+    component: (props: ErrorProps) => React.JSX.Element;
     argTypes: {
         variant: {
             control: {
@@ -14,7 +14,7 @@ declare const _default: {
 };
 export default _default;
 export declare const ErrorComponent: {
-    (args: ErrorProps): JSX.Element;
+    (args: ErrorProps): React.JSX.Element;
     args: {
         variant: string;
         value: string;

package/dist/molecules/field-with-button/index.d.ts

@@ -6,15 +6,11 @@ export interface FieldWidthButtonProps {
     name?: string;
     placeholder?: string;
     value?: string | number;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    disabled?: boolean;
-    error?: string;
     dataTestId?: string;
-    required?: boolean;
     buttonIcon: string;
     buttonValue?: string;
     buttonAction?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     buttonDisabled?: boolean;
 }
-declare const FieldWidthButton: (props: FieldWidthButtonProps) => JSX.Element;
+declare const FieldWidthButton: (props: FieldWidthButtonProps) => React.JSX.Element;
 export default FieldWidthButton;

package/dist/molecules/field-with-button/stories/field-with-button.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { FieldWidthButtonProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: FieldWidthButtonProps) => JSX.Element;
+    component: (props: FieldWidthButtonProps) => React.JSX.Element;
     argTypes: {
         onChange: {
             action: () => void;
@@ -14,12 +14,11 @@ declare const _default: {
 };
 export default _default;
 export declare const FieldWidthButtonComponent: {
-    (args: FieldWidthButtonProps): JSX.Element;
+    (args: FieldWidthButtonProps): React.JSX.Element;
     storyName: string;
     args: {
         label: string;
         value: string;
-        disabled: boolean;
         buttonIcon: string;
         buttonValue: string;
     };

package/dist/molecules/form-group/index.d.ts

@@ -5,5 +5,5 @@ export interface FormGroupProps {
     error?: boolean;
     children: React.ReactNode;
 }
-declare const FormGroup: (props: FormGroupProps) => JSX.Element;
+declare const FormGroup: (props: FormGroupProps) => React.JSX.Element;
 export default FormGroup;

package/dist/molecules/form-group/stories/form-group.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { FormGroupProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: FormGroupProps) => JSX.Element;
+    component: (props: FormGroupProps) => React.JSX.Element;
     argTypes: {
         error: {
             control: {
@@ -19,7 +19,7 @@ declare const _default: {
 };
 export default _default;
 export declare const FormGroupComponent: {
-    (args: FormGroupProps): JSX.Element;
+    (args: FormGroupProps): React.JSX.Element;
     storyName: string;
     args: {
         label: string;

package/dist/molecules/modal-footer/index.d.ts

@@ -7,5 +7,5 @@ export interface ModalFooterProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const ModalFooter: (props: ModalFooterProps) => JSX.Element;
+declare const ModalFooter: (props: ModalFooterProps) => React.JSX.Element;
 export default ModalFooter;

package/dist/molecules/modal-footer/stories/modal-footer.stories.d.ts

@@ -1,20 +1,20 @@
-/// <reference types="react" />
+import React from 'react';
 import { ModalFooterProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: ModalFooterProps) => JSX.Element;
+    component: (props: ModalFooterProps) => React.JSX.Element;
     argTypes: {};
 };
 export default _default;
 export declare const ModalFooterComponentNoChildren: {
-    (args: ModalFooterProps): JSX.Element;
+    (args: ModalFooterProps): React.JSX.Element;
     storyName: string;
     args: {
         closeValue: string;
     };
 };
 export declare const ModalFooterComponentChildren: {
-    (args: ModalFooterProps): JSX.Element;
+    (args: ModalFooterProps): React.JSX.Element;
     storyName: string;
     args: {
         closeValue: string;

package/dist/molecules/note-card/index.d.ts

@@ -8,5 +8,5 @@ interface NoteCardProps {
     className?: string;
     style?: CSSProperties;
 }
-declare const NoteCard: (props: NoteCardProps) => JSX.Element;
+declare const NoteCard: (props: NoteCardProps) => React.JSX.Element;
 export default NoteCard;

package/dist/molecules/number-input-spinner/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface NumberInputSpinnerProps {
     decreaseAriaLabel?: string;
     increaseAriaLabel?: string;
@@ -8,5 +9,5 @@ export interface NumberInputSpinnerProps {
     onChange?: (value: number) => void;
     disabled?: boolean;
 }
-declare const NumberInputSpinner: (props: NumberInputSpinnerProps) => JSX.Element;
+declare const NumberInputSpinner: (props: NumberInputSpinnerProps) => React.JSX.Element;
 export default NumberInputSpinner;

package/dist/molecules/number-input-spinner/stories/number-input-spinner.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { NumberInputSpinnerProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: NumberInputSpinnerProps) => JSX.Element;
+    component: (props: NumberInputSpinnerProps) => React.JSX.Element;
     argTypes: {
         onChange: {
             action: string;
@@ -11,7 +11,7 @@ declare const _default: {
 };
 export default _default;
 export declare const NumberInputSpinnerSimpleComponent: {
-    (args: NumberInputSpinnerProps): JSX.Element;
+    (args: NumberInputSpinnerProps): React.JSX.Element;
     storyName: string;
     args: {
         increment: number;
@@ -22,7 +22,7 @@ export declare const NumberInputSpinnerSimpleComponent: {
     };
 };
 export declare const NumberInputSpinnerLongComponent: {
-    (args: NumberInputSpinnerProps): JSX.Element;
+    (args: NumberInputSpinnerProps): React.JSX.Element;
     storyName: string;
     args: {
         max: number;

package/dist/molecules/pagination-control/index.d.ts

@@ -7,5 +7,5 @@ export interface PageControlProps {
     onPageChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     ariaLabelBuilder?: any;
 }
-declare const PaginationControl: (props: PageControlProps) => JSX.Element;
+declare const PaginationControl: (props: PageControlProps) => React.JSX.Element;
 export default PaginationControl;