@telefonica/mistica 11.2.1 → 11.3.0

package/dist/fade-in.js

@@ -27,15 +27,15 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var defaultDuration = '0.3s';
+var defaultDuration = "0.3s";
 var useStyles = (0, _jss).createUseStyles(function() {
     return {
         wrapper: {
-            animationName: '$fadeIn',
-            animationTimingFunction: 'ease',
-            animationFillMode: 'both'
+            animationName: "$fadeIn",
+            animationTimingFunction: "ease",
+            animationFillMode: "both"
         },
-        '@keyframes fadeIn': {
+        "@keyframes fadeIn": {
             from: {
                 opacity: 0
             },
@@ -46,9 +46,9 @@ var useStyles = (0, _jss).createUseStyles(function() {
     };
 });
 var FadeIn = function FadeIn(param) {
-    var children = param.children, _className = param.className, className = _className === void 0 ? '' : _className, _duration = param.duration, duration = _duration === void 0 ? defaultDuration : _duration, _delay = param.delay, delay = _delay === void 0 ? '0' : _delay;
+    var children = param.children, _className = param.className, className = _className === void 0 ? "" : _className, _duration = param.duration, duration = _duration === void 0 ? defaultDuration : _duration, _delay = param.delay, delay = _delay === void 0 ? "0" : _delay;
     var classes = useStyles();
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
         className: "".concat(classes.wrapper, " ").concat(className),
         style: {
             animationDelay: delay,
@@ -57,7 +57,7 @@ var FadeIn = function FadeIn(param) {
             WebkitAnimationDuration: duration
         },
         children: children
-    }));
+    });
 };
 var _default = FadeIn;
 exports.default = _default;

package/dist/feedback.js

@@ -164,15 +164,15 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         background: {
             background: function background(param) {
                 var isInverse = param.isInverse;
-                return isInverse ? theme.colors.backgroundBrand : 'initial';
+                return isInverse ? theme.colors.backgroundBrand : "initial";
             }
         },
         desktopContainer: {
-            display: 'flex',
-            justifyContent: 'space-between'
+            display: "flex",
+            justifyContent: "space-between"
         },
         desktopContent: _defineProperty({}, theme.mq.desktopOrBigger, {
-            width: '50%'
+            width: "50%"
         }),
         desktopImage: {
             backgroundImage: function backgroundImage(param) {
@@ -181,27 +181,27 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             },
             backgroundPosition: function backgroundPosition(param) {
                 var imageFit = param.imageFit;
-                return imageFit === 'fit' ? 'bottom right' : 'center right';
+                return imageFit === "fit" ? "bottom right" : "center right";
             },
-            backgroundRepeat: 'no-repeat',
+            backgroundRepeat: "no-repeat",
             backgroundSize: function backgroundSize(param) {
                 var imageFit = param.imageFit;
-                return imageFit === 'fit' ? 'contain' : 'cover';
+                return imageFit === "fit" ? "contain" : "cover";
             },
             flex: 1,
             maxWidth: 600
         },
         container: {
-            display: 'flex',
-            height: '100%',
-            width: '100%',
-            margin: 'auto',
-            '& *': {
+            display: "flex",
+            height: "100%",
+            width: "100%",
+            margin: "auto",
+            "& *": {
                 zIndex: 1
             }
         },
         backgroundDiv: {
-            position: 'absolute',
+            position: "absolute",
             bottom: function bottom(param) {
                 var footerHeight = param.footerHeight;
                 return footerHeight;
@@ -221,27 +221,27 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             }
         },
         innerContainer: {
-            textAlign: 'left',
-            padding: '64px 8px 16px'
+            textAlign: "left",
+            padding: "64px 8px 16px"
         },
         feedbackData: {
-            '& p:not(:first-child)': {
+            "& p:not(:first-child)": {
                 marginTop: 16
             },
             maxWidth: 496,
-            overflowWrap: 'break-word'
+            overflowWrap: "break-word"
         },
         feedbackDataAppear: {
             opacity: 0,
-            transform: 'translate(0, 20px)'
+            transform: "translate(0, 20px)"
         },
         feedbackDataAppearActive: {
-            transitionProperty: 'opacity, transform',
-            transitionDuration: '0.8s',
-            transitionTimingFunction: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
-            transitionDelay: '0.6s',
+            transitionProperty: "opacity, transform",
+            transitionDuration: "0.8s",
+            transitionTimingFunction: "cubic-bezier(0.215, 0.61, 0.355, 1)",
+            transitionDelay: "0.6s",
             opacity: 1,
-            transform: 'translate(0, 0)'
+            transform: "translate(0, 0)"
         }
     };
 });
