@telefonica/mistica 11.1.0 → 11.3.0

package/dist/navigation-bar.js

@@ -158,7 +158,7 @@ var MovistarLogo = function MovistarLogo(param) {
     var ref = (0, _hooks).useTheme(), colors = ref.colors, isDarkMode = ref.isDarkMode;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var color = isInverse && !isDarkMode ? colors.inverse : colors.brand;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         width: size,
         height: size,
         viewBox: "0 0 40 40",
@@ -174,14 +174,14 @@ var MovistarLogo = function MovistarLogo(param) {
                 })
             })
         })
-    }));
+    });
 };
 var VivoLogo = function VivoLogo(param) {
     var size = param.size;
     var ref = (0, _hooks).useTheme(), colors = ref.colors, isDarkMode = ref.isDarkMode;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var color = isInverse && !isDarkMode ? colors.inverse : colors.brand;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         height: size,
         viewBox: "0 0 96 40",
         role: "presentation",
@@ -221,14 +221,14 @@ var VivoLogo = function VivoLogo(param) {
                 })
             ]
         })
-    }));
+    });
 };
 var O2Logo = function O2Logo(param) {
     var size = param.size;
     var ref = (0, _hooks).useTheme(), colors = ref.colors, isDarkMode = ref.isDarkMode;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var color = isInverse && !isDarkMode ? colors.inverse : colors.brand;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         width: size,
         height: size,
         viewBox: "0 0 40 40",
@@ -244,14 +244,14 @@ var O2Logo = function O2Logo(param) {
                 })
             })
         })
-    }));
+    });
 };
 var TelefonicaLogo = function TelefonicaLogo(param) {
     var size = param.size;
     var ref = (0, _hooks).useTheme(), colors = ref.colors, isDarkMode = ref.isDarkMode;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var color = isInverse && !isDarkMode ? colors.inverse : colors.brand;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         height: size,
         viewBox: "0 0 125 48",
         role: "presentation",
@@ -270,14 +270,14 @@ var TelefonicaLogo = function TelefonicaLogo(param) {
                 })
             ]
         })
-    }));
+    });
 };
 var BlauLogo = function BlauLogo(param) {
     var size = param.size;
     var ref = (0, _hooks).useTheme(), colors = ref.colors, isDarkMode = ref.isDarkMode;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var color = isInverse && !isDarkMode ? colors.inverse : colors.brand;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("svg", {
         height: size,
         viewBox: "0 0 100 44",
         role: "presentation",
@@ -295,7 +295,7 @@ var BlauLogo = function BlauLogo(param) {
                 })
             ]
         })
