@semcore/fullscreen-modal 16.1.12 → 16.1.13-prerelease.14

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

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

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,MAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}

package/lib/es6/FullscreenModal.js

@@ -1,8 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps9 } from "@semcore/core";
@@ -14,116 +9,104 @@ import { assignProps as _assignProps4 } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
+import { Flex, Box } from '@semcore/base-components';
 import Button from '@semcore/button';
 import { createComponent, Component, sstyled, Root } from '@semcore/core';
 import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
 import fire from '@semcore/core/lib/utils/fire';
 import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
-import { Flex, Box } from '@semcore/flex-box';
 import ArrowLeft from '@semcore/icon/ArrowLeft/m';
 import CloseIcon from '@semcore/icon/Close/l';
 import Modal from '@semcore/modal';
 import { Text } from '@semcore/typography';
 import React from 'react';
 /*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFullscreenModal_wf9a4_gg_,.___SFullscreenOverlay_wf9a4_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_wf9a4_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0}.___SClose_wf9a4_gg_{position:absolute;top:17px;right:24px}.___SBack_wf9a4_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_wf9a4_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBackText_wf9a4_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_wf9a4_gg_,.___SDescription_wf9a4_gg_,.___STitle_wf9a4_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_wf9a4_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_wf9a4_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_wf9a4_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_wf9a4_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_wf9a4_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_wf9a4_gg_{display:flex;height:100%;overflow:auto}.___SSection_wf9a4_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_wf9a4_gg_{transition:none}}", /*__inner_css_end__*/"wf9a4_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFullscreenModal_16ww4_gg_,.___SFullscreenOverlay_16ww4_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_16ww4_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0}.___SClose_16ww4_gg_{position:absolute;top:17px;right:24px}.___SBack_16ww4_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_16ww4_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBackText_16ww4_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SDescription_16ww4_gg_,.___STitle_16ww4_gg_{word-wrap:break-word}.___STitle_16ww4_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_16ww4_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SHeader_16ww4_gg_{display:flex;flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);align-items:flex-start;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_16ww4_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_16ww4_gg_{display:flex;height:100%;overflow:auto}.___SSection_16ww4_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_16ww4_gg_{transition:none}}", /*__inner_css_end__*/"16ww4_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SFullscreenModal": "___SFullscreenModal_wf9a4_gg_",
