@alfalab/core-components 34.0.1-beta.0 → 35.0.0-beta.0

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

@@ -3,10 +3,10 @@ import cn from 'classnames';
 import '../../../../base-modal/modern';
 import { ModalContext } from '../../Context.js';
 
-var styles = {"footer":"side-panel__footer_1bsby","sticky":"side-panel__sticky_1bsby","highlighted":"side-panel__highlighted_1bsby"};
+var styles = {"footer":"side-panel__footer_1oqh9","sticky":"side-panel__sticky_1oqh9","highlighted":"side-panel__highlighted_1oqh9"};
 require('./index.css');
 
-var layoutStyles = {"column":"side-panel__column_g1mpm","gap-16":"side-panel__gap-16_g1mpm","gap-24":"side-panel__gap-24_g1mpm","gap-32":"side-panel__gap-32_g1mpm","start":"side-panel__start_g1mpm","center":"side-panel__center_g1mpm","space-between":"side-panel__space-between_g1mpm"};
+var layoutStyles = {"column":"side-panel__column_szrzt","gap-16":"side-panel__gap-16_szrzt","gap-24":"side-panel__gap-24_szrzt","gap-32":"side-panel__gap-32_szrzt","start":"side-panel__start_szrzt","center":"side-panel__center_szrzt","space-between":"side-panel__space-between_szrzt"};
 require('./layout.css');
 
 const Footer = ({ children, className, sticky, layout = 'start', gap, dataTestId, }) => {

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

@@ -4,11 +4,11 @@ import '../../../../base-modal/modern';
 import '../../Context.js';
 import { Footer } from './Component.js';
 
-var styles = {"footer":"side-panel__footer_11lxq","sticky":"side-panel__sticky_11lxq"};
+var styles = {"footer":"side-panel__footer_4yeuw","sticky":"side-panel__sticky_4yeuw"};
 require('./mobile.css');
 
-const FooterMobile = ({ className, sticky, ...restProps }) => (React.createElement(Footer, Object.assign({ className: cn(className, styles.footer, {
+const FooterMobile = ({ className, sticky, ...restProps }) => (React.createElement(Footer, { className: cn(className, styles.footer, {
         [styles.sticky]: sticky,
-    }), sticky: sticky }, restProps)));
+    }), sticky: sticky, ...restProps }));
 
 export { FooterMobile };

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

@@ -1,4 +1,4 @@
-/* hash: 11kiy */
+/* hash: z12x6 */
 :root {
 
     /* Hard */
@@ -24,9 +24,9 @@
 
     /* mobile */
 }
-.side-panel__sticky_1eoxc {
+.side-panel__sticky_1rn2n {
     bottom: 0;
 }
-.side-panel__s_1eoxc {
+.side-panel__s_1rn2n {
     padding: var(--side-panel-s-footer-paddings);
 }

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

@@ -1,4 +1,4 @@
-/* hash: ftn6o */
+/* hash: da74z */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -26,17 +26,17 @@
 
     /* mobile */
 }
-.side-panel__footer_1bsby {
+.side-panel__footer_1oqh9 {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
 }
-.side-panel__sticky_1bsby {
+.side-panel__sticky_1oqh9 {
     background: var(--side-panel-footer-background);
     position: sticky;
     z-index: 1;
 }
-.side-panel__highlighted_1bsby {
+.side-panel__highlighted_1oqh9 {
     background: var(--side-panel-footer-highlight-background);
     box-shadow: var(--side-panel-footer-highlight-box-shadow);
 }

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

@@ -1,4 +1,4 @@
-/* hash: 28rc7 */
+/* hash: 1yqfc */
 :root {
 
     /* Hard */
@@ -25,60 +25,60 @@
 
     /* mobile */
 }
-.side-panel__column_g1mpm {
+.side-panel__column_szrzt {
     display: flex;
     flex-direction: column
 }
-.side-panel__column_g1mpm > * {
+.side-panel__column_szrzt > * {
         margin-bottom: var(--side-panel-footer-default-gap);
     }
-.side-panel__column_g1mpm > *:last-child,
-    .side-panel__column_g1mpm > *:only-child {
+.side-panel__column_szrzt > *:last-child,
+    .side-panel__column_szrzt > *:only-child {
         margin-bottom: 0;
     }
-.side-panel__column_g1mpm.side-panel__gap-16_g1mpm > * {
+.side-panel__column_szrzt.side-panel__gap-16_szrzt > * {
         margin-bottom: var(--gap-m);
     }
-.side-panel__column_g1mpm.side-panel__gap-24_g1mpm > * {
+.side-panel__column_szrzt.side-panel__gap-24_szrzt > * {
         margin-bottom: var(--gap-xl);
     }
-.side-panel__column_g1mpm.side-panel__gap-32_g1mpm > * {
+.side-panel__column_szrzt.side-panel__gap-32_szrzt > * {
         margin-bottom: var(--gap-2xl);
     }
-.side-panel__start_g1mpm {
+.side-panel__start_szrzt {
     justify-content: flex-start;
 }
-.side-panel__center_g1mpm {
+.side-panel__center_szrzt {
     justify-content: center;
 }
-.side-panel__space-between_g1mpm {
+.side-panel__space-between_szrzt {
     justify-content: space-between
 }
-.side-panel__space-between_g1mpm > * {
+.side-panel__space-between_szrzt > * {
         flex: 1;
     }
-.side-panel__start_g1mpm,
-.side-panel__center_g1mpm,
-.side-panel__space-between_g1mpm {
+.side-panel__start_szrzt,
+.side-panel__center_szrzt,
+.side-panel__space-between_szrzt {
     display: flex
 }
-.side-panel__start_g1mpm > *, .side-panel__center_g1mpm > *, .side-panel__space-between_g1mpm > * {
+.side-panel__start_szrzt > *, .side-panel__center_szrzt > *, .side-panel__space-between_szrzt > * {
         margin-right: var(--side-panel-footer-default-gap);
     }
-.side-panel__start_g1mpm > *:last-child,
-    .side-panel__start_g1mpm > *:only-child,
-    .side-panel__center_g1mpm > *:last-child,
-    .side-panel__center_g1mpm > *:only-child,
-    .side-panel__space-between_g1mpm > *:last-child,
-    .side-panel__space-between_g1mpm > *:only-child {
+.side-panel__start_szrzt > *:last-child,
+    .side-panel__start_szrzt > *:only-child,
+    .side-panel__center_szrzt > *:last-child,
+    .side-panel__center_szrzt > *:only-child,
+    .side-panel__space-between_szrzt > *:last-child,
+    .side-panel__space-between_szrzt > *:only-child {
         margin-right: 0;
     }
-.side-panel__start_g1mpm.side-panel__gap-16_g1mpm > *, .side-panel__center_g1mpm.side-panel__gap-16_g1mpm > *, .side-panel__space-between_g1mpm.side-panel__gap-16_g1mpm > * {
+.side-panel__start_szrzt.side-panel__gap-16_szrzt > *, .side-panel__center_szrzt.side-panel__gap-16_szrzt > *, .side-panel__space-between_szrzt.side-panel__gap-16_szrzt > * {
         margin-right: var(--gap-m);
     }
-.side-panel__start_g1mpm.side-panel__gap-24_g1mpm > *, .side-panel__center_g1mpm.side-panel__gap-24_g1mpm > *, .side-panel__space-between_g1mpm.side-panel__gap-24_g1mpm > * {
+.side-panel__start_szrzt.side-panel__gap-24_szrzt > *, .side-panel__center_szrzt.side-panel__gap-24_szrzt > *, .side-panel__space-between_szrzt.side-panel__gap-24_szrzt > * {
         margin-right: var(--gap-xl);
     }
-.side-panel__start_g1mpm.side-panel__gap-32_g1mpm > *, .side-panel__center_g1mpm.side-panel__gap-32_g1mpm > *, .side-panel__space-between_g1mpm.side-panel__gap-32_g1mpm > * {
+.side-panel__start_szrzt.side-panel__gap-32_szrzt > *, .side-panel__center_szrzt.side-panel__gap-32_szrzt > *, .side-panel__space-between_szrzt.side-panel__gap-32_szrzt > * {
         margin-right: var(--gap-2xl);
     }

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

@@ -1,4 +1,4 @@
-/* hash: jgyak */
+/* hash: 3l1rh */
 :root {
 
     /* Hard */
@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.side-panel__footer_11lxq {
+.side-panel__footer_4yeuw {
     padding: var(--gap-m);
 }
-.side-panel__sticky_11lxq {
+.side-panel__sticky_4yeuw {
     bottom: 0;
 }

package/side-panel/modern/components/header/Component.desktop.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { ElementType, FC } from 'react';
 import { HeaderProps } from "./Component";
 type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
     /**
@@ -9,6 +9,10 @@ type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
      * Наличие крестика
      */
     hasCloser?: boolean;
+    /**
+     * Иконка closer.
+     */
+    closerIcon?: ElementType;
 };
 declare const HeaderDesktop: FC<HeaderDesktopProps>;
 export { HeaderDesktopProps, HeaderDesktop };

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

@@ -1,21 +1,21 @@
 import React from 'react';
 import cn from 'classnames';
-import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
 import '../../../../base-modal/modern';
 import '../../Context.js';
-import { Header } from './Component.js';
 import '../../../../icon-button/modern';
 import { Closer } from '../closer/Component.js';
+import { Header } from './Component.js';
 
-var styles = {"content":"side-panel__content_nuaig","s":"side-panel__s_nuaig","hasContent":"side-panel__hasContent_nuaig","sticky":"side-panel__sticky_nuaig"};
+var styles = {"content":"side-panel__content_10sfs","s":"side-panel__s_10sfs","hasContent":"side-panel__hasContent_10sfs","sticky":"side-panel__sticky_10sfs"};
 require('./desktop.css');
 
-const HeaderDesktop = ({ size = 's', className, contentClassName, hasCloser = true, sticky, leftAddons = React.createElement("span", null), title, children, ...restProps }) => {
+const HeaderDesktop = ({ size = 's', className, contentClassName, hasCloser = true, closerIcon = CrossHeavyMIcon, sticky, leftAddons = React.createElement("span", null), title, children, ...restProps }) => {
     const hasContent = Boolean(title || children);
-    return (React.createElement(Header, Object.assign({ className: cn(className, size && styles[size], {
+    return (React.createElement(Header, { className: cn(className, size && styles[size], {
             [styles.sticky]: sticky,
             [styles.hasContent]: hasContent,
-        }), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, null) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
+        }), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { icon: closerIcon }) : null, leftAddons: leftAddons, sticky: sticky, title: title, ...restProps }, children));
 };
 
 export { HeaderDesktop };

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import '../../../../base-modal/modern';
 import { ModalContext } from '../../Context.js';
 
-var styles = {"header":"side-panel__header_mq08o","hasContent":"side-panel__hasContent_mq08o","highlighted":"side-panel__highlighted_mq08o","sticky":"side-panel__sticky_mq08o","backgroundImage":"side-panel__backgroundImage_mq08o","content":"side-panel__content_mq08o","title":"side-panel__title_mq08o","addon":"side-panel__addon_mq08o","closer":"side-panel__closer_mq08o","left":"side-panel__left_mq08o","center":"side-panel__center_mq08o","right":"side-panel__right_mq08o","trim":"side-panel__trim_mq08o"};
+var styles = {"header":"side-panel__header_zo5iv","hasContent":"side-panel__hasContent_zo5iv","highlighted":"side-panel__highlighted_zo5iv","sticky":"side-panel__sticky_zo5iv","backgroundImage":"side-panel__backgroundImage_zo5iv","content":"side-panel__content_zo5iv","title":"side-panel__title_zo5iv","addon":"side-panel__addon_zo5iv","closer":"side-panel__closer_zo5iv","left":"side-panel__left_zo5iv","center":"side-panel__center_zo5iv","right":"side-panel__right_zo5iv","trim":"side-panel__trim_zo5iv"};
 require('./index.css');
 
 const Header = ({ className, addonClassName, contentClassName, leftAddons, children, align = 'left', trim = true, title, closer, sticky, imageUrl, dataTestId, }) => {

package/side-panel/modern/components/header/Component.mobile.d.ts

@@ -1,10 +1,14 @@
-import { FC } from 'react';
+import { ElementType, FC } from 'react';
 import { HeaderProps } from "./Component";
 type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
     /**
      * Наличие крестика
      */
     hasCloser?: boolean;
+    /**
+     * Иконка closer.
+     */
+    closerIcon?: ElementType;
 };
 declare const HeaderMobile: FC<HeaderMobileProps>;
 export { HeaderMobileProps, HeaderMobile };

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

@@ -1,18 +1,17 @@
 import React from 'react';
 import cn from 'classnames';
-import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
 import '../../../../base-modal/modern';
 import '../../Context.js';
-import { Header } from './Component.js';
 import '../../../../icon-button/modern';
 import { Closer } from '../closer/Component.js';
+import { Header } from './Component.js';
 
-var styles = {"sticky":"side-panel__sticky_10ra5","content":"side-panel__content_10ra5"};
+var styles = {"sticky":"side-panel__sticky_3v3t8","content":"side-panel__content_3v3t8"};
 require('./mobile.css');
 
-const HeaderMobile = ({ className, contentClassName, hasCloser = true, sticky, ...restProps }) => (React.createElement(Header, Object.assign({ className: cn(className, {
+const HeaderMobile = ({ className, contentClassName, hasCloser = true, sticky, closerIcon = CrossMIcon, ...restProps }) => (React.createElement(Header, { className: cn(className, {
         [styles.sticky]: sticky,
-    }), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { icon: CrossMIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
+    }), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { icon: closerIcon, size: 'xs' }) : null, sticky: sticky, ...restProps }));
 
 export { HeaderMobile };

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

@@ -1,4 +1,4 @@
-/* hash: p4lcw */
+/* hash: wuvj0 */
 :root {
 
     /* Hard */
@@ -34,21 +34,21 @@
 
     /* mobile */
 }
-.side-panel__content_nuaig {
+.side-panel__content_10sfs {
     font-weight: var(--side-panel-header-desktop-font-weight);
     font-family: var(--side-panel-header-desktop-font-family);
 }
-.side-panel__s_nuaig .side-panel__content_nuaig {
+.side-panel__s_10sfs .side-panel__content_10sfs {
     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__s_nuaig {
+.side-panel__s_10sfs {
     padding: var(--side-panel-s-header-paddings)
 }
-.side-panel__s_nuaig:not(.side-panel__hasContent_nuaig) {
+.side-panel__s_10sfs:not(.side-panel__hasContent_10sfs) {
         padding-bottom: 0;
     }
-.side-panel__sticky_nuaig {
+.side-panel__sticky_10sfs {
     top: 0;
 }

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

@@ -1,4 +1,4 @@
-/* hash: g0wlq */
+/* hash: 1qua6 */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -25,7 +25,7 @@
 
     /* mobile */
 }
-.side-panel__header_mq08o {
+.side-panel__header_zo5iv {
     width: 100%;
     box-sizing: border-box;
     display: flex;
@@ -33,31 +33,31 @@
     justify-content: space-between;
     transition: box-shadow 0.2s ease, background 0.2s ease
 }
-.side-panel__header_mq08o:not(.side-panel__hasContent_mq08o) {
+.side-panel__header_zo5iv:not(.side-panel__hasContent_zo5iv) {
         pointer-events: none;
     }
-.side-panel__highlighted_mq08o {
+.side-panel__highlighted_zo5iv {
     background: var(--side-panel-header-highlight-background);
     box-shadow: var(--side-panel-header-highlight-box-shadow);
 }
-.side-panel__sticky_mq08o {
+.side-panel__sticky_zo5iv {
     position: sticky;
     z-index: 1
 }
-.side-panel__sticky_mq08o.side-panel__hasContent_mq08o {
+.side-panel__sticky_zo5iv.side-panel__hasContent_zo5iv {
         background: var(--side-panel-header-background);
     }
-.side-panel__header_mq08o.side-panel__backgroundImage_mq08o {
+.side-panel__header_zo5iv.side-panel__backgroundImage_zo5iv {
     background: center no-repeat;
     background-size: cover;
 }
-.side-panel__content_mq08o {
+.side-panel__content_zo5iv {
     flex-grow: 1;
 }
-.side-panel__title_mq08o {
+.side-panel__title_zo5iv {
     word-break: break-word;
 }
-.side-panel__addon_mq08o {
+.side-panel__addon_zo5iv {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -65,25 +65,25 @@
     align-items: center;
     pointer-events: all;
 }
-.side-panel__closer_mq08o {
+.side-panel__closer_zo5iv {
     margin-left: auto;
 }
-.side-panel__left_mq08o {
+.side-panel__left_zo5iv {
     justify-content: flex-start;
     text-align: left;
 }
-.side-panel__center_mq08o {
+.side-panel__center_zo5iv {
     justify-content: center;
     text-align: center;
 }
-.side-panel__right_mq08o {
+.side-panel__right_zo5iv {
     justify-content: flex-end;
     text-align: right;
 }
-.side-panel__trim_mq08o {
+.side-panel__trim_zo5iv {
     overflow: hidden
 }
-.side-panel__trim_mq08o .side-panel__title_mq08o {
+.side-panel__trim_zo5iv .side-panel__title_zo5iv {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

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

@@ -1,4 +1,4 @@
-/* hash: lkx0f */
+/* hash: 5p0hd */
 :root {
 
     /* Hard */
@@ -34,10 +34,10 @@
     --side-panel-header-mobile-font-family: var(--font-family-system);
     --side-panel-header-mobile-font-weight: bold;
 }
-.side-panel__sticky_10ra5 {
+.side-panel__sticky_3v3t8 {
     top: 0;
 }
-.side-panel__content_10ra5 {
+.side-panel__content_3v3t8 {
     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.css

@@ -1,4 +1,4 @@
-/* hash: 1fxe6 */
+/* hash: 1vtap */
 :root {
 
     /* Hard */
@@ -20,9 +20,9 @@
 
     /* mobile */
 }
-.side-panel__s_1fqqk {
+.side-panel__s_dlsvk {
     width: var(--side-panel-s-width);
 }
-.side-panel__hidden_1fqqk {
+.side-panel__hidden_dlsvk {
     overflow-x: hidden;
 }

package/side-panel/modern/desktop.js

@@ -1,16 +1,16 @@
 import 'react';
-import 'classnames';
 import 'react-merge-refs';
+import 'classnames';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import '../../drawer/modern';
 import '../../base-modal/modern';
 import './Context.js';
-import './components/header/Component.js';
-import '../../icon-button/modern';
-import './components/closer/Component.js';
-import './components/header/Component.desktop.js';
 import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
+import '../../icon-button/modern';
+import './components/closer/Component.js';
+import './components/header/Component.js';
+import './components/header/Component.desktop.js';
 export { SidePanelDesktop } from './Component.desktop.js';

package/side-panel/modern/index.js

@@ -1,23 +1,23 @@
 import 'react';
-import 'classnames';
 import 'react-merge-refs';
+import 'classnames';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/hooks';
 import '../../drawer/modern';
 import '../../base-modal/modern';
 export { ModalContext } from './Context.js';
-import './components/header/Component.js';
-import '../../icon-button/modern';
-import './components/closer/Component.js';
-import './components/header/Component.desktop.js';
 import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
+import '../../icon-button/modern';
+import './components/closer/Component.js';
+import './components/header/Component.js';
+import './components/header/Component.desktop.js';
 import './Component.desktop.js';
-import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';
 import './components/footer/Component.mobile.js';
+import './components/header/Component.mobile.js';
 import './Component.mobile.js';
 export { SidePanelResponsive } from './Component.responsive.js';

package/side-panel/modern/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 4q55c */
+/* hash: 1qka3 */
 :root {
 
     /* Hard */
@@ -19,7 +19,7 @@
 
     /* mobile */
 }
-.side-panel__component_1m32q {
+.side-panel__component_eoe5k {
     flex: 1;
     width: 100%;
 }

package/side-panel/modern/mobile.js

@@ -1,15 +1,14 @@
 import 'react';
 import 'classnames';
-import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../../base-modal/modern';
 import './Context.js';
-import './components/header/Component.js';
-import '../../icon-button/modern';
-import './components/closer/Component.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';
-import './components/header/Component.mobile.js';
+import '../../icon-button/modern';
+import './components/closer/Component.js';
+import './components/header/Component.js';
 import './components/content/Component.mobile.js';
 import './components/footer/Component.mobile.js';
+import './components/header/Component.mobile.js';
 export { SidePanelMobile } from './Component.mobile.js';

package/side-panel/modern/responsive.js

@@ -1,23 +1,23 @@
 import 'react';
-import 'classnames';
 import 'react-merge-refs';
+import 'classnames';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/hooks';
 import '../../drawer/modern';
 import '../../base-modal/modern';
 import './Context.js';
-import './components/header/Component.js';
-import '../../icon-button/modern';
-import './components/closer/Component.js';
-import './components/header/Component.desktop.js';
 import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
+import '../../icon-button/modern';
+import './components/closer/Component.js';
+import './components/header/Component.js';
+import './components/header/Component.desktop.js';
 import './Component.desktop.js';
-import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';
 import './components/footer/Component.mobile.js';
+import './components/header/Component.mobile.js';
 import './Component.mobile.js';
 export { SidePanelResponsive } from './Component.responsive.js';

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

@@ -1,32 +1,32 @@
-/* hash: 1k80y */
-.side-panel__enterRight_1z00n {
+/* hash: 1kdib */
+.side-panel__enterRight_1rbm9 {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_1z00n {
+.side-panel__enterLeft_1rbm9 {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_1z00n {
+.side-panel__enterActive_1rbm9 {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_1z00n {
+.side-panel__exit_1rbm9 {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_1z00n {
+.side-panel__exitActiveRight_1rbm9 {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_1z00n {
+.side-panel__exitActiveLeft_1rbm9 {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(-15px);

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

@@ -1,24 +1,24 @@
-/* hash: 156ty */
-.side-panel__appear_1os9i,
-.side-panel__enter_1os9i {
+/* hash: 17qa0 */
+.side-panel__appear_1bu47,
+.side-panel__enter_1bu47 {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_1os9i,
-.side-panel__enterActive_1os9i {
+.side-panel__appearActive_1bu47,
+.side-panel__enterActive_1bu47 {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_1os9i {
+.side-panel__exit_1bu47 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_1os9i,
-.side-panel__exitDone_1os9i {
+.side-panel__exitActive_1bu47,
+.side-panel__exitDone_1bu47 {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;