trepur_components 1.0.0 → 1.0.2

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

@@ -1,23 +1,57 @@
 import React from 'react';
 import Column from './index';
-import { idAndClassName } from '@utils/controls';
+import { idAndClassName } from '../../utils/controls';
 import CardWithTopImage from '../CardWithTopImage';
-import logo from '../../assets/images/primary-logo.png';
-const cardChild = React.createElement(CardWithTopImage, { id: 'cardwithtopimage', imageProps: {
-        image: logo
+import logo from '@assets/images/primary-logo.png';
+const cardChild = (React.createElement(CardWithTopImage, { id: 'cardwithtopimage', imageProps: {
+        image: logo,
+        roundedFull: true
     } },
     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!"));
+    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/Column',
     component: Column,
     parameters: {},
-    argTypes: Object.assign({}, idAndClassName),
+    argTypes: Object.assign(Object.assign({}, idAndClassName), { sm: {
+            type: { name: 'number', required: false },
+            description: 'The number of sections out of 12 that the component should span on sm screens',
+            table: {
+                type: { summary: 'number' }
+            }
+        }, md: {
+            type: { name: 'number', required: false },
+            description: 'The number of sections out of 12 that the component should span on md screens',
+            table: {
+                type: { summary: 'number' }
+            }
+        }, lg: {
+            type: { name: 'number', required: false },
+            description: 'The number of sections out of 12 that the component should span on lg screens',
+            table: {
+                type: { summary: 'number' }
+            }
+        }, xl: {
+            type: { name: 'number', required: false },
+            description: 'The number of sections out of 12 that the component should span on xl screens',
+            table: {
+                type: { summary: 'number' }
+            }
+        }, 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: {
-        sm: 4,
-        md: 4,
+        sm: 12,
+        md: 8,
         lg: 4,
         xl: 2,
         className: 'bg-facebook md:bg-twitter lg-whatsapp xl:bg-linkedin border',

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

@@ -1 +1 @@
-{"version":3,"file":"Column.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Column/Column.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAClD,OAAO,IAAI,MAAM,sCAAsC,CAAA;AAGvD,MAAM,SAAS,GACX,oBAAC,gBAAgB,IACb,EAAE,EAAC,kBAAkB,EACrB,UAAU,EAAE;QACR,KAAK,EAAE,IAAI;KACd;IAED,mDAAwB;IACxB,wDAA6B;IAC7B,yDAA8B;IAC9B,wOAA6M,CAC9L,CAAA;AAEvB,MAAM,aAAa,GAAiC;IAChD,KAAK,EAAE,+CAA+C;IACtD,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,EAAE;IACd,QAAQ,oBACD,cAAc,CACpB;IACD,IAAI,EAAE;QACF,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,SAAS,EAAE,6DAA6D;QACxE,QAAQ,EAAE,SAAS;KACtB;CACJ,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"}
+{"version":3,"file":"Column.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Column/Column.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,IAAI,MAAM,iCAAiC,CAAA;AAGlD,MAAM,SAAS,GAAG,CAChB,oBAAC,gBAAgB,IACf,EAAE,EAAC,kBAAkB,EACrB,UAAU,EAAE;QACV,KAAK,EAAE,IAAI;QACX,WAAW,EAAE,IAAI;KAClB;IAED,mDAAwB;IACxB,wDAA6B;IAC7B,yDAA8B;IAC9B,wOAA6M,CAC5L,CACpB,CAAA;AAED,MAAM,aAAa,GAAiC;IAClD,KAAK,EAAE,+CAA+C;IACtD,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,EAAE,EAAE;YACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,+EAA+E;YAC5F,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,EAAE,EAAE;YACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,+EAA+E;YAC5F,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,EAAE,EAAE;YACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,+EAA+E;YAC5F,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,EAAE,EAAE;YACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,+EAA+E;YAC5F,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,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,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,SAAS,EAAE,6DAA6D;QACxE,QAAQ,EAAE,SAAS;KACpB;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"}

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

@@ -76,8 +76,8 @@ const Column = ({ id, className, sm = 1, md = 1, lg = 1, xl = 1, children }) =>
         [calculateWidth('md', md)]: md,
         [calculateWidth('lg', lg)]: lg,
         [calculateWidth('xl', xl)]: xl
-    }, `${className} h-full`);
-    return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: classList }), children));
+    }, className, 'h-full');
+    return (React.createElement("div", { id: id, className: classList }, children));
 };
 export default Column;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import Container from './index';
