trepur_components 1.0.60 → 2.1.0

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

@@ -1,24 +1,18 @@
 .classList {
 
-    display: flex;
-
     border-radius: 1rem;
 
-    --tw-scale-x: 1;
-
-    --tw-scale-y: 1;
-
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+    text-align: center
+}
 
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+@media (min-width: 550px) {
 
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+    .classList {
 
-    transition-duration: 300ms;
+        display: flex;
 
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
+        text-align: left
+    }
 }
 
 .large {
@@ -33,74 +27,12 @@
     padding-bottom: 1rem
 }
 
-.hoverable.classList:hover .icon {
-
-    --tw-scale-x: 1.1;
-
-    --tw-scale-y: 1.1;
-
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-
-    transition-duration: 300ms;
-
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
-}
-
-.hoverable.classList:hover .title {
-
-    --tw-scale-x: 1.1;
-
-    --tw-scale-y: 1.1;
-
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-
-    transition-duration: 300ms;
-
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
-}
-
-.hoverable.classList:hover .subtitle {
-
-    --tw-scale-x: 1.1;
-
-    --tw-scale-y: 1.1;
-
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+@media (min-width: 550px) {
 
-    transition-duration: 300ms;
+    .icon {
 
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
-}
-
-.icon {
-
-    margin-top: auto;
-
-    margin-bottom: auto;
-
-    display: flex;
-
-    height: 100%;
-
-    align-items: center
+        height: 100%
+    }
 }
 
 .large .icon {
@@ -110,7 +42,7 @@
     padding-right: 1rem
 }
 
-@media (min-width: 768px) {
+@media (min-width: 744px) {
 
     .large .icon {
 
@@ -125,7 +57,7 @@
     padding-right: 0.5rem
 }
 
-@media (min-width: 768px) {
+@media (min-width: 744px) {
 
     .small .icon {
 
@@ -135,10 +67,26 @@
 
 .text {
 
-    padding-right: 1rem
+    margin-top: 2rem;
+
+    display: flex;
+
+    flex-direction: column-reverse
+}
+
+@media (min-width: 550px) {
+
+    .text {
+
+        margin-top: 0px;
+
+        display: block;
+
+        padding-right: 1rem
+    }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 744px) {
 
     .text {
 
@@ -148,23 +96,32 @@
 
 .title {
 
-    font-weight: 600
+    font-weight: 300
 }
 
-.subtitle {
+@media (min-width: 550px) {
+
+    .title {
 
-    font-size: 12px
+        font-weight: 600
+    }
 }
 
-.centerText {
+.subtitle {
+
+    font-size: 48px;
 
-    display: flex;
+    font-weight: 500
+}
+
+@media (min-width: 550px) {
 
-    height: 100%;
+    .subtitle {
 
-    align-items: center;
+        font-size: 12px;
 
-    font-weight: 400
+        font-weight: 400
+    }
 }
 
 .primary {
@@ -229,4 +186,5 @@
 
     color: var(--color-white)
 }
+
 /*# sourceMappingURL=style.module.css.map */

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,aAAuB;;IAAvB,mBAAuB;;IACvB,eAAoD;;IAApD,eAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AADuB;;AAKvB;;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 rounded-2xl;\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}"]}
+{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACE;;IAAA,mBAAmD;;IAAnD;AAAmD;;AAAnD;;IAAA;;QAAA,aAAmD;;QAAnD;IAAmD;AAAA;;AAInD;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA;;QAAA;IAAgB;AAAA;;AAIhB;;IAAA,kBAAmB;;IAAnB;AAAmB;;AAAnB;;IAAA;;QAAA,kBAAmB;;QAAnB;IAAmB;AAAA;;AAInB;;IAAA;AAAmB;;AAAnB;;IAAA;;QAAA;IAAmB;AAAA;;AAInB;;IAAA,gBAAkE;;IAAlE,aAAkE;;IAAlE;AAAkE;;AAAlE;;IAAA;;QAAA,eAAkE;;QAAlE,cAAkE;;QAAlE;IAAkE;AAAA;;AAAlE;;IAAA;;QAAA;IAAkE;AAAA;;AAIlE;;IAAA;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,eAAsD;;IAAtD;AAAsD;;AAAtD;;IAAA;;QAAA,eAAsD;;QAAtD;IAAsD;AAAA;;AAItD;;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 sm:flex rounded-2xl text-center sm:text-left;\n}\n\n.large {\n  @apply py-8;\n}\n\n.small {\n  @apply pb-4;\n}\n\n.icon {\n  @apply sm:h-full;\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 flex flex-col-reverse sm:block sm:pr-4 md:pr-8 mt-8 sm:mt-0;\n}\n\n.title {\n  @apply font-light sm:font-semiBold;\n}\n\n.subtitle {\n  @apply text-xxl sm:text-xs font-medium sm: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}\n"]}

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

@@ -2,22 +2,21 @@ import React from 'react';
 import style from './style.module.css';
 import Container from '../Container/Container';
 import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
-import { InformationIcon } from '../../../../src/lib';
+import InformationIcon from '../InformationIcon/InformationIcon';
 import classNames from 'classnames';
 const InformationIconBlock = ({ id, className, title, description, bgColour, icons, theme = 'theme-rupertbennett' }) => {
     const classList = classNames(className);
     return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
-        React.createElement(Container, { withPadding: false },
-            React.createElement("div", { className: style.iconWrapper }, icons === null || icons === void 0 ? void 0 : icons.map((icon, i) => {
-                return (React.createElement(InformationIcon, { key: i, iconProps: {
-                        size: 2,
-                        type: icon.type,
-                        colour: 'primary',
-                        bgColour: 'white',
-                        hoverColour: 'primary',
-                        hoverBgColour: 'white'
-                    }, id: icon.name.replace(/\s+/g, ''), title: icon.name, subtitle: icon.value, withAnimation: true }));
-            })))));
+        React.createElement(Container, { className: style.iconWrapper, withPadding: false }, icons === null || icons === void 0 ? void 0 : icons.map((icon, i) => {
+            return (React.createElement(InformationIcon, { key: i, iconProps: {
+                    size: 2,
+                    type: icon.type,
+                    colour: 'primary',
+                    bgColour: 'white',
+                    hoverColour: 'primary',
+                    hoverBgColour: 'white'
+                }, id: icon.name.replace(/\s+/g, ''), title: icon.name, subtitle: icon.value, withAnimation: true }));
+        }))));
 };
 export default InformationIconBlock;
 //# sourceMappingURL=InformationIconBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InformationIconBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIconBlock/InformationIconBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,UAAU,MAAM,YAAY,CAAA;AAYnC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IACvC,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,oBAAC,SAAS,IAAC,WAAW,EAAE,KAAK;YAC3B,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;gBACnC,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,CAAC,EACN,SAAS,EAAE;wBACT,IAAI,EAAE,CAAC;wBACP,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,MAAM,EAAE,SAAS;wBACjB,QAAQ,EAAE,OAAO;wBACjB,WAAW,EAAE,SAAS;wBACtB,aAAa,EAAE,OAAO;qBACvB,EACD,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EACjC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,QAAQ,EAAE,IAAI,CAAC,KAAK,EACpB,aAAa,SACb,CACH,CAAA;YACH,CAAC,CAAC,CACE,CACI,CACK,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"InformationIconBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIconBlock/InformationIconBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,eAAe,MAAM,6CAA6C,CAAA;AAEzE,OAAO,UAAU,MAAM,YAAY,CAAA;AAYnC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IACvC,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,oBAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,WAAW,EAAE,KAAK,IACxD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;YACnC,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,CAAC,EACN,SAAS,EAAE;oBACT,IAAI,EAAE,CAAC;oBACP,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,MAAM,EAAE,SAAS;oBACjB,QAAQ,EAAE,OAAO;oBACjB,WAAW,EAAE,SAAS;oBACtB,aAAa,EAAE,OAAO;iBACvB,EACD,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EACjC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,QAAQ,EAAE,IAAI,CAAC,KAAK,EACpB,aAAa,SACb,CACH,CAAA;QACH,CAAC,CAAC,CACQ,CACK,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

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

@@ -2,20 +2,12 @@
 
     display: grid;
 
-    grid-template-columns: repeat(1, minmax(0, 1fr));
+    grid-template-columns: repeat(2, minmax(0, 1fr));
 
     gap: 1rem
 }
 
-@media (min-width: 640px) {
-
-    .iconWrapper {
-
-        grid-template-columns: repeat(2, minmax(0, 1fr))
-    }
-}
-
-@media (min-width: 1280px) {
+@media (min-width: 1128px) {
 
     .iconWrapper {
 
@@ -27,4 +19,5 @@
 
     padding-bottom: 3rem
 }
+
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/InformationIconBlock/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAA2D;;IAA3D,gDAA2D;;IAA3D;AAA2D;;AAA3D;;IAAA;;QAAA;IAA2D;AAAA;;AAA3D;;IAAA;;QAAA;IAA2D;AAAA;;AAI3D;;IAAA;AAAY","file":"style.module.css","sourcesContent":[".iconWrapper {\n    @apply grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4;\n}\n\n.iconClasses {\n    @apply pb-12;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/InformationIconBlock/style.module.css"],"names":[],"mappings":"AACE;;IAAA,aAA4C;;IAA5C,gDAA4C;;IAA5C;AAA4C;;AAA5C;;IAAA;;QAAA;IAA4C;AAAA;;AAI5C;;IAAA;AAAY","file":"style.module.css","sourcesContent":[".iconWrapper {\n  @apply grid grid-cols-2 xl:grid-cols-4 gap-4;\n}\n\n.iconClasses {\n  @apply pb-12;\n}\n"]}

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

@@ -26,7 +26,6 @@ export interface Props {
     value?: string;
     bgColour?: Colours;
     theme?: ThemeTypes;
-    fullWidth?: boolean;
 }
-declare const Input: ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value, fullWidth, theme }: Props) => JSX.Element;
+declare const Input: ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value, theme }: Props) => JSX.Element;
 export default Input;

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

@@ -1,19 +1,15 @@
 import React, { useRef } from 'react';
 import classNames from 'classnames';
 import style from './style.module.css';
-const Input = ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required = false, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState = false, value, fullWidth = false, theme = 'theme-rupertbennett' }) => {
+const Input = ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required = false, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState = false, value, theme = 'theme-rupertbennett' }) => {
     const newId = id !== undefined ? `-${id}` : '';
-    const fullWidthClasses = classNames({
-        [style.fullWidth]: fullWidth,
-        [style.notFullWidth]: !fullWidth
-    });
     const valueClassList = classNames({
-        [style.errorState]: (errors != null) || errorState
+        [style.errorState]: errors != null || errorState
     }, style.value);
     const labelClassList = classNames({
-        [style.labelError]: (errors != null) || errorState
+        [style.labelError]: errors != null || errorState
     }, style.label);
-    const headerClassList = classNames(fullWidthClasses, style.classList, className, theme);
+    const headerClassList = classNames(style.classList, className, theme);
     const btnRef = useRef(null);
     const handleClick = () => {
         var _a;
@@ -24,11 +20,12 @@ const Input = ({ id, className, autoComplete, disabled, formId, height, maxLengt
             React.createElement("div", { className: style.labelWrapper },
                 React.createElement("p", { className: labelClassList }, label),
                 required && React.createElement("p", { className: style.required }, "\u00A0*")),
-            React.createElement("input", { ref: btnRef, id: `input${newId}`, className: valueClassList, autoComplete: autoComplete, disabled: disabled, form: formId, height: height, maxLength: maxLength, minLength: minLength, pattern: pattern, required: required, readOnly: readOnly, type: type, name: name, value: value, placeholder: placeholder, onChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e), onBlur: onBlur, onFocus: onFocus, onClick: onClick })),
-        withValidation === true &&
-            React.createElement("div", { id: `errors${newId}`, className: classNames(style.errors, theme) }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
-                return (React.createElement("p", { key: `error-msg-${i + 0}`, className: style.errorText }, error));
-            }))));
+            React.createElement("input", { ref: btnRef, id: `input${newId}`, className: valueClassList, autoComplete: autoComplete, disabled: disabled, form: formId, height: height, maxLength: maxLength, minLength: minLength, pattern: pattern, required: required, readOnly: readOnly, type: type, name: name, value: value, placeholder: placeholder, onChange: (e) => {
+                    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+                }, onBlur: onBlur, onFocus: onFocus, onClick: onClick })),
+        withValidation && (React.createElement("div", { id: `errors${newId}`, className: classNames(style.errors, theme) }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
+            return (React.createElement("p", { key: `error-msg-${i + 0}`, className: style.errorText }, error));
+        })))));
 };
 export default Input;
 //# sourceMappingURL=Input.js.map

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

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

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

@@ -22,7 +22,7 @@
     width: 100%
 }
 
-@media (min-width: 640px) {
+@media (min-width: 550px) {
 
     .notFullWidth {
 
@@ -42,6 +42,8 @@
 
     padding-right: 0.25rem;
 
+    display: flex;
+
     border-radius: 1rem;
 
     background-color: var(--color-white);
@@ -51,10 +53,6 @@
     font-weight: 400
 }
 
-.label {
-
-}
-
 .required {
 
     font-weight: 600;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,gBAA2B;;IAA3B,WAA2B;;IAA3B,oCAA2B;;IAC3B;AAD2B;;AAI/B;;;;;;IAMI;;AAGA;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,kBAA+B;;IAA/B,oBAA+B;;IAA/B,oBAA+B;;IAA/B,qBAA+B;;IAA/B,sBAA+B;;IAC/B,mBAAgD;;IAAhD,oCAAgD;;IAAhD,eAAgD;;IAAhD;AAD+B;;AAInC;;AAEA;;AAGI;;IAAA,gBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,WAAoD;;IAApD,uBAAoD;;IAApD,oCAAoD;;IAApD,mBAAoD;;IAApD,sBAAoD;;IAApD,kBAAoD;;IAApD,uBAAoD;;IACpD,eAAqB;;IACrB,iBAA0B;;IAA1B,gCAA0B;;IAC1B;AAHoD;;AAMxD;;;;;;GAMG;;AAGC;;IAAA,eAAsC;;IAAtC,gBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAiB;;AAIjB;;IAAA,mBAAwC;;IAAxC,sBAAwC;;IAAxC,gCAAwC;;IAAxC;AAAwC","file":"style.module.css","sourcesContent":[".classList {\n    @apply w-full bg-white mt-4;\n    @apply cursor-pointer;\n}\n\n/* .classList:active p {\n    @apply hidden;\n} \n\n.classList:active .value {\n    @apply pt-3 pb-4;\n}  */\n\n.fullWidth {\n    @apply w-full;\n}\n\n.notFullWidth {\n    @apply sm:w-72;\n}\n\n.labelWrapper {\n    @apply px-1 ml-3 absolute -mt-3;\n    @apply bg-white text-sm font-regular rounded-2xl;\n}\n\n.label {\n\n}\n\n.required {\n    @apply text-error font-semiBold;\n}\n\n.value {\n    @apply py-2 pl-4 rounded-md text-ink bg-white w-full;\n    @apply cursor-pointer;\n    @apply border border-black;\n    @apply text-md;\n}\n\n/* .value:focus {\n    @apply pt-3 pb-4;\n}\n\n.value:focus ~ label {\n    @apply text-xl;\n} */\n\n.errors {\n    @apply text-error text-sm font-regular;\n}\n\n.errorState {\n    @apply border-2 border-error;\n}\n\n.labelError {\n    @apply text-error;\n}\n\n.errorText {\n    @apply border-l-4 border-error pl-3 mt-1;\n}\n"]}
+{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACE;;IAAA,gBAA2B;;IAA3B,WAA2B;;IAA3B,oCAA2B;;IAC3B;AAD2B;;AAI7B;;;;;;IAMI;;AAGF;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,kBAA+B;;IAA/B,oBAA+B;;IAA/B,oBAA+B;;IAA/B,qBAA+B;;IAA/B,sBAA+B;;IAC/B,aAAqD;;IAArD,mBAAqD;;IAArD,oCAAqD;;IAArD,eAAqD;;IAArD;AAD+B;;AAK/B;;IAAA,gBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,WAAoD;;IAApD,uBAAoD;;IAApD,oCAAoD;;IAApD,mBAAoD;;IAApD,sBAAoD;;IAApD,kBAAoD;;IAApD,uBAAoD;;IACpD,eAAqB;;IACrB,iBAA0B;;IAA1B,gCAA0B;;IAC1B;AAHoD;;AAMtD;;;;;;GAMG;;AAGD;;IAAA,eAAsC;;IAAtC,gBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAiB;;AAIjB;;IAAA,mBAAwC;;IAAxC,sBAAwC;;IAAxC,gCAAwC;;IAAxC;AAAwC","file":"style.module.css","sourcesContent":[".classList {\n  @apply w-full bg-white mt-4;\n  @apply cursor-pointer;\n}\n\n/* .classList:active p {\n    @apply hidden;\n} \n\n.classList:active .value {\n    @apply pt-3 pb-4;\n}  */\n\n.fullWidth {\n  @apply w-full;\n}\n\n.notFullWidth {\n  @apply sm:w-72;\n}\n\n.labelWrapper {\n  @apply px-1 ml-3 absolute -mt-3;\n  @apply bg-white text-sm font-regular rounded-2xl flex;\n}\n\n.required {\n  @apply text-error font-semiBold;\n}\n\n.value {\n  @apply py-2 pl-4 rounded-md text-ink bg-white w-full;\n  @apply cursor-pointer;\n  @apply border border-black;\n  @apply text-md;\n}\n\n/* .value:focus {\n    @apply pt-3 pb-4;\n}\n\n.value:focus ~ label {\n    @apply text-xl;\n} */\n\n.errors {\n  @apply text-error text-sm font-regular;\n}\n\n.errorState {\n  @apply border-2 border-error;\n}\n\n.labelError {\n  @apply text-error;\n}\n\n.errorText {\n  @apply border-l-4 border-error pl-3 mt-1;\n}\n"]}

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

@@ -15,4 +15,5 @@
 
     object-fit: cover
 }
+
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Jumbotron/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAA2B;;IAA3B,gBAA2B;;IAC3B;AAD2B;;AAK3B;;IAAA,YAAiC;;IAAjC,WAAiC;;IAAjC;AAAiC","file":"style.module.css","sourcesContent":[".classes {\n    @apply h-96 overflow-hidden;\n    @apply w-full;\n}\n\n.imageClasses {\n    @apply w-full object-cover h-full;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/Jumbotron/style.module.css"],"names":[],"mappings":"AACE;;IAAA,aAA2B;;IAA3B,gBAA2B;;IAC3B;AAD2B;;AAK3B;;IAAA,YAAiC;;IAAjC,WAAiC;;IAAjC;AAAiC","file":"style.module.css","sourcesContent":[".classes {\n  @apply h-96 overflow-hidden;\n  @apply w-full;\n}\n\n.imageClasses {\n  @apply w-full object-cover h-full;\n}\n"]}

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

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

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

@@ -1,21 +1,23 @@
-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, }) => {
+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)
         return React.createElement(React.Fragment, null);
     return (React.createElement("div", null,
-        React.createElement("div", { id: id, className: classList, onClick: () => setShowMenu(!showMenu) },
+        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 })),
+                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 })))));
 };

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

