@semcore/modal 4.39.0 → 4.40.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -6
- package/lib/cjs/Modal.js +9 -9
- package/lib/es6/Modal.js +9 -9
- package/package.json +3 -3
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
|
+
## [4.40.0] - 2024-07-05
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/icon` [4.39.1 ~> 4.41.0]).
|
|
10
|
+
|
|
5
11
|
## [4.39.0] - 2024-06-26
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
@@ -186,7 +192,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
186
192
|
|
|
187
193
|
### Changed
|
|
188
194
|
|
|
189
|
-
-
|
|
195
|
+
- CSS selector specify to prevent rare edge case bug.
|
|
190
196
|
|
|
191
197
|
## [4.25.0] - 2024-01-19
|
|
192
198
|
|
|
@@ -654,7 +660,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
654
660
|
|
|
655
661
|
### Added
|
|
656
662
|
|
|
657
|
-
- Added `Modal.Title` component and `aria-labelledby` property for better
|
|
663
|
+
- Added `Modal.Title` component and `aria-labelledby` property for better A11Y.
|
|
658
664
|
|
|
659
665
|
## [3.3.6] - 2023-01-11
|
|
660
666
|
|
|
@@ -789,7 +795,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
789
795
|
### Changed
|
|
790
796
|
|
|
791
797
|
- [TS] rewrite code from ts to js.
|
|
792
|
-
- [
|
|
798
|
+
- [A11Y] added role for `Window` and aria-label for `Close` and `Window`.
|
|
793
799
|
|
|
794
800
|
## [2.3.1] - 2021-04-28
|
|
795
801
|
|
|
@@ -863,13 +869,13 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
863
869
|
|
|
864
870
|
### Fixed
|
|
865
871
|
|
|
866
|
-
- Исправлен транспайл цветовых переменных для стилей без префиксов (build.css)
|
|
872
|
+
- Исправлен транспайл цветовых переменных для стилей без префиксов (`build.css`)
|
|
867
873
|
|
|
868
874
|
## [1.4.0] - 2019-12-12
|
|
869
875
|
|
|
870
876
|
### Added
|
|
871
877
|
|
|
872
|
-
- Появилась возможность добавления различных стилистических тем через
|
|
878
|
+
- Появилась возможность добавления различных стилистических тем через CSS переменные
|
|
873
879
|
- Появилась возможность оптицонально подключать адаптивноссть
|
|
874
880
|
- Появилась возможность изолировать стили даже в пределах одной страницы
|
|
875
881
|
|
|
@@ -922,7 +928,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
922
928
|
|
|
923
929
|
### Fixed
|
|
924
930
|
|
|
925
|
-
- Исправлена сборка для рендера
|
|
931
|
+
- Исправлена сборка для рендера CSS на сервере
|
|
926
932
|
|
|
927
933
|
## [1.1.4] - 2019-07-17
|
|
928
934
|
|
package/lib/cjs/Modal.js
CHANGED
|
@@ -34,15 +34,15 @@ var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
|
|
|
34
34
|
var _ThemeProvider = require("@semcore/utils/lib/ThemeProvider");
|
|
35
35
|
var _useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
|
|
36
36
|
/*__reshadow-styles__:"./style/modal.shadow.css"*/
|
|
37
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
38
|
-
"__SWindow": "
|
|
39
|
-
"_ghost": "
|
|
40
|
-
"__SClose": "
|
|
41
|
-
"_keyboardFocused": "
|
|
42
|
-
"__SOverlay": "
|
|
43
|
-
"__STitle": "
|
|
44
|
-
"_color": "
|
|
45
|
-
"--color": "--
|
|
37
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWindow_6bkuc_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_6bkuc_gg_:focus{outline:0}.___SWindow_6bkuc_gg_ .___STitle_6bkuc_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)}.___SWindow_6bkuc_gg_ .___STitle_6bkuc_gg_.__color_6bkuc_gg_{color:var(--color_6bkuc)}.___SWindow_6bkuc_gg_.__ghost_6bkuc_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_6bkuc_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_6bkuc_gg_ .___SOverlay_6bkuc_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_6bkuc_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_6bkuc_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_6bkuc_gg_.__ghost_6bkuc_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_6bkuc_gg_.__ghost_6bkuc_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_6bkuc_gg_.__keyboardFocused_6bkuc_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (max-width:767px){.___SWindow_6bkuc_gg_{min-width:60%}.___SOverlay_6bkuc_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "6bkuc_gg_") /*__reshadow_css_end__*/, {
|
|
38
|
+
"__SWindow": "___SWindow_6bkuc_gg_",
|
|
39
|
+
"_ghost": "__ghost_6bkuc_gg_",
|
|
40
|
+
"__SClose": "___SClose_6bkuc_gg_",
|
|
41
|
+
"_keyboardFocused": "__keyboardFocused_6bkuc_gg_",
|
|
42
|
+
"__SOverlay": "___SOverlay_6bkuc_gg_",
|
|
43
|
+
"__STitle": "___STitle_6bkuc_gg_",
|
|
44
|
+
"_color": "__color_6bkuc_gg_",
|
|
45
|
+
"--color": "--color_6bkuc"
|
|
46
46
|
});
|
|
47
47
|
var ModalRoot = /*#__PURE__*/function (_Component) {
|
|
48
48
|
(0, _inherits2["default"])(ModalRoot, _Component);
|
package/lib/es6/Modal.js
CHANGED
|
@@ -23,15 +23,15 @@ 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
|
-
"__SWindow": "
|
|
28
|
-
"_ghost": "
|
|
29
|
-
"__SClose": "
|
|
30
|
-
"_keyboardFocused": "
|
|
31
|
-
"__SOverlay": "
|
|
32
|
-
"__STitle": "
|
|
33
|
-
"_color": "
|
|
34
|
-
"--color": "--
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_6bkuc_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_6bkuc_gg_:focus{outline:0}.___SWindow_6bkuc_gg_ .___STitle_6bkuc_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)}.___SWindow_6bkuc_gg_ .___STitle_6bkuc_gg_.__color_6bkuc_gg_{color:var(--color_6bkuc)}.___SWindow_6bkuc_gg_.__ghost_6bkuc_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_6bkuc_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_6bkuc_gg_ .___SOverlay_6bkuc_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_6bkuc_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_6bkuc_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_6bkuc_gg_.__ghost_6bkuc_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_6bkuc_gg_.__ghost_6bkuc_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_6bkuc_gg_.__keyboardFocused_6bkuc_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (max-width:767px){.___SWindow_6bkuc_gg_{min-width:60%}.___SOverlay_6bkuc_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "6bkuc_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SWindow": "___SWindow_6bkuc_gg_",
|
|
28
|
+
"_ghost": "__ghost_6bkuc_gg_",
|
|
29
|
+
"__SClose": "___SClose_6bkuc_gg_",
|
|
30
|
+
"_keyboardFocused": "__keyboardFocused_6bkuc_gg_",
|
|
31
|
+
"__SOverlay": "___SOverlay_6bkuc_gg_",
|
|
32
|
+
"__STitle": "___STitle_6bkuc_gg_",
|
|
33
|
+
"_color": "__color_6bkuc_gg_",
|
|
34
|
+
"--color": "--color_6bkuc"
|
|
35
35
|
});
|
|
36
36
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
37
37
|
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.
|
|
4
|
+
"version": "4.40.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -11,10 +11,10 @@
|
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"@semcore/animation": "2.29.0",
|
|
13
13
|
"@semcore/flex-box": "5.29.0",
|
|
14
|
-
"@semcore/icon": "4.
|
|
14
|
+
"@semcore/icon": "4.41.0",
|
|
15
15
|
"@semcore/outside-click": "3.27.0",
|
|
16
16
|
"@semcore/portal": "3.29.0",
|
|
17
|
-
"@semcore/typography": "5.
|
|
17
|
+
"@semcore/typography": "5.38.0",
|
|
18
18
|
"@semcore/utils": "4.30.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|