@semcore/fullscreen-modal 17.2.2-prerelease.9 → 18.0.0-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.
Files changed (10) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/FullscreenModal.js +19 -19
  3. package/lib/cjs/FullscreenModal.js.map +1 -1
  4. package/lib/cjs/style/fullscreen-modal.shadow.css +22 -26
  5. package/lib/es6/FullscreenModal.js +19 -19
  6. package/lib/es6/FullscreenModal.js.map +1 -1
  7. package/lib/es6/style/fullscreen-modal.shadow.css +22 -26
  8. package/lib/esm/FullscreenModal.mjs +20 -20
  9. package/lib/esm/style/fullscreen-modal.shadow.css +22 -26
  10. package/package.json +9 -9
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
+ ## [18.0.0] - 2026-09-28
6
+
7
+ ### BREAK
8
+
9
+ - New theme applied.
10
+
5
11
  ## [17.2.2] - 2026-07-10
6
12
 
7
13
  ### Fixed
package/lib/cjs/FullscreenModal.js CHANGED
@@ -20,20 +20,20 @@ var _typography = require("@semcore/typography");
20
20
  var _react = _interopRequireDefault(require("react"));
21
21
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
22
22
  /*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
23
- const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFullscreenOverlay_1qesp_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenOverlay_1qesp_gg_ .___SFullscreenModal_1qesp_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral,oklch(1 0 0));border-radius:0;padding:0}.___SFullscreenOverlay_1qesp_gg_ .___SClose_1qesp_gg_{position:absolute;top:17px;right:24px}.___SFullscreenOverlay_1qesp_gg_ .___SBack_1qesp_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;margin-bottom:var(--intergalactic-spacing-3x,12px)}.___SFullscreenOverlay_1qesp_gg_ :is(.___SDescription_1qesp_gg_,.___STitle_1qesp_gg_){word-wrap:break-word}.___SFullscreenOverlay_1qesp_gg_ .___STitle_1qesp_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,oklch(.1 .03 137/.899))}.___SFullscreenOverlay_1qesp_gg_ .___SDescription_1qesp_gg_{font-size:var(--intergalactic-fs-100,12px);line-height:var(--intergalactic-lh-100,133%);color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SFullscreenOverlay_1qesp_gg_ .___SDescription_1qesp_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SFullscreenOverlay_1qesp_gg_ .___SHeader_1qesp_gg_{display:flex;flex-direction:column;gap:var(--intergalactic-spacing-2x,8px);align-items:flex-start;padding:var(--intergalactic-spacing-10x,40px) calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px)) var(--intergalactic-spacing-4x,16px) var(--intergalactic-spacing-8x,32px);box-shadow:inset 0 -1px 0 var(--intergalactic-border-primary,#000c0829);box-sizing:border-box}@media (color-gamut:p3){.___SFullscreenOverlay_1qesp_gg_ .___SHeader_1qesp_gg_{box-shadow:inset 0 -1px 0 var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFullscreenOverlay_1qesp_gg_ .___SFooter_1qesp_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary,#000c0829);box-sizing:border-box}@media (color-gamut:p3){.___SFullscreenOverlay_1qesp_gg_ .___SFooter_1qesp_gg_{box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFullscreenOverlay_1qesp_gg_ .___SBody_1qesp_gg_{display:flex;height:100%;overflow:auto}.___SFullscreenOverlay_1qesp_gg_ .___SSection_1qesp_gg_{padding:var(--intergalactic-spacing-6x,24px) var(--intergalactic-spacing-8x,32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SFullscreenOverlay_1qesp_gg_ .___SBackText_1qesp_gg_{transition:none}}", /*__inner_css_end__*/"1qesp_gg_"),
23
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFullscreenOverlay_tqt0d_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenOverlay_tqt0d_gg_ .___SFullscreenModal_tqt0d_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral,oklch(1 0 0));border-radius:0;padding:0}.___SFullscreenOverlay_tqt0d_gg_ .___SClose_tqt0d_gg_{position:absolute;top:var(--intergalactic-spacing-content-padding-large,16px);right:var(--intergalactic-spacing-content-padding-xxlarge,40px)}.___SFullscreenOverlay_tqt0d_gg_ .___SBack_tqt0d_gg_{cursor:pointer;position:absolute;z-index:1;top:var(--intergalactic-spacing-content-padding-small,8px);left:var(--intergalactic-spacing-content-padding-xxlarge,40px)}.___SFullscreenOverlay_tqt0d_gg_ :is(.___SDescription_tqt0d_gg_,.___STitle_tqt0d_gg_){word-wrap:break-word}.___SFullscreenOverlay_tqt0d_gg_ .___STitle_tqt0d_gg_{font-size:var(--intergalactic-fs-500,24px);line-height:var(--intergalactic-lh-500,1.1667);font-weight:var(--intergalactic-semi-bold,600);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}.___SFullscreenOverlay_tqt0d_gg_ .___SHeader_tqt0d_gg_{display:flex;flex-direction:column;gap:var(--intergalactic-spacing-content-gap-large,8px);align-items:flex-start;padding-left:var(--intergalactic-spacing-content-padding-xxlarge,40px);padding-bottom:var(--intergalactic-spacing-content-padding-large,16px);padding-right:72px;padding-top:var(--intergalactic-spacing-content-padding-xxlarge,40px);border-bottom:1px solid var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SFullscreenOverlay_tqt0d_gg_ .___SHeader_tqt0d_gg_{border-bottom:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFullscreenOverlay_tqt0d_gg_ .___SFooter_tqt0d_gg_{min-height:52px;border-top:1px solid var(--intergalactic-border-primary,#000c0829);padding:var(--intergalactic-spacing-content-padding-medium,12px) var(--intergalactic-spacing-content-padding-xxlarge,40px);justify-content:center;align-items:center;gap:var(--intergalactic-spacing-content-gap-xlarge,12px)}@media (color-gamut:p3){.___SFullscreenOverlay_tqt0d_gg_ .___SFooter_tqt0d_gg_{border-top:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFullscreenOverlay_tqt0d_gg_ .___SBody_tqt0d_gg_{display:flex;height:100%;overflow:auto}.___SFullscreenOverlay_tqt0d_gg_ .___SSection_tqt0d_gg_{padding:var(--intergalactic-spacing-content-padding-xlarge-extended,24px) var(--intergalactic-spacing-content-padding-xxlarge,40px);flex:1 1 auto}@media (prefers-reduced-motion){.___SFullscreenOverlay_tqt0d_gg_ .___SBackText_tqt0d_gg_{transition:none}}", /*__inner_css_end__*/"tqt0d_gg_"),
24
24
  /*__reshadow_css_end__*/
25
25
  {
26
- "__SFullscreenOverlay": "___SFullscreenOverlay_1qesp_gg_",
27
- "__SFullscreenModal": "___SFullscreenModal_1qesp_gg_",
28
- "__SClose": "___SClose_1qesp_gg_",
29
- "__SBack": "___SBack_1qesp_gg_",
30
- "__STitle": "___STitle_1qesp_gg_",
31
- "__SDescription": "___SDescription_1qesp_gg_",
32
- "__SHeader": "___SHeader_1qesp_gg_",
33
- "__SFooter": "___SFooter_1qesp_gg_",
34
- "__SBody": "___SBody_1qesp_gg_",
35
- "__SSection": "___SSection_1qesp_gg_",
36
- "__SBackText": "___SBackText_1qesp_gg_"
26
+ "__SFullscreenOverlay": "___SFullscreenOverlay_tqt0d_gg_",
27
+ "__SFullscreenModal": "___SFullscreenModal_tqt0d_gg_",
28
+ "__SClose": "___SClose_tqt0d_gg_",
29
+ "__SBack": "___SBack_tqt0d_gg_",
30
+ "__STitle": "___STitle_tqt0d_gg_",
31
+ "__SDescription": "___SDescription_tqt0d_gg_",
32
+ "__SHeader": "___SHeader_tqt0d_gg_",
33
+ "__SFooter": "___SFooter_tqt0d_gg_",
34
+ "__SBody": "___SBody_tqt0d_gg_",
35
+ "__SSection": "___SSection_tqt0d_gg_",
36
+ "__SBackText": "___SBackText_tqt0d_gg_"
37
37
  });
38
38
  class FullscreenModalRoot extends _core.Component {
39
39
  constructor(...args) {
@@ -168,12 +168,10 @@ function Close(props) {
168
168
  "use": 'tertiary',
169
169
  "size": 'l',
170
170
  "theme": 'muted',
171
- "aria-label": getI18nText('close')
171
+ "aria-label": getI18nText('close'),
172
+ "addonLeft": _l.default
172
173
  }, _ref6)
173
- }), /*#__PURE__*/_react.default.createElement(_button.default.Addon, {
174
- ml: "7px",
175
- mr: "7px"
176
- }, /*#__PURE__*/_react.default.createElement(_l.default, _ref13.cn("CloseIcon", {}))));
174
+ }));
177
175
  }
