trepur_components 0.4.8 → 1.0.1

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

@@ -0,0 +1,62 @@
+import React from 'react';
+import Tubestops from './index';
+const componentMeta = {
+    title: 'Trepur Components/Other/Atoms/Tubestops',
+    component: Tubestops,
+    parameters: {},
+    argTypes: {
+        id: {
+            description: 'Defines the id of the component',
+            table: {
+                category: '',
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' }
+            }
+        },
+        className: {
+            description: 'Defines any additional classes for the components',
+            table: {
+                category: '',
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' }
+            }
+        },
+        isHorizontal: {
+            description: '',
+            table: {
+                category: ''
+            }
+        },
+        items: {
+            description: '',
+            table: {
+                category: ''
+            }
+        }
+    },
+    args: {
+        isHorizontal: false,
+        reverse: false,
+        items: [
+            {
+                title: 'This is a title',
+                subtitle: 'This is a subtitle'
+            },
+            {
+                title: 'This is a title',
+                subtitle: 'This is a subtitle'
+            },
+            {
+                title: 'This is a title',
+                subtitle: 'This is a subtitle'
+            }
+        ],
+        textCenter: true,
+        id: '',
+        className: ''
+    }
+};
+const Template = (args) => React.createElement(Tubestops, Object.assign({}, args));
+export const _Tubestops = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=Tubestops.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tubestops.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Tubestops/Tubestops.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,SAAS,CAAA;AAG/B,MAAM,aAAa,GAAoC;IACrD,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,mDAAmD;YAChE,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,EAAE;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,EAAE;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;KACF;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,iBAAiB;gBACxB,QAAQ,EAAE,oBAAoB;aAC/B;YACD;gBACE,KAAK,EAAE,iBAAiB;gBACxB,QAAQ,EAAE,oBAAoB;aAC/B;YACD;gBACE,KAAK,EAAE,iBAAiB;gBACxB,QAAQ,EAAE,oBAAoB;aAC/B;SACF;QACD,UAAU,EAAE,IAAI;QAChB,EAAE,EAAE,EAAE;QACN,SAAS,EAAE,EAAE;KACd;CACF,CAAA;AAED,MAAM,QAAQ,GAAqC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAA;AAEpF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3C,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.css';
+export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
+    isHorizontal?: boolean;
+    items?: Array<{
+        title: string;
+        subtitle: string;
+    }>;
+    reverse?: boolean;
+    textCenter?: boolean;
+}
+declare const Tubestops: React.FC<Props>;
+export default Tubestops;

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

