@pelcro/react-pelcro-js 3.54.0 → 3.55.0

package/dist/index.cjs.js

@@ -4087,7 +4087,7 @@ var labels$R = {
 	cancelReason: "Cancellation reason",
 	endOn: "End on",
 	endImmediately: "End immediately",
-	cancel: "Cancel",
+	cancel: "Cancel subscription",
 	subCancellation: {
 		goBack: "Go back"
 	}
@@ -22910,13 +22910,13 @@ const SubscriptionCancelView = props => {
     subscription: subscriptionToCancel,
     hasPhases: hasPhases
   }), /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelReason, null), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "plc-space-x-0 plc-space-y-3 md:plc-space-x-3 md:plc-space-y-0 plc-w-full plc-flex plc-flex-col md:plc-flex-row plc-items-center plc-justify-center"
+    className: "plc-gap-3 plc-w-full plc-flex plc-flex-row plc-items-center plc-justify-center"
   }, /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelButton, {
-    className: "plc-w-3/4 md:plc-w-2/5",
+    className: "plc-whitespace-nowrap",
     subscription: subscriptionToCancel
   }), /*#__PURE__*/React__default['default'].createElement(Button, {
     variant: "outline",
-    className: "plc-w-3/4 md:plc-w-2/5",
+    className: "plc-whitespace-nowrap",
     onClick: () => {
       switchView("dashboard");
     }

package/dist/index.esm.js

@@ -4057,7 +4057,7 @@ var labels$R = {
 	cancelReason: "Cancellation reason",
 	endOn: "End on",
 	endImmediately: "End immediately",
-	cancel: "Cancel",
+	cancel: "Cancel subscription",
 	subCancellation: {
 		goBack: "Go back"
 	}
@@ -22880,13 +22880,13 @@ const SubscriptionCancelView = props => {
     subscription: subscriptionToCancel,
     hasPhases: hasPhases
   }), /*#__PURE__*/React__default.createElement(SubscriptionCancelReason, null), /*#__PURE__*/React__default.createElement("div", {
-    className: "plc-space-x-0 plc-space-y-3 md:plc-space-x-3 md:plc-space-y-0 plc-w-full plc-flex plc-flex-col md:plc-flex-row plc-items-center plc-justify-center"
+    className: "plc-gap-3 plc-w-full plc-flex plc-flex-row plc-items-center plc-justify-center"
   }, /*#__PURE__*/React__default.createElement(SubscriptionCancelButton, {
-    className: "plc-w-3/4 md:plc-w-2/5",
+    className: "plc-whitespace-nowrap",
     subscription: subscriptionToCancel
   }), /*#__PURE__*/React__default.createElement(Button, {
     variant: "outline",
-    className: "plc-w-3/4 md:plc-w-2/5",
+    className: "plc-whitespace-nowrap",
     onClick: () => {
       switchView("dashboard");
     }

package/dist/pelcro.css

@@ -2983,6 +2983,10 @@ apple-pay-button {
   vertical-align: middle;
 }
 
+.pelcro-root .plc-whitespace-nowrap {
+  white-space: nowrap;
+}
+
 .pelcro-root .plc-whitespace-pre-line {
   white-space: pre-line;
 }
@@ -3115,6 +3119,10 @@ apple-pay-button {
   z-index: 999999;
 }
 
+.pelcro-root .plc-gap-3 {
+  gap: 0.75rem;
+}
+
 .pelcro-root .plc-gap-x-3 {
   column-gap: 0.75rem;
 }
@@ -3324,25 +3332,6 @@ apple-pay-button {
 }
 
 @media (min-width: 768px) {
-  .pelcro-root .md\:plc-space-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0px * var(--tw-space-y-reverse));
-  }
-
-  .pelcro-root .md\:plc-space-x-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .pelcro-root .md\:plc-flex-row {
-    flex-direction: row;
-  }
-
-  .pelcro-root .md\:plc-w-2\/5 {
-    width: 40%;
-  }
 }
 
 @media (min-width: 1024px) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "3.54.0",
+  "version": "3.55.0",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",