@@ -253,14 +253,14 @@ var requestVibration = function requestVibration(type) {
 var useHapticFeedback = function useHapticFeedback(type) {
     React.useEffect(function() {
         var timeoutId;
-        if (type === 'success') {
+        if (type === "success") {
             timeoutId = setTimeout(function() {
-                return requestVibration('success');
+                return requestVibration("success");
             }, 700);
         }
-        if (type === 'error') {
+        if (type === "error") {
             timeoutId = setTimeout(function() {
-                return requestVibration('error');
+                return requestVibration("error");
             }, 1000);
         }
         return function() {
@@ -291,11 +291,11 @@ var useHapticFeedback = function useHapticFeedback(type) {
 var renderFeedbackBody = function renderFeedbackBody(param, animateText, appear, classes, colors) {
     var icon = param.icon, title = param.title, description = param.description, children = param.children;
     var normalizedDescription = description && Array.isArray(description) ? description.map(function(paragraph, i) {
-        /*#__PURE__*/ return (0, _jsxRuntime).jsx("p", {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx("p", {
             children: paragraph
         }, i);
     }) : description;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
         space: 24,
         children: [
             icon,
@@ -316,21 +316,21 @@ var renderFeedbackBody = function renderFeedbackBody(param, animateText, appear,
                 ]
             })
         ]
-    }));
+    });
 };
 var renderInlineFeedbackBody = function renderInlineFeedbackBody(feedbackBody, buttons) {
     var hasButtons = checkHasButtons(buttons);
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
         space: 24,
         children: [
             feedbackBody,
             hasButtons && /*#__PURE__*/ (0, _jsxRuntime).jsx(_buttonGroup.default, _objectSpread({}, buttons))
         ]
-    }));
+    });
 };
 var renderFeedbackInDesktop = function renderFeedbackInDesktop(param) {
     var isInverse = param.isInverse, inlineFeedbackBody = param.inlineFeedbackBody, classes = param.classes, imageUrl = param.imageUrl, dataAttributes = param.dataAttributes;
-    /*#__PURE__*/ return (0, _jsxRuntime).jsx(_boxed.Boxed, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_boxed.Boxed, {
         isInverse: isInverse,
         dataAttributes: dataAttributes,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
@@ -357,7 +357,7 @@ var FeedbackScreen = function FeedbackScreen(param) {
     var ref = (0, _hooks).useTheme(), colors = ref.colors, platformOverrides = ref.platformOverrides;
     var windowHeight = (0, _hooks).useWindowHeight();
     var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
-    var ref1 = _slicedToArray(React.useState(typeof self !== 'undefined'), 2), isServerSide = ref1[0], setIsServerSide = ref1[1];
+    var ref1 = _slicedToArray(React.useState(typeof self !== "undefined"), 2), isServerSide = ref1[0], setIsServerSide = ref1[1];
     var ref2 = _slicedToArray(React.useState(0), 2), footerHeight = ref2[0], setFooterHeight = ref2[1];
     var contentHeightPx = "".concat(windowHeight - footerHeight, "px");
     var hasButtons = checkHasButtons({
@@ -367,7 +367,7 @@ var FeedbackScreen = function FeedbackScreen(param) {
     });
     var classes = useStyles({
         isInverse: isInverse,
-        contentHeight: isServerSide ? '100vh' : contentHeightPx,
+        contentHeight: isServerSide ? "100vh" : contentHeightPx,
         footerHeight: footerHeight,
         animateText: animateText,
         primaryButton: primaryButton,
@@ -410,7 +410,7 @@ var FeedbackScreen = function FeedbackScreen(param) {
             isInverse && /*#__PURE__*/ (0, _jsxRuntime).jsx(_overscrollColorContext.default, {}),
             /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                 style: {
-                    position: 'relative'
+                    position: "relative"
                 },
                 children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_buttonFixedFooterLayout.default, {
                     isFooterVisible: hasButtons,
@@ -444,7 +444,7 @@ exports.FeedbackScreen = FeedbackScreen;
 var SuccessFeedbackScreen = function SuccessFeedbackScreen(props) {
     var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
     var skinName = (0, _hooks).useTheme().skinName;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
         isInverse: !props.unstable_inlineInDesktop || isTabletOrSmaller,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(FeedbackScreen, _objectSpread({}, props, {
             hapticFeedback: "success",
@@ -453,7 +453,7 @@ var SuccessFeedbackScreen = function SuccessFeedbackScreen(props) {
             imageUrl: props.imageUrl,
             imageFit: props.imageFit
         }))
-    }));
+    });
 };
 exports.SuccessFeedbackScreen = SuccessFeedbackScreen;
 var ErrorFeedbackScreen = function ErrorFeedbackScreen(_param) {
@@ -462,7 +462,7 @@ var ErrorFeedbackScreen = function ErrorFeedbackScreen(_param) {
         "errorReference"
     ]);
     var colors = (0, _hooks).useTheme().colors;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(FeedbackScreen, _objectSpread({}, otherProps, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(FeedbackScreen, _objectSpread({}, otherProps, {
         hapticFeedback: "error",
         icon: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconError.default, {}),
         animateText: true,
@@ -474,18 +474,18 @@ var ErrorFeedbackScreen = function ErrorFeedbackScreen(_param) {
                 children: errorReference
             })
         ]
-    })));
+    }));
 };
 exports.ErrorFeedbackScreen = ErrorFeedbackScreen;
 var InfoFeedbackScreen = function InfoFeedbackScreen(props) {
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(FeedbackScreen, _objectSpread({}, props, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(FeedbackScreen, _objectSpread({}, props, {
         icon: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconInfo.default, {})
-    })));
+    }));
 };
 exports.InfoFeedbackScreen = InfoFeedbackScreen;
 var SuccessFeedback = function SuccessFeedback(param) {
     var title = param.title, description = param.description, children = param.children, primaryButton = param.primaryButton, secondaryButton = param.secondaryButton, link = param.link, imageUrl = param.imageUrl, imageFit = param.imageFit, dataAttributes = param.dataAttributes;
-    useHapticFeedback('success');
+    useHapticFeedback("success");
     var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
     var ref = (0, _hooks).useTheme(), skinName = ref.skinName, platformOverrides = ref.platformOverrides, colors = ref.colors;
     var hasButtons = checkHasButtons({
@@ -514,7 +514,7 @@ var SuccessFeedback = function SuccessFeedback(param) {
         secondaryButton: secondaryButton,
         link: link
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
         isInverse: true,
         children: isTabletOrSmaller ? /*#__PURE__*/ (0, _jsxRuntime).jsxs(_responsiveLayout.default, {
             className: classes.background,
@@ -535,6 +535,6 @@ var SuccessFeedback = function SuccessFeedback(param) {
             imageUrl: imageUrl,
             dataAttributes: dataAttributes
         })
-    }));
+    });
 };
 exports.SuccessFeedback = SuccessFeedback;