-  "__SClose": "___SClose_wf9a4_gg_",
-  "__SBackText": "___SBackText_wf9a4_gg_",
-  "__STitle": "___STitle_wf9a4_gg_",
-  "__SDescription": "___SDescription_wf9a4_gg_",
-  "__SHeader": "___SHeader_wf9a4_gg_",
-  "__SFooter": "___SFooter_wf9a4_gg_",
-  "__SBody": "___SBody_wf9a4_gg_",
-  "__SSection": "___SSection_wf9a4_gg_",
-  "__SFullscreenOverlay": "___SFullscreenOverlay_wf9a4_gg_",
-  "__SBack": "___SBack_wf9a4_gg_"
+  "__SFullscreenModal": "___SFullscreenModal_16ww4_gg_",
+  "__SClose": "___SClose_16ww4_gg_",
+  "__SBackText": "___SBackText_16ww4_gg_",
+  "__STitle": "___STitle_16ww4_gg_",
+  "__SDescription": "___SDescription_16ww4_gg_",
+  "__SHeader": "___SHeader_16ww4_gg_",
+  "__SFooter": "___SFooter_16ww4_gg_",
+  "__SBody": "___SBody_16ww4_gg_",
+  "__SSection": "___SSection_16ww4_gg_",
+  "__SFullscreenOverlay": "___SFullscreenOverlay_16ww4_gg_",
+  "__SBack": "___SBack_16ww4_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
-var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
-  function FullscreenModalRoot() {
-    var _this;
-    _classCallCheck(this, FullscreenModalRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, FullscreenModalRoot, [].concat(args));
-    _defineProperty(_this, "state", {
+class FullscreenModalRoot extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
       hasTitle: false
     });
-    _defineProperty(_this, "bindHandlerClose", function (trigger) {
-      return function (e) {
-        fire(_this, 'onClose', trigger, e);
-      };
+    _defineProperty(this, "bindHandlerClose", trigger => e => {
+      fire(this, 'onClose', trigger, e);
     });
-    return _this;
   }
-  _inherits(FullscreenModalRoot, _Component);
-  return _createClass(FullscreenModalRoot, [{
-    key: "getCloseProps",
-    value: function getCloseProps() {
-      var getI18nText = this.asProps.getI18nText;
-      return {
-        onClick: this.bindHandlerClose('onCloseClick'),
-        getI18nText: getI18nText
-      };
-    }
-  }, {
-    key: "getBackProps",
-    value: function getBackProps() {
-      return {
-        onClick: this.bindHandlerClose('onBackClick')
-      };
-    }
-  }, {
-    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,
-        _ref0;
-      var SFullscreenModal = Modal.Window;
-      var _this$asProps = this.asProps,
-        styles = _this$asProps.styles,
-        Children = _this$asProps.Children,
-        onClose = _this$asProps.onClose,
-        visible = _this$asProps.visible,
-        closable = _this$asProps.closable,
-        duration = _this$asProps.duration,
-        disablePortal = _this$asProps.disablePortal,
-        getI18nText = _this$asProps.getI18nText,
-        uid = _this$asProps.uid;
-      var hasTitle = this.state.hasTitle;
-      var SFullscreenOverlay = Modal.Overlay;
-      return _ref0 = sstyled(styles), /*#__PURE__*/React.createElement(Modal, _ref0.cn("Modal", {
-        "closable": false,
-        "visible": visible,
-        "onClose": onClose,
-        "duration": duration,
-        "disablePortal": disablePortal
-      }), /*#__PURE__*/React.createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /*#__PURE__*/React.createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", _objectSpread({}, _assignProps({
+  getCloseProps() {
+    const {
+      getI18nText
+    } = this.asProps;
+    return {
+      onClick: this.bindHandlerClose('onCloseClick'),
+      getI18nText
+    };
+  }
+  getBackProps() {
+    return {
+      onClick: this.bindHandlerClose('onBackClick')
+    };
+  }
+  getTitleProps() {
+    const {
+      uid
+    } = this.asProps;
+    const setHasTitle = () => this.setState({
+      hasTitle: true
+    });
+    return {
+      id: `igc-${uid}-title`,
+      setHasTitle
+    };
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref0;
+    const SFullscreenModal = Modal.Window;
+    const {
+      styles,
+      Children,
+      onClose,
+      visible,
+      closable,
+      duration,
+      disablePortal,
+      getI18nText,
+      uid
+    } = this.asProps;
+    const {
+      hasTitle
+    } = this.state;
+    const SFullscreenOverlay = Modal.Overlay;
+    return _ref0 = sstyled(styles), /*#__PURE__*/React.createElement(Modal, _ref0.cn("Modal", {
+      "closable": false,
+      "visible": visible,
+      "onClose": onClose,
+      "duration": duration,
+      "disablePortal": disablePortal
+    }), /*#__PURE__*/React.createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /*#__PURE__*/React.createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", {
+      ..._assignProps({
         "use:closable": false,
         "aria-label": hasTitle ? undefined : getI18nText('title'),
-        "aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : undefined
-      }, _ref))), closable && /*#__PURE__*/React.createElement(FullscreenModal.Close, null), /*#__PURE__*/React.createElement(Children, _ref0.cn("Children", {})))));
-    }
-  }]);
-}(Component);
+        "aria-labelledby": hasTitle ? `igc-${uid}-title` : undefined
+      }, _ref)
+    }), closable && /*#__PURE__*/React.createElement(FullscreenModal.Close, null), /*#__PURE__*/React.createElement(Children, _ref0.cn("Children", {})))));
+  }
+}
 _defineProperty(FullscreenModalRoot, "displayName", 'FullscreenModal');
 _defineProperty(FullscreenModalRoot, "style", style);
 _defineProperty(FullscreenModalRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement()]);
