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

package/lib/esm/FullscreenModal.mjs

@@ -1,15 +1,10 @@
-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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
+import { createComponent, sstyled, Component, assignProps } from "@semcore/core";
+import { Box, Flex } from "@semcore/base-components";
 import Button from "@semcore/button";
 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 { Box, Flex } from "@semcore/flex-box";
 import ArrowLeft from "@semcore/icon/ArrowLeft/m";
 import CloseIcon from "@semcore/icon/Close/l";
 import Modal from "@semcore/modal";
@@ -17,100 +12,97 @@ import { Text } from "@semcore/typography";
 import React from "react";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
 /*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
-var style = (
+const 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}}',
+    ".___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__*/
-    "wf9a4_gg_"
+    "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_"
   })
 );
-var FullscreenModalRoot = /* @__PURE__ */ (function(_Component) {
-  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 = _callSuper(this, FullscreenModalRoot2, [].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(FullscreenModalRoot2, _Component);
-  return _createClass(FullscreenModalRoot2, [{
-    key: "getCloseProps",
-    value: function getCloseProps() {
-      var getI18nText = this.asProps.getI18nText;
-      return {
-        onClick: this.bindHandlerClose("onCloseClick"),
-        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 setHasTitle2() {
-        return _this2.setState({
-          hasTitle: true
-        });
-      };
-      return {
-        id: "igc-".concat(uid, "-title"),
-        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 ? 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, _ref0.cn("Children", {})))));
-    }
-  }]);
-})(Component);
+        "aria-labelledby": hasTitle ? `igc-${uid}-title` : void 0
+      }, _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()]);
@@ -120,9 +112,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({}, assignProps({}, _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", {
+    ...assignProps({}, _ref2)
+  }), title && /* @__PURE__ */ React.createElement(FullscreenModal.Title, {
     children: title
   }), description && /* @__PURE__ */ React.createElement(FullscreenModal.Description, {
     children: description
@@ -130,31 +129,41 @@ 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({}, assignProps({}, _ref3))));
+  const SBody = Box;
+  return _ref10 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SBody, _ref10.cn("SBody", {
+    ...assignProps({}, _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({}, assignProps({
-    "tag": "section"
-  }, _ref4))));
+  const SSection = Box;
+  return _ref11 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SSection, _ref11.cn("SSection", {
+    ...assignProps({
+      "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({}, assignProps({}, _ref5))));
+  const SFooter = Flex;
+  return _ref12 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SFooter, _ref12.cn("SFooter", {
+    ...assignProps({}, _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({}, assignProps({
-    "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", {
+    ...assignProps({
+      "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", {
@@ -163,31 +172,42 @@ 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({}, assignProps({
-    "tag": "h2"
-  }, _ref7))));
+  const STitle = Text;
+  const {
+    setHasTitle
+  } = props;
+  React.useEffect(() => setHasTitle());
+  return _ref14 = sstyled(props.styles), /* @__PURE__ */ React.createElement(STitle, _ref14.cn("STitle", {
+    ...assignProps({
+      "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({}, assignProps({}, _ref8))));
+  const SDescription = Text;
+  return _ref15 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SDescription, _ref15.cn("SDescription", {
+    ...assignProps({
+      "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({}, assignProps({
-    "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", {
+    ...assignProps({
+      "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, {
+const FullscreenModal = createComponent(FullscreenModalRoot, {
   Header,
   Footer,
   Close,

package/lib/esm/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/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -12,7 +12,7 @@ import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-var localizedMessages = {
+const localizedMessages = {
   de,
   en,
   es,

package/lib/types/index.d.ts

@@ -1,11 +1,9 @@
+import type { Flex, Box, BoxProps } from '@semcore/base-components';
 import type Button from '@semcore/button';
-import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
-import type { Flex, Box, BoxProps } from '@semcore/flex-box';
+import type { PropGetterFn, Intergalactic } from '@semcore/core';
 import type { ModalProps } from '@semcore/modal';
 import type { Text } from '@semcore/typography';
 
-/** @deprecated */
-export interface IFullscreenModalProps extends FullscreenModalProps, UnknownProperties {}
 export type FullscreenModalProps = ModalProps & {
   /** Function that is invoked when hiding a component */
   onClose?: (
@@ -14,10 +12,6 @@ export type FullscreenModalProps = ModalProps & {
   ) => void;
 };
 
-/** @deprecated */
-export interface IFullscreenModalHeaderProps
-  extends FullscreenModalHeaderProps,
-  UnknownProperties {}
 export type FullscreenModalHeaderProps = BoxProps & {
   /** Title content displayed in the modal header */
   title?: React.ReactNode;
@@ -25,8 +19,6 @@ export type FullscreenModalHeaderProps = BoxProps & {
   description?: React.ReactNode;
 };
 
-/** @deprecated */
-export interface IFullscreenModalContext extends FullscreenModalContext, UnknownProperties {}
 export type FullscreenModalContext = {
   getBackProps: PropGetterFn;
   getCloseProps: PropGetterFn;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/fullscreen-modal",
   "description": "Semrush FullscreenModal Component",
-  "version": "16.1.12",
+  "version": "16.1.13-prerelease.12",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,14 +14,13 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/icon": "16.7.3",
     "@semcore/modal": "16.1.12",
-    "@semcore/typography": "16.3.2",
-    "@semcore/button": "16.0.12",
-    "@semcore/flex-box": "16.0.11"
+    "@semcore/typography": "16.3.3-prerelease.12",
+    "@semcore/button": "16.0.13-prerelease.12"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^16.4.3-prerelease.12",
+    "@semcore/icon": "^16.7.2-prerelease.12"
   },
   "repository": {
     "type": "git",
@@ -29,8 +28,10 @@
     "directory": "semcore/fullscreen-modal"
   },
   "devDependencies": {
-    "@semcore/testing-utils": "1.0.0",
-    "@semcore/core": "16.5.1"
+    "@semcore/core": "16.5.1",
+    "@semcore/base-components": "16.4.3-prerelease.12",
+    "@semcore/icon": "16.7.2-prerelease.12",
+    "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"