178
176
  function Title(props) {
179
177
  var _ref7 = arguments[0],
@@ -195,7 +193,9 @@ function Description(props) {
195
193
  const SDescription = _typography.Text;
196
194
  return _ref15 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SDescription, _ref15.cn("SDescription", {
197
195
  ...(0, _core.assignProps)({
198
- "tag": 'p'
196
+ "tag": 'p',
197
+ "size": 200,
198
+ "use": 'secondary'
199
199
  }, _ref8)
200
200
  }));
201
201
  }
@@ -209,7 +209,7 @@ function Back(props) {
209
209
  } = props;
210
210
  return _ref16 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SBack, _ref16.cn("SBack", {
211
211
  ...(0, _core.assignProps)({
212
- "color": 'text-hint',
212
+ "use": 'secondary',
213
213
  "size": 200,
214
214
  "addonLeft": _m.default
215
215
  }, _ref9)
package/lib/cjs/FullscreenModal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FullscreenModal.js","names":["_core","require","_baseComponents","_button","_interopRequireWildcard","_i18nEnhance","_interopRequireDefault","_fire","_uniqueID","_m","_l","_modal","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","FullscreenModalRoot","Component","constructor","args","_defineProperty2","default","hasTitle","trigger","e","fire","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Modal","Window","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","assignProps","undefined","FullscreenModal","Close","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","ButtonLink","ArrowLeft","ellipsis","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import { Flex, Box } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\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 />\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} tag='p' />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={ButtonLink} color='text-hint' size={200} addonLeft={ArrowLeft}>\n <ButtonLink.Text ellipsis>\n <Children />\n </ButtonLink.Text>\n </SBack>,\n );\n}\n\n/**\n * FullscreenModal\n *\n * {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-api/|API} | {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-code/|Examples}\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","_baseComponents","_button","_interopRequireWildcard","_i18nEnhance","_interopRequireDefault","_fire","_uniqueID","_m","_l","_modal","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","FullscreenModalRoot","Component","constructor","args","_defineProperty2","default","hasTitle","trigger","e","fire","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Modal","Window","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","assignProps","undefined","FullscreenModal","Close","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","CloseIcon","_ref7","_ref14","STitle","Text","React","useEffect","_ref8","_ref15","SDescription","Back","_ref9","_ref16","SBack","ButtonLink","ArrowLeft","ellipsis","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import { Flex, Box } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\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')} addonLeft={CloseIcon} />,\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} tag='p' size={200} use='secondary' />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={ButtonLink} use='secondary' size={200} addonLeft={ArrowLeft}>\n <ButtonLink.Text ellipsis>\n <Children />\n </ButtonLink.Text>\n </SBack>,\n );\n}\n\n/**\n * FullscreenModal\n *\n * {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-api/|API} | {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-code/|Examples}\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":[]}
package/lib/cjs/style/fullscreen-modal.shadow.css CHANGED
@@ -17,17 +17,16 @@ SFullscreenOverlay {
17
17
 
18
18
  SClose {
19
19
  position: absolute;
20
- top: 17px;
21
- right: 24px;
20
+ top: var(--intergalactic-spacing-content-padding-large, 16px);
21
+ right: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
22
22
  }
23
23
 
24
24
  SBack {
25
25
  cursor: pointer;
26
26
  position: absolute;
27
27
  z-index: 1;
28
- top: 8px;
29
- left: 32px;
30
- margin-bottom: var(--intergalactic-spacing-3x, 12px);
28
+ top: var(--intergalactic-spacing-content-padding-small, 8px);
29
+ left: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
31
30
  }
32
31
 
33
32
  STitle,
@@ -37,34 +36,31 @@ SFullscreenOverlay {
37
36
 
38
37
  STitle {
39
38
  font-size: var(--intergalactic-fs-500, 24px);
40
- line-height: var(--intergalactic-lh-500, 117%);
41
- font-weight: var(--intergalactic-bold, 700);
39
+ line-height: var(--intergalactic-lh-500, 1.1667);
40
+ font-weight: var(--intergalactic-semi-bold, 600);
42
41
  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
43
42
  }
44
43
 
45
- SDescription {
46
- font-size: var(--intergalactic-fs-100, 12px);
47
- line-height: var(--intergalactic-lh-100, 133%);
48
- color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
49
- }
50
-
51
44
  SHeader {
52
45
  display: flex;
53
46
  flex-direction: column;
54
- gap: var(--intergalactic-spacing-2x, 8px);
47
+ gap: var(--intergalactic-spacing-content-gap-large, 8px);
55
48
  align-items: flex-start;
56
- padding-left: var(--intergalactic-spacing-8x, 32px);
57
- padding-bottom: var(--intergalactic-spacing-4x, 16px);
58
- padding-right: calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));
59
- padding-top: var(--intergalactic-spacing-10x, 40px);
60
- box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
61
- box-sizing: border-box;
49
+
50
+ padding-left: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
51
+ padding-bottom: var(--intergalactic-spacing-content-padding-large, 16px);
52
+ padding-right: 72px;
53
+ padding-top: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
54
+ border-bottom: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
62
55
  }
63
56
 
64
57
  SFooter {
65
58
  min-height: 52px;
66
- box-shadow: inset 0 1px 1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
67
- box-sizing: border-box;
59
+ border-top: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
60
+ padding: var(--intergalactic-spacing-content-padding-medium, 12px) var(--intergalactic-spacing-content-padding-xxlarge, 40px);
61
+ justify-content: center;
62
+ align-items: center;
63
+ gap: var(--intergalactic-spacing-content-gap-xlarge, 12px);
68
64
  }
69
65
 
70
66
  SBody {
@@ -74,10 +70,10 @@ SFullscreenOverlay {
74
70
  }
75
71
 
76
72
  SSection {
77
- padding-top: var(--intergalactic-spacing-6x, 24px);
78
- padding-bottom: var(--intergalactic-spacing-6x, 24px);
79
- padding-left: var(--intergalactic-spacing-8x, 32px);
80
- padding-right: var(--intergalactic-spacing-8x, 32px);
73
+ padding-top: var(--intergalactic-spacing-content-padding-xlarge-extended, 24px);
74
+ padding-bottom: var(--intergalactic-spacing-content-padding-xlarge-extended, 24px);
75
+ padding-left: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
76
+ padding-right: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
81
77
  flex: 1 1 auto;
82
78
  }
83
79
 
package/lib/es6/FullscreenModal.js CHANGED
@@ -21,20 +21,20 @@ import Modal from '@semcore/modal';
21
21
  import { Text } from '@semcore/typography';
22
22
  import React from 'react';
23
23
  /*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
24
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFullscreenOverlay_1qesp_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenOverlay_1qesp_gg_ .___SFullscreenModal_1qesp_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral,oklch(1 0 0));border-radius:0;padding:0}.___SFullscreenOverlay_1qesp_gg_ .___SClose_1qesp_gg_{position:absolute;top:17px;right:24px}.___SFullscreenOverlay_1qesp_gg_ .___SBack_1qesp_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;margin-bottom:var(--intergalactic-spacing-3x,12px)}.___SFullscreenOverlay_1qesp_gg_ :is(.___SDescription_1qesp_gg_,.___STitle_1qesp_gg_){word-wrap:break-word}.___SFullscreenOverlay_1qesp_gg_ .___STitle_1qesp_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,oklch(.1 .03 137/.899))}.___SFullscreenOverlay_1qesp_gg_ .___SDescription_1qesp_gg_{font-size:var(--intergalactic-fs-100,12px);line-height:var(--intergalactic-lh-100,133%);color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SFullscreenOverlay_1qesp_gg_ .___SDescription_1qesp_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SFullscreenOverlay_1qesp_gg_ .___SHeader_1qesp_gg_{display:flex;flex-direction:column;gap:var(--intergalactic-spacing-2x,8px);align-items:flex-start;padding:var(--intergalactic-spacing-10x,40px) calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px)) var(--intergalactic-spacing-4x,16px) var(--intergalactic-spacing-8x,32px);box-shadow:inset 0 -1px 0 var(--intergalactic-border-primary,#000c0829);box-sizing:border-box}@media (color-gamut:p3){.___SFullscreenOverlay_1qesp_gg_ .___SHeader_1qesp_gg_{box-shadow:inset 0 -1px 0 var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFullscreenOverlay_1qesp_gg_ .___SFooter_1qesp_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary,#000c0829);box-sizing:border-box}@media (color-gamut:p3){.___SFullscreenOverlay_1qesp_gg_ .___SFooter_1qesp_gg_{box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFullscreenOverlay_1qesp_gg_ .___SBody_1qesp_gg_{display:flex;height:100%;overflow:auto}.___SFullscreenOverlay_1qesp_gg_ .___SSection_1qesp_gg_{padding:var(--intergalactic-spacing-6x,24px) var(--intergalactic-spacing-8x,32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SFullscreenOverlay_1qesp_gg_ .___SBackText_1qesp_gg_{transition:none}}", /*__inner_css_end__*/"1qesp_gg_"),
24
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFullscreenOverlay_tqt0d_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenOverlay_tqt0d_gg_ .___SFullscreenModal_tqt0d_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral,oklch(1 0 0));border-radius:0;padding:0}.___SFullscreenOverlay_tqt0d_gg_ .___SClose_tqt0d_gg_{position:absolute;top:var(--intergalactic-spacing-content-padding-large,16px);right:var(--intergalactic-spacing-content-padding-xxlarge,40px)}.___SFullscreenOverlay_tqt0d_gg_ .___SBack_tqt0d_gg_{cursor:pointer;position:absolute;z-index:1;top:var(--intergalactic-spacing-content-padding-small,8px);left:var(--intergalactic-spacing-content-padding-xxlarge,40px)}.___SFullscreenOverlay_tqt0d_gg_ :is(.___SDescription_tqt0d_gg_,.___STitle_tqt0d_gg_){word-wrap:break-word}.___SFullscreenOverlay_tqt0d_gg_ .___STitle_tqt0d_gg_{font-size:var(--intergalactic-fs-500,24px);line-height:var(--intergalactic-lh-500,1.1667);font-weight:var(--intergalactic-semi-bold,600);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}.___SFullscreenOverlay_tqt0d_gg_ .___SHeader_tqt0d_gg_{display:flex;flex-direction:column;gap:var(--intergalactic-spacing-content-gap-large,8px);align-items:flex-start;padding-left:var(--intergalactic-spacing-content-padding-xxlarge,40px);padding-bottom:var(--intergalactic-spacing-content-padding-large,16px);padding-right:72px;padding-top:var(--intergalactic-spacing-content-padding-xxlarge,40px);border-bottom:1px solid var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SFullscreenOverlay_tqt0d_gg_ .___SHeader_tqt0d_gg_{border-bottom:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFullscreenOverlay_tqt0d_gg_ .___SFooter_tqt0d_gg_{min-height:52px;border-top:1px solid var(--intergalactic-border-primary,#000c0829);padding:var(--intergalactic-spacing-content-padding-medium,12px) var(--intergalactic-spacing-content-padding-xxlarge,40px);justify-content:center;align-items:center;gap:var(--intergalactic-spacing-content-gap-xlarge,12px)}@media (color-gamut:p3){.___SFullscreenOverlay_tqt0d_gg_ .___SFooter_tqt0d_gg_{border-top:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFullscreenOverlay_tqt0d_gg_ .___SBody_tqt0d_gg_{display:flex;height:100%;overflow:auto}.___SFullscreenOverlay_tqt0d_gg_ .___SSection_tqt0d_gg_{padding:var(--intergalactic-spacing-content-padding-xlarge-extended,24px) var(--intergalactic-spacing-content-padding-xxlarge,40px);flex:1 1 auto}@media (prefers-reduced-motion){.___SFullscreenOverlay_tqt0d_gg_ .___SBackText_tqt0d_gg_{transition:none}}", /*__inner_css_end__*/"tqt0d_gg_"),
25
25
  /*__reshadow_css_end__*/
26
26
  {
27
- "__SFullscreenOverlay": "___SFullscreenOverlay_1qesp_gg_",
28
- "__SFullscreenModal": "___SFullscreenModal_1qesp_gg_",
29
- "__SClose": "___SClose_1qesp_gg_",
30
- "__SBack": "___SBack_1qesp_gg_",
31
- "__STitle": "___STitle_1qesp_gg_",
32
- "__SDescription": "___SDescription_1qesp_gg_",
33
- "__SHeader": "___SHeader_1qesp_gg_",
34
- "__SFooter": "___SFooter_1qesp_gg_",
35
- "__SBody": "___SBody_1qesp_gg_",
36
- "__SSection": "___SSection_1qesp_gg_",
37
- "__SBackText": "___SBackText_1qesp_gg_"
27
+ "__SFullscreenOverlay": "___SFullscreenOverlay_tqt0d_gg_",
28
+ "__SFullscreenModal": "___SFullscreenModal_tqt0d_gg_",
29
+ "__SClose": "___SClose_tqt0d_gg_",
30
+ "__SBack": "___SBack_tqt0d_gg_",
31
+ "__STitle": "___STitle_tqt0d_gg_",
32
+ "__SDescription": "___SDescription_tqt0d_gg_",
33
+ "__SHeader": "___SHeader_tqt0d_gg_",
34
+ "__SFooter": "___SFooter_tqt0d_gg_",
35
+ "__SBody": "___SBody_tqt0d_gg_",
36
+ "__SSection": "___SSection_tqt0d_gg_",
37
+ "__SBackText": "___SBackText_tqt0d_gg_"
38
38
  });
39
39
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
40
40
  class FullscreenModalRoot extends Component {
@@ -170,12 +170,10 @@ function Close(props) {
170
170
  "use": 'tertiary',
171
171
  "size": 'l',
172
172
  "theme": 'muted',
173
- "aria-label": getI18nText('close')
173
+ "aria-label": getI18nText('close'),
174
+ "addonLeft": CloseIcon
174
175
  }, _ref6)
175
- }), /*#__PURE__*/React.createElement(Button.Addon, {
176
- ml: "7px",
177
- mr: "7px"
178
- }, /*#__PURE__*/React.createElement(CloseIcon, _ref13.cn("CloseIcon", {}))));
176
+ }));
179
177
  }
