@bigbinary/neeto-site-blocks 1.6.8 → 1.6.10

package/dist/index.cjs.js

@@ -15664,10 +15664,9 @@ var Dropdown = function Dropdown(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(ArrowDownS$1, {
     fill: design.color,
     size: 20
-  }))), isLargerScreen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames("rounded-b-md border border-gray-200 bg-white", {
-      "fixed flex flex-col": isOpen,
-      hidden: !isOpen
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames("hidden rounded-b-md border border-gray-200 bg-white", {
+      "fixed flex-col lg:flex": isOpen
     }),
     onMouseEnter: function onMouseEnter() {
       return isLargerScreen && setIsOpen(true);
@@ -15675,8 +15674,8 @@ var Dropdown = function Dropdown(_ref) {
     onMouseLeave: function onMouseLeave() {
       return isLargerScreen && setIsOpen(false);
     }
-  }, renderDropdownItems("px-4 py-2 hover:bg-gray-100 last:rounded-b-md")), isSmallerScreen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "lg:pr-8"
+  }, renderDropdownItems("px-4 py-2 hover:bg-gray-100 last:rounded-b-md")), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "block lg:hidden lg:pr-8"
   }, /*#__PURE__*/React__default["default"].createElement(AnimatePresence, null, isOpen && /*#__PURE__*/React__default["default"].createElement(motion.div, {
     animate: {
       opacity: 1,
@@ -20777,7 +20776,8 @@ var CardsInGridView = function CardsInGridView(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    id = _ref.id;
+    id = _ref.id,
+    disableButtonAndLinks = _ref.disableButtonAndLinks;
   var _useState = React.useState(0),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     activeIndex = _useState2[0],
@@ -20870,6 +20870,9 @@ var CardsInGridView = function CardsInGridView(_ref) {
           spaceBetween: 15
         }
       },
+      className: classnames({
+        "pointer-events-none": disableButtonAndLinks
+      }),
       onSlideChange: function onSlideChange(swiper) {
         return setActiveIndex(swiper.activeIndex);
       },
@@ -20887,7 +20890,12 @@ var CardsInGridView = function CardsInGridView(_ref) {
         var _swiperRef$current2;
         return (_swiperRef$current2 = swiperRef.current) === null || _swiperRef$current2 === void 0 ? void 0 : _swiperRef$current2.slideNext();
       }
-    }));
+    }), isButtonRequired && /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-span-12 grid grid-cols-12"
+    }, /*#__PURE__*/React__default["default"].createElement(Button$1, _extends__default["default"]({
+      className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
+      style: design.button
+    }, button))));
   }
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
     className: className,
@@ -41869,17 +41877,17 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     ref: headerIntersectorRef
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "relative z-10",
-    ref: headerRef
+    ref: headerRef,
+    className: classnames("relative z-10", {
+      "neeto-site-sticky-header": position === "sticky",
+      "neeto-site-sticky-header--scroll": !isHeadingWrapperVisible
+    }, className)
   }, /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
+    className: className,
     id: id,
     design: design.body,
     nestedClassName: baseClasses,
-    nestedComponent: StyledWrapper,
-    className: classnames({
-      "neeto-site-sticky-header": position === "sticky",
-      "neeto-site-sticky-header--scroll": !isHeadingWrapperVisible
-    }, className)
+    nestedComponent: StyledWrapper
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames("col-start-2 ml-3 flex items-center sm:ml-0 sm:gap-x-4 lg:col-span-4 lg:col-start-1", {
       "col-span-10": isEmpty(buttons),