@alfalab/core-components 48.33.4 → 48.33.5

package/side-panel/mobile/mobile.css

@@ -52,7 +52,7 @@
 
     /* paddings */
 }
-.side-panel__component_1ji8c {
+.side-panel__component_xvyq3 {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -60,17 +60,17 @@
     overflow-y: auto;
     max-width: 600px;
 }
-.side-panel__component_1ji8c.side-panel__component_1ji8c {
+.side-panel__component_xvyq3.side-panel__component_xvyq3 {
     position: fixed;
     flex: 1;
 }
 @media (display-mode: standalone) {
-.side-panel__content_1ji8c {
+.side-panel__content_xvyq3 {
         padding-top: var(--sat);
         padding-bottom: var(--sab)
 }
     }
-.side-panel__mobileContent_1ji8c {
+.side-panel__mobileContent_xvyq3 {
     display: flex;
     flex-direction: column;
     width: 100%;

package/side-panel/mobile/transitions.mobile.css

@@ -1,24 +1,24 @@
 /* hash: 13ux9 */
-.side-panel__appear_k43mg,
-.side-panel__enter_k43mg {
+.side-panel__appear_usily,
+.side-panel__enter_usily {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_k43mg,
-.side-panel__enterActive_k43mg {
+.side-panel__appearActive_usily,
+.side-panel__enterActive_usily {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_k43mg {
+.side-panel__exit_usily {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_k43mg,
-.side-panel__exitDone_k43mg {
+.side-panel__exitActive_usily,
+.side-panel__exitDone_usily {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/side-panel/modern/Component.responsive.js

@@ -7,7 +7,7 @@ import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
 import '../../shared/modern';
-import './layout.module-35878631.js';
+import './layout.module-b5f44106.js';
 import '../../navigation-bar-private/modern';
 import './consts.js';
 import './Context.js';

package/side-panel/modern/components/content/Component.desktop.js

@@ -7,7 +7,7 @@ import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
 
-const styles = {"size-500":"side-panel__size-500_yunli"};
+const styles = {"size-500":"side-panel__size-500_1wrqc"};
 require('./desktop.css');
 
 const ContentDesktop = ({ size = 500, className, ...restProps }) => (React.createElement(Content, { className: cn(className, size && styles[SIZE_TO_CLASSNAME_MAP[size]]), ...restProps }));

package/side-panel/modern/components/content/Component.js

@@ -5,7 +5,7 @@ import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
 import '../../../../base-modal/modern';
 
-const styles = {"content":"side-panel__content_rp2ff","withHeader":"side-panel__withHeader_rp2ff","flex":"side-panel__flex_rp2ff"};
+const styles = {"content":"side-panel__content_1tmo8","withHeader":"side-panel__withHeader_1tmo8","flex":"side-panel__flex_1tmo8"};
 require('./index.css');
 
 const Content = ({ children, className, dataTestId }) => {

package/side-panel/modern/components/content/Component.mobile.js

@@ -6,7 +6,7 @@ import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
 
-const styles = {"content":"side-panel__content_1f4dy"};
+const styles = {"content":"side-panel__content_kzqnd"};
 require('./mobile.css');
 
 const ContentMobile = ({ className, ...restProps }) => (React.createElement(Content, { className: cn(className, styles.content), ...restProps }));

package/side-panel/modern/components/content/desktop.css

@@ -40,8 +40,8 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__size-500_yunli {
+} .side-panel__size-500_1wrqc {
     padding: var(--side-panel-s-content-paddings)
-} .side-panel__size-500_yunli:last-child {
+} .side-panel__size-500_1wrqc:last-child {
         padding-bottom: var(--gap-32);
     }

package/side-panel/modern/components/content/index.css

@@ -35,13 +35,13 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__content_rp2ff {
+} .side-panel__content_1tmo8 {
     position: relative;
     box-sizing: border-box;
     width: 100%;
     z-index: 0
-} .side-panel__content_rp2ff.side-panel__withHeader_rp2ff {
+} .side-panel__content_1tmo8.side-panel__withHeader_1tmo8 {
         padding-top: var(--gap-0);
-    } .side-panel__flex_rp2ff {
+    } .side-panel__flex_1tmo8 {
     flex: 1 1 auto;
 }

package/side-panel/modern/components/content/mobile.css

@@ -37,8 +37,8 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__content_1f4dy {
+} .side-panel__content_kzqnd {
     padding: var(--gap-16) var(--gap-16) var(--gap-0)
-} .side-panel__content_1f4dy:last-child {
+} .side-panel__content_kzqnd:last-child {
         padding-bottom: var(--gap-16);
     }

package/side-panel/modern/components/controls/Component.js

@@ -2,9 +2,9 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-35878631.js';
+import { l as layoutStyles } from '../../layout.module-b5f44106.js';
 
-const styles = {"component":"side-panel__component_16tig"};
+const styles = {"component":"side-panel__component_vrklz"};
 require('./index.css');
 
 const Controls = ({ primary, secondary, gap, layout: layoutProp = 'start', mobileLayout = layoutProp, }) => {

package/side-panel/modern/components/controls/index.css

@@ -1,4 +1,4 @@
 /* hash: 1sr9z */
-.side-panel__component_16tig {
+.side-panel__component_vrklz {
     width: 100%;
 }

package/side-panel/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-35878631.js';
+import '../../layout.module-b5f44106.js';

package/side-panel/modern/components/footer/Component.desktop.js

@@ -6,9 +6,9 @@ import '../../../../shared/modern';
 import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-35878631.js';
+import '../../layout.module-b5f44106.js';
 
-const styles = {"sticky":"side-panel__sticky_3zvhm","size-500":"side-panel__size-500_3zvhm"};
+const styles = {"sticky":"side-panel__sticky_1lf8y","size-500":"side-panel__size-500_1lf8y"};
 require('./desktop.css');
 
 const FooterDesktop = ({ size = 500, className, sticky, ...restProps }) => (React.createElement(Footer, { className: cn(className, size && styles[SIZE_TO_CLASSNAME_MAP[size]], {

package/side-panel/modern/components/footer/Component.js

@@ -3,10 +3,10 @@ import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-35878631.js';
+import { l as layoutStyles } from '../../layout.module-b5f44106.js';
 import '../../../../base-modal/modern';
 
-const styles = {"footer":"side-panel__footer_1f8ba","sticky":"side-panel__sticky_1f8ba","highlighted":"side-panel__highlighted_1f8ba"};
+const styles = {"footer":"side-panel__footer_tm1ns","sticky":"side-panel__sticky_tm1ns","highlighted":"side-panel__highlighted_tm1ns"};
 require('./index.css');
 
 const Footer = ({ children, className, sticky, layout = 'start', gap, dataTestId, }) => {

package/side-panel/modern/components/footer/Component.mobile.js

@@ -5,9 +5,9 @@ import '../../../../shared/modern';
 import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-35878631.js';
+import '../../layout.module-b5f44106.js';
 
-const styles = {"footer":"side-panel__footer_c8l9w","sticky":"side-panel__sticky_c8l9w"};
+const styles = {"footer":"side-panel__footer_naj4p","sticky":"side-panel__sticky_naj4p"};
 require('./mobile.css');
 
 const FooterMobile = ({ className, sticky, layout = 'start', ...restProps }) => (React.createElement(Footer, { className: cn(className, styles.footer, {

package/side-panel/modern/components/footer/desktop.css

@@ -40,8 +40,8 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__sticky_3zvhm {
+} .side-panel__sticky_1lf8y {
     bottom: var(--gap-0);
-} .side-panel__size-500_3zvhm {
+} .side-panel__size-500_1lf8y {
     padding: var(--side-panel-s-footer-paddings);
 }

package/side-panel/modern/components/footer/index.css

@@ -39,15 +39,15 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__footer_1f8ba {
+} .side-panel__footer_tm1ns {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
-} .side-panel__sticky_1f8ba {
+} .side-panel__sticky_tm1ns {
     background: var(--side-panel-footer-background);
     position: sticky;
     z-index: 1;
-} .side-panel__highlighted_1f8ba {
+} .side-panel__highlighted_tm1ns {
     background: var(--side-panel-footer-highlight-background);
     box-shadow: var(--side-panel-footer-highlight-box-shadow);
 }

package/side-panel/modern/components/footer/layout.css

@@ -41,35 +41,35 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__column_38bfx {
+} .side-panel__column_1knox {
     display: flex;
     flex-direction: column
-} .side-panel__column_38bfx > *:not(:last-child):not(:only-child) {
+} .side-panel__column_1knox > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--side-panel-footer-default-gap);
-    } .side-panel__column_38bfx.side-panel__gap-16_38bfx > *:not(:last-child):not(:only-child) {
+    } .side-panel__column_1knox.side-panel__gap-16_1knox > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-16);
-    } .side-panel__column_38bfx.side-panel__gap-24_38bfx > *:not(:last-child):not(:only-child) {
+    } .side-panel__column_1knox.side-panel__gap-24_1knox > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-24);
-    } .side-panel__column_38bfx.side-panel__gap-32_38bfx > *:not(:last-child):not(:only-child) {
+    } .side-panel__column_1knox.side-panel__gap-32_1knox > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-32);
-    } .side-panel__start_38bfx {
+    } .side-panel__start_1knox {
     justify-content: flex-start;
-} .side-panel__center_38bfx {
+} .side-panel__center_1knox {
     justify-content: center;
-} .side-panel__space-between_38bfx {
+} .side-panel__space-between_1knox {
     justify-content: space-between
-} .side-panel__space-between_38bfx > * {
+} .side-panel__space-between_1knox > * {
         flex: 1;
-    } .side-panel__start_38bfx,
-.side-panel__center_38bfx,
-.side-panel__space-between_38bfx {
+    } .side-panel__start_1knox,
+.side-panel__center_1knox,
+.side-panel__space-between_1knox {
     display: flex
-} .side-panel__start_38bfx > *:not(:last-child):not(:only-child), .side-panel__center_38bfx > *:not(:last-child):not(:only-child), .side-panel__space-between_38bfx > *:not(:last-child):not(:only-child) {
+} .side-panel__start_1knox > *:not(:last-child):not(:only-child), .side-panel__center_1knox > *:not(:last-child):not(:only-child), .side-panel__space-between_1knox > *:not(:last-child):not(:only-child) {
         margin-right: var(--side-panel-footer-default-gap);
-    } .side-panel__start_38bfx.side-panel__gap-16_38bfx > *:not(:last-child):not(:only-child), .side-panel__center_38bfx.side-panel__gap-16_38bfx > *:not(:last-child):not(:only-child), .side-panel__space-between_38bfx.side-panel__gap-16_38bfx > *:not(:last-child):not(:only-child) {
+    } .side-panel__start_1knox.side-panel__gap-16_1knox > *:not(:last-child):not(:only-child), .side-panel__center_1knox.side-panel__gap-16_1knox > *:not(:last-child):not(:only-child), .side-panel__space-between_1knox.side-panel__gap-16_1knox > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-16);
-    } .side-panel__start_38bfx.side-panel__gap-24_38bfx > *:not(:last-child):not(:only-child), .side-panel__center_38bfx.side-panel__gap-24_38bfx > *:not(:last-child):not(:only-child), .side-panel__space-between_38bfx.side-panel__gap-24_38bfx > *:not(:last-child):not(:only-child) {
+    } .side-panel__start_1knox.side-panel__gap-24_1knox > *:not(:last-child):not(:only-child), .side-panel__center_1knox.side-panel__gap-24_1knox > *:not(:last-child):not(:only-child), .side-panel__space-between_1knox.side-panel__gap-24_1knox > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-24);
-    } .side-panel__start_38bfx.side-panel__gap-32_38bfx > *:not(:last-child):not(:only-child), .side-panel__center_38bfx.side-panel__gap-32_38bfx > *:not(:last-child):not(:only-child), .side-panel__space-between_38bfx.side-panel__gap-32_38bfx > *:not(:last-child):not(:only-child) {
+    } .side-panel__start_1knox.side-panel__gap-32_1knox > *:not(:last-child):not(:only-child), .side-panel__center_1knox.side-panel__gap-32_1knox > *:not(:last-child):not(:only-child), .side-panel__space-between_1knox.side-panel__gap-32_1knox > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-32);
     }

package/side-panel/modern/components/footer/mobile.css

@@ -53,14 +53,14 @@
 
     /* paddings */
 }
-.side-panel__footer_c8l9w {
+.side-panel__footer_naj4p {
     padding: var(--gap-16)
 }
 @media (display-mode: standalone) {
-.side-panel__footer_c8l9w {
+.side-panel__footer_naj4p {
         padding-bottom: calc(var(--sab) + var(--gap-16))
 }
     }
-.side-panel__sticky_c8l9w {
+.side-panel__sticky_naj4p {
     bottom: var(--gap-0);
 }

package/side-panel/modern/components/header/Component.js

@@ -7,13 +7,13 @@ import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
 import '../../../../base-modal/modern';
 
-const desktopStyles = {"content":"side-panel__content_11232","size-500":"side-panel__size-500_11232","sticky":"side-panel__sticky_11232"};
+const desktopStyles = {"content":"side-panel__content_1fr12","size-500":"side-panel__size-500_1fr12","sticky":"side-panel__sticky_1fr12"};
 require('./desktop.css');
 
-const styles = {"header":"side-panel__header_1o0sr","hasContent":"side-panel__hasContent_1o0sr","highlighted":"side-panel__highlighted_1o0sr","sticky":"side-panel__sticky_1o0sr","backgroundImage":"side-panel__backgroundImage_1o0sr","content":"side-panel__content_1o0sr","title":"side-panel__title_1o0sr","addon":"side-panel__addon_1o0sr","closer":"side-panel__closer_1o0sr","right":"side-panel__right_1o0sr","trim":"side-panel__trim_1o0sr"};
+const styles = {"header":"side-panel__header_1yp7q","hasContent":"side-panel__hasContent_1yp7q","highlighted":"side-panel__highlighted_1yp7q","sticky":"side-panel__sticky_1yp7q","backgroundImage":"side-panel__backgroundImage_1yp7q","content":"side-panel__content_1yp7q","title":"side-panel__title_1yp7q","addon":"side-panel__addon_1yp7q","closer":"side-panel__closer_1yp7q","right":"side-panel__right_1yp7q","trim":"side-panel__trim_1yp7q"};
 require('./index.css');
 
-const mobileStyles = {"header":"side-panel__header_1usio","sticky":"side-panel__sticky_1usio","content":"side-panel__content_1usio"};
+const mobileStyles = {"header":"side-panel__header_nvhhf","sticky":"side-panel__sticky_nvhhf","content":"side-panel__content_nvhhf"};
 require('./mobile.css');
 
 const Header = ({ className, children, contentClassName, title, sticky, hasCloser = true, ...restProps }) => {

package/side-panel/modern/components/header/desktop.css

@@ -47,15 +47,15 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__content_11232 {
+} .side-panel__content_1fr12 {
     font-weight: var(--side-panel-header-desktop-font-weight);
     font-family: var(--side-panel-header-desktop-font-family);
-} .side-panel__size-500_11232 .side-panel__content_11232 {
+} .side-panel__size-500_1fr12 .side-panel__content_1fr12 {
     padding: var(--side-panel-s-header-desktop-content-paddings);
     font-size: var(--side-panel-s-header-desktop-font-size);
     line-height: var(--side-panel-s-header-desktop-line-height);
-} .side-panel__size-500_11232 {
+} .side-panel__size-500_1fr12 {
     padding: var(--side-panel-s-header-paddings);
-} .side-panel__sticky_11232 {
+} .side-panel__sticky_1fr12 {
     top: var(--gap-0);
 }

package/side-panel/modern/components/header/index.css

@@ -39,42 +39,42 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__header_1o0sr {
+} .side-panel__header_1yp7q {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .side-panel__header_1o0sr:not(.side-panel__hasContent_1o0sr) {
+} .side-panel__header_1yp7q:not(.side-panel__hasContent_1yp7q) {
         pointer-events: none;
-    } .side-panel__highlighted_1o0sr {
+    } .side-panel__highlighted_1yp7q {
     background: var(--side-panel-header-highlight-background);
     box-shadow: var(--side-panel-header-highlight-box-shadow);
-} .side-panel__sticky_1o0sr {
+} .side-panel__sticky_1yp7q {
     position: sticky;
     z-index: 1
-} .side-panel__sticky_1o0sr.side-panel__hasContent_1o0sr {
+} .side-panel__sticky_1yp7q.side-panel__hasContent_1yp7q {
         background: var(--side-panel-header-background);
-    } .side-panel__header_1o0sr.side-panel__backgroundImage_1o0sr {
+    } .side-panel__header_1yp7q.side-panel__backgroundImage_1yp7q {
     background: center no-repeat;
     background-size: cover;
-} .side-panel__content_1o0sr {
+} .side-panel__content_1yp7q {
     flex-grow: 1;
-} .side-panel__title_1o0sr {
+} .side-panel__title_1yp7q {
     word-break: break-word;
-} .side-panel__addon_1o0sr {
+} .side-panel__addon_1yp7q {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-} .side-panel__closer_1o0sr {
+} .side-panel__closer_1yp7q {
     margin-left: auto;
-} .side-panel__right_1o0sr {
+} .side-panel__right_1yp7q {
     justify-content: flex-end;
     text-align: right;
-} .side-panel__trim_1o0sr {
+} .side-panel__trim_1yp7q {
     overflow: hidden
-} .side-panel__trim_1o0sr .side-panel__title_1o0sr {
+} .side-panel__trim_1yp7q .side-panel__title_1yp7q {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/side-panel/modern/components/header/mobile.css

@@ -67,18 +67,18 @@
     --side-panel-header-mobile-paddings: var(--side-panel-header-mobile-top-padding) var(--gap-8)
         var(--gap-4) var(--gap-8);
 }
-.side-panel__header_1usio {
+.side-panel__header_nvhhf {
     padding: var(--side-panel-header-mobile-paddings)
 }
 @media (display-mode: standalone) {
-.side-panel__header_1usio {
+.side-panel__header_nvhhf {
         padding-top: calc(var(--sat) + var(--side-panel-header-mobile-top-padding))
 }
     }
-.side-panel__sticky_1usio {
+.side-panel__sticky_nvhhf {
     top: var(--gap-0);
 }
-.side-panel__content_1usio {
+.side-panel__content_nvhhf {
     font-size: var(--side-panel-header-mobile-font-size);
     line-height: var(--side-panel-header-mobile-line-height);
     font-family: var(--side-panel-header-mobile-font-family);

package/side-panel/modern/desktop/Component.desktop.js

@@ -12,14 +12,14 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../../../base-modal/modern';
-import '../layout.module-35878631.js';
+import '../layout.module-b5f44106.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 
-const styles = {"size-500":"side-panel__size-500_rh3hf","hidden":"side-panel__hidden_rh3hf"};
+const styles = {"size-500":"side-panel__size-500_1lr62","hidden":"side-panel__hidden_1lr62"};
 require('./desktop.css');
 
-const transitions = {"enterRight":"side-panel__enterRight_1vn2j","enterLeft":"side-panel__enterLeft_1vn2j","enterActive":"side-panel__enterActive_1vn2j","exit":"side-panel__exit_1vn2j","exitActiveRight":"side-panel__exitActiveRight_1vn2j","exitActiveLeft":"side-panel__exitActiveLeft_1vn2j"};
+const transitions = {"enterRight":"side-panel__enterRight_3ndbb","enterLeft":"side-panel__enterLeft_3ndbb","enterActive":"side-panel__enterActive_3ndbb","exit":"side-panel__exit_3ndbb","exitActiveRight":"side-panel__exitActiveRight_3ndbb","exitActiveLeft":"side-panel__exitActiveLeft_3ndbb"};
 require('./transitions.desktop.css');
 
 const SidePanelDesktopComponent = forwardRef(({ size = 500, children, className, wrapperClassName, contentTransitionProps = {}, backdropProps, placement = 'right', dataTestId, ...restProps }, ref) => {

package/side-panel/modern/desktop/desktop.css

@@ -35,8 +35,8 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__size-500_rh3hf.side-panel__size-500_rh3hf {
+} .side-panel__size-500_1lr62.side-panel__size-500_1lr62 {
     width: var(--side-panel-s-width);
-} .side-panel__hidden_rh3hf {
+} .side-panel__hidden_1lr62 {
     overflow-x: hidden;
 }

package/side-panel/modern/desktop/index.js

@@ -8,7 +8,7 @@ import '../../../drawer/modern';
 import '../components/controls/Component.js';
 import '../../../shared/modern';
 import '../ResponsiveContext.js';
-import '../layout.module-35878631.js';
+import '../layout.module-b5f44106.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';

package/side-panel/modern/desktop/transitions.desktop.css

@@ -1,32 +1,32 @@
 /* hash: ta4lf */
-.side-panel__enterRight_1vn2j {
+.side-panel__enterRight_3ndbb {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_1vn2j {
+.side-panel__enterLeft_3ndbb {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_1vn2j {
+.side-panel__enterActive_3ndbb {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_1vn2j {
+.side-panel__exit_3ndbb {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_1vn2j {
+.side-panel__exitActiveRight_3ndbb {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_1vn2j {
+.side-panel__exitActiveLeft_3ndbb {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(-15px);

package/side-panel/modern/index.js

@@ -18,6 +18,6 @@ import '../../mq/modern';
 import '../../navigation-bar-private/modern';
 import '../../shared/modern';
 import './Context.js';
-import './layout.module-35878631.js';
+import './layout.module-b5f44106.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';

package/side-panel/modern/layout.module-b5f44106.js

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

package/side-panel/modern/mobile/Component.mobile.js

@@ -9,15 +9,15 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-35878631.js';
+import '../layout.module-b5f44106.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';
 
-const styles = {"component":"side-panel__component_1ji8c","content":"side-panel__content_1ji8c","mobileContent":"side-panel__mobileContent_1ji8c"};
+const styles = {"component":"side-panel__component_xvyq3","content":"side-panel__content_xvyq3","mobileContent":"side-panel__mobileContent_xvyq3"};
 require('./mobile.css');
 
-const transitions = {"appear":"side-panel__appear_k43mg","enter":"side-panel__enter_k43mg","appearActive":"side-panel__appearActive_k43mg","enterActive":"side-panel__enterActive_k43mg","exit":"side-panel__exit_k43mg","exitActive":"side-panel__exitActive_k43mg","exitDone":"side-panel__exitDone_k43mg"};
+const transitions = {"appear":"side-panel__appear_usily","enter":"side-panel__enter_usily","appearActive":"side-panel__appearActive_usily","enterActive":"side-panel__enterActive_usily","exit":"side-panel__exit_usily","exitActive":"side-panel__exitActive_usily","exitDone":"side-panel__exitDone_usily"};
 require('./transitions.mobile.css');
 
 const SidePanelMobileComponent = forwardRef(({ children, className, transitionProps, dataTestId, ...restProps }, ref) => {

package/side-panel/modern/mobile/index.js

@@ -8,7 +8,7 @@ import '../../../base-modal/modern';
 import '../components/controls/Component.js';
 import '../../../shared/modern';
 import '../ResponsiveContext.js';
-import '../layout.module-35878631.js';
+import '../layout.module-b5f44106.js';
 import '../components/content/Component.js';
 import '../Context.js';
 import '../components/footer/Component.js';

package/side-panel/modern/mobile/mobile.css

@@ -52,7 +52,7 @@
 
     /* paddings */
 }
-.side-panel__component_1ji8c {
+.side-panel__component_xvyq3 {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -60,17 +60,17 @@
     overflow-y: auto;
     max-width: 600px;
 }
-.side-panel__component_1ji8c.side-panel__component_1ji8c {
+.side-panel__component_xvyq3.side-panel__component_xvyq3 {
     position: fixed;
     flex: 1;
 }
 @media (display-mode: standalone) {
-.side-panel__content_1ji8c {
+.side-panel__content_xvyq3 {
         padding-top: var(--sat);
         padding-bottom: var(--sab)
 }
     }
-.side-panel__mobileContent_1ji8c {
+.side-panel__mobileContent_xvyq3 {
     display: flex;
     flex-direction: column;
     width: 100%;

package/side-panel/modern/mobile/transitions.mobile.css

@@ -1,24 +1,24 @@
 /* hash: 13ux9 */
-.side-panel__appear_k43mg,
-.side-panel__enter_k43mg {
+.side-panel__appear_usily,
+.side-panel__enter_usily {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_k43mg,
-.side-panel__enterActive_k43mg {
+.side-panel__appearActive_usily,
+.side-panel__enterActive_usily {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_k43mg {
+.side-panel__exit_usily {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_k43mg,
-.side-panel__exitDone_k43mg {
+.side-panel__exitActive_usily,
+.side-panel__exitDone_usily {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;