180
178
  function Title(props) {
181
179
  var _ref7 = arguments[0],
@@ -197,7 +195,9 @@ function Description(props) {
197
195
  const SDescription = Text;
198
196
  return _ref15 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDescription, _ref15.cn("SDescription", {
199
197
  ..._assignProps8({
200
- "tag": 'p'
198
+ "tag": 'p',
199
+ "size": 200,
200
+ "use": 'secondary'
201
201
  }, _ref8)
202
202
  }));
203
203
  }
@@ -211,7 +211,7 @@ function Back(props) {
211
211
  } = props;
212
212
  return _ref16 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref16.cn("SBack", {
213
213
  ..._assignProps9({
214
- "color": 'text-hint',
214
+ "use": 'secondary',
215
215
  "size": 200,
216
216
  "addonLeft": ArrowLeft
217
217
  }, _ref9)
package/lib/es6/FullscreenModal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FullscreenModal.js","names":["Flex","Box","Button","ButtonLink","createComponent","Component","sstyled","Root","i18nEnhance","fire","uniqueIDEnhancement","ArrowLeft","CloseIcon","Modal","Text","React","style","_sstyled","insert","localizedMessages","FullscreenModalRoot","constructor","args","_defineProperty","hasTitle","trigger","e","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Window","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_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","_assignProps9","ellipsis","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import { Flex, Box } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\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 />\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} tag='p' />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={ButtonLink} color='text-hint' size={200} addonLeft={ArrowLeft}>\n <ButtonLink.Text ellipsis>\n <Children />\n </ButtonLink.Text>\n </SBack>,\n );\n}\n\n/**\n * FullscreenModal\n *\n * {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-api/|API} | {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-code/|Examples}\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":["Flex","Box","Button","ButtonLink","createComponent","Component","sstyled","Root","i18nEnhance","fire","uniqueIDEnhancement","ArrowLeft","CloseIcon","Modal","Text","React","style","_sstyled","insert","localizedMessages","FullscreenModalRoot","constructor","args","_defineProperty","hasTitle","trigger","e","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Window","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_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","_ref7","_ref14","STitle","useEffect","_assignProps7","_ref8","_ref15","SDescription","_assignProps8","Back","_ref9","_ref16","SBack","_assignProps9","ellipsis","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import { Flex, Box } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\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')} addonLeft={CloseIcon} />,\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} tag='p' size={200} use='secondary' />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={ButtonLink} use='secondary' size={200} addonLeft={ArrowLeft}>\n <ButtonLink.Text ellipsis>\n <Children />\n </ButtonLink.Text>\n </SBack>,\n );\n}\n\n/**\n * FullscreenModal\n *\n * {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-api/|API} | {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-code/|Examples}\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":[]}
package/lib/es6/style/fullscreen-modal.shadow.css CHANGED
@@ -17,17 +17,16 @@ SFullscreenOverlay {
17
17
 
18
18
  SClose {
19
19
  position: absolute;
20
- top: 17px;
21
- right: 24px;
20
+ top: var(--intergalactic-spacing-content-padding-large, 16px);
21
+ right: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
22
22
  }
23
23
 
24
24
  SBack {
25
25
  cursor: pointer;
26
26
  position: absolute;
27
27
  z-index: 1;
28
- top: 8px;
29
- left: 32px;
30
- margin-bottom: var(--intergalactic-spacing-3x, 12px);
28
+ top: var(--intergalactic-spacing-content-padding-small, 8px);
29
+ left: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
31
30
  }
32
31
 
33
32
  STitle,
@@ -37,34 +36,31 @@ SFullscreenOverlay {
37
36
 
38
37
  STitle {
39
38
  font-size: var(--intergalactic-fs-500, 24px);
40
- line-height: var(--intergalactic-lh-500, 117%);
41
- font-weight: var(--intergalactic-bold, 700);
39
+ line-height: var(--intergalactic-lh-500, 1.1667);
40
+ font-weight: var(--intergalactic-semi-bold, 600);
42
41
  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
43
42
  }
44
43
 
45
- SDescription {
46
- font-size: var(--intergalactic-fs-100, 12px);
47
- line-height: var(--intergalactic-lh-100, 133%);
48
- color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
49
- }
50
-
51
44
  SHeader {
52
45
  display: flex;
53
46
  flex-direction: column;
54
- gap: var(--intergalactic-spacing-2x, 8px);
47
+ gap: var(--intergalactic-spacing-content-gap-large, 8px);
55
48
  align-items: flex-start;
56
- padding-left: var(--intergalactic-spacing-8x, 32px);
57
- padding-bottom: var(--intergalactic-spacing-4x, 16px);
58
- padding-right: calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));
59
- padding-top: var(--intergalactic-spacing-10x, 40px);
60
- box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
61
- box-sizing: border-box;
49
+
50
+ padding-left: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
51
+ padding-bottom: var(--intergalactic-spacing-content-padding-large, 16px);
52
+ padding-right: 72px;
53
+ padding-top: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
54
+ border-bottom: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
62
55
  }
63
56
 
64
57
  SFooter {
65
58
  min-height: 52px;
66
- box-shadow: inset 0 1px 1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
67
- box-sizing: border-box;
59
+ border-top: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
60
+ padding: var(--intergalactic-spacing-content-padding-medium, 12px) var(--intergalactic-spacing-content-padding-xxlarge, 40px);
61
+ justify-content: center;
62
+ align-items: center;
63
+ gap: var(--intergalactic-spacing-content-gap-xlarge, 12px);
68
64
  }
69
65
 
70
66
  SBody {
@@ -74,10 +70,10 @@ SFullscreenOverlay {
74
70
  }
75
71
 
76
72
  SSection {
77
- padding-top: var(--intergalactic-spacing-6x, 24px);
78
- padding-bottom: var(--intergalactic-spacing-6x, 24px);
79
- padding-left: var(--intergalactic-spacing-8x, 32px);
80
- padding-right: var(--intergalactic-spacing-8x, 32px);
73
+ padding-top: var(--intergalactic-spacing-content-padding-xlarge-extended, 24px);
74
+ padding-bottom: var(--intergalactic-spacing-content-padding-xlarge-extended, 24px);
75
+ padding-left: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
76
+ padding-right: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
81
77
  flex: 1 1 auto;
82
78
  }
83
79
 
package/lib/esm/FullscreenModal.mjs CHANGED
@@ -16,22 +16,22 @@ const style = (
16
16
  /*__reshadow_css_start__*/
