@semcore/fullscreen-modal 16.1.9 → 16.1.10-prerelease.3

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 +16 -21
  3. package/lib/cjs/FullscreenModal.js.map +1 -1
  4. package/lib/cjs/style/fullscreen-modal.shadow.css +0 -4
  5. package/lib/es6/FullscreenModal.js +15 -20
  6. package/lib/es6/FullscreenModal.js.map +1 -1
  7. package/lib/es6/style/fullscreen-modal.shadow.css +0 -4
  8. package/lib/esm/FullscreenModal.mjs +16 -23
  9. package/lib/esm/style/fullscreen-modal.shadow.css +0 -4
  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
+ ## [16.1.10] - 2025-10-06
6
+
7
+ ### Changed
8
+
9
+ - Version patch update due to children dependencies update (`@semcore/typography` [16.2.3 ~> 16.3.0], `@semcore/button` [16.0.9 ~> 16.0.10], `@semcore/flex-box` [16.0.9 ~> 16.0.10], `@semcore/base-components` [16.2.3 ~> 16.4.0]).
10
+
5
11
  ## [16.1.9] - 2025-09-17
6
12
 
7
13
  ### Changed
package/lib/cjs/FullscreenModal.js CHANGED
@@ -8,15 +8,12 @@ exports["default"] = void 0;
8
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
12
- var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
13
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
11
+ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
14
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
14
  var _core = require("@semcore/core");
17
15
  var _button = _interopRequireDefault(require("@semcore/button"));
18
16
  var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
19
- var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/keyboardFocusEnhance"));
20
17
  var _fire = _interopRequireDefault(require("@semcore/core/lib/utils/fire"));
21
18
  var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
22
19
  var _flexBox = require("@semcore/flex-box");
@@ -26,23 +23,21 @@ var _modal = _interopRequireDefault(require("@semcore/modal"));
26
23
  var _typography = require("@semcore/typography");
27
24
  var _react = _interopRequireDefault(require("react"));
28
25
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
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
26
  /*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
31
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFullscreenModal_1t2jt_gg_,.___SFullscreenOverlay_1t2jt_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_1t2jt_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0}.___SClose_1t2jt_gg_{position:absolute;top:17px;right:24px}.___SBack_1t2jt_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_1t2jt_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1t2jt_gg_.__keyboardFocused_1t2jt_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1t2jt_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1t2jt_gg_,.___SDescription_1t2jt_gg_,.___STitle_1t2jt_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1t2jt_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_1t2jt_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_1t2jt_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_1t2jt_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_1t2jt_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1t2jt_gg_{display:flex;height:100%;overflow:auto}.___SSection_1t2jt_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_1t2jt_gg_{transition:none}}", /*__inner_css_end__*/"1t2jt_gg_"),
27
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFullscreenModal_5rnk6_gg_,.___SFullscreenOverlay_5rnk6_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_5rnk6_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0}.___SClose_5rnk6_gg_{position:absolute;top:17px;right:24px}.___SBack_5rnk6_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_5rnk6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBackText_5rnk6_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_5rnk6_gg_,.___SDescription_5rnk6_gg_,.___STitle_5rnk6_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_5rnk6_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_5rnk6_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_5rnk6_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_5rnk6_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_5rnk6_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_5rnk6_gg_{display:flex;height:100%;overflow:auto}.___SSection_5rnk6_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_5rnk6_gg_{transition:none}}", /*__inner_css_end__*/"5rnk6_gg_"),
32
28
  /*__reshadow_css_end__*/
33
29
  {
34
- "__SFullscreenModal": "___SFullscreenModal_1t2jt_gg_",
35
- "__SClose": "___SClose_1t2jt_gg_",
36
- "__SBack": "___SBack_1t2jt_gg_",
37
- "_keyboardFocused": "__keyboardFocused_1t2jt_gg_",
38
- "__SBackText": "___SBackText_1t2jt_gg_",
39
- "__STitle": "___STitle_1t2jt_gg_",
40
- "__SDescription": "___SDescription_1t2jt_gg_",
41
- "__SHeader": "___SHeader_1t2jt_gg_",
42
- "__SFooter": "___SFooter_1t2jt_gg_",
43
- "__SBody": "___SBody_1t2jt_gg_",
44
- "__SSection": "___SSection_1t2jt_gg_",
45
- "__SFullscreenOverlay": "___SFullscreenOverlay_1t2jt_gg_"
30
+ "__SFullscreenModal": "___SFullscreenModal_5rnk6_gg_",
31
+ "__SClose": "___SClose_5rnk6_gg_",
32
+ "__SBackText": "___SBackText_5rnk6_gg_",
33
+ "__STitle": "___STitle_5rnk6_gg_",
34
+ "__SDescription": "___SDescription_5rnk6_gg_",
35
+ "__SHeader": "___SHeader_5rnk6_gg_",
36
+ "__SFooter": "___SFooter_5rnk6_gg_",
37
+ "__SBody": "___SBody_5rnk6_gg_",
38
+ "__SSection": "___SSection_5rnk6_gg_",
39
+ "__SFullscreenOverlay": "___SFullscreenOverlay_5rnk6_gg_",
40
+ "__SBack": "___SBack_5rnk6_gg_"
46
41
  });
