@alfalab/core-components 32.2.0 → 33.1.0-beta.0

package/list-header/esm/index.css

@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_j30co {
+.list-header__component_11x84 {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_j30co {
+.list-header__description_11x84 {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_j30co {
+.list-header__filled_11x84 {
     background-color: var(--color-light-specialbg-component);
 }

package/list-header/index.css

@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_j30co {
+.list-header__component_11x84 {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_j30co {
+.list-header__description_11x84 {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_j30co {
+.list-header__filled_11x84 {
     background-color: var(--color-light-specialbg-component);
 }

package/list-header/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../typography/modern';
 
-var styles = {"component":"list-header__component_j30co","description":"list-header__description_j30co","filled":"list-header__filled_j30co"};
+var styles = {"component":"list-header__component_11x84","description":"list-header__description_11x84","filled":"list-header__filled_11x84"};
 require('./index.css');
 
 const ListHeader = ({ title, description, filled = true, className, dataTestId, }) => (React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, { [styles.filled]: filled }, className) },

package/list-header/modern/index.css

@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_j30co {
+.list-header__component_11x84 {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_j30co {
+.list-header__description_11x84 {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_j30co {
+.list-header__filled_11x84 {
     background-color: var(--color-light-specialbg-component);
 }

package/loader/Component.js

@@ -8,7 +8,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":"loader__component_e2stj","blink":"loader__blink_e2stj"};
+var styles = {"component":"loader__component_15noh","blink":"loader__blink_15noh"};
 require('./index.css');
 
 var Loader = function (_a) {

package/loader/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"loader__component_e2stj","blink":"loader__blink_e2stj"};
+var styles = {"component":"loader__component_15noh","blink":"loader__blink_15noh"};
 require('./index.css');
 
 var Loader = function (_a) {

package/loader/esm/index.css

@@ -1,5 +1,5 @@
 /* hash: 1echn */
-.loader__component_e2stj {
+.loader__component_15noh {
     width: 24px;
     height: 24px;
     display: flex;
@@ -7,36 +7,36 @@
     justify-content: center
 }
 
-.loader__component_e2stj div {
+.loader__component_15noh div {
         height: 4px;
         width: 4px;
         margin-right: 4px;
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_e2stj;
+        animation-name: loader__blink_15noh;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_e2stj div:nth-child(1) {
+.loader__component_15noh div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_e2stj div:nth-child(2) {
+.loader__component_15noh div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_e2stj div:nth-child(3) {
+.loader__component_15noh div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
     }
 
-@keyframes loader__blink_e2stj {
+@keyframes loader__blink_15noh {
     21% {
         transform: scale(1);
     }

package/loader/index.css

@@ -1,5 +1,5 @@
 /* hash: 1echn */
-.loader__component_e2stj {
+.loader__component_15noh {
     width: 24px;
     height: 24px;
     display: flex;
@@ -7,36 +7,36 @@
     justify-content: center
 }
 
-.loader__component_e2stj div {
+.loader__component_15noh div {
         height: 4px;
         width: 4px;
         margin-right: 4px;
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_e2stj;
+        animation-name: loader__blink_15noh;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_e2stj div:nth-child(1) {
+.loader__component_15noh div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_e2stj div:nth-child(2) {
+.loader__component_15noh div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_e2stj div:nth-child(3) {
+.loader__component_15noh div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
     }
 
-@keyframes loader__blink_e2stj {
+@keyframes loader__blink_15noh {
     21% {
         transform: scale(1);
     }

package/loader/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"loader__component_e2stj","blink":"loader__blink_e2stj"};
+var styles = {"component":"loader__component_15noh","blink":"loader__blink_15noh"};
 require('./index.css');
 
 const Loader = ({ className, dataTestId }) => (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },

package/loader/modern/index.css

@@ -1,5 +1,5 @@
 /* hash: 1echn */
-.loader__component_e2stj {
+.loader__component_15noh {
     width: 24px;
     height: 24px;
     display: flex;
@@ -7,36 +7,36 @@
     justify-content: center
 }
 
-.loader__component_e2stj div {
+.loader__component_15noh div {
         height: 4px;
         width: 4px;
         margin-right: 4px;
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_e2stj;
+        animation-name: loader__blink_15noh;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_e2stj div:nth-child(1) {
+.loader__component_15noh div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_e2stj div:nth-child(2) {
+.loader__component_15noh div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_e2stj div:nth-child(3) {
+.loader__component_15noh div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
     }
 
-@keyframes loader__blink_e2stj {
+@keyframes loader__blink_15noh {
     21% {
         transform: scale(1);
     }

package/masked-input/Component.js

@@ -51,7 +51,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"textHidden":"masked-input__textHidden_iv14q"};
+var styles = {"textHidden":"masked-input__textHidden_4l9kv"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/esm/Component.js

@@ -43,7 +43,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"textHidden":"masked-input__textHidden_iv14q"};
+var styles = {"textHidden":"masked-input__textHidden_4l9kv"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1081o */
-.masked-input__textHidden_iv14q input {
+/* hash: xhm4i */
+.masked-input__textHidden_4l9kv input {
     opacity: 0;
 }

package/masked-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1081o */
-.masked-input__textHidden_iv14q input {
+/* hash: xhm4i */
+.masked-input__textHidden_4l9kv input {
     opacity: 0;
 }

package/masked-input/modern/Component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import { createTextMaskInputElement } from 'text-mask-core';
 import { Input } from '../../input/modern';
 
-var styles = {"textHidden":"masked-input__textHidden_iv14q"};
+var styles = {"textHidden":"masked-input__textHidden_4l9kv"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1081o */
-.masked-input__textHidden_iv14q input {
+/* hash: xhm4i */
+.masked-input__textHidden_4l9kv input {
     opacity: 0;
 }

package/modal/{Component-013e4000.js → Component-be253557.js}

@@ -12,7 +12,7 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "" + dataTestId + elementPart : undefined;
 };
 
-var styles = {"header":"modal__header_1j8t0","hasContent":"modal__hasContent_1j8t0","highlighted":"modal__highlighted_1j8t0","sticky":"modal__sticky_1j8t0","content":"modal__content_1j8t0","title":"modal__title_1j8t0","addon":"modal__addon_1j8t0","closer":"modal__closer_1j8t0","left":"modal__left_1j8t0","center":"modal__center_1j8t0","right":"modal__right_1j8t0","trim":"modal__trim_1j8t0"};
+var styles = {"header":"modal__header_bu95l","hasContent":"modal__hasContent_bu95l","highlighted":"modal__highlighted_bu95l","sticky":"modal__sticky_bu95l","content":"modal__content_bu95l","title":"modal__title_bu95l","addon":"modal__addon_bu95l","closer":"modal__closer_bu95l","left":"modal__left_bu95l","center":"modal__center_bu95l","right":"modal__right_bu95l","trim":"modal__trim_bu95l"};
 require('./components/header/index.css');
 
 var Header = function (_a) {

package/modal/Component.desktop.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-ee7d3a73.js');
+var tslib_es6 = require('./tslib.es6-e8ba97aa.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
 var mergeRefs = require('react-merge-refs');
 require('./Context.js');
-require('./Component-013e4000.js');
+require('./Component-be253557.js');
 require('../icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
@@ -15,7 +15,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-7ada6d91.js');
+var transitions_module = require('./transitions.module-56c14c06.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,7 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 
-var styles = {"wrapper":"modal__wrapper_1lhqs","component":"modal__component_1lhqs","fullscreen":"modal__fullscreen_1lhqs","s":"modal__s_1lhqs","m":"modal__m_1lhqs","l":"modal__l_1lhqs","xl":"modal__xl_1lhqs"};
+var styles = {"wrapper":"modal__wrapper_1nrmq","component":"modal__component_1nrmq","fullscreen":"modal__fullscreen_1nrmq","s":"modal__s_1nrmq","m":"modal__m_1nrmq","l":"modal__l_1nrmq","xl":"modal__xl_1nrmq"};
 require('./desktop.css');
 
 var ModalDesktopComponent = React.forwardRef(function (_a, ref) {

package/modal/Component.mobile.js

@@ -1,17 +1,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-ee7d3a73.js');
+var tslib_es6 = require('./tslib.es6-e8ba97aa.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
 require('./Context.js');
-require('./Component-013e4000.js');
+require('./Component-be253557.js');
 require('../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-7ada6d91.js');
+var transitions_module = require('./transitions.module-56c14c06.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');
@@ -22,7 +22,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_rlwv4"};
+var styles = {"component":"modal__component_sf6jd"};
 require('./mobile.css');
 
 var ModalMobileComponent = React.forwardRef(function (_a, ref) {

package/modal/Component.responsive.d.ts

@@ -24,7 +24,7 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<BaseModalProps &
      */
     breakpoint?: number | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.FC<import("./components/header/Component.mobile").HeaderMobileProps> | React.FC<import("./components/header/Component.desktop").HeaderDesktopProps>;
+    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>;
     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/modal/Component.responsive.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-ee7d3a73.js');
+var tslib_es6 = require('./tslib.es6-e8ba97aa.js');
 var React = require('react');
 require('classnames');
 require('../base-modal');
 require('react-merge-refs');
 require('./Context.js');
-require('./Component-013e4000.js');
+require('./Component-be253557.js');
 require('../icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
@@ -16,7 +16,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-7ada6d91.js');
+require('./transitions.module-56c14c06.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/Component.mobile.js');
 require('./components/content/Component.mobile.js');

package/modal/components/closer/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ee7d3a73.js');
+var tslib_es6 = require('../../tslib.es6-e8ba97aa.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
@@ -13,7 +13,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_anz5f","button":"modal__button_anz5f","sticky":"modal__sticky_anz5f"};
+var styles = {"closer":"modal__closer_2kjwo","button":"modal__button_2kjwo","sticky":"modal__sticky_2kjwo"};
 require('./index.css');
 
 /**

package/modal/components/closer/index.css

@@ -1,4 +1,4 @@
-/* hash: 9qu6v */
+/* hash: 1jis8 */
 :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_anz5f {
+.modal__closer_2kjwo {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -38,13 +38,13 @@
     align-items: center;
     justify-content: center;
 }
-.modal__button_anz5f {
+.modal__button_2kjwo {
     background: var(--modal-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
 }
-.modal__sticky_anz5f {
+.modal__sticky_2kjwo {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ee7d3a73.js');
+var tslib_es6 = require('../../tslib.es6-e8ba97aa.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
@@ -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 = {"s":"modal__s_10yhi","m":"modal__m_10yhi","l":"modal__l_10yhi","xl":"modal__xl_10yhi","fullscreen":"modal__fullscreen_10yhi"};
+var styles = {"s":"modal__s_1057t","m":"modal__m_1057t","l":"modal__l_1057t","xl":"modal__xl_1057t","fullscreen":"modal__fullscreen_1057t"};
 require('./desktop.css');
 
 var ContentDesktop = function (_a) {

package/modal/components/content/Component.js

@@ -10,7 +10,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_11z8v","flex":"modal__flex_11z8v"};
+var styles = {"content":"modal__content_115z7","flex":"modal__flex_115z7"};
 require('./index.css');
 
 var Content = function (_a) {

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ee7d3a73.js');
+var tslib_es6 = require('../../tslib.es6-e8ba97aa.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
@@ -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_1y6ld"};
+var styles = {"content":"modal__content_1vwpg"};
 require('./mobile.css');
 
 var ContentMobile = function (_a) {

package/modal/components/content/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1d7jo */
+/* hash: 1hlc2 */
 :root {
 
     /* Hard */
@@ -24,18 +24,18 @@
 
     /* mobile */
 }
-.modal__s_10yhi,
-.modal__m_10yhi {
+.modal__s_1057t,
+.modal__m_1057t {
     padding: var(--modal-s-content-paddings)
 }
-.modal__s_10yhi:last-child, .modal__m_10yhi:last-child {
+.modal__s_1057t:last-child, .modal__m_1057t:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }
-.modal__l_10yhi,
-.modal__xl_10yhi,
-.modal__fullscreen_10yhi {
+.modal__l_1057t,
+.modal__xl_1057t,
+.modal__fullscreen_1057t {
     padding: 0 var(--gap-6xl)
 }
-.modal__l_10yhi:last-child, .modal__xl_10yhi:last-child, .modal__fullscreen_10yhi:last-child {
+.modal__l_1057t:last-child, .modal__xl_1057t:last-child, .modal__fullscreen_1057t:last-child {
         padding-bottom: var(--gap-6xl);
     }

package/modal/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: 1g05h */
+/* hash: 1kdxw */
 :root {
 
     /* Hard */
@@ -19,10 +19,10 @@
 
     /* mobile */
 }
-.modal__content_11z8v {
+.modal__content_115z7 {
     box-sizing: border-box;
     width: 100%;
 }
-.modal__flex_11z8v {
+.modal__flex_115z7 {
     flex: 1 1 auto;
 }

package/modal/components/content/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1y81c */
+/* hash: 1ac00 */
 :root {
 
     /* Hard */
@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.modal__content_1y6ld {
+.modal__content_1vwpg {
     padding: 0 var(--gap-m)
 }
-.modal__content_1y6ld:last-child {
+.modal__content_1vwpg:last-child {
         padding-bottom: var(--gap-m);
     }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ee7d3a73.js');
+var tslib_es6 = require('../../tslib.es6-e8ba97aa.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
@@ -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 = {"footer":"modal__footer_dznus","sticky":"modal__sticky_dznus","fullscreen":"modal__fullscreen_dznus","s":"modal__s_dznus","m":"modal__m_dznus","l":"modal__l_dznus","xl":"modal__xl_dznus"};
+var styles = {"footer":"modal__footer_pq3b1","sticky":"modal__sticky_pq3b1","fullscreen":"modal__fullscreen_pq3b1","s":"modal__s_pq3b1","m":"modal__m_pq3b1","l":"modal__l_pq3b1","xl":"modal__xl_pq3b1"};
 require('./desktop.css');
 
 var FooterDesktop = function (_a) {

package/modal/components/footer/Component.js

@@ -10,10 +10,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_a3yps","sticky":"modal__sticky_a3yps","highlighted":"modal__highlighted_a3yps"};
+var styles = {"footer":"modal__footer_lue61","sticky":"modal__sticky_lue61","highlighted":"modal__highlighted_lue61"};
 require('./index.css');
 
-var layoutStyles = {"column":"modal__column_1a3o5","gap-16":"modal__gap-16_1a3o5","gap-24":"modal__gap-24_1a3o5","gap-32":"modal__gap-32_1a3o5","start":"modal__start_1a3o5","center":"modal__center_1a3o5","space-between":"modal__space-between_1a3o5"};
+var layoutStyles = {"column":"modal__column_1lu3l","gap-16":"modal__gap-16_1lu3l","gap-24":"modal__gap-24_1lu3l","gap-32":"modal__gap-32_1lu3l","start":"modal__start_1lu3l","center":"modal__center_1lu3l","space-between":"modal__space-between_1lu3l"};
 require('./layout.css');
 
 var Footer = function (_a) {

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ee7d3a73.js');
+var tslib_es6 = require('../../tslib.es6-e8ba97aa.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
@@ -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 = {"footer":"modal__footer_1fflx","sticky":"modal__sticky_1fflx"};
+var styles = {"footer":"modal__footer_1rvbi","sticky":"modal__sticky_1rvbi"};
 require('./mobile.css');
 
 var FooterMobile = function (_a) {