trepur_components 1.0.5 → 1.0.6

package/dist/src/lib/components/Footer/style.module.css

@@ -0,0 +1,89 @@
+.classList {
+
+    display: block;
+
+    height: auto;
+
+    flex-wrap: wrap;
+
+    align-items: center;
+
+    justify-content: space-between
+}
+
+@media (min-width: 768px) {
+
+    .classList {
+
+        display: flex
+    }
+}
+
+.textClassList {
+
+    padding-top: 2rem;
+
+    padding-bottom: 1rem;
+
+    text-align: center
+}
+
+@media (min-width: 768px) {
+
+    .textClassList {
+
+        margin-top: 2rem;
+
+        margin-bottom: 2rem;
+
+        padding-bottom: 0px;
+
+        padding-top: 0px;
+
+        padding-left: 4rem
+    }
+}
+
+.buttonClassList {
+
+    padding-bottom: 2rem;
+
+    padding-top: 1rem;
+
+    text-align: center
+}
+
+@media (min-width: 768px) {
+
+    .buttonClassList {
+
+        padding-bottom: 0px;
+
+        padding-top: 0px;
+
+        padding-right: 4rem
+    }
+}
+
+.dark {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 54 160 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.light {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-text-opacity))
+}
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/Footer/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Footer/style.module.css"],"names":[],"mappings":"AACI;;IAAA,cAAkE;;IAAlE,YAAkE;;IAAlE,eAAkE;;IAAlE,mBAAkE;;IAAlE;AAAkE;;AAAlE;;IAAA;;QAAA;IAAkE;AAAA;;AAIlE;;IAAA,iBAA6D;;IAA7D,oBAA6D;;IAA7D;AAA6D;;AAA7D;;IAAA;;QAAA,gBAA6D;;QAA7D,mBAA6D;;QAA7D,mBAA6D;;QAA7D,gBAA6D;;QAA7D;IAA6D;AAAA;;AAI7D;;IAAA,oBAAqD;;IAArD,iBAAqD;;IAArD;AAAqD;;AAArD;;IAAA;;QAAA,mBAAqD;;QAArD,gBAAqD;;QAArD;IAAqD;AAAA;;AAIrD;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA4B;;IAA5B,yDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B","file":"style.module.css","sourcesContent":[".classList {\n    @apply block md:flex flex-wrap justify-between items-center h-auto;\n}\n\n.textClassList {\n    @apply text-center pt-8 pb-4 md:pb-0 md:my-8 md:pt-0 md:pl-16;\n}\n\n.buttonClassList {\n    @apply text-center pb-8 pt-4 md:pb-0 md:pt-0 md:pr-16;\n}\n\n.dark {\n    @apply bg-primary text-white;\n}\n\n.light {\n    @apply bg-white text-primary;\n}"]}

package/dist/src/lib/components/Form/Form.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Props as buttonProps } from '../Button/Button';
+import { Props as inputProps } from '../Input/Input';
+export interface Props {
+    id?: string;
+    className?: string;
+    title?: string;
+    onSubmit?: () => void;
+    ref?: string;
+    components?: Array<inputProps & buttonProps & {
+        htmlType: string;
+    }>;
+}
+declare const Form: ({ id, className, title, onSubmit, ref, components }: Props) => JSX.Element;
+export default Form;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import Button from '../Button/Button';
+import Input from '../Input/Input';
+import style from './style.module.css';
+const Form = ({ id, className, title, onSubmit, ref, components }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("h1", { className: style.title }, title),
+        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 === 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);
+        }))));
+};
+export default Form;
+//# sourceMappingURL=Form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../../src/lib/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAWtC,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,EACH,UAAU,EACJ,EAAe,EAAE;IACvB,OAAO,CACL;QACE,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAM;QACxC,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/Form/style.module.css

@@ -0,0 +1,4 @@
+.title {
+    text-align: center
+}
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/Form/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Form/style.module.css"],"names":[],"mappings":"AACI;IAAA;AAAiB","file":"style.module.css","sourcesContent":[".title {\n    @apply text-center\n}"]}

package/dist/src/lib/components/FyreCard/FyreCard.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Props as buttonProps } from '../Button/Button';
+export interface Props {
+    id?: string;
+    className?: string;
+    image?: string;
+    imageClass?: string;
+    altText?: string;
+    bordered?: string;
+    buttonProps?: buttonProps;
+}
+declare const FyreCard: ({ id, className, image, imageClass, altText, bordered, buttonProps }: Props) => JSX.Element;
+export default FyreCard;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import Button from '../Button/Button';
+import classNames from 'classnames';
+import style from './style.module.css';
+const FyreCard = ({ id, className, image, imageClass, altText, bordered, buttonProps }) => {
+    const classList = classNames({
+        [style.bordered]: bordered
+    }, className, style.classList);
+    const imageClassList = classNames(imageClass, style.imageClassList);
+    return (React.createElement("div", { key: id, id: id, className: classList },
+        React.createElement("div", { className: classNames(style.cardContent, 'card-content') },
+            React.createElement("div", null,
+                React.createElement("img", { className: imageClassList, src: image, alt: altText })),
+            React.createElement("div", { className: style.buttonWrapper },
+                React.createElement(Button, Object.assign({}, buttonProps), buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children)))));
+};
+export default FyreCard;
+//# sourceMappingURL=FyreCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FyreCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/FyreCard/FyreCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAWtC,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,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;KAC3B,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAC9B,MAAM,cAAc,GAAG,UAAU,CAAC,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEnE,OAAO,CACL,6BACE,GAAG,EAAE,EAAE,EACP,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,cAAc,CAAC;YAC3D;gBACE,6BAAK,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,GAAI,CACxD;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBACjC,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/FyreCard/style.module.css

