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

package/cssm/index.js

@@ -1,48 +1,46 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-9682e485.js');
+var Component_responsive = require('./Component.responsive.js');
+var Context = require('./Context.js');
+require('./tslib.es6-bbd6cd2a.js');
 require('react');
-require('react-merge-refs');
+require('@alfalab/hooks');
+require('./components/closer/Component.js');
 require('classnames');
-require('@alfalab/core-components-drawer/cssm');
+require('@alfalab/core-components-icon-button/cssm');
+require('./components/closer/index.module.css');
 require('@alfalab/core-components-base-modal/cssm');
-var Context = require('./Context.js');
-require('./components/content/index.module.css');
+require('./Component.desktop.js');
+require('react-merge-refs');
+require('@alfalab/core-components-drawer/cssm');
+require('./components/content/Component.desktop.js');
 require('./components/content/Component.js');
+require('./components/content/index.module.css');
 require('./components/content/desktop.module.css');
-require('./components/content/Component.desktop.js');
+require('./components/footer/Component.desktop.js');
+require('./components/footer/Component.js');
 require('./components/footer/index.module.css');
 require('./components/footer/layout.module.css');
-require('./components/footer/Component.js');
 require('./components/footer/desktop.module.css');
-require('./components/footer/Component.desktop.js');
+require('./components/header/Component.desktop.js');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
-require('@alfalab/core-components-icon-button/cssm');
-require('./components/closer/index.module.css');
-require('./components/closer/Component.js');
-require('./components/header/index.module.css');
 require('./components/header/Component.js');
+require('./components/header/index.module.css');
 require('./components/header/desktop.module.css');
-require('./components/header/Component.desktop.js');
 require('./desktop.module.css');
 require('./transitions.desktop.module.css');
-require('./Component.desktop.js');
-require('./components/content/mobile.module.css');
+require('./Component.mobile.js');
 require('./components/content/Component.mobile.js');
-require('./components/footer/mobile.module.css');
+require('./components/content/mobile.module.css');
 require('./components/footer/Component.mobile.js');
+require('./components/footer/mobile.module.css');
+require('./components/header/Component.mobile.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/mobile.module.css');
-require('./components/header/Component.mobile.js');
 require('./mobile.module.css');
 require('./transitions.mobile.module.css');
-require('./Component.mobile.js');
-require('@alfalab/hooks');
-var Component_responsive = require('./Component.responsive.js');
 
 
 
-exports.ModalContext = Context.ModalContext;
 exports.SidePanelResponsive = Component_responsive.SidePanelResponsive;
+exports.ModalContext = Context.ModalContext;

package/cssm/mobile.d.ts

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

package/cssm/mobile.js

@@ -1,32 +1,30 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-9682e485.js');
+var Component_mobile = require('./Component.mobile.js');
+require('./tslib.es6-bbd6cd2a.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-base-modal/cssm');
+require('./components/content/Component.mobile.js');
+require('./components/content/Component.js');
 require('./Context.js');
 require('./components/content/index.module.css');
-require('./components/content/Component.js');
+require('./components/content/mobile.module.css');
+require('./components/footer/Component.mobile.js');
+require('./components/footer/Component.js');
 require('./components/footer/index.module.css');
 require('./components/footer/layout.module.css');
-require('./components/footer/Component.js');
+require('./components/footer/mobile.module.css');
+require('./components/header/Component.mobile.js');
+require('@alfalab/icons-glyph/CrossMIcon');
+require('./components/closer/Component.js');
 require('@alfalab/core-components-icon-button/cssm');
 require('./components/closer/index.module.css');
-require('./components/closer/Component.js');
-require('./components/header/index.module.css');
 require('./components/header/Component.js');
-require('./components/content/mobile.module.css');
-require('./components/content/Component.mobile.js');
-require('./components/footer/mobile.module.css');
-require('./components/footer/Component.mobile.js');
-require('@alfalab/icons-glyph/CrossMIcon');
+require('./components/header/index.module.css');
 require('./components/header/mobile.module.css');
-require('./components/header/Component.mobile.js');
 require('./mobile.module.css');
 require('./transitions.mobile.module.css');
-var Component_mobile = require('./Component.mobile.js');
 
 
 

