trepur_components 1.0.4 → 1.0.6

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/Input.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+export interface Props {
+    id?: string;
+    className?: string;
+    labelClasses?: string;
+    inputClasses?: string;
+    autoComplete?: string;
+    disabled?: boolean;
+    formId?: string;
+    height?: string;
+    maxLength?: number;
+    minLength?: number;
+    pattern?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    label?: string;
+    type?: string;
+    name?: string;
+    placeholder?: string;
+    hasValidation?: boolean;
+    bold?: boolean;
+    autoFocus?: boolean;
+    onChange?: (e: any) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    errors?: string[];
+    value?: string;
+    theme?: 'dark' | 'light';
+}
+declare 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 }: Props) => JSX.Element;
+export default Input;

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

@@ -0,0 +1,26 @@
+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' ? style.dark : style.light;
+    const classList = classNames(className, colours, style.classList);
+    const labelClassList = classNames({
+        [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 &&
+            React.createElement("label", { id: `label${newId}`, className: labelClassList, htmlFor: `input${newId}` },
+                React.createElement("p", null,
+                    label,
+                    required === true &&
+                        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: style.errorText }, error));
+            }))));
+};
+export default Input;
+//# 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/Jumbotron.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface Props {
+    id?: string;
+    className?: string;
+    image?: string;
+    altText?: string;
+}
+declare const Jumbotron: ({ id, className, image, altText }: Props) => JSX.Element;
+export default Jumbotron;

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

@@ -0,0 +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: style.imageClassList, src: image, alt: altText })));
+};
+export default Jumbotron;
+//# 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/Nav.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { Props as navItemProps } from '../NavItem/NavItem';
+export interface Props {
+    id: string;
+    className: string;
+    navLinks: navItemProps[];
+    asSideBar: boolean;
+    dropdownNavHeight: string;
+    logo: string;
+    logoDarkTheme: string;
+    mobileLogo: string;
+    mobileLogoDarkTheme: string;
+    logoLink: string;
+    mobileClasses: string;
+    fixedTop: boolean;
+    getNavStatus: (asSideBar: boolean, open: boolean) => void;
+    theme: 'light' | 'dark';
+    text?: string;
+    textLink?: string;
+}
+declare const Nav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, fixedTop, mobileClasses, getNavStatus, theme, text, textLink }: Props) => JSX.Element;
+export default Nav;

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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"}

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

