trepur_components 0.3.20 → 0.3.23

package/dist/components/Accordion/index.js

@@ -13,7 +13,7 @@ var _Collapsible = _interopRequireDefault(require("../Collapsible"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Accordion = _ref => {
   let {

package/dist/components/AlertBar/index.js

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.alertBarProps = void 0;
 
+require("core-js/modules/es.array.includes.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _Icon = _interopRequireWildcard(require("../Icon"));
@@ -23,7 +25,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 

package/dist/components/BreadcrumbsBordered/index.js

@@ -13,7 +13,7 @@ var _BreadcrumbsItem = _interopRequireDefault(require("../BreadcrumbsItem"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Breadcrumbs = _ref => {
   let {

package/dist/components/BreadcrumbsItem/index.js

@@ -15,8 +15,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("./index.css");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -29,7 +27,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const breadcrumbsItemProps = {
   id: _propTypes.default.string,
@@ -84,16 +82,36 @@ const BreadcrumbsItem = _ref => {
     'text-light-grey': !isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.faColor),
     [breadcrumbsItemProps.hoverFaColor]: isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.hoverFaColor),
     'text-black': isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.hoverFaColor)
-  }, 'absolute top-0 w-0 h-0');
+  }, 'absolute top-0 w-0 h-0 border-t');
 
   const frontArrow = /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(frontArrowClasses, " right-arrow")
+    style: {
+      'border-top': '17px solid transparent',
+      'border-bottom': '15px solid transparent',
+      'border-left': '16px solid',
+      'right': '-16px'
+    },
+    className: frontArrowClasses
   });
 
   const backArrows = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(backArrowsClasses, " ").concat(bottomArrowClasses, " arrow-bottom")
+    style: {
+      'border-top': '17px solid',
+      'border-bottom': '18px solid transparent',
+      'border-left': '17px solid transparent',
+      'left': '-17px',
+      '-webkit-transform': 'scaleY(-1)',
+      'transform': 'scaleY(-1)'
+    },
+    className: "".concat(backArrowsClasses, " ").concat(bottomArrowClasses)
   }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(backArrowsClasses, " ").concat(topArrowClasses, " arrow-top")
+    style: {
+      'border-top': '18px solid',
+      'border-bottom': '17px solid transparent',
+      'border-left': '17px solid transparent',
+      'left': '-17px'
+    },
+    className: "".concat(backArrowsClasses, " ").concat(topArrowClasses)
   }));
 
   const renderWithFrontArrow = () => /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/Button/index.js

