trepur_components 1.0.5 → 1.0.7

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

@@ -0,0 +1,110 @@
+.classList {
+
+    object-fit: cover;
+
+    text-align: center
+}
+
+.floatRight {
+
+    float: right
+}
+
+.floatLeft {
+
+    float: left
+}
+
+.dropdownRight {
+
+    margin-top: 4rem;
+
+    margin-right: -4rem
+}
+
+.dropdownLeft {
+
+    margin-top: 4rem;
+
+    margin-left: -4rem
+}
+
+.center {
+
+    text-align: center
+}
+
+.rouned {
+
+    border-radius: 9999px
+}
+
+.bordered {
+
+    border-width: 1px
+}
+
+.buttonClassList {
+
+    display: flex;
+
+    border-radius: 9999px
+}
+
+.linksWrapper {
+
+    z-index: 10;
+
+    width: 12rem;
+
+    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+
+    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+@media (min-width: 640px) {
+
+    .linksWrapper {
+
+        display: inline-block
+    }
+}
+
+.linkClassList {
+
+    display: block;
+
+    border-bottom-width: 1px;
+
+    padding-left: 1rem;
+
+    padding-right: 1rem;
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem;
+
+    font-size: 24px;
+
+    font-weight: 700
+}
+
+.buttonWrapper {
+
+    top: 0px;
+
+    bottom: 0px;
+
+    display: none
+}
+
+@media (min-width: 640px) {
+
+    .buttonWrapper {
+
+        display: inline-flex
+    }
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Profile/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA;AAAkB;;AAIlB;;IAAA;AAAiB;;AAIjB;;IAAA,gBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,gBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA;AAAkB;;AAIlB;;IAAA;AAAmB;;AAInB;;IAAA;AAAa;;AAIb;;IAAA,aAAwB;;IAAxB;AAAwB;;AAIxB;;IAAA,WAA0C;;IAA1C,YAA0C;;IAA1C,+EAA0C;;IAA1C,mGAA0C;;IAA1C;AAA0C;;AAA1C;;IAAA;;QAAA;IAA0C;AAAA;;AAI1C;;IAAA,cAAiD;;IAAjD,wBAAiD;;IAAjD,kBAAiD;;IAAjD,mBAAiD;;IAAjD,mBAAiD;;IAAjD,sBAAiD;;IAAjD,eAAiD;;IAAjD;AAAiD;;AAIjD;;IAAA,QAAuC;;IAAvC,WAAuC;;IAAvC;AAAuC;;AAAvC;;IAAA;;QAAA;IAAuC;AAAA","file":"style.module.css","sourcesContent":[".classList {\n    @apply object-cover text-center;\n}\n\n.floatRight {\n    @apply float-right;\n}\n\n.floatLeft {\n    @apply float-left;\n}\n\n.dropdownRight {\n    @apply mt-16 -mr-16;\n}\n\n.dropdownLeft {\n    @apply mt-16 -ml-16;\n}\n\n.center {\n    @apply text-center;\n}\n\n.rouned {\n    @apply rounded-full;\n}\n\n.bordered {\n    @apply border;\n}\n\n.buttonClassList {\n    @apply flex rounded-full;\n}\n\n.linksWrapper {\n    @apply w-48 sm:inline-block shadow-lg z-10;\n}\n\n.linkClassList {\n    @apply border-b font-bold block px-4 py-2 text-sm;\n}\n\n.buttonWrapper {\n    @apply hidden sm:inline-flex  inset-y-0;\n}"]}

package/dist/src/lib/components/Row/{index.js → Row.js}

@@ -1,8 +1,9 @@
 import React from 'react';
 import classNames from 'classnames';
+import style from './style.module.css';
 const Row = ({ id, className, children }) => {
-    const classList = classNames(className, 'flex flex-wrap');
+    const classList = classNames(className, style.classList);
     return (React.createElement("div", { id: id, className: classList }, children));
 };
 export default Row;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,5 @@
+.classList {
+    display: flex;
+    flex-wrap: wrap
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Row/style.module.css"],"names":[],"mappings":"AACI;IAAA,aAAqB;IAArB;AAAqB","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex flex-wrap;\n}"]}

package/dist/src/lib/components/Search/{index.d.ts → Search.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Props as iconProps } from '../Icon';
+import { Props as iconProps } from '../Icon/Icon';
 export interface Props {
     id?: string;
     className?: string;

package/dist/src/lib/components/Search/{index.js → Search.js}

@@ -1,23 +1,24 @@
 import React from 'react';
-import Icon from '../Icon';
+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, 'flex');
+    const classList = classNames(className, style.classList);
     const inputClasses = classNames({
-        'pl-9': leftIconProps !== undefined,
-        'pl-2': leftIconProps === undefined
-    }, 'w-full border-2 rounded-md py-2 pr-9');
+        [style.leftIcon]: leftIconProps !== undefined,
+        [style.noLeftIcon]: leftIconProps === undefined
+    }, style.inputClassList);
     const onChangeFunc = (onChange != null) ? (e) => onChange(e.target.value) : undefined;
     return (React.createElement("div", { id: id, className: classList },
         React.createElement("div", null, text !== undefined &&
-            React.createElement("h2", { className: 'font-base-lg py-2 pr-4' }, text)),
+            React.createElement("h2", { className: classNames(style.text, 'font-base-lg') }, text)),
         React.createElement("div", null,
-            React.createElement("div", { className: 'relative w-full flex' },
-                (leftIconProps != null) &&
+            React.createElement("div", { className: style.inputWrapper },
+                (leftIconProps !== undefined) &&
                     React.createElement(Icon, Object.assign({}, leftIconProps)),
                 React.createElement("input", { className: inputClasses, onChange: onChangeFunc, placeholder: placeholder, type: 'text', name: 'search' }),
-                (rightIconProps != null) &&
+                (rightIconProps !== undefined) &&
                     React.createElement(Icon, Object.assign({}, rightIconProps))))));
 };
 export default Search;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=Search.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,48 @@
