trepur_components 0.4.7 → 1.0.0

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;IAC/C,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,KAAK;IAChB,QAAQ,oBACD,cAAc,CACpB;IACD,IAAI,EAAE;QACF,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,IAAI;KACd;CACJ,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 && React.createElement("source", { src: webmFile, type: 'video/webm' }),
+        ogvFile && 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,EACX,EAAE,EACF,SAAS,EACT,QAAQ,EACR,KAAK,EACL,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,KAAK,EACL,YAAY,EACR,EAAE,EAAE;IACR,OAAO,CACH,+BACI,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,IAAI,gCAAQ,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,YAAY,GAAG;QACvD,OAAO,IAAI,gCAAQ,GAAG,EAAE,OAAO,EAAE,IAAI,EAAC,WAAW,GAAG,CACjD,CACX,CAAA;AACL,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,EACH,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,EACP,CAAC"}

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

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

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { idAndClassName } from '../utils/controls';
+import Fonts from './index';
+const componentMeta = {
+    title: 'Trepur Components/Rupert Bennett/typography/fonts',
+    component: Fonts,
+    argTypes: Object.assign(Object.assign({}, idAndClassName), { title: {
+            description: '',
+            control: 'text',
+            table: {
+                category: ''
+            }
+        }, content: {
+            description: '',
+            control: 'text',
+            table: {
+                category: ''
+            }
+        }, boldTitle: {
+            description: '',
+            control: 'boolean',
+            table: {
+                category: ''
+            }
+        }, ctaText: {
+            description: 'Remove text to remove button',
+            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.',
+        image: 'https://picsum.photos/400/200',
+        ctaText: 'Button 1'
+    },
+};
+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;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,KAAK,MAAM,SAAS,CAAA;AAG3B,MAAM,aAAa,GAAgC;IAC/C,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,KAAK;IAChB,QAAQ,kCACD,cAAc,KACjB,KAAK,EAAE;YACH,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ,EACD,OAAO,EAAE;YACL,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ,EACD,SAAS,EAAE;YACP,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ,EACD,OAAO,EAAE;YACL,WAAW,EAAE,8BAA8B;YAC3C,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ,GACJ;IACD,IAAI,EAAE;QACF,KAAK,EAAE,iBAAiB;QACxB,OAAO,EAAE,kJAAkJ;QAC3J,KAAK,EAAE,+BAA+B;QACtC,OAAO,EAAE,UAAU;KACtB;CACJ,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,4 @@
+/// <reference types="react" />
+import '../styles/base.css';
+declare const Fonts: ({}: {}) => JSX.Element;
+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;AAE3B,MAAM,KAAK,GAAG,CAAC,EAEd,EAAE,EAAE;IACD,OAAO,CACH;QACI,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,CAC/D,CACT,CAAA;AACL,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;IAC1B,EAAE,EAAE;QACA,WAAW,EAAE,iCAAiC;QAC9C,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;QACzC,KAAK,EAAE;YACH,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACzC;KACJ;IACD,SAAS,EAAE;QACP,WAAW,EAAE,kDAAkD;QAC/D,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;QACzC,KAAK,EAAE;YACH,QAAQ,EAAE,WAAW;YACrB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACzC;KACJ;CACJ,CAAA"}

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

@@ -0,0 +1,2 @@
+export function setTheme(theme: any): void;
+export function getTheme(): any;

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

@@ -0,0 +1,8 @@
+let themeName;
+export const setTheme = (theme) => {
+    themeName = theme;
+};
+export const getTheme = () => {
+    return themeName;
+};
+//# 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.js"],"names":[],"mappings":"AAAA,IAAI,SAAS,CAAA;AAEb,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,EAAE;IAC9B,SAAS,GAAG,KAAK,CAAA;AACrB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IACzB,OAAO,SAAS,CAAA;AACpB,CAAC,CAAA"}

package/dist/tailwind.config.d.ts

@@ -0,0 +1,64 @@
+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[];

package/dist/tailwind.config.js

@@ -0,0 +1,80 @@
+"use strict";
+module.exports = {
+    content: [
+        "./src/**/*.{vue,js,tsx,jsx,ts}",
+    ],
+    theme: {
+        extend: {
+            screens: {
+                'xs': '320',
+                'sm': '500',
+                'md': '768',
+                'lg': '1024',
+                'xl': '1280',
+                '2xl': '1560'
+            }
+        },
+        fontFamily: {
+            'sans': ['Sora', 'sans-serif'],
+        },
+        fontWeight: {
+            'thin': '100',
+            'extraLight': '200',
+            'light': '300',
+            'regular': '400',
+            'medium': '500',
+            'semiBold': '600',
+            'bold': '700',
+            'extraBold': '800',
+        },
+        fontSize: {
+            'xxs': '8px',
+            'xs': '16px',
+            'sm': '24px',
+            'md': '32px',
+            'lg': '48px',
+            'xl': '64px',
+            '2xl': '80px',
+            '3xl': '96px',
+            '4xl': '112px',
+        },
+        colors: {
+            'transparent': 'transparent',
+            'white': '#ffffff',
+            'black': '#000000',
+            'red': '#bb0a1e',
+            'grey': '#2C373B',
+            'light-grey': '#495C63',
+            'lightest-grey': '#f5f5f5',
+            'primary-strict': '#ff007d',
+            'border': '#d0d0d0',
+            'border-lightest': '#eeeeee',
+            'border-light': '#D8D8D8',
+            'border-dark': '#616161',
+            'error-light': '#ffd9d9',
+            'success-light': '#e7f5e7',
+            'facebook': '#3b5999',
+            'whatsapp': '#25d366',
+            'twitter': '#55acee',
+            'primary': '#0036A0',
+            'gold': '#e2b13c',
+            'secondary': '#FFA800',
+            'rupertbennett-error': '#B11013',
+            'rupertbennett-warning': '#FFD35C',
+            'rupertbennett-success': '#69C364',
+            'rupertbennett-info-light': '#d8eaf5',
+            'bootson-error': '#31A3DD',
+            'bootson-warning': '#FFD35C',
+            'bootson-success': '#69C364',
+            'bootson-info-light': '#d8eaf5',
+            'linkedin': '#0e76a8 ',
+        },
+        extend: {
+            scale: {
+                '110': '1.1',
+            }
+        },
+    },
+    plugins: [],
+};
+//# sourceMappingURL=tailwind.config.js.map

package/dist/tailwind.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.config.js","sourceRoot":"","sources":["../tailwind.config.js"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,GAAG;IACf,OAAO,EAAE;QACP,gCAAgC;KACjC;IACD,KAAK,EAAE;QACL,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,MAAM;aACd;SACF;QACD,UAAU,EAAE;YACV,MAAM,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC;SAC/B;QACD,UAAU,EAAE;YACV,MAAM,EAAE,KAAK;YACb,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,KAAK;YACjB,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,KAAK;SACnB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,OAAO;SACf;QACD,MAAM,EAAE;YACN,aAAa,EAAE,aAAa;YAC5B,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;YACjB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;YAC1B,gBAAgB,EAAE,SAAS;YAC3B,QAAQ,EAAE,SAAS;YACnB,iBAAiB,EAAE,SAAS;YAC5B,cAAc,EAAE,SAAS;YACzB,aAAa,EAAE,SAAS;YACxB,aAAa,EAAE,SAAS;YACxB,eAAe,EAAE,SAAS;YAC1B,UAAU,EAAE,SAAS;YACrB,UAAU,EAAE,SAAS;YACrB,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,SAAS;YACtB,qBAAqB,EAAE,SAAS;YAChC,uBAAuB,EAAE,SAAS;YAClC,uBAAuB,EAAE,SAAS;YAClC,0BAA0B,EAAE,SAAS;YACrC,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,UAAU,EAAE,UAAU;SACvB;QACD,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK;aACb;SACF;KACF;IACD,OAAO,EAAE,EAAE;CACZ,CAAA"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "0.4.7",
+  "version": "1.0.0",
   "private": false,
   "keywords": [
     "react",
@@ -17,6 +17,8 @@
   ],
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/theming": "^6.5.12",
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.3",
     "@testing-library/user-event": "^13.5.0",
@@ -26,6 +28,9 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "react-scripts": "5.0.0",
+    "storybook-css-modules-preset": "^1.1.1",
+    "ts-standard": "^12.0.1",
+    "tsconfig-paths-webpack-plugin": "^4.0.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
@@ -34,7 +39,8 @@
     "build-new": "NODE_ENV=production babel src/lib --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored  && rm -rf dist/utils dist/assets  && rm -rf dist/typography && npm run compile:css",
     "eject": "react-scripts eject",
     "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook -s public"
+    "build-storybook": "build-storybook -s public",
+    "lint:fix": "ts-standard --fix"
   },
   "browserslist": {
     "production": [
@@ -53,18 +59,25 @@
     "@babel/preset-env": "^7.16.11",
     "@storybook/addon-actions": "^6.4.19",
     "@storybook/addon-essentials": "^6.4.19",
-    "@storybook/addon-interactions": "^6.4.19",
-    "@storybook/addon-links": "^6.4.19",
     "@storybook/builder-webpack5": "^6.4.19",
     "@storybook/manager-webpack5": "^6.4.19",
     "@storybook/node-logger": "^6.4.19",
-    "@storybook/preset-create-react-app": "^4.0.1",
     "@storybook/react": "^6.4.19",
     "@storybook/testing-library": "0.0.9",
     "autoprefixer": "^10.4.2",
     "babel-plugin-module-resolver": "^4.1.0",
     "postcss": "^8.4.16",
+    "storybook-addon-themes": "^6.1.0",
     "tailwindcss": "^3.0.23",
+    "typescript": "^4.8.4",
     "webpack": "^5.69.1"
+  },
+  "ts-standard": {
+    "project": "./tsconfig.eslint.json",
+    "ignore": [
+      "/dist",
+      "node_modules",
+      "tailwind.config.js"
+    ]
   }
 }

package/dist/components/Accordion/index.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Collapsible = _interopRequireDefault(require("../Collapsible"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Accordion = _ref => {
-  let {
-    id,
-    classes,
-    items
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
-    id: id
-  }, {
-    className: classes
-  }), items && items.map((item, i) => {
-    return /*#__PURE__*/_react.default.createElement(_Collapsible.default, {
-      key: "collapsible_item_".concat(i),
-      collapsibleProps: item.collapsibleProps
-    }, item.children);
-  }));
-};
-
-var _default = Accordion;
-exports.default = _default;