trepur_components 0.1.5 → 0.1.6

package/dist/Components/Breadcrumbs/Breadcrumbs.stories.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +19,7 @@ require("../../index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const links = [{
+var links = [{
   link: '/',
   name: 'link 1'
 }, {
@@ -69,9 +71,11 @@ var _default = {
       }
     }
   },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
+  decorators: [function (story) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "p-4"
+    }, story());
+  }],
   parameters: {
     readme: {
       sidebar: _README.default
@@ -80,7 +84,7 @@ var _default = {
 };
 exports.default = _default;
 
-const _Breadcrumbs = args => {
+var _Breadcrumbs = function _Breadcrumbs(args) {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     links: links
   });

package/dist/Components/Breadcrumbs/index.js

@@ -1,20 +1,28 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-const Breadcrumbs = _ref => {
-  let {
-    className,
-    links
-  } = _ref;
-  const linksLength = Object.keys(links).length;
-  let classes = className + ' flex py-2 px-8 ';
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.string.link.js");
+
+var Breadcrumbs = function Breadcrumbs(_ref) {
+  var className = _ref.className,
+      links = _ref.links;
+  var linksLength = Object.keys(links).length;
+  var classes = className + ' flex py-2 px-8 ';
   return /*#__PURE__*/React.createElement("ul", {
     className: classes
-  }, links && links.map((link, i) => {
+  }, links && links.map(function (link, i) {
     return /*#__PURE__*/React.createElement("div", {
       key: link.name
     }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("div", {

package/dist/Components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,7 +17,7 @@ require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const links = [{
+var links = [{
   link: '/',
   name: 'link 1'
 }, {
@@ -67,9 +69,11 @@ var _default = {
       }
     }
   },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
+  decorators: [function (story) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "p-4"
+    }, story());
+  }],
   parameters: {
     readme: {
       sidebar: _README.default
@@ -78,7 +82,7 @@ var _default = {
 };
 exports.default = _default;
 
-const _Breadcrumbs = args => {
+var _Breadcrumbs = function _Breadcrumbs(args) {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     links: links
   });

package/dist/Components/BreadcrumbsBordered/index.js

@@ -1,20 +1,28 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-const Breadcrumbs = _ref => {
-  let {
-    className,
-    links
-  } = _ref;
-  const linksLength = Object.keys(links).length;
-  let classes = 'flex py-2 px-8 ' + className;
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.string.link.js");
+
+var Breadcrumbs = function Breadcrumbs(_ref) {
+  var className = _ref.className,
+      links = _ref.links;
+  var linksLength = Object.keys(links).length;
+  var classes = 'flex py-2 px-8 ' + className;
   return /*#__PURE__*/React.createElement("ul", {
     className: classes
-  }, links && links.map((link, i) => {
+  }, links && links.map(function (link, i) {
     return /*#__PURE__*/React.createElement("div", {
       key: link.name
     }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("div", {

package/dist/Components/Button/Button.stories.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -59,9 +61,11 @@ var _default = {
       }
     }
   },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
+  decorators: [function (story) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "p-4"
+    }, story());
+  }],
   parameters: {
     readme: {
       sidebar: _README.default
@@ -70,7 +74,7 @@ var _default = {
 };
 exports.default = _default;
 
-const _Button = args => {
+var _Button = function _Button(args) {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "I am a button"
   });
@@ -78,7 +82,7 @@ const _Button = args => {
 
 exports._Button = _Button;
 
-const SecondaryButton = () => {
+var SecondaryButton = function SecondaryButton() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "I am a button"
   });
@@ -86,7 +90,7 @@ const SecondaryButton = () => {
 
 exports.SecondaryButton = SecondaryButton;
 
-const WithIconRight = () => {
+var WithIconRight = function WithIconRight() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     rightIcon: "thumbs-up",
     ctaText: "I am a button"
@@ -98,7 +102,7 @@ WithIconRight.story = {
   name: 'With Icon (right)'
 };
 
-const WithIconLeft = () => {
+var WithIconLeft = function WithIconLeft() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     leftIcon: "sign-in",
     ctaText: "I am a button"
@@ -110,7 +114,7 @@ WithIconLeft.story = {
   name: 'With Icon (left)'
 };
 
-const WithBothIcons = () => {
+var WithBothIcons = function WithBothIcons() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     leftIcon: "star",
     rightIcon: "star",
@@ -120,7 +124,7 @@ const WithBothIcons = () => {
 
 exports.WithBothIcons = WithBothIcons;
 
-const ButtonAsExternalLink = () => {
+var ButtonAsExternalLink = function ButtonAsExternalLink() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "a-external",
     ctaText: "I am a button"
@@ -132,7 +136,7 @@ ButtonAsExternalLink.story = {
   name: 'Button as external link'
 };
 
-const ButtonAsSemanticHtmlButton = () => {
+var ButtonAsSemanticHtmlButton = function ButtonAsSemanticHtmlButton() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "button",
     htmlType: "button",
@@ -146,7 +150,7 @@ ButtonAsSemanticHtmlButton.story = {
   name: 'Button as semantic html button'
 };
 
-const ButtonAsSemanticHtmlSubmitButton = () => {
+var ButtonAsSemanticHtmlSubmitButton = function ButtonAsSemanticHtmlSubmitButton() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "button",
     htmlType: "submit",
@@ -159,7 +163,7 @@ ButtonAsSemanticHtmlSubmitButton.story = {
   name: 'Button as semantic html submit button'
 };
 
-const ButtonAsInternalLink = () => {
+var ButtonAsInternalLink = function ButtonAsInternalLink() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "Link",
     ctaText: "I am a button",
@@ -172,7 +176,7 @@ ButtonAsInternalLink.story = {
   name: 'Button as internal link'
 };
 
-const WithOnClickMethod = () => {
+var WithOnClickMethod = function WithOnClickMethod() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "I am a button",
     onClick: (0, _addonActions.action)('button-click')

package/dist/Components/Button/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,20 +11,18 @@ var _index = _interopRequireDefault(require("../Icon/index"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Button = _ref => {
-  let {
-    ctaText,
-    ctaLink,
-    className,
-    onClick,
-    leftIcon,
-    rightIcon
-  } = _ref;
-  let classes = className + ' py-2 px-8 rounded-lg text-black border-2 border-black border-gray-300 bg-white hover:bg-red hover:text-black transition-background-color duration-500 transform';
-  let iconLeft = /*#__PURE__*/React.createElement(_index.default, {
+var Button = function Button(_ref) {
+  var ctaText = _ref.ctaText,
+      ctaLink = _ref.ctaLink,
+      className = _ref.className,
+      onClick = _ref.onClick,
+      leftIcon = _ref.leftIcon,
+      rightIcon = _ref.rightIcon;
+  var classes = className + ' py-2 px-8 rounded-lg text-black border-2 border-black border-gray-300 bg-white hover:bg-red hover:text-black transition-background-color duration-500 transform';
+  var iconLeft = /*#__PURE__*/React.createElement(_index.default, {
     type: leftIcon
   });
-  let iconRight = /*#__PURE__*/React.createElement(_index.default, {
+  var iconRight = /*#__PURE__*/React.createElement(_index.default, {
     type: rightIcon
   });
   return /*#__PURE__*/React.createElement("button", {

package/dist/Components/ButtonSlide/ButtonSlide.stories.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -59,9 +61,11 @@ var _default = {
       }
     }
   },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
+  decorators: [function (story) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "p-4"
+    }, story());
+  }],
   parameters: {
     readme: {
       sidebar: _README.default
@@ -70,7 +74,7 @@ var _default = {
 };
 exports.default = _default;
 
-const _Button = args => {
+var _Button = function _Button(args) {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "READ MORE"
   });
@@ -78,7 +82,7 @@ const _Button = args => {
 
 exports._Button = _Button;
 
-const SecondaryButton = () => {
+var SecondaryButton = function SecondaryButton() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "I am a button"
   });
@@ -86,7 +90,7 @@ const SecondaryButton = () => {
 
 exports.SecondaryButton = SecondaryButton;
 
-const WithIconRight = () => {
+var WithIconRight = function WithIconRight() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     rightIcon: "thumbs-up",
     ctaText: "I am a button"
@@ -98,7 +102,7 @@ WithIconRight.story = {
   name: 'With Icon (right)'
 };
 
-const WithIconLeft = () => {
+var WithIconLeft = function WithIconLeft() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     leftIcon: "sign-in",
     ctaText: "I am a button"
@@ -110,7 +114,7 @@ WithIconLeft.story = {
   name: 'With Icon (left)'
 };
 
-const WithBothIcons = () => {
+var WithBothIcons = function WithBothIcons() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     leftIcon: "star",
     rightIcon: "star",
@@ -120,7 +124,7 @@ const WithBothIcons = () => {
 
 exports.WithBothIcons = WithBothIcons;
 
-const ButtonAsExternalLink = () => {
+var ButtonAsExternalLink = function ButtonAsExternalLink() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "a-external",
     ctaText: "I am a button"
@@ -132,7 +136,7 @@ ButtonAsExternalLink.story = {
   name: 'Button as external link'
 };
 
-const ButtonAsSemanticHtmlButton = () => {
+var ButtonAsSemanticHtmlButton = function ButtonAsSemanticHtmlButton() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "button",
     htmlType: "button",
@@ -146,7 +150,7 @@ ButtonAsSemanticHtmlButton.story = {
   name: 'Button as semantic html button'
 };
 
-const ButtonAsSemanticHtmlSubmitButton = () => {
+var ButtonAsSemanticHtmlSubmitButton = function ButtonAsSemanticHtmlSubmitButton() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "button",
     htmlType: "submit",
@@ -159,7 +163,7 @@ ButtonAsSemanticHtmlSubmitButton.story = {
   name: 'Button as semantic html submit button'
 };
 
-const ButtonAsInternalLink = () => {
+var ButtonAsInternalLink = function ButtonAsInternalLink() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "Link",
     ctaText: "I am a button",
@@ -172,7 +176,7 @@ ButtonAsInternalLink.story = {
   name: 'Button as internal link'
 };
 
-const WithOnClickMethod = () => {
+var WithOnClickMethod = function WithOnClickMethod() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "I am a button",
     onClick: (0, _addonActions.action)('button-click')

package/dist/Components/ButtonSlide/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,20 +13,18 @@ require("./Styles.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ButtonSlide = _ref => {
-  let {
-    ctaText,
-    ctaLink,
-    className,
-    onClick,
-    leftIcon,
-    rightIcon
-  } = _ref;
-  let classes = className + ' btn py-2 px-8 text-white border-2 bg-black hover:bg-white hover:text-black';
-  let iconLeft = /*#__PURE__*/React.createElement(_index.default, {
+var ButtonSlide = function ButtonSlide(_ref) {
+  var ctaText = _ref.ctaText,
+      ctaLink = _ref.ctaLink,
+      className = _ref.className,
+      onClick = _ref.onClick,
+      leftIcon = _ref.leftIcon,
+      rightIcon = _ref.rightIcon;
+  var classes = className + ' btn py-2 px-8 text-white border-2 bg-black hover:bg-white hover:text-black';
+  var iconLeft = /*#__PURE__*/React.createElement(_index.default, {
     type: leftIcon
   });
-  let iconRight = /*#__PURE__*/React.createElement(_index.default, {
+  var iconRight = /*#__PURE__*/React.createElement(_index.default, {
     type: rightIcon
   });
   return /*#__PURE__*/React.createElement("button", {

package/dist/Components/Card/Card.stories.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -18,9 +20,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var _default = {
   title: 'Components/Card',
   argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
+  decorators: [function (story) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "p-4"
+    }, story());
+  }],
   parameters: {
     readme: {
       sidebar: _README.default
@@ -29,7 +33,7 @@ var _default = {
 };
 exports.default = _default;
 
-const _Card = () => {
+var _Card = function _Card() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
@@ -41,7 +45,7 @@ const _Card = () => {
 
 exports._Card = _Card;
 
-const CardTitleLeft = () => {
+var CardTitleLeft = function CardTitleLeft() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
@@ -53,7 +57,7 @@ const CardTitleLeft = () => {
 
 exports.CardTitleLeft = CardTitleLeft;
 
-const CardTitleRight = () => {
+var CardTitleRight = function CardTitleRight() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
@@ -65,7 +69,7 @@ const CardTitleRight = () => {
 
 exports.CardTitleRight = CardTitleRight;
 
-const CardWithImage = () => {
+var CardWithImage = function CardWithImage() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
@@ -78,7 +82,7 @@ const CardWithImage = () => {
 
 exports.CardWithImage = CardWithImage;
 
-const CardWithExtraText = () => {
+var CardWithExtraText = function CardWithExtraText() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
@@ -92,7 +96,7 @@ const CardWithExtraText = () => {
 
 exports.CardWithExtraText = CardWithExtraText;
 
-const CardWithButton = () => {
+var CardWithButton = function CardWithButton() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
@@ -108,7 +112,7 @@ const CardWithButton = () => {
 
 exports.CardWithButton = CardWithButton;
 
-const CardWithSlideButton = () => {
+var CardWithSlideButton = function CardWithSlideButton() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
@@ -125,7 +129,7 @@ const CardWithSlideButton = () => {
 
 exports.CardWithSlideButton = CardWithSlideButton;
 
-const CardWithImageBelowTitle = () => {
+var CardWithImageBelowTitle = function CardWithImageBelowTitle() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
@@ -142,7 +146,7 @@ const CardWithImageBelowTitle = () => {
 
 exports.CardWithImageBelowTitle = CardWithImageBelowTitle;
 
-const CardRounded = () => {
+var CardRounded = function CardRounded() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
@@ -159,7 +163,7 @@ const CardRounded = () => {
 
 exports.CardRounded = CardRounded;
 
-const CardRoundedWithImageBelowTitle = () => {
+var CardRoundedWithImageBelowTitle = function CardRoundedWithImageBelowTitle() {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
@@ -177,10 +181,10 @@ const CardRoundedWithImageBelowTitle = () => {
 
 exports.CardRoundedWithImageBelowTitle = CardRoundedWithImageBelowTitle;
 
-const lotsOfCards = () => {
-  let cards = [];
+var lotsOfCards = function lotsOfCards() {
+  var cards = [];
 
-  for (let i = 0; i < 8; i++) {
+  for (var i = 0; i < 8; i++) {
     cards.push( /*#__PURE__*/_react.default.createElement(_index.default, {
       id: "card",
       title: "This is a title",

package/dist/Components/Card/index.js

@@ -1,10 +1,14 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+require("core-js/modules/es.symbol.js");
+
 require("core-js/modules/es.symbol.description.js");
 
 var _index = _interopRequireDefault(require("../Button/index"));
@@ -13,32 +17,30 @@ 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 ';
+var Card = function Card(_ref) {
+  var id = _ref.id,
+      title = _ref.title,
+      image = _ref.image,
+      subTitle = _ref.subTitle,
+      description = _ref.description,
+      extraText = _ref.extraText,
+      hasCta = _ref.hasCta,
+      ctaText = _ref.ctaText,
+      imageBelowTitle = _ref.imageBelowTitle,
+      titleClass = _ref.titleClass,
+      imageClass = _ref.imageClass,
+      subTitleClass = _ref.subTitleClass,
+      extraTextClass = _ref.extraTextClass,
+      descriptionClass = _ref.descriptionClass,
+      classNames = _ref.classNames,
+      altText = _ref.altText,
+      btnType = _ref.btnType,
+      rounded = _ref.rounded;
+  var imageWrapperClass;
+  var titleWrapperClass = 'p-3';
+  var contentWrapperClass = 'px-3';
+  var btnClass = 'w-full p-3';
+  var 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;