@bigbinary/neeto-site-blocks 1.8.23 → 1.8.25

package/dist/index.cjs.js

@@ -39239,7 +39239,7 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
     button = properties.button,
     src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 items-center gap-x-4 gap-y-8";
-  var buttonClasses = classnames("justify-center sm:w-auto rounded-r-md", {
+  var buttonClasses = classnames("justify-center sm:w-auto sm:rounded-l-none rounded-md", {
     "pointer-events-none bg-gray-500": response.status === "loading" || response.status === "error"
   });
   var handleEmailBlur = function handleEmailBlur(e) {
@@ -39332,7 +39332,7 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-span-12 flex flex-col justify-center gap-y-2 sm:col-span-8 sm:col-start-3 sm:flex-row sm:gap-y-0 lg:col-span-6 lg:col-start-4"
   }, /*#__PURE__*/React__default["default"].createElement(StyledInput, {
-    className: "h-10 flex-grow rounded-l-md px-4 focus:border-black focus:outline-none",
+    className: "h-10 flex-grow rounded-md px-4 focus:border-black focus:outline-none sm:rounded-r-none",
     design: design.input,
     placeholder: "Enter your email",
     type: "text",
@@ -39346,13 +39346,13 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
     design: design.button,
     onClick: handleSubscribe
   }, response.status === "loading" ? "Loading.." : button.label)), response.message && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-span-10 -mt-4 flex justify-center gap-x-2 lg:col-span-6 lg:col-start-4"
+    className: "col-span-12 -mt-4 flex flex-col justify-center gap-x-2 sm:flex-row lg:col-span-6 lg:col-start-4"
   }, response.status === "error" ? /*#__PURE__*/React__default["default"].createElement(Close, {
-    className: "rounded-full bg-red-600 p-1",
+    className: "self-center rounded-full bg-red-600 p-1",
     color: "#ffffff",
     size: 20
   }) : /*#__PURE__*/React__default["default"].createElement(Check, {
-    className: "rounded-full bg-green-600 p-1",
+    className: "self-center rounded-full bg-green-600 p-1",
     color: "#ffffff",
     size: 20
   }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
@@ -39798,11 +39798,13 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
     }), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
       isTitle: true,
+      className: "w-full",
       component: "h5",
       id: "feature-with-grid-".concat(index, "-title"),
       style: design.featureTitle
     }, otherProps), featureTitle), /*#__PURE__*/React__default["default"].createElement(Typography$1, _extends__default["default"]({
       index: index,
+      className: "w-full",
       id: "feature-with-grid-".concat(index, "-description"),
       style: design.featureDescription
     }, otherProps), featureDescription));