+.classList {
+
+    display: flex
+}
+
+.inputClassList {
+
+    width: 100%;
+
+    border-radius: 0.375rem;
+
+    border-width: 2px;
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem;
+
+    padding-right: 2.25rem
+}
+
+.leftIcon {
+
+    padding-left: 2.25rem
+}
+
+.noLeftIcon {
+
+    padding-left: 0.5rem
+}
+
+.text {
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem;
+
+    padding-right: 1rem
+}
+
+.inputWrapper {
+
+    position: relative;
+
+    display: flex;
+
+    width: 100%
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Search/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAW;;AAIX;;IAAA,WAA2C;;IAA3C,uBAA2C;;IAA3C,iBAA2C;;IAA3C,mBAA2C;;IAA3C,sBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,mBAAgB;;IAAhB,sBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,kBAA2B;;IAA3B,aAA2B;;IAA3B;AAA2B","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex;\n}\n\n.inputClassList {\n    @apply w-full border-2 rounded-md py-2 pr-9;\n}\n\n.leftIcon {\n    @apply pl-9;\n}\n\n.noLeftIcon {\n    @apply pl-2;\n}\n\n.text {\n    @apply py-2 pr-4;\n}\n\n.inputWrapper {\n    @apply relative w-full flex;\n}"]}

