@bigbinary/neeto-site-blocks 1.10.17 → 1.10.19

package/dist/index.js

@@ -22084,7 +22084,7 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
     videoUrl = _properties$media.videoUrl,
     autoPlay = _properties$media.autoPlay,
     src = properties.backgroundImage.src;
-  var baseClasses = "grid grid-cols-12 gap-4";
+  var baseClasses = "grid grid-cols-12 gap-6";
   var gridClasses = function gridClasses(index) {
     return classnames("flex flex-col items-center justify-start", {
       "col-span-12 sm:col-span-6 lg:col-span-4": !isEmpty(features),
@@ -22102,7 +22102,7 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
+    className: "col-span-12"
   }, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     isTitle: true,
     component: "h3",
@@ -22111,12 +22111,14 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     id: "feature-with-grid-description",
     style: design.description
-  }, otherProps), description), /*#__PURE__*/React__default.createElement(Media, {
+  }, otherProps), description)), /*#__PURE__*/React__default.createElement("div", {
+    className: "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4"
+  }, /*#__PURE__*/React__default.createElement(Media, {
     autoPlay: autoPlay,
     image: image,
     isEmbedded: isEmbedded,
     videoUrl: videoUrl,
-    className: "m-auto",
+    className: "mx-auto",
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-grid-media",
@@ -22402,7 +22404,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 = useRef(null);
   var progressBar = function progressBar() {
     var width = 0;
@@ -22433,12 +22435,12 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
     };
   }, [selectedTabId]);
   var imageBaseClasses = classnames("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("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.createElement(BlockWrapper, {
     className: className,
@@ -22464,8 +22466,8 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
       id = _ref2.id;
     return /*#__PURE__*/React__default.createElement(MotionWrapper, {
       enableAnimation: enableAnimation,
+      className: "relative cursor-pointer",
       key: getUniqueKey(featureTitle, index),
-      className: classnames("relative my-8 cursor-pointer items-center justify-center rounded-md text-center"),
       onClick: function onClick() {
         return handleTabClick(id);
       }