@semcore/fullscreen-modal 3.50.1 → 3.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [3.51.0] - 2025-04-11
6
+
7
+ ### Changed
8
+
9
+ - Version minor update due to children dependencies update (`@semcore/icon` [4.60.2 ~> 4.61.0]).
10
+
5
11
  ## [3.50.1] - 2025-04-04
6
12
 
7
13
  ### Changed
@@ -28,19 +28,19 @@ var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i
28
28
  var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
29
29
  var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
30
30
  /*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
31
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_n5kg2_gg_{padding:0}.___SFullscreenModal_n5kg2_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_n5kg2_gg_{position:absolute;top:17px;right:24px}.___SBack_n5kg2_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_n5kg2_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_n5kg2_gg_.__keyboardFocused_n5kg2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_n5kg2_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_n5kg2_gg_,.___SDescription_n5kg2_gg_,.___STitle_n5kg2_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_n5kg2_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_n5kg2_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_n5kg2_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_n5kg2_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_n5kg2_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_n5kg2_gg_{display:flex;height:100%;overflow:auto}.___SSection_n5kg2_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_n5kg2_gg_{transition:none}}" /*__inner_css_end__*/, "n5kg2_gg_") /*__reshadow_css_end__*/, {
32
- "__SFullscreenOverlay": "___SFullscreenOverlay_n5kg2_gg_",
33
- "__SFullscreenModal": "___SFullscreenModal_n5kg2_gg_",
34
- "__SClose": "___SClose_n5kg2_gg_",
35
- "__SBack": "___SBack_n5kg2_gg_",
36
- "_keyboardFocused": "__keyboardFocused_n5kg2_gg_",
37
- "__SBackText": "___SBackText_n5kg2_gg_",
38
- "__STitle": "___STitle_n5kg2_gg_",
39
- "__SDescription": "___SDescription_n5kg2_gg_",
40
- "__SHeader": "___SHeader_n5kg2_gg_",
41
- "__SFooter": "___SFooter_n5kg2_gg_",
42
- "__SBody": "___SBody_n5kg2_gg_",
43
- "__SSection": "___SSection_n5kg2_gg_"
31
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_unv8f_gg_{padding:0}.___SFullscreenModal_unv8f_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_unv8f_gg_{position:absolute;top:17px;right:24px}.___SBack_unv8f_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_unv8f_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_unv8f_gg_.__keyboardFocused_unv8f_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_unv8f_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_unv8f_gg_,.___SDescription_unv8f_gg_,.___STitle_unv8f_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_unv8f_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_unv8f_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_unv8f_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_unv8f_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_unv8f_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_unv8f_gg_{display:flex;height:100%;overflow:auto}.___SSection_unv8f_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_unv8f_gg_{transition:none}}" /*__inner_css_end__*/, "unv8f_gg_") /*__reshadow_css_end__*/, {
32
+ "__SFullscreenOverlay": "___SFullscreenOverlay_unv8f_gg_",
33
+ "__SFullscreenModal": "___SFullscreenModal_unv8f_gg_",
34
+ "__SClose": "___SClose_unv8f_gg_",
35
+ "__SBack": "___SBack_unv8f_gg_",
36
+ "_keyboardFocused": "__keyboardFocused_unv8f_gg_",
37
+ "__SBackText": "___SBackText_unv8f_gg_",
38
+ "__STitle": "___STitle_unv8f_gg_",
39
+ "__SDescription": "___SDescription_unv8f_gg_",
40
+ "__SHeader": "___SHeader_unv8f_gg_",
41
+ "__SFooter": "___SFooter_unv8f_gg_",
42
+ "__SBody": "___SBody_unv8f_gg_",
43
+ "__SSection": "___SSection_unv8f_gg_"
44
44
  });
45
45
  var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
46
46
  (0, _inherits2["default"])(FullscreenModalRoot, _Component);
@@ -28,19 +28,19 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
28
28
  import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
