@telefonica/mistica 11.2.0 → 11.4.0

package/dist-es/dialog.js

@@ -1,21 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from 'react';
-import classnames from 'classnames';
-import { ButtonPrimary, ButtonSecondary, ButtonDanger } from './button';
-import { createUseStyles } from './jss';
-import { Portal } from './portal';
-import FocusTrap from './focus-trap';
-import IcnCloseRegular from './generated/mistica-icons/icon-close-regular';
-import IconButton from './icon-button';
-import { isWebViewBridgeAvailable, nativeConfirm, nativeAlert } from '@tef-novum/webview-bridge';
-import ThemeContext from './theme-context';
-import { useTheme, useScreenSize } from './hooks';
-import ButtonLayout from './button-layout';
-import { Text5, Text3 } from './text';
-import { ESC } from './utils/key-codes';
-import Box from './box';
-import { isOldChrome, isRunningAcceptanceTest } from './utils/platform';
-import { useSetModalState } from './modal-context-provider';
 function _assertThisInitialized(self) {
     if (self === void 0) {
         throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -27,20 +9,6 @@ function _classCallCheck(instance, Constructor) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties(target, props) {
-    for(var i = 0; i < props.length; i++){
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-    }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    return Constructor;
-}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -156,47 +124,65 @@ function _createSuper(Derived) {
         return _possibleConstructorReturn(this, result);
     };
 }
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import classnames from "classnames";
+import { ButtonPrimary, ButtonSecondary, ButtonDanger } from "./button";
+import { createUseStyles } from "./jss";
+import { Portal } from "./portal";
+import FocusTrap from "./focus-trap";
+import IcnCloseRegular from "./generated/mistica-icons/icon-close-regular";
+import IconButton from "./icon-button";
+import { isWebViewBridgeAvailable, nativeConfirm, nativeAlert } from "@tef-novum/webview-bridge";
+import ThemeContext from "./theme-context";
+import { useTheme, useScreenSize } from "./hooks";
+import ButtonLayout from "./button-layout";
+import { Text5, Text3 } from "./text";
+import { ESC } from "./utils/key-codes";
+import Box from "./box";
+import { isOldChrome, isRunningAcceptanceTest } from "./utils/platform";
+import { useSetModalState } from "./modal-context-provider";
 var animationsSupported = function(platformOverrides) {
-    return !isOldChrome(platformOverrides) && process.env.NODE_ENV !== 'test' && !isRunningAcceptanceTest(platformOverrides);
+    return !isOldChrome(platformOverrides) && process.env.NODE_ENV !== "test" && !isRunningAcceptanceTest(platformOverrides);
 };
 /** Must be higher than the fixed footer's z-index */ var Z_INDEX = 26;
 var useStylesModalDialog = createUseStyles(function(theme) {
     var _obj;
     return _obj = {
         wrapper: {
-            position: 'relative',
+            position: "relative",
             zIndex: Z_INDEX
         },
         modalOpacityLayer: {
-            display: 'flex',
-            flexDirection: 'column',
-            position: 'fixed',
+            display: "flex",
+            flexDirection: "column",
+            position: "fixed",
             top: 0,
             right: 0,
             bottom: 0,
             left: 0,
             zIndex: Z_INDEX,
-            alignItems: 'center',
-            justifyContent: 'center',
+            alignItems: "center",
+            justifyContent: "center",
             minHeight: 0,
             minWidth: 0,
             background: theme.colors.backgroundOverlay,
-            animation: '$fadeIn .2s ease-in-out',
-            transition: 'opacity .2s ease-in-out',
-            '&.closed': {
+            animation: "$fadeIn .2s ease-in-out",
+            transition: "opacity .2s ease-in-out",
+            "&.closed": {
                 opacity: 0
             }
         },
-        '@keyframes fadeIn': {
-            '0%': {
+        "@keyframes fadeIn": {
+            "0%": {
                 opacity: 0
             },
-            '100%': {
+            "100%": {
                 opacity: 1
             }
         },
         modalCloseButtonContainer: {
-            position: 'absolute',
+            position: "absolute",
             top: 0,
             right: 0,
             padding: 24
@@ -204,51 +190,51 @@ var useStylesModalDialog = createUseStyles(function(theme) {
         modalContent: {
             background: theme.colors.background,
             borderRadius: 4,
-            animation: '$fadeScale .2s ease-in-out',
-            willChange: 'transform, opacity',
-            transition: 'opacity .2s ease-in-out, transform .2s ease-in-out',
-            '&.closed': {
+            animation: "$fadeScale .2s ease-in-out",
+            willChange: "transform, opacity",
+            transition: "opacity .2s ease-in-out, transform .2s ease-in-out",
+            "&.closed": {
                 opacity: 0,
-                transform: 'scale(.8)'
+                transform: "scale(.8)"
             }
         }
     }, _defineProperty(_obj, theme.mq.tabletOrSmaller, {
         modalCloseButtonContainer: {
             padding: 16
         }
-    }), _defineProperty(_obj, '@keyframes fadeScale', {
-        '0%': {
+    }), _defineProperty(_obj, "@keyframes fadeScale", {
+        "0%": {
             opacity: 0,
-            transform: 'scale(.8)'
+            transform: "scale(.8)"
         },
-        '100%': {
+        "100%": {
             opacity: 1,
-            transform: 'scale(1)'
+            transform: "scale(1)"
         }
     }), _obj;
 });
 var useDialogStyles = createUseStyles(function(theme) {
     return _defineProperty({
         dialogContainer: {
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'space-between',
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "space-between",
             width: 680,
             padding: 40,
             minHeight: 192,
-            maxHeight: 'calc(100vh - 64px)'
+            maxHeight: "calc(100vh - 64px)"
         },
         dialogContent: {
             flex: 1,
             minHeight: 0,
-            overflowY: 'auto'
+            overflowY: "auto"
         }
     }, theme.mq.tabletOrSmaller, {
         dialogContainer: {
             minHeight: 298,
-            width: 'calc(100vw - 48px)',
-            margin: 'auto',
-            padding: '48px 24px 24px'
+            width: "calc(100vw - 48px)",
+            margin: "auto",
+            padding: "48px 24px 24px"
         }
     });
 });
@@ -263,11 +249,11 @@ var Dialog = function(props) {
     var mainButtonProps = {
         onPress: handleAccept ? handleAccept : function() {},
         dataAttributes: {
-            testid: 'dialog-accept-button'
+            testid: "dialog-accept-button"
         },
         children: acceptText
     };
-    return(/*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         className: classnames(classes.dialogContainer, className),
         children: [
             icon && /*#__PURE__*/ _jsx(Box, {
@@ -304,7 +290,7 @@ var Dialog = function(props) {
                             tabIndex: 2,
                             onPress: handleCancel,
                             dataAttributes: {
-                                testid: 'dialog-cancel-button'
+                                testid: "dialog-cancel-button"
                             },
                             children: cancelText
                         })
@@ -312,7 +298,7 @@ var Dialog = function(props) {
                 })
             })
         ]
-    }));
+    });
 };
 var showNativeDialog = function(param) {
     var showCancel = param.showCancel, message = param.message, title = param.title, acceptText = param.acceptText, cancelText = param.cancelText, onAccept = param.onAccept, onCancel = param.onCancel;
@@ -363,7 +349,7 @@ var ModalDialog = function(props) {
     // Closing the dialog before the animation has ended leaves the component in a broken state
     // To avoid race conditions, we don't allow closing the dialog until the animation has ended
     // See onAnimationEnd handler
-    var canCloseRef = React.useRef(process.env.NODE_ENV === 'test');
+    var canCloseRef = React.useRef(process.env.NODE_ENV === "test");
     if (!context) {
         throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
     }
@@ -407,7 +393,7 @@ var ModalDialog = function(props) {
         handleClose
     ]);
     var addKeyDownListener = React.useCallback(function() {
-        document.addEventListener('keydown', handleKeyDown);
+        document.addEventListener("keydown", handleKeyDown);
     }, [
         handleKeyDown
     ]);
@@ -429,7 +415,7 @@ var ModalDialog = function(props) {
             props.onCloseTransitionEnd();
         }
         return function() {
-            document.removeEventListener('keydown', handleKeyDown);
+            document.removeEventListener("keydown", handleKeyDown);
         };
     }, [
         addKeyDownListener,
@@ -536,102 +522,80 @@ var DialogRoot = /*#__PURE__*/ function(_Component) {
         };
         return _this;
     }
-    _createClass(DialogRoot, [
-        {
-            key: "componentDidMount",
-            value: function componentDidMount() {
-                dialogRootInstances++;
-                if (dialogRootInstances === 1) {
-                    dialogInstance = this;
-                    window.addEventListener('popstate', this.handleBack);
-                }
-            }
-        },
-        {
-            key: "componentWillUnmount",
-            value: function componentWillUnmount() {
-                dialogRootInstances--;
-                if (dialogRootInstances === 0) {
-                    dialogInstance = null;
-                    window.removeEventListener('popstate', this.handleBack);
-                }
-            }
-        },
-        {
-            key: "show",
-            value: function show(props) {
-                if (this.state.dialogProps) {
-                    throw Error('Tried to show a dialog on top of another dialog. This functionality is not currently supported.');
-                }
-                // We add an additional entry to history with the same page, so the first time back is pressed we only close the Dialog
-                window.history.pushState(null, document.title, window.location.href);
-                this.setState({
-                    dialogProps: props,
-                    isClosing: false
-                });
-            }
-        },
-        {
-            key: "close",
-            value: function close() {
-                // Here we have to remove the additional entry added to history when we created the Dialog
-                window.history.back();
-            }
-        },
-        {
-            key: "createCancelHandler",
-            value: function createCancelHandler(onCancel) {
-                var _this = this;
-                return function() {
-                    if (onCancel) {
-                        _this.callback = function() {
-                            return onCancel();
-                        };
-                    }
-                    _this.close();
+    var _proto = DialogRoot.prototype;
+    _proto.componentDidMount = function componentDidMount() {
+        dialogRootInstances++;
+        if (dialogRootInstances === 1) {
+            dialogInstance = this;
+            window.addEventListener("popstate", this.handleBack);
+        }
+    };
+    _proto.componentWillUnmount = function componentWillUnmount() {
+        dialogRootInstances--;
+        if (dialogRootInstances === 0) {
+            dialogInstance = null;
+            window.removeEventListener("popstate", this.handleBack);
+        }
+    };
+    _proto.show = function show(props) {
+        if (this.state.dialogProps) {
+            throw Error("Tried to show a dialog on top of another dialog. This functionality is not currently supported.");
+        }
+        // We add an additional entry to history with the same page, so the first time back is pressed we only close the Dialog
+        window.history.pushState(null, document.title, window.location.href);
+        this.setState({
+            dialogProps: props,
+            isClosing: false
+        });
+    };
+    _proto.close = function close() {
+        // Here we have to remove the additional entry added to history when we created the Dialog
+        window.history.back();
+    };
+    _proto.createCancelHandler = function createCancelHandler(onCancel) {
+        var _this = this;
+        return function() {
+            if (onCancel) {
+                _this.callback = function() {
+                    return onCancel();
                 };
             }
-        },
-        {
-            key: "createAcceptHandler",
-            value: function createAcceptHandler(onAccept) {
-                var _this = this;
-                return function() {
-                    if (onAccept) {
-                        _this.callback = function() {
-                            return onAccept();
-                        };
-                    }
-                    _this.close();
+            _this.close();
+        };
+    };
+    _proto.createAcceptHandler = function createAcceptHandler(onAccept) {
+        var _this = this;
+        return function() {
+            if (onAccept) {
+                _this.callback = function() {
+                    return onAccept();
                 };
             }
-        },
-        {
-            key: "render",
-            value: function render() {
-                var _state = this.state, isClosing = _state.isClosing, dialogProps = _state.dialogProps;
-                var dialog = null;
-                if (dialogProps && this.state.instanceNumber === 1) {
-                    var onCancel = dialogProps.onCancel, onAccept = dialogProps.onAccept, rest = _objectWithoutProperties(dialogProps, [
-                        "onCancel",
-                        "onAccept"
-                    ]);
-                    dialog = /*#__PURE__*/ _jsx(ModalDialog, _objectSpread({
-                        onCancel: this.createCancelHandler(onCancel),
-                        onAccept: this.createAcceptHandler(onAccept),
-                        isClosing: isClosing,
-                        onCloseTransitionEnd: isClosing ? this.handleCloseFinished : undefined
-                    }, rest));
-                }
-                return(/*#__PURE__*/ _jsxs(_Fragment, {
-                    children: [
-                        this.props.children,
-                        dialog
-                    ]
-                }));
-            }
+            _this.close();
+        };
+    };
+    _proto.render = function render() {
+        var _state = this.state, isClosing = _state.isClosing, dialogProps = _state.dialogProps;
+        var dialog = null;
+        if (dialogProps && this.state.instanceNumber === 1) {
+            var onCancel = dialogProps.onCancel, onAccept = dialogProps.onAccept, rest = _objectWithoutProperties(dialogProps, [
+                "onCancel",
+                "onAccept"
+            ]);
+            dialog = /*#__PURE__*/ _jsx(ModalDialog, _objectSpread({
+                onCancel: this.createCancelHandler(onCancel),
+                onAccept: this.createAcceptHandler(onAccept),
+                isClosing: isClosing,
+                onCloseTransitionEnd: isClosing ? this.handleCloseFinished : undefined
+            }, rest));
         }
-    ]);
+        return /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                this.props.children,
+                dialog
+            ]
+        });
+    };
     return DialogRoot;
 }(React.Component);
 export { DialogRoot as default };
@@ -639,7 +603,7 @@ var showDialog = function() {
     var showCancel = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
     return function(props) {
         if (!dialogInstance) {
-            throw Error('Tried to show a dialog but the DialogRoot component was not mounted (mount <ThemeContextProvider>)');
+            throw Error("Tried to show a dialog but the DialogRoot component was not mounted (mount <ThemeContextProvider>)");
         }
         dialogInstance.show(_objectSpread({
             showCancel: showCancel

package/dist-es/divider.js

@@ -1,8 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classnames from 'classnames';
-import * as React from 'react';
-import { createUseStyles } from './jss';
-import { useIsInverseVariant } from './theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -16,6 +11,11 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import * as React from "react";
+import { createUseStyles } from "./jss";
+import { useIsInverseVariant } from "./theme-variant-context";
 var useStyles = createUseStyles(function(param) {
     var colors = param.colors;
     return {
@@ -30,8 +30,8 @@ var useStyles = createUseStyles(function(param) {
 var Divider = function() {
     var classes = useStyles();
     var isInverse = useIsInverseVariant();
-    return(/*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsx("div", {
         className: classnames(classes.divider, _defineProperty({}, classes.dividerInverse, isInverse))
-    }));
+    });
 };
 export default Divider;

package/dist-es/double-field.js

@@ -1,8 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from 'react';
-import Box from './box';
-import { createUseStyles } from './jss';
-import { DEFAULT_WIDTH } from './text-field-components';
 function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -62,18 +57,23 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import Box from "./box";
+import { createUseStyles } from "./jss";
+import { DEFAULT_WIDTH } from "./text-field-components";
 var useStyles = createUseStyles(function(theme) {
     var _obj;
     return {
         container: (_obj = {
-            display: 'flex',
-            flexDirection: 'row'
+            display: "flex",
+            flexDirection: "row"
         }, _defineProperty(_obj, theme.mq.tabletOrSmaller, {
-            width: '100%'
+            width: "100%"
         }), _defineProperty(_obj, theme.mq.desktopOrBigger, {
             width: function(param) {
                 var fullWidth = param.fullWidth;
-                return fullWidth ? '100%' : DEFAULT_WIDTH;
+                return fullWidth ? "100%" : DEFAULT_WIDTH;
             }
         }), _obj)
     };
@@ -85,19 +85,19 @@ var DoubleField = function(param) {
     });
     var rightWidth;
     var leftWidth;
-    if (layout === '40/60') {
-        leftWidth = '40%';
-        rightWidth = '60%';
-    } else if (layout === '60/40') {
-        leftWidth = '60%';
-        rightWidth = '40%';
+    if (layout === "40/60") {
+        leftWidth = "40%";
+        rightWidth = "60%";
+    } else if (layout === "60/40") {
+        leftWidth = "60%";
+        rightWidth = "40%";
     } else {
-        leftWidth = '50%';
-        rightWidth = '50%';
+        leftWidth = "50%";
+        rightWidth = "50%";
     }
     var renderChildren = function() {
         var ref = _slicedToArray(React.Children.toArray(children), 2), first = ref[0], second = ref[1];
-        return(/*#__PURE__*/ _jsxs(_Fragment, {
+        return /*#__PURE__*/ _jsxs(_Fragment, {
             children: [
                 /*#__PURE__*/ _jsx(Box, {
                     paddingRight: 8,
@@ -114,11 +114,11 @@ var DoubleField = function(param) {
                     })
                 })
             ]
-        }));
+        });
     };
-    return(/*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsx("div", {
         className: classes.container,
         children: renderChildren()
-    }));
+    });
 };
 export default DoubleField;

package/dist-es/email-field.js

@@ -1,8 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useFieldProps } from './form-context';
-import { useTheme } from './hooks';
-import { TextFieldBaseAutosuggest } from './text-field-base';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -58,10 +53,15 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useFieldProps } from "./form-context";
+import { useTheme } from "./hooks";
+import { TextFieldBaseAutosuggest } from "./text-field-base";
 // matches strings like: "x@x.x" (where "x" is any string without spaces)
 var RE_EMAIL = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var EmailField = function(_param) {
-    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value1 = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? 'email' : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
+    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value1 = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? "email" : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -78,7 +78,7 @@ var EmailField = function(_param) {
     var texts = useTheme().texts;
     var validate = function(value, rawValue) {
         if (!value) {
-            return optional ? '' : texts.formFieldErrorIsMandatory;
+            return optional ? "" : texts.formFieldErrorIsMandatory;
         }
         if (!RE_EMAIL.test(value)) {
             return texts.formEmailError;
@@ -102,10 +102,10 @@ var EmailField = function(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
+    return /*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         type: "email",
         inputMode: "email",
         autoComplete: autoComplete
-    })));
+    }));
 };
 export default EmailField;

package/dist-es/empty-state-card.js

@@ -1,12 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import Box from './box';
-import { Boxed } from './boxed';
-import { useScreenSize, useTheme } from './hooks';
-import { createUseStyles } from './jss';
-import Stack from './stack';
-import { Text2, Text4 } from './text';
-import ButtonGroup from './button-group';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -20,6 +11,15 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Box from "./box";
+import { Boxed } from "./boxed";
+import { useScreenSize, useTheme } from "./hooks";
+import { createUseStyles } from "./jss";
+import Stack from "./stack";
+import { Text2, Text4 } from "./text";
+import ButtonGroup from "./button-group";
 var useStyles = createUseStyles(function(theme) {
     return {
         container: _defineProperty({}, theme.mq.desktopOrBigger, {
@@ -27,7 +27,7 @@ var useStyles = createUseStyles(function(theme) {
         }),
         image: _defineProperty({
             height: 80,
-            display: 'block'
+            display: "block"
         }, theme.mq.tabletOrSmaller, {
             height: 64
         }),
@@ -41,7 +41,7 @@ var useStyles = createUseStyles(function(theme) {
     };
 });
 var EmptyStateCard = function(param) {
-    var title = param.title, description = param.description, button = param.button, secondaryButton = param.secondaryButton, buttonLink = param.buttonLink, icon = param.icon, imageUrl = param.imageUrl, ariaLabel = param['aria-label'], dataAttributes = param.dataAttributes;
+    var title = param.title, description = param.description, button = param.button, secondaryButton = param.secondaryButton, buttonLink = param.buttonLink, icon = param.icon, imageUrl = param.imageUrl, ariaLabel = param["aria-label"], dataAttributes = param.dataAttributes;
     var ref;
     var colors = useTheme().colors;
     var needsButtonLinkAlignment = buttonLink && !button;
@@ -57,10 +57,10 @@ var EmptyStateCard = function(param) {
             src: imageUrl
         });
     }
-    if (process.env.NODE_ENV !== 'production' && button && !(button === null || button === void 0 ? void 0 : (ref = button.props) === null || ref === void 0 ? void 0 : ref.small)) {
-        console.error('button property in EmptyStateCard must be a a small Button. Set small prop to true');
+    if (process.env.NODE_ENV !== "production" && button && !(button === null || button === void 0 ? void 0 : (ref = button.props) === null || ref === void 0 ? void 0 : ref.small)) {
+        console.error("button property in EmptyStateCard must be a a small Button. Set small prop to true");
     }
-    return(/*#__PURE__*/ _jsx(Boxed, {
+    return /*#__PURE__*/ _jsx(Boxed, {
         dataAttributes: dataAttributes,
         children: /*#__PURE__*/ _jsx(Box, {
             paddingY: isTabletOrSmaller ? 24 : 40,
@@ -100,6 +100,6 @@ var EmptyStateCard = function(param) {
                 })
             })
         })
-    }));
+    });
 };
 export default EmptyStateCard;