@@ -1 +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,CAAC;AACxC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,oBAAoB,CAAC;AAEvC,OAAO,YAAY,MAAM,uCAAuC,CAAC;AACjE,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAW5C,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,KAAK,GAAG,qBAAqB,EAC7B,SAAS,EACT,OAAO,GACD,EAAe,EAAE;IACvB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,gBAAgB,CAAC,EACvB,KAAK,CACN,CAAC;IAEF,IAAI,CAAC,SAAS;QAAE,OAAO,yCAAK,CAAC;IAE7B,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC;YACtE,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,IACJ,GAAG,EAAC,+BAA+B,EACnC,SAAS,EAAE,KAAK,CAAC,YAAY,GAC7B,CACE;QACL,QAAQ,IAAI,CACX;YACE,oBAAC,YAAY,IAAC,SAAS,EAAE,SAAS,GAAI,CAClC,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"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;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,YAAY,MAAM,uCAAuC,CAAA;AAChE,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,CAC1B,SAAS,EACT,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,gBAAgB,CAAC,EACvB,KAAK,CACN,CAAA;IAED,IAAI,CAAC,SAAS;QAAE,OAAO,yCAAK,CAAA;IAE5B,OAAO,CACL;QACE,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;gBACZ,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAA;YACxB,CAAC;YAED,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,IACJ,GAAG,EAAC,+BAA+B,EACnC,SAAS,EAAE,KAAK,CAAC,YAAY,GAC7B,CACE;QACL,QAAQ,IAAI,CACX;YACE,oBAAC,YAAY,IAAC,SAAS,EAAE,SAAS,GAAI,CAClC,CACP,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

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

