trepur_components 0.1.2 → 0.1.6

package/.babelrc

@@ -0,0 +1,14 @@
+{
+    "presets": [
+        [
+            "@babel/preset-env",
+            {
+                "useBuiltIns": "usage",
+                "modules": "commonjs",
+                "debug": false,
+                "corejs": 3
+            }
+        ],
+        "@babel/preset-react"
+    ]
+}

package/babel.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+   presets: ['@babel/preset-env', '@babel/preset-react'],
+ }
+ 

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/README.md

@@ -1 +0,0 @@
-hello this is an icon

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
 });
@@ -11,11 +13,11 @@ var _README = _interopRequireDefault(require("./README.md"));
 
 var _index = _interopRequireDefault(require("./index"));
 
-require("../../index.css");
+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,85 +82,10 @@ var _default = {
 };
 exports.default = _default;
 
-const _Breadcrumbs = args => {
+var _Breadcrumbs = function _Breadcrumbs(args) {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     links: links
   });
-}; // export const SecondaryButton = () => {
-//     return (
-//         <Button ctaText='I am a button'>
-//         </Button>
-//     )
-// }
-// export const WithIconRight = () => {
-//     return (
-//         <Button rightIcon='thumbs-up' ctaText='I am a button'>
-//         </Button>
-//     )
-// }
-// WithIconRight.story = {
-//     name: 'With Icon (right)',
-// }
-// export const WithIconLeft = () => {
-//     return (
-//         <Button leftIcon='sign-in' ctaText='I am a button'>
-//         </Button>
-//     )
-// }
-// WithIconLeft.story = {
-//     name: 'With Icon (left)',
-// }
-// export const WithBothIcons = () => {
-//     return (
-//         <Button leftIcon='star' rightIcon='star' ctaText='I am a button'>
-//         </Button>
-//     )
-// }
-// export const ButtonAsExternalLink = () => {
-//     return (
-//         <Button as='a-external'  ctaText='I am a button'>
-//         </Button>
-//     )
-// }
-// ButtonAsExternalLink.story = {
-//     name: 'Button as external link',
-// }
-// export const ButtonAsSemanticHtmlButton = () => {
-//     return (
-//         <Button as='button' htmlType='button' ctaText='I am a button' url='/'>
-//         </Button>
-//     )
-// }
-// ButtonAsSemanticHtmlButton.story = {
-//     name: 'Button as semantic html button',
-// }
-// export const ButtonAsSemanticHtmlSubmitButton = () => {
-//     return (
-//         <Button as='button' htmlType='submit' ctaText='I am a button'>
-//         </Button>
-//     )
-// }
-// ButtonAsSemanticHtmlSubmitButton.story = {
-//     name: 'Button as semantic html submit button',
-// }
-// export const ButtonAsInternalLink = () => {
-//     return (
-//         <Button as='Link' ctaText='I am a button' url='/'>
-//         </Button>
-//     )
-// }
-// ButtonAsInternalLink.story = {
-//     name: 'Button as internal link',
-// }
-// export const WithOnClickMethod = () => {
-//     return (
-//         <Button ctaText='I am a button' onClick={action('button-click')}>
-//         </Button>
-//     )
-// }
-// WithOnClickMethod.story = {
-//     name: 'With onClick method',
-// }
-
+};
 
 exports._Breadcrumbs = _Breadcrumbs;

package/dist/Components/BreadcrumbsBordered/README.md

@@ -1 +0,0 @@
-hello this is an icon

package/dist/Components/BreadcrumbsBordered/index.css

@@ -0,0 +1,67 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
+
+.right-arrow {
+    @apply w-0;
+    @apply h-0;
+    border-top: 17px solid transparent;
+    border-bottom: 17px solid transparent;
+    border-left: 15px solid theme('colors.brand-border');
+    @apply absolute;
+    right: -15px;
+    @apply top-0;
+}
+
+.let-arrow {
+    @apply w-0;
+    @apply h-0;
+    border-top: 17px solid transparent;
+    border-bottom: 17px solid transparent;
+    border-left: 17px solid theme('colors.white');
+    @apply absolute;
+    left: 0px;
+    @apply top-0;
+}
+
+.test-arrow {
+    @apply w-0;
+    @apply h-0;
+    border-top: 17px solid transparent;
+    border-bottom: 17px solid transparent;
+    border-left: 15px solid theme('colors.brand-border');
+    @apply absolute;
+    left: -8px;
+    bottom: -11px;
+    transform: rotate(48deg);
+}
+
+.test-arrow-top {
+    @apply w-0;
+    @apply h-0;
+    border-top: 15px solid theme('colors.brand-border');
+    border-bottom: 17px solid transparent;
+    border-left: 17px solid transparent;
+    @apply absolute;
+    left: -17px;
+    top: 0px;
+}
+
+.voucherCode__btn {
+    @apply relative;
+}
+
+.voucherCode__btn:hover .right-arrow {
+    border-left-color: theme('colors.brand-primary');
+}
+.voucherCode__btn:hover .test-arrow {
+    border-left-color: theme('colors.brand-primary');
+}
+.voucherCode__btn:hover .test-arrow-top {
+    border-top-color: theme('colors.brand-primary');
+}
+
+.voucherCode__code:focus {
+    @apply border-0;
+}

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
 });
@@ -11,7 +13,7 @@ var _addonActions = require("@storybook/addon-actions");
 
 var _README = _interopRequireDefault(require("./README.md"));
 
-var _Button2 = _interopRequireDefault(require("./Button"));
+var _index = _interopRequireDefault(require("./index"));
 
 require("../../index.css");
 
@@ -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,24 +74,24 @@ var _default = {
 };
 exports.default = _default;
 
