@bigbinary/neeto-site-blocks 1.7.1 → 1.7.2

package/dist/index.cjs.js

@@ -14252,7 +14252,8 @@ var StyledAnchor = styled__default["default"].a.attrs(function (props) {
 var DropdownWrapper = styled__default["default"].div(function (_ref) {
   var index = _ref.index,
     height = _ref.height,
-    totalLength = _ref.totalLength;
+    totalLength = _ref.totalLength,
+    paddingHorizontal = _ref.paddingHorizontal;
   var _useState = React.useState(0),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     cumulativeWidth = _useState2[0],
@@ -14264,11 +14265,11 @@ var DropdownWrapper = styled__default["default"].div(function (_ref) {
 
   // Calculate cumulative width of dropdowns with buffer
   React.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
       }
     }
 
@@ -15595,7 +15596,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,
@@ -15604,6 +15605,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__default["default"](_ref, _excluded$h);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -15630,6 +15633,7 @@ var Dropdown = function Dropdown(_ref) {
     className: className,
     height: height,
     index: index,
+    paddingHorizontal: paddingHorizontal,
     totalLength: totalLength
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex cursor-pointer items-center justify-between lg:h-full lg:justify-center",
@@ -41916,6 +41920,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["default"].createElement("button", {