@semcore/fullscreen-modal 16.1.6 → 16.1.7-prerelease.2
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/esm/FullscreenModal.mjs +14 -14
- package/lib/types/index.d.ts +2 -0
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -28,21 +28,21 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
28
28
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
29
29
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
30
30
|
/*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
|
31
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
31
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFullscreenModal_1re7h_gg_,.___SFullscreenOverlay_1re7h_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_1re7h_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0}.___SClose_1re7h_gg_{position:absolute;top:17px;right:24px}.___SBack_1re7h_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_1re7h_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1re7h_gg_.__keyboardFocused_1re7h_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1re7h_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1re7h_gg_,.___SDescription_1re7h_gg_,.___STitle_1re7h_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1re7h_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_1re7h_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_1re7h_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_1re7h_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_1re7h_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1re7h_gg_{display:flex;height:100%;overflow:auto}.___SSection_1re7h_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_1re7h_gg_{transition:none}}", /*__inner_css_end__*/"1re7h_gg_"),
|
|
32
32
|
/*__reshadow_css_end__*/
|
|
33
33
|
{
|
|
34
|
-
"__SFullscreenModal": "
|
|
35
|
-
"__SClose": "
|
|
36
|
-
"__SBack": "
|
|
37
|
-
"_keyboardFocused": "
|
|
38
|
-
"__SBackText": "
|
|
39
|
-
"__STitle": "
|
|
40
|
-
"__SDescription": "
|
|
41
|
-
"__SHeader": "
|
|
42
|
-
"__SFooter": "
|
|
43
|
-
"__SBody": "
|
|
44
|
-
"__SSection": "
|
|
45
|
-
"__SFullscreenOverlay": "
|
|
34
|
+
"__SFullscreenModal": "___SFullscreenModal_1re7h_gg_",
|
|
35
|
+
"__SClose": "___SClose_1re7h_gg_",
|
|
36
|
+
"__SBack": "___SBack_1re7h_gg_",
|
|
37
|
+
"_keyboardFocused": "__keyboardFocused_1re7h_gg_",
|
|
38
|
+
"__SBackText": "___SBackText_1re7h_gg_",
|
|
39
|
+
"__STitle": "___STitle_1re7h_gg_",
|
|
40
|
+
"__SDescription": "___SDescription_1re7h_gg_",
|
|
41
|
+
"__SHeader": "___SHeader_1re7h_gg_",
|
|
42
|
+
"__SFooter": "___SFooter_1re7h_gg_",
|
|
43
|
+
"__SBody": "___SBody_1re7h_gg_",
|
|
44
|
+
"__SSection": "___SSection_1re7h_gg_",
|
|
45
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1re7h_gg_"
|
|
46
46
|
});
|
|
47
47
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
48
48
|
function FullscreenModalRoot() {
|
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 type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport type { ModalProps } from '@semcore/modal';\nimport type { 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":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport type { ModalProps } from '@semcore/modal';\nimport type { 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 content displayed in the modal header */\n title?: React.ReactNode;\n /** Description text that appears alongside the title */\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":"","ignoreList":[]}
|
|
@@ -30,21 +30,21 @@ import Modal from '@semcore/modal';
|
|
|
30
30
|
import { Text } from '@semcore/typography';
|
|
31
31
|
import React from 'react';
|
|
32
32
|
/*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
|
33
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
33
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFullscreenModal_1re7h_gg_,.___SFullscreenOverlay_1re7h_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_1re7h_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0}.___SClose_1re7h_gg_{position:absolute;top:17px;right:24px}.___SBack_1re7h_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_1re7h_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1re7h_gg_.__keyboardFocused_1re7h_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1re7h_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1re7h_gg_,.___SDescription_1re7h_gg_,.___STitle_1re7h_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1re7h_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_1re7h_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_1re7h_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_1re7h_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_1re7h_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1re7h_gg_{display:flex;height:100%;overflow:auto}.___SSection_1re7h_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_1re7h_gg_{transition:none}}", /*__inner_css_end__*/"1re7h_gg_"),
|
|
34
34
|
/*__reshadow_css_end__*/
|
|
35
35
|
{
|
|
36
|
-
"__SFullscreenModal": "
|
|
37
|
-
"__SClose": "
|
|
38
|
-
"__SBack": "
|
|
39
|
-
"_keyboardFocused": "
|
|
40
|
-
"__SBackText": "
|
|
41
|
-
"__STitle": "
|
|
42
|
-
"__SDescription": "
|
|
43
|
-
"__SHeader": "
|
|
44
|
-
"__SFooter": "
|
|
45
|
-
"__SBody": "
|
|
46
|
-
"__SSection": "
|
|
47
|
-
"__SFullscreenOverlay": "
|
|
36
|
+
"__SFullscreenModal": "___SFullscreenModal_1re7h_gg_",
|
|
37
|
+
"__SClose": "___SClose_1re7h_gg_",
|
|
38
|
+
"__SBack": "___SBack_1re7h_gg_",
|
|
39
|
+
"_keyboardFocused": "__keyboardFocused_1re7h_gg_",
|
|
40
|
+
"__SBackText": "___SBackText_1re7h_gg_",
|
|
41
|
+
"__STitle": "___STitle_1re7h_gg_",
|
|
42
|
+
"__SDescription": "___SDescription_1re7h_gg_",
|
|
43
|
+
"__SHeader": "___SHeader_1re7h_gg_",
|
|
44
|
+
"__SFooter": "___SFooter_1re7h_gg_",
|
|
45
|
+
"__SBody": "___SBody_1re7h_gg_",
|
|
46
|
+
"__SSection": "___SSection_1re7h_gg_",
|
|
47
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1re7h_gg_"
|
|
48
48
|
});
|
|
49
49
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
50
50
|
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 type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport type { ModalProps } from '@semcore/modal';\nimport type { 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":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport type { ModalProps } from '@semcore/modal';\nimport type { 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 content displayed in the modal header */\n title?: React.ReactNode;\n /** Description text that appears alongside the title */\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":"","ignoreList":[]}
|
|
@@ -27,23 +27,23 @@ var style = (
|
|
|
27
27
|
/*__reshadow_css_start__*/
|
|
28
28
|
(sstyled.insert(
|
|
29
29
|
/*__inner_css_start__*/
|
|
30
|
-
'.
|
|
30
|
+
'.___SFullscreenModal_1re7h_gg_,.___SFullscreenOverlay_1re7h_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_1re7h_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0}.___SClose_1re7h_gg_{position:absolute;top:17px;right:24px}.___SBack_1re7h_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_1re7h_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1re7h_gg_.__keyboardFocused_1re7h_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1re7h_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1re7h_gg_,.___SDescription_1re7h_gg_,.___STitle_1re7h_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1re7h_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_1re7h_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_1re7h_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_1re7h_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_1re7h_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1re7h_gg_{display:flex;height:100%;overflow:auto}.___SSection_1re7h_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_1re7h_gg_{transition:none}}',
|
|
31
31
|
/*__inner_css_end__*/
|
|
32
|
-
"
|
|
32
|
+
"1re7h_gg_"
|
|
33
33
|
), /*__reshadow_css_end__*/
|
|
34
34
|
{
|
|
35
|
-
"__SFullscreenModal": "
|
|
36
|
-
"__SClose": "
|
|
37
|
-
"__SBack": "
|
|
38
|
-
"_keyboardFocused": "
|
|
39
|
-
"__SBackText": "
|
|
40
|
-
"__STitle": "
|
|
41
|
-
"__SDescription": "
|
|
42
|
-
"__SHeader": "
|
|
43
|
-
"__SFooter": "
|
|
44
|
-
"__SBody": "
|
|
45
|
-
"__SSection": "
|
|
46
|
-
"__SFullscreenOverlay": "
|
|
35
|
+
"__SFullscreenModal": "___SFullscreenModal_1re7h_gg_",
|
|
36
|
+
"__SClose": "___SClose_1re7h_gg_",
|
|
37
|
+
"__SBack": "___SBack_1re7h_gg_",
|
|
38
|
+
"_keyboardFocused": "__keyboardFocused_1re7h_gg_",
|
|
39
|
+
"__SBackText": "___SBackText_1re7h_gg_",
|
|
40
|
+
"__STitle": "___STitle_1re7h_gg_",
|
|
41
|
+
"__SDescription": "___SDescription_1re7h_gg_",
|
|
42
|
+
"__SHeader": "___SHeader_1re7h_gg_",
|
|
43
|
+
"__SFooter": "___SFooter_1re7h_gg_",
|
|
44
|
+
"__SBody": "___SBody_1re7h_gg_",
|
|
45
|
+
"__SSection": "___SSection_1re7h_gg_",
|
|
46
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1re7h_gg_"
|
|
47
47
|
})
|
|
48
48
|
);
|
|
49
49
|
var FullscreenModalRoot = /* @__PURE__ */ function(_Component) {
|
package/lib/types/index.d.ts
CHANGED
|
@@ -19,7 +19,9 @@ export interface IFullscreenModalHeaderProps
|
|
|
19
19
|
extends FullscreenModalHeaderProps,
|
|
20
20
|
UnknownProperties {}
|
|
21
21
|
export type FullscreenModalHeaderProps = BoxProps & {
|
|
22
|
+
/** Title content displayed in the modal header */
|
|
22
23
|
title?: React.ReactNode;
|
|
24
|
+
/** Description text that appears alongside the title */
|
|
23
25
|
description?: React.ReactNode;
|
|
24
26
|
};
|
|
25
27
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/fullscreen-modal",
|
|
3
3
|
"description": "Semrush FullscreenModal Component",
|
|
4
|
-
"version": "16.1.
|
|
4
|
+
"version": "16.1.7-prerelease.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,14 +14,14 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/icon": "16.
|
|
18
|
-
"@semcore/modal": "16.1.
|
|
19
|
-
"@semcore/typography": "16.2.
|
|
20
|
-
"@semcore/button": "16.0.
|
|
21
|
-
"@semcore/flex-box": "16.0.
|
|
17
|
+
"@semcore/icon": "16.6.0-prerelease.2",
|
|
18
|
+
"@semcore/modal": "16.1.7-prerelease.2",
|
|
19
|
+
"@semcore/typography": "16.2.1-prerelease.2",
|
|
20
|
+
"@semcore/button": "16.0.7-prerelease.2",
|
|
21
|
+
"@semcore/flex-box": "16.0.7-prerelease.2"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@semcore/base-components": "^16.
|
|
24
|
+
"@semcore/base-components": "^16.2.1-prerelease.2"
|
|
25
25
|
},
|
|
26
26
|
"repository": {
|
|
27
27
|
"type": "git",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@semcore/testing-utils": "1.0.0",
|
|
33
|
-
"@semcore/core": "16.
|
|
33
|
+
"@semcore/core": "16.1.1-prerelease.2"
|
|
34
34
|
},
|
|
35
35
|
"scripts": {
|
|
36
36
|
"build": "pnpm semcore-builder --source=js && pnpm vite build"
|