@alfalab/core-components-modal 5.3.0 → 5.4.2

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-modal@5.4.1...@alfalab/core-components-modal@5.4.2) (2022-08-17)
+
+
+### Bug Fixes
+
+* returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))
+
+
+
+
+
+## [5.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-modal@5.4.0...@alfalab/core-components-modal@5.4.1) (2022-08-11)
+
+**Note:** Version bump only for package @alfalab/core-components-modal
+
+
+
+
+
+# [5.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-modal@5.3.0...@alfalab/core-components-modal@5.4.0) (2022-08-09)
+
+
+### Features
+
+* **modal:** добавлен dataTestId для элементов компонента ([151ff8c](https://github.com/core-ds/core-components/commit/151ff8c5220d794719f90c1bdabedb905db841a7))
+
+
+
+
+
 # [5.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-modal@5.2.8...@alfalab/core-components-modal@5.3.0) (2022-08-04)
 
 

package/{esm/components/header/Component.d.ts → dist/Component-5f9bc48b.d.ts}

@@ -40,6 +40,11 @@ type HeaderProps = {
      * Фиксирует шапку
      */
     sticky?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
 };
 declare const Header: FC<HeaderProps>;
+export * from "./getDataTestId-3fe0d3e6";
 export { HeaderProps, Header };

package/{components/header/Component.js → dist/Component-5f9bc48b.js}

@@ -1,23 +1,25 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
-require('@alfalab/core-components-base-modal');
-var Context = require('../../Context.js');
+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 styles = {"header":"modal__header_1f3yh","hasContent":"modal__hasContent_1f3yh","highlighted":"modal__highlighted_1f3yh","sticky":"modal__sticky_1f3yh","content":"modal__content_1f3yh","title":"modal__title_1f3yh","addon":"modal__addon_1f3yh","closer":"modal__closer_1f3yh","left":"modal__left_1f3yh","center":"modal__center_1f3yh","right":"modal__right_1f3yh","trim":"modal__trim_1f3yh"};
-require('./index.css')
+var getDataTestId = function (dataTestId, element) {
+    var elementPart = element ? "-" + element.toLowerCase() : '';
+    return dataTestId ? "" + dataTestId + elementPart : undefined;
+};
+
+var styles = {"header":"modal__header_1vnjc","hasContent":"modal__hasContent_1vnjc","highlighted":"modal__highlighted_1vnjc","sticky":"modal__sticky_1vnjc","content":"modal__content_1vnjc","title":"modal__title_1vnjc","addon":"modal__addon_1vnjc","closer":"modal__closer_1vnjc","left":"modal__left_1vnjc","center":"modal__center_1vnjc","right":"modal__right_1vnjc","trim":"modal__trim_1vnjc"};
+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;
+    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 () {
@@ -27,14 +29,15 @@ var Header = function (_a) {
             _b[styles.highlighted] = hasContent && sticky && headerHighlighted,
             _b[styles.sticky] = sticky,
             _b[styles.hasContent] = hasContent,
-            _b)) },
+            _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 }, title))),
+            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 → dist/Component.desktop.js}

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-a88e5aa4.js');
+var tslib_es6 = require('./tslib.es6-db03169e.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-5f9bc48b.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-599e6d7b.js');
+var transitions_module = require('./transitions.module-833450a8.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_1k6jx","component":"modal__component_1k6jx","fullscreen":"modal__fullscreen_1k6jx","s":"modal__s_1k6jx","m":"modal__m_1k6jx","l":"modal__l_1k6jx","xl":"modal__xl_1k6jx"};
+var styles = {"wrapper":"modal__wrapper_j2507","component":"modal__component_j2507","fullscreen":"modal__fullscreen_j2507","s":"modal__s_j2507","m":"modal__m_j2507","l":"modal__l_j2507","xl":"modal__xl_j2507"};
 require('./desktop.css')
 
 var ModalDesktopComponent = React.forwardRef(function (_a, ref) {

package/{Component.mobile.js → dist/Component.mobile.js}

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-a88e5aa4.js');
+var tslib_es6 = require('./tslib.es6-db03169e.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-5f9bc48b.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-599e6d7b.js');
+var transitions_module = require('./transitions.module-833450a8.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_1n03x"};
+var styles = {"component":"modal__component_1muzh"};
 require('./mobile.css')
 
 var ModalMobileComponent = React.forwardRef(function (_a, ref) {

package/{Component.responsive.js → dist/Component.responsive.js}

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-a88e5aa4.js');
+var tslib_es6 = require('./tslib.es6-db03169e.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-5f9bc48b.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-599e6d7b.js');
+require('./transitions.module-833450a8.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/Component.mobile.js');
 require('./components/content/Component.mobile.js');

package/{esm → dist}/components/closer/Component.d.ts

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

package/{components → dist/components}/closer/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-a88e5aa4.js');
+var tslib_es6 = require('../../tslib.es6-db03169e.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_1y0l6","button":"modal__button_1y0l6","sticky":"modal__sticky_1y0l6"};
+var styles = {"closer":"modal__closer_veo2m","button":"modal__button_veo2m","sticky":"modal__sticky_veo2m"};
 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 → dist/components}/closer/index.css

@@ -1,4 +1,4 @@
-/* hash: vyru2 */
+/* hash: 1ufth */
 :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_1y0l6 {
+.modal__closer_veo2m {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -38,13 +38,13 @@
     align-items: center;
     justify-content: center;
 }
-.modal__button_1y0l6 {
+.modal__button_veo2m {
     background: var(--modal-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
 }
-.modal__sticky_1y0l6 {
+.modal__sticky_veo2m {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }

package/{components → dist/components}/content/Component.desktop.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-a88e5aa4.js');
+var tslib_es6 = require('../../tslib.es6-db03169e.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_1q0fn","m":"modal__m_1q0fn","l":"modal__l_1q0fn","xl":"modal__xl_1q0fn","fullscreen":"modal__fullscreen_1q0fn"};
+var styles = {"s":"modal__s_1q5k2","m":"modal__m_1q5k2","l":"modal__l_1q5k2","xl":"modal__xl_1q5k2","fullscreen":"modal__fullscreen_1q5k2"};
 require('./desktop.css')
 
 var ContentDesktop = function (_a) {

package/{components → dist/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_3213g","flex":"modal__flex_3213g"};
+var styles = {"content":"modal__content_z7x3c","flex":"modal__flex_z7x3c"};
 require('./index.css')
 
 var Content = function (_a) {

package/{components → dist/components}/content/Component.mobile.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-a88e5aa4.js');
+var tslib_es6 = require('../../tslib.es6-db03169e.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_1bkee"};
+var styles = {"content":"modal__content_u25ou"};
 require('./mobile.css')
 
 var ContentMobile = function (_a) {

package/{esm → dist}/components/content/desktop.css

@@ -1,4 +1,4 @@
-/* hash: amle4 */
+/* hash: 1gloh */
 :root {
 
     /* Hard */
@@ -24,18 +24,18 @@
 
     /* mobile */
 }
-.modal__s_1q0fn,
-.modal__m_1q0fn {
+.modal__s_1q5k2,
+.modal__m_1q5k2 {
     padding: var(--modal-s-content-paddings)
 }
-.modal__s_1q0fn:last-child, .modal__m_1q0fn:last-child {
+.modal__s_1q5k2:last-child, .modal__m_1q5k2:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }
-.modal__l_1q0fn,
-.modal__xl_1q0fn,
-.modal__fullscreen_1q0fn {
+.modal__l_1q5k2,
+.modal__xl_1q5k2,
+.modal__fullscreen_1q5k2 {
     padding: 0 var(--gap-6xl)
 }
-.modal__l_1q0fn:last-child, .modal__xl_1q0fn:last-child, .modal__fullscreen_1q0fn:last-child {
+.modal__l_1q5k2:last-child, .modal__xl_1q5k2:last-child, .modal__fullscreen_1q5k2:last-child {
         padding-bottom: var(--gap-6xl);
     }

package/{esm → dist}/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: 3vjh3 */
+/* hash: 1h17z */
 :root {
 
     /* Hard */
@@ -19,10 +19,10 @@
 
     /* mobile */
 }
-.modal__content_3213g {
+.modal__content_z7x3c {
     box-sizing: border-box;
     width: 100%;
 }
-.modal__flex_3213g {
+.modal__flex_z7x3c {
     flex: 1 1 auto;
 }

package/{esm → dist}/components/content/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 12ndl */
+/* hash: fw4e4 */
 :root {
 
     /* Hard */
@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.modal__content_1bkee {
+.modal__content_u25ou {
     padding: 0 var(--gap-m)
 }
-.modal__content_1bkee:last-child {
+.modal__content_u25ou:last-child {
         padding-bottom: var(--gap-m);
     }

package/{components → dist/components}/footer/Component.desktop.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-a88e5aa4.js');
+var tslib_es6 = require('../../tslib.es6-db03169e.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_1rihp","sticky":"modal__sticky_1rihp","fullscreen":"modal__fullscreen_1rihp","s":"modal__s_1rihp","m":"modal__m_1rihp","l":"modal__l_1rihp","xl":"modal__xl_1rihp"};
+var styles = {"footer":"modal__footer_151q2","sticky":"modal__sticky_151q2","fullscreen":"modal__fullscreen_151q2","s":"modal__s_151q2","m":"modal__m_151q2","l":"modal__l_151q2","xl":"modal__xl_151q2"};
 require('./desktop.css')
 
 var FooterDesktop = function (_a) {

package/{components → dist/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_1ckue","sticky":"modal__sticky_1ckue","highlighted":"modal__highlighted_1ckue"};
+var styles = {"footer":"modal__footer_1t4f9","sticky":"modal__sticky_1t4f9","highlighted":"modal__highlighted_1t4f9"};
 require('./index.css')
 
-var layoutStyles = {"column":"modal__column_djfss","gap-16":"modal__gap-16_djfss","gap-24":"modal__gap-24_djfss","gap-32":"modal__gap-32_djfss","start":"modal__start_djfss","center":"modal__center_djfss","space-between":"modal__space-between_djfss"};
+var layoutStyles = {"column":"modal__column_1q3s8","gap-16":"modal__gap-16_1q3s8","gap-24":"modal__gap-24_1q3s8","gap-32":"modal__gap-32_1q3s8","start":"modal__start_1q3s8","center":"modal__center_1q3s8","space-between":"modal__space-between_1q3s8"};
 require('./layout.css')
 
 var Footer = function (_a) {

package/{components → dist/components}/footer/Component.mobile.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-a88e5aa4.js');
+var tslib_es6 = require('../../tslib.es6-db03169e.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_lu7nw","sticky":"modal__sticky_lu7nw"};
+var styles = {"footer":"modal__footer_whz8h","sticky":"modal__sticky_whz8h"};
 require('./mobile.css')
 
 var FooterMobile = function (_a) {

package/{modern → dist}/components/footer/desktop.css

@@ -1,4 +1,4 @@
-/* hash: jcnt6 */
+/* hash: 1d6iy */
 :root {
 
     /* Hard */
@@ -31,22 +31,22 @@
 
     /* mobile */
 }
-.modal__footer_1rihp {
+.modal__footer_151q2 {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
 }
-.modal__sticky_1rihp {
+.modal__sticky_151q2 {
     bottom: calc(var(--modal-vertical-padding) * -1)
 }
-.modal__sticky_1rihp.modal__fullscreen_1rihp {
+.modal__sticky_151q2.modal__fullscreen_151q2 {
         bottom: 0;
     }
-.modal__s_1rihp,
-.modal__m_1rihp {
+.modal__s_151q2,
+.modal__m_151q2 {
     padding: var(--modal-s-footer-paddings);
 }
-.modal__l_1rihp,
-.modal__xl_1rihp,
-.modal__fullscreen_1rihp {
+.modal__l_151q2,
+.modal__xl_151q2,
+.modal__fullscreen_151q2 {
     padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
 }

package/{esm → dist}/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: s630c */
+/* hash: 1etcq */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -26,16 +26,16 @@
 
     /* mobile */
 }
-.modal__footer_1ckue {
+.modal__footer_1t4f9 {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
 }
-.modal__sticky_1ckue {
+.modal__sticky_1t4f9 {
     background: var(--modal-footer-background);
     position: sticky;
 }
-.modal__highlighted_1ckue {
+.modal__highlighted_1t4f9 {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }

package/dist/components/footer/layout.css

@@ -0,0 +1,84 @@
+/* hash: 1htw5 */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-m: 16px;
+    --gap-xl: 24px;
+    --gap-2xl: 32px;
+}
+:root {
+    --modal-footer-default-gap: var(--gap-m);
+
+    /* sizes */
+
+    /* paddings */
+
+    /* scroll */
+
+    /* desktop */
+
+    /* mobile */
+}
+.modal__column_1q3s8 {
+    display: flex;
+    flex-direction: column
+}
+.modal__column_1q3s8 > * {
+        margin-bottom: var(--modal-footer-default-gap);
+    }
+.modal__column_1q3s8 > *:last-child,
+    .modal__column_1q3s8 > *:only-child {
+        margin-bottom: 0;
+    }
+.modal__column_1q3s8.modal__gap-16_1q3s8 > * {
+        margin-bottom: var(--gap-m);
+    }
+.modal__column_1q3s8.modal__gap-24_1q3s8 > * {
+        margin-bottom: var(--gap-xl);
+    }
+.modal__column_1q3s8.modal__gap-32_1q3s8 > * {
+        margin-bottom: var(--gap-2xl);
+    }
+.modal__start_1q3s8 {
+    justify-content: flex-start;
+}
+.modal__center_1q3s8 {
+    justify-content: center;
+}
+.modal__space-between_1q3s8 {
+    justify-content: space-between
+}
+.modal__space-between_1q3s8 > * {
+        flex: 1;
+    }
+.modal__start_1q3s8,
+.modal__center_1q3s8,
+.modal__space-between_1q3s8 {
+    display: flex
+}
+.modal__start_1q3s8 > *, .modal__center_1q3s8 > *, .modal__space-between_1q3s8 > * {
+        margin-right: var(--modal-footer-default-gap);
+    }
+.modal__start_1q3s8 > *:last-child,
+    .modal__start_1q3s8 > *:only-child,
+    .modal__center_1q3s8 > *:last-child,
+    .modal__center_1q3s8 > *:only-child,
+    .modal__space-between_1q3s8 > *:last-child,
+    .modal__space-between_1q3s8 > *:only-child {
+        margin-right: 0;
+    }
+.modal__start_1q3s8.modal__gap-16_1q3s8 > *, .modal__center_1q3s8.modal__gap-16_1q3s8 > *, .modal__space-between_1q3s8.modal__gap-16_1q3s8 > * {
+        margin-right: var(--gap-m);
+    }
+.modal__start_1q3s8.modal__gap-24_1q3s8 > *, .modal__center_1q3s8.modal__gap-24_1q3s8 > *, .modal__space-between_1q3s8.modal__gap-24_1q3s8 > * {
+        margin-right: var(--gap-xl);
+    }
+.modal__start_1q3s8.modal__gap-32_1q3s8 > *, .modal__center_1q3s8.modal__gap-32_1q3s8 > *, .modal__space-between_1q3s8.modal__gap-32_1q3s8 > * {
+        margin-right: var(--gap-2xl);
+    }

package/{modern → dist}/components/footer/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1xx5y */
+/* hash: zg4bl */
 :root {
 
     /* Hard */
@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.modal__footer_lu7nw {
+.modal__footer_whz8h {
     padding: var(--gap-m);
 }
-.modal__sticky_lu7nw {
+.modal__sticky_whz8h {
     bottom: 0;
 }