package/dist/fixed-footer-layout.js

@@ -110,11 +110,11 @@ var waitForSwitchTransitionToStart = function waitForSwitchTransitionToStart(fn)
 var useStyles = (0, _jss).createUseStyles(function(theme) {
     return _defineProperty({
         footer: {
-            width: '100%'
+            width: "100%"
         },
         shadow: {},
         withoutFooter: {
-            display: 'none'
+            display: "none"
         },
         containerSmall: {
             paddingBottom: function paddingBottom(param) {
@@ -128,18 +128,18 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         }
     }, theme.mq.tabletOrSmaller, {
         footer: {
-            position: 'fixed',
+            position: "fixed",
             left: 0,
             bottom: 0,
             zIndex: 1
         },
         shadow: {
-            boxShadow: '0 -3px 8px 0 rgba(0, 0, 0, 0.15)'
+            boxShadow: "0 -3px 8px 0 rgba(0, 0, 0, 0.15)"
         }
     });
 });
 var FixedFooterLayout = function FixedFooterLayout(param) {
-    var _isFooterVisible = param.isFooterVisible, isFooterVisible = _isFooterVisible === void 0 ? true : _isFooterVisible, footer = param.footer, _footerHeight = param.footerHeight, footerHeight = _footerHeight === void 0 ? 'auto' : _footerHeight, footerBgColor = param.footerBgColor, containerBgColor = param.containerBgColor, children = param.children, onChangeFooterHeight = param.onChangeFooterHeight;
+    var _isFooterVisible = param.isFooterVisible, isFooterVisible = _isFooterVisible === void 0 ? true : _isFooterVisible, footer = param.footer, _footerHeight = param.footerHeight, footerHeight = _footerHeight === void 0 ? "auto" : _footerHeight, footerBgColor = param.footerBgColor, containerBgColor = param.containerBgColor, children = param.children, onChangeFooterHeight = param.onChangeFooterHeight;
     var ref = _slicedToArray(React.useState(false), 2), displayShadow = ref[0], setDisplayShadow = ref[1];
     var containerRef = React.useRef(null);
     var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
@@ -170,12 +170,12 @@ var FixedFooterLayout = function FixedFooterLayout(param) {
         });
         var transitionAwaiter = waitForSwitchTransitionToStart(checkDisplayShadow);
         var scrollEventTarget = getScrollEventTarget(scrollable);
-        (0, _dom).addPassiveEventListener(scrollEventTarget, 'resize', checkDisplayShadow);
-        (0, _dom).addPassiveEventListener(scrollEventTarget, 'scroll', checkDisplayShadow);
+        (0, _dom).addPassiveEventListener(scrollEventTarget, "resize", checkDisplayShadow);
+        (0, _dom).addPassiveEventListener(scrollEventTarget, "scroll", checkDisplayShadow);
         return function() {
             checkDisplayShadow.cancel();
-            (0, _dom).removePassiveEventListener(scrollEventTarget, 'scroll', checkDisplayShadow);
-            (0, _dom).removePassiveEventListener(scrollEventTarget, 'resize', checkDisplayShadow);
+            (0, _dom).removePassiveEventListener(scrollEventTarget, "scroll", checkDisplayShadow);
+            (0, _dom).removePassiveEventListener(scrollEventTarget, "resize", checkDisplayShadow);
             transitionAwaiter.cancel();
         };
     }, [
@@ -189,7 +189,7 @@ var FixedFooterLayout = function FixedFooterLayout(param) {
         height: realHeight
     });
     var _obj;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                 ref: containerRef,
