trepur_components 1.0.5 → 1.0.7

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import Button from '../Button/Button';
+import classNames from 'classnames';
+import style from './style.module.css';
+const ImageLink = ({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }) => {
+    const classList = classNames(className, style.classList);
+    const roundedClass = classNames({
+        [style.rounded]: rounded
+    });
+    return (React.createElement("a", Object.assign({ id: id, href: link }, (openInNewTab !== false && { target: 'blank' })),
+        React.createElement("div", { className: classNames(roundedClass, classList, style.wrapper) },
+            React.createElement("img", { src: image, alt: altText, className: style.image }),
+            title !== undefined &&
+                React.createElement("h1", { className: style.title }, title),
+            (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children) !== undefined &&
+                React.createElement(Button, { className: style.button }, buttonProps.children))));
+};
+export default ImageLink;
+//# sourceMappingURL=ImageLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageLink.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLink/ImageLink.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;AAatC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,WAAW,EACL,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;KACzB,CAAC,CAAA;IAEF,OAAO,CACL,yCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,IACN,CAAC,YAAY,KAAK,KAAK,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QAEnD,6BAAK,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC;YAChE,6BACE,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,KAAK,CAAC,KAAK,GACtB;YACD,KAAK,KAAK,SAAS;gBAClB,4BACE,SAAS,EAAE,KAAK,CAAC,KAAK,IAErB,KAAK,CACH;YACN,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,MAAK,SAAS;gBAClC,oBAAC,MAAM,IACL,SAAS,EAAE,KAAK,CAAC,MAAM,IAEtB,WAAW,CAAC,QAAQ,CACd,CACP,CACJ,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -0,0 +1,111 @@
+.classList {
+
+    margin-left: 0.25rem;
+
+    margin-right: 0.25rem;
+
+    margin-bottom: 0.5rem;
+
+    cursor: pointer;
+
+    overflow: hidden;
+
+    text-align: center
+}
+
+.classList:hover {
+
+    opacity: 0.5
+}
+
+@media (min-width: 768px) {
+
+    .classList {
+
+        margin-left: 0.25rem;
+
+        margin-right: 0.25rem;
+
+        margin-bottom: 0.5rem
+    }
+}
+
+@media (min-width: 1024px) {
+
+    .classList {
+
+        margin-left: 0.75rem;
+
+        margin-right: 0.75rem;
+
+        margin-bottom: 1.25rem
+    }
+}
+
+.rounded {
+
+    border-radius: 9999px
+}
+
+.title {
+
+    position: absolute;
+
+    left: 0px;
+
+    right: 0px;
+
+    top: 0px;
+
+    margin-top: 1rem;
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem;
+
+    text-align: center;
+
+    --tw-text-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.button {
+
+    position: absolute;
+
+    left: 0px;
+
+    right: 0px;
+
+    bottom: 0px;
+
+    margin-left: 2rem;
+
+    margin-right: 2rem;
+
+    margin-bottom: 1rem;
+
+    text-align: center
+}
+
+.image {
+
+    height: 100%;
+
+    width: 100%;
+
+    object-fit: cover
+}
+
+.wrapper {
+
+    position: relative;
+
+    overflow: hidden
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/ImageLink/style.module.css"],"names":[],"mappings":"AACI;;IAAA,oBAA4G;;IAA5G,qBAA4G;;IAA5G,qBAA4G;;IAA5G,eAA4G;;IAA5G,gBAA4G;;IAA5G;AAA4G;;AAA5G;;IAAA;AAA4G;;AAA5G;;IAAA;;QAAA,oBAA4G;;QAA5G,qBAA4G;;QAA5G;IAA4G;AAAA;;AAA5G;;IAAA;;QAAA,oBAA4G;;QAA5G,qBAA4G;;QAA5G;IAA4G;AAAA;;AAI5G;;IAAA;AAAmB;;AAInB;;IAAA,kBAAyE;;IAAzE,SAAyE;;IAAzE,UAAyE;;IAAzE,QAAyE;;IAAzE,gBAAyE;;IAAzE,kBAAyE;;IAAzE,mDAAyE;;IAAzE,mBAAyE;;IAAzE,sBAAyE;;IAAzE,kBAAyE;;IAAzE,oBAAyE;;IAAzE;AAAyE;;AAIzE;;IAAA,kBAAwD;;IAAxD,SAAwD;;IAAxD,UAAwD;;IAAxD,WAAwD;;IAAxD,iBAAwD;;IAAxD,kBAAwD;;IAAxD,mBAAwD;;IAAxD;AAAwD;;AAIxD;;IAAA,YAAiC;;IAAjC,WAAiC;;IAAjC;AAAiC;;AAIjC;;IAAA,kBAA+B;;IAA/B;AAA+B","file":"style.module.css","sourcesContent":[".classList {\n    @apply cursor-pointer lg:mx-3 md:mx-1 mx-1 lg:mb-5 md:mb-2 mb-2 hover:opacity-50 overflow-hidden text-center;\n}\n\n.rounded {\n    @apply rounded-full;\n}\n\n.title {\n    @apply absolute bg-black text-white py-2 mt-4 top-0 inset-x-0 text-center;\n}\n\n.button {\n    @apply absolute mx-8 mb-4 bottom-0 inset-x-0 text-center;\n}\n\n.image {\n    @apply object-cover w-full h-full;\n}\n\n.wrapper {\n    @apply relative overflow-hidden;\n}"]}

package/dist/src/lib/components/ImageLinkList/{index.d.ts → ImageLinkList.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Props as imageLinkProps } from '../ImageLink/index';
+import { Props as imageLinkProps } from '../ImageLink/ImageLink';
 export interface Props {
     id?: string;
     className?: string;

package/dist/src/lib/components/ImageLinkList/{index.js → ImageLinkList.js}

@@ -1,11 +1,12 @@
 import React from 'react';
-import ImageLink from '../ImageLink/index';
+import ImageLink from '../ImageLink/ImageLink';
 import classNames from 'classnames';
+import style from './style.module.css';
 const ImageLinkList = ({ id, className, items }) => {
-    const classList = classNames(className, 'grid md:grid-cols-4 sm:grid-cols-2');
+    const classList = classNames(className, style.classList);
     return (React.createElement("div", { id: id, className: classList }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
-        return (React.createElement(ImageLink, { key: `image_link_${i + 0}`, altText: 'image', image: item.image, title: item.title }));
+        return (React.createElement(ImageLink, { key: `image_link_${i + 0}`, altText: item.altText, image: item.image, title: item.title }));
     })));
 };
 export default ImageLinkList;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=ImageLinkList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageLinkList.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLinkList/ImageLinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAsC,MAAM,wBAAwB,CAAA;AAC3E,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAOtC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAS,EAAE,EAAE;QAC9B,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,EAC1B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACH,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,14 @@
+.classList {
+    display: grid
+}
+@media (min-width: 640px) {
+    .classList {
+        grid-template-columns: repeat(2, minmax(0, 1fr))
+    }
+}
+@media (min-width: 768px) {
+    .classList {
+        grid-template-columns: repeat(4, minmax(0, 1fr))
+    }
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/ImageLinkList/style.module.css"],"names":[],"mappings":"AACI;IAAA;AAAyC;AAAzC;IAAA;QAAA;IAAyC;AAAA;AAAzC;IAAA;QAAA;IAAyC;AAAA","file":"style.module.css","sourcesContent":[".classList {\n    @apply grid md:grid-cols-4 sm:grid-cols-2;\n}"]}

package/dist/src/lib/components/InformationIcon/{index.d.ts → InformationIcon.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Props as iconProps } from '../Icon';
+import { Props as iconProps } from '../Icon/Icon';
 export interface Props {
     id: string;
     className?: string;

package/dist/src/lib/components/InformationIcon/{index.js → InformationIcon.js}

@@ -1,8 +1,9 @@
 import React, { useEffect, useRef } from 'react';
-import Icon from '../Icon';
+import Icon from '../Icon/Icon';
 import classNames from 'classnames';
+import style from './style.module.css';
 const InformationIcon = ({ id, className, text, number, bordered = false, rounded = false, withAnimation = false, iconProps, theme = 'light' }) => {
-    const colours = theme === 'dark' ? 'placeholder-white bg-primary text-white' : 'placeholder-primary bg-white text-primary';
+    const colours = theme === 'dark' ? [style.dark] : [style.light];
     const loaded = useRef(false);
     useEffect(() => {
         const element = document.getElementById(`${id}_number`);
@@ -16,11 +17,10 @@ const InformationIcon = ({ id, className, text, number, bordered = false, rounde
         }, { threshold: 1 });
         (element != null) && withAnimation && observer.observe(element);
     }, []);
-    const wrapperClasses = 'h-96 flex items-center text-center ease-out duration-300';
     const classList = classNames({
         border: bordered,
-        'rounded-2xl': rounded
-    }, className, colours, 'flex flex-col justify-center w-full h-full items-center ease-out duration-300 text-md lg:text-md hover:text-lg');
+        [style.rounded]: rounded
+    }, className, colours, style.classList);
     const counterAnimation = (obj, start, end, duration) => {
         let startTimestamp;
         const step = (timestamp) => {
@@ -33,7 +33,7 @@ const InformationIcon = ({ id, className, text, number, bordered = false, rounde
         };
         window.requestAnimationFrame(step);
     };
-    return (React.createElement("div", { id: id, className: wrapperClasses },
+    return (React.createElement("div", { id: id, className: style.wrapperClassList },
         React.createElement("div", { className: classList },
             (iconProps != null) &&
                 React.createElement(Icon, Object.assign({}, iconProps)),
@@ -42,4 +42,4 @@ const InformationIcon = ({ id, className, text, number, bordered = false, rounde
             React.createElement("p", null, text))));
 };
 export default InformationIcon;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=InformationIcon.js.map

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

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

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

@@ -0,0 +1,90 @@
+.wrapperClassList {
+
+    display: flex;
+
+    height: 24rem;
+
+    align-items: center;
+
+    text-align: center;
+
+    transition-duration: 300ms;
+
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
+}
+
+.classList {
+
+    display: flex;
+
+    height: 100%;
+
+    width: 100%;
+
+    flex-direction: column;
+
+    align-items: center;
+
+    justify-content: center;
+
+    font-size: 32px;
+
+    transition-duration: 300ms;
+
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
+}
+
+@media (min-width: 1024px) {
+
+    .classList {
+
+        font-size: 32px
+    }
+}
+
+.classList:hover:hover {
+
+    font-size: 48px
+}
+
+.rounded {
+
+    border-radius: 1rem
+}
+
+.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))
+}
+
+.dark::placeholder {
+
+    --tw-placeholder-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-placeholder-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))
+}
+
+.light::placeholder {
+
+    --tw-placeholder-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-placeholder-opacity))
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAA+D;;IAA/D,aAA+D;;IAA/D,mBAA+D;;IAA/D,kBAA+D;;IAA/D,0BAA+D;;IAA/D;AAA+D;;AAI/D;;IAAA,aAAuG;;IAAvG,YAAuG;;IAAvG,WAAuG;;IAAvG,sBAAuG;;IAAvG,mBAAuG;;IAAvG,uBAAuG;;IAAvG,eAAuG;;IAAvG,0BAAuG;;IAAvG;AAAuG;;AAAvG;;IAAA;;QAAA;IAAuG;AAAA;;AAIvG;;IAAA;AAAoB;;AAIpB;;IAAA;AAAkB;;AAIlB;;IAAA,kBAA8C;;IAA9C,sDAA8C;;IAA9C,oBAA8C;;IAA9C;AAA8C;;AAA9C;;IAAA,2BAA8C;;IAA9C;AAA8C;;AAI9C;;IAAA,kBAAgD;;IAAhD,yDAAgD;;IAAhD,oBAAgD;;IAAhD;AAAgD;;AAAhD;;IAAA,2BAAgD;;IAAhD;AAAgD","file":"style.module.css","sourcesContent":[".wrapperClassList {\n    @apply h-96 flex items-center text-center ease-out duration-300;\n}\n\n.classList {\n    @apply flex flex-col justify-center w-full h-full items-center ease-out duration-300 text-md lg:text-md;\n}\n\n.classList:hover {\n    @apply hover:text-lg;\n}\n\n.rounded {\n    @apply rounded-2xl;\n}\n\n.dark {\n    @apply placeholder-white bg-primary text-white;\n}\n\n.light {\n    @apply placeholder-primary bg-white text-primary;\n}"]}

package/dist/src/lib/components/Input/{index.js → Input.js}

@@ -1,12 +1,13 @@
 import React from 'react';
 import classNames from 'classnames';
+import style from './style.module.css';
 const Input = ({ id, className, labelClasses, inputClasses, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, autoFocus, label, type, name, placeholder, bold, onChange, onBlur, onFocus, hasValidation, errors, value, theme }) => {
-    const colours = theme === 'dark' ? 'placeholder-white bg-primary text-white' : 'placeholder-primary bg-white text-primary';
-    const classList = classNames(className, colours, 'flex flex-col');
+    const colours = theme === 'dark' ? style.dark : style.light;
+    const classList = classNames(className, colours, style.classList);
     const labelClassList = classNames({
-        'font-bold': bold
-    }, labelClasses, 'w-auto pb-2');
-    const inputClassList = classNames({}, inputClasses, colours, 'border px-2 py-2 mb-2 rounded-md');
+        [style.bold]: bold
+    }, labelClasses, [style.labelClassList]);
+    const inputClassList = classNames({}, inputClasses, colours, style.inputClassList);
     const newId = id !== undefined ? `-${id}` : '';
     return (React.createElement("div", { id: id, className: classList },
         label !== undefined &&
@@ -14,12 +15,12 @@ const Input = ({ id, className, labelClasses, inputClasses, autoComplete, disabl
                 React.createElement("p", null,
                     label,
                     required === true &&
-                        React.createElement("span", { className: 'text-red' }, "*"))),
+                        React.createElement("span", { className: style.required }, "*"))),
         React.createElement("input", { id: `input${newId}`, className: inputClassList, autoComplete: autoComplete, disabled: disabled, form: formId, height: height, maxLength: maxLength, minLength: minLength, pattern: pattern, required: required, readOnly: readOnly, type: type, name: name, value: value, placeholder: placeholder, onChange: onChange, onBlur: onBlur, onFocus: onFocus }),
         hasValidation === true &&
             React.createElement("div", { id: `errors${newId}` }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
-                return (React.createElement("p", { key: `error_msg_${i + 0}`, className: 'text-red text-sm' }, error));
+                return (React.createElement("p", { key: `error_msg_${i + 0}`, className: style.errorText }, error));
             }))));
 };
 export default Input;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AA+BtC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,aAAa,EACb,MAAM,EACN,KAAK,EACL,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAA;IAC3D,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAEjE,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI;KACnB,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAA;IAExC,MAAM,cAAc,GAAG,UAAU,CAAC,EACjC,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAE/C,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9C,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,KAAK,KAAK,SAAS;YAClB,+BACE,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,KAAK,EAAE;gBAExB;oBACG,KAAK;oBACL,QAAQ,KAAK,IAAI;wBAChB,8BAAM,SAAS,EAAE,KAAK,CAAC,QAAQ,QAAU,CACzC,CACE;QACV,+BACE,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,cAAc,EACzB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB;QACD,aAAa,KAAK,IAAI;YACrB,6BAAK,EAAE,EAAE,SAAS,KAAK,EAAE,IACtB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACxB,OAAO,CACL,2BACE,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,EACzB,SAAS,EAAE,KAAK,CAAC,SAAS,IAEzB,KAAK,CACJ,CACL,CAAA;YACH,CAAC,CAAC,CACE,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

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

