trepur_components 1.0.5 → 1.0.7

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

@@ -1,42 +1,42 @@
 import React, { useState } from 'react';
 import classNames from 'classnames';
-import Button from '../Button';
-import Video from '../Video';
-const Card = ({ id, className, title, image, subTitle, description, extraText, hasCta, imageBelowTitle, titleLeft = false, titleRight = false, titleBold = false, imageClass, subTitleClass, extraTextClass, descriptionClass, altText, rounded, bordered, videoProps, onHover = false, iconButtonProps, cardButtonProps, button2Props }) => {
+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({ 'order-first': imageBelowTitle });
-    const btnClass = 'w-full p-3';
-    const border = classNames({ 'border border-grey border-opacity-100:': bordered });
-    const cardTitleFont = classNames({ 'font-bold': titleBold });
+    const orderClass = classNames({ [style.orderFirst]: imageBelowTitle });
+    const border = classNames({ [style.bordered]: bordered });
+    const cardTitleFont = classNames({ [style.boldTitle]: titleBold });
     const cardTitlePosition = classNames({
-        'text-left': titleLeft,
-        'text-right': titleRight,
-        'text-center': !titleLeft && !titleRight
+        [style.textLeft]: titleLeft,
+        [style.textRight]: titleRight,
+        [style.textCenter]: !titleLeft && !titleRight
     });
-    const roundedImage = classNames({ 'rounded-t-lg': rounded });
-    const roundedCard = classNames({ 'rounded-lg': rounded });
-    const contentWrapperClass = 'px-3 order-3';
-    const titleWrapperClass = classNames(orderClass, 'pt-3');
+    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, 'font-medium text-md text-grey');
-    const cardSubTitleClassList = classNames(subTitleClass, 'font-light text-sm text-grey');
-    const cardDescriptionClassList = classNames(descriptionClass, 'font-extraLight text-xs text-light-grey');
-    const classList = classNames(className, border, roundedCard, 'flex flex-col');
-    const imageClassList = classNames(roundedImage, imageClass, 'w-full object-cover h-full');
+    }, cardTitleFont, style.title);
+    const cardSubTitleClassList = classNames(subTitleClass, style.subtitle);
+    const cardDescriptionClassList = classNames(descriptionClass, style.description);
+    const classList = classNames(className, border, roundedCard, style.classList);
+    const imageClassList = classNames(roundedImage, imageClass, style.imageClassList);
     const cardExtraTextClassList = classNames({
-        'pb-4': hasCta === false
-    }, extraTextClass, 'w-full object-cover h-full font-extraLight text-xs text-light-grey');
+        [style.noCta]: hasCta === false
+    }, extraTextClass, style.extraText);
     const imageWrapperClassList = classNames({
-        'order-2': imageBelowTitle === true,
-        [roundedImage]: imageBelowTitle === false,
-        'order-1': imageBelowTitle === false
-    }, 'h-64 overflow-hidden object-cover');
+        [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: 'card-content flex flex-1 flex-col' },
+        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))))
@@ -45,7 +45,7 @@ const Card = ({ id, className, title, image, subTitle, description, extraText, h
                         React.createElement("img", { className: imageClassList, src: image, alt: altText }))),
             !showHoverButtons
                 ? (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: imageBelowTitle !== undefined ? 'order-1' : 'order-3' }, title !== undefined &&
+                    React.createElement("div", { className: imageBelowTitle ? style.orderThree : style.orderOne }, title !== undefined &&
                         React.createElement("div", { className: titleWrapperClass },
                             React.createElement("h3", { className: cardTitleClasses }, title))),
                     React.createElement("div", { className: contentWrapperClass },
@@ -55,12 +55,12 @@ const Card = ({ id, className, title, image, subTitle, description, extraText, h
                             React.createElement("p", { className: cardDescriptionClassList }, description),
                         extraText !== undefined &&
                             React.createElement("p", { className: cardExtraTextClassList }, extraText))))
-                : (React.createElement("div", { className: 'flex p-2 order-last h-24' },
+                : (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 != null) &&
-            React.createElement("div", { className: btnClass },
+        cardButtonProps !== undefined &&
+            React.createElement("div", { className: style.buttonClassList },
                 React.createElement(Button, Object.assign({}, cardButtonProps), cardButtonProps.children))));
 };
 export default Card;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,184 @@
