trepur_components 0.1.29 → 0.1.33

package/dist/components/BreadcrumbsBordered/index.js

@@ -23,7 +23,8 @@ const Breadcrumbs = _ref => {
     hoverBorderColor
   } = _ref;
   const linksLength = Object.keys(links).length;
-  let classes = 'flex py-2 px-8 ' + className;
+  let classProp = className ? className : '';
+  let classes = 'flex ' + classProp;
   return /*#__PURE__*/_react.default.createElement("ul", {
     className: classes
   }, links && links.map((link, i) => {

package/dist/components/Button/Button.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withStyles = exports.default = exports._Button = exports.WithIconRight = exports.WithIconLeft = exports.WithBothIcons = exports.ButtonAsInternalLink = exports.ButtonAsExternalLink = exports.AsSocialButton = void 0;
+exports.withStyles = exports.default = exports._Button = exports.WithSlideDesign = exports.WithIconRight = exports.WithIconLeft = exports.WithBothIcons = exports.SlideButton = exports.AsSocialButton = exports.AsSlideWithStyles = exports.AsSlideWithSocialButton = exports.AsSlideWithInternalLink = exports.AsSlideWithExternalLink = exports.AsInternalLink = exports.AsExternalLink = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -87,6 +87,7 @@ var _default = {
       control: {
         type: 'color'
       },
+      default: 'blue',
       table: {
         category: 'Hover',
         subcategory: 'Colors'
@@ -177,6 +178,23 @@ const _Button = args => {
 
 exports._Button = _Button;
 
+const SlideButton = args => {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
+    ctaText: args.text,
+    bgColor: args.bgColor,
+    textColor: args.textColor,
+    borderColor: args.borderColor,
+    hoverCtaText: args.hoverText,
+    hoverTextColor: args.hoverTextColor,
+    hoverBgColor: args.hoverBgColor,
+    hoverBorderColor: args.hoverBorderColor,
+    onClick: (0, _addonActions.action)('button-click'),
+    buttonDesign: "slide"
+  });
+};
+
+exports.SlideButton = SlideButton;
+
 const withStyles = args => {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: args.text,
@@ -194,6 +212,24 @@ const withStyles = args => {
 
 exports.withStyles = withStyles;
 
+const AsSlideWithStyles = args => {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
+    ctaText: args.text,
+    bgColor: "red",
+    textColor: "white",
+    borderColor: "red",
+    hoverCtaText: args.text,
+    hoverTextColor: "red",
+    hoverBgColor: "red",
+    hoverBorderColor: "red",
+    onClick: (0, _addonActions.action)('button-click'),
+    buttonType: "button",
+    buttonDesign: "slide"
+  });
+};
+
+exports.AsSlideWithStyles = AsSlideWithStyles;
+
 const WithIconRight = args => {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     rightIcon: args.rightIcon,
@@ -227,7 +263,19 @@ const WithBothIcons = args => {
 
 exports.WithBothIcons = WithBothIcons;
 
-const ButtonAsExternalLink = args => {
+const WithSlideDesign = args => {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
+    leftIcon: args.leftIcon,
+    rightIcon: args.rightIcon,
+    ctaText: args.text,
+    buttonType: "button",
+    buttonDesign: "slide"
+  });
+};
+
+exports.WithSlideDesign = WithSlideDesign;
+
+const AsExternalLink = args => {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     url: "/",
     ctaText: args.text,
@@ -235,9 +283,20 @@ const ButtonAsExternalLink = args => {
   });
 };
 
-exports.ButtonAsExternalLink = ButtonAsExternalLink;
+exports.AsExternalLink = AsExternalLink;
+
+const AsSlideWithExternalLink = args => {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
+    url: "/",
+    ctaText: args.text,
+    buttonType: "external",
+    buttonDesign: "slide"
+  });
+};
+
+exports.AsSlideWithExternalLink = AsSlideWithExternalLink;
 
-const ButtonAsInternalLink = args => {
+const AsInternalLink = args => {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     ctaText: args.text,
     url: "/",
@@ -246,7 +305,19 @@ const ButtonAsInternalLink = args => {
   });
 };
 
-exports.ButtonAsInternalLink = ButtonAsInternalLink;
+exports.AsInternalLink = AsInternalLink;
+
+const AsSlideWithInternalLink = args => {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
+    ctaText: args.text,
+    url: "/",
+    onClick: (0, _addonActions.action)('button-click'),
+    buttonType: "internal",
+    buttonDesign: "slide"
+  });
+};
+
+exports.AsSlideWithInternalLink = AsSlideWithInternalLink;
 
 const AsSocialButton = args => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.default, {
@@ -279,4 +350,40 @@ const AsSocialButton = args => {
   }));
 };
 
-exports.AsSocialButton = AsSocialButton;
+exports.AsSocialButton = AsSocialButton;
+
+const AsSlideWithSocialButton = args => {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.default, {
+    onClick: (0, _addonActions.action)('button-click'),
+    centerIcon: "facebook-f",
+    hoverBgColor: "#3b5999",
+    bgColor: "#3b5999",
+    textColor: "white",
+    hoverTextColor: "black",
+    buttonType: "social",
+    url: "/",
+    buttonDesign: "slide"
+  }), "\xA0", /*#__PURE__*/_react.default.createElement(_index.default, {
+    onClick: (0, _addonActions.action)('button-click'),
+    centerIcon: "whatsapp",
+    hoverBgColor: "#25d366",
+    bgColor: "#25d366",
+    textColor: "white",
+    hoverTextColor: "black",
+    buttonType: "social",
+    url: "/",
+    buttonDesign: "slide"
+  }), "\xA0", /*#__PURE__*/_react.default.createElement(_index.default, {
+    onClick: (0, _addonActions.action)('button-click'),
+    centerIcon: "twitter",
+    hoverBgColor: "#55acee",
+    bgColor: "#55acee",
+    textColor: "white",
+    hoverTextColor: "black",
+    buttonType: "social",
+    url: "/",
+    buttonDesign: "slide"
+  }));
+};
+
+exports.AsSlideWithSocialButton = AsSlideWithSocialButton;

package/dist/components/{ButtonSlide → Button}/Styles.css

@@ -1,5 +1,4 @@
 .btn {
-    border: 1px solid black;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     -webkit-transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
@@ -12,8 +11,6 @@
     left: 0;
     height: 100%;
     width: 0;
-    background: #FFF;
-    border: 1px white;
     content: '';
     z-index: -1;
     -webkit-transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);

package/dist/components/Button/index.js

@@ -37,12 +37,22 @@ const Button = _ref => {
     hoverBorderColor,
     hoverCtaText,
     url,
-    buttonType
+    buttonType,
+    buttonDesign
   } = _ref;
   let classNames = className ? className : '';
   let padding = buttonType === 'social' ? ' px-4 py-3 ' : ' px-8 ';
   let externalPadding = buttonType === 'external' ? ' py-3 ' : ' py-2 ';
