@bigbinary/neeto-site-blocks 1.10.13 → 1.10.15

package/dist/index.cjs.js

@@ -15871,7 +15871,7 @@ var Typography = function Typography(_ref) {
     id: id,
     as: isTitle ? component : COMPONENTS.div,
     design: style,
-    className: classnames__default["default"]("neeto-site-typography break-words", className, {
+    className: classnames__default["default"]("neeto-site-typography text-wrap", className, {
       "neeto-site-highlight__element": disableButtonAndLinks && !isAddNewPane
     }),
     onClick: !isAddNewPane && handleTitleClick
@@ -21380,7 +21380,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
     isAddMoreRequired = properties.isAddMoreRequired,
     src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 gap-y-6 items-center ns-card";
-  var gridBaseClasses = "relative sm:col-span-6 lg:col-span-4 col-span-12  h-40 justify-center items-center ns-card-animation cursor-pointer";
+  var gridBaseClasses = "relative sm:col-span-6 lg:col-span-4 col-span-12  justify-center items-center ns-card-animation cursor-pointer";
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
     className: className,
     enableAnimation: enableAnimation,
@@ -21397,7 +21397,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
     id: "cards-with-image-title",
     style: design.title
   }, otherProps), title), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
-    className: "col-span-12 sm:col-span-8 sm:col-start-3",
+    className: "col-span-12",
     id: "cards-with-image-description",
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21437,7 +21437,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
       id: "cards-with-image-".concat(index, "-title"),
       style: design.cardTitle
     }, otherProps), title)), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "absolute bottom-0 right-0 flex items-end justify-end"
+      className: "col-span-2 flex h-full flex-col justify-end"
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
       disableButtonAndLinks: disableButtonAndLinks,
       image: image,
@@ -21447,18 +21447,18 @@ var CardsWithImage = function CardsWithImage(_ref) {
       id: "cards-with-image-".concat(index, "-image"),
       isAddNewPane: otherProps.isAddNewPane,
       src: imageUrl,
-      wrapperClassName: "grid h-full w-full"
+      wrapperClassName: "flex flex-col items-end"
     }))));
   }), isAddMoreRequired && /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
     enableAnimation: enableAnimation,
-    className: "ns-card-animation col-span-12 flex h-40 items-center justify-center transition-all duration-300 ease-in-out sm:col-span-6 lg:col-span-4",
+    className: "ns-card-animation col-span-12 flex items-center justify-center transition-all duration-300 ease-in-out sm:col-span-6 lg:col-span-4",
     design: _objectSpread$g(_objectSpread$g({}, design.card), {}, {
       paddingHorizontal: 0,
       paddingVertical: 0
     })
   }, /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
     disableHovering: true,
-    className: "col-span-12 flex items-center justify-center gap-x-2",
+    className: "col-span-12 flex items-center justify-center gap-x-2 p-9",
     style: design.cardLink
   }, _objectSpread$g(_objectSpread$g({}, addMore), {}, {
     disableButtonAndLinks: disableButtonAndLinks
@@ -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) {