@vespiario-thailand/design-system 0.0.14 → 1.3.0

package/dist/components/NewComp/NewComp.stories.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;
+export declare const Default: {
+    render: (args: import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        children: string;
+    };
+    argTypes: {
+        children: {
+            control: string;
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};

package/dist/components/cms/BlockSuggestion/BlockSuggestion.stories.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
+        Button: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+        Message: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+    };
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/cms/BlockSuggestion/CardSuggestion.stories.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
+        Button: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+        Message: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+    };
+};
+export default _default;
+export declare const Default: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/cms/BlockSuggestion/Navigation.stories.d.ts

@@ -0,0 +1,32 @@
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+        direction: "right" | "left";
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    render: (args: import("react").HTMLAttributes<HTMLDivElement> & {
+        direction: "right" | "left";
+    } & import("react").RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        direction: "left";
+    };
+    argTypes: {
+        direction: {
+            control: string;
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};

package/dist/components/cms/Breadcrumb/Breadcrumb.stories.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
+        Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+        Link: import("react").ForwardRefExoticComponent<import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
+    };
+};
+export default _default;
+export declare const Default: {
+    render: (args: import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithNextLink: {
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+                language: string;
+                type: string;
+            };
+        };
+    };
+};

package/dist/components/cms/GlobalNavigation/GlobalNavigation.stories.d.ts

@@ -0,0 +1,25 @@
+declare const _default: {
+    title: string;
+    component: ((props: import("@radix-ui/react-avatar").AvatarProps) => JSX.Element) & {
+        Fallback: (props: import("@radix-ui/react-avatar").AvatarFallbackProps) => JSX.Element;
+        Image: import("react").ForwardRefExoticComponent<import("@radix-ui/react-avatar").AvatarImageProps & import("react").RefAttributes<HTMLImageElement>>;
+    };
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+                language: string;
+                type: string;
+            };
+        };
+    };
+};

package/dist/components/cms/TableButtonAddFilter/TableButtonAddFilter.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export default _default;
+export declare const Default: {
+    render: (args: import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/cms/TableButtonFilter/TableButtonFilter.stories.d.ts

@@ -0,0 +1,39 @@
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import(".").ButtonFilterType & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export default _default;
+export declare const Default: {
+    render: (args: import("react").ButtonHTMLAttributes<HTMLButtonElement> & import(".").ButtonFilterType & import("react").RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        label: string;
+        number: number;
+        isActive: true;
+    };
+    argTypes: {
+        label: {
+            control: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        number: {
+            control: string;
+            table: {
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        isActive: {
+            controls: string;
+            table: {
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+    };
+};

package/dist/components/cms/TableFilter/TableFilter.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/cms/TableFooter/TableFooter.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/cms/TableHeader/TableHeader.stories.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Template: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithThumbnail: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Disabled: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/cms/TableLabelFiltered/TableLabelFiltered.stories.d.ts

@@ -0,0 +1,44 @@
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+        label?: string | undefined;
+        onRemove?: (() => void) | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;
+export declare const Default: {
+    render: (args: import("react").HTMLAttributes<HTMLDivElement> & {
+        label?: string | undefined;
+        onRemove?: (() => void) | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        children: string;
+        onRemove: undefined;
+    };
+    argTypes: {
+        children: {
+            controls: string;
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onRemove: {
+            controls: string;
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export declare const StackTableChip: {
+    render: (args: import("react").HTMLAttributes<HTMLDivElement> & {
+        label?: string | undefined;
+        onRemove?: (() => void) | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>) => JSX.Element;
+};

package/dist/components/cms/TableRow/TableRow.stories.d.ts

@@ -0,0 +1,61 @@
+declare const _default: {
+    title: string;
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Disabled: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithThumbnailImage: {
+    render: (args: {
+        thumbnailSrc: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        thumbnailSrc: string;
+    };
+    argTypes: {
+        thumbnailSrc: {
+            control: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export declare const WithThumbnailColor: {
+    render: (args: {
+        thumbnailColor: boolean;
+        thumbnailSrc: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        thumbnailSrc: string;
+        thumbnailColor: boolean;
+    };
+    argTypes: {
+        thumbnailSrc: {
+            control: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        thumbnailColor: {
+            control: string;
+            table: {
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+    };
+};

package/dist/components/cms/TableSorting/TableSorting.stories.d.ts

@@ -0,0 +1,43 @@
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+        sorting?: ("desc" | "asc") | undefined;
+        onClickSorting?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    render: (args: import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+        sorting?: ("desc" | "asc") | undefined;
+        onClickSorting?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    } & import("react").RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        sorting: "asc";
+        children: string;
+    };
+    argTypes: {
+        sorting: {
+            control: string;
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            control: string;
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};

package/dist/components/cms/TableTitle/TableTitle.stories.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+        bgColor?: "blue" | "yellow" | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>> & {
+        Button: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+    };
+};
+export default _default;
+export declare const Default: {
+    render: (args: import("react").HTMLAttributes<HTMLDivElement> & {
+        bgColor?: "blue" | "yellow" | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const HasSelectedItem: {
+    render: (args: import("react").HTMLAttributes<HTMLDivElement> & {
+        bgColor?: "blue" | "yellow" | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/generals/AlertBar/AlertBar.stories.d.ts

@@ -0,0 +1,37 @@
+import { AlertBarProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+        variant?: import(".").AlertBarVariants | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>> & {
+        Action: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+        Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+        Text: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    };
+};
+export default _default;
+export declare const Default: {
+    render: (args: import("react").HTMLAttributes<HTMLDivElement> & {
+        variant?: import(".").AlertBarVariants | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    args: AlertBarProps;
+    argTypes: {
+        children: {
+            control: string;
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        variant: {
+            control: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};

package/dist/components/generals/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,47 @@
+declare const meta: {
+    title: string;
+    component: ((props: import("@radix-ui/react-avatar").AvatarProps) => JSX.Element) & {
+        Fallback: (props: import("@radix-ui/react-avatar").AvatarFallbackProps) => JSX.Element;
+        Image: import("react").ForwardRefExoticComponent<import("@radix-ui/react-avatar").AvatarImageProps & import("react").RefAttributes<HTMLImageElement>>;
+    };
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default meta;
+export declare const Default: {
+    render: (args: import("@radix-ui/react-avatar").AvatarImageProps & import("react").RefAttributes<HTMLImageElement>) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        children: string;
+        src: string;
+        alt: string;
+    };
+    argTypes: {
+        children: {
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        src: {
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        alt: {
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};

package/dist/components/generals/Button/Button.stories.d.ts

@@ -0,0 +1,140 @@
+import { type ButtonProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    parameters: {};
+    argTypes: {
+        children: {
+            control: string;
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        variant: {
+            control: {
+                type: string;
+                option: string[];
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        bgColor: {
+            control: string;
+            description: string;
+            options: string[];
+        };
+        bgShade: {
+            control: string;
+            options: number[];
+        };
+        sizes: {
+            control: {
+                type: string;
+                option: string[];
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            control: string;
+            defaultValue: boolean;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        isLoading: {
+            control: string;
+            description: string;
+            defaultValue: boolean;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onlyIcon: {
+            control: string;
+            defaultValue: boolean;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+/** Simple button template */
+export declare const Default: {
+    render: (args: ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        children: string;
+        sizes: "medium";
+        onlyIcon: false;
+        variant: "primary";
+        bgColor: undefined;
+        isLoading: false;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const CustomBackgroundColor: {
+    render: (args: ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        variant: undefined;
+        bgColor: "blue";
+        bgShade: 500;
+        children: string;
+        sizes: "medium";
+        onlyIcon: false;
+        isLoading: false;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+/** Simple button with icon template */
+export declare const WithIcon: {
+    render: (args: ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        iconLeft: "icon-null-1";
+        children: string;
+        sizes: "medium";
+        onlyIcon: false;
+        variant: "primary";
+        bgColor: undefined;
+        isLoading: false;
+    };
+};
+/** Simple button only icon template */
+export declare const OnlyIcon: {
+    render: (args: ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        children: string;
+        iconLeft: "icon-null-1";
+        iconRight: undefined;
+        onlyIcon: true;
+        sizes: "medium";
+        variant: "primary";
+        bgColor: undefined;
+        isLoading: false;
+    };
+};

package/dist/components/generals/Button/index.d.ts

@@ -1,10 +1,10 @@
 /** libs */
 import { ButtonHTMLAttributes } from 'react';
 /** types */
-import { SizeType, ButtonVariantType, IconListType, IconSizeType } from '../../../types';
+import { SizeType, ButtonVariantType, IconListType, IconSizeType, ColorShadeType } from '../../../types';
+type ButtonBackgroundColorType = 'blue' | 'green' | 'light-green' | 'yellow' | 'dark';
 type CommonButtonType = ButtonHTMLAttributes<HTMLButtonElement> & {
     sizes?: SizeType;
-    variant?: ButtonVariantType;
     iconLeft?: IconListType;
     iconLeftSize?: IconSizeType;
     iconRightSize?: IconSizeType;
@@ -17,6 +17,15 @@ type ConditionButtonIconType = {
     onlyIcon?: boolean;
     iconRight?: never;
 };
-export type ButtonProps = CommonButtonType & ConditionButtonIconType;
+type ConditionButtonVariantType = {
+    bgColor?: ButtonBackgroundColorType;
+    bgShade?: ColorShadeType;
+    variant?: never;
+} | {
+    variant?: ButtonVariantType;
+    bgColor?: never;
+    bgShade?: never;
+};
+export type ButtonProps = CommonButtonType & ConditionButtonVariantType & ConditionButtonIconType;
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};