trepur_components 0.1.6 → 0.1.7

package/babel.config.json

@@ -0,0 +1,18 @@
+{
+  "presets": [
+    [
+      "@babel/env",
+      {
+        "targets": {
+        "edge": "17",
+        "firefox": "60",
+        "chrome": "67",
+        "safari": "11.1"
+      },
+      "useBuiltIns": "usage",
+      "corejs": "3.6.5"
+      }
+    ],
+    "@babel/preset-react"
+  ]
+}

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

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

package/dist/Components/Breadcrumbs/index.js

@@ -1,28 +1,20 @@
 "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.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 ';
+const Breadcrumbs = _ref => {
+  let {
+    className,
+    links
+  } = _ref;
+  const linksLength = Object.keys(links).length;
+  let classes = className + ' flex py-2 px-8 ';
   return /*#__PURE__*/React.createElement("ul", {
     className: classes
-  }, links && links.map(function (link, i) {
+  }, links && links.map((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,7 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.object.define-property.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +15,7 @@ require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var links = [{
+const links = [{
   link: '/',
   name: 'link 1'
 }, {
@@ -69,11 +67,9 @@ var _default = {
       }
     }
   },
-  decorators: [function (story) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "p-4"
-    }, story());
-  }],
+  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
+    className: "p-4"
+  }, story())],
   parameters: {
     readme: {
       sidebar: _README.default
@@ -82,7 +78,7 @@ var _default = {
 };
 exports.default = _default;
 
-var _Breadcrumbs = function _Breadcrumbs(args) {
+const _Breadcrumbs = args => {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     links: links
   });

package/dist/Components/BreadcrumbsBordered/index.js

@@ -1,28 +1,20 @@
 "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.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;
+const Breadcrumbs = _ref => {
+  let {
+    className,
+    links
+  } = _ref;
+  const linksLength = Object.keys(links).length;
+  let classes = 'flex py-2 px-8 ' + className;
   return /*#__PURE__*/React.createElement("ul", {
     className: classes
-  }, links && links.map(function (link, i) {
+  }, links && links.map((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,7 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.object.define-property.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -61,11 +59,9 @@ var _default = {
       }
     }
   },
-  decorators: [function (story) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "p-4"
-    }, story());
-  }],
+  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
+    className: "p-4"
+  }, story())],
   parameters: {
     readme: {
       sidebar: _README.default
@@ -74,7 +70,7 @@ var _default = {
 };
 exports.default = _default;
 
-var _Button = function _Button(args) {
+const _Button = args => {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "I am a button"
   });
@@ -82,7 +78,7 @@ var _Button = function _Button(args) {
 
 exports._Button = _Button;
 
-var SecondaryButton = function SecondaryButton() {
+const SecondaryButton = () => {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "I am a button"
   });
@@ -90,7 +86,7 @@ var SecondaryButton = function SecondaryButton() {
 
 exports.SecondaryButton = SecondaryButton;
 
-var WithIconRight = function WithIconRight() {
+const WithIconRight = () => {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     rightIcon: "thumbs-up",
     ctaText: "I am a button"
@@ -102,7 +98,7 @@ WithIconRight.story = {
   name: 'With Icon (right)'
 };
 
-var WithIconLeft = function WithIconLeft() {
+const WithIconLeft = () => {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     leftIcon: "sign-in",
     ctaText: "I am a button"
@@ -114,7 +110,7 @@ WithIconLeft.story = {
   name: 'With Icon (left)'
 };
 
-var WithBothIcons = function WithBothIcons() {
+const WithBothIcons = () => {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     leftIcon: "star",
     rightIcon: "star",
@@ -124,7 +120,7 @@ var WithBothIcons = function WithBothIcons() {
 
 exports.WithBothIcons = WithBothIcons;
 
-var ButtonAsExternalLink = function ButtonAsExternalLink() {
+const ButtonAsExternalLink = () => {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "a-external",
     ctaText: "I am a button"
@@ -136,7 +132,7 @@ ButtonAsExternalLink.story = {
   name: 'Button as external link'
 };
 
-var ButtonAsSemanticHtmlButton = function ButtonAsSemanticHtmlButton() {
+const ButtonAsSemanticHtmlButton = () => {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "button",
     htmlType: "button",
@@ -150,7 +146,7 @@ ButtonAsSemanticHtmlButton.story = {
   name: 'Button as semantic html button'
 };
 
-var ButtonAsSemanticHtmlSubmitButton = function ButtonAsSemanticHtmlSubmitButton() {
+const ButtonAsSemanticHtmlSubmitButton = () => {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "button",
     htmlType: "submit",
@@ -163,7 +159,7 @@ ButtonAsSemanticHtmlSubmitButton.story = {
   name: 'Button as semantic html submit button'
 };
 
-var ButtonAsInternalLink = function ButtonAsInternalLink() {
+const ButtonAsInternalLink = () => {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "Link",
     ctaText: "I am a button",
@@ -176,7 +172,7 @@ ButtonAsInternalLink.story = {
   name: 'Button as internal link'
 };
 
-var WithOnClickMethod = function WithOnClickMethod() {
+const 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,7 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.object.define-property.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,18 +9,20 @@ var _index = _interopRequireDefault(require("../Icon/index"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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, {
+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, {
     type: leftIcon
   });
-  var iconRight = /*#__PURE__*/React.createElement(_index.default, {
+  let iconRight = /*#__PURE__*/React.createElement(_index.default, {
     type: rightIcon
   });
   return /*#__PURE__*/React.createElement("button", {

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

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

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

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