-import { idAndClassName } from '@utils/controls';
+import { idAndClassName } from '../../utils/controls';
 const componentMeta = {
     title: 'Trepur Components/Rupert Bennett/Atoms/Container',
     component: Container,

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

@@ -1 +1 @@
-{"version":3,"file":"Container.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Container/Container.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,aAAa,GAAoC;IACnD,KAAK,EAAE,kDAAkD;IACzD,SAAS,EAAE,SAAS;IACpB,QAAQ,kCACD,cAAc,KACjB,QAAQ,EAAE;YACN,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,gDAAgD;YAC7D,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;YAC5C,YAAY,EAAE,MAAM;SACvB,EACD,QAAQ,EAAE;YACN,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,0BAA0B,EAAE;YAC1D,WAAW,EAAE,6CAA6C;YAC1D,KAAK,EAAE;gBACH,IAAI,EAAE;oBACF,OAAO,EAAE,OAAO;iBACnB;gBACH,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACJ,GACJ;IACD,IAAI,EAAE;QACF,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,+EAAoD;KACjE;CACJ,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"}
+{"version":3,"file":"Container.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Container/Container.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,aAAa,GAAoC;IACrD,KAAK,EAAE,kDAAkD;IACzD,SAAS,EAAE,SAAS;IACpB,QAAQ,kCACH,cAAc,KACjB,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,gDAAgD;YAC7D,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;YAC5C,YAAY,EAAE,MAAM;SACrB,EACD,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,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,+EAAoD;KAC/D;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/Container/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 const Container = ({ id, className, maxWidth = 1200, children }) => {
     const classList = classNames(className, 'mx-auto');
-    return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: classList, style: { 'maxWidth': `${maxWidth}px` } }), children));
+    return (React.createElement("div", { id: id, className: classList, style: { maxWidth: `${maxWidth}px` } }, children));
 };
 export default Container;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Container/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AASnC,MAAM,SAAS,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,QAAQ,EACJ,EAAE,EAAE;IACR,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAElD,OAAO,CACH,6CACQ,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAC,UAAU,EAAE,GAAG,QAAQ,IAAI,EAAC,KAEnC,QAAQ,CACP,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Container/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AASnC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAElD,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,QAAQ,IAAI,EAAE,IAEnC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/src/lib/components/FooterBar/footerBar.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import FooterBar from './index';
-import { idAndClassName } from '@utils/controls';
+import { idAndClassName } from '../../utils/controls';
 import { action } from '@storybook/addon-actions';
 const componentMeta = {
     title: 'Trepur Components/Rupert Bennett/Organisms/Footer Bar',
@@ -40,7 +40,7 @@ const componentMeta = {
             children: 'Admin Panel',
             onClick: action('button clicked')
         }
-    },
+    }
 };
 const Template = (args) => React.createElement(FooterBar, Object.assign({}, args));
 export const _FooterBar = Template.bind({});

package/dist/src/lib/components/FooterBar/footerBar.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerBar.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/FooterBar/footerBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEjD,MAAM,aAAa,GAAoC;IACnD,KAAK,EAAE,uDAAuD;IAC9D,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACD,cAAc,KACjB,IAAI,EAAE;YACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,mCAAmC;YAChD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aAC7B;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAC;SACxC,EACD,WAAW,EAAE;YACT,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;YACxC,WAAW,EAAE,6DAA6D;YAC1E,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACJ,EACD,KAAK,EAAE;YACH,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;YAC1B,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE;gBACH,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;gBAC1B,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;aACrC;YACD,YAAY,EAAE,OAAO;YACrB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B,GACJ;IACD,IAAI,EAAE;QACF,IAAI,EAAE,sDAAsD;QAC5D,KAAK,EAAE,MAAM;QACb,WAAW,EAAE;YACT,QAAQ,EAAE,aAAa;YACvB,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC;SACpC;KACJ;CACJ,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"}
+{"version":3,"file":"footerBar.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/FooterBar/footerBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEjD,MAAM,aAAa,GAAoC;IACrD,KAAK,EAAE,uDAAuD;IAC9D,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,mCAAmC;YAChD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aAC7B;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACvC,EACD,WAAW,EAAE;YACX,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;YACxC,WAAW,EAAE,6DAA6D;YAC1E,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,EACD,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;YAC1B,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;gBAC1B,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;aACnC;YACD,YAAY,EAAE,OAAO;YACrB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,GACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,sDAAsD;QAC5D,KAAK,EAAE,MAAM;QACb,WAAW,EAAE;YACX,QAAQ,EAAE,aAAa;YACvB,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC;SAClC;KACF;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/FooterBar/index.js

@@ -9,7 +9,7 @@ const Nav = ({ id, className, text, buttonProps, theme }) => {
     return (React.createElement("div", { id: id, className: classList },
         React.createElement("div", { className: textClasses }, text),
         React.createElement("div", { className: buttonClasses },
-            React.createElement(Button, { children: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children, variant: theme === 'dark' ? 'primary' : 'secondary', rounded: true, href: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.href, onClick: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick }))));
+            React.createElement(Button, { variant: theme === 'dark' ? 'primary' : 'secondary', rounded: true, href: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.href, onClick: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick }, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children))));
 };
 export default Nav;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/FooterBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAA+B,MAAM,WAAW,CAAA;AAUvD,MAAM,GAAG,GAAG,CAAC,EACT,EAAE,EACF,SAAS,EACT,IAAI,EACJ,WAAW,EACX,KAAK,EACD,EAAE,EAAE;IACR,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,uBAAuB,CAAA;IACpF,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,6DAA6D,CAAC,CAAA;IAC/G,MAAM,WAAW,GAAG,wDAAwD,CAAA;IAC5E,MAAM,aAAa,GAAG,gDAAgD,CAAA;IAEtE,OAAO,CACH,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC7B,6BAAK,SAAS,EAAE,WAAW,IACtB,IAAI,CACH;QACN,6BAAK,SAAS,EAAE,aAAa;YACzB,oBAAC,MAAM,IACH,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,EAC/B,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACnD,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,EACvB,OAAO,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,GAC/B,CACA,CACJ,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/FooterBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAgC,MAAM,oBAAoB,CAAA;AAUjE,MAAM,GAAG,GAAG,CAAC,EACX,EAAE,EACF,SAAS,EACT,IAAI,EACJ,WAAW,EACX,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,uBAAuB,CAAA;IACpF,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,6DAA6D,CAAC,CAAA;IAC/G,MAAM,WAAW,GAAG,wDAAwD,CAAA;IAC5E,MAAM,aAAa,GAAG,gDAAgD,CAAA;IAEtE,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAE,WAAW,IACxB,IAAI,CACD;QACN,6BAAK,SAAS,EAAE,aAAa;YAC3B,oBAAC,MAAM,IACL,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACnD,OAAO,QACP,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,EACvB,OAAO,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,IAE5B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CACf,CACL,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { idAndClassName } from '@utils/controls';
