trepur_components 0.4.8 → 1.0.1

package/dist/src/lib/components/Nav/Nav.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Nav.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/lib/components/Nav/index.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { Props as navItemProps } from '../NavItem';
+export interface Props {
+    id: string;
+    className: string;
+    navLinks: Array<navItemProps>;
+    asSideBar: boolean;
+    dropdownNavHeight: string;
+    logo: string;
+    logoDarkTheme: string;
+    mobileLogo: string;
+    mobileLogoDarkTheme: string;
+    logoLink: string;
+    mobileClasses: string;
+    fixedTop: boolean;
+    getNavStatus: (asSideBar: boolean, open: boolean) => void;
+    theme: 'light' | 'dark';
+    text?: string;
+    textLink?: string;
+}
+declare const Nav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, fixedTop, mobileClasses, getNavStatus, theme, text, textLink }: Props) => JSX.Element;
+export default Nav;

package/dist/src/lib/components/Nav/index.js

@@ -0,0 +1,65 @@
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import NavItem from '../NavItem';
+import HamburgerIcon from '../HamburgerIcon';
+const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, fixedTop, mobileClasses, getNavStatus, theme = 'dark', text, textLink }) => {
+    const [showSideNav, setShowSideNav] = useState(false);
+    const [showDropdownNav, setShowDropdownNav] = useState(false);
+    const colours = theme === 'dark' ? 'text-white bg-primary' : 'text-primary bg-white';
+    const textColour = theme === 'dark' ? 'text-white' : 'text-primary';
+    const navItemsClassList = 'flex justify-center my-auto px-4 lg:px-8';
+    const logoClassList = 'flex justify-center my-auto pl-16 lg:pl-24';
+    const emailClassList = 'flex justify-center my-auto pr-24';
+    const classList = classNames(className, colours, 'h-16');
+    const sideNavClasses = classNames({
+        'w-0': !showSideNav,
+        'w-full sm:w-1/3': showSideNav
+    }, colours, 'z-50 md:hidden mt-20 fixed overflow-hidden h-full duration-700');
+    const dropdownNavClasses = classNames({
+        'h-0': !showDropdownNav,
+        [`h-${dropdownNavHeight}`]: showDropdownNav
+    }, colours, 'z-50 md:hidden overflow-hidden pt-20');
+    const logoImageClassList = 'h-16 w-auto';
+    const mobileClassList = classNames({
+        'fixed w-full z-50 top-0 mt-0': fixedTop
+    }, colours, mobileClasses, 'flex items-center md:hidden py-2');
+    const desktopClassList = classNames({
+        'fixed w-full z-50 top-0 mt-0': fixedTop
+    }, 'w-full justify-between hidden md:flex items-center justify-between sm:items-stretch text-center');
+    const toggleMenu = () => {
+        getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(asSideBar, true);
+        if (asSideBar) {
+            setShowSideNav(!showSideNav);
+        }
+        else {
+            setShowDropdownNav(!showDropdownNav);
+        }
+    };
+    return (React.createElement("header", { id: id, className: classList },
+        React.createElement("div", { id: 'mobile-nav', className: `${mobileClassList}` },
+            React.createElement("div", { id: 'nav-collapse-btn-wrapper', className: 'absolute inset-y-0 left-8 top-5' },
+                React.createElement(HamburgerIcon, { onClick: toggleMenu })),
+            React.createElement("a", { id: 'logo-link', className: 'mx-auto', href: logoLink },
+                React.createElement("img", { className: logoImageClassList, src: theme === 'dark' ? mobileLogoDarkTheme : mobileLogo, alt: 'Logo' }))),
+        React.createElement("div", { id: 'destop-nav', className: `${desktopClassList} flex` },
+            React.createElement("div", { className: logoClassList },
+                React.createElement("a", { id: 'logo-link', className: 'mx-auto', href: logoLink },
+                    React.createElement("img", { className: logoImageClassList, src: theme === 'dark' ? logoDarkTheme : logo, alt: 'Logo' }))),
+            React.createElement("div", { className: navItemsClassList }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
+                return (React.createElement(NavItem, Object.assign({ key: `navItem_${i}` }, navLink, { className: i !== 0 ? 'pl-8' : '', bordered: false, rounded: false, underlineOnHover: true, variant: theme === 'dark' ? 'secondary' : 'primary' })));
+            })),
+            React.createElement("div", { className: emailClassList },
+                React.createElement("a", { className: `hidden lg:inline-block ${textColour}`, href: textLink }, text))),
+        asSideBar
+            ? (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
+                return (React.createElement(NavItem, Object.assign({ key: `navItem_${i}` }, navLink, { className: 'pl-8 pt-4', bordered: false, rounded: false, underlineOnHover: true, variant: theme === 'dark' ? 'secondary' : 'primary' })));
+            }))
+            /* dropdown */
+            )
+            : (React.createElement("div", { className: dropdownNavClasses, id: 'mobile-menu' },
+                React.createElement("div", { className: 'pt-2 pb-3 space-y-1' }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
+                    return (React.createElement(NavItem, Object.assign({ key: `navItem_${i}` }, navLink, { className: 'pl-8 pt-2', bordered: false, rounded: false, underlineOnHover: true, variant: theme === 'dark' ? 'secondary' : 'primary' })));
+                }))))));
+};
+export default Nav;
+//# sourceMappingURL=index.js.map

