trepur_components 1.0.16 → 1.0.17

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

@@ -4,6 +4,8 @@
 
     border-width: 2px;
 
+    font-size: 20px;
+
     transition-duration: 500ms
 }
 
@@ -45,9 +47,9 @@
 
 .padding {
 
-    padding-top: 0.5rem;
+    padding-top: 0.75rem;
 
-    padding-bottom: 0.5rem
+    padding-bottom: 0.75rem
 }
 
 .primary {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Button/style.module.css"],"names":[],"mappings":"AACI;;IAAA,+LAAsC;;IAAtC,iBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,kBAAsC;;IAAtC,SAAsC;;IAAtC,QAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,qBAAgB;;IAAhB,sBAAgB;;IAAhB,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,qBAAW;;IAAX;AAAW;;AAIX;;IAAA,kBAAW;;IAAX;AAAW;;AAIX;;IAAA,mBAAW;;IAAX;AAAW;;AAIX;;IAAA,sBAAyC;;IAAzC,yDAAyC;;IAAzC,kBAAyC;;IAAzC,sDAAyC;;IAAzC,oBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,yDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,yDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,sDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA;AAAiB;;AAIjB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAmB","file":"style.module.css","sourcesContent":[".classList {\n    @apply border-2 duration-500 transform;\n}\n\n.loading {\n    @apply absolute left-2/4 top-1/4 -ml-2;\n}\n\n.social {\n    @apply px-1 py-1;\n}\n\n.icon {\n    @apply px-3;\n}\n\n.default {\n    @apply px-8;\n}\n\n.padding {\n    @apply py-2;\n}\n\n.primary {\n    @apply bg-primary text-white border-white;\n}\n\n.primaryNotDisabled:hover {\n    @apply bg-white text-primary border-primary;\n}\n\n.secondary {\n    @apply bg-white text-primary border-primary;\n}\n\n.secondaryNotDisabled:hover {\n    @apply bg-primary text-white border-primary;\n}\n\n.disabled {\n    @apply opacity-50;\n}\n\n.rounded {\n    @apply rounded-lg;\n}\n\n.notRounded {\n    @apply rounded-none;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/Button/style.module.css"],"names":[],"mappings":"AACI;;IAAA,+LAA8C;;IAA9C,iBAA8C;;IAA9C,eAA8C;;IAA9C;AAA8C;;AAI9C;;IAAA,kBAAsC;;IAAtC,SAAsC;;IAAtC,QAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,qBAAgB;;IAAhB,sBAAgB;;IAAhB,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,qBAAW;;IAAX;AAAW;;AAIX;;IAAA,kBAAW;;IAAX;AAAW;;AAIX;;IAAA,oBAAW;;IAAX;AAAW;;AAIX;;IAAA,sBAAyC;;IAAzC,yDAAyC;;IAAzC,kBAAyC;;IAAzC,sDAAyC;;IAAzC,oBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,yDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,yDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,sDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA;AAAiB;;AAIjB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAmB","file":"style.module.css","sourcesContent":[".classList {\n    @apply border-2 duration-500 transform text-sm;\n}\n\n.loading {\n    @apply absolute left-2/4 top-1/4 -ml-2;\n}\n\n.social {\n    @apply px-1 py-1;\n}\n\n.icon {\n    @apply px-3;\n}\n\n.default {\n    @apply px-8;\n}\n\n.padding {\n    @apply py-3;\n}\n\n.primary {\n    @apply bg-primary text-white border-white;\n}\n\n.primaryNotDisabled:hover {\n    @apply bg-white text-primary border-primary;\n}\n\n.secondary {\n    @apply bg-white text-primary border-primary;\n}\n\n.secondaryNotDisabled:hover {\n    @apply bg-primary text-white border-primary;\n}\n\n.disabled {\n    @apply opacity-50;\n}\n\n.rounded {\n    @apply rounded-lg;\n}\n\n.notRounded {\n    @apply rounded-none;\n}"]}

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

@@ -10,17 +10,11 @@ export interface Props {
     description?: string;
     extraText?: string;
     hasCta?: boolean;
-    imageBelowTitle?: boolean;
-    titleLeft?: boolean;
-    titleRight?: boolean;
-    titleBold?: boolean;
     imageClass?: string;
     subTitleClass?: string;
     extraTextClass?: string;
     descriptionClass?: string;
     altText?: string;
-    rounded?: boolean;
-    bordered?: boolean;
     videoProps?: videoProps;
     onHover?: boolean;
     iconButtonProps?: buttonProps;

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

@@ -1,66 +1,31 @@
-import React, { useState } from 'react';
+import React from 'react';
 import classNames from 'classnames';
 import Button from '../Button/Button';
 import Video from '../Video/Video';
 import style from './style.module.css';
-const Card = ({ id, className, title, image, subTitle, description, extraText, hasCta, imageBelowTitle = true, titleLeft = false, titleRight = false, titleBold = false, imageClass, subTitleClass, extraTextClass, descriptionClass, altText, rounded, bordered, videoProps, onHover = false, iconButtonProps, cardButtonProps, button2Props }) => {
-    const [showHoverButtons, setShowHoverButtons] = useState(false);
-    const orderClass = classNames({ [style.orderOne]: imageBelowTitle });
-    const border = classNames({ [style.bordered]: bordered });
-    const cardTitleFont = classNames({ [style.boldTitle]: titleBold });
-    const cardTitlePosition = classNames({
-        [style.textLeft]: titleLeft,
-        [style.textRight]: titleRight,
-        [style.textCenter]: !titleLeft && !titleRight
-    });
-    const roundedImage = classNames({ [style.imageRounded]: rounded });
-    const roundedCard = classNames({ [style.cardRounded]: rounded });
-    const contentWrapperClass = style.contentWrapper;
-    const titleWrapperClass = classNames(orderClass, style.titleWrapper);
-    const cardTitleClasses = classNames({
-        [cardTitlePosition]: true
-    }, cardTitleFont, style.title);
+const Card = ({ id, className, title, image, subTitle, description, imageClass, subTitleClass, descriptionClass, altText, videoProps, cardButtonProps, }) => {
+    const cardTitleClasses = classNames(style.title);
     const cardSubTitleClassList = classNames(subTitleClass, style.subtitle);
     const cardDescriptionClassList = classNames(descriptionClass, style.description);
-    const classList = classNames(className, border, roundedCard, style.classList);
+    const classList = classNames(className, style.classList);
     const imageClassList = classNames(imageClass, style.imageClassList);
-    const cardExtraTextClassList = classNames({
-        [style.noCta]: hasCta === false
-    }, extraTextClass, style.extraText);
-    const imageWrapperClassList = classNames({
-        [style.orderTwo]: imageBelowTitle,
-        [roundedImage]: !imageBelowTitle,
-        [style.orderOne]: !imageBelowTitle
-    }, style.imageWrapper);
-    const toggleHover = (isHovering) => {
-        onHover && setShowHoverButtons(!!isHovering);
-    };
-    return (React.createElement("div", { id: id, className: classList, onMouseEnter: () => toggleHover(true), onMouseLeave: () => toggleHover(false) },
-        React.createElement("div", { className: classNames(style.cardContent, 'card-content') },
-            (videoProps === null || videoProps === void 0 ? void 0 : videoProps.mp4File) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.webmFile) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.ogvFile) !== undefined
-                ? (React.createElement("div", { className: imageWrapperClassList },
-                    React.createElement(Video, Object.assign({}, videoProps))))
-                : (image !== undefined &&
-                    React.createElement("div", { className: imageWrapperClassList },
-                        React.createElement("img", { className: imageClassList, src: image, alt: altText }))),
-            !showHoverButtons
-                ? (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: imageBelowTitle ? style.orderOne : style.orderThree }, title !== undefined &&
-                        React.createElement("div", { className: titleWrapperClass },
-                            React.createElement("h3", { className: cardTitleClasses }, title))),
-                    React.createElement("div", { className: contentWrapperClass },
-                        subTitle !== undefined &&
-                            React.createElement("h4", { className: cardSubTitleClassList }, subTitle),
-                        description !== undefined &&
-                            React.createElement("p", { className: cardDescriptionClassList }, description),
-                        extraText !== undefined &&
-                            React.createElement("p", { className: cardExtraTextClassList }, extraText))))
-                : (React.createElement("div", { className: style.buttonWrapper },
-                    React.createElement(Button, Object.assign({}, iconButtonProps), iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children),
-                    React.createElement(Button, Object.assign({}, button2Props), button2Props === null || button2Props === void 0 ? void 0 : button2Props.children)))),
-        cardButtonProps !== undefined &&
-            React.createElement("div", { className: style.buttonClassList },
-                React.createElement(Button, Object.assign({}, cardButtonProps), cardButtonProps.children))));
+    return (React.createElement("div", { id: id, className: classList },
+        React.createElement("div", null, (videoProps === null || videoProps === void 0 ? void 0 : videoProps.mp4File) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.webmFile) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.ogvFile) !== undefined
+            ? (React.createElement(Video, Object.assign({}, videoProps)))
+            : (image !== undefined &&
+                React.createElement("img", { className: imageClassList, src: image, alt: altText }))),
+        React.createElement("div", null,
+            React.createElement("div", { className: style.movingContent },
+                title !== undefined &&
+                    React.createElement("h3", { className: cardTitleClasses }, title),
+                subTitle !== undefined &&
+                    React.createElement("h4", { className: cardSubTitleClassList }, subTitle)),
+            React.createElement("div", { className: style.staticContent },
+                description !== undefined &&
+                    React.createElement("p", { className: cardDescriptionClassList }, description),
+                cardButtonProps !== undefined && cardButtonProps !== null &&
+                    React.createElement("div", { className: style.buttonClassList },
+                        React.createElement(Button, Object.assign({}, cardButtonProps), cardButtonProps === null || cardButtonProps === void 0 ? void 0 : cardButtonProps.children))))));
 };
 export default Card;
 //# sourceMappingURL=Card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAuBtC,MAAM,IAAI,GAAoB,CAAC,EAC7B,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,eAAe,GACT,EAAe,EAAE;IACvB,MAAM,gBAAgB,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAChD,MAAM,qBAAqB,GAAG,UAAU,CAAC,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;IACvE,MAAM,wBAAwB,GAAG,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,WAAW,CAAC,CAAA;IAChF,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACxD,MAAM,cAAc,GAAG,UAAU,CAAC,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEnE,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,iCACG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,MAAK,SAAS,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,MAAK,SAAS,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,MAAK,SAAS;YAC3G,CAAC,CAAC,CACA,oBAAC,KAAK,oBAAK,UAAU,EAAI,CACxB;YACH,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS;gBACpB,6BAAK,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,GAAI,CAC7D,CAEC;QACN;YACE,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBAChC,KAAK,KAAK,SAAS;oBAClB,4BAAI,SAAS,EAAE,gBAAgB,IAC5B,KAAK,CACH;gBACN,QAAQ,KAAK,SAAS;oBACrB,4BAAI,SAAS,EAAE,qBAAqB,IACjC,QAAQ,CACN,CACH;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBAChC,WAAW,KAAK,SAAS;oBACxB,2BAAG,SAAS,EAAE,wBAAwB,IACnC,WAAW,CACV;gBACL,eAAe,KAAK,SAAS,IAAI,eAAe,KAAK,IAAI;oBACxD,6BAAK,SAAS,EAAE,KAAK,CAAC,eAAe;wBACnC,oBAAC,MAAM,oBAAK,eAAe,GACxB,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,CACnB,CACL,CACJ,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

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

