npm - @semcore/side-panel - Versions diffs - 16.2.0 → 16.2.1 - Mend

@semcore/side-panel 16.2.0 → 16.2.1

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 (13) hide show

package/CHANGELOG.md +1 -1
package/lib/cjs/SidePanel.js +31 -27
package/lib/cjs/SidePanel.js.map +1 -1
package/lib/cjs/index.d.js.map +1 -1
package/lib/cjs/style/side-panel.shadow.css +14 -1
package/lib/es6/SidePanel.js +23 -19
package/lib/es6/SidePanel.js.map +1 -1
package/lib/es6/index.d.js.map +1 -1
package/lib/es6/style/side-panel.shadow.css +14 -1
package/lib/esm/SidePanel.mjs +26 -22
package/lib/esm/style/side-panel.shadow.css +14 -1
package/lib/types/index.d.ts +14 -2
package/package.json +10 -10

package/CHANGELOG.md CHANGED Viewed

@@ -2,7 +2,7 @@
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
-## [16.2.0] - 2026-05-07
+## [16.2.1] - 2026-05-07
 ### Added

package/lib/cjs/SidePanel.js CHANGED Viewed

@@ -13,9 +13,10 @@ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSup
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
-var _baseComponents = require("@semcore/base-components");
+var _animation = require("@semcore/animation");
 var _button = _interopRequireWildcard(require("@semcore/button"));
 var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
+var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/keyboardFocusEnhance"));
 var _findComponent = require("@semcore/core/lib/utils/findComponent");
 var _fire = _interopRequireDefault(require("@semcore/core/lib/utils/fire"));
 var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
@@ -24,28 +25,33 @@ var _useFocusLock = require("@semcore/core/lib/utils/use/useFocusLock");
 var _usePreventScroll = _interopRequireDefault(require("@semcore/core/lib/utils/use/usePreventScroll"));
 var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
 var _zIndexStacking = require("@semcore/core/lib/utils/zIndexStacking");
+var _flexBox = require("@semcore/flex-box");
 var _m = _interopRequireDefault(require("@semcore/icon/ArrowLeft/m"));
 var _l = _interopRequireDefault(require("@semcore/icon/Close/l"));
