@telefonica/mistica 9.17.0 → 10.2.0

package/dist-es/generated/mistica-icons/icon-neural-network-human-regular.js

@@ -0,0 +1,31 @@
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */
+import * as React from 'react';
+import { useTheme } from '../../hooks';
+import { useIsInverseVariant } from '../../theme-variant-context';
+
+var IconNeuralNetworkHumanRegular = function IconNeuralNetworkHumanRegular(_ref) {
+  var color = _ref.color,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 24 : _ref$size;
+
+  var _useTheme = useTheme(),
+      colors = _useTheme.colors;
+
+  var isInverse = useIsInverseVariant();
+  var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    role: "presentation"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M9.478 9.627a.417.417 0 01-.832 0c0-.226.187-.409.417-.409.087 0 .165.034.235.082.017.02.026.045.045.061.017.014.037.023.053.034a.403.403 0 01.082.232m7.044 5.995l-.01 4.835H9.454V18.21c-3.224 0-2.975-1.706-2.975-1.706l-.033-2.277-2.356-.614a10.53 10.53 0 001.636-2.21c.39-.711.641-1.493.689-2.3.196-3.375 1.944-5.232 4.874-5.73v3.1L9.693 8.11a1.684 1.684 0 00-.63-.123c-.919 0-1.664.734-1.664 1.639 0 .904.745 1.641 1.664 1.641.916 0 1.664-.737 1.664-1.641 0-.233-.05-.454-.14-.656l1.594-1.633h1.75c.132.361.384.664.715.86l-1.13 3.067c-.834.087-1.49.776-1.49 1.625 0 .905.746 1.641 1.664 1.641a1.67 1.67 0 001.541-1.025h3.583a4.97 4.97 0 01-2.292 2.118m-1.03-8.42a.412.412 0 01-.415-.41c0-.226.188-.408.415-.408.23 0 .417.185.417.409a.413.413 0 01-.417.409m-1.804 5.274c.23 0 .414.185.414.412a.412.412 0 01-.414.409.412.412 0 01-.415-.409c0-.227.185-.409.415-.412m5.952-2.714c0 .947-.123 1.776-.339 2.51h-4.073a1.65 1.65 0 00-.51-.664l1.191-3.233c.717-.185 1.25-.82 1.25-1.582 0-.905-.746-1.642-1.665-1.642a1.66 1.66 0 00-1.507.955H12.54V3.244c.16-.006.317-.014.482-.014 4.18 0 6.62 2.084 6.62 6.532M13.014 2C8.22 2 5.433 4.499 5.17 9.03a4.243 4.243 0 01-.54 1.785 9.402 9.402 0 01-1.446 1.953 1.216 1.216 0 00-.29 1.182c.122.42.456.742.882.851l1.44.375.019 1.289a2.45 2.45 0 00.627 1.748c.524.594 1.311.975 2.35 1.137v1.107c0 .677.558 1.23 1.247 1.23h7.053a1.236 1.236 0 001.247-1.228l.01-4.112c1.556-.969 3.121-2.87 3.121-6.585C20.887 4.829 18.02 2 13.015 2",
+    fill: fillColor
+  }));
+};
+
+export default IconNeuralNetworkHumanRegular;

package/dist-es/generated/mistica-icons/icon-tree-light.js