@@ -1,75 +1,76 @@
 .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;
+  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;
 }.classList:hover {
-    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .menuClasses {
-    margin-left: auto;
-    margin-right: auto;
-    margin-top: auto;
-    margin-bottom: auto;
+  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;
+  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);
+  background-color: var(--color-primary);
+  color: var(--color-white);
 }
 .secondary {
-    background-color: var(--color-secondary);
-    color: var(--color-white);
+  background-color: var(--color-secondary);
+  color: var(--color-white);
 }
 .white {
-    background-color: var(--color-white);
-    color: var(--color-black);
+  background-color: var(--color-white);
+  color: var(--color-black);
 }
 .grey {
-    background-color: var(--color-lightest-grey);
-    color: var(--color-black);
+  background-color: var(--color-lightest-grey);
+  color: var(--color-black);
 }
 .black {
-    background-color: var(--color-black);
-    color: var(--color-white);
+  background-color: var(--color-black);
+  color: var(--color-white);
 }
 .success {
-    background-color: var(--color-success);
-    color: var(--color-white);
+  background-color: var(--color-success);
+  color: var(--color-white);
 }
 .error {
-    background-color: var(--color-error);
-    color: var(--color-white);
+  background-color: var(--color-error);
+  color: var(--color-white);
 }
 .facebook {
-    background-color: var(--color-facebook);
-    color: var(--color-white);
+  background-color: var(--color-facebook);
+  color: var(--color-white);
 }
 .gold {
-    background-color: var(--color-gold);
-    color: var(--color-white);
+  background-color: var(--color-gold);
+  color: var(--color-white);
 }