-    }));
+    });
 };
 var NavigationBarLogo = function NavigationBarLogo(param) {
     var size = param.size;
@@ -303,27 +303,27 @@ var NavigationBarLogo = function NavigationBarLogo(param) {
     var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
     size = size !== null && size !== void 0 ? size : isTabletOrSmaller ? 40 : 48;
     switch(skinName){
-        case 'Movistar':
-            return(/*#__PURE__*/ (0, _jsxRuntime).jsx(MovistarLogo, {
+        case "Movistar":
+            return /*#__PURE__*/ (0, _jsxRuntime).jsx(MovistarLogo, {
                 size: size
-            }));
-        case 'Vivo':
-            return(/*#__PURE__*/ (0, _jsxRuntime).jsx(VivoLogo, {
+            });
+        case "Vivo":
+            return /*#__PURE__*/ (0, _jsxRuntime).jsx(VivoLogo, {
                 size: size
-            }));
-        case 'O2':
-        case 'O2-classic':
-            return(/*#__PURE__*/ (0, _jsxRuntime).jsx(O2Logo, {
+            });
+        case "O2":
+        case "O2-classic":
+            return /*#__PURE__*/ (0, _jsxRuntime).jsx(O2Logo, {
                 size: size
-            }));
-        case 'Telefonica':
-            return(/*#__PURE__*/ (0, _jsxRuntime).jsx(TelefonicaLogo, {
+            });
+        case "Telefonica":
+            return /*#__PURE__*/ (0, _jsxRuntime).jsx(TelefonicaLogo, {
                 size: size
-            }));
-        case 'Blau':
-            return(/*#__PURE__*/ (0, _jsxRuntime).jsx(BlauLogo, {
+            });
+        case "Blau":
+            return /*#__PURE__*/ (0, _jsxRuntime).jsx(BlauLogo, {
                 size: size
-            }));
+            });
         default:
             return null;
     }
@@ -332,43 +332,43 @@ exports.NavigationBarLogo = NavigationBarLogo;
 var useBurgerStyles = (0, _jss).createUseStyles(function() {
     return {
         burgerIconContainer: {
-            position: 'relative',
+            position: "relative",
             width: 24,
             height: 24,
-            '& > *': {
-                position: 'absolute',
+            "& > *": {
+                position: "absolute",
                 opacity: 1,
-                transform: 'rotate(0) scale(1)',
-                transition: 'transform 300ms, opacity 100ms'
+                transform: "rotate(0) scale(1)",
+                transition: "transform 300ms, opacity 100ms"
             }
         },
         iconCloseHidden: {
             opacity: 0,
-            transform: 'rotate(-45deg) scale(0.9)'
+            transform: "rotate(-45deg) scale(0.9)"
         },
         iconMenuHidden: {
             opacity: 0,
-            transform: 'rotate(0deg) scale(0.7)'
+            transform: "rotate(0deg) scale(0.7)"
         }
     };
 });
 var BurgerMenuIcon = function BurgerMenuIcon(param) {
     var isOpen = param.isOpen;
     var classes = useBurgerStyles();
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
         className: classes.burgerIconContainer,
         role: "presentation",
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                className: isOpen ? '' : classes.iconCloseHidden,
+                className: isOpen ? "" : classes.iconCloseHidden,
                 children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconCloseRegular.default, {})
             }),
             /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                className: isOpen ? classes.iconMenuHidden : '',
+                className: isOpen ? classes.iconMenuHidden : "",
                 children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconMenuRegular.default, {})
             })
         ]
-    }));
+    });
 };
 var NAVBAR_ZINDEX = 25;
 var BURGER_ZINDEX = 26;
