@alfalab/core-components 48.26.0-beta.1 → 48.26.0

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

@@ -10,15 +10,15 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-57dfa099.js';
+import '../layout.module-fd304f42.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/esm';
 import '../consts.js';
 
-var styles = {"component":"side-panel__component_81ctx","content":"side-panel__content_81ctx","mobileContent":"side-panel__mobileContent_81ctx"};
+var styles = {"component":"side-panel__component_gq8hl","content":"side-panel__content_gq8hl","mobileContent":"side-panel__mobileContent_gq8hl"};
 require('./mobile.css');
 
-var transitions = {"appear":"side-panel__appear_1bt9n","enter":"side-panel__enter_1bt9n","appearActive":"side-panel__appearActive_1bt9n","enterActive":"side-panel__enterActive_1bt9n","exit":"side-panel__exit_1bt9n","exitActive":"side-panel__exitActive_1bt9n","exitDone":"side-panel__exitDone_1bt9n"};
+var transitions = {"appear":"side-panel__appear_ytuvb","enter":"side-panel__enter_ytuvb","appearActive":"side-panel__appearActive_ytuvb","enterActive":"side-panel__enterActive_ytuvb","exit":"side-panel__exit_ytuvb","exitActive":"side-panel__exitActive_ytuvb","exitDone":"side-panel__exitDone_ytuvb"};
 require('./transitions.mobile.css');
 
 var SidePanelMobileComponent = forwardRef(function (_a, ref) {

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

@@ -9,7 +9,7 @@ import '../../../base-modal/esm';
 import '../components/controls/Component.js';
 import '../../../shared/esm';
 import '../ResponsiveContext.js';
-import '../layout.module-57dfa099.js';
+import '../layout.module-fd304f42.js';
 import '../components/content/Component.js';
 import '../Context.js';
 import '../components/footer/Component.js';

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

@@ -52,7 +52,7 @@
 
     /* paddings */
 }
-.side-panel__component_81ctx {
+.side-panel__component_gq8hl {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -60,17 +60,17 @@
     overflow-y: auto;
     max-width: 600px;
 }
-.side-panel__component_81ctx.side-panel__component_81ctx {
+.side-panel__component_gq8hl.side-panel__component_gq8hl {
     position: fixed;
     flex: 1;
 }
 @media (display-mode: standalone) {
-.side-panel__content_81ctx {
+.side-panel__content_gq8hl {
         padding-top: var(--sat);
         padding-bottom: var(--sab)
 }
     }
-.side-panel__mobileContent_81ctx {
+.side-panel__mobileContent_gq8hl {
     display: flex;
     flex-direction: column;
     width: 100%;

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

@@ -1,24 +1,24 @@
 /* hash: 1uxc6 */
-.side-panel__appear_1bt9n,
-.side-panel__enter_1bt9n {
+.side-panel__appear_ytuvb,
+.side-panel__enter_ytuvb {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_1bt9n,
-.side-panel__enterActive_1bt9n {
+.side-panel__appearActive_ytuvb,
+.side-panel__enterActive_ytuvb {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_1bt9n {
+.side-panel__exit_ytuvb {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_1bt9n,
-.side-panel__exitDone_1bt9n {
+.side-panel__exitActive_ytuvb,
+.side-panel__exitDone_ytuvb {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/side-panel/layout.module-68b20903.js

@@ -0,0 +1,4 @@
+var layoutStyles = {"column":"side-panel__column_11ns7","gap-16":"side-panel__gap-16_11ns7","gap-24":"side-panel__gap-24_11ns7","gap-32":"side-panel__gap-32_11ns7","start":"side-panel__start_11ns7","center":"side-panel__center_11ns7","space-between":"side-panel__space-between_11ns7"};
+require('./components/footer/layout.css');
+
+exports.layoutStyles = layoutStyles;

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

@@ -15,10 +15,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"side-panel__component_81ctx","content":"side-panel__content_81ctx","mobileContent":"side-panel__mobileContent_81ctx"};
+var styles = {"component":"side-panel__component_gq8hl","content":"side-panel__content_gq8hl","mobileContent":"side-panel__mobileContent_gq8hl"};
 require('./mobile.css');
 
-var transitions = {"appear":"side-panel__appear_1bt9n","enter":"side-panel__enter_1bt9n","appearActive":"side-panel__appearActive_1bt9n","enterActive":"side-panel__enterActive_1bt9n","exit":"side-panel__exit_1bt9n","exitActive":"side-panel__exitActive_1bt9n","exitDone":"side-panel__exitDone_1bt9n"};
+var transitions = {"appear":"side-panel__appear_ytuvb","enter":"side-panel__enter_ytuvb","appearActive":"side-panel__appearActive_ytuvb","enterActive":"side-panel__enterActive_ytuvb","exit":"side-panel__exit_ytuvb","exitActive":"side-panel__exitActive_ytuvb","exitDone":"side-panel__exitDone_ytuvb"};
 require('./transitions.mobile.css');
 
 var SidePanelMobileComponent = React.forwardRef(function (_a, ref) {

package/side-panel/mobile/mobile.css

@@ -52,7 +52,7 @@
 
     /* paddings */
 }
-.side-panel__component_81ctx {
+.side-panel__component_gq8hl {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -60,17 +60,17 @@
     overflow-y: auto;
     max-width: 600px;
 }
-.side-panel__component_81ctx.side-panel__component_81ctx {
+.side-panel__component_gq8hl.side-panel__component_gq8hl {
     position: fixed;
     flex: 1;
 }
 @media (display-mode: standalone) {
-.side-panel__content_81ctx {
+.side-panel__content_gq8hl {
         padding-top: var(--sat);
         padding-bottom: var(--sab)
 }
     }
-.side-panel__mobileContent_81ctx {
+.side-panel__mobileContent_gq8hl {
     display: flex;
     flex-direction: column;
     width: 100%;

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

@@ -1,24 +1,24 @@
 /* hash: 1uxc6 */
-.side-panel__appear_1bt9n,
-.side-panel__enter_1bt9n {
+.side-panel__appear_ytuvb,
+.side-panel__enter_ytuvb {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_1bt9n,
-.side-panel__enterActive_1bt9n {
+.side-panel__appearActive_ytuvb,
+.side-panel__enterActive_ytuvb {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_1bt9n {
+.side-panel__exit_ytuvb {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_1bt9n,
-.side-panel__exitDone_1bt9n {
+.side-panel__exitActive_ytuvb,
+.side-panel__exitDone_ytuvb {
     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-727ebbe0.js';
+import './layout.module-7400bc90.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_cgl5m"};
+const styles = {"size-500":"side-panel__size-500_1irv9"};
 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_7hcji","withHeader":"side-panel__withHeader_7hcji","flex":"side-panel__flex_7hcji"};
+const styles = {"content":"side-panel__content_1dsmn","withHeader":"side-panel__withHeader_1dsmn","flex":"side-panel__flex_1dsmn"};
 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_1e037"};
+const styles = {"content":"side-panel__content_1aljv"};
 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_cgl5m {
+} .side-panel__size-500_1irv9 {
     padding: var(--side-panel-s-content-paddings)
-} .side-panel__size-500_cgl5m:last-child {
+} .side-panel__size-500_1irv9:last-child {
         padding-bottom: var(--gap-32);
     }

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

@@ -35,13 +35,13 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__content_7hcji {
+} .side-panel__content_1dsmn {
     position: relative;
     box-sizing: border-box;
     width: 100%;
     z-index: 0
-} .side-panel__content_7hcji.side-panel__withHeader_7hcji {
+} .side-panel__content_1dsmn.side-panel__withHeader_1dsmn {
         padding-top: var(--gap-0);
-    } .side-panel__flex_7hcji {
+    } .side-panel__flex_1dsmn {
     flex: 1 1 auto;
 }

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

@@ -37,8 +37,8 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__content_1e037 {
+} .side-panel__content_1aljv {
     padding: var(--gap-16) var(--gap-16) var(--gap-0)
-} .side-panel__content_1e037:last-child {
+} .side-panel__content_1aljv: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-727ebbe0.js';
+import { l as layoutStyles } from '../../layout.module-7400bc90.js';
 
-const styles = {"component":"side-panel__component_1l5kt"};
+const styles = {"component":"side-panel__component_18toz"};
 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: wdhds */
-.side-panel__component_1l5kt {
+.side-panel__component_18toz {
     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-727ebbe0.js';
+import '../../layout.module-7400bc90.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-727ebbe0.js';
+import '../../layout.module-7400bc90.js';
 
-const styles = {"sticky":"side-panel__sticky_tqgl5","size-500":"side-panel__size-500_tqgl5"};
+const styles = {"sticky":"side-panel__sticky_12fc8","size-500":"side-panel__size-500_12fc8"};
 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-727ebbe0.js';
+import { l as layoutStyles } from '../../layout.module-7400bc90.js';
 import '../../../../base-modal/modern';
 
-const styles = {"footer":"side-panel__footer_3rfrl","sticky":"side-panel__sticky_3rfrl","highlighted":"side-panel__highlighted_3rfrl"};
+const styles = {"footer":"side-panel__footer_cgbf9","sticky":"side-panel__sticky_cgbf9","highlighted":"side-panel__highlighted_cgbf9"};
 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-727ebbe0.js';
+import '../../layout.module-7400bc90.js';
 
-const styles = {"footer":"side-panel__footer_1dp1n","sticky":"side-panel__sticky_1dp1n"};
+const styles = {"footer":"side-panel__footer_1q0xh","sticky":"side-panel__sticky_1q0xh"};
 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_tqgl5 {
+} .side-panel__sticky_12fc8 {
     bottom: var(--gap-0);
-} .side-panel__size-500_tqgl5 {
+} .side-panel__size-500_12fc8 {
     padding: var(--side-panel-s-footer-paddings);
 }

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

@@ -39,15 +39,15 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__footer_3rfrl {
+} .side-panel__footer_cgbf9 {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
-} .side-panel__sticky_3rfrl {
+} .side-panel__sticky_cgbf9 {
     background: var(--side-panel-footer-background);
     position: sticky;
     z-index: 1;
-} .side-panel__highlighted_3rfrl {
+} .side-panel__highlighted_cgbf9 {
     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_sywjg {
+} .side-panel__column_11ns7 {
     display: flex;
     flex-direction: column
-} .side-panel__column_sywjg > *:not(:last-child):not(:only-child) {
+} .side-panel__column_11ns7 > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--side-panel-footer-default-gap);
-    } .side-panel__column_sywjg.side-panel__gap-16_sywjg > *:not(:last-child):not(:only-child) {
+    } .side-panel__column_11ns7.side-panel__gap-16_11ns7 > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-16);
-    } .side-panel__column_sywjg.side-panel__gap-24_sywjg > *:not(:last-child):not(:only-child) {
+    } .side-panel__column_11ns7.side-panel__gap-24_11ns7 > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-24);
-    } .side-panel__column_sywjg.side-panel__gap-32_sywjg > *:not(:last-child):not(:only-child) {
+    } .side-panel__column_11ns7.side-panel__gap-32_11ns7 > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-32);
-    } .side-panel__start_sywjg {
+    } .side-panel__start_11ns7 {
     justify-content: flex-start;
-} .side-panel__center_sywjg {
+} .side-panel__center_11ns7 {
     justify-content: center;
-} .side-panel__space-between_sywjg {
+} .side-panel__space-between_11ns7 {
     justify-content: space-between
-} .side-panel__space-between_sywjg > * {
+} .side-panel__space-between_11ns7 > * {
         flex: 1;
-    } .side-panel__start_sywjg,
-.side-panel__center_sywjg,
-.side-panel__space-between_sywjg {
+    } .side-panel__start_11ns7,
+.side-panel__center_11ns7,
+.side-panel__space-between_11ns7 {
     display: flex
-} .side-panel__start_sywjg > *:not(:last-child):not(:only-child), .side-panel__center_sywjg > *:not(:last-child):not(:only-child), .side-panel__space-between_sywjg > *:not(:last-child):not(:only-child) {
+} .side-panel__start_11ns7 > *:not(:last-child):not(:only-child), .side-panel__center_11ns7 > *:not(:last-child):not(:only-child), .side-panel__space-between_11ns7 > *:not(:last-child):not(:only-child) {
         margin-right: var(--side-panel-footer-default-gap);
-    } .side-panel__start_sywjg.side-panel__gap-16_sywjg > *:not(:last-child):not(:only-child), .side-panel__center_sywjg.side-panel__gap-16_sywjg > *:not(:last-child):not(:only-child), .side-panel__space-between_sywjg.side-panel__gap-16_sywjg > *:not(:last-child):not(:only-child) {
+    } .side-panel__start_11ns7.side-panel__gap-16_11ns7 > *:not(:last-child):not(:only-child), .side-panel__center_11ns7.side-panel__gap-16_11ns7 > *:not(:last-child):not(:only-child), .side-panel__space-between_11ns7.side-panel__gap-16_11ns7 > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-16);
-    } .side-panel__start_sywjg.side-panel__gap-24_sywjg > *:not(:last-child):not(:only-child), .side-panel__center_sywjg.side-panel__gap-24_sywjg > *:not(:last-child):not(:only-child), .side-panel__space-between_sywjg.side-panel__gap-24_sywjg > *:not(:last-child):not(:only-child) {
+    } .side-panel__start_11ns7.side-panel__gap-24_11ns7 > *:not(:last-child):not(:only-child), .side-panel__center_11ns7.side-panel__gap-24_11ns7 > *:not(:last-child):not(:only-child), .side-panel__space-between_11ns7.side-panel__gap-24_11ns7 > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-24);
-    } .side-panel__start_sywjg.side-panel__gap-32_sywjg > *:not(:last-child):not(:only-child), .side-panel__center_sywjg.side-panel__gap-32_sywjg > *:not(:last-child):not(:only-child), .side-panel__space-between_sywjg.side-panel__gap-32_sywjg > *:not(:last-child):not(:only-child) {
+    } .side-panel__start_11ns7.side-panel__gap-32_11ns7 > *:not(:last-child):not(:only-child), .side-panel__center_11ns7.side-panel__gap-32_11ns7 > *:not(:last-child):not(:only-child), .side-panel__space-between_11ns7.side-panel__gap-32_11ns7 > *: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_1dp1n {
+.side-panel__footer_1q0xh {
     padding: var(--gap-16)
 }
 @media (display-mode: standalone) {
-.side-panel__footer_1dp1n {
-        padding-bottom: var(--sab)
+.side-panel__footer_1q0xh {
+        padding-bottom: calc(var(--sab) + var(--gap-16))
 }
     }
-.side-panel__sticky_1dp1n {
+.side-panel__sticky_1q0xh {
     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_1uxlm","size-500":"side-panel__size-500_1uxlm","sticky":"side-panel__sticky_1uxlm"};
+const desktopStyles = {"content":"side-panel__content_1hy6u","size-500":"side-panel__size-500_1hy6u","sticky":"side-panel__sticky_1hy6u"};
 require('./desktop.css');
 
-const styles = {"header":"side-panel__header_gouq3","hasContent":"side-panel__hasContent_gouq3","highlighted":"side-panel__highlighted_gouq3","sticky":"side-panel__sticky_gouq3","backgroundImage":"side-panel__backgroundImage_gouq3","content":"side-panel__content_gouq3","title":"side-panel__title_gouq3","addon":"side-panel__addon_gouq3","closer":"side-panel__closer_gouq3","right":"side-panel__right_gouq3","trim":"side-panel__trim_gouq3"};
+const styles = {"header":"side-panel__header_3pfy1","hasContent":"side-panel__hasContent_3pfy1","highlighted":"side-panel__highlighted_3pfy1","sticky":"side-panel__sticky_3pfy1","backgroundImage":"side-panel__backgroundImage_3pfy1","content":"side-panel__content_3pfy1","title":"side-panel__title_3pfy1","addon":"side-panel__addon_3pfy1","closer":"side-panel__closer_3pfy1","right":"side-panel__right_3pfy1","trim":"side-panel__trim_3pfy1"};
 require('./index.css');
 
-const mobileStyles = {"header":"side-panel__header_hioix","sticky":"side-panel__sticky_hioix","content":"side-panel__content_hioix"};
+const mobileStyles = {"header":"side-panel__header_tukcp","sticky":"side-panel__sticky_tukcp","content":"side-panel__content_tukcp"};
 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_1uxlm {
+} .side-panel__content_1hy6u {
     font-weight: var(--side-panel-header-desktop-font-weight);
     font-family: var(--side-panel-header-desktop-font-family);
-} .side-panel__size-500_1uxlm .side-panel__content_1uxlm {
+} .side-panel__size-500_1hy6u .side-panel__content_1hy6u {
     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_1uxlm {
+} .side-panel__size-500_1hy6u {
     padding: var(--side-panel-s-header-paddings);
-} .side-panel__sticky_1uxlm {
+} .side-panel__sticky_1hy6u {
     top: var(--gap-0);
 }

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

@@ -39,42 +39,42 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__header_gouq3 {
+} .side-panel__header_3pfy1 {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .side-panel__header_gouq3:not(.side-panel__hasContent_gouq3) {
+} .side-panel__header_3pfy1:not(.side-panel__hasContent_3pfy1) {
         pointer-events: none;
-    } .side-panel__highlighted_gouq3 {
+    } .side-panel__highlighted_3pfy1 {
     background: var(--side-panel-header-highlight-background);
     box-shadow: var(--side-panel-header-highlight-box-shadow);
-} .side-panel__sticky_gouq3 {
+} .side-panel__sticky_3pfy1 {
     position: sticky;
     z-index: 1
-} .side-panel__sticky_gouq3.side-panel__hasContent_gouq3 {
+} .side-panel__sticky_3pfy1.side-panel__hasContent_3pfy1 {
         background: var(--side-panel-header-background);
-    } .side-panel__header_gouq3.side-panel__backgroundImage_gouq3 {
+    } .side-panel__header_3pfy1.side-panel__backgroundImage_3pfy1 {
     background: center no-repeat;
     background-size: cover;
-} .side-panel__content_gouq3 {
+} .side-panel__content_3pfy1 {
     flex-grow: 1;
-} .side-panel__title_gouq3 {
+} .side-panel__title_3pfy1 {
     word-break: break-word;
-} .side-panel__addon_gouq3 {
+} .side-panel__addon_3pfy1 {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-} .side-panel__closer_gouq3 {
+} .side-panel__closer_3pfy1 {
     margin-left: auto;
-} .side-panel__right_gouq3 {
+} .side-panel__right_3pfy1 {
     justify-content: flex-end;
     text-align: right;
-} .side-panel__trim_gouq3 {
+} .side-panel__trim_3pfy1 {
     overflow: hidden
-} .side-panel__trim_gouq3 .side-panel__title_gouq3 {
+} .side-panel__trim_3pfy1 .side-panel__title_3pfy1 {
         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_hioix {
+.side-panel__header_tukcp {
     padding: var(--side-panel-header-mobile-paddings)
 }
 @media (display-mode: standalone) {
-.side-panel__header_hioix {
+.side-panel__header_tukcp {
         padding-top: calc(var(--sat) + var(--side-panel-header-mobile-top-padding))
 }
     }
-.side-panel__sticky_hioix {
+.side-panel__sticky_tukcp {
     top: var(--gap-0);
 }
-.side-panel__content_hioix {
+.side-panel__content_tukcp {
     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-727ebbe0.js';
+import '../layout.module-7400bc90.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 
-const styles = {"size-500":"side-panel__size-500_17w5o","hidden":"side-panel__hidden_17w5o"};
+const styles = {"size-500":"side-panel__size-500_14hmc","hidden":"side-panel__hidden_14hmc"};
 require('./desktop.css');
 
-const transitions = {"enterRight":"side-panel__enterRight_vw2bq","enterLeft":"side-panel__enterLeft_vw2bq","enterActive":"side-panel__enterActive_vw2bq","exit":"side-panel__exit_vw2bq","exitActiveRight":"side-panel__exitActiveRight_vw2bq","exitActiveLeft":"side-panel__exitActiveLeft_vw2bq"};
+const transitions = {"enterRight":"side-panel__enterRight_187y5","enterLeft":"side-panel__enterLeft_187y5","enterActive":"side-panel__enterActive_187y5","exit":"side-panel__exit_187y5","exitActiveRight":"side-panel__exitActiveRight_187y5","exitActiveLeft":"side-panel__exitActiveLeft_187y5"};
 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_17w5o.side-panel__size-500_17w5o {
+} .side-panel__size-500_14hmc.side-panel__size-500_14hmc {
     width: var(--side-panel-s-width);
-} .side-panel__hidden_17w5o {
+} .side-panel__hidden_14hmc {
     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-727ebbe0.js';
+import '../layout.module-7400bc90.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';