29
29
  import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
30
30
  /*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
31
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_n5kg2_gg_{padding:0}.___SFullscreenModal_n5kg2_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_n5kg2_gg_{position:absolute;top:17px;right:24px}.___SBack_n5kg2_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_n5kg2_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_n5kg2_gg_.__keyboardFocused_n5kg2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_n5kg2_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_n5kg2_gg_,.___SDescription_n5kg2_gg_,.___STitle_n5kg2_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_n5kg2_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_n5kg2_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_n5kg2_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_n5kg2_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_n5kg2_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_n5kg2_gg_{display:flex;height:100%;overflow:auto}.___SSection_n5kg2_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_n5kg2_gg_{transition:none}}" /*__inner_css_end__*/, "n5kg2_gg_") /*__reshadow_css_end__*/, {
32
- "__SFullscreenOverlay": "___SFullscreenOverlay_n5kg2_gg_",
33
- "__SFullscreenModal": "___SFullscreenModal_n5kg2_gg_",
34
- "__SClose": "___SClose_n5kg2_gg_",
35
- "__SBack": "___SBack_n5kg2_gg_",
36
- "_keyboardFocused": "__keyboardFocused_n5kg2_gg_",
37
- "__SBackText": "___SBackText_n5kg2_gg_",
38
- "__STitle": "___STitle_n5kg2_gg_",
39
- "__SDescription": "___SDescription_n5kg2_gg_",
40
- "__SHeader": "___SHeader_n5kg2_gg_",
41
- "__SFooter": "___SFooter_n5kg2_gg_",
42
- "__SBody": "___SBody_n5kg2_gg_",
43
- "__SSection": "___SSection_n5kg2_gg_"
31
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_unv8f_gg_{padding:0}.___SFullscreenModal_unv8f_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_unv8f_gg_{position:absolute;top:17px;right:24px}.___SBack_unv8f_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_unv8f_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_unv8f_gg_.__keyboardFocused_unv8f_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_unv8f_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_unv8f_gg_,.___SDescription_unv8f_gg_,.___STitle_unv8f_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_unv8f_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_unv8f_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_unv8f_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_unv8f_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_unv8f_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_unv8f_gg_{display:flex;height:100%;overflow:auto}.___SSection_unv8f_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_unv8f_gg_{transition:none}}" /*__inner_css_end__*/, "unv8f_gg_") /*__reshadow_css_end__*/, {
32
+ "__SFullscreenOverlay": "___SFullscreenOverlay_unv8f_gg_",
33
+ "__SFullscreenModal": "___SFullscreenModal_unv8f_gg_",
34
+ "__SClose": "___SClose_unv8f_gg_",
35
+ "__SBack": "___SBack_unv8f_gg_",
36
+ "_keyboardFocused": "__keyboardFocused_unv8f_gg_",
37
+ "__SBackText": "___SBackText_unv8f_gg_",
38
+ "__STitle": "___STitle_unv8f_gg_",
39
+ "__SDescription": "___SDescription_unv8f_gg_",
40
+ "__SHeader": "___SHeader_unv8f_gg_",
41
+ "__SFooter": "___SFooter_unv8f_gg_",
42
+ "__SBody": "___SBody_unv8f_gg_",
43
+ "__SSection": "___SSection_unv8f_gg_"
44
44
  });
45
45
  import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
46
46
  var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
@@ -1,21 +1,21 @@
1
1
  import _ from "@babel/runtime/helpers/esm/objectSpread2";
2
2
  import z from "@babel/runtime/helpers/esm/classCallCheck";
3
3
  import D from "@babel/runtime/helpers/esm/createClass";
4
- import v from "@babel/runtime/helpers/esm/assertThisInitialized";
4
+ import m from "@babel/runtime/helpers/esm/assertThisInitialized";
5
5
  import I from "@babel/runtime/helpers/esm/inherits";
