trepur_components 1.0.25 → 1.0.26

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

@@ -1,60 +1,80 @@
-.nav {
+.desktopNav {
+
+    position: relative;
+
+    z-index: 50
+}
+
+.mobileNav {
+
+    position: relative;
+
+    z-index: 50
+}
+
+.stickyNav {
 
     position: fixed;
 
     top: 0px;
 
-    z-index: 50;
-
-    height: 5rem;
+    z-index: 40;
 
     width: 100%;
 
-    overflow: hidden
+    overflow: hidden;
+
+    opacity: 0;
+
+    transition-property: all;
+
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+
+    transition-duration: 500ms
 }
 
-.primary {
+.showStickyNav {
 
-    --tw-bg-opacity: 1;
+    opacity: 1;
 
-    background-color: rgb(0 54 160 / var(--tw-bg-opacity));
+    transition-property: all;
 
-    --tw-text-opacity: 1;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 
-    color: rgb(255 255 255 / var(--tw-text-opacity))
+    transition-duration: 1000ms
 }
 
-.secondary {
+.invisible {
 
-    --tw-bg-opacity: 1;
+    display: none
+}
 
-    background-color: rgb(255 168 0 / var(--tw-bg-opacity));
+.primary {
 
-    --tw-text-opacity: 1;
+    background-color: var(--color-primary);
 
-    color: rgb(255 255 255 / var(--tw-text-opacity))
+    color: var(--color-white)
 }
 
-.white {
+.secondary {
 
-    --tw-bg-opacity: 1;
+    background-color: var(--color-secondary);
 
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+    color: var(--color-white)
+}
+
+.white {
 
-    --tw-text-opacity: 1;
+    background-color: var(--color-white);
 
-    color: rgb(0 0 0 / var(--tw-text-opacity))
+    color: var(--color-black)
 }
 
 .black {
 
-    --tw-bg-opacity: 1;
+    background-color: var(--color-black);
 
-    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
-
-    --tw-text-opacity: 1;
-
-    color: rgb(255 255 255 / var(--tw-text-opacity))
+    color: var(--color-white)
 }
 
 .desktopContainer {
@@ -81,9 +101,7 @@
 
 .collapseBtnWrapper:hover>button {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(0 54 160 / var(--tw-text-opacity))
+    color: var(--color-primary)
 }
 
 .navItems {

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,eAAmD;;IAAnD,QAAmD;;IAAnD,WAAmD;;IAAnD,YAAmD;;IAAnD,WAAmD;;IAAnD;AAAmD;;AAInD;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA8B;;IAA9B,uDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,kBAA0B;;IAA1B,yDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAA0B;;IAA1B,mDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,aAAwC;;IAAxC,mBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,oBAAmB;;IAAnB;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,iBAAc;;IAAd;AAAc;;AAId;;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;AAAU;;AAIV;;IAAA;AAAsB;;AAAtB;;IAAA;;QAAA;IAAsB;AAAA","file":"style.module.css","sourcesContent":[".nav {\n    @apply h-20 fixed w-full z-50 top-0 overflow-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.mobileLogo {\n    @apply mx-auto;\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.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;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,iBAAc;;IAAd;AAAc;;AAId;;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;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.mobileLogo {\n    @apply mx-auto;\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.sideBarCollapsed {\n    @apply w-0;\n}\n\n.sideBarExpanded {\n    @apply w-full sm:w-1/3;\n}"]}

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
@@ -10,6 +11,7 @@ export interface Props {
     underlineOnHover?: boolean;
     isActive?: boolean;
     variant?: 'primary' | 'secondary';
+    theme?: ThemeTypes;
 }
-declare const NavItem: ({ id, className, title, href, onClick, bordered, rounded, underlineOnHover, isActive, variant }: Props) => JSX.Element;
+declare const NavItem: ({ id, className, title, href, onClick, bordered, rounded, underlineOnHover, isActive, variant, theme }: Props) => JSX.Element;
 export default NavItem;

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import classNames from 'classnames';
 import style from './style.module.css';
-const NavItem = ({ id, className, title, href = '/', onClick, bordered = false, rounded = true, underlineOnHover = true, isActive = false, variant = 'primary' }) => {
-    const classList = classNames(className, style.navItem);
+const NavItem = ({ id, className, title, href = '/', onClick, bordered = false, rounded = true, underlineOnHover = true, isActive = false, variant = 'primary', theme = 'theme-rupertbennett' }) => {
+    const classList = classNames(className, style.navItem, theme);
     const anchorClassList = classNames({
         [style.underline]: underlineOnHover,
         [style.active]: isActive,

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

@@ -1 +1 @@
-{"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAetC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,GAAG,GAAG,EACV,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACb,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEtD,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,gBAAgB;QACnC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,QAAQ;QACxB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ;QAC3B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;KAC3C,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;IAE3B,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,2BACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe;YAE1B,8BAAM,SAAS,EAAE,KAAK,CAAC,aAAa,IACjC,KAAK,CACD,CACL,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAiBtC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,GAAG,GAAG,EACV,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE7D,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,gBAAgB;QACnC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,QAAQ;QACxB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ;QAC3B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;KAC3C,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;IAE3B,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,2BACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe;YAE1B,8BAAM,SAAS,EAAE,KAAK,CAAC,aAAa,IACjC,KAAK,CACD,CACL,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -87,46 +87,30 @@
 
 .secondary {
 
-    --tw-bg-opacity: 1;
+    background-color: var(--color-primary);
 
-    background-color: rgb(0 54 160 / var(--tw-bg-opacity));
-
-    --tw-text-opacity: 1;
-
-    color: rgb(255 255 255 / var(--tw-text-opacity))
+    color: var(--color-white)
 }
 
 .secondary > span:before {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-
-    --tw-text-opacity: 1;
+    background-color: var(--color-white);
 
-    color: rgb(255 255 255 / var(--tw-text-opacity))
+    color: var(--color-white)
 }
 
 .primary {
 
-    --tw-bg-opacity: 1;
+    background-color: var(--color-white);
 
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-
-    --tw-text-opacity: 1;
-
-    color: rgb(0 54 160 / var(--tw-text-opacity))
+    color: var(--color-primary)
 }
 
 .primary > span:before {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(0 54 160 / var(--tw-bg-opacity));
-
-    --tw-text-opacity: 1;
+    background-color: var(--color-primary);
 
-    color: rgb(0 54 160 / var(--tw-text-opacity))
+    color: var(--color-primary)
 }
 
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/NavItem/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAyB;;IAAzB,oBAAyB;;IAAzB,qBAAyB;;IAAzB,mBAAyB;;IAAzB;AAAyB;;AAIzB;;IAAA;AAAiB;;AAIjB;;IAAA,WAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,kBAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,kBAAmD;;IAAnD,gBAAmD;;IAAnD,SAAmD;;IAAnD,eAAmD;;IAAnD,wBAAmD;;IAAnD,wDAAmD;;IAAnD;AAAmD;;AAInD;;IAAA;AAAa;;AAIb;;IAAA,0BAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,0BAAiB;;IAAjB;AAAiB;;AAIjB;;IAAA,8BAAmB;;IAAnB;AAAmB;;AAInB;;IAAA;AAAa;;AAIb;;IAAA,mBAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA0B;;IAA1B,yDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAA4B;;IAA5B,yDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA8B;;IAA9B,sDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B","file":"style.module.css","sourcesContent":[".bordered {\n    @apply border-2 px-2 py-2;\n}\n\n.rounded {\n    @apply rounded-md;\n}\n\n.navItem {\n    @apply w-auto list-none;\n}\n\n.underline > span {\n    @apply relative ease-linear;\n}\n\n.underline > span:before {\n    @apply absolute -bottom-1 left-0 h-1 transition-all;\n}\n\n.underline:hover > span:before {\n    @apply w-full;\n}\n\n.active > span {\n    @apply before:w-full;\n}\n\n.inactive > span {\n    @apply before:w-0;\n}\n\n.anchorClassList {\n    @apply outline-none;\n}\n\n.anchorClassList:focus > span:before {\n    @apply w-full;\n}\n\n.spanClassList {\n    @apply text-center whitespace-nowrap;\n}\n\n.secondary {\n    @apply text-white bg-primary;\n}\n\n.secondary > span:before {\n    @apply text-white bg-white;\n}\n\n.primary {\n    @apply text-primary bg-white;\n}\n\n.primary > span:before{\n    @apply text-primary bg-primary;\n}\n\n"]}
+{"version":3,"sources":["../../../../../src/lib/components/NavItem/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAyB;;IAAzB,oBAAyB;;IAAzB,qBAAyB;;IAAzB,mBAAyB;;IAAzB;AAAyB;;AAIzB;;IAAA;AAAiB;;AAIjB;;IAAA,WAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,kBAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,kBAAmD;;IAAnD,gBAAmD;;IAAnD,SAAmD;;IAAnD,eAAmD;;IAAnD,wBAAmD;;IAAnD,wDAAmD;;IAAnD;AAAmD;;AAInD;;IAAA;AAAa;;AAIb;;IAAA,0BAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,0BAAiB;;IAAjB;AAAiB;;AAIjB;;IAAA,8BAAmB;;IAAnB;AAAmB;;AAInB;;IAAA;AAAa;;AAIb;;IAAA,mBAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,sCAA8B;;IAA9B;AAA8B","file":"style.module.css","sourcesContent":[".bordered {\n    @apply border-2 px-2 py-2;\n}\n\n.rounded {\n    @apply rounded-md;\n}\n\n.navItem {\n    @apply w-auto list-none;\n}\n\n.underline > span {\n    @apply relative ease-linear;\n}\n\n.underline > span:before {\n    @apply absolute -bottom-1 left-0 h-1 transition-all;\n}\n\n.underline:hover > span:before {\n    @apply w-full;\n}\n\n.active > span {\n    @apply before:w-full;\n}\n\n.inactive > span {\n    @apply before:w-0;\n}\n\n.anchorClassList {\n    @apply outline-none;\n}\n\n.anchorClassList:focus > span:before {\n    @apply w-full;\n}\n\n.spanClassList {\n    @apply text-center whitespace-nowrap;\n}\n\n.secondary {\n    @apply text-white bg-primary;\n}\n\n.secondary > span:before {\n    @apply text-white bg-white;\n}\n\n.primary {\n    @apply text-primary bg-white;\n}\n\n.primary > span:before{\n    @apply text-primary bg-primary;\n}\n\n"]}

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Props as buttonProps } from '../Button/Button';
 import { Props as imageProps } from '../Image/Image';
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
@@ -9,6 +10,7 @@ export interface Props {
     imageProps?: imageProps;
     buttonProps?: buttonProps;
     rounded?: boolean;
+    theme?: ThemeTypes;
 }
-declare const NewsCard: ({ id, className, title, content, imageProps, buttonProps, rounded }: Props) => JSX.Element;
+declare const NewsCard: ({ id, className, title, content, imageProps, buttonProps, rounded, theme }: Props) => JSX.Element;
 export default NewsCard;

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

@@ -3,10 +3,10 @@ import Button from '../Button/Button';
 import Image from '../Image/Image';
 import classNames from 'classnames';
 import style from './style.module.css';
-const NewsCard = ({ id, className, title, content, imageProps, buttonProps, rounded }) => {
+const NewsCard = ({ id, className, title, content, imageProps, buttonProps, rounded, theme = 'theme-rupertbennett' }) => {
     const classList = classNames({
         [style.rounded]: rounded
-    }, className, style.classList);
+    }, className, style.classList, theme);
     const src = (imageProps === null || imageProps === void 0 ? void 0 : imageProps.src) !== undefined ? imageProps.src : '';
     return (React.createElement("div", { id: id, className: classList },
         React.createElement("div", null,

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

@@ -1 +1 @@
-{"version":3,"file":"NewsCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/NewsCard/NewsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAYtC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,EACV,WAAW,EACX,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;KACzB,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAE9B,MAAM,GAAG,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,MAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAE/D,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B;YACE,oBAAC,KAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,CAC/B;QACN,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC;YAC5D,+BAAI,KAAK,CAAK;YACd,+BAAI,OAAO,CAAK;YACf,CAAC,WAAW,KAAK,SAAS,CAAC;gBAC1B,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;oBACjC,oBAAC,MAAM,oBAAK,WAAW,GACpB,WAAW,CAAC,QAAQ,CACd,CACL,CACJ,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"NewsCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/NewsCard/NewsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AActC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,EACV,WAAW,EACX,OAAO,EACP,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;KACzB,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAErC,MAAM,GAAG,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,MAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAE/D,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B;YACE,oBAAC,KAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,CAC/B;QACN,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC;YAC5D,+BAAI,KAAK,CAAK;YACd,+BAAI,OAAO,CAAK;YACf,CAAC,WAAW,KAAK,SAAS,CAAC;gBAC1B,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;oBACjC,oBAAC,MAAM,oBAAK,WAAW,GACpB,WAAW,CAAC,QAAQ,CACd,CACL,CACJ,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ThemeTypes } from '../../utils/controls';
+export interface Props {
+    id?: string;
+    className?: string;
+    text: string;
+    onClick?: () => void;
+    dismissOnClick?: boolean;
+    theme?: ThemeTypes;
+}
+declare const Pill: ({ id, className, text, onClick, dismissOnClick, theme }: Props) => JSX.Element;
+export default Pill;

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

@@ -0,0 +1,27 @@
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import style from './style.module.css';
+import Icon from '../Icon/Icon';
+const Pill = ({ id, className, text, onClick, dismissOnClick = false, theme = 'theme-rupertbennett' }) => {
+    const [shouldDisplay, setShouldDisplay] = useState(true);
+    const classList = classNames({
+        [style.hidden]: !shouldDisplay,
+        [style.wrapperPadding]: !dismissOnClick,
+        [style.wrapperPaddingDismiss]: dismissOnClick
+    }, className, [style.wrapperClasses], theme);
+    const handleOnClick = () => {
+        if (dismissOnClick) {
+            setShouldDisplay(false);
+        }
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    };
+    return (shouldDisplay
+        ? (React.createElement("button", { id: id, className: classList, onClick: handleOnClick },
+            React.createElement("div", { className: style.classes },
+                React.createElement("p", null, text),
+                dismissOnClick &&
+                    React.createElement(Icon, { className: style.icon, type: 'multiply', bgColour: 'white', hoverBgColour: 'white', colour: 'primary', hoverColour: 'primary' }))))
+        : React.createElement(React.Fragment, null));
+};
+export default Pill;
+//# sourceMappingURL=Pill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../../../../src/lib/components/Pill/Pill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAYxC,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,IAAI,EACJ,OAAO,EACP,cAAc,GAAG,KAAK,EACtB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAExD,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa;QAC9B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC,cAAc;QACvC,CAAC,KAAK,CAAC,qBAAqB,CAAC,EAAE,cAAc;KAC9C,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAA;IAE5C,MAAM,aAAa,GAAG,GAAS,EAAE;QAC/B,IAAI,cAAc,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,CAAA;SACxB;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;IACb,CAAC,CAAA;IAED,OAAO,CACL,aAAa;QACX,CAAC,CAAC,CACA,gCACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,aAAa;YAEtB,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;gBAC3B,+BAAI,IAAI,CAAK;gBACZ,cAAc;oBACb,oBAAC,IAAI,IACH,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAC,OAAO,EAChB,aAAa,EAAC,OAAO,EACrB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,SAAS,GACrB,CACA,CACC,CAAC;QACZ,CAAC,CAAC,yCAAK,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

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

@@ -0,0 +1,60 @@
+.wrapperClasses {
+
+    border-radius: 9999px;
+
+    border-width: 2px;
+
+    padding-top: 0.25rem;
+
+    padding-bottom: 0.25rem;
+
+    display: inline-block;
+
+    border-color: var(--color-primary);
+
+    color: var(--color-primary)
+}
+
+.wrapperPadding {
+
+    padding-left: 1rem;
+
+    padding-right: 1rem
+}
+
+.wrapperPaddingDismiss {
+
+    padding-left: 1rem;
+
+    padding-right: 0.25rem
+}
+
+.classes {
+
+    display: flex
+}
+
+.icon {
+
+    margin-left: 0.5rem;
+
+    border-radius: 9999px
+}
+
+.visible {
+
+    opacity: 1
+}
+
+.invisible {
+
+    opacity: 0
+}
+
+.hidden {
+
+    visibility: hidden;
+
+    opacity: 0
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Pill/style.module.css"],"names":[],"mappings":"AACI;;IAAA,qBAAiC;;IAAjC,iBAAiC;;IAAjC,oBAAiC;;IAAjC,uBAAiC;;IACjC,qBAA+C;;IAA/C,kCAA+C;;IAA/C;AADiC;;AAKjC;;IAAA,kBAAW;;IAAX;AAAW;;AAIX;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAW;;AAIX;;IAAA,mBAAwB;;IAAxB;AAAwB;;AAIxB;;IAAA;AAAkB;;AAIlB;;IAAA;AAAgB;;AAIhB;;IAAA,kBAAgB;;IAAhB;AAAgB","file":"style.module.css","sourcesContent":[".wrapperClasses {\n    @apply border-2 rounded-full py-1;\n    @apply inline-block border-primary text-primary;\n}\n\n.wrapperPadding { \n    @apply px-4;\n}\n\n.wrapperPaddingDismiss { \n    @apply pl-4 pr-1;\n}\n\n.classes {\n    @apply flex;\n}\n\n.icon {\n    @apply ml-2 rounded-full;\n}\n\n.visible {\n    @apply opacity-100;\n}\n\n.invisible {\n    @apply opacity-0;\n}\n\n.hidden {\n    @apply invisible;\n}"]}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Props as imageProps } from '../Image/Image';
+import { ThemeTypes } from '../../utils/controls';
+export interface Props {
+    id?: string;
+    className?: string;
+    title?: string;
+    imageProps?: imageProps;
+    textLineOne?: string;
+    textLineTwo?: string;
+    textLineThree?: string;
+    ctaText: string;
+    ctaOnClick?: () => void;
+    theme?: ThemeTypes;
+}
+declare const ProductCard: React.FC<Props>;
+export default ProductCard;

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

@@ -0,0 +1,31 @@
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import Button from '../Button/Button';
+import style from './style.module.css';
+const ProductCard = ({ id, className, imageProps, title, textLineOne, textLineTwo, textLineThree, ctaText, ctaOnClick, theme = 'theme-rupertbennett' }) => {
+    const [isHovering, setIsHovering] = useState(false);
+    const ProductCardTitleClasses = classNames(style.title);
+    const ProductCardSubTitleClassList = classNames(style.subtitle);
+    const classList = classNames(className, style.classList, theme);
+    const imageClassList = classNames(style.imageClassList);
+    return (React.createElement("div", { id: id, className: classList, onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false) },
+        React.createElement("div", null,
+            React.createElement("img", Object.assign({ className: imageClassList }, imageProps))),
+        React.createElement("div", { className: style.content },
+            !isHovering &&
+                React.createElement("div", { className: style.contentWrapper },
+                    title !== undefined &&
+                        React.createElement("h3", { className: ProductCardTitleClasses }, title),
+                    textLineOne !== undefined &&
+                        React.createElement("h4", { className: ProductCardSubTitleClassList }, textLineOne),
+                    textLineTwo !== undefined &&
+                        React.createElement("h4", { className: ProductCardSubTitleClassList }, textLineTwo),
+                    textLineThree !== undefined &&
+                        React.createElement("h4", { className: ProductCardSubTitleClassList }, textLineThree)),
+            isHovering &&
+                React.createElement("div", { className: style.hoverContentWrapper },
+                    React.createElement("div", { className: style.buttonWrapper },
+                        React.createElement(Button, { onClick: ctaOnClick, theme: theme }, ctaText))))));
+};
+export default ProductCard;
+//# sourceMappingURL=ProductCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/ProductCard/ProductCard.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;AAE9C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAgBtC,MAAM,WAAW,GAAoB,CAAC,EACpC,EAAE,EACF,SAAS,EACT,UAAU,EACV,KAAK,EACL,WAAW,EACX,WAAW,EACX,aAAa,EACb,OAAO,EACP,UAAU,EACV,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,uBAAuB,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,4BAA4B,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC/D,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAC/D,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;IAEvD,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EACtC,UAAU,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC;QAEtC;YACE,2CAAK,SAAS,EAAE,cAAc,IAAM,UAAU,EAAI,CAC9C;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;YAC1B,CAAC,UAAU;gBACV,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;oBACjC,KAAK,KAAK,SAAS;wBAClB,4BAAI,SAAS,EAAE,uBAAuB,IACnC,KAAK,CACH;oBACN,WAAW,KAAK,SAAS;wBACxB,4BAAI,SAAS,EAAE,4BAA4B,IACxC,WAAW,CACT;oBACN,WAAW,KAAK,SAAS;wBACxB,4BAAI,SAAS,EAAE,4BAA4B,IACxC,WAAW,CACT;oBACN,aAAa,KAAK,SAAS;wBAC1B,4BAAI,SAAS,EAAE,4BAA4B,IACxC,aAAa,CACX,CACH;YACP,UAAU;gBACT,6BAAK,SAAS,EAAE,KAAK,CAAC,mBAAmB;oBACvC,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;wBACjC,oBAAC,MAAM,IACL,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,KAAK,IAEX,OAAO,CACD,CACL,CACF,CACJ,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,74 @@
+.classList {
+    display: flex;
+    flex-direction: column;
+    border-radius: 0.5rem;
+    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+    max-width: 380px;
+}
+
+.imageClassList {
+    height: 100%;
+    width: 100%;
+    height: 24rem;
+    overflow: hidden;
+    object-fit: cover;
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+}
+
+.content {
+    height: 150px;
+    overflow: hidden;
+}
+
+.contentWrapper {
+    height: 100%;
+    background-color: var(--color-white);
+    margin-top: 0px;
+    padding: 1.5rem;
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 300ms;
+}
+
+.title {
+    font-size: 20px;
+    font-weight: 500;
+}
+
+.subtitle {
+    font-size: 16px;
+    font-weight: 400;
+}
+
+.description {
+    padding-bottom: 1.5rem;
+    font-size: 16px;
+    font-weight: 300;
+}
+
+.hoverContentWrapper {
+    display: flex;
+    height: 100%;
+    text-align: center;
+    background-color: var(--color-white);
+    margin-top: 0px;
+    padding: 1.5rem;
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 300ms;
+}
+
+.buttonWrapper {
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: auto;
+    margin-bottom: auto;
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/ProductCard/style.module.css"],"names":[],"mappings":"AACI;IAAA,aAAoB;IAApB,sBAAoB;IACpB,qBAAiB;IACjB,gFAAgB;IAAhB,oGAAgB;IAAhB,uGAAgB;IAChB;AAHoB;;AAOpB;IAAA,YAAiC;IAAjC,WAAiC;IACjC,aAAwC;IAAxC,gBAAwC;IAAxC,iBAAwC;IACxC,8BAAmB;IAAnB;AAFiC;;AAKrC;IACI,aAAa;IACb,gBAAsB;AAC1B;;AAGI;IAAA,YAAa;IACb,oCAAe;IACf,eAAe;IAAf,eAAe;IACf,kCAAmB;IAAnB,iCAAmB;IACnB,wBAAkC;IAAlC,wDAAkC;IAAlC;AAJa;;AAQb;IAAA,eAA0B;IAA1B;AAA0B;;AAI1B;IAAA,eAA2B;IAA3B;AAA2B;;AAI3B;IAAA,sBAA8B;IAA9B,eAA8B;IAA9B;AAA8B;;AAI9B;IAAA,aAA8B;IAA9B,YAA8B;IAA9B,kBAA8B;IAC9B,oCAAe;IACf,eAAe;IAAf,eAAe;IACf,kCAAmB;IAAnB,iCAAmB;IACnB,wBAAkC;IAAlC,wDAAkC;IAAlC;AAJ8B;;AAQ9B;IAAA,iBAAsB;IAAtB,kBAAsB;IAAtB,gBAAsB;IAAtB;AAAsB","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex flex-col;\n    @apply rounded-lg;\n    @apply shadow-xl;\n    max-width: 380px;\n}\n\n.imageClassList {\n    @apply w-full object-cover h-full;\n    @apply h-96 overflow-hidden object-cover;\n    @apply rounded-t-lg;\n}\n\n.content {\n    height: 150px;\n    @apply overflow-hidden;\n}\n\n.contentWrapper {\n    @apply h-full;\n    @apply bg-white;\n    @apply p-6 mt-0;\n    @apply rounded-b-lg;\n    @apply transition-all duration-300;\n}\n\n.title {\n    @apply font-medium text-sm;\n}\n\n.subtitle {\n    @apply font-regular text-xs;\n}\n\n.description {\n    @apply font-light text-xs pb-6;\n}\n\n.hoverContentWrapper {\n    @apply flex h-full text-center;\n    @apply bg-white;\n    @apply p-6 mt-0;\n    @apply rounded-b-lg;\n    @apply transition-all duration-300;   \n}\n\n.buttonWrapper {\n    @apply mx-auto my-auto;\n}"]}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Props as imageProps } from '../Image/Image';
-import { Colours } from '../../utils/controls';
+import { Colours, ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
@@ -8,6 +8,7 @@ export interface Props {
     description?: string;
     proficiencies: imageProps[];
     bgColour: Colours;
+    theme?: ThemeTypes;
 }
-declare const Proficiencies: ({ id, className, title, description, proficiencies, bgColour }: Props) => JSX.Element;
+declare const Proficiencies: ({ id, className, title, description, proficiencies, bgColour, theme }: Props) => JSX.Element;
 export default Proficiencies;

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

@@ -4,9 +4,9 @@ import style from './style.module.css';
 import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
 import Image from '../Image/Image';
 import Column from '../Column/Column';
-const Proficiencies = ({ id, className, title, description, proficiencies, bgColour }) => {
+const Proficiencies = ({ id, className, title, description, proficiencies, bgColour, theme = 'theme-rupertbennett' }) => {
     const classList = classNames(className, style.classList);
-    return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour },
+    return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
         React.createElement("div", { className: style.columnWrapper }, proficiencies.map((proficiency, i) => {
             return (React.createElement(Column, { key: `stat_${i}`, className: style.column, lg: 2, md: 2, sm: 4 },
                 React.createElement(Image, { className: style.image, src: proficiency.src, overlayText: proficiency.overlayText, width: 4, height: 4 })));

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

@@ -1 +1 @@
-{"version":3,"file":"Proficiencies.js","sourceRoot":"","sources":["../../../../../src/lib/components/Proficiencies/Proficiencies.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAY9C,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;QAElB,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,aAAa,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE;YACpC,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC;gBAEL,oBAAC,KAAK,IACJ,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,GAAG,EAAE,WAAW,CAAC,GAAG,EACpB,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,GACT,CACK,CACV,CAAA;QACH,CAAC,CAAC,CACE,CACW,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"Proficiencies.js","sourceRoot":"","sources":["../../../../../src/lib/components/Proficiencies/Proficiencies.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAa9C,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACR,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,aAAa,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE;YACpC,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC;gBAEL,oBAAC,KAAK,IACJ,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,GAAG,EAAE,WAAW,CAAC,GAAG,EACpB,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,GACT,CACK,CACV,CAAA;QACH,CAAC,CAAC,CACE,CACW,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -27,9 +27,7 @@
 
     font-weight: 500;
 
-    --tw-text-opacity: 1;
-
-    color: rgb(44 55 59 / var(--tw-text-opacity))
+    color: var(--color-grey)
 }
 
 .description {
@@ -40,9 +38,7 @@
 
     font-weight: 500;
 
-    --tw-text-opacity: 1;
-
-    color: rgb(44 55 59 / var(--tw-text-opacity))
+    color: var(--color-grey)
 }
 
 .columnWrapper {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Proficiencies/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAqB;;IAArB,kBAAqB;;IAArB;AAAqB;;AAIvB;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,sBAAyC;;IAAzC,eAAyC;;IAAzC,gBAAyC;;IAAzC,oBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,oBAAyC;;IAAzC,eAAyC;;IAAzC,gBAAyC;;IAAzC,oBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,aAAqB;;IAArB;AAAqB;;AAIrB;;IAAA;AAAW;;AAIX;;IAAA,iBAAsB;;IAAtB;AAAsB;;AAAtB;;IAAA;;QAAA,gBAAsB;;QAAtB;IAAsB;AAAA","file":"style.module.css","sourcesContent":[".classList {\n    @apply mx-auto w-full;\n}\n\n.container {\n  @apply py-8;\n}\n\n.heading {\n  @apply pt-0;\n}\n\n.title {\n  @apply pb-2 font-medium text-md text-grey;\n}\n\n.description {\n  @apply pb-8 font-medium text-sm text-grey;\n}\n\n.columnWrapper {\n  @apply flex flex-wrap;\n}\n\n.column {\n  @apply pb-4;\n}\n\n.image {\n  @apply mx-auto md:mx-0;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/Proficiencies/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAqB;;IAArB,kBAAqB;;IAArB;AAAqB;;AAIvB;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,sBAAyC;;IAAzC,eAAyC;;IAAzC,gBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,oBAAyC;;IAAzC,eAAyC;;IAAzC,gBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,aAAqB;;IAArB;AAAqB;;AAIrB;;IAAA;AAAW;;AAIX;;IAAA,iBAAsB;;IAAtB;AAAsB;;AAAtB;;IAAA;;QAAA,gBAAsB;;QAAtB;IAAsB;AAAA","file":"style.module.css","sourcesContent":[".classList {\n    @apply mx-auto w-full;\n}\n\n.container {\n  @apply py-8;\n}\n\n.heading {\n  @apply pt-0;\n}\n\n.title {\n  @apply pb-2 font-medium text-md text-grey;\n}\n\n.description {\n  @apply pb-8 font-medium text-sm text-grey;\n}\n\n.columnWrapper {\n  @apply flex flex-wrap;\n}\n\n.column {\n  @apply pb-4;\n}\n\n.image {\n  @apply mx-auto md:mx-0;\n}"]}

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { Props as imageProps } from '../Image/Image';
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
@@ -13,6 +14,7 @@ export interface Props {
     rounded?: boolean;
     bordered?: boolean;
     imageProps?: imageProps;
+    theme?: ThemeTypes;
 }
-declare const Profile: ({ id, className, profileLinks, alignment, imageHeight, imageWidth, rounded, bordered, imageProps }: Props) => JSX.Element;
+declare const Profile: ({ id, className, profileLinks, alignment, imageHeight, imageWidth, rounded, bordered, imageProps, theme }: Props) => JSX.Element;
 export default Profile;

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

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import Image from '../Image/Image';
 import classNames from 'classnames';
 import style from './style.module.css';
-const Profile = ({ id, className, profileLinks, alignment, imageHeight = 0, imageWidth = 0, rounded, bordered, imageProps }) => {
+const Profile = ({ id, className, profileLinks, alignment, imageHeight = 0, imageWidth = 0, rounded, bordered, imageProps, theme = 'theme-rupertbennett' }) => {
     const [profileState, setProfileState] = useState(false);
     const profileAlignment = classNames({
         [style.floatRight]: alignment === 'right',
@@ -18,7 +18,7 @@ const Profile = ({ id, className, profileLinks, alignment, imageHeight = 0, imag
     const classList = classNames({
         [style.rounded]: rounded === true,
         [style.bordered]: bordered === true
-    }, className, style.classList, `h-${imageHeight} w-${imageWidth}`);
+    }, className, style.classList, `h-${imageHeight} w-${imageWidth}`, theme);
     const src = (imageProps === null || imageProps === void 0 ? void 0 : imageProps.src) !== undefined ? imageProps.src : '';
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { id: id, className: classList },