trepur_components 1.0.0 → 1.0.2

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

@@ -1,13 +1,13 @@
 import React from 'react';
 import Carousel from './index';
-import { idAndClassName } from '@utils/controls';
+import { idAndClassName } from '../../utils/controls';
 import Card from '../Card';
-import logo from '../../assets/images/primary-logo.png';
+import logo from '@assets/images/primary-logo.png';
 const slides = [
-    React.createElement(Card, { className: 'keen-slider__slide', image: logo, subTitle: 'This is a subtitle', description: 'This is a description paragraph', extraText: 'This is another paragraph', rounded: true, bordered: true }),
-    React.createElement(Card, { className: 'keen-slider__slide', image: logo, subTitle: 'This is a subtitle', description: 'This is a description paragraph', extraText: 'This is another paragraph', rounded: true, bordered: true }),
-    React.createElement(Card, { className: 'keen-slider__slide', image: logo, subTitle: 'This is a subtitle', description: 'This is a description paragraph', extraText: 'This is another paragraph', rounded: true, bordered: true }),
-    React.createElement(Card, { className: 'keen-slider__slide', image: logo, subTitle: 'This is a subtitle', description: 'This is a description paragraph', extraText: 'This is another paragraph', rounded: true, bordered: true })
+    React.createElement(Card, { key: 'card_1', className: 'keen-slider__slide', image: logo, subTitle: 'This is a subtitle', description: 'This is a description paragraph', extraText: 'This is another paragraph', rounded: true, bordered: true }),
+    React.createElement(Card, { key: 'card_2', className: 'keen-slider__slide', image: logo, subTitle: 'This is a subtitle', description: 'This is a description paragraph', extraText: 'This is another paragraph', rounded: true, bordered: true }),
+    React.createElement(Card, { key: 'card_3', className: 'keen-slider__slide', image: logo, subTitle: 'This is a subtitle', description: 'This is a description paragraph', extraText: 'This is another paragraph', rounded: true, bordered: true }),
+    React.createElement(Card, { key: 'card_4', className: 'keen-slider__slide', image: logo, subTitle: 'This is a subtitle', description: 'This is a description paragraph', extraText: 'This is another paragraph', rounded: true, bordered: true })
 ];
 const componentMeta = {
     title: 'Trepur Components/Rupert Bennett/Organisms/Carousel',
@@ -238,7 +238,7 @@ const componentMeta = {
                 type: { summary: 'boolean' },
                 defaultValue: { summary: 'undefined' }
             }
-        }, slidesToShow: {
+        }, perView: {
             type: { name: 'number', required: false },
             description: 'The number of slides to show at a time',
             table: {
@@ -278,16 +278,16 @@ const componentMeta = {
     args: {
         loop: true,
         drag: true,
-        slides: slides,
+        slides,
+        spacing: 16,
+        perView: 4,
         arrows: {
-            visible: true,
-            colours: 'fill-primary',
-            disabledColours: 'fill-secondary '
+            visible: true
         },
         dots: {
             visible: true,
             colours: 'bg-primary',
-            activeColours: 'bg-primary',
+            activeColours: 'bg-secondary'
         }
     }
 };

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

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

package/dist/src/lib/components/Carousel/index.d.ts

@@ -5,7 +5,7 @@ export interface Props {
     id?: string;
     className?: string;
     breakpoints?: {
-        [key: string]: Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>, "breakpoints">;
+        [key: string]: Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>, 'breakpoints'>;
     };
     defaultAnimation?: {
         duration?: number;
@@ -16,16 +16,16 @@ export interface Props {
     dragSpeed?: number;
     initial?: number;
     loop?: boolean;
-    mode?: "snap" | "free" | "free-snap";
+    mode?: 'snap' | 'free' | 'free-snap';
     range?: {
         align?: boolean;
         min?: number;
         max?: number;
     };
-    renderMode?: "precision" | "performance" | "custom";
+    renderMode?: 'precision' | 'performance' | 'custom';
     rtl?: boolean;
     rubberband?: boolean;
-    slides?: Array<any>;
+    slides?: any[];
     vertical?: boolean;
     animationStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
     animationStopped?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
@@ -41,14 +41,12 @@ export interface Props {
     optionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
     slideChanged?: boolean;
     updated?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
-    slidesToShow?: number;
+    perView?: number;
     spacing?: number;
     number?: number;
-    origin?: number | "auto" | "center";
+    origin?: number | 'auto' | 'center';
     arrows?: {
         visible: boolean;
-        colours: string;
-        disabledColours: string;
         onClick?: () => void;
     };
     dots?: {

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

@@ -2,26 +2,72 @@ import React, { useState } from 'react';
 import 'keen-slider/keen-slider.min.css';
 import { useKeenSlider } from 'keen-slider/react';
 import classNames from 'classnames';
-const Carousel = ({ id, className, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop, mode, range, renderMode, rtl, rubberband, slides, vertical, animationStarted, animationStopped, animationEnded, created, destroyed, detailsChanged, dragged, dragStarted, dragChecked, dragEnded, beforeOptionsChanged, optionsChanged, slideChanged, updated, slidesToShow = 3, spacing, number, origin, arrows, dots }) => {
+import Icon from '../Icon';
+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;
-    const dotClasses = `w-4 h-4 cursor-pointer focus:${dots === null || dots === void 0 ? void 0 : dots.activeColours} rounded-full mx-1 `;
     const [currentSlide, setCurrentSlide] = useState(0);
     const [loaded, setLoaded] = useState(false);
+    const wheelControls = (slider) => {
+        let touchTimeout;
+        let position;
+        let wheelActive;
+        function dispatch(e, name) {
+            position.x -= e.deltaX;
+            position.y -= e.deltaY;
+            slider.container.dispatchEvent(new CustomEvent(name, {
+                detail: {
+                    x: position.x,
+                    y: position.y
+                }
+            }));
+        }
+        function wheelStart(e) {
+            position = {
+                x: e.pageX,
+                y: e.pageY
+            };
+            dispatch(e, 'ksDragStart');
+        }
+        function wheel(e) {
+            dispatch(e, 'ksDrag');
+        }
+        function wheelEnd(e) {
+            dispatch(e, 'ksDragEnd');
+        }
+        function eventWheel(e) {
+            e.preventDefault();
+            if (!wheelActive) {
+                wheelStart(e);
+                wheelActive = true;
+            }
+            wheel(e);
+            clearTimeout(touchTimeout);
+            touchTimeout = setTimeout(() => {
+                wheelActive = false;
+                wheelEnd(e);
+            }, 50);
+        }
+        slider.on('created', () => {
+            slider.container.addEventListener('wheel', eventWheel, {
+                passive: false
+            });
+        });
+    };
     const [sliderRef, instanceRef] = useKeenSlider({
-        initial: initial,
-        breakpoints: breakpoints,
-        defaultAnimation: defaultAnimation,
-        disabled: disabled,
-        drag: drag,
-        dragSpeed: dragSpeed,
-        loop: loop,
-        mode: mode,
-        range: range,
-        renderMode: renderMode,
-        rtl: rtl,
-        rubberband: rubberband,
-        vertical: vertical,
+        initial,
+        breakpoints,
+        defaultAnimation,
+        disabled,
+        drag,
+        dragSpeed,
+        loop,
+        mode,
+        range,
+        renderMode,
+        rtl,
+        rubberband,
+        vertical,
         slideChanged(slider) {
             setCurrentSlide(slider.track.details.rel);
         },
@@ -30,52 +76,47 @@ const Carousel = ({ id, className, breakpoints, defaultAnimation, disabled, drag
             setLoaded(true);
         },
         // created: created,
-        animationStarted: animationStarted,
-        animationStopped: animationStopped,
-        animationEnded: animationEnded,
-        destroyed: destroyed,
-        detailsChanged: detailsChanged,
-        dragged: dragged,
-        dragStarted: dragStarted,
-        dragChecked: dragChecked,
-        dragEnded: dragEnded,
-        beforeOptionsChanged: beforeOptionsChanged,
-        optionsChanged: optionsChanged,
-        updated: updated,
+        animationStarted,
+        animationStopped,
+        animationEnded,
+        destroyed,
+        detailsChanged,
+        dragged,
+        dragStarted,
+        dragChecked,
+        dragEnded,
+        beforeOptionsChanged,
+        optionsChanged,
+        updated,
         slides: {
-            perView: slidesToShow,
-            spacing: spacing,
-            origin: origin,
-            number: number
-        },
-    });
+            perView,
+            spacing,
+            origin,
+            number
+        }
+    }, [wheelControls]);
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", Object.assign({}, (id && { id: id }), { className: `relative navigation-wrapper ${classList}` }),
-            React.createElement("div", { ref: sliderRef, className: "keen-slider" }, slides && slides),
-            (arrows === null || arrows === void 0 ? void 0 : arrows.visible) && loaded && instanceRef.current && (React.createElement(React.Fragment, null,
-                React.createElement(Arrow, { left: true, onClick: (e) => { var _a; return e.stopPropagation() || ((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.prev()); }, disabled: currentSlide === 0, arrows: arrows }),
-                React.createElement(Arrow, { onClick: (e) => { var _a; return e.stopPropagation() || ((_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) - 1, arrows: arrows })))),
-        (dots === null || dots === void 0 ? void 0 : dots.visible) && loaded && instanceRef.current && (React.createElement("div", { className: "flex py-4 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) => {
-            return (React.createElement("button", { key: idx, onClick: () => {
+        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(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(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) => {
+            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);
-                }, "aria-label": `${id}_item_${idx}`, className: dotClasses + (currentSlide === idx ? ` active ${dots === null || dots === void 0 ? void 0 : dots.activeColours}` : ` ${dots === null || dots === void 0 ? void 0 : dots.colours}`) }));
+                } }));
         })))));
 };
 function Arrow(props) {
-    const arrowClasses = classNames({
-        'arrow--left left-1.5': props.left,
-        'arrow--right left-auto right-1.5': !props.left,
-        'arrow--disabled': props.disabled
-    }, 'arrow w-12 translate-y-2/4 h-12 absolute cursor-pointer top-1/2');
-    return (React.createElement("svg", { style: {
-            'WebkitTransform': 'translateY(-50%)'
-        }, onClick: props === null || props === void 0 ? void 0 : props.onClick, className: `${arrowClasses}`, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
-        (props === null || props === void 0 ? void 0 : props.left) && (React.createElement("path", { d: "M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z" })),
-        !(props === null || props === void 0 ? void 0 : props.left) && (React.createElement("path", { d: "M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z" }))));
+    return (React.createElement("div", { className: 'w-full' },
+        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' }))));
+}
+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' })));
 }
 export default Carousel;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,aAAa,EAA0D,MAAM,mBAAmB,CAAA;AACzG,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AA0CnC,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,EACP,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,MAAM,EACb,KAAK,EACL,UAAU,EACV,GAAG,EACH,UAAU,EACV,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,OAAO,EACP,SAAS,EACT,cAAc,EACd,OAAO,EACP,WAAW,EACX,WAAW,EACX,SAAS,EACT,oBAAoB,EACpB,cAAc,EACd,YAAY,EACZ,OAAO,EACP,OAAO,GAAG,CAAC,EACX,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,IAAI,EACL,EAAE,EAAE;;IACH,MAAM,SAAS,GAAG,SAAS,CAAA;IAC3B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,aAAa,GAAG,CAAC,MAAW,EAAQ,EAAE;QAC1C,IAAI,YAAiB,CAAA;QACrB,IAAI,QAAa,CAAA;QACjB,IAAI,WAAoB,CAAA;QAExB,SAAS,QAAQ,CAAE,CAAM,EAAE,IAAY;YACrC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAA;YACtB,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAA;YACtB,MAAM,CAAC,SAAS,CAAC,aAAa,CAC5B,IAAI,WAAW,CAAC,IAAI,EAAE;gBACpB,MAAM,EAAE;oBACN,CAAC,EAAE,QAAQ,CAAC,CAAC;oBACb,CAAC,EAAE,QAAQ,CAAC,CAAC;iBACd;aACF,CAAC,CACH,CAAA;QACH,CAAC;QAED,SAAS,UAAU,CAAE,CAAM;YACzB,QAAQ,GAAG;gBACT,CAAC,EAAE,CAAC,CAAC,KAAK;gBACV,CAAC,EAAE,CAAC,CAAC,KAAK;aACX,CAAA;YACD,QAAQ,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;QAC5B,CAAC;QAED,SAAS,KAAK,CAAE,CAAM;YACpB,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAA;QACvB,CAAC;QAED,SAAS,QAAQ,CAAE,CAAM;YACvB,QAAQ,CAAC,CAAC,EAAE,WAAW,CAAC,CAAA;QAC1B,CAAC;QAED,SAAS,UAAU,CAAE,CAAM;YACzB,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,IAAI,CAAC,WAAW,EAAE;gBAChB,UAAU,CAAC,CAAC,CAAC,CAAA;gBACb,WAAW,GAAG,IAAI,CAAA;aACnB;YACD,KAAK,CAAC,CAAC,CAAC,CAAA;YACR,YAAY,CAAC,YAAY,CAAC,CAAA;YAC1B,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC7B,WAAW,GAAG,KAAK,CAAA;gBACnB,QAAQ,CAAC,CAAC,CAAC,CAAA;YACb,CAAC,EAAE,EAAE,CAAC,CAAA;QACR,CAAC;QAED,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE;YACxB,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE;gBACrD,OAAO,EAAE,KAAK;aACf,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,aAAa,CAAiB;QAC7D,OAAO;QACP,WAAW;QACX,gBAAgB;QAChB,QAAQ;QACR,IAAI;QACJ,SAAS;QACT,IAAI;QACJ,IAAI;QACJ,KAAK;QACL,UAAU;QACV,GAAG;QACH,UAAU;QACV,QAAQ;QACR,YAAY,CAAE,MAAM;YAClB,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;QAC3C,CAAC;QACD,8BAA8B;QAC9B,OAAO;YACL,SAAS,CAAC,IAAI,CAAC,CAAA;QACjB,CAAC;QACD,oBAAoB;QACpB,gBAAgB;QAChB,gBAAgB;QAChB,cAAc;QACd,SAAS;QACT,cAAc;QACd,OAAO;QACP,WAAW;QACX,WAAW;QACX,SAAS;QACT,oBAAoB;QACpB,cAAc;QACd,OAAO;QACP,MAAM,EAAE;YACN,OAAO;YACP,OAAO;YACP,MAAM;YACN,MAAM;SACP;KACF,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,MAAK,IAAI,IAAI,sBAAsB,EAAE,2BAA2B,CAAC;YAC3H,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,MAAK,IAAI,IAAI,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,KAAK,SAAS,CAAC,IAAI,CAC5E,6BAAK,SAAS,EAAC,SAAS;gBACtB,oBAAC,KAAK,IACJ,IAAI,QACJ,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE,WAAC,OAAA,CAAC,CAAC,eAAe,EAAE,KAAK,SAAS,KAAI,MAAA,WAAW,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAA,CAAA,EAAA,EACrF,QAAQ,EAAE,YAAY,KAAK,CAAC,EAC5B,MAAM,EAAE,MAAM,GACd,CACE,CACP;YACD,6BAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,oBAAoB,IAChD,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,MAAM,CACvB;YACL,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,MAAK,IAAI,IAAI,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,KAAK,SAAS,CAAC,IAAI,CAC5E,6BAAK,SAAS,EAAC,SAAS;gBACtB,oBAAC,KAAK,IACJ,KAAK,QACL,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE,WAClB,OAAA,CAAC,CAAC,eAAe,EAAE,KAAK,SAAS,KAAI,MAAA,WAAW,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAA,CAAA,EAAA,EAClE,QAAQ,EACN,YAAY,MAAK,MAAA,MAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,0CAAE,KAAK,0CAAE,OAAO,0CAAE,MAAM,0CAAE,MAAM,CAAA,EAEvE,MAAM,EAAE,MAAM,GACd,CACE,CACP,CACG;QACL,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,MAAK,IAAI,IAAI,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CACpE,6BAAK,SAAS,EAAC,0BAA0B,IACtC,CAAC,GAAG,KAAK,CAAC,MAAA,MAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,0CAAE,KAAK,0CAAE,OAAO,0CAAE,MAAM,0CAAE,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACtF,OAAO,CACL,oBAAC,GAAG,IACF,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,QAAQ,EAAE,YAAY,KAAK,GAAG,EAC9B,OAAO,EAAE,GAAG,EAAE;;oBACZ,MAAA,WAAW,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,CAAA;gBACrC,CAAC,GACD,CACH,CAAA;QACH,CAAC,CAAC,CACE,CACP,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,SAAS,KAAK,CAAE,KAAsK;IACpL,OAAO,CACL,6BAAK,SAAS,EAAC,QAAQ;QACrB,2BAAG,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO;YACxB,oBAAC,IAAI,IACH,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,EAC7D,SAAS,EAAC,8BAA8B,EACxC,IAAI,EAAE,CAAC,EACP,OAAO,QACP,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAC,SAAS,GAChB,CACA,CACA,CACP,CAAA;AACH,CAAC;AAED,SAAS,GAAG,CAAE,KAAuD;IACnE,OAAO,CACL,2BAAG,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO;QACxB,oBAAC,IAAI,IACH,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAE,CAAC,EACP,OAAO,QACP,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACnD,MAAM,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,GACjD,CACA,CACL,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAA"}

package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { idAndClassName } from '@utils/controls';
+import { idAndClassName } from '../../utils/controls';
 import ChevronCard from './index';
 const componentMeta = {
     title: 'Trepur Components/Other/Organisms/Chevron Card',

package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronCard.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/ChevronCard/ChevronCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,WAAW,MAAM,SAAS,CAAA;AAGjC,MAAM,aAAa,GAAsC;IACrD,KAAK,EAAE,gDAAgD;IACvD,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,EAAE;IACd,QAAQ,oBACD,cAAc,CACpB;IACD,IAAI,EAAE,EACL;CACJ,CAAA;AAED,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAC;AAEzF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE9C,eAAe,aAAa,CAAA"}
+{"version":3,"file":"ChevronCard.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/ChevronCard/ChevronCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,WAAW,MAAM,SAAS,CAAA;AAGjC,MAAM,aAAa,GAAsC;IACvD,KAAK,EAAE,gDAAgD;IACvD,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,EAAE;IACd,QAAQ,oBACH,cAAc,CAClB;IACD,IAAI,EAAE,EACL;CACF,CAAA;AAED,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAA;AAExF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE7C,eAAe,aAAa,CAAA"}

package/dist/src/lib/components/ChevronCard/index.js

@@ -1,20 +1,20 @@
+import classNames from 'classnames';
 import React from 'react';
 const ChevronCard = ({ id, className }) => {
-    let classList = 'flex border-l border-t border-b h-20 w-32 z-10 bg-white ';
-    classList += className ? className : '';
+    const classList = classNames(className, 'flex border-l border-t border-b h-20 w-32 z-10 bg-white');
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", Object.assign({}, (id && { id: id }), { className: 'flex' }),
+        React.createElement("div", { id: id, className: `${classList} flex` },
             React.createElement("div", { className: 'border-l border-t border-b h-20 w-32 z-10 bg-white' }),
             React.createElement("div", { id: 'chevronLeft', className: 'border h-14 w-14 -ml-7 mt-3 rotate-45' })),
-        React.createElement("div", Object.assign({}, (id && { id: id }), { className: 'flex-col my-8' }),
+        React.createElement("div", { id: id, className: 'flex-col my-8' },
             React.createElement("div", { className: 'border-l border-t border-r h-32 w-20 z-20 bg-white' }),
             React.createElement("div", { id: 'chevronLeft', className: 'border h-14 w-14 -mt-7 ml-3 rotate-45 z-0' })),
-        React.createElement("div", Object.assign({}, (id && { id: id }), { className: 'flex-col my-16' }),
+        React.createElement("div", { id: id, className: 'flex-col my-16' },
             React.createElement("div", { className: 'border h-14 w-14 -mb-7 ml-3 rotate-45 z-0' }),
-            React.createElement("div", Object.assign({}, (id && { id: id }), { className: 'border-l border-b border-r h-32 w-20 z-20 bg-white' }))),
-        React.createElement("div", Object.assign({}, (id && { id: id }), { className: 'flex' }),
+            React.createElement("div", { id: id, className: 'border-l border-b border-r h-32 w-20 z-20 bg-white' })),
+        React.createElement("div", { id: id, className: 'flex' },
             React.createElement("div", { className: 'border h-14 w-14 -mr-7 mt-3 rotate-45' }),
-            React.createElement("div", Object.assign({}, (id && { id: id }), { className: 'border-r border-t border-b h-20 w-32 z-10 bg-white' })))));
+            React.createElement("div", { id: id, className: 'border-r border-t border-b h-20 w-32 z-10 bg-white' }))));
 };
 export default ChevronCard;
 //# sourceMappingURL=index.js.map

package/dist/src/lib/components/ChevronCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/ChevronCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,WAAW,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACL,EAAE,EAAE;IAER,IAAI,SAAS,GAAG,0DAA0D,CAAA;IAC1E,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAA;IAEvC,OAAO,CACH;QACI,6CAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAE,SAAS,EAAE,MAAM;YAC1C,6BAAK,SAAS,EAAE,oDAAoD,GAC9D;YACN,6BAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAE,uCAAuC,GAClE,CACJ;QAEN,6CAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAE,SAAS,EAAC,eAAe;YAClD,6BAAK,SAAS,EAAE,oDAAoD,GAC9D;YACN,6BAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAE,2CAA2C,GACtE,CACJ;QAEN,6CAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAE,SAAS,EAAC,gBAAgB;YACnD,6BAAK,SAAS,EAAE,2CAA2C,GACrD;YACN,6CAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAE,SAAS,EAAE,oDAAoD,IACtF,CACJ;QAEN,6CAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAE,SAAS,EAAC,MAAM;YACzC,6BAAK,SAAS,EAAE,uCAAuC,GACjD;YACN,6CAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAE,SAAS,EAAE,oDAAoD,IACtF,CACJ,CACP,CACN,CAAA;AACL,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/ChevronCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,WAAW,GAAoB,CAAC,EACpC,EAAE,EACF,SAAS,EACH,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,yDAAyD,CAAC,CAAA;IAElG,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,OAAO;YACzC,6BAAK,SAAS,EAAC,oDAAoD,GAAG;YACtE,6BAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAC,uCAAuC,GAAG,CACtE;QAEN,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe;YACpC,6BAAK,SAAS,EAAC,oDAAoD,GAAG;YACtE,6BAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAC,2CAA2C,GAAG,CAC1E;QAEN,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,gBAAgB;YACrC,6BAAK,SAAS,EAAC,2CAA2C,GAAG;YAC7D,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,oDAAoD,GAAG,CAC1E;QAEN,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,MAAM;YAC3B,6BAAK,SAAS,EAAC,uCAAuC,GAAG;YACzD,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,oDAAoD,GAAG,CAC1E,CACL,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -53,10 +53,12 @@ const componentMeta = {
         subtitle: 'This is a subtitle',
         showBottomLine: true,
         iconProps: {
-            type: 'heart'
+            type: 'heart',
+            colour: 'white',
+            bgColour: 'primary'
         },
-        children: React.createElement("p", null, "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error, unde perferendis quibusdam eos repellendus vero rerum sunt reiciendis velit autem odio, fuga molestiae perspiciatis dolor voluptatum mollitia quos ipsa! Doloribus? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Reiciendis ducimus, dolorum tempore unde earum aspernatur placeat magnam, alias neque, blanditiis esse tenetur dignissimos in optio nihil libero cum cupiditate debitis?"),
-    },
+        children: React.createElement("p", null, "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error, unde perferendis quibusdam eos repellendus vero rerum sunt reiciendis velit autem odio, fuga molestiae perspiciatis dolor voluptatum mollitia quos ipsa! Doloribus? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Reiciendis ducimus, dolorum tempore unde earum aspernatur placeat magnam, alias neque, blanditiis esse tenetur dignissimos in optio nihil libero cum cupiditate debitis?")
+    }
 };
 const Template = (args) => React.createElement(Collapsible, Object.assign({}, args));
 export const _Collapsible = Template.bind({});

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

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/Collapsible.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,SAAS,CAAA;AAGjC,MAAM,aAAa,GAAsC;IACrD,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ;QACD,QAAQ,EAAE;YACN,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ;QACD,SAAS,EAAE;YACP,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ;QACD,YAAY,EAAE;YACV,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ;QACD,cAAc,EAAE;YACZ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ;QACD,QAAQ,EAAE;YACN,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ;KACJ;IACD,IAAI,EAAE;QACF,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,cAAc,EAAE,IAAI;QACpB,SAAS,EAAE;YACP,IAAI,EAAE,OAAO;SAChB;QACD,QAAQ,EAAE,yeAA8c;KAC3d;CACJ,CAAA;AAED,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAA;AAExF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE7C,eAAe,aAAa,CAAA"}
+{"version":3,"file":"Collapsible.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/Collapsible.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,SAAS,CAAA;AAGjC,MAAM,aAAa,GAAsC;IACvD,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,cAAc,EAAE;YACd,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,cAAc,EAAE,IAAI;QACpB,SAAS,EAAE;YACT,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,SAAS;SACpB;QACD,QAAQ,EAAE,yeAA8c;KACzd;CACF,CAAA;AAED,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAA;AAExF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE7C,eAAe,aAAa,CAAA"}

