@alfalab/core-components-side-panel 2.4.2 → 2.5.1

package/esm/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1a4us */
+/* hash: d8toc */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -26,17 +26,17 @@
 
     /* mobile */
 }
-.side-panel__footer_13yej {
+.side-panel__footer_x07mc {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
 }
-.side-panel__sticky_13yej {
+.side-panel__sticky_x07mc {
     background: var(--side-panel-footer-background);
     position: sticky;
     z-index: 1;
 }
-.side-panel__highlighted_13yej {
+.side-panel__highlighted_x07mc {
     background: var(--side-panel-footer-highlight-background);
     box-shadow: var(--side-panel-footer-highlight-box-shadow);
 }

package/esm/components/footer/layout.css

@@ -1,4 +1,4 @@
-/* hash: 1xo90 */
+/* hash: 10s7w */
 :root {
 
     /* Hard */
@@ -25,60 +25,60 @@
 
     /* mobile */
 }
-.side-panel__column_87pa7 {
+.side-panel__column_19id0 {
     display: flex;
     flex-direction: column
 }
-.side-panel__column_87pa7 > * {
+.side-panel__column_19id0 > * {
         margin-bottom: var(--side-panel-footer-default-gap);
     }
-.side-panel__column_87pa7 > *:last-child,
-    .side-panel__column_87pa7 > *:only-child {
+.side-panel__column_19id0 > *:last-child,
+    .side-panel__column_19id0 > *:only-child {
         margin-bottom: 0;
     }
-.side-panel__column_87pa7.side-panel__gap-16_87pa7 > * {
+.side-panel__column_19id0.side-panel__gap-16_19id0 > * {
         margin-bottom: var(--gap-m);
     }
-.side-panel__column_87pa7.side-panel__gap-24_87pa7 > * {
+.side-panel__column_19id0.side-panel__gap-24_19id0 > * {
         margin-bottom: var(--gap-xl);
     }
-.side-panel__column_87pa7.side-panel__gap-32_87pa7 > * {
+.side-panel__column_19id0.side-panel__gap-32_19id0 > * {
         margin-bottom: var(--gap-2xl);
     }
-.side-panel__start_87pa7 {
+.side-panel__start_19id0 {
     justify-content: flex-start;
 }
-.side-panel__center_87pa7 {
+.side-panel__center_19id0 {
     justify-content: center;
 }
-.side-panel__space-between_87pa7 {
+.side-panel__space-between_19id0 {
     justify-content: space-between
 }
-.side-panel__space-between_87pa7 > * {
+.side-panel__space-between_19id0 > * {
         flex: 1;
     }
-.side-panel__start_87pa7,
-.side-panel__center_87pa7,
-.side-panel__space-between_87pa7 {
+.side-panel__start_19id0,
+.side-panel__center_19id0,
+.side-panel__space-between_19id0 {
     display: flex
 }
-.side-panel__start_87pa7 > *, .side-panel__center_87pa7 > *, .side-panel__space-between_87pa7 > * {
+.side-panel__start_19id0 > *, .side-panel__center_19id0 > *, .side-panel__space-between_19id0 > * {
         margin-right: var(--side-panel-footer-default-gap);
     }
-.side-panel__start_87pa7 > *:last-child,
-    .side-panel__start_87pa7 > *:only-child,
-    .side-panel__center_87pa7 > *:last-child,
-    .side-panel__center_87pa7 > *:only-child,
-    .side-panel__space-between_87pa7 > *:last-child,
-    .side-panel__space-between_87pa7 > *:only-child {
+.side-panel__start_19id0 > *:last-child,
+    .side-panel__start_19id0 > *:only-child,
+    .side-panel__center_19id0 > *:last-child,
+    .side-panel__center_19id0 > *:only-child,
+    .side-panel__space-between_19id0 > *:last-child,
+    .side-panel__space-between_19id0 > *:only-child {
         margin-right: 0;
     }
-.side-panel__start_87pa7.side-panel__gap-16_87pa7 > *, .side-panel__center_87pa7.side-panel__gap-16_87pa7 > *, .side-panel__space-between_87pa7.side-panel__gap-16_87pa7 > * {
+.side-panel__start_19id0.side-panel__gap-16_19id0 > *, .side-panel__center_19id0.side-panel__gap-16_19id0 > *, .side-panel__space-between_19id0.side-panel__gap-16_19id0 > * {
         margin-right: var(--gap-m);
     }
-.side-panel__start_87pa7.side-panel__gap-24_87pa7 > *, .side-panel__center_87pa7.side-panel__gap-24_87pa7 > *, .side-panel__space-between_87pa7.side-panel__gap-24_87pa7 > * {
+.side-panel__start_19id0.side-panel__gap-24_19id0 > *, .side-panel__center_19id0.side-panel__gap-24_19id0 > *, .side-panel__space-between_19id0.side-panel__gap-24_19id0 > * {
         margin-right: var(--gap-xl);
     }
-.side-panel__start_87pa7.side-panel__gap-32_87pa7 > *, .side-panel__center_87pa7.side-panel__gap-32_87pa7 > *, .side-panel__space-between_87pa7.side-panel__gap-32_87pa7 > * {
+.side-panel__start_19id0.side-panel__gap-32_19id0 > *, .side-panel__center_19id0.side-panel__gap-32_19id0 > *, .side-panel__space-between_19id0.side-panel__gap-32_19id0 > * {
         margin-right: var(--gap-2xl);
     }

package/esm/components/footer/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1aacf */
+/* hash: y2yj1 */
 :root {
 
     /* Hard */
@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.side-panel__footer_qfi01 {
+.side-panel__footer_gy9bq {
     padding: var(--gap-m);
 }
-.side-panel__sticky_qfi01 {
+.side-panel__sticky_gy9bq {
     bottom: 0;
 }

package/esm/components/header/Component.desktop.js

@@ -1,14 +1,14 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-c40b6a1b.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-9be73351.js';
 import React from 'react';
 import cn from 'classnames';
-import '@alfalab/core-components-base-modal/esm';
-import '../../Context.js';
 import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
-import '@alfalab/core-components-icon-button/esm';
 import { Closer } from '../closer/Component.js';
 import { Header } from './Component.js';
+import '@alfalab/core-components-icon-button/esm';
+import '../../Context.js';
+import '@alfalab/core-components-base-modal/esm';
 
-var styles = {"content":"side-panel__content_fsap4","s":"side-panel__s_fsap4","hasContent":"side-panel__hasContent_fsap4","sticky":"side-panel__sticky_fsap4"};
+var styles = {"content":"side-panel__content_1sipf","s":"side-panel__s_1sipf","hasContent":"side-panel__hasContent_1sipf","sticky":"side-panel__sticky_1sipf"};
 require('./desktop.css')
 
 var HeaderDesktop = function (_a) {

package/esm/components/header/Component.js

@@ -1,10 +1,10 @@
-import { a as __assign } from '../../tslib.es6-c40b6a1b.js';
+import { a as __assign } from '../../tslib.es6-9be73351.js';
 import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
-import '@alfalab/core-components-base-modal/esm';
 import { ModalContext } from '../../Context.js';
+import '@alfalab/core-components-base-modal/esm';
 
-var styles = {"header":"side-panel__header_1ycm2","hasContent":"side-panel__hasContent_1ycm2","highlighted":"side-panel__highlighted_1ycm2","sticky":"side-panel__sticky_1ycm2","backgroundImage":"side-panel__backgroundImage_1ycm2","content":"side-panel__content_1ycm2","title":"side-panel__title_1ycm2","addon":"side-panel__addon_1ycm2","closer":"side-panel__closer_1ycm2","left":"side-panel__left_1ycm2","center":"side-panel__center_1ycm2","right":"side-panel__right_1ycm2","trim":"side-panel__trim_1ycm2"};
+var styles = {"header":"side-panel__header_1ref5","hasContent":"side-panel__hasContent_1ref5","highlighted":"side-panel__highlighted_1ref5","sticky":"side-panel__sticky_1ref5","backgroundImage":"side-panel__backgroundImage_1ref5","content":"side-panel__content_1ref5","title":"side-panel__title_1ref5","addon":"side-panel__addon_1ref5","closer":"side-panel__closer_1ref5","left":"side-panel__left_1ref5","center":"side-panel__center_1ref5","right":"side-panel__right_1ref5","trim":"side-panel__trim_1ref5"};
 require('./index.css')
 
 var Header = function (_a) {
@@ -20,7 +20,7 @@ var Header = function (_a) {
             _b[styles.highlighted] = hasContent && sticky && headerHighlighted,
             _b[styles.sticky] = sticky,
             _b[styles.hasContent] = hasContent,
-            _b)), "data-test-id": dataTestId, style: __assign({}, (imageUrl && { backgroundImage: "url(" + imageUrl + ")" })) },
+            _b)), "data-test-id": dataTestId, style: __assign({}, (imageUrl && { backgroundImage: "url(".concat(imageUrl, ")") })) },
         leftAddons && React.createElement("div", { className: cn(styles.addon, addonClassName) }, leftAddons),
         hasContent && (React.createElement("div", { className: cn(styles.content, contentClassName, styles[align], (_c = {},
                 _c[styles.trim] = trim,

package/esm/components/header/Component.mobile.js

@@ -1,14 +1,14 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-c40b6a1b.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-9be73351.js';
 import React from 'react';
 import cn from 'classnames';
-import '@alfalab/core-components-base-modal/esm';
-import '../../Context.js';
-import '@alfalab/core-components-icon-button/esm';
+import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
 import { Closer } from '../closer/Component.js';
 import { Header } from './Component.js';
-import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
+import '@alfalab/core-components-icon-button/esm';
+import '../../Context.js';
+import '@alfalab/core-components-base-modal/esm';
 
-var styles = {"sticky":"side-panel__sticky_13uja","content":"side-panel__content_13uja"};
+var styles = {"sticky":"side-panel__sticky_1qwde","content":"side-panel__content_1qwde"};
 require('./mobile.css')
 
 var HeaderMobile = function (_a) {

package/esm/components/header/desktop.css

@@ -1,4 +1,4 @@
-/* hash: xu9gk */
+/* hash: y8c62 */
 :root {
 
     /* Hard */
@@ -34,21 +34,21 @@
 
     /* mobile */
 }
-.side-panel__content_fsap4 {
+.side-panel__content_1sipf {
     font-weight: var(--side-panel-header-desktop-font-weight);
     font-family: var(--side-panel-header-desktop-font-family);
 }
-.side-panel__s_fsap4 .side-panel__content_fsap4 {
+.side-panel__s_1sipf .side-panel__content_1sipf {
     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_fsap4 {
+.side-panel__s_1sipf {
     padding: var(--side-panel-s-header-paddings)
 }
-.side-panel__s_fsap4:not(.side-panel__hasContent_fsap4) {
+.side-panel__s_1sipf:not(.side-panel__hasContent_1sipf) {
         padding-bottom: 0;
     }
-.side-panel__sticky_fsap4 {
+.side-panel__sticky_1sipf {
     top: 0;
 }

package/esm/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1mnep */
+/* hash: prdkp */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -25,7 +25,7 @@
 
     /* mobile */
 }
-.side-panel__header_1ycm2 {
+.side-panel__header_1ref5 {
     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_1ycm2:not(.side-panel__hasContent_1ycm2) {
+.side-panel__header_1ref5:not(.side-panel__hasContent_1ref5) {
         pointer-events: none;
     }
-.side-panel__highlighted_1ycm2 {
+.side-panel__highlighted_1ref5 {
     background: var(--side-panel-header-highlight-background);
     box-shadow: var(--side-panel-header-highlight-box-shadow);
 }
-.side-panel__sticky_1ycm2 {
+.side-panel__sticky_1ref5 {
     position: sticky;
     z-index: 1
 }
-.side-panel__sticky_1ycm2.side-panel__hasContent_1ycm2 {
+.side-panel__sticky_1ref5.side-panel__hasContent_1ref5 {
         background: var(--side-panel-header-background);
     }
-.side-panel__header_1ycm2.side-panel__backgroundImage_1ycm2 {
+.side-panel__header_1ref5.side-panel__backgroundImage_1ref5 {
     background: center no-repeat;
     background-size: cover;
 }
-.side-panel__content_1ycm2 {
+.side-panel__content_1ref5 {
     flex-grow: 1;
 }
-.side-panel__title_1ycm2 {
+.side-panel__title_1ref5 {
     word-break: break-word;
 }
-.side-panel__addon_1ycm2 {
+.side-panel__addon_1ref5 {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -65,25 +65,25 @@
     align-items: center;
     pointer-events: all;
 }
-.side-panel__closer_1ycm2 {
+.side-panel__closer_1ref5 {
     margin-left: auto;
 }
-.side-panel__left_1ycm2 {
+.side-panel__left_1ref5 {
     justify-content: flex-start;
     text-align: left;
 }
-.side-panel__center_1ycm2 {
+.side-panel__center_1ref5 {
     justify-content: center;
     text-align: center;
 }
-.side-panel__right_1ycm2 {
+.side-panel__right_1ref5 {
     justify-content: flex-end;
     text-align: right;
 }
-.side-panel__trim_1ycm2 {
+.side-panel__trim_1ref5 {
     overflow: hidden
 }
-.side-panel__trim_1ycm2 .side-panel__title_1ycm2 {
+.side-panel__trim_1ref5 .side-panel__title_1ref5 {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/esm/components/header/mobile.css

@@ -1,4 +1,4 @@
-/* hash: oirof */
+/* hash: cbds2 */
 :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_13uja {
+.side-panel__sticky_1qwde {
     top: 0;
 }
-.side-panel__content_13uja {
+.side-panel__content_1qwde {
     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/esm/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1q8a4 */
+/* hash: 3ejym */
 :root {
 
     /* Hard */
@@ -20,9 +20,9 @@
 
     /* mobile */
 }
-.side-panel__s_1r5ts {
+.side-panel__s_1daxa {
     width: var(--side-panel-s-width);
 }
-.side-panel__hidden_1r5ts {
+.side-panel__hidden_1daxa {
     overflow-x: hidden;
 }

package/esm/desktop.d.ts

@@ -1 +1,2 @@
 export * from "./Component.desktop";
+export {};

package/esm/desktop.js

@@ -1,17 +1,17 @@
-import './tslib.es6-c40b6a1b.js';
+export { SidePanelDesktop } from './Component.desktop.js';
+import './tslib.es6-9be73351.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-drawer/esm';
-import '@alfalab/core-components-base-modal/esm';
-import './Context.js';
-import './components/content/Component.js';
 import './components/content/Component.desktop.js';
-import './components/footer/Component.js';
+import './components/content/Component.js';
+import './Context.js';
+import '@alfalab/core-components-base-modal/esm';
 import './components/footer/Component.desktop.js';
+import './components/footer/Component.js';
+import './components/header/Component.desktop.js';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
-import '@alfalab/core-components-icon-button/esm';
 import './components/closer/Component.js';
+import '@alfalab/core-components-icon-button/esm';
 import './components/header/Component.js';
-import './components/header/Component.desktop.js';
-export { SidePanelDesktop } from './Component.desktop.js';

package/esm/index.js

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

package/esm/mobile.css

@@ -1,4 +1,4 @@
-/* hash: tpmf9 */
+/* hash: 1qlnj */
 :root {
 
     /* Hard */
@@ -19,7 +19,7 @@
 
     /* mobile */
 }
-.side-panel__component_yotbk {
+.side-panel__component_b6gxv {
     flex: 1;
     width: 100%;
 }

package/esm/mobile.d.ts

@@ -1 +1,2 @@
 export * from "./Component.mobile";
+export {};

package/esm/mobile.js

@@ -1,15 +1,15 @@
-import './tslib.es6-c40b6a1b.js';
+export { SidePanelMobile } from './Component.mobile.js';
+import './tslib.es6-9be73351.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-base-modal/esm';
-import './Context.js';
+import './components/content/Component.mobile.js';
 import './components/content/Component.js';
+import './Context.js';
+import './components/footer/Component.mobile.js';
 import './components/footer/Component.js';
-import '@alfalab/core-components-icon-button/esm';
+import './components/header/Component.mobile.js';
+import '@alfalab/icons-glyph/CrossMIcon';
 import './components/closer/Component.js';
+import '@alfalab/core-components-icon-button/esm';
 import './components/header/Component.js';
-import './components/content/Component.mobile.js';
-import './components/footer/Component.mobile.js';
-import '@alfalab/icons-glyph/CrossMIcon';
-import './components/header/Component.mobile.js';
-export { SidePanelMobile } from './Component.mobile.js';

package/esm/responsive.d.ts

@@ -1 +1,2 @@
 export * from "./Component.responsive";
+export {};

package/esm/responsive.js

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

package/esm/transitions.desktop.css

@@ -1,32 +1,32 @@
-/* hash: 1r3s7 */
-.side-panel__enterRight_zmc86 {
+/* hash: 4a21i */
+.side-panel__enterRight_4aco0 {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_zmc86 {
+.side-panel__enterLeft_4aco0 {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_zmc86 {
+.side-panel__enterActive_4aco0 {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_zmc86 {
+.side-panel__exit_4aco0 {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_zmc86 {
+.side-panel__exitActiveRight_4aco0 {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_zmc86 {
+.side-panel__exitActiveLeft_4aco0 {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(-15px);

package/esm/transitions.mobile.css

@@ -1,24 +1,24 @@
-/* hash: 1xlfx */
-.side-panel__appear_d5nnt,
-.side-panel__enter_d5nnt {
+/* hash: vgczr */
+.side-panel__appear_k3ul0,
+.side-panel__enter_k3ul0 {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_d5nnt,
-.side-panel__enterActive_d5nnt {
+.side-panel__appearActive_k3ul0,
+.side-panel__enterActive_k3ul0 {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_d5nnt {
+.side-panel__exit_k3ul0 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_d5nnt,
-.side-panel__exitDone_d5nnt {
+.side-panel__exitActive_k3ul0,
+.side-panel__exitDone_k3ul0 {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/index.js

@@ -1,33 +1,31 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-652400ff.js');
+var Component_responsive = require('./Component.responsive.js');
+var Context = require('./Context.js');
+require('./tslib.es6-221aaa85.js');
 require('react');
-require('react-merge-refs');
+require('@alfalab/hooks');
+require('./components/closer/Component.js');
 require('classnames');
-require('@alfalab/core-components-drawer');
+require('@alfalab/core-components-icon-button');
 require('@alfalab/core-components-base-modal');
-var Context = require('./Context.js');
-require('./components/content/Component.js');
+require('./Component.desktop.js');
+require('react-merge-refs');
+require('@alfalab/core-components-drawer');
 require('./components/content/Component.desktop.js');
-require('./components/footer/Component.js');
+require('./components/content/Component.js');
 require('./components/footer/Component.desktop.js');
+require('./components/footer/Component.js');
+require('./components/header/Component.desktop.js');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
-require('@alfalab/core-components-icon-button');
-require('./components/closer/Component.js');
 require('./components/header/Component.js');
-require('./components/header/Component.desktop.js');
-require('./Component.desktop.js');
+require('./Component.mobile.js');
 require('./components/content/Component.mobile.js');
 require('./components/footer/Component.mobile.js');
-require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/Component.mobile.js');
-require('./Component.mobile.js');
-require('@alfalab/hooks');
-var Component_responsive = require('./Component.responsive.js');
+require('@alfalab/icons-glyph/CrossMIcon');
 
 
 
-exports.ModalContext = Context.ModalContext;
 exports.SidePanelResponsive = Component_responsive.SidePanelResponsive;
+exports.ModalContext = Context.ModalContext;