@semcore/fullscreen-modal 16.1.13-prerelease.8 → 16.2.0-prerelease.0

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"));
-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
+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"]
 };
 //# 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,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":[]}
+{"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":[]}

package/lib/es6/FullscreenModal.js

@@ -1,3 +1,8 @@
+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";
@@ -9,104 +14,116 @@ 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"*/
-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_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFullscreenModal_1hufr_gg_,.___SFullscreenOverlay_1hufr_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_1hufr_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border-radius:0}.___SClose_1hufr_gg_{position:absolute;top:17px;right:24px}.___SBack_1hufr_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, rgba(0, 4, 1, 0.526));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_1hufr_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SBack_1hufr_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBack_1hufr_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}.___SBackText_1hufr_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1hufr_gg_,.___SDescription_1hufr_gg_,.___STitle_1hufr_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1hufr_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, rgba(1, 5, 0, 0.899))}.___SDescription_1hufr_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, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SDescription_1hufr_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDescription_1hufr_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDescription_1hufr_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, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SDescription_1hufr_gg_::before{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SDescription_1hufr_gg_::before{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SHeader_1hufr_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, rgba(0, 12, 8, 0.161));box-sizing:border-box}@supports (color:color(display-p3 0 0 0%)){.___SHeader_1hufr_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SHeader_1hufr_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1hufr_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));box-sizing:border-box}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1hufr_gg_{box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1hufr_gg_{box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBody_1hufr_gg_{display:flex;height:100%;overflow:auto}.___SSection_1hufr_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_1hufr_gg_{transition:none}}", /*__inner_css_end__*/"1hufr_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__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_"
+  "__SFullscreenModal": "___SFullscreenModal_1hufr_gg_",
+  "__SClose": "___SClose_1hufr_gg_",
+  "__SBackText": "___SBackText_1hufr_gg_",
+  "__STitle": "___STitle_1hufr_gg_",
+  "__SDescription": "___SDescription_1hufr_gg_",
+  "__SHeader": "___SHeader_1hufr_gg_",
+  "__SFooter": "___SFooter_1hufr_gg_",
+  "__SBody": "___SBody_1hufr_gg_",
+  "__SSection": "___SSection_1hufr_gg_",
+  "__SFullscreenOverlay": "___SFullscreenOverlay_1hufr_gg_",
+  "__SBack": "___SBack_1hufr_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
-class FullscreenModalRoot extends Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "state", {
+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", {
       hasTitle: false
     });
-    _defineProperty(this, "bindHandlerClose", trigger => e => {
-      fire(this, 'onClose', trigger, e);
+    _defineProperty(_this, "bindHandlerClose", function (trigger) {
+      return function (e) {
+        fire(_this, 'onClose', trigger, e);
+      };
     });
+    return _this;
   }
-  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({
+  _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({
         "use:closable": false,
         "aria-label": hasTitle ? undefined : getI18nText('title'),
-        "aria-labelledby": hasTitle ? `igc-${uid}-title` : undefined
-      }, _ref)
-    }), closable && /*#__PURE__*/React.createElement(FullscreenModal.Close, null), /*#__PURE__*/React.createElement(Children, _ref0.cn("Children", {})))));
-  }
-}
+        "aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : undefined
+      }, _ref))), closable && /*#__PURE__*/React.createElement(FullscreenModal.Close, null), /*#__PURE__*/React.createElement(Children, _ref0.cn("Children", {})))));
+    }
+  }]);
+}(Component);
 _defineProperty(FullscreenModalRoot, "displayName", 'FullscreenModal');
 _defineProperty(FullscreenModalRoot, "style", style);
 _defineProperty(FullscreenModalRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement()]);