@@ -134,12 +117,16 @@ _defineProperty(FullscreenModalRoot, "defaultProps", {
 function Header(props) {
   var _ref2 = arguments[0],
     _ref1;
-  var SHeader = Box;
-  var Children = props.Children,
-    styles = props.styles,
-    title = props.title,
-    description = props.description;
-  return _ref1 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref1.cn("SHeader", _objectSpread({}, _assignProps2({}, _ref2))), title && /*#__PURE__*/React.createElement(FullscreenModal.Title, {
+  const SHeader = Box;
+  const {
+    Children,
+    styles,
+    title,
+    description
+  } = props;
+  return _ref1 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref1.cn("SHeader", {
+    ..._assignProps2({}, _ref2)
+  }), title && /*#__PURE__*/React.createElement(FullscreenModal.Title, {
     children: title
   }), description && /*#__PURE__*/React.createElement(FullscreenModal.Description, {
     children: description
@@ -148,34 +135,44 @@ function Header(props) {
 function Body(props) {
   var _ref3 = arguments[0],
     _ref10;
-  var SBody = Box;
-  return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBody, _ref10.cn("SBody", _objectSpread({}, _assignProps3({}, _ref3))));
+  const SBody = Box;
+  return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBody, _ref10.cn("SBody", {
+    ..._assignProps3({}, _ref3)
+  }));
 }
 function Section(props) {
   var _ref4 = arguments[0],
     _ref11;
-  var SSection = Box;
-  return _ref11 = sstyled(props.styles), /*#__PURE__*/React.createElement(SSection, _ref11.cn("SSection", _objectSpread({}, _assignProps4({
-    "tag": 'section'
-  }, _ref4))));
+  const SSection = Box;
+  return _ref11 = sstyled(props.styles), /*#__PURE__*/React.createElement(SSection, _ref11.cn("SSection", {
+    ..._assignProps4({
+      "tag": 'section'
+    }, _ref4)
+  }));
 }
 function Footer(props) {
   var _ref5 = arguments[0],
     _ref12;
-  var SFooter = Flex;
-  return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(SFooter, _ref12.cn("SFooter", _objectSpread({}, _assignProps5({}, _ref5))));
+  const SFooter = Flex;
+  return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(SFooter, _ref12.cn("SFooter", {
+    ..._assignProps5({}, _ref5)
+  }));
 }
 function Close(props) {
   var _ref6 = arguments[0],
     _ref13;
-  var SClose = Button;
-  var getI18nText = props.getI18nText;
-  return _ref13 = sstyled(props.styles), /*#__PURE__*/React.createElement(SClose, _ref13.cn("SClose", _objectSpread({}, _assignProps6({
-    "use": 'tertiary',
-    "size": 'l',
-    "theme": 'muted',
-    "aria-label": getI18nText('close')
-  }, _ref6))), /*#__PURE__*/React.createElement(Button.Addon, {
+  const SClose = Button;
+  const {
+    getI18nText
+  } = props;
+  return _ref13 = sstyled(props.styles), /*#__PURE__*/React.createElement(SClose, _ref13.cn("SClose", {
+    ..._assignProps6({
+      "use": 'tertiary',
+      "size": 'l',
+      "theme": 'muted',
+      "aria-label": getI18nText('close')
+    }, _ref6)
+  }), /*#__PURE__*/React.createElement(Button.Addon, {
     ml: "7px",
     mr: "7px"
   }, /*#__PURE__*/React.createElement(CloseIcon, _ref13.cn("CloseIcon", {
@@ -185,42 +182,52 @@ function Close(props) {
 function Title(props) {
   var _ref7 = arguments[0],
     _ref14;
-  var STitle = Text;
-  var setHasTitle = props.setHasTitle;
-  React.useEffect(function () {
-    return setHasTitle();
-  });
-  return _ref14 = sstyled(props.styles), /*#__PURE__*/React.createElement(STitle, _ref14.cn("STitle", _objectSpread({}, _assignProps7({
-    "tag": 'h2'
-  }, _ref7))));
+  const STitle = Text;
+  const {
+    setHasTitle
+  } = props;
+  React.useEffect(() => setHasTitle());
+  return _ref14 = sstyled(props.styles), /*#__PURE__*/React.createElement(STitle, _ref14.cn("STitle", {
+    ..._assignProps7({
+      "tag": 'h2'
+    }, _ref7)
+  }));
 }
 function Description(props) {
   var _ref8 = arguments[0],
     _ref15;
-  var SDescription = Text;
-  return _ref15 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDescription, _ref15.cn("SDescription", _objectSpread({}, _assignProps8({}, _ref8))));
+  const SDescription = Text;
+  return _ref15 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDescription, _ref15.cn("SDescription", {
+    ..._assignProps8({
+      "tag": 'p'
+    }, _ref8)
+  }));
 }
 function Back(props) {
   var _ref9 = arguments[0],
     _ref16;
-  var SBack = Box;
-  var SBackText = Text;
-  var Children = props.Children,
-    styles = props.styles;
-  return _ref16 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref16.cn("SBack", _objectSpread({}, _assignProps9({
-    "tag": 'button',
-    "tabIndex": 0
-  }, _ref9))), /*#__PURE__*/React.createElement(ArrowLeft, _ref16.cn("ArrowLeft", {})), /*#__PURE__*/React.createElement(SBackText, _ref16.cn("SBackText", {}), /*#__PURE__*/React.createElement(Children, _ref16.cn("Children", {}))));
+  const SBack = Box;
+  const SBackText = Text;
+  const {
+    Children,
+    styles
+  } = props;
+  return _ref16 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref16.cn("SBack", {
+    ..._assignProps9({
+      "tag": 'button',
+      "tabIndex": 0
+    }, _ref9)
+  }), /*#__PURE__*/React.createElement(ArrowLeft, _ref16.cn("ArrowLeft", {})), /*#__PURE__*/React.createElement(SBackText, _ref16.cn("SBackText", {}), /*#__PURE__*/React.createElement(Children, _ref16.cn("Children", {}))));
 }
-var FullscreenModal = createComponent(FullscreenModalRoot, {
-  Header: Header,
-  Footer: Footer,
-  Close: Close,
-  Back: Back,
-  Body: Body,
-  Section: Section,
-  Title: Title,
-  Description: Description
+const FullscreenModal = createComponent(FullscreenModalRoot, {
+  Header,
+  Footer,
+  Close,
+  Back,
+  Body,
+  Section,
+  Title,
+  Description
 }, {
   parent: Modal
 });

package/lib/es6/FullscreenModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullscreenModal.js","names":["Button","createComponent","Component","sstyled","Root","i18nEnhance","fire","uniqueIDEnhancement","Flex","Box","ArrowLeft","CloseIcon","Modal","Text","React","style","_sstyled","insert","localizedMessages","FullscreenModalRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","hasTitle","trigger","e","_inherits","_createClass","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread","_assignProps","undefined","FullscreenModal","Close","i18n","locale","Header","props","_ref2","arguments[0]","_ref1","SHeader","title","description","_assignProps2","Title","children","Description","Body","_ref3","_ref10","SBody","_assignProps3","Section","_ref4","_ref11","SSection","_assignProps4","Footer","_ref5","_ref12","SFooter","_assignProps5","_ref6","_ref13","SClose","_assignProps6","Addon","ml","mr","_ref7","_ref14","STitle","useEffect","_assignProps7","_ref8","_ref15","SDescription","_assignProps8","Back","_ref9","_ref16","SBack","SBackText","_assignProps9","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Flex, Box } from '@semcore/flex-box';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport Modal from '@semcore/modal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass FullscreenModalRoot extends Component {\n  static displayName = 'FullscreenModal';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n  static defaultProps = {\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  state = { hasTitle: false };\n\n  bindHandlerClose = (trigger) => (e) => {\n    fire(this, 'onClose', trigger, e);\n  };\n\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n    return {\n      onClick: this.bindHandlerClose('onCloseClick'),\n      getI18nText,\n    };\n  }\n\n  getBackProps() {\n    return {\n      onClick: this.bindHandlerClose('onBackClick'),\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 SFullscreenModal = Root;\n    const {\n      styles,\n      Children,\n      onClose,\n      visible,\n      closable,\n      duration,\n      disablePortal,\n      getI18nText,\n      uid,\n    } = this.asProps;\n    const { hasTitle } = this.state;\n    const SFullscreenOverlay = Modal.Overlay;\n\n    return sstyled(styles)(\n      <Modal\n        closable={false}\n        visible={visible}\n        onClose={onClose}\n        duration={duration}\n        disablePortal={disablePortal}\n      >\n        <SFullscreenOverlay>\n          <SFullscreenModal\n            render={Modal.Window}\n            use:closable={false}\n            aria-label={hasTitle ? undefined : getI18nText('title')}\n            aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n          >\n            {closable && <FullscreenModal.Close />}\n            <Children />\n          </SFullscreenModal>\n        </SFullscreenOverlay>\n      </Modal>,\n    );\n  }\n}\n\nfunction Header(props) {\n  const SHeader = Root;\n  const { Children, styles, title, description } = props;\n  return sstyled(styles)(\n    <SHeader render={Box}>\n      {title && <FullscreenModal.Title children={title} />}\n      {description && <FullscreenModal.Description children={description} />}\n      <Children />\n    </SHeader>,\n  );\n}\n\nfunction Body(props) {\n  const SBody = Root;\n  return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n  const SSection = Root;\n  return sstyled(props.styles)(<SSection render={Box} tag='section' />);\n}\n\nfunction Footer(props) {\n  const SFooter = Root;\n  return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n  const SClose = Root;\n  const { getI18nText } = props;\n  return sstyled(props.styles)(\n    <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n      <Button.Addon ml='7px' mr='7px'>\n        <CloseIcon title={getI18nText('close')} />\n      </Button.Addon>\n    </SClose>,\n  );\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  const { setHasTitle } = props;\n\n  React.useEffect(() => setHasTitle());\n\n  return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n  const SDescription = Root;\n  return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n  const SBack = Root;\n  const SBackText = Text;\n  const { Children, styles } = props;\n\n  return sstyled(styles)(\n    <SBack render={Box} tag='button' tabIndex={0}>\n      <ArrowLeft />\n      <SBackText>\n        <Children />\n      </SBackText>\n    </SBack>,\n  );\n}\n\nconst FullscreenModal = createComponent(\n  FullscreenModalRoot,\n  {\n    Header,\n    Footer,\n    Close,\n    Back,\n    Body,\n    Section,\n    Title,\n    Description,\n  },\n  { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FullscreenModal.js","names":["Flex","Box","Button","createComponent","Component","sstyled","Root","i18nEnhance","fire","uniqueIDEnhancement","ArrowLeft","CloseIcon","Modal","Text","React","style","_sstyled","insert","localizedMessages","FullscreenModalRoot","constructor","args","_defineProperty","hasTitle","trigger","e","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Window","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_assignProps","undefined","FullscreenModal","Close","i18n","locale","Header","props","_ref2","arguments[0]","_ref1","SHeader","title","description","_assignProps2","Title","children","Description","Body","_ref3","_ref10","SBody","_assignProps3","Section","_ref4","_ref11","SSection","_assignProps4","Footer","_ref5","_ref12","SFooter","_assignProps5","_ref6","_ref13","SClose","_assignProps6","Addon","ml","mr","_ref7","_ref14","STitle","useEffect","_assignProps7","_ref8","_ref15","SDescription","_assignProps8","Back","_ref9","_ref16","SBack","SBackText","_assignProps9","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import { Flex, Box } 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 fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport Modal from '@semcore/modal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass FullscreenModalRoot extends Component {\n  static displayName = 'FullscreenModal';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n  static defaultProps = {\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  state = { hasTitle: false };\n\n  bindHandlerClose = (trigger) => (e) => {\n    fire(this, 'onClose', trigger, e);\n  };\n\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n    return {\n      onClick: this.bindHandlerClose('onCloseClick'),\n      getI18nText,\n    };\n  }\n\n  getBackProps() {\n    return {\n      onClick: this.bindHandlerClose('onBackClick'),\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 SFullscreenModal = Root;\n    const {\n      styles,\n      Children,\n      onClose,\n      visible,\n      closable,\n      duration,\n      disablePortal,\n      getI18nText,\n      uid,\n    } = this.asProps;\n    const { hasTitle } = this.state;\n    const SFullscreenOverlay = Modal.Overlay;\n\n    return sstyled(styles)(\n      <Modal\n        closable={false}\n        visible={visible}\n        onClose={onClose}\n        duration={duration}\n        disablePortal={disablePortal}\n      >\n        <SFullscreenOverlay>\n          <SFullscreenModal\n            render={Modal.Window}\n            use:closable={false}\n            aria-label={hasTitle ? undefined : getI18nText('title')}\n            aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n          >\n            {closable && <FullscreenModal.Close />}\n            <Children />\n          </SFullscreenModal>\n        </SFullscreenOverlay>\n      </Modal>,\n    );\n  }\n}\n\nfunction Header(props) {\n  const SHeader = Root;\n  const { Children, styles, title, description } = props;\n  return sstyled(styles)(\n    <SHeader render={Box}>\n      {title && <FullscreenModal.Title children={title} />}\n      {description && <FullscreenModal.Description children={description} />}\n      <Children />\n    </SHeader>,\n  );\n}\n\nfunction Body(props) {\n  const SBody = Root;\n  return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n  const SSection = Root;\n  return sstyled(props.styles)(<SSection render={Box} tag='section' />);\n}\n\nfunction Footer(props) {\n  const SFooter = Root;\n  return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n  const SClose = Root;\n  const { getI18nText } = props;\n  return sstyled(props.styles)(\n    <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n      <Button.Addon ml='7px' mr='7px'>\n        <CloseIcon title={getI18nText('close')} />\n      </Button.Addon>\n    </SClose>,\n  );\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  const { setHasTitle } = props;\n\n  React.useEffect(() => setHasTitle());\n\n  return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n  const SDescription = Root;\n  return sstyled(props.styles)(<SDescription render={Text} tag='p' />);\n}\n\nfunction Back(props) {\n  const SBack = Root;\n  const SBackText = Text;\n  const { Children, styles } = props;\n\n  return sstyled(styles)(\n    <SBack render={Box} tag='button' tabIndex={0}>\n      <ArrowLeft />\n      <SBackText>\n        <Children />\n      </SBackText>\n    </SBack>,\n  );\n}\n\nconst FullscreenModal = createComponent(\n  FullscreenModalRoot,\n  {\n    Header,\n    Footer,\n    Close,\n    Back,\n    Body,\n    Section,\n    Title,\n    Description,\n  },\n  { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport type { ModalProps } from '@semcore/modal';\nimport type { Text } from '@semcore/typography';\n\n/** @deprecated */\nexport interface IFullscreenModalProps extends FullscreenModalProps, UnknownProperties {}\nexport type FullscreenModalProps = ModalProps & {\n  /** Function that is invoked when hiding a component */\n  onClose?: (\n    trigger: 'onBackClick' | 'onCloseClick' | 'onEscape' | 'onOutsideClick',\n    e?: React.MouseEvent | React.KeyboardEvent,\n  ) => void;\n};\n\n/** @deprecated */\nexport interface IFullscreenModalHeaderProps\n  extends FullscreenModalHeaderProps,\n  UnknownProperties {}\nexport type FullscreenModalHeaderProps = BoxProps & {\n  /** Title content displayed in the modal header */\n  title?: React.ReactNode;\n  /** Description text that appears alongside the title */\n  description?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IFullscreenModalContext extends FullscreenModalContext, UnknownProperties {}\nexport type FullscreenModalContext = {\n  getBackProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n};\n\ndeclare const FullscreenModal: Intergalactic.Component<\n  'div',\n  FullscreenModalProps,\n  FullscreenModalContext\n> & {\n  Header: Intergalactic.Component<'div', FullscreenModalHeaderProps>;\n  Footer: typeof Flex;\n  Close: typeof Button;\n  Back: typeof Box;\n  Body: typeof Box;\n  Section: typeof Box;\n  Title: typeof Text;\n  Description: typeof Text;\n};\n\nexport default FullscreenModal;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Flex, Box, BoxProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { ModalProps } from '@semcore/modal';\nimport type { Text } from '@semcore/typography';\n\nexport type FullscreenModalProps = ModalProps & {\n  /** Function that is invoked when hiding a component */\n  onClose?: (\n    trigger: 'onBackClick' | 'onCloseClick' | 'onEscape' | 'onOutsideClick',\n    e?: React.MouseEvent | React.KeyboardEvent,\n  ) => void;\n};\n\nexport type FullscreenModalHeaderProps = BoxProps & {\n  /** Title content displayed in the modal header */\n  title?: React.ReactNode;\n  /** Description text that appears alongside the title */\n  description?: React.ReactNode;\n};\n\nexport type FullscreenModalContext = {\n  getBackProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n};\n\ndeclare const FullscreenModal: Intergalactic.Component<\n  'div',\n  FullscreenModalProps,\n  FullscreenModalContext\n> & {\n  Header: Intergalactic.Component<'div', FullscreenModalHeaderProps>;\n  Footer: typeof Flex;\n  Close: typeof Button;\n  Back: typeof Box;\n  Body: typeof Box;\n  Section: typeof Box;\n  Title: typeof Text;\n  Description: typeof Text;\n};\n\nexport default FullscreenModal;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/style/fullscreen-modal.shadow.css

@@ -55,9 +55,7 @@ SBackText {
 
 STitle,
 SDescription {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  overflow-wrap: break-word;
 }
 
 STitle {
@@ -68,35 +66,22 @@ STitle {
 }
 
 SDescription {
-  display: flex;
-  align-items: baseline;
   font-size: var(--intergalactic-fs-100, 12px);
   line-height: var(--intergalactic-lh-100, 133%);
   color: var(--intergalactic-text-secondary, #6c6e79);
-
-  &::before {
-    content: '';
-    position: relative;
-    top: var(--intergalactic-spacing-1x, 4px);
-    display: block;
-    margin-left: var(--intergalactic-spacing-3x, 12px);
-    margin-right: var(--intergalactic-spacing-3x, 12px);
-    height: 24px;
-    width: 1px;
-    background-color: var(--intergalactic-border-primary, #c4c7cf);
-  }
 }
 
 SHeader {
   display: flex;
-  align-items: baseline;
+  flex-direction: column;
+  gap: var(--intergalactic-spacing-2x, 8px);
+  align-items: flex-start;
   padding-left: var(--intergalactic-spacing-8x, 32px);
-  padding-bottom: var(--intergalactic-spacing-2x, 8px);
+  padding-bottom: var(--intergalactic-spacing-4x, 16px);
   padding-right: calc(
     var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px)
   );
   padding-top: var(--intergalactic-spacing-10x, 40px);
-  min-height: 76px;
   box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, #c4c7cf);
   box-sizing: border-box;
 }

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

@@ -12,20 +12,20 @@ import sv from './sv.json';
 import tr from './tr.json';
 import vi from './vi.json';
 import zh from './zh.json';
-export var localizedMessages = {
-  de: de,
-  en: en,
-  es: es,
-  fr: fr,
-  it: it,
-  ja: ja,
-  ko: ko,
-  nl: nl,
-  pt: pt,
-  tr: tr,
-  vi: vi,
-  zh: zh,
-  pl: pl,
-  sv: sv
+export const localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 //# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/lib/es6/translations/__intergalactic-dynamic-locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFL,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,MAAMC,iBAAiB,GAAG;EAC/Bd,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFE,EAAE;EACFE,EAAE;EACFC,EAAE;EACFC,EAAE;EACFL,EAAE;EACFE;AACF,CAAC","ignoreList":[]}