@semcore/modal 16.1.13-prerelease.4 → 16.2.0-prerelease.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Modal.js +9 -9
  3. package/lib/cjs/style/modal.shadow.css +7 -7
  4. package/lib/es6/Modal.js +9 -9
  5. package/lib/es6/style/modal.shadow.css +7 -7
  6. package/lib/esm/Modal.mjs +10 -10
  7. package/lib/esm/style/modal.shadow.css +7 -7
  8. package/package.json +11 -11
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
+ ## [16.2.0] - 2026-05-07
6
+
7
+ ### Added
8
+
9
+ - New brand theme.
10
+
5
11
  ## [16.1.13] - 2026-02-10
6
12
 
7
13
  ### Fixed
package/lib/cjs/Modal.js CHANGED
@@ -33,17 +33,17 @@ var _typography = require("@semcore/typography");
33
33
  var _react = _interopRequireDefault(require("react"));
34
34
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
35
35
  /*!__reshadow-styles__:"./style/modal.shadow.css"*/
36
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SWindow_5oobv_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_5oobv_gg_:focus{outline:0}.___SWindow_5oobv_gg_ .___STitle_5oobv_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_5oobv_gg_ .___STitle_5oobv_gg_.__color_5oobv_gg_{color:var(--color_5oobv)}.___SWindow_5oobv_gg_ .___SClose_5oobv_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_5oobv_gg_ .___SClose_5oobv_gg_.__ghost_5oobv_gg_{right:0;top:0}.___SWindow_5oobv_gg_.__ghost_5oobv_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlayContentWrapper_5oobv_gg_{flex:1;max-width:100%;box-sizing:border-box;padding:var(--intergalactic-spacing-10x, 40px)}.___SOverlay_5oobv_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(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_5oobv_gg_ .___SOverlay_5oobv_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_5oobv_gg_{min-width:60%}.___SOverlayContentWrapper_5oobv_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}", /*__inner_css_end__*/"5oobv_gg_"),
36
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SWindow_qyqlg_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_qyqlg_gg_{box-shadow:var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SWindow_qyqlg_gg_{box-shadow:var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SWindow_qyqlg_gg_:focus{outline:0}.___SWindow_qyqlg_gg_ .___STitle_qyqlg_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_qyqlg_gg_ .___STitle_qyqlg_gg_.__color_qyqlg_gg_{color:var(--color_qyqlg)}.___SWindow_qyqlg_gg_ .___SClose_qyqlg_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_qyqlg_gg_ .___SClose_qyqlg_gg_.__ghost_qyqlg_gg_{right:0;top:0}.___SWindow_qyqlg_gg_.__ghost_qyqlg_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlayContentWrapper_qyqlg_gg_{flex:1;max-width:100%;box-sizing:border-box;padding:var(--intergalactic-spacing-10x, 40px)}.___SOverlay_qyqlg_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_qyqlg_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_qyqlg_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SOverlay_qyqlg_gg_ .___SOverlay_qyqlg_gg_{background:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}@media (max-width:767px){.___SWindow_qyqlg_gg_{min-width:60%}.___SOverlayContentWrapper_qyqlg_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}", /*__inner_css_end__*/"qyqlg_gg_"),
37
37
  /*__reshadow_css_end__*/
38
38
  {
39
- "__SWindow": "___SWindow_5oobv_gg_",
40
- "_ghost": "__ghost_5oobv_gg_",
41
- "__SOverlayContentWrapper": "___SOverlayContentWrapper_5oobv_gg_",
42
- "__STitle": "___STitle_5oobv_gg_",
43
- "_color": "__color_5oobv_gg_",
44
- "--color": "--color_5oobv",
45
- "__SClose": "___SClose_5oobv_gg_",
46
- "__SOverlay": "___SOverlay_5oobv_gg_"
39
+ "__SWindow": "___SWindow_qyqlg_gg_",
40
+ "_ghost": "__ghost_qyqlg_gg_",
41
+ "__SOverlayContentWrapper": "___SOverlayContentWrapper_qyqlg_gg_",
42
+ "__STitle": "___STitle_qyqlg_gg_",
43
+ "_color": "__color_qyqlg_gg_",
44
+ "--color": "--color_qyqlg",
45
+ "__SClose": "___SClose_qyqlg_gg_",
46
+ "__SOverlay": "___SOverlay_qyqlg_gg_"
47
47
  });
48
48
  var ModalRoot = /*#__PURE__*/function (_Component) {
49
49
  function ModalRoot() {
package/lib/cjs/style/modal.shadow.css CHANGED
@@ -1,19 +1,19 @@
1
1
  SWindow {
2
2
  position: relative;
3
- border-radius: var(--intergalactic-modal-rounded, 12px);
4
- background: var(--intergalactic-bg-primary-neutral, #ffffff);
3
+ border-radius: var(--intergalactic-modal-rounded, calc(12px + 2px));
4
+ background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
5
5
  box-sizing: border-box;
6
6
  margin: auto;
7
7
  padding: var(--intergalactic-spacing-10x, 40px);
8
- box-shadow: var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));
9
- color: var(--intergalactic-text-primary, #191b23);
8
+ box-shadow: var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px oklch(0.176 0.033 175.7 / 0.07));
9
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
10
10
 
11
11
  &:focus {
12
12
  outline: none;
13
13
  }
14
14
 
15
15
  STitle {
16
- color: var(--intergalactic-text-primary, #191b23);
16
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
17
17
  font-size: var(--intergalactic-fs-500, 24px);
18
18
  line-height: var(--intergalactic-lh-500, 117%);
19
19
  font-weight: var(--intergalactic-semi-bold, 600);
@@ -60,12 +60,12 @@ SOverlay {
60
60
  left: 0;
61
61
  right: 0;
62
62
  margin: 0;
63
- background: var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));
63
+ background: var(--intergalactic-overlay-primary, oklch(0.109 0.023 165.5 / 0.337));
64
64
  overflow: auto;
65
65
  -webkit-overflow-scrolling: touch;
66
66
 
67
67
  & SOverlay {
68
- background: var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4));
68
+ background: var(--intergalactic-overlay-secondary, oklch(0.118 0.023 170.1 / 0.262));
69
69
  }
70
70
 
71
71
  }
package/lib/es6/Modal.js CHANGED
@@ -30,17 +30,17 @@ import Portal, { PortalProvider } from '@semcore/portal';
30
30
  import { Text } from '@semcore/typography';
31
31
  import React from 'react';
32
32
  /*!__reshadow-styles__:"./style/modal.shadow.css"*/
33
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SWindow_5oobv_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_5oobv_gg_:focus{outline:0}.___SWindow_5oobv_gg_ .___STitle_5oobv_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_5oobv_gg_ .___STitle_5oobv_gg_.__color_5oobv_gg_{color:var(--color_5oobv)}.___SWindow_5oobv_gg_ .___SClose_5oobv_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_5oobv_gg_ .___SClose_5oobv_gg_.__ghost_5oobv_gg_{right:0;top:0}.___SWindow_5oobv_gg_.__ghost_5oobv_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlayContentWrapper_5oobv_gg_{flex:1;max-width:100%;box-sizing:border-box;padding:var(--intergalactic-spacing-10x, 40px)}.___SOverlay_5oobv_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(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_5oobv_gg_ .___SOverlay_5oobv_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_5oobv_gg_{min-width:60%}.___SOverlayContentWrapper_5oobv_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}", /*__inner_css_end__*/"5oobv_gg_"),
33
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SWindow_qyqlg_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_qyqlg_gg_{box-shadow:var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SWindow_qyqlg_gg_{box-shadow:var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SWindow_qyqlg_gg_:focus{outline:0}.___SWindow_qyqlg_gg_ .___STitle_qyqlg_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_qyqlg_gg_ .___STitle_qyqlg_gg_.__color_qyqlg_gg_{color:var(--color_qyqlg)}.___SWindow_qyqlg_gg_ .___SClose_qyqlg_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_qyqlg_gg_ .___SClose_qyqlg_gg_.__ghost_qyqlg_gg_{right:0;top:0}.___SWindow_qyqlg_gg_.__ghost_qyqlg_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlayContentWrapper_qyqlg_gg_{flex:1;max-width:100%;box-sizing:border-box;padding:var(--intergalactic-spacing-10x, 40px)}.___SOverlay_qyqlg_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_qyqlg_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_qyqlg_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SOverlay_qyqlg_gg_ .___SOverlay_qyqlg_gg_{background:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}@media (max-width:767px){.___SWindow_qyqlg_gg_{min-width:60%}.___SOverlayContentWrapper_qyqlg_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}", /*__inner_css_end__*/"qyqlg_gg_"),
34
34
  /*__reshadow_css_end__*/
35
35
  {
36
- "__SWindow": "___SWindow_5oobv_gg_",
37
- "_ghost": "__ghost_5oobv_gg_",
38
- "__SOverlayContentWrapper": "___SOverlayContentWrapper_5oobv_gg_",
39
- "__STitle": "___STitle_5oobv_gg_",
40
- "_color": "__color_5oobv_gg_",
41
- "--color": "--color_5oobv",
42
- "__SClose": "___SClose_5oobv_gg_",
43
- "__SOverlay": "___SOverlay_5oobv_gg_"
36
+ "__SWindow": "___SWindow_qyqlg_gg_",
37
+ "_ghost": "__ghost_qyqlg_gg_",
38
+ "__SOverlayContentWrapper": "___SOverlayContentWrapper_qyqlg_gg_",
39
+ "__STitle": "___STitle_qyqlg_gg_",
40
+ "_color": "__color_qyqlg_gg_",
41
+ "--color": "--color_qyqlg",
42
+ "__SClose": "___SClose_qyqlg_gg_",
43
+ "__SOverlay": "___SOverlay_qyqlg_gg_"
44
44
  });
45
45
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
46
46
  var ModalRoot = /*#__PURE__*/function (_Component) {
package/lib/es6/style/modal.shadow.css CHANGED
@@ -1,19 +1,19 @@
1
1
  SWindow {
2
2
  position: relative;
3
- border-radius: var(--intergalactic-modal-rounded, 12px);
4
- background: var(--intergalactic-bg-primary-neutral, #ffffff);
3
+ border-radius: var(--intergalactic-modal-rounded, calc(12px + 2px));
4
+ background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
5
5
  box-sizing: border-box;
6
6
  margin: auto;
7
7
  padding: var(--intergalactic-spacing-10x, 40px);
8
- box-shadow: var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));
9
- color: var(--intergalactic-text-primary, #191b23);
8
+ box-shadow: var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px oklch(0.176 0.033 175.7 / 0.07));
9
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
10
10
 
11
11
  &:focus {
12
12
  outline: none;
13
13
  }
14
14
 
15
15
  STitle {
16
- color: var(--intergalactic-text-primary, #191b23);
16
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
17
17
  font-size: var(--intergalactic-fs-500, 24px);
18
18
  line-height: var(--intergalactic-lh-500, 117%);
19
19
  font-weight: var(--intergalactic-semi-bold, 600);
@@ -60,12 +60,12 @@ SOverlay {
60
60
  left: 0;
61
61
  right: 0;
62
62
  margin: 0;
63
- background: var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));
63
+ background: var(--intergalactic-overlay-primary, oklch(0.109 0.023 165.5 / 0.337));
64
64
  overflow: auto;
65
65
  -webkit-overflow-scrolling: touch;
66
66
 
67
67
  & SOverlay {
68
- background: var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4));
68
+ background: var(--intergalactic-overlay-secondary, oklch(0.118 0.023 170.1 / 0.262));
69
69
  }
70
70
 
71
71
  }
package/lib/esm/Modal.mjs CHANGED
@@ -29,19 +29,19 @@ var style = (
29
29
  /*__reshadow_css_start__*/
30
30
  (sstyled.insert(
31
31
  /*__inner_css_start__*/
32
- ".___SWindow_5oobv_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_5oobv_gg_:focus{outline:0}.___SWindow_5oobv_gg_ .___STitle_5oobv_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_5oobv_gg_ .___STitle_5oobv_gg_.__color_5oobv_gg_{color:var(--color_5oobv)}.___SWindow_5oobv_gg_ .___SClose_5oobv_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_5oobv_gg_ .___SClose_5oobv_gg_.__ghost_5oobv_gg_{right:0;top:0}.___SWindow_5oobv_gg_.__ghost_5oobv_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlayContentWrapper_5oobv_gg_{flex:1;max-width:100%;box-sizing:border-box;padding:var(--intergalactic-spacing-10x, 40px)}.___SOverlay_5oobv_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(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_5oobv_gg_ .___SOverlay_5oobv_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_5oobv_gg_{min-width:60%}.___SOverlayContentWrapper_5oobv_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}",
32
+ ".___SWindow_qyqlg_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_qyqlg_gg_{box-shadow:var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SWindow_qyqlg_gg_{box-shadow:var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SWindow_qyqlg_gg_:focus{outline:0}.___SWindow_qyqlg_gg_ .___STitle_qyqlg_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_qyqlg_gg_ .___STitle_qyqlg_gg_.__color_qyqlg_gg_{color:var(--color_qyqlg)}.___SWindow_qyqlg_gg_ .___SClose_qyqlg_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_qyqlg_gg_ .___SClose_qyqlg_gg_.__ghost_qyqlg_gg_{right:0;top:0}.___SWindow_qyqlg_gg_.__ghost_qyqlg_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlayContentWrapper_qyqlg_gg_{flex:1;max-width:100%;box-sizing:border-box;padding:var(--intergalactic-spacing-10x, 40px)}.___SOverlay_qyqlg_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_qyqlg_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_qyqlg_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SOverlay_qyqlg_gg_ .___SOverlay_qyqlg_gg_{background:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}@media (max-width:767px){.___SWindow_qyqlg_gg_{min-width:60%}.___SOverlayContentWrapper_qyqlg_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}",
33
33
  /*__inner_css_end__*/
34
- "5oobv_gg_"
34
+ "qyqlg_gg_"
35
35
  ), /*__reshadow_css_end__*/
36
36
  {
37
- "__SWindow": "___SWindow_5oobv_gg_",
38
- "_ghost": "__ghost_5oobv_gg_",
39
- "__SOverlayContentWrapper": "___SOverlayContentWrapper_5oobv_gg_",
40
- "__STitle": "___STitle_5oobv_gg_",
41
- "_color": "__color_5oobv_gg_",
42
- "--color": "--color_5oobv",
43
- "__SClose": "___SClose_5oobv_gg_",
44
- "__SOverlay": "___SOverlay_5oobv_gg_"
37
+ "__SWindow": "___SWindow_qyqlg_gg_",
38
+ "_ghost": "__ghost_qyqlg_gg_",
39
+ "__SOverlayContentWrapper": "___SOverlayContentWrapper_qyqlg_gg_",
40
+ "__STitle": "___STitle_qyqlg_gg_",
41
+ "_color": "__color_qyqlg_gg_",
42
+ "--color": "--color_qyqlg",
43
+ "__SClose": "___SClose_qyqlg_gg_",
44
+ "__SOverlay": "___SOverlay_qyqlg_gg_"
45
45
  })
46
46
  );
47
47
  var ModalRoot = /* @__PURE__ */ (function(_Component) {
package/lib/esm/style/modal.shadow.css CHANGED
@@ -1,19 +1,19 @@
1
1
  SWindow {
2
2
  position: relative;
3
- border-radius: var(--intergalactic-modal-rounded, 12px);
4
- background: var(--intergalactic-bg-primary-neutral, #ffffff);
3
+ border-radius: var(--intergalactic-modal-rounded, calc(12px + 2px));
4
+ background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
5
5
  box-sizing: border-box;
6
6
  margin: auto;
7
7
  padding: var(--intergalactic-spacing-10x, 40px);
8
- box-shadow: var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));
9
- color: var(--intergalactic-text-primary, #191b23);
8
+ box-shadow: var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px oklch(0.176 0.033 175.7 / 0.07));
9
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
10
10
 
11
11
  &:focus {
12
12
  outline: none;
13
13
  }
14
14
 
15
15
  STitle {
16
- color: var(--intergalactic-text-primary, #191b23);
16
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
17
17
  font-size: var(--intergalactic-fs-500, 24px);
18
18
  line-height: var(--intergalactic-lh-500, 117%);
19
19
  font-weight: var(--intergalactic-semi-bold, 600);
@@ -60,12 +60,12 @@ SOverlay {
60
60
  left: 0;
61
61
  right: 0;
62
62
  margin: 0;
63
- background: var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));
63
+ background: var(--intergalactic-overlay-primary, oklch(0.109 0.023 165.5 / 0.337));
64
64
  overflow: auto;
65
65
  -webkit-overflow-scrolling: touch;
66
66
 
67
67
  & SOverlay {
68
- background: var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4));
68
+ background: var(--intergalactic-overlay-secondary, oklch(0.118 0.023 170.1 / 0.262));
69
69
  }
70
70
 
71
71
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/modal",
3
3
  "description": "Semrush Modal Component",
4
- "version": "16.1.13-prerelease.4",
4
+ "version": "16.2.0-prerelease.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,16 +14,16 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/button": "16.0.12",
18
- "@semcore/icon": "16.7.4-prerelease.4",
19
- "@semcore/typography": "16.3.2",
20
- "@semcore/animation": "16.0.7",
21
- "@semcore/flex-box": "16.0.11",
22
- "@semcore/outside-click": "16.0.11",
23
- "@semcore/portal": "16.0.11"
17
+ "@semcore/button": "16.1.0-prerelease.0",
18
+ "@semcore/icon": "16.8.0-prerelease.0",
19
+ "@semcore/typography": "16.4.0-prerelease.0",
20
+ "@semcore/animation": "16.1.0-prerelease.0",
21
+ "@semcore/flex-box": "16.1.0-prerelease.0",
22
+ "@semcore/outside-click": "16.1.0-prerelease.0",
23
+ "@semcore/portal": "16.1.0-prerelease.0"
24
24
  },
25
25
  "peerDependencies": {
26
- "@semcore/base-components": "^16.0.0"
26
+ "@semcore/base-components": "^16.6.0-prerelease.0"
27
27
  },
28
28
  "repository": {
29
29
  "type": "git",
@@ -31,8 +31,8 @@
31
31
  "directory": "semcore/modal"
32
32
  },
33
33
  "devDependencies": {
34
- "@semcore/core": "16.5.1",
35
- "@semcore/testing-utils": "1.0.0"
34
+ "@semcore/testing-utils": "1.0.0",
35
+ "@semcore/core": "16.6.0-prerelease.0"
36
36
  },
37
37
  "scripts": {
38
38
  "build": "pnpm semcore-builder --source=js && pnpm vite build"