trepur_components 0.2.28 → 0.2.31

package/dist/components/Carousel/index.js

@@ -43,6 +43,9 @@ const Carousel = _ref => {
     slides,
     infinite,
     speed,
+    slidesToShow,
+    dots,
+    arrows,
     smSlidesToShow,
     mdSlidesToShow,
     lgSlidesToShow,
@@ -115,6 +118,9 @@ const Carousel = _ref => {
   const settings = {
     infinite: infinite,
     speed: speed,
+    dots: dots,
+    arrows: arrows,
+    slidesToShow: slidesToShow,
     slidesToScroll: slidesToScroll,
     autoplay: autoplay,
     autoplaySpeed: autoplaySpeed,
@@ -126,35 +132,35 @@ const Carousel = _ref => {
     responsive: [{
       breakpoint: 1536,
       settings: {
-        slidesToShow: xxlSlidesToShow || xlSlidesToShow || lgSlidesToShow || mdSlidesToShow || smSlidesToShow || xsSlidesToShow,
+        slidesToShow: xxlSlidesToShow || 1,
         arrows: xxlShowArrows || true,
         dots: xxlShowDots || true
       }
     }, {
       breakpoint: 1280,
       settings: {
-        slidesToShow: xlSlidesToShow || lgSlidesToShow || mdSlidesToShow || smSlidesToShow || xsSlidesToShow,
+        slidesToShow: xlSlidesToShow || 1,
         arrows: xlShowArrows || true,
         dots: xlShowDots || true
       }
     }, {
       breakpoint: 1024,
       settings: {
-        slidesToShow: lgSlidesToShow || mdSlidesToShow || smSlidesToShow || xsSlidesToShow,
+        slidesToShow: lgSlidesToShow || 1,
         arrows: lgShowArrows || true,
         dots: lgShowDots || true
       }
     }, {
       breakpoint: 768,
       settings: {
-        slidesToShow: mdSlidesToShow || smSlidesToShow || xsSlidesToShow,
+        slidesToShow: mdSlidesToShow || 1,
         arrows: mdShowArrows || true,
         dots: mdShowDots || true
       }
     }, {
       breakpoint: 640,
       settings: {
-        slidesToShow: smSlidesToShow || xsSlidesToShow,
+        slidesToShow: smSlidesToShow || 1,
         arrows: smShowArrows || false,
         dots: smShowDots || false
       }

package/dist/components/Nav/index.js

@@ -45,7 +45,11 @@ const Nav = _ref => {
     dropdownNavHeight,
     mobileLogo,
     mobileLogoBannerClasses,
-    mobileNavLogoLink
+    mobileNavLogoLink,
+    fixedTop,
+    mobileClasses,
+    borderBottom,
+    borderBottomColor
   } = _ref;
   //---------- Styling ---------------
   const [styles, setStyles] = (0, _react.useState)({
@@ -121,15 +125,23 @@ const Nav = _ref => {
 
   let logoImageClassList = "h-16 w-auto ";
   logoImageClassList += mobileLogoBannerClasses ? mobileLogoBannerClasses : '';
+  let mobileClassList = "flex items-center lg:hidden py-2";
+  mobileClassList += mobileClasses ? " ".concat(mobileClasses) : '';
+  mobileClassList += fixedTop ? ' fixed w-full z-50 top-0 mt-0' : '';
+  mobileClassList += borderBottom ? ' border-b' : '';
+  let desktopClassList = 'hidden lg:block items-center justify-between sm:items-stretch text-center';
+  desktopClassList += fixedTop ? ' fixed w-full z-50 top-0 mt-0' : '';
+  desktopClassList += borderBottom ? ' border-b border-rose-500' : '';
   return /*#__PURE__*/_react.default.createElement("nav", {
     id: id,
-    className: classes,
+    className: classes
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "sm-nav",
+    className: mobileClassList,
     style: {
-      'background-color': bgColor
+      'background-color': bgColor,
+      'border-color': borderBottomColor
     }
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    id: "sm-nav",
-    className: "relative flex items-center lg:hidden py-2"
   }, /*#__PURE__*/_react.default.createElement("div", {
     id: "nav-collapse-btn-wrapper",
     className: "absolute inset-y-0 left-2 flex items-center"
@@ -169,7 +181,11 @@ const Nav = _ref => {
     src: mobileLogo,
     alt: " Logo "
   }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'hidden lg:block items-center justify-between sm:items-stretch text-center '
+    className: desktopClassList,
+    style: {
+      'background-color': bgColor,
+      'border-color': borderBottomColor
+    }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'flex ' + firstRowClasses
   }, firstRow && firstRow.map(rowItem => {
@@ -202,7 +218,7 @@ const Nav = _ref => {
       lg: rowItem.lgColumnWidth,
       xl: rowItem.xlColumnWidth
     }, rowItem.component);
-  })))), asSideBar ? /*#__PURE__*/_react.default.createElement("div", {
+  }))), asSideBar ? /*#__PURE__*/_react.default.createElement("div", {
     style: sideNavWidth,
     className: "z-50 shadow-inner shaddow-lg lg:hidden pt-20 fixed top-0 left-0 z-1 overflow-hidden h-full w-0 duration-700"
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {

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.28",
+  "version": "0.2.31",
   "private": false,
   "keywords": [
     "react",