@bigbinary/neeto-site-blocks 1.2.9 → 1.2.10

package/dist/index.cjs.js

@@ -138,7 +138,9 @@ var ArrowButton = function ArrowButton(_ref) {
     isStart = _ref.isStart,
     onClick = _ref.onClick,
     isActive = _ref.isActive,
-    design = _ref.design;
+    design = _ref.design,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
   var borderColor = isActive ? (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433" : (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc";
   var StyledIcon = styled__default["default"](Icon)(function () {
     return {
@@ -146,12 +148,12 @@ var ArrowButton = function ArrowButton(_ref) {
     };
   });
   return /*#__PURE__*/React__default["default"].createElement("button", {
+    onClick: onClick,
     className: classnames("col-span-1", {
       "col-start-1": isStart,
       "col-start-12 flex justify-end": !isStart,
       "cursor-default": !isActive
-    }),
-    onClick: onClick
+    }, className)
   }, /*#__PURE__*/React__default["default"].createElement(StyledIcon, {
     className: "rounded-full border p-1",
     size: 27,
@@ -20546,7 +20548,8 @@ var CardsInGridView = function CardsInGridView(_ref) {
     var title = _ref2.title,
       description = _ref2.description,
       imageUrl = _ref2.imageUrl,
-      href = _ref2.href;
+      href = _ref2.href,
+      style = _ref2.style;
     return /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
       enableAnimation: enableAnimation,
       design: design.card,
@@ -20559,7 +20562,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
         return href && window.open(href, "_blank");
       }
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
-      design: design.cardImage,
+      design: mergeRight(design.cardImage, style),
       src: imageUrl,
       className: classnames("mx-auto", {
         "max-h-40": mode === "landscape",
@@ -40396,13 +40399,13 @@ var GalleryClassic = function GalleryClassic(_ref) {
     src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 items-center gap-y-8";
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
+    className: className,
+    enableAnimation: enableAnimation,
+    id: id,
     backgroundImage: mergeLeft({
       src: src
     }, design.backgroundImage),
-    className: className,
     design: design.body,
-    enableAnimation: enableAnimation,
-    id: id,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-span-12 col-start-1 sm:col-span-6 sm:col-start-4"
@@ -40416,6 +40419,7 @@ var GalleryClassic = function GalleryClassic(_ref) {
   }, description)), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
     isStart: true,
     Icon: ArrowLeft$1,
+    className: "hidden sm:flex",
     design: design.navigationButtons,
     isActive: activeIndex > 0,
     onClick: function onClick() {
@@ -40425,8 +40429,13 @@ var GalleryClassic = function GalleryClassic(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ns-gallery-with-multiple-images col-span-10 col-start-2"
   }, /*#__PURE__*/React__default["default"].createElement(Swiper, {
+    freeMode: true,
+    grabCursor: true,
     breakpointsBase: "container",
-    modules: [Pagination],
+    modules: [Pagination, Mousewheel, freeMode],
+    mousewheel: {
+      sensitivity: 0.5
+    },
     pagination: {
       clickable: true
     },
@@ -40446,17 +40455,21 @@ var GalleryClassic = function GalleryClassic(_ref) {
   }, images.map(function (_ref2, index) {
     var src = _ref2.src,
       alt = _ref2.alt,
-      title = _ref2.title;
+      title = _ref2.title,
+      style = _ref2.style;
     return /*#__PURE__*/React__default["default"].createElement(SwiperSlide, {
+      className: "swiper__wrapper",
       key: getUniqueKey(src, title, index)
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
       alt: alt,
-      className: "sliding-image",
       src: src,
-      title: title
+      title: title,
+      className: "sliding-image",
+      design: style
     }));
   }))), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
     Icon: ArrowRight$1,
+    className: "hidden sm:flex",
     design: design.navigationButtons,
     isActive: activeIndex < images.length - 2,
     onClick: function onClick() {
@@ -40526,7 +40539,8 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
   }, images.map(function (_ref2, index) {
     var src = _ref2.src,
       alt = _ref2.alt,
-      title = _ref2.title;
+      title = _ref2.title,
+      style = _ref2.style;
     return /*#__PURE__*/React__default["default"].createElement(SwiperSlide, {
       className: "swiper__wrapper",
       key: getUniqueKey(src, title, index)
@@ -40534,7 +40548,8 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
       alt: alt,
       src: src,
       title: title,
-      className: "sliding-image"
+      className: "sliding-image",
+      design: style
     }));
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ns-gallery-with-sliding-images sm:col-span-6 sm:col-start-4"