trepur_components 0.4.8 → 1.0.1

package/dist/components/Button/index.js

@@ -1,141 +0,0 @@
-"use strict";
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.buttonProps = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Icon = _interopRequireWildcard(require("../Icon"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-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); }
-
-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 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 _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; }
-
-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 ? 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,
-  classes: _propTypes.default.string,
-  onClick: _propTypes.default.func,
-  bgColor: _propTypes.default.string,
-  textColor: _propTypes.default.string,
-  borderColor: _propTypes.default.string,
-  hoverBgColor: _propTypes.default.string,
-  hoverTextColor: _propTypes.default.string,
-  hoverBorderColor: _propTypes.default.string,
-  hoverText: _propTypes.default.string,
-  type: _propTypes.default.string,
-  url: _propTypes.default.string,
-  design: _propTypes.default.string,
-  bordered: _propTypes.default.bool,
-  rounded: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  isLoading: _propTypes.default.bool,
-  target: _propTypes.default.string,
-  leftIcon: _propTypes.default.shape(_Icon.iconProps),
-  rightIcon: _propTypes.default.shape(_Icon.iconProps),
-  centerIcon: _propTypes.default.shape(_Icon.iconProps),
-  ariaLabel: _propTypes.default.string
-};
-exports.buttonProps = buttonProps;
-
-const Button = _ref => {
-  let {
-    buttonProps,
-    children
-  } = _ref;
-  if (buttonProps == undefined) return;
-  const design = (0, _classnames.default)({
-    [buttonProps.design]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.design,
-    'standard': !(buttonProps !== null && buttonProps !== void 0 && buttonProps.design)
-  });
-  const padding = (0, _classnames.default)({
-    'px-1 py-1': (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) === 'social',
-    'px-3': (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) === 'icon',
-    'px-8': (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) !== 'social' && (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) !== 'icon'
-  }, 'py-2');
-  const borderClassList = (0, _classnames.default)({
-    'border-2': buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.bordered
-  });
-  const roundedClassList = (0, _classnames.default)({
-    'rounded-full': buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.rounded,
-    'rounded-none': !(buttonProps !== null && buttonProps !== void 0 && buttonProps.rounded)
-  });
-  const loadingClasses = (0, _classnames.default)({
-    'invisible': !(buttonProps !== null && buttonProps !== void 0 && buttonProps.isLoading)
-  }, 'absolute left-2/4 top-1/4 -ml-2');
-  const colours = (0, _classnames.default)({
-    [buttonProps.hoverBgColor]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.hoverBgColor,
-    [buttonProps.hoverTextColor]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.hoverTextColor,
-    [buttonProps.hoverBorderColor]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.hoverBorderColor,
-    [buttonProps.bgColor]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.bgColor,
-    [buttonProps.textColor]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.textColor,
-    [buttonProps.borderColor]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.borderColor
-  });
-  const classList = (0, _classnames.default)({
-    [padding]: true,
-    [colours]: true,
-    [buttonProps.classes]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.classes,
-    [borderClassList]: borderClassList && design === 'standard',
-    [roundedClassList]: roundedClassList && design === 'standard',
-    'rounded-lg transition-backgroundColor duration-500 transform': design === 'standard',
-    'btn px-8 border-2': design === 'slide'
-  });
-  const buttonContentClasses = (0, _classnames.default)({
-    'invisible': buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.isLoading
-  }, 'flex');
-
-  const loadingIcon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    iconProps: {
-      size: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.size,
-      type: 'spinner',
-      animation: 'pulse'
-    }
-  });
-
-  return /*#__PURE__*/_react.default.createElement("a", _extends({}, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.target) && {
-    target: '_blank'
-  }, {
-    href: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.url
-  }), /*#__PURE__*/_react.default.createElement("button", _extends({}, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.id) && {
-    id: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.id
-  }, {
-    className: classList,
-    type: "button",
-    "aria-busy": buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.isLoading
-  }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.ariaLabel) && {
-    "aria-label": buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.ariaLabel
-  }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick) && {
-    onClick: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick
-  }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled) && {
-    disabled: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: buttonProps !== null && buttonProps !== void 0 && buttonProps.isLoading ? 'invisible' : ''
-  }, children), buttonProps.isLoading && /*#__PURE__*/_react.default.createElement("div", {
-    className: loadingClasses
-  }, loadingIcon)));
-};
-
-Button.propTypes = {
-  buttonProps: _propTypes.default.shape(_objectSpread({}, buttonProps))
-};
-var _default = Button;
-exports.default = _default;

package/dist/components/Card/index.js

