npm - @semcore/side-panel - Versions diffs - 17.1.0 → 17.2.0-prerelease.3 - Mend

@semcore/side-panel 17.1.0 → 17.2.0-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

package/CHANGELOG.md +10 -0
package/lib/cjs/SidePanel.js +22 -16
package/lib/cjs/SidePanel.js.map +1 -1
package/lib/cjs/style/side-panel.shadow.css +0 -6
package/lib/es6/SidePanel.js +22 -16
package/lib/es6/SidePanel.js.map +1 -1
package/lib/es6/style/side-panel.shadow.css +0 -6
package/lib/esm/SidePanel.mjs +18 -18
package/lib/esm/style/side-panel.shadow.css +0 -6
package/package.json +7 -7

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,16 @@
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
+## [17.2.0] - 2026-06-05
+### Changed
+- Replaced css-ellipsis with our `Ellipsis` in `Text`.
+### Added
+- Links to the API and examples in the docs.
 ## [17.1.0] - 2026-05-13
 ### Added

package/lib/cjs/SidePanel.js CHANGED Viewed

@@ -25,22 +25,21 @@ var _typography = require("@semcore/typography");
 var _react = _interopRequireDefault(require("react"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*!__reshadow-styles__:"./style/side-panel.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SOverlay_1r4ae_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SOverlay_1r4ae_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_1r4ae_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SPanel_1r4ae_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));z-index:1}.___SPanel_1r4ae_gg_._placement_top_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));width:100%;margin-bottom:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1r4ae_gg_._placement_top_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_1r4ae_gg_._placement_top_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_1r4ae_gg_._placement_right_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));height:100vh;margin-left:auto;top:0;right:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1r4ae_gg_._placement_right_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_1r4ae_gg_._placement_right_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_1r4ae_gg_._placement_bottom_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));width:100%;margin-top:auto;bottom:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1r4ae_gg_._placement_bottom_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_1r4ae_gg_._placement_bottom_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_1r4ae_gg_._placement_left_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));height:100vh;margin-right:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1r4ae_gg_._placement_left_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_1r4ae_gg_._placement_left_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SClose_1r4ae_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1r4ae_gg_ .___SAddon_1r4ae_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1r4ae_gg_{max-width:100%}.___SBack_1r4ae_gg_ .___SBackText_1r4ae_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SHeader_1r4ae_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);margin-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));box-sizing:border-box;flex-shrink:0}@supports (color:color(display-p3 0 0 0%)){.___SHeader_1r4ae_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SHeader_1r4ae_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1r4ae_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));box-sizing:border-box}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1r4ae_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1r4ae_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBody_1r4ae_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}", /*__inner_css_end__*/"1r4ae_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SOverlay_1a0wc_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary,#00060356);-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary,#010500e5)}@supports (color:color(display-p3 0 0 0%)){.___SOverlay_1a0wc_gg_{background:var(--intergalactic-overlay-primary,#00060356)}@media (color-gamut:p3){.___SOverlay_1a0wc_gg_{background:var(--intergalactic-overlay-primary,color(display-p3 .00414 .0233 .01269/.337))}}}.___SPanel_1a0wc_gg_{display:flex;flex-direction:column;width:260px;outline:none;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral,#fff);z-index:1}.___SPanel_1a0wc_gg_._placement_top_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012);width:100%;margin-bottom:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1a0wc_gg_._placement_top_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012)}@media (color-gamut:p3){.___SPanel_1a0wc_gg_._placement_top_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 color(display-p3 .01753 .08157 .06372/.07))}}}.___SPanel_1a0wc_gg_._placement_right_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012);height:100vh;margin-left:auto;top:0;right:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1a0wc_gg_._placement_right_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012)}@media (color-gamut:p3){.___SPanel_1a0wc_gg_._placement_right_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 color(display-p3 .01753 .08157 .06372/.07))}}}.___SPanel_1a0wc_gg_._placement_bottom_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012);width:100%;margin-top:auto;bottom:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1a0wc_gg_._placement_bottom_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012)}@media (color-gamut:p3){.___SPanel_1a0wc_gg_._placement_bottom_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 color(display-p3 .01753 .08157 .06372/.07))}}}.___SPanel_1a0wc_gg_._placement_left_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012);height:100vh;margin-right:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1a0wc_gg_._placement_left_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012)}@media (color-gamut:p3){.___SPanel_1a0wc_gg_._placement_left_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 color(display-p3 .01753 .08157 .06372/.07))}}}.___SClose_1a0wc_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x,8px);top:var(--intergalactic-spacing-2x,8px)}.___SClose_1a0wc_gg_ .___SAddon_1a0wc_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1a0wc_gg_{max-width:100%}.___SHeader_1a0wc_gg_{padding-left:var(--intergalactic-spacing-6x,24px);margin-bottom:var(--intergalactic-spacing-1x,4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x,4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0 -1px 0 var(--intergalactic-border-primary,#000c0829);box-sizing:border-box;flex-shrink:0}@supports (color:color(display-p3 0 0 0%)){.___SHeader_1a0wc_gg_{box-shadow:inset 0 -1px 0 var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SHeader_1a0wc_gg_{box-shadow:inset 0 -1px 0 var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}.___SFooter_1a0wc_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary,#000c0829);box-sizing:border-box}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1a0wc_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SFooter_1a0wc_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}.___SBody_1a0wc_gg_{height:100%;overflow:auto;padding:var(--intergalactic-spacing-4x,16px) var(--intergalactic-spacing-6x,24px)}", /*__inner_css_end__*/"1a0wc_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SOverlay": "___SOverlay_1r4ae_gg_",
-  "__SPanel": "___SPanel_1r4ae_gg_",
-  "_placement_top": "_placement_top_1r4ae_gg_",
-  "_placement_right": "_placement_right_1r4ae_gg_",
-  "_placement_bottom": "_placement_bottom_1r4ae_gg_",
-  "_placement_left": "_placement_left_1r4ae_gg_",
-  "__SHeader": "___SHeader_1r4ae_gg_",
-  "__SFooter": "___SFooter_1r4ae_gg_",
-  "__SBody": "___SBody_1r4ae_gg_",
-  "__SClose": "___SClose_1r4ae_gg_",
-  "__SAddon": "___SAddon_1r4ae_gg_",
-  "__SBack": "___SBack_1r4ae_gg_",
-  "__SBackText": "___SBackText_1r4ae_gg_"
+  "__SOverlay": "___SOverlay_1a0wc_gg_",
+  "__SPanel": "___SPanel_1a0wc_gg_",
+  "_placement_top": "_placement_top_1a0wc_gg_",
+  "_placement_right": "_placement_right_1a0wc_gg_",
+  "_placement_bottom": "_placement_bottom_1a0wc_gg_",
+  "_placement_left": "_placement_left_1a0wc_gg_",
+  "__SBack": "___SBack_1a0wc_gg_",
+  "__SHeader": "___SHeader_1a0wc_gg_",
+  "__SFooter": "___SFooter_1a0wc_gg_",
+  "__SBody": "___SBody_1a0wc_gg_",
+  "__SClose": "___SClose_1a0wc_gg_",
+  "__SAddon": "___SAddon_1a0wc_gg_"
 });
 class RootSidePanel extends _core.Component {
   constructor(...args) {
@@ -232,7 +231,6 @@ function Back(props) {
   var _ref7 = arguments[0],
     _ref13;
   const SBack = _button.ButtonLink;
-  const SBackText = _button.ButtonLink.Text;
   const {
     Children,
     styles
@@ -243,7 +241,9 @@ function Back(props) {
       "size": 100,
       "addonLeft": _m.default
     }, _ref7)
-  }), /*#__PURE__*/_react.default.createElement(SBackText, _ref13.cn("SBackText", {}), /*#__PURE__*/_react.default.createElement(Children, _ref13.cn("Children", {}))));
+  }), /*#__PURE__*/_react.default.createElement(_button.ButtonLink.Text, {
+    ellipsis: true
+  }, /*#__PURE__*/_react.default.createElement(Children, _ref13.cn("Children", {}))));
 }
 function Body(props) {
   var _ref8 = arguments[0],
@@ -270,6 +270,12 @@ function Header(props) {
     children: title
   }), /*#__PURE__*/_react.default.createElement(Children, _ref15.cn("Children", {})));
 }
