trepur_components 1.0.26 → 1.0.28

package/README.md

@@ -1,3 +1,6 @@
+# Trepur Components
+Trepur compoments, the component store to many of my projects
+
 ## Available Scripts
 In the project directory, you can run:
 

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

@@ -8,6 +8,7 @@ export interface Props {
     variant?: 'primary' | 'secondary';
     type?: 'social' | 'icon' | 'default';
     href?: string;
+    target?: string;
     rounded?: boolean;
     disabled?: boolean;
     isLoading?: boolean;
@@ -15,5 +16,5 @@ export interface Props {
     children?: any;
     theme?: ThemeTypes;
 }
-declare const Button: ({ id, className, onClick, hoverText, variant, type, href, rounded, disabled, isLoading, openInNewTab, children, theme }: Props) => JSX.Element;
+declare const Button: ({ id, className, onClick, hoverText, variant, type, href, target, rounded, disabled, isLoading, openInNewTab, children, theme }: Props) => JSX.Element;
 export default Button;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import Icon from '../Icon/Icon';
 import classNames from 'classnames';
 import style from './style.module.css';
-const Button = ({ id, className, onClick, hoverText, variant = 'primary', type = 'default', href, rounded = true, disabled = false, isLoading = false, openInNewTab = false, children, theme = 'theme-rupertbennett' }) => {
+const Button = ({ id, className, onClick, hoverText, variant = 'primary', type = 'default', href, target, rounded = true, disabled = false, isLoading = false, openInNewTab = false, children, theme = 'theme-rupertbennett' }) => {
     const padding = classNames({
         [style.social]: type === 'social',
         [style.icon]: type === 'icon',
@@ -19,15 +19,18 @@ const Button = ({ id, className, onClick, hoverText, variant = 'primary', type =
         [style.disabled]: disabled,
         [style.rounded]: rounded,
         [style.notRounded]: !rounded
-    }, style.classList, className, padding, 'transition-backgroundColor', theme);
+    }, style.classList, className, padding, theme);
     const loadingIcon = (React.createElement(Icon, { size: 1, type: 'spinner', animation: 'pulse', colour: 'white', bgColour: 'primary' }));
-    return (React.createElement("a", Object.assign({}, (openInNewTab && { target: '_blank' }), { href: href }),
-        React.createElement("button", Object.assign({ id: id, className: classList, "aria-busy": isLoading }, ((onClick != null) &&
-            { onClick }), (disabled &&
-            { disabled })),
-            React.createElement("div", { className: classNames({ invisible: isLoading }) }, children),
-            isLoading &&
-                React.createElement("div", { className: loadingClasses }, loadingIcon))));
+    let Tag = 'button';
+    let attributes = {};
+    if ((Boolean(href)) || Boolean(target)) {
+        Tag = 'a';
+        attributes = { href, target };
+    }
+    return (React.createElement(Tag, Object.assign({}, attributes, { id: id, className: classList, "aria-busy": isLoading }, ((onClick != null) && { onClick }), (disabled && { disabled })),
+        React.createElement("div", { className: classNames({ invisible: isLoading }) }, children),
+        isLoading &&
+            React.createElement("div", { className: loadingClasses }, loadingIcon)));
 };
 export default Button;
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAmBtC,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;QACjC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;KACpC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnB,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,SAAS,EAAE,CAAC,SAAS;KACtB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEjB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,SAAS;QAC9D,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;QAC1C,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,WAAW;QAClE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,OAAO;KAC7B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,4BAA4B,EAAE,KAAK,CAAC,CAAA;IAE5E,MAAM,WAAW,GAAG,CAClB,oBAAC,IAAI,IACH,IAAI,EAAE,CAAC,EACP,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,OAAO,EACjB,MAAM,EAAC,OAAO,EACd,QAAQ,EAAC,SAAS,GAClB,CACH,CAAA;IAED,OAAO,CACL,2CACM,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,IAC1C,IAAI,EAAE,IAAI;QAEV,8CACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,eACT,SAAS,IAChB,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC;YACV,EAAE,OAAO,EAAE,CAAC,EACpB,CAAC,QAAQ;YACD,EAAE,QAAQ,EAAE,CAAC;YAEzB,6BAAK,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,IACjD,QAAQ,CACL;YACL,SAAS;gBACR,6BAAK,SAAS,EAAE,cAAc,IAC3B,WAAW,CACR,CACD,CACP,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAsBtC,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,MAAM,EACN,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;QACjC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;KACpC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnB,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,SAAS,EAAE,CAAC,SAAS;KACtB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEjB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,SAAS;QAC9D,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;QAC1C,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,WAAW;QAClE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,OAAO;KAC7B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;IAE9C,MAAM,WAAW,GAAG,CAClB,oBAAC,IAAI,IACH,IAAI,EAAE,CAAC,EACP,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,OAAO,EACjB,MAAM,EAAC,OAAO,EACd,QAAQ,EAAC,SAAS,GAClB,CACH,CAAA;IAED,IAAI,GAAG,GAAsD,QAAQ,CAAA;IACrE,IAAI,UAAU,GAAqB,EAAE,CAAA;IAErC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;QACtC,GAAG,GAAG,GAAG,CAAA;QACT,UAAU,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;KAC9B;IAED,OAAO,CACL,oBAAC,GAAG,oBACE,UAAU,IACd,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,eACT,SAAS,IAChB,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,EAClC,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,CAAC;QAE9B,6BAAK,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,IACjD,QAAQ,CACL;QACL,SAAS;YACR,6BAAK,SAAS,EAAE,cAAc,IAC3B,WAAW,CACR,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -6,7 +6,16 @@
 
     font-size: 20px;
 
-    transition-duration: 500ms
+    transition-duration: 500ms;
+
+    display: inline-block;
+
+    text-align: center
+}
+
+.classList:focus {
+
+    outline-style: solid
 }
 
 .loading {
@@ -58,7 +67,9 @@
 
     background-color: var(--color-primary);
 
-    color: var(--color-white)
+    color: var(--color-white);
+
+    outline-color: var(--color-primary)
 }
 
 .primaryNotDisabled:hover {
@@ -70,7 +81,7 @@
     color: var(--color-primary)
 }
 
-.secondary {
+.primaryNotDisabled:focus {
 
     border-color: var(--color-primary);
 
@@ -79,6 +90,17 @@
     color: var(--color-primary)
 }
 
+.secondary {
+
+    border-color: var(--color-primary);
+
+    background-color: var(--color-white);
+
+    color: var(--color-primary);
+
+    outline-color: var(--color-white)
+}
+
 .secondaryNotDisabled:hover {
 
     border-color: var(--color-primary);

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

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

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

@@ -13,13 +13,18 @@ const Card = ({ id, className, imageProps, videoProps, title, subTitle, descript
     let attributes = {};
     if (Boolean(href) || Boolean(target)) {
         Tag = 'a';
-        attributes = { href, title, target };
+        attributes = { href, title, target: '_blank' };
     }
+    const shouldDisplayButton = buttonProps !== undefined &&
+        buttonProps !== null &&
+        buttonProps.children !== undefined &&
+        (buttonProps.href !== undefined || buttonProps.onClick !== undefined) &&
+        Tag === 'div';
     return (React.createElement(Tag, Object.assign({ id: id, className: classList }, attributes),
         React.createElement("div", null, (videoProps === null || videoProps === void 0 ? void 0 : videoProps.mp4File) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.webmFile) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.ogvFile) !== undefined
             ? (React.createElement(Video, Object.assign({}, videoProps)))
             : (imageProps !== undefined &&
-                React.createElement("img", Object.assign({ className: imageClassList }, imageProps)))),
+                React.createElement("img", Object.assign({ className: imageClassList, title: `${title === null || title === void 0 ? void 0 : title.replace(/\s/g, '-')}-logo`, alt: `${title === null || title === void 0 ? void 0 : title.replace(/\s/g, '-')}-image` }, imageProps)))),
         React.createElement("div", { className: style.contentWrapper },
             React.createElement("div", { className: style.movingContent },
                 title !== undefined &&
@@ -29,7 +34,7 @@ const Card = ({ id, className, imageProps, videoProps, title, subTitle, descript
             React.createElement("div", { className: style.staticContent },
                 description !== undefined &&
                     React.createElement("p", { className: cardDescriptionClassList }, description),
-                buttonProps !== undefined && buttonProps !== null && Tag === 'div' &&
+                shouldDisplayButton &&
                     React.createElement(Button, Object.assign({ className: style.buttonClassList }, buttonProps), buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children)))));
 };
 export default Card;

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AAEpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAmBtC,MAAM,IAAI,GAAoB,CAAC,EAC7B,EAAE,EACF,SAAS,EACT,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,MAAM,EACN,WAAW,EACX,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,gBAAgB,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAChD,MAAM,qBAAqB,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IACxD,MAAM,wBAAwB,GAAG,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;IAC9D,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAC/D,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;IAEvD,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,IAChB,UAAU;QAEd,iCACG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,MAAK,SAAS,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,MAAK,SAAS,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,MAAK,SAAS;YAC3G,CAAC,CAAC,CACA,oBAAC,KAAK,oBAAK,UAAU,EAAI,CACxB;YACH,CAAC,CAAC,CAAC,UAAU,KAAK,SAAS;gBACzB,2CAAK,SAAS,EAAE,cAAc,IAAM,UAAU,EAAI,CACjD,CACD;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;YAClC,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBAChC,KAAK,KAAK,SAAS;oBAClB,4BAAI,SAAS,EAAE,gBAAgB,IAC5B,KAAK,CACH;gBACN,QAAQ,KAAK,SAAS;oBACrB,4BAAI,SAAS,EAAE,qBAAqB,IACjC,QAAQ,CACN,CACH;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBAChC,WAAW,KAAK,SAAS;oBACxB,2BAAG,SAAS,EAAE,wBAAwB,IACnC,WAAW,CACV;gBACL,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,IAAI,GAAG,KAAK,KAAK;oBACjE,oBAAC,MAAM,kBAAC,SAAS,EAAE,KAAK,CAAC,eAAe,IAAM,WAAW,GACtD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CACf,CACP,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"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"}

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

@@ -26,6 +26,25 @@ a .classList:hover {
     transition-duration: 300ms
 }
 
+.classList:focus {
+    border-width: 2px;
+    border-color: var(--color-primary)
+}
+
+.classList:focus .movingContent {
+    margin-top: -2rem;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 300ms
+}
+
+.classList:focus .staticContent {
+    margin-top: 2rem;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 300ms
+}
+
 .imageClassList {
     height: 100%;
     width: 100%;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Card/style.module.css"],"names":[],"mappings":"AACI;IAAA,aAAoB;IAApB,sBAAoB;IACpB,qBAAiB;IACjB,gFAAgB;IAAhB,oGAAgB;IAAhB,uGAAgB;IAChB;AAHoB;;AAOpB;IAAA;AAAqB;;AAIrB;IAAA,iBAAY;IACZ,wBAAkC;IAAlC,wDAAkC;IAAlC;AADY;;AAKZ;IAAA,gBAAW;IACX,wBAAkC;IAAlC,wDAAkC;IAAlC;AADW;;AAKX;IAAA,YAAiC;IAAjC,WAAiC;IACjC,aAAwC;IAAxC,gBAAwC;IAAxC,iBAAwC;IACxC,8BAAmB;IAAnB,+BAAmB;IACnB;AAHiC;;AAOjC;IAAA,aAAkD;IAAlD,sBAAkD;IAAlD,oBAAkD;IAAlD,8BAAkD;IAClD;AADkD;;AAKlD;IAAA,oCAAe;IACf,eAAqB;IAArB,oBAAqB;IAArB,qBAAqB;IAArB,mBAAqB;IACrB,kCAAmB;IAAnB,iCAAmB;IACnB,wBAAkC;IAAlC,wDAAkC;IAAlC;AAHe;;AAOf;IAAA,YAAiB;IAAjB,eAAiB;IACjB,wBAAkC;IAAlC,wDAAkC;IAAlC,0BAAkC;IAClC,aAAkD;IAAlD,sBAAkD;IAAlD,oBAAkD;IAAlD;AAFiB;;AAMjB;IAAA,eAA0B;IAA1B;AAA0B;;AAI1B;IAAA,eAA2B;IAA3B;AAA2B;;AAI3B;IAAA,YAAqC;IAArC,sBAAqC;IAArC,eAAqC;IAArC;AAAqC;;AAIrC;IAAA;AAAa","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex flex-col;\n    @apply rounded-lg;\n    @apply shadow-xl;\n    max-width: 380px;\n}\n\na .classList:hover {\n    @apply cursor-pointer;\n}\n\n.classList:hover .movingContent {\n    @apply -mt-8;\n    @apply transition-all duration-300;\n}\n\n.classList:hover .staticContent {\n    @apply mt-8;\n    @apply transition-all duration-300;\n}\n\n.imageClassList {\n    @apply w-full object-cover h-full;\n    @apply h-64 overflow-hidden object-cover;\n    @apply rounded-t-lg;\n    height: 256px;\n}\n\n.contentWrapper {\n    @apply flex flex-col justify-between items-stretch;\n    height: calc(100% - 256px);\n}\n\n.movingContent {\n    @apply bg-white;\n    @apply px-6 pt-6 mt-0;\n    @apply rounded-b-lg;\n    @apply transition-all duration-300;\n}\n\n.staticContent {\n    @apply h-full p-6;\n    @apply transition-all duration-300;\n    @apply flex flex-col justify-between items-stretch;\n}\n\n.title {\n    @apply font-medium text-sm;\n}\n\n.subtitle {\n    @apply font-regular text-xs;\n}\n\n.description {\n    @apply font-light text-xs pb-6 flex-1;\n}\n\n.buttonClassList {\n    @apply w-full;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/Card/style.module.css"],"names":[],"mappings":"AACI;IAAA,aAAoB;IAApB,sBAAoB;IACpB,qBAAiB;IACjB,gFAAgB;IAAhB,oGAAgB;IAAhB,uGAAgB;IAChB;AAHoB;;AAOpB;IAAA;AAAqB;;AAIrB;IAAA,iBAAY;IACZ,wBAAkC;IAAlC,wDAAkC;IAAlC;AADY;;AAKZ;IAAA,gBAAW;IACX,wBAAkC;IAAlC,wDAAkC;IAAlC;AADW;;AAKX;IAAA,iBAA8B;IAA9B;AAA8B;;AAI9B;IAAA,iBAAY;IACZ,wBAAkC;IAAlC,wDAAkC;IAAlC;AADY;;AAKZ;IAAA,gBAAW;IACX,wBAAkC;IAAlC,wDAAkC;IAAlC;AADW;;AAKX;IAAA,YAAiC;IAAjC,WAAiC;IACjC,aAAwC;IAAxC,gBAAwC;IAAxC,iBAAwC;IACxC,8BAAmB;IAAnB,+BAAmB;IACnB;AAHiC;;AAOjC;IAAA,aAAkD;IAAlD,sBAAkD;IAAlD,oBAAkD;IAAlD,8BAAkD;IAClD;AADkD;;AAKlD;IAAA,oCAAe;IACf,eAAqB;IAArB,oBAAqB;IAArB,qBAAqB;IAArB,mBAAqB;IACrB,kCAAmB;IAAnB,iCAAmB;IACnB,wBAAkC;IAAlC,wDAAkC;IAAlC;AAHe;;AAOf;IAAA,YAAiB;IAAjB,eAAiB;IACjB,wBAAkC;IAAlC,wDAAkC;IAAlC,0BAAkC;IAClC,aAAkD;IAAlD,sBAAkD;IAAlD,oBAAkD;IAAlD;AAFiB;;AAMjB;IAAA,eAA0B;IAA1B;AAA0B;;AAI1B;IAAA,eAA2B;IAA3B;AAA2B;;AAI3B;IAAA,YAAqC;IAArC,sBAAqC;IAArC,eAAqC;IAArC;AAAqC;;AAIrC;IAAA;AAAa","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex flex-col;\n    @apply rounded-lg;\n    @apply shadow-xl;\n    max-width: 380px;\n}\n\na .classList:hover {\n    @apply cursor-pointer;\n}\n\n.classList:hover .movingContent {\n    @apply -mt-8;\n    @apply transition-all duration-300;\n}\n\n.classList:hover .staticContent {\n    @apply mt-8;\n    @apply transition-all duration-300;\n}\n\n.classList:focus {\n    @apply border-2 border-primary;\n}\n\n.classList:focus .movingContent {\n    @apply -mt-8;\n    @apply transition-all duration-300;\n}\n\n.classList:focus .staticContent {\n    @apply mt-8;\n    @apply transition-all duration-300;\n}\n\n.imageClassList {\n    @apply w-full object-cover h-full;\n    @apply h-64 overflow-hidden object-cover;\n    @apply rounded-t-lg;\n    height: 256px;\n}\n\n.contentWrapper {\n    @apply flex flex-col justify-between items-stretch;\n    height: calc(100% - 256px);\n}\n\n.movingContent {\n    @apply bg-white;\n    @apply px-6 pt-6 mt-0;\n    @apply rounded-b-lg;\n    @apply transition-all duration-300;\n}\n\n.staticContent {\n    @apply h-full p-6;\n    @apply transition-all duration-300;\n    @apply flex flex-col justify-between items-stretch;\n}\n\n.title {\n    @apply font-medium text-sm;\n}\n\n.subtitle {\n    @apply font-regular text-xs;\n}\n\n.description {\n    @apply font-light text-xs pb-6 flex-1;\n}\n\n.buttonClassList {\n    @apply w-full;\n}"]}

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

@@ -23,6 +23,7 @@ interface DotProps {
     hoverColour?: Colours;
     hoverBgColour?: Colours;
     theme?: ThemeTypes;
+    wrapperBgColour: Colours;
 }
 export interface Props {
     id?: string;

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

@@ -104,10 +104,16 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
             (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: style.arrowWrapper },
                 React.createElement(Arrow, Object.assign({ right: true, onClick: (e) => { var _a; return e.stopPropagation() !== undefined || ((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.next()); }, disabled: currentSlide === ((_d = (_c = (_b = (_a = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _a === void 0 ? void 0 : _a.track) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.slides) === null || _d === void 0 ? void 0 : _d.length) }, arrows))))),
         (dots === null || dots === void 0 ? void 0 : dots.visible) === true && loaded && (instanceRef.current != null) && (React.createElement("div", { className: style.dotWrapper }, [...Array((_h = (_g = (_f = (_e = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _e === void 0 ? void 0 : _e.track) === null || _f === void 0 ? void 0 : _f.details) === null || _g === void 0 ? void 0 : _g.slides) === null || _h === void 0 ? void 0 : _h.length).keys()].map((idx, i) => {
-            return (React.createElement(Dot, Object.assign({ key: `dot_${i}`, isActive: currentSlide === idx, onClick: () => {
+            var _a, _b, _c, _d;
+            const numberOfSlides = ((_d = (_c = (_b = (_a = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _a === void 0 ? void 0 : _a.track) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.slides) === null || _d === void 0 ? void 0 : _d.length) || 1;
+            return (React.createElement(Dot, Object.assign({ key: `dot_${i}`, isActive: !loop
+                    ? currentSlide === idx
+                    : currentSlide + perView <= numberOfSlides
+                        ? idx >= currentSlide && idx < currentSlide + perView
+                        : idx >= currentSlide || currentSlide + perView - numberOfSlides - 1 >= idx, onClick: () => {
                     var _a;
                     (_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.moveToIdx(idx);
-                }, theme: theme }, dots)));
+                }, theme: theme }, dots, { wrapperBgColour: bgColour || 'white' })));
         })))));
 };
 function Arrow(props) {
@@ -116,8 +122,10 @@ function Arrow(props) {
             React.createElement(Icon, { type: (props === null || props === void 0 ? void 0 : props.left) === true ? 'chevron-left' : 'chevron-right', className: style.arrowIconClassList, size: 3, rounded: true, bgColour: props === null || props === void 0 ? void 0 : props.bgColour, colour: props === null || props === void 0 ? void 0 : props.colour, hoverBgColour: props === null || props === void 0 ? void 0 : props.hoverBgColour, hoverColour: props === null || props === void 0 ? void 0 : props.hoverColour }))));
 }
 function Dot(props) {
-    return (React.createElement("a", { onClick: props === null || props === void 0 ? void 0 : props.onClick },
-        React.createElement(Icon, { type: 'circle', className: style.dotIconClassList, size: 1, rounded: true, bgColour: (props === null || props === void 0 ? void 0 : props.isActive) === true ? props.hoverBgColour : props.bgColour, colour: (props === null || props === void 0 ? void 0 : props.isActive) === true ? props.hoverColour : props.colour, hoverBgColour: props === null || props === void 0 ? void 0 : props.hoverBgColour, hoverColour: props === null || props === void 0 ? void 0 : props.hoverColour, theme: props === null || props === void 0 ? void 0 : props.theme })));
+    var _a;
+    const bg = ((_a = props === null || props === void 0 ? void 0 : props.wrapperBgColour) === null || _a === void 0 ? void 0 : _a.toString()) || 'white';
+    return (React.createElement("button", { className: classNames(style.dotButtonClassList, style[bg]), type: 'button', onClick: props === null || props === void 0 ? void 0 : props.onClick },
+        React.createElement(Icon, { type: 'circle', className: style.dotIconClassList, size: 2, rounded: true, bgColour: (props === null || props === void 0 ? void 0 : props.isActive) === true ? props.hoverBgColour : props.bgColour, colour: (props === null || props === void 0 ? void 0 : props.isActive) === true ? props.hoverColour : props.colour, hoverBgColour: props === null || props === void 0 ? void 0 : props.hoverBgColour, hoverColour: props === null || props === void 0 ? void 0 : props.hoverColour, theme: props === null || props === void 0 ? void 0 : props.theme })));
 }
 export default Carousel;
 //# sourceMappingURL=Carousel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,aAAa,EAA0D,MAAM,mBAAmB,CAAA;AACzG,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAsE5E,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,qBAAqB,EACrB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,EACP,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,MAAM,EACb,KAAK,EACL,UAAU,EACV,GAAG,EACH,UAAU,EACV,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,OAAO,EACP,SAAS,EACT,cAAc,EACd,OAAO,EACP,WAAW,EACX,WAAW,EACX,SAAS,EACT,oBAAoB,EACpB,cAAc,EACd,YAAY,EACZ,OAAO,EACP,OAAO,GAAG,CAAC,EACX,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,IAAI,EACJ,KAAK,GAAG,qBAAqB,EAC9B,EAAE,EAAE;;IACH,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IACvC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,SAAS,aAAa,CAAE,MAAW;QACjC,IAAI,YAAiB,CAAA;QACrB,IAAI,QAAa,CAAA;QACjB,IAAI,WAAoB,CAAA;QAExB,SAAS,QAAQ,CAAE,CAAM,EAAE,IAAY;YACrC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAA;YACtB,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAA;YACtB,MAAM,CAAC,SAAS,CAAC,aAAa,CAC5B,IAAI,WAAW,CAAC,IAAI,EAAE;gBACpB,MAAM,EAAE;oBACN,CAAC,EAAE,QAAQ,CAAC,CAAC;oBACb,CAAC,EAAE,QAAQ,CAAC,CAAC;iBACd;aACF,CAAC,CACH,CAAA;QACH,CAAC;QAED,SAAS,UAAU,CAAE,CAAM;YACzB,QAAQ,GAAG;gBACT,CAAC,EAAE,CAAC,CAAC,KAAK;gBACV,CAAC,EAAE,CAAC,CAAC,KAAK;aACX,CAAA;YACD,QAAQ,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;QAC5B,CAAC;QAED,SAAS,KAAK,CAAE,CAAM;YACpB,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAA;QACvB,CAAC;QAED,SAAS,QAAQ,CAAE,CAAM;YACvB,QAAQ,CAAC,CAAC,EAAE,WAAW,CAAC,CAAA;QAC1B,CAAC;QAED,SAAS,UAAU,CAAE,CAAM;YACzB,IAAI,CAAC,WAAW,EAAE;gBAChB,UAAU,CAAC,CAAC,CAAC,CAAA;gBACb,WAAW,GAAG,IAAI,CAAA;aACnB;YACD,KAAK,CAAC,CAAC,CAAC,CAAA;YACR,YAAY,CAAC,YAAY,CAAC,CAAA;YAC1B,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC7B,WAAW,GAAG,KAAK,CAAA;gBACnB,QAAQ,CAAC,CAAC,CAAC,CAAA;YACb,CAAC,EAAE,EAAE,CAAC,CAAA;QACR,CAAC;QAED,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE;YACxB,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE;gBACrD,OAAO,EAAE,IAAI;aACd,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,aAAa,CAAiB;QAC7D,OAAO;QACP,WAAW;QACX,gBAAgB;QAChB,QAAQ;QACR,IAAI;QACJ,SAAS;QACT,IAAI;QACJ,IAAI;QACJ,KAAK;QACL,UAAU;QACV,GAAG;QACH,UAAU;QACV,QAAQ;QACR,YAAY,CAAE,MAAM;YAClB,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;QAC3C,CAAC;QACD,8BAA8B;QAC9B,OAAO;YACL,SAAS,CAAC,IAAI,CAAC,CAAA;QACjB,CAAC;QACD,oBAAoB;QACpB,gBAAgB;QAChB,gBAAgB;QAChB,cAAc;QACd,SAAS;QACT,cAAc;QACd,OAAO;QACP,WAAW;QACX,WAAW;QACX,SAAS;QACT,oBAAoB;QACpB,cAAc;QACd,OAAO;QACP,MAAM,EAAE;YACN,OAAO;YACP,OAAO;YACP,MAAM;YACN,MAAM;SACP;KACF,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,6BAAK,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,MAAK,IAAI,IAAI,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,EAAE,oBAAoB,CAAC;YAC1H,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,MAAK,IAAI,IAAI,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,KAAK,SAAS,CAAC,IAAI,CAC5E,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;gBAChC,oBAAC,KAAK,kBACJ,IAAI,QACJ,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE,WAAC,OAAA,CAAC,CAAC,eAAe,EAAE,KAAK,SAAS,KAAI,MAAA,WAAW,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAA,CAAA,EAAA,EACrF,QAAQ,EAAE,YAAY,KAAK,CAAC,IACxB,MAAM,EACV,CACE,CACP;YACD,6BAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,YAAY,EAAE,qBAAqB,EAAE,aAAa,CAAC,IACjG,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,MAAM,CACvB;YACL,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,MAAK,IAAI,IAAI,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,KAAK,SAAS,CAAC,IAAI,CAC5E,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;gBAChC,oBAAC,KAAK,kBACJ,KAAK,QACL,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE,WAClB,OAAA,CAAC,CAAC,eAAe,EAAE,KAAK,SAAS,KAAI,MAAA,WAAW,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAA,CAAA,EAAA,EAClE,QAAQ,EACN,YAAY,MAAK,MAAA,MAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,0CAAE,KAAK,0CAAE,OAAO,0CAAE,MAAM,0CAAE,MAAM,CAAA,IAEnE,MAAM,EACV,CACE,CACP,CACG;QACL,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,MAAK,IAAI,IAAI,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CACpE,6BAAK,SAAS,EAAE,KAAK,CAAC,UAAU,IAC7B,CAAC,GAAG,KAAK,CAAC,MAAA,MAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,0CAAE,KAAK,0CAAE,OAAO,0CAAE,MAAM,0CAAE,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACtF,OAAO,CACL,oBAAC,GAAG,kBACF,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,QAAQ,EAAE,YAAY,KAAK,GAAG,EAC9B,OAAO,EAAE,GAAG,EAAE;;oBACZ,MAAA,WAAW,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,CAAA;gBACrC,CAAC,EACD,KAAK,EAAE,KAAK,IACR,IAAI,EACR,CACH,CAAA;QACH,CAAC,CAAC,CACE,CACP,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,SAAS,KAAK,CAAE,KAAiB;IAC/B,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;QAChC,2BAAG,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO;YACxB,oBAAC,IAAI,IACH,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,EAC7D,SAAS,EAAE,KAAK,CAAC,kBAAkB,EACnC,IAAI,EAAE,CAAC,EACP,OAAO,QACP,QAAQ,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EACzB,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EACrB,aAAa,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,EACnC,WAAW,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,GAC/B,CACA,CACA,CACP,CAAA;AACH,CAAC;AAED,SAAS,GAAG,CAAE,KAAe;IAC3B,OAAO,CACL,2BAAG,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO;QACxB,oBAAC,IAAI,IACH,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,KAAK,CAAC,gBAAgB,EACjC,IAAI,EAAE,CAAC,EACP,OAAO,QACP,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,MAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EACzE,MAAM,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,MAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EACnE,aAAa,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,EACnC,WAAW,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAC/B,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,GACnB,CACA,CACL,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}

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

@@ -12,18 +12,38 @@
 
 .slideWrapper {
 
-    width: 100%
+    width: 100%;
+
+    padding-bottom: 3rem;
+
+    padding-top: 1rem;
+
+    padding-left: 0.25rem
 }
 
 .dotWrapper {
 
+    margin-top: 0.5rem;
+
+    margin-bottom: 0.5rem;
+
     display: flex;
 
-    justify-content: center;
+    justify-content: center
+}
+
+.dotButtonClassList {
+
+    border-color: var(--color-transparent);
 
-    padding-top: 2rem;
+    padding-top: 0.5rem;
 
-    padding-bottom: 2rem
+    padding-bottom: 0.5rem
+}
+
+.dotButtonClassList:focus {
+
+    border-width: 2px
 }
 
 .dotIconClassList {
@@ -56,4 +76,74 @@
 
     cursor: pointer
 }
+
+.primary {
+
+    border-color: var(--color-white)
+}
+
+.white {
+
+    border-color: var(--color-primary)
+}
+
+.grey {
+
+    border-color: var(--color-primary)
+}
+
+.gold {
+
+    border-color: var(--color-primary)
+}
+
+.facebook {
+
+    border-color: var(--color-white)
+}
+
+.linkedin {
+
+    border-color: var(--color-white)
+}
+
+.email {
+
+    border-color: var(--color-white)
+}
+
+.instagram {
+
+    border-color: var(--color-primary)
+}
+
+.github {
+
+    border-color: var(--color-white)
+}
+
+.interactive-facebook {
+
+    border-color: var(--color-primary)
+}
+
+.interactive-email {
+
+    border-color: var(--color-primary)
+}
+
+.interactive-linkedin {
+
+    border-color: var(--color-primary)
+}
+
+.interactive-instagram {
+
+    border-color: var(--color-primary)
+}
+
+.interactive-github {
+
+    border-color: var(--color-primary)
+}
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Carousel/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAa;;AAIb;;IAAA,aAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA;AAAa;;AAIb;;IAAA,aAA+B;;IAA/B,uBAA+B;;IAA/B,iBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,oBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAqB;;AAIrB;;IAAA,gBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAqB","file":"style.module.css","sourcesContent":[".classList {\n    @apply w-full;\n}\n\n.visibleArrows {\n    @apply flex justify-between;\n}\n\n.slideWrapper {\n    @apply w-full;\n}\n\n.dotWrapper {\n    @apply flex py-8 justify-center;\n}\n\n.dotIconClassList {\n    @apply mx-1;\n}\n\n.dotIconClassList:hover {\n    @apply cursor-pointer;\n}\n\n.arrowWrapper {\n    @apply my-auto;\n}\n\n.arrowIconClassList {\n    @apply mx-auto;\n}\n\n.arrowIconClassList:hover {\n    @apply cursor-pointer;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/Carousel/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAa;;AAIb;;IAAA,aAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,WAA6B;;IAA7B,oBAA6B;;IAA7B,iBAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA,kBAA+B;;IAA/B,qBAA+B;;IAA/B,aAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,sCAA+B;;IAA/B,mBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA;AAAsB;;AAItB;;IAAA,oBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAqB;;AAIrB;;IAAA,gBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB","file":"style.module.css","sourcesContent":[".classList {\n    @apply w-full;\n}\n\n.visibleArrows {\n    @apply flex justify-between;\n}\n\n.slideWrapper {\n    @apply w-full pb-12 pt-4 pl-1;\n}\n\n.dotWrapper {\n    @apply flex my-2 justify-center;\n}\n\n.dotButtonClassList {\n    @apply py-2  border-transparent;\n}\n\n.dotButtonClassList:focus {\n    @apply border border-2;\n}\n\n.dotIconClassList {\n    @apply mx-1;\n}\n\n.dotIconClassList:hover {\n    @apply cursor-pointer;\n}\n\n.arrowWrapper {\n    @apply my-auto;\n}\n\n.arrowIconClassList {\n    @apply mx-auto;\n}\n\n.arrowIconClassList:hover {\n    @apply cursor-pointer;\n}\n\n.primary {\n    @apply border-white;\n}\n\n.white {\n    @apply border-primary;\n}\n\n.grey {\n    @apply border-primary;\n}\n\n.gold {\n    @apply border-primary;\n}\n\n.facebook {\n    @apply border-white;\n}\n\n.linkedin {\n    @apply border-white;\n}\n\n.email {\n    @apply border-white;\n}\n\n.instagram {\n    @apply border-primary;\n}\n\n.github {\n    @apply border-white;\n}\n\n.interactive-facebook {\n    @apply border-primary;\n}\n\n.interactive-email {\n    @apply border-primary;\n}\n\n.interactive-linkedin {\n    @apply border-primary;\n}\n\n.interactive-instagram {\n    @apply border-primary;\n}\n\n.interactive-github {\n    @apply border-primary;\n}"]}

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

@@ -10,7 +10,7 @@ const ComponentWrapper = ({ id, className, title, description, bgColour = 'grey'
     return (React.createElement("div", { id: id, className: classList, style: styles },
         React.createElement(Container, { withPadding: true, className: containerClasses },
             React.createElement("div", { className: style.heading },
-                title !== undefined && React.createElement("p", { className: style.title }, title),
+                title !== undefined && React.createElement("h2", { className: style.title }, title),
                 description !== undefined && React.createElement("p", { className: style.description }, description)),
             children)));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ComponentWrapper.js","sourceRoot":"","sources":["../../../../../src/lib/components/ComponentWrapper/ComponentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAevD,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,MAAM,EACjB,QAAQ,EACR,MAAM,EACN,oBAAoB,GAAG,IAAI,EAC3B,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAA;IAChF,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,oBAAoB;KAC/C,CAAC,CAAA;IAEF,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM;QAEb,oBAAC,SAAS,IAAC,WAAW,QAAC,SAAS,EAAE,gBAAgB;YAChD,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;gBAC1B,KAAK,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;gBAC7D,WAAW,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC5E;YACL,QAAQ,CACC,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"ComponentWrapper.js","sourceRoot":"","sources":["../../../../../src/lib/components/ComponentWrapper/ComponentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAevD,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,MAAM,EACjB,QAAQ,EACR,MAAM,EACN,oBAAoB,GAAG,IAAI,EAC3B,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAA;IAChF,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,oBAAoB;KAC/C,CAAC,CAAA;IAEF,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM;QAEb,oBAAC,SAAS,IAAC,WAAW,QAAC,SAAS,EAAE,gBAAgB;YAChD,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;gBAC1B,KAAK,KAAK,SAAS,IAAI,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAM;gBAC/D,WAAW,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC5E;YACL,QAAQ,CACC,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

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

@@ -4,7 +4,11 @@
 
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 
-    transition-duration: 500ms
+    transition-duration: 500ms;
+
+    outline: 2px solid transparent;
+
+    outline-offset: 2px
 }
 
 .hamburgerIcon:hover path {
@@ -12,6 +16,11 @@
     fill: var(--color-primary)
 }
 
+.hamburgerIcon:focus path {
+
+    fill: var(--color-primary)
+}
+
 .lineOneOpened {
 
     transform-origin: top left;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/HamburgerIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,wBAAkC;;IAAlC,wDAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAmB;;AAInB;;IAAA,0BAA+D;;IAA/D,yBAA+D;;IAA/D,2BAA+D;;IAA/D,kBAA+D;;IAA/D;AAA+D;;AAI/D;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,6BAAiE;;IAAjE,yBAAiE;;IAAjE,qBAAiE;;IAAjE,mBAAiE;;IAAjE;AAAiE;;AAIjE;;IAAA,0BAA+C;;IAA/C,0BAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA,0BAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,6BAAkD;;IAAlD,0BAAkD;;IAAlD;AAAkD;;AAIlD;;IAAA,iBAAiE;;IAAjE,kBAAiE;;IAAjE,+LAAiE;;IAAjE,iBAAiE;;IAAjE,wBAAiE;;IAAjE;AAAiE","file":"style.module.css","sourcesContent":[".hamburgerIcon path {\n    @apply transition-all duration-500;\n}\n\n.hamburgerIcon:hover path {\n    @apply fill-primary;\n}\n\n.lineOneOpened {\n    @apply origin-top-left rotate-45 translate-x-1 -translate-y-0.5;\n}\n\n.lineTwoOpened {\n    @apply opacity-0;\n}\n\n.lineTwoClosed {\n    @apply opacity-100;\n}\n\n.lineThreeOpened {\n    @apply origin-bottom-left -rotate-45 translate-x-1 translate-y-px;\n}\n\n.lineOne {\n    @apply origin-top-left duration-200 ease-linear;\n}\n\n.lineTwo {\n    @apply duration-200 ease-linear;\n}\n\n.lineThree {\n    @apply origin-bottom-left duration-200 ease-linear;\n}\n\n.svg {\n    @apply mx-auto overflow-visible fill-white duration-500 transform;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/HamburgerIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,wBAAkC;;IAAlC,wDAAkC;;IAAlC,0BAAkC;;IAClC,8BAAmB;;IAAnB;AADkC;;AAKlC;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA,0BAA+D;;IAA/D,yBAA+D;;IAA/D,2BAA+D;;IAA/D,kBAA+D;;IAA/D;AAA+D;;AAI/D;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,6BAAiE;;IAAjE,yBAAiE;;IAAjE,qBAAiE;;IAAjE,mBAAiE;;IAAjE;AAAiE;;AAIjE;;IAAA,0BAA+C;;IAA/C,0BAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA,0BAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,6BAAkD;;IAAlD,0BAAkD;;IAAlD;AAAkD;;AAIlD;;IAAA,iBAAiE;;IAAjE,kBAAiE;;IAAjE,+LAAiE;;IAAjE,iBAAiE;;IAAjE,wBAAiE;;IAAjE;AAAiE","file":"style.module.css","sourcesContent":[".hamburgerIcon path {\n    @apply transition-all duration-500;\n    @apply outline-none;\n}\n\n.hamburgerIcon:hover path {\n    @apply fill-primary;\n}\n\n.hamburgerIcon:focus path {\n    @apply fill-primary;\n}\n\n.lineOneOpened {\n    @apply origin-top-left rotate-45 translate-x-1 -translate-y-0.5;\n}\n\n.lineTwoOpened {\n    @apply opacity-0;\n}\n\n.lineTwoClosed {\n    @apply opacity-100;\n}\n\n.lineThreeOpened {\n    @apply origin-bottom-left -rotate-45 translate-x-1 translate-y-px;\n}\n\n.lineOne {\n    @apply origin-top-left duration-200 ease-linear;\n}\n\n.lineTwo {\n    @apply duration-200 ease-linear;\n}\n\n.lineThree {\n    @apply origin-bottom-left duration-200 ease-linear;\n}\n\n.svg {\n    @apply mx-auto overflow-visible fill-white duration-500 transform;\n}"]}

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

@@ -16,72 +16,72 @@
     width: 1.5rem
 }
 
-/* .sizeOne {
-    @apply w-10 h-10;
-} */
-
 .sizeTwo {
 
+    height: 2rem;
+
+    width: 2rem
+}
+
+.sizeThree {
+
     height: 4rem;
 
     width: 4rem
 }
 
-.sizeThree {
+.sizeFour {
 
     height: 5rem;
 
     width: 5rem
 }
 
-.sizeFour {
+.sizeFive {
 
     height: 6rem;
 
     width: 6rem
 }
 
-.sizeFive {
+.sizeSix {
 
     height: 7rem;
 
     width: 7rem
 }
 
-.sizeSix {
+.sizeSeven {
 
     height: 8rem;
 
     width: 8rem
 }
 
-.sizeSeven {
+.sizeEight {
 
     height: 9rem;
 
     width: 9rem
 }
 
-.sizeEight {
+.sizeNine {
 
     height: 10rem;
 
     width: 10rem
 }
 
-.sizeNine {
+.sizeTen {
 
     height: 11rem;
 
     width: 11rem
 }
 
-.sizeTen {
-
-    height: 12rem;
-
-    width: 12rem
-}
+/* .sizeTen {
+    @apply w-48 h-48;
+} */
 
 .rounded {
 
@@ -212,4 +212,62 @@
 
     background-color: var(--color-interactive-facebook)
 }
+
+.focusTextPrimary:focus {
+
+    color: var(--color-primary)
+}
+.focusTextSecondary:focus {
+
+    color: var(--color-secondary)
+}
+.focusTextWhite:focus {
+
+    color: var(--color-white)
+}
+.focusTextlack:focus {
+
+    color: var(--color-black)
+}
+.focusTextGold:focus {
+
+    color: var(--color-gold)
+}
+.focusTextFacebook:focus {
+
+    color: var(--color-facebook)
+}
+.focusTextInteractive-facebook:focus {
+
+    color: var(--color-interactive-facebook)
+}
+
+.focusBgPrimary:focus {
+
+    background-color: var(--color-primary)
+}
+.focusBgSecondary:focus {
+
+    background-color: var(--color-secondary)
+}
+.focusBgWhite:focus {
+
+    background-color: var(--color-white)
+}
+.focusBglack:focus {
+
+    background-color: var(--color-black)
+}
+.focusBgGold:focus {
+
+    background-color: var(--color-gold)
+}
+.focusBgFacebook:focus {
+
+    background-color: var(--color-facebook)
+}
+.focusBgInteractive-facebook:focus {
+
+    background-color: var(--color-interactive-facebook)
+}
 /*# sourceMappingURL=style.module.css.map */