@taikai/rocket-kit 3.0.0-beta.5 → 3.0.1

package/dist/atoms/avatar-image/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export interface AvatarProps {
     style?: CSSProperties;
     className?: string;
@@ -9,5 +9,5 @@ export interface AvatarProps {
     boringType?: 'marble' | 'beam' | 'pixel' | 'sunset' | 'ring' | 'bauhaus';
     square?: boolean;
 }
-declare const AvatarImage: (props: AvatarProps) => JSX.Element;
+declare const AvatarImage: (props: AvatarProps) => React.JSX.Element;
 export default AvatarImage;

package/dist/atoms/avatar-image/stories/avatar-image.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { AvatarProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: AvatarProps) => JSX.Element;
+    component: (props: AvatarProps) => React.JSX.Element;
     argTypes: {
         boringType: {
             control: {
@@ -14,7 +14,7 @@ declare const _default: {
 };
 export default _default;
 export declare const PNG: {
-    (args: AvatarProps): JSX.Element;
+    (args: AvatarProps): React.JSX.Element;
     args: {
         size: number;
         boring: boolean;
@@ -25,7 +25,7 @@ export declare const PNG: {
     };
 };
 export declare const SVG: {
-    (args: AvatarProps): JSX.Element;
+    (args: AvatarProps): React.JSX.Element;
     args: {
         size: number;
         boring: boolean;
@@ -36,7 +36,7 @@ export declare const SVG: {
     };
 };
 export declare const BoringAvatar: {
-    (args: AvatarProps): JSX.Element;
+    (args: AvatarProps): React.JSX.Element;
     args: {
         size: number;
         boring: boolean;

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

@@ -19,5 +19,5 @@ export interface ButtonProps {
     eventId?: string;
     disabled?: boolean;
 }
-declare const Button: (props: ButtonProps) => JSX.Element;
+declare const Button: (props: ButtonProps) => React.JSX.Element;
 export default Button;

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

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

package/dist/atoms/button-dropdown/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { ButtonColor, ButtonVariant } from '../button/types';
 import { ActionMenu } from './types';
 export interface ActionsMenuInterface<T> {
@@ -19,5 +19,5 @@ export interface ActionsMenuInterface<T> {
     startsOpen?: boolean;
     disabled?: boolean;
 }
-declare const ButtonDropdown: <T>(props: ActionsMenuInterface<T>) => JSX.Element;
+declare const ButtonDropdown: <T>(props: ActionsMenuInterface<T>) => React.JSX.Element;
 export default ButtonDropdown;

package/dist/atoms/button-dropdown/stories/button-dropdown.stories.d.ts

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

package/dist/atoms/button-link/index.d.ts

@@ -19,5 +19,5 @@ export interface ButtonLinkProps {
     ariaLabel?: string;
     ariaHidden?: boolean;
 }
-declare const ButtonLink: (props: ButtonLinkProps) => JSX.Element;
+declare const ButtonLink: (props: ButtonLinkProps) => React.JSX.Element;
 export default ButtonLink;

package/dist/atoms/button-link/stories/button-link.stories.d.ts

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

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

@@ -11,5 +11,5 @@ interface Props {
     dataTestId?: string;
     required?: boolean;
 }
-declare const Checkbox: ({ label, value, checked, onChange, error, disabled, className, style, dataTestId, required, }: Props) => JSX.Element;
+declare const Checkbox: ({ label, value, checked, onChange, error, disabled, className, style, dataTestId, required, }: Props) => React.JSX.Element;
 export default Checkbox;

package/dist/atoms/checkbox-button/index.d.ts

@@ -10,5 +10,5 @@ export interface CheckboxButtonProps {
     dataTestId?: string;
     required?: boolean;
 }
-declare const CheckboxButton: (props: CheckboxButtonProps) => JSX.Element;
+declare const CheckboxButton: (props: CheckboxButtonProps) => React.JSX.Element;
 export default CheckboxButton;

package/dist/atoms/checkbox-button/stories/checkbox-button.stories.d.ts

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

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { ErrorFieldColor } from './types';
 interface ErrorFieldProps {
     color?: ErrorFieldColor;
@@ -6,5 +6,5 @@ interface ErrorFieldProps {
     className?: string;
     style?: CSSProperties;
 }
-declare const ErrorField: (props: ErrorFieldProps) => JSX.Element;
+declare const ErrorField: (props: ErrorFieldProps) => React.JSX.Element;
 export default ErrorField;

package/dist/atoms/file-picker/index.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 export interface FilePickerProps {
-    minimal?: boolean;
     name: string;
     accept?: string;
     multiple?: boolean;
@@ -13,5 +12,5 @@ export interface FilePickerProps {
     buttonText?: string;
     disabled?: boolean;
 }
-declare const FilePicker: (props: FilePickerProps) => JSX.Element;
+declare const FilePicker: (props: FilePickerProps) => React.JSX.Element;
 export default FilePicker;

package/dist/atoms/file-picker/stories/file-picker.stories.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
+import React from 'react';
 import { FilePickerProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: FilePickerProps) => JSX.Element;
+    component: (props: FilePickerProps) => React.JSX.Element;
 };
 export default _default;
 export declare const FilePickerComponent: {
-    (args: FilePickerProps): JSX.Element;
+    (args: FilePickerProps): React.JSX.Element;
     story: {
         name: string;
         args: {
-            minimal: boolean;
             multiple: boolean;
             name: string;
             placeholder: string;

package/dist/atoms/file-picker/styles.d.ts

@@ -1,5 +1,4 @@
 interface FilePickerProps {
-    minimal?: boolean;
     error?: boolean;
     disabled?: boolean;
 }

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

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

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: IconProps) => JSX.Element;
+    component: (props: IconProps) => React.JSX.Element;
     argTypes: {
         fill: {
             control: string;
@@ -11,7 +11,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Icons: {
-    (args: IconProps): JSX.Element;
+    (args: IconProps): React.JSX.Element;
     story: {
         name: string;
         args: {
@@ -20,7 +20,7 @@ export declare const Icons: {
     };
 };
 export declare const IconComponent: {
-    (args: IconProps): JSX.Element;
+    (args: IconProps): React.JSX.Element;
     story: {
         name: string;
         args: {
@@ -35,6 +35,6 @@ export declare const IconComponent: {
                 };
             };
         };
-        decorators: ((Story: any) => JSX.Element)[];
+        decorators: ((Story: any) => React.JSX.Element)[];
     };
 };

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

@@ -1,9 +1,9 @@
 import React from 'react';
-interface LabelProps {
-    kai?: boolean;
+export interface LabelProps {
+    currency?: 'tkai' | 'vkai' | undefined;
     value: string;
     className?: string;
     style?: React.CSSProperties;
 }
-declare const Label: (props: LabelProps) => JSX.Element;
+declare const Label: (props: LabelProps) => React.JSX.Element;
 export default Label;

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { LabelProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: LabelProps) => React.JSX.Element;
+    argTypes: {
+        currency: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+    };
+};
+export default _default;
+export declare const LabelComponentKAI: {
+    (args: LabelProps): React.JSX.Element;
+    storyName: string;
+    args: {
+        currency: string;
+        value: string;
+    };
+};
+export declare const LabelComponent: {
+    (args: LabelProps): React.JSX.Element;
+    storyName: string;
+    args: {
+        value: string;
+    };
+};

package/dist/atoms/progress-bar/index.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 export interface ProgressBarProps {
     progress: number;
     value?: string;
 }
-declare const ProgressBar: (props: ProgressBarProps) => JSX.Element;
+declare const ProgressBar: (props: ProgressBarProps) => React.JSX.Element;
 export default ProgressBar;

package/dist/atoms/progress-bar/stories/progress-bar.stories.d.ts

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

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

@@ -1,6 +1,5 @@
 import React, { CSSProperties } from 'react';
 export interface SelectProps {
-    minimal?: boolean;
     placeholder?: string;
     options: any;
     defaultValue?: string | number;
@@ -13,5 +12,5 @@ export interface SelectProps {
     className?: string;
     style?: CSSProperties;
 }
-declare const Select: (props: SelectProps) => JSX.Element;
+declare const Select: (props: SelectProps) => React.JSX.Element;
 export default Select;

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

@@ -1,14 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: SelectProps) => JSX.Element;
+    component: (props: SelectProps) => React.JSX.Element;
     argTypes: {
-        minimal: {
-            control: {
-                type: string;
-            };
-        };
         onChange: {
             action: string;
         };
@@ -21,10 +16,9 @@ declare const _default: {
 };
 export default _default;
 export declare const SelectComponent: {
-    (args: SelectProps): JSX.Element;
+    (args: SelectProps): React.JSX.Element;
     storyName: string;
     args: {
-        minimal: boolean;
         name: string;
         placeholder: string;
         options: {

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

@@ -1,5 +1,4 @@
 interface SelectStyleProps {
-    minimal?: boolean;
     error?: string;
 }
 export declare const SelectStyle: import("styled-components").StyledComponent<"select", any, SelectStyleProps, never>;

package/dist/atoms/select-interactive/components/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { TCustomOptions, TSelectInteractiveOption } from '../types';
 export interface GroupBase {
     options: readonly TSelectInteractiveOption[];
     label?: string;
 }
-export declare const FormatGroupLabel: (props: GroupBase) => JSX.Element;
-export declare const CustomSelectOption: (props: TCustomOptions, commonProps: any) => JSX.Element;
-export declare const CustomSelectValue: (props: TCustomOptions) => JSX.Element;
+export declare const FormatGroupLabel: (props: GroupBase) => React.JSX.Element;
+export declare const CustomSelectOption: (props: TCustomOptions, commonProps: any) => React.JSX.Element;
+export declare const CustomSelectValue: (props: TCustomOptions) => React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { SelectInteractiveProps, TSelectInteractiveOption } from './types';
-declare const SelectInteractive: ({ name, multi, search, placeholder, options, value, clear, error, disabled, formatGroupLabel, onChange, onInputChange, ...rest }: SelectInteractiveProps<TSelectInteractiveOption>) => JSX.Element;
+declare const SelectInteractive: ({ name, multi, search, placeholder, options, value, clear, error, disabled, formatGroupLabel, onChange, onInputChange, ...rest }: SelectInteractiveProps<TSelectInteractiveOption>) => React.JSX.Element;
 export default SelectInteractive;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectInteractiveProps, TSelectInteractiveOption } from '../types';
 declare const _default: {
     title: string;
-    component: ({ name, multi, search, placeholder, options, value, clear, error, disabled, formatGroupLabel, onChange, onInputChange, ...rest }: SelectInteractiveProps<TSelectInteractiveOption>) => JSX.Element;
+    component: ({ name, multi, search, placeholder, options, value, clear, error, disabled, formatGroupLabel, onChange, onInputChange, ...rest }: SelectInteractiveProps<TSelectInteractiveOption>) => React.JSX.Element;
     argTypes: {
         multi: {
             control: {
@@ -18,7 +18,7 @@ declare const _default: {
 };
 export default _default;
 export declare const SelectInteractiveSimpleComponent: {
-    (args: SelectInteractiveProps<TSelectInteractiveOption>): JSX.Element;
+    (args: SelectInteractiveProps<TSelectInteractiveOption>): React.JSX.Element;
     storyName: string;
     args: {
         multi: boolean;
@@ -27,11 +27,11 @@ export declare const SelectInteractiveSimpleComponent: {
     };
 };
 export declare const SelectInteractiveFormatedGroupedOptionsComponent: {
-    (args: SelectInteractiveProps<TSelectInteractiveOption>): JSX.Element;
+    (args: SelectInteractiveProps<TSelectInteractiveOption>): React.JSX.Element;
     storyName: string;
 };
 export declare const SelectInteractiveIconsComponent: {
-    (args: SelectInteractiveProps<TSelectInteractiveOption>): JSX.Element;
+    (args: SelectInteractiveProps<TSelectInteractiveOption>): React.JSX.Element;
     storyName: string;
     args: {
         multi: boolean;
@@ -40,7 +40,7 @@ export declare const SelectInteractiveIconsComponent: {
     };
 };
 export declare const SelectInteractiveCustomComponent: {
-    (args: SelectInteractiveProps<TSelectInteractiveOption>): JSX.Element;
+    (args: SelectInteractiveProps<TSelectInteractiveOption>): React.JSX.Element;
     storyName: string;
     args: {
         multi: boolean;

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

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

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

@@ -18,7 +18,7 @@ export interface OptionsGroup<T extends TSelectInteractiveOption> {
 }
 declare type TDivElement = Omit<MapHTMLAttributes<HTMLDivElement>, 'onChange' | 'placeholder'>;
 declare type Options = TSelectInteractiveOption | ReadonlyArray<TSelectInteractiveOption>;
-export interface SelectInteractiveProps<T extends Options> extends TDivElement, Pick<NamedProps<T>, 'onInputChange'> {
+export interface SelectInteractiveProps<T extends Options> extends TDivElement, Partial<Pick<NamedProps<T>, 'onInputChange'>> {
     name?: string;
     error?: string;
     clear?: boolean;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface SlideshowProps {
     showArrows?: boolean;
     slidesNumber: number;
@@ -8,5 +9,5 @@ export interface SlideshowProps {
     slideSelected?: number;
     children: any;
 }
-declare const Slideshow: (props: SlideshowProps) => JSX.Element;
+declare const Slideshow: (props: SlideshowProps) => React.JSX.Element;
 export default Slideshow;

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { TagColor } from '../tag/types';
 export interface TagNumberProps {
     className?: string;
@@ -8,5 +8,5 @@ export interface TagNumberProps {
     label: string;
     value: number | string;
 }
-declare const TagNumber: (props: TagNumberProps) => JSX.Element;
+declare const TagNumber: (props: TagNumberProps) => React.JSX.Element;
 export default TagNumber;

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

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

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

@@ -1,6 +1,5 @@
 import React, { CSSProperties } from 'react';
 export interface TextAreaProps {
-    minimal?: boolean;
     className?: string;
     style?: CSSProperties;
     height?: string;
@@ -17,5 +16,5 @@ export interface TextAreaProps {
     required?: boolean;
     dataTestId?: string;
 }
-declare const TextArea: (props: TextAreaProps) => JSX.Element;
+declare const TextArea: (props: TextAreaProps) => React.JSX.Element;
 export default TextArea;