@semcore/modal 4.16.0-prerelease.0 → 4.16.0-prerelease.1
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 +3 -3
- package/lib/cjs/Modal.js +6 -6
- package/lib/cjs/style/modal.shadow.css +1 -1
- package/lib/es6/Modal.js +6 -6
- package/lib/es6/style/modal.shadow.css +1 -1
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [4.16.0-prerelease.
|
|
5
|
+
## [4.16.0-prerelease.1] - 2023-11-06
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version preminor update due to children dependencies update (`@semcore/animation` [2.9.0 ~> 2.10.0], `@semcore/flex-box` [5.9.0 ~> 5.10.0], `@semcore/icon` [4.13.0 ~> 4.14.0], `@semcore/utils` [4.9.0 ~> 4.10.
|
|
9
|
+
- Version preminor update due to children dependencies update (`@semcore/animation` [2.9.0 ~> 2.10.0], `@semcore/flex-box` [5.9.0 ~> 5.10.0], `@semcore/icon` [4.13.0 ~> 4.14.0], `@semcore/utils` [4.9.0 ~> 4.10.1], `@semcore/core` [2.8.0 ~> 2.9.0]).
|
|
10
10
|
|
|
11
11
|
## [4.15.0] - 2023-10-27
|
|
12
12
|
|
|
@@ -558,7 +558,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
558
558
|
|
|
559
559
|
### Fixed
|
|
560
560
|
|
|
561
|
-
- Modal.Close now changes visibility state only because of closable prop.
|
|
561
|
+
- Modal. Close now changes visibility state only because of closable prop.
|
|
562
562
|
|
|
563
563
|
## [2.1.1] - 2020-09-08
|
|
564
564
|
|
package/lib/cjs/Modal.js
CHANGED
|
@@ -32,12 +32,12 @@ var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
|
32
32
|
var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
|
|
33
33
|
var _ThemeProvider = require("@semcore/utils/lib/ThemeProvider");
|
|
34
34
|
/*__reshadow-styles__:"./style/modal.shadow.css"*/
|
|
35
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
36
|
-
"__SClose": "
|
|
37
|
-
"_keyboardFocused": "
|
|
38
|
-
"__STitle": "
|
|
39
|
-
"__SWindow": "
|
|
40
|
-
"__SOverlay": "
|
|
35
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWindow_1aewe_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_1aewe_gg_:focus{outline:0}.___SOverlay_1aewe_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;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_1aewe_gg_ .___SOverlay_1aewe_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_1aewe_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_1aewe_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_1aewe_gg_.__keyboardFocused_1aewe_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_1aewe_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)}@media (max-width:767px){.___SWindow_1aewe_gg_{min-width:60%}.___SOverlay_1aewe_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1aewe_gg_") /*__reshadow_css_end__*/, {
|
|
36
|
+
"__SClose": "___SClose_1aewe_gg_",
|
|
37
|
+
"_keyboardFocused": "__keyboardFocused_1aewe_gg_",
|
|
38
|
+
"__STitle": "___STitle_1aewe_gg_",
|
|
39
|
+
"__SWindow": "___SWindow_1aewe_gg_",
|
|
40
|
+
"__SOverlay": "___SOverlay_1aewe_gg_"
|
|
41
41
|
});
|
|
42
42
|
var ModalRoot = /*#__PURE__*/function (_Component) {
|
|
43
43
|
(0, _inherits2["default"])(ModalRoot, _Component);
|
package/lib/es6/Modal.js
CHANGED
|
@@ -23,12 +23,12 @@ import usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';
|
|
|
23
23
|
import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
24
24
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
25
25
|
/*__reshadow-styles__:"./style/modal.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SClose": "
|
|
28
|
-
"_keyboardFocused": "
|
|
29
|
-
"__STitle": "
|
|
30
|
-
"__SWindow": "
|
|
31
|
-
"__SOverlay": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_1aewe_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_1aewe_gg_:focus{outline:0}.___SOverlay_1aewe_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;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_1aewe_gg_ .___SOverlay_1aewe_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_1aewe_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_1aewe_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_1aewe_gg_.__keyboardFocused_1aewe_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_1aewe_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)}@media (max-width:767px){.___SWindow_1aewe_gg_{min-width:60%}.___SOverlay_1aewe_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1aewe_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SClose": "___SClose_1aewe_gg_",
|
|
28
|
+
"_keyboardFocused": "__keyboardFocused_1aewe_gg_",
|
|
29
|
+
"__STitle": "___STitle_1aewe_gg_",
|
|
30
|
+
"__SWindow": "___SWindow_1aewe_gg_",
|
|
31
|
+
"__SOverlay": "___SOverlay_1aewe_gg_"
|
|
32
32
|
});
|
|
33
33
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
34
34
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/modal",
|
|
3
3
|
"description": "Semrush Modal Component",
|
|
4
|
-
"version": "4.16.0-prerelease.
|
|
4
|
+
"version": "4.16.0-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/animation": "2.10.0-prerelease.
|
|
13
|
-
"@semcore/flex-box": "5.10.0-prerelease.
|
|
14
|
-
"@semcore/icon": "4.14.0-prerelease.
|
|
15
|
-
"@semcore/outside-click": "3.9.0-prerelease.
|
|
16
|
-
"@semcore/portal": "3.9.0-prerelease.
|
|
17
|
-
"@semcore/typography": "5.15.0-prerelease.
|
|
18
|
-
"@semcore/utils": "4.10.
|
|
12
|
+
"@semcore/animation": "2.10.0-prerelease.1",
|
|
13
|
+
"@semcore/flex-box": "5.10.0-prerelease.1",
|
|
14
|
+
"@semcore/icon": "4.14.0-prerelease.1",
|
|
15
|
+
"@semcore/outside-click": "3.9.0-prerelease.1",
|
|
16
|
+
"@semcore/portal": "3.9.0-prerelease.1",
|
|
17
|
+
"@semcore/typography": "5.15.0-prerelease.1",
|
|
18
|
+
"@semcore/utils": "4.10.1-prerelease.1"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"@semcore/core": "^2.9.0-prerelease.0",
|