17
17
  (sstyled.insert(
18
18
  /*__inner_css_start__*/
19
- ".___SFullscreenOverlay_1qesp_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenOverlay_1qesp_gg_ .___SFullscreenModal_1qesp_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral,oklch(1 0 0));border-radius:0;padding:0}.___SFullscreenOverlay_1qesp_gg_ .___SClose_1qesp_gg_{position:absolute;top:17px;right:24px}.___SFullscreenOverlay_1qesp_gg_ .___SBack_1qesp_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;margin-bottom:var(--intergalactic-spacing-3x,12px)}.___SFullscreenOverlay_1qesp_gg_ :is(.___SDescription_1qesp_gg_,.___STitle_1qesp_gg_){word-wrap:break-word}.___SFullscreenOverlay_1qesp_gg_ .___STitle_1qesp_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,oklch(.1 .03 137/.899))}.___SFullscreenOverlay_1qesp_gg_ .___SDescription_1qesp_gg_{font-size:var(--intergalactic-fs-100,12px);line-height:var(--intergalactic-lh-100,133%);color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SFullscreenOverlay_1qesp_gg_ .___SDescription_1qesp_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SFullscreenOverlay_1qesp_gg_ .___SHeader_1qesp_gg_{display:flex;flex-direction:column;gap:var(--intergalactic-spacing-2x,8px);align-items:flex-start;padding:var(--intergalactic-spacing-10x,40px) calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px)) var(--intergalactic-spacing-4x,16px) var(--intergalactic-spacing-8x,32px);box-shadow:inset 0 -1px 0 var(--intergalactic-border-primary,#000c0829);box-sizing:border-box}@media (color-gamut:p3){.___SFullscreenOverlay_1qesp_gg_ .___SHeader_1qesp_gg_{box-shadow:inset 0 -1px 0 var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFullscreenOverlay_1qesp_gg_ .___SFooter_1qesp_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary,#000c0829);box-sizing:border-box}@media (color-gamut:p3){.___SFullscreenOverlay_1qesp_gg_ .___SFooter_1qesp_gg_{box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFullscreenOverlay_1qesp_gg_ .___SBody_1qesp_gg_{display:flex;height:100%;overflow:auto}.___SFullscreenOverlay_1qesp_gg_ .___SSection_1qesp_gg_{padding:var(--intergalactic-spacing-6x,24px) var(--intergalactic-spacing-8x,32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SFullscreenOverlay_1qesp_gg_ .___SBackText_1qesp_gg_{transition:none}}",
19
+ ".___SFullscreenOverlay_tqt0d_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenOverlay_tqt0d_gg_ .___SFullscreenModal_tqt0d_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral,oklch(1 0 0));border-radius:0;padding:0}.___SFullscreenOverlay_tqt0d_gg_ .___SClose_tqt0d_gg_{position:absolute;top:var(--intergalactic-spacing-content-padding-large,16px);right:var(--intergalactic-spacing-content-padding-xxlarge,40px)}.___SFullscreenOverlay_tqt0d_gg_ .___SBack_tqt0d_gg_{cursor:pointer;position:absolute;z-index:1;top:var(--intergalactic-spacing-content-padding-small,8px);left:var(--intergalactic-spacing-content-padding-xxlarge,40px)}.___SFullscreenOverlay_tqt0d_gg_ :is(.___SDescription_tqt0d_gg_,.___STitle_tqt0d_gg_){word-wrap:break-word}.___SFullscreenOverlay_tqt0d_gg_ .___STitle_tqt0d_gg_{font-size:var(--intergalactic-fs-500,24px);line-height:var(--intergalactic-lh-500,1.1667);font-weight:var(--intergalactic-semi-bold,600);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}.___SFullscreenOverlay_tqt0d_gg_ .___SHeader_tqt0d_gg_{display:flex;flex-direction:column;gap:var(--intergalactic-spacing-content-gap-large,8px);align-items:flex-start;padding-left:var(--intergalactic-spacing-content-padding-xxlarge,40px);padding-bottom:var(--intergalactic-spacing-content-padding-large,16px);padding-right:72px;padding-top:var(--intergalactic-spacing-content-padding-xxlarge,40px);border-bottom:1px solid var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SFullscreenOverlay_tqt0d_gg_ .___SHeader_tqt0d_gg_{border-bottom:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFullscreenOverlay_tqt0d_gg_ .___SFooter_tqt0d_gg_{min-height:52px;border-top:1px solid var(--intergalactic-border-primary,#000c0829);padding:var(--intergalactic-spacing-content-padding-medium,12px) var(--intergalactic-spacing-content-padding-xxlarge,40px);justify-content:center;align-items:center;gap:var(--intergalactic-spacing-content-gap-xlarge,12px)}@media (color-gamut:p3){.___SFullscreenOverlay_tqt0d_gg_ .___SFooter_tqt0d_gg_{border-top:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFullscreenOverlay_tqt0d_gg_ .___SBody_tqt0d_gg_{display:flex;height:100%;overflow:auto}.___SFullscreenOverlay_tqt0d_gg_ .___SSection_tqt0d_gg_{padding:var(--intergalactic-spacing-content-padding-xlarge-extended,24px) var(--intergalactic-spacing-content-padding-xxlarge,40px);flex:1 1 auto}@media (prefers-reduced-motion){.___SFullscreenOverlay_tqt0d_gg_ .___SBackText_tqt0d_gg_{transition:none}}",
20
20
  /*__inner_css_end__*/
21
- "1qesp_gg_"
21
+ "tqt0d_gg_"
22
22
  ), /*__reshadow_css_end__*/
23
23
  {
24
- "__SFullscreenOverlay": "___SFullscreenOverlay_1qesp_gg_",
25
- "__SFullscreenModal": "___SFullscreenModal_1qesp_gg_",
26
- "__SClose": "___SClose_1qesp_gg_",
27
- "__SBack": "___SBack_1qesp_gg_",
28
- "__STitle": "___STitle_1qesp_gg_",
29
- "__SDescription": "___SDescription_1qesp_gg_",
30
- "__SHeader": "___SHeader_1qesp_gg_",
31
- "__SFooter": "___SFooter_1qesp_gg_",
32
- "__SBody": "___SBody_1qesp_gg_",
33
- "__SSection": "___SSection_1qesp_gg_",
34
- "__SBackText": "___SBackText_1qesp_gg_"
24
+ "__SFullscreenOverlay": "___SFullscreenOverlay_tqt0d_gg_",
25
+ "__SFullscreenModal": "___SFullscreenModal_tqt0d_gg_",
26
+ "__SClose": "___SClose_tqt0d_gg_",
27
+ "__SBack": "___SBack_tqt0d_gg_",
28
+ "__STitle": "___STitle_tqt0d_gg_",
29
+ "__SDescription": "___SDescription_tqt0d_gg_",
30
+ "__SHeader": "___SHeader_tqt0d_gg_",
31
+ "__SFooter": "___SFooter_tqt0d_gg_",
32
+ "__SBody": "___SBody_tqt0d_gg_",
33
+ "__SSection": "___SSection_tqt0d_gg_",
34
+ "__SBackText": "___SBackText_tqt0d_gg_"
35
35
  })