@@ -0,0 +1,44 @@
+import React from 'react';
+import classNames from 'classnames';
+import './index.css';
+const Tubestops = ({ id, className, isHorizontal = false, items = [], reverse = false, textCenter = false }) => {
+    const circle = 'w-4 h-4 rounded-full bg-black z-10';
+    const classList = classNames(className, 'w-full list-none');
+    const liClasses = classNames({
+        'text-center': textCenter,
+        'items-center flex-col-reverse justify-between': !reverse && isHorizontal,
+        'flex-row none-reverse': !reverse && !isHorizontal,
+        'items-center flex-col': reverse && isHorizontal,
+        'flex-row-reverse': reverse && !isHorizontal
+    }, 'mb-0 status-flow-item relative flex flex-auto flex-row leading-tight');
+    const ulClasses = classNames({
+        'flex-row none-reverse justify-between': !reverse && isHorizontal,
+        'flex-col none-reverse': !reverse && !isHorizontal,
+        'flex-row reverse justify-between': reverse && isHorizontal,
+        'flex-col reverse': reverse && !isHorizontal
+    }, 'tubestop status-flow relative list-none pl-0 flex');
+    const padding = classNames({
+        'pb-2': !reverse && isHorizontal,
+        'pl-4': !reverse && !isHorizontal,
+        'pt-2': reverse && isHorizontal,
+        'pr-4': reverse && !isHorizontal
+    });
+    return (React.createElement("div", { id: id, className: classList },
+        React.createElement("ul", { className: ulClasses }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
+            const a = isHorizontal
+                ? i === 0
+                    ? ''
+                    : ''
+                : i === 0
+                    ? ''
+                    : 'my-12';
+            return (React.createElement("li", { key: `tubestop_${i + 0}`, className: `${liClasses} ${a}` },
+                React.createElement("span", { className: circle }),
+                React.createElement("div", { className: padding },
+                    React.createElement("p", null, `${item === null || item === void 0 ? void 0 : item.title}${i.toString()}`),
+                    React.createElement("p", null,
+                        React.createElement("small", null, item === null || item === void 0 ? void 0 : item.subtitle)))));
+        }))));
+};
+export default Tubestops;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Tubestops/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,aAAa,CAAA;AASpB,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EACnB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,oCAAoC,CAAA;IACnD,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAA;IAE3D,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,aAAa,EAAE,UAAU;QACzB,+CAA+C,EAAE,CAAC,OAAO,IAAI,YAAY;QACzE,uBAAuB,EAAE,CAAC,OAAO,IAAI,CAAC,YAAY;QAClD,uBAAuB,EAAE,OAAO,IAAI,YAAY;QAChD,kBAAkB,EAAE,OAAO,IAAI,CAAC,YAAY;KAC7C,EAAE,sEAAsE,CAAC,CAAA;IAE1E,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,uCAAuC,EAAE,CAAC,OAAO,IAAI,YAAY;QACjE,uBAAuB,EAAE,CAAC,OAAO,IAAI,CAAC,YAAY;QAClD,kCAAkC,EAAE,OAAO,IAAI,YAAY;QAC3D,kBAAkB,EAAE,OAAO,IAAI,CAAC,YAAY;KAC7C,EAAE,mDAAmD,CAAC,CAAA;IAEvD,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,MAAM,EAAE,CAAC,OAAO,IAAI,YAAY;QAChC,MAAM,EAAE,CAAC,OAAO,IAAI,CAAC,YAAY;QACjC,MAAM,EAAE,OAAO,IAAI,YAAY;QAC/B,MAAM,EAAE,OAAO,IAAI,CAAC,YAAY;KACjC,CAAC,CAAA;IAEF,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,4BAAI,SAAS,EAAE,SAAS,IACrB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAyC,EAAE,CAAS,EAAE,EAAE;YACnE,MAAM,CAAC,GAAG,YAAY;gBACpB,CAAC,CAAC,CAAC,KAAK,CAAC;oBACP,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,EAAE;gBACN,CAAC,CAAC,CAAC,KAAK,CAAC;oBACP,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,OAAO,CAAA;YACb,OAAO,CACL,4BACE,GAAG,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,EACxB,SAAS,EAAE,GAAG,SAAS,IAAI,CAAC,EAAE;gBAE9B,8BAAM,SAAS,EAAE,MAAM,GAAI;gBAC3B,6BAAK,SAAS,EAAE,OAAO;oBACrB,+BAAI,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAK;oBACxC;wBAAG,mCAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAS,CAAI,CAClC,CACH,CACN,CAAA;QACH,CAAC,CAAC,CACC,CACD,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

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

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