+var _outsideClick = _interopRequireDefault(require("@semcore/outside-click"));
+var _portal = _interopRequireWildcard(require("@semcore/portal"));
 var _typography = require("@semcore/typography");
 var _react = _interopRequireDefault(require("react"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*!__reshadow-styles__:"./style/side-panel.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SOverlay_13n1l_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_13n1l_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_13n1l_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SPanel_13n1l_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_13n1l_gg_._placement_top_13n1l_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_13n1l_gg_._placement_top_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_top_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_13n1l_gg_._placement_right_13n1l_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_13n1l_gg_._placement_right_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_right_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_13n1l_gg_._placement_bottom_13n1l_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_13n1l_gg_._placement_bottom_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_bottom_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_13n1l_gg_._placement_left_13n1l_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_13n1l_gg_._placement_left_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_left_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SClose_13n1l_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_13n1l_gg_ .___SAddon_13n1l_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_13n1l_gg_{max-width:100%}.___SBack_13n1l_gg_ .___SBackText_13n1l_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SHeader_13n1l_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_13n1l_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SHeader_13n1l_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_13n1l_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_13n1l_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_13n1l_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBody_13n1l_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__*/"13n1l_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SOverlay_cp3wz_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_cp3wz_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_cp3wz_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SPanel_cp3wz_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_cp3wz_gg_._placement_top_cp3wz_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_cp3wz_gg_._placement_top_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_cp3wz_gg_._placement_top_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_cp3wz_gg_._placement_right_cp3wz_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_cp3wz_gg_._placement_right_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_cp3wz_gg_._placement_right_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_cp3wz_gg_._placement_bottom_cp3wz_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_cp3wz_gg_._placement_bottom_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_cp3wz_gg_._placement_bottom_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_cp3wz_gg_._placement_left_cp3wz_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_cp3wz_gg_._placement_left_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_cp3wz_gg_._placement_left_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SClose_cp3wz_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_cp3wz_gg_ .___SAddon_cp3wz_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_cp3wz_gg_{max-width:100%}.___SBack_cp3wz_gg_ .___SInner_cp3wz_gg_{display:flex}.___SBack_cp3wz_gg_ .___SBackText_cp3wz_gg_,.___STitle_cp3wz_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_cp3wz_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SHeader_cp3wz_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}@supports (color:color(display-p3 0 0 0%)){.___SHeader_cp3wz_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SHeader_cp3wz_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_cp3wz_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_cp3wz_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_cp3wz_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBody_cp3wz_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__*/"cp3wz_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SOverlay": "___SOverlay_13n1l_gg_",
-  "__SPanel": "___SPanel_13n1l_gg_",
-  "_placement_top": "_placement_top_13n1l_gg_",
-  "_placement_right": "_placement_right_13n1l_gg_",
-  "_placement_bottom": "_placement_bottom_13n1l_gg_",
-  "_placement_left": "_placement_left_13n1l_gg_",
-  "__SHeader": "___SHeader_13n1l_gg_",
-  "__SFooter": "___SFooter_13n1l_gg_",
-  "__SBody": "___SBody_13n1l_gg_",
-  "__SClose": "___SClose_13n1l_gg_",
-  "__SAddon": "___SAddon_13n1l_gg_",
-  "__SBack": "___SBack_13n1l_gg_",
-  "__SBackText": "___SBackText_13n1l_gg_"
+  "__SOverlay": "___SOverlay_cp3wz_gg_",
+  "__SPanel": "___SPanel_cp3wz_gg_",
+  "_placement_top": "_placement_top_cp3wz_gg_",
+  "_placement_right": "_placement_right_cp3wz_gg_",
+  "_placement_bottom": "_placement_bottom_cp3wz_gg_",
+  "_placement_left": "_placement_left_cp3wz_gg_",
+  "__STitle": "___STitle_cp3wz_gg_",
+  "__SHeader": "___SHeader_cp3wz_gg_",
+  "__SFooter": "___SFooter_cp3wz_gg_",
+  "__SBody": "___SBody_cp3wz_gg_",
+  "__SClose": "___SClose_cp3wz_gg_",
+  "__SAddon": "___SAddon_cp3wz_gg_",
+  "__SBack": "___SBack_cp3wz_gg_",
+  "__SInner": "___SInner_cp3wz_gg_",
+  "__SBackText": "___SBackText_cp3wz_gg_"
 });
 var RootSidePanel = /*#__PURE__*/function (_Component) {
   function RootSidePanel() {
@@ -136,7 +142,7 @@ var RootSidePanel = /*#__PURE__*/function (_Component) {
         Children = _this$asProps3.Children,
         disablePortal = _this$asProps3.disablePortal,
         ignorePortalsStacking = _this$asProps3.ignorePortalsStacking;
-      return /*#__PURE__*/_react["default"].createElement(_baseComponents.Portal, {
+      return /*#__PURE__*/_react["default"].createElement(_portal["default"], {
         disablePortal: disablePortal,
         ignorePortalsStacking: ignorePortalsStacking
       }, this.isAdvanceMode() ? /*#__PURE__*/_react["default"].createElement(Children, null) : /*#__PURE__*/_react["default"].createElement(SidePanel.Overlay, null, /*#__PURE__*/_react["default"].createElement(SidePanel.Panel, (0, _core.assignProps)({}, _ref))));
@@ -159,7 +165,7 @@ var RootSidePanel = /*#__PURE__*/function (_Component) {
 function Overlay(props) {
   var _ref2 = arguments[0],
     _ref0;
-  var SOverlay = _baseComponents.FadeInOut;
+  var SOverlay = _animation.FadeInOut;
   var overlayRef = _react["default"].useRef(null);
   (0, _usePreventScroll["default"])(props.visible, props.disablePreventScroll);
   (0, _ThemeProvider.useContextTheme)(overlayRef, props.visible);
@@ -172,7 +178,7 @@ function Overlay(props) {
 function Panel(props) {
   var _ref3 = arguments[0],
     _ref1;
-  var SPanel = _baseComponents.Slide;
+  var SPanel = _animation.Slide;
   var Children = props.Children,
     styles = props.styles,
     visible = props.visible,
@@ -185,7 +191,7 @@ function Panel(props) {
   (0, _useFocusLock.useFocusLock)(sidebarRef, true, 'auto', !visible, true);
   var hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);
   _logger["default"].warn(!hasLabel, '\'aria-label\' or \'aria-labelledby\' are required for SidePanel component', props['data-ui-name'] || Panel.displayName);
-  return _ref1 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, visible && /*#__PURE__*/_react["default"].createElement(_baseComponents.OutsideClick, _ref1.cn("OutsideClick", {
+  return _ref1 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, visible && /*#__PURE__*/_react["default"].createElement(_outsideClick["default"], _ref1.cn("OutsideClick", {
     "onOutsideClick": onOutsideClick,
     "excludeRefs": [sidebarRef]
   })), /*#__PURE__*/_react["default"].createElement(SPanel, _ref1.cn("SPanel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
@@ -197,14 +203,14 @@ function Panel(props) {
     "aria-modal": 'true'
   }, _ref3))), /*#__PURE__*/_react["default"].createElement(_zIndexStacking.ZIndexStackingContextProvider, _ref1.cn("ZIndexStackingContextProvider", {
     "designToken": 'z-index-modal'
-  }), /*#__PURE__*/_react["default"].createElement(_baseComponents.PortalProvider, _ref1.cn("PortalProvider", {
+  }), /*#__PURE__*/_react["default"].createElement(_portal.PortalProvider, _ref1.cn("PortalProvider", {
     "value": sidebarRef
   }), closable && /*#__PURE__*/_react["default"].createElement(SidePanel.Close, null), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref1.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SidePanel.Body, null, /*#__PURE__*/_react["default"].createElement(Children, _ref1.cn("Children", {})))))));
 }
 function Footer(props) {
   var _ref4 = arguments[0],
     _ref10;
-  var SFooter = _baseComponents.Flex;
+  var SFooter = _flexBox.Flex;
   return _ref10 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref10.cn("SFooter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": 'footer'
   }, _ref4))));
@@ -226,15 +232,13 @@ function Close(_ref16) {
     "data-hide-focus-hover-popper": 'true'
   }, _ref5))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})) : undefined);
 }