@@ -0,0 +1,37 @@
+.classList {
+
+    display: flex;
+
+    flex-direction: column
+}
+
+.cardContent {
+
+    display: flex;
+
+    flex: 1 1 0%;
+
+    flex-direction: column
+}
+
+.buttonWrapper {
+
+    display: flex;
+
+    justify-content: flex-end
+}
+
+.bordered {
+
+    border-width: 1px;
+
+    border-color: rgb(44 55 59 / var(--tw-border-opacity));
+
+    --tw-border-opacity: 1
+}
+
+.imageClassList {
+
+    width: 100%
+}
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/FyreCard/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/FyreCard/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,aAA2B;;IAA3B,YAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,aAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,iBAA4C;;IAA5C,sDAA4C;;IAA5C;AAA4C;;AAI5C;;IAAA;AAAa","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex flex-col;\n}\n\n.cardContent {\n    @apply flex flex-1 flex-col;\n}\n\n.buttonWrapper {\n    @apply flex justify-end;\n}\n\n.bordered {\n    @apply border border-grey border-opacity-100;\n}\n\n.imageClassList {\n    @apply w-full;\n}"]}

package/dist/src/lib/components/Greeting/Greeting.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface Props {
+    id?: string;
+    className?: string;
+    morningMessage?: string;
+    afternoonMessage?: string;
+    eveningMessage?: string;
+}
+declare const Greeting: ({ id, className, morningMessage, afternoonMessage, eveningMessage }: Props) => JSX.Element;
+export default Greeting;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+const Greeting = ({ id, className, morningMessage = 'Good morning', afternoonMessage = 'Good afternoon', eveningMessage = 'Good evening' }) => {
+    const today = new Date();
+    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) {
+        message = morningMessage;
+    }
+    else if (time > 115959 && time < 170000) {
+        message = afternoonMessage;
+    }
+    else if (time > 165959) {
+        message = eveningMessage;
+    }
+    return (React.createElement("p", { id: id, className: className }, message));
+};
+export default Greeting;
+//# sourceMappingURL=Greeting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Greeting.js","sourceRoot":"","sources":["../../../../../src/lib/components/Greeting/Greeting.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,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,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.d.ts

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

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

