@bigbinary/neeto-site-blocks 1.10.16 → 1.10.18

package/dist/index.cjs.js

@@ -22339,15 +22339,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__default["default"]("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__default["default"]("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["default"].createElement(BlockWrapper, {
@@ -22372,26 +22372,31 @@ var FeatureWithList = function FeatureWithList(_ref) {
     id: "feature-with-list-description",
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default["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["default"].createElement(MotionWrapper, {
       enableAnimation: enableAnimation,
-      className: "grid grid-cols-12 gap-x-2",
-      design: design.feature,
       key: getUniqueKey(featureTitle, index)
+    }, /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
+      design: {
+        textAlign: design.featureTitle.textAlign,
+        marginTop: design.featureTitle.marginTop,
+        marginBottom: design.featureTitle.marginBottom
+      }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-span-1"
+      className: "inline-flex items-center gap-x-2"
     }, /*#__PURE__*/React__default["default"].createElement(CheckDouble, _extends__default["default"]({
       fill: design.featureIcon.color
-    }, design.featureIcon))), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
+    }, design.featureIcon, {
+      className: "flex-shrink-0"
+    })), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       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: ramda.omit(["textAlign", "marginTop", "marginBottom"], design.featureTitle)
+    }, otherProps), featureTitle))));
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Media, {
@@ -22434,7 +22439,7 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
     _properties$features = properties.features,
     features = _properties$features === void 0 ? [] : _properties$features,
     src = properties.backgroundImage.src;
-  var baseClasses = "grid grid-cols-12 gap-x-4 items-center grid-flow-row-dense";
+  var baseClasses = "grid grid-cols-12 gap-x-4 gap-y-6 items-center grid-flow-row-dense";
   var progressRef = React.useRef(null);
   var progressBar = function progressBar() {
     var width = 0;
@@ -22465,12 +22470,12 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
     };
   }, [selectedTabId]);
   var imageBaseClasses = classnames__default["default"]("col-span-12 flex justify-center", {
-    "sm:col-start-8 lg:col-start-7": contentPosition === POSITIONS.LEFT.label,
-    "sm:col-start-1 sm:col-span-6 lg:col-span-6": contentPosition === POSITIONS.RIGHT.label
+    "lg:col-start-7": contentPosition === POSITIONS.LEFT.label,
+    "lg:col-span-6": contentPosition === POSITIONS.RIGHT.label
   });
   var progressBarBaseClasses = classnames__default["default"]("col-span-12", {
-    "sm:col-span-6 lg:col-span-5": contentPosition === POSITIONS.LEFT.label,
-    "sm:col-start-8": contentPosition === POSITIONS.RIGHT.label
+    "lg:col-span-5": contentPosition === POSITIONS.LEFT.label,
+    "lg:col-start-8": contentPosition === POSITIONS.RIGHT.label
   });
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
     className: className,
@@ -22496,8 +22501,8 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
       id = _ref2.id;
     return /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
       enableAnimation: enableAnimation,
+      className: "relative cursor-pointer",
       key: getUniqueKey(featureTitle, index),
-      className: classnames__default["default"]("relative my-8 cursor-pointer items-center justify-center rounded-md text-center"),
       onClick: function onClick() {
         return handleTabClick(id);
       }