+Close.enhance = [(0, _keyboardFocusEnhance["default"])()];
 function Title(props) {
   var _ref6 = arguments[0],
     _ref12;
   var STitle = _typography.Text;
   return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref12.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'h6',
-    "size": 300,
-    "bold": true,
-    "ellipsis": true
+    "tag": 'h6'
   }, _ref6))));
 }
 function Back(props) {
@@ -253,13 +257,13 @@ function Back(props) {
 function Body(props) {
   var _ref8 = arguments[0],
     _ref14;
-  var SBody = _baseComponents.Box;
+  var SBody = _flexBox.Box;
   return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref14.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref8))));
 }
 function Header(props) {
   var _ref9 = arguments[0],
     _ref15;
-  var SHeader = _baseComponents.Box;
+  var SHeader = _flexBox.Box;
   var Children = props.Children,
     styles = props.styles,
     title = props.title;

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","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","e","key","stopPropagation","fire","_inherits2","_createClass2","value","isAdvanceMode","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","getOverlayProps","_this$asProps","visible","duration","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","ariaLabel","ariaLabelledBy","handleOutsideClick","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","Portal","assignProps","Component","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18nEnhance","localizedMessages","props","_ref2","arguments[0]","_ref0","SOverlay","FadeInOut","overlayRef","useRef","usePreventScroll","useContextTheme","zIndex","useZIndexStacking","styles","cn","_objectSpread2","_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","_ref16","_ref5","_ref11","hasChildren","children","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","_animation","_button","_interopRequireWildcard","_i18nEnhance","_interopRequireDefault","_keyboardFocusEnhance","_findComponent","_fire","_logger","_ThemeProvider","_useFocusLock","_usePreventScroll","_useCssVariable","_zIndexStacking","_flexBox","_m","_l","_outsideClick","_portal","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","RootSidePanel","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","e","key","stopPropagation","fire","_inherits2","_createClass2","value","isAdvanceMode","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","getOverlayProps","_this$asProps","visible","duration","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","ariaLabel","ariaLabelledBy","handleOutsideClick","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","assignProps","Component","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18nEnhance","localizedMessages","props","_ref2","arguments[0]","_ref0","SOverlay","FadeInOut","overlayRef","useRef","usePreventScroll","useContextTheme","zIndex","useZIndexStacking","styles","cn","_objectSpread2","_ref3","_ref1","SPanel","Slide","onOutsideClick","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","useFocusLock","hasLabel","Boolean","logger","warn","Fragment","ZIndexStackingContextProvider","PortalProvider","Close","_ref4","_ref10","SFooter","Flex","_ref16","_ref5","_ref11","hasChildren","children","SClose","Button","undefined","CloseIcon","enhance","keyboardFocusEnhance","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 } from '@semcore/animation';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\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 { Flex, Box } from '@semcore/flex-box';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport OutsideClick from '@semcore/outside-click';\nimport Portal, { PortalProvider } from '@semcore/portal';\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}\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag='h6' />);\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":[]}

