@bigbinary/neeto-site-blocks 1.10.14 → 1.10.16

package/dist/index.cjs.js

@@ -22024,15 +22024,15 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
     autoPlay = _properties$media.autoPlay,
     src = properties.backgroundImage.src;
   var mediaURL = isEmbedded ? videoUrl : imageUrl;
-  var baseClasses = "grid grid-cols-12 items-center sm:gap-x-2 lg:gap-x-4 grid-flow-row-dense";
+  var baseClasses = "grid grid-cols-12 items-center gap-y-6 lg:gap-x-4 grid-flow-row-dense";
   var mediaBaseClasses = classnames__default["default"]("col-span-12 flex justify-center", {
-    "sm:col-span-7 sm:col-start-7 lg:col-span-6 lg:col-start-7": mediaPosition === POSITIONS.RIGHT.label,
-    "sm:col-span-6 sm:col-start-1 lg:col-span-6": mediaPosition === POSITIONS.LEFT.label,
+    "lg:col-span-7 lg:col-start-7 lg:col-span-6 lg:col-start-7": mediaPosition === POSITIONS.RIGHT.label,
+    "lg:col-span-6 lg:col-start-1 lg:col-span-6": mediaPosition === POSITIONS.LEFT.label,
     hidden: !mediaURL
   });
   var contentBaseClasses = classnames__default["default"]("col-span-12", {
-    "sm:col-span-5 sm:col-start-1": mediaPosition === POSITIONS.RIGHT.label && mediaURL,
-    "sm:col-span-5 sm:col-start-8 lg:col-start-8": mediaPosition === POSITIONS.LEFT.label && mediaURL
+    "lg:col-span-5 lg:col-start-1": mediaPosition === POSITIONS.RIGHT.label && mediaURL,
+    "lg:col-span-5 lg:col-start-8 lg:col-start-8": mediaPosition === POSITIONS.LEFT.label && mediaURL
   });
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
     className: className,
@@ -22063,10 +22063,10 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
       type = _ref2.type;
     return /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
       enableAnimation: enableAnimation,
+      key: getUniqueKey(featureTitle, featureDescription, index),
       className: classnames__default["default"]({
-        "flex gap-x-4": icon
-      }),
-      key: getUniqueKey(featureTitle, featureDescription, index)
+        "flex flex-col gap-4 md:flex-row": icon
+      })
     }, icon && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex-shrink-0"
     }, renderIcon(_objectSpread$b({
@@ -22930,7 +22930,7 @@ var GalleryClassic = function GalleryClassic(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 col-start-1 sm:col-span-6 sm:col-start-4"
+    className: "col-span-12"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
     disableButtonAndLinks: disableButtonAndLinks,
     isAddNewPane: isAddNewPane,
@@ -22946,19 +22946,16 @@ var GalleryClassic = function GalleryClassic(_ref) {
   }, description)), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
     isStart: true,
     Icon: ArrowLeft$1,
-    className: "hidden sm:flex",
+    className: "hidden justify-center sm:flex",
     design: design.navigationButtons,
     onClick: function onClick() {
       return swiper === null || swiper === void 0 ? void 0 : swiper.slidePrev();
     }
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "ns-gallery-with-multiple-images col-span-10 col-start-2"
+    className: "ns-gallery-with-multiple-images col-span-12 sm:col-span-10 sm:col-start-2"
   }, /*#__PURE__*/React__default["default"].createElement(Swiper, {
     loop: true,
     breakpointsBase: "container",
-    pagination: {
-      clickable: true
-    },
     slidesPerView: 1,
     spaceBetween: 10,
     breakpoints: {
@@ -22993,7 +22990,7 @@ var GalleryClassic = function GalleryClassic(_ref) {
     design: design.button
   })), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
     Icon: ArrowRight$1,
-    className: "hidden sm:flex",
+    className: "hidden justify-center sm:flex",
     design: design.navigationButtons,
     onClick: function onClick() {
       return swiper === null || swiper === void 0 ? void 0 : swiper.slideNext();
@@ -23768,7 +23765,7 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
     _properties$images = properties.images,
     images = _properties$images === void 0 ? [] : _properties$images,
     src = properties.backgroundImage.src;
-  var baseClasses = "grid grid-cols-12 items-center gap-y-8";
+  var baseClasses = "ns-gallery-with-sliding-images grid grid-cols-12 items-center";
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
     className: className,
     enableAnimation: enableAnimation,
@@ -23779,7 +23776,7 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-12 col-start-1 sm:col-span-6 sm:col-start-4"
+    className: "col-span-12 mb-8"
   }, /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
     isTitle: true,
     component: "h3",
@@ -23789,7 +23786,7 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
     id: "gallery-with-autoplay-description",
     style: design.description
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "ns-gallery-with-sliding-images col-span-12 space-y-6 sm:col-span-10 sm:col-start-2"
+    className: "col-span-12 space-y-6"
   }, /*#__PURE__*/React__default["default"].createElement(Swiper, {
     loop: true,
     autoplay: {
@@ -23797,9 +23794,6 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
       disableOnInteraction: false
     },
     modules: [Thumb, Autoplay],
-    pagination: !isThumbsView && {
-      clickable: true
-    },
     spaceBetween: 10,
     thumbs: {
       swiper: thumbsSwiper
@@ -23825,17 +23819,14 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
       title: caption,
       wrapperClassName: "h-full w-full"
     }));
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "ns-gallery-with-sliding-images sm:col-span-6 sm:col-start-4"
-  }, isThumbsView && /*#__PURE__*/React__default["default"].createElement(Swiper, {
+  }))), isThumbsView && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mt-8 hidden sm:col-span-6 sm:col-start-4 sm:block"
+  }, /*#__PURE__*/React__default["default"].createElement(Swiper, {
     watchSlidesProgress: true,
     modules: [Thumb],
-    pagination: {
-      clickable: true
-    },
     slidesPerView: 4,
     spaceBetween: 12,
-    className: classnames__default["default"]("pointer-events-none hidden sm:block", {
+    className: classnames__default["default"]("pointer-events-none", {
       swiper__thumbs__slide: images.length <= 3
     }),
     onSwiper: setThumbsSwiper
@@ -23857,11 +23848,13 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
       title: title,
       className: "clickable-image"
     }));
-  }), /*#__PURE__*/React__default["default"].createElement(Pagination, {
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-span-12 flex justify-center"
+  }, /*#__PURE__*/React__default["default"].createElement(Pagination, {
     swiper: swiper,
     className: "!pointer-events-auto",
     design: design.button
-  }))));
+  })));
 };
 
 var useElementVisible = function useElementVisible(ref) {