@semcore/fullscreen-modal 16.0.0-prerelease.4 → 16.0.0-prerelease.7

package/lib/esm/FullscreenModal.mjs

@@ -1,179 +1,205 @@
-import s from "@babel/runtime/helpers/esm/objectSpread2";
-import z from "@babel/runtime/helpers/esm/classCallCheck";
-import D from "@babel/runtime/helpers/esm/createClass";
-import m from "@babel/runtime/helpers/esm/assertThisInitialized";
-import I from "@babel/runtime/helpers/esm/inherits";
-import O from "@babel/runtime/helpers/esm/createSuper";
-import d from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as _, createComponent as A, assignProps as g, Component as R } from "@semcore/core";
-import a from "react";
-import x from "@semcore/modal";
-import { Box as f, Flex as L } from "@semcore/flex-box";
-import j from "@semcore/icon/Close/l";
-import q from "@semcore/icon/ArrowLeft/m";
-import { Text as h } from "@semcore/typography";
-import b from "@semcore/button";
-import N from "@semcore/core/lib/utils/fire";
-import { localizedMessages as y } from "./translations/__intergalactic-dynamic-locales.mjs";
-import W from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import $ from "@semcore/core/lib/utils/uniqueID";
-import G from "@semcore/core/lib/utils/enhances/keyboardFocusEnhance";
-var J = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
+import React from "react";
+import Modal from "@semcore/modal";
+import { Box, Flex } from "@semcore/flex-box";
+import CloseIcon from "@semcore/icon/Close/l";
+import ArrowLeft from "@semcore/icon/ArrowLeft/m";
+import { Text } from "@semcore/typography";
+import Button from "@semcore/button";
+import fire from "@semcore/core/lib/utils/fire";
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
+import keyboardFocusEnhance from "@semcore/core/lib/utils/enhances/keyboardFocusEnhance";
+var style = (
   /*__reshadow_css_start__*/
-  (_.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
     '.___SFullscreenOverlay_4xen9_gg_{padding:0}.___SFullscreenModal_4xen9_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_4xen9_gg_{position:absolute;top:17px;right:24px}.___SBack_4xen9_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_4xen9_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_4xen9_gg_.__keyboardFocused_4xen9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_4xen9_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_4xen9_gg_,.___SDescription_4xen9_gg_,.___STitle_4xen9_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_4xen9_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_4xen9_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_4xen9_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_4xen9_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_4xen9_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_4xen9_gg_{display:flex;height:100%;overflow:auto}.___SSection_4xen9_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_4xen9_gg_{transition:none}}',
     "4xen9_gg_"
   ), {
-    __SFullscreenOverlay: "___SFullscreenOverlay_4xen9_gg_",
-    __SFullscreenModal: "___SFullscreenModal_4xen9_gg_",
-    __SClose: "___SClose_4xen9_gg_",
-    __SBack: "___SBack_4xen9_gg_",
-    _keyboardFocused: "__keyboardFocused_4xen9_gg_",
-    __SBackText: "___SBackText_4xen9_gg_",
-    __STitle: "___STitle_4xen9_gg_",
-    __SDescription: "___SDescription_4xen9_gg_",
-    __SHeader: "___SHeader_4xen9_gg_",
-    __SFooter: "___SFooter_4xen9_gg_",
-    __SBody: "___SBody_4xen9_gg_",
-    __SSection: "___SSection_4xen9_gg_"
+    "__SFullscreenOverlay": "___SFullscreenOverlay_4xen9_gg_",
+    "__SFullscreenModal": "___SFullscreenModal_4xen9_gg_",
+    "__SClose": "___SClose_4xen9_gg_",
+    "__SBack": "___SBack_4xen9_gg_",
+    "_keyboardFocused": "__keyboardFocused_4xen9_gg_",
+    "__SBackText": "___SBackText_4xen9_gg_",
+    "__STitle": "___STitle_4xen9_gg_",
+    "__SDescription": "___SDescription_4xen9_gg_",
+    "__SHeader": "___SHeader_4xen9_gg_",
+    "__SFooter": "___SFooter_4xen9_gg_",
+    "__SBody": "___SBody_4xen9_gg_",
+    "__SSection": "___SSection_4xen9_gg_"
   })