@@ -0,0 +1,63 @@
+import React from 'react';
+import UserIcon from './index';
+const componentMeta = {
+    title: 'Trepur Components/Other/Organisms/User Icon',
+    component: UserIcon,
+    argTypes: {
+        id: {
+            description: 'Defines the id of the component',
+            control: { type: 'text', default: false },
+            table: {
+                category: 'Id',
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' }
+            }
+        },
+        className: {
+            description: 'Defines any additional classes for the components',
+            control: { type: 'text', default: false },
+            table: {
+                category: 'Classes',
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' }
+            }
+        },
+        name: {
+            description: '',
+            control: 'text',
+            table: {
+                category: ''
+            }
+        },
+        description: {
+            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' }
+            }
+        }
+    },
+    args: {
+        imageProps: {
+            title: '',
+            altText: '',
+            image: ''
+        },
+        name: 'Someones name',
+        description: 'someone info'
+    }
+};
+const Template = (args) => React.createElement(UserIcon, Object.assign({}, args));
+export const _UserIcon = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=UserIcon.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserIcon.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/UserIcon/UserIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,SAAS,CAAA;AAG9B,MAAM,aAAa,GAAmC;IACpD,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,WAAW,EAAE,iCAAiC;YAC9C,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;YACzC,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI;gBACd,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,mDAAmD;YAChE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;YACzC,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,WAAW,EAAE;YACX,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,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;KACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,KAAK,EAAE,EAAE;YACT,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,EAAE;SACV;QACD,IAAI,EAAE,eAAe;QACrB,WAAW,EAAE,cAAc;KAC5B;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/UserIcon/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Props as imageProps } from '../Image';
+export interface Props {
+    id?: string;
+    className?: string;
+    name?: string;
+    description?: string;
+    imageProps?: imageProps;
+}
+declare const UserIcon: ({ id, className, name, description, imageProps }: Props) => JSX.Element;
+export default UserIcon;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import classNames from 'classnames';
+import Image from '../Image';
+const UserIcon = ({ id, className, name, description, imageProps }) => {
+    const classList = classNames({
+        className: className !== undefined
+    }, 'group flex items-center');
+    imageProps = Object.assign(Object.assign({}, imageProps), { className: classNames(imageProps === null || imageProps === void 0 ? void 0 : imageProps.className, 'shrink-0 h-12 w-12 rounded-full') });
+    return (React.createElement("div", { id: id, className: classList },
+        React.createElement(Image, Object.assign({}, imageProps)),
+        React.createElement("div", { className: 'ltr:ml-3 rtl:mr-3' },
+            React.createElement("p", { className: 'text-xs font-medium' }, name),
+            React.createElement("p", { className: 'text-xs font-medium ' }, description))));
+};
+export default UserIcon;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/UserIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAA8B,MAAM,mBAAmB,CAAA;AAS9D,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACJ,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,SAAS,EAAE,SAAS,KAAK,SAAS;KACnC,EAAE,yBAAyB,CAAC,CAAA;IAE7B,UAAU,mCACL,UAAU,KACb,SAAS,EAAE,UAAU,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE,iCAAiC,CAAC,GAChF,CAAA;IACD,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,oBAAC,KAAK,oBAAK,UAAU,EAAI;QACzB,6BAAK,SAAS,EAAC,mBAAmB;YAChC,2BAAG,SAAS,EAAC,qBAAqB,IAC/B,IAAI,CACH;YACJ,2BAAG,SAAS,EAAC,sBAAsB,IAChC,WAAW,CACV,CACA,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import Video from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof Video>;
+export declare const _Video: ComponentStory<({ id, className, autoPlay, muted, poster, mp4File, webmFile, ogvFile, height, width, withControls }: import("./index").Props) => JSX.Element>;
+export default componentMeta;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import Video from './index';
+import { idAndClassName } from '../../utils/controls';
+const componentMeta = {
+    title: 'Trepur Components/Other/Atoms/Video',
+    component: Video,
+    argTypes: Object.assign({}, idAndClassName),
+    args: {
+        withControls: true,
+        autoPlay: true,
+        muted: true
+    }
+};
+const Template = (args) => React.createElement(Video, Object.assign({}, args));
+export const _Video = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=Video.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Video.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Video/Video.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,aAAa,GAAgC;IACjD,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,KAAK;IAChB,QAAQ,oBACH,cAAc,CAClB;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,IAAI;KACZ;CACF,CAAA;AAED,MAAM,QAAQ,GAAiC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,KAAK,oBAAK,IAAI,EAAI,CAAA;AAE5E,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEvC,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export interface Props {
+    id?: string;
+    className?: string;
+    autoPlay?: boolean;
+    muted?: boolean;
+    poster?: string;
+    mp4File?: string;
+    webmFile?: string;
+    ogvFile?: string;
+    height?: string;
+    width?: string;
+    withControls?: boolean;
+    withPoster?: boolean;
+}
+declare const Video: ({ id, className, autoPlay, muted, poster, mp4File, webmFile, ogvFile, height, width, withControls }: Props) => JSX.Element;
+export default Video;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+const Video = ({ id, className, autoPlay, muted, poster, mp4File, webmFile, ogvFile, height, width, withControls }) => {
+    return (React.createElement("video", { id: id, className: className, poster: poster, width: width, height: height, controls: withControls, autoPlay: autoPlay, muted: muted },
+        React.createElement("source", { src: mp4File, type: 'video/mp4' }),
+        webmFile !== null && React.createElement("source", { src: webmFile, type: 'video/webm' }),
+        ogvFile !== undefined && React.createElement("source", { src: ogvFile, type: 'video/ogg' })));
+};
+export default Video;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Video/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,QAAQ,EACR,KAAK,EACL,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,KAAK,EACL,YAAY,EACN,EAAe,EAAE;IACvB,OAAO,CACL,+BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,gCAAQ,GAAG,EAAE,OAAO,EAAE,IAAI,EAAC,WAAW,GAAG;QACxC,QAAQ,KAAK,IAAI,IAAI,gCAAQ,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,YAAY,GAAG;QAChE,OAAO,KAAK,SAAS,IAAI,gCAAQ,GAAG,EAAE,OAAO,EAAE,IAAI,EAAC,WAAW,GAAG,CAC7D,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

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

