@bigbinary/neeto-site-blocks 1.7.0 → 1.7.2

package/dist/index.js

@@ -14206,7 +14206,8 @@ var StyledAnchor = styled.a.attrs(function (props) {
 var DropdownWrapper = styled.div(function (_ref) {
   var index = _ref.index,
     height = _ref.height,
-    totalLength = _ref.totalLength;
+    totalLength = _ref.totalLength,
+    paddingHorizontal = _ref.paddingHorizontal;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     cumulativeWidth = _useState2[0],
@@ -14218,11 +14219,11 @@ var DropdownWrapper = styled.div(function (_ref) {
 
   // Calculate cumulative width of dropdowns with buffer
   useEffect(function () {
-    var cumulativeWidth = 0;
+    var cumulativeWidth = paddingHorizontal;
     for (var i = totalLength - 1; i > index; i--) {
       var dropdown = (iframeDocument !== null && iframeDocument !== void 0 ? iframeDocument : document).getElementById("dropdown-".concat(i));
       if (dropdown) {
-        cumulativeWidth += dropdown.offsetWidth + 15; // buffer width
+        cumulativeWidth += dropdown.offsetWidth + 20; // buffer width
       }
     }
 
@@ -15549,7 +15550,7 @@ var Link = withConditionalRender(LinkElement, function () {
   return !!(prop("label") || prop("icon"));
 });
 
-var _excluded$h = ["link", "design", "index", "height", "className", "totalLength"];
+var _excluded$h = ["link", "design", "index", "height", "className", "totalLength", "paddingHorizontal"];
 var Dropdown = function Dropdown(_ref) {
   var link = _ref.link,
     design = _ref.design,
@@ -15558,6 +15559,8 @@ var Dropdown = function Dropdown(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     totalLength = _ref.totalLength,
+    _ref$paddingHorizonta = _ref.paddingHorizontal,
+    paddingHorizontal = _ref$paddingHorizonta === void 0 ? 0 : _ref$paddingHorizonta,
     otherProps = _objectWithoutProperties(_ref, _excluded$h);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -15584,6 +15587,7 @@ var Dropdown = function Dropdown(_ref) {
     className: className,
     height: height,
     index: index,
+    paddingHorizontal: paddingHorizontal,
     totalLength: totalLength
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex cursor-pointer items-center justify-between lg:h-full lg:justify-center",
@@ -41560,9 +41564,6 @@ var GalleryClassic = function GalleryClassic(_ref) {
         spaceBetween: 10
       }
     },
-    className: classnames({
-      "pointer-events-none": disableButtonAndLinks
-    }),
     onSwiper: function onSwiper(swiper) {
       swiperRef.current = swiper;
     }
@@ -41571,8 +41572,10 @@ var GalleryClassic = function GalleryClassic(_ref) {
       caption = _ref2.title,
       style = _ref2.style;
     return /*#__PURE__*/React__default.createElement(SwiperSlide, {
-      className: "swiper__wrapper",
-      key: getUniqueKey(src, title, index)
+      key: getUniqueKey(src, title, index),
+      className: classnames("swiper__wrapper", {
+        "pointer-events-none": disableButtonAndLinks
+      })
     }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
       src: src,
       alt: caption,
@@ -41871,6 +41874,7 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
       design: design.links,
       height: headerHeight,
       key: getUniqueKey(link.label, link.to, index),
+      paddingHorizontal: design.body.paddingHorizontal,
       totalLength: properties.links.length
     });
   })), /*#__PURE__*/React__default.createElement("button", {
@@ -42285,14 +42289,14 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
       })
     })));
   };
-  return /*#__PURE__*/React__default.createElement(MotionWrapper, {
+  return /*#__PURE__*/React__default.createElement(BlockWrapper, {
     enableAnimation: enableAnimation,
     id: id,
     backgroundImage: mergeLeft({
       src: src
     }, design.backgroundImage),
-    className: "flex items-center justify-between gap-x-2",
-    design: mergeDesign(design.body, 24)
+    design: design.body,
+    nestedClassName: "flex items-center justify-between gap-x-2"
   }, slides.length > 1 ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ArrowButton, {
     isStart: true,
     Icon: ArrowLeftS$1,
@@ -42304,6 +42308,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
     }
   }), /*#__PURE__*/React__default.createElement(Swiper, {
     loop: true,
+    className: "ns-hero-with-slider",
     keyboard: {
       enabled: true,
       onlyInViewport: true
@@ -42312,9 +42317,6 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
     pagination: {
       clickable: true
     },
-    className: classnames("ns-hero-with-slider", {
-      "pointer-events-none": disableButtonAndLinks
-    }),
     onSwiper: function onSwiper(swiper) {
       swiperRef.current = swiper;
     }
@@ -42323,8 +42325,10 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
       buttons = _ref7.buttons,
       media = _ref7.media;
     return /*#__PURE__*/React__default.createElement(SwiperSlide, {
-      className: classnames("my-auto", className),
-      key: getUniqueKey(content.title, index)
+      key: getUniqueKey(content.title, index),
+      className: classnames("my-auto", className, {
+        "pointer-events-none": disableButtonAndLinks
+      })
     }, renderHeroWithMedia({
       content: content,
       buttons: buttons,