@@ -205,7 +205,7 @@ var FixedFooterLayout = function FixedFooterLayout(param) {
                  */ style: {
                     background: isTabletOrSmaller ? footerBgColor || colors.backgroundContainer : undefined
                 },
-                "data-testid": "fixed-footer".concat(isFooterVisible ? '-visible' : '-hidden'),
+                "data-testid": "fixed-footer".concat(isFooterVisible ? "-visible" : "-hidden"),
                 /**
                  * This hints about the position of the fixed element. Other components could select nodes
                  * with this data attribute to correctly position it while transitioning. For example in
@@ -214,13 +214,13 @@ var FixedFooterLayout = function FixedFooterLayout(param) {
                 children: isFooterVisible && /*#__PURE__*/ (0, _jsxRuntime).jsx("aside", {
                     style: {
                         height: footerHeight,
-                        marginBottom: 'env(safe-area-inset-bottom)'
+                        marginBottom: "env(safe-area-inset-bottom)"
                     },
                     children: footer
                 })
             })
         ]
-    }));
+    });
 };
 var _default = FixedFooterLayout;
 exports.default = _default;

package/dist/fixed-to-top.js

@@ -31,10 +31,10 @@ exports.TopDistanceContext = TopDistanceContext;
 var FixedToTop = function FixedToTop(param) {
     var children = param.children, height = param.height;
     var top = React.useContext(TopDistanceContext);
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(TopDistanceContext.Provider, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(TopDistanceContext.Provider, {
         value: top + height,
         children: children(top)
-    }));
+    });
 };
 var _default = FixedToTop;
 exports.default = _default;