package/lib/cjs/index.d.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps, ~~Box, BoxProps, Flex, PortalProps~~ } from '@semcore/~~base-components~~';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type OnCloseTriggerType = 'onOutsideClick' \| 'onEscape' \| 'onCloseClick';\nexport type OnCloseType = (\n trigger: OnCloseTriggerType,\n e?: React.MouseEvent \| React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' \| 'left' \| 'right' \| 'bottom';\n\nexport type SidePanelProps = PortalProps &\n BoxProps & {\n /** Animation display duration in ms\n * @default 350\n /\n duration?: number;\n /\n The property responsible for the visibility of the component\n /\n visible?: boolean;\n /\n Callback for the component closure\n /\n onClose?: OnCloseType;\n /\n Property for displaying the close button\n * @default true\n /\n closable?: boolean;\n /\n Position of a dropdown window\n * @default right\n /\n placement?: SidePanelPlacement;\n /\n Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n * @default false\n /\n disablePreventScroll?: boolean;\n };\n\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\nexport type SidePanelPanelProps = SlideProps &\n BoxProps & {\n /* Callback that is triggered when click outside is occured */\n onOutsideClick?: (e?: React.SyntheticEvent) => void;\n };\n\nexport type SidePanelContext = {\n getOverlayProps?: PropGetterFn;\n getPanelProps?: PropGetterFn;\n getCloseProps?: PropGetterFn;\n};\n\nexport type SidePanelHeaderProps = BoxProps & {\n title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n Back: typeof Box;\n Body: typeof Box;\n Footer: typeof Flex;\n Title: typeof Text;\n Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n Close: typeof Button;\n};\n\nexport default SidePanel;\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport type { PortalProps } from '@semcore/portal';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type OnCloseTriggerType = 'onOutsideClick' \| 'onEscape' \| 'onCloseClick';\nexport type OnCloseType = (\n trigger: OnCloseTriggerType,\n e?: React.MouseEvent \| React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' \| 'left' \| 'right' \| 'bottom';\n\n/** @deprecated /\nexport interface ISidePanelProps extends SidePanelProps, UnknownProperties {}\nexport type SidePanelProps = PortalProps &\n BoxProps & {\n /* Animation display duration in ms\n * @default 350\n /\n duration?: number;\n /\n The property responsible for the visibility of the component\n /\n visible?: boolean;\n /\n Callback for the component closure\n /\n onClose?: OnCloseType;\n /\n Property for displaying the close button\n * @default true\n /\n closable?: boolean;\n /\n Position of a dropdown window\n * @default right\n /\n placement?: SidePanelPlacement;\n /\n Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n * @default false\n /\n disablePreventScroll?: boolean;\n };\n\n/* @deprecated /\nexport interface ISidePanelOverlayProps extends SidePanelOverlayProps, UnknownProperties {}\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\n/* @deprecated /\nexport interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}\nexport type SidePanelPanelProps = SlideProps &\n BoxProps & {\n /* Callback that is triggered when click outside is occured /\n onOutsideClick?: (e?: React.SyntheticEvent) => void;\n };\n\n/* @deprecated /\nexport interface ISidePanelContext extends SidePanelContext, UnknownProperties {}\nexport type SidePanelContext = {\n getOverlayProps?: PropGetterFn;\n getPanelProps?: PropGetterFn;\n getCloseProps?: PropGetterFn;\n};\n\n/* @deprecated */\nexport interface ISidePanelHeaderProps extends SidePanelHeaderProps, UnknownProperties {}\nexport type SidePanelHeaderProps = BoxProps & {\n title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n Back: typeof Box;\n Body: typeof Box;\n Footer: typeof Flex;\n Title: typeof Text;\n Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n Close: typeof Button;\n};\n\nexport default SidePanel;\n"],"mappings":"","ignoreList":[]}

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

@@ -72,6 +72,10 @@ SClose {
 SBack {
   max-width: 100%;
+  SInner {
+    display: flex;
+  }
   SBackText {
     white-space: nowrap;
     overflow: hidden;
@@ -79,6 +83,16 @@ SBack {
   }
 }
+STitle {
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
+  font-weight: var(--intergalactic-bold, 700);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 SHeader {
   padding-left: var(--intergalactic-spacing-6x, 24px);
   margin-bottom: var(--intergalactic-spacing-1x, 4px);
@@ -87,7 +101,6 @@ SHeader {
   min-height: calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));
   box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
   box-sizing: border-box;
-  flex-shrink: 0;
 }
 SFooter {

package/lib/es6/SidePanel.js CHANGED Viewed

@@ -14,10 +14,11 @@ import { assignProps as _assignProps4 } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import { FadeInOut, Slide, Flex, Box, OutsideClick, PortalProvider, Portal } from '@semcore/base-components';
+import { FadeInOut, Slide } from '@semcore/animation';
 import Button, { ButtonLink } from '@semcore/button';
 import { createComponent, Component, Root, sstyled } from '@semcore/core';
 import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
+import keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
 import { isAdvanceMode as _isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
 import fire from '@semcore/core/lib/utils/fire';
 import logger from '@semcore/core/lib/utils/logger';
@@ -26,27 +27,32 @@ import { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';
 import usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';
 import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
 import { ZIndexStackingContextProvider, useZIndexStacking } from '@semcore/core/lib/utils/zIndexStacking';
+import { Flex, Box } from '@semcore/flex-box';
 import ArrowLeft from '@semcore/icon/ArrowLeft/m';
 import CloseIcon from '@semcore/icon/Close/l';
+import OutsideClick from '@semcore/outside-click';
+import Portal, { PortalProvider } from '@semcore/portal';
 import { Text } from '@semcore/typography';
 import React from 'react';
 /*!__reshadow-styles__:"./style/side-panel.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SOverlay_13n1l_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_13n1l_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_13n1l_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SPanel_13n1l_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_13n1l_gg_._placement_top_13n1l_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_13n1l_gg_._placement_top_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_top_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_13n1l_gg_._placement_right_13n1l_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_13n1l_gg_._placement_right_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_right_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_13n1l_gg_._placement_bottom_13n1l_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_13n1l_gg_._placement_bottom_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_bottom_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_13n1l_gg_._placement_left_13n1l_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_13n1l_gg_._placement_left_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_left_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SClose_13n1l_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_13n1l_gg_ .___SAddon_13n1l_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_13n1l_gg_{max-width:100%}.___SBack_13n1l_gg_ .___SBackText_13n1l_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SHeader_13n1l_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_13n1l_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SHeader_13n1l_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_13n1l_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_13n1l_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_13n1l_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBody_13n1l_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__*/"13n1l_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SOverlay_cp3wz_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_cp3wz_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_cp3wz_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SPanel_cp3wz_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_cp3wz_gg_._placement_top_cp3wz_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_cp3wz_gg_._placement_top_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_cp3wz_gg_._placement_top_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_cp3wz_gg_._placement_right_cp3wz_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_cp3wz_gg_._placement_right_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_cp3wz_gg_._placement_right_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_cp3wz_gg_._placement_bottom_cp3wz_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_cp3wz_gg_._placement_bottom_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_cp3wz_gg_._placement_bottom_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_cp3wz_gg_._placement_left_cp3wz_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_cp3wz_gg_._placement_left_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_cp3wz_gg_._placement_left_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SClose_cp3wz_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_cp3wz_gg_ .___SAddon_cp3wz_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_cp3wz_gg_{max-width:100%}.___SBack_cp3wz_gg_ .___SInner_cp3wz_gg_{display:flex}.___SBack_cp3wz_gg_ .___SBackText_cp3wz_gg_,.___STitle_cp3wz_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_cp3wz_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SHeader_cp3wz_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}@supports (color:color(display-p3 0 0 0%)){.___SHeader_cp3wz_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SHeader_cp3wz_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_cp3wz_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_cp3wz_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_cp3wz_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBody_cp3wz_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__*/"cp3wz_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SOverlay": "___SOverlay_13n1l_gg_",
-  "__SPanel": "___SPanel_13n1l_gg_",
-  "_placement_top": "_placement_top_13n1l_gg_",
-  "_placement_right": "_placement_right_13n1l_gg_",
-  "_placement_bottom": "_placement_bottom_13n1l_gg_",
-  "_placement_left": "_placement_left_13n1l_gg_",
-  "__SHeader": "___SHeader_13n1l_gg_",
-  "__SFooter": "___SFooter_13n1l_gg_",
-  "__SBody": "___SBody_13n1l_gg_",
-  "__SClose": "___SClose_13n1l_gg_",
-  "__SAddon": "___SAddon_13n1l_gg_",
-  "__SBack": "___SBack_13n1l_gg_",
-  "__SBackText": "___SBackText_13n1l_gg_"
+  "__SOverlay": "___SOverlay_cp3wz_gg_",
+  "__SPanel": "___SPanel_cp3wz_gg_",
+  "_placement_top": "_placement_top_cp3wz_gg_",
+  "_placement_right": "_placement_right_cp3wz_gg_",
+  "_placement_bottom": "_placement_bottom_cp3wz_gg_",
+  "_placement_left": "_placement_left_cp3wz_gg_",
+  "__STitle": "___STitle_cp3wz_gg_",
+  "__SHeader": "___SHeader_cp3wz_gg_",
+  "__SFooter": "___SFooter_cp3wz_gg_",
+  "__SBody": "___SBody_cp3wz_gg_",
+  "__SClose": "___SClose_cp3wz_gg_",
+  "__SAddon": "___SAddon_cp3wz_gg_",
+  "__SBack": "___SBack_cp3wz_gg_",
+  "__SInner": "___SInner_cp3wz_gg_",
+  "__SBackText": "___SBackText_cp3wz_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 var RootSidePanel = /*#__PURE__*/function (_Component) {
@@ -228,15 +234,13 @@ function Close(_ref16) {
     "data-hide-focus-hover-popper": 'true'
   }, _ref5))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})) : undefined);
 }