@@ -0,0 +1,39 @@
+import Accordion from "./components/Accordion";
+import AlertBar from "./components/AlertBar";
+import Breadcrumbs from "./components/Breadcrumbs";
+import BreadcrumbsBordered from "./components/BreadcrumbsBordered";
+import BreadcrumbsItem from "./components/BreadcrumbsItem";
+import Button from "./components/Button";
+import Card from "./components/Card";
+import CardWithTopImage from "./components/CardWithTopImage";
+import Carousel from "./components/Carousel";
+import ChevronCard from "./components/ChevronCard";
+import Collapsible from "./components/Collapsible";
+import Column from "./components/Column";
+import Container from "./components/Container";
+import Form from "./components/Form";
+import FooterBar from "./components/FooterBar";
+import FyreCard from "./components/FyreCard";
+import Greeting from "./components/Greeting";
+import Icon from "./components/Icon";
+import Image from "./components/Image";
+import ImageLink from "./components/ImageLink";
+import ImageLinkList from "./components/ImageLinkList";
+import InformationIcon from "./components/InformationIcon";
+import Input from "./components/Input";
+import Jumbotron from "./components/Jumbotron";
+import Nav from "./components/Nav";
+import NavItem from "./components/NavItem";
+import NewsCard from "./components/NewsCard";
+import Profile from "./components/Profile";
+import Row from "./components/Row";
+import Search from "./components/Search";
+import SocialBlock from "./components/SocialBlock";
+import StarRating from "./components/StarRating";
+import Testimonial from "./components/Testimonial";
+import TextAndTitle from "./components/TextAndTitle";
+import TextArea from "./components/TextArea";
+import Timeline from "./components/Timeline";
+import UserIcon from "./components/UserIcon";
+import Video from "./components/Video";
+export { Accordion, AlertBar, Breadcrumbs, BreadcrumbsBordered, BreadcrumbsItem, Button, Card, CardWithTopImage, Carousel, ChevronCard, Collapsible, Column, Container, Form, FooterBar, FyreCard, Greeting, Icon, Image, ImageLink, ImageLinkList, InformationIcon, Input, Jumbotron, Nav, NavItem, NewsCard, Profile, Row, Search, SocialBlock, StarRating, Testimonial, TextAndTitle, TextArea, Timeline, UserIcon, Video };

package/dist/src/lib/index.js