-const _Button = args => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+var _Button = function _Button(args) {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "I am a button"
   });
 };
 
 exports._Button = _Button;
 
-const SecondaryButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+var SecondaryButton = function SecondaryButton() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "I am a button"
   });
 };
 
 exports.SecondaryButton = SecondaryButton;
 
-const WithIconRight = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+var WithIconRight = function WithIconRight() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     rightIcon: "thumbs-up",
     ctaText: "I am a button"
   });
@@ -98,8 +102,8 @@ WithIconRight.story = {
   name: 'With Icon (right)'
 };
 
-const WithIconLeft = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+var WithIconLeft = function WithIconLeft() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     leftIcon: "sign-in",
     ctaText: "I am a button"
   });
@@ -110,8 +114,8 @@ WithIconLeft.story = {
   name: 'With Icon (left)'
 };
 
-const WithBothIcons = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+var WithBothIcons = function WithBothIcons() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     leftIcon: "star",
     rightIcon: "star",
     ctaText: "I am a button"
@@ -120,8 +124,8 @@ const WithBothIcons = () => {
 
 exports.WithBothIcons = WithBothIcons;
 
-const ButtonAsExternalLink = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+var ButtonAsExternalLink = function ButtonAsExternalLink() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "a-external",
     ctaText: "I am a button"
   });
@@ -132,8 +136,8 @@ ButtonAsExternalLink.story = {
   name: 'Button as external link'
 };
 
-const ButtonAsSemanticHtmlButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+var ButtonAsSemanticHtmlButton = function ButtonAsSemanticHtmlButton() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "button",
     htmlType: "button",
     ctaText: "I am a button",
@@ -146,8 +150,8 @@ ButtonAsSemanticHtmlButton.story = {
   name: 'Button as semantic html button'
 };
 
-const ButtonAsSemanticHtmlSubmitButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+var ButtonAsSemanticHtmlSubmitButton = function ButtonAsSemanticHtmlSubmitButton() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "button",
     htmlType: "submit",
     ctaText: "I am a button"
@@ -159,8 +163,8 @@ ButtonAsSemanticHtmlSubmitButton.story = {
   name: 'Button as semantic html submit button'
 };
 
-const ButtonAsInternalLink = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+var ButtonAsInternalLink = function ButtonAsInternalLink() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "Link",
     ctaText: "I am a button",
     url: "/"
@@ -172,8 +176,8 @@ ButtonAsInternalLink.story = {
   name: 'Button as internal link'
 };
 
-const WithOnClickMethod = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+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/README.md

@@ -1 +0,0 @@
-hello this is an icon

package/dist/Components/Button/{Button.js → index.js}

@@ -1,28 +1,28 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+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(_Icon.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(_Icon.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
 });
@@ -11,7 +13,7 @@ var _addonActions = require("@storybook/addon-actions");
 
 var _README = _interopRequireDefault(require("./README.md"));
 
-var _ButtonSlide = _interopRequireDefault(require("./ButtonSlide"));
+var _index = _interopRequireDefault(require("./index"));
 
 require("../../index.css");
 
@@ -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,24 +74,24 @@ var _default = {
 };
 exports.default = _default;
 
-const _Button = args => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+var _Button = function _Button(args) {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "READ MORE"
   });
 };
 
 exports._Button = _Button;
 
-const SecondaryButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+var SecondaryButton = function SecondaryButton() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "I am a button"
   });
 };
 
 exports.SecondaryButton = SecondaryButton;
 
-const WithIconRight = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+var WithIconRight = function WithIconRight() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     rightIcon: "thumbs-up",
     ctaText: "I am a button"
   });
@@ -98,8 +102,8 @@ WithIconRight.story = {
   name: 'With Icon (right)'
 };
 
-const WithIconLeft = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+var WithIconLeft = function WithIconLeft() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     leftIcon: "sign-in",
     ctaText: "I am a button"
   });
@@ -110,8 +114,8 @@ WithIconLeft.story = {
   name: 'With Icon (left)'
 };
 
-const WithBothIcons = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+var WithBothIcons = function WithBothIcons() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     leftIcon: "star",
     rightIcon: "star",
     ctaText: "I am a button"
@@ -120,8 +124,8 @@ const WithBothIcons = () => {
 
 exports.WithBothIcons = WithBothIcons;
 
-const ButtonAsExternalLink = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+var ButtonAsExternalLink = function ButtonAsExternalLink() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "a-external",
     ctaText: "I am a button"
   });
@@ -132,8 +136,8 @@ ButtonAsExternalLink.story = {
   name: 'Button as external link'
 };
 
-const ButtonAsSemanticHtmlButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+var ButtonAsSemanticHtmlButton = function ButtonAsSemanticHtmlButton() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "button",
     htmlType: "button",
     ctaText: "I am a button",
@@ -146,8 +150,8 @@ ButtonAsSemanticHtmlButton.story = {
   name: 'Button as semantic html button'
 };
 
-const ButtonAsSemanticHtmlSubmitButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+var ButtonAsSemanticHtmlSubmitButton = function ButtonAsSemanticHtmlSubmitButton() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "button",
     htmlType: "submit",
     ctaText: "I am a button"
@@ -159,8 +163,8 @@ ButtonAsSemanticHtmlSubmitButton.story = {
   name: 'Button as semantic html submit button'
 };
 
-const ButtonAsInternalLink = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+var ButtonAsInternalLink = function ButtonAsInternalLink() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "Link",
     ctaText: "I am a button",
     url: "/"
@@ -172,8 +176,8 @@ ButtonAsInternalLink.story = {
   name: 'Button as internal link'
 };
 
-const WithOnClickMethod = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+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/README.md

@@ -1 +0,0 @@
-hello this is an icon