@@ -0,0 +1,299 @@
+.nav {
+
+    height: 4rem
+}
+
+.fixedTopNav {
+
+    position: fixed;
+
+    top: 0px;
+
+    z-index: 50;
+
+    margin-top: 0px;
+
+    width: 100%
+}
+
+.collapseBtnWrapper {
+
+    position: absolute;
+
+    top: 0px;
+
+    bottom: 0px;
+
+    left: 2rem;
+
+    top: 1.25rem
+}
+
+.collapseBtnWrapper:hover>button {
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-text-opacity))
+}
+
+.navItemsClassList {
+
+    margin-top: auto;
+
+    margin-bottom: auto;
+
+    display: flex;
+
+    justify-content: center;
+
+    padding-left: 1rem;
+
+    padding-right: 1rem
+}
+
+@media (min-width: 1024px) {
+
+    .navItemsClassList {
+
+        padding-left: 2rem;
+
+        padding-right: 2rem
+    }
+}
+
+.navItemPadding {
+
+    padding-left: 2rem
+}
+
+.logoImageClassList {
+
+    height: 4rem;
+
+    width: auto
+}
+
+.desktopLogo {
+
+    margin-left: auto;
+
+    margin-right: auto
+}
+
+.logoClassList {
+
+    margin-top: auto;
+
+    margin-bottom: auto;
+
+    display: flex;
+
+    justify-content: center;
+
+    padding-left: 4rem
+}
+
+@media (min-width: 1024px) {
+
+    .logoClassList {
+
+        padding-left: 6rem
+    }
+}
+
+.desktopClassList {
+
+    display: flex;
+
+    display: none;
+
+    width: 100%;
+
+    align-items: center;
+
+    justify-content: space-between;
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 54 160 / var(--tw-bg-opacity));
+
+    text-align: center
+}
+
+@media (min-width: 640px) {
+
+    .desktopClassList {
+
+        align-items: stretch
+    }
+}
+
+@media (min-width: 768px) {
+
+    .desktopClassList {
+
+        display: flex
+    }
+}
+
+.text {
+
+    display: none
+}
+
+@media (min-width: 1024px) {
+
+    .text {
+
+        display: inline-block
+    }
+}
+
+.textClassList {
+
+    margin-top: auto;
+
+    margin-bottom: auto;
+
+    display: flex;
+
+    justify-content: center;
+
+    padding-right: 6rem
+}
+
+.mobileLogo {
+
+    margin-left: auto;
+
+    margin-right: auto
+}
+
+.mobileClassList {
+
+    display: flex;
+
+    align-items: center;
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem
+}
+
+@media (min-width: 768px) {
+
+    .mobileClassList {
+
+        display: none
+    }
+}
+
+.mobileDropDownMenu > :not([hidden]) ~ :not([hidden]) {
+
+    --tw-space-y-reverse: 0;
+
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
+}
+
+.mobileDropDownMenu {
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.75rem
+}
+
+.dropDownNavClassList {
+
+    z-index: 50;
+
+    overflow: hidden;
+
+    padding-top: 5rem
+}
+
+@media (min-width: 768px) {
+
+    .dropDownNavClassList {
+
+        display: none
+    }
+}
+
+.mobileDropDownMenuNavItems {
+
+    padding-left: 2rem;
+
+    padding-top: 0.5rem
+}
+
+.deropDownCollapsed {
+
+    height: 0px
+}
+
+.sideNavClassList {
+
+    position: fixed;
+
+    z-index: 50;
+
+    margin-top: 5rem;
+
+    height: 100%;
+
+    overflow: hidden;
+
+    transition-duration: 700ms
+}
+
+@media (min-width: 768px) {
+
+    .sideNavClassList {
+
+        display: none
+    }
+}
+
+.mobileSideBarMenu > :not([hidden]) ~ :not([hidden]) {
+
+    --tw-space-y-reverse: 0;
+
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
+}
+
+.mobileSideBarMenu {
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.75rem
+}
+
+.mobileSideBarMenuNavItems {
+
+    padding-left: 2rem;
+
+    padding-top: 1rem
+}
+
+.sideBarCollapsed {
+
+    width: 0px
+}
+
+.sideBarExpanded {
+
+    width: 100%
+}
+
+@media (min-width: 640px) {
+
+    .sideBarExpanded {
+
+        width: 33.333333%
+    }
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAW;;AAIX;;IAAA,eAAmC;;IAAnC,QAAmC;;IAAnC,WAAmC;;IAAnC,eAAmC;;IAAnC;AAAmC;;AAInC;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,oBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,gBAA+C;;IAA/C,mBAA+C;;IAA/C,aAA+C;;IAA/C,uBAA+C;;IAA/C,kBAA+C;;IAA/C;AAA+C;;AAA/C;;IAAA;;QAAA,kBAA+C;;QAA/C;IAA+C;AAAA;;AAI/C;;IAAA;AAAW;;AAIX;;IAAA,YAAkB;;IAAlB;AAAkB;;AAIlB;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,gBAAiD;;IAAjD,mBAAiD;;IAAjD,aAAiD;;IAAjD,uBAAiD;;IAAjD;AAAiD;;AAAjD;;IAAA;;QAAA;IAAiD;AAAA;;AAIjD;;IAAA,aAAsH;;IAAtH,aAAsH;;IAAtH,WAAsH;;IAAtH,mBAAsH;;IAAtH,8BAAsH;;IAAtH,kBAAsH;;IAAtH,sDAAsH;;IAAtH;AAAsH;;AAAtH;;IAAA;;QAAA;IAAsH;AAAA;;AAAtH;;IAAA;;QAAA;IAAsH;AAAA;;AAItH;;IAAA;AAA6B;;AAA7B;;IAAA;;QAAA;IAA6B;AAAA;;AAI7B;;IAAA,gBAAwC;;IAAxC,mBAAwC;;IAAxC,aAAwC;;IAAxC,uBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,aAAuC;;IAAvC,mBAAuC;;IAAvC,mBAAuC;;IAAvC;AAAuC;;AAAvC;;IAAA;;QAAA;IAAuC;AAAA;;AAIvC;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,WAA2C;;IAA3C,gBAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA,eAAqE;;IAArE,WAAqE;;IAArE,gBAAqE;;IAArE,YAAqE;;IAArE,gBAAqE;;IAArE;AAAqE;;AAArE;;IAAA;;QAAA;IAAqE;AAAA;;AAIrE;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA;AAAsB;;AAAtB;;IAAA;;QAAA;IAAsB;AAAA","file":"style.module.css","sourcesContent":[".nav {\n    @apply h-16;\n}\n\n.fixedTopNav {\n    @apply fixed w-full z-50 top-0 mt-0;\n}\n\n.collapseBtnWrapper {\n    @apply absolute inset-y-0 left-8 top-5;\n}\n\n.collapseBtnWrapper:hover>button {\n    @apply text-primary;\n}\n\n.navItemsClassList {\n    @apply flex justify-center my-auto px-4 lg:px-8;\n}\n\n.navItemPadding {\n    @apply pl-8;\n}\n\n.logoImageClassList {\n    @apply h-16 w-auto;\n}\n\n.desktopLogo {\n    @apply mx-auto;\n}\n\n.logoClassList {\n    @apply flex justify-center my-auto pl-16 lg:pl-24;\n}\n\n.desktopClassList {\n    @apply w-full justify-between hidden md:flex items-center justify-between sm:items-stretch text-center flex bg-primary;\n}\n\n.text {\n    @apply hidden lg:inline-block;\n}\n\n.textClassList {\n    @apply flex justify-center my-auto pr-24;\n}\n\n.mobileLogo {\n    @apply mx-auto;\n}\n\n.mobileClassList {\n    @apply flex items-center md:hidden py-2;\n}\n\n.mobileDropDownMenu {\n    @apply pt-2 pb-3 space-y-1;\n}\n\n.dropDownNavClassList {\n    @apply z-50 md:hidden overflow-hidden pt-20;\n}\n\n.mobileDropDownMenuNavItems {\n    @apply pl-8 pt-2;\n}\n\n.deropDownCollapsed {\n    @apply h-0;\n}\n\n.sideNavClassList {\n    @apply z-50 md:hidden mt-20 fixed overflow-hidden h-full duration-700;\n}\n\n.mobileSideBarMenu {\n    @apply pt-2 pb-3 space-y-1;\n}\n\n.mobileSideBarMenuNavItems {\n    @apply pl-8 pt-4;\n}\n\n.sideBarCollapsed {\n    @apply w-0;\n}\n\n.sideBarExpanded {\n    @apply w-full sm:w-1/3;\n}"]}