6
6
  import O from "@babel/runtime/helpers/esm/createSuper";
7
- import d from "@babel/runtime/helpers/esm/defineProperty";
7
+ import f from "@babel/runtime/helpers/esm/defineProperty";
8
8
  import { sstyled as A } from "@semcore/utils/lib/core/index";
9
9
  import R, { sstyled as s, assignProps as g, Component as L } from "@semcore/core";
10
10
  import a from "react";
11
- import f from "@semcore/modal";
12
- import { Box as m, Flex as $ } from "@semcore/flex-box";
11
+ import d from "@semcore/modal";
12
+ import { Box as p, Flex as $ } from "@semcore/flex-box";
13
13
  import j from "@semcore/icon/Close/l";
14
14
  import q from "@semcore/icon/ArrowLeft/m";
15
15
  import { Text as h } from "@semcore/typography";
16
- import k from "@semcore/button";
16
+ import y from "@semcore/button";
17
17
  import N from "@semcore/utils/lib/fire";
18
- import { localizedMessages as y } from "./translations/__intergalactic-dynamic-locales.mjs";
18
+ import { localizedMessages as b } from "./translations/__intergalactic-dynamic-locales.mjs";
19
19
  import W from "@semcore/utils/lib/enhances/i18nEnhance";
20
20
  import G from "@semcore/utils/lib/uniqueID";
21
21
  import J from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