@@ -29,7 +29,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const buttonProps = {
   id: _propTypes.default.string,

package/dist/components/Card/index.js

@@ -27,7 +27,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Card = _ref => {
   let {

package/dist/components/CardWithTopImage/index.js

@@ -13,11 +13,9 @@ var _index = _interopRequireDefault(require("../Image/index"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("./index.css");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -54,7 +52,11 @@ const CardWithTopImage = _ref => {
   imageProps = _objectSpread(_objectSpread({}, imageProps), {}, {
     classes: ((_imageProps3 = imageProps) === null || _imageProps3 === void 0 ? void 0 : _imageProps3.classes) + ' ' + imageClassList
   });
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    style: {
+      'filter': 'drop-shadow(0 4px 8px rgb(154, 154, 154))'
+    }
+  }, id && {
     id: id
   }, {
     className: classList

package/dist/components/{CarouselV2 → Carousel}/index.css

@@ -1,3 +1,4 @@
 .arrow {
   -webkit-transform: translateY(-50%);
-}
+}
+/*# sourceMappingURL=index.css.map */

package/dist/components/Carousel/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/components/Carousel/index.css"],"names":[],"mappings":"AAAA;EACE,mCAAmC;AACrC","file":"index.css","sourcesContent":[".arrow {\n  -webkit-transform: translateY(-50%);\n}"]}

package/dist/components/Carousel/index.js

@@ -2,22 +2,22 @@
 
 require("core-js/modules/es.object.assign.js");
 
-require("core-js/modules/web.dom-collections.iterator.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+require("core-js/modules/web.dom-collections.iterator.js");
+
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactSlick = _interopRequireDefault(require("react-slick"));
+require("keen-slider/keen-slider.min.css");
 
-var _Icon = _interopRequireDefault(require("../Icon"));
+var _react2 = require("keen-slider/react");
 
-require("slick-carousel/slick/slick.css");
+require("./index.css");
 
-require("slick-carousel/slick/slick-theme.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -25,165 +25,161 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+//https://keen-slider.io/docs#usage-in-react
+const CarouselV2 = _ref => {
+  var _instanceRef$current3, _instanceRef$current4, _instanceRef$current5, _instanceRef$current6, _instanceRef$current7, _instanceRef$current8, _instanceRef$current9, _instanceRef$current10;
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//https://react-slick.neostack.com/docs/api/
-const Carousel = _ref => {
   let {
     id,
     classes,
+    breakpoints,
+    defaultAnimation,
+    //disabled,
+    drag,
+    dragSpeed,
+    initial,
+    loop,
+    mode,
+    range,
+    renderMode,
+    rtl,
+    rubberband,
+    selector,
     slides,
-    infinite,
-    speed,
+    vertical,
+    animationStarted,
+    animationStopped,
+    animationEnded,
+    created,
+    destroyed,
+    detailsChanged,
+    dragged,
+    dragStarted,
+    dragChecked,
+    dragEnded,
+    beforeOptionsChanged,
+    optionsChanged,
+    slideChanged,
+    updated,
     slidesToShow,
-    dots,
+    spacing,
+    number,
+    origin,
     arrows,
-    smSlidesToShow,
-    mdSlidesToShow,
-    lgSlidesToShow,
-    xlSlidesToShow,
-    xxlSlidesToShow,
-    smShowArrows,
-    mdShowArrows,
-    lgShowArrows,
-    xlShowArrows,
-    xxlShowArrows,
-    smShowDots,
-    mdShowDots,
-    lgShowDots,
-    xlShowDots,
-    xxlShowDots,
-    slidesToScroll,
-    autoplay,
-    autoplaySpeed,
-    nextArrowClasses,
-    nextArrowStyles,
-    previousArrowClasses,
-    previousArrowStyles,
-    nextArrowIcon,
-    nextArrowIconSize,
-    previousArrowIcon,
-    previousArrowIconSize,
-    dotStyles,
-    dotWrapperStyles,
-    sliderSettingsClasses,
-    centerMode,
-    centerPadding
+    dots
   } = _ref;
-  const slider = (0, _react.useRef)(null);
-  let previousArrowClassList = 'absolute z-10 -left-12 top-2/4 ';
-  previousArrowClassList += previousArrowClasses ? previousArrowClasses : '';
-  let nextArrowClassList = 'absolute z-10 -right-12 top-2/4 ';
-  nextArrowClassList += nextArrowClasses ? nextArrowClasses : '';
-
-  const NextArrow = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      id: "ArrowNext",
-      className: nextArrowClassList,
-      style: _objectSpread({}, nextArrowStyles),
-      onClick: () => {
-        var _slider$current;
-
-        return slider === null || slider === void 0 ? void 0 : (_slider$current = slider.current) === null || _slider$current === void 0 ? void 0 : _slider$current.slickNext();
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      iconProps: {
-        type: nextArrowIcon,
-        size: nextArrowIconSize
-      }
-    }));
-  };
-
-  const PrevArrow = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      id: "ArrowPrev",
-      className: previousArrowClassList,
-      style: _objectSpread({}, previousArrowStyles),
-      onClick: () => {
-        var _slider$current2;
-
-        return slider === null || slider === void 0 ? void 0 : (_slider$current2 = slider.current) === null || _slider$current2 === void 0 ? void 0 : _slider$current2.slickPrev();
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      iconProps: {
-        type: previousArrowIcon,
-        size: previousArrowIconSize
-      }
-    }));
-  };
-
-  const settings = {
-    infinite: infinite,
-    speed: speed,
-    dots: dots,
-    arrows: arrows,
-    slidesToShow: slidesToShow,
-    slidesToScroll: slidesToScroll,
-    autoplay: autoplay,
-    autoplaySpeed: autoplaySpeed,
-    nextArrow: /*#__PURE__*/_react.default.createElement(NextArrow, null),
-    prevArrow: /*#__PURE__*/_react.default.createElement(PrevArrow, null),
-    className: sliderSettingsClasses,
-    centerMode: centerMode,
-    centerPadding: centerPadding,
-    responsive: [{
-      breakpoint: 1536,
-      settings: {
-        slidesToShow: xxlSlidesToShow || 1,
-        arrows: xxlShowArrows || true,
-        dots: xxlShowDots || true
-      }
-    }, {
-      breakpoint: 1280,
-      settings: {
-        slidesToShow: xlSlidesToShow || 1,
-        arrows: xlShowArrows || true,
-        dots: xlShowDots || true
-      }
-    }, {
-      breakpoint: 1024,
-      settings: {
-        slidesToShow: lgSlidesToShow || 1,
-        arrows: lgShowArrows || true,
-        dots: lgShowDots || true
-      }
-    }, {
-      breakpoint: 768,
-      settings: {
-        slidesToShow: mdSlidesToShow || 1,
-        arrows: mdShowArrows || true,
-        dots: mdShowDots || true
-      }
-    }, {
-      breakpoint: 640,
-      settings: {
-        slidesToShow: smSlidesToShow || 1,
-        arrows: smShowArrows || false,
-        dots: smShowDots || false
-      }
-    }],
-    appendDots: dots => /*#__PURE__*/_react.default.createElement("div", {
-      style: _objectSpread({}, dotWrapperStyles)
-    }, /*#__PURE__*/_react.default.createElement("ul", {
-      style: _objectSpread({}, dotStyles)
-    }, dots))
-  };
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
+  const classList = classes;
+  const dotClasses = "w-4 h-4 cursor-pointer focus:".concat(dots === null || dots === void 0 ? void 0 : dots.activeColours, " rounded-full mx-1 ");
+  const [currentSlide, setCurrentSlide] = (0, _react.useState)(0);
+  const [loaded, setLoaded] = (0, _react.useState)(false);
+  const [sliderRef, instanceRef] = (0, _react2.useKeenSlider)({
+    initial: initial,
+    breakpoints: breakpoints,
+    defaultAnimation: defaultAnimation,
+    //disabled: disabled,
+    drag: drag,
+    dragSpeed: dragSpeed,
+    initial: initial,
+    loop: loop,
+    mode: mode,
+    range: range,
+    renderMode: renderMode,
+    rtl: rtl,
+    rubberband: rubberband,
+    // selector: selector,
+    vertical: vertical,
+
+    slideChanged(slider) {
+      setCurrentSlide(slider.track.details.rel);
+    },
+
+    created() {
+      setLoaded(true);
+    },
+
+    animationStarted: animationStarted,
+    animationStopped: animationStopped,
+    animationEnded: animationEnded,
+    // created: created,
+    destroyed: destroyed,
+    detailsChanged: detailsChanged,
+    dragged: dragged,
+    dragStarted: dragStarted,
+    dragChecked: dragChecked,
+    dragEnded: dragEnded,
+    beforeOptionsChanged: beforeOptionsChanged,
+    optionsChanged: optionsChanged,
+    // slideChanged: slideChanged,
+    updated: updated,
+    slides: {
+      perView: slidesToShow,
+      spacing: spacing,
+      origin: origin,
+      number: number
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
     id: id
   }, {
-    className: classes
-  }), /*#__PURE__*/_react.default.createElement(_reactSlick.default, _extends({
-    ref: slider
-  }, settings), slides && slides.map(slide => {
-    return slide;
+    className: "relative navigation-wrapper ".concat(classList)
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    ref: sliderRef,
+    className: "keen-slider"
+  }, slides && slides), (arrows === null || arrows === void 0 ? void 0 : arrows.visible) && loaded && instanceRef.current && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Arrow, {
+    left: true,
+    onClick: e => {
+      var _instanceRef$current;
+
+      return e.stopPropagation() || ((_instanceRef$current = instanceRef.current) === null || _instanceRef$current === void 0 ? void 0 : _instanceRef$current.prev());
+    },
+    disabled: currentSlide === 0,
+    arrows: arrows
+  }), /*#__PURE__*/_react.default.createElement(Arrow, {
+    onClick: e => {
+      var _instanceRef$current2;
+
+      return e.stopPropagation() || ((_instanceRef$current2 = instanceRef.current) === null || _instanceRef$current2 === void 0 ? void 0 : _instanceRef$current2.next());
+    },
+    disabled: currentSlide === (instanceRef === null || instanceRef === void 0 ? void 0 : (_instanceRef$current3 = instanceRef.current) === null || _instanceRef$current3 === void 0 ? void 0 : (_instanceRef$current4 = _instanceRef$current3.track) === null || _instanceRef$current4 === void 0 ? void 0 : (_instanceRef$current5 = _instanceRef$current4.details) === null || _instanceRef$current5 === void 0 ? void 0 : (_instanceRef$current6 = _instanceRef$current5.slides) === null || _instanceRef$current6 === void 0 ? void 0 : _instanceRef$current6.length) - 1,
+    arrows: arrows
+  }))), (dots === null || dots === void 0 ? void 0 : dots.visible) && loaded && instanceRef.current && /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex py-4 justify-center"
+  }, [...Array(instanceRef === null || instanceRef === void 0 ? void 0 : (_instanceRef$current7 = instanceRef.current) === null || _instanceRef$current7 === void 0 ? void 0 : (_instanceRef$current8 = _instanceRef$current7.track) === null || _instanceRef$current8 === void 0 ? void 0 : (_instanceRef$current9 = _instanceRef$current8.details) === null || _instanceRef$current9 === void 0 ? void 0 : (_instanceRef$current10 = _instanceRef$current9.slides) === null || _instanceRef$current10 === void 0 ? void 0 : _instanceRef$current10.length).keys()].map(idx => {
+    return /*#__PURE__*/_react.default.createElement("button", {
+      key: idx,
+      onClick: () => {
+        var _instanceRef$current11;
+
+        (_instanceRef$current11 = instanceRef.current) === null || _instanceRef$current11 === void 0 ? void 0 : _instanceRef$current11.moveToIdx(idx);
+      },
+      className: dotClasses + (currentSlide === idx ? " active ".concat(dots === null || dots === void 0 ? void 0 : dots.activeColours) : " ".concat(dots === null || dots === void 0 ? void 0 : dots.colours))
+    });
   })));
 };
 
