trepur_components 1.0.37 → 1.0.39

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

@@ -81,7 +81,7 @@
     color: var(--color-primary)
 }
 
-.primaryNotDisabled:focus {
+.primaryNotDisabled:focus:hover {
 
     border-color: var(--color-primary);
 
@@ -110,6 +110,15 @@
     color: var(--color-white)
 }
 
+.secondaryNotDisabled:focus:hover {
+
+    border-color: var(--color-primary);
+
+    background-color: var(--color-primary);
+
+    color: var(--color-white)
+}
+
 .disabled {
 
     opacity: 0.5

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Button/style.module.css"],"names":[],"mappings":"AACI;;IAAA,+LAA8C;;IAA9C,iBAA8C;;IAA9C,eAA8C;;IAA9C,0BAA8C;;IAC9C,qBAA+B;;IAA/B;AAD8C;;AAK9C;;IAAA;AAAc;;AAId;;IAAA,kBAAsC;;IAAtC,SAAsC;;IAAtC,QAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,qBAAgB;;IAAhB,sBAAgB;;IAAhB,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,qBAAW;;IAAX;AAAW;;AAIX;;IAAA,kBAAW;;IAAX;AAAW;;AAIX;;IAAA,oBAAW;;IAAX;AAAW;;AAIX;;IAAA,gCAAyD;;IAAzD,sCAAyD;;IAAzD,yBAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA,kCAA2C;;IAA3C,oCAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,kCAA2C;;IAA3C,oCAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,kCAAyD;;IAAzD,oCAAyD;;IAAzD,2BAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA,kCAA2C;;IAA3C,sCAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA;AAAiB;;AAIjB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAmB","file":"style.module.css","sourcesContent":[".classList {\n    @apply border-2 duration-500 transform text-sm;\n    @apply inline-block text-center;\n}\n\n.classList:focus {\n    @apply outline;\n}\n\n.loading {\n    @apply absolute left-2/4 top-1/4 -ml-2;\n}\n\n.social {\n    @apply px-1 py-1;\n}\n\n.icon {\n    @apply px-3;\n}\n\n.default {\n    @apply px-8;\n}\n\n.padding {\n    @apply py-3;\n}\n\n.primary {\n    @apply bg-primary text-white border-white outline-primary;\n}\n\n.primaryNotDisabled:hover {\n    @apply bg-white text-primary border-primary;\n}\n\n.primaryNotDisabled:focus {\n    @apply bg-white text-primary border-primary;\n}\n\n.secondary {\n    @apply bg-white text-primary border-primary outline-white;\n}\n\n.secondaryNotDisabled:hover {\n    @apply bg-primary text-white border-primary;\n}\n\n.disabled {\n    @apply opacity-50;\n}\n\n.rounded {\n    @apply rounded-lg;\n}\n\n.notRounded {\n    @apply rounded-none;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/Button/style.module.css"],"names":[],"mappings":"AACI;;IAAA,+LAA8C;;IAA9C,iBAA8C;;IAA9C,eAA8C;;IAA9C,0BAA8C;;IAC9C,qBAA+B;;IAA/B;AAD8C;;AAK9C;;IAAA;AAAc;;AAId;;IAAA,kBAAsC;;IAAtC,SAAsC;;IAAtC,QAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,qBAAgB;;IAAhB,sBAAgB;;IAAhB,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,qBAAW;;IAAX;AAAW;;AAIX;;IAAA,kBAAW;;IAAX;AAAW;;AAIX;;IAAA,oBAAW;;IAAX;AAAW;;AAIX;;IAAA,gCAAyD;;IAAzD,sCAAyD;;IAAzD,yBAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA,kCAA2C;;IAA3C,oCAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,kCAA2C;;IAA3C,oCAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,kCAAyD;;IAAzD,oCAAyD;;IAAzD,2BAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA,kCAA2C;;IAA3C,sCAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,kCAA2C;;IAA3C,sCAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA;AAAiB;;AAIjB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAmB","file":"style.module.css","sourcesContent":[".classList {\n    @apply border-2 duration-500 transform text-sm;\n    @apply inline-block text-center;\n}\n\n.classList:focus {\n    @apply outline;\n}\n\n.loading {\n    @apply absolute left-2/4 top-1/4 -ml-2;\n}\n\n.social {\n    @apply px-1 py-1;\n}\n\n.icon {\n    @apply px-3;\n}\n\n.default {\n    @apply px-8;\n}\n\n.padding {\n    @apply py-3;\n}\n\n.primary {\n    @apply bg-primary text-white border-white outline-primary;\n}\n\n.primaryNotDisabled:hover {\n    @apply bg-white text-primary border-primary;\n}\n\n.primaryNotDisabled:focus:hover {\n    @apply bg-white text-primary border-primary;\n}\n\n.secondary {\n    @apply bg-white text-primary border-primary outline-white;\n}\n\n.secondaryNotDisabled:hover {\n    @apply bg-primary text-white border-primary;\n}\n\n.secondaryNotDisabled:focus:hover {\n    @apply bg-primary text-white border-primary;\n}\n\n.disabled {\n    @apply opacity-50;\n}\n\n.rounded {\n    @apply rounded-lg;\n}\n\n.notRounded {\n    @apply rounded-none;\n}"]}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Colours, ThemeTypes } from '../../utils/controls';
+export interface Props {
+    id?: string;
+    className?: string;
+    backgroundColour?: Colours;
+    theme?: ThemeTypes;
+    menuItems: {
+        name: string;
+        href: string;
+    }[];
+    onClick?: React.MouseEventHandler;
+}
+declare const DropdownMenu: ({ id, className, backgroundColour, theme, menuItems, onClick }: Props) => JSX.Element;
+export default DropdownMenu;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import classNames from 'classnames';
+import style from './style.module.css';
+const DropdownMenu = ({ id, className, backgroundColour = 'white', theme = 'theme-rupertbennett', menuItems = [], onClick }) => {
+    const classList = classNames(className, style.classList, style[backgroundColour], theme);
+    if (!menuItems || (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) < 1)
+        return React.createElement(React.Fragment, null);
+    return (React.createElement("div", { id: id, className: classList }, menuItems === null || menuItems === void 0 ? void 0 : menuItems.map((item) => {
+        return (React.createElement("a", { href: item.href, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e), className: style.menuItem }, item.name));
+    })));
+};
+export default DropdownMenu;
+//# sourceMappingURL=DropdownMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../../src/lib/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAYtC,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,KAAK,GAAG,qBAAqB,EAC7B,SAAS,GAAG,EAAE,EACd,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,CAAA;IAExF,IAAG,CAAC,SAAS,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,IAAG,CAAC;QAAE,OAAO,yCAAK,CAAA;IAEpD,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC9B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACvB,OAAO,CACL,2BAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,QAAQ,IACxE,IAAI,CAAC,IAAI,CACR,CACL,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

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

@@ -0,0 +1,63 @@
+.classList {
+    width: 250px;
+    display: flex;
+    flex-direction: column;
+    margin-top: 0.5rem;
+    border-radius: 1rem;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
+    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+    position: absolute;
+    right: 2.5rem;
+}
+
+.menuItem {
+    padding-left: 1rem;
+    padding-right: 1rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+    color: var(--color-ink);
+}
+
+.menuItem:hover {
+    background-color: var(--color-lightest-grey);
+}
+
+.primary {
+    background-color: var(--color-primary);
+    color: var(--color-white);
+}
+.secondary {
+    background-color: var(--color-secondary);
+    color: var(--color-white);
+}
+.white {
+    background-color: var(--color-white);
+    color: var(--color-black);
+}
+.grey {
+    background-color: var(--color-lightest-grey);
+    color: var(--color-black);
+}
+.black {
+    background-color: var(--color-black);
+    color: var(--color-white);
+}
+.success {
+    background-color: var(--color-success);
+    color: var(--color-white);
+}
+.error {
+    background-color: var(--color-error);
+    color: var(--color-white);
+}
+.facebook {
+    background-color: var(--color-facebook);
+    color: var(--color-white);
+}
+.gold {
+    background-color: var(--color-gold);
+    color: var(--color-white);
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/DropdownMenu/style.module.css"],"names":[],"mappings":"AAAA;IACI,YAAY;IACZ,aAAoB;IAApB,sBAAoB;IACpB,kBAA2C;IAA3C,mBAA2C;IAA3C,iBAA2C;IAA3C,oBAA2C;IAA3C,mGAA2C;IAA3C,iLAA2C;IAC3C,kBAAwB;IAAxB,aAAwB;AAC5B;;AAGI;IAAA,kBAAgD;IAAhD,mBAAgD;IAAhD,mBAAgD;IAAhD,sBAAgD;IAAhD;AAAgD;;AAAhD;IAAA;AAAgD;;AAGzC;IAAA,sCAA4B;IAA5B;AAA4B;AAC1B;IAAA,wCAA8B;IAA9B;AAA8B;AAClC;IAAA,oCAA0B;IAA1B;AAA0B;AAC3B;IAAA,4CAAkC;IAAlC;AAAkC;AACjC;IAAA,oCAA0B;IAA1B;AAA0B;AACxB;IAAA,sCAA4B;IAA5B;AAA4B;AAC9B;IAAA,oCAA0B;IAA1B;AAA0B;AACvB;IAAA,uCAA6B;IAA7B;AAA6B;AACjC;IAAA,mCAAyB;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".classList {\n    width: 250px;\n    @apply flex flex-col;\n    @apply drop-shadow-lg rounded-2xl py-4 mt-2;\n    @apply absolute right-10;\n}\n\n.menuItem {\n    @apply text-ink hover:bg-lightest-grey px-4 py-2;\n}\n\n.primary { @apply bg-primary text-white; }\n.secondary { @apply bg-secondary text-white; }\n.white { @apply bg-white text-black; }\n.grey { @apply bg-lightest-grey text-black; }\n.black { @apply bg-black text-white; }\n.success { @apply bg-success text-white; }\n.error { @apply bg-error text-white; }\n.facebook { @apply bg-facebook text-white; }\n.gold { @apply bg-gold text-white; }"]}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Colours, ThemeTypes } from '../../utils/controls';
+import { Props as FooterNavItemProps } from '../FooterNavItem/FooterNavItem';
+export interface Props {
+    id: string;
+    className?: string;
+    backgroundColour?: Colours;
+    colour?: Colours;
+    hoverColour?: Colours;
+    hoverBgColour?: Colours;
+    theme?: ThemeTypes;
+    footerItems: FooterNavItemProps[];
+}
+declare const FooterNav: ({ id, className, backgroundColour, colour, hoverColour, hoverBgColour, theme, footerItems }: Props) => JSX.Element;
+export default FooterNav;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import classNames from 'classnames';
+import style from './style.module.css';
+import FooterNavItem from '../FooterNavItem/FooterNavItem';
+const FooterNav = ({ id, className, backgroundColour = 'white', colour = 'black', hoverColour = 'black', hoverBgColour = 'black', theme = 'theme-rupertbennett', footerItems }) => {
+    const classList = classNames(className, style.classList, style[backgroundColour], theme);
+    return (React.createElement("div", { id: id, className: classList }, footerItems === null || footerItems === void 0 ? void 0 : footerItems.map((footerItem) => {
+        footerItem.iconProps.colour = colour;
+        footerItem.iconProps.hoverColour = hoverColour;
+        footerItem.iconProps.hoverBgColour = hoverBgColour;
+        footerItem.iconProps.size = 2;
+        return (React.createElement(FooterNavItem, Object.assign({}, footerItem, { backgroundColour: backgroundColour })));
+    })));
+};
+export default FooterNav;
+//# sourceMappingURL=FooterNav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FooterNav.js","sourceRoot":"","sources":["../../../../../src/lib/components/FooterNav/FooterNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,aAA6C,MAAM,yCAAyC,CAAA;AAanG,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,MAAM,GAAG,OAAO,EAChB,WAAW,GAAG,OAAO,EACrB,aAAa,GAAG,OAAO,EACvB,KAAK,GAAG,qBAAqB,EAC7B,WAAW,EACL,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,CAAA;IAExF,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC9B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,CAAC,UAAe,EAAE,EAAE;QACpC,UAAU,CAAC,SAAS,CAAC,MAAM,GAAG,MAAM,CAAA;QACpC,UAAU,CAAC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;QAC9C,UAAU,CAAC,SAAS,CAAC,aAAa,GAAG,aAAa,CAAA;QAClD,UAAU,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,CAAA;QAC7B,OAAO,CACL,oBAAC,aAAa,oBAAK,UAAU,IAAE,gBAAgB,EAAE,gBAAgB,IAAI,CACtE,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -0,0 +1,77 @@
+.classList {
+
+    position: fixed;
+
+    bottom: 0px;
+
+    display: flex;
+
+    width: 100%;
+
+    justify-content: space-between;
+
+    padding-left: 1rem;
+
+    padding-right: 1rem;
+
+    border-top-width: 1px;
+
+    border-color: var(--color-lightest-grey)
+}
+
+.primary {
+
+    background-color: var(--color-primary);
+
+    color: var(--color-white)
+}
+.secondary {
+
+    background-color: var(--color-secondary);
+
+    color: var(--color-white)
+}
+.white {
+
+    background-color: var(--color-white);
+
+    color: var(--color-black)
+}
+.grey {
+
+    background-color: var(--color-lightest-grey);
+
+    color: var(--color-black)
+}
+.black {
+
+    background-color: var(--color-black);
+
+    color: var(--color-white)
+}
+.success {
+
+    background-color: var(--color-success);
+
+    color: var(--color-white)
+}
+.error {
+
+    background-color: var(--color-error);
+
+    color: var(--color-white)
+}
+.facebook {
+
+    background-color: var(--color-facebook);
+
+    color: var(--color-white)
+}
+.gold {
+
+    background-color: var(--color-gold);
+
+    color: var(--color-white)
+}
+
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/FooterNav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,eAAsD;;IAAtD,WAAsD;;IAAtD,aAAsD;;IAAtD,WAAsD;;IAAtD,8BAAsD;;IAAtD,kBAAsD;;IAAtD,mBAAsD;;IACtD,qBAAoC;;IAApC;AADsD;;AAI/C;;IAAA,sCAA4B;;IAA5B;AAA4B;AAC1B;;IAAA,wCAA8B;;IAA9B;AAA8B;AAClC;;IAAA,oCAA0B;;IAA1B;AAA0B;AAC3B;;IAAA,4CAAkC;;IAAlC;AAAkC;AACjC;;IAAA,oCAA0B;;IAA1B;AAA0B;AACxB;;IAAA,sCAA4B;;IAA5B;AAA4B;AAC9B;;IAAA,oCAA0B;;IAA1B;AAA0B;AACvB;;IAAA,uCAA6B;;IAA7B;AAA6B;AACjC;;IAAA,mCAAyB;;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex justify-between w-full px-4 fixed bottom-0;\n    @apply border-t border-lightest-grey;\n}\n\n.primary { @apply bg-primary text-white; }\n.secondary { @apply bg-secondary text-white; }\n.white { @apply bg-white text-black; }\n.grey { @apply bg-lightest-grey text-black; }\n.black { @apply bg-black text-white; }\n.success { @apply bg-success text-white; }\n.error { @apply bg-error text-white; }\n.facebook { @apply bg-facebook text-white; }\n.gold { @apply bg-gold text-white; }\n"]}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Props as iconProps } from '../Icon/Icon';
+import { Colours, ThemeTypes } from '../../utils/controls';
+export interface Props {
+    id: string;
+    className?: string;
+    title?: string;
+    iconProps?: iconProps;
+    backgroundColour?: Colours;
+    colour?: Colours;
+    theme?: ThemeTypes;
+    onClick?: () => void;
+    href: string;
+}
+declare const FooterNavItem: ({ id, className, title, iconProps, backgroundColour, theme, onClick, href }: Props) => JSX.Element;
+export default FooterNavItem;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import Icon from '../Icon/Icon';
+import classNames from 'classnames';
+import style from './style.module.css';
+const FooterNavItem = ({ id, className, title, iconProps, backgroundColour = 'white', theme = 'theme-rupertbennett', onClick, href }) => {
+    const classList = classNames(className, style.classList, style[backgroundColour], theme);
+    return (React.createElement("a", { id: id, href: href, onClick: onClick, className: classList },
+        (iconProps !== undefined) &&
+            React.createElement(Icon, Object.assign({}, iconProps, { className: style.icon, theme: theme, bgColour: backgroundColour })),
+        title !== undefined && title !== '' && React.createElement("p", { className: style.title }, title)));
+};
+export default FooterNavItem;
+//# sourceMappingURL=FooterNavItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FooterNavItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/FooterNavItem/FooterNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAetC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,KAAK,GAAG,qBAAqB,EAC7B,OAAO,EACP,IAAI,EACE,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,CAAA;IAExF,OAAO,CACL,2BAAG,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;QAC1D,CAAC,SAAS,KAAK,SAAS,CAAC;YACxB,oBAAC,IAAI,oBAAK,SAAS,IAAE,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,IAAI;QACzF,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK,CAC5E,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,86 @@
+.classList {
+
+    width: 100%;
+
+    cursor: pointer;
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem;
+
+    text-align: center
+}
+
+.icon {
+
+    margin-left: auto;
+
+    margin-right: auto
+}
+
+.title {
+
+    padding-top: 0.125rem;
+
+    font-size: 12px;
+
+    font-weight: 400;
+
+    color: var(--color-light-grey)
+}
+
+.primary {
+
+    background-color: var(--color-primary);
+
+    color: var(--color-white)
+}
+.secondary {
+
+    background-color: var(--color-secondary);
+
+    color: var(--color-white)
+}
+.white {
+
+    background-color: var(--color-white);
+
+    color: var(--color-black)
+}
+.grey {
+
+    background-color: var(--color-lightest-grey);
+
+    color: var(--color-black)
+}
+.black {
+
+    background-color: var(--color-black);
+
+    color: var(--color-white)
+}
+.success {
+
+    background-color: var(--color-success);
+
+    color: var(--color-white)
+}
+.error {
+
+    background-color: var(--color-error);
+
+    color: var(--color-white)
+}
+.facebook {
+
+    background-color: var(--color-facebook);
+
+    color: var(--color-white)
+}
+.gold {
+
+    background-color: var(--color-gold);
+
+    color: var(--color-white)
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/FooterNavItem/style.module.css"],"names":[],"mappings":"AACI;;IAAA,WAA6C;;IAA7C,eAA6C;;IAA7C,mBAA6C;;IAA7C,sBAA6C;;IAA7C;AAA6C;;AAI7C;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,qBAAkD;;IAAlD,eAAkD;;IAAlD,gBAAkD;;IAAlD;AAAkD;;AAG3C;;IAAA,sCAA4B;;IAA5B;AAA4B;AAC1B;;IAAA,wCAA8B;;IAA9B;AAA8B;AAClC;;IAAA,oCAA0B;;IAA1B;AAA0B;AAC3B;;IAAA,4CAAkC;;IAAlC;AAAkC;AACjC;;IAAA,oCAA0B;;IAA1B;AAA0B;AACxB;;IAAA,sCAA4B;;IAA5B;AAA4B;AAC9B;;IAAA,oCAA0B;;IAA1B;AAA0B;AACvB;;IAAA,uCAA6B;;IAA7B;AAA6B;AACjC;;IAAA,mCAAyB;;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".classList {\n    @apply text-center py-2 w-full cursor-pointer;\n}\n\n.icon {\n    @apply mx-auto;\n}\n\n.title {\n    @apply font-regular text-xs pt-0.5 text-light-grey;\n}\n\n.primary { @apply bg-primary text-white; }\n.secondary { @apply bg-secondary text-white; }\n.white { @apply bg-white text-black; }\n.grey { @apply bg-lightest-grey text-black; }\n.black { @apply bg-black text-white; }\n.success { @apply bg-success text-white; }\n.error { @apply bg-error text-white; }\n.facebook { @apply bg-facebook text-white; }\n.gold { @apply bg-gold text-white; }"]}

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

