@semcore/fullscreen-modal 3.43.0-prerelease.0 → 3.43.1-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.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/FullscreenModal.js +13 -13
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/es6/FullscreenModal.js +13 -13
- package/lib/es6/index.d.js.map +1 -1
- package/lib/types/index.d.ts +2 -2
- package/package.json +5 -5
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
|
+
## [3.43.1] - 2024-08-23
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/icon` [4.43.2 ~> 4.44.0], `@semcore/button` [5.35.1 ~> 5.35.2]).
|
|
10
|
+
|
|
5
11
|
## [3.43.0] - 2024-07-29
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
@@ -28,19 +28,19 @@ var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i
|
|
|
28
28
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
29
29
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
30
30
|
/*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SFullscreenOverlay": "
|
|
33
|
-
"__SFullscreenModal": "
|
|
34
|
-
"__SClose": "
|
|
35
|
-
"__SBack": "
|
|
36
|
-
"_keyboardFocused": "
|
|
37
|
-
"__SBackText": "
|
|
38
|
-
"__STitle": "
|
|
39
|
-
"__SDescription": "
|
|
40
|
-
"__SHeader": "
|
|
41
|
-
"__SFooter": "
|
|
42
|
-
"__SBody": "
|
|
43
|
-
"__SSection": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1d2y6_gg_{padding:0}.___SFullscreenModal_1d2y6_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_1d2y6_gg_{position:absolute;top:17px;right:24px}.___SBack_1d2y6_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_1d2y6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1d2y6_gg_.__keyboardFocused_1d2y6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1d2y6_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1d2y6_gg_,.___SDescription_1d2y6_gg_,.___STitle_1d2y6_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1d2y6_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_1d2y6_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_1d2y6_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_1d2y6_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1d2y6_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1d2y6_gg_{display:flex;height:100%;overflow:auto}.___SSection_1d2y6_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_1d2y6_gg_{transition:none}}" /*__inner_css_end__*/, "1d2y6_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1d2y6_gg_",
|
|
33
|
+
"__SFullscreenModal": "___SFullscreenModal_1d2y6_gg_",
|
|
34
|
+
"__SClose": "___SClose_1d2y6_gg_",
|
|
35
|
+
"__SBack": "___SBack_1d2y6_gg_",
|
|
36
|
+
"_keyboardFocused": "__keyboardFocused_1d2y6_gg_",
|
|
37
|
+
"__SBackText": "___SBackText_1d2y6_gg_",
|
|
38
|
+
"__STitle": "___STitle_1d2y6_gg_",
|
|
39
|
+
"__SDescription": "___SDescription_1d2y6_gg_",
|
|
40
|
+
"__SHeader": "___SHeader_1d2y6_gg_",
|
|
41
|
+
"__SFooter": "___SFooter_1d2y6_gg_",
|
|
42
|
+
"__SBody": "___SBody_1d2y6_gg_",
|
|
43
|
+
"__SSection": "___SSection_1d2y6_gg_"
|
|
44
44
|
});
|
|
45
45
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
46
46
|
(0, _inherits2["default"])(FullscreenModalRoot, _Component);
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { ModalProps } from '@semcore/modal';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { ModalProps } from '@semcore/modal';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport { Text } from '@semcore/typography';\n\n/** @deprecated */\nexport interface IFullscreenModalProps extends FullscreenModalProps, UnknownProperties {}\nexport type FullscreenModalProps = ModalProps & {\n /** Function that is invoked when hiding a component */\n onClose?: (\n trigger: 'onBackClick' | 'onCloseClick' | 'onEscape' | 'onOutsideClick',\n e?: React.MouseEvent | React.KeyboardEvent,\n ) => void;\n};\n\n/** @deprecated */\nexport interface IFullscreenModalHeaderProps\n extends FullscreenModalHeaderProps,\n UnknownProperties {}\nexport type FullscreenModalHeaderProps = BoxProps & {\n title?: React.ReactNode;\n description?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IFullscreenModalContext extends FullscreenModalContext, UnknownProperties {}\nexport type FullscreenModalContext = {\n getBackProps: PropGetterFn;\n getCloseProps: PropGetterFn;\n};\n\ndeclare const FullscreenModal: Intergalactic.Component<\n 'div',\n FullscreenModalProps,\n FullscreenModalContext\n> & {\n Header: Intergalactic.Component<'div', FullscreenModalHeaderProps>;\n Footer: typeof Flex;\n Close: typeof Button;\n Back: typeof Box;\n Body: typeof Box;\n Section: typeof Box;\n Title: typeof Text;\n Description: typeof Text;\n};\n\nexport default FullscreenModal;\n"],"mappings":""}
|
|
@@ -28,19 +28,19 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
|
|
|
28
28
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
29
29
|
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
30
30
|
/*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SFullscreenOverlay": "
|
|
33
|
-
"__SFullscreenModal": "
|
|
34
|
-
"__SClose": "
|
|
35
|
-
"__SBack": "
|
|
36
|
-
"_keyboardFocused": "
|
|
37
|
-
"__SBackText": "
|
|
38
|
-
"__STitle": "
|
|
39
|
-
"__SDescription": "
|
|
40
|
-
"__SHeader": "
|
|
41
|
-
"__SFooter": "
|
|
42
|
-
"__SBody": "
|
|
43
|
-
"__SSection": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1d2y6_gg_{padding:0}.___SFullscreenModal_1d2y6_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_1d2y6_gg_{position:absolute;top:17px;right:24px}.___SBack_1d2y6_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_1d2y6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1d2y6_gg_.__keyboardFocused_1d2y6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1d2y6_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1d2y6_gg_,.___SDescription_1d2y6_gg_,.___STitle_1d2y6_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1d2y6_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_1d2y6_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_1d2y6_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_1d2y6_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1d2y6_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1d2y6_gg_{display:flex;height:100%;overflow:auto}.___SSection_1d2y6_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_1d2y6_gg_{transition:none}}" /*__inner_css_end__*/, "1d2y6_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1d2y6_gg_",
|
|
33
|
+
"__SFullscreenModal": "___SFullscreenModal_1d2y6_gg_",
|
|
34
|
+
"__SClose": "___SClose_1d2y6_gg_",
|
|
35
|
+
"__SBack": "___SBack_1d2y6_gg_",
|
|
36
|
+
"_keyboardFocused": "__keyboardFocused_1d2y6_gg_",
|
|
37
|
+
"__SBackText": "___SBackText_1d2y6_gg_",
|
|
38
|
+
"__STitle": "___STitle_1d2y6_gg_",
|
|
39
|
+
"__SDescription": "___SDescription_1d2y6_gg_",
|
|
40
|
+
"__SHeader": "___SHeader_1d2y6_gg_",
|
|
41
|
+
"__SFooter": "___SFooter_1d2y6_gg_",
|
|
42
|
+
"__SBody": "___SBody_1d2y6_gg_",
|
|
43
|
+
"__SSection": "___SSection_1d2y6_gg_"
|
|
44
44
|
});
|
|
45
45
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
46
46
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { ModalProps } from '@semcore/modal';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { ModalProps } from '@semcore/modal';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport { Text } from '@semcore/typography';\n\n/** @deprecated */\nexport interface IFullscreenModalProps extends FullscreenModalProps, UnknownProperties {}\nexport type FullscreenModalProps = ModalProps & {\n /** Function that is invoked when hiding a component */\n onClose?: (\n trigger: 'onBackClick' | 'onCloseClick' | 'onEscape' | 'onOutsideClick',\n e?: React.MouseEvent | React.KeyboardEvent,\n ) => void;\n};\n\n/** @deprecated */\nexport interface IFullscreenModalHeaderProps\n extends FullscreenModalHeaderProps,\n UnknownProperties {}\nexport type FullscreenModalHeaderProps = BoxProps & {\n title?: React.ReactNode;\n description?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IFullscreenModalContext extends FullscreenModalContext, UnknownProperties {}\nexport type FullscreenModalContext = {\n getBackProps: PropGetterFn;\n getCloseProps: PropGetterFn;\n};\n\ndeclare const FullscreenModal: Intergalactic.Component<\n 'div',\n FullscreenModalProps,\n FullscreenModalContext\n> & {\n Header: Intergalactic.Component<'div', FullscreenModalHeaderProps>;\n Footer: typeof Flex;\n Close: typeof Button;\n Back: typeof Box;\n Body: typeof Box;\n Section: typeof Box;\n Title: typeof Text;\n Description: typeof Text;\n};\n\nexport default FullscreenModal;\n"],"mappings":""}
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
|
|
2
2
|
import { ModalProps } from '@semcore/modal';
|
|
3
3
|
import { Flex, Box, BoxProps } from '@semcore/flex-box';
|
|
4
|
-
import
|
|
4
|
+
import Button from '@semcore/button';
|
|
5
5
|
import { Text } from '@semcore/typography';
|
|
6
6
|
|
|
7
7
|
/** @deprecated */
|
|
@@ -37,7 +37,7 @@ declare const FullscreenModal: Intergalactic.Component<
|
|
|
37
37
|
> & {
|
|
38
38
|
Header: Intergalactic.Component<'div', FullscreenModalHeaderProps>;
|
|
39
39
|
Footer: typeof Flex;
|
|
40
|
-
Close:
|
|
40
|
+
Close: typeof Button;
|
|
41
41
|
Back: typeof Box;
|
|
42
42
|
Body: typeof Box;
|
|
43
43
|
Section: typeof Box;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/fullscreen-modal",
|
|
3
3
|
"description": "Semrush FullscreenModal Component",
|
|
4
|
-
"version": "3.43.
|
|
4
|
+
"version": "3.43.1-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -10,11 +10,11 @@
|
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"@semcore/utils": "4.32.2",
|
|
13
|
-
"@semcore/icon": "4.
|
|
14
|
-
"@semcore/modal": "4.
|
|
15
|
-
"@semcore/typography": "5.
|
|
13
|
+
"@semcore/icon": "4.44.0-prerelease.0",
|
|
14
|
+
"@semcore/modal": "4.44.0-prerelease.0",
|
|
15
|
+
"@semcore/typography": "5.41.0-prerelease.0",
|
|
16
16
|
"@semcore/flex-box": "5.31.2",
|
|
17
|
-
"@semcore/button": "5.35.
|
|
17
|
+
"@semcore/button": "5.35.2-prerelease.0"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"@semcore/core": "^2.17.5",
|