-var _default = Carousel;
+function Arrow(props) {
+  var _props$arrows, _props$arrows2, _props$arrows3, _props$arrows4;
+
+  const arrowClasses = (0, _classnames.default)({
+    'arrow--left left-1.5': props.left,
+    'arrow--right left-auto right-1.5': !props.left,
+    [props === null || props === void 0 ? void 0 : (_props$arrows = props.arrows) === null || _props$arrows === void 0 ? void 0 : _props$arrows.colours]: (props === null || props === void 0 ? void 0 : (_props$arrows2 = props.arrows) === null || _props$arrows2 === void 0 ? void 0 : _props$arrows2.colours) && !props.disabled,
+    [props === null || props === void 0 ? void 0 : (_props$arrows3 = props.arrows) === null || _props$arrows3 === void 0 ? void 0 : _props$arrows3.disabledColours]: (props === null || props === void 0 ? void 0 : (_props$arrows4 = props.arrows) === null || _props$arrows4 === void 0 ? void 0 : _props$arrows4.disabledColours) && props.disabled,
+    'arrow--disabled': props.disabled
+  }, 'arrow w-12 translate-y-2/4 h-12 absolute cursor-pointer top-1/2');
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    onClick: props === null || props === void 0 ? void 0 : props.onClick,
+    className: "".concat(arrowClasses),
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, (props === null || props === void 0 ? void 0 : props.left) && /*#__PURE__*/_react.default.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 && props.left) && /*#__PURE__*/_react.default.createElement("path", {
+    d: "M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z"
+  }));
+}
+
+var _default = CarouselV2;
 exports.default = _default;

