@bigbinary/neeto-site-blocks 1.1.7 → 1.1.9

package/dist/index.cjs.js

@@ -20501,6 +20501,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
     isSliderView = properties.isSliderView,
     isButtonRequired = properties.isButtonRequired,
     button = properties.button,
+    mode = properties.mode,
     src = properties.backgroundImage.src;
   var baseClasses = "ns-card grid grid-cols-12 sm:gap-x-4 gap-y-4 items-center";
   var renderCard = function renderCard(_ref2) {
@@ -20509,17 +20510,23 @@ var CardsInGridView = function CardsInGridView(_ref) {
       imageUrl = _ref2.imageUrl,
       href = _ref2.href;
     return /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
-      className: "ns-card-in-grid-view col-span-12 cursor-pointer space-y-8 space-y-8 sm:col-span-6 lg:col-span-4",
+      enableAnimation: enableAnimation,
       design: design.card,
       duration: 0.01,
-      enableAnimation: enableAnimation,
+      className: classnames("ns-card-in-grid-view col-span-12 cursor-pointer space-y-8 space-y-8 sm:col-span-6 lg:col-span-4", {
+        "ns-card-in-grid-view--landscape": mode === "landscape",
+        "ns-card-in-grid-view--portrait": mode === "portrait"
+      }),
       onClick: function onClick() {
         return href && window.open(href, "_blank");
       }
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
-      className: "mx-auto max-h-40 object-cover",
       design: design.cardImage,
-      src: imageUrl
+      src: imageUrl,
+      className: classnames("mx-auto", {
+        "max-h-40": mode === "landscape",
+        "max-h-72": mode === "portrait"
+      })
     }), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "gap-x-2 sm:gap-y-4"
     }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
@@ -20535,13 +20542,13 @@ var CardsInGridView = function CardsInGridView(_ref) {
   };
   if (isSliderView) {
     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,
       nestedComponent: MotionWrapper
     }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
@@ -20588,20 +20595,20 @@ var CardsInGridView = function CardsInGridView(_ref) {
     }));
   }
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
+    className: className,
+    id: id,
     backgroundImage: mergeLeft({
       src: src
     }, design.backgroundImage),
-    className: className,
     design: design.body,
-    id: id,
     nestedClassName: baseClasses,
     nestedComponent: StyledWrapper
-  }, title && /*#__PURE__*/React__default["default"].createElement(Typography$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
     isTitle: true,
     className: "col-span-12",
     component: "h1",
     style: design.title
-  }, title), description && /*#__PURE__*/React__default["default"].createElement(Typography$1, {
+  }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
     className: "col-span-12",
     component: "p",
     style: design.description
@@ -40985,23 +40992,28 @@ var LogoClouds = function LogoClouds(_ref) {
     logos = _properties$logos === void 0 ? [] : _properties$logos,
     title = properties.title,
     enableAnimation = properties.enableAnimation,
+    logoCount = properties.logoCount,
+    showColoredLogo = properties.showColoredLogo,
     src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 items-center sm:gap-x-4 gap-y-10";
   var logoBaseClasses = function logoBaseClasses(index) {
-    return classnames("ns-logo-clouds col-span-6 flex justify-center sm:col-span-3", {
+    return classnames("col-span-6 flex justify-center", {
+      "lg:col-span-2": logoCount === 6,
+      "sm:col-span-3": logoCount === 4,
+      "ns-logo-clouds": !showColoredLogo,
       "sm:col-start-4": logos.length % 4 === 2 && index === logos.length - 2,
       "sm:col-start-3": logos.length % 4 === 3 && index === logos.length - 3,
       "col-start-3": logos.length % 2 === 1 && index === logos.length - 1
     });
   };
   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(Typography$1, {
     className: "col-span-12",
@@ -41017,10 +41029,10 @@ var LogoClouds = function LogoClouds(_ref) {
       key: getUniqueKey(title, index)
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
       alt: alt,
-      className: "logo-image",
-      design: design.logo,
       src: src,
-      title: title
+      title: title,
+      className: "logo-image",
+      design: design.logo
     }));
   }));
 };