jiffy-ui 1.0.0

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

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

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./Tag.css";
+declare const Tag: ({ children, size, onDismis, ...props }: TagI) => React.JSX.Element;
+export interface TagI {
+    size?: "Small" | "Medium" | "Large";
+    onDismis?: (e: any) => void | string;
+    children: string | React.ReactNode;
+}
+export default Tag;

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

@@ -0,0 +1,38 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ children, size, onDismis, ...props }: import("./Tag").TagI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        size: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+        children: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        onDismis: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+    };
+    args: {
+        size: string;
+    };
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const Tag_with_multiple_size: any;
+export declare const Tag_with_multiple_size_and_dismiss_Action: any;

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

@@ -0,0 +1,19 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: () => 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;

package/dist/components/Template/TemplateDemo.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './style.css';
+declare const TemplateDemo: () => React.JSX.Element;
+export default TemplateDemo;

package/dist/components/TextLink/TextLink.d.ts

@@ -0,0 +1,15 @@
+import "./TextLink.css";
+import React from "react";
+declare const TextLink: React.ForwardRefExoticComponent<TextLinkI & React.RefAttributes<unknown>>;
+export interface TextLinkI {
+    label?: string | React.ReactNode;
+    icon?: React.ReactNode;
+    onClick?: () => void | string | any;
+    url?: string;
+    customClass?: string;
+    isDisabled?: boolean;
+    target?: "_self" | "_blank" | "_parent" | "_top";
+    iconAlign?: "Left" | "Right";
+    linkType?: "Success" | "Danger" | "Warning" | "Default";
+}
+export default TextLink;

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

@@ -0,0 +1,70 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./TextLink").TextLinkI & React.RefAttributes<unknown>>;
+    tags: string[];
+    argTypes: {
+        label: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        customClass: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        isDisabled: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+        url: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        target: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        iconAlign: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        linkType: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const Text_Links_Without_Icon_and_onClick: any;
+export declare const Text_Links_With_Icon_and_onClick: any;
+export declare const Text_Links_With_Url: any;
+export declare const Text_Links_With_Paragraph_Without_Icon: any;
+export declare const Text_Links_With_Paragraph_With_Icon: any;
+export declare const Text_Links_With_Link_Types: any;

package/dist/components/TextStyle/TextStyle.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import './TextStyle.css';
+export interface TextStyleI {
+    as: 'dt' | 'dd' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'strong' | 'legend' | "label";
+    type?: 'XsHeading' | "SmHeading" | "MdHeading" | 'LgHeading' | 'XlHeading' | "2XlHeading" | "XsBody" | "SmBody" | "MdBody" | 'LgBody';
+    alignment?: 'Start' | 'Center' | 'End' | 'Justify';
+    children?: string | React.ReactNode;
+    textColor?: 'Dark' | 'Primary' | 'Secondary' | 'Disabled' | 'Possitve' | 'Negative' | 'Waiting' | 'Invert';
+    fontWeight?: 'Light' | 'Regular' | 'Medium' | 'Bold';
+    textStyle?: 'Italic' | 'None';
+    textDecoration?: 'UnderLine' | 'lineThrough' | 'None';
+}
+declare const TextStyle: ({ type, as, textStyle, textDecoration, fontWeight, alignment, children, textColor, ...props }: TextStyleI) => React.JSX.Element;
+export default TextStyle;

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

@@ -0,0 +1,61 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ type, as, textStyle, textDecoration, fontWeight, alignment, children, textColor, ...props }: import("./TextStyle").TextStyleI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        as: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        type: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        fontWeight: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        alignment: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        children: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        textColor: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const H1Heading: any;
+export declare const TextStyleWithColorVariations: any;

package/dist/components/Thumbnail/Thumbnail.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./Thumbnail.css";
+export interface ThumbnailI {
+    size?: "ExtraSmall" | "Small" | "Medium" | "Large";
+    source: string;
+    alt: string;
+    objectFit?: "Fill" | "Contain" | "Cover" | "Default";
+    onClick?: () => void;
+}
+declare const Thumbnail: ({ size, source, alt, objectFit, onClick, ...props }: ThumbnailI) => React.JSX.Element;
+export default Thumbnail;

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

@@ -0,0 +1,14 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ size, source, alt, objectFit, onClick, ...props }: import("./Thumbnail").ThumbnailI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const ThumbnailWithSize: any;
+export declare const ThumbnailWithImageFill: any;
+export declare const ThumbnailWithClickable: any;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./Tooltip.css";
+export interface ToolTipI {
+    children: React.ReactNode;
+    content: string | React.ReactNode;
+    placement?: "top" | "bottom" | "left" | "right";
+    open?: boolean;
+    zIndex?: number;
+    openInMobileUisngAction: boolean;
+}
+declare const Tooltip: ({ children, content, open, placement, zIndex, openInMobileUisngAction, }: ToolTipI) => JSX.Element;
+export default Tooltip;

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

@@ -0,0 +1,11 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ children, content, open, placement, zIndex, openInMobileUisngAction, }: import("./Tooltip").ToolTipI) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;

package/dist/components/TopBar/TopBar.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./topbar.css";
+export interface TopBarI {
+    connectLeft?: React.ReactNode;
+    connectRight?: React.ReactNode;
+    stickyTop?: boolean;
+    mobileLogo?: string;
+    connectCenter?: React.ReactNode;
+}
+declare const TopBar: (props: TopBarI) => React.JSX.Element;
+export default TopBar;

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

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

package/dist/components/VerticalFlex/VerticalFlex.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import './verticalFlex.css';
+export interface VerticalFlexI {
+    children: React.ReactNode;
+    gap?: 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 24 | 28 | 32 | 36 | 40;
+    align?: "start" | "center" | "end" | "baseline" | "stretch";
+}
+declare const VerticalFlex: (props: VerticalFlexI) => React.JSX.Element;
+export default VerticalFlex;

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

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

package/dist/components/index.d.ts

@@ -0,0 +1,53 @@
+export { default as Accordion } from './Accordion/Accordion';
+export { default as Actionlist } from './Actionlist/Actionlist';
+export { default as Alert } from './Alert/Alert';
+export { default as AppWrapper } from './AppWrapper/AppWrapper';
+export { default as TopBar } from './TopBar/TopBar';
+export { default as Avatar } from './Avatar/Avatar';
+export { default as Badge } from './Badge/Badge';
+export { default as BottomSheet } from './BottomSheet/BottomSheet';
+export { default as Breadcrumb } from './Breadcrumb/Breadcrumb';
+export { default as Button } from './Button/Button';
+export { default as ButtonGroup } from './ButtonGroup/ButtonGroup';
+export { default as Card } from './Card/Card';
+export { default as CopyClipboard } from './CopyClipboard/CopyClipboard';
+export { default as Divider } from './Divider/Divider';
+export { default as Dropdown } from './Dropdown/Dropdown';
+export { default as FlexItem } from './FlexItem/FlexItem';
+export { default as Grid } from './Grid/Grid';
+export { default as HorizontalFlex } from './HorizontalFlex/HorizontalFlex';
+export { default as Indicator } from './Indicator/Indicator';
+export { default as Checkbox } from './Input/Checkbox/Checkbox';
+export { default as CheckboxGroup } from './Input/CheckboxGroup/CheckboxGroup';
+export { default as FileUpload } from './Input/FileUpload/FileUpload';
+export { default as Radio } from './Input/Radio/Radio';
+export { default as RadioGroup } from './Input/RadioGroup/RadioGroup';
+export { default as Select } from './Input/Select/Select';
+export { default as TextArea } from './Input/TextArea/TextArea';
+export { default as TextField } from './Input/TextField/TextField';
+export { default as List } from './List/List';
+export { default as MediaCard } from './MediaCard/MediaCard';
+export { default as Modal } from './Modal/Modal';
+export { default as PageTitle } from './PageTitle/PageTitle';
+export { default as Pagination } from './Pagination/Pagination';
+export { default as ProgressBar } from './ProgressBar/ProgressBar';
+export { default as SideBar } from './SideBar/SideBar';
+export { default as SideSheet } from './SideSheet/SideSheet';
+export { default as Spinner } from './Spinner/Spinner';
+export { default as StepWizard } from './StepWizard/StepWizard';
+export { default as Switcher } from './Switcher/Switcher';
+export { default as Table } from './Table/Table';
+export { default as Tabs } from './Tabs/Tabs';
+export { default as Tag } from './Tag/Tag';
+export { default as TextLink } from './TextLink/TextLink';
+export { default as TextStyle } from './TextStyle/TextStyle';
+export { default as Thumbnail } from './Thumbnail/Thumbnail';
+export { default as Tooltip } from './Tooltip/Tooltip';
+export { default as VerticalFlex } from './VerticalFlex/VerticalFlex';
+export { default as SkeletonBadge } from './Skeleton/SkeletonBadge/SkeletonBadge';
+export { default as SkeletonButton } from './Skeleton/SkeletonButton/SkeletonButton';
+export { default as SkeletonCustom } from './Skeleton/SkeletonCustom/SkeletonCustom';
+export { default as SkeletonLine } from './Skeleton/SkeletonLine/SkeletonLine';
+export { default as SkeletonList } from './Skeleton/SkeletonList/SkeletonList';
+export { default as SkeletonTabs } from './Skeleton/SkeletonTabs/SkeletonTabs';
+export { default as SkeletonThumbnail } from './Skeleton/SkeletonThumbnail/SkeletonThumbnail';