@@ -379,56 +379,56 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
     var shadowAlpha = theme.isDarkMode ? 1 : 0.2;
     return {
         topFixed: {
-            position: 'fixed',
+            position: "fixed",
             top: 0,
             left: 0,
             right: 0,
             zIndex: NAVBAR_ZINDEX
         },
         notFixedPadding: {
-            width: '100%',
+            width: "100%",
             padding: function padding(param) {
                 var paddingX = param.paddingX;
                 return "0 ".concat(paddingX, "px");
             }
         },
         navbar: _defineProperty({
-            width: '100%',
-            display: 'flex',
-            alignItems: 'center',
+            width: "100%",
+            display: "flex",
+            alignItems: "center",
             background: function background(param) {
                 var isInverse = param.isInverse;
                 return isInverse ? theme.colors.navigationBarBackground : theme.colors.background;
             },
             height: DESKTOP_NAVBAR_HEIGHT,
-            padding: '16px 0',
-            borderBottomStyle: 'solid',
+            padding: "16px 0",
+            borderBottomStyle: "solid",
             borderBottomWidth: function borderBottomWidth(param) {
                 var withBorder = param.withBorder;
                 return withBorder ? 1 : 0;
             },
             borderColor: function borderColor(param) {
                 var isInverse = param.isInverse;
-                return isInverse && !theme.isDarkMode ? 'transparent' : theme.colors.divider;
+                return isInverse && !theme.isDarkMode ? "transparent" : theme.colors.divider;
             }
         }, theme.mq.tabletOrSmaller, {
-            transition: 'border-color 300ms',
+            transition: "border-color 300ms",
             borderColor: function borderColor(param) {
                 var isMenuOpen = param.isMenuOpen, isInverse = param.isInverse;
-                return isMenuOpen || isInverse && !theme.isDarkMode ? 'transparent' : theme.colors.divider;
+                return isMenuOpen || isInverse && !theme.isDarkMode ? "transparent" : theme.colors.divider;
             },
             height: MOBILE_NAVBAR_HEIGHT,
-            padding: '8px 0'
+            padding: "8px 0"
         }),
         section: _defineProperty({
             height: DESKTOP_NAVBAR_HEIGHT,
-            display: 'flex',
-            alignItems: 'center',
-            padding: '0 8px',
+            display: "flex",
+            alignItems: "center",
+            padding: "0 8px",
             borderBottom: "2px solid transparent",
-            transition: 'border-color 300ms ease-in-out'
+            transition: "border-color 300ms ease-in-out"
         }, theme.mq.supportsHover, {
-            '&:hover span': {
+            "&:hover span": {
                 color: function color(param) {
                     var isInverse = param.isInverse;
                     return isInverse ? theme.colors.textSecondaryInverse : theme.colors.textSecondary;
@@ -448,30 +448,30 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         }),
         burgerMenu: {
             zIndex: BURGER_ZINDEX,
-            position: 'fixed',
+            position: "fixed",
             top: MOBILE_NAVBAR_HEIGHT,
             left: 0,
             right: 0,
             height: "calc(100vh - ".concat(MOBILE_NAVBAR_HEIGHT, "px)"),
-            overflowY: 'auto',
+            overflowY: "auto",
             background: theme.colors.background,
             boxShadow: function boxShadow(param) {
                 var menuTransitionState = param.menuTransitionState;
-                return menuTransitionState !== 'closed' ? "6px 0 4px -4px rgba(0, 0, 0, ".concat(shadowAlpha, ")") : 'none';
+                return menuTransitionState !== "closed" ? "6px 0 4px -4px rgba(0, 0, 0, ".concat(shadowAlpha, ")") : "none";
             },
             transition: "transform ".concat(BURGER_MENU_ANIMATION_DURATION_MS, "ms ease-out")
         },
         burgerMenuEnter: {
-            transform: 'translate(-100vw)'
+            transform: "translate(-100vw)"
         },
         burgerMenuEnterActive: {
-            transform: 'translate(0)'
+            transform: "translate(0)"
         },
         burgerMenuExit: {
-            transform: 'translate(0)'
+            transform: "translate(0)"
         },
         burgerMenuExitActive: {
-            transform: 'translate(-100vw)'
+            transform: "translate(-100vw)"
         },
         iconButton: _defineProperty({
             color: function color(param) {
@@ -479,7 +479,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
                 return isInverse ? theme.colors.inverse : theme.colors.neutralHigh;
             }
         }, theme.mq.supportsHover, {
-            '&:hover': {
+            "&:hover": {
                 color: function color(param) {
                     var isInverse = param.isInverse;
                     return isInverse ? theme.colors.inverse : theme.colors.neutralMedium;
@@ -492,7 +492,7 @@ var MainNavigationBar = function MainNavigationBar(param) {
     var sections = param.sections, selectedIndex = param.selectedIndex, right = param.right, logo = param.logo, _isInverse = param.isInverse, isInverse = _isInverse === void 0 ? false : _isInverse, _topFixed = param.topFixed, topFixed = _topFixed === void 0 ? true : _topFixed;
     var texts = (0, _hooks).useTheme().texts;
     var ref = _slicedToArray(React.useState(false), 2), isMenuOpen = ref[0], setIsMenuOpen = ref[1];
-    var ref1 = _slicedToArray(React.useState('closed'), 2), menuTransitionState = ref1[0], setMenuTransitionState = ref1[1];
+    var ref1 = _slicedToArray(React.useState("closed"), 2), menuTransitionState = ref1[0], setMenuTransitionState = ref1[1];
     var menuId = (0, _hooks).useAriaId();
     var classes = useStyles({
         isMenuOpen: isMenuOpen,
@@ -516,8 +516,8 @@ var MainNavigationBar = function MainNavigationBar(param) {
                 isModalOpen: false
             });
         };
-        var disableFocusTrap = menuTransitionState !== 'open';
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {
+        var disableFocusTrap = menuTransitionState !== "open";
+        return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {
             children: [
                 /*#__PURE__*/ (0, _jsxRuntime).jsx(_focusTrap.default, {
                     disabled: disableFocusTrap,
@@ -568,16 +568,16 @@ var MainNavigationBar = function MainNavigationBar(param) {
                         group: "burger-menu-lock",
                         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_reactTransitionGroup.CSSTransition, {
                             onEntering: function onEntering() {
-                                setMenuTransitionState('opening');
+                                setMenuTransitionState("opening");
                             },
                             onEntered: function onEntered() {
-                                setMenuTransitionState('open');
+                                setMenuTransitionState("open");
                             },
                             onExiting: function onExiting() {
-                                setMenuTransitionState('closing');
+                                setMenuTransitionState("closing");
                             },
                             onExited: function onExited() {
-                                setMenuTransitionState('closed');
+                                setMenuTransitionState("closed");
                             },
                             in: isMenuOpen,
                             timeout: BURGER_MENU_ANIMATION_DURATION_MS,
@@ -599,7 +599,7 @@ var MainNavigationBar = function MainNavigationBar(param) {
                                     children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_negativeBox.default, {
                                         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_list.RowList, {
                                             children: sections.map(function(section, index) {
-                                                /*#__PURE__*/ return (0, _jsxRuntime).jsx(_list.Row, _objectSpread({}, section), index);
+                                                return /*#__PURE__*/ (0, _jsxRuntime).jsx(_list.Row, _objectSpread({}, section), index);
                                             })
                                         })
                                     })
@@ -609,9 +609,9 @@ var MainNavigationBar = function MainNavigationBar(param) {
                     })
                 })
             ]
-        }));
+        });
     }
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_themeVariantContext.ThemeVariant, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_themeVariantContext.ThemeVariant, {
         isInverse: isInverse,
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx("header", {
@@ -633,14 +633,13 @@ var MainNavigationBar = function MainNavigationBar(param) {
                                                 var title = _param.title, touchableProps = _objectWithoutProperties(_param, [
                                                     "title"
                                                 ]);
-                                                return(/*#__PURE__*/ (0, React).createElement(_touchable.default, _objectSpread({}, touchableProps, {
+                                                return /*#__PURE__*/ (0, React).createElement(_touchable.default, _objectSpread({}, touchableProps, {
                                                     key: idx,
-                                                    className: (0, _classnames).default(classes.section, _defineProperty({}, classes.selectedSection, idx === selectedIndex)),
-                                                    children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
-                                                        regular: true,
-                                                        children: title
-                                                    })
-                                                })));
+                                                    className: (0, _classnames).default(classes.section, _defineProperty({}, classes.selectedSection, idx === selectedIndex))
+                                                }), /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
+                                                    regular: true,
+                                                    children: title
+                                                }));
                                             })
                                         })
                                     })