-  let classes = 'rounded-lg text-black border-2 border-black border-gray-300 transition-background-color duration-500 transform ' + padding + externalPadding + classNames;
+  let standardClasses = 'rounded-lg text-black border-2 border-black border-gray-300 transition-background-color duration-500 transform ' + padding + externalPadding + classNames;
+  let slideClasses = 'btn px-8 text-white border-2 bg-gray hover:bg-brand-primary hover:text-black ' + padding + externalPadding + classNames;
+  let classes;
+  const design = buttonDesign ? buttonDesign : 'standard';
+
+  if (design === 'standard') {
+    classes = standardClasses;
+  } else if (design === 'slide') {
+    classes = slideClasses;
+  }
 
   let iconLeft = leftIcon && /*#__PURE__*/_react.default.createElement(_index.default, {
     className: "pr-2",
@@ -87,14 +97,15 @@ const Button = _ref => {
 
   if (buttonType === 'external') {
     return /*#__PURE__*/_react.default.createElement("a", {
-      style: styles,
-      onMouseOver: () => setHoverState(true),
-      onMouseOut: () => setHoverState(false),
       href: url,
       target: "_blank",
-      className: classes,
       rel: "noreferrer"
-    }, leftIcon && iconLeft, hovering ? hoverCtaText ? hoverCtaText : ctaText : ctaText, rightIcon && iconRight);
+    }, /*#__PURE__*/_react.default.createElement("button", {
+      style: styles,
+      onMouseOver: () => setHoverState(true),
+      onMouseOut: () => setHoverState(false),
+      className: classes
+    }, leftIcon && iconLeft, hovering ? hoverCtaText ? hoverCtaText : ctaText : ctaText, rightIcon && iconRight));
   } else if (buttonType === 'internal') {
     return /*#__PURE__*/_react.default.createElement("a", {
       href: url,
@@ -104,17 +115,18 @@ const Button = _ref => {
       onMouseOver: () => setHoverState(true),
       onMouseOut: () => setHoverState(false),
       className: classes
-    }, hovering ? hoverCtaText ? hoverCtaText : ctaText : ctaText));
+    }, leftIcon && iconLeft, hovering ? hoverCtaText ? hoverCtaText : ctaText : ctaText, rightIcon && iconRight));
   } else if (buttonType === 'social') {
     return /*#__PURE__*/_react.default.createElement("a", {
-      style: styles,
-      onMouseOver: () => setHoverState(true),
-      onMouseOut: () => setHoverState(false),
-      className: classes,
       href: url,
       target: "_blank",
       rel: "noreferrer"
-    }, centerIcon && iconCenter);
+    }, /*#__PURE__*/_react.default.createElement("button", {
+      style: styles,
+      onMouseOver: () => setHoverState(true),
+      onMouseOut: () => setHoverState(false),
+      className: classes
+    }, centerIcon && iconCenter));
   }
 
   return /*#__PURE__*/_react.default.createElement("button", _extends({

package/dist/components/Card/Card.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.lotsOfCards = exports.default = exports._Card = exports.ImageCard = exports.CardWithText = exports.CardWithSlideButton = exports.CardWithImageBelowTitle = exports.CardWithImage = exports.CardWithButton = exports.CardTitleRight = exports.CardTitleLeft = exports.CardTitleBold = exports.CardRounded = void 0;
+exports.lotsOfCards = exports.default = exports._Card = exports.ImageCard = exports.CardWithText = exports.CardWithSlideButton = exports.CardWithImageBelowTitle = exports.CardWithImage = exports.CardWithButtonStyles = exports.CardWithButton = exports.CardTitleRight = exports.CardTitleLeft = exports.CardTitleBold = exports.CardRounded = void 0;
 
 require("core-js/modules/es.symbol.description.js");
 
@@ -211,6 +211,32 @@ const CardWithButton = args => {
 
 exports.CardWithButton = CardWithButton;
 
+const CardWithButtonStyles = args => {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
+    id: "card",
+    title: args.title,
+    titleClass: "text-center font-bold",
+    subTitle: args.subTitle,
+    extraText: args.extraText,
+    description: args.description,
+    image: "https://picsum.photos/500/300",
+    hasCta: args.hasCta,
+    ctaText: args.ctaText,
+    url: "/",
+    buttonType: "internal",
+    buttonStyle: args.buttonStyle,
+    bordered: true,
+    buttonBgColor: "blue",
+    buttonTextColor: "white",
+    buttonBorderColor: "blue",
+    hoverButtonBgColor: "white",
+    hoverButtonTextColor: "blue",
+    hoverButtonBorderColor: "blue"
+  });
+};
+
+exports.CardWithButtonStyles = CardWithButtonStyles;
+
 const CardWithSlideButton = args => {
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "card",
@@ -221,7 +247,13 @@ const CardWithSlideButton = args => {
     description: args.description,
     image: "https://picsum.photos/500/300",
     hasCta: args.hasCta,
-    buttonStyle: "slide",
+    buttonDesign: "slide",
+    buttonBgColor: "red",
+    buttonTextColor: "white",
+    buttonBorderColor: "red",
+    hoverButtonTextColor: "red",
+    hoverButtonBgColor: "red",
+    hoverButtonBorderColor: "red",
     ctaText: args.ctaText,
     url: "/",
     buttonType: "button",

package/dist/components/Card/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.assign.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,10 +13,10 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = _interopRequireDefault(require("../Button/index"));
 
-var _index2 = _interopRequireDefault(require("../ButtonSlide/index"));
-
 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 Card = _ref => {
   let {
     id,
@@ -39,24 +41,29 @@ const Card = _ref => {
     rounded,
     bordered,
     url,
-    buttonStyle
+    buttonDesign,
+    buttonBgColor,
+    buttonTextColor,
+    buttonBorderColor,
+    hoverButtonBgColor,
+    hoverButtonTextColor,
+    hoverButtonBorderColor
   } = _ref;
-  let titleWrapperClass = imageBelowTitle ? ' order-1 p-3 ' : ' p-3 ';
-  let contentWrapperClass = imageBelowTitle ? ' order-3 px-3 ' : ' px-3 ';
-  let btnClass = imageBelowTitle ? ' order-4 w-full p-3 ' : ' w-full p-3 ';
-  let classList = ' flex flex-col bg-white w-auto max-w-md ';
+  let orderClass = imageBelowTitle ? ' order-first ' : '';
+  let titleWrapperClass = ' p-3 ' + orderClass;
+  let contentWrapperClass = ' px-3 ';
+  let btnClass = ' w-full p-3 ';
+  let classList = 'flex flex-col ';
   let border = bordered ? ' border border-grey border-opacity-100 ' : '';
   let titleFont = titleBold ? ' font-bold' : '';
   let titlePosition = titleLeft ? ' text-left ' : titleRight ? ' text-right ' : ' text-center ';
   let roundedImage = rounded ? ' rounded-t-2xl ' : '';
   let roundedCard = rounded ? ' rounded-2xl ' : '';
   let titleClasses = titlePosition + titleFont;
-  let imageWrapperClass = imageBelowTitle ? ' order-2 ' : '';
   let classes = classNames ? classNames : '';
   let imageClassList = ' w-full ';
   imageClassList += imageBelowTitle && imageBelowTitle ? '' : roundedImage;
   classList += border + classes;
-  imageWrapperClass += roundedImage;
   classList += roundedCard;
   imageClassList += imageClass;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -64,9 +71,9 @@ const Card = _ref => {
     id: id,
     className: classList
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "card-content flex-1"
+    className: "card-content flex flex-1 flex-col"
   }, image && /*#__PURE__*/_react.default.createElement("div", {
-    className: imageWrapperClass && imageWrapperClass
+    className: roundedImage
   }, /*#__PURE__*/_react.default.createElement("img", {
     className: imageClassList,
     src: image,
@@ -85,17 +92,20 @@ const Card = _ref => {
     className: extraTextClass && extraTextClass
   }, extraText))), hasCta && /*#__PURE__*/_react.default.createElement("div", {
     className: btnClass
-  }, buttonStyle === 'slide' ? /*#__PURE__*/_react.default.createElement(_index2.default, {
-    className: "w-full",
-    ctaText: ctaText,
-    buttonType: buttonType,
-    url: url
-  }) : /*#__PURE__*/_react.default.createElement(_index.default, {
+  }, /*#__PURE__*/_react.default.createElement(_index.default, _extends({
     className: "w-full",
     ctaText: ctaText,
     buttonType: buttonType,
-    url: url
-  })));
+    url: url,
+    bgColor: buttonBgColor,
+    textColor: buttonTextColor,
+    borderColor: buttonBorderColor,
+    hoverBgColor: hoverButtonBgColor,
+    hoverTextColor: hoverButtonTextColor,
+    hoverBorderColor: hoverButtonBorderColor
+  }, buttonDesign && {
+    buttonDesign: buttonDesign
+  }))));
 };
 
 var _default = Card;

package/dist/components/Form/index.js

@@ -5,18 +5,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.object.assign.js");
+
 var _react = _interopRequireDefault(require("react"));
 
-var _ButtonSlide = _interopRequireDefault(require("../ButtonSlide"));
+var _Button = _interopRequireDefault(require("../Button"));
 
 var _Input = _interopRequireDefault(require("../Input"));
 
 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 Form = _ref => {
   let {
     title,
-    components
+    components,
+    buttonDesign,
+    buttonBgColor,
+    buttonTextColor,
+    buttonBorderColor,
+    hoverButtonBgColor,
+    hoverButtonTextColor,
+    hoverButtonBorderColor,
+    buttonType,
+    onClick
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "w-auto"
@@ -30,9 +43,20 @@ const Form = _ref => {
         placeholder: component.placeholder
       });
     } else if (component.type === 'Button') {
-      return /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
-        ctaText: component.ctaText
-      });
+      return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
+        ctaText: component.ctaText,
+        bgColor: buttonBgColor,
+        textColor: buttonTextColor,
+        borderColor: buttonBorderColor,
+        hoverTextColor: hoverButtonTextColor,
+        hoverBgColor: hoverButtonBgColor,
+        hoverBorderColor: hoverButtonBorderColor
+      }, onClick && {
+        onClick: onClick
+      }, {
+        buttonType: buttonType,
+        buttonDesign: buttonDesign
+      }));
     }
   }));
 };

package/dist/components/Input/index.js

@@ -5,12 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.object.assign.js");
+
 var _react = _interopRequireDefault(require("react"));
 
-var _ButtonSlide = _interopRequireDefault(require("../ButtonSlide/"));
+var _Button = _interopRequireDefault(require("../Button/"));
 
 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 Input = _ref => {
   let {
     id,
@@ -19,7 +23,16 @@ const Input = _ref => {
     placeholder,
     type,
     ctaText,
-    classNames
+    classNames,
+    buttonDesign,
+    buttonBgColor,
+    buttonTextColor,
+    buttonBorderColor,
+    hoverButtonBgColor,
+    hoverButtonTextColor,
+    hoverButtonBorderColor,
+    buttonType,
+    onClick
   } = _ref;
   let hidden = +hideLabel ? ' hidden ' : '';
   let classes = 'flex flex-col w-96 ' + classNames;
@@ -35,10 +48,21 @@ const Input = _ref => {
     type: type,
     id: id,
     placeholder: placeholder
-  }), ctaText && /*#__PURE__*/_react.default.createElement(_ButtonSlide.default, {
+  }), ctaText && /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
     className: "mt-8",
-    ctaText: ctaText
-  }));
+    ctaText: ctaText,
+    bgColor: buttonBgColor,
+    textColor: buttonTextColor,
+    borderColor: buttonBorderColor,
+    hoverTextColor: hoverButtonTextColor,
+    hoverBgColor: hoverButtonBgColor,
+    hoverBorderColor: hoverButtonBorderColor
+  }, onClick && {
+    onClick: onClick
+  }, {
+    buttonType: buttonType,
+    buttonDesign: buttonDesign
+  })));
 };
 
 var _default = Input;