package/dist/src/lib/components/Nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,OAAkC,MAAM,qBAAqB,CAAA;AACpE,OAAO,aAAa,MAAM,2BAA2B,CAAA;AAqBrD,MAAM,GAAG,GAAG,CAAC,EACX,EAAE,EACF,SAAS,EACT,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,IAAI,EACJ,aAAa,EACb,UAAU,EACV,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,KAAK,GAAG,MAAM,EACd,IAAI,EACJ,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7D,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,uBAAuB,CAAA;IACpF,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAA;IACnE,MAAM,iBAAiB,GAAG,0CAA0C,CAAA;IACpE,MAAM,aAAa,GAAG,4CAA4C,CAAA;IAClE,MAAM,cAAc,GAAG,mCAAmC,CAAA;IAC1D,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAA;IAExD,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,KAAK,EAAE,CAAC,WAAW;QACnB,iBAAiB,EAAE,WAAW;KAC/B,EAAE,OAAO,EAAE,gEAAgE,CAAC,CAAA;IAE7E,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,KAAK,EAAE,CAAC,eAAe;QACvB,CAAC,KAAK,iBAAiB,EAAE,CAAC,EAAE,eAAe;KAC5C,EAAE,OAAO,EAAE,sCAAsC,CAAC,CAAA;IAEnD,MAAM,kBAAkB,GAAG,aAAa,CAAA;IAExC,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,8BAA8B,EAAE,QAAQ;KACzC,EAAE,OAAO,EAAE,aAAa,EAAE,kCAAkC,CAAC,CAAA;IAE9D,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,8BAA8B,EAAE,QAAQ;KACzC,EAAE,iGAAiG,CAAC,CAAA;IAErG,MAAM,UAAU,GAAG,GAAS,EAAE;QAC5B,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,SAAS,EAAE,IAAI,CAAC,CAAA;QAC/B,IAAI,SAAS,EAAE;YACb,cAAc,CAAC,CAAC,WAAW,CAAC,CAAA;SAC7B;aAAM;YACL,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAA;SACrC;IACH,CAAC,CAAA;IAED,OAAO,CACL,gCAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAElC,6BACE,EAAE,EAAC,YAAY,EACf,SAAS,EAAE,GAAG,eAAe,EAAE;YAG/B,6BACE,EAAE,EAAC,0BAA0B,EAC7B,SAAS,EAAC,iCAAiC;gBAE3C,oBAAC,aAAa,IAAC,OAAO,EAAE,UAAU,GAAI,CAClC;YAEN,2BAAG,EAAE,EAAC,WAAW,EAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAE,QAAQ;gBAClD,6BAAK,SAAS,EAAE,kBAAkB,EAAE,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,UAAU,EAAE,GAAG,EAAC,MAAM,GAAG,CACzG,CACA;QAEN,6BAAK,EAAE,EAAC,YAAY,EAAC,SAAS,EAAE,GAAG,gBAAgB,OAAO;YACxD,6BAAK,SAAS,EAAE,aAAa;gBAC3B,2BAAG,EAAE,EAAC,WAAW,EAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAE,QAAQ;oBAClD,6BAAK,SAAS,EAAE,kBAAkB,EAAE,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAC,MAAM,GAAG,CAC7F,CACA;YACN,6BAAK,SAAS,EAAE,iBAAiB,IAC9B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;gBAC5B,OAAO,CACL,oBAAC,OAAO,kBACN,GAAG,EAAE,WAAW,CAAC,EAAE,IACf,OAAO,IACX,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAChC,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,KAAK,EACd,gBAAgB,QAChB,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IACnD,CACH,CAAA;YACH,CAAC,CAAC,CACE;YACN,6BAAK,SAAS,EAAE,cAAc;gBAC5B,2BACE,SAAS,EAAE,0BAA0B,UAAU,EAAE,EACjD,IAAI,EAAE,QAAQ,IAEb,IAAI,CACH,CACA,CACF;QAIL,SAAS;YACR,CAAC,CAAC,CACA,6BAAK,SAAS,EAAE,cAAc,IAC3B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;gBAC5B,OAAO,CACL,oBAAC,OAAO,kBACN,GAAG,EAAE,WAAW,CAAC,EAAE,IACf,OAAO,IACX,SAAS,EAAC,WAAW,EACrB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,KAAK,EACd,gBAAgB,QAChB,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IACnD,CACH,CAAA;YACH,CAAC,CAAC,CACE;YACV,cAAc;aACT;YACH,CAAC,CAAC,CACA,6BACE,SAAS,EAAE,kBAAkB,EAC7B,EAAE,EAAC,aAAa;gBAEhB,6BAAK,SAAS,EAAC,qBAAqB,IACjC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;oBAC5B,OAAO,CACL,oBAAC,OAAO,kBACN,GAAG,EAAE,WAAW,CAAC,EAAE,IACf,OAAO,IACX,SAAS,EAAC,WAAW,EACrB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,KAAK,EACd,gBAAgB,QAChB,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IACnD,CACH,CAAA;gBACH,CAAC,CAAC,CACE,CACF,CACL,CACE,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}

package/dist/src/lib/components/NavItem/NavItem.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import NavItem from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof NavItem>;
+export declare const _NavItem: ComponentStory<({ id, className, title, href, onClick, bordered, rounded, underlineOnHover, isActive, variant }: import("./index").Props) => JSX.Element>;
+export default componentMeta;

package/dist/src/lib/components/NavItem/NavItem.stories.js

@@ -0,0 +1,75 @@
+import React from 'react';
+import NavItem from './index';
+import { action } from '@storybook/addon-actions';
+import { idAndClassName } from '../../utils/controls';
+const componentMeta = {
+    title: 'Trepur Components/Rupert Bennett/Atoms/Nav Item',
+    component: NavItem,
+    parameters: {},
+    argTypes: Object.assign(Object.assign({}, idAndClassName), { title: {
+            type: { name: 'string', required: false },
+            description: 'A title for the component',
+            table: {
+                type: { summary: 'string' }
+            }
+        }, href: {
+            type: { name: 'string', required: false },
+            description: 'A href for the component',
+            table: {
+                type: { summary: 'string' }
+            }
+        }, onClick: {
+            type: { name: 'function', required: false },
+            description: 'An on click handle to execute when clicking on the component',
+            table: {
+                type: { summary: 'function' }
+            }
+        }, bordered: {
+            type: { name: 'boolean', required: false },
+            description: 'Enables borders around the component',
+            table: {
+                type: { summary: 'boolean' }
+            },
+            defaultValue: false
+        }, rounded: {
+            type: { name: 'boolean', required: false },
+            description: 'Roundes the corners of the component',
+            table: {
+                type: { summary: 'boolean' }
+            },
+            defaultValue: true
+        }, underlineOnHover: {
+            type: { name: 'boolean', required: false },
+            description: 'Underlines the title when hovering over the component',
+            table: {
+                type: { summary: 'boolean' }
+            },
+            defaultValue: true
+        }, isActive: {
+            type: { name: 'boolean', required: false },
+            description: 'Set the active state to the component',
+            table: {
+                type: { summary: 'array' }
+            },
+            defaultValue: false
+        }, variant: {
+            type: { name: 'string', required: false },
+            options: ['primary', 'secondary'],
+            description: 'The varient of the component to render',
+            table: {
+                type: { summary: 'string' }
+            },
+            defaultValue: 'primary',
+            control: 'radio'
+        } }),
+    args: {
+        title: 'Home',
+        href: '/',
+        underlineOnHover: true,
+        onClick: action('button-click')
+    }
+};
+const Template = (args) => React.createElement(NavItem, Object.assign({}, args));
+export const _NavItem = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=NavItem.stories.js.map