@@ -655,7 +654,7 @@ var MainNavigationBar = function MainNavigationBar(param) {
                 className: classes.spacer
             })
         ]
-    }));
+    });
 };
 exports.MainNavigationBar = MainNavigationBar;
 var NavigationBar = function NavigationBar(param) {
@@ -695,7 +694,7 @@ var NavigationBar = function NavigationBar(param) {
             })
         ]
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_themeVariantContext.ThemeVariant, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_themeVariantContext.ThemeVariant, {
         isInverse: isInverse,
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx("header", {
@@ -711,7 +710,7 @@ var NavigationBar = function NavigationBar(param) {
                 className: classes.spacer
             })
         ]
-    }));
+    });
 };
 exports.NavigationBar = NavigationBar;
 var FunnelNavigationBar = function FunnelNavigationBar(param) {
@@ -720,7 +719,7 @@ var FunnelNavigationBar = function FunnelNavigationBar(param) {
         isInverse: isInverse,
         withBorder: true
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_themeVariantContext.ThemeVariant, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_themeVariantContext.ThemeVariant, {
         isInverse: isInverse,
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx("header", {
@@ -743,7 +742,7 @@ var FunnelNavigationBar = function FunnelNavigationBar(param) {
                 className: classes.spacer
             })
         ]
-    }));
+    });
 };
 exports.FunnelNavigationBar = FunnelNavigationBar;
 var useNavigationBarActionGroupStyles = (0, _jss).createUseStyles(function() {
@@ -758,34 +757,34 @@ var useNavigationBarActionGroupStyles = (0, _jss).createUseStyles(function() {
 var NavigationBarActionGroup = function NavigationBarActionGroup(param) {
     var children = param.children;
     var classes = useNavigationBarActionGroupStyles();
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
         className: classes.lineHeightFix,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_inline.default, {
             space: 24,
             alignItems: "center",
             children: children
         })
-    }));
+    });
 };
 exports.NavigationBarActionGroup = NavigationBarActionGroup;
 var useNavigationBarActionStyles = (0, _jss).createUseStyles(function(theme) {
     return {
         touchable: _defineProperty({
             lineHeight: 0,
-            '& svg': {
+            "& svg": {
                 color: function color(param) {
                     var isInverse = param.isInverse;
                     return isInverse ? theme.colors.inverse : theme.colors.neutralHigh;
                 }
             }
         }, theme.mq.supportsHover, {
-            '&:hover span': {
+            "&:hover span": {
                 color: function color(param) {
                     var isInverse = param.isInverse;
                     return isInverse ? theme.colors.textSecondaryInverse : theme.colors.textSecondary;
                 }
             },
-            '&:hover svg': {
+            "&:hover svg": {
                 color: function color(param) {
                     var isInverse = param.isInverse;
                     return isInverse ? theme.colors.inverse : theme.colors.neutralMedium;
@@ -802,18 +801,18 @@ var NavigationBarAction = function NavigationBarAction(_param) {
     var classes = useNavigationBarActionStyles({
         isInverse: isInverse
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, touchableProps, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, touchableProps, {
         className: classes.touchable,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_inline.default, {
             space: 16,
             alignItems: "center",
             children: React.Children.map(children, function(child) {
-                return typeof child === 'string' ? /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text2, {
+                return typeof child === "string" ? /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text2, {
                     regular: true,
                     children: child
                 }) : child;
             })
         })
-    })));
+    }));
 };
 exports.NavigationBarAction = NavigationBarAction;

package/dist/navigation-breadcrumbs.js

@@ -28,20 +28,20 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var BREADCRUMB_SEPARATOR = ' / ';
+var BREADCRUMB_SEPARATOR = " / ";
 var NavigationBreadcrumbs = function NavigationBreadcrumbs(param1) {
     var title1 = param1.title, breadcrumbs = param1.breadcrumbs;
     var theme = (0, _hooks).useTheme();
     var Link = theme.Link;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
         children: [
             breadcrumbs.map(function(param, index) {
                 var title = param.title, url = param.url;
-                /*#__PURE__*/ return (0, _jsxRuntime).jsxs(React.Fragment, {
+                return /*#__PURE__*/ (0, _jsxRuntime).jsxs(React.Fragment, {
                     children: [
                         /*#__PURE__*/ (0, _jsxRuntime).jsx(Link, {
                             style: {
-                                textDecoration: 'none'
+                                textDecoration: "none"
                             },
                             to: url,
                             children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text1, {
@@ -62,7 +62,7 @@ var NavigationBreadcrumbs = function NavigationBreadcrumbs(param1) {
                 children: title1
             })
         ]
-    }));
+    });
 };
 var _default = NavigationBreadcrumbs;
 exports.default = _default;

package/dist/negative-box.js

@@ -49,10 +49,10 @@ var NegativeBox = function NegativeBox(param) {
         marginLeft: marginLeft,
         marginRight: marginRight
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
         className: classes.negativeBox,
         children: children
-    }));
+    });
 };
 var _default = NegativeBox;
 exports.default = _default;

package/dist/nestable-context.js

@@ -100,11 +100,10 @@ var useDeepCompareMemoize = function useDeepCompareMemoize(value) {
 /**
  * This is like `useEffect` but with deep equal checks
  */ var useDeepCompareEffect = function useDeepCompareEffect(create, inputs) {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     return React.useEffect(create, useDeepCompareMemoize(inputs));
 };
 var isObject = function isObject(object) {
-    return object !== null && typeof object === 'object' && !Array.isArray(object);
+    return object !== null && typeof object === "object" && !Array.isArray(object);
 };
 var createNestableContext = function createNestableContext(defaultValue) {
     var DispatchContext = /*#__PURE__*/ React.createContext(function() {});
@@ -125,11 +124,11 @@ var createNestableContext = function createNestableContext(defaultValue) {
     the same time, when Page 1 unmounts, value Y should be used.
     */ var reducer = function reducer(values, action) {
         switch(action.type){
-            case 'add':
+            case "add":
                 return _toConsumableArray(values).concat([
                     action.value
                 ]);
-            case 'remove':
+            case "remove":
                 {
                     var idx = values.indexOf(action.value);
                     return _toConsumableArray(values.slice(0, idx)).concat(_toConsumableArray(values.slice(idx + 1, values.length)));
@@ -142,7 +141,7 @@ var createNestableContext = function createNestableContext(defaultValue) {
         var children = param.children;
         React.useEffect(function() {
             providerInstances++;
-            if (providerInstances > 1 && process.env.NODE_ENV !== 'production') {
+            if (providerInstances > 1 && process.env.NODE_ENV !== "production") {
                 console.warn("Multiple NestableContext instances: ".concat(providerInstances));
             }
             return function() {
@@ -162,24 +161,24 @@ var createNestableContext = function createNestableContext(defaultValue) {
                 computedValue = values[values.length - 1];
             }
         }
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(DispatchContext.Provider, {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx(DispatchContext.Provider, {
             value: dispatch,
             children: /*#__PURE__*/ (0, _jsxRuntime).jsx(ValueContext.Provider, {
                 value: computedValue,
                 children: children
             })
-        }));
+        });
     };
     var useSetValue = function useSetValue(value) {
         var dispatch = React.useContext(DispatchContext);
         useDeepCompareEffect(function() {
             dispatch({
-                type: 'add',
+                type: "add",
                 value: value
             });
             return function() {
                 dispatch({
-                    type: 'remove',
+                    type: "remove",
                     value: value
                 });
             };
@@ -198,7 +197,7 @@ var createNestableContext = function createNestableContext(defaultValue) {
     };
     var Getter = function Getter(param) {
         var children = param.children;
-        /*#__PURE__*/ return (0, _jsxRuntime).jsx(_jsxRuntime.Fragment, {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_jsxRuntime.Fragment, {
             children: children(useValue())
         });
     };

package/dist/overlay.js

@@ -104,14 +104,14 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var defaultStyle = {
-    position: 'fixed',
+    position: "fixed",
     top: 0,
     right: 0,
     bottom: 0,
     left: 0,
     zIndex: 12,
-    outline: 'none',
-    WebkitTapHighlightColor: 'transparent'
+    outline: "none",
+    WebkitTapHighlightColor: "transparent"
 };
 var Overlay = function Overlay(param) {
     var onPress = param.onPress, children = param.children, className = param.className, style = param.style, _disableScroll = param.disableScroll, disableScroll = _disableScroll === void 0 ? false : _disableScroll;
@@ -124,7 +124,7 @@ var Overlay = function Overlay(param) {
             onPress(event);
         }
     };
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
         "data-overlay": "true",
         style: _objectSpread({}, defaultStyle, style),
         className: className,
@@ -153,7 +153,7 @@ var Overlay = function Overlay(param) {
         role: "button",
         tabIndex: 0,
         children: showChildren && children
-    }));
+    });
 };
 var _default = Overlay;
 exports.default = _default;

package/dist/overlay.js.flow

@@ -11,4 +11,4 @@ declare type Props = {
 declare var Overlay: React.ComponentType<Props>;
 declare export default typeof Overlay;
 
-import { type CssStyle } from "./__types__.js.flow";
+import { type CssStyle } from "./__css_types__.js.flow";