trepur_components 1.0.24 → 1.0.26

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

@@ -1 +1 @@
-{"version":3,"file":"Profile.js","sourceRoot":"","sources":["../../../../../src/lib/components/Profile/Profile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AActC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,GAAG,CAAC,EACf,UAAU,GAAG,CAAC,EACd,OAAO,EACP,QAAQ,EACR,UAAU,EACJ,EAAe,EAAE;IACvB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,SAAS,KAAK,OAAO;QACzC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS,KAAK,MAAM;KACxC,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,SAAS,KAAK,OAAO;QAC5C,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,SAAS,KAAK,MAAM;KAC3C,CAAC,CAAA;IAEF,MAAM,sBAAsB,GAAG,UAAU,CAAC;QACxC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM;KAC9D,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI;QACjC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,KAAK,IAAI;KACpC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,WAAW,MAAM,UAAU,EAAE,CAAC,CAAA;IAElE,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,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;YAC/B,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,aAAa,EAAE,gBAAgB,CAAC;gBAC/D,gCACE,SAAS,EAAE,KAAK,CAAC,eAAe,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC;oBAE7C,oBAAC,KAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,CAC5B,CACL,CACF;QACL,YAAY;YACX,6BAAK,SAAS,EAAE,sBAAsB;gBACpC,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,IACjF,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;oBAC7B,OAAO,CACL,2BACE,GAAG,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,KAAK,CAAC,aAAa,EAC9B,IAAI,EAAC,UAAU;wBACG,gBAAgB;wBAClC,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,IAE5B,IAAI,CAAC,IAAI,CACR,CACL,CAAA;gBACH,CAAC,CAAC,CACE,CACF,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Profile.js","sourceRoot":"","sources":["../../../../../src/lib/components/Profile/Profile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAgBtC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,GAAG,CAAC,EACf,UAAU,GAAG,CAAC,EACd,OAAO,EACP,QAAQ,EACR,UAAU,EACV,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,SAAS,KAAK,OAAO;QACzC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS,KAAK,MAAM;KACxC,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,SAAS,KAAK,OAAO;QAC5C,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,SAAS,KAAK,MAAM;KAC3C,CAAC,CAAA;IAEF,MAAM,sBAAsB,GAAG,UAAU,CAAC;QACxC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM;KAC9D,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI;QACjC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,KAAK,IAAI;KACpC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,WAAW,MAAM,UAAU,EAAE,EAAE,KAAK,CAAC,CAAA;IAEzE,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,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;YAC/B,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,aAAa,EAAE,gBAAgB,CAAC;gBAC/D,gCACE,SAAS,EAAE,KAAK,CAAC,eAAe,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC;oBAE7C,oBAAC,KAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,CAC5B,CACL,CACF;QACL,YAAY;YACX,6BAAK,SAAS,EAAE,sBAAsB;gBACpC,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,IACjF,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;oBAC7B,OAAO,CACL,2BACE,GAAG,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,KAAK,CAAC,aAAa,EAC9B,IAAI,EAAC,UAAU;wBACG,gBAAgB;wBAClC,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,IAE5B,IAAI,CAAC,IAAI,CACR,CACL,CAAA;gBACH,CAAC,CAAC,CACE,CACF,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

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

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

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import classNames from 'classnames';
 import style from './style.module.css';
-const Row = ({ id, className, children }) => {
-    const classList = classNames(className, style.classList);
+const Row = ({ id, className, children, theme = 'theme-rupertbennett' }) => {
+    const classList = classNames(className, style.classList, theme);
     return (React.createElement("div", { id: id, className: classList }, children));
 };
 export default Row;

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

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/lib/components/Row/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAQtC,MAAM,GAAG,GAAG,CAAC,EACX,EAAE,EACF,SAAS,EACT,QAAQ,EACF,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,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/lib/components/Row/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAUtC,MAAM,GAAG,GAAG,CAAC,EACX,EAAE,EACF,SAAS,EACT,QAAQ,EACR,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,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { Props as iconProps } from '../Icon/Icon';
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
@@ -8,6 +9,7 @@ export interface Props {
     text?: string;
     leftIconProps?: iconProps;
     rightIconProps?: iconProps;
+    theme?: ThemeTypes;
 }
-declare const Search: ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps }: Props) => JSX.Element;
+declare const Search: ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps, theme }: Props) => JSX.Element;
 export default Search;

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

