@semcore/modal 16.1.13 → 17.0.0-prerelease.17

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.0.0] - 2026-02-18
+
+### BREAK
+
+- New major version.
+
 ## [16.1.13] - 2026-02-10
 
 ### Fixed

package/lib/cjs/Modal.js

@@ -1,19 +1,12 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
-var _animation = require("@semcore/animation");
 var _baseComponents = require("@semcore/base-components");
 var _button = _interopRequireDefault(require("@semcore/button"));
 var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
@@ -27,140 +20,125 @@ var _usePreventScroll = _interopRequireDefault(require("@semcore/core/lib/utils/
 var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
 var _zIndexStacking = require("@semcore/core/lib/utils/zIndexStacking");
 var _l = _interopRequireDefault(require("@semcore/icon/Close/l"));
-var _outsideClick = _interopRequireDefault(require("@semcore/outside-click"));
-var _portal = _interopRequireWildcard(require("@semcore/portal"));
 var _typography = require("@semcore/typography");
 var _react = _interopRequireDefault(require("react"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*!__reshadow-styles__:"./style/modal.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SWindow_5oobv_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_5oobv_gg_:focus{outline:0}.___SWindow_5oobv_gg_ .___STitle_5oobv_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_5oobv_gg_ .___STitle_5oobv_gg_.__color_5oobv_gg_{color:var(--color_5oobv)}.___SWindow_5oobv_gg_ .___SClose_5oobv_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_5oobv_gg_ .___SClose_5oobv_gg_.__ghost_5oobv_gg_{right:0;top:0}.___SWindow_5oobv_gg_.__ghost_5oobv_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlayContentWrapper_5oobv_gg_{flex:1;max-width:100%;box-sizing:border-box;padding:var(--intergalactic-spacing-10x, 40px)}.___SOverlay_5oobv_gg_{display:flex;justify-content:center;flex-wrap:wrap;position:fixed;top:0;bottom:0;left:0;right:0;margin:0;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_5oobv_gg_ .___SOverlay_5oobv_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_5oobv_gg_{min-width:60%}.___SOverlayContentWrapper_5oobv_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}", /*__inner_css_end__*/"5oobv_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SWindow_1ij8i_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_1ij8i_gg_:focus{outline:0}.___SWindow_1ij8i_gg_ .___STitle_1ij8i_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_1ij8i_gg_ .___STitle_1ij8i_gg_.__color_1ij8i_gg_{color:var(--color_1ij8i)}.___SWindow_1ij8i_gg_ .___SClose_1ij8i_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1ij8i_gg_ .___SClose_1ij8i_gg_.__ghost_1ij8i_gg_{right:0;top:0}.___SWindow_1ij8i_gg_.__ghost_1ij8i_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlayContentWrapper_1ij8i_gg_{flex:1;max-width:100%;box-sizing:border-box;padding:var(--intergalactic-spacing-10x, 40px)}.___SOverlay_1ij8i_gg_{display:flex;justify-content:center;flex-wrap:wrap;position:fixed;top:0;bottom:0;left:0;right:0;margin:0;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_1ij8i_gg_ .___SOverlay_1ij8i_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_1ij8i_gg_{min-width:60%}.___SOverlayContentWrapper_1ij8i_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}", /*__inner_css_end__*/"1ij8i_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SWindow": "___SWindow_5oobv_gg_",
-  "_ghost": "__ghost_5oobv_gg_",
-  "__SOverlayContentWrapper": "___SOverlayContentWrapper_5oobv_gg_",
-  "__STitle": "___STitle_5oobv_gg_",
-  "_color": "__color_5oobv_gg_",
-  "--color": "--color_5oobv",
-  "__SClose": "___SClose_5oobv_gg_",
-  "__SOverlay": "___SOverlay_5oobv_gg_"
+  "__SWindow": "___SWindow_1ij8i_gg_",
+  "_ghost": "__ghost_1ij8i_gg_",
+  "__SOverlayContentWrapper": "___SOverlayContentWrapper_1ij8i_gg_",
+  "__STitle": "___STitle_1ij8i_gg_",
+  "_color": "__color_1ij8i_gg_",
+  "--color": "--color_1ij8i",
+  "__SClose": "___SClose_1ij8i_gg_",
+  "__SOverlay": "___SOverlay_1ij8i_gg_"
 });
-var ModalRoot = /*#__PURE__*/function (_Component) {
-  function ModalRoot() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, ModalRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2["default"])(this, ModalRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+class ModalRoot extends _core.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "state", {
       hasTitle: false
     });
-    (0, _defineProperty2["default"])(_this, "handleKeyDown", function (e) {
+    (0, _defineProperty2.default)(this, "handleKeyDown", e => {
       if (e.key === 'Escape') {
         e.stopPropagation();
-        (0, _fire["default"])(_this, 'onClose', 'onEscape', e);
+        (0, _fire.default)(this, 'onClose', 'onEscape', e);
       }
     });
-    (0, _defineProperty2["default"])(_this, "handleIconCloseClick", function (e) {
-      (0, _fire["default"])(_this, 'onClose', 'onCloseClick', e);
+    (0, _defineProperty2.default)(this, "handleIconCloseClick", e => {
+      (0, _fire.default)(this, 'onClose', 'onCloseClick', e);
     });
-    (0, _defineProperty2["default"])(_this, "handleOutsideClick", function (e) {
-      (0, _fire["default"])(_this, 'onClose', 'onOutsideClick', e);
+    (0, _defineProperty2.default)(this, "handleOutsideClick", e => {
+      (0, _fire.default)(this, 'onClose', 'onOutsideClick', e);
     });
-    return _this;
   }
-  (0, _inherits2["default"])(ModalRoot, _Component);
-  return (0, _createClass2["default"])(ModalRoot, [{
-    key: "getOverlayProps",
-    value: function getOverlayProps() {
-      var _this$asProps = this.asProps,
-        duration = _this$asProps.duration,
-        visible = _this$asProps.visible,
-        animationsDisabled = _this$asProps.animationsDisabled,
-        disablePreventScroll = _this$asProps.disablePreventScroll;
-      return {
-        duration: duration,
-        visible: visible,
-        onOutsideClick: this.handleOutsideClick,
-        animationsDisabled: animationsDisabled,
-        disablePreventScroll: disablePreventScroll
-      };
-    }
-  }, {
-    key: "getWindowProps",
-    value: function getWindowProps() {
-      var _this$asProps2 = this.asProps,
-        visible = _this$asProps2.visible,
-        closable = _this$asProps2.closable,
-        getI18nText = _this$asProps2.getI18nText,
-        uid = _this$asProps2.uid,
-        duration = _this$asProps2.duration,
-        animationsDisabled = _this$asProps2.animationsDisabled;
-      var hasTitle = this.state.hasTitle;
-      return {
-        visible: visible,
-        closable: closable,
-        'onKeyDown': this.handleKeyDown,
-        'aria-label': hasTitle ? undefined : getI18nText('title'),
-        'aria-labelledby': hasTitle ? "igc-".concat(uid, "-title") : undefined,
-        duration: duration,
-        animationsDisabled: animationsDisabled
-      };
-    }
-  }, {
-    key: "getCloseProps",
-    value: function getCloseProps() {
-      var _this$asProps3 = this.asProps,
-        getI18nText = _this$asProps3.getI18nText,
-        ghost = _this$asProps3.ghost;
-      return {
-        onClick: this.handleIconCloseClick,
-        getI18nText: getI18nText,
-        ghost: ghost
-      };
-    }
-  }, {
-    key: "getTitleProps",
-    value: function getTitleProps() {
-      var _this2 = this;
-      var uid = this.asProps.uid;
-      var setHasTitle = function setHasTitle() {
-        return _this2.setState({
-          hasTitle: true
-        });
-      };
-      return {
-        id: "igc-".concat(uid, "-title"),
-        setHasTitle: setHasTitle
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps;
-      var _this$asProps4 = this.asProps,
-        Children = _this$asProps4.Children,
-        disablePortal = _this$asProps4.disablePortal,
-        forcedAdvancedMode = _this$asProps4.forcedAdvancedMode,
-        ignorePortalsStacking = _this$asProps4.ignorePortalsStacking;
-      var advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);
-      return /*#__PURE__*/_react["default"].createElement(_portal["default"], {
-        disablePortal: disablePortal,
-        ignorePortalsStacking: ignorePortalsStacking
-      }, advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, null) : /*#__PURE__*/_react["default"].createElement(Modal.Overlay, null, /*#__PURE__*/_react["default"].createElement(Modal.Window, (0, _core.assignProps)({}, _ref))));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(ModalRoot, "displayName", 'Modal');
-(0, _defineProperty2["default"])(ModalRoot, "style", style);
-(0, _defineProperty2["default"])(ModalRoot, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])(), (0, _useCssVariable.cssVariableEnhance)({
+  getOverlayProps() {
+    const {
+      duration,
+      visible,
+      animationsDisabled,
+      disablePreventScroll
+    } = this.asProps;
+    return {
+      duration,
+      visible,
+      onOutsideClick: this.handleOutsideClick,
+      animationsDisabled,
+      disablePreventScroll
+    };
+  }
+  getWindowProps() {
+    const {
+      visible,
+      closable,
+      getI18nText,
+      uid,
+      duration,
+      animationsDisabled
+    } = this.asProps;
+    const {
+      hasTitle
+    } = this.state;
+    return {
+      visible,
+      closable,
+      'onKeyDown': this.handleKeyDown,
+      'aria-label': hasTitle ? undefined : getI18nText('title'),
+      'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,
+      duration,
+      animationsDisabled
+    };
+  }
+  getCloseProps() {
+    const {
+      getI18nText,
+      ghost
+    } = this.asProps;
+    return {
+      onClick: this.handleIconCloseClick,
+      getI18nText,
+      ghost
+    };
+  }
+  getTitleProps() {
+    const {
+      uid
+    } = this.asProps;
+    const setHasTitle = () => this.setState({
+      hasTitle: true
+    });
+    return {
+      id: `igc-${uid}-title`,
+      setHasTitle
+    };
+  }
+  render() {
+    var _ref = this.asProps;
+    const {
+      Children,
+      disablePortal,
+      forcedAdvancedMode,
+      ignorePortalsStacking
+    } = this.asProps;
+    const advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);
+    return /*#__PURE__*/_react.default.createElement(_baseComponents.Portal, {
+      disablePortal: disablePortal,
+      ignorePortalsStacking: ignorePortalsStacking
+    }, advancedMode ? /*#__PURE__*/_react.default.createElement(Children, null) : /*#__PURE__*/_react.default.createElement(Modal.Overlay, null, /*#__PURE__*/_react.default.createElement(Modal.Window, (0, _core.assignProps)({}, _ref))));
+  }
+}
+(0, _defineProperty2.default)(ModalRoot, "displayName", 'Modal');
+(0, _defineProperty2.default)(ModalRoot, "style", style);
+(0, _defineProperty2.default)(ModalRoot, "enhance", [(0, _i18nEnhance.default)(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID.default)(), (0, _useCssVariable.cssVariableEnhance)({
   variable: '--intergalactic-duration-modal',
   fallback: '200',
   map: Number.parseInt,
   prop: 'duration'
 })]);
-(0, _defineProperty2["default"])(ModalRoot, "defaultProps", {
+(0, _defineProperty2.default)(ModalRoot, "defaultProps", {
   closable: true,
   i18n: _intergalacticDynamicLocales.localizedMessages,
   locale: 'en',
@@ -169,93 +147,107 @@ var ModalRoot = /*#__PURE__*/function (_Component) {
 function Window(props) {
   var _ref2 = arguments[0],
     _ref6;
-  var SWindow = _animation.Slide;
-  var Children = props.Children,
-    styles = props.styles,
-    visible = props.visible,
-    closable = props.closable,
-    duration = props.duration;
-  var windowRef = _react["default"].useRef(null);
+  const SWindow = _baseComponents.Slide;
+  const {
+    Children,
+    styles,
+    visible,
+    closable,
+    duration
+  } = props;
+  const windowRef = _react.default.useRef(null);
   (0, _useFocusLock.useFocusLock)(windowRef, 'enforced', 'auto', !visible, true);
-  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWindow, _ref6.cn("SWindow", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "initialAnimation": true,
-    "slideOrigin": 'top',
-    "visible": visible,
-    "role": 'dialog',
-    "aria-modal": true,
-    "duration": duration,
-    "ref": windowRef,
-    "tabIndex": -1
-  }, _ref2))), /*#__PURE__*/_react["default"].createElement(_zIndexStacking.ZIndexStackingContextProvider, _ref6.cn("ZIndexStackingContextProvider", {
+  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SWindow, _ref6.cn("SWindow", {
+    ...(0, _core.assignProps)({
+      "initialAnimation": true,
+      "slideOrigin": 'top',
+      "visible": visible,
+      "role": 'dialog',
+      "aria-modal": true,
+      "duration": duration,
+      "ref": windowRef,
+      "tabIndex": -1
+    }, _ref2)
+  }), /*#__PURE__*/_react.default.createElement(_zIndexStacking.ZIndexStackingContextProvider, _ref6.cn("ZIndexStackingContextProvider", {
     "designToken": 'z-index-modal'
-  }), /*#__PURE__*/_react["default"].createElement(_portal.PortalProvider, _ref6.cn("PortalProvider", {
+  }), /*#__PURE__*/_react.default.createElement(_baseComponents.PortalProvider, _ref6.cn("PortalProvider", {
     "value": windowRef
-  }), closable && /*#__PURE__*/_react["default"].createElement(Modal.Close, null), /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})))));
+  }), closable && /*#__PURE__*/_react.default.createElement(Modal.Close, null), /*#__PURE__*/_react.default.createElement(Children, _ref6.cn("Children", {})))));
 }
 function Overlay(props) {
   var _ref3 = arguments[0],
     _ref7;
-  var SOverlay = _animation.FadeInOut;
-  var SOverlayContentWrapper = _baseComponents.Flex;
-  var Children = props.Children,
-    styles = props.styles,
-    onOutsideClick = props.onOutsideClick,
-    visible = props.visible;
-  var overlayContentWrapperRef = _react["default"].useRef(null);
-  (0, _usePreventScroll["default"])(visible, props.disablePreventScroll);
+  const SOverlay = _baseComponents.FadeInOut;
+  const SOverlayContentWrapper = _baseComponents.Flex;
+  const {
+    Children,
+    styles,
+    onOutsideClick,
+    visible
+  } = props;
+  const overlayContentWrapperRef = _react.default.useRef(null);
+  (0, _usePreventScroll.default)(visible, props.disablePreventScroll);
   (0, _ThemeProvider.useContextTheme)(overlayContentWrapperRef, visible);
-  var zIndex = (0, _zIndexStacking.useZIndexStacking)('z-index-modal');
-  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SOverlay, _ref7.cn("SOverlay", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "zIndex": zIndex
-  }, _ref3))), /*#__PURE__*/_react["default"].createElement(SOverlayContentWrapper, _ref7.cn("SOverlayContentWrapper", {
+  const zIndex = (0, _zIndexStacking.useZIndexStacking)('z-index-modal');
+  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SOverlay, _ref7.cn("SOverlay", {
+    ...(0, _core.assignProps)({
+      "zIndex": zIndex
+    }, _ref3)
+  }), /*#__PURE__*/_react.default.createElement(SOverlayContentWrapper, _ref7.cn("SOverlayContentWrapper", {
     "data-ui-name": 'Modal.Overlay.ContentWrapper',
     "ref": overlayContentWrapperRef
-  }), /*#__PURE__*/_react["default"].createElement(_outsideClick["default"], _ref7.cn("OutsideClick", {
+  }), /*#__PURE__*/_react.default.createElement(_baseComponents.OutsideClick, _ref7.cn("OutsideClick", {
     "root": overlayContentWrapperRef,
     "onOutsideClick": onOutsideClick
-  }), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})))));
+  }), /*#__PURE__*/_react.default.createElement(Children, _ref7.cn("Children", {})))));
 }
 function Close(props) {
   var _ref4 = arguments[0],
     _ref8;
-  var SClose = _button["default"];
-  var Children = props.Children,
-    hasChildren = props.children,
-    getI18nText = props.getI18nText,
-    ghost = props.ghost;
-  return _ref8 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref8.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "use": 'tertiary',
-    "size": 'l',
-    "theme": ghost ? 'invert' : 'muted',
-    "aria-label": getI18nText('close')
-  }, _ref4))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_button["default"].Addon, {
+  const SClose = _button.default;
+  const {
+    Children,
+    children: hasChildren,
+    getI18nText,
+    ghost
+  } = props;
+  return _ref8 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SClose, _ref8.cn("SClose", {
+    ...(0, _core.assignProps)({
+      "use": 'tertiary',
+      "size": 'l',
+      "theme": ghost ? 'invert' : 'muted',
+      "aria-label": getI18nText('close')
+    }, _ref4)
+  }), hasChildren ? /*#__PURE__*/_react.default.createElement(Children, _ref8.cn("Children", {})) : /*#__PURE__*/_react.default.createElement(_button.default.Addon, {
     ml: "7px",
     mr: "7px"
-  }, /*#__PURE__*/_react["default"].createElement(_l["default"], _ref8.cn("CloseIcon", {
+  }, /*#__PURE__*/_react.default.createElement(_l.default, _ref8.cn("CloseIcon", {
     "title": getI18nText('close')
   }))));
 }
 function Title(props) {
   var _ref5 = arguments[0],
     _ref9;
-  var setHasTitle = props.setHasTitle,
-    styles = props.styles,
-    color = props.color;
-  var STitle = _typography.Text;
-  var resolveColor = (0, _useColorResolver.useColorResolver)();
-  _react["default"].useEffect(function () {
-    return setHasTitle();
-  });
-  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref9.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'h2',
-    "use:color": resolveColor(color)
-  }, _ref5))));
+  const {
+    setHasTitle,
+    styles,
+    color
+  } = props;
+  const STitle = _typography.Text;
+  const resolveColor = (0, _useColorResolver.useColorResolver)();
+  _react.default.useEffect(() => setHasTitle());
+  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(STitle, _ref9.cn("STitle", {
+    ...(0, _core.assignProps)({
+      "tag": 'h2',
+      "use:color": resolveColor(color)
+    }, _ref5)
+  }));
 }