package/cssm/responsive.d.ts

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

package/cssm/responsive.js

@@ -1,46 +1,44 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-9682e485.js');
+var Component_responsive = require('./Component.responsive.js');
+require('./tslib.es6-bbd6cd2a.js');
 require('react');
-require('react-merge-refs');
+require('@alfalab/hooks');
+require('./components/closer/Component.js');
 require('classnames');
-require('@alfalab/core-components-drawer/cssm');
-require('@alfalab/core-components-base-modal/cssm');
+require('@alfalab/core-components-icon-button/cssm');
 require('./Context.js');
-require('./components/content/index.module.css');
+require('@alfalab/core-components-base-modal/cssm');
+require('./components/closer/index.module.css');
+require('./Component.desktop.js');
+require('react-merge-refs');
+require('@alfalab/core-components-drawer/cssm');
+require('./components/content/Component.desktop.js');
 require('./components/content/Component.js');
+require('./components/content/index.module.css');
 require('./components/content/desktop.module.css');
-require('./components/content/Component.desktop.js');
+require('./components/footer/Component.desktop.js');
+require('./components/footer/Component.js');
 require('./components/footer/index.module.css');
 require('./components/footer/layout.module.css');
-require('./components/footer/Component.js');
 require('./components/footer/desktop.module.css');
-require('./components/footer/Component.desktop.js');
+require('./components/header/Component.desktop.js');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
-require('@alfalab/core-components-icon-button/cssm');
-require('./components/closer/index.module.css');
-require('./components/closer/Component.js');
-require('./components/header/index.module.css');
 require('./components/header/Component.js');
+require('./components/header/index.module.css');
 require('./components/header/desktop.module.css');
-require('./components/header/Component.desktop.js');
 require('./desktop.module.css');
 require('./transitions.desktop.module.css');
-require('./Component.desktop.js');
-require('./components/content/mobile.module.css');
+require('./Component.mobile.js');
 require('./components/content/Component.mobile.js');
-require('./components/footer/mobile.module.css');
+require('./components/content/mobile.module.css');
 require('./components/footer/Component.mobile.js');
+require('./components/footer/mobile.module.css');
+require('./components/header/Component.mobile.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/mobile.module.css');
-require('./components/header/Component.mobile.js');
 require('./mobile.module.css');
 require('./transitions.mobile.module.css');
-require('./Component.mobile.js');
-require('@alfalab/hooks');
-var Component_responsive = require('./Component.responsive.js');
 
 
 

package/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/desktop.d.ts

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

package/desktop.js

@@ -1,24 +1,22 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-652400ff.js');
+var Component_desktop = require('./Component.desktop.js');
+require('./tslib.es6-221aaa85.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-drawer');
-require('@alfalab/core-components-base-modal');
-require('./Context.js');
-require('./components/content/Component.js');
 require('./components/content/Component.desktop.js');
-require('./components/footer/Component.js');
+require('./components/content/Component.js');
+require('./Context.js');
+require('@alfalab/core-components-base-modal');
 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('@alfalab/core-components-icon-button');
 require('./components/header/Component.js');
-require('./components/header/Component.desktop.js');
-var Component_desktop = require('./Component.desktop.js');
 
 
 

package/esm/Component.desktop.js

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __assign } from './tslib.es6-c40b6a1b.js';
+import { _ as __rest, a as __assign } from './tslib.es6-9be73351.js';
 import React, { forwardRef, useRef, isValidElement, cloneElement } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Drawer } from '@alfalab/core-components-drawer/esm';
-import '@alfalab/core-components-base-modal/esm';
-import './Context.js';
-import './components/content/Component.js';
 import { ContentDesktop } from './components/content/Component.desktop.js';
-import './components/footer/Component.js';
 import { FooterDesktop } from './components/footer/Component.desktop.js';
+import { HeaderDesktop } from './components/header/Component.desktop.js';
+import './components/content/Component.js';
+import './Context.js';
+import '@alfalab/core-components-base-modal/esm';
+import './components/footer/Component.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 { HeaderDesktop } from './components/header/Component.desktop.js';
 
-var styles = {"s":"side-panel__s_1r5ts","hidden":"side-panel__hidden_1r5ts"};
+var styles = {"s":"side-panel__s_1daxa","hidden":"side-panel__hidden_1daxa"};
 require('./desktop.css')
 