+Close.enhance = [keyboardFocusEnhance()];
 function Title(props) {
   var _ref6 = arguments[0],
     _ref12;
   var STitle = Text;
   return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(STitle, _ref12.cn("STitle", _objectSpread({}, _assignProps6({
-    "tag": 'h6',
-    "size": 300,
-    "bold": true,
-    "ellipsis": true
+    "tag": 'h6'
   }, _ref6))));
 }
 function Back(props) {

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","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","e","key","stopPropagation","_inherits","_createClass","value","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","getOverlayProps","_this$asProps","visible","duration","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","ariaLabel","ariaLabelledBy","handleOutsideClick","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","props","_ref2","arguments[0]","_ref0","SOverlay","overlayRef","useRef","zIndex","styles","cn","_objectSpread","_assignProps2","_ref3","_ref1","SPanel","onOutsideClick","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","hasLabel","Boolean","warn","Fragment","_assignProps3","Close","_ref4","_ref10","SFooter","_assignProps4","_ref16","_ref5","_ref11","hasChildren","children","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","Button","ButtonLink","createComponent","Component","Root","sstyled","i18nEnhance","keyboardFocusEnhance","isAdvanceMode","fire","logger","useContextTheme","useFocusLock","usePreventScroll","cssVariableEnhance","ZIndexStackingContextProvider","useZIndexStacking","Flex","Box","ArrowLeft","CloseIcon","OutsideClick","Portal","PortalProvider","Text","React","style","_sstyled","insert","localizedMessages","RootSidePanel","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","e","key","stopPropagation","_inherits","_createClass","value","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","getOverlayProps","_this$asProps","visible","duration","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","ariaLabel","ariaLabelledBy","handleOutsideClick","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","props","_ref2","arguments[0]","_ref0","SOverlay","overlayRef","useRef","zIndex","styles","cn","_objectSpread","_assignProps2","_ref3","_ref1","SPanel","onOutsideClick","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","hasLabel","Boolean","warn","Fragment","_assignProps3","Close","_ref4","_ref10","SFooter","_assignProps4","_ref16","_ref5","_ref11","hasChildren","children","SClose","_assignProps5","undefined","enhance","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 } from '@semcore/animation';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\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 { Flex, Box } from '@semcore/flex-box';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport OutsideClick from '@semcore/outside-click';\nimport Portal, { PortalProvider } from '@semcore/portal';\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}\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag='h6' />);\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":[]}