36
36
  );
37
37
  class FullscreenModalRoot extends Component {
@@ -161,12 +161,10 @@ function Close(props) {
161
161
  "use": "tertiary",
162
162
  "size": "l",
163
163
  "theme": "muted",
164
- "aria-label": getI18nText("close")
164
+ "aria-label": getI18nText("close"),
165
+ "addonLeft": CloseIcon
165
166
  }, _ref6)
166
- }), /* @__PURE__ */ React.createElement(Button.Addon, {
167
- ml: "7px",
168
- mr: "7px"
169
- }, /* @__PURE__ */ React.createElement(CloseIcon, _ref13.cn("CloseIcon", {}))));
167
+ }));
170
168
  }
171
169
  function Title(props) {
172
170
  var _ref7 = arguments[0], _ref14;
@@ -186,7 +184,9 @@ function Description(props) {
186
184
  const SDescription = Text;
187
185
  return _ref15 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SDescription, _ref15.cn("SDescription", {
188
186
  ...assignProps({
189
- "tag": "p"
187
+ "tag": "p",
188
+ "size": 200,
189
+ "use": "secondary"
190
190
  }, _ref8)
191
191
  }));
192
192
  }
@@ -199,7 +199,7 @@ function Back(props) {
199
199
  } = props;
200
200
  return _ref16 = sstyled(styles), /* @__PURE__ */ React.createElement(SBack, _ref16.cn("SBack", {
201
201
  ...assignProps({
202
- "color": "text-hint",
202
+ "use": "secondary",
203
203
  "size": 200,
204
204
  "addonLeft": ArrowLeft
205
205
  }, _ref9)
package/lib/esm/style/fullscreen-modal.shadow.css CHANGED
@@ -17,17 +17,16 @@ SFullscreenOverlay {
17
17
 
18
18
  SClose {
19
19
  position: absolute;
20
- top: 17px;
21
- right: 24px;
20
+ top: var(--intergalactic-spacing-content-padding-large, 16px);
21
+ right: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
22
22
  }
23
23
 
24
24
  SBack {
25
25
  cursor: pointer;
26
26
  position: absolute;
27
27
  z-index: 1;
28
- top: 8px;
29
- left: 32px;
30
- margin-bottom: var(--intergalactic-spacing-3x, 12px);
28
+ top: var(--intergalactic-spacing-content-padding-small, 8px);
29
+ left: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
31
30
  }
32
31
 
33
32
  STitle,
@@ -37,34 +36,31 @@ SFullscreenOverlay {
37
36
 
38
37
  STitle {
39
38
  font-size: var(--intergalactic-fs-500, 24px);
40
- line-height: var(--intergalactic-lh-500, 117%);
41
- font-weight: var(--intergalactic-bold, 700);
39
+ line-height: var(--intergalactic-lh-500, 1.1667);
40
+ font-weight: var(--intergalactic-semi-bold, 600);
42
41
  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
43
42
  }
44
43
 
45
- SDescription {
46
- font-size: var(--intergalactic-fs-100, 12px);
47
- line-height: var(--intergalactic-lh-100, 133%);
48
- color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
49
- }
50
-
51
44
  SHeader {
52
45
  display: flex;
53
46
  flex-direction: column;
54
- gap: var(--intergalactic-spacing-2x, 8px);
47
+ gap: var(--intergalactic-spacing-content-gap-large, 8px);
55
48
  align-items: flex-start;
56
- padding-left: var(--intergalactic-spacing-8x, 32px);
57
- padding-bottom: var(--intergalactic-spacing-4x, 16px);
58
- padding-right: calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));
59
- padding-top: var(--intergalactic-spacing-10x, 40px);
60
- box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
61
- box-sizing: border-box;
49
+
50
+ padding-left: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
51
+ padding-bottom: var(--intergalactic-spacing-content-padding-large, 16px);
52
+ padding-right: 72px;
53
+ padding-top: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
54
+ border-bottom: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
62
55
  }
63
56
 
64
57
  SFooter {
65
58
  min-height: 52px;
66
- box-shadow: inset 0 1px 1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
67
- box-sizing: border-box;
59
+ border-top: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
60
+ padding: var(--intergalactic-spacing-content-padding-medium, 12px) var(--intergalactic-spacing-content-padding-xxlarge, 40px);
61
+ justify-content: center;
62
+ align-items: center;
63
+ gap: var(--intergalactic-spacing-content-gap-xlarge, 12px);
68
64
  }
69
65
 
70
66
  SBody {
@@ -74,10 +70,10 @@ SFullscreenOverlay {
74
70
  }
75
71
 
76
72
  SSection {
77
- padding-top: var(--intergalactic-spacing-6x, 24px);
78
- padding-bottom: var(--intergalactic-spacing-6x, 24px);
79
- padding-left: var(--intergalactic-spacing-8x, 32px);
80
- padding-right: var(--intergalactic-spacing-8x, 32px);
73
+ padding-top: var(--intergalactic-spacing-content-padding-xlarge-extended, 24px);
74
+ padding-bottom: var(--intergalactic-spacing-content-padding-xlarge-extended, 24px);
75
+ padding-left: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
76
+ padding-right: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
81
77
  flex: 1 1 auto;
82
78
  }
83
79
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/fullscreen-modal",
3
3
  "description": "Semrush FullscreenModal Component",
4
- "version": "17.2.2-prerelease.9",
4
+ "version": "18.0.0-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,13 +14,13 @@
14
14
  "require": "./lib/cjs/index.js"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/modal": "^17.2.2-prerelease.9",
18
- "@semcore/typography": "^17.2.1-prerelease.9",
19
- "@semcore/button": "^17.2.2-prerelease.9"
17
+ "@semcore/modal": "^18.0.0-prerelease.0",
18
+ "@semcore/typography": "^18.0.0-prerelease.0",
19
+ "@semcore/button": "^18.0.0-prerelease.0"
20
20
  },
21
21
  "peerDependencies": {
22
- "@semcore/base-components": "^17.2.2-prerelease.9",
23
- "@semcore/icon": "^17.3.0-prerelease.9"
22
+ "@semcore/base-components": "^18.0.0-prerelease.0",
23
+ "@semcore/icon": "^18.0.0-prerelease.0"
24
24
  },
25
25
  "repository": {
26
26
  "type": "git",
@@ -28,10 +28,10 @@
28
28
  "directory": "semcore/fullscreen-modal"
29
29
  },
30
30
  "devDependencies": {
31
- "@semcore/base-components": "17.2.2-prerelease.9",
31
+ "@semcore/core": "18.0.0-prerelease.0",
32
+ "@semcore/base-components": "18.0.0-prerelease.0",
32
33
  "@semcore/testing-utils": "1.0.0",
33
- "@semcore/core": "17.3.1-prerelease.9",
34
- "@semcore/icon": "17.3.0-prerelease.9"
34
+ "@semcore/icon": "18.0.0-prerelease.0"
35
35
  },
36
36
  "scripts": {
37
37
  "build": "pnpm semcore-builder --source=js && pnpm vite build"