@@ -0,0 +1,43 @@
+import Accordion from './components/Accordion';
+import AlertBar from './components/AlertBar';
+import Breadcrumbs from './components/Breadcrumbs';
+import BreadcrumbsItem from './components/BreadcrumbsItem';
+import BreadcrumbsBordered from './components/BreadcrumbsBordered';
+import Button from './components/Button';
+import Card from './components/Card';
+import CardWithTopImage from './components/CardWithTopImage';
+import Carousel from './components/Carousel';
+import ChevronCard from './components/ChevronCard';
+import Collapsible from './components/Collapsible';
+import Column from './components/Column';
+import Container from './components/Container';
+import Form from './components/Form';
+import FooterBar from './components/FooterBar';
+import FyreCard from './components/FyreCard';
+import Greeting from './components/Greeting';
+import Icon from './components/Icon';
+import Image from './components/Image';
+import ImageLink from './components/ImageLink';
+import ImageLinkList from './components/ImageLinkList';
+import InformationIcon from './components/InformationIcon';
+import Input from './components/Input';
+import Jumbotron from './components/Jumbotron';
+import Nav from './components/Nav';
+import NavItem from './components/NavItem';
+import NewsCard from './components/NewsCard';
+import Profile from './components/Profile';
+import Row from './components/Row';
+import Search from './components/Search';
+import SocialBlock from './components/SocialBlock';
+import StarRating from './components/StarRating';
+import Testimonial from './components/Testimonial';
+import TextAndTitle from './components/TextAndTitle';
+import TextArea from './components/TextArea';
+import Timeline from './components/Timeline';
+// import Tubestops from './components/Tubestops'
+import UserIcon from './components/UserIcon';
+import Video from './components/Video';
+export { Accordion, AlertBar, Breadcrumbs, BreadcrumbsBordered, BreadcrumbsItem, Button, Card, CardWithTopImage, Carousel, ChevronCard, Collapsible, Column, Container, Form, FooterBar, FyreCard, Greeting, Icon, Image, ImageLink, ImageLinkList, InformationIcon, Input, Jumbotron, Nav, NavItem, NewsCard, Profile, Row, Search, SocialBlock, StarRating, Testimonial, TextAndTitle, TextArea, Timeline, 
+// Tubestops,
+UserIcon, Video };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/index.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,eAAe,MAAM,8BAA8B,CAAA;AAC1D,OAAO,mBAAmB,MAAM,kCAAkC,CAAA;AAClE,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,gBAAgB,MAAM,+BAA+B,CAAA;AAC5D,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,aAAa,MAAM,4BAA4B,CAAA;AACtD,OAAO,eAAe,MAAM,8BAA8B,CAAA;AAC1D,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,GAAG,MAAM,kBAAkB,CAAA;AAClC,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,GAAG,MAAM,kBAAkB,CAAA;AAClC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,UAAU,MAAM,yBAAyB,CAAA;AAChD,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,YAAY,MAAM,2BAA2B,CAAA;AACpD,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,iDAAiD;AACjD,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,eAAe,EACf,MAAM,EACN,IAAI,EACJ,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACN,SAAS,EACT,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,aAAa,EACb,eAAe,EACf,KAAK,EACL,SAAS,EACT,GAAG,EACH,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,EACH,MAAM,EACN,WAAW,EACX,UAAU,EACV,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ;AACR,aAAa;AACb,QAAQ,EACR,KAAK,EACN,CAAA"}

package/dist/src/lib/typography/Fonts.stories.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import Fonts from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof Fonts>;
+export declare const _Fonts: ComponentStory<React.FC<import("./index").Props>>;
+export default componentMeta;

package/dist/src/lib/typography/Fonts.stories.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import Fonts from './index';
+const componentMeta = {
+    title: 'Trepur Components/Rupert Bennett/typography/fonts',
+    component: Fonts,
+    argTypes: {},
+    args: {}
+};
+const Template = (args) => React.createElement(Fonts, Object.assign({}, args));
+export const _Fonts = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=Fonts.stories.js.map

package/dist/src/lib/typography/Fonts.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fonts.stories.js","sourceRoot":"","sources":["../../../../src/lib/typography/Fonts.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,MAAM,SAAS,CAAA;AAG3B,MAAM,aAAa,GAAgC;IACjD,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAA;AAED,MAAM,QAAQ,GAAiC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,KAAK,oBAAK,IAAI,EAAI,CAAA;AAE5E,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEvC,eAAe,aAAa,CAAA"}

package/dist/src/lib/typography/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import '../styles/base.css';
+export interface Props {
+}
+declare const Fonts: React.FC<Props>;
+export default Fonts;