package/lib/es6/index.d.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps, ~~Box, BoxProps, Flex, PortalProps~~ } from '@semcore/~~base-components~~';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type OnCloseTriggerType = 'onOutsideClick' \| 'onEscape' \| 'onCloseClick';\nexport type OnCloseType = (\n trigger: OnCloseTriggerType,\n e?: React.MouseEvent \| React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' \| 'left' \| 'right' \| 'bottom';\n\nexport type SidePanelProps = PortalProps &\n BoxProps & {\n /** Animation display duration in ms\n * @default 350\n /\n duration?: number;\n /\n The property responsible for the visibility of the component\n /\n visible?: boolean;\n /\n Callback for the component closure\n /\n onClose?: OnCloseType;\n /\n Property for displaying the close button\n * @default true\n /\n closable?: boolean;\n /\n Position of a dropdown window\n * @default right\n /\n placement?: SidePanelPlacement;\n /\n Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n * @default false\n /\n disablePreventScroll?: boolean;\n };\n\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\nexport type SidePanelPanelProps = SlideProps &\n BoxProps & {\n /* Callback that is triggered when click outside is occured */\n onOutsideClick?: (e?: React.SyntheticEvent) => void;\n };\n\nexport type SidePanelContext = {\n getOverlayProps?: PropGetterFn;\n getPanelProps?: PropGetterFn;\n getCloseProps?: PropGetterFn;\n};\n\nexport type SidePanelHeaderProps = BoxProps & {\n title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n Back: typeof Box;\n Body: typeof Box;\n Footer: typeof Flex;\n Title: typeof Text;\n Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n Close: typeof Button;\n};\n\nexport default SidePanel;\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport type { PortalProps } from '@semcore/portal';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type OnCloseTriggerType = 'onOutsideClick' \| 'onEscape' \| 'onCloseClick';\nexport type OnCloseType = (\n trigger: OnCloseTriggerType,\n e?: React.MouseEvent \| React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' \| 'left' \| 'right' \| 'bottom';\n\n/** @deprecated /\nexport interface ISidePanelProps extends SidePanelProps, UnknownProperties {}\nexport type SidePanelProps = PortalProps &\n BoxProps & {\n /* Animation display duration in ms\n * @default 350\n /\n duration?: number;\n /\n The property responsible for the visibility of the component\n /\n visible?: boolean;\n /\n Callback for the component closure\n /\n onClose?: OnCloseType;\n /\n Property for displaying the close button\n * @default true\n /\n closable?: boolean;\n /\n Position of a dropdown window\n * @default right\n /\n placement?: SidePanelPlacement;\n /\n Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n * @default false\n /\n disablePreventScroll?: boolean;\n };\n\n/* @deprecated /\nexport interface ISidePanelOverlayProps extends SidePanelOverlayProps, UnknownProperties {}\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\n/* @deprecated /\nexport interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}\nexport type SidePanelPanelProps = SlideProps &\n BoxProps & {\n /* Callback that is triggered when click outside is occured /\n onOutsideClick?: (e?: React.SyntheticEvent) => void;\n };\n\n/* @deprecated /\nexport interface ISidePanelContext extends SidePanelContext, UnknownProperties {}\nexport type SidePanelContext = {\n getOverlayProps?: PropGetterFn;\n getPanelProps?: PropGetterFn;\n getCloseProps?: PropGetterFn;\n};\n\n/* @deprecated */\nexport interface ISidePanelHeaderProps extends SidePanelHeaderProps, UnknownProperties {}\nexport type SidePanelHeaderProps = BoxProps & {\n title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n Back: typeof Box;\n Body: typeof Box;\n Footer: typeof Flex;\n Title: typeof Text;\n Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n Close: typeof Button;\n};\n\nexport default SidePanel;\n"],"mappings":"","ignoreList":[]}

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

@@ -72,6 +72,10 @@ SClose {
 SBack {
   max-width: 100%;
+  SInner {
+    display: flex;
+  }
   SBackText {
     white-space: nowrap;
     overflow: hidden;
@@ -79,6 +83,16 @@ SBack {
   }
 }
+STitle {
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
+  font-weight: var(--intergalactic-bold, 700);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 SHeader {
   padding-left: var(--intergalactic-spacing-6x, 24px);
   margin-bottom: var(--intergalactic-spacing-1x, 4px);
@@ -87,7 +101,6 @@ SHeader {
   min-height: calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));
   box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
   box-sizing: border-box;
-  flex-shrink: 0;
 }
 SFooter {

package/lib/esm/SidePanel.mjs CHANGED Viewed

@@ -4,10 +4,11 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
-import { Portal, FadeInOut, Slide, OutsideClick, PortalProvider, Flex, Box } from "@semcore/base-components";
+import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
+import { Slide, FadeInOut } from "@semcore/animation";
 import Button, { ButtonLink } from "@semcore/button";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import keyboardFocusEnhance from "@semcore/core/lib/utils/enhances/keyboardFocusEnhance";
 import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
 import fire from "@semcore/core/lib/utils/fire";
 import logger from "@semcore/core/lib/utils/logger";
@@ -15,9 +16,12 @@ import { useContextTheme } from "@semcore/core/lib/utils/ThemeProvider";
 import { useFocusLock } from "@semcore/core/lib/utils/use/useFocusLock";
 import usePreventScroll from "@semcore/core/lib/utils/use/usePreventScroll";
 import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
-import { useZIndexStacking, ZIndexStackingContextProvider } from "@semcore/core/lib/utils/zIndexStacking";
+import { ZIndexStackingContextProvider, useZIndexStacking } from "@semcore/core/lib/utils/zIndexStacking";
+import { Box, Flex } from "@semcore/flex-box";
 import ArrowLeft from "@semcore/icon/ArrowLeft/m";
 import CloseIcon from "@semcore/icon/Close/l";
+import OutsideClick from "@semcore/outside-click";
+import Portal, { PortalProvider } from "@semcore/portal";
 import { Text } from "@semcore/typography";
 import React from "react";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
@@ -26,24 +30,26 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SOverlay_13n1l_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_13n1l_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_13n1l_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SPanel_13n1l_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_13n1l_gg_._placement_top_13n1l_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_13n1l_gg_._placement_top_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_top_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_13n1l_gg_._placement_right_13n1l_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_13n1l_gg_._placement_right_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_right_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_13n1l_gg_._placement_bottom_13n1l_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_13n1l_gg_._placement_bottom_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_bottom_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_13n1l_gg_._placement_left_13n1l_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_13n1l_gg_._placement_left_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_left_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SClose_13n1l_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_13n1l_gg_ .___SAddon_13n1l_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_13n1l_gg_{max-width:100%}.___SBack_13n1l_gg_ .___SBackText_13n1l_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SHeader_13n1l_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_13n1l_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SHeader_13n1l_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_13n1l_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_13n1l_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_13n1l_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBody_13n1l_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_cp3wz_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_cp3wz_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_cp3wz_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SPanel_cp3wz_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_cp3wz_gg_._placement_top_cp3wz_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_cp3wz_gg_._placement_top_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_cp3wz_gg_._placement_top_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_cp3wz_gg_._placement_right_cp3wz_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_cp3wz_gg_._placement_right_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_cp3wz_gg_._placement_right_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_cp3wz_gg_._placement_bottom_cp3wz_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_cp3wz_gg_._placement_bottom_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_cp3wz_gg_._placement_bottom_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_cp3wz_gg_._placement_left_cp3wz_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_cp3wz_gg_._placement_left_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_cp3wz_gg_._placement_left_cp3wz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SClose_cp3wz_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_cp3wz_gg_ .___SAddon_cp3wz_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_cp3wz_gg_{max-width:100%}.___SBack_cp3wz_gg_ .___SInner_cp3wz_gg_{display:flex}.___SBack_cp3wz_gg_ .___SBackText_cp3wz_gg_,.___STitle_cp3wz_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_cp3wz_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SHeader_cp3wz_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}@supports (color:color(display-p3 0 0 0%)){.___SHeader_cp3wz_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SHeader_cp3wz_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_cp3wz_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_cp3wz_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_cp3wz_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBody_cp3wz_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__*/
-    "13n1l_gg_"
+    "cp3wz_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SOverlay": "___SOverlay_13n1l_gg_",
-    "__SPanel": "___SPanel_13n1l_gg_",
-    "_placement_top": "_placement_top_13n1l_gg_",
-    "_placement_right": "_placement_right_13n1l_gg_",
-    "_placement_bottom": "_placement_bottom_13n1l_gg_",
-    "_placement_left": "_placement_left_13n1l_gg_",
-    "__SHeader": "___SHeader_13n1l_gg_",
-    "__SFooter": "___SFooter_13n1l_gg_",
-    "__SBody": "___SBody_13n1l_gg_",
-    "__SClose": "___SClose_13n1l_gg_",
-    "__SAddon": "___SAddon_13n1l_gg_",
-    "__SBack": "___SBack_13n1l_gg_",
-    "__SBackText": "___SBackText_13n1l_gg_"
+    "__SOverlay": "___SOverlay_cp3wz_gg_",
+    "__SPanel": "___SPanel_cp3wz_gg_",
+    "_placement_top": "_placement_top_cp3wz_gg_",
+    "_placement_right": "_placement_right_cp3wz_gg_",
+    "_placement_bottom": "_placement_bottom_cp3wz_gg_",
+    "_placement_left": "_placement_left_cp3wz_gg_",
+    "__STitle": "___STitle_cp3wz_gg_",
+    "__SHeader": "___SHeader_cp3wz_gg_",
+    "__SFooter": "___SFooter_cp3wz_gg_",
+    "__SBody": "___SBody_cp3wz_gg_",
+    "__SClose": "___SClose_cp3wz_gg_",
+    "__SAddon": "___SAddon_cp3wz_gg_",
+    "__SBack": "___SBack_cp3wz_gg_",
+    "__SInner": "___SInner_cp3wz_gg_",
+    "__SBackText": "___SBackText_cp3wz_gg_"
   })
 );
 var RootSidePanel = /* @__PURE__ */ (function(_Component) {
@@ -198,14 +204,12 @@ function Close(_ref16) {
     "data-hide-focus-hover-popper": "true"
   }, _ref5))), hasChildren ? /* @__PURE__ */ React.createElement(Children, _ref11.cn("Children", {})) : void 0);
 }