47
42
  var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
48
43
  function FullscreenModalRoot() {
@@ -51,7 +46,7 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
51
46
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
52
47
  args[_key] = arguments[_key];
53
48
  }
54
- _this = _callSuper(this, FullscreenModalRoot, [].concat(args));
49
+ _this = (0, _callSuper2["default"])(this, FullscreenModalRoot, [].concat(args));
55
50
  (0, _defineProperty2["default"])(_this, "state", {
56
51
  hasTitle: false
57
52
  });
@@ -210,10 +205,10 @@ function Back(props) {
210
205
  var Children = props.Children,
211
206
  styles = props.styles;
212
207
  return _ref16 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref16.cn("SBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
213
- "tag": 'button'
208
+ "tag": 'button',
209
+ "tabIndex": 0
214
210
  }, _ref9))), /*#__PURE__*/_react["default"].createElement(_m["default"], _ref16.cn("ArrowLeft", {})), /*#__PURE__*/_react["default"].createElement(SBackText, _ref16.cn("SBackText", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref16.cn("Children", {}))));
215
211
  }
216
- Back.enhance = [(0, _keyboardFocusEnhance["default"])()];
217
212
  var FullscreenModal = (0, _core.createComponent)(FullscreenModalRoot, {
218
213
  Header: Header,
219
214
  Footer: Footer,
package/lib/cjs/FullscreenModal.js.map CHANGED
@@ -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 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":[]}
1
+ {"version":3,"file":"FullscreenModal.js","names":["_core","require","_button","_interopRequireDefault","_i18nEnhance","_fire","_uniqueID","_flexBox","_m","_l","_modal","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","FullscreenModalRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","hasTitle","trigger","e","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","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 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' tabIndex={0}>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\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
@@ -44,10 +44,6 @@ SBack {
44
44
  }
45
45
  }
46
46
 
47
- SBack[keyboardFocused] {
48
- box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
49
- }
50
-
51
47
  SBackText {
52
48
  margin-left: var(--intergalactic-spacing-1x, 4px);
53
49
  font-size: var(--intergalactic-fs-200, 14px);
package/lib/es6/FullscreenModal.js CHANGED
@@ -1,9 +1,7 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
3
  import _createClass from "@babel/runtime/helpers/createClass";
4
- import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
5
- import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
6
- import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
4
+ import _callSuper from "@babel/runtime/helpers/callSuper";
7
5
  import _inherits from "@babel/runtime/helpers/inherits";
8
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
9
7
  import { sstyled as _sstyled } from "@semcore/core";
@@ -16,11 +14,9 @@ import { assignProps as _assignProps4 } from "@semcore/core";
16
14
  import { assignProps as _assignProps3 } from "@semcore/core";
17
15
  import { assignProps as _assignProps2 } from "@semcore/core";
18
16
  import { assignProps as _assignProps } from "@semcore/core";
19
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
20
17
  import Button from '@semcore/button';
21
18
  import { createComponent, Component, sstyled, Root } from '@semcore/core';
22
19
  import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
23
- import keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
24
20
  import fire from '@semcore/core/lib/utils/fire';
25
21
  import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
26
22
  import { Flex, Box } from '@semcore/flex-box';
@@ -30,21 +26,20 @@ import Modal from '@semcore/modal';
30
26
  import { Text } from '@semcore/typography';
31
27
  import React from 'react';
32
28
  /*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
33
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFullscreenModal_1t2jt_gg_,.___SFullscreenOverlay_1t2jt_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_1t2jt_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0}.___SClose_1t2jt_gg_{position:absolute;top:17px;right:24px}.___SBack_1t2jt_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_1t2jt_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1t2jt_gg_.__keyboardFocused_1t2jt_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1t2jt_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1t2jt_gg_,.___SDescription_1t2jt_gg_,.___STitle_1t2jt_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1t2jt_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_1t2jt_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_1t2jt_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_1t2jt_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_1t2jt_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1t2jt_gg_{display:flex;height:100%;overflow:auto}.___SSection_1t2jt_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_1t2jt_gg_{transition:none}}", /*__inner_css_end__*/"1t2jt_gg_"),
29
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFullscreenModal_5rnk6_gg_,.___SFullscreenOverlay_5rnk6_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_5rnk6_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0}.___SClose_5rnk6_gg_{position:absolute;top:17px;right:24px}.___SBack_5rnk6_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_5rnk6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBackText_5rnk6_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_5rnk6_gg_,.___SDescription_5rnk6_gg_,.___STitle_5rnk6_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_5rnk6_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_5rnk6_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_5rnk6_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_5rnk6_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_5rnk6_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_5rnk6_gg_{display:flex;height:100%;overflow:auto}.___SSection_5rnk6_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_5rnk6_gg_{transition:none}}", /*__inner_css_end__*/"5rnk6_gg_"),
34
30
  /*__reshadow_css_end__*/
35
31
  {
36
- "__SFullscreenModal": "___SFullscreenModal_1t2jt_gg_",
37
- "__SClose": "___SClose_1t2jt_gg_",
38
- "__SBack": "___SBack_1t2jt_gg_",
39
- "_keyboardFocused": "__keyboardFocused_1t2jt_gg_",
40
- "__SBackText": "___SBackText_1t2jt_gg_",
41
- "__STitle": "___STitle_1t2jt_gg_",
42
- "__SDescription": "___SDescription_1t2jt_gg_",
43
- "__SHeader": "___SHeader_1t2jt_gg_",
44
- "__SFooter": "___SFooter_1t2jt_gg_",
45
- "__SBody": "___SBody_1t2jt_gg_",
46
- "__SSection": "___SSection_1t2jt_gg_",
47
- "__SFullscreenOverlay": "___SFullscreenOverlay_1t2jt_gg_"
32
+ "__SFullscreenModal": "___SFullscreenModal_5rnk6_gg_",
33
+ "__SClose": "___SClose_5rnk6_gg_",
34
+ "__SBackText": "___SBackText_5rnk6_gg_",
35
+ "__STitle": "___STitle_5rnk6_gg_",
36
+ "__SDescription": "___SDescription_5rnk6_gg_",
37
+ "__SHeader": "___SHeader_5rnk6_gg_",
38
+ "__SFooter": "___SFooter_5rnk6_gg_",
39
+ "__SBody": "___SBody_5rnk6_gg_",
40
+ "__SSection": "___SSection_5rnk6_gg_",
41
+ "__SFullscreenOverlay": "___SFullscreenOverlay_5rnk6_gg_",
42
+ "__SBack": "___SBack_5rnk6_gg_"
48
43
  });
