trepur_components 1.0.44 → 1.0.45

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Props as ButtonProps } from '../Button/Button';
+import { ThemeTypes } from '../../utils/controls';
+export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
+    title: string;
+    paragraph: string;
+    dismissText: string;
+    onDismissClick?: () => void;
+    primaryCta?: ButtonProps;
+    secondaryCta?: ButtonProps;
+    theme?: ThemeTypes;
+    imageUrl?: string;
+}
+declare const Dialog: ({ id, className, title, paragraph, dismissText, onDismissClick, primaryCta, secondaryCta, imageUrl, theme }: Props) => JSX.Element;
+export default Dialog;

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import classNames from 'classnames';
+import style from './style.module.css';
+import Button from '../Button/Button';
+import Image from '../Image/Image';
+const Dialog = ({ id, className, title, paragraph, dismissText, onDismissClick, primaryCta, secondaryCta, imageUrl, theme = 'theme-letsgocamping' }) => {
+    const hasCta = Boolean(primaryCta === null || primaryCta === void 0 ? void 0 : primaryCta.children);
+    const hasCta2 = Boolean(secondaryCta === null || secondaryCta === void 0 ? void 0 : secondaryCta.children);
+    const ctaButton = hasCta &&
+        React.createElement(Button, Object.assign({}, primaryCta, { className: classNames({
+                [style.fullWidth]: hasCta2
+            }, primaryCta === null || primaryCta === void 0 ? void 0 : primaryCta.className, style.ctaBtn) }));
+    const ctaButton2 = hasCta2 &&
+        React.createElement(Button, Object.assign({}, secondaryCta, { className: classNames({
+                [style.fullWidth]: hasCta
+            }, secondaryCta === null || secondaryCta === void 0 ? void 0 : secondaryCta.className, style.cta2Btn) }));
+    const buttonWrapperClassList = classNames({
+        [style.fullWidth]: ctaButton2
+    }, style.buttonWrapper);
+    const titleClassList = classNames({}, style.title);
+    return (React.createElement("div", { id: id, className: classNames(style.dialog, className, theme) },
+        React.createElement("div", { className: style.headingWrapper },
+            imageUrl && React.createElement(Image, { src: imageUrl, height: 3, width: 3 }),
+            React.createElement("p", { className: style.dismissText, onClick: onDismissClick }, dismissText)),
+        React.createElement("p", { className: titleClassList }, title),
+        React.createElement("p", { className: style.paragraph }, paragraph),
+        (hasCta || hasCta2) &&
+            React.createElement("div", { className: buttonWrapperClassList },
+                ctaButton,
+                ctaButton2)));
+};
+export default Dialog;
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../../src/lib/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAc3C,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,KAAK,EACL,SAAS,EACT,WAAW,EACX,cAAc,EACd,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IAEvB,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAC,CAAA;IAC5C,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAAC,CAAA;IAE/C,MAAM,SAAS,GAAG,MAAM;QACtB,oBAAC,MAAM,oBACD,UAAU,IACd,SAAS,EAAE,UAAU,CAAC;gBACpB,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO;aAC3B,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,IACvC,CAAA;IAEJ,MAAM,UAAU,GAAG,OAAO;QACxB,oBAAC,MAAM,oBACD,YAAY,IAChB,SAAS,EAAE,UAAU,CAAC;gBACpB,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,MAAM;aAC1B,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,IAC1C,CAAA;IAEJ,MAAM,sBAAsB,GAAG,UAAU,CAAC;QACxC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,UAAU;KAC9B,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAEvB,MAAM,cAAc,GAAG,UAAU,CAAC,EACjC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IAEf,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC;QAErD,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;YACjC,QAAQ,IAAI,oBAAC,KAAK,IACjB,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,CAAC,GACR;YACF,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,OAAO,EAAE,cAAc,IAAG,WAAW,CAAK,CACvE;QACN,2BAAG,SAAS,EAAE,cAAc,IAAG,KAAK,CAAK;QACzC,2BAAG,SAAS,EAAE,KAAK,CAAC,SAAS,IAAG,SAAS,CAAK;QAC7C,CAAC,MAAM,IAAI,OAAO,CAAC;YAClB,6BAAK,SAAS,EAAE,sBAAsB;gBACnC,SAAS;gBACT,UAAU,CACP,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -0,0 +1,75 @@
+.dialog {
+  border-radius: 0.75rem;
+  background-color: var(--color-white);
+  color: var(--color-ink);
+  margin-left: auto;
+  margin-right: auto;
+  padding: 1.5rem;
+  max-width: 608px
+}
+
+.headingWrapper {
+  position: relative;
+  padding-bottom: 0.5rem
+}
+
+.dismissText {
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  cursor: pointer;
+  font-size: 16px;
+  font-weight: 400
+}
+
+.title {
+  font-size: 22px;
+  font-weight: 400
+}
+
+.titlePadding {
+  padding-right: 16rem
+}
+
+@media (min-width: 768px) {
+
+  .titlePadding {
+    padding-right: 20rem
+  }
+}
+
+.paragraph {
+  padding-top: 0.25rem;
+  font-weight: 300
+}
+
+.buttonWrapper {
+  display: flex;
+  flex-wrap: wrap;
+  padding-top: 1.5rem
+}
+
+@media (min-width: 768px) {
+
+  .buttonWrapper {
+    flex-wrap: nowrap
+  }
+}
+
+.fullWidth {
+  width: 100%
+}
+
+.cta2Btn {
+  margin-top: 0.5rem;
+  width: 100%
+}
+
+@media (min-width: 768px) {
+
+  .cta2Btn {
+    margin-top: 0px;
+    margin-left: 1.5rem
+  }
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Dialog/style.module.css"],"names":[],"mappings":"AACE;EAAA,sBAAmC;EAAnC,oCAAmC;EAAnC,uBAAmC;EACnC,iBAAkB;EAAlB,kBAAkB;EAAlB,eAAkB;EAClB;AAFmC;;AAMnC;EAAA,kBAAoB;EAApB;AAAoB;;AAIpB;EAAA,kBAA4C;EAA5C,UAA4C;EAA5C,QAA4C;EAA5C,eAA4C;EAC5C,eAA2B;EAA3B;AAD4C;;AAK5C;EAAA,eAA2B;EAA3B;AAA2B;;AAI3B;EAAA;AAAqB;;AAArB;;EAAA;IAAA;EAAqB;AAAA;;AAIrB;EAAA,oBAAsB;EAAtB;AAAsB;;AAItB;EAAA,aAAyC;EAAzC,eAAyC;EAAzC;AAAyC;;AAAzC;;EAAA;IAAA;EAAyC;AAAA;;AAIzC;EAAA;AAAa;;AAIb;EAAA,kBAAkC;EAAlC;AAAkC;;AAAlC;;EAAA;IAAA,eAAkC;IAAlC;EAAkC;AAAA","file":"style.module.css","sourcesContent":[".dialog {\n  @apply bg-white text-ink rounded-xl;\n  @apply p-6 mx-auto;\n  max-width: 608px;\n}\n\n.headingWrapper {\n  @apply relative pb-2;\n}\n\n.dismissText {\n  @apply absolute right-0 top-0 cursor-pointer;\n  @apply text-sm font-regular;\n}\n\n.title {\n  @apply text-md font-regular;\n}\n\n.titlePadding {\n  @apply pr-64 md:pr-80;\n}\n\n.paragraph {\n  @apply pt-1 font-light;\n}\n\n.buttonWrapper {\n  @apply pt-6 flex flex-wrap md:flex-nowrap;\n}\n\n.fullWidth {\n  @apply w-full;\n}\n\n.cta2Btn {\n  @apply w-full mt-2 md:mt-0 md:ml-6;\n}"]}

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

@@ -3,7 +3,11 @@ import Icon from '../Icon/Icon';
 import classNames from 'classnames';
 import style from './style.module.css';
 const FooterNavItem = ({ id, className, title, iconProps, bgColour = 'white', hoverBgColour = 'secondary', colour = 'grey', hoverColour = 'white', theme = 'theme-letsgocamping', onClick, href }) => {
-    const classList = classNames(className, style.classList, style[`bg_${bgColour}`], style[`hover_bg_${hoverBgColour}`], style[`text_${colour}`], style[`hover_text_${hoverColour}`], theme);
+    const formattedText = typeof colour === 'string' ? `text_${colour}` : 'text_primary';
+    const formattedBg = typeof bgColour === 'string' ? `bg_${bgColour}` : 'bg_secondary';
+    const formattedHoverText = typeof hoverColour === 'string' ? `hover_text_${hoverColour}` : 'hover_text_secondary';
+    const formattedHoverBg = typeof hoverBgColour === 'string' ? `hover_bg_${hoverBgColour}` : 'hover_bg_primary';
+    const classList = classNames(className, style.classList, style[formattedBg], style[formattedHoverBg], style[formattedText], style[formattedHoverText], theme);
     return (React.createElement("div", { id: id, className: classList },
         React.createElement("a", { href: href, onClick: onClick },
             (iconProps !== undefined) &&

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

@@ -1 +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;AAiBtC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,OAAO,EAClB,aAAa,GAAG,WAAW,EAC3B,MAAM,GAAG,MAAM,EACf,WAAW,GAAG,OAAO,EACrB,KAAK,GAAG,qBAAqB,EAC7B,OAAO,EACP,IAAI,EACE,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,MAAM,QAAQ,EAAE,CAAC,EACvB,KAAK,CAAC,YAAY,aAAa,EAAE,CAAC,EAClC,KAAK,CAAC,QAAQ,MAAM,EAAE,CAAC,EACvB,KAAK,CAAC,cAAc,WAAW,EAAE,CAAC,EAClC,KAAK,CACN,CAAA;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,2BAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO;YAC5B,CAAC,SAAS,KAAK,SAAS,CAAC;gBACxB,oBAAC,IAAI,oBACC,SAAS,IACb,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,UACP;YACH,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK,CAC5E,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"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;AAiBtC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,OAAO,EAClB,aAAa,GAAG,WAAW,EAC3B,MAAM,GAAG,MAAM,EACf,WAAW,GAAG,OAAO,EACrB,KAAK,GAAG,qBAAqB,EAC7B,OAAO,EACP,IAAI,EACE,EAAe,EAAE;IACvB,MAAM,aAAa,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,MAAM,EAAE,CAAC,CAAC,CAAC,cAAc,CAAA;IACpF,MAAM,WAAW,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,QAAQ,EAAE,CAAC,CAAC,CAAC,cAAc,CAAA;IACpF,MAAM,kBAAkB,GAAG,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,WAAW,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAA;IACjH,MAAM,gBAAgB,GAAG,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,aAAa,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAA;IAE7G,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,WAAW,CAAC,EAClB,KAAK,CAAC,gBAAgB,CAAC,EACvB,KAAK,CAAC,aAAa,CAAC,EACpB,KAAK,CAAC,kBAAkB,CAAC,EACzB,KAAK,CACN,CAAA;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,2BAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO;YAC5B,CAAC,SAAS,KAAK,SAAS,CAAC;gBACxB,oBAAC,IAAI,oBACC,SAAS,IACb,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,UACP;YACH,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK,CAC5E,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -7,9 +7,9 @@ const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin =
     const bgColourString = bgColour;
     const hoverBgColourString = hoverBgColour;
     const fontColourKey = typeof colourString === 'string' ? `text${colourString.charAt(0).toUpperCase()}${colourString.slice(1)}` : 'textPrimary';
-    const backgroundColourKey = typeof bgColourString === 'string' ? `bg${bgColourString.charAt(0).toUpperCase()}${bgColourString.slice(1)}` : 'bgSecondary';
+    const backgroundColourKey = typeof bgColourString === 'string' ? `bg${bgColourString.charAt(0).toUpperCase()}${bgColourString.slice(1)}` : 'bgTransparent';
     const hoverFontColourKey = typeof hoverColourString === 'string' ? `hoverText${hoverColourString.charAt(0).toUpperCase()}${hoverColourString.slice(1)}` : 'hoverTextPrimary';
-    const hoverBackgroundColourKey = typeof hoverBgColourString === 'string' ? `hoverBg${hoverBgColourString.charAt(0).toUpperCase()}${hoverBgColourString.slice(1)}` : 'hoverBgSecondary';
+    const hoverBackgroundColourKey = typeof hoverBgColourString === 'string' ? `hoverBg${hoverBgColourString.charAt(0).toUpperCase()}${hoverBgColourString.slice(1)}` : 'hoverBgTransparent';
     const wrapperClassList = classNames({
         [style.sizeOne]: size === 1,
         [style.sizeTwo]: size === 2,

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

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

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

@@ -97,6 +97,10 @@
     transition-duration: 500ms
 }
 
+.textTransparent {
+
+    color: var(--color-transparent)
+}
 .textPrimary {
 
     color: var(--color-primary)
@@ -138,6 +142,10 @@
     color: var(--color-error)
 }
 
+.bgTransparent {
+
+    background-color: var(--color-transparent)
+}
 .bgPrimary {
 
     background-color: var(--color-primary)
@@ -179,6 +187,10 @@
     background-color: var(--color-error)
 }
 
+.hoverTextTransparent:hover {
+
+    color: var(--color-transparent)
+}
 .hoverTextPrimary:hover {
 
     color: var(--color-primary)
@@ -220,6 +232,10 @@
     color: var(--color-error)
 }
 
+.hoverBgTransparent:hover {
+
+    background-color: var(--color-transparent)
+}
 .hoverBgPrimary:hover {
 
     background-color: var(--color-primary)

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;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; }"]}
+{"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;;AAGnB;;IAAA;AAAuB;AAC3B;;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;;AAEb;;IAAA;AAAqB;AACzB;;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;;AAEF;;IAAA;AAA6B;AACjC;;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;;AAEnB;;IAAA;AAA2B;AAC/B;;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.textTransparent { @apply text-transparent; }\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.bgTransparent { @apply bg-transparent; }\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.hoverTextTransparent { @apply hover:text-transparent; }\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.hoverBgTransparent { @apply hover:bg-transparent; }\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/IconCard/IconCard.js

@@ -12,7 +12,7 @@ const IconCard = ({ id, className, title, description, iconProps, theme = 'theme
     }
     return (React.createElement(Tag, Object.assign({ id: id, className: classList, onClick: onClick }, attributes),
         React.createElement("div", { className: style.iconWrapper },
-            React.createElement(Icon, Object.assign({}, iconProps, { size: 2, colour: 'black', bgColour: 'white', hoverBgColour: 'white', hoverColour: 'black' }))),
+            React.createElement(Icon, Object.assign({}, iconProps, { size: 2 }))),
         React.createElement("p", { className: style.title }, title),
         React.createElement("p", { className: style.description }, description)));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"IconCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/IconCard/IconCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAiBtC,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,SAAS,EACT,KAAK,GAAG,qBAAqB,EAC7B,IAAI,EACJ,MAAM,EACN,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAE7D,IAAI,GAAG,GAAmD,KAAK,CAAA;IAC/D,IAAI,UAAU,GAAqB,EAAE,CAAA;IAErC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;QACpC,GAAG,GAAG,GAAG,CAAA;QACT,UAAU,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;KACrC;IAED,OAAO,CACL,oBAAC,GAAG,kBACF,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,UAAU;QAEd,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;YAC/B,oBAAC,IAAI,oBACC,SAAS,IACb,IAAI,EAAE,CAAC,EACP,MAAM,EAAC,OAAO,EACd,QAAQ,EAAC,OAAO,EAChB,aAAa,EAAC,OAAO,EACrB,WAAW,EAAC,OAAO,IACnB,CACE;QACN,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;QACtC,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC9C,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"IconCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/IconCard/IconCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAiBtC,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,SAAS,EACT,KAAK,GAAG,qBAAqB,EAC7B,IAAI,EACJ,MAAM,EACN,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAE7D,IAAI,GAAG,GAAmD,KAAK,CAAA;IAC/D,IAAI,UAAU,GAAqB,EAAE,CAAA;IAErC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;QACpC,GAAG,GAAG,GAAG,CAAA;QACT,UAAU,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;KACrC;IAED,OAAO,CACL,oBAAC,GAAG,kBACF,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,UAAU;QAEd,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;YAC/B,oBAAC,IAAI,oBACC,SAAS,IACb,IAAI,EAAE,CAAC,IACP,CACE;QACN,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;QACtC,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC9C,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -22,10 +22,11 @@ export interface Props {
     onFocus?: () => void;
     onClick?: () => void;
     errors?: string[];
+    errorState?: boolean;
     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, 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, fullWidth, theme }: Props) => JSX.Element;
 export default Input;

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

@@ -1,25 +1,32 @@
 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, 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, fullWidth = false, 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.value);
+    const labelClassList = classNames({
+        [style.labelError]: (errors != null) || errorState
+    }, style.label);
     const headerClassList = classNames(fullWidthClasses, style.classList, className, theme);
     const btnRef = useRef(null);
     const handleClick = () => {
         var _a;
         (_a = btnRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
-    return (React.createElement("div", { id: id, className: headerClassList, onClick: handleClick },
-        React.createElement("div", { className: style.labelWrapper },
-            React.createElement("p", { className: style.label }, label),
-            required && React.createElement("p", { className: style.required }, "\u00A0*")),
-        React.createElement("input", { ref: btnRef, id: `input${newId}`, className: style.value, 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 }),
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { id: id, className: headerClassList, onClick: handleClick },
+            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}` }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
+            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));
             }))));
 };

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":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AA+BtC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,cAAc,EACd,MAAM,EACN,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAE9C,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS;QAC5B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS;KACjC,CAAC,CAAA;IAEF,MAAM,eAAe,GACnB,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEjE,MAAM,MAAM,GAAG,MAAM,CAAM,IAAI,CAAC,CAAA;IAEhC,MAAM,WAAW,GAAG,GAAS,EAAE;;QAC7B,MAAA,MAAM,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,WAAW;QAEpB,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;YAChC,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;YACrC,QAAQ,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,cAAa,CAClD;QACN,+BACE,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,EAC9B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB;QACD,cAAc,KAAK,IAAI;YACtB,6BAAK,EAAE,EAAE,SAAS,KAAK,EAAE,IACtB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACxB,OAAO,CACL,2BACE,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,EACzB,SAAS,EAAE,KAAK,CAAC,SAAS,IAEzB,KAAK,CACJ,CACL,CAAA;YACH,CAAC,CAAC,CACE,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"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

@@ -1,21 +1,11 @@
 .classList {
 
-    width: 100%;
+    margin-top: 1rem;
 
-    border-radius: 0.75rem;
+    width: 100%;
 
     background-color: var(--color-white);
 
-    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-
-    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
-
-    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);
-
     cursor: pointer
 }
 
@@ -44,17 +34,21 @@
 
     position: absolute;
 
-    margin-left: 1rem;
+    margin-left: 0.75rem;
+
+    margin-top: -0.75rem;
+
+    padding-left: 0.25rem;
 
-    margin-top: 0.5rem;
+    padding-right: 0.25rem;
 
-    display: flex;
+    border-radius: 1rem;
 
     background-color: var(--color-white);
 
-    font-size: 12px;
+    font-size: 16px;
 
-    font-weight: 100
+    font-weight: 400
 }
 
 .label {
@@ -72,21 +66,25 @@
 
     width: 100%;
 
-    border-radius: 0.75rem;
-
-    border-color: var(--color-ink);
+    border-radius: 0.375rem;
 
     background-color: var(--color-white);
 
-    padding-top: 1.5rem;
+    padding-top: 0.5rem;
 
-    padding-bottom: 0.25rem;
+    padding-bottom: 0.5rem;
 
     padding-left: 1rem;
 
     color: var(--color-ink);
 
-    cursor: pointer
+    cursor: pointer;
+
+    border-width: 1px;
+
+    border-color: var(--color-black);
+
+    font-size: 22px
 }
 
 /* .value:focus {
@@ -96,4 +94,37 @@
 .value:focus ~ label {
     @apply text-xl;
 } */
+
+.errors {
+
+    font-size: 16px;
+
+    font-weight: 400;
+
+    color: var(--color-error)
+}
+
+.errorState {
+
+    border-width: 2px;
+
+    border-color: var(--color-error)
+}
+
+.labelError {
+
+    color: var(--color-error)
+}
+
+.errorText {
+
+    margin-top: 0.25rem;
+
+    border-left-width: 4px;
+
+    border-color: var(--color-error);
+
+    padding-left: 0.75rem
+}
+
 /*# sourceMappingURL=style.module.css.map */

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,WAAiC;;IAAjC,sBAAiC;;IAAjC,oCAAiC;;IACjC,0EAAyB;;IAAzB,8FAAyB;;IAAzB,uGAAyB;;IAAzB,kGAAyB;;IAAzB,iLAAyB;;IACzB;AAFiC;;AAKrC;;;;;;IAMI;;AAGA;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,kBAAyD;;IAAzD,iBAAyD;;IAAzD,kBAAyD;;IAAzD,aAAyD;;IAAzD,oCAAyD;;IAAzD,eAAyD;;IAAzD;AAAyD;;AAG7D;;AAEA;;AAGI;;IAAA,gBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,WAAoE;;IAApE,sBAAoE;;IAApE,8BAAoE;;IAApE,oCAAoE;;IAApE,mBAAoE;;IAApE,uBAAoE;;IAApE,kBAAoE;;IAApE,uBAAoE;;IACpE;AADoE;;AAIxE;;;;;;GAMG","file":"style.module.css","sourcesContent":[".classList {\n    @apply w-full bg-white rounded-xl;\n    @apply drop-shadow shadow;\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 ml-4 absolute mt-2 bg-white text-xs font-thin flex;\n}\n\n.label {\n\n}\n\n.required {\n    @apply text-error font-semiBold;\n}\n\n.value {\n    @apply pt-6 pb-1 pl-4 border-ink rounded-xl text-ink bg-white w-full;\n    @apply cursor-pointer;\n}\n\n/* .value:focus {\n    @apply pt-3 pb-4;\n}\n\n.value:focus ~ label {\n    @apply text-xl;\n} */"]}
+{"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"]}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
+    children: React.ReactNode;
+    visible?: boolean;
+    onOverlayClick?: () => void;
+}
+declare const Modal: ({ id, className, children, visible, onOverlayClick }: Props) => JSX.Element;
+export default Modal;

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

@@ -0,0 +1,34 @@
+import React, { useState, useEffect } from 'react';
+import classNames from 'classnames';
+import style from './style.module.css';
+const Modal = ({ id, className, children, visible = false, onOverlayClick }) => {
+    const [hidden, setHidden] = useState(!visible);
+    const [showModal, setShowModal] = useState(visible);
+    useEffect(() => {
+        if (visible) {
+            setHidden(!visible);
+            setTimeout(() => {
+                setShowModal(visible);
+            }, 100);
+        }
+        else {
+            setShowModal(visible);
+            setTimeout(() => {
+                setHidden(!visible);
+            }, 300);
+        }
+    }, [visible]);
+    const classList = classNames({
+        [style.visible]: !hidden && showModal,
+        [style.hide]: hidden
+    }, style.overlay, className);
+    const childrenClassList = classNames({
+        [style.visible]: showModal,
+        [style.hide]: hidden
+    }, style.children);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { id: id, className: classList, onClick: onOverlayClick }),
+        React.createElement("div", { className: childrenClassList }, children)));
+};
+export default Modal;
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAQtC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,cAAc,EACR,EAAe,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE;YACX,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA;YACnB,UAAU,CAAC,GAAG,EAAE;gBACd,YAAY,CAAC,OAAO,CAAC,CAAA;YACvB,CAAC,EAAE,GAAG,CAAC,CAAA;SACR;aAAM;YACL,YAAY,CAAC,OAAO,CAAC,CAAA;YACrB,UAAU,CAAC,GAAG,EAAE;gBACd,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA;YACrB,CAAC,EAAE,GAAG,CAAC,CAAA;SACR;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,SAAS;QACrC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM;KACrB,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IAE5B,MAAM,iBAAiB,GAAG,UAAU,CAAC;QACnC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,SAAS;QAC1B,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM;KACrB,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;IAElB,OAAO,CACL;QACE,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,cAAc,GACvB;QACF,6BAAK,SAAS,EAAE,iBAAiB,IAC9B,QAAQ,CACL,CACL,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

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

@@ -0,0 +1,57 @@
+.overlay {
+  display: block;
+  height: 100vh;
+  width: 100vw;
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  z-index: 30;
+  background: rgba(0, 0, 0, 0.6);
+  opacity: 0;
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 300ms;
+  transition-timing-function: linear;
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
+}
+
+.children {
+  width: 100%;
+  justify-content: center;
+  padding-left: 1rem;
+  padding-right: 1rem
+}
+
+@media (min-width: 768px) {
+
+  .children {
+    padding-left: 0px;
+    padding-right: 0px
+  }
+}
+
+.children {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  z-index: 50;
+  display: flex;
+  --tw-translate-x: -50%;
+  --tw-translate-y: -50%;
+  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));
+  opacity: 0;
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 300ms;
+  transition-timing-function: linear;
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
+}
+
+.visible {
+  opacity: 1
+}
+
+.hide {
+  display: none
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Modal/style.module.css"],"names":[],"mappings":"AACE;EAAA,cAA8B;EAA9B,aAA8B;EAA9B,YAA8B;EAC9B,kBAAkC;EAAlC,QAAkC;EAAlC,UAAkC;EAAlC,WAAkC;EAClC,8BAA8B;EAC9B,UAAgB;EAChB,4BAA2D;EAA3D,wDAA2D;EAA3D,0BAA2D;EAA3D,kCAA2D;EAA3D;AAJ8B;;AAQ9B;EAAA,WAAyC;EAAzC,uBAAyC;EAAzC,kBAAyC;EAAzC;AAAyC;;AAAzC;;EAAA;IAAA,iBAAyC;IAAzC;EAAyC;AAAA;;AACzC;EAAA,eAAmF;EAAnF,QAAmF;EAAnF,SAAmF;EAAnF,WAAmF;EAAnF,aAAmF;EAAnF,sBAAmF;EAAnF,sBAAmF;EAAnF,+LAAmF;EACnF,UAAqE;EAArE,4BAAqE;EAArE,wDAAqE;EAArE,0BAAqE;EAArE,kCAAqE;EAArE;AADmF;;AAKnF;EAAA;AAAkB;;AAIlB;EAAA;AAAa","file":"style.module.css","sourcesContent":[".overlay {\n  @apply block w-screen h-screen;\n  @apply z-30 top-0 right-0 absolute;\n  background: rgba(0, 0, 0, 0.6);\n  @apply opacity-0;\n  @apply transition-opacity ease-linear duration-300 ease-out;\n}\n\n.children {\n  @apply justify-center w-full px-4 md:px-0;\n  @apply flex fixed z-50 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2;\n  @apply opacity-0 transition-opacity ease-linear duration-300 ease-out;\n}\n\n.visible {\n  @apply opacity-100;\n}\n\n.hide {\n  @apply hidden;\n}"]}

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

@@ -26,7 +26,8 @@ const Select = ({ id, className, options, label, onClick, required = false, full
                 React.createElement("p", { className: style.value }, value)),
             React.createElement(Icon, { className: style.icon, bgColour: 'white', colour: 'ink', hoverBgColour: 'white', hoverColour: 'ink', type: 'chevron-down' })),
         showDropDown &&
-            React.createElement("ul", { className: dropdownClassList }, options === null || options === void 0 ? void 0 : options.map((option, i) => React.createElement("li", { key: `key_${i}`, className: dropdownItemClassList, value: option, onClick: (e) => handleOptionClick(e) }, option)))));
+            React.createElement("div", { className: classNames(style.dropdownWrapper, fullWidthClasses, theme) },
+                React.createElement("ul", { className: dropdownClassList }, options === null || options === void 0 ? void 0 : options.map((option, i) => React.createElement("li", { key: `key_${i}`, className: dropdownItemClassList, value: option, onClick: (e) => handleOptionClick(e) }, option))))));
 };
 export default Select;
 //# sourceMappingURL=Select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/lib/components/Select/Select.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;AAcxC,MAAM,MAAM,GAAoB,CAAC,EAC/B,EAAE,EACF,SAAS,EACT,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,qBAAqB,EAC9B,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC,CAAA;IAEhD,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAQ,EAAE;QACzC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAC7B,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAC9B,eAAe,CAAC,KAAK,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS;QAC5B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS;KACjC,CAAC,CAAA;IAEF,MAAM,eAAe,GACnB,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEjE,MAAM,iBAAiB,GAAG,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IAC/E,MAAM,qBAAqB,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAE7D,OAAO,CACL;QACE,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC;YAE7C,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;gBAClC,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;oBAChC,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;oBACrC,QAAQ,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,cAAa,CAClD;gBACN,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK,CAClC;YACN,oBAAC,IAAI,IACH,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAC,KAAK,EACZ,aAAa,EAAC,OAAO,EACrB,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,cAAc,GACnB,CACE;QACL,YAAY;YACX,4BAAI,SAAS,EAAE,iBAAiB,IAC7B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAc,EAAE,CAAC,EAAE,EAAE,CAClC,4BACE,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,SAAS,EAAE,qBAAqB,EAChC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAEnC,MAAM,CACJ,CACN,CACE,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/lib/components/Select/Select.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;AAcxC,MAAM,MAAM,GAAoB,CAAC,EAC/B,EAAE,EACF,SAAS,EACT,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,qBAAqB,EAC9B,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC,CAAA;IAEhD,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAQ,EAAE;QACzC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAC7B,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAC9B,eAAe,CAAC,KAAK,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS;QAC5B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS;KACjC,CAAC,CAAA;IAEF,MAAM,eAAe,GACnB,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEjE,MAAM,iBAAiB,GAAG,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IAC/E,MAAM,qBAAqB,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAE7D,OAAO,CACL;QACE,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC;YAE7C,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;gBAClC,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;oBAChC,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;oBACrC,QAAQ,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,cAAa,CAClD;gBACN,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK,CAClC;YACN,oBAAC,IAAI,IACH,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAC,KAAK,EACZ,aAAa,EAAC,OAAO,EACrB,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,cAAc,GACnB,CACE;QACL,YAAY;YACX,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,eAAe,EAAE,gBAAgB,EAAE,KAAK,CAAC;gBACxE,4BAAI,SAAS,EAAE,iBAAiB,IAC7B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAc,EAAE,CAAC,EAAE,EAAE,CAClC,4BACE,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,SAAS,EAAE,qBAAqB,EAChC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAEnC,MAAM,CACJ,CACN,CACE,CACD,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -64,10 +64,6 @@
     font-weight: 100
 }
 
-.label {
-
-}
-
 .required {
 
     font-weight: 600;
@@ -101,8 +97,21 @@
     margin-bottom: auto
 }
 
+.dropdownWrapper {
+
+    position: relative;
+
+    z-index: 20
+}
+
 .optionList {
 
+    position: absolute;
+
+    width: 100%;
+
+    background-color: var(--color-white);
+
     margin-top: 0.5rem;
 
     border-radius: 1rem;
@@ -119,7 +128,11 @@
 
     border-width: 1px;
 
-    border-color: var(--color-lightest-grey)
+    border-color: var(--color-lightest-grey);
+
+    height: 16rem;
+
+    overflow: scroll
 }
 
 .option {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Select/style.module.css"],"names":[],"mappings":"AACI;;IAAA,WAAiC;;IAAjC,sBAAiC;;IAAjC,oCAAiC;;IACjC,0EAAyB;;IAAzB,8FAAyB;;IAAzB,uGAAyB;;IAAzB,kGAAyB;;IAAzB,iLAAyB;;IACzB,aAAwD;;IAAxD,eAAwD;;IAAxD,mBAAwD;;IAAxD,8BAAwD;;IAAxD,kBAAwD;;IAAxD;AAFiC;;AAMjC;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,kBAAoD;;IAApD,kBAAoD;;IAApD,aAAoD;;IAApD,oCAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;AAGxD;;AAEA;;AAGI;;IAAA,gBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,sBAAwD;;IAAxD,8BAAwD;;IAAxD,oCAAwD;;IAAxD,mBAAwD;;IAAxD,uBAAwD;;IAAxD,uBAAwD;;IACxD,aAA2B;;IAA3B;AADwD;;AAKxD;;IAAA,gBAAc;;IAAd;AAAc;;AAId;;IAAA,kBAA4B;;IAA5B,mBAA4B;;IAA5B,iBAA4B;;IAA5B,oBAA4B;;IAC5B,gFAAgB;;IAAhB,oGAAgB;;IAAhB,uGAAgB;;IAChB,iBAAkC;;IAAlC;AAF4B;;AAM5B;;IAAA,oCAA+C;;IAA/C;AAA+C;;AAA/C;;IAAA,4CAA+C;;IAC/C;AAD+C;;AAE/C;;IAAA,kBAAgB;;IAAhB,mBAAgB;;IAAhB,mBAAgB;;IAAhB;AAAgB","file":"style.module.css","sourcesContent":[".classList {\n    @apply w-full bg-white rounded-xl;\n    @apply drop-shadow shadow;\n    @apply flex flex-row justify-between px-4 cursor-pointer;\n}\n\n.fullWidth {\n    @apply w-full;\n}\n\n.notFullWidth {\n    @apply sm:w-72;\n}\n\n.labelContainer {\n    @apply flex flex-col;\n}\n\n.labelWrapper {\n    @apply absolute mt-2 bg-white text-xs font-thin flex;\n}\n\n.label {\n\n}\n\n.required {\n    @apply text-error font-semiBold;\n}\n\n.value {\n    @apply pt-6 pb-1 border-ink rounded-xl text-ink bg-white;\n    @apply flex justify-between;\n}\n\n.icon {\n    @apply my-auto;\n}\n\n.optionList {\n    @apply rounded-2xl mt-2 py-4;\n    @apply shadow-xl;\n    @apply border border-lightest-grey;\n}\n\n.option {\n    @apply bg-white text-ink hover:bg-lightest-grey;\n    @apply hover:cursor-pointer;\n    @apply px-4 py-2;\n}\n"]}
+{"version":3,"sources":["../../../../../src/lib/components/Select/style.module.css"],"names":[],"mappings":"AACI;;IAAA,WAAiC;;IAAjC,sBAAiC;;IAAjC,oCAAiC;;IACjC,0EAAyB;;IAAzB,8FAAyB;;IAAzB,uGAAyB;;IAAzB,kGAAyB;;IAAzB,iLAAyB;;IACzB,aAAwD;;IAAxD,eAAwD;;IAAxD,mBAAwD;;IAAxD,8BAAwD;;IAAxD,kBAAwD;;IAAxD;AAFiC;;AAMjC;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,kBAAoD;;IAApD,kBAAoD;;IAApD,aAAoD;;IAApD,oCAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,gBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,sBAAwD;;IAAxD,8BAAwD;;IAAxD,oCAAwD;;IAAxD,mBAAwD;;IAAxD,uBAAwD;;IAAxD,uBAAwD;;IACxD,aAA2B;;IAA3B;AADwD;;AAKxD;;IAAA,gBAAc;;IAAd;AAAc;;AAId;;IAAA,kBAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,kBAA+B;;IAA/B,WAA+B;;IAA/B,oCAA+B;;IAC/B,kBAA4B;;IAA5B,mBAA4B;;IAA5B,iBAA4B;;IAA5B,oBAA4B;;IAC5B,gFAAgB;;IAAhB,oGAAgB;;IAAhB,uGAAgB;;IAChB,iBAAkC;;IAAlC,wCAAkC;;IAClC,aAA2B;;IAA3B;AAJ+B;;AAQ/B;;IAAA,oCAA+C;;IAA/C;AAA+C;;AAA/C;;IAAA,4CAA+C;;IAC/C;AAD+C;;AAE/C;;IAAA,kBAAgB;;IAAhB,mBAAgB;;IAAhB,mBAAgB;;IAAhB;AAAgB","file":"style.module.css","sourcesContent":[".classList {\n    @apply w-full bg-white rounded-xl;\n    @apply drop-shadow shadow;\n    @apply flex flex-row justify-between px-4 cursor-pointer;\n}\n\n.fullWidth {\n    @apply w-full;\n}\n\n.notFullWidth {\n    @apply sm:w-72;\n}\n\n.labelContainer {\n    @apply flex flex-col;\n}\n\n.labelWrapper {\n    @apply absolute mt-2 bg-white text-xs font-thin flex;\n}\n\n.required {\n    @apply text-error font-semiBold;\n}\n\n.value {\n    @apply pt-6 pb-1 border-ink rounded-xl text-ink bg-white;\n    @apply flex justify-between;\n}\n\n.icon {\n    @apply my-auto;\n}\n\n.dropdownWrapper {\n    @apply relative z-20;\n}\n\n.optionList {\n    @apply absolute bg-white w-full;\n    @apply rounded-2xl mt-2 py-4;\n    @apply shadow-xl;\n    @apply border border-lightest-grey;\n    @apply h-64 overflow-scroll;\n}\n\n.option {\n    @apply bg-white text-ink hover:bg-lightest-grey;\n    @apply hover:cursor-pointer;\n    @apply px-4 py-2;\n}\n"]}

package/dist/src/lib/index.d.ts

@@ -15,6 +15,7 @@ import Column from "./components/Column/Column";
 import Container from "./components/Container/Container";
 import DetailUpdater from "./components/DetailUpdater/DetailUpdater";
 import DynamicTextSection from "./components/DynamicTextSection/DynamicTextSection";
+import Dialog from "./components/Dialog/Dialog";
 import DropdownMenu from "./components/DropdownMenu/DropdownMenu";
 import FilterItem from "./components/FilterItem/FilterItem";
 import Form from "./components/Form/Form";
@@ -33,6 +34,7 @@ import InformationIcon from "./components/InformationIcon/InformationIcon";
 import Input from "./components/Input/Input";
 import Jumbotron from "./components/Jumbotron/Jumbotron";
 import MenuButton from "./components/MenuButton/MenuButton";
+import Modal from "./components/Modal/Modal";
 import Nav from "./components/Nav/Nav";
 import NavItem from "./components/NavItem/NavItem";
 import NewsCard from "./components/NewsCard/NewsCard";
@@ -40,6 +42,7 @@ import Pill from "./components/Pill/Pill";
 import Profile from "./components/Profile/Profile";
 import Row from "./components/Row/Row";
 import Search from "./components/Search/Search";
+import Select from "./components/Select/Select";
 import SocialBlock from "./components/SocialBlock/SocialBlock";
 import StarRating from "./components/StarRating/StarRating";
 import Testimonial from "./components/Testimonial/Testimonial";
@@ -49,4 +52,4 @@ import Timeline from "./components/Timeline/Timeline";
 import Tubestops from "./components/Tubestops/Tubestops";
 import UserIcon from "./components/UserIcon/UserIcon";
 import Video from "./components/Video/Video";
-export { Accordion, AlertBar, Breadcrumbs, BreadcrumbsBordered, BreadcrumbsItem, Button, Calendar, Card, CardWithTopImage, Checkbox, Carousel, CarouselThumbnail, Collapsible, Column, Container, DetailUpdater, DynamicTextSection, DropdownMenu, FilterItem, Form, FooterBar, FooterNav, FooterNavItem, FyreCard, Greeting, HorizontalLine, Icon, IconCard, Image, ImageLink, ImageLinkList, InformationIcon, Input, Jumbotron, MenuButton, Nav, NavItem, NewsCard, Pill, Profile, Row, Search, SocialBlock, StarRating, Testimonial, TextAndTitle, TextArea, Timeline, Tubestops, UserIcon, Video };
+export { Accordion, AlertBar, Breadcrumbs, BreadcrumbsBordered, BreadcrumbsItem, Button, Calendar, Card, CardWithTopImage, Checkbox, Carousel, CarouselThumbnail, Collapsible, Column, Container, DetailUpdater, DynamicTextSection, Dialog, DropdownMenu, FilterItem, Form, FooterBar, FooterNav, FooterNavItem, FyreCard, Greeting, HorizontalLine, Icon, IconCard, Image, ImageLink, ImageLinkList, InformationIcon, Input, Jumbotron, MenuButton, Modal, Nav, NavItem, NewsCard, Pill, Profile, Row, Search, Select, SocialBlock, StarRating, Testimonial, TextAndTitle, TextArea, Timeline, Tubestops, UserIcon, Video };

package/dist/src/lib/index.js

@@ -14,6 +14,7 @@ import Collapsible from './components/Collapsible/Collapsible';
 import Column from './components/Column/Column';
 import Container from './components/Container/Container';
 import DetailUpdater from './components/DetailUpdater/DetailUpdater';
+import Dialog from './components/Dialog/Dialog';
 import DropdownMenu from './components/DropdownMenu/DropdownMenu';
 import DynamicTextSection from './components/DynamicTextSection/DynamicTextSection';
 import FilterItem from './components/FilterItem/FilterItem';
@@ -33,6 +34,7 @@ import InformationIcon from './components/InformationIcon/InformationIcon';
 import Input from './components/Input/Input';
 import Jumbotron from './components/Jumbotron/Jumbotron';
 import MenuButton from './components/MenuButton/MenuButton';
+import Modal from './components/Modal/Modal';
 import Nav from './components/Nav/Nav';
 import NavItem from './components/NavItem/NavItem';
 import NewsCard from './components/NewsCard/NewsCard';
@@ -40,6 +42,7 @@ import Pill from './components/Pill/Pill';
 import Profile from './components/Profile/Profile';
 import Row from './components/Row/Row';
 import Search from './components/Search/Search';
+import Select from './components/Select/Select';
 import SocialBlock from './components/SocialBlock/SocialBlock';
 import StarRating from './components/StarRating/StarRating';
 import Testimonial from './components/Testimonial/Testimonial';
@@ -49,5 +52,5 @@ import Timeline from './components/Timeline/Timeline';
 import Tubestops from './components/Tubestops/Tubestops';
 import UserIcon from './components/UserIcon/UserIcon';
 import Video from './components/Video/Video';
-export { Accordion, AlertBar, Breadcrumbs, BreadcrumbsBordered, BreadcrumbsItem, Button, Calendar, Card, CardWithTopImage, Checkbox, Carousel, CarouselThumbnail, Collapsible, Column, Container, DetailUpdater, DynamicTextSection, DropdownMenu, FilterItem, Form, FooterBar, FooterNav, FooterNavItem, FyreCard, Greeting, HorizontalLine, Icon, IconCard, Image, ImageLink, ImageLinkList, InformationIcon, Input, Jumbotron, MenuButton, Nav, NavItem, NewsCard, Pill, Profile, Row, Search, SocialBlock, StarRating, Testimonial, TextAndTitle, TextArea, Timeline, Tubestops, UserIcon, Video };
+export { Accordion, AlertBar, Breadcrumbs, BreadcrumbsBordered, BreadcrumbsItem, Button, Calendar, Card, CardWithTopImage, Checkbox, Carousel, CarouselThumbnail, Collapsible, Column, Container, DetailUpdater, DynamicTextSection, Dialog, DropdownMenu, FilterItem, Form, FooterBar, FooterNav, FooterNavItem, FyreCard, Greeting, HorizontalLine, Icon, IconCard, Image, ImageLink, ImageLinkList, InformationIcon, Input, Jumbotron, MenuButton, Modal, Nav, NavItem, NewsCard, Pill, Profile, Row, Search, Select, SocialBlock, StarRating, Testimonial, TextAndTitle, TextArea, Timeline, Tubestops, UserIcon, Video };
 //# sourceMappingURL=index.js.map

package/dist/src/lib/index.js.map

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

package/package.json

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