+Close.enhance = [keyboardFocusEnhance()];
 function Title(props) {
   var _ref6 = arguments[0], _ref12;
   var STitle = Text;
   return _ref12 = sstyled(props.styles), /* @__PURE__ */ React.createElement(STitle, _ref12.cn("STitle", _objectSpread({}, assignProps({
-    "tag": "h6",
-    "size": 300,
-    "bold": true,
-    "ellipsis": true
+    "tag": "h6"
   }, _ref6))));
 }
 function Back(props) {

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

@@ -72,6 +72,10 @@ SClose {
 SBack {
   max-width: 100%;
+  SInner {
+    display: flex;
+  }
   SBackText {
     white-space: nowrap;
     overflow: hidden;
@@ -79,6 +83,16 @@ SBack {
   }
 }
+STitle {
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
+  font-weight: var(--intergalactic-bold, 700);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 SHeader {
   padding-left: var(--intergalactic-spacing-6x, 24px);
   margin-bottom: var(--intergalactic-spacing-1x, 4px);
@@ -87,7 +101,6 @@ SHeader {
   min-height: calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));
   box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
   box-sizing: border-box;
-  flex-shrink: 0;
 }
 SFooter {

package/lib/types/index.d.ts CHANGED Viewed

@@ -1,6 +1,8 @@
-import type { FadeInOutProps, SlideProps, Box, BoxProps, Flex, PortalProps } from '@semcore/base-components';
+import type { FadeInOutProps, SlideProps } from '@semcore/animation';
 import type Button from '@semcore/button';
-import type { PropGetterFn, Intergalactic } from '@semcore/core';
+import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
+import type { Box, BoxProps, Flex } from '@semcore/flex-box';
+import type { PortalProps } from '@semcore/portal';
 import type { Text } from '@semcore/typography';
 import type React from 'react';
@@ -12,6 +14,8 @@ export type OnCloseType = (
 export type SidePanelPlacement = 'top' | 'left' | 'right' | 'bottom';
+/** @deprecated */
+export interface ISidePanelProps extends SidePanelProps, UnknownProperties {}
 export type SidePanelProps = PortalProps &
   BoxProps & {
     /** Animation display duration in ms
@@ -43,20 +47,28 @@ export type SidePanelProps = PortalProps &
     disablePreventScroll?: boolean;
   };
+/** @deprecated */
+export interface ISidePanelOverlayProps extends SidePanelOverlayProps, UnknownProperties {}
 export type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};
+/** @deprecated */
+export interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}
 export type SidePanelPanelProps = SlideProps &
   BoxProps & {
     /** Callback that is triggered when click outside is occured */
     onOutsideClick?: (e?: React.SyntheticEvent) => void;
   };
+/** @deprecated */
+export interface ISidePanelContext extends SidePanelContext, UnknownProperties {}
 export type SidePanelContext = {
   getOverlayProps?: PropGetterFn;
   getPanelProps?: PropGetterFn;
   getCloseProps?: PropGetterFn;
 };
+/** @deprecated */
+export interface ISidePanelHeaderProps extends SidePanelHeaderProps, UnknownProperties {}
 export type SidePanelHeaderProps = BoxProps & {
   title?: React.ReactNode;
 };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/side-panel",
   "description": "Semrush SidePanel Component",
-  "version": "16.2.0",
+  "version": "16.2.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,13 +14,13 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/animation": "16.1.0",
-    "@semcore/button": "16.1.0",
-    "@semcore/flex-box": "16.1.0",
-    "@semcore/portal": "16.1.0",
-    "@semcore/outside-click": "16.1.0",
-    "@semcore/typography": "16.4.0",
-    "@semcore/icon": "16.8.0"
+    "@semcore/animation": "16.1.1",
+    "@semcore/button": "16.1.1",
+    "@semcore/flex-box": "16.1.1",
+    "@semcore/portal": "16.1.1",
+    "@semcore/outside-click": "16.1.1",
+    "@semcore/typography": "16.4.1",
+    "@semcore/icon": "16.8.1"
   },
   "peerDependencies": {
     "@semcore/base-components": "^16.6.0"
@@ -31,8 +31,8 @@
     "directory": "semcore/side-panel"
   },
   "devDependencies": {
-    "@semcore/core": "16.6.0",
-    "@semcore/testing-utils": "1.0.0"
+    "@semcore/testing-utils": "1.0.0",
+    "@semcore/core": "16.6.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"