@bigbinary/neeto-site-blocks 1.8.18 → 1.8.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -14757,18 +14757,24 @@ var StyledImage = styled__default["default"].img.attrs(function () {
14757
14757
  className: "hover:mix-blend-multiply"
14758
14758
  };
14759
14759
  })(function (_ref) {
14760
+ var _design$border, _design$border2, _design$border3;
14760
14761
  var _ref$design = _ref.design,
14761
14762
  design = _ref$design === void 0 ? {} : _ref$design,
14762
14763
  lgImageSize = _ref.lgImageSize;
14763
14764
  var baseStyles = {
14764
14765
  width: design.width ? "".concat(design.width, "%") : "auto"
14765
14766
  };
14767
+ var borderStyles = {
14768
+ borderColor: (_design$border = design.border) === null || _design$border === void 0 ? void 0 : _design$border.borderColor,
14769
+ borderWidth: (_design$border2 = design.border) === null || _design$border2 === void 0 ? void 0 : _design$border2.borderWidth,
14770
+ borderStyle: (_design$border3 = design.border) === null || _design$border3 === void 0 ? void 0 : _design$border3.borderStyle
14771
+ };
14766
14772
  var mediaStyles = lgImageSize ? {
14767
14773
  "@media (min-width: 1024px)": {
14768
14774
  width: "".concat(lgImageSize, "%")
14769
14775
  }
14770
14776
  } : {};
14771
- var customizedStyles = mergeAll([baseStyles, mediaStyles]);
14777
+ var customizedStyles = mergeAll([baseStyles, mediaStyles, borderStyles]);
14772
14778
  return mergeRight(design, customizedStyles);
14773
14779
  });
14774
14780
  var StyledImageWithWrapper = function StyledImageWithWrapper(_ref2) {
@@ -43244,14 +43250,13 @@ var LogoClouds = function LogoClouds(_ref) {
43244
43250
  src = properties.backgroundImage.src;
43245
43251
  var baseClasses = "grid grid-cols-12 items-center sm:gap-x-4 gap-y-10";
43246
43252
  var logoBaseClasses = function logoBaseClasses(index) {
43247
- return classnames("col-span-6 flex justify-center w-full", {
43253
+ return classnames("col-span-12 flex justify-center w-full", {
43248
43254
  "lg:col-span-2": logoCount === 6,
43249
43255
  "sm:col-span-3": logoCount === 4,
43250
43256
  "ns-logo-clouds": !showColoredLogo,
43251
43257
  "sm:col-start-4": logos.length % 4 === 2 && index === logos.length - 2,
43252
43258
  "sm:col-start-3": logos.length % 4 === 3 && index === logos.length - 3,
43253
- "sm:col-start-5 sm:!col-span-4 !col-start-4": logos.length % 4 === 1 && index === logos.length - 1,
43254
- "col-start-3": logos.length % 2 === 1 && index === logos.length - 1
43259
+ "sm:col-start-5 sm:!col-span-4 !col-start-4": logos.length % 4 === 1 && index === logos.length - 1
43255
43260
  });
43256
43261
  };
43257
43262
  return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
@@ -43282,7 +43287,8 @@ var LogoClouds = function LogoClouds(_ref) {
43282
43287
  src: src,
43283
43288
  title: title,
43284
43289
  className: "logo-image",
43285
- design: design.logo
43290
+ design: design.logo,
43291
+ wrapperClassName: "max-w-56 max-h-28"
43286
43292
  }));
43287
43293
  }));
43288
43294
  };