trepur_components 0.1.2 → 0.1.3

package/babel.config.json

@@ -15,4 +15,4 @@
    ],
       "@babel/preset-react"
    ]
-   }
+}

package/dist/Components/Breadcrumbs/README.md

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

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

@@ -11,7 +11,7 @@ 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 }; }
 
@@ -82,81 +82,6 @@ const _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/Button/Button.stories.js

@@ -11,7 +11,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");
 
@@ -71,7 +71,7 @@ var _default = {
 exports.default = _default;
 
 const _Button = args => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "I am a button"
   });
 };
@@ -79,7 +79,7 @@ const _Button = args => {
 exports._Button = _Button;
 
 const SecondaryButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "I am a button"
   });
 };
@@ -87,7 +87,7 @@ const SecondaryButton = () => {
 exports.SecondaryButton = SecondaryButton;
 
 const WithIconRight = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     rightIcon: "thumbs-up",
     ctaText: "I am a button"
   });
@@ -99,7 +99,7 @@ WithIconRight.story = {
 };
 
 const WithIconLeft = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     leftIcon: "sign-in",
     ctaText: "I am a button"
   });
@@ -111,7 +111,7 @@ WithIconLeft.story = {
 };
 
 const WithBothIcons = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     leftIcon: "star",
     rightIcon: "star",
     ctaText: "I am a button"
@@ -121,7 +121,7 @@ const WithBothIcons = () => {
 exports.WithBothIcons = WithBothIcons;
 
 const ButtonAsExternalLink = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "a-external",
     ctaText: "I am a button"
   });
@@ -133,7 +133,7 @@ ButtonAsExternalLink.story = {
 };
 
 const ButtonAsSemanticHtmlButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "button",
     htmlType: "button",
     ctaText: "I am a button",
@@ -147,7 +147,7 @@ ButtonAsSemanticHtmlButton.story = {
 };
 
 const ButtonAsSemanticHtmlSubmitButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "button",
     htmlType: "submit",
     ctaText: "I am a button"
@@ -160,7 +160,7 @@ ButtonAsSemanticHtmlSubmitButton.story = {
 };
 
 const ButtonAsInternalLink = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "Link",
     ctaText: "I am a button",
     url: "/"
@@ -173,7 +173,7 @@ ButtonAsInternalLink.story = {
 };
 
 const WithOnClickMethod = () => {
-  return /*#__PURE__*/_react.default.createElement(_Button2.default, {
+  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}

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 }; }
 
@@ -19,10 +19,10 @@ const Button = _ref => {
     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, {
+  let iconLeft = /*#__PURE__*/React.createElement(_index.default, {
     type: leftIcon
   });
-  let iconRight = /*#__PURE__*/React.createElement(_Icon.default, {
+  let iconRight = /*#__PURE__*/React.createElement(_index.default, {
     type: rightIcon
   });
   return /*#__PURE__*/React.createElement("button", {

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

@@ -11,7 +11,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");
 
@@ -71,7 +71,7 @@ var _default = {
 exports.default = _default;
 
 const _Button = args => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "READ MORE"
   });
 };
@@ -79,7 +79,7 @@ const _Button = args => {
 exports._Button = _Button;
 
 const SecondaryButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: "I am a button"
   });
 };
@@ -87,7 +87,7 @@ const SecondaryButton = () => {
 exports.SecondaryButton = SecondaryButton;
 
 const WithIconRight = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     rightIcon: "thumbs-up",
     ctaText: "I am a button"
   });
@@ -99,7 +99,7 @@ WithIconRight.story = {
 };
 
 const WithIconLeft = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     leftIcon: "sign-in",
     ctaText: "I am a button"
   });
@@ -111,7 +111,7 @@ WithIconLeft.story = {
 };
 
 const WithBothIcons = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     leftIcon: "star",
     rightIcon: "star",
     ctaText: "I am a button"
@@ -121,7 +121,7 @@ const WithBothIcons = () => {
 exports.WithBothIcons = WithBothIcons;
 
 const ButtonAsExternalLink = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "a-external",
     ctaText: "I am a button"
   });
@@ -133,7 +133,7 @@ ButtonAsExternalLink.story = {
 };
 
 const ButtonAsSemanticHtmlButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "button",
     htmlType: "button",
     ctaText: "I am a button",
