trepur_components 0.2.27 → 0.2.30

package/dist/components/Carousel/index.js

@@ -41,11 +41,26 @@ const Carousel = _ref => {
     id,
     classes,
     slides,
-    dots,
     infinite,
-    arrows,
     speed,
     slidesToShow,
+    dots,
+    arrows,
+    smSlidesToShow,
+    mdSlidesToShow,
+    lgSlidesToShow,
+    xlSlidesToShow,
+    xxlSlidesToShow,
+    smShowArrows,
+    mdShowArrows,
+    lgShowArrows,
+    xlShowArrows,
+    xxlShowArrows,
+    smShowDots,
+    mdShowDots,
+    lgShowDots,
+    xlShowDots,
+    xxlShowDots,
     slidesToScroll,
     autoplay,
     autoplaySpeed,
@@ -101,10 +116,10 @@ const Carousel = _ref => {
   };
 
   const settings = {
-    dots: dots,
     infinite: infinite,
-    arrows: arrows,
     speed: speed,
+    dots: dots,
+    arrows: arrows,
     slidesToShow: slidesToShow,
     slidesToScroll: slidesToScroll,
     autoplay: autoplay,
@@ -114,6 +129,42 @@ const Carousel = _ref => {
     className: sliderSettingsClasses,
     centerMode: centerMode,
     centerPadding: centerPadding,
+    responsive: [{
+      breakpoint: 1536,
+      settings: {
+        slidesToShow: xxlSlidesToShow || 1,
+        arrows: xxlShowArrows || true,
+        dots: xxlShowDots || true
+      }
+    }, {
+      breakpoint: 1280,
+      settings: {
+        slidesToShow: xlSlidesToShow || 1,
+        arrows: xlShowArrows || true,
+        dots: xlShowDots || true
+      }
+    }, {
+      breakpoint: 1024,
+      settings: {
+        slidesToShow: lgSlidesToShow || 1,
+        arrows: lgShowArrows || true,
+        dots: lgShowDots || true
+      }
+    }, {
+      breakpoint: 768,
+      settings: {
+        slidesToShow: mdSlidesToShow || 1,
+        arrows: mdShowArrows || true,
+        dots: mdShowDots || true
+      }
+    }, {
+      breakpoint: 640,
+      settings: {
+        slidesToShow: smSlidesToShow || 1,
+        arrows: smShowArrows || false,
+        dots: smShowDots || false
+      }
+    }],
     appendDots: dots => /*#__PURE__*/_react.default.createElement("div", {
       style: _objectSpread({}, dotStyles)
     }, /*#__PURE__*/_react.default.createElement("ul", null, dots))

package/dist/components/Input/index.js

@@ -37,7 +37,9 @@ const Input = _ref => {
     bold,
     onChange,
     onBlur,
-    onFocus
+    onFocus,
+    hasValidation,
+    errors
   } = _ref;
   let classList = 'flex flex-col ';
   classList += classes ? classes : '';
@@ -54,7 +56,9 @@ const Input = _ref => {
     id: "label-".concat(id),
     className: labelClassList,
     htmlFor: "input-".concat(id)
-  }, label), /*#__PURE__*/_react.default.createElement("input", {
+  }, /*#__PURE__*/_react.default.createElement("p", null, label, " ", required && /*#__PURE__*/_react.default.createElement("span", {
+    className: "text-red"
+  }, "*"))), /*#__PURE__*/_react.default.createElement("input", {
     id: "input-".concat(id),
     className: inputClassList,
     autoComplete: autoComplete,
@@ -72,7 +76,14 @@ const Input = _ref => {
     onChange: onChange,
     onBlur: onBlur,
     onFocus: onFocus
-  }));
+  }), hasValidation && /*#__PURE__*/_react.default.createElement("div", {
+    id: "".concat(id, "-errors")
+  }, errors && errors.map((error, i) => {
+    return /*#__PURE__*/_react.default.createElement("p", {
+      className: "text-red text-sm",
+      key: i
+    }, error);
+  })));
 };
 
 var _default = Input;

package/dist/components/Nav/index.js

@@ -44,7 +44,8 @@ const Nav = _ref => {
     sideBarWidth,
     dropdownNavHeight,
     mobileLogo,
-    mobileLogoBannerClasses
+    mobileLogoBannerClasses,
+    mobileNavLogoLink
   } = _ref;
   //---------- Styling ---------------
   const [styles, setStyles] = (0, _react.useState)({
@@ -118,6 +119,8 @@ const Nav = _ref => {
   }; //-----------------------------------
 
 
+  let logoImageClassList = "h-16 w-auto ";
+  logoImageClassList += mobileLogoBannerClasses ? mobileLogoBannerClasses : '';
   return /*#__PURE__*/_react.default.createElement("nav", {
     id: id,
     className: classes,
@@ -157,11 +160,12 @@ const Nav = _ref => {
     "aria-hidden": "true"
   }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M6 18L18 6M6 6l12 12"
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    id: "logo",
-    className: "mx-auto"
+  })))), /*#__PURE__*/_react.default.createElement("a", {
+    id: "logo-link",
+    className: "mx-auto",
+    href: mobileNavLogoLink
   }, /*#__PURE__*/_react.default.createElement("img", {
-    className: "h-16 w-auto " + mobileLogoBannerClasses,
+    className: logoImageClassList,
     src: mobileLogo,
     alt: " Logo "
   }))), /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/TextArea/index.js

@@ -19,6 +19,8 @@ const TextArea = _ref => {
   let {
     id,
     classes,
+    labelClasses,
+    textAreaClasses,
     label,
     placeholder,
     bold,
@@ -39,7 +41,9 @@ const TextArea = _ref => {
   classList += classes ? classes : '';
   let labelClassList = 'w-auto ';
   labelClassList += bold ? 'font-bold ' : '';
-  let textAreaClassList = 'border px-2';
+  labelClassList += labelClasses ? labelClasses : '';
+  let textAreaClassList = 'border px-2 ';
+  textAreaClassList += textAreaClasses ? textAreaClasses : '';
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
     id: id
   }, {

package/dist/components/index.css

@@ -2,3 +2,16 @@
 @tailwind components;
 @tailwind utilities;
 @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css");
+
+.slick-track {
+  display: flex !important;
+}
+
+.slick-slide {
+  height: inherit !important;
+}
+
+.slick-slide > div {
+  height: 100%;
+  display: flex;
+}

package/package.json

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