trepur_components 1.0.41 → 1.0.42

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

@@ -5,7 +5,6 @@ import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
-    title?: string;
     onSubmit?: () => void;
     ref?: string;
     components?: Array<inputProps & buttonProps & {
@@ -13,5 +12,5 @@ export interface Props {
     }>;
     theme?: ThemeTypes;
 }
-declare const Form: ({ id, className, title, onSubmit, ref, components, theme }: Props) => JSX.Element;
+declare const Form: ({ id, className, onSubmit, ref, components, theme }: Props) => JSX.Element;
 export default Form;

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

@@ -1,16 +1,16 @@
 import React from 'react';
 import Button from '../Button/Button';
 import Input from '../Input/Input';
-import style from './style.module.css';
-const Form = ({ id, className, title, onSubmit, ref, components, theme = 'theme-rupertbennett' }) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement("h1", { className: style.title }, title),
-        React.createElement("form", { id: id, ref: ref, className: className, onSubmit: onSubmit }, components === null || components === void 0 ? void 0 : components.map((component, i) => {
+import classNames from 'classnames';
+import Container from '../Container/Container';
+const Form = ({ id, className, onSubmit, ref, components, theme = 'theme-rupertbennett' }) => {
+    return (React.createElement(Container, { withPadding: true },
+        React.createElement("form", { id: id, ref: ref, className: classNames(className, theme), onSubmit: onSubmit }, components === null || components === void 0 ? void 0 : components.map((component, i) => {
             if ((component === null || component === void 0 ? void 0 : component.htmlType) === 'Input') {
-                return (React.createElement(Input, { key: `input_${i + 0}`, className: component === null || component === void 0 ? void 0 : component.className, label: component === null || component === void 0 ? void 0 : component.label, placeholder: component === null || component === void 0 ? void 0 : component.placeholder, type: component === null || component === void 0 ? void 0 : component.type, name: component === null || component === void 0 ? void 0 : component.name }));
+                return (React.createElement(Input, { key: `input_${i + 0}`, className: classNames(component === null || component === void 0 ? void 0 : component.className, theme), label: component === null || component === void 0 ? void 0 : component.label, placeholder: component === null || component === void 0 ? void 0 : component.placeholder, type: component === null || component === void 0 ? void 0 : component.type, name: component === null || component === void 0 ? void 0 : component.name, fullWidth: true }));
             }
             else if (component.htmlType === 'Button') {
-                return (React.createElement(Button, { key: `button_${i + 0}`, type: component === null || component === void 0 ? void 0 : component.type, onClick: component === null || component === void 0 ? void 0 : component.onClick, className: component === null || component === void 0 ? void 0 : component.className }, component === null || component === void 0 ? void 0 : component.children));
+                return (React.createElement(Button, { key: `button_${i + 0}`, type: component === null || component === void 0 ? void 0 : component.type, onClick: component === null || component === void 0 ? void 0 : component.onClick, className: classNames(component === null || component === void 0 ? void 0 : component.className, theme) }, component === null || component === void 0 ? void 0 : component.children));
             }
             else
                 return React.createElement(React.Fragment, null);

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

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../../src/lib/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAatC,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,EACH,UAAU,EACV,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,OAAO,CACL;QACE,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAM;QACxC,8BAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,IAC7D,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE;YAChC,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,MAAK,OAAO,EAAE;gBACnC,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,EACrB,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,EAC/B,KAAK,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EACvB,WAAW,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EACnC,IAAI,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EACrB,IAAI,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,GACrB,CACH,CAAA;aACF;iBAAM,IAAI,SAAS,CAAC,QAAQ,KAAK,QAAQ,EAAE;gBAC1C,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,EACtB,IAAI,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EACrB,OAAO,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAC3B,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,IAE9B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CACb,CACV,CAAA;aACF;;gBAAM,OAAO,yCAAK,CAAA;QACrB,CAAC,CAAC,CACG,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../../src/lib/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AAEpE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAWvD,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,EACH,UAAU,EACV,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,OAAO,CACL,oBAAC,SAAS,IAAC,WAAW;QACpB,8BAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,QAAQ,IAChF,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE;YAChC,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,MAAK,OAAO,EAAE;gBACnC,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,EACrB,SAAS,EAAE,UAAU,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,EAAE,KAAK,CAAC,EAClD,KAAK,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EACvB,WAAW,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EACnC,IAAI,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EACrB,IAAI,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EACrB,SAAS,SACT,CACH,CAAA;aACF;iBAAM,IAAI,SAAS,CAAC,QAAQ,KAAK,QAAQ,EAAE;gBAC1C,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,EACtB,IAAI,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EACrB,OAAO,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAC3B,SAAS,EAAE,UAAU,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,EAAE,KAAK,CAAC,IAEjD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CACb,CACV,CAAA;aACF;;gBAAM,OAAO,yCAAK,CAAA;QACrB,CAAC,CAAC,CACG,CACG,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

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

@@ -1,4 +1,2 @@
-.title {
-    text-align: center
-}
+
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Form/style.module.css"],"names":[],"mappings":"AACI;IAAA;AAAiB","file":"style.module.css","sourcesContent":[".title {\n    @apply text-center\n}"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"style.module.css"}

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

@@ -3,8 +3,6 @@ import { Colours, ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
-    labelClasses?: string;
-    inputClasses?: string;
     autoComplete?: string;
     disabled?: boolean;
     formId?: string;
@@ -19,8 +17,6 @@ export interface Props {
     name?: string;
     placeholder?: string;
     withValidation?: boolean;
-    bold?: boolean;
-    autoFocus?: boolean;
     onChange?: (e: any) => void;
     onBlur?: () => void;
     onFocus?: () => void;
@@ -29,6 +25,7 @@ export interface Props {
     value?: string;
     bgColour?: Colours;
     theme?: ThemeTypes;
+    fullWidth?: boolean;
 }
-declare const Input: ({ id, className, labelClasses, inputClasses, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, autoFocus, label, type, name, placeholder, bold, onChange, onBlur, onFocus, onClick, withValidation, errors, value, bgColour, theme }: Props) => JSX.Element;
+declare const Input: ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, value, fullWidth, theme }: Props) => JSX.Element;
 export default Input;

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

@@ -1,24 +1,24 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import classNames from 'classnames';
 import style from './style.module.css';
-const Input = ({ id, className, labelClasses, inputClasses, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, autoFocus, label, type, name, placeholder, bold, onChange, onBlur, onFocus, onClick, withValidation, errors, value, bgColour = 'primary', theme = 'theme-rupertbennett' }) => {
-    const classList = classNames(className, style[bgColour], style.classList, theme);
-    const labelClassList = classNames({
-        [style.bold]: bold
-    }, labelClasses, [style.labelClassList]);
-    const inputClassList = classNames({}, inputClasses, style[bgColour], style.inputClassList);
+const Input = ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, value, fullWidth = false, theme = 'theme-rupertbennett' }) => {
     const newId = id !== undefined ? `-${id}` : '';
-    return (React.createElement("div", { id: id, className: classList },
-        label !== undefined &&
-            React.createElement("label", { id: `label${newId}`, className: labelClassList, htmlFor: `input${newId}` },
-                React.createElement("p", null,
-                    label,
-                    required === true &&
-                        React.createElement("span", { className: style.required }, "*"))),
-        React.createElement("input", { id: `input${newId}`, className: inputClassList, autoComplete: autoComplete, disabled: disabled, form: formId, height: height, maxLength: maxLength, minLength: minLength, pattern: pattern, required: required, readOnly: readOnly, type: type, name: name, value: value, placeholder: placeholder, onChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e), onBlur: onBlur, onFocus: onFocus, onClick: onClick }),
+    const fullWidthClasses = classNames({
+        [style.fullWidth]: fullWidth,
+        [style.notFullWidth]: !fullWidth
+    });
+    const headerClassList = classNames(fullWidthClasses, style.classList, className, theme);
+    const btnRef = useRef(null);
+    const handleClick = () => {
+        var _a;
+        (_a = btnRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    return (React.createElement("div", { id: id, className: headerClassList, onClick: handleClick },
+        React.createElement("label", { className: style.label }, label),
+        React.createElement("input", { ref: btnRef, id: `input${newId}`, className: style.value, autoComplete: autoComplete, disabled: disabled, form: formId, height: height, maxLength: maxLength, minLength: minLength, pattern: pattern, required: required, readOnly: readOnly, type: type, name: name, value: value, placeholder: placeholder, onChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e), onBlur: onBlur, onFocus: onFocus, onClick: onClick }),
         withValidation === true &&
             React.createElement("div", { id: `errors${newId}` }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
-                return (React.createElement("p", { key: `error_msg_${i + 0}`, className: style.errorText }, error));
+                return (React.createElement("p", { key: `error-msg-${i + 0}`, className: style.errorText }, error));
             }))));
 };
 export default Input;

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAkCtC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,cAAc,EACd,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAEhF,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI;KACnB,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAA;IAExC,MAAM,cAAc,GAAG,UAAU,CAAC,EACjC,EAAE,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAE9C,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,KAAK,KAAK,SAAS;YAClB,+BACE,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,KAAK,EAAE;gBAExB;oBACG,KAAK;oBACL,QAAQ,KAAK,IAAI;wBAChB,8BAAM,SAAS,EAAE,KAAK,CAAC,QAAQ,QAAU,CACzC,CACE;QACV,+BACE,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,cAAc,EACzB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,EAC9B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB;QACD,cAAc,KAAK,IAAI;YACtB,6BAAK,EAAE,EAAE,SAAS,KAAK,EAAE,IACtB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACxB,OAAO,CACL,2BACE,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,EACzB,SAAS,EAAE,KAAK,CAAC,SAAS,IAEzB,KAAK,CACJ,CACL,CAAA;YACH,CAAC,CAAC,CACE,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AA+BtC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,cAAc,EACd,MAAM,EACN,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAE9C,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS;QAC5B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS;KACjC,CAAC,CAAA;IAEF,MAAM,eAAe,GACnB,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEjE,MAAM,MAAM,GAAG,MAAM,CAAM,IAAI,CAAC,CAAA;IAEhC,MAAM,WAAW,GAAG,GAAS,EAAE;;QAC7B,MAAA,MAAM,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,WAAW;QAEpB,+BAAO,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAS;QAC9C,+BACE,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,EAC9B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB;QACD,cAAc,KAAK,IAAI;YACtB,6BAAK,EAAE,EAAE,SAAS,KAAK,EAAE,IACtB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACxB,OAAO,CACL,2BACE,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,EACzB,SAAS,EAAE,KAAK,CAAC,SAAS,IAEzB,KAAK,CACJ,CACL,CAAA;YACH,CAAC,CAAC,CACE,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

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

@@ -1,114 +1,86 @@
 .classList {
 
-    display: flex;
+    width: 100%;
 
-    flex-direction: column
-}
-
-.errorText {
-
-    font-size: 16px;
-
-    color: var(--color-red)
-}
-
-.required {
-
-    color: var(--color-red)
-}
-
-.inputClassList {
-
-    border-radius: 0.375rem;
-
-    border-width: 1px;
+    border-radius: 0.75rem;
 
-    padding-left: 0.5rem;
-
-    padding-right: 0.5rem;
+    background-color: var(--color-white);
 
-    padding-top: 0.75rem;
+    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
 
-    padding-bottom: 0.75rem;
+    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 
-    font-size: 16px;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 
-    font-weight: 300
-}
+    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
 
-.bold {
+    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 
-    font-weight: 700
+    cursor: pointer
 }
 
-.labelClassList {
+/* .classList:active p {
+    @apply hidden;
+} 
 
-    width: auto;
+.classList:active .value {
+    @apply pt-3 pb-4;
+}  */
 
-    padding-top: 0.5rem;
+.fullWidth {
 
-    padding-bottom: 0.5rem;
-
-    font-size: 16px;
-
-    font-weight: 400;
-
-    color: var(--color-ink)
+    width: 100%
 }
 
-.primary {
-
-    border-color: var(--color-white);
+@media (min-width: 640px) {
 
-    background-color: var(--color-primary);
+    .notFullWidth {
 
-    color: var(--color-white)
+        width: 18rem
+    }
 }
 
-.primary::placeholder {
+.label {
 
-    color: var(--color-white)
-}
+    position: absolute;
+
+    margin-left: 1rem;
 
-.secondary {
+    margin-top: 0.5rem;
 
-    border-color: var(--color-white);
+    background-color: var(--color-white);
 
-    background-color: var(--color-secondary);
+    font-size: 12px;
 
-    color: var(--color-white)
+    font-weight: 100
 }
 
-.secondary::placeholder {
+.value {
 
-    color: var(--color-white)
-}
+    width: 100%;
 
-.white {
+    border-radius: 0.75rem;
 
     border-color: var(--color-ink);
 
     background-color: var(--color-white);
 
-    color: var(--color-black)
-}
-
-.white::placeholder {
+    padding-top: 1.5rem;
 
-    color: var(--color-black)
-}
+    padding-bottom: 0.25rem;
 
-.black {
+    padding-left: 1rem;
 
-    border-color: var(--color-white);
+    color: var(--color-ink);
 
-    background-color: var(--color-black);
-
-    color: var(--color-white)
+    cursor: pointer
 }
 
-.black::placeholder {
-
-    color: var(--color-white)
+/* .value:focus {
+    @apply pt-3 pb-4;
 }
+
+.value:focus ~ label {
+    @apply text-xl;
+} */
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA;AAAe;;AAIf;;IAAA,uBAAqD;;IAArD,iBAAqD;;IAArD,oBAAqD;;IAArD,qBAAqD;;IAArD,oBAAqD;;IAArD,uBAAqD;;IAArD,eAAqD;;IAArD;AAAqD;;AAIrD;;IAAA;AAAgB;;AAIhB;;IAAA,WAAgD;;IAAhD,mBAAgD;;IAAhD,sBAAgD;;IAAhD,eAAgD;;IAAhD,gBAAgD;;IAAhD;AAAgD;;AAIhD;;IAAA,gCAA2D;;IAA3D,sCAA2D;;IAA3D;AAA2D;;AAA3D;;IAAA;AAA2D;;AAI3D;;IAAA,gCAA6D;;IAA7D,wCAA6D;;IAA7D;AAA6D;;AAA7D;;IAAA;AAA6D;;AAI7D;;IAAA,8BAAuD;;IAAvD,oCAAuD;;IAAvD;AAAuD;;AAAvD;;IAAA;AAAuD;;AAIvD;;IAAA,gCAAyD;;IAAzD,oCAAyD;;IAAzD;AAAyD;;AAAzD;;IAAA;AAAyD","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex flex-col;\n}\n\n.errorText {\n    @apply text-red text-sm;\n}\n\n.required {\n    @apply text-red;\n}\n\n.inputClassList {\n    @apply border px-2 py-3 rounded-md text-sm font-light;\n}\n\n.bold {\n    @apply font-bold;\n}\n\n.labelClassList {\n    @apply w-auto py-2 text-sm font-regular text-ink;\n}\n\n.primary {\n    @apply placeholder-white bg-primary text-white border-white;\n}\n\n.secondary {\n    @apply placeholder-white bg-secondary text-white border-white;\n}\n\n.white {\n    @apply placeholder-black bg-white text-black border-ink;\n}\n\n.black {\n    @apply placeholder-white bg-black text-white border-white;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,WAAiC;;IAAjC,sBAAiC;;IAAjC,oCAAiC;;IACjC,0EAAyB;;IAAzB,8FAAyB;;IAAzB,uGAAyB;;IAAzB,kGAAyB;;IAAzB,iLAAyB;;IACzB;AAFiC;;AAKrC;;;;;;IAMI;;AAGA;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,kBAAoD;;IAApD,iBAAoD;;IAApD,kBAAoD;;IAApD,oCAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,WAAoE;;IAApE,sBAAoE;;IAApE,8BAAoE;;IAApE,oCAAoE;;IAApE,mBAAoE;;IAApE,uBAAoE;;IAApE,kBAAoE;;IAApE,uBAAoE;;IACpE;AADoE;;AAIxE;;;;;;GAMG","file":"style.module.css","sourcesContent":[".classList {\n    @apply w-full bg-white rounded-xl;\n    @apply drop-shadow shadow;\n    @apply cursor-pointer;\n}\n\n/* .classList:active p {\n    @apply hidden;\n} \n\n.classList:active .value {\n    @apply pt-3 pb-4;\n}  */\n\n.fullWidth {\n    @apply w-full;\n}\n\n.notFullWidth {\n    @apply sm:w-72;\n}\n\n.label {\n    @apply ml-4 absolute mt-2 bg-white text-xs font-thin;\n}\n\n.value {\n    @apply pt-6 pb-1 pl-4 border-ink rounded-xl text-ink bg-white w-full;\n    @apply cursor-pointer;\n}\n\n/* .value:focus {\n    @apply pt-3 pb-4;\n}\n\n.value:focus ~ label {\n    @apply text-xl;\n} */"]}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ThemeTypes } from '../../utils/controls';
+interface Props {
+    id?: string;
+    className?: string;
+    options: string[];
+    label: string;
+    onClick?: any;
+    fullWidth?: boolean;
+    theme?: ThemeTypes;
+}
+declare const Select: React.FC<Props>;
+export default Select;

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

@@ -0,0 +1,30 @@
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import style from './style.module.css';
+import Icon from '../Icon/Icon';
+const Select = ({ id, className, options, label, onClick, fullWidth = false, theme = 'theme-letsgocamping' }) => {
+    const [showDropDown, setShowDropDown] = useState(false);
+    const [value, setValue] = useState(options === null || options === void 0 ? void 0 : options[0]);
+    const handleOptionClick = (e) => {
+        onClick(e.target.textContent);
+        setValue(e.target.textContent);
+        setShowDropDown(false);
+    };
+    const fullWidthClasses = classNames({
+        [style.fullWidth]: fullWidth,
+        [style.notFullWidth]: !fullWidth
+    });
+    const headerClassList = classNames(fullWidthClasses, style.classList, className, theme);
+    const dropdownClassList = classNames(fullWidthClasses, style.optionList, theme);
+    const dropdownItemClassList = classNames(style.option, theme);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { id: id, className: headerClassList, onClick: () => setShowDropDown(!showDropDown) },
+            React.createElement("div", { className: style.labelWrapper },
+                React.createElement("p", { className: style.label }, label),
+                React.createElement("p", { className: style.value }, value)),
+            React.createElement(Icon, { className: style.icon, bgColour: 'white', colour: 'ink', hoverBgColour: 'white', hoverColour: 'ink', type: 'chevron-down' })),
+        showDropDown &&
+            React.createElement("ul", { className: dropdownClassList }, options === null || options === void 0 ? void 0 : options.map((option, i) => React.createElement("li", { key: `key_${i}`, className: dropdownItemClassList, value: option, onClick: (e) => handleOptionClick(e) }, option)))));
+};
+export default Select;
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/lib/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAaxC,MAAM,MAAM,GAAoB,CAAC,EAC/B,EAAE,EACF,SAAS,EACT,OAAO,EACP,KAAK,EACL,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,qBAAqB,EAC9B,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC,CAAA;IAEhD,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAQ,EAAE;QACzC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAC7B,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAC9B,eAAe,CAAC,KAAK,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS;QAC5B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS;KACjC,CAAC,CAAA;IAEF,MAAM,eAAe,GACnB,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEjE,MAAM,iBAAiB,GAAG,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IAC/E,MAAM,qBAAqB,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAE7D,OAAO,CACL;QACE,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC;YAE7C,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;gBAChC,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;gBACtC,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK,CAClC;YACN,oBAAC,IAAI,IACH,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAC,KAAK,EACZ,aAAa,EAAC,OAAO,EACrB,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,cAAc,GACnB,CACE;QACL,YAAY;YACX,4BAAI,SAAS,EAAE,iBAAiB,IAC7B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAc,EAAE,CAAC,EAAE,EAAE,CAClC,4BACE,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,SAAS,EAAE,qBAAqB,EAChC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAEnC,MAAM,CACJ,CACN,CACE,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -0,0 +1,137 @@
+.classList {
+
+    width: 100%;
+
+    border-radius: 0.75rem;
+
+    background-color: var(--color-white);
+
+    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+
+    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+
+    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
+
+    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+
+    display: flex;
+
+    cursor: pointer;
+
+    flex-direction: row;
+
+    justify-content: space-between;
+
+    padding-left: 1rem;
+
+    padding-right: 1rem
+}
+
+.fullWidth {
+
+    width: 100%
+}
+
+@media (min-width: 640px) {
+
+    .notFullWidth {
+
+        width: 18rem
+    }
+}
+
+.labelWrapper {
+
+    display: flex;
+
+    flex-direction: column
+}
+
+.label {
+
+    position: absolute;
+
+    margin-top: 0.5rem;
+
+    background-color: var(--color-white);
+
+    font-size: 12px;
+
+    font-weight: 100
+}
+
+.value {
+
+    border-radius: 0.75rem;
+
+    border-color: var(--color-ink);
+
+    background-color: var(--color-white);
+
+    padding-top: 1.5rem;
+
+    padding-bottom: 0.25rem;
+
+    color: var(--color-ink);
+
+    display: flex;
+
+    justify-content: space-between
+}
+
+.icon {
+
+    margin-top: auto;
+
+    margin-bottom: auto
+}
+
+.optionList {
+
+    margin-top: 0.5rem;
+
+    border-radius: 1rem;
+
+    padding-top: 1rem;
+
+    padding-bottom: 1rem;
+
+    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+
+    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+
+    border-width: 1px;
+
+    border-color: var(--color-lightest-grey)
+}
+
+.option {
+
+    background-color: var(--color-white);
+
+    color: var(--color-ink)
+}
+
+.option:hover {
+
+    background-color: var(--color-lightest-grey);
+
+    cursor: pointer
+}
+
+.option {
+
+    padding-left: 1rem;
+
+    padding-right: 1rem;
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem
+}
+
+/*# sourceMappingURL=style.module.css.map */

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

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

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

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

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

@@ -6,7 +6,7 @@ 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, variant = 'light', theme = 'theme-rupertbennett' }) => {
+const SocialBlock = ({ id, className, title, description, bgColour, withLiveUpdates, onSave, editTitleClasses, editTextClasses, buttonWrapperClasses, socialButtons, variant = 'light', theme = 'theme-rupertbennett' }) => {
     const colours = variant === 'dark' ? style.dark : style.light;
     const defaultComponentData = {
         title: {
@@ -42,8 +42,8 @@ const SocialBlock = ({ id, className, title, description, bgColour, withLiveUpda
     };
     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(Input, { className: editTitleClasses, value: componentData.title.text, onChange: (e) => handleChange(e), type: 'text', theme: theme }),
+            React.createElement(Input, { className: editTextClasses, 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: false },

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/TextAndTitle/TextAndTitle.js

@@ -79,18 +79,12 @@ const TextAndTitle = ({ id, className, title, description, bgColour, titleClasse
         ? (React.createElement(Container, null,
             React.createElement("div", { className: wrapperClassList },
                 React.createElement("div", { className: titleWrapperClassList }, (componentData === null || componentData === void 0 ? void 0 : componentData.title) !== undefined
-                    ? (React.createElement(Input, { className: editTitleClasses, inputClasses: inputClassList, autoFocus: true, value: componentData === null || componentData === void 0 ? void 0 : componentData.title, onChange: (e) => handleChange(e), type: 'text', bgColour: bgColour }))
+                    ? (React.createElement(Input, { className: editTitleClasses, value: componentData === null || componentData === void 0 ? void 0 : componentData.title, onChange: (e) => handleChange(e), type: 'text', bgColour: bgColour }))
                     : (React.createElement("div", null, children))),
                 React.createElement("div", { className: textWrapperClassList },
-                    React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
-                            [style.textCenter]: isHorizontal
-                        }, editInputClasses), rows: getLineHeight('textLineOne') + 1, onChange: (e) => handleChange(e), bgColour: bgColour }, node === null || node === void 0 ? void 0 : node.innerHTML),
-                    React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
-                            [style.textCenter]: isHorizontal
-                        }, editInputClasses), rows: getLineHeight('textLineTwo'), onChange: (e) => handleChange(e), bgColour: bgColour }, componentData.textLineTwo),
-                    React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
-                            [style.textCenter]: isHorizontal
-                        }, editInputClasses), rows: getLineHeight('textLineThree'), onChange: (e) => handleChange(e), bgColour: bgColour }, componentData.textLineThree))),
+                    React.createElement(TextArea, { className: editTextClasses, rows: getLineHeight('textLineOne') + 1, onChange: (e) => handleChange(e) }, node === null || node === void 0 ? void 0 : node.innerHTML),
+                    React.createElement(TextArea, { className: editTextClasses, rows: getLineHeight('textLineTwo'), onChange: (e) => handleChange(e) }, componentData.textLineTwo),
+                    React.createElement(TextArea, { className: editTextClasses, rows: getLineHeight('textLineThree'), onChange: (e) => handleChange(e) }, componentData.textLineThree))),
             React.createElement("div", { className: style.buttonWrapper },
                 React.createElement(Button, { className: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.className, onClick: handleButtonSave }, saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.children),
                 React.createElement(Button, { className: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, onClick: handleButtonCancel }, cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.children))))

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

@@ -1 +1 @@
-{"version":3,"file":"TextAndTitle.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/TextAndTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAC3C,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,QAAQ,MAAM,+BAA+B,CAAA;AACpD,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AA4B5E,MAAM,YAAY,GAAoB,CAAC,EACrC,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACb,SAAS,EACT,UAAU,EACV,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,MAAM,EACN,eAAe,EACf,iBAAiB,EACjB,YAAY,GAAG,IAAI,EACnB,QAAQ,EACR,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,aAAa,GAAG,CAAC,EAAU,EAAU,EAAE;QAC3C,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAA;QAC3C,MAAM,SAAS,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,MAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAChF,MAAM,UAAU,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACzF,MAAM,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACnF,MAAM,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACtF,MAAM,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAClF,MAAM,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACrF,MAAM,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACpF,MAAM,MAAM,GAAG,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAA;QAEvD,IAAI,YAAY,EAAE;YAChB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,CAAA;SAC3C;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG;QAC3B,KAAK;QACL,WAAW;QACX,WAAW;QACX,aAAa;KACd,CAAA;IACD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAA;IAExE,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAA;IACpC,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,SAAS;QAC3B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,WAAW;QAC/B,CAAC,aAAa,CAAC,EAAE,eAAe,IAAI,CAAC,eAAe,IAAI,YAAY;KACrE,EAAE,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEtC,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,UAAU;QAC9B,CAAC,aAAa,CAAC,EAAE,eAAe,IAAI,CAAC,eAAe,IAAI,YAAY;KACrE,EAAE,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAEpC,MAAM,eAAe,GAAG,GAAS,EAAE;QACjC,eAAe;YACP,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAA;IAC9C,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAS,EAAE;QAClC,MAAM,GAAG,GAAG,EAAE,CAAA;QACd,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,CAAA;QACtD,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,CAAC,WAAW,EAAE,CAAC,CAAA;QAClE,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,CAAC,WAAW,EAAE,CAAC,CAAA;QAClE,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,KAAK,EAAE,aAAa,CAAC,aAAa,EAAE,CAAC,CAAA;QACtE,eAAe,EAAE,CAAA;QACjB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,GAAG,EAAE,EAAE,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAS,EAAE;QACpC,OAAO,eAAe,EAAE,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,CAAM,EAAQ,EAAE;QACpC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAA;QACpB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAE5C,gBAAgB,iCACX,aAAa,KAChB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IACpB,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,0BAA0B,CAAC,EAAE,YAAY;QAChD,CAAC,KAAK,CAAC,2BAA2B,CAAC,EAAE,eAAe,IAAI,CAAC,eAAe;QACxE,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,YAAY;KACvC,CAAC,CAAA;IAEF,MAAM,qBAAqB,GAAG,UAAU,CAAC;QACvC,CAAC,KAAK,CAAC,+BAA+B,CAAC,EAAE,YAAY;KACtD,CAAC,CAAA;IAEF,MAAM,oBAAoB,GAAG,UAAU,CAAC;QACtC,CAAC,KAAK,CAAC,8BAA8B,CAAC,EAAE,YAAY;KACrD,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,UAAU,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAA;IAElE,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAA;IAEnD,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IAEX,eAAe,IAAI,eAAe;QACjC,CAAC,CAAC,CACA,oBAAC,SAAS;YACR,6BAAK,SAAS,EAAE,gBAAgB;gBAC9B,6BAAK,SAAS,EAAE,qBAAqB,IAClC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,MAAK,SAAS;oBACjC,CAAC,CAAC,CACA,oBAAC,KAAK,IACJ,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EAAE,cAAc,EAC5B,SAAS,QACT,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,EAC3B,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,GAClB,CACD;oBACH,CAAC,CAAC,CACA,iCACG,QAAQ,CACL,CACL,CACD;gBACN,6BAAK,SAAS,EAAE,oBAAoB;oBAClC,oBAAC,QAAQ,IACP,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,UAAU,CAAC;4BAC1B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,YAAY;yBACjC,EAAE,gBAAgB,CAAC,EACpB,IAAI,EAAE,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,EACtC,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,QAAQ,EAAE,QAAQ,IAEjB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,CACP;oBACX,oBAAC,QAAQ,IACP,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,UAAU,CAAC;4BAC1B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,YAAY;yBACjC,EAAE,gBAAgB,CAAC,EACpB,IAAI,EAAE,aAAa,CAAC,aAAa,CAAC,EAClC,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,QAAQ,EAAE,QAAQ,IAEjB,aAAa,CAAC,WAAW,CACjB;oBACX,oBAAC,QAAQ,IACP,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,UAAU,CAAC;4BAC1B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,YAAY;yBACjC,EAAE,gBAAgB,CAAC,EACpB,IAAI,EAAE,aAAa,CAAC,eAAe,CAAC,EACpC,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,QAAQ,EAAE,QAAQ,IAEjB,aAAa,CAAC,aAAa,CACnB,CACP,CACF;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBACjC,oBAAC,MAAM,IACL,SAAS,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS,EACrC,OAAO,EAAE,gBAAgB,IAExB,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,CACnB;gBACT,oBAAC,MAAM,IACL,SAAS,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,SAAS,EACvC,OAAO,EAAE,kBAAkB,IAE1B,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,CACrB,CACL,CACI,CACX;QACH,CAAC,CAAC,CACA,oBAAC,SAAS;YACR,6BACE,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,eAAe;gBAExB,6BAAK,SAAS,EAAE,qBAAqB,IAClC,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI;oBAC1C,CAAC,CAAC,CACE,QAAQ,CACT;oBACH,CAAC,CAAC,CACA,4BAAI,SAAS,EAAE,cAAc,IAC1B,aAAa,CAAC,KAAK,CACjB,CACJ,CACD;gBACN,6BAAK,SAAS,EAAE,oBAAoB;oBAClC,6BAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAE,aAAa,IAC3C,aAAa,CAAC,WAAW,CACtB;oBACN,6BAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAE,aAAa,IAC3C,aAAa,CAAC,WAAW,CACtB;oBACN,6BAAK,EAAE,EAAC,eAAe,EAAC,SAAS,EAAE,aAAa,IAC7C,aAAa,CAAC,aAAa,CACxB,CACF,CACF,CACI,CACX,CACY,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"TextAndTitle.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/TextAndTitle.tsx"],"names":[],"mappings":"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"}

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

@@ -1,13 +1,10 @@
 /// <reference types="react" />
-import { Colours, ThemeTypes } from '../../utils/controls';
+import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
     className?: string;
-    labelClasses?: string;
-    textAreaClasses?: string;
     label?: string;
     placeholder?: string;
-    bold?: boolean;
     name?: string;
     disabled?: boolean;
     rows?: number;
@@ -20,10 +17,9 @@ export interface Props {
     onBlur?: () => void;
     onFocus?: () => void;
     onChange?: (e: any) => void;
-    withPadding?: boolean;
     children?: any;
-    bgColour?: Colours;
+    fullWidth?: boolean;
     theme?: ThemeTypes;
 }
-declare const TextArea: ({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, bgColour, theme }: Props) => JSX.Element;
+declare const TextArea: ({ id, className, label, placeholder, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, children, fullWidth, theme }: Props) => JSX.Element;
 export default TextArea;

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

@@ -1,19 +1,22 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import classNames from 'classnames';
 import style from './style.module.css';
-const TextArea = ({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, bgColour = 'primary', theme = 'theme-rupertbennett' }) => {
-    const classList = classNames(className, style[bgColour], style.classList, theme);
-    const newId = id !== undefined ? `-${id}` : '-';
-    const labelClassList = classNames({
-        [style.bold]: bold
-    }, labelClasses, style.labelClassList);
-    const textAreaClassList = classNames({
-        [style.padding]: withPadding
-    }, textAreaClasses, style[bgColour], style.textAreaClassList);
-    return (React.createElement("div", { id: id, className: classList },
-        label !== undefined &&
-            React.createElement("label", { className: labelClassList, htmlFor: `text-area${newId}` }, label),
-        React.createElement("textarea", { className: textAreaClassList, autoFocus: autoFocus, form: formId, maxLength: maxLength, readOnly: readOnly, required: required, disabled: disabled, rows: rows, cols: cols, name: name, placeholder: placeholder, onChange: onChange, onFocus: onFocus, onBlur: onBlur, defaultValue: children })));
+const TextArea = ({ id, className, label, placeholder, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, children, fullWidth = false, theme = 'theme-rupertbennett' }) => {
+    const fullWidthClasses = classNames({
+        [style.fullWidth]: fullWidth,
+        [style.notFullWidth]: !fullWidth
+    });
+    const headerClassList = classNames(fullWidthClasses, style.classList, className, theme);
+    const btnRef = useRef(null);
+    const handleClick = () => {
+        var _a;
+        (_a = btnRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    return (React.createElement("div", { id: id, className: headerClassList, onClick: handleClick },
+        React.createElement("p", { className: style.label }, label),
+        React.createElement("textarea", { ref: btnRef, className: style.value, 
+            // autoFocus={autoFocus}
+            form: formId, maxLength: maxLength, readOnly: readOnly, required: required, disabled: disabled, rows: rows, cols: cols, name: name, placeholder: placeholder, onChange: onChange, onFocus: onFocus, onBlur: onBlur, defaultValue: children })));
 };
 export default TextArea;
 //# sourceMappingURL=TextArea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AA6BtC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,YAAY,EACZ,eAAe,EACf,KAAK,EACL,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,SAAS,EACpB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAChF,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;IAE/C,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI;KACnB,EAAE,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEtC,MAAM,iBAAiB,GAAG,UAAU,CAAC;QACnC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,WAAW;KAC7B,EAAE,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAA;IAE7D,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,KAAK,KAAK,SAAS;YAClB,+BACE,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,YAAY,KAAK,EAAE,IAE3B,KAAK,CACA;QACV,kCACE,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,QAAQ,GACtB,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAyBtC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS;QAC5B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS;KACjC,CAAC,CAAA;IAEF,MAAM,eAAe,GACnB,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEjE,MAAM,MAAM,GAAG,MAAM,CAAM,IAAI,CAAC,CAAA;IAEhC,MAAM,WAAW,GAAG,GAAS,EAAE;;QAC7B,MAAA,MAAM,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,WAAW;QAEpB,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;QACtC,kCACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,KAAK,CAAC,KAAK;YACtB,wBAAwB;YACxB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,QAAQ,GACtB,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -1,89 +1,47 @@
 .classList {
-
-    display: flex;
-
-    flex-direction: column
-}
-
-.bold {
-
-    font-weight: 700
-}
-
-.primary {
-
-    border-color: var(--color-white);
-
-    background-color: var(--color-primary);
-
-    color: var(--color-white)
-}
-
-.primary::placeholder {
-
-    color: var(--color-white)
-}
-
-.secondary {
-
-    border-color: var(--color-white);
-
-    background-color: var(--color-secondary);
-
-    color: var(--color-white)
-}
-
-.secondary::placeholder {
-
-    color: var(--color-white)
-}
-
-.white {
-
-    border-color: var(--color-primary);
-
+    width: 100%;
+    border-radius: 0.75rem;
     background-color: var(--color-white);
-
-    color: var(--color-black)
+    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
+    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+    cursor: pointer
 }
 
-.white::placeholder {
-
-    color: var(--color-black)
-}
-
-.black {
-
-    border-color: var(--color-white);
-
-    background-color: var(--color-black);
-
-    color: var(--color-white)
+.fullWidth {
+    width: 100%
 }
 
-.black::placeholder {
+@media (min-width: 640px) {
 
-    color: var(--color-white)
+    .notFullWidth {
+        width: 18rem
+    }
 }
 
-.labelClassList {
-
-    width: auto;
-
-    padding-bottom: 0.5rem
-}
-
-.textAreaClassList {
-
-    margin-bottom: 0.5rem;
-
-    border-radius: 0.375rem;
-
-    border-width: 1px
+.label {
+    position: absolute;
+    margin-left: 1rem;
+    margin-top: 0.5rem;
+    background-color: var(--color-white);
+    font-size: 12px;
+    font-weight: 100
 }
 
-.padding {
-
-    padding: 0.5rem
+.value {
+    margin-bottom: 0px;
+    width: 100%;
+    border-radius: 0.75rem;
+    border-color: var(--color-ink);
+    background-color: var(--color-white);
+    padding-top: 1.5rem;
+    padding-bottom: 0.25rem;
+    padding-left: 1rem;
+    padding-bottom: 0px;
+    color: var(--color-ink);
+    cursor: pointer;
+    resize: none
 }
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/TextArea/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA;AAAgB;;AAIhB;;IAAA,gCAA2D;;IAA3D,sCAA2D;;IAA3D;AAA2D;;AAA3D;;IAAA;AAA2D;;AAI3D;;IAAA,gCAA6D;;IAA7D,wCAA6D;;IAA7D;AAA6D;;AAA7D;;IAAA;AAA6D;;AAI7D;;IAAA,kCAA2D;;IAA3D,oCAA2D;;IAA3D;AAA2D;;AAA3D;;IAAA;AAA2D;;AAI3D;;IAAA,gCAAyD;;IAAzD,oCAAyD;;IAAzD;AAAyD;;AAAzD;;IAAA;AAAyD;;AAIzD;;IAAA,WAAkB;;IAAlB;AAAkB;;AAIlB;;IAAA,qBAA6B;;IAA7B,uBAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA;AAAU","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex flex-col;\n}\n\n.bold {\n    @apply font-bold;\n}\n\n.primary {\n    @apply placeholder-white bg-primary text-white border-white;\n}\n\n.secondary {\n    @apply placeholder-white bg-secondary text-white border-white;\n}\n\n.white {\n    @apply placeholder-black bg-white text-black border-primary;\n}\n\n.black {\n    @apply placeholder-white bg-black text-white border-white;\n}\n\n.labelClassList {\n    @apply w-auto pb-2;\n}\n\n.textAreaClassList {\n    @apply border rounded-md mb-2;\n}\n\n.padding {\n    @apply p-2;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/TextArea/style.module.css"],"names":[],"mappings":"AACI;IAAA,WAAiC;IAAjC,sBAAiC;IAAjC,oCAAiC;IACjC,0EAAyB;IAAzB,8FAAyB;IAAzB,uGAAyB;IAAzB,kGAAyB;IAAzB,iLAAyB;IACzB;AAFiC;;AAMjC;IAAA;AAAa;;AAIb;;IAAA;QAAA;IAAc;AAAA;;AAId;IAAA,kBAAoD;IAApD,iBAAoD;IAApD,kBAAoD;IAApD,oCAAoD;IAApD,eAAoD;IAApD;AAAoD;;AAIpD;IAAA,kBAA8E;IAA9E,WAA8E;IAA9E,sBAA8E;IAA9E,8BAA8E;IAA9E,oCAA8E;IAA9E,mBAA8E;IAA9E,uBAA8E;IAA9E,kBAA8E;IAA9E,mBAA8E;IAA9E,uBAA8E;IAC9E,eAAqB;IACrB;AAF8E","file":"style.module.css","sourcesContent":[".classList {\n    @apply w-full bg-white rounded-xl;\n    @apply drop-shadow shadow;\n    @apply cursor-pointer;\n}\n\n.fullWidth {\n    @apply w-full;\n}\n\n.notFullWidth {\n    @apply sm:w-72;\n}\n\n.label {\n    @apply ml-4 absolute mt-2 bg-white text-xs font-thin;\n}\n\n.value {\n    @apply pt-6 pb-1 pl-4 pb-0 mb-0 border-ink rounded-xl text-ink bg-white w-full;\n    @apply cursor-pointer;\n    resize: none;\n}"]}

package/dist/src/lib/utils/controls.d.ts

@@ -1,4 +1,4 @@
-export declare type Colours = 'primary' | 'secondary' | 'white' | 'black' | 'grey' | 'gold' | 'facebook' | 'linkedin' | 'email' | 'instagram' | 'github' | 'interactive-facebook' | 'interactive-email' | 'interactive-linkedin' | 'interactive-instagram' | 'interactive-github' | 'success' | 'error';
+export declare type Colours = 'primary' | 'secondary' | 'white' | 'black' | 'grey' | 'gold' | 'facebook' | 'linkedin' | 'email' | 'instagram' | 'github' | 'interactive-facebook' | 'interactive-email' | 'interactive-linkedin' | 'interactive-instagram' | 'interactive-github' | 'success' | 'error' | 'ink';
 export declare type ThemeTypes = 'theme-rupertbennett' | 'theme-backpacker' | 'theme-octopus' | 'theme-letsgocamping';
 export declare type SocialTypes = 'facebook' | 'instagram' | 'github' | 'linkedin';
 export declare const idAndClassName: {
@@ -35,3 +35,18 @@ export declare const idAndClassName: {
         };
     };
 };
+export declare const theme: {
+    theme: {
+        description: string;
+        control: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        defaultValue: string;
+    };
+};

package/dist/src/lib/utils/controls.js

@@ -18,4 +18,15 @@ export const idAndClassName = {
         }
     }
 };
+export const theme = {
+    theme: {
+        description: 'The theme for the component, this will enable the correct colours',
+        control: 'radio',
+        table: {
+            type: { summary: 'radio' },
+            defaultValue: { summary: 'theme-rupertbennett' }
+        },
+        defaultValue: 'theme-rupertbennett'
+    }
+};
 //# sourceMappingURL=controls.js.map

package/dist/src/lib/utils/controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"controls.js","sourceRoot":"","sources":["../../../../src/lib/utils/controls.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,EAAE,EAAE;QACF,WAAW,EAAE,iCAAiC;QAC9C,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;QACzC,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACvC;KACF;IACD,SAAS,EAAE;QACT,WAAW,EAAE,kDAAkD;QAC/D,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;QACzC,KAAK,EAAE;YACL,QAAQ,EAAE,WAAW;YACrB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACvC;KACF;CACF,CAAA"}
+{"version":3,"file":"controls.js","sourceRoot":"","sources":["../../../../src/lib/utils/controls.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,EAAE,EAAE;QACF,WAAW,EAAE,iCAAiC;QAC9C,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;QACzC,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACvC;KACF;IACD,SAAS,EAAE;QACT,WAAW,EAAE,kDAAkD;QAC/D,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;QACzC,KAAK,EAAE;YACL,QAAQ,EAAE,WAAW;YACrB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACvC;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,KAAK,EAAE;QACL,WAAW,EAAE,mEAAmE;QAChF,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;YAC1B,YAAY,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE;SACjD;QACD,YAAY,EAAE,qBAAqB;KACpC;CACF,CAAA"}

package/package.json

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