package/dist/components/ChevronCard/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const ChevronCard = _ref => {
   let {

package/dist/components/Collapsible/index.js

@@ -29,7 +29,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const collapsibleProps = {
   id: _propTypes.default.string,

package/dist/components/Column/index.js

@@ -21,7 +21,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const columnProps = {
   id: _propTypes.default.string,

package/dist/components/Container/index.js

@@ -21,7 +21,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const containerProps = {
   id: _propTypes.default.string,

package/dist/components/Form/index.js

@@ -15,7 +15,7 @@ var _Input = _interopRequireDefault(require("../Input"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Form = _ref => {
   let {

package/dist/components/FyreCard/index.js

@@ -13,7 +13,7 @@ var _Button = _interopRequireDefault(require("../Button"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const FyreCard = _ref => {
   let {

package/dist/components/Icon/index.js

@@ -21,7 +21,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const iconProps = {
   id: _propTypes.default.string,

package/dist/components/Image/index.js

@@ -21,7 +21,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const imageProps = {
   id: _propTypes.default.string,

package/dist/components/ImageLink/index.js

@@ -15,7 +15,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const ImageLink = _ref => {
   let {

package/dist/components/ImageLinkList/index.js

@@ -15,7 +15,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const ImageLinkList = _ref => {
   let {

package/dist/components/InformationIcon/index.js

@@ -29,7 +29,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const informationIconProps = {
   id: _propTypes.default.string,

package/dist/components/Input/index.js

@@ -21,7 +21,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const inputProps = {
   id: _propTypes.default.string,