@bigbinary/neeto-site-blocks 1.8.17 → 1.8.19

package/dist/index.js

@@ -14554,7 +14554,7 @@ var useElementClick = function useElementClick(_ref) {
     event.preventDefault();
     if (!id) return;
     setTimeout(function () {
-      var accordion = document.querySelector("[data-accordion-id=".concat(id.replace(/-[^-]+$/, ""), "]"));
+      var accordion = document.querySelector("[data-accordion-id=".concat(id === null || id === void 0 ? void 0 : id.replace(/-[^-]+$/, ""), "]"));
       var element = document.querySelector("[data-element-id=".concat(id, "]"));
       var card = document.querySelector("[data-highlight-id=".concat(id, "]"));
 
@@ -14601,7 +14601,7 @@ var useElementClick = function useElementClick(_ref) {
   var handleTitleClick = function handleTitleClick() {
     setTimeout(function () {
       if (!document) return;
-      var accordion = document.querySelector("[data-accordion-id=".concat(id.replace(/-[^-]+$/, ""), "]"));
+      var accordion = document.querySelector("[data-accordion-id=".concat(id === null || id === void 0 ? void 0 : id.replace(/-[^-]+$/, ""), "]"));
       var inputWrapper = accordion === null || accordion === void 0 ? void 0 : accordion.querySelector(".neeto-ui-input");
       var card = document.querySelector("[data-highlight-id=".concat(id, "]"));
       var element = document.querySelector("[data-element-id=".concat(id, "]"));
@@ -14657,7 +14657,7 @@ var useElementClick = function useElementClick(_ref) {
     event.preventDefault();
     setTimeout(function () {
       if (isPresent(index)) {
-        var accordion = document.querySelector("[data-accordion-id=".concat(id.replace(/-[^-]+$/, ""), "]"));
+        var accordion = document.querySelector("[data-accordion-id=".concat(id === null || id === void 0 ? void 0 : id.replace(/-[^-]+$/, ""), "]"));
         if (!accordion) return;
         accordion.scrollIntoView({
           behavior: "smooth",
@@ -14711,18 +14711,24 @@ var StyledImage = styled.img.attrs(function () {
     className: "hover:mix-blend-multiply"
   };
 })(function (_ref) {
+  var _design$border, _design$border2, _design$border3;
   var _ref$design = _ref.design,
     design = _ref$design === void 0 ? {} : _ref$design,
     lgImageSize = _ref.lgImageSize;
   var baseStyles = {
     width: design.width ? "".concat(design.width, "%") : "auto"
   };
+  var borderStyles = {
+    borderColor: (_design$border = design.border) === null || _design$border === void 0 ? void 0 : _design$border.borderColor,
+    borderWidth: (_design$border2 = design.border) === null || _design$border2 === void 0 ? void 0 : _design$border2.borderWidth,
+    borderStyle: (_design$border3 = design.border) === null || _design$border3 === void 0 ? void 0 : _design$border3.borderStyle
+  };
   var mediaStyles = lgImageSize ? {
     "@media (min-width: 1024px)": {
       width: "".concat(lgImageSize, "%")
     }
   } : {};
-  var customizedStyles = mergeAll([baseStyles, mediaStyles]);
+  var customizedStyles = mergeAll([baseStyles, mediaStyles, borderStyles]);
   return mergeRight(design, customizedStyles);
 });
 var StyledImageWithWrapper = function StyledImageWithWrapper(_ref2) {
@@ -43198,14 +43204,13 @@ var LogoClouds = function LogoClouds(_ref) {
     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("col-span-6 flex justify-center w-full", {
+    return classnames("col-span-12 flex justify-center w-full", {
       "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,
-      "sm:col-start-5 sm:!col-span-4 !col-start-4": logos.length % 4 === 1 && index === logos.length - 1,
-      "col-start-3": logos.length % 2 === 1 && index === logos.length - 1
+      "sm:col-start-5 sm:!col-span-4 !col-start-4": logos.length % 4 === 1 && index === logos.length - 1
     });
   };
   return /*#__PURE__*/React__default.createElement(BlockWrapper, {
@@ -43236,7 +43241,8 @@ var LogoClouds = function LogoClouds(_ref) {
       src: src,
       title: title,
       className: "logo-image",
-      design: design.logo
+      design: design.logo,
+      wrapperClassName: "max-w-56 max-h-28"
     }));
   }));
 };