trepur_components 1.0.24 → 1.0.26

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

@@ -16,69 +16,73 @@
     width: 1.5rem
 }
 
+/* .sizeOne {
+    @apply w-10 h-10;
+} */
+
 .sizeTwo {
 
-    height: 2.5rem;
+    height: 4rem;
 
-    width: 2.5rem
+    width: 4rem
 }
 
 .sizeThree {
 
-    height: 3.5rem;
-
-    width: 3.5rem
-}
-
-.sizeFour {
-
     height: 5rem;
 
     width: 5rem
 }
 
-.sizeFive {
+.sizeFour {
 
     height: 6rem;
 
     width: 6rem
 }
 
-.sizeSix {
+.sizeFive {
 
     height: 7rem;
 
     width: 7rem
 }
 
-.sizeSeven {
+.sizeSix {
 
     height: 8rem;
 
     width: 8rem
 }
 
-.sizeEight {
+.sizeSeven {
 
     height: 9rem;
 
     width: 9rem
 }
 
-.sizeNine {
+.sizeEight {
 
     height: 10rem;
 
     width: 10rem
 }
 
-.sizeTen {
+.sizeNine {
 
     height: 11rem;
 
     width: 11rem
 }
 
+.sizeTen {
+
+    height: 12rem;
+
+    width: 12rem
+}
+
 .rounded {
 
     border-radius: 9999px
@@ -95,173 +99,117 @@
 
 .textPrimary {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(0 54 160 / var(--tw-text-opacity))
+    color: var(--color-primary)
 }
 .textSecondary {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(255 168 0 / var(--tw-text-opacity))
+    color: var(--color-secondary)
 }
 .textWhite {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(255 255 255 / var(--tw-text-opacity))
+    color: var(--color-white)
 }
 .textBlack {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(0 0 0 / var(--tw-text-opacity))
+    color: var(--color-black)
 }
 .textGold {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(226 177 60 / var(--tw-text-opacity))
+    color: var(--color-gold)
 }
 .textFacebook {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(59 89 153 / var(--tw-text-opacity))
+    color: var(--color-facebook)
 }
 .textInteractive-facebook {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(45 68 116 / var(--tw-text-opacity))
+    color: var(--color-interactive-facebook)
 }
 
 .bgPrimary {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(0 54 160 / var(--tw-bg-opacity))
+    background-color: var(--color-primary)
 }
 .bgSecondary {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(255 168 0 / var(--tw-bg-opacity))
+    background-color: var(--color-secondary)
 }
 .bgWhite {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+    background-color: var(--color-white)
 }
 .bglack {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
+    background-color: var(--color-black)
 }
 .bgGold {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(226 177 60 / var(--tw-bg-opacity))
+    background-color: var(--color-gold)
 }
 .bgFacebook {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(59 89 153 / var(--tw-bg-opacity))
+    background-color: var(--color-facebook)
 }
 .bgInteractive-facebook {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(45 68 116 / var(--tw-bg-opacity))
+    background-color: var(--color-interactive-facebook)
 }
 
 .hoverTextPrimary:hover {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(0 54 160 / var(--tw-text-opacity))
+    color: var(--color-primary)
 }
 .hoverTextSecondary:hover {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(255 168 0 / var(--tw-text-opacity))
+    color: var(--color-secondary)
 }
 .hoverTextWhite:hover {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(255 255 255 / var(--tw-text-opacity))
+    color: var(--color-white)
 }
 .hoverTextlack:hover {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(0 0 0 / var(--tw-text-opacity))
+    color: var(--color-black)
 }
 .hoverTextGold:hover {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(226 177 60 / var(--tw-text-opacity))
+    color: var(--color-gold)
 }
 .hoverTextFacebook:hover {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(59 89 153 / var(--tw-text-opacity))
+    color: var(--color-facebook)
 }
 .hoverTextInteractive-facebook:hover {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(45 68 116 / var(--tw-text-opacity))
+    color: var(--color-interactive-facebook)
 }
 
 .hoverBgPrimary:hover {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(0 54 160 / var(--tw-bg-opacity))
+    background-color: var(--color-primary)
 }
 .hoverBgSecondary:hover {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(255 168 0 / var(--tw-bg-opacity))
+    background-color: var(--color-secondary)
 }
 .hoverBgWhite:hover {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+    background-color: var(--color-white)
 }
 .hoverBglack:hover {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
+    background-color: var(--color-black)
 }
 .hoverBgGold:hover {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(226 177 60 / var(--tw-bg-opacity))
+    background-color: var(--color-gold)
 }
 .hoverBgFacebook:hover {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(59 89 153 / var(--tw-bg-opacity))
+    background-color: var(--color-facebook)
 }
 .hoverBgInteractive-facebook:hover {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(45 68 116 / var(--tw-bg-opacity))
+    background-color: var(--color-interactive-facebook)
 }
 /*# sourceMappingURL=style.module.css.map */

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,cAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,cAAgB;;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;;AAIhB;;IAAA;AAAmB;;AAInB;;IAAA,aAAkC;;IAAlC,+LAAkC;;IAAlC;AAAkC;;AAGvB;;IAAA,oBAAmB;;IAAnB;AAAmB;AACjB;;IAAA,oBAAqB;;IAArB;AAAqB;AACzB;;IAAA,oBAAiB;;IAAjB;AAAiB;AACjB;;IAAA,oBAAiB;;IAAjB;AAAiB;AAClB;;IAAA,oBAAgB;;IAAhB;AAAgB;AACZ;;IAAA,oBAAoB;;IAApB;AAAoB;AACR;;IAAA,oBAAgC;;IAAhC;AAAgC;;AAE/C;;IAAA,kBAAiB;;IAAjB;AAAiB;AACf;;IAAA,kBAAmB;;IAAnB;AAAmB;AACvB;;IAAA,kBAAe;;IAAf;AAAe;AAChB;;IAAA,kBAAe;;IAAf;AAAe;AACf;;IAAA,kBAAc;;IAAd;AAAc;AACV;;IAAA,kBAAkB;;IAAlB;AAAkB;AACN;;IAAA,kBAA8B;;IAA9B;AAA8B;;AAEpC;;IAAA,oBAAyB;;IAAzB;AAAyB;AACvB;;IAAA,oBAA2B;;IAA3B;AAA2B;AAC/B;;IAAA,oBAAuB;;IAAvB;AAAuB;AACxB;;IAAA,oBAAuB;;IAAvB;AAAuB;AACvB;;IAAA,oBAAsB;;IAAtB;AAAsB;AAClB;;IAAA,oBAA0B;;IAA1B;AAA0B;AACd;;IAAA,oBAAsC;;IAAtC;AAAsC;;AAErD;;IAAA,kBAAuB;;IAAvB;AAAuB;AACrB;;IAAA,kBAAyB;;IAAzB;AAAyB;AAC7B;;IAAA,kBAAqB;;IAArB;AAAqB;AACtB;;IAAA,kBAAqB;;IAArB;AAAqB;AACrB;;IAAA,kBAAoB;;IAApB;AAAoB;AAChB;;IAAA,kBAAwB;;IAAxB;AAAwB;AACZ;;IAAA,kBAAoC;;IAApC;AAAoC","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-10 h-10;\n}\n\n.sizeThree {\n    @apply w-14 h-14;\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.rounded {\n    @apply rounded-full;\n}\n\n.wrapperClassList {\n    @apply flex duration-500 transform;\n}\n\n.textPrimary { @apply text-primary; }\n.textSecondary { @apply text-secondary; }\n.textWhite { @apply text-white; }\n.textBlack { @apply text-black; }\n.textGold { @apply text-gold; }\n.textFacebook { @apply text-facebook; }\n.textInteractive-facebook { @apply text-interactive-facebook; }\n\n.bgPrimary { @apply bg-primary; }\n.bgSecondary { @apply bg-secondary; }\n.bgWhite { @apply bg-white; }\n.bglack { @apply bg-black; }\n.bgGold { @apply bg-gold; }\n.bgFacebook { @apply bg-facebook; }\n.bgInteractive-facebook { @apply bg-interactive-facebook; }\n\n.hoverTextPrimary { @apply hover:text-primary; }\n.hoverTextSecondary { @apply hover:text-secondary; }\n.hoverTextWhite { @apply hover:text-white; }\n.hoverTextlack { @apply hover:text-black; }\n.hoverTextGold { @apply hover:text-gold; }\n.hoverTextFacebook { @apply hover:text-facebook; }\n.hoverTextInteractive-facebook { @apply hover:text-interactive-facebook; }\n\n.hoverBgPrimary { @apply hover:bg-primary; }\n.hoverBgSecondary { @apply hover:bg-secondary; }\n.hoverBgWhite { @apply hover:bg-white; }\n.hoverBglack { @apply hover:bg-black; }\n.hoverBgGold { @apply hover:bg-gold; }\n.hoverBgFacebook { @apply hover:bg-facebook; }\n.hoverBgInteractive-facebook { @apply hover:bg-interactive-facebook; }"]}
+{"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;;AAGlB;;GAEG;;AAGC;;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;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAmB;;AAInB;;IAAA,aAAkC;;IAAlC,+LAAkC;;IAAlC;AAAkC;;AAGvB;;IAAA;AAAmB;AACjB;;IAAA;AAAqB;AACzB;;IAAA;AAAiB;AACjB;;IAAA;AAAiB;AAClB;;IAAA;AAAgB;AACZ;;IAAA;AAAoB;AACR;;IAAA;AAAgC;;AAE/C;;IAAA;AAAiB;AACf;;IAAA;AAAmB;AACvB;;IAAA;AAAe;AAChB;;IAAA;AAAe;AACf;;IAAA;AAAc;AACV;;IAAA;AAAkB;AACN;;IAAA;AAA8B;;AAEpC;;IAAA;AAAyB;AACvB;;IAAA;AAA2B;AAC/B;;IAAA;AAAuB;AACxB;;IAAA;AAAuB;AACvB;;IAAA;AAAsB;AAClB;;IAAA;AAA0B;AACd;;IAAA;AAAsC;;AAErD;;IAAA;AAAuB;AACrB;;IAAA;AAAyB;AAC7B;;IAAA;AAAqB;AACtB;;IAAA;AAAqB;AACrB;;IAAA;AAAoB;AAChB;;IAAA;AAAwB;AACZ;;IAAA;AAAoC","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/* .sizeOne {\n    @apply w-10 h-10;\n} */\n\n.sizeTwo {\n    @apply w-16 h-16;\n}\n\n.sizeThree {\n    @apply w-20 h-20;\n}\n\n.sizeFour {\n    @apply w-24 h-24;\n}\n\n.sizeFive {\n    @apply w-28 h-28;\n}\n\n.sizeSix {\n    @apply w-32 h-32;\n}\n\n.sizeSeven {\n    @apply w-36 h-36;\n}\n\n.sizeEight {\n    @apply w-40 h-40;\n}\n\n.sizeNine {\n    @apply w-44 h-44;\n}\n\n.sizeTen {\n    @apply w-48 h-48;\n}\n\n.rounded {\n    @apply rounded-full;\n}\n\n.wrapperClassList {\n    @apply flex duration-500 transform;\n}\n\n.textPrimary { @apply text-primary; }\n.textSecondary { @apply text-secondary; }\n.textWhite { @apply text-white; }\n.textBlack { @apply text-black; }\n.textGold { @apply text-gold; }\n.textFacebook { @apply text-facebook; }\n.textInteractive-facebook { @apply text-interactive-facebook; }\n\n.bgPrimary { @apply bg-primary; }\n.bgSecondary { @apply bg-secondary; }\n.bgWhite { @apply bg-white; }\n.bglack { @apply bg-black; }\n.bgGold { @apply bg-gold; }\n.bgFacebook { @apply bg-facebook; }\n.bgInteractive-facebook { @apply bg-interactive-facebook; }\n\n.hoverTextPrimary { @apply hover:text-primary; }\n.hoverTextSecondary { @apply hover:text-secondary; }\n.hoverTextWhite { @apply hover:text-white; }\n.hoverTextlack { @apply hover:text-black; }\n.hoverTextGold { @apply hover:text-gold; }\n.hoverTextFacebook { @apply hover:text-facebook; }\n.hoverTextInteractive-facebook { @apply hover:text-interactive-facebook; }\n\n.hoverBgPrimary { @apply hover:bg-primary; }\n.hoverBgSecondary { @apply hover:bg-secondary; }\n.hoverBgWhite { @apply hover:bg-white; }\n.hoverBglack { @apply hover:bg-black; }\n.hoverBgGold { @apply hover:bg-gold; }\n.hoverBgFacebook { @apply hover:bg-facebook; }\n.hoverBgInteractive-facebook { @apply hover:bg-interactive-facebook; }"]}

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
@@ -12,6 +13,7 @@ export interface Props {
     overlayText?: string;
     centerAligned?: boolean;
     bordered?: boolean;
+    theme?: ThemeTypes;
 }
-declare const Image: ({ id, className, src, altText, title, rounded, roundedFull, height, width, overlayText, centerAligned, bordered }: Props) => JSX.Element;
+declare const Image: ({ id, className, src, altText, title, rounded, roundedFull, height, width, overlayText, centerAligned, bordered, theme }: Props) => JSX.Element;
 export default Image;

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

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import classNames from 'classnames';
 import style from './style.module.css';
-const Image = ({ id, className, src, altText, title, rounded = false, roundedFull = false, height = 8, width = 8, overlayText, centerAligned = false, bordered = false }) => {
+const Image = ({ id, className, src, altText, title, rounded = false, roundedFull = false, height = 8, width = 8, overlayText, centerAligned = false, bordered = false, theme = 'theme-rupertbennett' }) => {
     const [isHovering, setIsHovering] = useState(false);
     const opacity = classNames({
         [style.visible]: isHovering,
@@ -40,7 +40,7 @@ const Image = ({ id, className, src, altText, title, rounded = false, roundedFul
         [style.roundedFull]: roundedFull,
         [style.centerAligned]: centerAligned,
         [style.bordered]: bordered
-    }, className, widthClassList, heightClassList);
+    }, className, widthClassList, heightClassList, theme);
     const overlayClassList = classNames(widthClassList, heightClassList, opacity, style.overlayClassList);
     const overlayTextWrapperClassList = classNames(widthClassList, heightClassList, opacity, style.overlayTextWrapperClassList);
     return (React.createElement("div", { className: imageClassList },

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

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

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

@@ -4,9 +4,7 @@
 
     text-align: center;
 
-    --tw-text-opacity: 1;
-
-    color: rgb(0 54 160 / var(--tw-text-opacity))
+    color: var(--color-primary)
 }
 
 .overlayTextWrapperClassList {
@@ -30,9 +28,7 @@
 
     z-index: 10;
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+    background-color: var(--color-white);
 
     transition-property: opacity;
 
@@ -55,9 +51,7 @@
 
     border-width: 4px;
 
-    --tw-border-opacity: 1;
-
-    border-color: rgb(0 54 160 / var(--tw-border-opacity))
+    border-color: var(--color-primary)
 }
 
 .centerAligned {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Image/style.module.css"],"names":[],"mappings":"AACI;;IAAA,YAAsC;;IAAtC,kBAAsC;;IAAtC,oBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,kBAAyD;;IAAzD,WAAyD;;IAAzD,aAAyD;;IAAzD,4BAAyD;;IAAzD,wDAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA,kBAA6D;;IAA7D,WAA6D;;IAA7D,kBAA6D;;IAA7D,yDAA6D;;IAA7D,4BAA6D;;IAA7D,wDAA6D;;IAA7D;AAA6D;;AAI7D;;IAAA;AAAkB;;AAIlB;;IAAA;AAAmB;;AAInB;;IAAA,iBAA8B;;IAA9B,sBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAiB;;AAIjB;;IAAA;AAAgB;;AAGV;;IAAA;AAAU;AACV;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACV;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAa;;AAEb;;IAAA;AAAU;AACV;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACV;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAa","file":"style.module.css","sourcesContent":[".overlayTextClassList {\n    @apply m-auto text-center text-primary;\n}\n\n.overlayTextWrapperClassList {\n    @apply flex absolute z-20 transition-opacity duration-700;\n}\n\n.overlayClassList {\n    @apply absolute z-10 transition-opacity duration-700 bg-white;\n}\n\n.rounded {\n    @apply rounded-2xl;\n}\n\n.roundedFull {\n    @apply rounded-full;\n}\n\n.bordered {\n    @apply border-4 border-primary;\n}\n\n.centerAligned {\n    @apply mx-auto;\n}\n\n.visible {\n    @apply opacity-80;\n}\n\n.invisible {\n    @apply opacity-0;\n}\n\n.width1 { @apply w-6; }\n.width2 { @apply w-10; }\n.width3 { @apply w-14; }\n.width4 { @apply w-16; }\n.width5 { @apply w-20; }\n.width6 { @apply w-24; }\n.width7 { @apply w-28; }\n.width8 { @apply w-32; }\n.width9 { @apply w-36; }\n.width10 { @apply w-40; }\n.width11 { @apply w-44; }\n.width12 { @apply w-full; }\n\n.height1 { @apply h-6; }\n.height2 { @apply h-10; }\n.height3 { @apply h-14; }\n.height4 { @apply h-16; }\n.height5 { @apply h-20; }\n.height6 { @apply h-24; }\n.height7 { @apply h-28; }\n.height8 { @apply h-32; }\n.height9 { @apply h-36; }\n.height10 { @apply h-40; }\n.height11 { @apply h-44; }\n.height12 { @apply h-full; }"]}
+{"version":3,"sources":["../../../../../src/lib/components/Image/style.module.css"],"names":[],"mappings":"AACI;;IAAA,YAAsC;;IAAtC,kBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,kBAAyD;;IAAzD,WAAyD;;IAAzD,aAAyD;;IAAzD,4BAAyD;;IAAzD,wDAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA,kBAA6D;;IAA7D,WAA6D;;IAA7D,oCAA6D;;IAA7D,4BAA6D;;IAA7D,wDAA6D;;IAA7D;AAA6D;;AAI7D;;IAAA;AAAkB;;AAIlB;;IAAA;AAAmB;;AAInB;;IAAA,iBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAiB;;AAIjB;;IAAA;AAAgB;;AAGV;;IAAA;AAAU;AACV;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACV;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAa;;AAEb;;IAAA;AAAU;AACV;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAW;AACV;;IAAA;AAAW;AACX;;IAAA;AAAW;AACX;;IAAA;AAAa","file":"style.module.css","sourcesContent":[".overlayTextClassList {\n    @apply m-auto text-center text-primary;\n}\n\n.overlayTextWrapperClassList {\n    @apply flex absolute z-20 transition-opacity duration-700;\n}\n\n.overlayClassList {\n    @apply absolute z-10 transition-opacity duration-700 bg-white;\n}\n\n.rounded {\n    @apply rounded-2xl;\n}\n\n.roundedFull {\n    @apply rounded-full;\n}\n\n.bordered {\n    @apply border-4 border-primary;\n}\n\n.centerAligned {\n    @apply mx-auto;\n}\n\n.visible {\n    @apply opacity-80;\n}\n\n.invisible {\n    @apply opacity-0;\n}\n\n.width1 { @apply w-6; }\n.width2 { @apply w-10; }\n.width3 { @apply w-14; }\n.width4 { @apply w-16; }\n.width5 { @apply w-20; }\n.width6 { @apply w-24; }\n.width7 { @apply w-28; }\n.width8 { @apply w-32; }\n.width9 { @apply w-36; }\n.width10 { @apply w-40; }\n.width11 { @apply w-44; }\n.width12 { @apply w-full; }\n\n.height1 { @apply h-6; }\n.height2 { @apply h-10; }\n.height3 { @apply h-14; }\n.height4 { @apply h-16; }\n.height5 { @apply h-20; }\n.height6 { @apply h-24; }\n.height7 { @apply h-28; }\n.height8 { @apply h-32; }\n.height9 { @apply h-36; }\n.height10 { @apply h-40; }\n.height11 { @apply h-44; }\n.height12 { @apply h-full; }"]}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Colours } from '../../utils/controls';
+import { Colours, ThemeTypes } from '../../utils/controls';
 export interface Props {
     id: string;
     className?: string;
@@ -10,6 +10,7 @@ export interface Props {
     image: string;
     swapDesktop?: boolean;
     swapMobile?: boolean;
+    theme?: ThemeTypes;
 }
 declare const ImageInfo: React.FC<Props>;
 export default ImageInfo;

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

@@ -4,7 +4,7 @@ import style from './style.module.css';
 import MatchMedia from '../../utils/matchMedia';
 import screens from '../../utils/screens';
 import Container from '../Container/Container';
-const ImageInfo = ({ id, className, bgColour, textColour = 'white', contentTitle, text, image, swapDesktop = false, swapMobile = false }) => {
+const ImageInfo = ({ id, className, bgColour, textColour = 'white', contentTitle, text, image, swapDesktop = false, swapMobile = false, theme = 'theme-rupertbennett' }) => {
     const classList = className;
     const mediumScreen = screens.md;
     const lgScreenSize = `(min-width: ${mediumScreen})`;
@@ -15,7 +15,7 @@ const ImageInfo = ({ id, className, bgColour, textColour = 'white', contentTitle
         [style.wrapper]: !swapDesktop,
         [style.reverseWrapper]: swapDesktop,
         [style.reverseMobileWrapper]: !isLg && swapMobile
-    }, style.wrapperClasses);
+    }, style.wrapperClasses, theme);
     const imageWrapperClasses = classNames({
         [style.smallImageWrapper]: isSm
     }, style.imageWrapper);
@@ -23,7 +23,7 @@ const ImageInfo = ({ id, className, bgColour, textColour = 'white', contentTitle
         [style.smallImageHeight]: isSm
     }, style.image);
     return (React.createElement("div", { id: id, style: { backgroundColor: bgColour, color: textColour }, className: classList },
-        React.createElement(Container, null,
+        React.createElement(Container, { withPadding: true },
             React.createElement("div", { className: wrapperClassList },
                 React.createElement("div", { className: imageWrapperClasses },
                     React.createElement("img", { src: image, className: imageClasses })),

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

@@ -1 +1 @@
-{"version":3,"file":"ImageInfo.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageInfo/ImageInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAcvD,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,OAAO,EACpB,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EACZ,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,SAAS,CAAA;IAC3B,MAAM,YAAY,GAAW,OAAO,CAAC,EAAE,CAAA;IACvC,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAC9C,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAE9C,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,WAAW;QAC7B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,WAAW;QACnC,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,IAAI,IAAI,UAAU;KAClD,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAExB,MAAM,mBAAmB,GAAG,UAAU,CAAC;QACrC,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,IAAI;KAChC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAA;IAEtB,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,IAAI;KAC/B,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IAEf,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,EACvD,SAAS,EAAE,SAAS;QAEpB,oBAAC,SAAS;YACR,6BAAK,SAAS,EAAE,gBAAgB;gBAC9B,6BAAK,SAAS,EAAE,mBAAmB;oBACjC,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,GAAI,CACxC;gBACN,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;oBAClC,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;wBAC3B;4BACE,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,YAAY,CAAK;4BAC7C,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,IAAG,IAAI,CAAK,CAChC,CACF,CACF,CACF,CACI,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"ImageInfo.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageInfo/ImageInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAevD,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,OAAO,EACpB,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EAClB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,SAAS,CAAA;IAC3B,MAAM,YAAY,GAAW,OAAO,CAAC,EAAE,CAAA;IACvC,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAC9C,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAE9C,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,WAAW;QAC7B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,WAAW;QACnC,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,IAAI,IAAI,UAAU;KAClD,EAAE,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,CAAA;IAE/B,MAAM,mBAAmB,GAAG,UAAU,CAAC;QACrC,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,IAAI;KAChC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAA;IAEtB,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,IAAI;KAC/B,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IAEf,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,EACvD,SAAS,EAAE,SAAS;QAEpB,oBAAC,SAAS,IAAC,WAAW;YACpB,6BAAK,SAAS,EAAE,gBAAgB;gBAC9B,6BAAK,SAAS,EAAE,mBAAmB;oBACjC,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,GAAI,CACxC;gBACN,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;oBAClC,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;wBAC3B;4BACE,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,YAAY,CAAK;4BAC7C,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,IAAG,IAAI,CAAK,CAChC,CACF,CACF,CACF,CACI,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -36,7 +36,7 @@
 .image {
     height: 100%;
     width: 100%;
-    object-fit: fill;
+    object-fit: cover;
 }
 
 @media (min-width: 768px) {
@@ -50,6 +50,7 @@
     display: flex;
     height: 100%;
     align-items: center;
+    justify-content: center;
     padding: 2rem;
     text-align: center;
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/ImageInfo/style.module.css"],"names":[],"mappings":"AACI;;IAAA;QAAA;IAAc;;IAId;QAAA;IAAkB;;IAIlB;QAAA;IAA0B;AARZ;;AAYd;IAAA,aAA4B;IAA5B;AAA4B;;AAI5B;;IAAA;QAAA;IAAe;AAAA;;AAGnB;IACI,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAGI;IAAA,YAAgC;IAAhC,WAAgC;IAAhC;AAAgC;;AAIhC;;IAAA;QAAA;IAAe;AAAA;;AAIf;IAAA,aAA+C;IAA/C,YAA+C;IAA/C,mBAA+C;IAA/C,aAA+C;IAA/C;AAA+C;;AAI/C;IAAA,eAAyB;IAAzB;AAAyB;;AAIzB;IAAA,eAAyB;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".wrapperClasses {\n    @apply md:flex;\n}\n\n.wrapper {\n    @apply md:flex-row;\n}\n\n.reverseWrapper {\n    @apply md:flex-row-reverse;\n}\n\n.reverseMobileWrapper {\n    @apply flex flex-col-reverse;\n}\n\n.imageWrapper {\n    @apply md:w-1/2;\n}\n\n.smallImageWrapper {\n    height: 100vw;\n}\n\n.smallImageHeight {\n    height: 100vw;\n}\n\n.image {\n    @apply w-full h-full object-fill;\n}\n\n.contentWrapper {\n    @apply md:w-1/2;\n}\n\n.content {\n    @apply h-full flex items-center text-center p-8;\n}\n\n.title {\n    @apply text-lg font-light;\n}\n\n.text {\n    @apply text-xs font-light;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/ImageInfo/style.module.css"],"names":[],"mappings":"AACI;;IAAA;QAAA;IAAc;;IAId;QAAA;IAAkB;;IAIlB;QAAA;IAA0B;AARZ;;AAYd;IAAA,aAA4B;IAA5B;AAA4B;;AAI5B;;IAAA;QAAA;IAAe;AAAA;;AAGnB;IACI,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAGI;IAAA,YAAiC;IAAjC,WAAiC;IAAjC;AAAiC;;AAIjC;;IAAA;QAAA;IAAe;AAAA;;AAIf;IAAA,aAA8D;IAA9D,YAA8D;IAA9D,mBAA8D;IAA9D,uBAA8D;IAA9D,aAA8D;IAA9D;AAA8D;;AAI9D;IAAA,eAAyB;IAAzB;AAAyB;;AAIzB;IAAA,eAAyB;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".wrapperClasses {\n    @apply md:flex;\n}\n\n.wrapper {\n    @apply md:flex-row;\n}\n\n.reverseWrapper {\n    @apply md:flex-row-reverse;\n}\n\n.reverseMobileWrapper {\n    @apply flex flex-col-reverse;\n}\n\n.imageWrapper {\n    @apply md:w-1/2;\n}\n\n.smallImageWrapper {\n    height: 100vw;\n}\n\n.smallImageHeight {\n    height: 100vw;\n}\n\n.image {\n    @apply w-full h-full object-cover;\n}\n\n.contentWrapper {\n    @apply md:w-1/2;\n}\n\n.content {\n    @apply h-full flex items-center text-center p-8 justify-center;\n}\n\n.title {\n    @apply text-lg font-light;\n}\n\n.text {\n    @apply text-xs font-light;\n}"]}

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

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

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

@@ -2,8 +2,8 @@ import React from 'react';
 import Button from '../Button/Button';
 import classNames from 'classnames';
 import style from './style.module.css';
-const ImageLink = ({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }) => {
-    const classList = classNames(className, style.classList);
+const ImageLink = ({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps, theme = 'theme-rupertbennett' }) => {
+    const classList = classNames(className, style.classList, theme);
     const roundedClass = classNames({
         [style.rounded]: rounded
     });

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

@@ -1 +1 @@
-{"version":3,"file":"ImageLink.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLink/ImageLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAatC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,WAAW,EACL,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;KACzB,CAAC,CAAA;IAEF,OAAO,CACL,yCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,IACN,CAAC,YAAY,KAAK,KAAK,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QAEnD,6BAAK,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC;YAChE,6BACE,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,KAAK,CAAC,KAAK,GACtB;YACD,KAAK,KAAK,SAAS;gBAClB,4BACE,SAAS,EAAE,KAAK,CAAC,KAAK,IAErB,KAAK,CACH;YACN,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,MAAK,SAAS;gBAClC,oBAAC,MAAM,IACL,SAAS,EAAE,KAAK,CAAC,MAAM,IAEtB,WAAW,CAAC,QAAQ,CACd,CACP,CACJ,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"ImageLink.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLink/ImageLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAetC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,WAAW,EACX,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAE/D,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;KACzB,CAAC,CAAA;IAEF,OAAO,CACL,yCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,IACN,CAAC,YAAY,KAAK,KAAK,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QAEnD,6BAAK,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC;YAChE,6BACE,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,KAAK,CAAC,KAAK,GACtB;YACD,KAAK,KAAK,SAAS;gBAClB,4BACE,SAAS,EAAE,KAAK,CAAC,KAAK,IAErB,KAAK,CACH;YACN,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,MAAK,SAAS;gBAClC,oBAAC,MAAM,IACL,SAAS,EAAE,KAAK,CAAC,MAAM,IAEtB,WAAW,CAAC,QAAQ,CACd,CACP,CACJ,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -59,9 +59,7 @@
 
     margin-top: 1rem;
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+    background-color: var(--color-black);
 
     padding-top: 0.5rem;
 
@@ -69,9 +67,7 @@
 
     text-align: center;
 
-    --tw-text-opacity: 1;
-
-    color: rgb(255 255 255 / var(--tw-text-opacity))
+    color: var(--color-white)
 }
 
 .button {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/ImageLink/style.module.css"],"names":[],"mappings":"AACI;;IAAA,oBAA4G;;IAA5G,qBAA4G;;IAA5G,qBAA4G;;IAA5G,eAA4G;;IAA5G,gBAA4G;;IAA5G;AAA4G;;AAA5G;;IAAA;AAA4G;;AAA5G;;IAAA;;QAAA,oBAA4G;;QAA5G,qBAA4G;;QAA5G;IAA4G;AAAA;;AAA5G;;IAAA;;QAAA,oBAA4G;;QAA5G,qBAA4G;;QAA5G;IAA4G;AAAA;;AAI5G;;IAAA;AAAmB;;AAInB;;IAAA,kBAAyE;;IAAzE,SAAyE;;IAAzE,UAAyE;;IAAzE,QAAyE;;IAAzE,gBAAyE;;IAAzE,kBAAyE;;IAAzE,mDAAyE;;IAAzE,mBAAyE;;IAAzE,sBAAyE;;IAAzE,kBAAyE;;IAAzE,oBAAyE;;IAAzE;AAAyE;;AAIzE;;IAAA,kBAAwD;;IAAxD,SAAwD;;IAAxD,UAAwD;;IAAxD,WAAwD;;IAAxD,iBAAwD;;IAAxD,kBAAwD;;IAAxD,mBAAwD;;IAAxD;AAAwD;;AAIxD;;IAAA,YAAiC;;IAAjC,WAAiC;;IAAjC;AAAiC;;AAIjC;;IAAA,kBAA+B;;IAA/B;AAA+B","file":"style.module.css","sourcesContent":[".classList {\n    @apply cursor-pointer lg:mx-3 md:mx-1 mx-1 lg:mb-5 md:mb-2 mb-2 hover:opacity-50 overflow-hidden text-center;\n}\n\n.rounded {\n    @apply rounded-full;\n}\n\n.title {\n    @apply absolute bg-black text-white py-2 mt-4 top-0 inset-x-0 text-center;\n}\n\n.button {\n    @apply absolute mx-8 mb-4 bottom-0 inset-x-0 text-center;\n}\n\n.image {\n    @apply object-cover w-full h-full;\n}\n\n.wrapper {\n    @apply relative overflow-hidden;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/ImageLink/style.module.css"],"names":[],"mappings":"AACI;;IAAA,oBAA4G;;IAA5G,qBAA4G;;IAA5G,qBAA4G;;IAA5G,eAA4G;;IAA5G,gBAA4G;;IAA5G;AAA4G;;AAA5G;;IAAA;AAA4G;;AAA5G;;IAAA;;QAAA,oBAA4G;;QAA5G,qBAA4G;;QAA5G;IAA4G;AAAA;;AAA5G;;IAAA;;QAAA,oBAA4G;;QAA5G,qBAA4G;;QAA5G;IAA4G;AAAA;;AAI5G;;IAAA;AAAmB;;AAInB;;IAAA,kBAAyE;;IAAzE,SAAyE;;IAAzE,UAAyE;;IAAzE,QAAyE;;IAAzE,gBAAyE;;IAAzE,oCAAyE;;IAAzE,mBAAyE;;IAAzE,sBAAyE;;IAAzE,kBAAyE;;IAAzE;AAAyE;;AAIzE;;IAAA,kBAAwD;;IAAxD,SAAwD;;IAAxD,UAAwD;;IAAxD,WAAwD;;IAAxD,iBAAwD;;IAAxD,kBAAwD;;IAAxD,mBAAwD;;IAAxD;AAAwD;;AAIxD;;IAAA,YAAiC;;IAAjC,WAAiC;;IAAjC;AAAiC;;AAIjC;;IAAA,kBAA+B;;IAA/B;AAA+B","file":"style.module.css","sourcesContent":[".classList {\n    @apply cursor-pointer lg:mx-3 md:mx-1 mx-1 lg:mb-5 md:mb-2 mb-2 hover:opacity-50 overflow-hidden text-center;\n}\n\n.rounded {\n    @apply rounded-full;\n}\n\n.title {\n    @apply absolute bg-black text-white py-2 mt-4 top-0 inset-x-0 text-center;\n}\n\n.button {\n    @apply absolute mx-8 mb-4 bottom-0 inset-x-0 text-center;\n}\n\n.image {\n    @apply object-cover w-full h-full;\n}\n\n.wrapper {\n    @apply relative overflow-hidden;\n}"]}

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

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 import { Props as imageLinkProps } from '../ImageLink/ImageLink';
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
     items?: imageLinkProps[];
+    theme?: ThemeTypes;
 }
-declare const ImageLinkList: ({ id, className, items }: Props) => JSX.Element;
+declare const ImageLinkList: ({ id, className, items, theme }: Props) => JSX.Element;
 export default ImageLinkList;

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

@@ -2,8 +2,8 @@ import React from 'react';
 import ImageLink from '../ImageLink/ImageLink';
 import classNames from 'classnames';
 import style from './style.module.css';
-const ImageLinkList = ({ id, className, items }) => {
-    const classList = classNames(className, style.classList);
+const ImageLinkList = ({ id, className, items, theme = 'theme-rupertbennett' }) => {
+    const classList = classNames(className, style.classList, theme);
     return (React.createElement("div", { id: id, className: classList }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
         return (React.createElement(ImageLink, { key: `image_link_${i + 0}`, altText: item.altText, image: item.image, title: item.title }));
     })));

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

@@ -1 +1 @@
-{"version":3,"file":"ImageLinkList.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLinkList/ImageLinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAsC,MAAM,wBAAwB,CAAA;AAC3E,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAOtC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAS,EAAE,EAAE;QAC9B,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,EAC1B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACH,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"ImageLinkList.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLinkList/ImageLinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAsC,MAAM,wBAAwB,CAAA;AAC3E,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAUtC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAE/D,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAS,EAAE,EAAE;QAC9B,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,EAC1B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACH,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Props as iconProps } from '../Icon/Icon';
-import { Colours } from '../../utils/controls';
+import { Colours, ThemeTypes } from '../../utils/controls';
 export interface Props {
     id: string;
     className?: string;
@@ -9,6 +9,7 @@ export interface Props {
     withAnimation?: boolean;
     iconProps: iconProps;
     backgroundColour?: Colours;
+    theme?: ThemeTypes;
 }
-declare const InformationIcon: ({ id, className, text, number, withAnimation, iconProps, backgroundColour }: Props) => JSX.Element;
+declare const InformationIcon: ({ id, className, text, number, withAnimation, iconProps, backgroundColour, theme }: Props) => JSX.Element;
 export default InformationIcon;

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

@@ -2,9 +2,9 @@ import React, { useEffect, useRef } from 'react';
 import Icon from '../Icon/Icon';
 import classNames from 'classnames';
 import style from './style.module.css';
-const InformationIcon = ({ id, className, text, number, withAnimation = false, iconProps, backgroundColour = 'white' }) => {
+const InformationIcon = ({ id, className, text, number, withAnimation = false, iconProps, backgroundColour = 'white', theme = 'theme-rupertbennett' }) => {
     const loaded = useRef(false);
-    const classList = classNames(className, style.classList, style[backgroundColour]);
+    const classList = classNames(className, style.classList, style[backgroundColour], theme);
     useEffect(() => {
         const element = document.getElementById(`${id}_number`);
         const observer = new IntersectionObserver((entries, observer) => {

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

@@ -1 +1 @@
-{"version":3,"file":"InformationIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAatC,MAAM,eAAe,GAAG,CAAC,EACvB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,MAAM,EACN,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,gBAAgB,GAAG,OAAO,EACpB,EAAe,EAAE;IACvB,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAC5B,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEjF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;QACvD,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE;YAC9D,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACtB,IAAI,KAAK,CAAC,iBAAiB,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;oBACrD,MAAM,CAAC,OAAO,GAAG,IAAI,CAAA;oBACrB,gBAAgB,CACd,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAA;iBAC5D;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,aAAa,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IACjE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,gBAAgB,GAAG,CAAC,GAAQ,EAAE,KAAa,EAAE,GAAW,EAAE,QAAgB,EAAQ,EAAE;QACxF,IAAI,cAAsB,CAAA;QAC1B,MAAM,IAAI,GAAG,CAAC,SAAiB,EAAQ,EAAE;YACvC,cAAc,GAAG,SAAS,CAAA;YAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,GAAG,cAAc,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;YACrE,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,CAAA;YAC5D,IAAI,QAAQ,GAAG,CAAC,EAAE;gBAChB,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;aACnC;QACH,CAAC,CAAA;QACD,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,oBAAC,IAAI,oBAAK,SAAS,EAAI,CACjD;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;YAChC,MAAM,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM,IAAG,MAAM,CAAK;YAChE,MAAM,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,IAAG,IAAI,CAAK,CACzD,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"InformationIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AActC,MAAM,eAAe,GAAG,CAAC,EACvB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,MAAM,EACN,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAC5B,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,CAAA;IAExF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;QACvD,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE;YAC9D,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACtB,IAAI,KAAK,CAAC,iBAAiB,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;oBACrD,MAAM,CAAC,OAAO,GAAG,IAAI,CAAA;oBACrB,gBAAgB,CACd,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAA;iBAC5D;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,aAAa,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IACjE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,gBAAgB,GAAG,CAAC,GAAQ,EAAE,KAAa,EAAE,GAAW,EAAE,QAAgB,EAAQ,EAAE;QACxF,IAAI,cAAsB,CAAA;QAC1B,MAAM,IAAI,GAAG,CAAC,SAAiB,EAAQ,EAAE;YACvC,cAAc,GAAG,SAAS,CAAA;YAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,GAAG,cAAc,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;YACrE,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,CAAA;YAC5D,IAAI,QAAQ,GAAG,CAAC,EAAE;gBAChB,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;aACnC;QACH,CAAC,CAAA;QACD,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,oBAAC,IAAI,oBAAK,SAAS,EAAI,CACjD;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;YAChC,MAAM,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM,IAAG,MAAM,CAAK;YAChE,MAAM,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,IAAG,IAAI,CAAK,CACzD,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}