package/dist/src/lib/components/NavItem/NavItem.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/NavItem.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/lib/components/NavItem/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface Props {
+    id?: string;
+    className?: string;
+    title: string;
+    href?: string;
+    onClick?: React.MouseEventHandler;
+    bordered?: boolean;
+    rounded?: boolean;
+    underlineOnHover?: boolean;
+    isActive?: boolean;
+    variant?: 'primary' | 'secondary';
+}
+declare const NavItem: ({ id, className, title, href, onClick, bordered, rounded, underlineOnHover, isActive, variant }: Props) => JSX.Element;
+export default NavItem;

package/dist/src/lib/components/NavItem/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import classNames from 'classnames';
+const NavItem = ({ id, className, title, href, onClick, bordered = false, rounded = true, underlineOnHover = true, isActive = false, variant = 'primary' }) => {
+    const linkClassList = classNames({
+        'active before:w-full': isActive,
+        'border-2 px-2 py-2': bordered,
+        'rounded-md': rounded,
+        'before:w-full': isActive,
+        'before:w-0': !isActive,
+        'text-primary before:bg-primary': variant === 'primary',
+        'text-white before:bg-white': variant === 'secondary',
+        'relative before:absolute before:-bottom-1 before:left-0 hover:before:w-full focus:before:w-full before:h-1 before:transition-all ease-linear': underlineOnHover
+    }, 'text-center whitespace-nowrap');
+    const classList = classNames(className, 'w-auto list-none');
+    const anchorClassList = classNames({
+        'relative ease-linear': underlineOnHover,
+        [linkClassList]: true // TODO: remove this once css files are compilable
+    }, 'focus:outline-none');
+    return (React.createElement("div", { id: id, className: classList },
+        React.createElement("a", { href: href, onClick: onClick, className: anchorClassList },
+            React.createElement("span", { className: linkClassList }, title))));
+};
+export default NavItem;
+//# sourceMappingURL=index.js.map

package/dist/src/lib/components/NavItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAenC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACb,EAAe,EAAE;IACvB,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,sBAAsB,EAAE,QAAQ;QAChC,oBAAoB,EAAE,QAAQ;QAC9B,YAAY,EAAE,OAAO;QACrB,eAAe,EAAE,QAAQ;QACzB,YAAY,EAAE,CAAC,QAAQ;QACvB,gCAAgC,EAAE,OAAO,KAAK,SAAS;QACvD,4BAA4B,EAAE,OAAO,KAAK,WAAW;QACrD,8IAA8I,EAAE,gBAAgB;KACjK,EAAE,+BAA+B,CAAC,CAAA;IAEnC,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAA;IAE3D,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,sBAAsB,EAAE,gBAAgB;QACxC,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,kDAAkD;KACzE,EAAE,oBAAoB,CAAC,CAAA;IAExB,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,2BACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe;YAE1B,8BAAM,SAAS,EAAE,aAAa,IAC3B,KAAK,CACD,CACL,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/src/lib/components/NewsCard/NewsCard.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import NewsCard from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof NewsCard>;
+export declare const _NewsCard: ComponentStory<({ id, className, title, content, imageProps, buttonProps, rounded }: import("./index").Props) => JSX.Element>;
+export default componentMeta;

