@taikai/rocket-kit 2.0.2 → 3.0.0-beta.1

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

@@ -2,21 +2,22 @@ import React, { CSSProperties } from 'react';
 import { ButtonColor, ButtonVariant } from './types';
 export interface ButtonProps {
     variant?: ButtonVariant;
-    circle?: boolean;
+    rounded?: boolean;
     color?: ButtonColor;
-    value?: string;
+    txtColor?: ButtonColor;
+    type?: 'submit' | 'reset' | 'button';
     className?: string;
-    querySelector?: string;
-    ariaLabel?: string;
+    style?: CSSProperties;
     action?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    disabled?: boolean;
+    value?: string;
+    iconPosition?: 'left' | 'right';
+    icon?: string;
     loading?: boolean;
+    ariaLabel?: string;
+    ariaHidden?: boolean;
     dataTestId?: string;
     eventId?: string;
-    icon?: string;
-    iconPosition?: 'left' | 'right';
-    style?: CSSProperties;
-    type?: 'submit' | 'reset' | 'button';
+    disabled?: boolean;
 }
 declare const Button: (props: ButtonProps) => JSX.Element;
 export default Button;

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

@@ -4,19 +4,19 @@ declare const _default: {
     title: string;
     component: (props: ButtonProps) => JSX.Element;
     argTypes: {
-        color: {
+        variant: {
             control: {
                 type: string;
                 options: string[];
             };
         };
-        variant: {
+        color: {
             control: {
                 type: string;
                 options: string[];
             };
         };
-        icon: {
+        txtColor: {
             control: {
                 type: string;
                 options: string[];
@@ -28,6 +28,12 @@ declare const _default: {
                 options: string[];
             };
         };
+        icon: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
     };
 };
 export default _default;
@@ -35,16 +41,17 @@ export declare const ButtonComponent: {
     (args: ButtonProps): JSX.Element;
     storyName: string;
     args: {
-        value: string;
         variant: string;
+        rounded: boolean;
         color: string;
-        circle: boolean;
+        txtColor: string;
         className: string;
-        querySelector: string;
+        value: string;
+        iconPosition: string;
+        icon: string;
+        loading: boolean;
         ariaLabel: string;
+        ariaHidden: boolean;
         disabled: boolean;
-        loading: boolean;
-        icon: string;
-        iconPosition: string;
     };
 };

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

@@ -1,11 +1,11 @@
 import { ButtonColor, ButtonVariant } from './types';
 interface ButtonProps {
     variant?: ButtonVariant;
-    circle?: boolean;
+    rounded?: boolean;
     color?: ButtonColor;
+    txtColor?: ButtonColor;
     value?: String;
     iconPosition?: 'left' | 'right';
 }
-export declare const pulseKeyframes: import("styled-components").Keyframes;
 export declare const ButtonWrapper: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
 export {};

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

@@ -1,2 +1,3 @@
+export declare const colors: string[];
 export declare type ButtonVariant = 'solid' | 'outline' | 'text';
-export declare type ButtonColor = 'green' | 'orange' | 'red' | 'grey' | 'purple' | 'white' | 'dark' | 'blue' | 'magic' | 'pulse';
+export declare type ButtonColor = typeof colors[number];

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

@@ -3,15 +3,19 @@ import { ButtonColor, ButtonVariant } from '../button/types';
 import { ActionMenu } from './types';
 export interface ActionsMenuInterface<T> {
     variant?: ButtonVariant;
+    rounded?: boolean;
     color?: ButtonColor;
-    value: string;
-    icon?: string;
+    txtColor?: ButtonColor;
     className?: string;
     style?: CSSProperties;
-    ariaLabel?: string;
     actions: ActionMenu<T>[];
-    data?: T;
+    value?: string;
+    icon: string;
+    ariaLabel?: string;
+    ariaHidden?: boolean;
     dataTestId?: string;
+    eventId?: string;
+    data?: T;
     startsOpen?: boolean;
     disabled?: boolean;
 }

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

@@ -4,13 +4,19 @@ declare const _default: {
     title: string;
     component: <T>(props: ActionsMenuInterface<T>) => JSX.Element;
     argTypes: {
+        variant: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
         color: {
             control: {
                 type: string;
                 options: string[];
             };
         };
-        variant: {
+        txtColor: {
             control: {
                 type: string;
                 options: string[];
@@ -30,17 +36,20 @@ export declare const ButtonDropdownComponent: {
     storyName: string;
     args: {
         variant: string;
+        rounded: boolean;
         color: string;
+        txtColor: string;
+        className: string;
         value: string;
         icon: string;
         ariaLabel: string;
+        ariaHidden: boolean;
         actions: {
             id: string;
             value: string;
             url: null;
             action: () => void;
         }[];
-        dataTestId: string;
         startsOpen: boolean;
         disabled: boolean;
     };

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

@@ -1,22 +1,23 @@
 import React, { CSSProperties } from 'react';
 import { ButtonColor, ButtonVariant } from '../button/types';
 export interface ButtonLinkProps {
-    url: string;
-    blank?: boolean;
     variant?: ButtonVariant;
-    circle?: boolean;
+    rounded?: boolean;
     color?: ButtonColor;
-    value?: string;
+    txtColor?: ButtonColor;
     className?: string;
-    querySelector?: string;
-    ariaLabel?: string;
+    style?: CSSProperties;
     action?: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    url: string;
+    blank?: boolean;
+    rel?: string;
+    value?: string;
+    iconPosition?: 'left' | 'right';
+    icon?: string;
     dataTestId?: string;
     eventId?: string;
-    icon?: string;
-    iconPosition?: 'left' | 'right';
-    style?: CSSProperties;
-    rel?: string;
+    ariaLabel?: string;
+    ariaHidden?: boolean;
 }
 declare const ButtonLink: (props: ButtonLinkProps) => JSX.Element;
 export default ButtonLink;

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

@@ -4,19 +4,19 @@ declare const _default: {
     title: string;
     component: (props: ButtonLinkProps) => JSX.Element;
     argTypes: {
-        color: {
+        variant: {
             control: {
                 type: string;
                 options: string[];
             };
         };
-        variant: {
+        color: {
             control: {
                 type: string;
                 options: string[];
             };
         };
-        icon: {
+        txtColor: {
             control: {
                 type: string;
                 options: string[];
@@ -28,6 +28,12 @@ declare const _default: {
                 options: string[];
             };
         };
+        icon: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
     };
 };
 export default _default;
@@ -35,19 +41,18 @@ export declare const ButtonLinkComponent: {
     (args: ButtonLinkProps): JSX.Element;
     storyName: string;
     args: {
-        value: string;
         variant: string;
+        rounded: boolean;
         color: string;
-        circle: boolean;
+        txtColor: string;
         className: string;
-        querySelector: string;
-        ariaLabel: string;
-        disabled: boolean;
-        loading: boolean;
-        icon: string;
-        iconPosition: string;
-        rel: string;
         url: string;
         blank: boolean;
+        rel: string;
+        value: string;
+        iconPosition: string;
+        icon: string;
+        ariaLabel: string;
+        ariaHidden: boolean;
     };
 };

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

@@ -1,8 +1,9 @@
 import { ButtonColor, ButtonVariant } from '../button/types';
 interface ButtonStyleProps {
     variant?: ButtonVariant;
-    circle?: boolean;
+    rounded?: boolean;
     color?: ButtonColor;
+    txtColor?: ButtonColor;
     value?: String;
     iconPosition?: 'left' | 'right';
 }

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

@@ -3,6 +3,7 @@ import { TagVariant, TagColor } from './types';
 export interface TagProps {
     variant?: TagVariant;
     color?: TagColor;
+    txtColor?: TagColor;
     value: string;
     className?: string;
     style?: CSSProperties;

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

@@ -10,6 +10,12 @@ declare const _default: {
                 options: string[];
             };
         };
+        txtColor: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
         variant: {
             control: {
                 type: string;
@@ -24,6 +30,7 @@ export declare const TagPrimaryComponent: {
     storyName: string;
     args: {
         color: string;
+        txtColor: string;
         variant: string;
         value: string;
     };

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

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

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

@@ -1,2 +1,3 @@
+export declare const colors: string[];
 export declare type TagVariant = 'solid' | 'outline';
-export declare type TagColor = 'green' | 'orange' | 'red' | 'grey' | 'light';
+export declare type TagColor = typeof colors[number];

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

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

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

@@ -3,13 +3,29 @@ import { TagNumberProps } from '..';
 declare const _default: {
     title: string;
     component: (props: TagNumberProps) => JSX.Element;
+    argTypes: {
+        color: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+        valueColor: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+    };
 };
 export default _default;
 export declare const TagNumberComponent: {
     (args: TagNumberProps): JSX.Element;
     storyName: string;
     args: {
+        color: string;
         label: string;
         value: number;
+        valueColor: string;
     };
 };

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

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

package/dist/ions/variables.d.ts

@@ -1,4 +1,136 @@
 export declare const colors: {
+    black: string;
+    white: string;
+    grey50: string;
+    grey100: string;
+    grey150: string;
+    grey200: string;
+    grey300: string;
+    grey400: string;
+    grey500: string;
+    grey600: string;
+    grey700: string;
+    grey800: string;
+    grey850: string;
+    grey900: string;
+    grey950: string;
+    blue50: string;
+    blue100: string;
+    blue150: string;
+    blue200: string;
+    blue300: string;
+    blue400: string;
+    blue500: string;
+    blue600: string;
+    blue700: string;
+    blue800: string;
+    blue850: string;
+    blue900: string;
+    blue950: string;
+    purple50: string;
+    purple100: string;
+    purple150: string;
+    purple200: string;
+    purple300: string;
+    purple400: string;
+    purple500: string;
+    purple600: string;
+    purple700: string;
+    purple800: string;
+    purple850: string;
+    purple900: string;
+    purple950: string;
+    red50: string;
+    red100: string;
+    red150: string;
+    red200: string;
+    red300: string;
+    red400: string;
+    red500: string;
+    red600: string;
+    red700: string;
+    red800: string;
+    red850: string;
+    red900: string;
+    red950: string;
+    oracle50: string;
+    oracle100: string;
+    oracle150: string;
+    oracle200: string;
+    oracle300: string;
+    oracle400: string;
+    oracle500: string;
+    oracle600: string;
+    oracle700: string;
+    oracle800: string;
+    oracle850: string;
+    oracle900: string;
+    oracle950: string;
+    green50: string;
+    green100: string;
+    green150: string;
+    green200: string;
+    green300: string;
+    green400: string;
+    green500: string;
+    green600: string;
+    green700: string;
+    green800: string;
+    green850: string;
+    green900: string;
+    green950: string;
+    orange50: string;
+    orange100: string;
+    orange150: string;
+    orange200: string;
+    orange300: string;
+    orange400: string;
+    orange500: string;
+    orange600: string;
+    orange700: string;
+    orange800: string;
+    orange850: string;
+    orange900: string;
+    orange950: string;
+    yellow50: string;
+    yellow100: string;
+    yellow150: string;
+    yellow200: string;
+    yellow300: string;
+    yellow400: string;
+    yellow500: string;
+    yellow600: string;
+    yellow700: string;
+    yellow800: string;
+    yellow850: string;
+    yellow900: string;
+    yellow950: string;
+    paleBlue50: string;
+    paleBlue100: string;
+    paleBlue150: string;
+    paleBlue200: string;
+    paleBlue300: string;
+    paleBlue400: string;
+    paleBlue500: string;
+    paleBlue600: string;
+    paleBlue700: string;
+    paleBlue800: string;
+    paleBlue850: string;
+    paleBlue900: string;
+    paleBlue950: string;
+    paleOrange50: string;
+    paleOrange100: string;
+    paleOrange150: string;
+    paleOrange200: string;
+    paleOrange300: string;
+    paleOrange400: string;
+    paleOrange500: string;
+    paleOrange600: string;
+    paleOrange700: string;
+    paleOrange800: string;
+    paleOrange850: string;
+    paleOrange900: string;
+    paleOrange950: string;
     normal: string;
     light: string;
     blue: string;
@@ -8,7 +140,6 @@ export declare const colors: {
     red: string;
     lightRed: string;
     darkRed: string;
-    purple: string;
     lightPurple: string;
     darkPurple: string;
     green: string;
@@ -18,8 +149,23 @@ export declare const colors: {
     lightGrey: string;
     darkGrey: string;
 };
-export declare const fontWeight: {
+export declare const colorHues: number[];
+export declare const typography: {
+    defaultFont: string;
+    defaultSize: string;
     regular: number;
     medium: number;
     bold: number;
+    letterSpacing: string;
+};
+export declare const button: {
+    height: string;
+    borderWidth: string;
+    borderRadius: string;
+    padding: string;
+    iconSpacing: string;
+    iconSize: string;
+};
+export declare const misc: {
+    transitionDuration: string;
 };