@bigbinary/neeto-site-blocks 1.2.4 → 1.2.6

package/dist/index.cjs.js

@@ -2677,7 +2677,8 @@ var COMPONENTS = {
   sup: "sup",
   u: "u",
   code: "code",
-  blockquote: "blockquote"
+  blockquote: "blockquote",
+  div: "div"
 };
 var SPACING_VALUES = {
   none: 0,
@@ -15606,7 +15607,7 @@ var Typography = function Typography(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? DEFAULT_TYPOGRAPHY_STYLES : _ref$style,
     _ref$component = _ref.component,
-    component = _ref$component === void 0 ? COMPONENTS.p : _ref$component,
+    component = _ref$component === void 0 ? COMPONENTS.div : _ref$component,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     _ref$isTitle = _ref.isTitle,
@@ -15614,7 +15615,7 @@ var Typography = function Typography(_ref) {
     children = _ref.children,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$e);
   return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, _extends__default["default"]({
-    as: component,
+    as: isTitle ? component : COMPONENTS.div,
     className: classnames("neeto-site-typography break-words", className),
     design: style
   }, otherProps), isTitle ? children : /*#__PURE__*/React__default["default"].createElement(StyledInterweave, {
@@ -40930,9 +40931,10 @@ var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
     var src = _ref2.src,
       position = _ref2.position;
     return classnames("sm:col-span-6 col-span-12", {
-      "sm:col-start-1": src && position === POSITIONS.RIGHT.label && src,
-      "sm:col-span-8 sm:col-start-3": src && position === POSITIONS.CENTER.label && src,
-      "sm:col-start-7": src && position === POSITIONS.LEFT.label && src,
+      "sm:col-start-1": src && position === POSITIONS.RIGHT.label,
+      "sm:col-span-8 sm:col-start-3": src && position === POSITIONS.BOTTOM.label,
+      "sm:col-span-12 sm:col-start-1 flex flex-col justify-center order-2": src && position === POSITIONS.TOP.label,
+      "sm:col-start-7": src && position === POSITIONS.LEFT.label,
       "flex flex-col justify-center sm:col-span-12": !src
     });
   };
@@ -40942,7 +40944,8 @@ var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
     return classnames("sm:col-span-5 col-span-12 flex justify-center", {
       "sm:col-start-1": src && position === POSITIONS.LEFT.label,
       "sm:col-start-8": src && position === POSITIONS.RIGHT.label,
-      "sm:col-span-8 sm:col-start-3": src && position === POSITIONS.CENTER.label,
+      "sm:col-span-8 sm:col-start-3": src && position === POSITIONS.BOTTOM.label,
+      "sm:col-span-8 sm:col-start-3 flex justify-center order-1": src && position === POSITIONS.TOP.label,
       hidden: !src
     });
   };
@@ -40950,24 +40953,24 @@ var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
     var src = _ref4.src,
       position = _ref4.position;
     return classnames("flex w-full gap-x-4", {
-      "justify-center": !src || position === POSITIONS.CENTER.label
+      "justify-center": !src || position === POSITIONS.BOTTOM.label || position === POSITIONS.TOP.label
     });
   };
   var textClasses = function textClasses(_ref5) {
     var src = _ref5.src,
       position = _ref5.position;
     return classnames({
-      "text-center": !src || position === POSITIONS.CENTER.label
+      "text-center": !src || position === POSITIONS.BOTTOM.label || position === POSITIONS.TOP.label
     });
   };
   return /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
+    enableAnimation: enableAnimation,
+    id: id,
     backgroundImage: mergeLeft({
       src: src
     }, design.backgroundImage),
     className: "flex items-center justify-between gap-x-2",
-    design: mergeDesign(design.body, 24),
-    enableAnimation: enableAnimation,
-    id: id
+    design: mergeDesign(design.body, 24)
   }, /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
     isStart: true,
     Icon: ArrowLeftS$1,
@@ -41033,7 +41036,7 @@ var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
       lgImageSize: design.media.width,
       src: media.src,
       className: classnames({
-        "slider-image": media.position !== POSITIONS.CENTER.label
+        "slider-image": media.position !== POSITIONS.BOTTOM.label || media.position !== POSITIONS.TOP.label
       })
     }))));
   })), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {