trepur_components 0.1.7 → 0.1.8

package/dist/Components/Card/index.js

@@ -1,83 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.symbol.description.js");
-
-var _index = _interopRequireDefault(require("../Button/index"));
-
-var _index2 = _interopRequireDefault(require("../ButtonSlide/index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Card = _ref => {
-  let {
-    id,
-    title,
-    image,
-    subTitle,
-    description,
-    extraText,
-    hasCta,
-    ctaText,
-    imageBelowTitle,
-    titleClass,
-    imageClass,
-    subTitleClass,
-    extraTextClass,
-    descriptionClass,
-    classNames,
-    altText,
-    btnType,
-    rounded
-  } = _ref;
-  let imageWrapperClass;
-  let titleWrapperClass = 'p-3';
-  let contentWrapperClass = 'px-3';
-  let btnClass = 'w-full p-3';
-  let classList = 'flex flex-col border border-grey border-opacity-100 bg-white w-auto max-w-md ';
-  classList += classNames ? classNames : '';
-  imageWrapperClass = imageBelowTitle ? imageWrapperClass + ' order-2' : imageWrapperClass;
-  titleWrapperClass = imageBelowTitle ? titleWrapperClass + ' order-1' : titleWrapperClass;
-  contentWrapperClass = imageBelowTitle ? contentWrapperClass + ' order-3' : contentWrapperClass;
-  btnClass = imageBelowTitle ? btnClass + ' order-4' : btnClass;
-  imageWrapperClass = rounded ? imageWrapperClass + ' rounded-t-lg' : imageWrapperClass;
-  classList = rounded ? classList + ' rounded-lg' : classList;
-  imageClass += imageBelowTitle ? '' : rounded ? ' rounded-t-lg' : '';
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: classList
-  }, image && /*#__PURE__*/React.createElement("div", {
-    className: imageWrapperClass && imageWrapperClass
-  }, /*#__PURE__*/React.createElement("img", {
-    className: imageClass,
-    src: image,
-    alt: altText
-  })), /*#__PURE__*/React.createElement("div", {
-    className: titleWrapperClass
-  }, /*#__PURE__*/React.createElement("h1", {
-    className: titleClass
-  }, title)), /*#__PURE__*/React.createElement("div", {
-    className: contentWrapperClass
-  }, /*#__PURE__*/React.createElement("h2", {
-    className: subTitleClass && subTitleClass
-  }, subTitle), /*#__PURE__*/React.createElement("h2", {
-    className: extraTextClass && extraTextClass
-  }, extraText), /*#__PURE__*/React.createElement("h6", {
-    className: descriptionClass && descriptionClass
-  }, description)), hasCta && /*#__PURE__*/React.createElement("div", {
-    className: btnClass
-  }, btnType !== 'slide' ? /*#__PURE__*/React.createElement(_index.default, {
-    className: "w-full",
-    ctaText: ctaText
-  }) : /*#__PURE__*/React.createElement(_index2.default, {
-    className: "w-full",
-    ctaText: ctaText
-  })));
-};
-
-var _default = Card;
-exports.default = _default;

package/dist/Components/CardImageLink/CardImageLink.stories.js

@@ -1,89 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.lotsOfCardImageLinks = exports.default = exports._CardImageLink = exports.JumbotronWithTwoBtns = exports.JumbotronWithOneBtn = exports.JumbotronWithCenterText = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/CardImageLink',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _CardImageLink = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/400/400"
-  });
-};
-
-exports._CardImageLink = _CardImageLink;
-
-const JumbotronWithOneBtn = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/400/400",
-    ctaText: "This is a button"
-  });
-};
-
-exports.JumbotronWithOneBtn = JumbotronWithOneBtn;
-
-const JumbotronWithTwoBtns = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/400/400",
-    ctaText: "This is a button",
-    ctaText2: "This is another button"
-  });
-};
-
-exports.JumbotronWithTwoBtns = JumbotronWithTwoBtns;
-
-const JumbotronWithCenterText = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/400/400",
-    text: "Some text here"
-  });
-};
-
-exports.JumbotronWithCenterText = JumbotronWithCenterText;
-
-const lotsOfCardImageLinks = args => {
-  let cards = [];
-
-  for (let i = 0; i < 6; i++) {
-    cards.push( /*#__PURE__*/_react.default.createElement(_index.default, {
-      altText: "image",
-      image: "https://picsum.photos/400/400",
-      text: "Some text here",
-      ctaText: "This is a button"
-    }));
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "grid grid-cols-3 grid-flow-row"
-  }, cards);
-};
-
-exports.lotsOfCardImageLinks = lotsOfCardImageLinks;