package/dist/src/lib/components/SocialBlock/{index.d.ts → SocialBlock.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Props as buttonProps } from '../Button';
+import { Props as buttonProps } from '../Button/Button';
 export interface Props {
     id?: string;
     className?: string;

package/dist/src/lib/components/SocialBlock/{index.js → SocialBlock.js}

@@ -1,9 +1,10 @@
 import React, { useState } from 'react';
-import Input from '../Input';
-import Button from '../Button';
+import Input from '../Input/Input';
+import Button from '../Button/Button';
 import classNames from 'classnames';
+import style from './style.module.css';
 const SocialBlock = ({ id, className, title, text, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, editTitleClasses, editTextClasses, editInputClasses, buttonWrapperClasses, textWrapperClasses, socialButtons, theme = 'light' }) => {
-    const colours = theme === 'dark' ? 'placeholder-white bg-primary text-white' : 'placeholder-primary bg-white text-primary';
+    const colours = theme === 'dark' ? style.dark : style.light;
     const defaultComponentData = {
         title: {
             text: title
@@ -15,11 +16,10 @@ const SocialBlock = ({ id, className, title, text, withLiveUpdates, onSave, save
     const [isInEditingMode, setIsInEditingMode] = useState(false);
     const [isHovering, setIsHovering] = useState(false);
     const [componentData, setComponentData] = useState(defaultComponentData);
-    const hoverClasses = 'border-dashed border';
     const classList = classNames(className, colours);
-    const buttnoWrapperClasslist = classNames(buttonWrapperClasses, 'py-4');
+    const buttonWrapperClasslist = classNames(buttonWrapperClasses, style.buttonWrapperClassList);
     const hoverClassList = classNames({
-        [hoverClasses]: withLiveUpdates !== undefined && !isInEditingMode && isHovering
+        [style.hoverClassList]: withLiveUpdates !== undefined && !isInEditingMode && isHovering
     }, textWrapperClasses);
     const toggleEditState = () => {
         withLiveUpdates === true && setIsInEditingMode(!isInEditingMode);
@@ -50,16 +50,15 @@ const SocialBlock = ({ id, className, title, text, withLiveUpdates, onSave, save
         ? (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: 'mt-4', onClick: handleButtonSave }, "Save"),
-            React.createElement(Button, { className: 'mt-4 ml-4', onClick: handleButtonCancel }, "Cancel")))
+            React.createElement(Button, { className: style.saveButton, onClick: handleButtonSave }, "Save"),
+            React.createElement(Button, { className: style.cancelButton, onClick: handleButtonCancel }, "Cancel")))
         : (React.createElement(React.Fragment, null,
             React.createElement("div", { onMouseOver: () => toggleHoverState(), onMouseOut: () => toggleHoverState(), onClick: toggleEditState, className: hoverClassList },
-                React.createElement("h2", { className: 'text-md sm:text-lg' }, componentData.title.text),
-                React.createElement("p", { className: 'pt-4' }, componentData.text.text)),
-            React.createElement("div", { className: buttnoWrapperClasslist },
-                React.createElement("div", { className: 'flex flex-wrap w-full justify-center' }, socialButtons === null || socialButtons === void 0 ? void 0 : socialButtons.map((button, i) => {
-                    return React.createElement("div", { key: `social_btn_${i + 1}` }, button);
-                })))))));
+                React.createElement("h2", { className: style.title }, componentData.title.text),
+                React.createElement("p", { className: style.text }, componentData.text.text)),
+            React.createElement("div", { className: buttonWrapperClasslist }, socialButtons === null || socialButtons === void 0 ? void 0 : socialButtons.map((button, i) => {
+                return React.createElement("div", { key: `social_btn_${i + 1}` }, button);
+            }))))));
 };
 export default SocialBlock;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=SocialBlock.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,88 @@
+.hoverClassList {
+
+    border-width: 1px;
+
+    border-style: dashed
+}
+
+.dark {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 54 160 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.dark::placeholder {
+
+    --tw-placeholder-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-placeholder-opacity))
+}
+
+.light {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-text-opacity))
+}
+
+.light::placeholder {
+
+    --tw-placeholder-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-placeholder-opacity))
+}
+
+.buttonWrapperClassList {
+
+    display: flex;
+
+    width: 100%;
+
+    flex-wrap: wrap;
+
+    justify-content: center;
+
+    padding-top: 1rem;
+
+    padding-bottom: 1rem
+}
+
+.title {
+
+    font-size: 32px
+}
+
+@media (min-width: 640px) {
+
+    .title {
+
+        font-size: 48px
+    }
+}
+
+.text {
+
+    padding-top: 1rem
+}
+
+.cancelButton {
+
+    margin-top: 1rem;
+
+    margin-left: 1rem
+}
+
+.saveButton {
+
+    margin-top: 1rem
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +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,kBAAgD;;IAAhD,yDAAgD;;IAAhD,oBAAgD;;IAAhD;AAAgD;;AAAhD;;IAAA,2BAAgD;;IAAhD;AAAgD;;AAIhD;;IAAA,aAAgD;;IAAhD,WAAgD;;IAAhD,eAAgD;;IAAhD,uBAAgD;;IAAhD,iBAAgD;;IAAhD;AAAgD;;AAIhD;;IAAA;AAAyB;;AAAzB;;IAAA;;QAAA;IAAyB;AAAA;;AAIzB;;IAAA;AAAW;;AAIX;;IAAA,gBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;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 text-primary;\n}\n\n.buttonWrapperClassList {\n    @apply py-4 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}"]}

package/dist/src/lib/components/StarRating/{index.js → StarRating.js}

@@ -1,19 +1,20 @@
 import React from 'react';
