@telefonica/mistica 11.5.1 → 11.6.0

package/dist/button.d.ts

@@ -59,6 +59,7 @@ export interface SubmitButtonProps extends CommonProps {
 export declare type ButtonProps = FakeButtonProps | SubmitButtonProps | ToButtonProps | OnPressButtonProps | HrefButtonProps;
 interface ButtonLinkCommonProps {
     children: React.ReactNode;
+    disabled?: boolean;
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
     trackEvent?: boolean;
     /** "data-" prefix is automatically added. For example, use "testid" instead of "data-testid" */

package/dist/button.js

@@ -472,7 +472,8 @@ var useButtonLinkStyles = (0, _jss).createUseStyles(function(theme) {
                 "@media (pointer: coarse)": {
                     backgroundColor: "initial"
                 }
-            }
+            },
+            "&[disabled]": disabledStyle
         },
         inverse: {
             color: theme.colors.textLinkInverse,
@@ -492,6 +493,7 @@ var useButtonLinkStyles = (0, _jss).createUseStyles(function(theme) {
     };
 });
 var ButtonLink = /*#__PURE__*/ React.forwardRef(function(props, ref) {
+    var formStatus = (0, _formContext).useForm().formStatus;
     var classes = useButtonLinkStyles();
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var _trackingEvent;
@@ -509,7 +511,8 @@ var ButtonLink = /*#__PURE__*/ React.forwardRef(function(props, ref) {
             truncate: 1,
             color: "inherit",
             children: props.children
-        })
+        }),
+        disabled: props.disabled || formStatus === "sending"
     };
     if (process.env.NODE_ENV !== "production") {
         if (props.to === "" || props.href === "") {

package/dist/button.js.flow

@@ -59,6 +59,7 @@ export type ButtonProps =
   | HrefButtonProps;
 declare type ButtonLinkCommonProps = {
   children: React.Node,
+  disabled?: boolean,
   trackingEvent?: TrackingEvent | $ReadOnlyArray<TrackingEvent>,
   trackEvent?: boolean,
 

package/dist/package-version.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.PACKAGE_VERSION = void 0;
-var PACKAGE_VERSION = "11.5.1";
+var PACKAGE_VERSION = "11.6.0";
 exports.PACKAGE_VERSION = PACKAGE_VERSION;

package/dist/responsive-layout.js

@@ -58,7 +58,9 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             width: "100%"
         },
         layout: (_obj = {
-            margin: "auto"
+            margin: "auto",
+            paddingLeft: "env(safe-area-inset-left)",
+            paddingRight: "env(safe-area-inset-right)"
         }, _defineProperty(_obj, theme.mq.largeDesktop, {
             width: LARGE_DESKTOP_MAX_WIDTH
         }), _defineProperty(_obj, theme.mq.desktop, {

package/dist-es/button.js

@@ -439,7 +439,8 @@ var useButtonLinkStyles = createUseStyles(function(theme) {
                 "@media (pointer: coarse)": {
                     backgroundColor: "initial"
                 }
-            }
+            },
+            "&[disabled]": disabledStyle
         },
         inverse: {
             color: theme.colors.textLinkInverse,
@@ -459,6 +460,7 @@ var useButtonLinkStyles = createUseStyles(function(theme) {
     };
 });
 export var ButtonLink = /*#__PURE__*/ React.forwardRef(function(props, ref) {
+    var formStatus = useForm().formStatus;
     var classes = useButtonLinkStyles();
     var isInverse = useIsInverseVariant();
     var _trackingEvent;
@@ -476,7 +478,8 @@ export var ButtonLink = /*#__PURE__*/ React.forwardRef(function(props, ref) {
             truncate: 1,
             color: "inherit",
             children: props.children
-        })
+        }),
+        disabled: props.disabled || formStatus === "sending"
     };
     if (process.env.NODE_ENV !== "production") {
         if (props.to === "" || props.href === "") {

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
 // DO NOT EDIT THIS FILE. It's autogenerated by set-version.js
-export var PACKAGE_VERSION = "11.5.1";
+export var PACKAGE_VERSION = "11.6.0";

package/dist-es/responsive-layout.js

@@ -27,7 +27,9 @@ var useStyles = createUseStyles(function(theme) {
             width: "100%"
         },
         layout: (_obj = {
-            margin: "auto"
+            margin: "auto",
+            paddingLeft: "env(safe-area-inset-left)",
+            paddingRight: "env(safe-area-inset-right)"
         }, _defineProperty(_obj, theme.mq.largeDesktop, {
             width: LARGE_DESKTOP_MAX_WIDTH
         }), _defineProperty(_obj, theme.mq.desktop, {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "11.5.1",
+    "version": "11.6.0",
     "license": "MIT",
     "repository": {
         "type": "git",