@bigbinary/neeto-site-blocks 1.10.15 → 1.10.17

package/dist/index.js

@@ -21987,15 +21987,15 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
     autoPlay = _properties$media.autoPlay,
     src = properties.backgroundImage.src;
   var mediaURL = isEmbedded ? videoUrl : imageUrl;
-  var baseClasses = "grid grid-cols-12 items-center sm:gap-x-2 lg:gap-x-4 grid-flow-row-dense";
+  var baseClasses = "grid grid-cols-12 items-center gap-y-6 lg:gap-x-4 grid-flow-row-dense";
   var mediaBaseClasses = classnames("col-span-12 flex justify-center", {
-    "sm:col-span-7 sm:col-start-7 lg:col-span-6 lg:col-start-7": mediaPosition === POSITIONS.RIGHT.label,
-    "sm:col-span-6 sm:col-start-1 lg:col-span-6": mediaPosition === POSITIONS.LEFT.label,
+    "lg:col-span-7 lg:col-start-7 lg:col-span-6 lg:col-start-7": mediaPosition === POSITIONS.RIGHT.label,
+    "lg:col-span-6 lg:col-start-1 lg:col-span-6": mediaPosition === POSITIONS.LEFT.label,
     hidden: !mediaURL
   });
   var contentBaseClasses = classnames("col-span-12", {
-    "sm:col-span-5 sm:col-start-1": mediaPosition === POSITIONS.RIGHT.label && mediaURL,
-    "sm:col-span-5 sm:col-start-8 lg:col-start-8": mediaPosition === POSITIONS.LEFT.label && mediaURL
+    "lg:col-span-5 lg:col-start-1": mediaPosition === POSITIONS.RIGHT.label && mediaURL,
+    "lg:col-span-5 lg:col-start-8 lg:col-start-8": mediaPosition === POSITIONS.LEFT.label && mediaURL
   });
   return /*#__PURE__*/React__default.createElement(BlockWrapper, {
     className: className,
@@ -22026,10 +22026,10 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
       type = _ref2.type;
     return /*#__PURE__*/React__default.createElement(MotionWrapper, {
       enableAnimation: enableAnimation,
+      key: getUniqueKey(featureTitle, featureDescription, index),
       className: classnames({
-        "flex gap-x-4": icon
-      }),
-      key: getUniqueKey(featureTitle, featureDescription, index)
+        "flex flex-col gap-4 md:flex-row": icon
+      })
     }, icon && /*#__PURE__*/React__default.createElement("div", {
       className: "flex-shrink-0"
     }, renderIcon(_objectSpread$b({
@@ -22302,15 +22302,15 @@ var FeatureWithList = function FeatureWithList(_ref) {
     autoPlay = _properties$media.autoPlay,
     src = properties.backgroundImage.src;
   var mediaURL = isEmbedded ? videoUrl : imageURL;
-  var baseClasses = "grid grid-cols-12 lg:gap-x-4 sm:gap-x-2 items-center grid-flow-row-dense";
+  var baseClasses = "grid grid-cols-12 lg:gap-x-4 items-center grid-flow-row-dense";
   var mediaBaseClasses = classnames("col-span-12 flex justify-center", {
-    "sm:col-span-6 sm:col-start-7": mediaPosition === POSITIONS.RIGHT.label,
-    "sm:col-span-6 sm:col-start-1": mediaPosition === POSITIONS.LEFT.label,
+    "lg:col-span-6 lg:col-start-7": mediaPosition === POSITIONS.RIGHT.label,
+    "lg:col-span-6 lg:col-start-1": mediaPosition === POSITIONS.LEFT.label,
     hidden: !mediaURL
   });
   var linkBaseClasses = classnames("col-span-12", {
-    "sm:col-span-5 sm:col-start-1": mediaPosition === POSITIONS.RIGHT.label && mediaURL,
-    "sm:col-span-5 sm:col-start-8": mediaPosition === POSITIONS.LEFT.label && mediaURL,
+    "lg:col-span-5 lg:col-start-1": mediaPosition === POSITIONS.RIGHT.label && mediaURL,
+    "lg:col-span-5 lg:col-start-8": mediaPosition === POSITIONS.LEFT.label && mediaURL,
     "grid grid-cols-12": !mediaURL
   });
   return /*#__PURE__*/React__default.createElement(BlockWrapper, {
@@ -22335,26 +22335,31 @@ var FeatureWithList = function FeatureWithList(_ref) {
     id: "feature-with-list-description",
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default.createElement("div", {
-    className: "col-span-12 mb-8 space-y-5 sm:col-span-6 lg:col-span-5"
+    className: "col-span-12 mb-8 lg:col-span-6"
   }, features.map(function (_ref2, index) {
     var featureTitle = _ref2.title;
     return /*#__PURE__*/React__default.createElement(MotionWrapper, {
       enableAnimation: enableAnimation,
-      className: "grid grid-cols-12 gap-x-2",
-      design: design.feature,
       key: getUniqueKey(featureTitle, index)
+    }, /*#__PURE__*/React__default.createElement(StyledWrapper, {
+      design: {
+        textAlign: design.featureTitle.textAlign,
+        marginTop: design.featureTitle.marginTop,
+        marginBottom: design.featureTitle.marginBottom
+      }
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: "col-span-1"
+      className: "inline-flex items-center gap-x-2"
     }, /*#__PURE__*/React__default.createElement(CheckDouble, _extends$2({
       fill: design.featureIcon.color
-    }, design.featureIcon))), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
+    }, design.featureIcon, {
+      className: "flex-shrink-0"
+    })), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,
       isTitle: true,
-      className: "col-span-11 col-start-2 flex justify-start",
       component: "p",
       id: "feature-with-list-features-".concat(index, "-title"),
-      style: design.featureTitle
-    }, otherProps), featureTitle));
+      style: omit(["textAlign", "marginTop", "marginBottom"], design.featureTitle)
+    }, otherProps), featureTitle))));
   }))), /*#__PURE__*/React__default.createElement("div", {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__default.createElement(Media, {