trepur_components 0.1.28 → 0.1.32

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,7 +41,13 @@ 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 ';
@@ -85,17 +93,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

@@ -1,60 +1,175 @@
 "use strict";
 
-require("core-js/modules/web.dom-collections.iterator.js");
-
-var components = _interopRequireWildcard(require("./components"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-module.exports = _objectSpread({}, components); // import Accordion from './components/Accordion'
-// import AlertBar from './components/AlertBar/index'
-// import Breadcrumbs from './components/Breadcrumbs/index'
-// import BreadcrumbsBordered from './components/BreadcrumbsBordered'
-// import Button from './components/Button'
-// import ButtonSlide from './components/ButtonSlide'
-// import Card from './components/Card'
-// import CardImageLink from './components/CardImageLink'
-// import CardImageLinkList from './components/CardImageLinkList'
-// import Collapsible from './components/Collapsible'
-// import Form from './components/Form'
-// import Icon from './components/Icon'
-// import Input from './components/Input'
-// import Jumbotron from './components/Jumbotron'
-// import Nav from './components/Nav'
-// import Profile from './components/Profile'
-// import Search from './components/Search'
-// import NavItem from './components/NavItem'
-// import UserIcon from './components/UserIcon'
-// import ListItemDropdown from './components/ListItemDropdown'
-// import ListItem from './components/ListItem'
-// export { 
-//     Accordion,
-//     AlertBar, 
-//     BreadcrumbsBordered, 
-//     Breadcrumbs,
-//     Button,
-//     ButtonSlide,
-//     Card,
-//     CardImageLink,
-//     CardImageLinkList,
-//     Collapsible,
-//     Form,
-//     Icon,
-//     Input,
-//     Jumbotron,
-//     Nav,
-//     Profile,
-//     Search,
-//     NavItem,
-//     UserIcon,
-//     ListItem,
-//     ListItemDropdown
-//  };
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function get() {
+    return _Accordion.default;
+  }
+});
+Object.defineProperty(exports, "AlertBar", {
+  enumerable: true,
+  get: function get() {
+    return _index.default;
+  }
+});
+Object.defineProperty(exports, "Breadcrumbs", {
+  enumerable: true,
+  get: function get() {
+    return _index2.default;
+  }
+});
+Object.defineProperty(exports, "BreadcrumbsBordered", {
+  enumerable: true,
+  get: function get() {
+    return _BreadcrumbsBordered.default;
+  }
+});
+Object.defineProperty(exports, "BreadcrumbsBorderedItem", {
+  enumerable: true,
+  get: function get() {
+    return _BreadcrumbsBorderedItem.default;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function get() {
+    return _Button.default;
+  }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function get() {
+    return _Card.default;
+  }
+});
+Object.defineProperty(exports, "CardImageLink", {
+  enumerable: true,
+  get: function get() {
+    return _CardImageLink.default;
+  }
+});
+Object.defineProperty(exports, "CardImageLinkList", {
+  enumerable: true,
+  get: function get() {
+    return _CardImageLinkList.default;
+  }
+});
+Object.defineProperty(exports, "Collapsible", {
+  enumerable: true,
+  get: function get() {
+    return _Collapsible.default;
+  }
+});
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function get() {
+    return _Form.default;
+  }
+});
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function get() {
+    return _Icon.default;
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _Input.default;
+  }
+});
+Object.defineProperty(exports, "Jumbotron", {
+  enumerable: true,
+  get: function get() {
+    return _Jumbotron.default;
+  }
+});
+Object.defineProperty(exports, "ListItem", {
+  enumerable: true,
+  get: function get() {
+    return _ListItem.default;
+  }
+});
+Object.defineProperty(exports, "ListItemDropdown", {
+  enumerable: true,
+  get: function get() {
+    return _ListItemDropdown.default;
+  }
+});
+Object.defineProperty(exports, "Nav", {
+  enumerable: true,
+  get: function get() {
+    return _Nav.default;
+  }
+});
+Object.defineProperty(exports, "NavItem", {
+  enumerable: true,
+  get: function get() {
+    return _NavItem.default;
+  }
+});
+Object.defineProperty(exports, "Profile", {
+  enumerable: true,
+  get: function get() {
+    return _Profile.default;
+  }
+});
+Object.defineProperty(exports, "Search", {
+  enumerable: true,
+  get: function get() {
+    return _Search.default;
+  }
+});
+Object.defineProperty(exports, "UserIcon", {
+  enumerable: true,
+  get: function get() {
+    return _UserIcon.default;
+  }
+});
+
+var _Accordion = _interopRequireDefault(require("./components/Accordion"));
+
+var _index = _interopRequireDefault(require("./components/AlertBar/index"));
+
+var _index2 = _interopRequireDefault(require("./components/Breadcrumbs/index"));
+
+var _BreadcrumbsBordered = _interopRequireDefault(require("./components/BreadcrumbsBordered"));
+
+var _BreadcrumbsBorderedItem = _interopRequireDefault(require("./components/BreadcrumbsBorderedItem"));
+
+var _Button = _interopRequireDefault(require("./components/Button"));
+
+var _Card = _interopRequireDefault(require("./components/Card"));
+
+var _CardImageLink = _interopRequireDefault(require("./components/CardImageLink"));
+
+var _CardImageLinkList = _interopRequireDefault(require("./components/CardImageLinkList"));
+
+var _Collapsible = _interopRequireDefault(require("./components/Collapsible"));
+
+var _Form = _interopRequireDefault(require("./components/Form"));
+
+var _Icon = _interopRequireDefault(require("./components/Icon"));
+
+var _Input = _interopRequireDefault(require("./components/Input"));
+
+var _Jumbotron = _interopRequireDefault(require("./components/Jumbotron"));
+
+var _ListItem = _interopRequireDefault(require("./components/ListItem"));
+
+var _ListItemDropdown = _interopRequireDefault(require("./components/ListItemDropdown"));
+
+var _Nav = _interopRequireDefault(require("./components/Nav"));
+
+var _NavItem = _interopRequireDefault(require("./components/NavItem"));
+
+var _Profile = _interopRequireDefault(require("./components/Profile"));
+
+var _Search = _interopRequireDefault(require("./components/Search"));
+
+var _UserIcon = _interopRequireDefault(require("./components/UserIcon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "0.1.28",
+  "version": "0.1.32",
   "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;