package/dist/components/Nav/index.js

@@ -51,7 +51,8 @@ const Header = _ref => {
     mobileNavButtonBgColor,
     mobileNavButtonColor,
     hoverMobileNavButtonBgColor,
-    hoverMobileNavButtonColor
+    hoverMobileNavButtonColor,
+    margin
   } = _ref;
   const user = icon ? icon : '';
   const [mobileMenuState, setmobileMenuState] = (0, _react.useState)(false);
@@ -68,6 +69,7 @@ const Header = _ref => {
     name: 'PROFILE ITEM 4',
     reference: '/'
   }];
+  let containerClass = margin ? ' container mx-auto' : '';
   let backgroundColor = bgColor ? bgColor : 'grey';
   let containsSearchOrProfile = showSearch ? showSearch : showProfile;
   let flexType = containsSearchOrProfile ? 'flex-col w-full' : 'flex-1 ';
@@ -121,7 +123,7 @@ const Header = _ref => {
       'background-color': backgroundColor
     },
     id: "nav",
-    className: 'p-2 ' + navClass
+    className: navClass
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     id: "sm-nav",
     className: "relative flex items-center justify-between h-16 sm:hidden"
@@ -163,7 +165,7 @@ const Header = _ref => {
     src: logoImage,
     alt: " Logo "
   }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "hidden sm:block items-center justify-between sm:items-stretch text-center"
+    className: 'hidden sm:block items-center justify-between sm:items-stretch text-center ' + containerClass
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: alignNavAndLogo ? 'flex' : ''
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/index.js

@@ -39,12 +39,6 @@ Object.defineProperty(exports, "Button", {
     return _Button.default;
   }
 });