package/dist/src/lib/components/NewsCard/NewsCard.stories.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { idAndClassName } from '../../utils/controls';
+import NewsCard from './index';
+const componentMeta = {
+    title: 'Trepur Components/Other/Organisms/News Card',
+    component: NewsCard,
+    parameters: {},
+    argTypes: Object.assign(Object.assign({}, idAndClassName), { title: {
+            description: '',
+            control: 'text',
+            table: {
+                category: ''
+            }
+        }, content: {
+            description: '',
+            control: 'text',
+            table: {
+                category: ''
+            }
+        }, imageProps: {
+            type: { name: 'other', value: 'object' },
+            description: 'The props to pass to the image to display on the component',
+            table: {
+                type: {
+                    summary: 'object'
+                },
+                defaultValue: { summary: 'undefined' }
+            }
+        }, buttonProps: {
+            description: '',
+            control: 'text',
+            table: {
+                category: ''
+            }
+        }, rounded: {
+            description: '',
+            control: 'text',
+            table: {
+                category: ''
+            }
+        } }),
+    args: {
+        title: 'This is a title',
+        content: 'This is some content that will only be displayed if the collapsible item is expanded and will dissappear when the collapsible item is collapsed.',
+        rounded: true,
+        imageProps: {
+            image: 'https://picsum.photos/400/200',
+            rounded: true
+        },
+        buttonProps: {
+            children: 'Button 1',
+            className: 'w-full',
+            href: '/'
+        }
+    }
+};
+const Template = (args) => React.createElement(NewsCard, Object.assign({}, args));
+export const _NewsCard = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=NewsCard.stories.js.map

package/dist/src/lib/components/NewsCard/NewsCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewsCard.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/NewsCard/NewsCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,QAAQ,MAAM,SAAS,CAAA;AAG9B,MAAM,aAAa,GAAmC;IACpD,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,KAAK,EAAE;YACL,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,OAAO,EAAE;YACP,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,UAAU,EAAE;YACV,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;YACxC,WAAW,EAAE,4DAA4D;YACzE,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,EACD,WAAW,EAAE;YACX,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,OAAO,EAAE;YACP,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,GACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,iBAAiB;QACxB,OAAO,EAAE,kJAAkJ;QAC3J,OAAO,EAAE,IAAI;QACb,UAAU,EAAE;YACV,KAAK,EAAE,+BAA+B;YACtC,OAAO,EAAE,IAAI;SACd;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,QAAQ;YACnB,IAAI,EAAE,GAAG;SACV;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAA;AAElF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1C,eAAe,aAAa,CAAA"}

package/dist/src/lib/components/NewsCard/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Props as buttonProps } from '../Button';
+import { Props as imageProps } from '../Image';
+export interface Props {
+    id?: string;
+    className?: string;
+    title?: string;
+    content?: string;
+    imageProps?: imageProps;
+    buttonProps?: buttonProps;
+    rounded?: boolean;
+}
+declare const NewsCard: ({ id, className, title, content, imageProps, buttonProps, rounded }: Props) => JSX.Element;
+export default NewsCard;

package/dist/src/lib/components/NewsCard/index.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import Button from '../Button';
+import Image from '../Image';
+import classNames from 'classnames';
+const NewsCard = ({ id, className, title, content, imageProps, buttonProps, rounded }) => {
+    const classList = classNames({
+        'rounded-lg': rounded
+    }, className, 'border flex p-2');
+    return (React.createElement("div", { id: id, className: classList },
+        React.createElement("div", null,
+            React.createElement(Image, Object.assign({}, imageProps))),
+        React.createElement("div", { className: 'flex flex-col justify-between expandable w-auto text-center' },
+            React.createElement("p", null, title),
+            React.createElement("p", null, content),
+            (buttonProps != null) &&
+                React.createElement("div", { className: 'px-8' },
+                    React.createElement(Button, Object.assign({}, buttonProps), buttonProps.children)))));
+};
+export default NewsCard;
+//# sourceMappingURL=index.js.map

package/dist/src/lib/components/NewsCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/NewsCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,oBAAoB,CAAA;AACjE,OAAO,KAA8B,MAAM,mBAAmB,CAAA;AAC9D,OAAO,UAAU,MAAM,YAAY,CAAA;AAYnC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,EACV,WAAW,EACX,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,YAAY,EAAE,OAAO;KACtB,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAA;IAEhC,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B;YACE,oBAAC,KAAK,oBAAK,UAAU,EAAI,CACrB;QACN,6BAAK,SAAS,EAAC,6DAA6D;YAC1E,+BAAI,KAAK,CAAK;YACd,+BAAI,OAAO,CAAK;YACf,CAAC,WAAW,IAAI,IAAI,CAAC;gBACpB,6BAAK,SAAS,EAAC,MAAM;oBACnB,oBAAC,MAAM,oBAAK,WAAW,GACpB,WAAW,CAAC,QAAQ,CACd,CACL,CACJ,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/src/lib/components/Profile/Profile.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import Profile from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof Profile>;
+export declare const _Profile: ComponentStory<({ id, className, profileLinks, alignment, imageHeight, imageWidth, rounded, bordered, imageProps }: import("./index").Props) => JSX.Element>;
+export default componentMeta;