@@ -2,8 +2,8 @@ import React from 'react';
 import Icon from '../Icon/Icon';
 import classNames from 'classnames';
 import style from './style.module.css';
-const Search = ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps }) => {
-    const classList = classNames(className, style.classList);
+const Search = ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps, theme = 'theme-rupertbennett' }) => {
+    const classList = classNames(className, style.classList, theme);
     const inputClasses = classNames({
         [style.leftIcon]: leftIconProps !== undefined,
         [style.noLeftIcon]: leftIconProps === undefined

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

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/lib/components/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAYtC,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,aAAa,EACb,cAAc,EACR,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,QAAQ,CAAC,EAAE,aAAa,KAAK,SAAS;QAC7C,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,aAAa,KAAK,SAAS;KAChD,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAExB,MAAM,YAAY,GAAqD,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAE5I,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,iCACG,IAAI,KAAK,SAAS;YACjB,4BAAI,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,cAAc,CAAC,IAAG,IAAI,CAAM,CAChE;QACN;YACE,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;gBAC/B,CAAC,aAAa,KAAK,SAAS,CAAC;oBAC5B,oBAAC,IAAI,oBAAK,aAAa,EAAI;gBAC7B,+BACE,SAAS,EAAE,YAAY,EACvB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,GACb;gBACD,CAAC,cAAc,KAAK,SAAS,CAAC;oBAC7B,oBAAC,IAAI,oBAAK,cAAc,EAAI,CAC1B,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/lib/components/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AActC,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,aAAa,EACb,cAAc,EACd,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,QAAQ,CAAC,EAAE,aAAa,KAAK,SAAS;QAC7C,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,aAAa,KAAK,SAAS;KAChD,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAExB,MAAM,YAAY,GAAqD,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAE5I,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,iCACG,IAAI,KAAK,SAAS;YACjB,4BAAI,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,cAAc,CAAC,IAAG,IAAI,CAAM,CAChE;QACN;YACE,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;gBAC/B,CAAC,aAAa,KAAK,SAAS,CAAC;oBAC5B,oBAAC,IAAI,oBAAK,aAAa,EAAI;gBAC7B,+BACE,SAAS,EAAE,YAAY,EACvB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,GACb;gBACD,CAAC,cAAc,KAAK,SAAS,CAAC;oBAC7B,oBAAC,IAAI,oBAAK,cAAc,EAAI,CAC1B,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Colours, ThemeTypes } from '../../utils/controls';
+export interface Props {
+    id: string;
+    className: string;
+    children: any;
+    getNavStatus: (asSideBar: boolean, open: boolean) => void;
+    bgColour?: Colours;
+    showNav?: boolean;
+    leftExpand?: boolean;
+    theme?: ThemeTypes;
+}
+declare const SideNav: ({ id, className, children, bgColour, showNav, leftExpand, theme }: Props) => JSX.Element;
+export default SideNav;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import classNames from 'classnames';
+import style from './style.module.css';
+const SideNav = ({ id, className, children, bgColour = 'primary', showNav = false, leftExpand = true, theme = 'theme-rupertbennett' }) => {
+    const sideNavClasses = classNames({
+        [style.sideBarCollapsed]: !showNav,
+        [style.sideBarExpanded]: showNav,
+        [style.leftExpand]: leftExpand,
+        [style.rightExpand]: !leftExpand
+    }, style[bgColour], style.sideNavClassList, className, theme);
+    return (React.createElement("div", { id: id, className: sideNavClasses }, children));
+};
+export default SideNav;
+//# sourceMappingURL=SideNav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav.js","sourceRoot":"","sources":["../../../../../src/lib/components/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AActC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,SAAS,EACpB,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,IAAI,EACjB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,CAAC,OAAO;QAClC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,OAAO;QAChC,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,UAAU;QAC9B,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU;KACjC,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAE7D,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,IACnC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1,92 @@
+.primary {
+
+    background-color: var(--color-primary);
+
+    color: var(--color-white)
+}
+
+.secondary {
+
+    background-color: var(--color-secondary);
+
+    color: var(--color-white)
+}
+
+.white {
+
+    background-color: var(--color-white);
+
+    color: var(--color-black)
+}
+
+.black {
+
+    background-color: var(--color-black);
+
+    color: var(--color-white)
+}
+
+.sideNavClassList {
+
+    position: absolute;
+
+    z-index: 50;
+
+    height: 100%;
+
+    overflow: hidden;
+
+    transition-duration: 700ms
+}
+
+.leftExpand {
+
+    left: 0px
+}
+
+.rightExpand {
+
+    right: 0px
+}
+
+.mobileSideBarMenu > :not([hidden]) ~ :not([hidden]) {
+
+    --tw-space-y-reverse: 0;
+
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
+}
+
+.mobileSideBarMenu {
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.75rem
+}
+
+.mobileSideBarMenuNavItems {
+
+    padding-left: 2rem;
+
+    padding-top: 1rem
+}
+
+.sideBarCollapsed {
+
+    width: 0px
+}
+
+.sideBarExpanded {
+
+    width: 100%
+}
+
+@media (min-width: 640px) {
+
+    .sideBarExpanded {
+
+        width: 33.333333%
+    }
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/SideNav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAwD;;IAAxD,WAAwD;;IAAxD,YAAwD;;IAAxD,gBAAwD;;IAAxD;AAAwD;;AAIxD;;IAAA;AAAa;;AAIb;;IAAA;AAAc;;AAId;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA;AAAsB;;AAAtB;;IAAA;;QAAA;IAAsB;AAAA","file":"style.module.css","sourcesContent":[".primary {\n    @apply bg-primary text-white;\n}\n\n.secondary {\n    @apply bg-secondary text-white;\n}\n\n.white {\n    @apply bg-white text-black;\n}\n\n.black {\n    @apply bg-black text-white;\n}\n\n.sideNavClassList {\n    @apply z-50 overflow-hidden h-full duration-700 absolute;\n}\n\n.leftExpand {\n    @apply left-0;\n}\n\n.rightExpand {\n    @apply right-0;\n}\n\n.mobileSideBarMenu {\n    @apply pt-2 pb-3 space-y-1;\n}\n\n.mobileSideBarMenuNavItems {\n    @apply pl-8 pt-4;\n}\n\n.sideBarCollapsed {\n    @apply w-0;\n}\n\n.sideBarExpanded {\n    @apply w-full sm:w-1/3;\n}"]}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Props as buttonProps } from '../Button/Button';
-import { Colours } from '../../utils/controls';
+import { Colours, ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
@@ -19,7 +19,8 @@ export interface Props {
     socialButtons?: Array<{
         type: string;
     }>;
-    theme: 'light' | 'dark';
+    variant: 'light' | 'dark';
+    theme?: ThemeTypes;
 }
-declare const SocialBlock: ({ id, className, title, description, bgColour, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, editTitleClasses, editTextClasses, editInputClasses, buttonWrapperClasses, textWrapperClasses, socialButtons, theme }: Props) => JSX.Element;
+declare const SocialBlock: ({ id, className, title, description, bgColour, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, editTitleClasses, editTextClasses, editInputClasses, buttonWrapperClasses, textWrapperClasses, socialButtons, variant, theme }: Props) => JSX.Element;
 export default SocialBlock;

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

@@ -6,8 +6,8 @@ import style from './style.module.css';
 import Container from '../Container/Container';
 import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
 import SocialButton from '../SocialButton/SocialButton';
-const SocialBlock = ({ id, className, title, description, bgColour, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, editTitleClasses, editTextClasses, editInputClasses, buttonWrapperClasses, textWrapperClasses, socialButtons, theme = 'light' }) => {
-    const colours = theme === 'dark' ? style.dark : style.light;
+const SocialBlock = ({ id, className, title, description, bgColour, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, editTitleClasses, editTextClasses, editInputClasses, buttonWrapperClasses, textWrapperClasses, socialButtons, variant = 'light', theme = 'theme-rupertbennett' }) => {
+    const colours = variant === 'dark' ? style.dark : style.light;
     const defaultComponentData = {
         title: {
             text: title
@@ -40,13 +40,13 @@ const SocialBlock = ({ id, className, title, description, bgColour, withLiveUpda
                 text: e.target.value
             } }));
     };
-    return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour }, withLiveUpdates === true && isInEditingMode
+    return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme }, withLiveUpdates === true && isInEditingMode
         ? (React.createElement("div", { className: colours },
             React.createElement(Input, { className: editTitleClasses, inputClasses: editInputClasses, autoFocus: true, value: componentData.title.text, onChange: (e) => handleChange(e), type: 'text', theme: theme }),
             React.createElement(Input, { className: editTextClasses, inputClasses: editInputClasses, value: componentData.text.text, onChange: (e) => handleChange(e), type: 'text', theme: theme }),
             React.createElement(Button, { className: style.saveButton, onClick: handleButtonSave }, "Save"),
             React.createElement(Button, { className: style.cancelButton, onClick: handleButtonCancel }, "Cancel")))
-        : (React.createElement(Container, { withPadding: true },
+        : (React.createElement(Container, { withPadding: false },
             React.createElement("div", { className: buttonWrapperClasslist }, socialButtons === null || socialButtons === void 0 ? void 0 : socialButtons.map((button, i) => {
                 return (React.createElement(SocialButton, { key: `socual_button_${i}`, className: style.buttonClasses, type: button.type, href: button.href }));
             }))))));

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

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

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

@@ -7,53 +7,33 @@
 
 .dark {
 
-    --tw-bg-opacity: 1;
+    background-color: var(--color-primary);
 
-    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)
 }
 
 .dark::placeholder {
 
-    --tw-placeholder-opacity: 1;
-
-    color: rgb(255 255 255 / var(--tw-placeholder-opacity))
+    color: var(--color-white)
 }
 
 .light {
 
-    --tw-bg-opacity: 1;
+    background-color: var(--color-white);
 
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+    color: var(--color-black)
 }
 
 .light::placeholder {
 
-    --tw-placeholder-opacity: 1;
-
-    color: rgb(0 54 160 / var(--tw-placeholder-opacity))
+    color: var(--color-primary)
 }
 
 .buttonWrapperClassList {
 
     display: flex;
 
-    width: 100%;
-
-    flex-wrap: wrap;
-
-    justify-content: center;
-
-    padding-top: 1rem;
-
-    padding-bottom: 1rem;
-
-    padding-left: 0.5rem;
-
-    padding-right: 0.5rem
+    flex-wrap: wrap
 }
 
 .title {
@@ -88,8 +68,8 @@
 
 .buttonClasses {
 
-    margin-left: 0.5rem;
+    margin-right: 0.5rem;
 
-    margin-right: 0.5rem
+    margin-bottom: 0.5rem
 }
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/SocialBlock/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,kBAA8C;;IAA9C,sDAA8C;;IAA9C,oBAA8C;;IAA9C;AAA8C;;AAA9C;;IAAA,2BAA8C;;IAA9C;AAA8C;;AAI9C;;IAAA,kBAAmC;;IAAnC;AAAmC;;AAAnC;;IAAA,2BAAmC;;IAAnC;AAAmC;;AAInC;;IAAA,aAAqD;;IAArD,WAAqD;;IAArD,eAAqD;;IAArD,uBAAqD;;IAArD,iBAAqD;;IAArD,oBAAqD;;IAArD,oBAAqD;;IAArD;AAAqD;;AAIrD;;IAAA;AAAyB;;AAAzB;;IAAA;;QAAA;IAAyB;AAAA;;AAIzB;;IAAA;AAAW;;AAIX;;IAAA,gBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAW;;AAIX;;IAAA,mBAAW;;IAAX;AAAW","file":"style.module.css","sourcesContent":[".hoverClassList {\n    @apply border-dashed border;\n}\n\n.dark {\n    @apply placeholder-white bg-primary text-white;\n}\n\n.light {\n    @apply placeholder-primary bg-white;\n}\n\n.buttonWrapperClassList {\n    @apply py-4 px-2 flex flex-wrap w-full justify-center;\n}\n\n.title {\n    @apply text-md sm:text-lg;\n}\n\n.text {\n    @apply pt-4;\n}\n\n.cancelButton {\n    @apply mt-4 ml-4;\n}\n\n.saveButton {\n    @apply mt-4;\n}\n\n.buttonClasses {\n    @apply mx-2;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/SocialBlock/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,sCAA8C;;IAA9C;AAA8C;;AAA9C;;IAAA;AAA8C;;AAI9C;;IAAA,oCAA8C;;IAA9C;AAA8C;;AAA9C;;IAAA;AAA8C;;AAI9C;;IAAA,aAAqB;;IAArB;AAAqB;;AAIrB;;IAAA;AAAyB;;AAAzB;;IAAA;;QAAA;IAAyB;AAAA;;AAIzB;;IAAA;AAAW;;AAIX;;IAAA,gBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAW;;AAIX;;IAAA,oBAAgB;;IAAhB;AAAgB","file":"style.module.css","sourcesContent":[".hoverClassList {\n    @apply border-dashed border;\n}\n\n.dark {\n    @apply placeholder-white bg-primary text-white;\n}\n\n.light {\n    @apply placeholder-primary bg-white text-black;\n}\n\n.buttonWrapperClassList {\n    @apply flex flex-wrap;\n}\n\n.title {\n    @apply text-md sm:text-lg;\n}\n\n.text {\n    @apply pt-4;\n}\n\n.cancelButton {\n    @apply mt-4 ml-4;\n}\n\n.saveButton {\n    @apply mt-4;\n}\n\n.buttonClasses {\n    @apply mr-2 mb-2;\n}"]}

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
@@ -6,6 +7,7 @@ export interface Props {
     type?: 'facebook' | 'instagram' | 'github' | 'email';
     href?: string;
     openInNewTab?: boolean;
+    theme?: ThemeTypes;
 }
-declare const SocialButton: ({ id, className, onClick, type, href, openInNewTab }: Props) => JSX.Element;
+declare const SocialButton: ({ id, className, onClick, type, href, openInNewTab, theme }: Props) => JSX.Element;
 export default SocialButton;

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

@@ -2,23 +2,21 @@ import React from 'react';
 import Icon from '../Icon/Icon';
 import classNames from 'classnames';
 import style from './style.module.css';
-import Button from '../Button/Button';
-const SocialButton = ({ id, className, onClick, type = 'facebook', href, openInNewTab = false }) => {
-    const classList = classNames(style.classList, style[type], className, style.hover);
+const SocialButton = ({ id, className, onClick, type = 'facebook', href, openInNewTab = false, theme = 'theme-rupertbennett' }) => {
+    const getColours = (type) => {
+        const typeString = type;
+        const colour = `interactive-${typeString}`;
+        return colour;
+    };
+    const classList = classNames(style.classList, style[type], style.hover, theme, className);
     const iconType = {
         facebook: 'facebook',
         instagram: 'instagram',
         github: 'github',
         email: 'envelope'
     };
-    const getColours = (type) => {
-        const typeString = type;
-        const colour = `interactive-${typeString}`;
-        return colour;
-    };
-    const hoverColour = getColours(type);
-    return (React.createElement(Button, Object.assign({ id: id, className: classList }, (openInNewTab && { target: '_blank' }), { href: href, type: 'icon' }, ((onClick != null) && { onClick }), { variant: 'secondary', rounded: true }),
-        React.createElement(Icon, { type: iconType[type], size: 3, brand: type !== 'email', rounded: true, bgColour: type, colour: 'white', hoverBgColour: hoverColour, hoverColour: hoverColour })));
+    return (React.createElement("a", Object.assign({ id: id, type: 'button', className: classList, href: href, onClick: onClick }, (openInNewTab && { target: '_blank' })),
+        React.createElement(Icon, { type: iconType[type], size: 3, brand: type !== 'email', rounded: true, bgColour: type, colour: 'white', hoverBgColour: getColours(type), hoverColour: 'white' })));
 };
 export default SocialButton;
 //# sourceMappingURL=SocialButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SocialButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialButton/SocialButton.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;AACtC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAY9C,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,OAAO,EACP,IAAI,GAAG,UAAU,EACjB,IAAI,EACJ,YAAY,GAAG,KAAK,EACd,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAC1B,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,IAAI,CAAC,EACX,SAAS,EACT,KAAK,CAAC,KAAK,CACZ,CAAA;IAED,MAAM,QAAQ,GAAG;QACf,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,WAAW;QACtB,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,UAAU;KAClB,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,IAAa,EAAW,EAAE;QAC5C,MAAM,UAAU,GAAW,IAAI,CAAA;QAC/B,MAAM,MAAM,GAAW,eAAe,UAAU,EAAE,CAAA;QAClD,OAAO,MAAiB,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,UAAU,CAAC,IAAe,CAAC,CAAA;IAE/C,OAAO,CACL,oBAAC,MAAM,kBACL,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAChB,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,IAC1C,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,IACP,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,IACtC,OAAO,EAAC,WAAW,EACnB,OAAO;QAEP,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,EACpB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,IAAI,KAAK,OAAO,EACvB,OAAO,QACP,QAAQ,EAAE,IAAI,EACd,MAAM,EAAC,OAAO,EACd,aAAa,EAAE,WAAW,EAC1B,WAAW,EAAE,WAAW,GACxB,CACK,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"SocialButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialButton/SocialButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAYtC,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,OAAO,EACP,IAAI,GAAG,UAAU,EACjB,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,UAAU,GAAG,CAAC,IAAa,EAAW,EAAE;QAC5C,MAAM,UAAU,GAAW,IAAI,CAAA;QAC/B,MAAM,MAAM,GAAW,eAAe,UAAU,EAAE,CAAA;QAClD,OAAO,MAAiB,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,UAAU,CAC1B,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,IAAI,CAAC,EACX,KAAK,CAAC,KAAK,EACX,KAAK,EACL,SAAS,CACV,CAAA;IAED,MAAM,QAAQ,GAAG;QACf,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,WAAW;QACtB,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,UAAU;KAClB,CAAA;IAED,OAAO,CACL,yCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,IACZ,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QAE1C,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,EACpB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,IAAI,KAAK,OAAO,EACvB,OAAO,QACP,QAAQ,EAAE,IAAI,EACd,MAAM,EAAC,OAAO,EACd,aAAa,EAAE,UAAU,CAAC,IAAe,CAAC,EAC1C,WAAW,EAAC,OAAO,GACnB,CACA,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

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

@@ -4,108 +4,39 @@
     transition-duration: 500ms;
 }
 
+/* a:hover {
+    @apply cursor-pointer;
+} */
+
 .facebook {
-    --tw-bg-opacity: 1;
-    background-color: rgb(59 89 153 / var(--tw-bg-opacity));
+    background-color: var(--color-facebook);
 }
 
 .facebook:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(45 68 116 / var(--tw-bg-opacity));
-}
-
-.instagram:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(109 46 146 / var(--tw-bg-opacity));
+    background-color: var(--color-interactive-facebook);
 }
 
 .instagram {
     background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
 }
 
+.instagram:hover {
+    background: radial-gradient(circle farthest-corner at 95% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
+}
+
 .github {
-    --tw-bg-opacity: 1;
-    background-color: rgb(23 21 21 / var(--tw-bg-opacity));
+    background-color: var(--color-github);
 }
 
 .github:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+    background-color: var(--color-interactive-github);
 }
 
 .email {
-    --tw-bg-opacity: 1;
-    background-color: rgb(199 22 16 / var(--tw-bg-opacity));
+    background-color: var(--color-email);
 }
 
 .email:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(159 17 12 / var(--tw-bg-opacity));
-}
-
-.facebook.hover:hover div {
-    --tw-bg-opacity: 1;
-    background-color: rgb(45 68 116 / var(--tw-bg-opacity));
+    background-color: var(--color-interactive-email);
 }
-
-.facebook.hover:hover span {
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-    --tw-bg-opacity: 1;
-    background-color: rgb(45 68 116 / var(--tw-bg-opacity));
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity));
-    transition-duration: 500ms;
-    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-}
-
-.instagram.hover:hover div {
-    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
-}
-
-.instagram.hover:hover span {
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity));
-    transition-duration: 500ms;
-    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-}
-
-.github.hover:hover div {
-    --tw-bg-opacity: 1;
-    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
-}
-
-.github.hover:hover span {
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-    --tw-bg-opacity: 1;
-    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity));
-    transition-duration: 500ms;
-    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-}
-
-.email.hover:hover div {
-    --tw-bg-opacity: 1;
-    background-color: rgb(159 17 12 / var(--tw-bg-opacity));
-}
-
-.email.hover:hover span {
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-    --tw-bg-opacity: 1;
-    background-color: rgb(159 17 12 / var(--tw-bg-opacity));
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity));
-    transition-duration: 500ms;
-    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-}
-
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/SocialButton/style.module.css"],"names":[],"mappings":"AACI;IAAA,+LAA0C;IAA1C,qBAA0C;IAA1C;AAA0C;;AAI1C;IAAA,kBAAgD;IAAhD;AAAgD;;AAAhD;IAAA,kBAAgD;IAAhD;AAAgD;;AAIhD;IAAA,kBAAqC;IAArC;AAAqC;;AADzC;IAEI,6nBAA6nB;AACjoB;;AAGI;IAAA,kBAA4C;IAA5C;AAA4C;;AAA5C;IAAA,kBAA4C;IAA5C;AAA4C;;AAI5C;IAAA,kBAA0C;IAA1C;AAA0C;;AAA1C;IAAA,kBAA0C;IAA1C;AAA0C;;AAI1C;IAAA,kBAA8B;IAA9B;AAA8B;;AAI9B;IAAA,+LAAgE;IAAhE,kBAAgE;IAAhE,uDAAgE;IAAhE,oBAAgE;IAAhE,gDAAgE;IAAhE,0BAAgE;IAChE,kJAA0I;IAA1I,0IAA0I;IAA1I;AADgE;;AAIpE;IACI,6nBAA6nB;AACjoB;;AAGI;IAAA,+LAAwC;IAAxC,oBAAwC;IAAxC,gDAAwC;IAAxC,0BAAwC;IACxC,kJAA0I;IAA1I,0IAA0I;IAA1I;AADwC;;AAKxC;IAAA,kBAA4B;IAA5B;AAA4B;;AAI5B;IAAA,+LAA8D;IAA9D,kBAA8D;IAA9D,mDAA8D;IAA9D,oBAA8D;IAA9D,gDAA8D;IAA9D,0BAA8D;IAC9D,kJAA0I;IAA1I,0IAA0I;IAA1I;AAD8D;;AAK9D;IAAA,kBAA2B;IAA3B;AAA2B;;AAI3B;IAAA,+LAA6D;IAA7D,kBAA6D;IAA7D,uDAA6D;IAA7D,oBAA6D;IAA7D,gDAA6D;IAA7D,0BAA6D;IAC7D,kJAA0I;IAA1I,0IAA0I;IAA1I;AAD6D","file":"style.module.css","sourcesContent":[".classList {\n    @apply duration-500 transform rounded-full;\n}\n\n.facebook {\n    @apply bg-facebook hover:bg-interactive-facebook;\n}\n\n.instagram {\n    @apply hover:bg-interactive-instagram;\n    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);\n}\n\n.github {\n    @apply bg-github hover:bg-interactive-github;\n}\n\n.email {\n    @apply bg-email hover:bg-interactive-email;\n}\n\n.facebook.hover:hover div {\n    @apply bg-interactive-facebook;\n}\n\n.facebook.hover:hover span {\n    @apply bg-interactive-facebook text-white duration-500 transform;\n    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n}\n\n.instagram.hover:hover div {\n    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);\n}\n\n.instagram.hover:hover span {\n    @apply text-white duration-500 transform;\n    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n}\n\n.github.hover:hover div {\n    @apply bg-interactive-github;\n}\n\n.github.hover:hover span {\n    @apply bg-interactive-github text-white duration-500 transform;\n    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n}\n\n.email.hover:hover div {\n    @apply bg-interactive-email;\n}\n\n.email.hover:hover span {\n    @apply bg-interactive-email text-white duration-500 transform;\n    transition-property: color, background-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n}\n"]}
+{"version":3,"sources":["../../../../../src/lib/components/SocialButton/style.module.css"],"names":[],"mappings":"AACI;IAAA,+LAA0C;IAA1C,qBAA0C;IAA1C;AAA0C;;AAG9C;;GAEG;;AAGC;IAAA;AAAgD;;AAAhD;IAAA;AAAgD;;AAGpD;IACI,6nBAA6nB;AACjoB;;AAEA;IACI,6nBAA6nB;AACjoB;;AAGI;IAAA;AAA4C;;AAA5C;IAAA;AAA4C;;AAI5C;IAAA;AAA0C;;AAA1C;IAAA;AAA0C","file":"style.module.css","sourcesContent":[".classList {\n    @apply duration-500 transform rounded-full;\n}\n\n/* a:hover {\n    @apply cursor-pointer;\n} */\n\n.facebook {\n    @apply bg-facebook hover:bg-interactive-facebook;\n}\n\n.instagram {\n    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);\n}\n\n.instagram:hover {\n    background: radial-gradient(circle farthest-corner at 95% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);\n}\n\n.github {\n    @apply bg-github hover:bg-interactive-github;\n}\n\n.email {\n    @apply bg-email hover:bg-interactive-email;\n}"]}

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