-var transitions = {"enterRight":"side-panel__enterRight_zmc86","enterLeft":"side-panel__enterLeft_zmc86","enterActive":"side-panel__enterActive_zmc86","exit":"side-panel__exit_zmc86","exitActiveRight":"side-panel__exitActiveRight_zmc86","exitActiveLeft":"side-panel__exitActiveLeft_zmc86"};
+var transitions = {"enterRight":"side-panel__enterRight_4aco0","enterLeft":"side-panel__enterLeft_4aco0","enterActive":"side-panel__enterActive_4aco0","exit":"side-panel__exit_4aco0","exitActiveRight":"side-panel__exitActiveRight_4aco0","exitActiveLeft":"side-panel__exitActiveLeft_4aco0"};
 require('./transitions.desktop.css')
 
 var SidePanelDesktopComponent = forwardRef(function (_a, ref) {

package/esm/Component.mobile.js

@@ -1,22 +1,22 @@
-import { _ as __rest, a as __assign } from './tslib.es6-c40b6a1b.js';
+import { _ as __rest, a as __assign } from './tslib.es6-9be73351.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '@alfalab/core-components-base-modal/esm';
-import './Context.js';
+import { ContentMobile } from './components/content/Component.mobile.js';
+import { FooterMobile } from './components/footer/Component.mobile.js';
+import { HeaderMobile } from './components/header/Component.mobile.js';
 import './components/content/Component.js';
+import './Context.js';
 import './components/footer/Component.js';
-import '@alfalab/core-components-icon-button/esm';
+import '@alfalab/icons-glyph/CrossMIcon';
 import './components/closer/Component.js';
+import '@alfalab/core-components-icon-button/esm';
 import './components/header/Component.js';
-import { ContentMobile } from './components/content/Component.mobile.js';
-import { FooterMobile } from './components/footer/Component.mobile.js';
-import '@alfalab/icons-glyph/CrossMIcon';
-import { HeaderMobile } from './components/header/Component.mobile.js';
 
-var styles = {"component":"side-panel__component_yotbk"};
+var styles = {"component":"side-panel__component_b6gxv"};
 require('./mobile.css')
 
-var transitions = {"appear":"side-panel__appear_d5nnt","enter":"side-panel__enter_d5nnt","appearActive":"side-panel__appearActive_d5nnt","enterActive":"side-panel__enterActive_d5nnt","exit":"side-panel__exit_d5nnt","exitActive":"side-panel__exitActive_d5nnt","exitDone":"side-panel__exitDone_d5nnt"};
+var transitions = {"appear":"side-panel__appear_k3ul0","enter":"side-panel__enter_k3ul0","appearActive":"side-panel__appearActive_k3ul0","enterActive":"side-panel__enterActive_k3ul0","exit":"side-panel__exit_k3ul0","exitActive":"side-panel__exitActive_k3ul0","exitDone":"side-panel__exitDone_k3ul0"};
 require('./transitions.mobile.css')
 
 var SidePanelMobileComponent = forwardRef(function (_a, ref) {

package/esm/Component.responsive.d.ts

@@ -13,6 +13,11 @@ type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTrans
      * @default false
      */
     hasCloser?: boolean;
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
 };
 declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement" | "scrollbarProps"> & {
     /**
@@ -25,6 +30,11 @@ declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProp
      * @default false
      */
     hasCloser?: boolean | undefined;
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<import("./components/header/Component.desktop").HeaderDesktopProps> | React.FC<import("./components/header/Component.mobile").HeaderMobileProps>;
     Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;

package/esm/Component.responsive.js

@@ -1,26 +1,26 @@
-import { _ as __rest, a as __assign } from './tslib.es6-c40b6a1b.js';
+import { _ as __rest, a as __assign } from './tslib.es6-9be73351.js';
 import React, { forwardRef, useMemo, useContext } from 'react';
-import 'react-merge-refs';
+import { useMedia } from '@alfalab/hooks';
+import { Closer } from './components/closer/Component.js';
+import { SidePanelDesktop } from './Component.desktop.js';
+import { SidePanelMobile } from './Component.mobile.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 '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 { Closer } from './components/closer/Component.js';
 import './components/header/Component.js';
-import './components/header/Component.desktop.js';
-import { SidePanelDesktop } from './Component.desktop.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 { SidePanelMobile } from './Component.mobile.js';
-import { useMedia } from '@alfalab/hooks';
+import '@alfalab/icons-glyph/CrossMIcon';
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare
 var ResponsiveContext = React.createContext({
@@ -35,10 +35,10 @@ function createResponsive(desktop, mobile) {
     return ResponsiveChild;
 }
 var SidePanelResponsiveComponent = forwardRef(function (_a, ref) {
-    var children = _a.children, restProps = __rest(_a, ["children"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["children", "breakpoint"]);
     var view = useMedia([
-        ['mobile', '(max-width: 1023px)'],
-        ['desktop', '(min-width: 1024px)'],
+        ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
+        ['desktop', "(min-width: ".concat(breakpoint, "px)")],
     ], 'desktop')[0];
     var contextValue = useMemo(function () { return ({ view: view }); }, [view]);
     var Component = view === 'desktop' ? SidePanelDesktop : SidePanelMobile;

package/esm/components/closer/Component.js

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-c40b6a1b.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-9be73351.js';
 import React, { useContext, useCallback } from 'react';
 import cn from 'classnames';
-import '@alfalab/core-components-base-modal/esm';
-import { ModalContext } from '../../Context.js';
 import { IconButton } from '@alfalab/core-components-icon-button/esm';
+import { ModalContext } from '../../Context.js';
+import '@alfalab/core-components-base-modal/esm';
 
-var styles = {"closer":"side-panel__closer_11w5u","button":"side-panel__button_11w5u","sticky":"side-panel__sticky_11w5u"};
+var styles = {"closer":"side-panel__closer_1b4r1","button":"side-panel__button_1b4r1","sticky":"side-panel__sticky_1b4r1"};
 require('./index.css')
 
 /**

package/esm/components/closer/index.css

@@ -1,4 +1,4 @@
-/* hash: opuub */
+/* hash: 10x8q */
 :root {
     --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
 }
@@ -25,7 +25,7 @@
 :root {
     --side-panel-closer-bg-color: var(--color-light-bg-primary-alpha-40);
 }
-.side-panel__closer_11w5u {
+.side-panel__closer_1b4r1 {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -34,13 +34,13 @@
     align-items: center;
     justify-content: center;
 }
-.side-panel__button_11w5u {
+.side-panel__button_1b4r1 {
     background: var(--side-panel-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
 }
-.side-panel__sticky_11w5u {
+.side-panel__sticky_1b4r1 {
     position: sticky;
     top: 0;
 }

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

@@ -1,11 +1,11 @@
-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 { Content } from './Component.js';
+import '../../Context.js';
+import '@alfalab/core-components-base-modal/esm';
 
-var styles = {"s":"side-panel__s_oysm9"};
+var styles = {"s":"side-panel__s_1ch4z"};
 require('./desktop.css')
 
 var ContentDesktop = function (_a) {

package/esm/components/content/Component.js

@@ -1,9 +1,9 @@
 import React, { useContext } 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 = {"content":"side-panel__content_ibo4z","flex":"side-panel__flex_ibo4z"};
+var styles = {"content":"side-panel__content_15u0i","flex":"side-panel__flex_15u0i"};
 require('./index.css')
 
 var Content = function (_a) {

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

@@ -1,11 +1,11 @@
-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 { Content } from './Component.js';
+import '../../Context.js';
+import '@alfalab/core-components-base-modal/esm';
 
-var styles = {"content":"side-panel__content_1rncn"};
+var styles = {"content":"side-panel__content_ny85f"};
 require('./mobile.css')
 
 var ContentMobile = function (_a) {

package/esm/components/content/desktop.css

@@ -1,4 +1,4 @@
-/* hash: c7qlv */
+/* hash: 1ectj */
 :root {
 
     /* Hard */
@@ -23,9 +23,9 @@
 
     /* mobile */
 }
-.side-panel__s_oysm9 {
+.side-panel__s_1ch4z {
     padding: var(--side-panel-s-content-paddings)
 }
-.side-panel__s_oysm9:last-child {
+.side-panel__s_1ch4z:last-child {
         padding-bottom: var(--gap-2xl);
     }

package/esm/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: 1yshh */
+/* hash: 11wgd */
 :root {
 
     /* Hard */
@@ -19,10 +19,10 @@
 
     /* mobile */
 }
-.side-panel__content_ibo4z {
+.side-panel__content_15u0i {
     box-sizing: border-box;
     width: 100%;
 }
-.side-panel__flex_ibo4z {
+.side-panel__flex_15u0i {
     flex: 1 1 auto;
 }

package/esm/components/content/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 213yv */
+/* hash: 1ouu4 */
 :root {
 
     /* Hard */
@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.side-panel__content_1rncn {
+.side-panel__content_ny85f {
     padding: 0 var(--gap-m)
 }
-.side-panel__content_1rncn:last-child {
+.side-panel__content_ny85f:last-child {
         padding-bottom: var(--gap-m);
     }

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

@@ -1,11 +1,11 @@
-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 { Footer } from './Component.js';
+import '../../Context.js';
+import '@alfalab/core-components-base-modal/esm';
 
-var styles = {"sticky":"side-panel__sticky_16uzx","s":"side-panel__s_16uzx"};
+var styles = {"sticky":"side-panel__sticky_zwt0b","s":"side-panel__s_zwt0b"};
 require('./desktop.css')
 
 var FooterDesktop = function (_a) {

package/esm/components/footer/Component.js

@@ -1,12 +1,12 @@
 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 = {"footer":"side-panel__footer_13yej","sticky":"side-panel__sticky_13yej","highlighted":"side-panel__highlighted_13yej"};
+var styles = {"footer":"side-panel__footer_x07mc","sticky":"side-panel__sticky_x07mc","highlighted":"side-panel__highlighted_x07mc"};
 require('./index.css')
 
-var layoutStyles = {"column":"side-panel__column_87pa7","gap-16":"side-panel__gap-16_87pa7","gap-24":"side-panel__gap-24_87pa7","gap-32":"side-panel__gap-32_87pa7","start":"side-panel__start_87pa7","center":"side-panel__center_87pa7","space-between":"side-panel__space-between_87pa7"};
+var layoutStyles = {"column":"side-panel__column_19id0","gap-16":"side-panel__gap-16_19id0","gap-24":"side-panel__gap-24_19id0","gap-32":"side-panel__gap-32_19id0","start":"side-panel__start_19id0","center":"side-panel__center_19id0","space-between":"side-panel__space-between_19id0"};
 require('./layout.css')
 
 var Footer = function (_a) {
@@ -16,7 +16,7 @@ var Footer = function (_a) {
     useEffect(function () {
         setHasFooter(true);
     }, [setHasFooter]);
-    return (React.createElement("div", { className: cn(styles.footer, className, layoutStyles[layout], gap && layoutStyles["gap-" + gap], (_b = {},
+    return (React.createElement("div", { className: cn(styles.footer, className, layoutStyles[layout], gap && layoutStyles["gap-".concat(gap)], (_b = {},
             _b[styles.highlighted] = sticky && footerHighlighted,
             _b[styles.sticky] = sticky,
             _b)), "data-test-id": dataTestId }, children));

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

@@ -1,11 +1,11 @@
-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 { Footer } from './Component.js';
+import '../../Context.js';
+import '@alfalab/core-components-base-modal/esm';
 
-var styles = {"footer":"side-panel__footer_qfi01","sticky":"side-panel__sticky_qfi01"};
+var styles = {"footer":"side-panel__footer_gy9bq","sticky":"side-panel__sticky_gy9bq"};
 require('./mobile.css')
 
 var FooterMobile = function (_a) {

package/esm/components/footer/desktop.css

@@ -1,4 +1,4 @@
-/* hash: xywl8 */
+/* hash: 12vgu */
 :root {
 
     /* Hard */
@@ -24,9 +24,9 @@
 
     /* mobile */
 }
-.side-panel__sticky_16uzx {
+.side-panel__sticky_zwt0b {
     bottom: 0;
 }
-.side-panel__s_16uzx {
+.side-panel__s_zwt0b {
     padding: var(--side-panel-s-footer-paddings);
 }