@bigbinary/neeto-site-blocks 1.4.4 → 1.4.6

package/dist/index.cjs.js

@@ -2697,7 +2697,11 @@ var SPACING_VALUES = {
   "6xl": 80,
   "7xl": 96,
   "8xl": 112,
-  "9xl": 128
+  "9xl": 128,
+  "10xl": 144,
+  "11xl": 160,
+  "12xl": 176,
+  "13xl": 192
 };
 var BACKGROUND_IMAGE_SIZE_VALUES = {
   auto: "auto",
@@ -4701,9 +4705,10 @@ var StyledWrapper = styled__default["default"].div.attrs(function (props) {
     borderWidth: (_design$border2 = design.border) === null || _design$border2 === void 0 ? void 0 : _design$border2.borderWidth
   };
   var borderColorStyles = pickBy(identity, borderColors);
-  var backgroundStyles = {
+  var backgroundStyles = _objectSpread$7({
     position: "relative",
-    zIndex: 0,
+    zIndex: 0
+  }, backgroundImage.src ? {
     "&::before": _objectSpread$7({
       content: "''",
       position: "absolute",
@@ -4715,7 +4720,7 @@ var StyledWrapper = styled__default["default"].div.attrs(function (props) {
       zIndex: -1,
       opacity: backgroundImage.opacity || 1
     }, backgroundImage)
-  };
+  } : {});
   return mergeAll([design, borderColorStyles, backgroundStyles]);
 });
 
@@ -14208,10 +14213,28 @@ var StyledAnchor = styled__default["default"].a.attrs(function (props) {
         color0: design.backgroundColor,
         percentage: percentage
       }),
-      color: !isButton && blendColors({
+      "&:before": {
+        width: "100%",
+        display: isButton && "none",
+        transitionProperty: "all",
+        transitionTimingFunction: "cubic-bezier(.4,0,.2,1)",
+        transitionDuration: ".2s"
+      }
+    },
+    "&:before": {
+      content: '""',
+      position: "absolute",
+      bottom: "-0.225rem",
+      left: 0,
+      width: 0,
+      height: "1px",
+      backgroundColor: blendColors({
         color0: design.color,
         percentage: percentage
-      })
+      }),
+      transitionProperty: "all",
+      transitionTimingFunction: "cubic-bezier(.4,0,.2,1)",
+      transitionDuration: ".2s"
     }
   };
   return mergeAll([design, borderColorStyles, anchorStyles]);
@@ -15444,11 +15467,11 @@ var Button = function Button(_ref) {
     className: classnames([anchorBaseClass, className]),
     design: style,
     href: to !== null && to !== void 0 ? to : "",
-    rel: "noreferrer"
+    rel: "noreferrer",
+    isButton: true
   };
   if (action === "external") {
     return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
-      isButton: true,
       target: "_blank"
     }), label);
   }
@@ -15461,9 +15484,7 @@ var Button = function Button(_ref) {
       to: pageUrl
     }), label);
   }
-  return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
-    isButton: true
-  }), label);
+  return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, commonProps, label);
 };
 var Button$1 = withConditionalRender(Button, prop("label"));
 
@@ -15489,7 +15510,7 @@ var LinkElement = function LinkElement(_ref) {
     disableButtonAndLinks = _ref$disableButtonAnd === void 0 ? false : _ref$disableButtonAnd,
     _ref$children = _ref.children,
     children = _ref$children === void 0 ? null : _ref$children;
-  var baseClass = classnames("inline-flex items-center transition-all duration-300 ease-in-out", {
+  var baseClass = classnames("inline-flex items-center transition-all duration-300 ease-in-out relative", {
     "pointer-events-none": action === "" || disableButtonAndLinks
   });
   var commonProps = {