+/**
+ * SidePanel
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/side-panel/side-panel-api/|API} | {@link https://developer.semrush.com/intergalactic/components/side-panel/side-panel-code/|Examples}
+ */
 const SidePanel = (0, _core.createComponent)(RootSidePanel, {
   Overlay,
   Panel,

package/lib/cjs/SidePanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidePanel.js","names":["_core","require","_baseComponents","_button","_interopRequireWildcard","_i18nEnhance","_interopRequireDefault","_findComponent","_fire","_logger","_ThemeProvider","_useFocusLock","_usePreventScroll","_useCssVariable","_zIndexStacking","_m","_l","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","RootSidePanel","Component","constructor","args","_defineProperty2","default","React","createRef","e","key","stopPropagation","fire","isAdvanceMode","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","getOverlayProps","visible","duration","animationsDisabled","disablePreventScroll","getPanelProps","placement","closable","ariaLabel","ariaLabelledBy","handleOutsideClick","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","disablePortal","ignorePortalsStacking","createElement","Portal","assignProps","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18nEnhance","localizedMessages","props","_ref2","arguments[0]","_ref0","SOverlay","FadeInOut","overlayRef","useRef","usePreventScroll","useContextTheme","zIndex","useZIndexStacking","styles","cn","_ref3","_ref1","SPanel","Slide","onOutsideClick","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","useFocusLock","hasLabel","Boolean","logger","warn","Fragment","OutsideClick","ZIndexStackingContextProvider","PortalProvider","Close","_ref4","_ref10","SFooter","Flex","children","hasChildren","_ref5","_ref11","SClose","Button","undefined","CloseIcon","Title","_ref6","_ref12","STitle","Text","Back","_ref7","_ref13","SBack","ButtonLink","SBackText","ArrowLeft","_ref8","_ref14","SBody","Box","_ref9","_ref15","SHeader","title","createComponent","_default","exports"],"sources":["../../src/SidePanel.jsx"],"sourcesContent":["import { FadeInOut, Slide, Flex, Box, OutsideClick, PortalProvider, Portal } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport fire from '@semcore/core/lib/utils/fire';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport {\n ZIndexStackingContextProvider,\n useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/side-panel.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass RootSidePanel extends Component {\n static displayName = 'SidePanel';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n i18nEnhance(localizedMessages),\n ];\n\n static defaultProps = {\n placement: 'right',\n closable: true,\n disablePreventScroll: false,\n };\n\n sidebarRef = React.createRef();\n\n handleSidebarKeyDown = (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n fire(this, 'onClose', 'onEscape', e);\n }\n };\n\n handleIconCloseClick = (e) => {\n fire(this, 'onClose', 'onCloseClick', e);\n };\n\n handleOutsideClick = (e) => {\n fire(this, 'onClose', 'onOutsideClick', e);\n };\n\n isAdvanceMode() {\n return isAdvanceMode(this.asProps.Children, [\n SidePanel.Overlay.displayName,\n SidePanel.Panel.displayName,\n ]);\n }\n\n isUsedOverlay() {\n return (\n !this.isAdvanceMode() \|\| isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n );\n }\n\n getOverlayProps() {\n const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n visible,\n duration,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getPanelProps() {\n const {\n placement,\n visible,\n closable,\n duration,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n } = this.asProps;\n\n return {\n visible,\n placement,\n closable,\n 'duration': duration + duration / 2,\n 'disableEnforceFocus': !this.isUsedOverlay(),\n 'onOutsideClick': this.handleOutsideClick,\n 'onKeyDown': this.handleSidebarKeyDown,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n };\n }\n\n getCloseProps() {\n return {\n onClick: this.handleIconCloseClick,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n render() {\n const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {this.isAdvanceMode()\n ? (\n <Children />\n )\n : (\n <SidePanel.Overlay>\n <Root render={SidePanel.Panel} />\n </SidePanel.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const overlayRef = React.useRef(null);\n usePreventScroll(props.visible, props.disablePreventScroll);\n useContextTheme(overlayRef, props.visible);\n const zIndex = useZIndexStacking('z-index-modal');\n return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} zIndex={zIndex} />);\n}\n\nfunction Panel(props) {\n const SPanel = Root;\n const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n props;\n const advancedMode =\n forcedAdvancedMode \|\|\n isAdvanceMode(Children, [\n SidePanel.Header.displayName,\n SidePanel.Body.displayName,\n SidePanel.Footer.displayName,\n ]);\n\n const sidebarRef = React.useRef(null);\n\n useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n const hasLabel = Boolean(props['aria-label'] \|\| props['aria-labelledby']);\n\n logger.warn(\n !hasLabel,\n '\\'aria-label\\' or \\'aria-labelledby\\' are required for SidePanel component',\n props['data-ui-name'] \|\| Panel.displayName,\n );\n\n return sstyled(styles)(\n <>\n {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n <SPanel\n render={Slide}\n visible={visible}\n initialAnimation={true}\n slideOrigin={placement}\n ref={sidebarRef}\n role='dialog'\n aria-modal='true'\n >\n <ZIndexStackingContextProvider designToken='z-index-modal'>\n <PortalProvider value={sidebarRef}>\n {closable && <SidePanel.Close />}\n {advancedMode\n ? (\n <Children />\n )\n : (\n <SidePanel.Body>\n <Children />\n </SidePanel.Body>\n )}\n </PortalProvider>\n </ZIndexStackingContextProvider>\n </SPanel>\n </>,\n );\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} tag='footer' />);\n}\n\nfunction Close({ styles, children: hasChildren, Children, getI18nText }) {\n const SClose = Root;\n return sstyled(styles)(\n <SClose\n render={Button}\n aria-label={getI18nText('close')}\n use='tertiary'\n theme='muted'\n size='l'\n addonLeft={hasChildren ? undefined : CloseIcon}\n data-hide-focus-hover-popper='true'\n >\n {hasChildren ? <Children /> : undefined}\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag='h6' size={300} bold ellipsis />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = ButtonLink.Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={ButtonLink} color='text-hint' size={100} addonLeft={ArrowLeft}>\n {/* <ButtonLink.Addon><ArrowLeft /></ButtonLink.Addon> */}\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title } = props;\n return sstyled(styles)(\n <SHeader render={Box} tag='header'>\n {title && <SidePanel.Title children={title} />}\n <Children />\n </SHeader>,\n );\n}\n\nconst SidePanel = createComponent(RootSidePanel, {\n Overlay,\n Panel,\n Close,\n Header,\n Footer,\n Body,\n Back,\n Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"SidePanel.js","names":["_core","require","_baseComponents","_button","_interopRequireWildcard","_i18nEnhance","_interopRequireDefault","_findComponent","_fire","_logger","_ThemeProvider","_useFocusLock","_usePreventScroll","_useCssVariable","_zIndexStacking","_m","_l","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","RootSidePanel","Component","constructor","args","_defineProperty2","default","React","createRef","e","key","stopPropagation","fire","isAdvanceMode","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","getOverlayProps","visible","duration","animationsDisabled","disablePreventScroll","getPanelProps","placement","closable","ariaLabel","ariaLabelledBy","handleOutsideClick","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","disablePortal","ignorePortalsStacking","createElement","Portal","assignProps","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18nEnhance","localizedMessages","props","_ref2","arguments[0]","_ref0","SOverlay","FadeInOut","overlayRef","useRef","usePreventScroll","useContextTheme","zIndex","useZIndexStacking","styles","cn","_ref3","_ref1","SPanel","Slide","onOutsideClick","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","useFocusLock","hasLabel","Boolean","logger","warn","Fragment","OutsideClick","ZIndexStackingContextProvider","PortalProvider","Close","_ref4","_ref10","SFooter","Flex","children","hasChildren","_ref5","_ref11","SClose","Button","undefined","CloseIcon","Title","_ref6","_ref12","STitle","Text","Back","_ref7","_ref13","SBack","ButtonLink","ArrowLeft","ellipsis","_ref8","_ref14","SBody","Box","_ref9","_ref15","SHeader","title","createComponent","_default","exports"],"sources":["../../src/SidePanel.jsx"],"sourcesContent":["import { FadeInOut, Slide, Flex, Box, OutsideClick, PortalProvider, Portal } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport fire from '@semcore/core/lib/utils/fire';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport {\n ZIndexStackingContextProvider,\n useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/side-panel.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass RootSidePanel extends Component {\n static displayName = 'SidePanel';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n i18nEnhance(localizedMessages),\n ];\n\n static defaultProps = {\n placement: 'right',\n closable: true,\n disablePreventScroll: false,\n };\n\n sidebarRef = React.createRef();\n\n handleSidebarKeyDown = (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n fire(this, 'onClose', 'onEscape', e);\n }\n };\n\n handleIconCloseClick = (e) => {\n fire(this, 'onClose', 'onCloseClick', e);\n };\n\n handleOutsideClick = (e) => {\n fire(this, 'onClose', 'onOutsideClick', e);\n };\n\n isAdvanceMode() {\n return isAdvanceMode(this.asProps.Children, [\n SidePanel.Overlay.displayName,\n SidePanel.Panel.displayName,\n ]);\n }\n\n isUsedOverlay() {\n return (\n !this.isAdvanceMode() \|\| isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n );\n }\n\n getOverlayProps() {\n const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n visible,\n duration,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getPanelProps() {\n const {\n placement,\n visible,\n closable,\n duration,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n } = this.asProps;\n\n return {\n visible,\n placement,\n closable,\n 'duration': duration + duration / 2,\n 'disableEnforceFocus': !this.isUsedOverlay(),\n 'onOutsideClick': this.handleOutsideClick,\n 'onKeyDown': this.handleSidebarKeyDown,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n };\n }\n\n getCloseProps() {\n return {\n onClick: this.handleIconCloseClick,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n render() {\n const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {this.isAdvanceMode()\n ? (\n <Children />\n )\n : (\n <SidePanel.Overlay>\n <Root render={SidePanel.Panel} />\n </SidePanel.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const overlayRef = React.useRef(null);\n usePreventScroll(props.visible, props.disablePreventScroll);\n useContextTheme(overlayRef, props.visible);\n const zIndex = useZIndexStacking('z-index-modal');\n return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} zIndex={zIndex} />);\n}\n\nfunction Panel(props) {\n const SPanel = Root;\n const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n props;\n const advancedMode =\n forcedAdvancedMode \|\|\n isAdvanceMode(Children, [\n SidePanel.Header.displayName,\n SidePanel.Body.displayName,\n SidePanel.Footer.displayName,\n ]);\n\n const sidebarRef = React.useRef(null);\n\n useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n const hasLabel = Boolean(props['aria-label'] \|\| props['aria-labelledby']);\n\n logger.warn(\n !hasLabel,\n '\\'aria-label\\' or \\'aria-labelledby\\' are required for SidePanel component',\n props['data-ui-name'] \|\| Panel.displayName,\n );\n\n return sstyled(styles)(\n <>\n {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n <SPanel\n render={Slide}\n visible={visible}\n initialAnimation={true}\n slideOrigin={placement}\n ref={sidebarRef}\n role='dialog'\n aria-modal='true'\n >\n <ZIndexStackingContextProvider designToken='z-index-modal'>\n <PortalProvider value={sidebarRef}>\n {closable && <SidePanel.Close />}\n {advancedMode\n ? (\n <Children />\n )\n : (\n <SidePanel.Body>\n <Children />\n </SidePanel.Body>\n )}\n </PortalProvider>\n </ZIndexStackingContextProvider>\n </SPanel>\n </>,\n );\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} tag='footer' />);\n}\n\nfunction Close({ styles, children: hasChildren, Children, getI18nText }) {\n const SClose = Root;\n return sstyled(styles)(\n <SClose\n render={Button}\n aria-label={getI18nText('close')}\n use='tertiary'\n theme='muted'\n size='l'\n addonLeft={hasChildren ? undefined : CloseIcon}\n data-hide-focus-hover-popper='true'\n >\n {hasChildren ? <Children /> : undefined}\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag='h6' size={300} bold ellipsis />);\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={100} addonLeft={ArrowLeft}>\n <ButtonLink.Text ellipsis>\n <Children />\n </ButtonLink.Text>\n </SBack>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title } = props;\n return sstyled(styles)(\n <SHeader render={Box} tag='header'>\n {title && <SidePanel.Title children={title} />}\n <Children />\n </SHeader>,\n );\n}\n\n/*\n SidePanel\n \n {@link https://developer.semrush.com/intergalactic/components/side-panel/side-panel-api/\|API} \| {@link https://developer.semrush.com/intergalactic/components/side-panel/side-panel-code/\|Examples}\n */\nconst SidePanel = createComponent(RootSidePanel, {\n Overlay,\n Panel,\n Close,\n Header,\n Footer,\n Body,\n Back,\n Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/style/side-panel.shadow.css CHANGED Viewed

@@ -71,12 +71,6 @@ SClose {
 SBack {
   max-width: 100%;
-  SBackText {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
 }
 SHeader {

package/lib/es6/SidePanel.js CHANGED Viewed

@@ -26,22 +26,21 @@ import CloseIcon from '@semcore/icon/Close/l';
 import { Text } from '@semcore/typography';
 import React from 'react';
 /*!__reshadow-styles__:"./style/side-panel.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SOverlay_1r4ae_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SOverlay_1r4ae_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_1r4ae_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SPanel_1r4ae_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));z-index:1}.___SPanel_1r4ae_gg_._placement_top_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));width:100%;margin-bottom:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1r4ae_gg_._placement_top_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_1r4ae_gg_._placement_top_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_1r4ae_gg_._placement_right_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));height:100vh;margin-left:auto;top:0;right:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1r4ae_gg_._placement_right_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_1r4ae_gg_._placement_right_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_1r4ae_gg_._placement_bottom_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));width:100%;margin-top:auto;bottom:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1r4ae_gg_._placement_bottom_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_1r4ae_gg_._placement_bottom_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_1r4ae_gg_._placement_left_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));height:100vh;margin-right:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1r4ae_gg_._placement_left_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_1r4ae_gg_._placement_left_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SClose_1r4ae_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1r4ae_gg_ .___SAddon_1r4ae_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1r4ae_gg_{max-width:100%}.___SBack_1r4ae_gg_ .___SBackText_1r4ae_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SHeader_1r4ae_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);margin-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));box-sizing:border-box;flex-shrink:0}@supports (color:color(display-p3 0 0 0%)){.___SHeader_1r4ae_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SHeader_1r4ae_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1r4ae_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));box-sizing:border-box}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1r4ae_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1r4ae_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBody_1r4ae_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}", /*__inner_css_end__*/"1r4ae_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SOverlay_1a0wc_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary,#00060356);-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary,#010500e5)}@supports (color:color(display-p3 0 0 0%)){.___SOverlay_1a0wc_gg_{background:var(--intergalactic-overlay-primary,#00060356)}@media (color-gamut:p3){.___SOverlay_1a0wc_gg_{background:var(--intergalactic-overlay-primary,color(display-p3 .00414 .0233 .01269/.337))}}}.___SPanel_1a0wc_gg_{display:flex;flex-direction:column;width:260px;outline:none;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral,#fff);z-index:1}.___SPanel_1a0wc_gg_._placement_top_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012);width:100%;margin-bottom:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1a0wc_gg_._placement_top_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012)}@media (color-gamut:p3){.___SPanel_1a0wc_gg_._placement_top_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 color(display-p3 .01753 .08157 .06372/.07))}}}.___SPanel_1a0wc_gg_._placement_right_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012);height:100vh;margin-left:auto;top:0;right:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1a0wc_gg_._placement_right_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012)}@media (color-gamut:p3){.___SPanel_1a0wc_gg_._placement_right_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 color(display-p3 .01753 .08157 .06372/.07))}}}.___SPanel_1a0wc_gg_._placement_bottom_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012);width:100%;margin-top:auto;bottom:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1a0wc_gg_._placement_bottom_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012)}@media (color-gamut:p3){.___SPanel_1a0wc_gg_._placement_bottom_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 color(display-p3 .01753 .08157 .06372/.07))}}}.___SPanel_1a0wc_gg_._placement_left_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012);height:100vh;margin-right:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1a0wc_gg_._placement_left_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012)}@media (color-gamut:p3){.___SPanel_1a0wc_gg_._placement_left_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 color(display-p3 .01753 .08157 .06372/.07))}}}.___SClose_1a0wc_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x,8px);top:var(--intergalactic-spacing-2x,8px)}.___SClose_1a0wc_gg_ .___SAddon_1a0wc_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1a0wc_gg_{max-width:100%}.___SHeader_1a0wc_gg_{padding-left:var(--intergalactic-spacing-6x,24px);margin-bottom:var(--intergalactic-spacing-1x,4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x,4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0 -1px 0 var(--intergalactic-border-primary,#000c0829);box-sizing:border-box;flex-shrink:0}@supports (color:color(display-p3 0 0 0%)){.___SHeader_1a0wc_gg_{box-shadow:inset 0 -1px 0 var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SHeader_1a0wc_gg_{box-shadow:inset 0 -1px 0 var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}.___SFooter_1a0wc_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary,#000c0829);box-sizing:border-box}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1a0wc_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SFooter_1a0wc_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}.___SBody_1a0wc_gg_{height:100%;overflow:auto;padding:var(--intergalactic-spacing-4x,16px) var(--intergalactic-spacing-6x,24px)}", /*__inner_css_end__*/"1a0wc_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SOverlay": "___SOverlay_1r4ae_gg_",
-  "__SPanel": "___SPanel_1r4ae_gg_",
-  "_placement_top": "_placement_top_1r4ae_gg_",
-  "_placement_right": "_placement_right_1r4ae_gg_",
-  "_placement_bottom": "_placement_bottom_1r4ae_gg_",
-  "_placement_left": "_placement_left_1r4ae_gg_",
-  "__SHeader": "___SHeader_1r4ae_gg_",
-  "__SFooter": "___SFooter_1r4ae_gg_",
-  "__SBody": "___SBody_1r4ae_gg_",
-  "__SClose": "___SClose_1r4ae_gg_",
-  "__SAddon": "___SAddon_1r4ae_gg_",
-  "__SBack": "___SBack_1r4ae_gg_",
-  "__SBackText": "___SBackText_1r4ae_gg_"
+  "__SOverlay": "___SOverlay_1a0wc_gg_",
+  "__SPanel": "___SPanel_1a0wc_gg_",
+  "_placement_top": "_placement_top_1a0wc_gg_",
+  "_placement_right": "_placement_right_1a0wc_gg_",
+  "_placement_bottom": "_placement_bottom_1a0wc_gg_",
+  "_placement_left": "_placement_left_1a0wc_gg_",
+  "__SBack": "___SBack_1a0wc_gg_",
+  "__SHeader": "___SHeader_1a0wc_gg_",
+  "__SFooter": "___SFooter_1a0wc_gg_",
+  "__SBody": "___SBody_1a0wc_gg_",
+  "__SClose": "___SClose_1a0wc_gg_",
+  "__SAddon": "___SAddon_1a0wc_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 class RootSidePanel extends Component {
@@ -234,7 +233,6 @@ function Back(props) {
   var _ref7 = arguments[0],
     _ref13;
   const SBack = ButtonLink;
-  const SBackText = ButtonLink.Text;
   const {
     Children,
     styles
@@ -245,7 +243,9 @@ function Back(props) {
       "size": 100,
       "addonLeft": ArrowLeft
     }, _ref7)
-  }), /*#__PURE__*/React.createElement(SBackText, _ref13.cn("SBackText", {}), /*#__PURE__*/React.createElement(Children, _ref13.cn("Children", {}))));
+  }), /*#__PURE__*/React.createElement(ButtonLink.Text, {
+    ellipsis: true
+  }, /*#__PURE__*/React.createElement(Children, _ref13.cn("Children", {}))));
 }
 function Body(props) {
   var _ref8 = arguments[0],
@@ -272,6 +272,12 @@ function Header(props) {
     children: title
   }), /*#__PURE__*/React.createElement(Children, _ref15.cn("Children", {})));
 }
+/**
+ * SidePanel
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/side-panel/side-panel-api/|API} | {@link https://developer.semrush.com/intergalactic/components/side-panel/side-panel-code/|Examples}
+ */
 const SidePanel = createComponent(RootSidePanel, {
   Overlay,
   Panel,

package/lib/es6/SidePanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidePanel.js","names":["FadeInOut","Slide","Flex","Box","OutsideClick","PortalProvider","Portal","Button","ButtonLink","createComponent","Component","Root","sstyled","i18nEnhance","isAdvanceMode","fire","logger","useContextTheme","useFocusLock","usePreventScroll","cssVariableEnhance","ZIndexStackingContextProvider","useZIndexStacking","ArrowLeft","CloseIcon","Text","React","style","_sstyled","insert","localizedMessages","RootSidePanel","constructor","args","_defineProperty","createRef","e","key","stopPropagation","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","getOverlayProps","visible","duration","animationsDisabled","disablePreventScroll","getPanelProps","placement","closable","ariaLabel","ariaLabelledBy","handleOutsideClick","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","disablePortal","ignorePortalsStacking","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","props","_ref2","arguments[0]","_ref0","SOverlay","overlayRef","useRef","zIndex","styles","cn","_assignProps2","_ref3","_ref1","SPanel","onOutsideClick","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","hasLabel","Boolean","warn","Fragment","_assignProps3","Close","_ref4","_ref10","SFooter","_assignProps4","children","hasChildren","_ref5","_ref11","SClose","_assignProps5","undefined","Title","_ref6","_ref12","STitle","_assignProps6","Back","_ref7","_ref13","SBack","SBackText","_assignProps7","_ref8","_ref14","SBody","_assignProps8","_ref9","_ref15","SHeader","title","_assignProps9"],"sources":["../../src/SidePanel.jsx"],"sourcesContent":["import { FadeInOut, Slide, Flex, Box, OutsideClick, PortalProvider, Portal } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport fire from '@semcore/core/lib/utils/fire';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport {\n ZIndexStackingContextProvider,\n useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/side-panel.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass RootSidePanel extends Component {\n static displayName = 'SidePanel';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n i18nEnhance(localizedMessages),\n ];\n\n static defaultProps = {\n placement: 'right',\n closable: true,\n disablePreventScroll: false,\n };\n\n sidebarRef = React.createRef();\n\n handleSidebarKeyDown = (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n fire(this, 'onClose', 'onEscape', e);\n }\n };\n\n handleIconCloseClick = (e) => {\n fire(this, 'onClose', 'onCloseClick', e);\n };\n\n handleOutsideClick = (e) => {\n fire(this, 'onClose', 'onOutsideClick', e);\n };\n\n isAdvanceMode() {\n return isAdvanceMode(this.asProps.Children, [\n SidePanel.Overlay.displayName,\n SidePanel.Panel.displayName,\n ]);\n }\n\n isUsedOverlay() {\n return (\n !this.isAdvanceMode() \|\| isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n );\n }\n\n getOverlayProps() {\n const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n visible,\n duration,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getPanelProps() {\n const {\n placement,\n visible,\n closable,\n duration,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n } = this.asProps;\n\n return {\n visible,\n placement,\n closable,\n 'duration': duration + duration / 2,\n 'disableEnforceFocus': !this.isUsedOverlay(),\n 'onOutsideClick': this.handleOutsideClick,\n 'onKeyDown': this.handleSidebarKeyDown,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n };\n }\n\n getCloseProps() {\n return {\n onClick: this.handleIconCloseClick,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n render() {\n const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {this.isAdvanceMode()\n ? (\n <Children />\n )\n : (\n <SidePanel.Overlay>\n <Root render={SidePanel.Panel} />\n </SidePanel.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const overlayRef = React.useRef(null);\n usePreventScroll(props.visible, props.disablePreventScroll);\n useContextTheme(overlayRef, props.visible);\n const zIndex = useZIndexStacking('z-index-modal');\n return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} zIndex={zIndex} />);\n}\n\nfunction Panel(props) {\n const SPanel = Root;\n const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n props;\n const advancedMode =\n forcedAdvancedMode \|\|\n isAdvanceMode(Children, [\n SidePanel.Header.displayName,\n SidePanel.Body.displayName,\n SidePanel.Footer.displayName,\n ]);\n\n const sidebarRef = React.useRef(null);\n\n useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n const hasLabel = Boolean(props['aria-label'] \|\| props['aria-labelledby']);\n\n logger.warn(\n !hasLabel,\n '\\'aria-label\\' or \\'aria-labelledby\\' are required for SidePanel component',\n props['data-ui-name'] \|\| Panel.displayName,\n );\n\n return sstyled(styles)(\n <>\n {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n <SPanel\n render={Slide}\n visible={visible}\n initialAnimation={true}\n slideOrigin={placement}\n ref={sidebarRef}\n role='dialog'\n aria-modal='true'\n >\n <ZIndexStackingContextProvider designToken='z-index-modal'>\n <PortalProvider value={sidebarRef}>\n {closable && <SidePanel.Close />}\n {advancedMode\n ? (\n <Children />\n )\n : (\n <SidePanel.Body>\n <Children />\n </SidePanel.Body>\n )}\n </PortalProvider>\n </ZIndexStackingContextProvider>\n </SPanel>\n </>,\n );\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} tag='footer' />);\n}\n\nfunction Close({ styles, children: hasChildren, Children, getI18nText }) {\n const SClose = Root;\n return sstyled(styles)(\n <SClose\n render={Button}\n aria-label={getI18nText('close')}\n use='tertiary'\n theme='muted'\n size='l'\n addonLeft={hasChildren ? undefined : CloseIcon}\n data-hide-focus-hover-popper='true'\n >\n {hasChildren ? <Children /> : undefined}\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag='h6' size={300} bold ellipsis />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = ButtonLink.Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={ButtonLink} color='text-hint' size={100} addonLeft={ArrowLeft}>\n {/* <ButtonLink.Addon><ArrowLeft /></ButtonLink.Addon> */}\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title } = props;\n return sstyled(styles)(\n <SHeader render={Box} tag='header'>\n {title && <SidePanel.Title children={title} />}\n <Children />\n </SHeader>,\n );\n}\n\nconst SidePanel = createComponent(RootSidePanel, {\n Overlay,\n Panel,\n Close,\n Header,\n Footer,\n Body,\n Back,\n Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"SidePanel.js","names":["FadeInOut","Slide","Flex","Box","OutsideClick","PortalProvider","Portal","Button","ButtonLink","createComponent","Component","Root","sstyled","i18nEnhance","isAdvanceMode","fire","logger","useContextTheme","useFocusLock","usePreventScroll","cssVariableEnhance","ZIndexStackingContextProvider","useZIndexStacking","ArrowLeft","CloseIcon","Text","React","style","_sstyled","insert","localizedMessages","RootSidePanel","constructor","args","_defineProperty","createRef","e","key","stopPropagation","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","getOverlayProps","visible","duration","animationsDisabled","disablePreventScroll","getPanelProps","placement","closable","ariaLabel","ariaLabelledBy","handleOutsideClick","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","disablePortal","ignorePortalsStacking","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","props","_ref2","arguments[0]","_ref0","SOverlay","overlayRef","useRef","zIndex","styles","cn","_assignProps2","_ref3","_ref1","SPanel","onOutsideClick","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","hasLabel","Boolean","warn","Fragment","_assignProps3","Close","_ref4","_ref10","SFooter","_assignProps4","children","hasChildren","_ref5","_ref11","SClose","_assignProps5","undefined","Title","_ref6","_ref12","STitle","_assignProps6","Back","_ref7","_ref13","SBack","_assignProps7","ellipsis","_ref8","_ref14","SBody","_assignProps8","_ref9","_ref15","SHeader","title","_assignProps9"],"sources":["../../src/SidePanel.jsx"],"sourcesContent":["import { FadeInOut, Slide, Flex, Box, OutsideClick, PortalProvider, Portal } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport fire from '@semcore/core/lib/utils/fire';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport {\n ZIndexStackingContextProvider,\n useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/side-panel.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass RootSidePanel extends Component {\n static displayName = 'SidePanel';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n i18nEnhance(localizedMessages),\n ];\n\n static defaultProps = {\n placement: 'right',\n closable: true,\n disablePreventScroll: false,\n };\n\n sidebarRef = React.createRef();\n\n handleSidebarKeyDown = (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n fire(this, 'onClose', 'onEscape', e);\n }\n };\n\n handleIconCloseClick = (e) => {\n fire(this, 'onClose', 'onCloseClick', e);\n };\n\n handleOutsideClick = (e) => {\n fire(this, 'onClose', 'onOutsideClick', e);\n };\n\n isAdvanceMode() {\n return isAdvanceMode(this.asProps.Children, [\n SidePanel.Overlay.displayName,\n SidePanel.Panel.displayName,\n ]);\n }\n\n isUsedOverlay() {\n return (\n !this.isAdvanceMode() \|\| isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n );\n }\n\n getOverlayProps() {\n const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n visible,\n duration,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getPanelProps() {\n const {\n placement,\n visible,\n closable,\n duration,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n } = this.asProps;\n\n return {\n visible,\n placement,\n closable,\n 'duration': duration + duration / 2,\n 'disableEnforceFocus': !this.isUsedOverlay(),\n 'onOutsideClick': this.handleOutsideClick,\n 'onKeyDown': this.handleSidebarKeyDown,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n };\n }\n\n getCloseProps() {\n return {\n onClick: this.handleIconCloseClick,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n render() {\n const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {this.isAdvanceMode()\n ? (\n <Children />\n )\n : (\n <SidePanel.Overlay>\n <Root render={SidePanel.Panel} />\n </SidePanel.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const overlayRef = React.useRef(null);\n usePreventScroll(props.visible, props.disablePreventScroll);\n useContextTheme(overlayRef, props.visible);\n const zIndex = useZIndexStacking('z-index-modal');\n return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} zIndex={zIndex} />);\n}\n\nfunction Panel(props) {\n const SPanel = Root;\n const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n props;\n const advancedMode =\n forcedAdvancedMode \|\|\n isAdvanceMode(Children, [\n SidePanel.Header.displayName,\n SidePanel.Body.displayName,\n SidePanel.Footer.displayName,\n ]);\n\n const sidebarRef = React.useRef(null);\n\n useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n const hasLabel = Boolean(props['aria-label'] \|\| props['aria-labelledby']);\n\n logger.warn(\n !hasLabel,\n '\\'aria-label\\' or \\'aria-labelledby\\' are required for SidePanel component',\n props['data-ui-name'] \|\| Panel.displayName,\n );\n\n return sstyled(styles)(\n <>\n {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n <SPanel\n render={Slide}\n visible={visible}\n initialAnimation={true}\n slideOrigin={placement}\n ref={sidebarRef}\n role='dialog'\n aria-modal='true'\n >\n <ZIndexStackingContextProvider designToken='z-index-modal'>\n <PortalProvider value={sidebarRef}>\n {closable && <SidePanel.Close />}\n {advancedMode\n ? (\n <Children />\n )\n : (\n <SidePanel.Body>\n <Children />\n </SidePanel.Body>\n )}\n </PortalProvider>\n </ZIndexStackingContextProvider>\n </SPanel>\n </>,\n );\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} tag='footer' />);\n}\n\nfunction Close({ styles, children: hasChildren, Children, getI18nText }) {\n const SClose = Root;\n return sstyled(styles)(\n <SClose\n render={Button}\n aria-label={getI18nText('close')}\n use='tertiary'\n theme='muted'\n size='l'\n addonLeft={hasChildren ? undefined : CloseIcon}\n data-hide-focus-hover-popper='true'\n >\n {hasChildren ? <Children /> : undefined}\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag='h6' size={300} bold ellipsis />);\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={100} addonLeft={ArrowLeft}>\n <ButtonLink.Text ellipsis>\n <Children />\n </ButtonLink.Text>\n </SBack>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title } = props;\n return sstyled(styles)(\n <SHeader render={Box} tag='header'>\n {title && <SidePanel.Title children={title} />}\n <Children />\n </SHeader>,\n );\n}\n\n/*\n SidePanel\n \n {@link https://developer.semrush.com/intergalactic/components/side-panel/side-panel-api/\|API} \| {@link https://developer.semrush.com/intergalactic/components/side-panel/side-panel-code/\|Examples}\n */\nconst SidePanel = createComponent(RootSidePanel, {\n Overlay,\n Panel,\n Close,\n Header,\n Footer,\n Body,\n Back,\n Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/style/side-panel.shadow.css CHANGED Viewed

@@ -71,12 +71,6 @@ SClose {
 SBack {
   max-width: 100%;
-  SBackText {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
 }
 SHeader {

package/lib/esm/SidePanel.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import { Portal, FadeInOut, Slide, OutsideClick, PortalProvider, Flex, Box } from "@semcore/base-components";
 import Button, { ButtonLink } from "@semcore/button";
@@ -21,24 +21,23 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SOverlay_1r4ae_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SOverlay_1r4ae_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_1r4ae_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SPanel_1r4ae_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));z-index:1}.___SPanel_1r4ae_gg_._placement_top_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));width:100%;margin-bottom:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1r4ae_gg_._placement_top_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_1r4ae_gg_._placement_top_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_1r4ae_gg_._placement_right_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));height:100vh;margin-left:auto;top:0;right:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1r4ae_gg_._placement_right_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_1r4ae_gg_._placement_right_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_1r4ae_gg_._placement_bottom_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));width:100%;margin-top:auto;bottom:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1r4ae_gg_._placement_bottom_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_1r4ae_gg_._placement_bottom_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_1r4ae_gg_._placement_left_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));height:100vh;margin-right:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1r4ae_gg_._placement_left_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_1r4ae_gg_._placement_left_1r4ae_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SClose_1r4ae_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1r4ae_gg_ .___SAddon_1r4ae_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1r4ae_gg_{max-width:100%}.___SBack_1r4ae_gg_ .___SBackText_1r4ae_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SHeader_1r4ae_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);margin-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));box-sizing:border-box;flex-shrink:0}@supports (color:color(display-p3 0 0 0%)){.___SHeader_1r4ae_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SHeader_1r4ae_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1r4ae_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));box-sizing:border-box}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1r4ae_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1r4ae_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBody_1r4ae_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}",
+    ".___SOverlay_1a0wc_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary,#00060356);-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary,#010500e5)}@supports (color:color(display-p3 0 0 0%)){.___SOverlay_1a0wc_gg_{background:var(--intergalactic-overlay-primary,#00060356)}@media (color-gamut:p3){.___SOverlay_1a0wc_gg_{background:var(--intergalactic-overlay-primary,color(display-p3 .00414 .0233 .01269/.337))}}}.___SPanel_1a0wc_gg_{display:flex;flex-direction:column;width:260px;outline:none;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral,#fff);z-index:1}.___SPanel_1a0wc_gg_._placement_top_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012);width:100%;margin-bottom:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1a0wc_gg_._placement_top_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012)}@media (color-gamut:p3){.___SPanel_1a0wc_gg_._placement_top_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 color(display-p3 .01753 .08157 .06372/.07))}}}.___SPanel_1a0wc_gg_._placement_right_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012);height:100vh;margin-left:auto;top:0;right:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1a0wc_gg_._placement_right_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012)}@media (color-gamut:p3){.___SPanel_1a0wc_gg_._placement_right_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 color(display-p3 .01753 .08157 .06372/.07))}}}.___SPanel_1a0wc_gg_._placement_bottom_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012);width:100%;margin-top:auto;bottom:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1a0wc_gg_._placement_bottom_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012)}@media (color-gamut:p3){.___SPanel_1a0wc_gg_._placement_bottom_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 color(display-p3 .01753 .08157 .06372/.07))}}}.___SPanel_1a0wc_gg_._placement_left_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012);height:100vh;margin-right:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_1a0wc_gg_._placement_left_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012)}@media (color-gamut:p3){.___SPanel_1a0wc_gg_._placement_left_1a0wc_gg_{box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 color(display-p3 .01753 .08157 .06372/.07))}}}.___SClose_1a0wc_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x,8px);top:var(--intergalactic-spacing-2x,8px)}.___SClose_1a0wc_gg_ .___SAddon_1a0wc_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1a0wc_gg_{max-width:100%}.___SHeader_1a0wc_gg_{padding-left:var(--intergalactic-spacing-6x,24px);margin-bottom:var(--intergalactic-spacing-1x,4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x,4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0 -1px 0 var(--intergalactic-border-primary,#000c0829);box-sizing:border-box;flex-shrink:0}@supports (color:color(display-p3 0 0 0%)){.___SHeader_1a0wc_gg_{box-shadow:inset 0 -1px 0 var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SHeader_1a0wc_gg_{box-shadow:inset 0 -1px 0 var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}.___SFooter_1a0wc_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary,#000c0829);box-sizing:border-box}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1a0wc_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SFooter_1a0wc_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}.___SBody_1a0wc_gg_{height:100%;overflow:auto;padding:var(--intergalactic-spacing-4x,16px) var(--intergalactic-spacing-6x,24px)}",
     /*__inner_css_end__*/