+.classList {
+
+    display: flex;
+
+    flex-direction: column
+}
+
+.bordered {
+
+    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
+}
+
+.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
+}
+
+.imageWrapper {
+
+    height: 16rem;
+
+    overflow: hidden;
+
+    object-fit: cover
+}
+
+.imageClassList {
+
+    height: 100%;
+
+    width: 100%;
+
+    object-fit: cover
+}
+
+.titleWrapper {
+
+    padding-top: 0.75rem
+}
+
+.title {
+
+    font-size: 32px;
+
+    font-weight: 500;
+
+    --tw-text-opacity: 1;
+
+    color: rgb(44 55 59 / var(--tw-text-opacity))
+}
+
+.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;
+
+    --tw-text-opacity: 1;
+
+    color: rgb(73 92 99 / var(--tw-text-opacity))
+}
+
+.subtitle {
+
+    font-size: 24px;
+
+    font-weight: 300;
+
+    --tw-text-opacity: 1;
+
+    color: rgb(44 55 59 / var(--tw-text-opacity))
+}
+
+.extraText {
+
+    height: 100%;
+
+    width: 100%;
+
+    object-fit: cover;
+
+    font-size: 16px;
+
+    font-weight: 200;
+
+    --tw-text-opacity: 1;
+
+    color: rgb(73 92 99 / var(--tw-text-opacity))
+}
+
+.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
+}
+
+
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +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,eAAoC;;IAApC,gBAAoC;;IAApC,oBAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,QAAmB;;IAAnB,qBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,aAA2B;;IAA3B,YAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,eAA8C;;IAA9C,gBAA8C;;IAA9C,oBAA8C;;IAA9C;AAA8C;;AAI9C;;IAAA,eAAmC;;IAAnC,gBAAmC;;IAAnC,oBAAmC;;IAAnC;AAAmC;;AAInC;;IAAA,YAAyE;;IAAzE,WAAyE;;IAAzE,iBAAyE;;IAAzE,eAAyE;;IAAzE,gBAAyE;;IAAzE,oBAAyE;;IAAzE;AAAyE;;AAIzE;;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-md text-grey;\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 text-light-grey;\n}\n\n.subtitle {\n    @apply font-light text-sm text-grey;\n}\n\n.extraText {\n    @apply w-full object-cover h-full font-extraLight text-xs text-light-grey;\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"]}

package/dist/src/lib/components/CardWithTopImage/{index.d.ts → CardWithTopImage.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/CardWithTopImage/CardWithTopImage.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import Image from '../Image/Image';
+import style from './style.module.css';
+const CardWithTopImage = ({ id, className, children, imageProps }) => {
+    return (React.createElement("div", { style: {
+            filter: 'drop-shadow(0 4px 8px rgb(154, 154, 154))'
+        }, id: id, className: className },
+        React.createElement("div", { className: style.wrapperClassList },
+            React.createElement(Image, Object.assign({}, imageProps))),
+        React.createElement("div", { className: style.contentClassList }, children)));
+};
+export default CardWithTopImage;
+//# sourceMappingURL=CardWithTopImage.js.map

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

@@ -0,0 +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,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,oBAAK,UAAU,EAAI,CACrB;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

@@ -0,0 +1,36 @@
+.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 {
+
+    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
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +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,iBAA8C;;IAA9C,YAA8C;;IAA9C,kBAA8C;;IAA9C,yDAA8C;;IAA9C,kBAA8C;;IAA9C,mBAA8C;;IAA9C,iBAA8C;;IAA9C;AAA8C","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;\n}"]}

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import 'keen-slider/keen-slider.min.css';
 import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
 export interface Props {
     id?: string;

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

@@ -1,8 +1,9 @@
 import React, { useState } from 'react';
-// import 'keen-slider/keen-slider.min.css'
+import 'keen-slider/keen-slider.min.css';
 import { useKeenSlider } from 'keen-slider/react';
 import classNames from 'classnames';
-import Icon from '../Icon';
+import Icon from '../Icon/Icon';
+import style from './style.module.css';
 const Carousel = ({ id, className, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop = true, mode = 'snap', range, renderMode, rtl, rubberband, slides, vertical, animationStarted, animationStopped, animationEnded, created, destroyed, detailsChanged, dragged, dragStarted, dragChecked, dragEnded, beforeOptionsChanged, optionsChanged, slideChanged, updated, perView = 1, spacing, number, origin, arrows, dots }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const classList = className;
@@ -96,13 +97,13 @@ const Carousel = ({ id, className, breakpoints, defaultAnimation, disabled, drag
         }
     }, [wheelControls]);
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { id: id, className: classNames(classList, (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && 'flex justify-between', 'navigation-wrapper w-full') },
-            (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: 'my-auto' },
+        React.createElement("div", { id: id, className: classNames(classList, (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && style.visibleArrows, style.classList, 'navigation-wrapper') },
+            (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: style.arrowWrapper },
                 React.createElement(Arrow, { left: true, onClick: (e) => { var _a; return e.stopPropagation() !== undefined || ((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.prev()); }, disabled: currentSlide === 0, arrows: arrows }))),
-            React.createElement("div", { ref: sliderRef, className: 'keen-slider w-full' }, (slides != null) && slides),
-            (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: 'my-auto' },
+            React.createElement("div", { ref: sliderRef, className: classNames(style.slideWrapper, 'keen-slider') }, (slides != null) && slides),
+            (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: style.arrowWrapper },
                 React.createElement(Arrow, { right: true, onClick: (e) => { var _a; return e.stopPropagation() !== undefined || ((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.next()); }, disabled: currentSlide === ((_d = (_c = (_b = (_a = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _a === void 0 ? void 0 : _a.track) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.slides) === null || _d === void 0 ? void 0 : _d.length), arrows: arrows })))),
-        (dots === null || dots === void 0 ? void 0 : dots.visible) === true && loaded && (instanceRef.current != null) && (React.createElement("div", { className: 'flex py-8 justify-center' }, [...Array((_h = (_g = (_f = (_e = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _e === void 0 ? void 0 : _e.track) === null || _f === void 0 ? void 0 : _f.details) === null || _g === void 0 ? void 0 : _g.slides) === null || _h === void 0 ? void 0 : _h.length).keys()].map((idx, i) => {
+        (dots === null || dots === void 0 ? void 0 : dots.visible) === true && loaded && (instanceRef.current != null) && (React.createElement("div", { className: style.dotWrapper }, [...Array((_h = (_g = (_f = (_e = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _e === void 0 ? void 0 : _e.track) === null || _f === void 0 ? void 0 : _f.details) === null || _g === void 0 ? void 0 : _g.slides) === null || _h === void 0 ? void 0 : _h.length).keys()].map((idx, i) => {
             return (React.createElement(Dot, { key: `dot_${i}`, isActive: currentSlide === idx, onClick: () => {
                     var _a;
                     (_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.moveToIdx(idx);
@@ -110,13 +111,13 @@ const Carousel = ({ id, className, breakpoints, defaultAnimation, disabled, drag
         })))));
 };
 function Arrow(props) {
-    return (React.createElement("div", { className: 'w-full' },
+    return (React.createElement("div", { className: style.arrowWrapper },
         React.createElement("a", { onClick: props === null || props === void 0 ? void 0 : props.onClick },
-            React.createElement(Icon, { type: (props === null || props === void 0 ? void 0 : props.left) === true ? 'chevron-left' : 'chevron-right', className: 'mx-auto hover:cursor-pointer', size: 3, rounded: true, bgColour: 'white', colour: 'primary' }))));
+            React.createElement(Icon, { type: (props === null || props === void 0 ? void 0 : props.left) === true ? 'chevron-left' : 'chevron-right', className: style.arrowIconClassList, size: 3, rounded: true, bgColour: 'white', colour: 'primary' }))));
 }
 function Dot(props) {
     return (React.createElement("a", { onClick: props === null || props === void 0 ? void 0 : props.onClick },
-        React.createElement(Icon, { type: 'circle', className: 'mx-1 hover:cursor-pointer', size: 1, rounded: true, bgColour: (props === null || props === void 0 ? void 0 : props.isActive) ? 'primary' : 'secondary', colour: (props === null || props === void 0 ? void 0 : props.isActive) ? 'primary' : 'secondary' })));
+        React.createElement(Icon, { type: 'circle', className: style.dotIconClassList, size: 1, rounded: true, bgColour: (props === null || props === void 0 ? void 0 : props.isActive) ? 'primary' : 'secondary', colour: (props === null || props === void 0 ? void 0 : props.isActive) ? 'primary' : 'secondary' })));
 }
 export default Carousel;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=Carousel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,59 @@
+.classList {
+
+    width: 100%
+}
+
+.visibleArrows {
+
+    display: flex;
+
+    justify-content: space-between
+}
+
+.slideWrapper {
+
+    width: 100%
+}
+
+.dotWrapper {
+
+    display: flex;
+
+    justify-content: center;
+
+    padding-top: 2rem;
+
+    padding-bottom: 2rem
+}
+
+.dotIconClassList {
+
+    margin-left: 0.25rem;
+
+    margin-right: 0.25rem
+}
+
+.dotIconClassList:hover {
+
+    cursor: pointer
+}
+
+.arrowWrapper {
+
+    margin-top: auto;
+
+    margin-bottom: auto
+}
+
+.arrowIconClassList {
+
+    margin-left: auto;
+
+    margin-right: auto
+}
+
+.arrowIconClassList:hover {
+
+    cursor: pointer
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Carousel/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAa;;AAIb;;IAAA,aAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA;AAAa;;AAIb;;IAAA,aAA+B;;IAA/B,uBAA+B;;IAA/B,iBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,oBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAqB;;AAIrB;;IAAA,gBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAqB","file":"style.module.css","sourcesContent":[".classList {\n    @apply w-full;\n}\n\n.visibleArrows {\n    @apply flex justify-between;\n}\n\n.slideWrapper {\n    @apply w-full;\n}\n\n.dotWrapper {\n    @apply flex py-8 justify-center;\n}\n\n.dotIconClassList {\n    @apply mx-1;\n}\n\n.dotIconClassList:hover {\n    @apply cursor-pointer;\n}\n\n.arrowWrapper {\n    @apply my-auto;\n}\n\n.arrowIconClassList {\n    @apply mx-auto;\n}\n\n.arrowIconClassList:hover {\n    @apply cursor-pointer;\n}"]}

package/dist/src/lib/components/Collapsible/{index.d.ts → Collapsible.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/Collapsible/{index.js → Collapsible.js}

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
-import Icon from '../Icon';
+import Icon from '../Icon/Icon';
 import classNames from 'classnames';
+import style from './style.module.css';
 const Collapsible = ({ id, className, title, subtitle, boldTitle, borderTop, borderBottom, showBottomLine, iconProps, children }) => {
     const [expanded, setExpanded] = useState(false);
     useEffect(() => {
@@ -20,22 +21,22 @@ const Collapsible = ({ id, className, title, subtitle, boldTitle, borderTop, bor
         }
     });
     const headingClassList = classNames({
-        'border-b': borderBottom,
-        'border-t': borderTop
-    }, 'w-auto flex text-center collapsible');
-    const classList = classNames(className, 'bg-primary text-white hover:bg-white hover:text-primary transition-opactiy duration-300');
+        [style.borderBottom]: borderBottom,
+        [style.borderTop]: borderTop
+    }, style.headingClassList, 'collapsible');
+    const classList = classNames(className, style.classList, 'transition-opactiy');
     const padding = classNames({
-        'pt-7': title !== undefined && subtitle !== undefined,
-        'pt-4': title !== undefined && subtitle === undefined
+        [style.titles]: title !== undefined && subtitle !== undefined,
+        [style.titleOnly]: title !== undefined && subtitle === undefined
     });
     const textSubstitutePadding = classNames({
-        'pb-4': title === undefined && subtitle === undefined
+        [style.textSubstitutePadding]: title === undefined && subtitle === undefined
     });
     const contentWrapperClassList = classNames({
-        'max-h-max my-2': expanded,
-        'max-h-0': !expanded
-    }, 'w-auto overflow-hidden px-4 bg-white text-primary');
-    const childrenClassList = classNames(padding, 'w-full pr-8 text-right');
+        [style.expanded]: expanded,
+        [style.collapsed]: !expanded
+    }, style.contentWrapperClassList);
+    const childrenClassList = classNames(padding, style.childrenClassList);
     const expandItem = (e) => {
         const content = e.currentTarget.nextElementSibling;
         const scrollHeight = content.scrollHeight.toString();
@@ -50,10 +51,10 @@ const Collapsible = ({ id, className, title, subtitle, boldTitle, borderTop, bor
     return (React.createElement("div", { id: id, className: classList },
         React.createElement("div", { onClick: e => expandItem(e), className: headingClassList },
             (iconProps !== undefined) &&
-                React.createElement("div", { className: `pl-4 text-left ${padding} ${textSubstitutePadding}` },
+                React.createElement("div", { className: classNames(style.iconWrapper, padding, textSubstitutePadding) },
                     React.createElement(Icon, Object.assign({}, iconProps))),
             (title !== undefined || subtitle !== undefined) &&
-                React.createElement("div", { className: 'w-full pl-4 py-4 text-left' },
+                React.createElement("div", { className: style.titleWrapper },
                     title !== undefined && React.createElement("h4", null, title),
                     subtitle !== undefined && React.createElement("h5", null,
                         React.createElement("small", null, subtitle))),
@@ -64,4 +65,4 @@ const Collapsible = ({ id, className, title, subtitle, boldTitle, borderTop, bor
             React.createElement("div", { className: contentWrapperClassList, style: { transition: 'max-height 0.2s ease-out' } }, children)));
 };
 export default Collapsible;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=Collapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"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"}