@@ -0,0 +1,88 @@
+.classList {
+
+    display: flex;
+
+    flex-direction: column
+}
+
+.errorText {
+
+    font-size: 24px;
+
+    --tw-text-opacity: 1;
+
+    color: rgb(187 10 30 / var(--tw-text-opacity))
+}
+
+.required {
+
+    --tw-text-opacity: 1;
+
+    color: rgb(187 10 30 / var(--tw-text-opacity))
+}
+
+.inputClassList {
+
+    margin-bottom: 0.5rem;
+
+    border-radius: 0.375rem;
+
+    border-width: 1px;
+
+    padding-left: 0.5rem;
+
+    padding-right: 0.5rem;
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem
+}
+
+.bold {
+
+    font-weight: 700
+}
+
+.labelClassList {
+
+    width: auto;
+
+    padding-bottom: 0.5rem
+}
+
+.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))
+}
+
+.dark::placeholder {
+
+    --tw-placeholder-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-placeholder-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))
+}
+
+.light::placeholder {
+
+    --tw-placeholder-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-placeholder-opacity))
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAuB;;IAAvB,oBAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,oBAAe;;IAAf;AAAe;;AAIf;;IAAA,qBAAuC;;IAAvC,uBAAuC;;IAAvC,iBAAuC;;IAAvC,oBAAuC;;IAAvC,qBAAuC;;IAAvC,mBAAuC;;IAAvC;AAAuC;;AAIvC;;IAAA;AAAgB;;AAIhB;;IAAA,WAAkB;;IAAlB;AAAkB;;AAIlB;;IAAA,kBAA8C;;IAA9C,sDAA8C;;IAA9C,oBAA8C;;IAA9C;AAA8C;;AAA9C;;IAAA,2BAA8C;;IAA9C;AAA8C;;AAI9C;;IAAA,kBAAgD;;IAAhD,yDAAgD;;IAAhD,oBAAgD;;IAAhD;AAAgD;;AAAhD;;IAAA,2BAAgD;;IAAhD;AAAgD","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex flex-col;\n}\n\n.errorText {\n    @apply text-red text-sm;\n}\n\n.required {\n    @apply text-red;\n}\n\n.inputClassList {\n    @apply border px-2 py-2 mb-2 rounded-md;\n}\n\n.bold {\n    @apply font-bold;\n}\n\n.labelClassList {\n    @apply w-auto pb-2;\n}\n\n.dark {\n    @apply placeholder-white bg-primary text-white;\n}\n\n.light {\n    @apply placeholder-primary bg-white text-primary;\n}"]}