@@ -1,151 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.assign.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-var _Video = _interopRequireDefault(require("../Video"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-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); }
-
-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 ? 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 {
-    id,
-    classes,
-    title,
-    image,
-    subTitle,
-    description,
-    extraText,
-    hasCta,
-    imageBelowTitle,
-    titleLeft,
-    titleRight,
-    titleBold,
-    imageClass,
-    subTitleClass,
-    extraTextClass,
-    descriptionClass,
-    altText,
-    rounded,
-    bordered,
-    videoProps,
-    onHover,
-    iconButtonProps,
-    cardButtonProps,
-    button2Props
-  } = _ref;
-  const [showHoverButtons, setShowHoverButtons] = (0, _react.useState)(false);
-  let orderClass = imageBelowTitle ? ' order-first ' : '';
-  let btnClass = 'w-full p-3 ';
-  let border = bordered ? 'border border-grey border-opacity-100 ' : '';
-  let cardTitleFont = titleBold ? 'font-bold' : '';
-  let cardTitlePosition = titleLeft ? 'text-left ' : titleRight ? 'text-right ' : 'text-center ';
-  let roundedImage = rounded ? 'rounded-t-2xl ' : '';
-  let roundedCard = rounded ? 'rounded-2xl ' : '';
-  let contentWrapperClass = 'px-3 order-3';
-  const titleWrapperClass = (0, _classnames.default)({
-    [orderClass]: orderClass
-  }, 'pt-3');
-  const cardTitleClasses = (0, _classnames.default)({
-    [cardTitleFont]: cardTitleFont,
-    [cardTitlePosition]: true
-  }, 'font-medium text-md text-grey');
-  const cardSubTitleClassList = (0, _classnames.default)({
-    [subTitleClass]: subTitleClass
-  }, 'font-light text-sm text-grey');
-  const cardDescriptionClassList = (0, _classnames.default)({
-    [descriptionClass]: descriptionClass
-  }, 'font-extraLight text-xs text-light-grey');
-  const classList = (0, _classnames.default)({
-    [border]: border,
-    [roundedCard]: roundedCard,
-    [classes]: classes
-  }, 'flex flex-col');
-  const imageClassList = (0, _classnames.default)({
-    [roundedImage]: !imageBelowTitle,
-    [imageClass]: imageClass
-  }, 'w-full object-cover h-full');
-  const videoClassList = (0, _classnames.default)({
-    [roundedImage]: !imageBelowTitle,
-    [videoProps === null || videoProps === void 0 ? void 0 : videoProps.videoClasses]: videoProps === null || videoProps === void 0 ? void 0 : videoProps.videoClasses
-  }, 'w-full object-cover h-full');
-  const cardExtraTextClassList = (0, _classnames.default)({
-    [extraTextClass]: extraTextClass,
-    'pb-4': !hasCta
-  }, 'w-full object-cover h-full font-extraLight text-xs text-light-grey');
-  const imageWrapperClassList = (0, _classnames.default)({
-    'order-2': imageBelowTitle,
-    ["".concat(roundedImage, " order-1")]: !imageBelowTitle
-  }, 'h-64 overflow-hidden object-cover');
-
-  const toggleHover = isHovering => {
-    onHover && isHovering ? setShowHoverButtons(true) : setShowHoverButtons(false);
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
-    id: id
-  }, {
-    className: classList,
-    onMouseEnter: () => toggleHover(true),
-    onMouseLeave: () => toggleHover(false)
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "card-content flex flex-1 flex-col"
-  }, videoProps !== null && videoProps !== void 0 && videoProps.mp4File || videoProps !== null && videoProps !== void 0 && videoProps.webmFile || videoProps !== null && videoProps !== void 0 && videoProps.ogvFile ? /*#__PURE__*/_react.default.createElement("div", {
-    className: imageWrapperClassList
-  }, /*#__PURE__*/_react.default.createElement(_Video.default, {
-    videoProps: videoProps
-  })) : image && /*#__PURE__*/_react.default.createElement("div", {
-    className: imageWrapperClassList
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    className: imageClassList,
-    src: image,
-    alt: altText
-  })), !showHoverButtons ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: imageBelowTitle ? 'order-1' : 'order-3'
-  }, title && /*#__PURE__*/_react.default.createElement("div", {
-    className: titleWrapperClass
-  }, /*#__PURE__*/_react.default.createElement("h3", {
-    className: cardTitleClasses
-  }, title))), /*#__PURE__*/_react.default.createElement("div", {
-    className: contentWrapperClass
-  }, subTitle && /*#__PURE__*/_react.default.createElement("h4", {
-    className: cardSubTitleClassList
-  }, subTitle), description && /*#__PURE__*/_react.default.createElement("p", {
-    className: cardDescriptionClassList
-  }, description), extraText && /*#__PURE__*/_react.default.createElement("p", {
-    className: cardExtraTextClassList
-  }, extraText))) : /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex p-2 order-last h-24"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    buttonProps: iconButtonProps
-  }, iconButtonProps.children), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    buttonProps: button2Props
-  }, button2Props.children))), cardButtonProps && /*#__PURE__*/_react.default.createElement("div", {
-    className: btnClass
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    buttonProps: cardButtonProps
-  }, cardButtonProps.children)));
-};
-
-var _default = Card;
-exports.default = _default;