package/dist/focus-trap.js

@@ -34,7 +34,7 @@ function _interopRequireWildcard(obj) {
 }
 var FocusTrap = function FocusTrap(param) {
     var children = param.children, disabled = param.disabled, className = param.className, group = param.group;
-    /*#__PURE__*/ return (0, _jsxRuntime).jsx(_reactFocusLock.default, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_reactFocusLock.default, {
         noFocusGuards: true,
         disabled: disabled,
         className: className,

package/dist/form-context.js

@@ -30,7 +30,7 @@ var FormContext = /*#__PURE__*/ React.createContext({
     setValue: function setValue() {},
     rawValues: {},
     setRawValue: function setRawValue() {},
-    formStatus: 'filling',
+    formStatus: "filling",
     register: function register() {},
     formErrors: {},
     setFormError: function setFormError() {},
@@ -39,7 +39,7 @@ var FormContext = /*#__PURE__*/ React.createContext({
     validate: function validate() {
         return {};
     },
-    formId: ''
+    formId: ""
 });
 exports.FormContext = FormContext;
 var useForm = function useForm() {
@@ -91,11 +91,11 @@ var useControlProps = function useControlProps(param) {
             });
             setFormError({
                 name: name,
-                error: ''
+                error: ""
             });
             onChange === null || onChange === void 0 ? void 0 : onChange(value);
         },
-        disabled: formStatus === 'sending' || disabled
+        disabled: formStatus === "sending" || disabled
     };
 };
 exports.useControlProps = useControlProps;
@@ -103,7 +103,7 @@ var useFieldProps = function useFieldProps(param) {
     var name = param.name, value2 = param.value, defaultValue = param.defaultValue, processValue = param.processValue, helperText = param.helperText, optional = param.optional, error = param.error, disabled = param.disabled, onBlur = param.onBlur, validate = param.validate, onChange = param.onChange, onChangeValue = param.onChangeValue;
     var ref = useForm(), setRawValue = ref.setRawValue, setValue = ref.setValue, rawValues = ref.rawValues, values = ref.values, formErrors = ref.formErrors, formStatus = ref.formStatus, setFormError = ref.setFormError, register = ref.register;
     var ref2, ref3;
-    var rawValue1 = (ref3 = (ref2 = value2 !== null && value2 !== void 0 ? value2 : defaultValue) !== null && ref2 !== void 0 ? ref2 : rawValues[name]) !== null && ref3 !== void 0 ? ref3 : '';
+    var rawValue1 = (ref3 = (ref2 = value2 !== null && value2 !== void 0 ? value2 : defaultValue) !== null && ref2 !== void 0 ? ref2 : rawValues[name]) !== null && ref3 !== void 0 ? ref3 : "";
     var processValueRef = React.useRef(processValue);
     React.useEffect(function() {
         setRawValue({
@@ -123,12 +123,12 @@ var useFieldProps = function useFieldProps(param) {
     var _name;
     return {
         value: value2,
-        defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : value2 === undefined ? (_name = rawValues[name]) !== null && _name !== void 0 ? _name : '' : undefined,
+        defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : value2 === undefined ? (_name = rawValues[name]) !== null && _name !== void 0 ? _name : "" : undefined,
         name: name,
         helperText: formErrors[name] || helperText,
         required: !optional,
         error: error || !!formErrors[name],
-        disabled: disabled || formStatus === 'sending',
+        disabled: disabled || formStatus === "sending",
         onBlur: function onBlur1(e) {
             setFormError({
                 name: name,
@@ -155,7 +155,7 @@ var useFieldProps = function useFieldProps(param) {
             });
             setFormError({
                 name: name,
-                error: ''
+                error: ""
             });
             onChange === null || onChange === void 0 ? void 0 : onChange(event);
             onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(value, rawValue);

package/dist/form.js

@@ -122,17 +122,17 @@ 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);
 }
-if (process.env.NODE_ENV !== 'test' && typeof document !== 'undefined' && !('scrollBehavior' in document.documentElement.style)) {
+if (process.env.NODE_ENV !== "test" && typeof document !== "undefined" && !("scrollBehavior" in document.documentElement.style)) {
     // polyfill for element.scrollIntoView
     // https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView
     Promise.resolve().then(function() {
-        return _interopRequireWildcard(require('scroll-behavior-polyfill'));
+        return _interopRequireWildcard(require("scroll-behavior-polyfill"));
     }).finally(function() {});
 }
 var useStyles = (0, _jss).createUseStyles(function() {
     return {
         form: {
-            width: '100%'
+            width: "100%"
         }
     };
 });
@@ -141,7 +141,7 @@ var Form = function Form(param1) {
     var isMountedRef = React.useRef(true); // https://github.com/facebook/react/issues/14369#issuecomment-468305796
     var ref5 = _slicedToArray(React.useState(initialValues), 2), values1 = ref5[0], setValues = ref5[1];
     var ref1 = _slicedToArray(React.useState(initialValues), 2), rawValues1 = ref1[0], setRawValues = ref1[1];
-    var ref2 = _slicedToArray(React.useState('filling'), 2), formStatus = ref2[0], setFormStatus = ref2[1];
+    var ref2 = _slicedToArray(React.useState("filling"), 2), formStatus = ref2[0], setFormStatus = ref2[1];
     var ref3 = _slicedToArray(React.useState({}), 2), formErrors1 = ref3[0], setFormErrors = ref3[1];
     var fieldRegistrations = React.useRef(new Map());
     var formRef = React.useRef(null);
@@ -220,9 +220,9 @@ var Form = function Form(param1) {
             try {
                 // polyfilled, see import at the top of this file
                 elementsWithErrors[0].scrollIntoView({
-                    behavior: 'smooth',
-                    block: 'center',
-                    inline: 'center'
+                    behavior: "smooth",
+                    block: "center",
+                    inline: "center"
                 });
             } catch (e) {
             // ignore errors
@@ -246,7 +246,7 @@ var Form = function Form(param1) {
         setTimeout(function() {
             if (autoJump && formRef.current) {
                 var ref;
-                var elements = Array.from(formRef.current.querySelectorAll('input, select'));
+                var elements = Array.from(formRef.current.querySelectorAll("input, select"));
                 var currentElement = (ref = fieldRegistrations.current.get(currentName)) === null || ref === void 0 ? void 0 : ref.input;
                 var currentIndex = elements.indexOf(currentElement);
                 if (currentIndex >= 0) {
@@ -270,14 +270,14 @@ var Form = function Form(param1) {
     };
     var handleSubmit = React.useCallback(function(e) {
         e === null || e === void 0 ? void 0 : e.preventDefault();
-        setFormStatus('sending');
+        setFormStatus("sending");
         if (Object.keys(validateFields()).length > 0) {
-            setFormStatus('filling');
+            setFormStatus("filling");
             return Promise.resolve();
         }
         return Promise.resolve(onSubmit(getNonDisabledValues(values1), getNonDisabledValues(rawValues1))).finally(function() {
             if (isMountedRef.current) {
-                setFormStatus('filling');
+                setFormStatus("filling");
             }
         });
     }, [
@@ -298,7 +298,7 @@ var Form = function Form(param1) {
             return _objectSpread({}, rawValues, _defineProperty({}, name, value));
         });
     }, []);
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_formContext.FormContext.Provider, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_formContext.FormContext.Provider, {
         value: {
             formStatus: formStatus,
             values: values1,
@@ -321,7 +321,7 @@ var Form = function Form(param1) {
             noValidate: true,
             children: children
         })
-    }));
+    });
 };
 var _default = Form;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-academic-filled.js

@@ -93,7 +93,7 @@ var IconAcademicFilled = function IconAcademicFilled(_param) {
     var colors = (0, _hooks).useTheme().colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", _objectSpread({
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", _objectSpread({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
@@ -103,7 +103,7 @@ var IconAcademicFilled = function IconAcademicFilled(_param) {
             d: "M21.76 17.946c0-.403-.241-1.05-.647-1.375l-.081-6.555v-.014c0-.478 0-1.396-.81-1.767l-7.933-3.563a1.577 1.577 0 00-1.216 0L3.141 8.235c-.566.24-.891.81-.891 1.375 0 .647.325 1.132.89 1.376l7.93 3.563c.16.08.323.162.567.162.16 0 .403-.081.565-.162l7.611-3.401v5.423c-.403.322-.647.97-.647 1.375 0 .241.081.404.244.566.243.244.566.244.89.244h.488c.244 0 .566-.081.728-.244.163-.081.244-.322.244-.566zm-9.149-2.67a2.902 2.902 0 01-.89.163c-.322 0-.648-.08-.891-.162L5 12.686v2.672c0 .81.567 1.457 1.295 1.62 1.297.243 3.078.727 4.372 1.78.325.244.729.407 1.135.407s.81-.163 1.134-.406c1.297-1.053 3.079-1.538 4.373-1.782a1.654 1.654 0 001.294-1.619v-2.753l-5.992 2.672z",
             fill: fillColor
         })
-    })));
+    }));
 };
 var _default = IconAcademicFilled;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-academic-light.js

@@ -93,7 +93,7 @@ var IconAcademicLight = function IconAcademicLight(_param) {
     var colors = (0, _hooks).useTheme().colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", _objectSpread({
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", _objectSpread({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
@@ -103,7 +103,7 @@ var IconAcademicLight = function IconAcademicLight(_param) {
             d: "M20.937 10.042v6.677c.572.412.816 1.205.78 1.812-.031.423-.1.521-.286.659-.255.187-.49.246-.735.246h-.49c-.328 0-.655 0-.9-.246-.163-.163-.243-.412-.243-.659 0-.577.327-1.565.979-1.812v-5.77l-1.714.743v3.954c0 .743-.49 1.32-1.143 1.485-1.303.25-3.1.823-4.486 1.896-.328.247-.655.412-1.062.412-.41 0-.735-.165-1.062-.412-1.304-1.154-3.181-1.65-4.487-1.896a1.51 1.51 0 01-1.143-1.485v-3.873l-1.96-.908c-.408-.246-.735-.658-.735-1.235 0-.577.244-1.07.735-1.235l8.078-3.79c.407-.084.734-.084 1.142.082l8.08 3.708c.69.27.667 1.099.653 1.619v.028zM3.068 9.63c0 .165.08.33.244.412l8.078 3.708c.163.082.244.082.407 0l8.078-3.71h-8.322c-.244 0-.407-.166-.407-.413 0-.246.163-.411.407-.411h8.486s.016-.031-.08-.082L11.88 5.426c-.164-.081-.244-.081-.408 0L3.395 9.134c-.247.084-.327.25-.327.496zm14.115 6.594c.247 0 .49-.247.49-.578l-.083-3.627-5.463 2.558a1.2 1.2 0 01-1.062 0l-5.304-2.474v3.543c0 .247.163.496.49.578 1.387.249 3.425.826 4.895 2.06a.975.975 0 001.142 0c1.55-1.237 3.508-1.814 4.895-2.06zm2.773 2.307h1.062c0-.495-.408-1.072-.572-1.072-.163 0-.49.66-.49 1.072z",
             fill: fillColor
         })
-    })));
+    }));
 };
 var _default = IconAcademicLight;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-academic-regular.js