@@ -23,23 +23,23 @@ var K = (
23
23
  /*__reshadow_css_start__*/
24
24
  (A.insert(
25
25
  /*__inner_css_start__*/
26
- '.___SFullscreenOverlay_n5kg2_gg_{padding:0}.___SFullscreenModal_n5kg2_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_n5kg2_gg_{position:absolute;top:17px;right:24px}.___SBack_n5kg2_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_n5kg2_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_n5kg2_gg_.__keyboardFocused_n5kg2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_n5kg2_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_n5kg2_gg_,.___SDescription_n5kg2_gg_,.___STitle_n5kg2_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_n5kg2_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_n5kg2_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_n5kg2_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_n5kg2_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_n5kg2_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_n5kg2_gg_{display:flex;height:100%;overflow:auto}.___SSection_n5kg2_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_n5kg2_gg_{transition:none}}',
27
- "n5kg2_gg_"
26
+ '.___SFullscreenOverlay_unv8f_gg_{padding:0}.___SFullscreenModal_unv8f_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_unv8f_gg_{position:absolute;top:17px;right:24px}.___SBack_unv8f_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_unv8f_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_unv8f_gg_.__keyboardFocused_unv8f_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_unv8f_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_unv8f_gg_,.___SDescription_unv8f_gg_,.___STitle_unv8f_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_unv8f_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_unv8f_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_unv8f_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_unv8f_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_unv8f_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_unv8f_gg_{display:flex;height:100%;overflow:auto}.___SSection_unv8f_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_unv8f_gg_{transition:none}}',
27
+ "unv8f_gg_"
28
28
  ), {
29
- __SFullscreenOverlay: "___SFullscreenOverlay_n5kg2_gg_",
30
- __SFullscreenModal: "___SFullscreenModal_n5kg2_gg_",
31
- __SClose: "___SClose_n5kg2_gg_",
32
- __SBack: "___SBack_n5kg2_gg_",
33
- _keyboardFocused: "__keyboardFocused_n5kg2_gg_",
34
- __SBackText: "___SBackText_n5kg2_gg_",
35
- __STitle: "___STitle_n5kg2_gg_",
36
- __SDescription: "___SDescription_n5kg2_gg_",
37
- __SHeader: "___SHeader_n5kg2_gg_",
38
- __SFooter: "___SFooter_n5kg2_gg_",
39
- __SBody: "___SBody_n5kg2_gg_",
40
- __SSection: "___SSection_n5kg2_gg_"
29
+ __SFullscreenOverlay: "___SFullscreenOverlay_unv8f_gg_",
30
+ __SFullscreenModal: "___SFullscreenModal_unv8f_gg_",
31
+ __SClose: "___SClose_unv8f_gg_",
32
+ __SBack: "___SBack_unv8f_gg_",
33
+ _keyboardFocused: "__keyboardFocused_unv8f_gg_",
34
+ __SBackText: "___SBackText_unv8f_gg_",
35
+ __STitle: "___STitle_unv8f_gg_",
36
+ __SDescription: "___SDescription_unv8f_gg_",
37
+ __SHeader: "___SHeader_unv8f_gg_",
38
+ __SFooter: "___SFooter_unv8f_gg_",
39
+ __SBody: "___SBody_unv8f_gg_",
40
+ __SSection: "___SSection_unv8f_gg_"
41
41
  })
42
- ), p = /* @__PURE__ */ function(r) {
42
+ ), u = /* @__PURE__ */ function(r) {
43
43
  I(e, r);
44
44
  var n = O(e);
45
45
  function e() {
@@ -47,11 +47,11 @@ var K = (
47
47
  z(this, e);
48
48
  for (var i = arguments.length, o = new Array(i), c = 0; c < i; c++)
49
49
  o[c] = arguments[c];
50
- return t = n.call.apply(n, [this].concat(o)), d(v(t), "state", {
50
+ return t = n.call.apply(n, [this].concat(o)), f(m(t), "state", {
51
51
  hasTitle: !1
52
- }), d(v(t), "bindHandlerClose", function(l) {
53
- return function(u) {
54
- N(v(t), "onClose", l, u);
52
+ }), f(m(t), "bindHandlerClose", function(l) {
53
+ return function(v) {
54
+ N(m(t), "onClose", l, v);
55
55
  };
56
56
  }), t;
57
57
  }
@@ -87,8 +87,8 @@ var K = (
87
87
  }, {
88
88
  key: "render",
89
89
  value: function() {
90
- var i = this.asProps, o, c = f.Window, l = this.asProps, u = l.styles, C = 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 = f.Overlay;
91
- return o = s(u), /* @__PURE__ */ a.createElement(f, o.cn("Modal", {
90
+ var i = this.asProps, o, c = d.Window, l = this.asProps, v = 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 = d.Overlay;
91
+ return o = s(v), /* @__PURE__ */ a.createElement(d, o.cn("Modal", {
92
92
  closable: !1,
93
93
  visible: B,
94
94
  onClose: T,
@@ -97,19 +97,19 @@ var K = (
97
97
  }), /* @__PURE__ */ a.createElement(M, o.cn("SFullscreenOverlay", {}), /* @__PURE__ */ a.createElement(c, o.cn("SFullscreenModal", _({}, g({
98
98
  "aria-label": S ? void 0 : w("title"),
99
99
  "aria-labelledby": S ? "igc-".concat(H, "-title") : void 0
100
- }, i))), E && /* @__PURE__ */ a.createElement(x.Close, null), /* @__PURE__ */ a.createElement(C, o.cn("Children", {})))));
100
+ }, i))), E && /* @__PURE__ */ a.createElement(x.Close, null), /* @__PURE__ */ a.createElement(k, o.cn("Children", {})))));
101
101
  }
102
102
  }]), e;
103
103
  }(L);