package/dist/Components/CardImageLink/index.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const CardImageLink = _ref => {
-  let {
-    image,
-    altText,
-    text,
-    ctaText,
-    ctaLink,
-    classes
-  } = _ref;
-  const classList = "cursor-pointer relative lg:mx-3 md:mx-1 mx-1 lg:mb-5 md:mb-2 mb-2 w-auto hover:opacity-50 overflow-hidden " + classes;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classList
-  }, /*#__PURE__*/_react.default.createElement("a", {
-    href: ctaLink
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: image,
-    alt: altText,
-    className: "object-cover w-full h-full"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "absolute w-full py-5 top-5 inset-x-0 bg-blue-400 text-black md:text-2xl text-xs text-center leading-4"
-  }, text)));
-};
-
-var _default = CardImageLink;
-exports.default = _default;

package/dist/Components/CardImageLinkList/CardImageLinkList.stories.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._CardImageLinkList = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const list = [{
-  "HeightRank": 1,
-  "Name": "Scafell Pike",
-  "Section": "34B: LD C&W",
-  "Birkett": "Birkett",
-  "HeightInMeters": 978,
-  "PromInMeters": "912",
-  "HeightInFeet": "3,209",
-  "PromInFeet": "2,992",
-  "TopoMap": "89 90",
-  "OSGridReference": "NY215072",
-  "Classification\n(§ DoBIH codes)": "Ma,F,Sim,Hew,N,W,B,Sy,Fel,CoH,CoU,CoA"
-}, {
-  "HeightRank": 2,
-  "Name": "Scafell",
-  "Section": "34B: LD C&W",
-  "Birkett": "Birkett",
-  "HeightInMeters": 964,
-  "PromInMeters": "132",
-  "HeightInFeet": "3,162",
-  "PromInFeet": "434",
-  "TopoMap": "89 90",
-  "OSGridReference": "NY206064",
-  "Classification\n(§ DoBIH codes)": "Hu,F,Sim,Hew,N,W,B,Sy,Fel"
-}];
-var _default = {
-  title: 'Components/CardImageLinkList',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _CardImageLinkList = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    list: list
-  });
-};
-
-exports._CardImageLinkList = _CardImageLinkList;

package/dist/Components/CardImageLinkList/index.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.replace.js");
-
-var _index = _interopRequireDefault(require("../CardImageLink/index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const CardImageLinkList = _ref => {
-  let {
-    list
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "grid md:grid-cols-4 sm:grid-cols-2"
-  }, list && list.map((item, i) => {
-    const link = '/wainwright/' + item.Name.replace(/\s+/g, '');
-    return /*#__PURE__*/React.createElement(_index.default, {
-      altText: "image",
-      image: '/' + item.Name.replace(/\s+/g, '') + '.jpeg' || 'https://picsum.photos/400/400',
-      text: item.Name,
-      ctaLink: link,
-      key: item.HeightRank
-    });
-  }));
-};
-
-var _default = CardImageLinkList;
-exports.default = _default;

package/dist/Components/CardList/CardList.stories.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Cardlist = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-var _index2 = _interopRequireDefault(require("../Card/index"));
-
-require("../../index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const list = [/*#__PURE__*/_react.default.createElement(_index2.default, {
-  id: "card",
-  title: "This is a title",
-  titleClass: "font-bold",
-  subTitle: "This is a subtitle",
-  description: "This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card"
-}), /*#__PURE__*/_react.default.createElement(_index2.default, {
-  id: "card",
-  title: "This is a title",
-  titleClass: "font-bold",
-  subTitle: "This is a subtitle",
-  description: "This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card"
-})];
-var _default = {
-  title: 'Components/CardList',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Cardlist = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    list: list
-  });
-};
-
-exports._Cardlist = _Cardlist;

package/dist/Components/CardList/index.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _index = _interopRequireDefault(require("../Card/index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const CardList = _ref => {
-  let {
-    list
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex"
-  }, list && list.map(item => {
-    return /*#__PURE__*/React.createElement(_index.default, {
-      id: "card",
-      title: item.name,
-      titleClass: "text-center font-bold",
-      subTitle: "This is a subtitle",
-      extraText: "This is some extra text",
-      description: "This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card",
-      image: "https://picsum.photos/500/300",
-      hasCta: true,
-      ctaText: "View",
-      imageBelowTitle: true,
-      rounded: true
-    });
-  }));
-};
-
-var _default = CardList;
-exports.default = _default;

