trepur_components 1.0.17 → 1.0.19

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

@@ -1,25 +1,18 @@
 import React from 'react';
 import { Props as buttonProps } from '../Button/Button';
 import { Props as videoProps } from '../Video/Video';
+import { Props as imageProps } from '../Image/Image';
 export interface Props {
     id?: string;
     className?: string;
     title?: string;
-    image?: string;
+    imageProps?: imageProps;
+    videoProps?: videoProps;
     subTitle?: string;
     description?: string;
-    extraText?: string;
-    hasCta?: boolean;
-    imageClass?: string;
-    subTitleClass?: string;
-    extraTextClass?: string;
-    descriptionClass?: string;
-    altText?: string;
-    videoProps?: videoProps;
-    onHover?: boolean;
-    iconButtonProps?: buttonProps;
-    cardButtonProps?: buttonProps;
-    button2Props?: buttonProps;
+    href?: string;
+    target?: string;
+    buttonProps?: buttonProps;
 }
 declare const Card: React.FC<Props>;
 export default Card;

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

@@ -3,18 +3,24 @@ 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, imageClass, subTitleClass, descriptionClass, altText, videoProps, cardButtonProps, }) => {
+const Card = ({ id, className, imageProps, videoProps, title, subTitle, description, href, target, buttonProps }) => {
     const cardTitleClasses = classNames(style.title);
-    const cardSubTitleClassList = classNames(subTitleClass, style.subtitle);
-    const cardDescriptionClassList = classNames(descriptionClass, style.description);
+    const cardSubTitleClassList = classNames(style.subtitle);
+    const cardDescriptionClassList = classNames(style.description);
     const classList = classNames(className, style.classList);
-    const imageClassList = classNames(imageClass, style.imageClassList);
-    return (React.createElement("div", { id: id, className: classList },
+    const imageClassList = classNames(style.imageClassList);
+    let Tag = 'div';
+    let attributes = {};
+    if (Boolean(href) || Boolean(target)) {
+        Tag = 'a';
+        attributes = { href, title, target };
+    }
+    return (React.createElement(Tag, Object.assign({ id: id, className: classList }, attributes),
         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,
+            : (imageProps !== undefined &&
+                React.createElement("img", Object.assign({ className: imageClassList }, imageProps)))),
+        React.createElement("div", { className: style.contentWrapper },
             React.createElement("div", { className: style.movingContent },
                 title !== undefined &&
                     React.createElement("h3", { className: cardTitleClasses }, title),
@@ -23,9 +29,8 @@ const Card = ({ id, className, title, image, subTitle, description, imageClass,
             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))))));
+                buttonProps !== undefined && buttonProps !== null && Tag === 'div' &&
+                    React.createElement(Button, Object.assign({ className: style.buttonClassList }, buttonProps), buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.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":"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"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AAEpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAiBtC,MAAM,IAAI,GAAoB,CAAC,EAC7B,EAAE,EACF,SAAS,EACT,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,MAAM,EACN,WAAW,EACL,EAAe,EAAE;IACvB,MAAM,gBAAgB,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAChD,MAAM,qBAAqB,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IACxD,MAAM,wBAAwB,GAAG,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;IAC9D,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACxD,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;IAEvD,IAAI,GAAG,GAAmD,KAAK,CAAA;IAC/D,IAAI,UAAU,GAAqB,EAAE,CAAA;IAErC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;QACpC,GAAG,GAAG,GAAG,CAAA;QACT,UAAU,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;KACrC;IAED,OAAO,CACL,oBAAC,GAAG,kBACF,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAChB,UAAU;QAEd,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,UAAU,KAAK,SAAS;gBACzB,2CAAK,SAAS,EAAE,cAAc,IAAM,UAAU,EAAI,CACjD,CACD;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;YAClC,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,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,IAAI,GAAG,KAAK,KAAK;oBACjE,oBAAC,MAAM,kBAAC,SAAS,EAAE,KAAK,CAAC,eAAe,IAAM,WAAW,GACtD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CACf,CACP,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

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

@@ -1,11 +1,15 @@
 .classList {
     display: flex;
     flex-direction: column;
-    border-width: 1px;
-    border-color: rgb(44 55 59 / var(--tw-border-opacity));
-    --tw-border-opacity: 1;
     border-radius: 0.5rem;
-    max-width: 450px
+    --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);
+    max-width: 380px
+}
+
+a .classList:hover {
+    cursor: pointer
 }
 
 .classList:hover .movingContent {
@@ -32,13 +36,17 @@
     border-top-right-radius: 0.5rem
 }
 
+.contentWrapper {
+    height: 100%
+}
+
 .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;
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+    padding-top: 1.5rem;
     border-bottom-right-radius: 0.5rem;
     border-bottom-left-radius: 0.5rem;
     transition-property: all;
@@ -48,33 +56,36 @@
 
 .staticContent {
     margin-top: 0px;
-    padding-left: 1rem;
-    padding-right: 1rem;
-    padding-top: 1rem;
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+    padding-top: 1.5rem;
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 300ms
+    transition-duration: 300ms;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(100% - 78px)
 }
 
 .title {
-    font-size: 32px;
+    font-size: 20px;
     font-weight: 500
 }
 
 .subtitle {
-    font-size: 20px;
-    font-weight: 300
+    font-size: 16px;
+    font-weight: 400
 }
 
 .description {
-    padding-bottom: 2rem;
+    padding-bottom: 1.5rem;
     font-size: 16px;
-    font-weight: 200
+    font-weight: 300
 }
 
 .buttonClassList {
-    width: 100%;
-    padding-bottom: 1rem;
-    text-align: center
+    margin-bottom: 1.5rem;
+    width: 100%
 }
 /*# 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,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}"]}
+{"version":3,"sources":["../../../../../src/lib/components/Card/style.module.css"],"names":[],"mappings":"AACI;IAAA,aAAoB;IAApB,sBAAoB;IACpB,qBAAiB;IACjB,gFAAgB;IAAhB,oGAAgB;IAAhB,uGAAgB;IAChB;AAHoB;;AAOpB;IAAA;AAAqB;;AAIrB;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;AAAa;;AAIb;IAAA,kBAAe;IAAf,yDAAe;IACf,eAAqB;IAArB,oBAAqB;IAArB,qBAAqB;IAArB,mBAAqB;IACrB,kCAAmB;IAAnB,iCAAmB;IACnB,wBAAkC;IAAlC,wDAAkC;IAAlC;AAHe;;AAOf;IAAA,eAAqB;IAArB,oBAAqB;IAArB,qBAAqB;IAArB,mBAAqB;IACrB,wBAAkC;IAAlC,wDAAkC;IAAlC,0BAAkC;IAClC,aAAoC;IAApC,sBAAoC;IAApC,8BAAoC;IACpC;AAHqB;;AAOrB;IAAA,eAA0B;IAA1B;AAA0B;;AAI1B;IAAA,eAA2B;IAA3B;AAA2B;;AAI3B;IAAA,sBAA8B;IAA9B,eAA8B;IAA9B;AAA8B;;AAI9B;IAAA,qBAAkB;IAAlB;AAAkB","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex flex-col;\n    @apply rounded-lg;\n    @apply shadow-xl;\n    max-width: 380px;\n}\n\na .classList:hover {\n    @apply cursor-pointer;\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.contentWrapper {\n    @apply h-full;\n}\n\n.movingContent {\n    @apply bg-white;\n    @apply px-6 pt-6 mt-0;\n    @apply rounded-b-lg;\n    @apply transition-all duration-300;\n}\n\n.staticContent {\n    @apply px-6 pt-6 mt-0;\n    @apply transition-all duration-300;\n    @apply flex flex-col justify-between;\n    height: calc(100% - 78px)\n}\n\n.title {\n    @apply font-medium text-sm;\n}\n\n.subtitle {\n    @apply font-regular text-xs;\n}\n\n.description {\n    @apply font-light text-xs pb-6;\n}\n\n.buttonClassList {\n    @apply w-full mb-6;\n}"]}

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

@@ -1,11 +1,13 @@
 import React from 'react';
 import Image from '../Image/Image';
 import style from './style.module.css';
+import classNames from 'classnames';
 const CardWithTopImage = ({ id, className, children, imageProps }) => {
     const src = (imageProps === null || imageProps === void 0 ? void 0 : imageProps.src) !== undefined ? imageProps.src : '';
+    const cardClassList = classNames(className, style.cardClasses);
     return (React.createElement("div", { style: {
             filter: 'drop-shadow(0 4px 8px rgb(154, 154, 154))'
-        }, id: id, className: className },
+        }, id: id, className: cardClassList },
         React.createElement("div", { className: style.wrapperClassList },
             React.createElement(Image, Object.assign({ src: src }, imageProps))),
         React.createElement("div", { className: style.contentClassList }, children)));

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

@@ -1 +1 @@
-{"version":3,"file":"CardWithTopImage.js","sourceRoot":"","sources":["../../../../../src/lib/components/CardWithTopImage/CardWithTopImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAStC,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,UAAU,EACJ,EAAe,EAAE;IACvB,MAAM,GAAG,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,MAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAE/D,OAAO,CACL,6BACE,KAAK,EAAE;YACL,MAAM,EAAE,2CAA2C;SACpD,EACD,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB;YACpC,oBAAC,KAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,CAC/B;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,IACnC,QAAQ,CACL,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"CardWithTopImage.js","sourceRoot":"","sources":["../../../../../src/lib/components/CardWithTopImage/CardWithTopImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,UAAU,MAAM,YAAY,CAAA;AASnC,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,UAAU,EACJ,EAAe,EAAE;IACvB,MAAM,GAAG,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,MAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAC/D,MAAM,aAAa,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,CAAA;IAC9D,OAAO,CACL,6BACE,KAAK,EAAE;YACL,MAAM,EAAE,2CAA2C;SACpD,EACD,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,aAAa;QAExB,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB;YACpC,oBAAC,KAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,CAC/B;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,IACnC,QAAQ,CACL,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

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

@@ -1,40 +1,27 @@
-.wrapperClassList {
+.cardClasses{
+    max-width: 500px
+}
 
+.wrapperClassList{
     margin-left: auto;
-
     margin-right: auto;
-
     max-width: max-content;
-
     border-radius: 9999px;
-
     --tw-bg-opacity: 1;
-
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-
     padding: 1rem
 }
 
-.contentClassList {
-
+.contentClassList{
     margin-top: -3rem;
-
     height: auto;
-
     --tw-bg-opacity: 1;
-
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-
     padding-left: 1rem;
-
     padding-right: 1rem;
-
     padding-top: 3rem;
-
     padding-bottom: 4rem;
-
     --tw-text-opacity: 1;
-
     color: rgb(0 0 0 / var(--tw-text-opacity))
 }
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/CardWithTopImage/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAkD;;IAAlD,kBAAkD;;IAAlD,sBAAkD;;IAAlD,qBAAkD;;IAAlD,kBAAkD;;IAAlD,yDAAkD;;IAAlD;AAAkD;;AAIlD;;IAAA,iBAAyD;;IAAzD,YAAyD;;IAAzD,kBAAyD;;IAAzD,yDAAyD;;IAAzD,kBAAyD;;IAAzD,mBAAyD;;IAAzD,iBAAyD;;IAAzD,oBAAyD;;IAAzD,oBAAyD;;IAAzD;AAAyD","file":"style.module.css","sourcesContent":[".wrapperClassList {\n    @apply rounded-full mx-auto max-w-max bg-white p-4;\n}\n\n.contentClassList {\n    @apply pt-12 px-4 h-auto pb-16 -mt-12 bg-white text-black;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/CardWithTopImage/style.module.css"],"names":[],"mappings":"AAAA;IACI;AACJ;;AAGI;IAAA,iBAAkD;IAAlD,kBAAkD;IAAlD,sBAAkD;IAAlD,qBAAkD;IAAlD,kBAAkD;IAAlD,yDAAkD;IAAlD;AAAkD;;AAIlD;IAAA,iBAAyD;IAAzD,YAAyD;IAAzD,kBAAyD;IAAzD,yDAAyD;IAAzD,kBAAyD;IAAzD,mBAAyD;IAAzD,iBAAyD;IAAzD,oBAAyD;IAAzD,oBAAyD;IAAzD;AAAyD","file":"style.module.css","sourcesContent":[".cardClasses{\n    max-width: 500px\n}\n\n.wrapperClassList {\n    @apply rounded-full mx-auto max-w-max bg-white p-4;\n}\n\n.contentClassList {\n    @apply pt-12 px-4 h-auto pb-16 -mt-12 bg-white text-black;\n}"]}

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

@@ -2,7 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import style from './style.module.css';
 import Container from '../Container/Container';
-const ComponentWrapper = ({ id, className, title, description, bgColour = 'primary', children, styles, withContainerPadding = true }) => {
+const ComponentWrapper = ({ id, className, title, description, bgColour = 'grey', children, styles, withContainerPadding = true }) => {
     const classList = classNames(className, style.classList, style[bgColour]);
     const containerClasses = classNames({
         [style.containerPadding]: withContainerPadding

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

@@ -1 +1 @@
-{"version":3,"file":"ComponentWrapper.js","sourceRoot":"","sources":["../../../../../src/lib/components/ComponentWrapper/ComponentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAcvD,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,MAAM,EACN,oBAAoB,GAAG,IAAI,EACrB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IACzE,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,oBAAoB;KAC/C,CAAC,CAAA;IAEF,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM;QAEb,oBAAC,SAAS,IAAC,WAAW,QAAC,SAAS,EAAE,gBAAgB;YAChD,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;gBAC1B,KAAK,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;gBAC7D,WAAW,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC5E;YACL,QAAQ,CACC,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"ComponentWrapper.js","sourceRoot":"","sources":["../../../../../src/lib/components/ComponentWrapper/ComponentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAcvD,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,MAAM,EACjB,QAAQ,EACR,MAAM,EACN,oBAAoB,GAAG,IAAI,EACrB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IACzE,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,oBAAoB;KAC/C,CAAC,CAAA;IAEF,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM;QAEb,oBAAC,SAAS,IAAC,WAAW,QAAC,SAAS,EAAE,gBAAgB;YAChD,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;gBAC1B,KAAK,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;gBAC7D,WAAW,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC5E;YACL,QAAQ,CACC,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

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

@@ -70,6 +70,17 @@
     color: rgb(0 0 0 / var(--tw-text-opacity))
 }
 
+.grey {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 0 0 / var(--tw-text-opacity))
+}
+
 .black {
 
     --tw-bg-opacity: 1;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/ComponentWrapper/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAqB;;IAArB,kBAAqB;;IAArB;AAAqB;;AAIvB;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,sBAA+B;;IAA/B,eAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,oBAA+B;;IAA/B,eAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA8B;;IAA9B,uDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,kBAA0B;;IAA1B,yDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAA0B;;IAA1B,mDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B","file":"style.module.css","sourcesContent":[".classList {\n    @apply mx-auto w-full;\n}\n\n.containerPadding {\n  @apply py-8;\n}\n\n.heading {\n  @apply pt-0;\n}\n\n.title {\n  @apply pb-2 font-medium text-md;\n}\n\n.description {\n  @apply pb-8 font-medium text-sm;\n}\n\n.primary {\n  @apply bg-primary text-white;\n}\n\n.secondary {\n  @apply bg-secondary text-white;\n}\n\n.white {\n  @apply bg-white text-black;\n}\n\n.black {\n  @apply bg-black text-white;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/ComponentWrapper/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAqB;;IAArB,kBAAqB;;IAArB;AAAqB;;AAIvB;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,sBAA+B;;IAA/B,eAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,oBAA+B;;IAA/B,eAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA8B;;IAA9B,uDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,kBAA0B;;IAA1B,yDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAkC;;IAAlC,yDAAkC;;IAAlC,oBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,kBAA0B;;IAA1B,mDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B","file":"style.module.css","sourcesContent":[".classList {\n    @apply mx-auto w-full;\n}\n\n.containerPadding {\n  @apply py-8;\n}\n\n.heading {\n  @apply pt-0;\n}\n\n.title {\n  @apply pb-2 font-medium text-md;\n}\n\n.description {\n  @apply pb-8 font-medium text-sm;\n}\n\n.primary {\n  @apply bg-primary text-white;\n}\n\n.secondary {\n  @apply bg-secondary text-white;\n}\n\n.white {\n  @apply bg-white text-black;\n}\n\n.grey {\n  @apply bg-lightest-grey text-black;\n}\n\n.black {\n  @apply bg-black text-white;\n}"]}

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

@@ -4,6 +4,7 @@ export interface Props {
     className?: string;
     image?: string;
     altText?: string;
+    title?: string;
 }
-declare const Jumbotron: ({ id, className, image, altText }: Props) => JSX.Element;
+declare const Jumbotron: ({ id, className, image, altText, title }: Props) => JSX.Element;
 export default Jumbotron;

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

@@ -1,10 +1,11 @@
 import React from 'react';
 import classNames from 'classnames';
 import style from './style.module.css';
-const Jumbotron = ({ id, className, image, altText }) => {
-    const classList = classNames(className);
+const Jumbotron = ({ id, className, image, altText, title }) => {
+    const classList = classNames(style.classes, className);
+    const imageClassList = classNames(style.imageClasses);
     return (React.createElement("div", { id: id, className: classList },
-        React.createElement("img", { className: style.imageClassList, src: image, alt: altText })));
+        React.createElement("img", { className: imageClassList, src: image, alt: altText, title: title })));
 };
 export default Jumbotron;
 //# sourceMappingURL=Jumbotron.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Jumbotron.js","sourceRoot":"","sources":["../../../../../src/lib/components/Jumbotron/Jumbotron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAQtC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,GAAI,CAC9D,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"Jumbotron.js","sourceRoot":"","sources":["../../../../../src/lib/components/Jumbotron/Jumbotron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAStC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IACtD,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;IACrD,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,CACtE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -1,5 +1,16 @@
-.imageClasslist {
+.classes {
+
+    height: 24rem;
+
+    overflow: hidden;
+
+    width: 100%
+}
+
+.imageClasses {
+
     width: 100%;
+
     object-fit: cover
 }
 /*# sourceMappingURL=style.module.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Jumbotron/style.module.css"],"names":[],"mappings":"AACI;IAAA,WAA0B;IAA1B;AAA0B","file":"style.module.css","sourcesContent":[".imageClasslist {\n    @apply w-full object-cover;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/Jumbotron/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAA2B;;IAA3B,gBAA2B;;IAC3B;AAD2B;;AAK3B;;IAAA,WAA0B;;IAA1B;AAA0B","file":"style.module.css","sourcesContent":[".classes {\n    @apply h-96 overflow-hidden;\n    @apply w-full;\n}\n\n.imageClasses {\n    @apply w-full object-cover;\n}"]}

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

@@ -1,4 +1,4 @@
-export declare type Colours = 'primary' | 'secondary' | 'white' | 'black' | 'gold' | 'facebook' | 'email' | 'instagram' | 'github' | 'interactive-facebook' | 'interactive-email' | 'interactive-instagram' | 'interactive-github';
+export declare type Colours = 'primary' | 'secondary' | 'white' | 'black' | 'grey' | 'gold' | 'facebook' | 'email' | 'instagram' | 'github' | 'interactive-facebook' | 'interactive-email' | 'interactive-instagram' | 'interactive-github';
 export declare const idAndClassName: {
     id: {
         description: string;

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "private": false,
   "keywords": [
     "react",
@@ -35,11 +35,11 @@
   "scripts": {
     "compile:ts": "tsc && tsc-alias -p tsconfig.json",
     "compile:css": "postcss src/**/**/**/*.css --base . --dir dist -m --verbose",
-    "build": "rm -rf dist && npm run compile:ts && npm run compile:css",
+    "compile": "rm -rf dist && npm run compile:ts && npm run compile:css",
     "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook -s public",
     "lint": "ts-standard",
     "lint:fix": "ts-standard --fix",
+    "build-storybook": "build-storybook -s public",
     "prepare": "husky install"
   },
   "browserslist": {