104
- d(p, "displayName", "FullscreenModal");
105
- d(p, "style", K);
106
- d(p, "enhance", [W(y), G()]);
107
- d(p, "defaultProps", {
108
- i18n: y,
104
+ f(u, "displayName", "FullscreenModal");
105
+ f(u, "style", K);
106
+ f(u, "enhance", [W(b), G()]);
107
+ f(u, "defaultProps", {
108
+ i18n: b,
109
109
  locale: "en"
110
110
  });
111
111
  function Q(r) {
112
- var n = arguments[0], e, t = m, i = r.Children, o = r.styles, c = r.title, l = r.description;
112
+ var n = arguments[0], e, t = p, i = r.Children, o = r.styles, c = r.title, l = r.description;
113
113
  return e = s(o), /* @__PURE__ */ a.createElement(t, e.cn("SHeader", _({}, g({}, n))), c && /* @__PURE__ */ a.createElement(x.Title, {
114
114
  children: c
115
115
  }), l && /* @__PURE__ */ a.createElement(x.Description, {
@@ -117,11 +117,11 @@ function Q(r) {
117
117
  }), /* @__PURE__ */ a.createElement(i, e.cn("Children", {})));
118
118
  }
119
119
  function U(r) {
120
- var n = arguments[0], e, t = m;
120
+ var n = arguments[0], e, t = p;
121
121
  return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SBody", _({}, g({}, n))));
122
122
  }
123
123
  function V(r) {
124
- var n = arguments[0], e, t = m;
124
+ var n = arguments[0], e, t = p;
125
125
  return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SSection", _({}, g({
126
126
  tag: "section"
127
127
  }, n))));
@@ -131,13 +131,13 @@ function X(r) {
131
131
  return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SFooter", _({}, g({}, n))));
132
132
  }
133
133
  function Y(r) {
134
- var n = arguments[0], e, t = k, i = r.getI18nText;
134
+ var n = arguments[0], e, t = y, i = r.getI18nText;
135
135
  return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SClose", _({}, g({
136
136
  use: "tertiary",
137
137
  size: "l",
138
138
  theme: "muted",
139
139
  "aria-label": i("close")
140
- }, n))), /* @__PURE__ */ a.createElement(k.Addon, {
140
+ }, n))), /* @__PURE__ */ a.createElement(y.Addon, {
141
141
  ml: "7px",
142
142
  mr: "7px"
143
143
  }, /* @__PURE__ */ a.createElement(j, e.cn("CloseIcon", {
@@ -156,24 +156,24 @@ function ee(r) {
156
156
  var n = arguments[0], e, t = h;
157
157
  return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SDescription", _({}, g({}, n))));
158
158
  }
159
- function b(r) {
160
- var n = arguments[0], e, t = m, i = h, o = r.Children, c = r.styles;
159
+ function C(r) {
160
+ var n = arguments[0], e, t = p, i = h, o = r.Children, c = r.styles;
161
161
  return e = s(c), /* @__PURE__ */ a.createElement(t, e.cn("SBack", _({}, g({
162
162
  tag: "button"
163
163
  }, n))), /* @__PURE__ */ a.createElement(q, e.cn("ArrowLeft", {})), /* @__PURE__ */ a.createElement(i, e.cn("SBackText", {}), /* @__PURE__ */ a.createElement(o, e.cn("Children", {}))));
164
164
  }
165
- b.enhance = [J()];
166
- var x = R(p, {
165
+ C.enhance = [J()];
166
+ var x = R(u, {
167
167
  Header: Q,
168
168
  Footer: X,
169
169
  Close: Y,
170
- Back: b,
170
+ Back: C,
171
171
  Body: U,
172
172
  Section: V,
173
173
  Title: Z,
174
174
  Description: ee
175
175
  }, {
176
- parent: f
176
+ parent: d
177
177
  });
178
178
  export {
179
179
  x as default
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/fullscreen-modal",
3
3
  "description": "Semrush FullscreenModal Component",
4
- "version": "3.50.1",
4
+ "version": "3.51.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -15,9 +15,9 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@semcore/utils": "4.48.2",
18
- "@semcore/icon": "4.60.2",
19
- "@semcore/modal": "4.55.1",
20
- "@semcore/typography": "5.52.2",
18
+ "@semcore/icon": "4.61.0",
19
+ "@semcore/modal": "4.56.0",
20
+ "@semcore/typography": "5.53.0",
21
21
  "@semcore/flex-box": "5.41.2",
22
22
  "@semcore/button": "5.43.1"
23
23
  },