+
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +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;AAEvE,CADI;IAAA,6EAAsB;IAAtB,iGAAsB;IAAtB;AAAsB;;AAItB;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    @apply hover:shadow-md;\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; }"]}
+{"version":3,"sources":["../../../../../src/lib/components/MenuButton/style.module.css"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;EACZ,gBAAiE;EAAjE,qBAAiE;EAAjE,iBAAiE;EAAjE,wCAAiE;EACjE,gBAAmE;EAAnE,mBAAmE;EAAnE,aAAmE;EAAnE,eAAmE;EAAnE,8BAAmE;EAAnE,oBAAmE;EAAnE,kBAAmE;AAErE,CADE;EAAA,6EAAsB;EAAtB,iGAAsB;EAAtB;AAAsB;;AAItB;EAAA,iBAAsB;EAAtB,kBAAsB;EAAtB,gBAAsB;EAAtB;AAAsB;;AAGxB;EACE,WAAW;EACX,YAAY;EACZ,gBAAkD;EAAlD,mBAAkD;EAAlD,iBAAkD;EAAlD,kBAAkD;EAAlD,qBAAkD;EAAlD,mBAAkD;AACpD;;AAGE;EAAA,sCAA4B;EAA5B;AAA4B;AAG5B;EAAA,wCAA8B;EAA9B;AAA8B;AAG9B;EAAA,oCAA0B;EAA1B;AAA0B;AAG1B;EAAA,4CAAkC;EAAlC;AAAkC;AAGlC;EAAA,oCAA0B;EAA1B;AAA0B;AAG1B;EAAA,sCAA4B;EAA5B;AAA4B;AAG5B;EAAA,oCAA0B;EAA1B;AAA0B;AAG1B;EAAA,uCAA6B;EAA7B;AAA6B;AAG7B;EAAA,mCAAyB;EAAzB;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  @apply hover:shadow-md;\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 {\n  @apply bg-primary text-white;\n}\n.secondary {\n  @apply bg-secondary text-white;\n}\n.white {\n  @apply bg-white text-black;\n}\n.grey {\n  @apply bg-lightest-grey text-black;\n}\n.black {\n  @apply bg-black text-white;\n}\n.success {\n  @apply bg-success text-white;\n}\n.error {\n  @apply bg-error text-white;\n}\n.facebook {\n  @apply bg-facebook text-white;\n}\n.gold {\n  @apply bg-gold text-white;\n}\n"]}