49
44
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
50
45
  var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
@@ -213,10 +208,10 @@ function Back(props) {
213
208
  var Children = props.Children,
214
209
  styles = props.styles;
215
210
  return _ref16 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref16.cn("SBack", _objectSpread({}, _assignProps9({
216
- "tag": 'button'
211
+ "tag": 'button',
212
+ "tabIndex": 0
217
213
  }, _ref9))), /*#__PURE__*/React.createElement(ArrowLeft, _ref16.cn("ArrowLeft", {})), /*#__PURE__*/React.createElement(SBackText, _ref16.cn("SBackText", {}), /*#__PURE__*/React.createElement(Children, _ref16.cn("Children", {}))));
218
214
  }
219
- Back.enhance = [keyboardFocusEnhance()];
220
215
  var FullscreenModal = createComponent(FullscreenModalRoot, {
221
216
  Header: Header,
222
217
  Footer: Footer,
package/lib/es6/FullscreenModal.js.map CHANGED
@@ -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 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":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,eAAe,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,OAAOC,WAAW,MAAM,8CAA8C;AACtE,OAAOC,oBAAoB,MAAM,uDAAuD;AACxF,OAAOC,IAAI,MAAM,8BAA8B;AAC/C,OAAOC,mBAAmB,MAAM,kCAAkC;AAClE,SAASC,IAAI,EAAEC,GAAG,QAAQ,mBAAmB;AAC7C,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,KAAK,MAAM,gBAAgB;AAClC,SAASC,IAAI,QAAQ,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAG1B,SAASC,iBAAiB,QAAQ,gDAAgD;AAAC,IAE7EC,mBAAmB,0BAAAC,UAAA;EAAA,SAAAD,oBAAA;IAAA,IAAAE,KAAA;IAAAC,eAAA,OAAAH,mBAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAQ,UAAA,OAAAV,mBAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAAK,eAAA,CAAAV,KAAA,WASf;MAAEW,QAAQ,EAAE;IAAM,CAAC;IAAAD,eAAA,CAAAV,KAAA,sBAER,UAACY,OAAO;MAAA,OAAK,UAACC,CAAC,EAAK;QACrC5B,IAAI,CAAAe,KAAA,EAAO,SAAS,EAAEY,OAAO,EAAEC,CAAC,CAAC;MACnC,CAAC;IAAA;IAAA,OAAAb,KAAA;EAAA;EAAAc,SAAA,CAAAhB,mBAAA,EAAAC,UAAA;EAAA,OAAAgB,YAAA,CAAAjB,mBAAA;IAAAkB,GAAA;IAAAC,KAAA,EAED,SAAAC,aAAaA,CAAA,EAAG;MACd,IAAQC,WAAW,GAAK,IAAI,CAACC,OAAO,CAA5BD,WAAW;MACnB,OAAO;QACLE,OAAO,EAAE,IAAI,CAACC,gBAAgB,CAAC,cAAc,CAAC;QAC9CH,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAM,YAAYA,CAAA,EAAG;MACb,OAAO;QACLF,OAAO,EAAE,IAAI,CAACC,gBAAgB,CAAC,aAAa;MAC9C,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAO,aAAaA,CAAA,EAAG;MAAA,IAAAC,MAAA;MACd,IAAQC,GAAG,GAAK,IAAI,CAACN,OAAO,CAApBM,GAAG;MACX,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;QAAA,OAASF,MAAI,CAACG,QAAQ,CAAC;UAAEjB,QAAQ,EAAE;QAAK,CAAC,CAAC;MAAA;MAE3D,OAAO;QACLkB,EAAE,SAAApB,MAAA,CAASiB,GAAG,WAAQ;QACtBC,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAAa,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAX,OAAA;QAAAY,KAAA;MACP,IAAMC,gBAAgB,GAyBN1C,KAAK,CAAC2C,MAAM;MAxB5B,IAAAC,aAAA,GAUI,IAAI,CAACf,OAAO;QATdgB,MAAM,GAAAD,aAAA,CAANC,MAAM;QACNC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QACRC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QACPC,OAAO,GAAAJ,aAAA,CAAPI,OAAO;QACPC,QAAQ,GAAAL,aAAA,CAARK,QAAQ;QACRC,QAAQ,GAAAN,aAAA,CAARM,QAAQ;QACRC,aAAa,GAAAP,aAAA,CAAbO,aAAa;QACbvB,WAAW,GAAAgB,aAAA,CAAXhB,WAAW;QACXO,GAAG,GAAAS,aAAA,CAAHT,GAAG;MAEL,IAAQf,QAAQ,GAAK,IAAI,CAACgC,KAAK,CAAvBhC,QAAQ;MAChB,IAAMiC,kBAAkB,GAAGrD,KAAK,CAACsD,OAAO;MAExC,OAAAb,KAAA,GAAOnD,OAAO,CAACuD,MAAM,CAAC,eACpB3C,KAAA,CAAAqD,aAAA,CAACvD,KAAK,EAAAyC,KAAA,CAAAe,EAAA;QAAA,YACM,KAAK;QAAA,WACNR,OAAO;QAAA,WACPD,OAAO;QAAA,YACNG,QAAQ;QAAA,iBACHC;MAAa,iBAE5BjD,KAAA,CAAAqD,aAAA,CAACF,kBAAkB,EAAAZ,KAAA,CAAAe,EAAA,yCACjBtD,KAAA,CAAAqD,aAAA,CAACb,gBAAgB,EAAAD,KAAA,CAAAe,EAAA,qBAAAC,aAAA,KAAAC,YAAA;QAAA,gBAED,KAAK;QAAA,cACPtC,QAAQ,GAAGuC,SAAS,GAAG/B,WAAW,CAAC,OAAO,CAAC;QAAA,mBACtCR,QAAQ,UAAAF,MAAA,CAAUiB,GAAG,cAAWwB;MAAS,GAAAnB,IAAA,KAEzDS,QAAQ,iBAAI/C,KAAA,CAAAqD,aAAA,CAACK,eAAe,CAACC,KAAK,MAAE,CAAC,eACtC3D,KAAA,CAAAqD,aAAA,CAACT,QAAQ,EAAAL,KAAA,CAAAe,EAAA,gBAAE,CACK,CACA,CACf,CAAC;IAEZ;EAAC;AAAA,EA5E+BnE,SAAS;AAAA8B,eAAA,CAArCZ,mBAAmB,iBACF,iBAAiB;AAAAY,eAAA,CADlCZ,mBAAmB,WAERJ,KAAK;AAAAgB,eAAA,CAFhBZ,mBAAmB,aAGN,CAACf,WAAW,CAACc,iBAAiB,CAAC,EAAEX,mBAAmB,CAAC,CAAC,CAAC;AAAAwB,eAAA,CAHpEZ,mBAAmB,kBAID;EACpBuD,IAAI,EAAExD,iBAAiB;EACvByD,MAAM,EAAE;AACV,CAAC;AAwEH,SAASC,MAAMA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACrB,IAAMC,OAAO,GAGMxE,GAAG;EAFtB,IAAQiD,QAAQ,GAAiCmB,KAAK,CAA9CnB,QAAQ;IAAED,MAAM,GAAyBoB,KAAK,CAApCpB,MAAM;IAAEyB,KAAK,GAAkBL,KAAK,CAA5BK,KAAK;IAAEC,WAAW,GAAKN,KAAK,CAArBM,WAAW;EAC5C,OAAAH,KAAA,GAAO9E,OAAO,CAACuD,MAAM,CAAC,eACpB3C,KAAA,CAAAqD,aAAA,CAACc,OAAO,EAAAD,KAAA,CAAAZ,EAAA,YAAAC,aAAA,KAAAe,aAAA,KAAAN,KAAA,KACLI,KAAK,iBAAIpE,KAAA,CAAAqD,aAAA,CAACK,eAAe,CAACa,KAAK;IAACC,QAAQ,EAAEJ;EAAM,CAAE,CAAC,EACnDC,WAAW,iBAAIrE,KAAA,CAAAqD,aAAA,CAACK,eAAe,CAACe,WAAW;IAACD,QAAQ,EAAEH;EAAY,CAAE,CAAC,eACtErE,KAAA,CAAAqD,aAAA,CAACT,QAAQ,EAAAsB,KAAA,CAAAZ,EAAA,gBAAE,CACJ,CAAC;AAEd;AAEA,SAASoB,IAAIA,CAACX,KAAK,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,MAAA;EACnB,IAAMC,KAAK,GACiClF,GAAG;EAA/C,OAAAiF,MAAA,GAAOxF,OAAO,CAAC2E,KAAK,CAACpB,MAAM,CAAC,eAAC3C,KAAA,CAAAqD,aAAA,CAACwB,KAAK,EAAAD,MAAA,CAAAtB,EAAA,UAAAC,aAAA,KAAAuB,aAAA,KAAAH,KAAA,GAAe,CAAC;AACrD;AAEA,SAASI,OAAOA,CAAChB,KAAK,EAAE;EAAA,IAAAiB,KAAA,GAAAf,YAAA;IAAAgB,MAAA;EACtB,IAAMC,QAAQ,GACiCvF,GAAG;EAAlD,OAAAsF,MAAA,GAAO7F,OAAO,CAAC2E,KAAK,CAACpB,MAAM,CAAC,eAAC3C,KAAA,CAAAqD,aAAA,CAAC6B,QAAQ,EAAAD,MAAA,CAAA3B,EAAA,aAAAC,aAAA,KAAA4B,aAAA;IAAA,OAAkB;EAAS,GAAAH,KAAA,GAAE,CAAC;AACtE;AAEA,SAASI,MAAMA,CAACrB,KAAK,EAAE;EAAA,IAAAsB,KAAA,GAAApB,YAAA;IAAAqB,MAAA;EACrB,IAAMC,OAAO,GACiC7F,IAAI;EAAlD,OAAA4F,MAAA,GAAOlG,OAAO,CAAC2E,KAAK,CAACpB,MAAM,CAAC,eAAC3C,KAAA,CAAAqD,aAAA,CAACkC,OAAO,EAAAD,MAAA,CAAAhC,EAAA,YAAAC,aAAA,KAAAiC,aAAA,KAAAH,KAAA,GAAgB,CAAC;AACxD;AAEA,SAAS1B,KAAKA,CAACI,KAAK,EAAE;EAAA,IAAA0B,KAAA,GAAAxB,YAAA;IAAAyB,MAAA;EACpB,IAAMC,MAAM,GAGM1G,MAAM;EAFxB,IAAQyC,WAAW,GAAKqC,KAAK,CAArBrC,WAAW;EACnB,OAAAgE,MAAA,GAAOtG,OAAO,CAAC2E,KAAK,CAACpB,MAAM,CAAC,eAC1B3C,KAAA,CAAAqD,aAAA,CAACsC,MAAM,EAAAD,MAAA,CAAApC,EAAA,WAAAC,aAAA,KAAAqC,aAAA;IAAA,OAAqB,UAAU;IAAA,QAAM,GAAG;IAAA,SAAO,OAAO;IAAA,cAAalE,WAAW,CAAC,OAAO;EAAC,GAAA+D,KAAA,kBAC5FzF,KAAA,CAAAqD,aAAA,CAACpE,MAAM,CAAC4G,KAAK;IAACC,EAAE,EAAC,KAAK;IAACC,EAAE,EAAC;EAAK,gBAC7B/F,KAAA,CAAAqD,aAAA,CAACxD,SAAS,EAAA6F,MAAA,CAAApC,EAAA;IAAA,SAAQ5B,WAAW,CAAC,OAAO;EAAC,EAAG,CAC7B,CACR,CAAC;AAEb;AAEA,SAAS6C,KAAKA,CAACR,KAAK,EAAE;EAAA,IAAAiC,KAAA,GAAA/B,YAAA;IAAAgC,MAAA;EACpB,IAAMC,MAAM,GAKiCnG,IAAI;EAJjD,IAAQmC,WAAW,GAAK6B,KAAK,CAArB7B,WAAW;EAEnBlC,KAAK,CAACmG,SAAS,CAAC;IAAA,OAAMjE,WAAW,CAAC,CAAC;EAAA,EAAC;EAEpC,OAAA+D,MAAA,GAAO7G,OAAO,CAAC2E,KAAK,CAACpB,MAAM,CAAC,eAAC3C,KAAA,CAAAqD,aAAA,CAAC6C,MAAM,EAAAD,MAAA,CAAA3C,EAAA,WAAAC,aAAA,KAAA6C,aAAA;IAAA,OAAmB;EAAI,GAAAJ,KAAA,GAAE,CAAC;AAChE;AAEA,SAASvB,WAAWA,CAACV,KAAK,EAAE;EAAA,IAAAsC,KAAA,GAAApC,YAAA;IAAAqC,MAAA;EAC1B,IAAMC,YAAY,GACiCxG,IAAI;EAAvD,OAAAuG,MAAA,GAAOlH,OAAO,CAAC2E,KAAK,CAACpB,MAAM,CAAC,eAAC3C,KAAA,CAAAqD,aAAA,CAACkD,YAAY,EAAAD,MAAA,CAAAhD,EAAA,iBAAAC,aAAA,KAAAiD,aAAA,KAAAH,KAAA,GAAgB,CAAC;AAC7D;AAEA,SAASI,IAAIA,CAAC1C,KAAK,EAAE;EAAA,IAAA2C,KAAA,GAAAzC,YAAA;IAAA0C,MAAA;EACnB,IAAMC,KAAK,GAKMjH,GAAG;EAJpB,IAAMkH,SAAS,GAAG9G,IAAI;EACtB,IAAQ6C,QAAQ,GAAamB,KAAK,CAA1BnB,QAAQ;IAAED,MAAM,GAAKoB,KAAK,CAAhBpB,MAAM;EAExB,OAAAgE,MAAA,GAAOvH,OAAO,CAACuD,MAAM,CAAC,eACpB3C,KAAA,CAAAqD,aAAA,CAACuD,KAAK,EAAAD,MAAA,CAAArD,EAAA,UAAAC,aAAA,KAAAuD,aAAA;IAAA,OAAkB;EAAQ,GAAAJ,KAAA,kBAC9B1G,KAAA,CAAAqD,aAAA,CAACzD,SAAS,EAAA+G,MAAA,CAAArD,EAAA,iBAAE,CAAC,eACbtD,KAAA,CAAAqD,aAAA,CAACwD,SAAS,EAAAF,MAAA,CAAArD,EAAA,gCACRtD,KAAA,CAAAqD,aAAA,CAACT,QAAQ,EAAA+D,MAAA,CAAArD,EAAA,gBAAE,CACF,CACN,CAAC;AAEZ;AACAmD,IAAI,CAACM,OAAO,GAAG,CAACxH,oBAAoB,CAAC,CAAC,CAAC;AAEvC,IAAMmE,eAAe,GAAGxE,eAAe,CACrCmB,mBAAmB,EACnB;EACEyD,MAAM,EAANA,MAAM;EACNsB,MAAM,EAANA,MAAM;EACNzB,KAAK,EAALA,KAAK;EACL8C,IAAI,EAAJA,IAAI;EACJ/B,IAAI,EAAJA,IAAI;EACJK,OAAO,EAAPA,OAAO;EACPR,KAAK,EAALA,KAAK;EACLE,WAAW,EAAXA;AACF,CAAC,EACD;EAAEuC,MAAM,EAAElH;AAAM,CAClB,CAAC;AAED,eAAe4D,eAAe","ignoreList":[]}
1
+ {"version":3,"file":"FullscreenModal.js","names":["Button","createComponent","Component","sstyled","Root","i18nEnhance","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","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 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' tabIndex={0}>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\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
@@ -44,10 +44,6 @@ SBack {
44
44
  }
45
45
  }
46
46
 
47
- SBack[keyboardFocused] {
48
- box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
49
- }
50
-
51
47
  SBackText {
52
48
  margin-left: var(--intergalactic-spacing-1x, 4px);
53
49
  font-size: var(--intergalactic-fs-200, 14px);
package/lib/esm/FullscreenModal.mjs CHANGED
@@ -1,15 +1,12 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
2
  import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
3
  import _createClass from "@babel/runtime/helpers/esm/createClass";
4
- import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
5
- import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
6
- import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
4
+ import _callSuper from "@babel/runtime/helpers/esm/callSuper";
7
5
  import _inherits from "@babel/runtime/helpers/esm/inherits";
8
6
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
9
7
  import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
10
8
  import Button from "@semcore/button";
11
9
  import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
12
- import keyboardFocusEnhance from "@semcore/core/lib/utils/enhances/keyboardFocusEnhance";
13
10
  import fire from "@semcore/core/lib/utils/fire";
14
11
  import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
15
12
  import { Box, Flex } from "@semcore/flex-box";
@@ -19,31 +16,27 @@ import Modal from "@semcore/modal";
19
16
  import { Text } from "@semcore/typography";
20
17
  import React from "react";
21
18
  import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
22
- function _callSuper(t, o, e) {
23
- return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
24
- }
25
19
  /*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
26
20
  var style = (
27
21
  /*__reshadow_css_start__*/
28
22
  (sstyled.insert(
29
23
  /*__inner_css_start__*/
30
- '.___SFullscreenModal_1t2jt_gg_,.___SFullscreenOverlay_1t2jt_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_1t2jt_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0}.___SClose_1t2jt_gg_{position:absolute;top:17px;right:24px}.___SBack_1t2jt_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_1t2jt_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1t2jt_gg_.__keyboardFocused_1t2jt_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1t2jt_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1t2jt_gg_,.___SDescription_1t2jt_gg_,.___STitle_1t2jt_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1t2jt_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_1t2jt_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_1t2jt_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_1t2jt_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_1t2jt_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1t2jt_gg_{display:flex;height:100%;overflow:auto}.___SSection_1t2jt_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_1t2jt_gg_{transition:none}}',
24
+ '.___SFullscreenModal_5rnk6_gg_,.___SFullscreenOverlay_5rnk6_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_5rnk6_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0}.___SClose_5rnk6_gg_{position:absolute;top:17px;right:24px}.___SBack_5rnk6_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_5rnk6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBackText_5rnk6_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_5rnk6_gg_,.___SDescription_5rnk6_gg_,.___STitle_5rnk6_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_5rnk6_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_5rnk6_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_5rnk6_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_5rnk6_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_5rnk6_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_5rnk6_gg_{display:flex;height:100%;overflow:auto}.___SSection_5rnk6_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_5rnk6_gg_{transition:none}}',
31
25
  /*__inner_css_end__*/
32
- "1t2jt_gg_"
26
+ "5rnk6_gg_"
33
27
  ), /*__reshadow_css_end__*/
34
28
  {
35
- "__SFullscreenModal": "___SFullscreenModal_1t2jt_gg_",
36
- "__SClose": "___SClose_1t2jt_gg_",
37
- "__SBack": "___SBack_1t2jt_gg_",
38
- "_keyboardFocused": "__keyboardFocused_1t2jt_gg_",
39
- "__SBackText": "___SBackText_1t2jt_gg_",
40
- "__STitle": "___STitle_1t2jt_gg_",
41
- "__SDescription": "___SDescription_1t2jt_gg_",
42
- "__SHeader": "___SHeader_1t2jt_gg_",
43
- "__SFooter": "___SFooter_1t2jt_gg_",
44
- "__SBody": "___SBody_1t2jt_gg_",
45
- "__SSection": "___SSection_1t2jt_gg_",
46
- "__SFullscreenOverlay": "___SFullscreenOverlay_1t2jt_gg_"
29
+ "__SFullscreenModal": "___SFullscreenModal_5rnk6_gg_",
30
+ "__SClose": "___SClose_5rnk6_gg_",
31
+ "__SBackText": "___SBackText_5rnk6_gg_",
32
+ "__STitle": "___STitle_5rnk6_gg_",
33
+ "__SDescription": "___SDescription_5rnk6_gg_",
34
+ "__SHeader": "___SHeader_5rnk6_gg_",
35
+ "__SFooter": "___SFooter_5rnk6_gg_",
36
+ "__SBody": "___SBody_5rnk6_gg_",
37
+ "__SSection": "___SSection_5rnk6_gg_",
38
+ "__SFullscreenOverlay": "___SFullscreenOverlay_5rnk6_gg_",
39
+ "__SBack": "___SBack_5rnk6_gg_"
47
40
  })
48
41
  );
49
42
  var FullscreenModalRoot = /* @__PURE__ */ function(_Component) {
@@ -190,10 +183,10 @@ function Back(props) {
190
183
  var SBackText = Text;
191
184
  var Children = props.Children, styles = props.styles;
192
185
  return _ref16 = sstyled(styles), /* @__PURE__ */ React.createElement(SBack, _ref16.cn("SBack", _objectSpread({}, assignProps({
193
- "tag": "button"
186
+ "tag": "button",
187
+ "tabIndex": 0
194
188
  }, _ref9))), /* @__PURE__ */ React.createElement(ArrowLeft, _ref16.cn("ArrowLeft", {})), /* @__PURE__ */ React.createElement(SBackText, _ref16.cn("SBackText", {}), /* @__PURE__ */ React.createElement(Children, _ref16.cn("Children", {}))));
195
189
  }
196
- Back.enhance = [keyboardFocusEnhance()];
197
190
  var FullscreenModal = createComponent(FullscreenModalRoot, {
198
191
  Header,
199
192
  Footer,
package/lib/esm/style/fullscreen-modal.shadow.css CHANGED
@@ -44,10 +44,6 @@ SBack {
44
44
  }
45
45
  }
46
46
 
47
- SBack[keyboardFocused] {
48
- box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
49
- }
50
-
51
47
  SBackText {
52
48
  margin-left: var(--intergalactic-spacing-1x, 4px);
53
49
  font-size: var(--intergalactic-fs-200, 14px);
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.9",
4
+ "version": "16.1.10-prerelease.3",
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.7.1",
18
- "@semcore/modal": "16.1.9",
19
- "@semcore/typography": "16.2.3",
20
- "@semcore/button": "16.0.9",
21
- "@semcore/flex-box": "16.0.9"
17
+ "@semcore/icon": "16.5.1-prerelease.3",
18
+ "@semcore/modal": "16.1.10-prerelease.3",
19
+ "@semcore/typography": "16.3.0-prerelease.3",
20
+ "@semcore/button": "16.0.10-prerelease.3",
21
+ "@semcore/flex-box": "16.0.10-prerelease.3"
22
22
  },
23
23
  "peerDependencies": {
24
- "@semcore/base-components": "^16.0.0"
24
+ "@semcore/base-components": "^16.4.0-prerelease.3"
25
25
  },
26
26
  "repository": {
27
27
  "type": "git",
@@ -29,8 +29,8 @@
29
29
  "directory": "semcore/fullscreen-modal"
30
30
  },
31
31
  "devDependencies": {
32
- "@semcore/testing-utils": "1.0.0",
33
- "@semcore/core": "16.3.0"
32
+ "@semcore/core": "16.5.0-prerelease.3",
33
+ "@semcore/testing-utils": "1.0.0"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "pnpm semcore-builder --source=js && pnpm vite build"