@semcore/modal 4.56.2 → 4.57.0-prerelease.0

package/lib/es6/Modal.js

@@ -1,76 +1,72 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _callSuper from "@babel/runtime/helpers/callSuper";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
+import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps5 } from "@semcore/core";
 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 React from 'react';
-import { FadeInOut, Slide } from '@semcore/animation';
-import createComponent, { Component, sstyled, Root } from '@semcore/core';
-import Portal, { PortalProvider } from '@semcore/portal';
+import { FadeInOut, Slide, Flex, OutsideClick, Portal, PortalProvider } from '@semcore/base-components';
 import Button from '@semcore/button';
-import OutsideClick from '@semcore/outside-click';
+import { createComponent, Component, sstyled, Root } from '@semcore/core';
+import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
+import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
+import fire from '@semcore/core/lib/utils/fire';
+import { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';
+import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
+import { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';
+import { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';
+import usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';
+import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
+import { ZIndexStackingContextProvider, useZIndexStacking } from '@semcore/core/lib/utils/zIndexStacking';
 import CloseIcon from '@semcore/icon/Close/l';
-import fire from '@semcore/utils/lib/fire';
-import usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';
-import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
-import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import { Text } from '@semcore/typography';
+import React from 'react';
 /*!__reshadow-styles__:"./style/modal.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_jrdg9_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_jrdg9_gg_:focus{outline:0}.___SWindow_jrdg9_gg_ .___STitle_jrdg9_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_jrdg9_gg_ .___STitle_jrdg9_gg_.__color_jrdg9_gg_{color:var(--color_jrdg9)}.___SWindow_jrdg9_gg_ .___SClose_jrdg9_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_jrdg9_gg_ .___SClose_jrdg9_gg_.__ghost_jrdg9_gg_{right:0;top:0}.___SWindow_jrdg9_gg_.__ghost_jrdg9_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_jrdg9_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_jrdg9_gg_ .___SOverlay_jrdg9_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_jrdg9_gg_{min-width:60%}.___SOverlay_jrdg9_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}", /*__inner_css_end__*/"jrdg9_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SWindow_ryb06_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, calc(12px + 2px));background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px rgba(0, 21, 16, 0.07));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SWindow_ryb06_gg_{box-shadow:var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SWindow_ryb06_gg_{box-shadow:var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SWindow_ryb06_gg_:focus{outline:0}.___SWindow_ryb06_gg_ .___STitle_ryb06_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_ryb06_gg_ .___STitle_ryb06_gg_.__color_ryb06_gg_{color:var(--color_ryb06)}.___SWindow_ryb06_gg_ .___SClose_ryb06_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_ryb06_gg_ .___SClose_ryb06_gg_.__ghost_ryb06_gg_{right:0;top:0}.___SWindow_ryb06_gg_.__ghost_ryb06_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlayContentWrapper_ryb06_gg_{flex:1;max-width:100%;box-sizing:border-box;padding:var(--intergalactic-spacing-10x, 40px)}.___SOverlay_ryb06_gg_{display:flex;justify-content:center;flex-wrap:wrap;position:fixed;top:0;bottom:0;left:0;right:0;margin:0;background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337));overflow:auto;-webkit-overflow-scrolling:touch}@supports (color:color(display-p3 0 0 0%)){.___SOverlay_ryb06_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_ryb06_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SOverlay_ryb06_gg_ .___SOverlay_ryb06_gg_{background:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}@media (max-width:767px){.___SWindow_ryb06_gg_{min-width:60%}.___SOverlayContentWrapper_ryb06_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}", /*__inner_css_end__*/"ryb06_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SWindow": "___SWindow_jrdg9_gg_",
-  "_ghost": "__ghost_jrdg9_gg_",
-  "__SOverlay": "___SOverlay_jrdg9_gg_",
-  "__STitle": "___STitle_jrdg9_gg_",
-  "_color": "__color_jrdg9_gg_",
-  "--color": "--color_jrdg9",
-  "__SClose": "___SClose_jrdg9_gg_"
+  "__SWindow": "___SWindow_ryb06_gg_",
+  "_ghost": "__ghost_ryb06_gg_",
+  "__SOverlayContentWrapper": "___SOverlayContentWrapper_ryb06_gg_",
+  "__STitle": "___STitle_ryb06_gg_",
+  "_color": "__color_ryb06_gg_",
+  "--color": "--color_ryb06",
+  "__SClose": "___SClose_ryb06_gg_",
+  "__SOverlay": "___SOverlay_ryb06_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
-import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
-import { Text } from '@semcore/typography';
-import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
-import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
-import { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';
-import { useContextTheme } from '@semcore/utils/lib/ThemeProvider';
-import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
-import { ZIndexStackingContextProvider, useZIndexStacking } from '@semcore/utils/lib/zIndexStacking';
 var ModalRoot = /*#__PURE__*/function (_Component) {
-  _inherits(ModalRoot, _Component);
-  var _super = _createSuper(ModalRoot);
   function ModalRoot() {
     var _this;
     _classCallCheck(this, ModalRoot);
     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", {
+    _this = _callSuper(this, ModalRoot, [].concat(args));
+    _defineProperty(_this, "state", {
       hasTitle: false
     });
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
+    _defineProperty(_this, "handleKeyDown", function (e) {
       if (e.key === 'Escape') {
         e.stopPropagation();
-        fire(_assertThisInitialized(_this), 'onClose', 'onEscape', e);
+        fire(_this, 'onClose', 'onEscape', e);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleIconCloseClick", function (e) {
-      fire(_assertThisInitialized(_this), 'onClose', 'onCloseClick', e);
+    _defineProperty(_this, "handleIconCloseClick", function (e) {
+      fire(_this, 'onClose', 'onCloseClick', e);
     });
-    _defineProperty(_assertThisInitialized(_this), "handleOutsideClick", function (e) {
-      fire(_assertThisInitialized(_this), 'onClose', 'onOutsideClick', e);
+    _defineProperty(_this, "handleOutsideClick", function (e) {
+      fire(_this, 'onClose', 'onOutsideClick', e);
     });
     return _this;
   }
-  _createClass(ModalRoot, [{
+  _inherits(ModalRoot, _Component);
+  return _createClass(ModalRoot, [{
     key: "getOverlayProps",
     value: function getOverlayProps() {
       var _this$asProps = this.asProps,
@@ -100,7 +96,7 @@ var ModalRoot = /*#__PURE__*/function (_Component) {
       return {
         visible: visible,
         closable: closable,
-        onKeyDown: this.handleKeyDown,
+        'onKeyDown': this.handleKeyDown,
         'aria-label': hasTitle ? undefined : getI18nText('title'),
         'aria-labelledby': hasTitle ? "igc-".concat(uid, "-title") : undefined,
         duration: duration,
@@ -150,7 +146,6 @@ var ModalRoot = /*#__PURE__*/function (_Component) {
       }, advancedMode ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(Modal.Overlay, null, /*#__PURE__*/React.createElement(Modal.Window, _assignProps({}, _ref))));
     }
   }]);
-  return ModalRoot;
 }(Component);
 _defineProperty(ModalRoot, "displayName", 'Modal');
 _defineProperty(ModalRoot, "style", style);
@@ -176,7 +171,7 @@ function Window(props) {
     closable = props.closable,
     duration = props.duration;
   var windowRef = React.useRef(null);
-  useFocusLock(windowRef, true, 'auto', !visible, true);
+  useFocusLock(windowRef, 'enforced', 'auto', !visible, true);
   return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SWindow, _ref6.cn("SWindow", _objectSpread({}, _assignProps2({
     "initialAnimation": true,
     "slideOrigin": 'top',
@@ -184,7 +179,8 @@ function Window(props) {
     "role": 'dialog',
     "aria-modal": true,
     "duration": duration,
-    "ref": windowRef
+    "ref": windowRef,
+    "tabIndex": -1
   }, _ref2))), /*#__PURE__*/React.createElement(ZIndexStackingContextProvider, _ref6.cn("ZIndexStackingContextProvider", {
     "designToken": 'z-index-modal'
   }), /*#__PURE__*/React.createElement(PortalProvider, _ref6.cn("PortalProvider", {
@@ -195,21 +191,24 @@ function Overlay(props) {
   var _ref3 = arguments[0],
     _ref7;
   var SOverlay = FadeInOut;
+  var SOverlayContentWrapper = Flex;
   var Children = props.Children,
     styles = props.styles,
     onOutsideClick = props.onOutsideClick,
     visible = props.visible;
-  var overlayRef = React.useRef(null);
+  var overlayContentWrapperRef = React.useRef(null);
   usePreventScroll(visible, props.disablePreventScroll);
-  useContextTheme(overlayRef, visible);
+  useContextTheme(overlayContentWrapperRef, visible);
   var zIndex = useZIndexStacking('z-index-modal');
   return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SOverlay, _ref7.cn("SOverlay", _objectSpread({}, _assignProps3({
-    "ref": overlayRef,
     "zIndex": zIndex
-  }, _ref3))), /*#__PURE__*/React.createElement(OutsideClick, _ref7.cn("OutsideClick", {
-    "root": overlayRef,
+  }, _ref3))), /*#__PURE__*/React.createElement(SOverlayContentWrapper, _ref7.cn("SOverlayContentWrapper", {
+    "data-ui-name": 'Modal.Overlay.ContentWrapper',
+    "ref": overlayContentWrapperRef
+  }), /*#__PURE__*/React.createElement(OutsideClick, _ref7.cn("OutsideClick", {
+    "root": overlayContentWrapperRef,
     "onOutsideClick": onOutsideClick
-  }), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {}))));
+  }), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})))));
 }
 function Close(props) {
   var _ref4 = arguments[0],
@@ -225,13 +224,12 @@ function Close(props) {
     "theme": ghost ? 'invert' : 'muted',
     "aria-label": getI18nText('close')
   }, _ref4))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {})) : /*#__PURE__*/React.createElement(Button.Addon, {
-    ml: '7px',
-    mr: '7px'
+    ml: "7px",
+    mr: "7px"
   }, /*#__PURE__*/React.createElement(CloseIcon, _ref8.cn("CloseIcon", {
     "title": getI18nText('close')
   }))));
 }
-Close.enhance = [keyboardFocusEnhance()];
 function Title(props) {
   var _ref5 = arguments[0],
     _ref9;

package/lib/es6/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["React","FadeInOut","Slide","createComponent","Component","sstyled","Root","Portal","PortalProvider","Button","OutsideClick","CloseIcon","fire","usePreventScroll","isAdvanceMode","keyboardFocusEnhance","style","_sstyled","insert","localizedMessages","i18nEnhance","Text","uniqueIDEnhancement","cssVariableEnhance","useFocusLock","useContextTheme","useColorResolver","ZIndexStackingContextProvider","useZIndexStacking","ModalRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hasTitle","e","key","stopPropagation","_createClass","value","getOverlayProps","_this$asProps","asProps","duration","visible","animationsDisabled","disablePreventScroll","onOutsideClick","handleOutsideClick","getWindowProps","_this$asProps2","closable","getI18nText","uid","state","onKeyDown","handleKeyDown","undefined","getCloseProps","_this$asProps3","ghost","onClick","handleIconCloseClick","getTitleProps","_this2","setHasTitle","setState","id","render","_ref","_this$asProps4","Children","disablePortal","forcedAdvancedMode","ignorePortalsStacking","advancedMode","Modal","Overlay","displayName","Window","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","styles","windowRef","useRef","cn","_objectSpread","_assignProps2","Close","_ref3","_ref7","SOverlay","overlayRef","zIndex","_assignProps3","_ref4","_ref8","SClose","hasChildren","children","_assignProps4","Addon","ml","mr","enhance","Title","_ref5","_ref9","color","STitle","resolveColor","useEffect","_assignProps5"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import React from 'react';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport Button from '@semcore/button';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\nimport {\n  ZIndexStackingContextProvider,\n  useZIndexStacking,\n} from '@semcore/utils/lib/zIndexStacking';\n\nclass ModalRoot extends Component {\n  static displayName = 'Modal';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n  static defaultProps = {\n    closable: true,\n    i18n: localizedMessages,\n    locale: 'en',\n    disablePreventScroll: false,\n  };\n  state = { hasTitle: false };\n\n  handleKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  getOverlayProps() {\n    const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      duration,\n      visible,\n      onOutsideClick: this.handleOutsideClick,\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getWindowProps() {\n    const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n    const { hasTitle } = this.state;\n    return {\n      visible,\n      closable,\n      onKeyDown: this.handleKeyDown,\n      'aria-label': hasTitle ? undefined : getI18nText('title'),\n      'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n      duration,\n      animationsDisabled,\n    };\n  }\n\n  getCloseProps() {\n    const { getI18nText, ghost } = this.asProps;\n\n    return {\n      onClick: this.handleIconCloseClick,\n      getI18nText,\n      ghost,\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 { Children, disablePortal, forcedAdvancedMode, ignorePortalsStacking } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n    return (\n      <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <Modal.Overlay>\n            <Root render={Modal.Window} />\n          </Modal.Overlay>\n        )}\n      </Portal>\n    );\n  }\n}\n\nfunction Window(props) {\n  const SWindow = Root;\n  const { Children, styles, visible, closable, duration } = props;\n  const windowRef = React.useRef(null);\n\n  useFocusLock(windowRef, true, 'auto', !visible, true);\n\n  return sstyled(styles)(\n    <SWindow\n      render={Slide}\n      initialAnimation={true}\n      slideOrigin='top'\n      visible={visible}\n      role='dialog'\n      aria-modal={true}\n      duration={duration}\n      ref={windowRef}\n    >\n      <ZIndexStackingContextProvider designToken='z-index-modal'>\n        <PortalProvider value={windowRef}>\n          {closable && <Modal.Close />}\n          <Children />\n        </PortalProvider>\n      </ZIndexStackingContextProvider>\n    </SWindow>,\n  );\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const { Children, styles, onOutsideClick, visible } = props;\n  const overlayRef = React.useRef(null);\n  usePreventScroll(visible, props.disablePreventScroll);\n  useContextTheme(overlayRef, visible);\n  const zIndex = useZIndexStacking('z-index-modal');\n\n  return sstyled(styles)(\n    <SOverlay render={FadeInOut} ref={overlayRef} zIndex={zIndex}>\n      <OutsideClick root={overlayRef} onOutsideClick={onOutsideClick}>\n        <Children />\n      </OutsideClick>\n    </SOverlay>,\n  );\n}\n\nfunction Close(props) {\n  const SClose = Root;\n  const { Children, children: hasChildren, getI18nText, ghost } = props;\n  return sstyled(props.styles)(\n    <SClose\n      render={Button}\n      use='tertiary'\n      size='l'\n      theme={ghost ? 'invert' : 'muted'}\n      aria-label={getI18nText('close')}\n    >\n      {hasChildren ? (\n        <Children />\n      ) : (\n        <Button.Addon ml={'7px'} mr={'7px'}>\n          <CloseIcon title={getI18nText('close')} />\n        </Button.Addon>\n      )}\n    </SClose>,\n  );\n}\n\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n  const { setHasTitle, styles, color } = props;\n  const STitle = Root;\n\n  const resolveColor = useColorResolver();\n  React.useEffect(() => setHasTitle());\n\n  return sstyled(styles)(<STitle render={Text} tag='h2' use:color={resolveColor(color)} />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n  Window,\n  Overlay,\n  Close,\n  Title,\n});\n\nexport default Modal;\n"],"mappings":"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"}
+{"version":3,"file":"Modal.js","names":["FadeInOut","Slide","Flex","OutsideClick","Portal","PortalProvider","Button","createComponent","Component","sstyled","Root","i18nEnhance","isAdvanceMode","fire","useContextTheme","uniqueIDEnhancement","useColorResolver","useFocusLock","usePreventScroll","cssVariableEnhance","ZIndexStackingContextProvider","useZIndexStacking","CloseIcon","Text","React","style","_sstyled","insert","localizedMessages","ModalRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","hasTitle","e","key","stopPropagation","_inherits","_createClass","value","getOverlayProps","_this$asProps","asProps","duration","visible","animationsDisabled","disablePreventScroll","onOutsideClick","handleOutsideClick","getWindowProps","_this$asProps2","closable","getI18nText","uid","state","handleKeyDown","undefined","getCloseProps","_this$asProps3","ghost","onClick","handleIconCloseClick","getTitleProps","_this2","setHasTitle","setState","id","render","_ref","_this$asProps4","Children","disablePortal","forcedAdvancedMode","ignorePortalsStacking","advancedMode","Modal","Overlay","displayName","Window","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","styles","windowRef","useRef","cn","_objectSpread","_assignProps2","Close","_ref3","_ref7","SOverlay","SOverlayContentWrapper","overlayContentWrapperRef","zIndex","_assignProps3","_ref4","_ref8","SClose","hasChildren","children","_assignProps4","Addon","ml","mr","Title","_ref5","_ref9","color","STitle","resolveColor","useEffect","_assignProps5"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import { FadeInOut, Slide, Flex, OutsideClick, Portal, PortalProvider } 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 { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport fire from '@semcore/core/lib/utils/fire';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport {\n  ZIndexStackingContextProvider,\n  useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass ModalRoot extends Component {\n  static displayName = 'Modal';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n\n  static defaultProps = {\n    closable: true,\n    i18n: localizedMessages,\n    locale: 'en',\n    disablePreventScroll: false,\n  };\n\n  state = { hasTitle: false };\n\n  handleKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  getOverlayProps() {\n    const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      duration,\n      visible,\n      onOutsideClick: this.handleOutsideClick,\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getWindowProps() {\n    const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n    const { hasTitle } = this.state;\n    return {\n      visible,\n      closable,\n      'onKeyDown': this.handleKeyDown,\n      'aria-label': hasTitle ? undefined : getI18nText('title'),\n      'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n      duration,\n      animationsDisabled,\n    };\n  }\n\n  getCloseProps() {\n    const { getI18nText, ghost } = this.asProps;\n\n    return {\n      onClick: this.handleIconCloseClick,\n      getI18nText,\n      ghost,\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 { Children, disablePortal, forcedAdvancedMode, ignorePortalsStacking } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n    return (\n      <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n        {advancedMode\n          ? (\n              <Children />\n            )\n          : (\n              <Modal.Overlay>\n                <Root render={Modal.Window} />\n              </Modal.Overlay>\n            )}\n      </Portal>\n    );\n  }\n}\n\nfunction Window(props) {\n  const SWindow = Root;\n  const { Children, styles, visible, closable, duration } = props;\n  const windowRef = React.useRef(null);\n\n  useFocusLock(windowRef, 'enforced', 'auto', !visible, true);\n\n  return sstyled(styles)(\n    <SWindow\n      render={Slide}\n      initialAnimation={true}\n      slideOrigin='top'\n      visible={visible}\n      role='dialog'\n      aria-modal={true}\n      duration={duration}\n      ref={windowRef}\n      tabIndex={-1}\n    >\n      <ZIndexStackingContextProvider designToken='z-index-modal'>\n        <PortalProvider value={windowRef}>\n          {closable && <Modal.Close />}\n          <Children />\n        </PortalProvider>\n      </ZIndexStackingContextProvider>\n    </SWindow>,\n  );\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const SOverlayContentWrapper = Flex;\n  const { Children, styles, onOutsideClick, visible } = props;\n  const overlayContentWrapperRef = React.useRef(null);\n  usePreventScroll(visible, props.disablePreventScroll);\n  useContextTheme(overlayContentWrapperRef, visible);\n  const zIndex = useZIndexStacking('z-index-modal');\n\n  return sstyled(styles)(\n    <SOverlay render={FadeInOut} zIndex={zIndex}>\n      {/* This child component is intended to be private. Since true encapsulation isn't possible in this context, we’re applying the data-ui-name attribute directly as a workaround. */}\n      <SOverlayContentWrapper data-ui-name='Modal.Overlay.ContentWrapper' ref={overlayContentWrapperRef}>\n        <OutsideClick root={overlayContentWrapperRef} onOutsideClick={onOutsideClick}>\n          <Children />\n        </OutsideClick>\n      </SOverlayContentWrapper>\n    </SOverlay>,\n  );\n}\n\nfunction Close(props) {\n  const SClose = Root;\n  const { Children, children: hasChildren, getI18nText, ghost } = props;\n  return sstyled(props.styles)(\n    <SClose\n      render={Button}\n      use='tertiary'\n      size='l'\n      theme={ghost ? 'invert' : 'muted'}\n      aria-label={getI18nText('close')}\n    >\n      {hasChildren\n        ? (\n            <Children />\n          )\n        : (\n            <Button.Addon ml='7px' mr='7px'>\n              <CloseIcon title={getI18nText('close')} />\n            </Button.Addon>\n          )}\n    </SClose>,\n  );\n}\n\nfunction Title(props) {\n  const { setHasTitle, styles, color } = props;\n  const STitle = Root;\n\n  const resolveColor = useColorResolver();\n  React.useEffect(() => setHasTitle());\n\n  return sstyled(styles)(<STitle render={Text} tag='h2' use:color={resolveColor(color)} />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n  Window,\n  Overlay,\n  Close,\n  Title,\n});\n\nexport default Modal;\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 React from 'react';\nimport { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { PortalProps } from '@semcore/portal';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { TextProps } from '@semcore/typography';\nimport Button from '@semcore/button';\n\n/** @deprecated */\nexport interface IModalProps extends ModalProps, UnknownProperties {}\nexport type ModalProps = PortalProps &\n  BoxProps &\n  FadeInOutProps & {\n    /** Duration of animation, ms\n     * @default 200\n     */\n    duration?: number;\n    /** This property is responsible for the visibility of the modal window */\n    visible?: boolean;\n    /** Function called when the component is hidden */\n    onClose?: (\n      trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',\n      e?: React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n    /** Displaying the close button(x) in the upper-right corner of the modal dialog\n     * @default true\n     * */\n    closable?: boolean;\n    /**\n     * Setting `true` disables mechanism that hides document body scrollbar when Modal is visible\n     * @default false\n     */\n    disablePreventScroll?: boolean;\n\n    locale?: string;\n\n    /**\n     * Props for render modal without background and paddings. Useful in carousel for example\n     */\n    ghost?: boolean;\n  };\n\n/** @deprecated */\nexport interface IWindowProps extends WindowProps, UnknownProperties {}\nexport type WindowProps = BoxProps & SlideProps & {};\n\n/** @deprecated */\nexport interface IModalContext extends ModalContext, UnknownProperties {}\nexport type ModalContext = {\n  getOverlayProps: PropGetterFn;\n  getWindowProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n};\n\ndeclare const Modal: Intergalactic.Component<'div', ModalProps, ModalContext> & {\n  Window: Intergalactic.Component<'div', WindowProps>;\n  Overlay: typeof Box;\n  Close: typeof Button;\n  Title: Intergalactic.Component<'div', TextProps>;\n};\n\nexport default Modal;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps, Box, BoxProps, PortalProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\nimport type React from 'react';\n\nexport type ModalProps = PortalProps &\n  BoxProps &\n  FadeInOutProps & {\n    /** Duration of animation, ms\n     * @default 200\n     */\n    duration?: number;\n    /** This property is responsible for the visibility of the modal window */\n    visible?: boolean;\n    /** Function called when the component is hidden */\n    onClose?: (\n      trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',\n      e?: React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n    /** Displaying the close button(x) in the upper-right corner of the modal dialog\n     * @default true\n     * */\n    closable?: boolean;\n    /**\n     * Setting `true` disables mechanism that hides document body scrollbar when Modal is visible\n     * @default false\n     */\n    disablePreventScroll?: boolean;\n    /** Specifies the locale for i18n support */\n    locale?: string;\n    /**\n     * Props for render modal without background and paddings. Useful in carousel for example\n     */\n    ghost?: boolean;\n  };\n\nexport type WindowProps = BoxProps & SlideProps & {};\n\nexport type ModalContext = {\n  getOverlayProps: PropGetterFn;\n  getWindowProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n};\n\ndeclare const Modal: Intergalactic.Component<'div', ModalProps, ModalContext> & {\n  Window: Intergalactic.Component<'div', WindowProps>;\n  Overlay: typeof Box;\n  Close: typeof Button;\n  Title: Intergalactic.Component<'div', NSText.Props>;\n};\n\nexport default Modal;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Modal';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,SAAS"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Modal';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,SAAS","ignoreList":[]}

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

@@ -1,19 +1,19 @@
 SWindow {
   position: relative;
-  border-radius: var(--intergalactic-modal-rounded, 12px);
-  background: var(--intergalactic-bg-primary-neutral, #ffffff);
+  border-radius: var(--intergalactic-modal-rounded, calc(12px + 2px));
+  background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
   box-sizing: border-box;
   margin: auto;
   padding: var(--intergalactic-spacing-10x, 40px);
-  box-shadow: var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));
-  color: var(--intergalactic-text-primary, #191b23);
+  box-shadow: var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px oklch(0.176 0.033 175.7 / 0.07));
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 
   &:focus {
     outline: none;
   }
 
   STitle {
-    color: var(--intergalactic-text-primary, #191b23);
+    color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
     font-size: var(--intergalactic-fs-500, 24px);
     line-height: var(--intergalactic-lh-500, 117%);
     font-weight: var(--intergalactic-semi-bold, 600);
@@ -43,24 +43,31 @@ SWindow[ghost] {
   box-shadow: none;
 }
 
+SOverlayContentWrapper {
+  flex: 1;
+  max-width: 100%;
+  box-sizing: border-box;
+  padding: var(--intergalactic-spacing-10x, 40px);
+}
+
 SOverlay {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: var(--intergalactic-spacing-10x, 40px);
-  background: var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));
+  background: var(--intergalactic-overlay-primary, oklch(0.109 0.023 165.5 / 0.337));
   overflow: auto;
   -webkit-overflow-scrolling: touch;
 
   & SOverlay {
-    background: var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4));
+    background: var(--intergalactic-overlay-secondary, oklch(0.118 0.023 170.1 / 0.262));
   }
+  
 }
 
 @media (max-width: 767px) {
@@ -68,7 +75,7 @@ SOverlay {
     min-width: 60%;
   }
 
-  SOverlay {
+  SOverlayContentWrapper {
     padding: var(--intergalactic-spacing-3x, 12px);
   }
 }

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

@@ -6,12 +6,12 @@ import it from './it.json';
 import ja from './ja.json';
 import ko from './ko.json';
 import nl from './nl.json';
+import pl from './pl.json';
 import pt from './pt.json';
+import sv from './sv.json';
 import tr from './tr.json';
 import vi from './vi.json';
 import zh from './zh.json';
-import pl from './pl.json';
-import sv from './sv.json';
 export var localizedMessages = {
   de: de,
   en: en,

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

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

package/lib/esm/Modal.mjs

@@ -1,78 +1,73 @@
 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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
 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 } from "@semcore/utils/lib/core/index";
-import createComponent, { assignProps, Component, sstyled as sstyled$1 } from "@semcore/core";
-import React from "react";
-import { Slide, FadeInOut } from "@semcore/animation";
-import Portal, { PortalProvider } from "@semcore/portal";
+import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
+import { Portal, Slide, PortalProvider, FadeInOut, Flex, OutsideClick } from "@semcore/base-components";
 import Button from "@semcore/button";
-import OutsideClick from "@semcore/outside-click";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
+import fire from "@semcore/core/lib/utils/fire";
+import { useContextTheme } from "@semcore/core/lib/utils/ThemeProvider";
+import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
+import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
+import { useFocusLock } from "@semcore/core/lib/utils/use/useFocusLock";
+import usePreventScroll from "@semcore/core/lib/utils/use/usePreventScroll";
+import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
+import { ZIndexStackingContextProvider, useZIndexStacking } from "@semcore/core/lib/utils/zIndexStacking";
 import CloseIcon from "@semcore/icon/Close/l";
-import fire from "@semcore/utils/lib/fire";
-import usePreventScroll from "@semcore/utils/lib/use/usePreventScroll";
-import { isAdvanceMode } from "@semcore/utils/lib/findComponent";
-import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
-import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
 import { Text } from "@semcore/typography";
-import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
-import { cssVariableEnhance } from "@semcore/utils/lib/useCssVariable";
-import { useFocusLock } from "@semcore/utils/lib/use/useFocusLock";
-import { useContextTheme } from "@semcore/utils/lib/ThemeProvider";
-import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
-import { ZIndexStackingContextProvider, useZIndexStacking } from "@semcore/utils/lib/zIndexStacking";
+import React from "react";
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
 /*!__reshadow-styles__:"./style/modal.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SWindow_jrdg9_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_jrdg9_gg_:focus{outline:0}.___SWindow_jrdg9_gg_ .___STitle_jrdg9_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_jrdg9_gg_ .___STitle_jrdg9_gg_.__color_jrdg9_gg_{color:var(--color_jrdg9)}.___SWindow_jrdg9_gg_ .___SClose_jrdg9_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_jrdg9_gg_ .___SClose_jrdg9_gg_.__ghost_jrdg9_gg_{right:0;top:0}.___SWindow_jrdg9_gg_.__ghost_jrdg9_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_jrdg9_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_jrdg9_gg_ .___SOverlay_jrdg9_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_jrdg9_gg_{min-width:60%}.___SOverlay_jrdg9_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}",
+    ".___SWindow_ryb06_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, calc(12px + 2px));background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px rgba(0, 21, 16, 0.07));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SWindow_ryb06_gg_{box-shadow:var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SWindow_ryb06_gg_{box-shadow:var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SWindow_ryb06_gg_:focus{outline:0}.___SWindow_ryb06_gg_ .___STitle_ryb06_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_ryb06_gg_ .___STitle_ryb06_gg_.__color_ryb06_gg_{color:var(--color_ryb06)}.___SWindow_ryb06_gg_ .___SClose_ryb06_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_ryb06_gg_ .___SClose_ryb06_gg_.__ghost_ryb06_gg_{right:0;top:0}.___SWindow_ryb06_gg_.__ghost_ryb06_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlayContentWrapper_ryb06_gg_{flex:1;max-width:100%;box-sizing:border-box;padding:var(--intergalactic-spacing-10x, 40px)}.___SOverlay_ryb06_gg_{display:flex;justify-content:center;flex-wrap:wrap;position:fixed;top:0;bottom:0;left:0;right:0;margin:0;background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337));overflow:auto;-webkit-overflow-scrolling:touch}@supports (color:color(display-p3 0 0 0%)){.___SOverlay_ryb06_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_ryb06_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SOverlay_ryb06_gg_ .___SOverlay_ryb06_gg_{background:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}@media (max-width:767px){.___SWindow_ryb06_gg_{min-width:60%}.___SOverlayContentWrapper_ryb06_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}",
     /*__inner_css_end__*/
-    "jrdg9_gg_"
+    "ryb06_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SWindow": "___SWindow_jrdg9_gg_",
-    "_ghost": "__ghost_jrdg9_gg_",
-    "__SOverlay": "___SOverlay_jrdg9_gg_",
-    "__STitle": "___STitle_jrdg9_gg_",
-    "_color": "__color_jrdg9_gg_",
-    "--color": "--color_jrdg9",
-    "__SClose": "___SClose_jrdg9_gg_"
+    "__SWindow": "___SWindow_ryb06_gg_",
+    "_ghost": "__ghost_ryb06_gg_",
+    "__SOverlayContentWrapper": "___SOverlayContentWrapper_ryb06_gg_",
+    "__STitle": "___STitle_ryb06_gg_",
+    "_color": "__color_ryb06_gg_",
+    "--color": "--color_ryb06",
+    "__SClose": "___SClose_ryb06_gg_",
+    "__SOverlay": "___SOverlay_ryb06_gg_"
   })
 );
-var ModalRoot = /* @__PURE__ */ function(_Component) {
-  _inherits(ModalRoot2, _Component);
-  var _super = _createSuper(ModalRoot2);
+var ModalRoot = /* @__PURE__ */ (function(_Component) {
   function ModalRoot2() {
     var _this;
     _classCallCheck(this, ModalRoot2);
     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", {
+    _this = _callSuper(this, ModalRoot2, [].concat(args));
+    _defineProperty(_this, "state", {
       hasTitle: false
     });
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function(e) {
+    _defineProperty(_this, "handleKeyDown", function(e) {
       if (e.key === "Escape") {
         e.stopPropagation();
-        fire(_assertThisInitialized(_this), "onClose", "onEscape", e);
+        fire(_this, "onClose", "onEscape", e);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleIconCloseClick", function(e) {
-      fire(_assertThisInitialized(_this), "onClose", "onCloseClick", e);
+    _defineProperty(_this, "handleIconCloseClick", function(e) {
+      fire(_this, "onClose", "onCloseClick", e);
     });
-    _defineProperty(_assertThisInitialized(_this), "handleOutsideClick", function(e) {
-      fire(_assertThisInitialized(_this), "onClose", "onOutsideClick", e);
+    _defineProperty(_this, "handleOutsideClick", function(e) {
+      fire(_this, "onClose", "onOutsideClick", e);
     });
     return _this;
   }
-  _createClass(ModalRoot2, [{
+  _inherits(ModalRoot2, _Component);
+  return _createClass(ModalRoot2, [{
     key: "getOverlayProps",
     value: function getOverlayProps() {
       var _this$asProps = this.asProps, duration = _this$asProps.duration, visible = _this$asProps.visible, animationsDisabled = _this$asProps.animationsDisabled, disablePreventScroll = _this$asProps.disablePreventScroll;
@@ -92,7 +87,7 @@ var ModalRoot = /* @__PURE__ */ function(_Component) {
       return {
         visible,
         closable,
-        onKeyDown: this.handleKeyDown,
+        "onKeyDown": this.handleKeyDown,
         "aria-label": hasTitle ? void 0 : getI18nText("title"),
         "aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : void 0,
         duration,
@@ -136,8 +131,7 @@ var ModalRoot = /* @__PURE__ */ function(_Component) {
       }, advancedMode ? /* @__PURE__ */ React.createElement(Children, null) : /* @__PURE__ */ React.createElement(Modal.Overlay, null, /* @__PURE__ */ React.createElement(Modal.Window, assignProps({}, _ref))));
     }
   }]);
-  return ModalRoot2;
-}(Component);
+})(Component);
 _defineProperty(ModalRoot, "displayName", "Modal");
 _defineProperty(ModalRoot, "style", style);
 _defineProperty(ModalRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement(), cssVariableEnhance({
@@ -157,15 +151,16 @@ function Window(props) {
   var SWindow = Slide;
   var Children = props.Children, styles = props.styles, visible = props.visible, closable = props.closable, duration = props.duration;
   var windowRef = React.useRef(null);
-  useFocusLock(windowRef, true, "auto", !visible, true);
-  return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SWindow, _ref6.cn("SWindow", _objectSpread({}, assignProps({
+  useFocusLock(windowRef, "enforced", "auto", !visible, true);
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SWindow, _ref6.cn("SWindow", _objectSpread({}, assignProps({
     "initialAnimation": true,
     "slideOrigin": "top",
     "visible": visible,
     "role": "dialog",
     "aria-modal": true,
     "duration": duration,
-    "ref": windowRef
+    "ref": windowRef,
+    "tabIndex": -1
   }, _ref2))), /* @__PURE__ */ React.createElement(ZIndexStackingContextProvider, _ref6.cn("ZIndexStackingContextProvider", {
     "designToken": "z-index-modal"
   }), /* @__PURE__ */ React.createElement(PortalProvider, _ref6.cn("PortalProvider", {
@@ -175,24 +170,27 @@ function Window(props) {
 function Overlay(props) {
   var _ref3 = arguments[0], _ref7;
   var SOverlay = FadeInOut;
+  var SOverlayContentWrapper = Flex;
   var Children = props.Children, styles = props.styles, onOutsideClick = props.onOutsideClick, visible = props.visible;
-  var overlayRef = React.useRef(null);
+  var overlayContentWrapperRef = React.useRef(null);
   usePreventScroll(visible, props.disablePreventScroll);
-  useContextTheme(overlayRef, visible);
+  useContextTheme(overlayContentWrapperRef, visible);
   var zIndex = useZIndexStacking("z-index-modal");
-  return _ref7 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SOverlay, _ref7.cn("SOverlay", _objectSpread({}, assignProps({
-    "ref": overlayRef,
+  return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(SOverlay, _ref7.cn("SOverlay", _objectSpread({}, assignProps({
     "zIndex": zIndex
-  }, _ref3))), /* @__PURE__ */ React.createElement(OutsideClick, _ref7.cn("OutsideClick", {
-    "root": overlayRef,
+  }, _ref3))), /* @__PURE__ */ React.createElement(SOverlayContentWrapper, _ref7.cn("SOverlayContentWrapper", {
+    "data-ui-name": "Modal.Overlay.ContentWrapper",
+    "ref": overlayContentWrapperRef
+  }), /* @__PURE__ */ React.createElement(OutsideClick, _ref7.cn("OutsideClick", {
+    "root": overlayContentWrapperRef,
     "onOutsideClick": onOutsideClick
-  }), /* @__PURE__ */ React.createElement(Children, _ref7.cn("Children", {}))));
+  }), /* @__PURE__ */ React.createElement(Children, _ref7.cn("Children", {})))));
 }
 function Close(props) {
   var _ref4 = arguments[0], _ref8;
   var SClose = Button;
   var Children = props.Children, hasChildren = props.children, getI18nText = props.getI18nText, ghost = props.ghost;
-  return _ref8 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SClose, _ref8.cn("SClose", _objectSpread({}, assignProps({
+  return _ref8 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SClose, _ref8.cn("SClose", _objectSpread({}, assignProps({
     "use": "tertiary",
     "size": "l",
     "theme": ghost ? "invert" : "muted",
@@ -204,7 +202,6 @@ function Close(props) {
     "title": getI18nText("close")
   }))));
 }
-Close.enhance = [keyboardFocusEnhance()];
 function Title(props) {
   var _ref5 = arguments[0], _ref9;
   var setHasTitle = props.setHasTitle, styles = props.styles, color = props.color;
@@ -213,7 +210,7 @@ function Title(props) {
   React.useEffect(function() {
     return setHasTitle();
   });
-  return _ref9 = sstyled$1(styles), /* @__PURE__ */ React.createElement(STitle, _ref9.cn("STitle", _objectSpread({}, assignProps({
+  return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(STitle, _ref9.cn("STitle", _objectSpread({}, assignProps({
     "tag": "h2",
     "use:color": resolveColor(color)
   }, _ref5))));