-import Icon from '../Icon';
+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} flex`);
+    const classList = classNames({}, className, style.classList);
     const getStars = () => {
         const starsArr = [];
         for (let i = 0; i < stars; i++) {
-            starsArr.push(React.createElement(Icon, { key: `checked_star_${i + 0}`, id: `checked-${i}`, className: 'checked', type: 'star', size: size, colour: 'gold', bgColour: 'white' }));
+            starsArr.push(React.createElement(Icon, { key: `checked_star_${i + 0}`, id: `checked-${i}`, className: classNames(style.checkedStar, 'checked'), type: 'star', size: size, colour: 'gold', bgColour: 'white', hoverColour: 'gold', hoverBgColour: 'white' }));
         }
         return starsArr;
     };
     const getStarsChecked = () => {
         const starsArr = [];
         for (let i = 0; i < 5 - stars; i++) {
-            starsArr.push(React.createElement(Icon, { key: `unchecked_star_${i + 0}`, id: `unchecked-${i}`, className: 'unchecked opacity-30 gold', type: 'star', size: size, colour: 'gold', bgColour: 'white' }));
+            starsArr.push(React.createElement(Icon, { key: `unchecked_star_${i + 0}`, id: `unchecked-${i}`, className: classNames(style.uncheckedStar, 'unchecked gold'), type: 'star', size: size, colour: 'gold', bgColour: 'white', hoverColour: 'gold', hoverBgColour: 'white' }));
         }
         return starsArr;
     };
@@ -24,4 +25,4 @@ const StarRating = ({ id, className, stars = 1, size = 1 }) => {
     return (React.createElement("div", { id: id, className: classList }, getAllStars()));
 };
 export default StarRating;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=StarRating.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,10 @@
+.classList {
+
+    display: flex
+}
+
+.uncheckedStar {
+
+    opacity: 0.3
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/StarRating/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAW;;AAIX;;IAAA;AAAiB","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex;\n}\n\n.uncheckedStar {\n    @apply opacity-30;\n}"]}

package/dist/src/lib/components/Testimonial/{index.d.ts → Testimonial.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Props as imageProps } from '../Image';
+import { Props as imageProps } from '../Image/Image';
 export interface Props {
     id?: string;
     className?: string;

package/dist/src/lib/components/Testimonial/{index.js → Testimonial.js}

@@ -1,16 +1,17 @@
 import React from 'react';
 import classNames from 'classnames';
-import Image from '../Image';
+import Image from '../Image/Image';
+import style from './style.module.css';
 const Testimonial = ({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition }) => {
-    const classList = classNames(className, 'text-center');
+    const classList = classNames(className, style.classList);
     return (React.createElement("div", { id: id, className: classList },
-        React.createElement("div", { className: 'mx-auto' },
+        React.createElement("div", { className: style.imageWrapper },
             React.createElement(Image, Object.assign({}, imageProps))),
         React.createElement("div", null,
-            React.createElement("h2", { className: 'text-md md:text-md' },
+            React.createElement("h2", { className: style.companyName },
                 companyName,
                 " "),
-            React.createElement("p", { className: 'text-md md:text-sm' }, position),
+            React.createElement("p", { className: style.position }, position),
             React.createElement("p", null,
                 positionStartDate,
                 " - ",
@@ -24,4 +25,4 @@ const Testimonial = ({ id, className, text, imageProps, companyName, position, d
                 date))));
 };
 export default Testimonial;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=Testimonial.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Testimonial.js","sourceRoot":"","sources":["../../../../../src/lib/components/Testimonial/Testimonial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAgBtC,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,UAAU,EACV,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,eAAe,EACT,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;QAC/B,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;YAChC,oBAAC,KAAK,oBAAK,UAAU,EAAI,CACrB;QACN;YACE,4BAAI,SAAS,EAAE,KAAK,CAAC,WAAW;gBAAG,WAAW;oBAAO;YACrD,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,QAAQ,CAAK;YAC5C;gBAAI,iBAAiB;;gBAAK,eAAe,CAAK;YAC9C,+BAAI,IAAI,CAAK;YACb;gBAAI,WAAW;;gBAAK,eAAe;;gBAAI,IAAI,CAAK,CAC5C,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,38 @@
+.classList {
+
+    text-align: center
+}
+
+.imageWrapper {
+
+    margin-left: auto;
+
+    margin-right: auto
+}
+
+.companyName {
+
+    font-size: 32px
+}
+
+@media (min-width: 768px) {
+
+    .companyName {
+
+        font-size: 32px
+    }
+}
+
+.position {
+
+    font-size: 32px
+}
+
+@media (min-width: 768px) {
+
+    .position {
+
+        font-size: 24px
+    }
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Testimonial/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAkB;;AAIlB;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAyB;;AAAzB;;IAAA;;QAAA;IAAyB;AAAA;;AAIzB;;IAAA;AAAyB;;AAAzB;;IAAA;;QAAA;IAAyB;AAAA","file":"style.module.css","sourcesContent":[".classList {\n    @apply text-center;\n}\n\n.imageWrapper {\n    @apply mx-auto;\n}\n\n.companyName {\n    @apply text-md md:text-md;\n}\n\n.position {\n    @apply text-md md:text-sm;\n}"]}

package/dist/src/lib/components/TextAndTitle/{index.d.ts → TextAndTitle.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Props as buttonProps } from '../Button';
+import { Props as buttonProps } from '../Button/Button';
 export interface Props {
     id: string;
     className?: string;

package/dist/src/lib/components/TextAndTitle/{index.js → TextAndTitle.js}

@@ -1,8 +1,9 @@
 import React, { useState } from 'react';
-import Input from '../Input';
-import Button from '../Button';
+import Input from '../Input/Input';
+import Button from '../Button/Button';
 import classNames from 'classnames';
-import TextArea from '../TextArea';
+import TextArea from '../TextArea/TextArea';
+import style from './style.module.css';
 const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextClasses, editInputClasses, textClasses, textLineOne, textLineTwo, textLineThree, title, titleBold, textCenter, titleCenter, withLiveUpdates = false, onSave, saveButtonProps, cancelButtonProps, isHorizontal = true, children }) => {
     const getLineHeight = (id) => {
         const element = document.getElementById(id);
@@ -27,17 +28,17 @@ const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextC
     };
     const [isInEditingMode, setIsInEditingMode] = useState(false);
     const [componentData, setComponentData] = useState(defaultComponentData);
-    const borderClasses = 'border border-transparent';
-    const classList = classNames(className, 'bg-primary text-white');
+    const borderClasses = style.bordered;
+    const classList = classNames(className, style.classList);
     const titleClassList = classNames({
-        'font-bold': titleBold,
-        'text-center': titleCenter,
+        [style.fontBold]: titleBold,
+        [style.textCenter]: titleCenter,
         [borderClasses]: withLiveUpdates && !isInEditingMode
-    }, titleClasses, 'text-md break-words');
+    }, titleClasses, style.titleClassList);
     const textClassList = classNames({
-        'text-center': textCenter,
+        [style.textCenter]: textCenter,
         [borderClasses]: withLiveUpdates && !isInEditingMode
-    }, textClasses, 'pt-2 mt-2');
+    }, textClasses, style.textClassList);
     const toggleEditState = () => {
         withLiveUpdates &&
             setIsInEditingMode(!isInEditingMode);
@@ -60,14 +61,14 @@ const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextC
         setComponentData(Object.assign(Object.assign({}, componentData), { [id]: e.target.value }));
     };
     const wrapperClassList = classNames({
-        'flex flex-wrap justify-center md:items-center': isHorizontal,
-        'hover:border-black hover:border-dashed': withLiveUpdates && !isInEditingMode
-    }, 'border-2 border-transparent');
+        [style.horizontalWrapperClassList]: isHorizontal,
+        [style.liveUpdatesWrapperClassList]: withLiveUpdates && !isInEditingMode
+    }, style.wrapperClassList);
     const titleWrapperClassList = classNames({
-        'md:w-1/2 md:text-center md:px-8': isHorizontal
+        [style.horizontalTitleWrapperClassList]: isHorizontal
     });
     const textWrapperClassList = classNames({
-        'md:w-1/2 md:text-center md:py-8 md:px-8': isHorizontal
+        [style.horizontalTextWrapperClassList]: isHorizontal
     });
     const inputClassList = classNames(editInputClasses, textClassList);
     const node = document.getElementById('textLineOne');
@@ -79,13 +80,13 @@ const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextC
                     : (React.createElement("div", null, children))),
                 React.createElement("div", { className: textWrapperClassList },
                     React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
-                            'text-center': isHorizontal
+                            [style.textCenter]: isHorizontal
                         }, editInputClasses), rows: getLineHeight('textLineOne') + 1, onChange: (e) => handleChange(e), theme: 'dark' }, node === null || node === void 0 ? void 0 : node.innerHTML),
                     React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
-                            'text-center': isHorizontal
+                            [style.textCenter]: isHorizontal
                         }, editInputClasses), rows: getLineHeight('textLineTwo'), onChange: (e) => handleChange(e), theme: 'dark' }, componentData.textLineTwo),
                     React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
-                            'text-center': isHorizontal
+                            [style.textCenter]: isHorizontal
                         }, editInputClasses), rows: getLineHeight('textLineThree'), onChange: (e) => handleChange(e), theme: 'dark' }, componentData.textLineThree))),
             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)))
@@ -101,4 +102,4 @@ const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextC
                 React.createElement("div", { id: 'textLineThree', className: textClassList }, componentData.textLineThree))))));
 };
 export default TextAndTitle;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=TextAndTitle.js.map