@@ -3,6 +3,7 @@ import { ThemeTypes } from '../../utils/controls';
 export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
     onClick?: React.MouseEventHandler;
     theme?: ThemeTypes;
+    variant?: 'primary' | 'secondary';
 }
-declare const HamburgerIcon: ({ id, className, onClick, theme }: Props) => JSX.Element;
+declare const HamburgerIcon: ({ id, className, onClick, theme, variant }: Props) => JSX.Element;
 export default HamburgerIcon;

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

@@ -2,9 +2,12 @@ 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, theme = 'theme-rupertbennett' }) => {
+const HamburgerIcon = ({ id, className, onClick, theme = 'theme-rupertbennett', variant = 'primary' }) => {
     const [opened, setOpened] = useState(false);
-    const classList = classNames(className, style.hamburgerIcon, theme);
+    const classList = classNames({
+        [style.hamburgerIconLight]: variant === 'secondary',
+        [style.hamburgerIconDark]: variant === 'primary'
+    }, className, theme);
     const lineOneClassList = classNames({
         [style.lineOneOpened]: opened
     }, style.lineOne, 'transition-transform');
@@ -19,8 +22,11 @@ const HamburgerIcon = ({ id, className, onClick, theme = 'theme-rupertbennett' }
         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' },
+    return (React.createElement(Button, { id: id, className: classList, onClick: (e) => toggleOpened(e), variant: variant, type: 'icon' },
+        React.createElement("svg", { className: classNames({
+                [style.svgDark]: variant === 'primary',
+                [style.svgLight]: variant === 'secondary',
+            }, 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' }))));

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

@@ -1 +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;AAQtC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,OAAO,EACP,KAAK,GAAG,qBAAqB,EACvB,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,EAAE,KAAK,CAAC,CAAA;IAEnE,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"}
+{"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;AAStC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,OAAO,EACP,KAAK,GAAG,qBAAqB,EAC7B,OAAO,GAAG,SAAS,EACb,EAAe,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,OAAO,KAAK,WAAW;QACnD,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,OAAO,KAAK,SAAS;KACjD,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEpB,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,EAAE,OAAO,EAChB,IAAI,EAAC,MAAM;QAEX,6BACE,SAAS,EAAE,UAAU,CAAC;gBACpB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;gBACtC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,WAAW;aAC1C,EAAE,KAAK,CAAC,GAAG,EAAE,4BAA4B,CAAC,EAC3C,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

@@ -1,4 +1,4 @@
-.hamburgerIcon path {
+.hamburgerIconLight path {
 
     transition-property: all;
 
@@ -8,15 +8,42 @@
 
     outline: 2px solid transparent;
 
-    outline-offset: 2px
+    outline-offset: 2px;
+
+    fill: var(--color-primary)
 }
 
-.hamburgerIcon:hover path {
+.hamburgerIconDark path {
+
+    transition-property: all;
+
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+
+    transition-duration: 500ms;
+
+    outline: 2px solid transparent;
+
+    outline-offset: 2px;
+
+    fill: var(--color-white)
+}
+
+.hamburgerIconLight:hover path {
+
+    fill: var(--color-white)
+}
+
+.hamburgerIconLight:focus:active path {
 
     fill: var(--color-primary)
 }
 
-.hamburgerIcon:focus path {
+.hamburgerIconDark:hover path {
+
+    fill: var(--color-primary)
+}
+
+.hamburgerIconDark:focus:active path {
 
     fill: var(--color-primary)
 }
@@ -92,8 +119,16 @@
 
     overflow: visible;
 
-    fill: var(--color-white);
-
     transition-duration: 500ms
 }
+
+.svgDark {
+
+    fill: var(--color-white)
+}
+
+.svglight {
+
+    fill: var(--color-primary)
+}
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/HamburgerIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,wBAAkC;;IAAlC,wDAAkC;;IAAlC,0BAAkC;;IAClC,8BAAmB;;IAAnB;AADkC;;AAKlC;;IAAA;AAAmB;;AAInB;;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,wBAAiE;;IAAjE;AAAiE","file":"style.module.css","sourcesContent":[".hamburgerIcon path {\n    @apply transition-all duration-500;\n    @apply outline-none;\n}\n\n.hamburgerIcon:hover path {\n    @apply fill-primary;\n}\n\n.hamburgerIcon:focus 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}"]}
+{"version":3,"sources":["../../../../../src/lib/components/HamburgerIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,wBAAkC;;IAAlC,wDAAkC;;IAAlC,0BAAkC;;IAClC,8BAAmB;;IAAnB,mBAAmB;;IACnB;AAFkC;;AAMlC;;IAAA,wBAAkC;;IAAlC,wDAAkC;;IAAlC,0BAAkC;;IAClC,8BAAmB;;IAAnB,mBAAmB;;IACnB;AAFkC;;AAMlC;;IAAA;AAAiB;;AAIjB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;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,iBAAsD;;IAAtD,kBAAsD;;IAAtD,+LAAsD;;IAAtD,iBAAsD;;IAAtD;AAAsD;;AAItD;;IAAA;AAAiB;;AAIjB;;IAAA;AAAmB","file":"style.module.css","sourcesContent":[".hamburgerIconLight path {\n    @apply transition-all duration-500;\n    @apply outline-none;\n    @apply fill-primary;\n}\n\n.hamburgerIconDark path {\n    @apply transition-all duration-500;\n    @apply outline-none;\n    @apply fill-white;\n}\n\n.hamburgerIconLight:hover path {\n    @apply fill-white;\n}\n\n.hamburgerIconLight:focus:active path {\n    @apply fill-primary;\n}\n\n.hamburgerIconDark:hover path {\n    @apply fill-primary;\n}\n\n.hamburgerIconDark:focus:active 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 duration-500 transform;\n}\n\n.svgDark {\n    @apply fill-white;\n}\n\n.svglight {\n    @apply fill-primary;\n}"]}

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

@@ -117,6 +117,10 @@
 
     color: var(--color-gold)
 }
+.textGrey {
+
+    color: var(--color-light-grey)
+}
 .textFacebook {
 
     color: var(--color-facebook)
@@ -154,6 +158,10 @@
 
     background-color: var(--color-gold)
 }
+.bgGrey {
+
+    background-color: var(--color-light-grey)
+}
 .bgFacebook {
 
     background-color: var(--color-facebook)
@@ -191,6 +199,10 @@
 
     color: var(--color-gold)
 }
+.hoverTextGrey:hover {
+
+    color: var(--color-light-grey)
+}
 .hoverTextFacebook:hover {
 
     color: var(--color-facebook)
@@ -228,6 +240,10 @@
 
     background-color: var(--color-gold)
 }
+.hoverBgGrey:hover {
+
+    background-color: var(--color-light-grey)
+}
 .hoverBgFacebook:hover {
 
     background-color: var(--color-facebook)
@@ -265,6 +281,10 @@
 
     color: var(--color-gold)
 }
+.focusTextGrey:focus {
+
+    color: var(--color-light-grey)
+}
 .focusTextFacebook:focus {
 
     color: var(--color-facebook)
@@ -302,6 +322,10 @@
 
     background-color: var(--color-gold)
 }
+.focusBgGrey:focus {
+
+    background-color: var(--color-light-grey)
+}
 .focusBgFacebook:focus {
 
     background-color: var(--color-facebook)

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Icon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAsB;;IAAtB,kBAAsB;;IAAtB,gBAAsB;;IAAtB;AAAsB;;AAItB;;IAAA,cAAc;;IAAd;AAAc;;AAId;;IAAA,YAAc;;IAAd;AAAc;;AAId;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAGpB;;GAEG;;AAGC;;IAAA;AAAmB;;AAInB;;IAAA,aAAkC;;IAAlC,+LAAkC;;IAAlC;AAAkC;;AAGvB;;IAAA;AAAmB;AACjB;;IAAA;AAAqB;AACzB;;IAAA;AAAiB;AACjB;;IAAA;AAAiB;AAClB;;IAAA;AAAgB;AACZ;;IAAA;AAAoB;AACR;;IAAA;AAAgC;AAC7C;;IAAA;AAAmB;AACrB;;IAAA;AAAiB;;AAEjB;;IAAA;AAAiB;AACf;;IAAA;AAAmB;AACvB;;IAAA;AAAe;AAChB;;IAAA;AAAe;AACf;;IAAA;AAAc;AACV;;IAAA;AAAkB;AACN;;IAAA;AAA8B;AAC3C;;IAAA;AAAiB;AACnB;;IAAA;AAAe;;AAEN;;IAAA;AAAyB;AACvB;;IAAA;AAA2B;AAC/B;;IAAA;AAAuB;AACxB;;IAAA;AAAuB;AACvB;;IAAA;AAAsB;AAClB;;IAAA;AAA0B;AACd;;IAAA;AAAsC;AACnD;;IAAA;AAAyB;AAC3B;;IAAA;AAAuB;;AAEvB;;IAAA;AAAuB;AACrB;;IAAA;AAAyB;AAC7B;;IAAA;AAAqB;AACtB;;IAAA;AAAqB;AACrB;;IAAA;AAAoB;AAChB;;IAAA;AAAwB;AACZ;;IAAA;AAAoC;AACjD;;IAAA;AAAuB;AACzB;;IAAA;AAAqB;;AAEjB;;IAAA;AAAyB;AACvB;;IAAA;AAA2B;AAC/B;;IAAA;AAAuB;AACxB;;IAAA;AAAuB;AACvB;;IAAA;AAAsB;AAClB;;IAAA;AAA0B;AACd;;IAAA;AAAsC;AACnD;;IAAA;AAAyB;AAC3B;;IAAA;AAAuB;;AAEvB;;IAAA;AAAuB;AACrB;;IAAA;AAAyB;AAC7B;;IAAA;AAAqB;AACtB;;IAAA;AAAqB;AACrB;;IAAA;AAAoB;AAChB;;IAAA;AAAwB;AACZ;;IAAA;AAAoC;AACjD;;IAAA;AAAuB;AACzB;;IAAA;AAAqB","file":"style.module.css","sourcesContent":[".classList {\n    @apply mx-auto my-auto;\n}\n\n.sizeOne {\n    @apply w-6 h-6;\n}\n\n.sizeTwo {\n    @apply w-8 h-8;\n}\n\n.sizeThree {\n    @apply w-16 h-16;\n}\n\n.sizeFour {\n    @apply w-20 h-20;\n}\n\n.sizeFive {\n    @apply w-24 h-24;\n}\n\n.sizeSix {\n    @apply w-28 h-28;\n}\n\n.sizeSeven {\n    @apply w-32 h-32;\n}\n\n.sizeEight {\n    @apply w-36 h-36;\n}\n\n.sizeNine {\n    @apply w-40 h-40;\n}\n\n.sizeTen {\n    @apply w-44 h-44;\n}\n\n/* .sizeTen {\n    @apply w-48 h-48;\n} */\n\n.rounded {\n    @apply rounded-full;\n}\n\n.wrapperClassList {\n    @apply flex duration-500 transform;\n}\n\n.textPrimary { @apply text-primary; }\n.textSecondary { @apply text-secondary; }\n.textWhite { @apply text-white; }\n.textBlack { @apply text-black; }\n.textGold { @apply text-gold; }\n.textFacebook { @apply text-facebook; }\n.textInteractive-facebook { @apply text-interactive-facebook; }\n.textSuccess { @apply text-success; }\n.textError { @apply text-error; }\n\n.bgPrimary { @apply bg-primary; }\n.bgSecondary { @apply bg-secondary; }\n.bgWhite { @apply bg-white; }\n.bglack { @apply bg-black; }\n.bgGold { @apply bg-gold; }\n.bgFacebook { @apply bg-facebook; }\n.bgInteractive-facebook { @apply bg-interactive-facebook; }\n.bgSuccess { @apply bg-success; }\n.bgError { @apply bg-error; }\n\n.hoverTextPrimary { @apply hover:text-primary; }\n.hoverTextSecondary { @apply hover:text-secondary; }\n.hoverTextWhite { @apply hover:text-white; }\n.hoverTextlack { @apply hover:text-black; }\n.hoverTextGold { @apply hover:text-gold; }\n.hoverTextFacebook { @apply hover:text-facebook; }\n.hoverTextInteractive-facebook { @apply hover:text-interactive-facebook; }\n.hoverTextSuccess { @apply hover:text-success; }\n.hoverTextError { @apply hover:text-error; }\n\n.hoverBgPrimary { @apply hover:bg-primary; }\n.hoverBgSecondary { @apply hover:bg-secondary; }\n.hoverBgWhite { @apply hover:bg-white; }\n.hoverBglack { @apply hover:bg-black; }\n.hoverBgGold { @apply hover:bg-gold; }\n.hoverBgFacebook { @apply hover:bg-facebook; }\n.hoverBgInteractive-facebook { @apply hover:bg-interactive-facebook; }\n.hoverBgSuccess { @apply hover:bg-success; }\n.hoverBgError { @apply hover:bg-error; }\n\n.focusTextPrimary { @apply focus:text-primary; }\n.focusTextSecondary { @apply focus:text-secondary; }\n.focusTextWhite { @apply focus:text-white; }\n.focusTextlack { @apply focus:text-black; }\n.focusTextGold { @apply focus:text-gold; }\n.focusTextFacebook { @apply focus:text-facebook; }\n.focusTextInteractive-facebook { @apply focus:text-interactive-facebook; }\n.focusTextSuccess { @apply focus:text-success; }\n.focusTextError { @apply focus:text-error; }\n\n.focusBgPrimary { @apply focus:bg-primary; }\n.focusBgSecondary { @apply focus:bg-secondary; }\n.focusBgWhite { @apply focus:bg-white; }\n.focusBglack { @apply focus:bg-black; }\n.focusBgGold { @apply focus:bg-gold; }\n.focusBgFacebook { @apply focus:bg-facebook; }\n.focusBgInteractive-facebook { @apply focus:bg-interactive-facebook; }\n.focusBgSuccess { @apply focus:bg-success; }\n.focusBgError { @apply focus:bg-error; }"]}
+{"version":3,"sources":["../../../../../src/lib/components/Icon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAsB;;IAAtB,kBAAsB;;IAAtB,gBAAsB;;IAAtB;AAAsB;;AAItB;;IAAA,cAAc;;IAAd;AAAc;;AAId;;IAAA,YAAc;;IAAd;AAAc;;AAId;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAGpB;;GAEG;;AAGC;;IAAA;AAAmB;;AAInB;;IAAA,aAAkC;;IAAlC,+LAAkC;;IAAlC;AAAkC;;AAGvB;;IAAA;AAAmB;AACjB;;IAAA;AAAqB;AACzB;;IAAA;AAAiB;AACjB;;IAAA;AAAiB;AAClB;;IAAA;AAAgB;AAChB;;IAAA;AAAsB;AAClB;;IAAA;AAAoB;AACR;;IAAA;AAAgC;AAC7C;;IAAA;AAAmB;AACrB;;IAAA;AAAiB;;AAEjB;;IAAA;AAAiB;AACf;;IAAA;AAAmB;AACvB;;IAAA;AAAe;AAChB;;IAAA;AAAe;AACf;;IAAA;AAAc;AACd;;IAAA;AAAoB;AAChB;;IAAA;AAAkB;AACN;;IAAA;AAA8B;AAC3C;;IAAA;AAAiB;AACnB;;IAAA;AAAe;;AAEN;;IAAA;AAAyB;AACvB;;IAAA;AAA2B;AAC/B;;IAAA;AAAuB;AACxB;;IAAA;AAAuB;AACvB;;IAAA;AAAsB;AACtB;;IAAA;AAA4B;AACxB;;IAAA;AAA0B;AACd;;IAAA;AAAsC;AACnD;;IAAA;AAAyB;AAC3B;;IAAA;AAAuB;;AAEvB;;IAAA;AAAuB;AACrB;;IAAA;AAAyB;AAC7B;;IAAA;AAAqB;AACtB;;IAAA;AAAqB;AACrB;;IAAA;AAAoB;AACpB;;IAAA;AAA0B;AACtB;;IAAA;AAAwB;AACZ;;IAAA;AAAoC;AACjD;;IAAA;AAAuB;AACzB;;IAAA;AAAqB;;AAEjB;;IAAA;AAAyB;AACvB;;IAAA;AAA2B;AAC/B;;IAAA;AAAuB;AACxB;;IAAA;AAAuB;AACvB;;IAAA;AAAsB;AACtB;;IAAA;AAA4B;AACxB;;IAAA;AAA0B;AACd;;IAAA;AAAsC;AACnD;;IAAA;AAAyB;AAC3B;;IAAA;AAAuB;;AAEvB;;IAAA;AAAuB;AACrB;;IAAA;AAAyB;AAC7B;;IAAA;AAAqB;AACtB;;IAAA;AAAqB;AACrB;;IAAA;AAAoB;AACpB;;IAAA;AAA0B;AACtB;;IAAA;AAAwB;AACZ;;IAAA;AAAoC;AACjD;;IAAA;AAAuB;AACzB;;IAAA;AAAqB","file":"style.module.css","sourcesContent":[".classList {\n    @apply mx-auto my-auto;\n}\n\n.sizeOne {\n    @apply w-6 h-6;\n}\n\n.sizeTwo {\n    @apply w-8 h-8;\n}\n\n.sizeThree {\n    @apply w-16 h-16;\n}\n\n.sizeFour {\n    @apply w-20 h-20;\n}\n\n.sizeFive {\n    @apply w-24 h-24;\n}\n\n.sizeSix {\n    @apply w-28 h-28;\n}\n\n.sizeSeven {\n    @apply w-32 h-32;\n}\n\n.sizeEight {\n    @apply w-36 h-36;\n}\n\n.sizeNine {\n    @apply w-40 h-40;\n}\n\n.sizeTen {\n    @apply w-44 h-44;\n}\n\n/* .sizeTen {\n    @apply w-48 h-48;\n} */\n\n.rounded {\n    @apply rounded-full;\n}\n\n.wrapperClassList {\n    @apply flex duration-500 transform;\n}\n\n.textPrimary { @apply text-primary; }\n.textSecondary { @apply text-secondary; }\n.textWhite { @apply text-white; }\n.textBlack { @apply text-black; }\n.textGold { @apply text-gold; }\n.textGrey { @apply text-light-grey; }\n.textFacebook { @apply text-facebook; }\n.textInteractive-facebook { @apply text-interactive-facebook; }\n.textSuccess { @apply text-success; }\n.textError { @apply text-error; }\n\n.bgPrimary { @apply bg-primary; }\n.bgSecondary { @apply bg-secondary; }\n.bgWhite { @apply bg-white; }\n.bglack { @apply bg-black; }\n.bgGold { @apply bg-gold; }\n.bgGrey { @apply bg-light-grey; }\n.bgFacebook { @apply bg-facebook; }\n.bgInteractive-facebook { @apply bg-interactive-facebook; }\n.bgSuccess { @apply bg-success; }\n.bgError { @apply bg-error; }\n\n.hoverTextPrimary { @apply hover:text-primary; }\n.hoverTextSecondary { @apply hover:text-secondary; }\n.hoverTextWhite { @apply hover:text-white; }\n.hoverTextlack { @apply hover:text-black; }\n.hoverTextGold { @apply hover:text-gold; }\n.hoverTextGrey { @apply hover:text-light-grey; }\n.hoverTextFacebook { @apply hover:text-facebook; }\n.hoverTextInteractive-facebook { @apply hover:text-interactive-facebook; }\n.hoverTextSuccess { @apply hover:text-success; }\n.hoverTextError { @apply hover:text-error; }\n\n.hoverBgPrimary { @apply hover:bg-primary; }\n.hoverBgSecondary { @apply hover:bg-secondary; }\n.hoverBgWhite { @apply hover:bg-white; }\n.hoverBglack { @apply hover:bg-black; }\n.hoverBgGold { @apply hover:bg-gold; }\n.hoverBgGrey { @apply hover:bg-light-grey; }\n.hoverBgFacebook { @apply hover:bg-facebook; }\n.hoverBgInteractive-facebook { @apply hover:bg-interactive-facebook; }\n.hoverBgSuccess { @apply hover:bg-success; }\n.hoverBgError { @apply hover:bg-error; }\n\n.focusTextPrimary { @apply focus:text-primary; }\n.focusTextSecondary { @apply focus:text-secondary; }\n.focusTextWhite { @apply focus:text-white; }\n.focusTextlack { @apply focus:text-black; }\n.focusTextGold { @apply focus:text-gold; }\n.focusTextGrey { @apply focus:text-light-grey; }\n.focusTextFacebook { @apply focus:text-facebook; }\n.focusTextInteractive-facebook { @apply focus:text-interactive-facebook; }\n.focusTextSuccess { @apply focus:text-success; }\n.focusTextError { @apply focus:text-error; }\n\n.focusBgPrimary { @apply focus:bg-primary; }\n.focusBgSecondary { @apply focus:bg-secondary; }\n.focusBgWhite { @apply focus:bg-white; }\n.focusBglack { @apply focus:bg-black; }\n.focusBgGold { @apply focus:bg-gold; }\n.focusBgGrey { @apply focus:bg-light-grey; }\n.focusBgFacebook { @apply focus:bg-facebook; }\n.focusBgInteractive-facebook { @apply focus:bg-interactive-facebook; }\n.focusBgSuccess { @apply focus:bg-success; }\n.focusBgError { @apply focus:bg-error; }"]}

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

@@ -120,8 +120,6 @@
 
 .small .icon {
 
-    padding-left: 0.5rem;
-
     padding-right: 0.5rem
 }
 
@@ -129,8 +127,6 @@
 
     .small .icon {
 
-        padding-left: 1rem;
-
         padding-right: 1rem
     }
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAW;;IACX,eAAoD;;IAApD,eAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AADW;;AAKX;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,gBAAuC;;IAAvC,mBAAuC;;IAAvC,aAAuC;;IAAvC,YAAuC;;IAAvC;AAAuC;;AAIvC;;IAAA,kBAAmB;;IAAnB;AAAmB;;AAAnB;;IAAA;;QAAA,kBAAmB;;QAAnB;IAAmB;AAAA;;AAInB;;IAAA,oBAAmB;;IAAnB;AAAmB;;AAAnB;;IAAA;;QAAA,kBAAmB;;QAAnB;IAAmB;AAAA;;AAInB;;IAAA;AAAmB;;AAAnB;;IAAA;;QAAA;IAAmB;AAAA;;AAInB;;IAAA;AAAoB;;AAIpB;;IAAA;AAAc;;AAId;;IAAA,aAA4C;;IAA5C,YAA4C;;IAA5C,mBAA4C;;IAA5C;AAA4C;;AAI5C;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,4CAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,uCAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA,mCAAyB;;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex;\n    @apply transition ease-in-out scale-100 duration-300;\n}\n\n.large {\n    @apply py-8;\n}\n\n.small {\n    @apply pb-4;\n}\n\n.hoverable.classList:hover .icon {\n    @apply transition ease-in-out scale-110 duration-300;\n}\n\n.hoverable.classList:hover .title {\n    @apply transition ease-in-out scale-110 duration-300;\n}\n\n.hoverable.classList:hover .subtitle {\n    @apply transition ease-in-out scale-110 duration-300;\n}\n\n.icon {\n    @apply flex h-full items-center my-auto;\n}\n\n.large .icon {\n    @apply px-4 md:px-8;\n}\n\n.small .icon {\n    @apply px-2 md:px-4;\n}\n\n.text {\n    @apply pr-4 md:pr-8;\n}\n\n.title {\n    @apply font-semiBold;\n}\n\n.subtitle {\n    @apply text-xs;\n}\n\n.centerText {\n    @apply flex h-full items-center font-regular;\n}\n\n.primary {\n    @apply bg-primary text-white;\n}\n\n.secondary {\n    @apply bg-secondary text-white;\n}\n\n.white {\n    @apply bg-white text-black;\n}\n\n.grey {\n    @apply bg-lightest-grey text-black;\n}\n\n.black {\n    @apply bg-black text-white;\n}\n\n.success {\n    @apply bg-success text-white;\n}\n\n.error {\n    @apply bg-error text-white;\n}\n\n.facebook {\n    @apply bg-facebook text-white;\n}\n\n.gold {\n    @apply bg-gold text-white;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAW;;IACX,eAAoD;;IAApD,eAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AADW;;AAKX;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,gBAAuC;;IAAvC,mBAAuC;;IAAvC,aAAuC;;IAAvC,YAAuC;;IAAvC;AAAuC;;AAIvC;;IAAA,kBAAmB;;IAAnB;AAAmB;;AAAnB;;IAAA;;QAAA,kBAAmB;;QAAnB;IAAmB;AAAA;;AAInB;;IAAA;AAAmB;;AAAnB;;IAAA;;QAAA;IAAmB;AAAA;;AAInB;;IAAA;AAAmB;;AAAnB;;IAAA;;QAAA;IAAmB;AAAA;;AAInB;;IAAA;AAAoB;;AAIpB;;IAAA;AAAc;;AAId;;IAAA,aAA4C;;IAA5C,YAA4C;;IAA5C,mBAA4C;;IAA5C;AAA4C;;AAI5C;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,4CAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,uCAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA,mCAAyB;;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex;\n    @apply transition ease-in-out scale-100 duration-300;\n}\n\n.large {\n    @apply py-8;\n}\n\n.small {\n    @apply pb-4;\n}\n\n.hoverable.classList:hover .icon {\n    @apply transition ease-in-out scale-110 duration-300;\n}\n\n.hoverable.classList:hover .title {\n    @apply transition ease-in-out scale-110 duration-300;\n}\n\n.hoverable.classList:hover .subtitle {\n    @apply transition ease-in-out scale-110 duration-300;\n}\n\n.icon {\n    @apply flex h-full items-center my-auto;\n}\n\n.large .icon {\n    @apply px-4 md:px-8;\n}\n\n.small .icon {\n    @apply pr-2 md:pr-4;\n}\n\n.text {\n    @apply pr-4 md:pr-8;\n}\n\n.title {\n    @apply font-semiBold;\n}\n\n.subtitle {\n    @apply text-xs;\n}\n\n.centerText {\n    @apply flex h-full items-center font-regular;\n}\n\n.primary {\n    @apply bg-primary text-white;\n}\n\n.secondary {\n    @apply bg-secondary text-white;\n}\n\n.white {\n    @apply bg-white text-black;\n}\n\n.grey {\n    @apply bg-lightest-grey text-black;\n}\n\n.black {\n    @apply bg-black text-white;\n}\n\n.success {\n    @apply bg-success text-white;\n}\n\n.error {\n    @apply bg-error text-white;\n}\n\n.facebook {\n    @apply bg-facebook text-white;\n}\n\n.gold {\n    @apply bg-gold text-white;\n}"]}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Colours, ThemeTypes } from '../../utils/controls';
+export interface Props {
+    id?: string;
+    className?: string;
+    backgroundColour?: Colours;
+    theme?: ThemeTypes;
+    menuItems: {
+        name: string;
+        href: string;
+    }[];
+    onClick?: React.MouseEventHandler;
+}
+declare const MenuButton: ({ id, className, backgroundColour, theme, menuItems, onClick }: Props) => JSX.Element;
+export default MenuButton;

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

@@ -0,0 +1,24 @@
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import style from './style.module.css';
+import DropdownMenu from '../DropdownMenu/DropdownMenu';
+import Image from '../Image/Image';
+const MenuButton = ({ id, className, backgroundColour = 'white', theme = 'theme-rupertbennett', menuItems, onClick }) => {
+    const [showMenu, setShowMenu] = useState(false);
+    const classList = classNames(className, style.classList, style[backgroundColour], theme);
+    if (!menuItems || (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) < 1)
+        return React.createElement(React.Fragment, null);
+    return (React.createElement("div", null,
+        React.createElement("div", { id: id, className: classList, onClick: () => setShowMenu(!showMenu) },
+            React.createElement("div", { className: style.menuClasses, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) },
+                React.createElement("svg", { className: style.svg, width: '18', height: '24', viewBox: '0 0 24 15', xmlns: 'http://www.w3.org/2000/svg' },
+                    React.createElement("path", { className: style.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: style.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: style.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' }))),
+            React.createElement(Image, { src: 'https://picsum.photos/300/300', className: style.imageClasses })),
+        showMenu &&
+            React.createElement("div", null,
+                React.createElement(DropdownMenu, { menuItems: menuItems }))));
+};
+export default MenuButton;
+//# sourceMappingURL=MenuButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,YAA4C,MAAM,uCAAuC,CAAA;AAChG,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAW3C,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,KAAK,GAAG,qBAAqB,EAC7B,SAAS,EACT,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,CAAA;IAExF,IAAG,CAAC,SAAS,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,IAAG,CAAC;QAAE,OAAO,yCAAK,CAAA;IAEpD,OAAO,CACL;QACE,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC;YAErC,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC;gBAC7D,6BACE,SAAS,EAAE,KAAK,CAAC,GAAG,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;oBAElC,8BACE,SAAS,EAAE,KAAK,CAAC,gBAAgB,EACjC,CAAC,EAAC,sIAAsI,GACxI;oBACF,8BACE,SAAS,EAAE,KAAK,CAAC,gBAAgB,EACjC,CAAC,EAAC,oIAAoI,GACtI;oBACF,8BACE,SAAS,EAAE,KAAK,CAAC,kBAAkB,EACnC,CAAC,EAAC,6IAA6I,GAC/I,CACE,CACF;YACN,oBAAC,KAAK,IAAC,GAAG,EAAC,+BAA+B,EAAC,SAAS,EAAE,KAAK,CAAC,YAAY,GAAI,CACxE;QACL,QAAQ;YACP;gBACE,oBAAC,YAAY,IAAC,SAAS,EAAE,SAAS,GAAG,CACjC,CAEJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,71 @@
+.classList {
+    width: 80px;
+    height: 45px;
+    overflow: hidden;
+    border-radius: 9999px;
+    border-width: 2px;
+    border-color: var(--color-lightest-grey);
+    margin-top: auto;
+    margin-bottom: auto;
+    display: flex;
+    cursor: pointer;
+    justify-content: space-between;
+    padding-left: 0.5rem;
+    text-align: center;
+}
+
+.menuClasses {
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: auto;
+    margin-bottom: auto;
+}
+
+.imageClasses {
+    width: 34px;
+    height: 34px;
+    margin-top: auto;
+    margin-bottom: auto;
+    margin-left: auto;
+    margin-right: auto;
+    border-radius: 9999px;
+    object-fit: contain;
+}
+
+.primary {
+    background-color: var(--color-primary);
+    color: var(--color-white);
+}
+.secondary {
+    background-color: var(--color-secondary);
+    color: var(--color-white);
+}
+.white {
+    background-color: var(--color-white);
+    color: var(--color-black);
+}
+.grey {
+    background-color: var(--color-lightest-grey);
+    color: var(--color-black);
+}
+.black {
+    background-color: var(--color-black);
+    color: var(--color-white);
+}
+.success {
+    background-color: var(--color-success);
+    color: var(--color-white);
+}
+.error {
+    background-color: var(--color-error);
+    color: var(--color-white);
+}
+.facebook {
+    background-color: var(--color-facebook);
+    color: var(--color-white);
+}
+.gold {
+    background-color: var(--color-gold);
+    color: var(--color-white);
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/MenuButton/style.module.css"],"names":[],"mappings":"AAAA;IACI,WAAW;IACX,YAAY;IACZ,gBAAiE;IAAjE,qBAAiE;IAAjE,iBAAiE;IAAjE,wCAAiE;IACjE,gBAAmE;IAAnE,mBAAmE;IAAnE,aAAmE;IAAnE,eAAmE;IAAnE,8BAAmE;IAAnE,oBAAmE;IAAnE,kBAAmE;AACvE;;AAGI;IAAA,iBAAsB;IAAtB,kBAAsB;IAAtB,gBAAsB;IAAtB;AAAsB;;AAG1B;IACI,WAAW;IACX,YAAY;IACZ,gBAAkD;IAAlD,mBAAkD;IAAlD,iBAAkD;IAAlD,kBAAkD;IAAlD,qBAAkD;IAAlD,mBAAkD;AACtD;;AAEW;IAAA,sCAA4B;IAA5B;AAA4B;AAC1B;IAAA,wCAA8B;IAA9B;AAA8B;AAClC;IAAA,oCAA0B;IAA1B;AAA0B;AAC3B;IAAA,4CAAkC;IAAlC;AAAkC;AACjC;IAAA,oCAA0B;IAA1B;AAA0B;AACxB;IAAA,sCAA4B;IAA5B;AAA4B;AAC9B;IAAA,oCAA0B;IAA1B;AAA0B;AACvB;IAAA,uCAA6B;IAA7B;AAA6B;AACjC;IAAA,mCAAyB;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".classList {\n    width: 80px;\n    height: 45px;\n    @apply border-2 border-lightest-grey rounded-full overflow-hidden;\n    @apply flex justify-between my-auto text-center pl-2 cursor-pointer;\n}\n\n.menuClasses {\n    @apply mx-auto my-auto;\n}\n\n.imageClasses {\n    width: 34px;\n    height: 34px;\n    @apply rounded-full object-contain my-auto mx-auto;\n}\n\n.primary { @apply bg-primary text-white; }\n.secondary { @apply bg-secondary text-white; }\n.white { @apply bg-white text-black; }\n.grey { @apply bg-lightest-grey text-black; }\n.black { @apply bg-black text-white; }\n.success { @apply bg-success text-white; }\n.error { @apply bg-error text-white; }\n.facebook { @apply bg-facebook text-white; }\n.gold { @apply bg-gold text-white; }"]}

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { Props as navItemProps } from '../NavItem/NavItem';
-import { Colours, ThemeTypes } from '../../utils/controls';
+import { ThemeTypes } from '../../utils/controls';
+import { Props as MenuButtonProps } from '../MenuButton/MenuButton';
 export interface Props {
-    id: string;
-    className: string;
+    id?: string;
+    className?: string;
     navLinks: navItemProps[];
     asSideBar: boolean;
     dropdownNavHeight: string;
@@ -12,13 +13,15 @@ export interface Props {
     mobileLogo: string;
     mobileLogoDarkTheme: string;
     logoLink: string;
-    mobileClasses: string;
+    mobileClasses?: string;
     getNavStatus: (asSideBar: boolean, open: boolean) => void;
     variant: 'light' | 'dark';
     text?: string;
     textLink?: string;
-    bgColour?: Colours;
     theme?: ThemeTypes;
+    withStickyNavShadow?: boolean;
+    withDesktopShadow?: boolean;
+    profileMenu?: MenuButtonProps;
 }
-declare const Nav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, bgColour, text, textLink, theme }: Props) => JSX.Element;
+declare const Nav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, text, textLink, theme, withStickyNavShadow, withDesktopShadow, profileMenu }: Props) => JSX.Element;
 export default Nav;

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

@@ -6,12 +6,16 @@ import style from './style.module.css';
 import Image from '../Image/Image';
 import Container from '../Container/Container';
 import StickyNav from './StickyNav';
-const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', bgColour = 'primary', text, textLink = '/', theme = 'theme-rupertbennett' }) => {
+import MenuButton from '../MenuButton/MenuButton';
+const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', text, textLink = '/', theme = 'theme-rupertbennett', withStickyNavShadow = false, withDesktopShadow = false, profileMenu }) => {
     var _a, _b, _c, _d;
     const [showSideNav, setShowSideNav] = useState(false);
     const [showDropdownNav, setShowDropdownNav] = useState(false);
     const [showStickyNav, setShowStickyNav] = useState(false);
-    const classList = classNames(className, style[bgColour], style.nav, theme);
+    const colours = variant === 'dark' ? [style.dark] : [style.light];
+    const classList = classNames({
+    // [style.desktopNavDropShadow]: withDesktopShadow && !showStickyNav && !showSideNav
+    }, className, style.nav, theme, colours);
     const stickyClassList = classNames({
         [style.showStickyNav]: showStickyNav
     }, style.stickyNav);
@@ -27,13 +31,12 @@ const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logo
     const sideNavClasses = classNames({
         [style.sideBarCollapsed]: !showSideNav,
         [style.sideBarExpanded]: showSideNav
-    }, style[bgColour], style.sideNavClassList);
+    }, style.sideNavClassList, colours);
     const dropdownNavClasses = classNames({
         [style.dropDownCollapsed]: !showDropdownNav,
         [`h-${dropdownNavHeight}`]: showDropdownNav
-    }, style[bgColour], style.dropDownNavClassList);
-    const mobileContainer = classNames(style.mobileContainer, style.mobileNav, style[bgColour], mobileClasses);
-    const desktopClassList = classNames(style.desktopContainer, style.desktopNav);
+    }, style.dropDownNavClassList);
+    const mobileContainer = classNames(style.mobileContainer, style.mobileNav, mobileClasses);
     const toggleMenu = () => {
         getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(asSideBar, !showSideNav);
         if (asSideBar) {
@@ -47,28 +50,29 @@ const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logo
     return (React.createElement("header", { id: id, className: classList },
         React.createElement(Container, { withPadding: true, className: mobileContainer, theme: theme },
             React.createElement("div", { className: style.collapseBtnWrapper },
-                React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme })),
+                React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme, variant: variant === 'dark' ? 'primary' : 'secondary' })),
             React.createElement("a", { className: style.mobileLogo, href: logoLink },
                 React.createElement(Image, { src: variant === 'dark' ? mobileLogoDarkTheme : mobileLogo, title: `${(_a = themeString.split('-')[1]) !== null && _a !== void 0 ? _a : ''}-mobile-logo`, altText: `${(_b = themeString.split('-')[1]) !== null && _b !== void 0 ? _b : 'a'}-mobile-logo`, height: 5, width: 5 }))),
-        React.createElement(Container, { withPadding: true, className: desktopClassList, theme: theme },
+        React.createElement(Container, { withPadding: true, className: style.desktopNav, theme: theme },
             React.createElement("div", { className: style.logoClassList },
                 React.createElement("a", { className: style.desktopLogo, href: logoLink },
                     React.createElement(Image, { src: variant === 'dark' ? logoDarkTheme : logo, title: `${(_c = themeString.split('-')[1]) !== null && _c !== void 0 ? _c : 'a'}-desktop-logo`, altText: `${(_d = themeString.split('-')[1]) !== null && _d !== void 0 ? _d : 'a'}-desktop-logo`, height: 5, width: 5 }))),
             React.createElement("nav", { className: style.navItems }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
                 return (React.createElement(NavItem, Object.assign({ key: `desktop_nav_item_${i}` }, navLink, { className: style.navItemPadding, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
             })),
-            React.createElement("div", { className: style.textClassList }, text !== undefined &&
-                React.createElement(NavItem, { title: text, href: textLink, className: style.navItemPadding, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme }))),
+            !(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) && React.createElement("div", { className: style.textClassList }, text !== undefined &&
+                React.createElement(NavItem, { title: text, href: textLink, className: style.navItemPadding, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })),
+            (profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) && React.createElement("div", { className: style.profileClassList }, React.createElement(MenuButton, Object.assign({}, profileMenu, { menuItems: profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems })))),
         asSideBar
             ? (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
-                return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: style.mobileSideBarMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
+                return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: classNames(colours, style.mobileSideBarMenuNavItems), bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
             })))
             /* dropdown */
             : (React.createElement("div", { 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: `dropdown_nav_item_${i}` }, navLink, { className: style.mobileDropDownMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
                 })))),
-        React.createElement(StickyNav, { id: id, className: stickyClassList, navLinks: navLinks, asSideBar: asSideBar, dropdownNavHeight: dropdownNavHeight, logo: logo, logoDarkTheme: logoDarkTheme, mobileLogo: mobileLogo, mobileLogoDarkTheme: mobileLogoDarkTheme, logoLink: logoLink, mobileClasses: mobileClasses, getNavStatus: getNavStatus, variant: variant, bgColour: bgColour, theme: theme, tabindex: showStickyNav ? 0 : -1 })));
+        React.createElement(StickyNav, { id: id, className: stickyClassList, navLinks: navLinks, asSideBar: asSideBar, dropdownNavHeight: dropdownNavHeight, logo: logo, logoDarkTheme: logoDarkTheme, mobileLogo: mobileLogo, mobileLogoDarkTheme: mobileLogoDarkTheme, logoLink: logoLink, mobileClasses: mobileClasses, getNavStatus: getNavStatus, variant: variant, theme: theme, tabindex: showStickyNav ? 0 : -1, withShadow: withStickyNavShadow })));
 };
 export default Nav;
 //# sourceMappingURL=Nav.js.map

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

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { Props as navItemProps } from '../NavItem/NavItem';
-import { Colours, ThemeTypes } from '../../utils/controls';
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
-    id: string;
-    className: string;
+    id?: string;
+    className?: string;
     navLinks: navItemProps[];
     asSideBar: boolean;
     dropdownNavHeight: string;
@@ -12,13 +12,13 @@ export interface Props {
     mobileLogo: string;
     mobileLogoDarkTheme: string;
     logoLink: string;
-    mobileClasses: string;
+    mobileClasses?: string;
     getNavStatus: (asSideBar: boolean, open: boolean) => void;
     variant: 'light' | 'dark';
-    bgColour?: Colours;
     theme?: ThemeTypes;
     visible?: boolean;
     tabindex?: number;
+    withShadow?: boolean;
 }
-declare const StickyNav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, bgColour, theme, visible, tabindex }: Props) => JSX.Element;
+declare const StickyNav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, theme, visible, tabindex, withShadow }: Props) => JSX.Element;
 export default StickyNav;

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

@@ -5,22 +5,24 @@ import HamburgerIcon from '../HamburgerIcon/HamburgerIcon';
 import style from './style.module.css';
 import Image from '../Image/Image';
 import Container from '../Container/Container';
-const StickyNav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', bgColour = 'primary', theme = 'theme-rupertbennett', visible = false, tabindex = 0 }) => {
+const StickyNav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', theme = 'theme-rupertbennett', visible = false, tabindex = 0, withShadow = false }) => {
     var _a, _b;
     const [showSideNav, setShowSideNav] = useState(false);
     const [showDropdownNav, setShowDropdownNav] = useState(false);