@@ -23,7 +23,7 @@ var IconTreeLight = function IconTreeLight(_ref) {
     viewBox: "0 0 24 24",
     role: "presentation"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M17.162 10.148a.398.398 0 00.031.664c.563.339.835.899.835 1.711 0 1.05-.476 1.712-1.417 1.961-.188.05-.308.283-.308.465 0 3.056-2.838 3.294-3.71 3.294h-.01v-4.695c.02-.02.047-.03.064-.053l2.305-2.935a.392.392 0 00-.064-.552l-.025-.02a.455.455 0 00-.605.084l-1.673 2.132V9.73c0-.224-.193-.406-.43-.406-.239 0-.432.182-.432.406v5.715L9.7 13.529a.452.452 0 00-.61-.003.39.39 0 00-.026.552c.009.008.014.017.023.022l2.596 2.462c.012.012.026.014.037.023v1.568c-.938-.16-2.283-.633-2.698-2.086a.424.424 0 00-.406-.3c-.829-.02-2.753-.314-2.753-2.628 0-.935.308-1.633.916-2.078a.4.4 0 00.165-.342.408.408 0 00-.199-.325c-.56-.336-.835-.896-.835-1.711 0-1.059.463-1.7 1.42-1.96.185-.051.306-.281.306-.463 0-3.056 2.837-3.294 3.709-3.294.691 0 2.997.157 3.571 2.17a.43.43 0 00.403.3c1.031.034 2.76.418 2.76 2.633 0 .95-.3 1.628-.917 2.079m1.782-2.073c0-2.314-1.644-3.277-3.286-3.429-.882-2.367-3.73-2.49-4.31-2.49-.746 0-4.384.188-4.56 3.888-1.124.423-1.738 1.35-1.738 2.647 0 1.031.381 1.678.807 2.076-.571.59-.857 1.39-.857 2.378 0 2.325 1.641 3.283 3.283 3.426.647 1.73 2.347 2.26 3.44 2.42v2.445c0 .227.193.407.431.407s.431-.183.431-.407v-2.378h.012c.745 0 4.383-.187 4.56-3.888.756-.283 1.74-.972 1.74-2.647 0-.885-.272-1.582-.807-2.078.568-.588.854-1.384.854-2.37",
+    d: "M16.745 15.502l-4.303.03c-.039 0-.067.019-.096.028v-2.945c.019-.019.048-.029.067-.058l2.229-3.04a.426.426 0 00-.087-.588.424.424 0 00-.586.087l-1.614 2.204V9.507a.419.419 0 10-.835-.03v4.264L9.57 11.76a.411.411 0 00-.586 0 .425.425 0 000 .596l2.488 2.541c.01.01.028.01.038.029v.616H6.294c-1.038 0-3.458-.337-3.458-3.474 0-1.762.759-2.868 2.238-3.292.182-.048.298-.327.298-.52 0-5.014 4.342-5.408 5.667-5.408.75 0 4.554.173 5.457 3.58a.43.43 0 00.394.318c1.277.038 4.265.539 4.265 4.36.01 4.08-3.372 4.397-4.41 4.397m.48-9.595C16.036 2.192 11.886 2 11.05 2c-1.076 0-6.398.289-6.503 6.053C3.47 8.448 2 9.46 2 12.067c0 3.185 2.219 4.311 4.294 4.311h5.216v5.236a.42.42 0 00.452.385.43.43 0 00.384-.385v-5.255c.038.01.067.029.105.029l4.294-.03c2.421 0 5.255-1.375 5.255-5.254 0-4.36-3.333-5.09-4.774-5.197",
     fill: fillColor
   }));
 };

package/dist-es/grid-layout.js

@@ -3,7 +3,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import * as React from 'react';
 import { createUseStyles } from './jss';
 var useStyles = createUseStyles(function (theme) {
-  var _grid, _span, _span2, _span3;
+  var _grid, _span, _span2, _span3, _span4, _span5;
 
   return {
     grid: (_grid = {
@@ -29,16 +29,26 @@ var useStyles = createUseStyles(function (theme) {
     }), _defineProperty(_span, theme.mq.tabletOrSmaller, {
       gridColumn: 'span 1'
     }), _span),
-    span6: (_span2 = {}, _defineProperty(_span2, theme.mq.desktopOrBigger, {
-      gridColumn: 'span 6'
+    span5: (_span2 = {}, _defineProperty(_span2, theme.mq.desktopOrBigger, {
+      gridColumn: 'span 5'
     }), _defineProperty(_span2, theme.mq.tabletOrSmaller, {
       gridColumn: 'span 1'
     }), _span2),
-    span8: (_span3 = {}, _defineProperty(_span3, theme.mq.desktopOrBigger, {
-      gridColumn: 'span 8'
+    span6: (_span3 = {}, _defineProperty(_span3, theme.mq.desktopOrBigger, {
+      gridColumn: 'span 6'
     }), _defineProperty(_span3, theme.mq.tabletOrSmaller, {
       gridColumn: 'span 1'
-    }), _span3)
+    }), _span3),
+    span8: (_span4 = {}, _defineProperty(_span4, theme.mq.desktopOrBigger, {
+      gridColumn: 'span 8'
+    }), _defineProperty(_span4, theme.mq.tabletOrSmaller, {
+      gridColumn: 'span 1'
+    }), _span4),
+    span10: (_span5 = {}, _defineProperty(_span5, theme.mq.desktopOrBigger, {
+      gridColumn: 'span 10'
+    }), _defineProperty(_span5, theme.mq.tabletOrSmaller, {
+      gridColumn: 'span 1'
+    }), _span5)
   };
 });
 
@@ -79,20 +89,34 @@ var GridLayout = function GridLayout(props) {
     }));
   }
 
-  if (props.template === '6+4') {
+  if (props.template === '5+4') {
     return /*#__PURE__*/React.createElement("div", {
       className: classes.grid
     }, /*#__PURE__*/React.createElement("div", {
       className: classes.span1
     }), /*#__PURE__*/React.createElement("div", {
-      className: classes.span6
+      className: classes.span5
     }, props.left), /*#__PURE__*/React.createElement("div", {
+      className: classes.span1
+    }), /*#__PURE__*/React.createElement("div", {
       className: classes.span4
     }, props.right), /*#__PURE__*/React.createElement("div", {
       className: classes.span1
     }));
   }
 
+  if (props.template === '10') {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.grid
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.span1
+    }), /*#__PURE__*/React.createElement("div", {
+      className: classes.span10
+    }, props.children), /*#__PURE__*/React.createElement("div", {
+      className: classes.span1
+    }));
+  }
+
   return /*#__PURE__*/React.createElement("div", {
     className: classes.grid
   }, props.children);