@@ -117,16 +134,12 @@ _defineProperty(FullscreenModalRoot, "defaultProps", {
 function Header(props) {
   var _ref2 = arguments[0],
     _ref1;
-  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, {
+  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, {
     children: title
   }), description && /*#__PURE__*/React.createElement(FullscreenModal.Description, {
     children: description
@@ -135,44 +148,34 @@ function Header(props) {
 function Body(props) {
   var _ref3 = arguments[0],
     _ref10;
-  const SBody = Box;
-  return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBody, _ref10.cn("SBody", {
-    ..._assignProps3({}, _ref3)
-  }));
+  var SBody = Box;
+  return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBody, _ref10.cn("SBody", _objectSpread({}, _assignProps3({}, _ref3))));
 }
 function Section(props) {
   var _ref4 = arguments[0],
     _ref11;
-  const SSection = Box;
-  return _ref11 = sstyled(props.styles), /*#__PURE__*/React.createElement(SSection, _ref11.cn("SSection", {
-    ..._assignProps4({
-      "tag": 'section'
-    }, _ref4)
-  }));
+  var SSection = Box;
+  return _ref11 = sstyled(props.styles), /*#__PURE__*/React.createElement(SSection, _ref11.cn("SSection", _objectSpread({}, _assignProps4({
+    "tag": 'section'
+  }, _ref4))));
 }
 function Footer(props) {
   var _ref5 = arguments[0],
     _ref12;
-  const SFooter = Flex;
-  return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(SFooter, _ref12.cn("SFooter", {
-    ..._assignProps5({}, _ref5)
-  }));
+  var SFooter = Flex;
+  return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(SFooter, _ref12.cn("SFooter", _objectSpread({}, _assignProps5({}, _ref5))));
 }
 function Close(props) {
   var _ref6 = arguments[0],
     _ref13;
-  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, {
+  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, {
     ml: "7px",
     mr: "7px"
   }, /*#__PURE__*/React.createElement(CloseIcon, _ref13.cn("CloseIcon", {
@@ -182,52 +185,42 @@ function Close(props) {
 function Title(props) {
   var _ref7 = arguments[0],
     _ref14;
-  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)
-  }));
+  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))));
 }
 function Description(props) {
   var _ref8 = arguments[0],
     _ref15;
-  const SDescription = Text;
-  return _ref15 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDescription, _ref15.cn("SDescription", {
-    ..._assignProps8({
-      "tag": 'p'
-    }, _ref8)
-  }));
+  var SDescription = Text;
+  return _ref15 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDescription, _ref15.cn("SDescription", _objectSpread({}, _assignProps8({}, _ref8))));
 }
 function Back(props) {
   var _ref9 = arguments[0],
     _ref16;
-  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 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 FullscreenModal = createComponent(FullscreenModalRoot, {
-  Header,
-  Footer,
-  Close,
-  Back,
-  Body,
-  Section,
-  Title,
-  Description
+var FullscreenModal = createComponent(FullscreenModalRoot, {
+  Header: Header,
+  Footer: Footer,
+  Close: Close,
+  Back: Back,
+  Body: Body,
+  Section: Section,
+  Title: Title,
+  Description: Description
 }, {
   parent: Modal
 });

package/lib/es6/FullscreenModal.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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":[]}

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

@@ -1 +1 @@
-{"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":[]}
+{"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":[]}

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

@@ -11,7 +11,7 @@ SFullscreenModal {
   display: flex;
   flex-direction: column;
   width: 100%;
-  background: var(--intergalactic-bg-primary-neutral, #ffffff);
+  background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
   border-radius: 0;
   padding: 0;
 }
@@ -31,7 +31,7 @@ SBack {
   display: flex;
   align-items: center;
   margin-bottom: var(--intergalactic-spacing-3x, 12px);
-  color: var(--intergalactic-icon-primary-neutral, #6c6e79);
+  color: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
   font-size: var(--intergalactic-fs-100, 12px);
   line-height: var(--intergalactic-lh-100, 133%);
   background: none;
@@ -40,7 +40,7 @@ SBack {
   outline: none;
 
   &:hover {
-    color: var(--intergalactic-icon-primary-neutral-hover-active, #565861);
+    color: var(--intergalactic-icon-primary-neutral-hover-active, oklch(0.088 0.026 147.7 / 0.583));
   }
 }
 
@@ -55,40 +55,55 @@ SBackText {
 
 STitle,
 SDescription {
-  overflow-wrap: break-word;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 STitle {
   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);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 }
 
 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);
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
+
+  &::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, oklch(0.137 0.026 175.7 / 0.161));
+  }
 }
 
 SHeader {
   display: flex;
-  flex-direction: column;
-  gap: var(--intergalactic-spacing-2x, 8px);
-  align-items: flex-start;
+  align-items: baseline;
   padding-left: var(--intergalactic-spacing-8x, 32px);
-  padding-bottom: var(--intergalactic-spacing-4x, 16px);
+  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);
-  box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, #c4c7cf);
+  min-height: 76px;
+  box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
   box-sizing: border-box;
 }
 
 SFooter {
   min-height: 52px;
-  box-shadow: inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);
+  box-shadow: inset 0 1px 1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
   box-sizing: border-box;
 }