package/dist/src/lib/components/Profile/Profile.stories.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import Profile from './index';
+import userImage from '@assets/images/user.jpeg';
+import { idAndClassName } from '../../utils/controls';
+const componentMeta = {
+    title: 'Trepur Components/Other/Organisms/Profile',
+    component: Profile,
+    parameters: {},
+    argTypes: Object.assign(Object.assign({}, idAndClassName), { imageProps: {
+            type: { name: 'other', value: 'object' },
+            description: 'The props to pass to the image to display on the component',
+            table: {
+                type: {
+                    summary: 'object'
+                },
+                defaultValue: { summary: 'undefined' }
+            }
+        }, alignment: {
+            description: '',
+            control: 'select',
+            options: ['left', 'center', 'right'],
+            table: {
+                category: ''
+            }
+        }, profileLinks: {
+            description: '',
+            control: 'text',
+            table: {
+                category: ''
+            }
+        } }),
+    args: {
+        imageProps: {
+            image: userImage
+        }
+    }
+};
+const Template = (args) => React.createElement(Profile, Object.assign({}, args));
+export const _Profile = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=Profile.stories.js.map

package/dist/src/lib/components/Profile/Profile.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Profile/Profile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,aAAa,GAAkC;IACnD,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,UAAU,EAAE;YACV,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;YACxC,WAAW,EAAE,4DAA4D;YACzE,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,EACD,SAAS,EAAE;YACT,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;YACpC,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,YAAY,EAAE;YACZ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,GACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,KAAK,EAAE,SAAS;SACjB;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,OAAO,oBAAK,IAAI,EAAI,CAAA;AAEhF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzC,eAAe,aAAa,CAAA"}

package/dist/src/lib/components/Profile/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Props as imageProps } from '../Image';
+export interface Props {
+    id?: string;
+    className?: string;
+    profileLinks?: Array<{
+        name: string;
+        link: string;
+    }>;
+    alignment?: 'left' | 'right';
+    imageHeight?: number;
+    imageWidth?: number;
+    rounded?: boolean;
+    bordered?: boolean;
+    imageProps?: imageProps;
+}
+declare const Profile: ({ id, className, profileLinks, alignment, imageHeight, imageWidth, rounded, bordered, imageProps }: Props) => JSX.Element;
+export default Profile;

package/dist/src/lib/components/Profile/index.js

@@ -0,0 +1,36 @@
+import React, { useState } from 'react';
+import Image from '../Image';
+import classNames from 'classnames';
+const Profile = ({ id, className, profileLinks, alignment, imageHeight = 0, imageWidth = 0, rounded, bordered, imageProps }) => {
+    const [profileState, setProfileState] = useState(false);
+    const profileAlignment = classNames({
+        'float-right': alignment === 'right',
+        'float-left': alignment === 'left'
+    });
+    const dropdownAlignement = classNames({
+        'mt-16 -mr-16': alignment === 'right',
+        'mt-16 -ml-16': alignment === 'left'
+    });
+    const dropdownTextAlignement = classNames({
+        'text-center': alignment !== 'right' && alignment !== 'left'
+    });
+    const classList = classNames({
+        'rounded-full': rounded === true,
+        border: bordered === true
+    }, className, `h-${imageHeight} w-${imageWidth} object-cover`);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { id: id, className: `text-center ${classList}` },
+            React.createElement("div", { className: `hidden sm:inline-flex  inset-y-0 ${profileAlignment}` },
+                React.createElement("button", { onClick: () => setProfileState(!profileState), type: 'button', className: 'flex rounded-full' },
+                    React.createElement(Image, Object.assign({}, imageProps))))),
+        profileState &&
+            React.createElement("div", { className: dropdownTextAlignement },
+                React.createElement("div", { className: `w-48 sm:inline-block shadow-lg 
+                        z-10 ${profileAlignment} ${dropdownAlignement}` }, profileLinks === null || profileLinks === void 0 ? void 0 : profileLinks.map((link, i) => {
+                    return (React.createElement("a", { key: `profile_link_${i + 1}`, href: link.link, className: 'border-b font-bold block px-4 py-2 text-sm', role: 'menuitem', 
+                        // tabindex="-1"
+                        id: `user-menu-item-${i + 1}` }, link.name));
+                })))));
+};
+export default Profile;
+//# sourceMappingURL=index.js.map