package/dist-es/highlighted-card.js

@@ -88,7 +88,7 @@ var Dismissable = function Dismissable(_ref3) {
   }, children, /*#__PURE__*/React.createElement(IconButton, {
     className: classes.dismissableButton,
     onPress: onClose,
-    label: texts.closeButtonLabel,
+    "aria-label": texts.closeButtonLabel,
     style: {
       display: 'flex',
       width: 48,

package/dist-es/icon-button.js

@@ -8,7 +8,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import * as React from 'react';
 import Touchable from './touchable';
-import { getPrefixedDataAttributes } from './utils/dom';
 var ICON_SIZE_1 = 24;
 
 var getButtonStyle = function getButtonStyle(backgroundUrl, size, backgroundColor, iconSize, disabled) {
@@ -51,42 +50,36 @@ var IconButton = function IconButton(props) {
       iconSize = props.iconSize,
       _props$size = props.size,
       size = _props$size === void 0 ? ICON_SIZE_1 : _props$size;
-
-  var commonProps = _objectSpread({
+  var commonProps = {
     className: props.className || '',
     disabled: props.disabled,
     style: _objectSpread(_objectSpread({}, getButtonStyle(icon, size, backgroundColor, iconSize, props.disabled)), props.style),
     trackingEvent: props.trackingEvent,
-    'data-testid': props['data-testid']
-  }, getPrefixedDataAttributes(props.dataAttributes));
+    'aria-live': props['aria-live'],
+    dataAttributes: props.dataAttributes
+  };
 
   if (props.href) {
-    var _props$ariaLabel;
-
     return /*#__PURE__*/React.createElement(Touchable, _extends({}, commonProps, {
       href: props.href,
       newTab: props.newTab,
-      "aria-label": (_props$ariaLabel = props['aria-label']) !== null && _props$ariaLabel !== void 0 ? _props$ariaLabel : props.label
+      "aria-label": props['aria-label']
     }), !icon && React.Children.only(children));
   }
 
   if (props.to) {
-    var _props$ariaLabel2;
-
     return /*#__PURE__*/React.createElement(Touchable, _extends({}, commonProps, {
       to: props.to,
       fullPageOnWebView: props.fullPageOnWebView,
       replace: props.replace,
-      "aria-label": (_props$ariaLabel2 = props['aria-label']) !== null && _props$ariaLabel2 !== void 0 ? _props$ariaLabel2 : props.label
+      "aria-label": props['aria-label']
     }), !icon && React.Children.only(children));
   }
 
   if (props.onPress) {
-    var _props$ariaLabel3;
-
     return /*#__PURE__*/React.createElement(Touchable, _extends({}, commonProps, {
       onPress: props.onPress,
-      "aria-label": (_props$ariaLabel3 = props['aria-label']) !== null && _props$ariaLabel3 !== void 0 ? _props$ariaLabel3 : props.label
+      "aria-label": props['aria-label']
     }), !icon && React.Children.only(children));
   }
 

package/dist-es/icons/icon-close.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { useTheme } from '../hooks';
 var ICON_SIZE_1 = 24;
 
+/** @deprecated use IconCloseRegular instead */
 var IconClose = function IconClose(_ref) {
   var _ref$role = _ref.role,
       role = _ref$role === void 0 ? 'presentation' : _ref$role,

package/dist-es/image.js

@@ -11,7 +11,9 @@ var useStyles = createUseStyles(function () {
     image: {
       borderRadius: 4,
       display: 'block',
-      objectFit: 'cover'
+      objectFit: 'cover',
+      maxWidth: '100%',
+      maxHeight: '100%'
     }
   };
 });
@@ -35,7 +37,7 @@ var Image = function Image(_ref) {
 
   if (props.width !== undefined) {
     height = props.width / RATIO[aspectRatio];
-  } else {
+  } else if (props.height !== undefined) {
     width = props.height * RATIO[aspectRatio];
   }
 

package/dist-es/index.js

@@ -50,9 +50,11 @@ export { default as ProgressBar } from './progress-bar';
 export { MediaCard, DataCard } from './card';
 export { default as Divider } from './divider';
 export { default as Menu } from './menu';
-export { default as EmptyStateScreen } from './empty-state-screen';
+export { default as EmptyState } from './empty-state';
 export { default as EmptyStateCard } from './empty-state-card';
 export { default as Callout } from './callout';
+export { useModalState } from './modal-context-provider';
+export { NavigationBar, MainNavigationBar, FunnelNavigationBar, NavigationBarActionGroup, NavigationBarAction, NavigationBarLogo } from './navigation-bar';
 export { default as Image } from './image'; // Forms
 
 export { default as Form } from './form';
@@ -73,6 +75,7 @@ export { default as PasswordField } from './password-field';
 export { default as DoubleField } from './double-field';
 export { default as IbanField } from './iban-field';
 export { useForm } from './form-context'; // Icons
+// @deprecated use IconCloseRegular instead
 
 export { default as IconClose } from './icons/icon-close';
 export { default as IconInfo } from './icons/icon-info';
@@ -106,35 +109,9 @@ if (process.env.NODE_ENV !== 'production' && typeof window !== 'undefined') {
     // @ts-expect-error __mistica_version__ does not exist in window
     window.__mistica_version__ = PACKAGE_VERSION;
   }
-} // @deprecated This icon was renamed to IconImportRegular
+} // Exported this way to facilitate tree-shaking
 
 
-export { default as IconImportarRegular } from './generated/mistica-icons/icon-import-regular'; // @deprecated This icon was renamed to IconDeviceRegular
-
-export { default as IconDeviceRegular } from './generated/mistica-icons/icon-team-regular'; // @deprecated This icon was renamed to IconDeviceFilled
-
-export { default as IconDeviceFilled } from './generated/mistica-icons/icon-team-filled'; // @deprecated This icon was renamed to IconDeviceLight
-
-export { default as IconDeviceLight } from './generated/mistica-icons/icon-team-light'; // @deprecated This icon was renamed to IconBellAddMoreFilled
-
-export { default as IconAddMoreAlarmFilled } from './generated/mistica-icons/icon-bell-add-more-filled'; // @deprecated This icon was renamed to IconBellAddMoreLight
-
-export { default as IconAddMoreAlarmLight } from './generated/mistica-icons/icon-bell-add-more-light'; // @deprecated This icon was renamed to IconBellAddMoreRegular
-
-export { default as IconAddMoreAlarmRegular } from './generated/mistica-icons/icon-bell-add-more-regular'; // @deprecated This icon was renamed to IconBellOffFilled
-
-export { default as IconAlarmOffFilled } from './generated/mistica-icons/icon-bell-off-filled'; // @deprecated This icon was renamed to IconBellOffLight
-
-export { default as IconAlarmOffLight } from './generated/mistica-icons/icon-bell-off-light'; // @deprecated This icon was renamed to IconBellOffRegular
-
-export { default as IconAlarmOffRegular } from './generated/mistica-icons/icon-bell-off-regular'; // @deprecated This icon was renamed to IconBellOffFilled
-
-export { default as IconProgramAlarmFilled } from './generated/mistica-icons/icon-bell-program-filled'; // @deprecated This icon was renamed to IconBellOffLight
-
-export { default as IconProgramAlarmLight } from './generated/mistica-icons/icon-bell-program-light'; // @deprecated This icon was renamed to IconBellOffRegular
-
-export { default as IconProgramAlarmRegular } from './generated/mistica-icons/icon-bell-program-regular'; // Exported this way to facilitate tree-shaking
-
 export { default as IconAcademicFilled } from './generated/mistica-icons/icon-academic-filled';
 export { default as IconAcademicLight } from './generated/mistica-icons/icon-academic-light';
 export { default as IconAcademicRegular } from './generated/mistica-icons/icon-academic-regular';
@@ -282,6 +259,9 @@ export { default as IconBugFilled } from './generated/mistica-icons/icon-bug-fil
 export { default as IconBugLight } from './generated/mistica-icons/icon-bug-light';
 export { default as IconBugRegular } from './generated/mistica-icons/icon-bug-regular';
 export { default as IconBusFilled } from './generated/mistica-icons/icon-bus-filled';
+export { default as IconBushFilled } from './generated/mistica-icons/icon-bush-filled';
+export { default as IconBushLight } from './generated/mistica-icons/icon-bush-light';
+export { default as IconBushRegular } from './generated/mistica-icons/icon-bush-regular';
 export { default as IconBusLight } from './generated/mistica-icons/icon-bus-light';
 export { default as IconBusRegular } from './generated/mistica-icons/icon-bus-regular';
 export { default as IconBuyDataFilled } from './generated/mistica-icons/icon-buy-data-filled';
@@ -315,6 +295,9 @@ export { default as IconCancelFilled } from './generated/mistica-icons/icon-canc
 export { default as IconCancelLight } from './generated/mistica-icons/icon-cancel-light';
 export { default as IconCancelRegular } from './generated/mistica-icons/icon-cancel-regular';
 export { default as IconCareFilled } from './generated/mistica-icons/icon-care-filled';
+export { default as IconCareHealthFilled } from './generated/mistica-icons/icon-care-health-filled';
+export { default as IconCareHealthLight } from './generated/mistica-icons/icon-care-health-light';
+export { default as IconCareHealthRegular } from './generated/mistica-icons/icon-care-health-regular';
 export { default as IconCareLight } from './generated/mistica-icons/icon-care-light';
 export { default as IconCareRegular } from './generated/mistica-icons/icon-care-regular';
 export { default as IconCareShieldFilled } from './generated/mistica-icons/icon-care-shield-filled';
@@ -397,6 +380,8 @@ export { default as IconCocktailRegular } from './generated/mistica-icons/icon-c
 export { default as IconCodeFilled } from './generated/mistica-icons/icon-code-filled';
 export { default as IconCodeLight } from './generated/mistica-icons/icon-code-light';
 export { default as IconCodeRegular } from './generated/mistica-icons/icon-code-regular';
+export { default as IconComputerAcademicFilled } from './generated/mistica-icons/icon-computer-academic-filled';
+export { default as IconComputerAcademicRegular } from './generated/mistica-icons/icon-computer-academic-regular';
 export { default as IconComputerFilled } from './generated/mistica-icons/icon-computer-filled';
 export { default as IconComputerLight } from './generated/mistica-icons/icon-computer-light';
 export { default as IconComputerRegular } from './generated/mistica-icons/icon-computer-regular';
@@ -543,6 +528,9 @@ export { default as IconEmergencyCrossWithCircleRegular } from './generated/mist
 export { default as IconErrorFilled } from './generated/mistica-icons/icon-error-filled';
 export { default as IconErrorLight } from './generated/mistica-icons/icon-error-light';
 export { default as IconErrorRegular } from './generated/mistica-icons/icon-error-regular';
+export { default as IconEuroSymbolCircleFilled } from './generated/mistica-icons/icon-euro-symbol-circle-filled';
+export { default as IconEuroSymbolCircleLight } from './generated/mistica-icons/icon-euro-symbol-circle-light';
+export { default as IconEuroSymbolCircleRegular } from './generated/mistica-icons/icon-euro-symbol-circle-regular';
 export { default as IconEuroSymbolFilled } from './generated/mistica-icons/icon-euro-symbol-filled';
 export { default as IconEuroSymbolLight } from './generated/mistica-icons/icon-euro-symbol-light';
 export { default as IconEuroSymbolRegular } from './generated/mistica-icons/icon-euro-symbol-regular';
@@ -857,6 +845,8 @@ export { default as IconMusicFilled } from './generated/mistica-icons/icon-music
 export { default as IconMusicLight } from './generated/mistica-icons/icon-music-light';
 export { default as IconMusicRegular } from './generated/mistica-icons/icon-music-regular';
 export { default as IconNeuralNetworkFilled } from './generated/mistica-icons/icon-neural-network-filled';
+export { default as IconNeuralNetworkHumanFilled } from './generated/mistica-icons/icon-neural-network-human-filled';
+export { default as IconNeuralNetworkHumanRegular } from './generated/mistica-icons/icon-neural-network-human-regular';
 export { default as IconNeuralNetworkLight } from './generated/mistica-icons/icon-neural-network-light';
 export { default as IconNeuralNetworkRegular } from './generated/mistica-icons/icon-neural-network-regular';
 export { default as IconNotConexionFilled } from './generated/mistica-icons/icon-not-conexion-filled';

package/dist-es/list.js

@@ -38,22 +38,17 @@ import { Boxed } from './boxed';
 import Divider from './divider';
 import { getPrefixedDataAttributes } from './utils/dom';
 var useStyles = createUseStyles(function (_ref) {
-  var colors = _ref.colors;
+  var colors = _ref.colors,
+      mq = _ref.mq;
   return {
-    hover: {
-      // Only apply hover effect to user agents using fine pointer devices (a mouse, for example)
-      // 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
-      '@media (pointer: fine), (pointer: none)': {
-        '&:hover': {
-          background: function background(_ref2) {
-            var isInverse = _ref2.isInverse;
-            return isInverse ? 'initial' : colors.backgroundAlternative;
-          }
+    hover: _defineProperty({}, mq.supportsHover, {
+      '&:hover': {
+        background: function background(_ref2) {
+          var isInverse = _ref2.isInverse;
+          return isInverse ? 'initial' : colors.backgroundAlternative;
         }
       }
-    },
+    }),
     rowContent: {
       width: '100%',
       cursor: 'pointer'
@@ -251,8 +246,7 @@ var RowContent = function RowContent(props) {
   var classes = useStyles({
     isInverse: isInverse
   });
-  var _props$asset = props.asset,
-      asset = _props$asset === void 0 ? props.icon : _props$asset,
+  var asset = props.asset,
       headline = props.headline,
       title = props.title,
       titleLinesMax = props.titleLinesMax,
@@ -416,7 +410,7 @@ var RowContent = function RowContent(props) {
 
   return /*#__PURE__*/React.createElement(Box, {
     paddingX: 16,
-    className: classNames(classNames(classes.rowContent, classes.hover), classes.hoverDisabled),
+    className: classNames(classes.rowContent, classes.hover, classes.hoverDisabled),
     role: role
   }, props.right ? renderContent({
     type: 'custom',

package/dist-es/modal-context-provider.js

@@ -0,0 +1,53 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+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 _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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+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 _iterableToArrayLimit(arr, i) { var _i = arr && (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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import * as React from 'react';
+var ModalStateContext = /*#__PURE__*/React.createContext({
+  isModalOpen: false
+});
+var ModalStateSetterContext = /*#__PURE__*/React.createContext(function () {});
+
+var ModalContextProvider = function ModalContextProvider(_ref) {
+  var children = _ref.children;
+
+  var _React$useState = React.useState({
+    isModalOpen: false
+  }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      modalState = _React$useState2[0],
+      setModalState = _React$useState2[1];
+
+  var updateModalState = React.useCallback(function (newState) {
+    setModalState(function (prevState) {
+      return _objectSpread(_objectSpread({}, prevState), newState);
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(ModalStateContext.Provider, {
+    value: modalState
+  }, /*#__PURE__*/React.createElement(ModalStateSetterContext.Provider, {
+    value: updateModalState
+  }, children));
+};
+
+export var useSetModalState = function useSetModalState() {
+  return React.useContext(ModalStateSetterContext);
+};
+export var useModalState = function useModalState() {
+  return React.useContext(ModalStateContext);
+};
+export default ModalContextProvider;