-), p = /* @__PURE__ */ function(r) {
-  I(e, r);
-  var n = O(e);
-  function e() {
-    var t;
-    z(this, e);
-    for (var i = arguments.length, o = new Array(i), c = 0; c < i; c++)
-      o[c] = arguments[c];
-    return t = n.call.apply(n, [this].concat(o)), d(m(t), "state", {
-      hasTitle: !1
-    }), d(m(t), "bindHandlerClose", function(l) {
-      return function(u) {
-        N(m(t), "onClose", l, u);
+);
+var FullscreenModalRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(FullscreenModalRoot2, _Component);
+  var _super = _createSuper(FullscreenModalRoot2);
+  function FullscreenModalRoot2() {
+    var _this;
+    _classCallCheck(this, FullscreenModalRoot2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      hasTitle: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "bindHandlerClose", function(trigger) {
+      return function(e) {
+        fire(_assertThisInitialized(_this), "onClose", trigger, e);
       };
-    }), t;
+    });
+    return _this;
   }
-  return D(e, [{
+  _createClass(FullscreenModalRoot2, [{
     key: "getCloseProps",
-    value: function() {
-      var i = this.asProps.getI18nText;
+    value: function getCloseProps() {
+      var getI18nText = this.asProps.getI18nText;
       return {
         onClick: this.bindHandlerClose("onCloseClick"),
-        getI18nText: i
+        getI18nText
       };
     }
   }, {
     key: "getBackProps",
-    value: function() {
+    value: function getBackProps() {
       return {
         onClick: this.bindHandlerClose("onBackClick")
       };
     }
   }, {
     key: "getTitleProps",
-    value: function() {
-      var i = this, o = this.asProps.uid, c = function() {
-        return i.setState({
-          hasTitle: !0
+    value: function getTitleProps() {
+      var _this2 = this;
+      var uid = this.asProps.uid;
+      var setHasTitle = function setHasTitle2() {
+        return _this2.setState({
+          hasTitle: true
         });
       };
       return {
-        id: "igc-".concat(o, "-title"),
-        setHasTitle: c
+        id: "igc-".concat(uid, "-title"),
+        setHasTitle
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var i = this.asProps, o, c = x.Window, l = this.asProps, u = l.styles, k = l.Children, T = l.onClose, B = l.visible, E = l.closable, F = l.duration, P = l.disablePortal, w = l.getI18nText, H = l.uid, S = this.state.hasTitle, M = x.Overlay;
-      return o = _(u), /* @__PURE__ */ a.createElement(x, o.cn("Modal", {
-        closable: !1,
-        visible: B,
-        onClose: T,
-        duration: F,
-        disablePortal: P
-      }), /* @__PURE__ */ a.createElement(M, o.cn("SFullscreenOverlay", {}), /* @__PURE__ */ a.createElement(c, o.cn("SFullscreenModal", s({}, g({
-        "aria-label": S ? void 0 : w("title"),
-        "aria-labelledby": S ? "igc-".concat(H, "-title") : void 0
-      }, i))), E && /* @__PURE__ */ a.createElement(v.Close, null), /* @__PURE__ */ a.createElement(k, o.cn("Children", {})))));
+    value: function render() {
+      var _ref = this.asProps, _ref10;
+      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 _ref10 = sstyled(styles), /* @__PURE__ */ React.createElement(Modal, _ref10.cn("Modal", {
+        "closable": false,
+        "visible": visible,
+        "onClose": onClose,
+        "duration": duration,
+        "disablePortal": disablePortal
+      }), /* @__PURE__ */ React.createElement(SFullscreenOverlay, _ref10.cn("SFullscreenOverlay", {}), /* @__PURE__ */ React.createElement(SFullscreenModal, _ref10.cn("SFullscreenModal", _objectSpread({}, assignProps({
+        "aria-label": hasTitle ? void 0 : getI18nText("title"),
+        "aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : void 0
+      }, _ref))), closable && /* @__PURE__ */ React.createElement(FullscreenModal.Close, null), /* @__PURE__ */ React.createElement(Children, _ref10.cn("Children", {})))));
     }
-  }]), e;
-}(R);
-d(p, "displayName", "FullscreenModal");
-d(p, "style", J);
-d(p, "enhance", [W(y), $()]);
-d(p, "defaultProps", {
-  i18n: y,
+  }]);
+  return FullscreenModalRoot2;
+}(Component);
+_defineProperty(FullscreenModalRoot, "displayName", "FullscreenModal");
+_defineProperty(FullscreenModalRoot, "style", style);
+_defineProperty(FullscreenModalRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement()]);
+_defineProperty(FullscreenModalRoot, "defaultProps", {
+  i18n: localizedMessages,
   locale: "en"
 });
-function K(r) {
-  var n = arguments[0], e, t = f, i = r.Children, o = r.styles, c = r.title, l = r.description;
-  return e = _(o), /* @__PURE__ */ a.createElement(t, e.cn("SHeader", s({}, g({}, n))), c && /* @__PURE__ */ a.createElement(v.Title, {
-    children: c
-  }), l && /* @__PURE__ */ a.createElement(v.Description, {
-    children: l
-  }), /* @__PURE__ */ a.createElement(i, e.cn("Children", {})));
+function Header(props) {
+  var _ref2 = arguments[0], _ref11;
+  var SHeader = Box;
+  var Children = props.Children, styles = props.styles, title = props.title, description = props.description;
+  return _ref11 = sstyled(styles), /* @__PURE__ */ React.createElement(SHeader, _ref11.cn("SHeader", _objectSpread({}, assignProps({}, _ref2))), title && /* @__PURE__ */ React.createElement(FullscreenModal.Title, {
+    children: title
+  }), description && /* @__PURE__ */ React.createElement(FullscreenModal.Description, {
+    children: description
+  }), /* @__PURE__ */ React.createElement(Children, _ref11.cn("Children", {})));
 }
-function Q(r) {
-  var n = arguments[0], e, t = f;
-  return e = _(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SBody", s({}, g({}, n))));
+function Body(props) {
+  var _ref3 = arguments[0], _ref12;
+  var SBody = Box;
+  return _ref12 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SBody, _ref12.cn("SBody", _objectSpread({}, assignProps({}, _ref3))));
 }
-function U(r) {
-  var n = arguments[0], e, t = f;
-  return e = _(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SSection", s({}, g({
-    tag: "section"
-  }, n))));
+function Section(props) {
+  var _ref4 = arguments[0], _ref13;
+  var SSection = Box;
+  return _ref13 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SSection, _ref13.cn("SSection", _objectSpread({}, assignProps({
+    "tag": "section"
+  }, _ref4))));
 }
-function V(r) {
-  var n = arguments[0], e, t = L;
-  return e = _(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SFooter", s({}, g({}, n))));
+function Footer(props) {
+  var _ref5 = arguments[0], _ref14;
+  var SFooter = Flex;
+  return _ref14 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SFooter, _ref14.cn("SFooter", _objectSpread({}, assignProps({}, _ref5))));
 }
-function X(r) {
-  var n = arguments[0], e, t = b, i = r.getI18nText;
-  return e = _(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SClose", s({}, g({
-    use: "tertiary",
-    size: "l",
-    theme: "muted",
-    "aria-label": i("close")
-  }, n))), /* @__PURE__ */ a.createElement(b.Addon, {
+function Close(props) {
+  var _ref6 = arguments[0], _ref15;
+  var SClose = Button;
+  var getI18nText = props.getI18nText;
+  return _ref15 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SClose, _ref15.cn("SClose", _objectSpread({}, assignProps({
+    "use": "tertiary",
+    "size": "l",
+    "theme": "muted",
+    "aria-label": getI18nText("close")
+  }, _ref6))), /* @__PURE__ */ React.createElement(Button.Addon, {
     ml: "7px",
     mr: "7px"
-  }, /* @__PURE__ */ a.createElement(j, e.cn("CloseIcon", {
-    title: i("close")
+  }, /* @__PURE__ */ React.createElement(CloseIcon, _ref15.cn("CloseIcon", {
+    "title": getI18nText("close")
   }))));
 }
-function Y(r) {
-  var n = arguments[0], e, t = h, i = r.setHasTitle;
-  return a.useEffect(function() {
-    return i();
-  }), e = _(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("STitle", s({}, g({
-    tag: "h2"
-  }, n))));
+function Title(props) {
+  var _ref7 = arguments[0], _ref16;
+  var STitle = Text;
+  var setHasTitle = props.setHasTitle;
+  React.useEffect(function() {
+    return setHasTitle();
+  });
+  return _ref16 = sstyled(props.styles), /* @__PURE__ */ React.createElement(STitle, _ref16.cn("STitle", _objectSpread({}, assignProps({
+    "tag": "h2"
+  }, _ref7))));
 }
-function Z(r) {
-  var n = arguments[0], e, t = h;
-  return e = _(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SDescription", s({}, g({}, n))));
+function Description(props) {
+  var _ref8 = arguments[0], _ref17;
+  var SDescription = Text;
+  return _ref17 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SDescription, _ref17.cn("SDescription", _objectSpread({}, assignProps({}, _ref8))));
 }
-function C(r) {
-  var n = arguments[0], e, t = f, i = h, o = r.Children, c = r.styles;
-  return e = _(c), /* @__PURE__ */ a.createElement(t, e.cn("SBack", s({}, g({
-    tag: "button"
-  }, n))), /* @__PURE__ */ a.createElement(q, e.cn("ArrowLeft", {})), /* @__PURE__ */ a.createElement(i, e.cn("SBackText", {}), /* @__PURE__ */ a.createElement(o, e.cn("Children", {}))));
+function Back(props) {
+  var _ref9 = arguments[0], _ref18;
+  var SBack = Box;
+  var SBackText = Text;
+  var Children = props.Children, styles = props.styles;
+  return _ref18 = sstyled(styles), /* @__PURE__ */ React.createElement(SBack, _ref18.cn("SBack", _objectSpread({}, assignProps({
+    "tag": "button"
+  }, _ref9))), /* @__PURE__ */ React.createElement(ArrowLeft, _ref18.cn("ArrowLeft", {})), /* @__PURE__ */ React.createElement(SBackText, _ref18.cn("SBackText", {}), /* @__PURE__ */ React.createElement(Children, _ref18.cn("Children", {}))));
 }
-C.enhance = [G()];
-var v = A(p, {
-  Header: K,
-  Footer: V,
-  Close: X,
-  Back: C,
-  Body: Q,
-  Section: U,
-  Title: Y,
-  Description: Z
+Back.enhance = [keyboardFocusEnhance()];
+var FullscreenModal = createComponent(FullscreenModalRoot, {
+  Header,
+  Footer,
+  Close,
+  Back,
+  Body,
+  Section,
+  Title,
+  Description
 }, {
-  parent: x
+  parent: Modal
 });
 export {
-  v as default
+  FullscreenModal as default
 };

package/lib/esm/index.mjs

@@ -1,4 +1,4 @@
-import { default as o } from "./FullscreenModal.mjs";
+import { default as default2 } from "./FullscreenModal.mjs";
 export {
-  o as default
+  default2 as default
 };

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -1,33 +1,33 @@
-import r from "./de.json.mjs";
-import o from "./en.json.mjs";
-import m from "./es.json.mjs";
-import t from "./fr.json.mjs";
-import i from "./it.json.mjs";
-import p from "./ja.json.mjs";
-import f from "./ko.json.mjs";
-import e from "./nl.json.mjs";
-import s from "./pt.json.mjs";
-import a from "./tr.json.mjs";
-import l from "./vi.json.mjs";
-import v from "./zh.json.mjs";
-import d from "./pl.json.mjs";
-import n from "./sv.json.mjs";
-var B = {
-  de: r,
-  en: o,
-  es: m,
-  fr: t,
-  it: i,
-  ja: p,
-  ko: f,
-  nl: e,
-  pt: s,
-  tr: a,
-  vi: l,
-  zh: v,
-  pl: d,
-  sv: n
+import de from "./de.json.mjs";
+import en from "./en.json.mjs";
+import es from "./es.json.mjs";
+import fr from "./fr.json.mjs";
+import it from "./it.json.mjs";
+import ja from "./ja.json.mjs";
+import ko from "./ko.json.mjs";
+import nl from "./nl.json.mjs";
+import pt from "./pt.json.mjs";
+import tr from "./tr.json.mjs";
+import vi from "./vi.json.mjs";
+import zh from "./zh.json.mjs";
+import pl from "./pl.json.mjs";
+import sv from "./sv.json.mjs";
+var localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 export {
-  B as localizedMessages
+  localizedMessages
 };

package/lib/esm/translations/de.json.mjs

@@ -1,9 +1,11 @@
-const e = "Dialogfenster", t = "Schließen", l = {
-  title: e,
-  close: t
+const title = "Dialogfenster";
+const close = "Schließen";
+const de = {
+  title,
+  close
 };
 export {
-  t as close,
-  l as default,
-  e as title
+  close,
+  de as default,
+  title
 };

package/lib/esm/translations/en.json.mjs

@@ -1,9 +1,11 @@
-const o = "Modal window", t = "Close", e = {
-  title: o,
-  close: t
+const title = "Modal window";
+const close = "Close";
+const en = {
+  title,
+  close
 };
 export {
-  t as close,
-  e as default,
-  o as title
+  close,
+  en as default,
+  title
 };

package/lib/esm/translations/es.json.mjs

@@ -1,9 +1,11 @@
-const t = "Ventana modal", e = "Cerrar", o = {
-  title: t,
-  close: e
+const title = "Ventana modal";
+const close = "Cerrar";
+const es = {
+  title,
+  close
 };
 export {
-  e as close,
-  o as default,
-  t as title
+  close,
+  es as default,
+  title
 };

package/lib/esm/translations/fr.json.mjs

@@ -1,9 +1,11 @@
-const e = "Fenêtre modale", t = "Fermer", o = {
-  title: e,
-  close: t
+const title = "Fenêtre modale";
+const close = "Fermer";
+const fr = {
+  title,
+  close
 };
 export {
-  t as close,
-  o as default,
-  e as title
+  close,
+  fr as default,
+  title
 };

package/lib/esm/translations/it.json.mjs

@@ -1,9 +1,11 @@
-const t = "Finestra modale", e = "Chiudi", o = {
-  title: t,
-  close: e
+const title = "Finestra modale";
+const close = "Chiudi";
+const it = {
+  title,
+  close
 };
 export {
-  e as close,
-  o as default,
-  t as title
+  close,
+  it as default,
+  title
 };

package/lib/esm/translations/ja.json.mjs

@@ -1,9 +1,11 @@
-const t = "モーダルウィンドウ", e = "閉じる", o = {
-  title: t,
-  close: e
+const title = "モーダルウィンドウ";
+const close = "閉じる";
+const ja = {
+  title,
+  close
 };
 export {
-  e as close,
-  o as default,
-  t as title
+  close,
+  ja as default,
+  title
 };

package/lib/esm/translations/ko.json.mjs

@@ -1,9 +1,11 @@
-const t = "대화상자 창", o = "닫기", e = {
-  title: t,
-  close: o
+const title = "대화상자 창";
+const close = "닫기";
+const ko = {
+  title,
+  close
 };
 export {
-  o as close,
-  e as default,
-  t as title
+  close,
+  ko as default,
+  title
 };

package/lib/esm/translations/nl.json.mjs

@@ -1,9 +1,11 @@
-const t = "Modaal venster", e = "Sluiten", l = {
-  title: t,
-  close: e
+const title = "Modaal venster";
+const close = "Sluiten";
+const nl = {
+  title,
+  close
 };
 export {
-  e as close,
-  l as default,
-  t as title
+  close,
+  nl as default,
+  title
 };

package/lib/esm/translations/pl.json.mjs

@@ -1,9 +1,11 @@
-const t = "Okno modalne", o = "Zamknij", e = {
-  title: t,
-  close: o
+const title = "Okno modalne";
+const close = "Zamknij";
+const pl = {
+  title,
+  close
 };
 export {
-  o as close,
-  e as default,
-  t as title
+  close,
+  pl as default,
+  title
 };

package/lib/esm/translations/pt.json.mjs

@@ -1,9 +1,11 @@
-const t = "Janela modal", e = "Fechar", l = {
-  title: t,
-  close: e
+const title = "Janela modal";
+const close = "Fechar";
+const pt = {
+  title,
+  close
 };
 export {
-  e as close,
-  l as default,
-  t as title
+  close,
+  pt as default,
+  title
 };

package/lib/esm/translations/sv.json.mjs

@@ -1,9 +1,11 @@
-const t = "Modalt fönster", s = "Stäng", e = {
-  title: t,
-  close: s
+const title = "Modalt fönster";
+const close = "Stäng";
+const sv = {
+  title,
+  close
 };
 export {
-  s as close,
-  e as default,
-  t as title
+  close,
+  sv as default,
+  title
 };

package/lib/esm/translations/tr.json.mjs

@@ -1,9 +1,11 @@
-const t = "Modal pencere", e = "Kapat", o = {
-  title: t,
-  close: e
+const title = "Modal pencere";
+const close = "Kapat";
+const tr = {
+  title,
+  close
 };
 export {
-  e as close,
-  o as default,
-  t as title
+  close,
+  tr as default,
+  title
 };

package/lib/esm/translations/vi.json.mjs

@@ -1,9 +1,11 @@
-const t = "Cửa sổ phương thức", s = "Đóng", c = {
-  title: t,
-  close: s
+const title = "Cửa sổ phương thức";
+const close = "Đóng";
+const vi = {
+  title,
+  close
 };
 export {
-  s as close,
-  c as default,
-  t as title
+  close,
+  vi as default,
+  title
 };

package/lib/esm/translations/zh.json.mjs

@@ -1,9 +1,11 @@
-const t = "模态窗口", e = "关闭", o = {
-  title: t,
-  close: e
+const title = "模态窗口";
+const close = "关闭";
+const zh = {
+  title,
+  close
 };
 export {
-  e as close,
-  o as default,
-  t as title
+  close,
+  zh as default,
+  title
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/fullscreen-modal",
   "description": "Semrush FullscreenModal Component",
-  "version": "16.0.0-prerelease.4",
+  "version": "16.0.0-prerelease.7",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,14 +14,14 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/icon": "16.0.0-prerelease.4",
-    "@semcore/modal": "16.0.0-prerelease.4",
-    "@semcore/typography": "16.0.0-prerelease.4",
-    "@semcore/button": "16.0.0-prerelease.4",
-    "@semcore/flex-box": "16.0.0-prerelease.4"
+    "@semcore/icon": "16.0.0-prerelease.7",
+    "@semcore/modal": "16.0.0-prerelease.7",
+    "@semcore/typography": "16.0.0-prerelease.7",
+    "@semcore/button": "16.0.0-prerelease.7",
+    "@semcore/flex-box": "16.0.0-prerelease.7"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0-prerelease.4"
+    "@semcore/base-components": "^16.0.0-prerelease.7"
   },
   "repository": {
     "type": "git",