@semcore/modal 4.56.2 → 4.57.0-prerelease.0

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

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

package/lib/types/index.d.ts

@@ -1,13 +1,9 @@
-import React from 'react';
-import { FadeInOutProps, SlideProps } from '@semcore/animation';
-import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
-import { PortalProps } from '@semcore/portal';
-import { Box, BoxProps } from '@semcore/flex-box';
-import { TextProps } from '@semcore/typography';
-import Button from '@semcore/button';
+import type { FadeInOutProps, SlideProps, Box, BoxProps, PortalProps } from '@semcore/base-components';
+import type Button from '@semcore/button';
+import type { PropGetterFn, Intergalactic } from '@semcore/core';
+import type { NSText } from '@semcore/typography';
+import type React from 'react';
 
-/** @deprecated */
-export interface IModalProps extends ModalProps, UnknownProperties {}
 export type ModalProps = PortalProps &
   BoxProps &
   FadeInOutProps & {
@@ -31,21 +27,16 @@ export type ModalProps = PortalProps &
      * @default false
      */
     disablePreventScroll?: boolean;
-
+    /** Specifies the locale for i18n support */
     locale?: string;
-
     /**
      * Props for render modal without background and paddings. Useful in carousel for example
      */
     ghost?: boolean;
   };
 
-/** @deprecated */
-export interface IWindowProps extends WindowProps, UnknownProperties {}
 export type WindowProps = BoxProps & SlideProps & {};
 
-/** @deprecated */
-export interface IModalContext extends ModalContext, UnknownProperties {}
 export type ModalContext = {
   getOverlayProps: PropGetterFn;
   getWindowProps: PropGetterFn;
@@ -56,7 +47,7 @@ declare const Modal: Intergalactic.Component<'div', ModalProps, ModalContext> &
   Window: Intergalactic.Component<'div', WindowProps>;
   Overlay: typeof Box;
   Close: typeof Button;
-  Title: Intergalactic.Component<'div', TextProps>;
+  Title: Intergalactic.Component<'div', NSText.Props>;
 };
 
 export default Modal;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/modal",
   "description": "Semrush Modal Component",
-  "version": "4.56.2",
+  "version": "4.57.0-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,17 +14,17 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/button": "5.43.3",
-    "@semcore/animation": "2.41.4",
-    "@semcore/flex-box": "5.41.4",
-    "@semcore/icon": "4.62.1",
-    "@semcore/outside-click": "3.40.2",
-    "@semcore/portal": "3.41.4",
-    "@semcore/typography": "5.53.2",
-    "@semcore/utils": "4.48.5"
+    "@semcore/button": "5.44.0-prerelease.0",
+    "@semcore/animation": "2.42.0-prerelease.0",
+    "@semcore/flex-box": "5.42.0-prerelease.0",
+    "@semcore/icon": "4.63.0-prerelease.0",
+    "@semcore/outside-click": "3.41.0-prerelease.0",
+    "@semcore/portal": "3.42.0-prerelease.0",
+    "@semcore/typography": "5.54.0-prerelease.0",
+    "@semcore/utils": "4.49.0-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
+    "@semcore/core": "^2.40.0-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },