@alfalab/core-components-modal 5.2.8 → 5.4.1

package/Component-746658ae.d.ts

@@ -0,0 +1,50 @@
+import { FC, ReactNode } from 'react';
+type HeaderProps = {
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Компонент крестика
+     */
+    closer?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonClassName?: string;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
+    /**
+     * Заголовок шапки
+     */
+    title?: string;
+    /**
+     * Выравнивание заголовка
+     */
+    align?: 'left' | 'center';
+    /**
+     * Обрезать ли заголовок
+     */
+    trim?: boolean;
+    /**
+     * Фиксирует шапку
+     */
+    sticky?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Header: FC<HeaderProps>;
+export * from "./getDataTestId-3fe0d3e6";
+export { HeaderProps, Header };

package/Component-746658ae.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var React = require('react');
+var cn = require('classnames');
+var Context = require('./Context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+var getDataTestId = function (dataTestId, element) {
+    var elementPart = element ? "-" + element.toLowerCase() : '';
+    return dataTestId ? "" + dataTestId + elementPart : undefined;
+};
+
+var styles = {"header":"modal__header_j87gf","hasContent":"modal__hasContent_j87gf","highlighted":"modal__highlighted_j87gf","sticky":"modal__sticky_j87gf","content":"modal__content_j87gf","title":"modal__title_j87gf","addon":"modal__addon_j87gf","closer":"modal__closer_j87gf","left":"modal__left_j87gf","center":"modal__center_j87gf","right":"modal__right_j87gf","trim":"modal__trim_j87gf"};
+require('./components/header/index.css')
+
+var Header = function (_a) {
+    var _b, _c;
+    var className = _a.className, addonClassName = _a.addonClassName, contentClassName = _a.contentClassName, leftAddons = _a.leftAddons, children = _a.children, _d = _a.align, align = _d === void 0 ? 'left' : _d, _e = _a.trim, trim = _e === void 0 ? true : _e, title = _a.title, closer = _a.closer, sticky = _a.sticky, dataTestId = _a.dataTestId;
+    var _f = React.useContext(Context.ModalContext), headerHighlighted = _f.headerHighlighted, setHasHeader = _f.setHasHeader;
+    var hasContent = title || Boolean(children);
+    React.useEffect(function () {
+        setHasHeader(true);
+    }, [setHasHeader]);
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.header, className, (_b = {},
+            _b[styles.highlighted] = hasContent && sticky && headerHighlighted,
+            _b[styles.sticky] = sticky,
+            _b[styles.hasContent] = hasContent,
+            _b)), "data-test-id": getDataTestId(dataTestId) },
+        leftAddons && React__default['default'].createElement("div", { className: cn__default['default'](styles.addon, addonClassName) }, leftAddons),
+        hasContent && (React__default['default'].createElement("div", { className: cn__default['default'](styles.content, contentClassName, styles[align], (_c = {},
+                _c[styles.trim] = trim,
+                _c)) },
+            children,
+            title && (React__default['default'].createElement("div", { className: styles.title, "data-test-id": getDataTestId(dataTestId, 'title') }, title)))),
+        closer && (React__default['default'].createElement("div", { className: cn__default['default'](styles.addon, styles.closer, addonClassName) }, closer))));
+};
+
+exports.Header = Header;
+exports.getDataTestId = getDataTestId;

