@alfalab/core-components-side-panel 5.2.4 → 5.3.1

package/modern/desktop/Component.desktop.js

@@ -9,10 +9,10 @@ import { Header } from '../components/header/Component.js';
 import { SIZE_TO_CLASSNAME_MAP } from '../consts.js';
 import { ResponsiveContext } from '../ResponsiveContext.js';
 
-const styles = {"size-500":"side-panel__size-500_tae2u","hidden":"side-panel__hidden_tae2u"};
+const styles = {"size-500":"side-panel__size-500_135xn","hidden":"side-panel__hidden_135xn"};
 require('./desktop.css')
 
-const transitions = {"enterRight":"side-panel__enterRight_1u3m4","enterLeft":"side-panel__enterLeft_1u3m4","enterActive":"side-panel__enterActive_1u3m4","exit":"side-panel__exit_1u3m4","exitActiveRight":"side-panel__exitActiveRight_1u3m4","exitActiveLeft":"side-panel__exitActiveLeft_1u3m4"};
+const transitions = {"enterRight":"side-panel__enterRight_1p1h0","enterLeft":"side-panel__enterLeft_1p1h0","enterActive":"side-panel__enterActive_1p1h0","exit":"side-panel__exit_1p1h0","exitActiveRight":"side-panel__exitActiveRight_1p1h0","exitActiveLeft":"side-panel__exitActiveLeft_1p1h0"};
 require('./transitions.desktop.css')
 
 const SidePanelDesktopComponent = forwardRef(({ size = 500, children, className, wrapperClassName, contentTransitionProps = {}, backdropProps, placement = 'right', dataTestId, ...restProps }, ref) => {

package/modern/desktop/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1i7fr */
+/* hash: fpi1l */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -28,8 +28,8 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__size-500_tae2u.side-panel__size-500_tae2u {
+} .side-panel__size-500_135xn.side-panel__size-500_135xn {
     width: var(--side-panel-s-width);
-} .side-panel__hidden_tae2u {
+} .side-panel__hidden_135xn {
     overflow-x: hidden;
 }

package/modern/desktop/transitions.desktop.css

@@ -1,32 +1,32 @@
-/* hash: ebtlo */
-.side-panel__enterRight_1u3m4 {
+/* hash: 1kuf0 */
+.side-panel__enterRight_1p1h0 {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_1u3m4 {
+.side-panel__enterLeft_1p1h0 {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_1u3m4 {
+.side-panel__enterActive_1p1h0 {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_1u3m4 {
+.side-panel__exit_1p1h0 {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_1u3m4 {
+.side-panel__exitActiveRight_1p1h0 {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_1u3m4 {
+.side-panel__exitActiveLeft_1p1h0 {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(-15px);

package/modern/layout.module-5949eb00.js

@@ -0,0 +1,4 @@
+const layoutStyles = {"column":"side-panel__column_w47jr","gap-16":"side-panel__gap-16_w47jr","gap-24":"side-panel__gap-24_w47jr","gap-32":"side-panel__gap-32_w47jr","start":"side-panel__start_w47jr","center":"side-panel__center_w47jr","space-between":"side-panel__space-between_w47jr"};
+require('./components/footer/layout.css')
+
+export { layoutStyles as l };

package/modern/mobile/Component.mobile.js

@@ -7,10 +7,10 @@ import { FooterMobile } from '../components/footer/Component.mobile.js';
 import { Header } from '../components/header/Component.js';
 import { ResponsiveContext } from '../ResponsiveContext.js';
 
-const styles = {"component":"side-panel__component_mpdna","mobileContent":"side-panel__mobileContent_mpdna"};
+const styles = {"component":"side-panel__component_1rics","mobileContent":"side-panel__mobileContent_1rics"};
 require('./mobile.css')
 
-const transitions = {"appear":"side-panel__appear_1qyg7","enter":"side-panel__enter_1qyg7","appearActive":"side-panel__appearActive_1qyg7","enterActive":"side-panel__enterActive_1qyg7","exit":"side-panel__exit_1qyg7","exitActive":"side-panel__exitActive_1qyg7","exitDone":"side-panel__exitDone_1qyg7"};
+const transitions = {"appear":"side-panel__appear_syq6a","enter":"side-panel__enter_syq6a","appearActive":"side-panel__appearActive_syq6a","enterActive":"side-panel__enterActive_syq6a","exit":"side-panel__exit_syq6a","exitActive":"side-panel__exitActive_syq6a","exitDone":"side-panel__exitDone_syq6a"};
 require('./transitions.mobile.css')
 
 const SidePanelMobileComponent = forwardRef(({ children, className, transitionProps, dataTestId, ...restProps }, ref) => {

package/modern/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1uidf */
+/* hash: v16q9 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,17 +27,17 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__component_mpdna {
+} .side-panel__component_1rics {
     top: 0;
     height: 100%;
     width: 100%;
     overflow-x: hidden;
     overflow-y: auto;
     max-width: 600px;
-} .side-panel__component_mpdna.side-panel__component_mpdna {
+} .side-panel__component_1rics.side-panel__component_1rics {
     position: fixed;
     flex: 1;
-} .side-panel__mobileContent_mpdna {
+} .side-panel__mobileContent_1rics {
     display: flex;
     flex-direction: column;
     width: 100%;

package/modern/mobile/transitions.mobile.css

@@ -1,24 +1,24 @@
-/* hash: w8w93 */
-.side-panel__appear_1qyg7,
-.side-panel__enter_1qyg7 {
+/* hash: 1y0p3 */
+.side-panel__appear_syq6a,
+.side-panel__enter_syq6a {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_1qyg7,
-.side-panel__enterActive_1qyg7 {
+.side-panel__appearActive_syq6a,
+.side-panel__enterActive_syq6a {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_1qyg7 {
+.side-panel__exit_syq6a {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_1qyg7,
-.side-panel__exitDone_1qyg7 {
+.side-panel__exitActive_syq6a,
+.side-panel__exitDone_syq6a {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-side-panel",
-    "version": "5.2.4",
+    "version": "5.3.1",
     "description": "SidePanel component",
     "keywords": [],
     "license": "MIT",
@@ -14,11 +14,11 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-base-modal": "^5.7.3",
-        "@alfalab/core-components-drawer": "^5.0.9",
+        "@alfalab/core-components-base-modal": "^5.7.5",
+        "@alfalab/core-components-drawer": "^5.0.11",
         "@alfalab/core-components-mq": "^4.2.0",
-        "@alfalab/core-components-navigation-bar": "^0.8.7",
-        "@alfalab/core-components-shared": "^0.9.1",
+        "@alfalab/core-components-navigation-bar-private": "^0.1.1",
+        "@alfalab/core-components-shared": "^0.10.0",
         "classnames": "^2.3.1",
         "react-merge-refs": "^1.1.0",
         "tslib": "^2.4.0"

package/src/components/header/Component.tsx

@@ -1,7 +1,10 @@
 import React, { FC, useContext, useEffect } from 'react';
 import cn from 'classnames';
 
-import { NavigationBar, NavigationBarProps } from '@alfalab/core-components-navigation-bar';
+import {
+    NavigationBarPrivate,
+    NavigationBarPrivateProps,
+} from '@alfalab/core-components-navigation-bar-private';
 import { getDataTestId } from '@alfalab/core-components-shared';
 
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts';
@@ -12,7 +15,7 @@ import desktopStyles from './desktop.module.css';
 import styles from './index.module.css';
 import mobileStyles from './mobile.module.css';
 
-export type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
+export type HeaderProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;
 
 export const Header: FC<HeaderProps> = ({
     className,
@@ -33,7 +36,7 @@ export const Header: FC<HeaderProps> = ({
     const hasContent = Boolean(title || children);
 
     return (
-        <NavigationBar
+        <NavigationBarPrivate
             dataTestId={getDataTestId(dataTestId, 'header')}
             {...restProps}
             scrollableParentRef={componentRef}
@@ -57,6 +60,6 @@ export const Header: FC<HeaderProps> = ({
             })}
         >
             {children}
-        </NavigationBar>
+        </NavigationBarPrivate>
     );
 };

package/esm/layout.module-0dc6a00f.js

@@ -1,4 +0,0 @@
-var layoutStyles = {"column":"side-panel__column_1ksml","gap-16":"side-panel__gap-16_1ksml","gap-24":"side-panel__gap-24_1ksml","gap-32":"side-panel__gap-32_1ksml","start":"side-panel__start_1ksml","center":"side-panel__center_1ksml","space-between":"side-panel__space-between_1ksml"};
-require('./components/footer/layout.css')
-
-export { layoutStyles as l };

package/layout.module-5eeb8248.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var layoutStyles = {"column":"side-panel__column_1ksml","gap-16":"side-panel__gap-16_1ksml","gap-24":"side-panel__gap-24_1ksml","gap-32":"side-panel__gap-32_1ksml","start":"side-panel__start_1ksml","center":"side-panel__center_1ksml","space-between":"side-panel__space-between_1ksml"};
-require('./components/footer/layout.css')
-
-exports.layoutStyles = layoutStyles;

package/modern/layout.module-6f83e451.js

@@ -1,4 +0,0 @@
-const layoutStyles = {"column":"side-panel__column_1ksml","gap-16":"side-panel__gap-16_1ksml","gap-24":"side-panel__gap-24_1ksml","gap-32":"side-panel__gap-32_1ksml","start":"side-panel__start_1ksml","center":"side-panel__center_1ksml","space-between":"side-panel__space-between_1ksml"};
-require('./components/footer/layout.css')
-
-export { layoutStyles as l };