jiffy-ui 1.0.0

package/dist/assets/icons/Icons.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const CheckIcon: () => React.JSX.Element;
+export declare const FileType: () => React.JSX.Element;

package/dist/components/Accordion/Accordian.stories.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ accordionHeader, onClick, isExpended, children, icon, ...props }: import("./Accordion").AccordionI) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {};
+};
+export default _default;
+export declare const Default: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const AccordionWithoutIcons: any;

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import './accordion.css';
+export interface AccordionI {
+    accordionHeader?: string | React.ReactNode;
+    onClick?: any;
+    isExpended: boolean;
+    children?: string | React.ReactNode;
+    icon?: React.ReactNode;
+    withNumber?: boolean;
+}
+declare const Accordion: ({ accordionHeader, onClick, isExpended, children, icon, ...props }: AccordionI) => React.JSX.Element;
+export default Accordion;

package/dist/components/Actionlist/Actionlist.d.ts

@@ -0,0 +1,26 @@
+import "./actionlist.css";
+import React from "react";
+export interface ActionListI {
+    open: boolean;
+    activator: React.ReactNode;
+    options: ActionListObjI[];
+    onClose: () => void;
+    direction?: "left" | "right" | "auto";
+}
+export interface ActionListObjI {
+    title?: string;
+    id?: number | string;
+    items: ActionListItemsI[];
+}
+export interface ActionListItemsI {
+    id?: number | string;
+    content?: string;
+    destructive?: boolean;
+    description?: string;
+    onClick?: () => void;
+    prefixIcon?: React.ReactNode;
+    suffixIcon?: React.ReactNode;
+    isDisabled?: boolean;
+}
+export declare const Actionlist: React.ForwardRefExoticComponent<ActionListI & React.RefAttributes<unknown>>;
+export default Actionlist;

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

@@ -0,0 +1,11 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Actionlist").ActionListI & React.RefAttributes<unknown>>;
+    tags: string[];
+};
+export default _default;
+export declare const Default: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const ActionList_with_GroupedOption: any;

package/dist/components/Actionlist/index.d.ts

@@ -0,0 +1 @@
+export { Actionlist } from "./Actionlist";

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import "./alert.css";
+import { ButtonI } from "../Button/Button";
+import { TextLinkI } from "../TextLink/TextLink";
+declare const Alert: ({ title, description, color, emphasis, onDismiss, icon, secondaryAction, primaryAction, ...props }: AlertI) => React.JSX.Element;
+export interface AlertI {
+    title?: string;
+    description: React.ReactNode | string;
+    color: "Primary" | "Positive" | "Negative" | "Waiting" | "Neutral";
+    emphasis?: "Subtile" | "Intense";
+    onDismiss?: () => void;
+    primaryAction?: ButtonI;
+    secondaryAction?: TextLinkI;
+    icon: React.ReactNode;
+}
+export default Alert;

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

@@ -0,0 +1,46 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ title, description, color, emphasis, onDismiss, icon, secondaryAction, primaryAction, ...props }: import("./Alert").AlertI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        title: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        description: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        color: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        emphasis: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        onDismiss: {};
+    };
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const Alert_without_action: any;
+export declare const Alert_with_multiple_color: any;
+export declare const Alert_with_multiple_color_and_Intense: any;

package/dist/components/AppWrapper/AppWrapper.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import './appwrapper.css';
+export interface AppWrapperI {
+    topBar?: string | React.ReactNode;
+    sideBar?: string | React.ReactNode;
+    announcementBar?: string | React.ReactNode;
+    content?: string | React.ReactNode;
+    footer?: string | React.ReactNode;
+}
+declare const AppWrapper: ({ topBar, sideBar, footer, announcementBar, content, ...props }: AppWrapperI) => React.JSX.Element;
+export default AppWrapper;

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

@@ -0,0 +1,11 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ topBar, sideBar, footer, announcementBar, content, ...props }: import("./AppWrapper").AppWrapperI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import "./Avatar.css";
+export interface AvatarI {
+    size: "Small" | "Medium" | "Large" | "Xlarge";
+    shape?: "Circle" | "Squire";
+    icon?: React.ReactNode;
+    srcIco?: string;
+    label?: string;
+    onClick?: () => void;
+    indicator?: React.ReactNode;
+}
+declare const Avatar: ({ size, shape, label, icon, srcIco, indicator, onClick, ...props }: AvatarI) => React.JSX.Element;
+export default Avatar;

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

@@ -0,0 +1,61 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ size, shape, label, icon, srcIco, indicator, onClick, ...props }: import("./Avatar").AvatarI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        size: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        shape: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        icon: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        srcIco: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        label: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        indicator: {
+            escription: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const Avatar_with_image_icon: any;
+export declare const Avatar_with_multiple_sizes: any;
+export declare const Avatar_with_multiple_sizes_using_image: any;
+export declare const Avatar_with_click_action: any;
+export declare const Avatar_with_indicator: any;

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./badge.css";
+declare const Badge: ({ size, color, children, type, emphasis, ...props }: BadgeI) => React.JSX.Element;
+export interface BadgeI {
+    size?: "Small" | "Medium" | "Large";
+    color: "Primary" | "Positive" | "Negative" | "Notice" | "Neutral";
+    type?: "Partial" | "Full" | "None";
+    emphasis?: "Subtile" | "Intense" | "OutLine";
+    children?: string;
+}
+export default Badge;

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

@@ -0,0 +1,55 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ size, color, children, type, emphasis, ...props }: import("./Badge").BadgeI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        size: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        color: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        type: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        emphasis: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        children: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const BadgeWithMultipleSizes: any;
+export declare const BadgeWithMultipleColors: any;
+export declare const BadgeWithMultipleType: any;
+export declare const BadgeWithMultipleEmphasis: any;