@@ -147,7 +147,7 @@ ButtonAsSemanticHtmlButton.story = {
 };
 
 const ButtonAsSemanticHtmlSubmitButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "button",
     htmlType: "submit",
     ctaText: "I am a button"
@@ -160,7 +160,7 @@ ButtonAsSemanticHtmlSubmitButton.story = {
 };
 
 const ButtonAsInternalLink = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     as: "Link",
     ctaText: "I am a button",
     url: "/"
@@ -173,7 +173,7 @@ ButtonAsInternalLink.story = {
 };
 
 const WithOnClickMethod = () => {
-  return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+  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

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+var _index = _interopRequireDefault(require("../Icon/index"));
 
 require("./Styles.css");
 
@@ -21,10 +21,10 @@ const ButtonSlide = _ref => {
     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(_Icon.default, {
+  let iconLeft = /*#__PURE__*/React.createElement(_index.default, {
     type: leftIcon
   });
-  let iconRight = /*#__PURE__*/React.createElement(_Icon.default, {
+  let iconRight = /*#__PURE__*/React.createElement(_index.default, {
     type: rightIcon
   });
   return /*#__PURE__*/React.createElement("button", {

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

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _README = _interopRequireDefault(require("./README.md"));
 
-var _Card2 = _interopRequireDefault(require("./Card"));
+var _index = _interopRequireDefault(require("./index"));
 
 require("../../index.css");
 
@@ -30,7 +30,7 @@ var _default = {
 exports.default = _default;
 
 const _Card = () => {
-  return /*#__PURE__*/_react.default.createElement(_Card2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
     titleClass: "text-center font-bold",
@@ -42,7 +42,7 @@ const _Card = () => {
 exports._Card = _Card;
 
 const CardTitleLeft = () => {
-  return /*#__PURE__*/_react.default.createElement(_Card2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
     titleClass: "font-bold",
@@ -54,7 +54,7 @@ const CardTitleLeft = () => {
 exports.CardTitleLeft = CardTitleLeft;
 
 const CardTitleRight = () => {
-  return /*#__PURE__*/_react.default.createElement(_Card2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
     titleClass: "font-bold text-right",
@@ -66,7 +66,7 @@ const CardTitleRight = () => {
 exports.CardTitleRight = CardTitleRight;
 
 const CardWithImage = () => {
-  return /*#__PURE__*/_react.default.createElement(_Card2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
     titleClass: "text-center font-bold",
@@ -79,7 +79,7 @@ const CardWithImage = () => {
 exports.CardWithImage = CardWithImage;
 
 const CardWithExtraText = () => {
-  return /*#__PURE__*/_react.default.createElement(_Card2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
     titleClass: "text-center font-bold",
@@ -93,7 +93,7 @@ const CardWithExtraText = () => {
 exports.CardWithExtraText = CardWithExtraText;
 
 const CardWithButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_Card2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
     titleClass: "text-center font-bold",
@@ -109,7 +109,7 @@ const CardWithButton = () => {
 exports.CardWithButton = CardWithButton;
 
 const CardWithSlideButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_Card2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
     titleClass: "text-center font-bold",
@@ -126,7 +126,7 @@ const CardWithSlideButton = () => {
 exports.CardWithSlideButton = CardWithSlideButton;
 
 const CardWithImageBelowTitle = () => {
-  return /*#__PURE__*/_react.default.createElement(_Card2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
     titleClass: "text-center font-bold",
@@ -143,7 +143,7 @@ const CardWithImageBelowTitle = () => {
 exports.CardWithImageBelowTitle = CardWithImageBelowTitle;
 
 const CardRounded = () => {
-  return /*#__PURE__*/_react.default.createElement(_Card2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
     titleClass: "text-center font-bold",
@@ -160,7 +160,7 @@ const CardRounded = () => {
 exports.CardRounded = CardRounded;
 
 const CardRoundedWithImageBelowTitle = () => {
-  return /*#__PURE__*/_react.default.createElement(_Card2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
     title: "This is a title",
     titleClass: "text-center font-bold",
@@ -181,7 +181,7 @@ const lotsOfCards = () => {
   let cards = [];
 
   for (let i = 0; i < 8; i++) {
-    cards.push( /*#__PURE__*/_react.default.createElement(_Card2.default, {
+    cards.push( /*#__PURE__*/_react.default.createElement(_index.default, {
       id: "card",
       title: "This is a title",
       titleClass: "text-center font-bold",

package/dist/Components/Card/README.md

@@ -1 +0,0 @@
-hello this is a card

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

@@ -7,9 +7,9 @@ exports.default = void 0;
 
 require("core-js/modules/es.symbol.description.js");
 
-var _Button = _interopRequireDefault(require("../Button/Button"));
+var _index = _interopRequireDefault(require("../Button/index"));
 
-var _ButtonSlide = _interopRequireDefault(require("../ButtonSlide/ButtonSlide"));
+var _index2 = _interopRequireDefault(require("../ButtonSlide/index"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -70,10 +70,10 @@ const Card = _ref => {
     className: descriptionClass && descriptionClass
   }, description)), hasCta && /*#__PURE__*/React.createElement("div", {
     className: btnClass
-  }, btnType !== 'slide' ? /*#__PURE__*/React.createElement(_Button.default, {
+  }, btnType !== 'slide' ? /*#__PURE__*/React.createElement(_index.default, {
     className: "w-full",
     ctaText: ctaText
-  }) : /*#__PURE__*/React.createElement(_ButtonSlide.default, {
+  }) : /*#__PURE__*/React.createElement(_index2.default, {
     className: "w-full",
     ctaText: ctaText
   })));

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

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _README = _interopRequireDefault(require("./README.md"));
 
-var _CardImageLink2 = _interopRequireDefault(require("./CardImageLink"));
+var _index = _interopRequireDefault(require("./index"));
 
 require("../../index.css");
 
@@ -30,7 +30,7 @@ var _default = {
 exports.default = _default;
 
 const _CardImageLink = args => {
-  return /*#__PURE__*/_react.default.createElement(_CardImageLink2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     altText: "image",
     image: "https://picsum.photos/400/400"
   });
@@ -39,7 +39,7 @@ const _CardImageLink = args => {
 exports._CardImageLink = _CardImageLink;
 
 const JumbotronWithOneBtn = args => {
-  return /*#__PURE__*/_react.default.createElement(_CardImageLink2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     altText: "image",
     image: "https://picsum.photos/400/400",
     ctaText: "This is a button"
@@ -49,7 +49,7 @@ const JumbotronWithOneBtn = args => {
 exports.JumbotronWithOneBtn = JumbotronWithOneBtn;
 
 const JumbotronWithTwoBtns = args => {
-  return /*#__PURE__*/_react.default.createElement(_CardImageLink2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     altText: "image",
     image: "https://picsum.photos/400/400",
     ctaText: "This is a button",
@@ -60,7 +60,7 @@ const JumbotronWithTwoBtns = args => {
 exports.JumbotronWithTwoBtns = JumbotronWithTwoBtns;
 
 const JumbotronWithCenterText = args => {
-  return /*#__PURE__*/_react.default.createElement(_CardImageLink2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     altText: "image",
     image: "https://picsum.photos/400/400",
     text: "Some text here"
@@ -73,7 +73,7 @@ const lotsOfCardImageLinks = args => {
   let cards = [];
 
   for (let i = 0; i < 6; i++) {
-    cards.push( /*#__PURE__*/_react.default.createElement(_CardImageLink2.default, {
+    cards.push( /*#__PURE__*/_react.default.createElement(_index.default, {
       altText: "image",
       image: "https://picsum.photos/400/400",
       text: "Some text here",

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

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _README = _interopRequireDefault(require("./README.md"));
 
-var _CardImageLinkList2 = _interopRequireDefault(require("./CardImageLinkList"));
+var _index = _interopRequireDefault(require("./index"));
 
 require("../../index.css");
 
@@ -55,7 +55,7 @@ var _default = {
 exports.default = _default;
 
 const _CardImageLinkList = args => {
-  return /*#__PURE__*/_react.default.createElement(_CardImageLinkList2.default, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     list: list
   });
 };

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

@@ -9,7 +9,7 @@ require("core-js/modules/es.regexp.exec.js");
 
 require("core-js/modules/es.string.replace.js");
 
-var _CardImageLink = _interopRequireDefault(require("../CardImageLink/CardImageLink"));
+var _index = _interopRequireDefault(require("../CardImageLink/index"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -21,7 +21,7 @@ const CardImageLinkList = _ref => {
     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(_CardImageLink.default, {
+    return /*#__PURE__*/React.createElement(_index.default, {
       altText: "image",
       image: '/' + item.Name.replace(/\s+/g, '') + '.jpeg' || 'https://picsum.photos/400/400',
       text: item.Name,