@telefonica/mistica 11.2.1 → 11.4.1

package/dist/touchable.js

@@ -70,9 +70,9 @@ function _objectSpread(target) {
 var redirect = function redirect(url) {
     var external = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, loadOnTop = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
     if (external) {
-        window.open(url, '_blank');
+        window.open(url, "_blank");
     } else if (loadOnTop) {
-        window.open(url, '_top');
+        window.open(url, "_top");
     } else {
         document.location.href = url;
     }
@@ -80,40 +80,40 @@ var redirect = function redirect(url) {
 var useStyles = (0, _jss).createUseStyles(function() {
     return {
         touchable: {
-            color: 'inherit',
-            verticalAlign: 'bottom',
-            fontFamily: 'inherit',
-            overflow: 'visible',
-            appearance: 'none',
-            border: 'none',
-            cursor: 'pointer',
-            display: 'block',
-            userSelect: 'none',
-            backgroundColor: 'transparent',
+            color: "inherit",
+            verticalAlign: "bottom",
+            fontFamily: "inherit",
+            overflow: "visible",
+            appearance: "none",
+            border: "none",
+            cursor: "pointer",
+            display: "block",
+            userSelect: "none",
+            backgroundColor: "transparent",
             padding: 0,
-            textAlign: 'inherit',
-            textDecoration: 'none',
-            fontSize: 'inherit',
-            WebkitTapHighlightColor: 'transparent',
-            width: '100%',
-            '&::-moz-focus-inner': {
+            textAlign: "inherit",
+            textDecoration: "none",
+            fontSize: "inherit",
+            WebkitTapHighlightColor: "transparent",
+            width: "100%",
+            "&::-moz-focus-inner": {
                 padding: 0,
-                border: 'none'
+                border: "none"
             },
-            '&[disabled]': {
-                cursor: 'default'
+            "&[disabled]": {
+                cursor: "default"
             },
-            '&:active, &:hover': {
-                textDecoration: 'none'
+            "&:active, &:hover": {
+                textDecoration: "none"
             }
         },
         notTouchable: {
-            cursor: 'auto'
+            cursor: "auto"
         }
     };
 });
 var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
-    var ref1 = (0, _hooks).useTheme(), texts = ref1.texts, analytics = ref1.analytics, platformOverrides = ref1.platformOverrides, Link = ref1.Link, useHrefDecorator = ref1.useHrefDecorator;
+    var _$ref = (0, _hooks).useTheme(), texts = _$ref.texts, analytics = _$ref.analytics, platformOverrides = _$ref.platformOverrides, Link = _$ref.Link, useHrefDecorator = _$ref.useHrefDecorator;
     var hrefDecorator = useHrefDecorator();
     var classes = useStyles();
     var isClicked = React.useRef(false);
@@ -133,15 +133,15 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         disabled: props.disabled,
         style: props.style,
         role: props.role,
-        'aria-checked': props['aria-checked'],
-        'aria-controls': props['aria-controls'],
-        'aria-expanded': props['aria-expanded'],
-        'aria-hidden': props['aria-hidden'],
-        'aria-selected': props['aria-selected'],
-        'aria-live': props['aria-live'],
+        "aria-checked": props["aria-checked"],
+        "aria-controls": props["aria-controls"],
+        "aria-expanded": props["aria-expanded"],
+        "aria-hidden": props["aria-hidden"],
+        "aria-selected": props["aria-selected"],
+        "aria-live": props["aria-live"],
         tabIndex: props.tabIndex
     }, (0, _dom).getPrefixedDataAttributes(props.dataAttributes));
-    var type = props.type ? props.type : 'button';
+    var type = props.type ? props.type : "button";
     var openNewTab = !!props.href && !!props.newTab;
     var loadOnTop = !openNewTab && !!props.href && !!props.loadOnTop;
     var onPress = function onPress(event) {
@@ -154,13 +154,13 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
             return hrefDecorator(props.href);
         }
         if (props.to && props.fullPageOnWebView) {
-            if (typeof props.to === 'string') {
+            if (typeof props.to === "string") {
                 return props.to;
             }
             var _pathname;
-            return (_pathname = props.to.pathname) !== null && _pathname !== void 0 ? _pathname : '';
+            return (_pathname = props.to.pathname) !== null && _pathname !== void 0 ? _pathname : "";
         }
-        return '';
+        return "";
     };
     var trackEvent = function trackEvent() {
         return Promise.all(trackingEvents.map(function(event) {
@@ -201,18 +201,18 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         }
     };
     if (!!props.href || props.to && props.fullPageOnWebView && (0, _platform).isInsideNovumNativeApp(platformOverrides)) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("a", _objectSpread({}, commonProps, {
-            "aria-label": props['aria-label'],
-            "aria-labelledby": props['aria-labelledby'],
+        return /*#__PURE__*/ (0, _jsxRuntime).jsxs("a", _objectSpread({}, commonProps, {
+            "aria-label": props["aria-label"],
+            "aria-labelledby": props["aria-labelledby"],
             onClick: handleHrefClick,
             onKeyDown: handleKeyDown,
             href: props.disabled ? undefined : getHref(),
             target: function() {
-                if (openNewTab) return '_blank';
-                if (loadOnTop) return '_top';
+                if (openNewTab) return "_blank";
+                if (loadOnTop) return "_top";
                 return undefined;
             }(),
-            rel: openNewTab ? 'noopener noreferrer' : undefined,
+            rel: openNewTab ? "noopener noreferrer" : undefined,
             ref: ref,
             children: [
                 children,
@@ -222,40 +222,40 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
                     })
                 })
             ]
-        })));
+        }));
     }
     if (props.to) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(Link, _objectSpread({}, commonProps, {
-            "aria-label": props['aria-label'],
-            "aria-labelledby": props['aria-labelledby'],
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx(Link, _objectSpread({}, commonProps, {
+            "aria-label": props["aria-label"],
+            "aria-labelledby": props["aria-labelledby"],
             innerRef: ref,
-            to: props.disabled ? '' : props.to,
+            to: props.disabled ? "" : props.to,
             replace: props.replace,
             onClick: trackEvent,
             onKeyDown: handleKeyDown,
             children: children
-        })));
+        }));
     }
     if (props.onPress) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx("button", _objectSpread({}, commonProps, {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx("button", _objectSpread({}, commonProps, {
             // this "form" attribute is useful when the form's submit button
             // is located outside the <form> element, for example if you use
             // a ButtonFixedFooter layout inside a form with the submit
             // button located at the footer, which is redered using a Portal
-            form: type === 'submit' && props.formId ? props.formId : undefined,
-            "aria-label": props['aria-label'],
-            "aria-labelledby": props['aria-labelledby'],
+            form: type === "submit" && props.formId ? props.formId : undefined,
+            "aria-label": props["aria-label"],
+            "aria-labelledby": props["aria-labelledby"],
             type: type,
             ref: ref,
             onClick: handleButtonClick,
             children: children
-        })));
+        }));
     }
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", _objectSpread({}, commonProps, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", _objectSpread({}, commonProps, {
         ref: ref,
         className: (0, _classnames).default(commonProps.className, classes.notTouchable),
         children: children
-    })));
+    }));
 });
 var _default = Touchable;
 exports.default = _default;