package/dist/components/BottomSheet/BottomSheet.d.ts

@@ -0,0 +1,10 @@
+import "./BottomSheet.css";
+import React from "react";
+export interface BottomSheetI {
+    heading?: string;
+    isOpen: boolean;
+    onDismiss?: () => void;
+    children: string | React.ReactNode;
+}
+declare function BottomSheet(props: BottomSheetI): React.JSX.Element | null;
+export default BottomSheet;

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

@@ -0,0 +1,12 @@
+import BottomSheet from "./BottomSheet";
+import React from "react";
+declare const _default: {
+    title: string;
+    component: typeof BottomSheet;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;

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

@@ -0,0 +1,12 @@
+import React from "react";
+import "./Breadcrumb.css";
+declare const Breadcrumb: (props: BreadcrumbI) => JSX.Element;
+export interface BreadcrumbI {
+    items: ObjI[];
+    onClick?: (value: string, obj?: ObjI) => void;
+}
+export interface ObjI {
+    label: string | React.ReactNode;
+    value: string;
+}
+export default Breadcrumb;

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

@@ -0,0 +1,11 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: (props: import("./Breadcrumb").BreadcrumbI) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;

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

@@ -0,0 +1,17 @@
+import React from "react";
+import "./Button.css";
+export interface ButtonI {
+    variant?: "Primary" | "Secondry" | "Tertiary" | "Link";
+    size?: "XSmall" | "Small" | "Medium" | "Large";
+    color?: "Primary" | "Positive" | "Negative" | "Waiting" | "Neutral";
+    isDisabled?: boolean;
+    icon?: string | React.ReactNode;
+    isLoading?: boolean;
+    isFullWidth?: boolean;
+    iconOnly?: boolean;
+    alignIcon?: "Left" | "Right";
+    onClick?: () => void;
+    children?: string;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonI & React.RefAttributes<unknown>>;
+export default Button;

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

@@ -0,0 +1,82 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Button").ButtonI & React.RefAttributes<unknown>>;
+    tags: string[];
+    argTypes: {
+        variant: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        size: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        color: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        isDisabled: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+        icon: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        isLoading: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+        isFullWidth: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+        children: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const ButtonWithVariant: any;
+export declare const ButtonWithColor: any;
+export declare const ButtonWithSizes: any;
+export declare const ButtonWithIconOnly: any;
+export declare const ButtonWithVariantLoading: any;
+export declare const ButtonWithColorLoading: any;
+export declare const ButtonWithSizesLoading: any;
+export declare const ButtonWithIconOnlyLoading: any;
+export declare const ButtonWithDisabled: any;
+export declare const ButtonWithDisabledLoading: any;
+export declare const ButtonWithRightIcons: any;

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./ButtonGroup.css";
+export interface ButtonGroupI {
+    segmented?: boolean;
+    children: React.ReactNode;
+}
+declare const ButtonGroup: ({ segmented, children, ...props }: ButtonGroupI) => React.JSX.Element;
+export default ButtonGroup;

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

@@ -0,0 +1,21 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ segmented, children, ...props }: import("./ButtonGroup").ButtonGroupI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        segmented: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const ButtonGroup_with_variant: any;
+export declare const ButtonGroup_with_Tertiary_Action: any;

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { ButtonI } from "../Button/Button";
+import { ActionListObjI } from "../Actionlist/Actionlist";
+import "./card.css";
+declare const Card: ({ type, primaryAction, headerTitle, headerSubTitle, children, footerTitle, footerSubtitle, secondaryAction, headerActions, onHeaderAction, ...props }: CardI) => React.JSX.Element;
+export interface CardI {
+    type: "Plain" | "Shadow" | "Borderd" | "BorderWithShadow";
+    headerTitle?: string | React.ReactNode;
+    headerSubTitle?: string | React.ReactNode;
+    children?: string | React.ReactNode;
+    footerTitle?: string | React.ReactNode;
+    footerSubtitle?: string | React.ReactNode;
+    primaryAction?: ButtonI;
+    secondaryAction?: ButtonI;
+    headerActions?: ActionListObjI[];
+    onHeaderAction?: () => void;
+}
+export default Card;

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

@@ -0,0 +1,71 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ type, primaryAction, headerTitle, headerSubTitle, children, footerTitle, footerSubtitle, secondaryAction, headerActions, onHeaderAction, ...props }: import("./Card").CardI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        type: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        headerTitle: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        headerSubTitle: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        footerTitle: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        footerSubtitle: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        primaryAction: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        secondaryAction: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        children: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const CardWithMultipleType: any;
+export declare const CardWithHeaderActions: any;

package/dist/components/CopyClipboard/CopyClipboard.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import "./CopyClipboard.css";
+export interface CopyClipboardI {
+    value: string | any;
+    label?: string | any;
+    iconAlign?: "left" | "right";
+    timeout?: number;
+    customClass?: string;
+    onClick?: () => void;
+}
+declare const CopyClipboard: FC<CopyClipboardI>;
+export default CopyClipboard;