package/Component.desktop.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-2f4771ad.js');
+var tslib_es6 = require('./tslib.es6-de736688.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
 var mergeRefs = require('react-merge-refs');
 require('./Context.js');
-require('./components/header/Component.js');
+require('./Component-746658ae.js');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
@@ -17,7 +17,7 @@ require('./components/content/Component.js');
 var components_content_Component_desktop = require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 var components_footer_Component_desktop = require('./components/footer/Component.desktop.js');
-var transitions_module = require('./transitions.module-ab513ace.js');
+var transitions_module = require('./transitions.module-567c3cb4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -25,7 +25,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 
-var styles = {"wrapper":"modal__wrapper_12kb8","component":"modal__component_12kb8","fullscreen":"modal__fullscreen_12kb8","s":"modal__s_12kb8","m":"modal__m_12kb8","l":"modal__l_12kb8","xl":"modal__xl_12kb8"};
+var styles = {"wrapper":"modal__wrapper_x1v26","component":"modal__component_x1v26","fullscreen":"modal__fullscreen_x1v26","s":"modal__s_x1v26","m":"modal__m_x1v26","l":"modal__l_x1v26","xl":"modal__xl_x1v26"};
 require('./desktop.css')
 
 var ModalDesktopComponent = React.forwardRef(function (_a, ref) {

package/Component.mobile.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-2f4771ad.js');
+var tslib_es6 = require('./tslib.es6-de736688.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
 require('./Context.js');
-require('./components/header/Component.js');
+require('./Component-746658ae.js');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
 require('./components/content/Component.js');
 require('./components/footer/Component.js');
-var transitions_module = require('./transitions.module-ab513ace.js');
+var transitions_module = require('./transitions.module-567c3cb4.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 var components_header_Component_mobile = require('./components/header/Component.mobile.js');
 var components_content_Component_mobile = require('./components/content/Component.mobile.js');
@@ -24,7 +24,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"modal__component_7c1ol"};
+var styles = {"component":"modal__component_yqeko"};
 require('./mobile.css')
 
 var ModalMobileComponent = React.forwardRef(function (_a, ref) {

package/Component.responsive.d.ts

@@ -2,7 +2,13 @@
 import React from 'react';
 import { ModalDesktopProps } from "./Component.desktop";
 import { ModalMobileProps } from "./Component.mobile";
-type ModalResponsiveProps = ModalMobileProps & ModalDesktopProps;
+type ModalResponsiveProps = ModalMobileProps & ModalDesktopProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
 declare const ModalResponsive: React.ForwardRefExoticComponent<import("packages/base-modal/src").BaseModalProps & {
     hasCloser?: boolean | undefined;
 } & {
@@ -10,8 +16,14 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("packages/
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     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>;
+    Header: React.FC<import("./components/header/Component.mobile").HeaderMobileProps> | React.FC<import("./components/header/Component.desktop").HeaderDesktopProps>;
     Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
     Footer: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
     Closer: React.FC<import("./components/closer/Component").CloserProps>;

package/Component.responsive.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-2f4771ad.js');
+var tslib_es6 = require('./tslib.es6-de736688.js');
 var React = require('react');
 require('classnames');
 require('@alfalab/core-components-base-modal');
 require('react-merge-refs');
 require('./Context.js');
-require('./components/header/Component.js');
+require('./Component-746658ae.js');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
@@ -18,7 +18,7 @@ require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 require('./components/footer/Component.desktop.js');
 var Component_desktop = require('./Component.desktop.js');
-require('./transitions.module-ab513ace.js');
+require('./transitions.module-567c3cb4.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/Component.mobile.js');
 require('./components/content/Component.mobile.js');
@@ -42,10 +42,10 @@ function createResponsive(desktop, mobile) {
     return ResponsiveChild;
 }
 var ModalResponsiveComponent = React.forwardRef(function (_a, ref) {
-    var children = _a.children, restProps = tslib_es6.__rest(_a, ["children"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib_es6.__rest(_a, ["children", "breakpoint"]);
     var view = hooks.useMedia([
-        ['mobile', '(max-width: 1023px)'],
-        ['desktop', '(min-width: 1024px)'],
+        ['mobile', "(max-width: " + (breakpoint - 1) + "px)"],
+        ['desktop', "(min-width: " + breakpoint + "px)"],
     ], 'desktop')[0];
     var contextValue = React.useMemo(function () { return ({ view: view }); }, [view]);
     var Component = view === 'desktop' ? Component_desktop.ModalDesktop : Component_mobile.ModalMobile;

package/components/closer/Component.d.ts

@@ -21,6 +21,10 @@ type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
      * Иконка
      */
     icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
 };
 /**
  * @deprecated Компонент только для внутреннего использования. Используйте <Header />

package/components/closer/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-2f4771ad.js');
+var tslib_es6 = require('../../tslib.es6-de736688.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"closer":"modal__closer_1gech","button":"modal__button_1gech","sticky":"modal__sticky_1gech"};
+var styles = {"closer":"modal__closer_1avwa","button":"modal__button_1avwa","sticky":"modal__sticky_1avwa"};
 require('./index.css')
 
 /**
@@ -23,7 +23,7 @@ require('./index.css')
  */
 var Closer = function (_a) {
     var _b;
-    var className = _a.className, _c = _a.size, size = _c === void 0 ? 's' : _c, sticky = _a.sticky, _d = _a.icon, icon = _d === void 0 ? CrossHeavyMIcon.CrossHeavyMIcon : _d, restProps = tslib_es6.__rest(_a, ["className", "size", "sticky", "icon"]);
+    var className = _a.className, _c = _a.size, size = _c === void 0 ? 's' : _c, sticky = _a.sticky, _d = _a.icon, icon = _d === void 0 ? CrossHeavyMIcon.CrossHeavyMIcon : _d, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "size", "sticky", "icon", "dataTestId"]);
     var onClose = React.useContext(Context.ModalContext).onClose;
     var handleClick = React.useCallback(function (event) {
         onClose(event, 'closerClick');
@@ -31,7 +31,7 @@ var Closer = function (_a) {
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles.closer, className, (_b = {},
             _b[styles.sticky] = sticky,
             _b)) },
-        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon }, restProps))));
+        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, dataTestId: dataTestId }, restProps))));
 };
 
 exports.Closer = Closer;

package/components/closer/index.css

@@ -1,4 +1,4 @@
-/* hash: 17raq */
+/* hash: 7s990 */
 :root {
     --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
 }
@@ -29,7 +29,7 @@
 :root {
     --modal-closer-bg-color: var(--color-light-bg-primary-alpha-40);
 }
-.modal__closer_1gech {
+.modal__closer_1avwa {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -38,13 +38,13 @@
     align-items: center;
     justify-content: center;
 }
-.modal__button_1gech {
+.modal__button_1avwa {
     background: var(--modal-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
 }
-.modal__sticky_1gech {
+.modal__sticky_1avwa {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }

package/components/content/Component.desktop.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-2f4771ad.js');
+var tslib_es6 = require('../../tslib.es6-de736688.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"s":"modal__s_16ndt","m":"modal__m_16ndt","l":"modal__l_16ndt","xl":"modal__xl_16ndt","fullscreen":"modal__fullscreen_16ndt"};
+var styles = {"s":"modal__s_f90xi","m":"modal__m_f90xi","l":"modal__l_f90xi","xl":"modal__xl_f90xi","fullscreen":"modal__fullscreen_f90xi"};
 require('./desktop.css')
 
 var ContentDesktop = function (_a) {

package/components/content/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"content":"modal__content_1iq3b","flex":"modal__flex_1iq3b"};
+var styles = {"content":"modal__content_rbqfu","flex":"modal__flex_rbqfu"};
 require('./index.css')
 
 var Content = function (_a) {

package/components/content/Component.mobile.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-2f4771ad.js');
+var tslib_es6 = require('../../tslib.es6-de736688.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"content":"modal__content_ajzg9"};
+var styles = {"content":"modal__content_g2fmv"};
 require('./mobile.css')
 
 var ContentMobile = function (_a) {

package/components/content/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 7p4kh */
+/* hash: 1n5nj */
 :root {
 
     /* Hard */
@@ -24,18 +24,18 @@
 
     /* mobile */
 }
-.modal__s_16ndt,
-.modal__m_16ndt {
+.modal__s_f90xi,
+.modal__m_f90xi {
     padding: var(--modal-s-content-paddings)
 }
-.modal__s_16ndt:last-child, .modal__m_16ndt:last-child {
+.modal__s_f90xi:last-child, .modal__m_f90xi:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }
-.modal__l_16ndt,
-.modal__xl_16ndt,
-.modal__fullscreen_16ndt {
+.modal__l_f90xi,
+.modal__xl_f90xi,
+.modal__fullscreen_f90xi {
     padding: 0 var(--gap-6xl)
 }
-.modal__l_16ndt:last-child, .modal__xl_16ndt:last-child, .modal__fullscreen_16ndt:last-child {
+.modal__l_f90xi:last-child, .modal__xl_f90xi:last-child, .modal__fullscreen_f90xi:last-child {
         padding-bottom: var(--gap-6xl);
     }

package/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: 127y3 */
+/* hash: 1nl71 */
 :root {
 
     /* Hard */
@@ -19,10 +19,10 @@
 
     /* mobile */
 }
-.modal__content_1iq3b {
+.modal__content_rbqfu {
     box-sizing: border-box;
     width: 100%;
 }
-.modal__flex_1iq3b {
+.modal__flex_rbqfu {
     flex: 1 1 auto;
 }

package/components/content/mobile.css

@@ -1,4 +1,4 @@
-/* hash: bgvyu */
+/* hash: peh9z */
 :root {
 
     /* Hard */
@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.modal__content_ajzg9 {
+.modal__content_g2fmv {
     padding: 0 var(--gap-m)
 }
-.modal__content_ajzg9:last-child {
+.modal__content_g2fmv:last-child {
         padding-bottom: var(--gap-m);
     }

package/components/footer/Component.desktop.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-2f4771ad.js');
+var tslib_es6 = require('../../tslib.es6-de736688.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"footer":"modal__footer_1ojwa","sticky":"modal__sticky_1ojwa","fullscreen":"modal__fullscreen_1ojwa","s":"modal__s_1ojwa","m":"modal__m_1ojwa","l":"modal__l_1ojwa","xl":"modal__xl_1ojwa"};
+var styles = {"footer":"modal__footer_ifxwc","sticky":"modal__sticky_ifxwc","fullscreen":"modal__fullscreen_ifxwc","s":"modal__s_ifxwc","m":"modal__m_ifxwc","l":"modal__l_ifxwc","xl":"modal__xl_ifxwc"};
 require('./desktop.css')
 
 var FooterDesktop = function (_a) {

package/components/footer/Component.js

@@ -12,10 +12,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"footer":"modal__footer_19m90","sticky":"modal__sticky_19m90","highlighted":"modal__highlighted_19m90"};
+var styles = {"footer":"modal__footer_3iam4","sticky":"modal__sticky_3iam4","highlighted":"modal__highlighted_3iam4"};
 require('./index.css')
 
-var layoutStyles = {"column":"modal__column_akuep","gap-16":"modal__gap-16_akuep","gap-24":"modal__gap-24_akuep","gap-32":"modal__gap-32_akuep","start":"modal__start_akuep","center":"modal__center_akuep","space-between":"modal__space-between_akuep"};
+var layoutStyles = {"column":"modal__column_13i02","gap-16":"modal__gap-16_13i02","gap-24":"modal__gap-24_13i02","gap-32":"modal__gap-32_13i02","start":"modal__start_13i02","center":"modal__center_13i02","space-between":"modal__space-between_13i02"};
 require('./layout.css')
 
 var Footer = function (_a) {

package/components/footer/Component.mobile.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-2f4771ad.js');
+var tslib_es6 = require('../../tslib.es6-de736688.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"footer":"modal__footer_1g05h","sticky":"modal__sticky_1g05h"};
+var styles = {"footer":"modal__footer_18ywj","sticky":"modal__sticky_18ywj"};
 require('./mobile.css')
 
 var FooterMobile = function (_a) {

package/components/footer/desktop.css

@@ -1,4 +1,4 @@
-/* hash: chccp */
+/* hash: 1h6eo */
 :root {
 
     /* Hard */
@@ -31,22 +31,22 @@
 
     /* mobile */
 }
-.modal__footer_1ojwa {
+.modal__footer_ifxwc {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
 }
-.modal__sticky_1ojwa {
+.modal__sticky_ifxwc {
     bottom: calc(var(--modal-vertical-padding) * -1)
 }
-.modal__sticky_1ojwa.modal__fullscreen_1ojwa {
+.modal__sticky_ifxwc.modal__fullscreen_ifxwc {
         bottom: 0;
     }
-.modal__s_1ojwa,
-.modal__m_1ojwa {
+.modal__s_ifxwc,
+.modal__m_ifxwc {
     padding: var(--modal-s-footer-paddings);
 }
-.modal__l_1ojwa,
-.modal__xl_1ojwa,
-.modal__fullscreen_1ojwa {
+.modal__l_ifxwc,
+.modal__xl_ifxwc,
+.modal__fullscreen_ifxwc {
     padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
 }

package/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1j206 */
+/* hash: 1it8g */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -26,16 +26,16 @@
 
     /* mobile */
 }
-.modal__footer_19m90 {
+.modal__footer_3iam4 {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
 }
-.modal__sticky_19m90 {
+.modal__sticky_3iam4 {
     background: var(--modal-footer-background);
     position: sticky;
 }
-.modal__highlighted_19m90 {
+.modal__highlighted_3iam4 {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }

package/components/footer/layout.css

@@ -1,4 +1,4 @@
-/* hash: 1evy6 */
+/* hash: 1ltrv */
 :root {
 
     /* Hard */
@@ -25,60 +25,60 @@
 
     /* mobile */
 }
-.modal__column_akuep {
+.modal__column_13i02 {
     display: flex;
     flex-direction: column
 }
-.modal__column_akuep > * {
+.modal__column_13i02 > * {
         margin-bottom: var(--modal-footer-default-gap);
     }
-.modal__column_akuep > *:last-child,
-    .modal__column_akuep > *:only-child {
+.modal__column_13i02 > *:last-child,
+    .modal__column_13i02 > *:only-child {
         margin-bottom: 0;
     }
-.modal__column_akuep.modal__gap-16_akuep > * {
+.modal__column_13i02.modal__gap-16_13i02 > * {
         margin-bottom: var(--gap-m);
     }
-.modal__column_akuep.modal__gap-24_akuep > * {
+.modal__column_13i02.modal__gap-24_13i02 > * {
         margin-bottom: var(--gap-xl);
     }
-.modal__column_akuep.modal__gap-32_akuep > * {
+.modal__column_13i02.modal__gap-32_13i02 > * {
         margin-bottom: var(--gap-2xl);
     }
-.modal__start_akuep {
+.modal__start_13i02 {
     justify-content: flex-start;
 }
-.modal__center_akuep {
+.modal__center_13i02 {
     justify-content: center;
 }
-.modal__space-between_akuep {
+.modal__space-between_13i02 {
     justify-content: space-between
 }
-.modal__space-between_akuep > * {
+.modal__space-between_13i02 > * {
         flex: 1;
     }
-.modal__start_akuep,
-.modal__center_akuep,
-.modal__space-between_akuep {
+.modal__start_13i02,
+.modal__center_13i02,
+.modal__space-between_13i02 {
     display: flex
 }
-.modal__start_akuep > *, .modal__center_akuep > *, .modal__space-between_akuep > * {
+.modal__start_13i02 > *, .modal__center_13i02 > *, .modal__space-between_13i02 > * {
         margin-right: var(--modal-footer-default-gap);
     }
-.modal__start_akuep > *:last-child,
-    .modal__start_akuep > *:only-child,
-    .modal__center_akuep > *:last-child,
-    .modal__center_akuep > *:only-child,
-    .modal__space-between_akuep > *:last-child,
-    .modal__space-between_akuep > *:only-child {
+.modal__start_13i02 > *:last-child,
+    .modal__start_13i02 > *:only-child,
+    .modal__center_13i02 > *:last-child,
+    .modal__center_13i02 > *:only-child,
+    .modal__space-between_13i02 > *:last-child,
+    .modal__space-between_13i02 > *:only-child {
         margin-right: 0;
     }
-.modal__start_akuep.modal__gap-16_akuep > *, .modal__center_akuep.modal__gap-16_akuep > *, .modal__space-between_akuep.modal__gap-16_akuep > * {
+.modal__start_13i02.modal__gap-16_13i02 > *, .modal__center_13i02.modal__gap-16_13i02 > *, .modal__space-between_13i02.modal__gap-16_13i02 > * {
         margin-right: var(--gap-m);
     }
-.modal__start_akuep.modal__gap-24_akuep > *, .modal__center_akuep.modal__gap-24_akuep > *, .modal__space-between_akuep.modal__gap-24_akuep > * {
+.modal__start_13i02.modal__gap-24_13i02 > *, .modal__center_13i02.modal__gap-24_13i02 > *, .modal__space-between_13i02.modal__gap-24_13i02 > * {
         margin-right: var(--gap-xl);
     }
-.modal__start_akuep.modal__gap-32_akuep > *, .modal__center_akuep.modal__gap-32_akuep > *, .modal__space-between_akuep.modal__gap-32_akuep > * {
+.modal__start_13i02.modal__gap-32_13i02 > *, .modal__center_13i02.modal__gap-32_13i02 > *, .modal__space-between_13i02.modal__gap-32_13i02 > * {
         margin-right: var(--gap-2xl);
     }