-var Modal = (0, _core.createComponent)(ModalRoot, {
-  Window: Window,
-  Overlay: Overlay,
-  Close: Close,
-  Title: Title
+const Modal = (0, _core.createComponent)(ModalRoot, {
+  Window,
+  Overlay,
+  Close,
+  Title
 });
-var _default = exports["default"] = Modal;
+var _default = exports.default = Modal;
 //# sourceMappingURL=Modal.js.map

package/lib/cjs/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["_core","require","_animation","_baseComponents","_button","_interopRequireDefault","_i18nEnhance","_findComponent","_fire","_ThemeProvider","_uniqueID","_useColorResolver","_useFocusLock","_usePreventScroll","_useCssVariable","_zIndexStacking","_l","_outsideClick","_portal","_interopRequireWildcard","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","ModalRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","hasTitle","e","key","stopPropagation","fire","_inherits2","_createClass2","value","getOverlayProps","_this$asProps","asProps","duration","visible","animationsDisabled","disablePreventScroll","onOutsideClick","handleOutsideClick","getWindowProps","_this$asProps2","closable","getI18nText","uid","state","handleKeyDown","undefined","getCloseProps","_this$asProps3","ghost","onClick","handleIconCloseClick","getTitleProps","_this2","setHasTitle","setState","id","render","_ref","_this$asProps4","Children","disablePortal","forcedAdvancedMode","ignorePortalsStacking","advancedMode","isAdvanceMode","Modal","Overlay","displayName","Window","createElement","assignProps","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","Slide","styles","windowRef","React","useRef","useFocusLock","cn","_objectSpread2","ZIndexStackingContextProvider","PortalProvider","Close","_ref3","_ref7","SOverlay","FadeInOut","SOverlayContentWrapper","Flex","overlayContentWrapperRef","usePreventScroll","useContextTheme","zIndex","useZIndexStacking","_ref4","_ref8","SClose","Button","hasChildren","children","Addon","ml","mr","Title","_ref5","_ref9","color","STitle","Text","resolveColor","useColorResolver","useEffect","createComponent","_default","exports"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import { FadeInOut, Slide } from '@semcore/animation';\nimport { Flex } from '@semcore/base-components';\nimport Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport fire from '@semcore/core/lib/utils/fire';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport {\n  ZIndexStackingContextProvider,\n  useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport OutsideClick from '@semcore/outside-click';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass ModalRoot extends Component {\n  static displayName = 'Modal';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n\n  static defaultProps = {\n    closable: true,\n    i18n: localizedMessages,\n    locale: 'en',\n    disablePreventScroll: false,\n  };\n\n  state = { hasTitle: false };\n\n  handleKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  getOverlayProps() {\n    const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      duration,\n      visible,\n      onOutsideClick: this.handleOutsideClick,\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getWindowProps() {\n    const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n    const { hasTitle } = this.state;\n    return {\n      visible,\n      closable,\n      'onKeyDown': this.handleKeyDown,\n      'aria-label': hasTitle ? undefined : getI18nText('title'),\n      'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n      duration,\n      animationsDisabled,\n    };\n  }\n\n  getCloseProps() {\n    const { getI18nText, ghost } = this.asProps;\n\n    return {\n      onClick: this.handleIconCloseClick,\n      getI18nText,\n      ghost,\n    };\n  }\n\n  getTitleProps() {\n    const { uid } = this.asProps;\n    const setHasTitle = () => this.setState({ hasTitle: true });\n\n    return {\n      id: `igc-${uid}-title`,\n      setHasTitle,\n    };\n  }\n\n  render() {\n    const { Children, disablePortal, forcedAdvancedMode, ignorePortalsStacking } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n    return (\n      <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n        {advancedMode\n          ? (\n              <Children />\n            )\n          : (\n              <Modal.Overlay>\n                <Root render={Modal.Window} />\n              </Modal.Overlay>\n            )}\n      </Portal>\n    );\n  }\n}\n\nfunction Window(props) {\n  const SWindow = Root;\n  const { Children, styles, visible, closable, duration } = props;\n  const windowRef = React.useRef(null);\n\n  useFocusLock(windowRef, 'enforced', 'auto', !visible, true);\n\n  return sstyled(styles)(\n    <SWindow\n      render={Slide}\n      initialAnimation={true}\n      slideOrigin='top'\n      visible={visible}\n      role='dialog'\n      aria-modal={true}\n      duration={duration}\n      ref={windowRef}\n      tabIndex={-1}\n    >\n      <ZIndexStackingContextProvider designToken='z-index-modal'>\n        <PortalProvider value={windowRef}>\n          {closable && <Modal.Close />}\n          <Children />\n        </PortalProvider>\n      </ZIndexStackingContextProvider>\n    </SWindow>,\n  );\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const SOverlayContentWrapper = Flex;\n  const { Children, styles, onOutsideClick, visible } = props;\n  const overlayContentWrapperRef = React.useRef(null);\n  usePreventScroll(visible, props.disablePreventScroll);\n  useContextTheme(overlayContentWrapperRef, visible);\n  const zIndex = useZIndexStacking('z-index-modal');\n\n  return sstyled(styles)(\n    <SOverlay render={FadeInOut} zIndex={zIndex}>\n      {/* This child component is intended to be private. Since true encapsulation isn't possible in this context, we’re applying the data-ui-name attribute directly as a workaround. */}\n      <SOverlayContentWrapper data-ui-name='Modal.Overlay.ContentWrapper' ref={overlayContentWrapperRef}>\n        <OutsideClick root={overlayContentWrapperRef} onOutsideClick={onOutsideClick}>\n          <Children />\n        </OutsideClick>\n      </SOverlayContentWrapper>\n    </SOverlay>,\n  );\n}\n\nfunction Close(props) {\n  const SClose = Root;\n  const { Children, children: hasChildren, getI18nText, ghost } = props;\n  return sstyled(props.styles)(\n    <SClose\n      render={Button}\n      use='tertiary'\n      size='l'\n      theme={ghost ? 'invert' : 'muted'}\n      aria-label={getI18nText('close')}\n    >\n      {hasChildren\n        ? (\n            <Children />\n          )\n        : (\n            <Button.Addon ml='7px' mr='7px'>\n              <CloseIcon title={getI18nText('close')} />\n            </Button.Addon>\n          )}\n    </SClose>,\n  );\n}\n\nfunction Title(props) {\n  const { setHasTitle, styles, color } = props;\n  const STitle = Root;\n\n  const resolveColor = useColorResolver();\n  React.useEffect(() => setHasTitle());\n\n  return sstyled(styles)(<STitle render={Text} tag='h2' use:color={resolveColor(color)} />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n  Window,\n  Overlay,\n  Close,\n  Title,\n});\n\nexport default Modal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Modal.js","names":["_core","require","_baseComponents","_button","_interopRequireDefault","_i18nEnhance","_findComponent","_fire","_ThemeProvider","_uniqueID","_useColorResolver","_useFocusLock","_usePreventScroll","_useCssVariable","_zIndexStacking","_l","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","ModalRoot","Component","constructor","args","_defineProperty2","default","hasTitle","e","key","stopPropagation","fire","getOverlayProps","duration","visible","animationsDisabled","disablePreventScroll","asProps","onOutsideClick","handleOutsideClick","getWindowProps","closable","getI18nText","uid","state","handleKeyDown","undefined","getCloseProps","ghost","onClick","handleIconCloseClick","getTitleProps","setHasTitle","setState","id","render","_ref","Children","disablePortal","forcedAdvancedMode","ignorePortalsStacking","advancedMode","isAdvanceMode","Modal","Overlay","displayName","Window","createElement","Portal","assignProps","i18nEnhance","localizedMessages","uniqueIDEnhancement","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","Slide","styles","windowRef","React","useRef","useFocusLock","cn","ZIndexStackingContextProvider","PortalProvider","Close","_ref3","_ref7","SOverlay","FadeInOut","SOverlayContentWrapper","Flex","overlayContentWrapperRef","usePreventScroll","useContextTheme","zIndex","useZIndexStacking","OutsideClick","_ref4","_ref8","SClose","Button","children","hasChildren","Addon","ml","mr","Title","_ref5","_ref9","color","STitle","Text","resolveColor","useColorResolver","useEffect","createComponent","_default","exports"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import { FadeInOut, Slide, Flex, OutsideClick, Portal, PortalProvider } from '@semcore/base-components';\nimport Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport fire from '@semcore/core/lib/utils/fire';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport {\n  ZIndexStackingContextProvider,\n  useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass ModalRoot extends Component {\n  static displayName = 'Modal';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n\n  static defaultProps = {\n    closable: true,\n    i18n: localizedMessages,\n    locale: 'en',\n    disablePreventScroll: false,\n  };\n\n  state = { hasTitle: false };\n\n  handleKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  getOverlayProps() {\n    const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      duration,\n      visible,\n      onOutsideClick: this.handleOutsideClick,\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getWindowProps() {\n    const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n    const { hasTitle } = this.state;\n    return {\n      visible,\n      closable,\n      'onKeyDown': this.handleKeyDown,\n      'aria-label': hasTitle ? undefined : getI18nText('title'),\n      'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n      duration,\n      animationsDisabled,\n    };\n  }\n\n  getCloseProps() {\n    const { getI18nText, ghost } = this.asProps;\n\n    return {\n      onClick: this.handleIconCloseClick,\n      getI18nText,\n      ghost,\n    };\n  }\n\n  getTitleProps() {\n    const { uid } = this.asProps;\n    const setHasTitle = () => this.setState({ hasTitle: true });\n\n    return {\n      id: `igc-${uid}-title`,\n      setHasTitle,\n    };\n  }\n\n  render() {\n    const { Children, disablePortal, forcedAdvancedMode, ignorePortalsStacking } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n    return (\n      <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n        {advancedMode\n          ? (\n              <Children />\n            )\n          : (\n              <Modal.Overlay>\n                <Root render={Modal.Window} />\n              </Modal.Overlay>\n            )}\n      </Portal>\n    );\n  }\n}\n\nfunction Window(props) {\n  const SWindow = Root;\n  const { Children, styles, visible, closable, duration } = props;\n  const windowRef = React.useRef(null);\n\n  useFocusLock(windowRef, 'enforced', 'auto', !visible, true);\n\n  return sstyled(styles)(\n    <SWindow\n      render={Slide}\n      initialAnimation={true}\n      slideOrigin='top'\n      visible={visible}\n      role='dialog'\n      aria-modal={true}\n      duration={duration}\n      ref={windowRef}\n      tabIndex={-1}\n    >\n      <ZIndexStackingContextProvider designToken='z-index-modal'>\n        <PortalProvider value={windowRef}>\n          {closable && <Modal.Close />}\n          <Children />\n        </PortalProvider>\n      </ZIndexStackingContextProvider>\n    </SWindow>,\n  );\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const SOverlayContentWrapper = Flex;\n  const { Children, styles, onOutsideClick, visible } = props;\n  const overlayContentWrapperRef = React.useRef(null);\n  usePreventScroll(visible, props.disablePreventScroll);\n  useContextTheme(overlayContentWrapperRef, visible);\n  const zIndex = useZIndexStacking('z-index-modal');\n\n  return sstyled(styles)(\n    <SOverlay render={FadeInOut} zIndex={zIndex}>\n      {/* This child component is intended to be private. Since true encapsulation isn't possible in this context, we’re applying the data-ui-name attribute directly as a workaround. */}\n      <SOverlayContentWrapper data-ui-name='Modal.Overlay.ContentWrapper' ref={overlayContentWrapperRef}>\n        <OutsideClick root={overlayContentWrapperRef} onOutsideClick={onOutsideClick}>\n          <Children />\n        </OutsideClick>\n      </SOverlayContentWrapper>\n    </SOverlay>,\n  );\n}\n\nfunction Close(props) {\n  const SClose = Root;\n  const { Children, children: hasChildren, getI18nText, ghost } = props;\n  return sstyled(props.styles)(\n    <SClose\n      render={Button}\n      use='tertiary'\n      size='l'\n      theme={ghost ? 'invert' : 'muted'}\n      aria-label={getI18nText('close')}\n    >\n      {hasChildren\n        ? (\n            <Children />\n          )\n        : (\n            <Button.Addon ml='7px' mr='7px'>\n              <CloseIcon title={getI18nText('close')} />\n            </Button.Addon>\n          )}\n    </SClose>,\n  );\n}\n\nfunction Title(props) {\n  const { setHasTitle, styles, color } = props;\n  const STitle = Root;\n\n  const resolveColor = useColorResolver();\n  React.useEffect(() => setHasTitle());\n\n  return sstyled(styles)(<STitle render={Text} tag='h2' use:color={resolveColor(color)} />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n  Window,\n  Overlay,\n  Close,\n  Title,\n});\n\nexport default Modal;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps } from '@semcore/flex-box';\nimport type { PortalProps } from '@semcore/portal';\nimport type { TextProps } from '@semcore/typography';\nimport type React from 'react';\n\n/** @deprecated */\nexport interface IModalProps extends ModalProps, UnknownProperties {}\nexport type ModalProps = PortalProps &\n  BoxProps &\n  FadeInOutProps & {\n    /** Duration of animation, ms\n     * @default 200\n     */\n    duration?: number;\n    /** This property is responsible for the visibility of the modal window */\n    visible?: boolean;\n    /** Function called when the component is hidden */\n    onClose?: (\n      trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',\n      e?: React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n    /** Displaying the close button(x) in the upper-right corner of the modal dialog\n     * @default true\n     * */\n    closable?: boolean;\n    /**\n     * Setting `true` disables mechanism that hides document body scrollbar when Modal is visible\n     * @default false\n     */\n    disablePreventScroll?: boolean;\n    /** Specifies the locale for i18n support */\n    locale?: string;\n    /**\n     * Props for render modal without background and paddings. Useful in carousel for example\n     */\n    ghost?: boolean;\n  };\n\n/** @deprecated */\nexport interface IWindowProps extends WindowProps, UnknownProperties {}\nexport type WindowProps = BoxProps & SlideProps & {};\n\n/** @deprecated */\nexport interface IModalContext extends ModalContext, UnknownProperties {}\nexport type ModalContext = {\n  getOverlayProps: PropGetterFn;\n  getWindowProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n};\n\ndeclare const Modal: Intergalactic.Component<'div', ModalProps, ModalContext> & {\n  Window: Intergalactic.Component<'div', WindowProps>;\n  Overlay: typeof Box;\n  Close: typeof Button;\n  Title: Intergalactic.Component<'div', TextProps>;\n};\n\nexport default Modal;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps, Box, BoxProps, PortalProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { TextProps } from '@semcore/typography';\nimport type React from 'react';\n\nexport type ModalProps = PortalProps &\n  BoxProps &\n  FadeInOutProps & {\n    /** Duration of animation, ms\n     * @default 200\n     */\n    duration?: number;\n    /** This property is responsible for the visibility of the modal window */\n    visible?: boolean;\n    /** Function called when the component is hidden */\n    onClose?: (\n      trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',\n      e?: React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n    /** Displaying the close button(x) in the upper-right corner of the modal dialog\n     * @default true\n     * */\n    closable?: boolean;\n    /**\n     * Setting `true` disables mechanism that hides document body scrollbar when Modal is visible\n     * @default false\n     */\n    disablePreventScroll?: boolean;\n    /** Specifies the locale for i18n support */\n    locale?: string;\n    /**\n     * Props for render modal without background and paddings. Useful in carousel for example\n     */\n    ghost?: boolean;\n  };\n\nexport type WindowProps = BoxProps & SlideProps & {};\n\nexport type ModalContext = {\n  getOverlayProps: PropGetterFn;\n  getWindowProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n};\n\ndeclare const Modal: Intergalactic.Component<'div', ModalProps, ModalContext> & {\n  Window: Intergalactic.Component<'div', WindowProps>;\n  Overlay: typeof Box;\n  Close: typeof Button;\n  Title: Intergalactic.Component<'div', TextProps>;\n};\n\nexport default Modal;\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
-    return _Modal["default"];
+  get: function () {
+    return _Modal.default;
   }
 });
 var _Modal = _interopRequireDefault(require("./Modal"));

package/lib/cjs/translations/__intergalactic-dynamic-locales.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,20 +19,20 @@ var _sv = _interopRequireDefault(require("./sv.json"));
 var _tr = _interopRequireDefault(require("./tr.json"));
 var _vi = _interopRequireDefault(require("./vi.json"));
 var _zh = _interopRequireDefault(require("./zh.json"));
-var localizedMessages = exports.localizedMessages = {
-  de: _de["default"],
-  en: _en["default"],
-  es: _es["default"],
-  fr: _fr["default"],
-  it: _it["default"],
-  ja: _ja["default"],
-  ko: _ko["default"],
-  nl: _nl["default"],
-  pt: _pt["default"],
-  tr: _tr["default"],
-  vi: _vi["default"],
-  zh: _zh["default"],
-  pl: _pl["default"],
-  sv: _sv["default"]
+const localizedMessages = exports.localizedMessages = {
+  de: _de.default,
+  en: _en.default,
+  es: _es.default,
+  fr: _fr.default,
+  it: _it.default,
+  ja: _ja.default,
+  ko: _ko.default,
+  nl: _nl.default,
+  pt: _pt.default,
+  tr: _tr.default,
+  vi: _vi.default,
+  zh: _zh.default,
+  pl: _pl.default,
+  sv: _sv.default
 };
 //# sourceMappingURL=__intergalactic-dynamic-locales.js.map