@@ -1,9 +1,11 @@
 /// <reference types="react" />
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id: string;
     className: string;
     stars: number;
     size: number;
+    theme?: ThemeTypes;
 }
-declare const StarRating: ({ id, className, stars, size }: Props) => JSX.Element;
+declare const StarRating: ({ id, className, stars, size, theme }: Props) => JSX.Element;
 export default StarRating;

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

@@ -2,8 +2,8 @@ import React from 'react';
 import Icon from '../Icon/Icon';
 import classNames from 'classnames';
 import style from './style.module.css';
-const StarRating = ({ id, className, stars = 1, size = 1 }) => {
-    const classList = classNames({}, className, style.classList);
+const StarRating = ({ id, className, stars = 1, size = 1, theme = 'theme-rupertbennett' }) => {
+    const classList = classNames(className, style.classList, theme);
     const getStars = () => {
         const starsArr = [];
         for (let i = 0; i < stars; i++) {

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

@@ -1 +1 @@
-{"version":3,"file":"StarRating.js","sourceRoot":"","sources":["../../../../../src/lib/components/StarRating/StarRating.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;AAQtC,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,KAAK,GAAG,CAAC,EACT,IAAI,GAAG,CAAC,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,EAC5B,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAE9B,MAAM,QAAQ,GAAG,GAAkB,EAAE;QACnC,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAC9B,QAAQ,CAAC,IAAI,CACX,oBAAC,IAAI,IACH,GAAG,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAC5B,EAAE,EAAE,WAAW,CAAC,EAAE,EAClB,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,SAAS,CAAC,EACnD,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,OAAO,EAChB,WAAW,EAAC,MAAM,EAClB,aAAa,EAAC,OAAO,GACrB,CACH,CAAA;SACF;QACD,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAkB,EAAE;QAC1C,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAClC,QAAQ,CAAC,IAAI,CACX,oBAAC,IAAI,IACH,GAAG,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,EAC9B,EAAE,EAAE,aAAa,CAAC,EAAE,EACpB,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,aAAa,EAAE,gBAAgB,CAAC,EAC5D,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,OAAO,EAChB,WAAW,EAAC,MAAM,EAClB,aAAa,EAAC,OAAO,GACrB,CACH,CAAA;SACF;QACD,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAkB,EAAE;QACtC,MAAM,SAAS,GAAG,CAAC,GAAG,QAAQ,EAAE,EAAE,GAAG,eAAe,EAAE,CAAC,CAAA;QACvD,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAEnB,WAAW,EAAE,CACV,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"StarRating.js","sourceRoot":"","sources":["../../../../../src/lib/components/StarRating/StarRating.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;AAWtC,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,KAAK,GAAG,CAAC,EACT,IAAI,GAAG,CAAC,EACR,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAE/D,MAAM,QAAQ,GAAG,GAAkB,EAAE;QACnC,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAC9B,QAAQ,CAAC,IAAI,CACX,oBAAC,IAAI,IACH,GAAG,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAC5B,EAAE,EAAE,WAAW,CAAC,EAAE,EAClB,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,SAAS,CAAC,EACnD,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,OAAO,EAChB,WAAW,EAAC,MAAM,EAClB,aAAa,EAAC,OAAO,GACrB,CACH,CAAA;SACF;QACD,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAkB,EAAE;QAC1C,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAClC,QAAQ,CAAC,IAAI,CACX,oBAAC,IAAI,IACH,GAAG,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,EAC9B,EAAE,EAAE,aAAa,CAAC,EAAE,EACpB,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,aAAa,EAAE,gBAAgB,CAAC,EAC5D,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,OAAO,EAChB,WAAW,EAAC,MAAM,EAClB,aAAa,EAAC,OAAO,GACrB,CACH,CAAA;SACF;QACD,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAkB,EAAE;QACtC,MAAM,SAAS,GAAG,CAAC,GAAG,QAAQ,EAAE,EAAE,GAAG,eAAe,EAAE,CAAC,CAAA;QACvD,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAEnB,WAAW,EAAE,CACV,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { Props as imageProps } from '../Image/Image';
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
@@ -12,6 +13,7 @@ export interface Props {
     positionEndDate?: string;
     authorsName?: string;
     authorsPosition?: string;
+    theme?: ThemeTypes;
 }
-declare const Testimonial: ({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition }: Props) => JSX.Element;
+declare const Testimonial: ({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition, theme }: Props) => JSX.Element;
 export default Testimonial;