-    "1r4ae_gg_"
+    "1a0wc_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SOverlay": "___SOverlay_1r4ae_gg_",
-    "__SPanel": "___SPanel_1r4ae_gg_",
-    "_placement_top": "_placement_top_1r4ae_gg_",
-    "_placement_right": "_placement_right_1r4ae_gg_",
-    "_placement_bottom": "_placement_bottom_1r4ae_gg_",
-    "_placement_left": "_placement_left_1r4ae_gg_",
-    "__SHeader": "___SHeader_1r4ae_gg_",
-    "__SFooter": "___SFooter_1r4ae_gg_",
-    "__SBody": "___SBody_1r4ae_gg_",
-    "__SClose": "___SClose_1r4ae_gg_",
-    "__SAddon": "___SAddon_1r4ae_gg_",
-    "__SBack": "___SBack_1r4ae_gg_",
-    "__SBackText": "___SBackText_1r4ae_gg_"
+    "__SOverlay": "___SOverlay_1a0wc_gg_",
+    "__SPanel": "___SPanel_1a0wc_gg_",
+    "_placement_top": "_placement_top_1a0wc_gg_",
+    "_placement_right": "_placement_right_1a0wc_gg_",
+    "_placement_bottom": "_placement_bottom_1a0wc_gg_",
+    "_placement_left": "_placement_left_1a0wc_gg_",
+    "__SBack": "___SBack_1a0wc_gg_",
+    "__SHeader": "___SHeader_1a0wc_gg_",
+    "__SFooter": "___SFooter_1a0wc_gg_",
+    "__SBody": "___SBody_1a0wc_gg_",
+    "__SClose": "___SClose_1a0wc_gg_",
+    "__SAddon": "___SAddon_1a0wc_gg_"
   })
 );
 class RootSidePanel extends Component {
@@ -225,7 +224,6 @@ function Title(props) {
 function Back(props) {
   var _ref7 = arguments[0], _ref13;
   const SBack = ButtonLink;
-  const SBackText = ButtonLink.Text;
   const {
     Children,
     styles
@@ -236,7 +234,9 @@ function Back(props) {
       "size": 100,
       "addonLeft": ArrowLeft
     }, _ref7)
-  }), /* @__PURE__ */ React.createElement(SBackText, _ref13.cn("SBackText", {}), /* @__PURE__ */ React.createElement(Children, _ref13.cn("Children", {}))));
+  }), /* @__PURE__ */ React.createElement(ButtonLink.Text, {
+    ellipsis: true
+  }, /* @__PURE__ */ React.createElement(Children, _ref13.cn("Children", {}))));
 }
 function Body(props) {
   var _ref8 = arguments[0], _ref14;

package/lib/esm/style/side-panel.shadow.css CHANGED Viewed

@@ -71,12 +71,6 @@ SClose {
 SBack {
   max-width: 100%;
-  SBackText {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
 }
 SHeader {

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/side-panel",
   "description": "Semrush SidePanel Component",
-  "version": "17.1.0",
+  "version": "17.2.0-prerelease.3",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,11 +14,11 @@
     "require": "./lib/cjs/index.js"
   },
   "dependencies": {
-    "@semcore/button": "^17.1.0",
-    "@semcore/typography": "^17.1.0"
+    "@semcore/button": "^17.2.0-prerelease.3",
+    "@semcore/typography": "^17.2.0-prerelease.3"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^17.0.2",
+    "@semcore/base-components": "^17.2.0",
     "@semcore/icon": "^17.0.1"
   },
   "repository": {
@@ -27,10 +27,10 @@
     "directory": "semcore/side-panel"
   },
   "devDependencies": {
-    "@semcore/core": "17.1.0",
-    "@semcore/base-components": "17.0.2",
+    "@semcore/core": "17.2.0-prerelease.3",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/icon": "17.1.0"
+    "@semcore/icon": "17.1.0",
+    "@semcore/base-components": "17.2.0-prerelease.3"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"