trepur_components 1.0.46 → 1.0.48

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ThemeTypes } from '../../utils/controls';
 export interface Props {
     id?: string;
@@ -8,5 +7,5 @@ export interface Props {
     eveningMessage?: string;
     theme?: ThemeTypes;
 }
-declare const Greeting: ({ id, className, morningMessage, afternoonMessage, eveningMessage, theme }: Props) => JSX.Element;
+declare const Greeting: ({ morningMessage, afternoonMessage, eveningMessage, }: Props) => String;
 export default Greeting;

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

@@ -1,11 +1,10 @@
-import React from 'react';
-const Greeting = ({ id, className, morningMessage = 'Good morning', afternoonMessage = 'Good afternoon', eveningMessage = 'Good evening', theme = 'theme-rupertbennett' }) => {
+const Greeting = ({ morningMessage = 'Good morning', afternoonMessage = 'Good afternoon', eveningMessage = 'Good evening', }) => {
     const today = new Date();
     const hours = `0${today.getHours().toString()}`.slice(-2);
     const minutes = `0${today.getMinutes().toString()}`.slice(-2);
     const seconds = `0${today.getSeconds().toString()}`.slice(-2);
     const time = parseInt(`${hours}${minutes}${seconds}`);
-    let message;
+    let message = '';
     if (time < 120000) {
         message = morningMessage;
     }
@@ -15,7 +14,7 @@ const Greeting = ({ id, className, morningMessage = 'Good morning', afternoonMes
     else if (time > 165959) {
         message = eveningMessage;
     }
-    return (React.createElement("p", { id: id, className: className }, message));
+    return message;
 };
 export default Greeting;
 //# sourceMappingURL=Greeting.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Greeting.js","sourceRoot":"","sources":["../../../../../src/lib/components/Greeting/Greeting.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,cAAc,GAAG,cAAc,EAC/B,gBAAgB,GAAG,gBAAgB,EACnC,cAAc,GAAG,cAAc,EAC/B,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;IACxB,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACzD,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,EAAE,CAAC,CAAA;IAErD,IAAI,OAAO,CAAA;IACX,IAAI,IAAI,GAAG,MAAM,EAAE;QACjB,OAAO,GAAG,cAAc,CAAA;KACzB;SAAM,IAAI,IAAI,GAAG,MAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACzC,OAAO,GAAG,gBAAgB,CAAA;KAC3B;SAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACxB,OAAO,GAAG,cAAc,CAAA;KACzB;IAED,OAAO,CACL,2BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAEnB,OAAO,CACN,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Greeting.js","sourceRoot":"","sources":["../../../../../src/lib/components/Greeting/Greeting.tsx"],"names":[],"mappings":"AAYA,MAAM,QAAQ,GAAG,CAAC,EAChB,cAAc,GAAG,cAAc,EAC/B,gBAAgB,GAAG,gBAAgB,EACnC,cAAc,GAAG,cAAc,GACzB,EAAU,EAAE;IAClB,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;IACxB,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACzD,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,EAAE,CAAC,CAAA;IAErD,IAAI,OAAO,GAAG,EAAE,CAAA;IAChB,IAAI,IAAI,GAAG,MAAM,EAAE;QACjB,OAAO,GAAG,cAAc,CAAA;KACzB;SAAM,IAAI,IAAI,GAAG,MAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACzC,OAAO,GAAG,gBAAgB,CAAA;KAC3B;SAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACxB,OAAO,GAAG,cAAc,CAAA;KACzB;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -1,23 +1,27 @@
 import React from 'react';
 import classNames from 'classnames';
+import style from './style.module.css';
 import Container from '../Container/Container';
 import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
 import Icon from '../Icon/Icon';
-const Showcase = ({ id, className, title, subTitle, description, bgColour, image, size = 'large', theme = 'theme-rupertbennett', withArrow = false, avatar }) => {
+const Showcase = ({ id, className, title, subTitle, description, bgColour, size = 'large', theme = 'theme-rupertbennett', withArrow = false, avatar }) => {
     const classList = classNames(className);
-    const containerSize = size === 'small' ? 'h-56' : size === 'medium' ? 'h-96' : 'h-[calc(100vh-176px)]';
-    const imagePadding = size === 'small' ? 'py-0' : size === 'medium' ? 'py-8' : 'py-32';
+    const containerSize = classNames({
+        [style.smallContainer]: size === 'small',
+        [style.mediumContainer]: size === 'medium',
+        [style.largeContainer]: size === 'large'
+    }, style.container);
     return (React.createElement(ComponentWrapper, { id: id, className: classList, bgColour: bgColour, theme: theme },
-        React.createElement(Container, { className: `md:flex flex-wrap text-justify ${containerSize}` },
-            React.createElement("div", { className: 'w-1/2 m-auto pl-36' },
-                React.createElement("h2", { className: 'font-bold text-xxl text-primary leading-tight' }, title),
-                React.createElement("h2", { className: 'font-bold text-xxl text-black leading-tight' }, subTitle),
-                React.createElement("p", { className: 'text-md text-black pt-4' }, description)),
-            React.createElement("div", { className: `w-1/2 px-12 ${imagePadding}` },
-                React.createElement("img", { className: 'contain mx-auto overflow-hidden h-96', src: avatar })),
-            withArrow &&
-                React.createElement("div", { className: 'w-full' },
-                    React.createElement(Icon, { theme: theme, className: 'mx-auto', size: 2, rounded: true, type: 'chevron-down' })))));
+        React.createElement(Container, { className: containerSize, theme: theme },
+            React.createElement("div", { className: style.textWrapper },
+                React.createElement("h2", { className: style.title }, title),
+                React.createElement("h2", { className: style.subTitle }, subTitle),
+                React.createElement("p", { className: style.description }, description)),
+            React.createElement("div", { className: style.avatarWrapper },
+                React.createElement("img", { className: style.avatar, src: avatar }))),
+        withArrow &&
+            React.createElement("div", { className: style.iconWrapper },
+                React.createElement(Icon, { theme: theme, className: style.icon, size: 2, rounded: true, type: 'chevron-down' }))));
 };
 export default Showcase;
 //# sourceMappingURL=Showcase.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAgBxC,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,qBAAqB,EAC7B,SAAS,GAAG,KAAK,EACjB,MAAM,EACA,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IACvC,MAAM,aAAa,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAA;IACtG,MAAM,YAAY,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IAErF,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,oBAAC,SAAS,IAAC,SAAS,EAAE,kCAAkC,aAAa,EAAE;YACrE,6BAAK,SAAS,EAAC,oBAAoB;gBACjC,4BAAI,SAAS,EAAC,+CAA+C,IAAE,KAAK,CAAM;gBAC1E,4BAAI,SAAS,EAAC,6CAA6C,IAAE,QAAQ,CAAM;gBAC3E,2BAAG,SAAS,EAAC,yBAAyB,IAAE,WAAW,CAAK,CACpD;YACN,6BAAK,SAAS,EAAE,eAAe,YAAY,EAAE;gBAC3C,6BAAK,SAAS,EAAC,sCAAsC,EAAC,GAAG,EAAE,MAAM,GAAI,CACjE;YACL,SAAS;gBACR,6BAAK,SAAS,EAAC,QAAQ;oBACrB,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,SAAS,EAAC,IAAI,EAAE,CAAC,EAAE,OAAO,QAAC,IAAI,EAAC,cAAc,GAAG,CAC3E,CACE,CACK,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAgBxC,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,qBAAqB,EAC7B,SAAS,GAAG,KAAK,EACjB,MAAM,EACA,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;QACxC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,IAAI,KAAK,QAAQ;QAC1C,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;KACzC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAEnB,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK;YAC/C,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAM;gBACxC,4BAAI,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,QAAQ,CAAM;gBAC9C,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC9C;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBACjC,6BAAK,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,GAAI,CACzC,CACI;QACX,SAAS;YACR,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,QAAC,IAAI,EAAC,cAAc,GAAG,CAC9E,CACS,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -1,138 +1,152 @@
-.primary {
+.container {
 
-    background-color: var(--color-primary);
+    flex-wrap: wrap;
 
-    color: var(--color-white)
+    text-align: center
 }
 
-.primary:hover {
-
-    border-color: var(--color-white)
-}
+@media (min-width: 768px) {
 
-.secondary {
+    .container {
 
-    background-color: var(--color-secondary);
+        display: flex;
 
-    color: var(--color-white)
+        text-align: left
+    }
 }
 
-.secondary:hover {
+.smallContainer {
 
-    border-color: var(--color-white)
+    height: 14rem
 }
 
-.white {
+.mediumContainer {
 
-    background-color: var(--color-white)
+    height: 24rem
 }
 
-.white:hover {
+.largeContainer {
 
-    border-color: var(--color-black)
+    height: calc(100vh - 176px)
 }
 
-.black {
+.textWrapper {
 
-    background-color: var(--color-black);
+    margin: auto;
 
-    color: var(--color-white)
+    width: 100%
 }
 
-.black:hover {
+@media (min-width: 768px) {
 
-    border-color: var(--color-white)
-}
+    .textWrapper {
 
-.bordered {
+        width: 66.666667%;
 
-    border-width: 4px;
+        padding-left: 4rem;
 
-    border-color: var(--color-transparent)
+        padding-right: 1rem
+    }
 }
 
-.fontBold {
+@media (min-width: 1024px) {
+
+    .textWrapper {
 
-    font-weight: 700
+        padding-left: 8rem;
+
+        padding-right: 2rem
+    }
 }
 
-.textCenter {
+@media (min-width: 1280px) {
 
-    text-align: center
+    .textWrapper {
+
+        padding-left: 16rem
+    }
 }
 
-.titleClassList {
+.title {
 
-    overflow-wrap: break-word;
+    font-size: 48px;
 
-    font-size: 28px;
+    font-weight: 700;
 
-    font-weight: 300
+    line-height: 1.25;
+
+    color: var(--color-primary)
 }
 
-.textClassList {
+.subTitle {
 
-    margin-top: 0.5rem;
+    font-size: 48px;
 
-    padding-top: 0.5rem;
+    font-weight: 700;
 
-    font-size: 22px;
+    line-height: 1.25;
 
-    font-weight: 300
+    color: var(--color-black)
 }
 
-.wrapperClassList {
+.description {
 
-    border-width: 4px;
+    padding-top: 1rem;
+
+    font-size: 22px;
 
-    border-color: var(--color-transparent)
+    color: var(--color-black)
 }
 
-.horizontalWrapperClassList {
+.avatarWrapper {
 
     display: flex;
 
-    flex-wrap: wrap;
+    height: 100%;
+
+    width: 100%;
+
+    justify-content: center;
 
-    justify-content: center
+    padding-top: 2rem
 }
 
 @media (min-width: 768px) {
 
-    .horizontalWrapperClassList {
+    .avatarWrapper {
 
-        align-items: center
+        width: 33.333333%;
+
+        padding-top: 0px
     }
 }
 
-.liveUpdatesWrapperClassList:hover {
-
-    border-width: 4px;
+.avatar {
 
-    border-style: dashed
+    max-height: 24rem
 }
 
 @media (min-width: 768px) {
 
-    .horizontalTextWrapperClassList {
+    .avatar {
 
-        width: 50%;
+        margin: auto;
 
-        text-align: center
-    }
+        max-height: 24rem;
 
-    .horizontalTitleWrapperClassList {
+        width: 100%
+    }
+}
 
-        width: 50%;
+.iconWrapper {
 
-        text-align: center
-    }
+    width: 100%
 }
 
-.buttonWrapper {
+.icon {
 
-    padding-bottom: 2rem;
+    margin-left: auto;
 
-    text-align: center
+    margin-right: auto
 }
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Showcase/style.module.css"],"names":[],"mappings":"AACI;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAmB;;AAInB;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA;AAAmB;;AAInB;;IAAA;AAAe;;AAIf;;IAAA;AAAmB;;AAInB;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA;AAAmB;;AAInB;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,yBAAqC;;IAArC,eAAqC;;IAArC;AAAqC;;AAIrC;;IAAA,kBAAmC;;IAAnC,mBAAmC;;IAAnC,eAAmC;;IAAnC;AAAmC;;AAInC;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,aAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;AAApD;;IAAA;;QAAA;IAAoD;AAAA;;AAIpD;;IAAA,iBAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA;;QAAA,UAA8B;;QAA9B;IAA8B;;IAI9B;;QAAA,UAA8B;;QAA9B;IAA8B;AAJA;;AAQ9B;;IAAA,oBAAuB;;IAAvB;AAAuB","file":"style.module.css","sourcesContent":[".primary {\n    @apply bg-primary text-white;\n}\n\n.primary:hover {\n    @apply border-white;\n}\n\n.secondary {\n    @apply bg-secondary text-white;\n}\n\n.secondary:hover {\n    @apply border-white;\n}\n\n.white {\n    @apply bg-white;\n}\n\n.white:hover {\n    @apply border-black;\n}\n\n.black {\n    @apply bg-black text-white;\n}\n\n.black:hover {\n    @apply border-white;\n}\n\n.bordered {\n    @apply border-4 border-transparent;\n}\n\n.fontBold {\n    @apply font-bold;\n}\n\n.textCenter {\n    @apply text-center;\n}\n\n.titleClassList {\n    @apply text-lg font-light break-words;\n}\n\n.textClassList {\n    @apply text-md font-light pt-2 mt-2;\n}\n\n.wrapperClassList {\n    @apply border-4 border-transparent;\n}\n\n.horizontalWrapperClassList {\n    @apply flex flex-wrap justify-center md:items-center;\n}\n\n.liveUpdatesWrapperClassList:hover {\n    @apply border-4 border-dashed;\n}\n\n.horizontalTextWrapperClassList {\n    @apply md:w-1/2 md:text-center;\n}\n\n.horizontalTitleWrapperClassList {\n    @apply md:w-1/2 md:text-center;\n}\n\n.buttonWrapper {\n    @apply text-center pb-8;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/Showcase/style.module.css"],"names":[],"mappings":"AACI;;IAAA,eAAiD;;IAAjD;AAAiD;;AAAjD;;IAAA;;QAAA,aAAiD;;QAAjD;IAAiD;AAAA;;AAIjD;;IAAA;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA;AAA4B;;AAI5B;;IAAA,YAAwE;;IAAxE;AAAwE;;AAAxE;;IAAA;;QAAA,iBAAwE;;QAAxE,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA;IAAwE;AAAA;;AAIxE;;IAAA,eAAoD;;IAApD,gBAAoD;;IAApD,iBAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,eAAkD;;IAAlD,gBAAkD;;IAAlD,iBAAkD;;IAAlD;AAAkD;;AAIlD;;IAAA,iBAA8B;;IAA9B,eAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,aAA8D;;IAA9D,YAA8D;;IAA9D,WAA8D;;IAA9D,uBAA8D;;IAA9D;AAA8D;;AAA9D;;IAAA;;QAAA,iBAA8D;;QAA9D;IAA8D;AAAA;;AAI9D;;IAAA;AAA+C;;AAA/C;;IAAA;;QAAA,YAA+C;;QAA/C,iBAA+C;;QAA/C;IAA+C;AAAA;;AAI/C;;IAAA;AAAa;;AAIb;;IAAA,iBAAc;;IAAd;AAAc","file":"style.module.css","sourcesContent":[".container {\n    @apply flex-wrap md:flex text-center md:text-left;\n}\n\n.smallContainer {\n    @apply h-56;\n}\n\n.mediumContainer {\n    @apply h-96;\n}\n\n.largeContainer {\n    @apply h-[calc(100vh-176px)];\n}\n\n.textWrapper {\n    @apply w-full md:w-2/3 m-auto md:pl-16 lg:pl-32 xl:pl-64 md:pr-4 lg:pr-8;\n}\n\n.title {\n    @apply font-bold text-xxl text-primary leading-tight;\n}\n\n.subTitle {\n    @apply font-bold text-xxl text-black leading-tight;\n}\n\n.description {\n    @apply text-md text-black pt-4;\n}\n\n.avatarWrapper {\n    @apply w-full md:w-1/3 h-full flex justify-center pt-8 md:pt-0;\n}\n\n.avatar {\n    @apply md:m-auto md:w-full max-h-96 md:max-h-96;\n}\n\n.iconWrapper {\n    @apply w-full;\n}\n\n.icon {\n    @apply mx-auto;\n}"]}

package/package.json

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