+import { idAndClassName } from '../../utils/controls';
 import Form from './index';
 const componentMeta = {
     title: 'Trepur Components/Rupert Bennett/Organisms/Form',

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

@@ -1 +1 @@
-{"version":3,"file":"Form.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Form/Form.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,IAAI,MAAM,SAAS,CAAA;AAG1B,MAAM,aAAa,GAA+B;IAC9C,KAAK,EAAE,iDAAiD;IACxD,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,EAAE;IACd,QAAQ,kCACD,cAAc,KACjB,KAAK,EAAE;YACH,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,uCAAuC;YACpD,KAAK,EAAE;gBACH,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ,EACD,YAAY,EAAE;YACV,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,uDAAuD;YACpE,KAAK,EAAE;gBACH,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ,EACD,QAAQ,EAAE;YACN,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC3C,WAAW,EAAE,qDAAqD;YAClE,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE;gBACH,IAAI,EAAE;oBACF,OAAO,EAAE,UAAU;iBACtB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ,EACD,GAAG,EAAE;YACD,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,6BAA6B,EAAE;YAC7D,WAAW,EAAE,6CAA6C;YAC1D,KAAK,EAAE;gBACH,IAAI,EAAE;oBACF,OAAO,EAAE,QAAQ;iBACpB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ,EACD,UAAU,EAAE;YACR,WAAW,EAAE,wDAAwD;YACrE,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE;gBACH,IAAI,EAAE;oBACF,OAAO,EAAE,OAAO;iBACnB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ,GACJ;IACD,IAAI,EAAE;QACF,KAAK,EAAE,iBAAiB;QACxB,UAAU,EAAE;YACR;gBACI,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,iBAAiB;gBACxB,WAAW,EAAE,uBAAuB;gBACpC,QAAQ,EAAE,QAAQ;aACrB;YACD;gBACI,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,iBAAiB;gBACxB,WAAW,EAAE,uBAAuB;gBACpC,QAAQ,EAAE,QAAQ;aACrB;YACD;gBACI,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,iBAAiB;gBACxB,WAAW,EAAE,uBAAuB;gBACpC,QAAQ,EAAE,QAAQ;aACrB;YACD;gBACI,QAAQ,EAAE,QAAQ;gBAClB,QAAQ,EAAE,QAAQ;aACrB;SACJ;KACJ;CACJ,CAAA;AAED,MAAM,QAAQ,GAAgC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,IAAI,oBAAK,IAAI,EAAI,CAAA;AAE1E,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEtC,eAAe,aAAa,CAAA"}
+{"version":3,"file":"Form.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Form/Form.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,IAAI,MAAM,SAAS,CAAA;AAG1B,MAAM,aAAa,GAA+B;IAChD,KAAK,EAAE,iDAAiD;IACxD,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,uCAAuC;YACpD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,EACD,YAAY,EAAE;YACZ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,uDAAuD;YACpE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,EACD,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC3C,WAAW,EAAE,qDAAqD;YAClE,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,UAAU;iBACpB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,EACD,GAAG,EAAE;YACH,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,6BAA6B,EAAE;YAC7D,WAAW,EAAE,6CAA6C;YAC1D,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,EACD,UAAU,EAAE;YACV,WAAW,EAAE,wDAAwD;YACrE,OAAO,EAAE,OAAO;YAChB,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,KAAK,EAAE,iBAAiB;QACxB,UAAU,EAAE;YACV;gBACE,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,iBAAiB;gBACxB,WAAW,EAAE,uBAAuB;gBACpC,QAAQ,EAAE,QAAQ;aACnB;YACD;gBACE,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,iBAAiB;gBACxB,WAAW,EAAE,uBAAuB;gBACpC,QAAQ,EAAE,QAAQ;aACnB;YACD;gBACE,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,iBAAiB;gBACxB,WAAW,EAAE,uBAAuB;gBACpC,QAAQ,EAAE,QAAQ;aACnB;YACD;gBACE,QAAQ,EAAE,QAAQ;gBAClB,QAAQ,EAAE,QAAQ;aACnB;SACF;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAgC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,IAAI,oBAAK,IAAI,EAAI,CAAA;AAE1E,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEtC,eAAe,aAAa,CAAA"}

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

@@ -4,12 +4,12 @@ import Input from '../Input';
 const Form = ({ id, className, title, titleClasses, onSubmit, ref, components }) => {
     return (React.createElement(React.Fragment, null,
         React.createElement("h1", { className: titleClasses }, title),
-        React.createElement("form", Object.assign({}, (id && { id: id }), { ref: ref, className: className, onSubmit: onSubmit }), components && components.map((component, i) => {
-            if (component.htmlType === 'Input') {
-                return (React.createElement(Input, { key: `input_${i + 0}`, className: component.className, label: component.label, placeholder: component.placeholder, type: component.type, name: component.name }));
+        React.createElement("form", { id: id, ref: ref, className: className, onSubmit: onSubmit }, components === null || components === void 0 ? void 0 : components.map((component, i) => {
+            if ((component === null || component === void 0 ? void 0 : component.htmlType) === 'Input') {
+                return (React.createElement(Input, { key: `input_${i + 0}`, className: component === null || component === void 0 ? void 0 : component.className, label: component === null || component === void 0 ? void 0 : component.label, placeholder: component === null || component === void 0 ? void 0 : component.placeholder, type: component === null || component === void 0 ? void 0 : component.type, name: component === null || component === void 0 ? void 0 : component.name }));
             }
             else if (component.htmlType === 'Button') {
-                return (React.createElement(Button, { key: `button_${i + 0}`, type: component.type, onClick: component.onClick, className: component.className, children: component.children }));
+                return (React.createElement(Button, { key: `button_${i + 0}`, type: component === null || component === void 0 ? void 0 : component.type, onClick: component === null || component === void 0 ? void 0 : component.onClick, className: component === null || component === void 0 ? void 0 : component.className }, component === null || component === void 0 ? void 0 : component.children));
             }
             else
                 return React.createElement(React.Fragment, null);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAA+B,MAAM,WAAW,CAAA;AACvD,OAAO,KAA6B,MAAM,UAAU,CAAA;AAYpD,MAAM,IAAI,GAAG,CAAC,EACV,EAAE,EACF,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,GAAG,EACH,UAAU,EACN,EAAE,EAAE;IACR,OAAO,CACH;QACI,4BAAI,SAAS,EAAE,YAAY,IAAG,KAAK,CAAM;QACzC,8CAAU,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,KAC3E,UAAU,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE;YAC3C,IAAG,SAAS,CAAC,QAAQ,KAAK,OAAO,EAAC;gBAC9B,OAAO,CACH,oBAAC,KAAK,IACF,GAAG,EAAE,SAAS,CAAC,GAAC,CAAC,EAAE,EACnB,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,WAAW,EAAE,SAAS,CAAC,WAAW,EAClC,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,IAAI,EAAE,SAAS,CAAC,IAAI,GACtB,CACL,CAAA;aACJ;iBAAM,IAAG,SAAS,CAAC,QAAQ,KAAK,QAAQ,EAAC;gBACtC,OAAO,CACH,oBAAC,MAAM,IACH,GAAG,EAAE,UAAU,CAAC,GAAC,CAAC,EAAE,EACpB,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,OAAO,EAAE,SAAS,CAAC,OAAO,EAC1B,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,QAAQ,EAAE,SAAS,CAAC,QAAQ,GAC9B,CACL,CAAA;aACJ;;gBAAM,OAAO,yCAAK,CAAA;QACvB,CAAC,CAAC,CACC,CACR,CACN,CAAA;AAEL,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,oBAAoB,CAAA;AACjE,OAAO,KAA8B,MAAM,mBAAmB,CAAA;AAY9D,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,GAAG,EACH,UAAU,EACJ,EAAe,EAAE;IACvB,OAAO,CACL;QACE,4BAAI,SAAS,EAAE,YAAY,IAAG,KAAK,CAAM;QACzC,8BAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,IAC7D,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE;YAChC,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,MAAK,OAAO,EAAE;gBACnC,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,EACrB,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,EAC/B,KAAK,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EACvB,WAAW,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EACnC,IAAI,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EACrB,IAAI,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,GACrB,CACH,CAAA;aACF;iBAAM,IAAI,SAAS,CAAC,QAAQ,KAAK,QAAQ,EAAE;gBAC1C,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,EACtB,IAAI,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EACrB,OAAO,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAC3B,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,IAE9B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CACb,CACV,CAAA;aACF;;gBAAM,OAAO,yCAAK,CAAA;QACrB,CAAC,CAAC,CACG,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import FyreCard from './index';
-import { idAndClassName } from '@utils/controls';
+import { idAndClassName } from '../../utils/controls';
 const componentMeta = {
     title: 'Trepur Components/Other/Organisms/Fyre Card',
     component: FyreCard,
@@ -9,8 +9,8 @@ const componentMeta = {
             description: '',
             control: 'text',
             table: {
-                category: '',
-            },
+                category: ''
+            }
         } }),
     args: {
         image: 'https://picsum.photos/500/300'

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

@@ -1 +1 @@
-{"version":3,"file":"FyreCard.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/FyreCard/FyreCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,aAAa,GAAmC;IAClD,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACD,cAAc,KACjB,KAAK,EAAE;YACH,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ,GACJ;IACD,IAAI,EAAE;QACF,KAAK,EAAE,+BAA+B;KACzC;CACJ,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"}
+{"version":3,"file":"FyreCard.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/FyreCard/FyreCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,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,GACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,+BAA+B;KACvC;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/FyreCard/index.js

@@ -1,13 +1,12 @@
 import React from 'react';
 import Button from '../Button';
+import classNames from 'classnames';
 const FyreCard = ({ id, className, image, imageClass, altText, bordered, buttonProps }) => {
-    let border = bordered && ' border border-grey border-opacity-100 ';
-    let classList = 'flex flex-col ';
-    classList += className ? className : '';
-    classList += ' ' + border;
-    let imageClassList = ' w-full ';
-    imageClassList += imageClass;
-    return (React.createElement("div", Object.assign({ key: id }, (id && { id: id }), { className: classList }),
+    const classList = classNames({
+        'border border-grey border-opacity-100': bordered
+    }, className, 'flex flex-col');
+    const imageClassList = classNames(imageClass, 'w-full');
+    return (React.createElement("div", { key: id, id: id, className: classList },
         React.createElement("div", { className: 'card-content flex flex-1 flex-col' },
             React.createElement("div", null,
                 React.createElement("img", { className: imageClassList, src: image, alt: altText })),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/FyreCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAA+B,MAAM,WAAW,CAAA;AAWvD,MAAM,QAAQ,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAW,EACP,EAAE,EAAE;IACR,IAAI,MAAM,GAAG,QAAQ,IAAI,yCAAyC,CAAA;IAClE,IAAI,SAAS,GAAG,gBAAgB,CAAA;IAChC,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAA;IACvC,SAAS,IAAI,GAAG,GAAG,MAAM,CAAA;IACzB,IAAI,cAAc,GAAG,UAAU,CAAA;IAE/B,cAAc,IAAI,UAAU,CAAA;IAE5B,OAAO,CACH,2CACI,GAAG,EAAE,EAAE,IACH,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IACtB,SAAS,EAAE,SAAS;QACpB,6BAAK,SAAS,EAAC,mCAAmC;YAC9C;gBACI,6BAAK,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,GAAG,CACzD;YACN,6BAAK,SAAS,EAAC,kBAAkB;gBAC7B,oBAAC,MAAM,oBAAK,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CAAU,CACvD,CACJ,CACJ,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/FyreCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,oBAAoB,CAAA;AACjE,OAAO,UAAU,MAAM,YAAY,CAAA;AAWnC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAW,EACL,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,uCAAuC,EAAE,QAAQ;KAClD,EAAE,SAAS,EAAE,eAAe,CAAC,CAAA;IAC9B,MAAM,cAAc,GAAG,UAAU,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;IAEvD,OAAO,CACL,6BACE,GAAG,EAAE,EAAE,EACP,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,6BAAK,SAAS,EAAC,mCAAmC;YAChD;gBACE,6BAAK,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,GAAI,CACxD;YACN,6BAAK,SAAS,EAAC,kBAAkB;gBAC/B,oBAAC,MAAM,oBAAK,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CAAU,CACrD,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import Greeting from './index';
-import { idAndClassName } from '@utils/controls';
+import { idAndClassName } from '../../utils/controls';
 const componentMeta = {
     title: 'Trepur Components/Rupert Bennett/Atoms/Greeting',
     component: Greeting,

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

@@ -1 +1 @@
-{"version":3,"file":"Greeting.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Greeting/Greeting.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,MAAM,aAAa,GAAmC;IAClD,KAAK,EAAE,iDAAiD;IACxD,SAAS,EAAE,QAAQ;IACnB,QAAQ,kCACD,cAAc,KACjB,cAAc,EAAE;YACZ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,wDAAwD;YACrE,KAAK,EAAE;gBACH,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC9B;SACJ,EACD,gBAAgB,EAAE;YACd,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,0DAA0D;YACvE,KAAK,EAAE;gBACH,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC9B;SACJ,EACD,cAAc,EAAE;YACZ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,wDAAwD;YACrE,KAAK,EAAE;gBACH,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC9B;SACJ,GACJ;IACD,IAAI,EAAE;QACF,cAAc,EAAE,sCAAsC;KACzD;CACJ,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"}
+{"version":3,"file":"Greeting.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Greeting/Greeting.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,MAAM,aAAa,GAAmC;IACpD,KAAK,EAAE,iDAAiD;IACxD,SAAS,EAAE,QAAQ;IACnB,QAAQ,kCACH,cAAc,KACjB,cAAc,EAAE;YACd,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,wDAAwD;YACrE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,0DAA0D;YACvE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,cAAc,EAAE;YACd,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,wDAAwD;YACrE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,GACF;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,sCAAsC;KACvD;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/Greeting/index.js

@@ -2,9 +2,9 @@ import React from 'react';
 import classNames from 'classnames';
 const Greeting = ({ id, className, morningMessage = 'Good morning', afternoonMessage = 'Good afternoon', eveningMessage = 'Good evening' }) => {
     const today = new Date();
-    const hours = ('0' + (today.getHours())).slice(-2);
-    const minutes = ('0' + (today.getMinutes())).slice(-2);
-    const seconds = ('0' + (today.getSeconds())).slice(-2);
+    const hours = `0${today.getHours().toString()}`.slice(-2);
+    const minutes = `0${today.getMinutes().toString()}`.slice(-2);
+    const seconds = `0${today.getSeconds().toString()}`.slice(-2);
     const time = parseInt(`${hours}${minutes}${seconds}`);
     let message;
     if (time < 120000) {
@@ -17,7 +17,7 @@ const Greeting = ({ id, className, morningMessage = 'Good morning', afternoonMes
         message = eveningMessage;
     }
     const classList = classNames(className);
-    return (React.createElement("p", Object.assign({}, (id && { id: id }), { className: classList }), message));
+    return (React.createElement("p", { id: id, className: classList }, message));
 };
 export default Greeting;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Greeting/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAUnC,MAAM,QAAQ,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,cAAc,GAAG,cAAc,EAC/B,gBAAgB,GAAG,gBAAgB,EACnC,cAAc,GAAG,cAAc,EAC3B,EAAE,EAAE;IACR,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;IACxB,MAAM,KAAK,GAAI,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACnD,MAAM,OAAO,GAAG,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACtD,MAAM,OAAO,GAAG,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACtD,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,EAAE,CAAC,CAAA;IAErD,IAAI,OAAO,CAAA;IACX,IAAG,IAAI,GAAG,MAAM,EAAG;QACf,OAAO,GAAG,cAAc,CAAA;KAC3B;SAAM,IAAG,IAAI,GAAG,MAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACtC,OAAO,GAAG,gBAAgB,CAAA;KAC7B;SAAM,IAAG,IAAI,GAAG,MAAM,EAAE;QACrB,OAAO,GAAG,cAAc,CAAA;KAC3B;IAED,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,OAAO,CACH,2CACQ,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IACtB,SAAS,EAAE,SAAS,KACnB,OAAO,CACR,CACP,CAAA;AACL,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Greeting/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAUnC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,cAAc,GAAG,cAAc,EAC/B,gBAAgB,GAAG,gBAAgB,EACnC,cAAc,GAAG,cAAc,EACzB,EAAe,EAAE;IACvB,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;IACxB,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACzD,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,EAAE,CAAC,CAAA;IAErD,IAAI,OAAO,CAAA;IACX,IAAI,IAAI,GAAG,MAAM,EAAE;QACjB,OAAO,GAAG,cAAc,CAAA;KACzB;SAAM,IAAI,IAAI,GAAG,MAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACzC,OAAO,GAAG,gBAAgB,CAAA;KAC3B;SAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACxB,OAAO,GAAG,cAAc,CAAA;KACzB;IAED,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,OAAO,CACL,2BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAEnB,OAAO,CACN,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

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

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import HamburgerIcon from './index';
+const componentMeta = {
+    title: 'Trepur Components/Rupert Bennett/Atoms/Hamburger Icon',
+    component: HamburgerIcon,
+    parameters: {
+        docs: {
+            description: {
+                component: 'An icon component'
+            }
+        },
+        layout: 'padded'
+    },
+    argTypes: {
+        id: {
+            type: { name: 'string', required: false },
+            description: 'HTML id attribute',
+            table: { type: { summary: 'string' } }
+        },
+        className: {
+            type: { name: 'string', required: false },
+            description: 'Used to pass any additional classes to the component',
+            table: { type: { summary: 'string' } }
+        },
+        opened: {
+            type: { name: 'boolean', required: false },
+            description: 'If this component is disabled and can not be interacted',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'boolean' }
+            }
+        },
+        onClick: {
+            type: { name: 'function', required: false },
+            description: 'Function to be called when the button is clicked',
+            table: { type: { summary: 'function' } }
+        }
+    },
+    args: {
+        opened: false
+    }
+};
+const Template = (args) => React.createElement(HamburgerIcon, Object.assign({}, args));
+export const _HamburgerIcon = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=HamburgerIcon.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HamburgerIcon.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/HamburgerIcon/HamburgerIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,MAAM,SAAS,CAAA;AAEnC,MAAM,aAAa,GAAwC;IACzD,KAAK,EAAE,uDAAuD;IAC9D,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,mBAAmB;aAC/B;SACF;QACD,MAAM,EAAE,QAAQ;KACjB;IACD,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,mBAAmB;YAChC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;SACvC;QACD,SAAS,EAAE;YACT,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,sDAAsD;YACnE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;SACvC;QACD,MAAM,EAAE;YACN,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1C,WAAW,EAAE,yDAAyD;YACtE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;gBAC5B,YAAY,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aACrC;SACF;QACD,OAAO,EAAE;YACP,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC3C,WAAW,EAAE,kDAAkD;YAC/D,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE;SACzC;KACF;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,KAAK;KACd;CACF,CAAA;AAED,MAAM,QAAQ,GAAyC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,aAAa,oBAAK,IAAI,EAAI,CAAA;AAE5F,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE/C,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
+    opened?: boolean;
+    onClick?: React.MouseEventHandler;
+}
+declare const HamburgerIcon: ({ id, className, onClick }: Props) => JSX.Element;
+export default HamburgerIcon;

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

@@ -0,0 +1,26 @@
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import Button from '../Button';
+const HamburgerIcon = ({ id, className, onClick }) => {
+    const [opened, setOpened] = useState(false);
+    const lineOneClassList = classNames({
+        'origin-top-left rotate-45 translate-x-1 -translate-y-0.5': opened
+    }, 'origin-top-left transition-transform duration-200 ease-linear');
+    const lineTwoClassList = classNames({
+        'opacity-0': opened
+    }, 'opacity-100 transition-opacity duration-200 ease-linear');
+    const lineThreeClassList = classNames({
+        'origin-bottom-left -rotate-45 translate-x-1 translate-y-px': opened
+    }, 'origin-bottom-left transition-transform duration-200 ease-linear');
+    const toggleOpened = (e) => {
+        setOpened(!opened);
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    };
+    return (React.createElement(Button, { id: id, className: className, onClick: (e) => toggleOpened(e), variant: 'primary', type: 'icon' },
+        React.createElement("svg", { className: 'mx-auto overflow-visible fill-white group-hover:fill-primary transition-backgroundColor duration-500 transform', width: '24', height: '24', viewBox: '0 0 24 15', xmlns: 'http://www.w3.org/2000/svg' },
+            React.createElement("path", { className: lineOneClassList, d: 'M0 1.5C0 0.947715 0.447715 0.5 1 0.5H21C21.5523 0.5 22 0.947715 22 1.5C22 2.05228 21.5523 2.5 21 2.5H1C0.447716 2.5 0 2.05228 0 1.5Z' }),
+            React.createElement("path", { className: lineTwoClassList, d: 'M0 7.5C0 6.94772 0.447715 6.5 1 6.5H21C21.5523 6.5 22 6.94772 22 7.5C22 8.05228 21.5523 8.5 21 8.5H1C0.447716 8.5 0 8.05228 0 7.5Z' }),
+            React.createElement("path", { className: lineThreeClassList, d: 'M0 13.5C0 12.9477 0.447715 12.5 1 12.5H21C21.5523 12.5 22 12.9477 22 13.5C22 14.0523 21.5523 14.5 21 14.5H1C0.447716 14.5 0 14.0523 0 13.5Z' }))));
+};
+export default HamburgerIcon;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/HamburgerIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAOvC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,0DAA0D,EAAE,MAAM;KACnE,EAAE,+DAA+D,CAAC,CAAA;IAEnE,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,WAAW,EAAE,MAAM;KACpB,EAAE,yDAAyD,CAAC,CAAA;IAE7D,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,4DAA4D,EAAE,MAAM;KACrE,EAAE,kEAAkE,CAAC,CAAA;IAEtE,MAAM,YAAY,GAAG,CAAC,CAAM,EAAQ,EAAE;QACpC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;QAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC/B,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM;QAEX,6BACE,SAAS,EAAC,gHAAgH,EAC1H,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,8BACE,SAAS,EAAE,gBAAgB,EAC3B,CAAC,EAAC,sIAAsI,GACxI;YACF,8BACE,SAAS,EAAE,gBAAgB,EAC3B,CAAC,EAAC,oIAAoI,GACtI;YACF,8BACE,SAAS,EAAE,kBAAkB,EAC7B,CAAC,EAAC,6IAA6I,GAC/I,CACE,CACC,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -2,5 +2,5 @@
 import Icon from './index';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 declare const componentMeta: ComponentMeta<typeof Icon>;
-export declare const _Icon: ComponentStory<({ id, className, type, size, animation, reverseSpin, hollow, colour, bgColour, rounded, brand }: import("./index").Props) => JSX.Element>;
+export declare const _Icon: ComponentStory<({ id, className, type, size, animation, reverseSpin, hollow, colour, bgColour, hoverColour, hoverBgColour, rounded, brand }: import("./index").Props) => JSX.Element>;
 export default componentMeta;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import Icon from './index';
-import { idAndClassName } from '@utils/controls';
+import { idAndClassName } from '../../utils/controls';
 const componentMeta = {
     title: 'Trepur Components/Rupert Bennett/Atoms/Icon',
     component: Icon,
@@ -76,7 +76,9 @@ const componentMeta = {
     args: {
         type: 'heart',
         size: 3,
-        animation: 'none'
+        animation: 'none',
+        hoverBgColour: 'primary',
+        hoverColour: 'secondary'
     }
 };
 const Template = (args) => React.createElement(Icon, Object.assign({}, args));

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Colours } from '@utils/controls';
+import { Colours } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
@@ -10,8 +10,10 @@ export interface Props {
     hollow?: boolean;
     colour?: Colours;
     bgColour?: Colours;
+    hoverColour?: Colours;
+    hoverBgColour?: Colours;
     rounded?: boolean;
     brand?: boolean;
 }
-declare const Icon: ({ id, className, type, size, animation, reverseSpin, hollow, colour, bgColour, rounded, brand }: Props) => JSX.Element;
+declare const Icon: ({ id, className, type, size, animation, reverseSpin, hollow, colour, bgColour, hoverColour, hoverBgColour, rounded, brand }: Props) => JSX.Element;
 export default Icon;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
-const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin = false, hollow = false, colour = 'primary', bgColour = 'secondary', rounded = false, brand = false }) => {
+const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin = false, hollow = false, colour = 'primary', bgColour = 'secondary', hoverColour = 'primary', hoverBgColour = 'secondary', rounded = false, brand = false }) => {
     const fontColour = {
         primary: 'text-primary',
         secondary: 'text-secondary',
@@ -15,6 +15,20 @@ const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin =
         black: 'bg-black',
         gold: 'bg-gold'
     };
+    const hoverFontColour = {
+        primary: 'group-hover:text-primary',
+        secondary: 'group-hover:text-secondary',
+        white: 'group-hover:text-white',
+        black: 'group-hover:text-black',
+        gold: 'group-hover:text-gold'
+    };
+    const hoverBackgroundColour = {
+        primary: 'group-hover:bg-primary',
+        secondary: 'group-hover:bg-secondary',
+        white: 'group-hover:bg-white',
+        black: 'group-hover:bg-black',
+        gold: 'group-hover:bg-gold'
+    };
     const wrapperClassList = classNames({
         'w-6 h-6': size === 1,
         'w-10 h-10': size === 2,
@@ -27,7 +41,7 @@ const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin =
         'w-40 h-40': size === 9,
         'w-44 h-44': size === 10,
         'rounded-full': rounded
-    }, className, backgroundColour[bgColour], fontColour[colour], 'flex');
+    }, className, backgroundColour[bgColour], fontColour[colour], hoverBackgroundColour[hoverBgColour], hoverFontColour[hoverColour], 'flex transition-backgroundColor duration-500 transform');
     const classList = classNames({
         'fa-brands': brand,
         [`fa-${size}x`]: size,
@@ -35,7 +49,7 @@ const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin =
         'fa-spin-reverse': reverseSpin,
         'fa-regular': hollow
     }, `fa fa-${type} mx-auto my-auto`);
-    return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: wrapperClassList }),
+    return (React.createElement("div", { id: id, className: wrapperClassList },
         React.createElement("span", { className: classList, role: 'img', "aria-hidden": 'true', "aria-label": type })));
 };
 export default Icon;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAiBnC,MAAM,IAAI,GAAG,CAAC,EACV,EAAE,EACF,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,CAAC,EACR,SAAS,GAAG,MAAM,EAClB,WAAW,GAAG,KAAK,EACnB,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,SAAS,EAClB,QAAQ,GAAG,WAAW,EACtB,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACT,EAAE,EAAE;IACR,MAAM,UAAU,GAAgC;QAC5C,OAAO,EAAE,cAAc;QACvB,SAAS,EAAE,gBAAgB;QAC3B,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,WAAW;KACpB,CAAA;IAED,MAAM,gBAAgB,GAAgC;QAClD,OAAO,EAAE,YAAY;QACrB,SAAS,EAAE,cAAc;QACzB,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,SAAS;KAClB,CAAA;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAChC,SAAS,EAAE,IAAI,KAAK,CAAC;QACrB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,EAAE;QACxB,cAAc,EAAE,OAAO;KAC1B,EAAE,SAAS,EAAE,gBAAgB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAA;IAErE,MAAM,SAAS,GAAG,UAAU,CAAC;QACzB,WAAW,EAAE,KAAK;QAClB,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI;QACrB,CAAC,MAAM,SAAS,EAAE,CAAC,EAAE,SAAS;QAC9B,iBAAiB,EAAE,WAAW;QAC9B,YAAY,EAAE,MAAM;KACvB,EAAE,SAAS,IAAI,kBAAkB,CAAC,CAAA;IAEnC,OAAO,CACH,6CACQ,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IACtB,SAAS,EAAE,gBAAgB;QAE3B,8BACI,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,KAAK,iBACE,MAAM,gBACN,IAAI,GACZ,CACN,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAmBnC,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,CAAC,EACR,SAAS,GAAG,MAAM,EAClB,WAAW,GAAG,KAAK,EACnB,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,SAAS,EAClB,QAAQ,GAAG,WAAW,EACtB,WAAW,GAAG,SAAS,EACvB,aAAa,GAAG,WAAW,EAC3B,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACP,EAAe,EAAE;IACvB,MAAM,UAAU,GAAiC;QAC/C,OAAO,EAAE,cAAc;QACvB,SAAS,EAAE,gBAAgB;QAC3B,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,WAAW;KAClB,CAAA;IAED,MAAM,gBAAgB,GAAiC;QACrD,OAAO,EAAE,YAAY;QACrB,SAAS,EAAE,cAAc;QACzB,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,SAAS;KAChB,CAAA;IAED,MAAM,eAAe,GAAiC;QACpD,OAAO,EAAE,0BAA0B;QACnC,SAAS,EAAE,4BAA4B;QACvC,KAAK,EAAE,wBAAwB;QAC/B,KAAK,EAAE,wBAAwB;QAC/B,IAAI,EAAE,uBAAuB;KAC9B,CAAA;IAED,MAAM,qBAAqB,GAAiC;QAC1D,OAAO,EAAE,wBAAwB;QACjC,SAAS,EAAE,0BAA0B;QACrC,KAAK,EAAE,sBAAsB;QAC7B,KAAK,EAAE,sBAAsB;QAC7B,IAAI,EAAE,qBAAqB;KAC5B,CAAA;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,SAAS,EAAE,IAAI,KAAK,CAAC;QACrB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,EAAE;QACxB,cAAc,EAAE,OAAO;KACxB,EACD,SAAS,EACT,gBAAgB,CAAC,QAAQ,CAAC,EAC1B,UAAU,CAAC,MAAM,CAAC,EAClB,qBAAqB,CAAC,aAAa,CAAC,EACpC,eAAe,CAAC,WAAW,CAAC,EAC5B,wDAAwD,CACvD,CAAA;IAED,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,WAAW,EAAE,KAAK;QAClB,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI;QACrB,CAAC,MAAM,SAAS,EAAE,CAAC,EAAE,SAAS;QAC9B,iBAAiB,EAAE,WAAW;QAC9B,YAAY,EAAE,MAAM;KACrB,EAAE,SAAS,IAAI,kBAAkB,CAAC,CAAA;IAEnC,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,gBAAgB;QAE3B,8BACE,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,KAAK,iBACE,MAAM,gBACN,IAAI,GAChB,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}