package/dist/src/lib/components/Collapsible/index.d.ts

@@ -10,7 +10,7 @@ export interface Props {
     borderBottom?: boolean;
     showBottomLine?: boolean;
     iconProps?: iconProps;
-    children?: any;
+    children?: string | JSX.Element;
 }
 declare const Collapsible: ({ id, className, title, subtitle, boldTitle, borderTop, borderBottom, showBottomLine, iconProps, children }: Props) => JSX.Element;
 export default Collapsible;

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

@@ -4,13 +4,14 @@ import classNames from 'classnames';
 const Collapsible = ({ id, className, title, subtitle, boldTitle, borderTop, borderBottom, showBottomLine, iconProps, children }) => {
     const [expanded, setExpanded] = useState(false);
     useEffect(() => {
-        const coll = document.getElementsByClassName("collapsible");
+        const coll = document.getElementsByClassName('collapsible');
         let i;
         for (i = 0; i < coll.length; i++) {
-            coll[i].addEventListener("click", function (err) {
-                let content = this.nextElementSibling;
+            coll[i].addEventListener('click', function (err) {
+                const content = this.nextElementSibling;
+                const scrollHeight = content.scrollHeight.toString();
                 if (content.style.maxHeight === '0px') {
-                    content.style.maxHeight = content.scrollHeight + "px";
+                    content.style.maxHeight = `${scrollHeight}px`;
                 }
                 else {
                     content.style.maxHeight = '0px';
@@ -20,48 +21,47 @@ const Collapsible = ({ id, className, title, subtitle, boldTitle, borderTop, bor
     });
     const headingClassList = classNames({
         'border-b': borderBottom,
-        'border-t': borderTop,
+        '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`);
+    const classList = classNames(className, 'bg-primary text-white hover:bg-white hover:text-primary transition-opactiy duration-300');
     const padding = classNames({
-        'pt-7': title && subtitle,
-        'pt-4': title && !subtitle,
+        'pt-7': title !== undefined && subtitle !== undefined,
+        'pt-4': title !== undefined && subtitle === undefined
     });
     const textSubstitutePadding = classNames({
-        'pb-4': !title && !subtitle,
+        'pb-4': 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]: true
-    }, 'w-full pr-8 text-right');
+    const childrenClassList = classNames(padding, 'w-full pr-8 text-right');
     const expandItem = (e) => {
         const content = e.currentTarget.nextElementSibling;
+        const scrollHeight = content.scrollHeight.toString();
         if (!expanded) {
-            content.style.maxHeight = `${content.scrollHeight}px`;
+            content.style.maxHeight = `${scrollHeight}px`;
         }
         else {
             content.style.maxHeight = '0px';
         }
         setExpanded(!expanded);
     };
-    return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: classList }),
+    return (React.createElement("div", { id: id, className: classList },
         React.createElement("div", { onClick: e => expandItem(e), className: headingClassList },
-            iconProps &&
+            (iconProps !== undefined) &&
                 React.createElement("div", { className: `pl-4 text-left ${padding} ${textSubstitutePadding}` },
                     React.createElement(Icon, Object.assign({}, iconProps))),
-            (title || subtitle) &&
+            (title !== undefined || subtitle !== undefined) &&
                 React.createElement("div", { className: 'w-full pl-4 py-4 text-left' },
-                    title && React.createElement("h4", null, title),
-                    subtitle && React.createElement("h5", null,
+                    title !== undefined && React.createElement("h4", null, title),
+                    subtitle !== undefined && React.createElement("h5", null,
                         React.createElement("small", null, subtitle))),
-            children &&
+            children !== undefined &&
                 React.createElement("div", { className: childrenClassList },
-                    React.createElement(Icon, { type: expanded ? 'chevron-up' : 'chevron-down' }))),
-        children &&
-            React.createElement("div", { className: contentWrapperClassList, style: { 'transition': 'max-height 0.2s ease-out' } }, children)));
+                    React.createElement(Icon, { type: expanded ? 'chevron-up' : 'chevron-down', colour: 'white', bgColour: 'primary' }))),
+        children !== undefined &&
+            React.createElement("div", { className: contentWrapperClassList, style: { transition: 'max-height 0.2s ease-out' } }, children)));
 };
 export default Collapsible;
 //# sourceMappingURL=index.js.map

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

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