+    const colours = variant === 'dark' ? [style.dark] : [style.light];
     const classList = classNames({
-        [style.showStickyNav]: visible
-    }, className, style[bgColour], style.stickyNav, theme);
+        [style.showStickyNav]: visible,
+        [style.stickyNavDropShadow]: withShadow
+    }, className, colours, style.stickyNav, theme);
     const sideNavClasses = classNames({
         [style.sideBarCollapsed]: !showSideNav,
         [style.sideBarExpanded]: showSideNav
-    }, style[bgColour], style.sideNavClassList);
+    }, style.sideNavClassList, colours);
     const dropdownNavClasses = classNames({
         [style.dropDownCollapsed]: !showDropdownNav,
         [`h-${dropdownNavHeight}`]: showDropdownNav
-    }, style[bgColour], style.dropDownNavClassList);
-    const mobileContainer = classNames(style.mobileContainer, style[bgColour], mobileClasses);
+    }, style.dropDownNavClassList);
+    const mobileContainer = classNames(style.mobileContainer, mobileClasses);
     const toggleMenu = () => {
         getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(asSideBar, !showSideNav);
         if (asSideBar) {
@@ -34,13 +36,13 @@ const StickyNav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo
     return (React.createElement("div", { id: `sticky_${id}`, className: classList },
         React.createElement(Container, { withPadding: true, className: mobileContainer, theme: theme },
             React.createElement("div", { className: style.collapseBtnWrapper },
-                React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme })),
+                React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme, variant: variant === 'dark' ? 'primary' : 'secondary' })),
             React.createElement("a", { className: style.mobileLogo, href: logoLink, tabIndex: tabindex },
                 React.createElement(Image, { src: variant === 'dark' ? mobileLogoDarkTheme : mobileLogo, 
                     // title={`${theme.split('-')[1]}-sticky-mobile-logo`}
                     // altText={`${theme.split('-')[1]}-sticky-mobile-logo`}
                     height: 5, width: 5 }))),