@@ -1,168 +1,80 @@
 .classList {
-
     display: flex;
-
-    flex-direction: column
-}
-
-.bordered {
-
+    flex-direction: column;
     border-width: 1px;
-
     border-color: rgb(44 55 59 / var(--tw-border-opacity));
-
-    --tw-border-opacity: 1
-}
-
-.boldTitle {
-
-    font-weight: 700
-}
-
-.textLeft {
-
-    text-align: left
+    --tw-border-opacity: 1;
+    border-radius: 0.5rem;
+    max-width: 450px
 }
 
-.textRight {
-
-    text-align: right
-}
-
-.textCenter {
-
-    text-align: center
-}
-
-.cardRounded {
-
-    border-radius: 0.5rem
-}
-
-.imageRounded {
-
-    border-top-left-radius: 0.5rem;
-
-    border-top-right-radius: 0.5rem
+.classList:hover .movingContent {
+    margin-top: -2rem;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 300ms
 }
 
-.imageWrapper {
-
-    height: 16rem;
-
-    overflow: hidden;
-
-    object-fit: cover
+.classList:hover .staticContent {
+    margin-top: 2rem;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 300ms
 }
 
 .imageClassList {
-
     height: 100%;
-
     width: 100%;
-
-    object-fit: cover
+    height: 16rem;
+    overflow: hidden;
+    object-fit: cover;
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem
 }
 
-.titleWrapper {
+.movingContent {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+    margin-top: 0px;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    padding-top: 1rem;
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 300ms
+}
 
-    padding-top: 0.75rem
+.staticContent {
+    margin-top: 0px;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    padding-top: 1rem;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 300ms
 }
 
 .title {
-
-    font-size: 24px;
-
+    font-size: 32px;
     font-weight: 500
 }
 
-.contentWrapper {
-
-    order: 3;
-
-    padding-left: 0.75rem;
-
-    padding-right: 0.75rem
-}
-
-.cardContent {
-
-    display: flex;
-
-    flex: 1 1 0%;
-
-    flex-direction: column
-}
-
-.description {
-
-    font-size: 16px;
-
-    font-weight: 200
-}
-
 .subtitle {
-
-    font-size: 24px;
-
+    font-size: 20px;
     font-weight: 300
 }
 
-.extraText {
-
-    height: 100%;
-
-    width: 100%;
-
-    object-fit: cover;
-
+.description {
+    padding-bottom: 2rem;
     font-size: 16px;
-
     font-weight: 200
 }
 
-.noCta {
-
-    padding-bottom: 1rem
-}
-
-.buttonWrapper {
-
-    order: 9999;
-
-    display: flex;
-
-    height: 6rem;
-
-    padding: 0.5rem
-}
-
 .buttonClassList {
-
     width: 100%;
-
-    padding: 0.75rem
-}
-
-.orderOne {
-
-    order: 1
-}
-
-.orderTwo {
-
-    order: 2
-}
-
-.orderThree {
-
-    order: 3
-}
-
-.orderFirst {
-
-    order: -9999
+    padding-bottom: 1rem;
+    text-align: center
 }
-
-
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Card/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,iBAA4C;;IAA5C,sDAA4C;;IAA5C;AAA4C;;AAI5C;;IAAA;AAAgB;;AAIhB;;IAAA;AAAgB;;AAIhB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAkB;;AAIlB;;IAAA;AAAiB;;AAIjB;;IAAA,8BAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,aAAwC;;IAAxC,gBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,YAAiC;;IAAjC,WAAiC;;IAAjC;AAAiC;;AAIjC;;IAAA;AAAW;;AAIX;;IAAA,eAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,QAAmB;;IAAnB,qBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,aAA2B;;IAA3B,YAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,eAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,eAAyB;;IAAzB;AAAyB;;AAIzB;;IAAA,YAAyD;;IAAzD,WAAyD;;IAAzD,iBAAyD;;IAAzD,eAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA;AAAW;;AAIX;;IAAA,WAA+B;;IAA/B,aAA+B;;IAA/B,YAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,WAAiB;;IAAjB;AAAiB;;AAIjB;;IAAA;AAAc;;AAId;;IAAA;AAAc;;AAId;;IAAA;AAAc;;AAId;;IAAA;AAAkB","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex flex-col;\n}\n\n.bordered {\n    @apply border border-grey border-opacity-100;\n}\n\n.boldTitle {\n    @apply font-bold;\n}\n\n.textLeft {\n    @apply text-left;\n}\n\n.textRight {\n    @apply text-right;\n}\n\n.textCenter {\n    @apply text-center;\n}\n\n.cardRounded {\n    @apply rounded-lg;\n}\n\n.imageRounded {\n    @apply rounded-t-lg;\n}\n\n.imageWrapper {\n    @apply h-64 overflow-hidden object-cover;\n}\n\n.imageClassList {\n    @apply w-full object-cover h-full;\n}\n\n.titleWrapper {\n    @apply pt-3;\n}\n\n.title {\n    @apply font-medium text-sm;\n}\n\n.contentWrapper {\n    @apply px-3 order-3;\n}\n\n.cardContent {\n    @apply flex flex-1 flex-col;\n}\n\n.description {\n    @apply font-extraLight text-xs;\n}\n\n.subtitle {\n    @apply font-light text-sm;\n}\n\n.extraText {\n    @apply w-full object-cover h-full font-extraLight text-xs;\n}\n\n.noCta {\n    @apply pb-4;\n}\n\n.buttonWrapper {\n    @apply flex p-2 order-last h-24;\n}\n\n.buttonClassList {\n    @apply w-full p-3;\n}\n\n.orderOne {\n    @apply order-1;\n}\n\n.orderTwo {\n    @apply order-2;\n}\n\n.orderThree {\n    @apply order-3;\n}\n\n.orderFirst {\n    @apply order-first;\n}\n\n"]}
+{"version":3,"sources":["../../../../../src/lib/components/Card/style.module.css"],"names":[],"mappings":"AACI;IAAA,aAAoB;IAApB,sBAAoB;IACpB,iBAA4C;IAA5C,sDAA4C;IAA5C,sBAA4C;IAC5C,qBAAiB;IACjB;AAHoB;;AAOpB;IAAA,iBAAY;IACZ,wBAAkC;IAAlC,wDAAkC;IAAlC;AADY;;AAKZ;IAAA,gBAAW;IACX,wBAAkC;IAAlC,wDAAkC;IAAlC;AADW;;AAKX;IAAA,YAAiC;IAAjC,WAAiC;IACjC,aAAwC;IAAxC,gBAAwC;IAAxC,iBAAwC;IACxC,8BAAmB;IAAnB;AAFiC;;AAMjC;IAAA,kBAAe;IAAf,yDAAe;IACf,eAAqB;IAArB,kBAAqB;IAArB,mBAAqB;IAArB,iBAAqB;IACrB,kCAAmB;IAAnB,iCAAmB;IACnB,wBAAkC;IAAlC,wDAAkC;IAAlC;AAHe;;AAOf;IAAA,eAAqB;IAArB,kBAAqB;IAArB,mBAAqB;IAArB,iBAAqB;IACrB,wBAAkC;IAAlC,wDAAkC;IAAlC;AADqB;;AAKrB;IAAA,eAA0B;IAA1B;AAA0B;;AAI1B;IAAA,eAAyB;IAAzB;AAAyB;;AAIzB;IAAA,oBAAmC;IAAnC,eAAmC;IAAnC;AAAmC;;AAInC;IAAA,WAA8B;IAA9B,oBAA8B;IAA9B;AAA8B","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex flex-col;\n    @apply border border-grey border-opacity-100;\n    @apply rounded-lg;\n    max-width: 450px;\n}\n\n.classList:hover .movingContent {\n    @apply -mt-8;\n    @apply transition-all duration-300;\n}\n\n.classList:hover .staticContent {\n    @apply mt-8;\n    @apply transition-all duration-300;\n}\n\n.imageClassList {\n    @apply w-full object-cover h-full;\n    @apply h-64 overflow-hidden object-cover;\n    @apply rounded-t-lg;\n}\n\n.movingContent {\n    @apply bg-white;\n    @apply px-4 pt-4 mt-0;\n    @apply rounded-b-lg;\n    @apply transition-all duration-300;\n}\n\n.staticContent {\n    @apply px-4 pt-4 mt-0;\n    @apply transition-all duration-300;\n}\n\n.title {\n    @apply font-medium text-md;\n}\n\n.subtitle {\n    @apply font-light text-sm;\n}\n\n.description {\n    @apply font-extraLight text-xs pb-8;\n}\n\n.buttonClassList {\n    @apply w-full text-center pb-4;\n}"]}

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

@@ -32,7 +32,7 @@
 
     padding-bottom: 2rem;
 
-    font-size: 24px;
+    font-size: 20px;
 
     font-weight: 500
 }

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

@@ -14,7 +14,7 @@ const ImageInfo = ({ id, className, bgColour, textColour = 'white', contentTitle
     const wrapperClassList = classNames({
         [style.wrapper]: !swapDesktop,
         [style.reverseWrapper]: swapDesktop,
-        [style.reverseMobileWrapper]: !isLg && swapMobile,
+        [style.reverseMobileWrapper]: !isLg && swapMobile
     }, style.wrapperClasses);
     const imageWrapperClasses = classNames({
         [style.smallImageWrapper]: isSm

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

@@ -7,7 +7,7 @@
 
 .errorText {
 
-    font-size: 24px;
+    font-size: 20px;
 
     --tw-text-opacity: 1;
 

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

@@ -36,7 +36,7 @@
 
     padding-bottom: 2rem;
 
-    font-size: 24px;
+    font-size: 20px;
 
     font-weight: 500;
 

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

@@ -86,7 +86,7 @@
 
     padding-bottom: 0.5rem;
 
-    font-size: 24px;
+    font-size: 20px;
 
     font-weight: 700
 }

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

@@ -32,7 +32,7 @@
 
     .position {
 
-        font-size: 24px
+        font-size: 20px
     }
 }
 /*# sourceMappingURL=style.module.css.map */

package/dist/tailwind.config.js

@@ -30,7 +30,7 @@ module.exports = {
         fontSize: {
             'xxs': '8px',
             'xs': '16px',
-            'sm': '24px',
+            'sm': '20px',
             'md': '32px',
             'lg': '48px',
             'xl': '64px',

package/package.json

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