package/dist/components/CardWithTopImage/index.js

@@ -1,64 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.assign.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = _interopRequireDefault(require("../Image/index"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-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; }
-
-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; }
-
-const CardWithTopImage = _ref => {
-  var _imageProps, _imageProps2;
-
-  let {
-    id,
-    contentId,
-    classes,
-    contentClasses,
-    children,
-    imageProps
-  } = _ref;
-  const wrapperClassList = (0, _classnames.default)({
-    [(_imageProps = imageProps) === null || _imageProps === void 0 ? void 0 : _imageProps.wrapperClasses]: (_imageProps2 = imageProps) === null || _imageProps2 === void 0 ? void 0 : _imageProps2.wrapperClasses
-  }, 'mx-auto max-w-max bg-white p-4');
-  const contentClassList = (0, _classnames.default)({
-    [contentClasses]: contentClasses
-  }, 'pt-12 px-4 h-auto pb-16 -mt-12 bg-white');
-  imageProps = _objectSpread(_objectSpread({}, imageProps), {}, {
-    wrapperClasses: wrapperClassList
-  });
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    style: {
-      'filter': 'drop-shadow(0 4px 8px rgb(154, 154, 154))'
-    }
-  }, id && {
-    id: id
-  }, {
-    className: classes
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    imageProps: imageProps
-  }), /*#__PURE__*/_react.default.createElement("div", _extends({}, contentId && {
-    id: contentId + '_content'
-  }, {
-    className: contentClassList
-  }), children));
-};
-
-var _default = CardWithTopImage;
-exports.default = _default;

package/dist/components/Carousel/index.css

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,185 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.assign.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 _react2 = require("keen-slider/react");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-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); }
-
-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 ? 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); }
-
-//https://keen-slider.io/docs#usage-in-react
-const Carousel = _ref => {
-  var _instanceRef$current3, _instanceRef$current4, _instanceRef$current5, _instanceRef$current6, _instanceRef$current7, _instanceRef$current8, _instanceRef$current9, _instanceRef$current10;
-
-  let {
-    id,
-    classes,
-    breakpoints,
-    defaultAnimation,
-    //disabled,
-    drag,
-    dragSpeed,
-    initial,
-    loop,
-    mode,
-    range,
-    renderMode,
-    rtl,
-    rubberband,
-    selector,
-    slides,
-    vertical,
-    animationStarted,
-    animationStopped,
-    animationEnded,
-    created,
-    destroyed,
-    detailsChanged,
-    dragged,
-    dragStarted,
-    dragChecked,
-    dragEnded,
-    beforeOptionsChanged,
-    optionsChanged,
-    slideChanged,
-    updated,
-    slidesToShow,
-    spacing,
-    number,
-    origin,
-    arrows,
-    dots
-  } = _ref;
-  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: "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);
-      },
-      "aria-label": "".concat(id, "_item_").concat(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))
-    });
-  })));
-};
-
-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", {
-    style: {
-      'WebkitTransform': 'translateY(-50%)'
-    },
-    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 = Carousel;
-exports.default = _default;

package/dist/components/ChevronCard/index.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 {
-    id,
-    classes
-  } = _ref;
-  let classList = 'flex border-l border-t border-b h-20 w-32 z-10 bg-white ';
-  classList += classes ? classes : '';
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
-    id: id
-  }, {
-    className: 'flex'
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'border-l border-t border-b h-20 w-32 z-10 bg-white'
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    id: "chevronLeft",
-    className: 'border h-14 w-14 -ml-7 mt-3 rotate-45'
-  })), /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
-    id: id
-  }, {
-    className: "flex-col my-8"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'border-l border-t border-r h-32 w-20 z-20 bg-white'
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    id: "chevronLeft",
-    className: 'border h-14 w-14 -mt-7 ml-3 rotate-45 z-0'
-  })), /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
-    id: id
-  }, {
-    className: "flex-col my-16"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'border h-14 w-14 -mb-7 ml-3 rotate-45 z-0'
-  }), /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
-    id: id
-  }, {
-    className: 'border-l border-b border-r h-32 w-20 z-20 bg-white'
-  }))), /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
-    id: id
-  }, {
-    className: "flex"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'border h-14 w-14 -mr-7 mt-3 rotate-45'
-  }), /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
-    id: id
-  }, {
-    className: 'border-r border-t border-b h-20 w-32 z-10 bg-white'
-  }))));
-};
-
-var _default = ChevronCard;
-exports.default = _default;