package/dist/src/lib/typography/index.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import '../styles/base.css';
+const Fonts = ({}) => {
+    return (React.createElement("div", null,
+        React.createElement("p", { className: 'font-regular text-xs' }, "This text is xs"),
+        React.createElement("p", { className: 'font-regular text-sm' }, "This text is sm"),
+        React.createElement("p", { className: 'font-regular text-md' }, "This text is md"),
+        React.createElement("p", { className: 'font-regular text-lg' }, "This text is lg"),
+        React.createElement("p", { className: 'font-regular text-xl' }, "This text is xl"),
+        React.createElement("p", { className: 'font-regular text-2xl' }, "This text is 2xl"),
+        React.createElement("p", { className: 'font-regular text-3xl' }, "This text is 3xl"),
+        React.createElement("p", { className: 'font-regular text-4xl' }, "This text is 4xl"),
+        React.createElement("p", { className: 'text-md font-thin' }, "This font is thin"),
+        React.createElement("p", { className: 'text-md font-extraLight' }, "This font is extra light"),
+        React.createElement("p", { className: 'text-md font-light' }, "This font is light"),
+        React.createElement("p", { className: 'text-md font-regular' }, "This font is regular"),
+        React.createElement("p", { className: 'text-md font-medium' }, "This font is medium"),
+        React.createElement("p", { className: 'text-md font-semiBold' }, "This font is semi bold"),
+        React.createElement("p", { className: 'text-md font-bold' }, "This font is bold"),
+        React.createElement("p", { className: 'text-md font-extraBold' }, "This font is extra bold")));
+};
+export default Fonts;
+//# sourceMappingURL=index.js.map

package/dist/src/lib/typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/typography/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,oBAAoB,CAAA;AAI3B,MAAM,KAAK,GAAoB,CAAC,EAAS,EAAe,EAAE;IACxD,OAAO,CACL;QACE,2BAAG,SAAS,EAAC,sBAAsB,sBAAoB;QACvD,2BAAG,SAAS,EAAC,sBAAsB,sBAAoB;QACvD,2BAAG,SAAS,EAAC,sBAAsB,sBAAoB;QACvD,2BAAG,SAAS,EAAC,sBAAsB,sBAAoB;QACvD,2BAAG,SAAS,EAAC,sBAAsB,sBAAoB;QACvD,2BAAG,SAAS,EAAC,uBAAuB,uBAAqB;QACzD,2BAAG,SAAS,EAAC,uBAAuB,uBAAqB;QACzD,2BAAG,SAAS,EAAC,uBAAuB,uBAAqB;QACzD,2BAAG,SAAS,EAAC,mBAAmB,wBAAsB;QACtD,2BAAG,SAAS,EAAC,yBAAyB,+BAA6B;QACnE,2BAAG,SAAS,EAAC,oBAAoB,yBAAuB;QACxD,2BAAG,SAAS,EAAC,sBAAsB,2BAAyB;QAC5D,2BAAG,SAAS,EAAC,qBAAqB,0BAAwB;QAC1D,2BAAG,SAAS,EAAC,uBAAuB,6BAA2B;QAC/D,2BAAG,SAAS,EAAC,mBAAmB,wBAAsB;QACtD,2BAAG,SAAS,EAAC,wBAAwB,8BAA4B,CAC7D,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/src/lib/utils/controls.d.ts

