trepur_components 1.0.24 → 1.0.26

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

@@ -1,8 +1,10 @@
 import React from 'react';
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
     items: any;
+    theme?: ThemeTypes;
 }
 declare const Accordion: React.FC<Props>;
 export default Accordion;

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import Collapsible from '../Collapsible/Collapsible';
 import classNames from 'classnames';
-const Accordion = ({ id, className, items }) => {
-    return (React.createElement("div", { id: id, className: classNames(className) }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
+const Accordion = ({ id, className, items, theme = 'theme-rupertbennett' }) => {
+    return (React.createElement("div", { id: id, className: classNames(className, theme) }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
         return (React.createElement(Collapsible, Object.assign({ key: `collapsible_item_${i}` }, item), item.children));
     })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../../src/lib/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,qCAAqC,CAAA;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,KAAK,EACC,EAAe,EAAE;IACvB,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,IAC1C,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;QACnC,OAAO,CACL,oBAAC,WAAW,kBACV,GAAG,EAAE,oBAAoB,CAAC,EAAE,IACxB,IAAI,GAEP,IAAI,CAAC,QAAQ,CACF,CACf,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../../src/lib/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,qCAAqC,CAAA;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAA;AAUnC,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,IACjD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;QACnC,OAAO,CACL,oBAAC,WAAW,kBACV,GAAG,EAAE,oBAAoB,CAAC,EAAE,IACxB,IAAI,GAEP,IAAI,CAAC,QAAQ,CACF,CACf,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Props as iconProps } from '../Icon/Icon';
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
@@ -9,8 +10,8 @@ export interface Props {
     rightIconProps?: iconProps;
     textCenter?: boolean;
     isDismissable?: boolean;
-    theme?: 'light' | 'dark';
     onDismissClick?: React.MouseEventHandler;
+    theme?: ThemeTypes;
 }
-declare const AlertBar: ({ id, className, type, text, theme, leftIconProps, rightIconProps, textCenter, isDismissable, onDismissClick }: Props) => JSX.Element;
+declare const AlertBar: ({ id, className, type, text, leftIconProps, rightIconProps, textCenter, isDismissable, onDismissClick, theme }: Props) => JSX.Element;
 export default AlertBar;

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

@@ -1,10 +1,8 @@
 import React, { useState } from 'react';
 import Icon from '../Icon/Icon';
 import classNames from 'classnames';
-// import { getTheme } from '../../utils/theme'
 import style from './style.module.css';
-const AlertBar = ({ id, className, type = 'warning', text, theme = 'light', leftIconProps, rightIconProps, textCenter = false, isDismissable = false, onDismissClick }) => {
-    // const themeToUse: string = getTheme()
+const AlertBar = ({ id, className, type = 'warning', text, leftIconProps, rightIconProps, textCenter = false, isDismissable = false, onDismissClick, theme = 'theme-rupertbennett' }) => {
     const [alertBarStatus, setAlertBarStatus] = useState({
         state: 'open',
         display: true
@@ -20,7 +18,7 @@ const AlertBar = ({ id, className, type = 'warning', text, theme = 'light', left
         [style.invisible]: alertBarStatus.state === 'closed',
         hidden: !alertBarStatus.display
     });
-    const classList = classNames(className, bgColor, alertBarState, [style.alertBar], 'w-parent transition-opactiy');
+    const classList = classNames(className, bgColor, alertBarState, [style.alertBar], theme, 'w-parent transition-opactiy');
     const textClassList = classNames({
         [style.textCenter]: textCenter,
         [style.notTextCenter]: !textCenter

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

@@ -1 +1 @@
-{"version":3,"file":"AlertBar.js","sourceRoot":"","sources":["../../../../../src/lib/components/AlertBar/AlertBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,0CAA0C;AAC1C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAetC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,KAAK,GAAG,OAAO,EACf,aAAa,EACb,cAAc,EACd,UAAU,GAAG,KAAK,EAClB,aAAa,GAAG,KAAK,EACrB,cAAc,EACR,EAAe,EAAE;IACvB,wCAAwC;IACxC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC;QACnD,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;QACnC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;QACnC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;QAC/B,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM;KAC9B,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,KAAK,KAAK,MAAM;QAChD,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC,KAAK,KAAK,QAAQ;QACpD,MAAM,EAAE,CAAC,cAAc,CAAC,OAAO;KAChC,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,OAAO,EACP,aAAa,EACb,CAAC,KAAK,CAAC,QAAQ,CAAC,EAChB,6BAA6B,CAC9B,CAAA;IAED,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,UAAU;QAC9B,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,UAAU;KACnC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAA;IAEzB,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,aAAa;KACnC,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAE9B,MAAM,aAAa,GAAG,CAAC,CAAM,EAAQ,EAAE;QACrC,iBAAiB,CAAC;YAChB,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,cAAc,CAAC,OAAO;SAChC,CAAC,CAAA;QACF,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC;YACjC,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,KAAK;SACf,CAAC,EAAE,GAAG,CAAC,CAAA;QACR,IAAI,cAAc,IAAI,IAAI,EAAE;YAC1B,cAAc,CAAC,CAAC,CAAC,CAAA;SAClB;IACH,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAClB,oBAAC,IAAI,IACH,IAAI,EAAC,UAAU,EACf,MAAM,EAAC,OAAO,GACd,CACH,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,aAAa,IAAI,IAAI,CAAC;QACtC,oBAAC,IAAI,oBACC,aAAa,EACjB,CAAA;IAEJ,MAAM,SAAS,GAAG,CAAC,cAAc,IAAI,IAAI,CAAC;QACxC,oBAAC,IAAI,oBACC,cAAc,EAClB,CAAA;IAEJ,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,CAAC,aAAa,IAAI,IAAI,CAAC;YACtB,8BAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,IACrC,QAAQ,CACJ;QACT,4BAAI,SAAS,EAAE,aAAa,IAAG,IAAI,CAAM;QACxC,aAAa;YACZ,2BAAG,SAAS,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;gBAC9D,kCACG,WAAW,CACP,CACL;QACL,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa;YACpC,8BAAM,SAAS,EAAE,gBAAgB,IAC9B,SAAS,CACL,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"AlertBar.js","sourceRoot":"","sources":["../../../../../src/lib/components/AlertBar/AlertBar.tsx"],"names":[],"mappings":"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"}

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

@@ -6,9 +6,7 @@
 
     padding-bottom: 0.5rem;
 
-    --tw-text-opacity: 1;
-
-    color: rgb(255 255 255 / var(--tw-text-opacity));
+    color: var(--color-white);
 
     transition-duration: 700ms
 }
@@ -65,29 +63,21 @@
 
 .success {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(105 195 100 / var(--tw-bg-opacity))
+    background-color: var(--color-success)
 }
 
 .warning {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(255 211 92 / var(--tw-bg-opacity))
+    background-color: var(--color-warning)
 }
 
 .info {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(216 234 245 / var(--tw-bg-opacity))
+    background-color: var(--color-info-light)
 }
 
 .error {
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(177 16 19 / var(--tw-bg-opacity))
+    background-color: var(--color-error)
 }
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/AlertBar/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAwC;;IAAxC,mBAAwC;;IAAxC,sBAAwC;;IAAxC,oBAAwC;;IAAxC,gDAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA;AAAkB;;AAIlB;;IAAA;AAAgB;;AAIhB;;IAAA;AAAqB;;AAIrB;;IAAA,kBAAgB;;IAAhB,mBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA;AAAW;;AAIX;;IAAA,WAAkB;;IAAlB,oBAAkB;;IAAlB;AAAkB;;AAIlB;;IAAA,kBAAiB;;IAAjB;AAAiB;;AAIjB;;IAAA,kBAAiB;;IAAjB;AAAiB;;AAIjB;;IAAA,kBAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,kBAAe;;IAAf;AAAe","file":"style.module.css","sourcesContent":[".alertBar {\n    @apply text-white flex py-2 duration-700;\n}\n\n.visible {\n    @apply opacity-100;\n}\n\n.invisible {\n    @apply opacity-0;\n}\n\n.dismissable:hover {\n    @apply cursor-pointer;\n}\n\n.rightIconClassList {\n    @apply px-8 pt-3;\n}\n\n.leftIconClassList {\n    @apply pt-3 pl-8;\n}\n\n.textCenter {\n    @apply text-center;\n}\n\n.notTextCenter {\n    @apply pl-4;\n}\n\n.textClassList {\n    @apply w-full py-3;\n}\n\n.success {\n    @apply bg-success;\n}\n\n.warning {\n    @apply bg-warning;\n}\n\n.info {\n    @apply bg-info-light;\n}\n\n.error {\n    @apply bg-error;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/AlertBar/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAwC;;IAAxC,mBAAwC;;IAAxC,sBAAwC;;IAAxC,yBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA;AAAkB;;AAIlB;;IAAA;AAAgB;;AAIhB;;IAAA;AAAqB;;AAIrB;;IAAA,kBAAgB;;IAAhB,mBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA;AAAW;;AAIX;;IAAA,WAAkB;;IAAlB,oBAAkB;;IAAlB;AAAkB;;AAIlB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAoB;;AAIpB;;IAAA;AAAe","file":"style.module.css","sourcesContent":[".alertBar {\n    @apply text-white flex py-2 duration-700;\n}\n\n.visible {\n    @apply opacity-100;\n}\n\n.invisible {\n    @apply opacity-0;\n}\n\n.dismissable:hover {\n    @apply cursor-pointer;\n}\n\n.rightIconClassList {\n    @apply px-8 pt-3;\n}\n\n.leftIconClassList {\n    @apply pt-3 pl-8;\n}\n\n.textCenter {\n    @apply text-center;\n}\n\n.notTextCenter {\n    @apply pl-4;\n}\n\n.textClassList {\n    @apply w-full py-3;\n}\n\n.success {\n    @apply bg-success;\n}\n\n.warning {\n    @apply bg-warning;\n}\n\n.info {\n    @apply bg-info-light;\n}\n\n.error {\n    @apply bg-error;\n}"]}

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
@@ -6,6 +7,7 @@ export interface Props {
         name: string;
         href: string;
     }>;
+    theme?: ThemeTypes;
 }
-declare const Breadcrumbs: ({ id, className, links }: Props) => JSX.Element;
+declare const Breadcrumbs: ({ id, className, links, theme }: Props) => JSX.Element;
 export default Breadcrumbs;

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import classNames from 'classnames';
 import style from './style.module.css';
-const Breadcrumbs = ({ id, className, links }) => {
+const Breadcrumbs = ({ id, className, links, theme = 'theme-rupertbennett' }) => {
     const linksLength = (links != null)
         ? Object.keys(links).length
         : 0;
-    const classList = classNames(className, style.classList);
+    const classList = classNames(className, style.classList, theme);
     return (React.createElement("ul", { id: id, className: classList }, links === null || links === void 0 ? void 0 : links.map((link, i) => {
         return (React.createElement("div", { key: `breadcrumb_${i + 1}`, className: style.breadcrumb },
             React.createElement("li", { className: 'h-8' }, i + 1 >= linksLength

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../../src/lib/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAQtC,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,WAAW,GAAG,CAAC,KAAK,IAAI,IAAI,CAAC;QACjC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM;QAC3B,CAAC,CAAC,CAAC,CAAA;IAEL,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,4BAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACtB,OAAO,CACL,6BAAK,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,UAAU;YAC1D,4BAAI,SAAS,EAAC,KAAK,IAChB,CAAC,GAAG,CAAC,IAAI,WAAW;gBACnB,CAAC,CAAC,CACA,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,IACzB,IAAI,CAAC,IAAI,CACR,CACH;gBACH,CAAC,CAAC,CACA,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ;oBAC1B,2BACE,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,IAEd,IAAI,CAAC,IAAI,CACR,CACF,CACH,CACF;YACJ,CAAC,GAAG,CAAC,GAAG,WAAW;gBAClB,4BAAI,SAAS,EAAE,KAAK,CAAC,aAAa;oBAChC,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM,sBAAyB,CAChD,CACH,CACP,CAAA;IACH,CAAC,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../../src/lib/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAUtC,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,WAAW,GAAG,CAAC,KAAK,IAAI,IAAI,CAAC;QACjC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM;QAC3B,CAAC,CAAC,CAAC,CAAA;IAEL,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAE/D,OAAO,CACL,4BAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACtB,OAAO,CACL,6BAAK,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,UAAU;YAC1D,4BAAI,SAAS,EAAC,KAAK,IAChB,CAAC,GAAG,CAAC,IAAI,WAAW;gBACnB,CAAC,CAAC,CACA,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,IACzB,IAAI,CAAC,IAAI,CACR,CACH;gBACH,CAAC,CAAC,CACA,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ;oBAC1B,2BACE,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,IAEd,IAAI,CAAC,IAAI,CACR,CACF,CACH,CACF;YACJ,CAAC,GAAG,CAAC,GAAG,WAAW;gBAClB,4BAAI,SAAS,EAAE,KAAK,CAAC,aAAa;oBAChC,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM,sBAAyB,CAChD,CACH,CACP,CAAA;IACH,CAAC,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -29,9 +29,7 @@
 
 .link {
 
-    --tw-text-opacity: 1;
-
-    color: rgb(59 89 153 / var(--tw-text-opacity))
+    color: var(--color-facebook)
 }
 
 .link:hover {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Breadcrumbs/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAqB;;IAArB,mBAAqB;;IAArB,sBAAqB;;IAArB,kBAAqB;;IAArB;AAAqB;;AAIrB;;IAAA;AAAW;;AAIX;;IAAA,qBAAgB;;IAAhB,sBAAgB;;IAAhB,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,oBAAoC;;IAApC;AAAoC;;AAApC;;IAAA;AAAoC;;AAIpC;;IAAA;AAAU;;AAIV;;IAAA,oBAAW;;IAAX;AAAW","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex py-2 px-8;\n}\n\n.breadcrumb {\n    @apply flex;\n}\n\n.linkText {\n    @apply px-1 py-1;\n}\n\n.link {\n    @apply text-facebook hover:underline;\n}\n\n.middleWrapper {\n    @apply h-8;\n}\n\n.middle {\n    @apply py-1;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/Breadcrumbs/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAqB;;IAArB,mBAAqB;;IAArB,sBAAqB;;IAArB,kBAAqB;;IAArB;AAAqB;;AAIrB;;IAAA;AAAW;;AAIX;;IAAA,qBAAgB;;IAAhB,sBAAgB;;IAAhB,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAoC;;AAApC;;IAAA;AAAoC;;AAIpC;;IAAA;AAAU;;AAIV;;IAAA,oBAAW;;IAAX;AAAW","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex py-2 px-8;\n}\n\n.breadcrumb {\n    @apply flex;\n}\n\n.linkText {\n    @apply px-1 py-1;\n}\n\n.link {\n    @apply text-facebook hover:underline;\n}\n\n.middleWrapper {\n    @apply h-8;\n}\n\n.middle {\n    @apply py-1;\n}"]}

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

@@ -1,9 +1,11 @@
 import React from 'react';
 import { Props as breadcrumbsItemProps } from '../BreadcrumbsItem/BreadcrumbsItem';
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
     links?: breadcrumbsItemProps[];
+    theme?: ThemeTypes;
 }
 declare const Breadcrumbs: React.FC<Props>;
 export default Breadcrumbs;

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

@@ -2,9 +2,9 @@ import React from 'react';
 import BreadcrumbsItem from '../BreadcrumbsItem/BreadcrumbsItem';
 import classNames from 'classnames';
 import style from './style.module.css';
-const Breadcrumbs = ({ id, className, links }) => {
+const Breadcrumbs = ({ id, className, links, theme = 'theme-rupertbennett' }) => {
     const linksLength = (links === null || links === void 0 ? void 0 : links.length) !== undefined ? links.length : 0;
-    const classList = classNames(className, style.classList);
+    const classList = classNames(className, style.classList, theme);
     return (React.createElement("ul", { id: id, className: classList }, links === null || links === void 0 ? void 0 : links.map((link, i) => {
         const margin = i === 0 ? style.marginRight : style.marginBottom;
         const first = i === 0;

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

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsBordered.js","sourceRoot":"","sources":["../../../../../src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,eAAkD,MAAM,6CAA6C,CAAA;AAC5G,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAQtC,MAAM,WAAW,GAAoB,CAAC,EACpC,EAAE,EACF,SAAS,EACT,KAAK,EACN,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,MAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAClE,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,4BAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAA0B,EAAE,CAAS,EAAE,EAAE;QACpD,MAAM,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAA;QAC/D,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC,CAAA;QAErB,IAAI,KAAK,GAAG,UAAU,CAAA;QACtB,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,WAAW,EAAE;YAC3C,KAAK,GAAG,MAAM,CAAA;SACf;QACD,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,mBAAmB,CAAC,GAAG,CAAC,EAAE,EAC/B,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,KAAK,GAChB,CACH,CAAA;IACH,CAAC,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"BreadcrumbsBordered.js","sourceRoot":"","sources":["../../../../../src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,eAAkD,MAAM,6CAA6C,CAAA;AAC5G,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAUtC,MAAM,WAAW,GAAoB,CAAC,EACpC,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAAK,GAAG,qBAAqB,EAC9B,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,MAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAClE,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAE/D,OAAO,CACL,4BAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAA0B,EAAE,CAAS,EAAE,EAAE;QACpD,MAAM,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAA;QAC/D,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC,CAAA;QAErB,IAAI,KAAK,GAAG,UAAU,CAAA;QACtB,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,WAAW,EAAE;YAC3C,KAAK,GAAG,MAAM,CAAA;SACf;QACD,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,mBAAmB,CAAC,GAAG,CAAC,EAAE,EAC/B,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,KAAK,GAChB,CACH,CAAA;IACH,CAAC,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
@@ -7,6 +8,7 @@ export interface Props {
     type?: string;
     firstItem?: boolean;
     href?: string;
+    theme?: ThemeTypes;
 }
-declare const BreadcrumbsItem: ({ id, className, name, link, href, type, firstItem }: Props) => JSX.Element;
+declare const BreadcrumbsItem: ({ id, className, name, link, href, type, firstItem, theme }: Props) => JSX.Element;
 export default BreadcrumbsItem;

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

@@ -1,9 +1,9 @@
 import React, { useState } from 'react';
 import classNames from 'classnames';
 import style from './style.module.css';
-const BreadcrumbsItem = ({ id, className, name, link, href, type, firstItem }) => {
+const BreadcrumbsItem = ({ id, className, name, link, href, type, firstItem, theme = 'theme-rupertbennett' }) => {
     const [isHovering, setIsHovering] = useState(false);
-    const classList = classNames(className, 'item');
+    const classList = classNames(className, 'item', theme);
     const itemClassList = classNames({
         'hover:underline': type === 'link',
         'mb-0': isHovering

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

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

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

@@ -6,9 +6,9 @@
 
     width: 0px;
 
-    border-left-color: transparent;
+    border-left-color: var(--color-transparent);
 
-    background-color: transparent
+    background-color: var(--color-transparent)
 }
 
 .frontArrowClassList {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/BreadcrumbsItem/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAA2D;;IAA3D,WAA2D;;IAA3D,UAA2D;;IAA3D,8BAA2D;;IAA3D;AAA2D;;AAI3D;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA;AAAe;;AAIf;;IAAA;AAAY;;AAIZ;;IAAA,oBAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA;AAAgB","file":"style.module.css","sourcesContent":[".backArrowClassList {\n    @apply absolute w-0 h-0 bg-transparent border-l-transparent;\n}\n\n.frontArrowClassList {\n    @apply absolute top-0 w-0 h-0 border-t;\n}\n\n.bottomArrowClassList = {\n    @apply bottom-0;\n}\n\n.topArrowClassList {\n    @apply top-0;\n}\n\n.textClassList {\n    @apply text-center pt-1;\n}\n\n.liClassList {\n    @apply list-none;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/BreadcrumbsItem/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAA2D;;IAA3D,WAA2D;;IAA3D,UAA2D;;IAA3D,2CAA2D;;IAA3D;AAA2D;;AAI3D;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA;AAAe;;AAIf;;IAAA;AAAY;;AAIZ;;IAAA,oBAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA;AAAgB","file":"style.module.css","sourcesContent":[".backArrowClassList {\n    @apply absolute w-0 h-0 bg-transparent border-l-transparent;\n}\n\n.frontArrowClassList {\n    @apply absolute top-0 w-0 h-0 border-t;\n}\n\n.bottomArrowClassList = {\n    @apply bottom-0;\n}\n\n.topArrowClassList {\n    @apply top-0;\n}\n\n.textClassList {\n    @apply text-center pt-1;\n}\n\n.liClassList {\n    @apply list-none;\n}"]}

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
@@ -12,6 +13,7 @@ export interface Props {
     isLoading?: boolean;
     openInNewTab?: boolean;
     children?: any;
+    theme?: ThemeTypes;
 }
-declare const Button: ({ id, className, onClick, hoverText, variant, type, href, rounded, disabled, isLoading, openInNewTab, children }: Props) => JSX.Element;
+declare const Button: ({ id, className, onClick, hoverText, variant, type, href, 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 }) => {
+const Button = ({ id, className, onClick, hoverText, variant = 'primary', type = 'default', href, rounded = true, disabled = false, isLoading = false, openInNewTab = false, children, theme = 'theme-rupertbennett' }) => {
     const padding = classNames({
         [style.social]: type === 'social',
         [style.icon]: type === 'icon',
@@ -19,7 +19,7 @@ const Button = ({ id, className, onClick, hoverText, variant = 'primary', type =
         [style.disabled]: disabled,
         [style.rounded]: rounded,
         [style.notRounded]: !rounded
-    }, style.classList, className, padding, 'transition-backgroundColor');
+    }, style.classList, className, padding, 'transition-backgroundColor', 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) &&

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;AAiBtC,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,EACF,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,CAAC,CAAA;IAErE,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;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"}

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

@@ -54,62 +54,38 @@
 
 .primary {
 
-    --tw-border-opacity: 1;
+    border-color: var(--color-white);
 
-    border-color: rgb(255 255 255 / var(--tw-border-opacity));
+    background-color: var(--color-primary);
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(0 54 160 / var(--tw-bg-opacity));
-
-    --tw-text-opacity: 1;
-
-    color: rgb(255 255 255 / var(--tw-text-opacity))
+    color: var(--color-white)
 }
 
 .primaryNotDisabled:hover {
 
-    --tw-border-opacity: 1;
-
-    border-color: rgb(0 54 160 / var(--tw-border-opacity));
-
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+    border-color: var(--color-primary);
 
-    --tw-text-opacity: 1;
+    background-color: var(--color-white);
 
-    color: rgb(0 54 160 / var(--tw-text-opacity))
+    color: var(--color-primary)
 }
 
 .secondary {
 
-    --tw-border-opacity: 1;
+    border-color: var(--color-primary);
 
-    border-color: rgb(0 54 160 / var(--tw-border-opacity));
+    background-color: var(--color-white);
 
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-
-    --tw-text-opacity: 1;
-
-    color: rgb(0 54 160 / var(--tw-text-opacity))
+    color: var(--color-primary)
 }
 
 .secondaryNotDisabled:hover {
 
-    --tw-border-opacity: 1;
-
-    border-color: rgb(0 54 160 / var(--tw-border-opacity));
-
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(0 54 160 / var(--tw-bg-opacity));
+    border-color: var(--color-primary);
 
-    --tw-text-opacity: 1;
+    background-color: var(--color-primary);
 
-    color: rgb(255 255 255 / var(--tw-text-opacity))
+    color: var(--color-white)
 }
 
 .disabled {

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,sBAAyC;;IAAzC,yDAAyC;;IAAzC,kBAAyC;;IAAzC,sDAAyC;;IAAzC,oBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,yDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,yDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,sDAA2C;;IAA3C,oBAA2C;;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;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}"]}

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { Props as buttonProps } from '../Button/Button';
 import { Props as videoProps } from '../Video/Video';
 import { Props as imageProps } from '../Image/Image';
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
@@ -13,6 +14,7 @@ export interface Props {
     href?: string;
     target?: string;
     buttonProps?: buttonProps;
+    theme?: ThemeTypes;
 }
 declare const Card: React.FC<Props>;
 export default Card;

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

@@ -3,11 +3,11 @@ import classNames from 'classnames';
 import Button from '../Button/Button';
 import Video from '../Video/Video';
 import style from './style.module.css';
-const Card = ({ id, className, imageProps, videoProps, title, subTitle, description, href, target, buttonProps }) => {
+const Card = ({ id, className, imageProps, videoProps, title, subTitle, description, href, target, buttonProps, theme = 'theme-rupertbennett' }) => {
     const cardTitleClasses = classNames(style.title);
     const cardSubTitleClassList = classNames(style.subtitle);
     const cardDescriptionClassList = classNames(style.description);
-    const classList = classNames(className, style.classList);
+    const classList = classNames(className, style.classList, theme);
     const imageClassList = classNames(style.imageClassList);
     let Tag = 'div';
     let attributes = {};

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;AAiBtC,MAAM,IAAI,GAAoB,CAAC,EAC7B,EAAE,EACF,SAAS,EACT,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,MAAM,EACN,WAAW,EACL,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,CAAC,CAAA;IACxD,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":"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"}

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

@@ -33,16 +33,20 @@ a .classList:hover {
     overflow: hidden;
     object-fit: cover;
     border-top-left-radius: 0.5rem;
-    border-top-right-radius: 0.5rem
+    border-top-right-radius: 0.5rem;
+    height: 256px
 }
 
 .contentWrapper {
-    height: 100%
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: space-between;
+    height: calc(100% - 256px)
 }
 
 .movingContent {
-    --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+    background-color: var(--color-white);
     margin-top: 0px;
     padding-left: 1.5rem;
     padding-right: 1.5rem;
@@ -55,17 +59,15 @@ a .classList:hover {
 }
 
 .staticContent {
-    margin-top: 0px;
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-    padding-top: 1.5rem;
+    height: 100%;
+    padding: 1.5rem;
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 300ms;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
-    height: calc(100% - 78px)
+    align-items: stretch;
+    justify-content: space-between
 }
 
 .title {
@@ -79,13 +81,13 @@ a .classList:hover {
 }
 
 .description {
+    flex: 1 1 0%;
     padding-bottom: 1.5rem;
     font-size: 16px;
     font-weight: 300
 }
 
 .buttonClassList {
-    margin-bottom: 1.5rem;
     width: 100%
 }
 /*# sourceMappingURL=style.module.css.map */

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;AAFiC;;AAMjC;IAAA;AAAa;;AAIb;IAAA,kBAAe;IAAf,yDAAe;IACf,eAAqB;IAArB,oBAAqB;IAArB,qBAAqB;IAArB,mBAAqB;IACrB,kCAAmB;IAAnB,iCAAmB;IACnB,wBAAkC;IAAlC,wDAAkC;IAAlC;AAHe;;AAOf;IAAA,eAAqB;IAArB,oBAAqB;IAArB,qBAAqB;IAArB,mBAAqB;IACrB,wBAAkC;IAAlC,wDAAkC;IAAlC,0BAAkC;IAClC,aAAoC;IAApC,sBAAoC;IAApC,8BAAoC;IACpC;AAHqB;;AAOrB;IAAA,eAA0B;IAA1B;AAA0B;;AAI1B;IAAA,eAA2B;IAA3B;AAA2B;;AAI3B;IAAA,sBAA8B;IAA9B,eAA8B;IAA9B;AAA8B;;AAI9B;IAAA,qBAAkB;IAAlB;AAAkB","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}\n\n.contentWrapper {\n    @apply h-full;\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 px-6 pt-6 mt-0;\n    @apply transition-all duration-300;\n    @apply flex flex-col justify-between;\n    height: calc(100% - 78px)\n}\n\n.title {\n    @apply font-medium text-sm;\n}\n\n.subtitle {\n    @apply font-regular text-xs;\n}\n\n.description {\n    @apply font-light text-xs pb-6;\n}\n\n.buttonClassList {\n    @apply w-full mb-6;\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,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}"]}

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

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 import { Props as imageProps } from '../Image/Image';
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
     children?: any;
     imageProps?: imageProps;
+    theme?: ThemeTypes;
 }
-declare const CardWithTopImage: ({ id, className, children, imageProps }: Props) => JSX.Element;
+declare const CardWithTopImage: ({ id, className, children, imageProps, theme }: Props) => JSX.Element;
 export default CardWithTopImage;

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

@@ -2,9 +2,9 @@ import React from 'react';
 import Image from '../Image/Image';
 import style from './style.module.css';
 import classNames from 'classnames';
-const CardWithTopImage = ({ id, className, children, imageProps }) => {
+const CardWithTopImage = ({ id, className, children, imageProps, theme = 'theme-rupertbennett' }) => {
     const src = (imageProps === null || imageProps === void 0 ? void 0 : imageProps.src) !== undefined ? imageProps.src : '';
-    const cardClassList = classNames(className, style.cardClasses);
+    const cardClassList = classNames(className, style.cardClasses, theme);
     return (React.createElement("div", { style: {
             filter: 'drop-shadow(0 4px 8px rgb(154, 154, 154))'
         }, id: id, className: cardClassList },

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

@@ -1 +1 @@
-{"version":3,"file":"CardWithTopImage.js","sourceRoot":"","sources":["../../../../../src/lib/components/CardWithTopImage/CardWithTopImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,UAAU,MAAM,YAAY,CAAA;AASnC,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,UAAU,EACJ,EAAe,EAAE;IACvB,MAAM,GAAG,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,MAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAC/D,MAAM,aAAa,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,CAAA;IAC9D,OAAO,CACL,6BACE,KAAK,EAAE;YACL,MAAM,EAAE,2CAA2C;SACpD,EACD,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,aAAa;QAExB,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB;YACpC,oBAAC,KAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,CAC/B;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,IACnC,QAAQ,CACL,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"CardWithTopImage.js","sourceRoot":"","sources":["../../../../../src/lib/components/CardWithTopImage/CardWithTopImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,UAAU,MAAM,YAAY,CAAA;AAWnC,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,UAAU,EACV,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,GAAG,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,MAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAC/D,MAAM,aAAa,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;IACrE,OAAO,CACL,6BACE,KAAK,EAAE;YACL,MAAM,EAAE,2CAA2C;SACpD,EACD,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,aAAa;QAExB,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB;YACpC,oBAAC,KAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,CAC/B;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,IACnC,QAAQ,CACL,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

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

@@ -7,21 +7,18 @@
     margin-right: auto;
     max-width: max-content;
     border-radius: 9999px;
-    --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+    background-color: var(--color-white);
     padding: 1rem
 }
 
 .contentClassList{
     margin-top: -3rem;
     height: auto;
-    --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+    background-color: var(--color-white);
     padding-left: 1rem;
     padding-right: 1rem;
     padding-top: 3rem;
     padding-bottom: 4rem;
-    --tw-text-opacity: 1;
-    color: rgb(0 0 0 / var(--tw-text-opacity))
+    color: var(--color-black)
 }
 /*# sourceMappingURL=style.module.css.map */