-Object.defineProperty(exports, "ButtonSlide", {
-  enumerable: true,
-  get: function get() {
-    return _ButtonSlide.default;
-  }
-});
 Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function get() {
@@ -148,8 +142,6 @@ var _BreadcrumbsBorderedItem = _interopRequireDefault(require("./components/Brea
 
 var _Button = _interopRequireDefault(require("./components/Button"));
 
-var _ButtonSlide = _interopRequireDefault(require("./components/ButtonSlide"));
-
 var _Card = _interopRequireDefault(require("./components/Card"));
 
 var _CardImageLink = _interopRequireDefault(require("./components/CardImageLink"));

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "0.1.29",
+  "version": "0.1.33",
   "private": false,
   "keywords": [
     "react",

package/dist/components/ButtonSlide/ButtonSlide.stories.js

@@ -1,149 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Button = exports.WithOnClickMethod = exports.WithIconRight = exports.WithIconLeft = exports.WithBothIcons = exports.ButtonAsInternalLink = exports.ButtonAsExternalLink = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _addonActions = require("@storybook/addon-actions");
-
-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/ButtonSlide',
-  argTypes: {
-    text: {
-      name: 'Button Text',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Button 1'
-    },
-    type: {
-      name: 'Type',
-      defaultValue: 'primary',
-      control: {
-        type: 'select'
-      },
-      options: ['primary', 'secondary', 'ghost']
-    },
-    iconPlacement: {
-      name: 'Icon',
-      defaultValue: 'none',
-      control: {
-        type: 'select'
-      },
-      options: ['left', 'right', 'both', 'none']
-    },
-    leftIcon: {
-      name: 'Left Icon',
-      defaultValue: 'thumbs-down',
-      control: {
-        type: 'select'
-      },
-      options: ['thumbs-up', 'thumbs-down', 'search', 'th']
-    },
-    rightIcon: {
-      name: 'Right Icon',
-      defaultValue: 'thumbs-up',
-      control: {
-        type: 'select'
-      },
-      options: ['thumbs-up', 'thumbs-down', 'search', 'th']
-    },
-    padded: {
-      name: 'Padded',
-      control: {
-        type: 'boolean'
-      },
-      defaultValue: false
-    },
-    social: {
-      name: 'Social',
-      defaultValue: 'None',
-      control: {
-        type: 'select'
-      },
-      options: ['Facebook', 'Twitter', 'Whatsapp', 'None']
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Button = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    ctaText: args.text
-  });
-};
-
-exports._Button = _Button;
-
-const WithIconRight = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    rightIcon: args.rightIcon,
-    ctaText: args.text
-  });
-};
-
-exports.WithIconRight = WithIconRight;
-
-const WithIconLeft = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    leftIcon: args.leftIcon,
-    ctaText: args.text
-  });
-};
-
-exports.WithIconLeft = WithIconLeft;
-
-const WithBothIcons = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    leftIcon: args.leftIcon,
-    rightIcon: args.rightIcon,
-    ctaText: args.text
-  });
-};
-
-exports.WithBothIcons = WithBothIcons;
-
-const ButtonAsExternalLink = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    ctaText: args.text
-  });
-};
-
-exports.ButtonAsExternalLink = ButtonAsExternalLink;
-
-const ButtonAsInternalLink = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    ctaText: args.text,
-    url: "/"
-  });
-};
-
-exports.ButtonAsInternalLink = ButtonAsInternalLink;
-
-const WithOnClickMethod = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    ctaText: args.text,
-    onClick: (0, _addonActions.action)('button-click')
-  });
-};
-
-exports.WithOnClickMethod = WithOnClickMethod;

package/dist/components/ButtonSlide/README.md

@@ -1,18 +0,0 @@
-# Button Slide
-
-A button with a bit of styling
-
-## Example
-
-```
-
-<Button ctaText={args.text}/>
-
-```
-
-## Parameters
-`ctaText={string} (default=null)`
-`className={string} (default=null)`
-`onClick={function} (default=null)`
-`leftIcon={string} (default=null)`
-`rightIcon={string} (default=null)`

package/dist/components/ButtonSlide/index.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = _interopRequireDefault(require("../Icon/index"));
-
-require("./Styles.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const ButtonSlide = _ref => {
-  let {
-    ctaText,
-    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.default.createElement(_index.default, {
-    type: leftIcon
-  });
-
-  let iconRight = /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: rightIcon
-  });
-
-  return /*#__PURE__*/_react.default.createElement("button", {
-    className: classes,
-    onClick: onClick
-  }, leftIcon && iconLeft, ctaText, rightIcon && iconRight);
-};
-
-var _default = ButtonSlide;
-exports.default = _default;