package/dist/src/lib/components/Jumbotron/{index.js → Jumbotron.js}

@@ -1,9 +1,10 @@
 import React from 'react';
 import classNames from 'classnames';
+import style from './style.module.css';
 const Jumbotron = ({ id, className, image, altText }) => {
     const classList = classNames(className);
     return (React.createElement("div", { id: id, className: classList },
-        React.createElement("img", { className: 'w-full object-cover', src: image, alt: altText })));
+        React.createElement("img", { className: style.imageClassList, src: image, alt: altText })));
 };
 export default Jumbotron;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=Jumbotron.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Jumbotron.js","sourceRoot":"","sources":["../../../../../src/lib/components/Jumbotron/Jumbotron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAQtC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,GAAI,CAC9D,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -0,0 +1,5 @@
+.imageClasslist {
+    width: 100%;
+    object-fit: cover
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Jumbotron/style.module.css"],"names":[],"mappings":"AACI;IAAA,WAA0B;IAA1B;AAA0B","file":"style.module.css","sourcesContent":[".imageClasslist {\n    @apply w-full object-cover;\n}"]}

package/dist/src/lib/components/Nav/{index.d.ts → Nav.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Props as navItemProps } from '../NavItem';
+import { Props as navItemProps } from '../NavItem/NavItem';
 export interface Props {
     id: string;
     className: string;

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

@@ -0,0 +1,62 @@
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import NavItem from '../NavItem/NavItem';
+import HamburgerIcon from '../HamburgerIcon/HamburgerIcon';
+import style from './style.module.css';
+const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, fixedTop, mobileClasses, getNavStatus, theme = 'dark', text, textLink }) => {
+    const [showSideNav, setShowSideNav] = useState(false);
+    const [showDropdownNav, setShowDropdownNav] = useState(false);
+    const colours = theme === 'dark' ? 'text-white bg-primary' : 'text-primary bg-white';
+    const textColour = theme === 'dark' ? 'text-white' : 'text-primary';
+    const classList = classNames(className, colours, style.nav);
+    const sideNavClasses = classNames({
+        [style.sideBarCollapsed]: !showSideNav,
+        [style.sideBarExpanded]: showSideNav
+    }, colours, style.sideNavClassList);
+    const dropdownNavClasses = classNames({
+        [style.dropDownCollapsed]: !showDropdownNav,
+        [`h-${dropdownNavHeight}`]: showDropdownNav
+    }, colours, style.dropDownNavClassList);
+    const mobileClassList = classNames({
+        [style.fixedTopNav]: fixedTop
+    }, style.mobileClassList, colours, mobileClasses);
+    const desktopClassList = classNames({
+        [style.fixedTopNav]: fixedTop
+    }, style.desktopClassList);
+    const toggleMenu = () => {
+        getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(asSideBar, true);
+        if (asSideBar) {
+            setShowSideNav(!showSideNav);
+        }
+        else {
+            setShowDropdownNav(!showDropdownNav);
+        }
+    };
+    return (React.createElement("header", { id: id, className: classList },
+        React.createElement("div", { id: 'mobile-nav', className: mobileClassList },
+            React.createElement("div", { id: 'nav-collapse-btn-wrapper', className: style.collapseBtnWrapper },
+                React.createElement(HamburgerIcon, { onClick: toggleMenu })),
+            React.createElement("a", { id: 'logo-link', className: style.mobileLogo, href: logoLink },
+                React.createElement("img", { className: style.logoImageClassList, src: theme === 'dark' ? mobileLogoDarkTheme : mobileLogo, alt: 'Logo' }))),
+        React.createElement("div", { id: 'destop-nav', className: desktopClassList },
+            React.createElement("div", { className: style.logoClassList },
+                React.createElement("a", { id: 'logo-link', className: style.desktopLogo, href: logoLink },
+                    React.createElement("img", { className: style.logoImageClassList, src: theme === 'dark' ? logoDarkTheme : logo, alt: 'Logo' }))),
+            React.createElement("div", { className: style.navItemsClassList }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
+                return (React.createElement(NavItem, Object.assign({ key: `navItem_${i}` }, navLink, (i > 0 && { className: style.navItemPadding }), { bordered: false, rounded: false, underlineOnHover: true, variant: theme === 'dark' ? 'secondary' : 'primary' })));
+            })),
+            React.createElement("div", { className: style.textClassList },
+                React.createElement("a", { className: classNames(style.text, textColour), href: textLink }, text))),
+        asSideBar
+            ? (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
+                return (React.createElement(NavItem, Object.assign({ key: `navItem_${i}` }, navLink, { className: style.mobileSideBarMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: theme === 'dark' ? 'secondary' : 'primary' })));
+            }))
+            /* dropdown */
+            )
+            : (React.createElement("div", { id: 'mobile-menu', className: dropdownNavClasses },
+                React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
+                    return (React.createElement(NavItem, Object.assign({ key: `navItem_${i}` }, navLink, { className: style.mobileDropDownMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: theme === 'dark' ? 'secondary' : 'primary' })));
+                }))))));
+};
+export default Nav;
+//# sourceMappingURL=Nav.js.map

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

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