package/dist/Components/Icon/Icon.stories.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withSizeTwo = exports.withSizeThree = exports.withSizeFour = exports.withSizeFive = exports.default = exports._Icon = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/Icon',
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Icon = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: "thumbs-up"
-  });
-};
-
-exports._Icon = _Icon;
-
-const withSizeTwo = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: "thumbs-up",
-    size: "2"
-  });
-};
-
-exports.withSizeTwo = withSizeTwo;
-
-const withSizeThree = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: "thumbs-up",
-    size: "3"
-  });
-};
-
-exports.withSizeThree = withSizeThree;
-
-const withSizeFour = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: "thumbs-up",
-    size: "4"
-  });
-};
-
-exports.withSizeFour = withSizeFour;
-
-const withSizeFive = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: "thumbs-up",
-    size: "5"
-  });
-};
-
-exports.withSizeFive = withSizeFive;

package/dist/Components/Icon/index.js

@@ -1,45 +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"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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); }
-
-const Icon = _ref => {
-  let {
-    type,
-    size,
-    className,
-    onClick
-  } = _ref;
-  if (!type) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  let classList = "fa fa-".concat(type, " fa-x ");
-  classList += size ? "fa-".concat(size, "x ") : "";
-  classList += className ? " ".concat(className) : "";
-  return /*#__PURE__*/_react.default.createElement("span", _extends({
-    className: classList,
-    role: "img",
-    "aria-hidden": "true",
-    "aria-label": type
-  }, onClick && {
-    onClick: onClick
-  }));
-};
-
-Icon.propTypes = {
-  type: _propTypes.default.string,
-  className: _propTypes.default.string,
-  onClick: _propTypes.default.func
-};
-var _default = Icon;
-exports.default = _default;

package/dist/Components/Jumbotron/Jumbotron.stories.js

@@ -1,81 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Jumbotron = exports.JumbotronWithTwoBtns = exports.JumbotronWithTextAndBtns = exports.JumbotronWithOneBtn = exports.JumbotronWithCenterText = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/Jumbotron',
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Jumbotron = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/1500/400"
-  });
-};
-
-exports._Jumbotron = _Jumbotron;
-
-const JumbotronWithOneBtn = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/1500/400",
-    ctaText: "This is a button"
-  });
-};
-
-exports.JumbotronWithOneBtn = JumbotronWithOneBtn;
-
-const JumbotronWithTwoBtns = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/1500/400",
-    ctaText: "This is a button",
-    ctaText2: "This is another button"
-  });
-};
-
-exports.JumbotronWithTwoBtns = JumbotronWithTwoBtns;
-
-const JumbotronWithCenterText = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/1500/400",
-    text: "Some text here"
-  });
-};
-
-exports.JumbotronWithCenterText = JumbotronWithCenterText;
-
-const JumbotronWithTextAndBtns = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/1500/400",
-    text: "Some text here",
-    ctaText: "This is a button",
-    ctaText2: "This is another button"
-  });
-};
-
-exports.JumbotronWithTextAndBtns = JumbotronWithTextAndBtns;

package/dist/Components/Jumbotron/index.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _index = _interopRequireDefault(require("../Button/index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Jumbotron = _ref => {
-  let {
-    image,
-    altText,
-    text,
-    ctaText,
-    ctaText2,
-    ctaLink,
-    ctaLink2
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "w-screen text-center"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: image,
-    alt: altText
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "absolute top-10 lg:top-20 w-full"
-  }, /*#__PURE__*/React.createElement("h1", {
-    className: "text-white text-4xl"
-  }, text), /*#__PURE__*/React.createElement("div", {
-    className: "pt-2 lg:pt-8 text-white"
-  }, ctaText && /*#__PURE__*/React.createElement(_index.default, {
-    className: "mx-2",
-    ctaText: ctaText
-  }), ctaText2 && /*#__PURE__*/React.createElement(_index.default, {
-    className: "mx-2",
-    ctaText: ctaText2
-  }))));
-};
-
-var _default = Jumbotron;
-exports.default = _default;