@@ -93,7 +93,7 @@ var IconAcademicRegular = function IconAcademicRegular(_param) {
     var colors = (0, _hooks).useTheme().colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", _objectSpread({
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", _objectSpread({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
@@ -103,7 +103,7 @@ var IconAcademicRegular = function IconAcademicRegular(_param) {
             d: "M21.07 10.072v6.303c.732.4.852 2.252.32 2.7-.244.247-.49.247-.818.247h-.487c-.328 0-.737 0-1.065-.328-.165-.165-.246-.409-.246-.737 0-.574.328-1.554.983-1.882v-5.157l-1.227.572v3.683a1.67 1.67 0 01-1.308 1.636c-1.227.246-3.028.737-4.336 1.801-.328.247-.737.409-1.146.409-.409 0-.818-.162-1.146-.409-1.308-1.064-3.109-1.555-4.336-1.801a1.672 1.672 0 01-1.308-1.636v-3.6l-1.8-.817a1.519 1.519 0 01-.9-1.393c0-.655.325-1.145.9-1.392l7.938-3.6a1.605 1.605 0 011.226 0l7.939 3.6c.787.337.806 1.254.817 1.79v.011zM3.478 9.663c0 .076.053.106.137.152l.02.011 7.938 3.6h.247l7.039-3.191h-7.283A.56.56 0 0111 9.663a.56.56 0 01.574-.57h7.448L11.74 5.817h-.162l-7.939 3.6c-.106.062-.162.165-.162.246zm13.585 6.219c.166-.081.328-.246.328-.409l-.045-3.255-5.19 2.356-.006.003c-.163.08-.325.16-.568.16-.166 0-.412-.082-.575-.163l-4.91-2.21v3.109c0 .246.165.409.328.409 1.473.244 3.437.737 4.91 1.964a.748.748 0 00.818 0c1.555-1.146 3.518-1.718 4.91-1.964zm3.028 2.129h.49c0-.247-.08-.49-.243-.572-.084.082-.165.325-.247.572z",
             fill: fillColor
         })