package/dist/touchable.js.flow

@@ -71,10 +71,7 @@ export type Props =
   | PropsMaybeHref
   | PropsMaybeTo
   | PropsMaybeOnPress;
-declare var Touchable: React.ComponentType<{
-  ...Props,
-  ref?: React.Ref<HTMLAnchorElement | HTMLDivElement | HTMLButtonElement>,
-}>;
+declare var Touchable: React.AbstractComponent<Props, HTMLAnchorElement | HTMLDivElement | HTMLButtonElement>;
 declare export default typeof Touchable;
 
-import { type CssStyle } from "./__types__.js.flow";
+import { type CssStyle } from "./__css_types__.js.flow";

package/dist/utils/analytics.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.eventActions = exports.eventCategories = void 0;
 var eventCategories = {
-    userInteraction: 'user_interaction'
+    userInteraction: "user_interaction"
 };
 exports.eventCategories = eventCategories;
 var eventActions = {
-    linkTapped: 'link_tapped'
+    linkTapped: "link_tapped"
 };
 exports.eventActions = eventActions;

package/dist/utils/animation.js

@@ -57,33 +57,33 @@ function _objectSpread(target) {
     return target;
 }
 var areAnimationsSupported = function areAnimationsSupported(platformOverrides) {
-    return !(0, _platform).isOldChrome(platformOverrides) && !(0, _platform).isRunningAcceptanceTest(platformOverrides) && typeof window !== 'undefined';
+    return !(0, _platform).isOldChrome(platformOverrides) && !(0, _platform).isRunningAcceptanceTest(platformOverrides) && typeof window !== "undefined";
 };
 var animateShakeStyles = function animateShakeStyles(platformOverrides) {
     return areAnimationsSupported(platformOverrides) ? {
-        '@keyframes shake': {
-            '10%, 90%': {
-                transform: 'translate(3px, 0)'
+        "@keyframes shake": {
+            "10%, 90%": {
+                transform: "translate(3px, 0)"
             },
-            '20%, 80%': {
-                transform: 'translate(6px, 0)'
+            "20%, 80%": {
+                transform: "translate(6px, 0)"
             },
-            '30%, 50%, 70%': {
-                transform: 'translate(0px, 0)'
+            "30%, 50%, 70%": {
+                transform: "translate(0px, 0)"
             },
-            '40%, 60%': {
-                transform: 'translate(8px, 0)'
+            "40%, 60%": {
+                transform: "translate(8px, 0)"
             }
         },
         outerAnimation: {
-            animation: '$shake 0.82s cubic-bezier(.36,.07,.19,.97) both',
+            animation: "$shake 0.82s cubic-bezier(.36,.07,.19,.97) both",
             animationDelay: function animationDelay(param) {
                 var delay = param.delay;
                 return "".concat(delay + 0.04, "s");
             }
         },
         innerAnimation: {
-            animation: '$shake 0.82s cubic-bezier(.36,.07,.19,.97) both',
+            animation: "$shake 0.82s cubic-bezier(.36,.07,.19,.97) both",
             animationDelay: function animationDelay(param) {
                 var delay = param.delay;
                 return "".concat(delay, "s");
@@ -97,7 +97,7 @@ var animateShakeStyles = function animateShakeStyles(platformOverrides) {
 exports.animateShakeStyles = animateShakeStyles;
 var getAnimateDrawLineProps = function getAnimateDrawLineProps(from, begin, platformOverrides) {
     return areAnimationsSupported(platformOverrides) ? {
-        strokeDasharray: from.replace('-', ''),
+        strokeDasharray: from.replace("-", ""),
         strokeDashoffset: from,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx("animate", {
             attributeName: "stroke-dashoffset",
@@ -224,7 +224,7 @@ var getAnimateSweepInProps = function getAnimateSweepInProps(begin, platformOver
 exports.getAnimateSweepInProps = getAnimateSweepInProps;
 var mergeChildren = function mergeChildren(param, nextChild) {
     var children = param.children;
-    /*#__PURE__*/ return (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {
         children: [
             children,
             nextChild

package/dist/utils/aspect-ratio-support.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare type Props = {
+    children: React.ReactNode;
+};
+export declare const AspectRatioSupportProvider: React.FC<Props>;
+export declare const useSupportsAspectRatio: () => boolean;
+export {};

package/dist/utils/aspect-ratio-support.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.useSupportsAspectRatio = exports.AspectRatioSupportProvider = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
+var _hooks = require("../hooks");
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
+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];
+    return arr2;
+}
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    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);
+}
+var AspectRatioSupport = /*#__PURE__*/ React.createContext(true);
+var AspectRatioSupportProvider = function AspectRatioSupportProvider(param) {
+    var children = param.children;
+    // In SSR (and in first client side render) we assume the browser will support it
+    var ref = _slicedToArray(React.useState(true), 2), isSupported = ref[0], setIsSupported = ref[1];
+    (0, _hooks).useIsomorphicLayoutEffect(function() {
+        try {
+            if (!CSS.supports("aspect-ratio", "1 / 1")) {
+                setIsSupported(false);
+            }
+        } catch (e) {
+            // CSS.support is not available in old browsers, in that case we asume aspect-ratio is not supported
+            setIsSupported(false);
+        }
+    }, []);
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(AspectRatioSupport.Provider, {
+        value: isSupported,
+        children: children
+    });
+};
+exports.AspectRatioSupportProvider = AspectRatioSupportProvider;
+var useSupportsAspectRatio = function useSupportsAspectRatio() {
+    return React.useContext(AspectRatioSupport);
+};
+exports.useSupportsAspectRatio = useSupportsAspectRatio;

package/dist/utils/aspect-ratio-support.js.flow

@@ -0,0 +1,9 @@
+// @flow
+
+import * as React from "react";
+declare type Props = {
+  children: React.Node,
+};
+declare export var AspectRatioSupportProvider: React.ComponentType<Props>;
+declare export var useSupportsAspectRatio: () => boolean;
+declare export {};

package/dist/utils/color.js

@@ -18,16 +18,16 @@ var fromHexToRgb = function fromHexToRgb(hexColor) {
             parseInt(hexColor.substr(-2, 2), 16), 
         ];
     }
-    throw Error('Bad color');
+    throw Error("Bad color");
 };
 var applyAlpha = function applyAlpha(color, alpha) {
     try {
-        if (color.startsWith('var(')) {
+        if (color.startsWith("var(")) {
             // it's a css variable
             return "rgba(".concat(color.slice(0, -1), "_RAW, ").concat(alpha, ")");
         } else {
             // it's a hex color
-            return "rgba(".concat(fromHexToRgb(color).join(','), ", ").concat(alpha, ")");
+            return "rgba(".concat(fromHexToRgb(color).join(","), ", ").concat(alpha, ")");
         }
     } catch (e) {
         return color;

package/dist/utils/common.js

@@ -32,9 +32,9 @@ var combineRefs = function combineRefs() {
     return function(refValue) {
         refs.forEach(function(ref) {
             if (ref) {
-                if (typeof ref === 'function') {
+                if (typeof ref === "function") {
                     ref(refValue);
-                } else if ('current' in ref) {
+                } else if ("current" in ref) {
                     // @ts-expect-error - current is typed as read-only
                     ref.current = refValue;
                 }
@@ -44,9 +44,9 @@ var combineRefs = function combineRefs() {
 };
 exports.combineRefs = combineRefs;
 var getTextFromChildren = function getTextFromChildren(children) {
-    var text = '';
+    var text = "";
     React.Children.forEach(children, function(child) {
-        if (typeof child === 'string') {
+        if (typeof child === "string") {
             text += child;
         }
     });

package/dist/utils/document-visibility.js

@@ -75,7 +75,7 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var isDocumentVisible = function isDocumentVisible() {
-    return typeof document !== 'undefined' && document.visibilityState === 'visible';
+    return typeof document !== "undefined" && document.visibilityState === "visible";
 };
 var DocumentVisibilityContext = /*#__PURE__*/ React.createContext(true);
 var DocumentVisibilityProvider = function DocumentVisibilityProvider(param) {
@@ -93,13 +93,13 @@ var DocumentVisibilityProvider = function DocumentVisibilityProvider(param) {
             setVisible(false);
         };
         setVisible(isDocumentVisible());
-        document.addEventListener('visibilitychange', visibilitychangeCallback);
-        document.addEventListener('focus', focusCallback);
-        document.addEventListener('blur', blurCallback);
+        document.addEventListener("visibilitychange", visibilitychangeCallback);
+        document.addEventListener("focus", focusCallback);
+        document.addEventListener("blur", blurCallback);
         return function() {
-            document.removeEventListener('visibilitychange', visibilitychangeCallback);
-            document.removeEventListener('focus', focusCallback);
-            document.removeEventListener('blur', blurCallback);
+            document.removeEventListener("visibilitychange", visibilitychangeCallback);
+            document.removeEventListener("focus", focusCallback);
+            document.removeEventListener("blur", blurCallback);
         };
     }, []);
     // Workaround for this bug: https://jira.tuenti.io/jira/browse/ACCOUNT-10938
@@ -109,10 +109,10 @@ var DocumentVisibilityProvider = function DocumentVisibilityProvider(param) {
     if ((0, _platform).isAndroid(platformOverrides) && isVisibleNow !== visible) {
         setVisible(isVisibleNow);
     }
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(DocumentVisibilityContext.Provider, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(DocumentVisibilityContext.Provider, {
         value: visible,
         children: children
-    }));
+    });
 };
 exports.DocumentVisibilityProvider = DocumentVisibilityProvider;
 var useDocumentVisibility = function useDocumentVisibility() {

package/dist/utils/dom.js

@@ -58,8 +58,8 @@ var isInputTypeSupported = function isInputTypeSupported(type) {
     if ((0, _environment).isServerSide()) {
         return false;
     }
-    var input = document.createElement('input');
-    input.setAttribute('type', type);
+    var input = document.createElement("input");
+    input.setAttribute("type", type);
     return input.type === type;
 };
 exports.isInputTypeSupported = isInputTypeSupported;
@@ -69,7 +69,7 @@ var cancelEvent = function cancelEvent(event) {
 };
 exports.cancelEvent = cancelEvent;
 var createChangeEvent = function createChangeEvent(target, value) {
-    var event = new Event('change');
+    var event = new Event("change");
     target.value = value;
     return _objectSpread({}, event, {
         target: target,
@@ -82,13 +82,13 @@ exports.createChangeEvent = createChangeEvent;
  * See passiveeventlisteners.js at https://github.com/Modernizr/Modernizr/
  */ var supportsPassive = false;
 try {
-    var options = Object.defineProperty({}, 'passive', {
+    var options = Object.defineProperty({}, "passive", {
         get: function get() {
             supportsPassive = true;
             return undefined;
         }
     });
-    window.addEventListener('test', function() {}, options);
+    window.addEventListener("test", function() {}, options);
 } catch (e) {
 // does not support passive event listeners :(
 }
@@ -106,7 +106,7 @@ var getPrefixedDataAttributes = function getPrefixedDataAttributes(attrs) {
     var result = {};
     if (attrs) {
         Object.keys(attrs).forEach(function(key) {
-            result['data-' + key] = attrs[key];
+            result["data-" + key] = attrs[key];
         });
     }
     return result;
@@ -116,13 +116,13 @@ var isScrollable = function isScrollable(el, axis) {
     var overflowKey = "overflow".concat(axis);
     var overflowValue = window.getComputedStyle(el)[overflowKey];
     return [
-        'auto',
-        'scroll',
-        'overlay'
+        "auto",
+        "scroll",
+        "overlay"
     ].includes(overflowValue);
 };
 var getScrollableParentElement = function getScrollableParentElement(el) {
-    var axis = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'Y';
+    var axis = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Y";
     var result = el === null || el === void 0 ? void 0 : el.parentElement;
     while(result && !isScrollable(result, axis)){
         result = result.parentElement;
@@ -140,11 +140,11 @@ var hasScroll = function hasScroll(el) {
 exports.hasScroll = hasScroll;
 var listenResize = function listenResize(element, handler) {
     var getResizeObserverPromise = function getResizeObserverPromise() {
-        if (typeof window === 'undefined') {
+        if (typeof window === "undefined") {
             return Promise.resolve(null);
         }
         return window.ResizeObserver ? Promise.resolve(ResizeObserver) : Promise.resolve().then(function() {
-            return _interopRequireWildcard(require(/* webpackChunkName: "@juggle/resize-observer" */ '@juggle/resize-observer'));
+            return _interopRequireWildcard(require(/* webpackChunkName: "@juggle/resize-observer" */ "@juggle/resize-observer"));
         }).then(function(m) {
             return m.ResizeObserver;
         });

package/dist/utils/environment.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isServerSide = void 0;
 var isServerSide = function isServerSide() {
-    return typeof window === 'undefined';
+    return typeof window === "undefined";
 };
 exports.isServerSide = isServerSide;

package/dist/utils/media-queries.js

@@ -17,7 +17,7 @@ var createMediaQueries = function createMediaQueries(param) {
         // Also enabled for (pointer: none) for acceptance tests, where (pointer: fine) doesn't match.
         // WARNING: you may be tempted to use @media (hover: hover) instead, but that doesn't work as expected in some android browsers.
         // See: https://hover-pointer-media-query.glitch.me/ and https://github.com/mui-org/material-ui/issues/15736
-        supportsHover: '@media (pointer: fine), (pointer: none)'
+        supportsHover: "@media (pointer: fine), (pointer: none)"
     };
 };
 exports.createMediaQueries = createMediaQueries;