package/dist/src/lib/components/Profile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Profile/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAA8B,MAAM,mBAAmB,CAAA;AAC9D,OAAO,UAAU,MAAM,YAAY,CAAA;AAcnC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,GAAG,CAAC,EACf,UAAU,GAAG,CAAC,EACd,OAAO,EACP,QAAQ,EACR,UAAU,EACJ,EAAe,EAAE;IACvB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,aAAa,EAAE,SAAS,KAAK,OAAO;QACpC,YAAY,EAAE,SAAS,KAAK,MAAM;KACnC,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,cAAc,EAAE,SAAS,KAAK,OAAO;QACrC,cAAc,EAAE,SAAS,KAAK,MAAM;KACrC,CAAC,CAAA;IAEF,MAAM,sBAAsB,GAAG,UAAU,CAAC;QACxC,aAAa,EAAE,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM;KAC7D,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,cAAc,EAAE,OAAO,KAAK,IAAI;QAChC,MAAM,EAAE,QAAQ,KAAK,IAAI;KAC1B,EAAE,SAAS,EAAE,KAAK,WAAW,MAAM,UAAU,eAAe,CAAC,CAAA;IAE9D,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,eAAe,SAAS,EAAE;YAChD,6BAAK,SAAS,EAAE,oCAAoC,gBAAgB,EAAE;gBACpE,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,EAC7C,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mBAAmB;oBAE7B,oBAAC,KAAK,oBAAK,UAAU,EAAI,CAClB,CACL,CACF;QACL,YAAY;YACX,6BAAK,SAAS,EAAE,sBAAsB;gBACpC,6BAAK,SAAS,EAAE;+BACK,gBAAgB,IAAI,kBAAkB,EAAE,IAE1D,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;oBAC7B,OAAO,CACL,2BACE,GAAG,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAC,4CAA4C,EACtD,IAAI,EAAC,UAAU;wBACG,gBAAgB;wBAClC,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,IAE5B,IAAI,CAAC,IAAI,CACR,CACL,CAAA;gBACH,CAAC,CAAC,CACE,CACF,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/src/lib/components/Row/Row.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import Row from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof Row>;
+export declare const _Row: ComponentStory<({ id, className, children }: import("./index").Props) => JSX.Element>;
+export default componentMeta;