-    })));
+    }));
 };
 var _default = IconAcademicRegular;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-accesibility-filled.js

@@ -94,7 +94,7 @@ var IconAccesibilityFilled = function IconAccesibilityFilled(_param) {
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
     if (skinName.match(/^o2/i)) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("svg", _objectSpread({
+        return /*#__PURE__*/ (0, _jsxRuntime).jsxs("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -110,9 +110,9 @@ var IconAccesibilityFilled = function IconAccesibilityFilled(_param) {
                     fill: fillColor
                 })
             ]
-        })));
+        }));
     } else {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", _objectSpread({
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -122,7 +122,7 @@ var IconAccesibilityFilled = function IconAccesibilityFilled(_param) {
                 d: "M16.62 15.83c1.649-.796 3.285-2 4.893-3.609a.562.562 0 000-.792C18.38 8.29 15.137 6.703 11.87 6.703c-1.235 0-2.468.227-3.695.68l-5.2-5.197a.558.558 0 00-.79 0 .561.561 0 000 .793L7.067 7.86c-1.652.795-3.288 2-4.896 3.608a.574.574 0 00-.165.398.55.55 0 00.165.395c3.134 3.134 6.378 4.722 9.644 4.722 1.235 0 2.468-.227 3.695-.68l5.199 5.198a.558.558 0 10.79-.792l-4.88-4.88zm-3.47-3.47l-1.837-1.837c.16-.062.322-.067.504-.067.846 0 1.392.546 1.392 1.394 0 .171-.006.342-.059.51zm1.079 1.079c.19-.41.285-.908.285-1.496 0-.955-.252-1.68-.75-2.154-.474-.451-1.168-.678-2.065-.678-.588 0-1.092.098-1.501.294l-.622-.622c.572-.341 1.283-.515 2.123-.515 2.325 0 3.659 1.339 3.659 3.675-.003.837-.174 1.546-.507 2.118l-.622-.622z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 var _default = IconAccesibilityFilled;