@@ -0,0 +1,29 @@
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import Button from '../Button/Button';
+import style from './style.module.css';
+const HamburgerIcon = ({ id, className, onClick }) => {
+    const [opened, setOpened] = useState(false);
+    const classList = classNames(className, style.hamburgerIcon);
+    const lineOneClassList = classNames({
+        [style.lineOneOpened]: opened
+    }, style.lineOne, 'transition-transform');
+    const lineTwoClassList = classNames({
+        [style.lineTwoOpened]: opened,
+        [style.lineTwoClosed]: !opened
+    }, style.lineTwo, 'transition-opacity');
+    const lineThreeClassList = classNames({
+        [style.lineThreeOpened]: opened
+    }, style.lineThree, 'transition-transform');
+    const toggleOpened = (e) => {
+        setOpened(!opened);
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    };
+    return (React.createElement(Button, { id: id, className: classList, onClick: (e) => toggleOpened(e), variant: 'primary', type: 'icon' },
+        React.createElement("svg", { className: classNames(style.svg, 'transition-backgroundColor'), 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=HamburgerIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HamburgerIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/HamburgerIcon/HamburgerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAMtC,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,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAE5D,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,MAAM;KAC9B,EAAE,KAAK,CAAC,OAAO,EAAE,sBAAsB,CAAC,CAAA;IAEzC,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,MAAM;QAC7B,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,MAAM;KAC/B,EAAE,KAAK,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAA;IAEvC,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,MAAM;KAChC,EAAE,KAAK,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAE3C,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,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EAAE,4BAA4B,CAAC,EAC9D,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/HamburgerIcon/style.module.css

@@ -0,0 +1,90 @@
+.hamburgerIcon path {
+
+    transition-property: all;
+
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+
+    transition-duration: 500ms
+}
+
+.hamburgerIcon:hover path {
+
+    fill: #0036A0
+}
+
+.lineOneOpened {
+
+    transform-origin: top left;
+
+    --tw-translate-x: 0.25rem;
+
+    --tw-translate-y: -0.125rem;
+
+    --tw-rotate: 45deg;
+
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.lineTwoOpened {
+
+    opacity: 0
+}
+
+.lineTwoClosed {
+
+    opacity: 1
+}
+
+.lineThreeOpened {
+
+    transform-origin: bottom left;
+
+    --tw-translate-x: 0.25rem;
+
+    --tw-translate-y: 1px;
+
+    --tw-rotate: -45deg;
+
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.lineOne {
+
+    transform-origin: top left;
+
+    transition-duration: 200ms;
+
+    transition-timing-function: linear
+}
+
+.lineTwo {
+
+    transition-duration: 200ms;
+
+    transition-timing-function: linear
+}
+
+.lineThree {
+
+    transform-origin: bottom left;
+
+    transition-duration: 200ms;
+
+    transition-timing-function: linear
+}
+
+.svg {
+
+    margin-left: auto;
+
+    margin-right: auto;
+
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+
+    overflow: visible;
+
+    fill: #ffffff;
+
+    transition-duration: 500ms
+}
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/HamburgerIcon/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/HamburgerIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,wBAAkC;;IAAlC,wDAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAmB;;AAInB;;IAAA,0BAA+D;;IAA/D,yBAA+D;;IAA/D,2BAA+D;;IAA/D,kBAA+D;;IAA/D;AAA+D;;AAI/D;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,6BAAiE;;IAAjE,yBAAiE;;IAAjE,qBAAiE;;IAAjE,mBAAiE;;IAAjE;AAAiE;;AAIjE;;IAAA,0BAA+C;;IAA/C,0BAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA,0BAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,6BAAkD;;IAAlD,0BAAkD;;IAAlD;AAAkD;;AAIlD;;IAAA,iBAAiE;;IAAjE,kBAAiE;;IAAjE,+LAAiE;;IAAjE,iBAAiE;;IAAjE,aAAiE;;IAAjE;AAAiE","file":"style.module.css","sourcesContent":[".hamburgerIcon path {\n    @apply transition-all duration-500;\n}\n\n.hamburgerIcon:hover path {\n    @apply fill-primary;\n}\n\n.lineOneOpened {\n    @apply origin-top-left rotate-45 translate-x-1 -translate-y-0.5;\n}\n\n.lineTwoOpened {\n    @apply opacity-0;\n}\n\n.lineTwoClosed {\n    @apply opacity-100;\n}\n\n.lineThreeOpened {\n    @apply origin-bottom-left -rotate-45 translate-x-1 translate-y-px;\n}\n\n.lineOne {\n    @apply origin-top-left duration-200 ease-linear;\n}\n\n.lineTwo {\n    @apply duration-200 ease-linear;\n}\n\n.lineThree {\n    @apply origin-bottom-left duration-200 ease-linear;\n}\n\n.svg {\n    @apply mx-auto overflow-visible fill-white duration-500 transform;\n}"]}

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { Colours } from '../../utils/controls';
+export interface Props {
+    id?: string;
+    className?: string;
+    type: string;
+    size?: number;
+    animation?: 'pulse' | 'none';
+    reverseSpin?: boolean;
+    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, hoverColour, hoverBgColour, rounded, brand }: Props) => JSX.Element;
+export default Icon;

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import classNames from 'classnames';
+import style from './style.module.css';
+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 colourString = colour;
+    const hoverColourString = hoverColour;
+    const bgColourString = bgColour;
+    const hoverBgColourString = hoverBgColour;
+    const fontColourKey = `text${colourString.charAt(0).toUpperCase()}${colourString.slice(1)}`;
+    const backgroundColourKey = `bg${bgColourString.charAt(0).toUpperCase()}${bgColourString.slice(1)}`;
+    const hoverFontColourKey = `hoverText${hoverColourString.charAt(0).toUpperCase()}${hoverColourString.slice(1)}`;
+    const hoverBackgroundColourKey = `hoverBg${hoverBgColourString.charAt(0).toUpperCase()}${hoverBgColourString.slice(1)}`;
+    const wrapperClassList = classNames({
+        [style.sizeOne]: size === 1,
+        [style.sizeTwo]: size === 2,
+        [style.sizeThree]: size === 3,
+        [style.sizeFour]: size === 4,
+        [style.sizeFive]: size === 5,
+        [style.sizeSix]: size === 6,
+        [style.sizeSeven]: size === 7,
+        [style.sizeEight]: size === 8,
+        [style.sizeNine]: size === 9,
+        [style.sizeTen]: size === 10,
+        [style.rounded]: rounded
+    }, className, style.wrapperClassList, style[backgroundColourKey], style[fontColourKey], style[hoverBackgroundColourKey], style[hoverFontColourKey], 'transition-backgroundColor');
+    const classList = classNames({
+        'fa-brands': brand,
+        [`fa-${size}x`]: size,
+        [`fa-${animation}`]: animation,
+        'fa-spin-reverse': reverseSpin,
+        'fa-regular': hollow
+    }, `${style.classList} fa  fa-${type}`);
+    return (React.createElement("div", { id: id, className: wrapperClassList },
+        React.createElement("span", { className: classList, role: 'img', "aria-hidden": 'true', "aria-label": type })));
+};
+export default Icon;
+//# sourceMappingURL=Icon.js.map

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

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