package/dist/src/lib/components/Row/Row.stories.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import Row from './index';
+import CardWithTopImage from '../CardWithTopImage';
+import logo from '@assets/images/primary-logo.png';
+import { idAndClassName } from '../../utils/controls';
+const cardChild = (React.createElement(CardWithTopImage, { imageProps: {
+        image: logo,
+        rounded: true,
+        height: 4,
+        width: 4,
+        roundedFull: true
+    }, className: 'w-1/3' },
+    React.createElement("p", null, "This is some text"),
+    React.createElement("p", null, "This is some more text"),
+    React.createElement("p", null, "This is a bit more text"),
+    React.createElement("p", null, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem odit ad sed, quam recusandae voluptatem provident eveniet beatae omnis vero minus unde facilis. Quia commodi quas odit iusto ut enim!")));
+const componentMeta = {
+    title: 'Trepur Components/Rupert Bennett/Atoms/Row',
+    component: Row,
+    argTypes: Object.assign(Object.assign({}, idAndClassName), { children: {
+            type: { name: 'other', value: 'string | React.ReactNode' },
+            description: 'The child elements to show in the component',
+            table: {
+                type: {
+                    summary: 'Array'
+                },
+                defaultValue: { summary: 'undefined' }
+            }
+        } }),
+    args: {
+        children: cardChild
+    }
+};
+const Template = (args) => React.createElement(Row, Object.assign({}, args));
+export const _Row = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=Row.stories.js.map

package/dist/src/lib/components/Row/Row.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Row/Row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,GAAG,MAAM,SAAS,CAAA;AACzB,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,IAAI,MAAM,iCAAiC,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,MAAM,SAAS,GAAG,CAChB,oBAAC,gBAAgB,IACf,UAAU,EAAE;QACV,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;QACR,WAAW,EAAE,IAAI;KAClB,EACD,SAAS,EAAC,OAAO;IAEjB,mDAAwB;IACxB,wDAA6B;IAC7B,yDAA8B;IAC9B,wOAA6M,CAC5L,CACpB,CAAA;AAED,MAAM,aAAa,GAA8B;IAC/C,KAAK,EAAE,4CAA4C;IACnD,SAAS,EAAE,GAAG;IACd,QAAQ,kCACH,cAAc,KACjB,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,0BAA0B,EAAE;YAC1D,WAAW,EAAE,6CAA6C;YAC1D,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,OAAO;iBACjB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,GACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;KACpB;CACF,CAAA;AAED,MAAM,QAAQ,GAA+B,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,GAAG,oBAAK,IAAI,EAAI,CAAA;AAExE,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAErC,eAAe,aAAa,CAAA"}

package/dist/src/lib/components/Row/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface Props {
+    id?: string;
+    className?: string;
+    children: any;
+}
+declare const Row: ({ id, className, children }: Props) => JSX.Element;
+export default Row;

package/dist/src/lib/components/Row/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import classNames from 'classnames';
+const Row = ({ id, className, children }) => {
+    const classList = classNames(className, 'flex flex-wrap');
+    return (React.createElement("div", { id: id, className: classList }, children));
+};
+export default Row;
+//# sourceMappingURL=index.js.map

package/dist/src/lib/components/Row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,GAAG,GAAG,CAAC,EACX,EAAE,EACF,SAAS,EACT,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;IAEzD,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC9B,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}

package/dist/src/lib/components/Search/Search.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import Search from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof Search>;
+export declare const _Search: ComponentStory<({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps }: import("./index").Props) => JSX.Element>;
+export default componentMeta;

package/dist/src/lib/components/Search/Search.stories.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { idAndClassName } from '../../utils/controls';
+import Search from './index';
+const componentMeta = {
+    title: 'Trepur Components/Other/Organisms/Search',
+    component: Search,
+    parameters: {},
+    argTypes: Object.assign(Object.assign({}, idAndClassName), { leftIconProps: {
+            description: 'An optional param to display an icon to the left of the search bar',
+            control: 'text',
+            table: {
+                category: ''
+            }
+        }, rightIconProps: {
+            description: 'An optional param to display an icon to the right of the search bar',
+            control: 'text',
+            table: {
+                category: ''
+            }
+        }, placeholder: {
+            description: 'An optional param to display a placeholder inside the search box',
+            control: 'text',
+            table: {
+                category: ''
+            }
+        }, text: {
+            description: 'An optional param to display a label on the left of the search bar',
+            control: 'text',
+            table: {
+                category: ''
+            }
+        } }),
+    args: {
+        placeholder: 'search...',
+        leftIconProps: {
+            type: 'heart',
+            className: 'absolute py-4 left-3 flex items-center'
+        },
+        rightIconProps: {
+            type: 'heart',
+            className: 'absolute py-4 right-3 flex items-center'
+        }
+    }
+};
+const Template = (args) => React.createElement(Search, Object.assign({}, args));
+export const _Search = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=Search.stories.js.map

package/dist/src/lib/components/Search/Search.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Search/Search.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,MAAM,MAAM,SAAS,CAAA;AAG5B,MAAM,aAAa,GAAiC;IAClD,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,aAAa,EAAE;YACb,WAAW,EAAE,oEAAoE;YACjF,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,cAAc,EAAE;YACd,WAAW,EAAE,qEAAqE;YAClF,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,WAAW,EAAE;YACX,WAAW,EAAE,kEAAkE;YAC/E,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,IAAI,EAAE;YACJ,WAAW,EAAE,oEAAoE;YACjF,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,GACF;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,WAAW;QACxB,aAAa,EAAE;YACb,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,wCAAwC;SACpD;QACD,cAAc,EAAE;YACd,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,yCAAyC;SACrD;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAkC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,MAAM,oBAAK,IAAI,EAAI,CAAA;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,eAAe,aAAa,CAAA"}