@@ -0,0 +1,35 @@
+export declare type Colours = 'primary' | 'secondary' | 'white' | 'black' | 'gold';
+export declare const idAndClassName: {
+    id: {
+        description: string;
+        control: {
+            type: string;
+            default: boolean;
+        };
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    className: {
+        description: string;
+        control: {
+            type: string;
+            default: boolean;
+        };
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+};

package/dist/src/lib/utils/controls.js

@@ -0,0 +1,21 @@
+export const idAndClassName = {
+    id: {
+        description: 'Defines the id of the component',
+        control: { type: 'text', default: false },
+        table: {
+            category: 'Id',
+            type: { summary: 'string' },
+            defaultValue: { summary: 'undefined' }
+        }
+    },
+    className: {
+        description: 'Defines any additional classes for the component',
+        control: { type: 'text', default: false },
+        table: {
+            category: 'ClassName',
+            type: { summary: 'string' },
+            defaultValue: { summary: 'undefined' }
+        }
+    }
+};
+//# sourceMappingURL=controls.js.map

package/dist/src/lib/utils/controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.js","sourceRoot":"","sources":["../../../../src/lib/utils/controls.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,EAAE,EAAE;QACF,WAAW,EAAE,iCAAiC;QAC9C,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;QACzC,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACvC;KACF;IACD,SAAS,EAAE;QACT,WAAW,EAAE,kDAAkD;QAC/D,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;QACzC,KAAK,EAAE;YACL,QAAQ,EAAE,WAAW;YACrB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACvC;KACF;CACF,CAAA"}

package/dist/src/lib/utils/theme.d.ts

@@ -0,0 +1,3 @@
+export declare const setTheme: (theme: string) => void;
+export declare const getTheme: () => string;
+export declare function getTwVal<Type>(section: string, property: string): Type | undefined;

package/dist/src/lib/utils/theme.js

@@ -0,0 +1,28 @@
+import tailwindConfig from '../../../tailwind.config.js';
+// const tokenUnits: string[] = ['em', 'ex', '%', 'px', 'cm', 'mm', 'in', 'pt', 'pc', 'ch', 'rem', 'vh', 'vw', 'vmin', 'vmax']
+let themeName;
+export const setTheme = (theme) => {
+    themeName = theme;
+};
+export const getTheme = () => {
+    return themeName;
+};
+const getThemeFromOptions = (themeName) => {
+    const themes = tailwindConfig.themes;
+    if (themeName == null)
+        return tailwindConfig.theme;
+    const theme = themes.find((t) => t.name === themeName);
+    return theme !== null && theme !== void 0 ? theme : tailwindConfig.theme;
+};
+export function getTwVal(section, property) {
+    try {
+        const theme = section === 'colors' ? getThemeFromOptions(themeName) : tailwindConfig.theme;
+        return theme[section][property];
+    }
+    catch (e) {
+        console.warn(e);
+        console.warn(`Unable to get tailwind value ${section}: ${property}`);
+        return undefined;
+    }
+}
+//# sourceMappingURL=theme.js.map

package/dist/src/lib/utils/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../src/lib/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,6BAA6B,CAAA;AAExD,8HAA8H;AAC9H,IAAI,SAAiB,CAAA;AAErB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAQ,EAAE;IAC9C,SAAS,GAAG,KAAK,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAW,EAAE;IACnC,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAO,EAAE;IACtD,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,CAAA;IAEpC,IAAI,SAAS,IAAI,IAAI;QAAE,OAAO,cAAc,CAAC,KAAK,CAAA;IAElD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAA;IAC3D,OAAO,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,KAAK,CAAA;AACtC,CAAC,CAAA;AAED,MAAM,UAAU,QAAQ,CAAQ,OAAe,EAAE,QAAgB;IAC/D,IAAI;QACF,MAAM,KAAK,GAAG,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAA;QAC1F,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAA;KAChC;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QACf,OAAO,CAAC,IAAI,CAAC,gCAAgC,OAAO,KAAK,QAAQ,EAAE,CAAC,CAAA;QACpE,OAAO,SAAS,CAAA;KACjB;AACH,CAAC"}

package/dist/tailwind.config.d.ts

@@ -0,0 +1,65 @@
+export const content: string[];
+export namespace theme {
+    namespace extend {
+        const scale: {
+            '110': string;
+        };
+    }
+    namespace fontFamily {
+        const sans: string[];
+    }
+    namespace fontWeight {
+        const thin: string;
+        const extraLight: string;
+        const light: string;
+        const regular: string;
+        const medium: string;
+        const semiBold: string;
+        const bold: string;
+        const extraBold: string;
+    }
+    const fontSize: {
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+    };
+    const colors: {
+        transparent: string;
+        white: string;
+        black: string;
+        red: string;
+        grey: string;
+        'light-grey': string;
+        'lightest-grey': string;
+        'primary-strict': string;
+        border: string;
+        'border-lightest': string;
+        'border-light': string;
+        'border-dark': string;
+        'error-light': string;
+        'success-light': string;
+        facebook: string;
+        whatsapp: string;
+        twitter: string;
+        primary: string;
+        gold: string;
+        secondary: string;
+        'rupertbennett-error': string;
+        'rupertbennett-warning': string;
+        'rupertbennett-success': string;
+        'rupertbennett-info-light': string;
+        'bootson-error': string;
+        'bootson-warning': string;
+        'bootson-success': string;
+        'bootson-info-light': string;
+        linkedin: string;
+    };
+}
+export const plugins: never[];
+export const themes: never[];