@bigbinary/neeto-site-blocks 1.7.1 → 1.7.2

package/dist/index.js

@@ -14206,7 +14206,8 @@ var StyledAnchor = styled.a.attrs(function (props) {
 var DropdownWrapper = styled.div(function (_ref) {
   var index = _ref.index,
     height = _ref.height,
-    totalLength = _ref.totalLength;
+    totalLength = _ref.totalLength,
+    paddingHorizontal = _ref.paddingHorizontal;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     cumulativeWidth = _useState2[0],
@@ -14218,11 +14219,11 @@ var DropdownWrapper = styled.div(function (_ref) {
 
   // Calculate cumulative width of dropdowns with buffer
   useEffect(function () {
-    var cumulativeWidth = 0;
+    var cumulativeWidth = paddingHorizontal;
     for (var i = totalLength - 1; i > index; i--) {
       var dropdown = (iframeDocument !== null && iframeDocument !== void 0 ? iframeDocument : document).getElementById("dropdown-".concat(i));
       if (dropdown) {
-        cumulativeWidth += dropdown.offsetWidth + 15; // buffer width
+        cumulativeWidth += dropdown.offsetWidth + 20; // buffer width
       }
     }
 
@@ -15549,7 +15550,7 @@ var Link = withConditionalRender(LinkElement, function () {
   return !!(prop("label") || prop("icon"));
 });
 
-var _excluded$h = ["link", "design", "index", "height", "className", "totalLength"];
+var _excluded$h = ["link", "design", "index", "height", "className", "totalLength", "paddingHorizontal"];
 var Dropdown = function Dropdown(_ref) {
   var link = _ref.link,
     design = _ref.design,
@@ -15558,6 +15559,8 @@ var Dropdown = function Dropdown(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     totalLength = _ref.totalLength,
+    _ref$paddingHorizonta = _ref.paddingHorizontal,
+    paddingHorizontal = _ref$paddingHorizonta === void 0 ? 0 : _ref$paddingHorizonta,
     otherProps = _objectWithoutProperties(_ref, _excluded$h);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -15584,6 +15587,7 @@ var Dropdown = function Dropdown(_ref) {
     className: className,
     height: height,
     index: index,
+    paddingHorizontal: paddingHorizontal,
     totalLength: totalLength
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex cursor-pointer items-center justify-between lg:h-full lg:justify-center",
@@ -41870,6 +41874,7 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
       design: design.links,
       height: headerHeight,
       key: getUniqueKey(link.label, link.to, index),
+      paddingHorizontal: design.body.paddingHorizontal,
       totalLength: properties.links.length
     });
   })), /*#__PURE__*/React__default.createElement("button", {