@semcore/fullscreen-modal 16.1.3 → 16.1.4-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
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.1.4] - 2025-06-24
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Modal rendered duplicate Close buttons when `closable = true`.
|
|
10
|
+
|
|
5
11
|
## [16.1.3] - 2025-06-23
|
|
6
12
|
|
|
7
13
|
### 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__*/".___SFullscreenOverlay_1h9s1_gg_{padding:0}.___SFullscreenModal_1h9s1_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_1h9s1_gg_{position:absolute;top:17px;right:24px}.___SBack_1h9s1_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_1h9s1_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1h9s1_gg_.__keyboardFocused_1h9s1_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1h9s1_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1h9s1_gg_,.___SDescription_1h9s1_gg_,.___STitle_1h9s1_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1h9s1_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_1h9s1_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_1h9s1_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_1h9s1_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_1h9s1_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1h9s1_gg_{display:flex;height:100%;overflow:auto}.___SSection_1h9s1_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_1h9s1_gg_{transition:none}}", /*__inner_css_end__*/"1h9s1_gg_"),
|
|
32
32
|
/*__reshadow_css_end__*/
|
|
33
33
|
{
|
|
34
|
-
"__SFullscreenOverlay": "
|
|
35
|
-
"__SFullscreenModal": "
|
|
36
|
-
"__SClose": "
|
|
37
|
-
"__SBack": "
|
|
38
|
-
"_keyboardFocused": "
|
|
39
|
-
"__SBackText": "
|
|
40
|
-
"__STitle": "
|
|
41
|
-
"__SDescription": "
|
|
42
|
-
"__SHeader": "
|
|
43
|
-
"__SFooter": "
|
|
44
|
-
"__SBody": "
|
|
45
|
-
"__SSection": "
|
|
34
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1h9s1_gg_",
|
|
35
|
+
"__SFullscreenModal": "___SFullscreenModal_1h9s1_gg_",
|
|
36
|
+
"__SClose": "___SClose_1h9s1_gg_",
|
|
37
|
+
"__SBack": "___SBack_1h9s1_gg_",
|
|
38
|
+
"_keyboardFocused": "__keyboardFocused_1h9s1_gg_",
|
|
39
|
+
"__SBackText": "___SBackText_1h9s1_gg_",
|
|
40
|
+
"__STitle": "___STitle_1h9s1_gg_",
|
|
41
|
+
"__SDescription": "___SDescription_1h9s1_gg_",
|
|
42
|
+
"__SHeader": "___SHeader_1h9s1_gg_",
|
|
43
|
+
"__SFooter": "___SFooter_1h9s1_gg_",
|
|
44
|
+
"__SBody": "___SBody_1h9s1_gg_",
|
|
45
|
+
"__SSection": "___SSection_1h9s1_gg_"
|
|
46
46
|
});
|
|
47
47
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
48
48
|
function FullscreenModalRoot() {
|
|
@@ -119,6 +119,7 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
|
119
119
|
"duration": duration,
|
|
120
120
|
"disablePortal": disablePortal
|
|
121
121
|
}), /*#__PURE__*/_react["default"].createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /*#__PURE__*/_react["default"].createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
122
|
+
"use:closable": false,
|
|
122
123
|
"aria-label": hasTitle ? undefined : getI18nText('title'),
|
|
123
124
|
"aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : undefined
|
|
124
125
|
}, _ref))), closable && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Close, null), /*#__PURE__*/_react["default"].createElement(Children, _ref0.cn("Children", {})))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenModal.js","names":["_core","require","_button","_interopRequireDefault","_i18nEnhance","_keyboardFocusEnhance","_fire","_uniqueID","_flexBox","_m","_l","_modal","_typography","_react","_intergalacticDynamicLocales","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","FullscreenModalRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","hasTitle","trigger","fire","_inherits2","_createClass2","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Modal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread2","assignProps","undefined","FullscreenModal","Close","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","Header","props","_ref2","arguments[0]","_ref1","SHeader","Box","title","description","Title","children","Description","Body","_ref3","_ref10","SBody","Section","_ref4","_ref11","SSection","Footer","_ref5","_ref12","SFooter","Flex","_ref6","_ref13","SClose","Button","Addon","ml","mr","_ref7","_ref14","STitle","Text","React","useEffect","_ref8","_ref15","SDescription","Back","_ref9","_ref16","SBack","SBackText","enhance","keyboardFocusEnhance","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Flex, Box } from '@semcore/flex-box';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport Modal from '@semcore/modal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal\n render={Modal.Window}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} tag='section' />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n <Button.Addon ml='7px' mr='7px'>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"FullscreenModal.js","names":["_core","require","_button","_interopRequireDefault","_i18nEnhance","_keyboardFocusEnhance","_fire","_uniqueID","_flexBox","_m","_l","_modal","_typography","_react","_intergalacticDynamicLocales","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","FullscreenModalRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","hasTitle","trigger","fire","_inherits2","_createClass2","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Modal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread2","assignProps","undefined","FullscreenModal","Close","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","Header","props","_ref2","arguments[0]","_ref1","SHeader","Box","title","description","Title","children","Description","Body","_ref3","_ref10","SBody","Section","_ref4","_ref11","SSection","Footer","_ref5","_ref12","SFooter","Flex","_ref6","_ref13","SClose","Button","Addon","ml","mr","_ref7","_ref14","STitle","Text","React","useEffect","_ref8","_ref15","SDescription","Back","_ref9","_ref16","SBack","SBackText","enhance","keyboardFocusEnhance","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Flex, Box } from '@semcore/flex-box';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport Modal from '@semcore/modal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal\n render={Modal.Window}\n use:closable={false}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} tag='section' />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n <Button.Addon ml='7px' mr='7px'>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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","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__*/".___SFullscreenOverlay_1h9s1_gg_{padding:0}.___SFullscreenModal_1h9s1_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_1h9s1_gg_{position:absolute;top:17px;right:24px}.___SBack_1h9s1_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_1h9s1_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1h9s1_gg_.__keyboardFocused_1h9s1_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1h9s1_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1h9s1_gg_,.___SDescription_1h9s1_gg_,.___STitle_1h9s1_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1h9s1_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_1h9s1_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_1h9s1_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_1h9s1_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_1h9s1_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1h9s1_gg_{display:flex;height:100%;overflow:auto}.___SSection_1h9s1_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_1h9s1_gg_{transition:none}}", /*__inner_css_end__*/"1h9s1_gg_"),
|
|
34
34
|
/*__reshadow_css_end__*/
|
|
35
35
|
{
|
|
36
|
-
"__SFullscreenOverlay": "
|
|
37
|
-
"__SFullscreenModal": "
|
|
38
|
-
"__SClose": "
|
|
39
|
-
"__SBack": "
|
|
40
|
-
"_keyboardFocused": "
|
|
41
|
-
"__SBackText": "
|
|
42
|
-
"__STitle": "
|
|
43
|
-
"__SDescription": "
|
|
44
|
-
"__SHeader": "
|
|
45
|
-
"__SFooter": "
|
|
46
|
-
"__SBody": "
|
|
47
|
-
"__SSection": "
|
|
36
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1h9s1_gg_",
|
|
37
|
+
"__SFullscreenModal": "___SFullscreenModal_1h9s1_gg_",
|
|
38
|
+
"__SClose": "___SClose_1h9s1_gg_",
|
|
39
|
+
"__SBack": "___SBack_1h9s1_gg_",
|
|
40
|
+
"_keyboardFocused": "__keyboardFocused_1h9s1_gg_",
|
|
41
|
+
"__SBackText": "___SBackText_1h9s1_gg_",
|
|
42
|
+
"__STitle": "___STitle_1h9s1_gg_",
|
|
43
|
+
"__SDescription": "___SDescription_1h9s1_gg_",
|
|
44
|
+
"__SHeader": "___SHeader_1h9s1_gg_",
|
|
45
|
+
"__SFooter": "___SFooter_1h9s1_gg_",
|
|
46
|
+
"__SBody": "___SBody_1h9s1_gg_",
|
|
47
|
+
"__SSection": "___SSection_1h9s1_gg_"
|
|
48
48
|
});
|
|
49
49
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
50
50
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -122,6 +122,7 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
|
122
122
|
"duration": duration,
|
|
123
123
|
"disablePortal": disablePortal
|
|
124
124
|
}), /*#__PURE__*/React.createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /*#__PURE__*/React.createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", _objectSpread({}, _assignProps({
|
|
125
|
+
"use:closable": false,
|
|
125
126
|
"aria-label": hasTitle ? undefined : getI18nText('title'),
|
|
126
127
|
"aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : undefined
|
|
127
128
|
}, _ref))), closable && /*#__PURE__*/React.createElement(FullscreenModal.Close, null), /*#__PURE__*/React.createElement(Children, _ref0.cn("Children", {})))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenModal.js","names":["Button","createComponent","Component","sstyled","Root","i18nEnhance","keyboardFocusEnhance","fire","uniqueIDEnhancement","Flex","Box","ArrowLeft","CloseIcon","Modal","Text","React","style","_sstyled","insert","localizedMessages","FullscreenModalRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","hasTitle","trigger","e","_inherits","_createClass","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread","_assignProps","undefined","FullscreenModal","Close","i18n","locale","Header","props","_ref2","arguments[0]","_ref1","SHeader","title","description","_assignProps2","Title","children","Description","Body","_ref3","_ref10","SBody","_assignProps3","Section","_ref4","_ref11","SSection","_assignProps4","Footer","_ref5","_ref12","SFooter","_assignProps5","_ref6","_ref13","SClose","_assignProps6","Addon","ml","mr","_ref7","_ref14","STitle","useEffect","_assignProps7","_ref8","_ref15","SDescription","_assignProps8","Back","_ref9","_ref16","SBack","SBackText","_assignProps9","enhance","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Flex, Box } from '@semcore/flex-box';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport Modal from '@semcore/modal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal\n render={Modal.Window}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} tag='section' />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n <Button.Addon ml='7px' mr='7px'>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"FullscreenModal.js","names":["Button","createComponent","Component","sstyled","Root","i18nEnhance","keyboardFocusEnhance","fire","uniqueIDEnhancement","Flex","Box","ArrowLeft","CloseIcon","Modal","Text","React","style","_sstyled","insert","localizedMessages","FullscreenModalRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","hasTitle","trigger","e","_inherits","_createClass","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread","_assignProps","undefined","FullscreenModal","Close","i18n","locale","Header","props","_ref2","arguments[0]","_ref1","SHeader","title","description","_assignProps2","Title","children","Description","Body","_ref3","_ref10","SBody","_assignProps3","Section","_ref4","_ref11","SSection","_assignProps4","Footer","_ref5","_ref12","SFooter","_assignProps5","_ref6","_ref13","SClose","_assignProps6","Addon","ml","mr","_ref7","_ref14","STitle","useEffect","_assignProps7","_ref8","_ref15","SDescription","_assignProps8","Back","_ref9","_ref16","SBack","SBackText","_assignProps9","enhance","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Flex, Box } from '@semcore/flex-box';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport Modal from '@semcore/modal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal\n render={Modal.Window}\n use:closable={false}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} tag='section' />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n <Button.Addon ml='7px' mr='7px'>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -27,23 +27,23 @@ var style = (
|
|
|
27
27
|
/*__reshadow_css_start__*/
|
|
28
28
|
(sstyled.insert(
|
|
29
29
|
/*__inner_css_start__*/
|
|
30
|
-
'.
|
|
30
|
+
'.___SFullscreenOverlay_1h9s1_gg_{padding:0}.___SFullscreenModal_1h9s1_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_1h9s1_gg_{position:absolute;top:17px;right:24px}.___SBack_1h9s1_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_1h9s1_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1h9s1_gg_.__keyboardFocused_1h9s1_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1h9s1_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1h9s1_gg_,.___SDescription_1h9s1_gg_,.___STitle_1h9s1_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1h9s1_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_1h9s1_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_1h9s1_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_1h9s1_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_1h9s1_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1h9s1_gg_{display:flex;height:100%;overflow:auto}.___SSection_1h9s1_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_1h9s1_gg_{transition:none}}',
|
|
31
31
|
/*__inner_css_end__*/
|
|
32
|
-
"
|
|
32
|
+
"1h9s1_gg_"
|
|
33
33
|
), /*__reshadow_css_end__*/
|
|
34
34
|
{
|
|
35
|
-
"__SFullscreenOverlay": "
|
|
36
|
-
"__SFullscreenModal": "
|
|
37
|
-
"__SClose": "
|
|
38
|
-
"__SBack": "
|
|
39
|
-
"_keyboardFocused": "
|
|
40
|
-
"__SBackText": "
|
|
41
|
-
"__STitle": "
|
|
42
|
-
"__SDescription": "
|
|
43
|
-
"__SHeader": "
|
|
44
|
-
"__SFooter": "
|
|
45
|
-
"__SBody": "
|
|
46
|
-
"__SSection": "
|
|
35
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1h9s1_gg_",
|
|
36
|
+
"__SFullscreenModal": "___SFullscreenModal_1h9s1_gg_",
|
|
37
|
+
"__SClose": "___SClose_1h9s1_gg_",
|
|
38
|
+
"__SBack": "___SBack_1h9s1_gg_",
|
|
39
|
+
"_keyboardFocused": "__keyboardFocused_1h9s1_gg_",
|
|
40
|
+
"__SBackText": "___SBackText_1h9s1_gg_",
|
|
41
|
+
"__STitle": "___STitle_1h9s1_gg_",
|
|
42
|
+
"__SDescription": "___SDescription_1h9s1_gg_",
|
|
43
|
+
"__SHeader": "___SHeader_1h9s1_gg_",
|
|
44
|
+
"__SFooter": "___SFooter_1h9s1_gg_",
|
|
45
|
+
"__SBody": "___SBody_1h9s1_gg_",
|
|
46
|
+
"__SSection": "___SSection_1h9s1_gg_"
|
|
47
47
|
})
|
|
48
48
|
);
|
|
49
49
|
var FullscreenModalRoot = /* @__PURE__ */ function(_Component) {
|
|
@@ -111,6 +111,7 @@ var FullscreenModalRoot = /* @__PURE__ */ function(_Component) {
|
|
|
111
111
|
"duration": duration,
|
|
112
112
|
"disablePortal": disablePortal
|
|
113
113
|
}), /* @__PURE__ */ React.createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /* @__PURE__ */ React.createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", _objectSpread({}, assignProps({
|
|
114
|
+
"use:closable": false,
|
|
114
115
|
"aria-label": hasTitle ? void 0 : getI18nText("title"),
|
|
115
116
|
"aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : void 0
|
|
116
117
|
}, _ref))), closable && /* @__PURE__ */ React.createElement(FullscreenModal.Close, null), /* @__PURE__ */ React.createElement(Children, _ref0.cn("Children", {})))));
|
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.4-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,14 +14,14 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/icon": "16.2.
|
|
18
|
-
"@semcore/modal": "16.1.
|
|
19
|
-
"@semcore/typography": "16.1.
|
|
20
|
-
"@semcore/button": "16.0.
|
|
21
|
-
"@semcore/flex-box": "16.0.
|
|
17
|
+
"@semcore/icon": "16.2.3-prerelease.0",
|
|
18
|
+
"@semcore/modal": "16.1.4-prerelease.0",
|
|
19
|
+
"@semcore/typography": "16.1.4-prerelease.0",
|
|
20
|
+
"@semcore/button": "16.0.4-prerelease.0",
|
|
21
|
+
"@semcore/flex-box": "16.0.4-prerelease.0"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@semcore/base-components": "^16.
|
|
24
|
+
"@semcore/base-components": "^16.1.1-prerelease.0"
|
|
25
25
|
},
|
|
26
26
|
"repository": {
|
|
27
27
|
"type": "git",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"directory": "semcore/fullscreen-modal"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@semcore/core": "16.0.
|
|
32
|
+
"@semcore/core": "16.0.3-prerelease.0",
|
|
33
33
|
"@semcore/testing-utils": "1.0.0"
|
|
34
34
|
},
|
|
35
35
|
"scripts": {
|