-        React.createElement(Container, { withPadding: true, className: style.desktopContainer, theme: theme },
+        React.createElement(Container, { withPadding: true, className: style.desktopNav, theme: theme },
             React.createElement("div", { className: style.logoClassList },
                 React.createElement("a", { className: style.desktopLogo, href: logoLink, tabIndex: tabindex },
                     React.createElement(Image, { src: variant === 'dark' ? logoDarkTheme : logo, title: `${(_a = themeString === null || themeString === void 0 ? void 0 : themeString.split('-')[1]) !== null && _a !== void 0 ? _a : 'a'}-sticky-desktop-logo`, altText: `${(_b = themeString === null || themeString === void 0 ? void 0 : themeString.split('-')[1]) !== null && _b !== void 0 ? _b : 'a'}-sticky-desktop-logo`, height: 5, width: 5 }))),
@@ -49,7 +51,7 @@ const StickyNav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo
             }))),
         asSideBar
             ? (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
-                return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: style.mobileSideBarMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme, tabindex: tabindex })));
+                return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: classNames(colours, style.mobileSideBarMenuNavItems), bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme, tabindex: tabindex })));
             })))
             /* dropdown */
             : (React.createElement("div", { className: dropdownNavClasses },

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

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

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

@@ -2,7 +2,20 @@
 
     position: relative;
 
-    z-index: 50
+    z-index: 50;
+
+    display: flex;
+
+    align-items: center;
+
+    justify-content: space-between
+}
+
+.desktopNavDropShadow {
+
+    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
+
+    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }
 
 .mobileNav {
@@ -33,6 +46,13 @@
     transition-duration: 500ms
 }
 
+.stickyNavDropShadow {
+
+    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
+
+    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+
 .showStickyNav {
 
     opacity: 1;
@@ -77,15 +97,6 @@
     color: var(--color-white)
 }
 
-.desktopContainer {
-
-    display: flex;
-
-    align-items: center;
-
-    justify-content: space-between
-}
-
 .collapseBtnWrapper {
 
     position: absolute;
@@ -178,6 +189,23 @@
     }
 }
 
+.profileClassList {
+
+    display: none;
+
+    width: 24rem;
+
+    flex-direction: row-reverse
+}
+
+@media (min-width: 768px) {
+
+    .profileClassList {
+
+        display: flex
+    }
+}
+
 .desktopLogo:focus {
 
     border-width: 2px;
@@ -317,6 +345,8 @@
 
 .sideBarExpanded {
 
+    height: 100vh;
+
     width: 100%
 }
 
@@ -327,4 +357,18 @@
         width: 33.333333%
     }
 }
+
+.dark {
+
+    background-color: var(--color-primary);
+
+    color: var(--color-white)
+}
+
+.light {
+
+    background-color: var(--color-white);
+
+    color: var(--color-primary)
+}
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,kBAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAoF;;IAApF,QAAoF;;IAApF,WAAoF;;IAApF,WAAoF;;IAApF,gBAAoF;;IAApF,UAAoF;;IAApF,wBAAoF;;IAApF,wDAAoF;;IAApF;AAAoF;;AAIpF;;IAAA,UAA+C;;IAA/C,wBAA+C;;IAA/C,wDAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA;AAAa;;AAIb;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,aAAwC;;IAAxC,mBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA;AAAmB;;AAInB;;IAAA,aAA+D;;IAA/D,YAA+D;;IAA/D,uBAA+D;;IAA/D,mBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA,aAA+D;;QAA/D;IAA+D;AAAA;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,iBAA+B;;IAA/B,kBAA+B;;IAA/B,WAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,aAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA;;QAAA;IAA0B;AAAA;;AAI1B;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,aAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;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,eAA+D;;IAA/D,WAA+D;;IAA/D,YAA+D;;IAA/D,gBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAU;;AAIV;;IAAA;AAAsB;;AAAtB;;IAAA;;QAAA;IAAsB;AAAA","file":"style.module.css","sourcesContent":[".desktopNav {\n    @apply z-50 relative;\n}\n\n.mobileNav {\n    @apply z-50 relative;\n}\n\n.stickyNav {\n    @apply fixed z-40 top-0 overflow-hidden w-full opacity-0 transition-all duration-500;\n}\n\n.showStickyNav {\n    @apply opacity-100 transition-all duration-1000;\n}\n\n.invisible {\n    @apply hidden;\n}\n\n.primary {\n    @apply bg-primary text-white;\n}\n\n.secondary {\n    @apply bg-secondary text-white;\n}\n\n.white {\n    @apply bg-white text-black;\n}\n\n.black {\n    @apply bg-black text-white;\n}\n\n.desktopContainer {\n    @apply flex items-center justify-between;\n}\n\n.collapseBtnWrapper {\n    @apply absolute inset-y-0 left-8 top-4;\n}\n\n.collapseBtnWrapper:hover>button {\n    @apply text-primary;\n}\n\n.navItems {\n    @apply hidden md:flex justify-center py-6 md:pr-16 lg:pr-0 w-96;\n}\n\n.navItemPadding {\n    @apply w-24 mx-auto text-center;\n}\n\n.logoClassList {\n    @apply hidden md:flex w-96;\n}\n\n.textClassList {\n    @apply hidden lg:flex w-96 flex-row-reverse;\n}\n\n.desktopLogo:focus {\n    @apply border-2 border-white;\n}\n\n.mobileLogo {\n    @apply mx-auto;\n}\n\n.mobileLogo:focus {\n    @apply border-2 border-white;\n}\n\n.mobileContainer {\n    @apply flex items-center md:hidden;\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 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.mobileSideBarMenuNavItems:focus {\n    @apply border-2 border-white;\n}\n\n.sideBarCollapsed {\n    @apply w-0;\n}\n\n.sideBarExpanded {\n    @apply w-full sm:w-1/3;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAAoB;;IAApB,WAAoB;;IACpB,aAAwC;;IAAxC,mBAAwC;;IAAxC;AADoB;;AAKpB;;IAAA,mGAAqB;;IAArB;AAAqB;;AAIrB;;IAAA,kBAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAoF;;IAApF,QAAoF;;IAApF,WAAoF;;IAApF,WAAoF;;IAApF,gBAAoF;;IAApF,UAAoF;;IAApF,wBAAoF;;IAApF,wDAAoF;;IAApF;AAAoF;;AAIpF;;IAAA,mGAAqB;;IAArB;AAAqB;;AAIrB;;IAAA,UAA+C;;IAA/C,wBAA+C;;IAA/C,wDAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA;AAAa;;AAIb;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA;AAAmB;;AAInB;;IAAA,aAA+D;;IAA/D,YAA+D;;IAA/D,uBAA+D;;IAA/D,mBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA,aAA+D;;QAA/D;IAA+D;AAAA;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,iBAA+B;;IAA/B,kBAA+B;;IAA/B,WAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,aAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA;;QAAA;IAA0B;AAAA;;AAI1B;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,aAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;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,eAA+D;;IAA/D,WAA+D;;IAA/D,YAA+D;;IAA/D,gBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAU;;AAIV;;IAAA,aAA+B;;IAA/B;AAA+B;;AAA/B;;IAAA;;QAAA;IAA+B;AAAA;;AAI/B;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA4B;;IAA5B;AAA4B","file":"style.module.css","sourcesContent":[".desktopNav {\n    @apply z-50 relative;\n    @apply flex items-center justify-between;\n}\n\n.desktopNavDropShadow {\n    @apply drop-shadow-lg;\n}\n\n.mobileNav {\n    @apply z-50 relative;\n}\n\n.stickyNav {\n    @apply fixed z-40 top-0 overflow-hidden w-full opacity-0 transition-all duration-500;\n}\n\n.stickyNavDropShadow {\n    @apply drop-shadow-lg;\n}\n\n.showStickyNav {\n    @apply opacity-100 transition-all duration-1000;\n}\n\n.invisible {\n    @apply hidden;\n}\n\n.primary {\n    @apply bg-primary text-white;\n}\n\n.secondary {\n    @apply bg-secondary text-white;\n}\n\n.white {\n    @apply bg-white text-black;\n}\n\n.black {\n    @apply bg-black text-white;\n}\n\n.collapseBtnWrapper {\n    @apply absolute inset-y-0 left-8 top-4;\n}\n\n.collapseBtnWrapper:hover>button {\n    @apply text-primary;\n}\n\n.navItems {\n    @apply hidden md:flex justify-center py-6 md:pr-16 lg:pr-0 w-96;\n}\n\n.navItemPadding {\n    @apply w-24 mx-auto text-center;\n}\n\n.logoClassList {\n    @apply hidden md:flex w-96;\n}\n\n.textClassList {\n    @apply hidden lg:flex w-96 flex-row-reverse;\n}\n\n.profileClassList {\n    @apply hidden md:flex w-96 flex-row-reverse;\n}\n\n.desktopLogo:focus {\n    @apply border-2 border-white;\n}\n\n.mobileLogo {\n    @apply mx-auto;\n}\n\n.mobileLogo:focus {\n    @apply border-2 border-white;\n}\n\n.mobileContainer {\n    @apply flex items-center md:hidden;\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 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.mobileSideBarMenuNavItems:focus {\n    @apply border-2 border-white;\n}\n\n.sideBarCollapsed {\n    @apply w-0;\n}\n\n.sideBarExpanded {\n    @apply w-full sm:w-1/3 h-screen;\n}\n\n.dark {\n    @apply bg-primary text-white;\n}\n\n.light {\n    @apply bg-white text-primary;\n}"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "1.0.37",
+  "version": "1.0.39",
   "private": false,
   "keywords": [
     "react",