@alfalab/core-components 23.8.0 → 23.8.1

package/list/esm/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_u85hl {
+.list__list_1cen5 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_u85hl {
+.list__orderedList_1cen5 {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_u85hl {
+.list__lowerAlpha_1cen5 {
     list-style-type: lower-alpha;
 }
-.list__decimal_u85hl {
+.list__decimal_1cen5 {
     list-style-type: decimal;
 }
-.list__item_u85hl {
+.list__item_1cen5 {
     margin-top: var(--list-item-margin)
 }
-.list__item_u85hl:first-child {
+.list__item_1cen5:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_u85hl {
+.list__unorderedItem_1cen5 {
     display: flex;
 }
-.list__orderedItem_u85hl {
+.list__orderedItem_1cen5 {
     padding-left: var(--gap-2xs);
 }
-.list__slot_u85hl {
+.list__slot_1cen5 {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_u85hl {
+.list__list_1cen5 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_u85hl {
+.list__orderedList_1cen5 {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_u85hl {
+.list__lowerAlpha_1cen5 {
     list-style-type: lower-alpha;
 }
-.list__decimal_u85hl {
+.list__decimal_1cen5 {
     list-style-type: decimal;
 }
-.list__item_u85hl {
+.list__item_1cen5 {
     margin-top: var(--list-item-margin)
 }
-.list__item_u85hl:first-child {
+.list__item_1cen5:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_u85hl {
+.list__unorderedItem_1cen5 {
     display: flex;
 }
-.list__orderedItem_u85hl {
+.list__orderedItem_1cen5 {
     padding-left: var(--gap-2xs);
 }
-.list__slot_u85hl {
+.list__slot_1cen5 {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list/modern/Component.js

@@ -1,7 +1,7 @@
 import cn from 'classnames';
 import React, { Children } from 'react';
 
-var styles = {"list":"list__list_u85hl","orderedList":"list__orderedList_u85hl","lowerAlpha":"list__lowerAlpha_u85hl","decimal":"list__decimal_u85hl","item":"list__item_u85hl","unorderedItem":"list__unorderedItem_u85hl","orderedItem":"list__orderedItem_u85hl","slot":"list__slot_u85hl"};
+var styles = {"list":"list__list_1cen5","orderedList":"list__orderedList_1cen5","lowerAlpha":"list__lowerAlpha_1cen5","decimal":"list__decimal_1cen5","item":"list__item_1cen5","unorderedItem":"list__unorderedItem_1cen5","orderedItem":"list__orderedItem_1cen5","slot":"list__slot_1cen5"};
 require('./index.css');
 
 const List = ({ tag: Component = 'ul', marker, className, dataTestId, children, }) => {

package/list/modern/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_u85hl {
+.list__list_1cen5 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_u85hl {
+.list__orderedList_1cen5 {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_u85hl {
+.list__lowerAlpha_1cen5 {
     list-style-type: lower-alpha;
 }
-.list__decimal_u85hl {
+.list__decimal_1cen5 {
     list-style-type: decimal;
 }
-.list__item_u85hl {
+.list__item_1cen5 {
     margin-top: var(--list-item-margin)
 }
-.list__item_u85hl:first-child {
+.list__item_1cen5:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_u85hl {
+.list__unorderedItem_1cen5 {
     display: flex;
 }
-.list__orderedItem_u85hl {
+.list__orderedItem_1cen5 {
     padding-left: var(--gap-2xs);
 }
-.list__slot_u85hl {
+.list__slot_1cen5 {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list-header/Component.js

@@ -9,7 +9,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":"list-header__component_1vaqa","description":"list-header__description_1vaqa","filled":"list-header__filled_1vaqa"};
+var styles = {"component":"list-header__component_1c86m","description":"list-header__description_1c86m","filled":"list-header__filled_1c86m"};
 require('./index.css');
 
 var ListHeader = function (_a) {

package/list-header/esm/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../typography/esm';
 
-var styles = {"component":"list-header__component_1vaqa","description":"list-header__description_1vaqa","filled":"list-header__filled_1vaqa"};
+var styles = {"component":"list-header__component_1c86m","description":"list-header__description_1c86m","filled":"list-header__filled_1c86m"};
 require('./index.css');
 
 var ListHeader = function (_a) {

package/list-header/esm/index.css

@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_1vaqa {
+.list-header__component_1c86m {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_1vaqa {
+.list-header__description_1c86m {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_1vaqa {
+.list-header__filled_1c86m {
     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_1vaqa {
+.list-header__component_1c86m {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_1vaqa {
+.list-header__description_1c86m {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_1vaqa {
+.list-header__filled_1c86m {
     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_1vaqa","description":"list-header__description_1vaqa","filled":"list-header__filled_1vaqa"};
+var styles = {"component":"list-header__component_1c86m","description":"list-header__description_1c86m","filled":"list-header__filled_1c86m"};
 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_1vaqa {
+.list-header__component_1c86m {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_1vaqa {
+.list-header__description_1c86m {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_1vaqa {
+.list-header__filled_1c86m {
     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_io4z9","blink":"loader__blink_io4z9"};
+var styles = {"component":"loader__component_4t8vv","blink":"loader__blink_4t8vv"};
 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_io4z9","blink":"loader__blink_io4z9"};
+var styles = {"component":"loader__component_4t8vv","blink":"loader__blink_4t8vv"};
 require('./index.css');
 
 var Loader = function (_a) {

package/loader/esm/index.css

@@ -1,32 +1,32 @@
 /* hash: 1076g */
-.loader__component_io4z9 {
+.loader__component_4t8vv {
     fill: currentColor
 }
 
-.loader__component_io4z9 circle {
-        animation-name: loader__blink_io4z9;
+.loader__component_4t8vv circle {
+        animation-name: loader__blink_4t8vv;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_io4z9 circle:nth-child(1) {
+.loader__component_4t8vv circle:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_io4z9 circle:nth-child(2) {
+.loader__component_4t8vv circle:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_io4z9 circle:nth-child(3) {
+.loader__component_4t8vv circle:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
     }
 
-@keyframes loader__blink_io4z9 {
+@keyframes loader__blink_4t8vv {
     21% {
         transform: scale(1);
     }

package/loader/index.css

@@ -1,32 +1,32 @@
 /* hash: 1076g */
-.loader__component_io4z9 {
+.loader__component_4t8vv {
     fill: currentColor
 }
 
-.loader__component_io4z9 circle {
-        animation-name: loader__blink_io4z9;
+.loader__component_4t8vv circle {
+        animation-name: loader__blink_4t8vv;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_io4z9 circle:nth-child(1) {
+.loader__component_4t8vv circle:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_io4z9 circle:nth-child(2) {
+.loader__component_4t8vv circle:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_io4z9 circle:nth-child(3) {
+.loader__component_4t8vv circle:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
     }
 
-@keyframes loader__blink_io4z9 {
+@keyframes loader__blink_4t8vv {
     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_io4z9","blink":"loader__blink_io4z9"};
+var styles = {"component":"loader__component_4t8vv","blink":"loader__blink_4t8vv"};
 require('./index.css');
 
 const Loader = ({ className, dataTestId }) => (React.createElement("svg", { height: '24', width: '24', viewBox: '0 0 24 24', className: cn(styles.component, className), "data-test-id": dataTestId },

package/loader/modern/index.css

@@ -1,32 +1,32 @@
 /* hash: 1076g */
-.loader__component_io4z9 {
+.loader__component_4t8vv {
     fill: currentColor
 }
 
-.loader__component_io4z9 circle {
-        animation-name: loader__blink_io4z9;
+.loader__component_4t8vv circle {
+        animation-name: loader__blink_4t8vv;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_io4z9 circle:nth-child(1) {
+.loader__component_4t8vv circle:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_io4z9 circle:nth-child(2) {
+.loader__component_4t8vv circle:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_io4z9 circle:nth-child(3) {
+.loader__component_4t8vv circle:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
     }
 
-@keyframes loader__blink_io4z9 {
+@keyframes loader__blink_4t8vv {
     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_1fh1c"};
+var styles = {"textHidden":"masked-input__textHidden_1fbzh"};
 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_1fh1c"};
+var styles = {"textHidden":"masked-input__textHidden_1fbzh"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/esm/index.css

@@ -1,4 +1,4 @@
 /* hash: 1nm3e */
-.masked-input__textHidden_1fh1c input {
+.masked-input__textHidden_1fbzh input {
     opacity: 0;
 }

package/masked-input/index.css

@@ -1,4 +1,4 @@
 /* hash: 1nm3e */
-.masked-input__textHidden_1fh1c input {
+.masked-input__textHidden_1fbzh 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_1fh1c"};
+var styles = {"textHidden":"masked-input__textHidden_1fbzh"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/modern/index.css

@@ -1,4 +1,4 @@
 /* hash: 1nm3e */
-.masked-input__textHidden_1fh1c input {
+.masked-input__textHidden_1fbzh input {
     opacity: 0;
 }

package/modal/Component.desktop.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-f55bd5ba.js');
+var tslib_es6 = require('./tslib.es6-0386a84d.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
@@ -14,7 +14,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-af64dde4.js');
+var transitions_module = require('./transitions.module-d4114804.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -22,7 +22,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 
-var styles = {"wrapper":"modal__wrapper_1nfwk","component":"modal__component_1nfwk","fullscreen":"modal__fullscreen_1nfwk","s":"modal__s_1nfwk","m":"modal__m_1nfwk","l":"modal__l_1nfwk"};
+var styles = {"wrapper":"modal__wrapper_1hes1","component":"modal__component_1hes1","fullscreen":"modal__fullscreen_1hes1","s":"modal__s_1hes1","m":"modal__m_1hes1","l":"modal__l_1hes1"};
 require('./desktop.css');
 
 var ModalDesktopComponent = React.forwardRef(function (_a, ref) {

package/modal/Component.mobile.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-f55bd5ba.js');
+var tslib_es6 = require('./tslib.es6-0386a84d.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
@@ -10,7 +10,7 @@ var components_closer_Component = require('./components/closer/Component.js');
 require('./components/header/Component.js');
 require('./components/content/Component.js');
 require('./components/footer/Component.js');
-var transitions_module = require('./transitions.module-af64dde4.js');
+var transitions_module = require('./transitions.module-d4114804.js');
 var hooks = require('@alfalab/hooks');
 var components_header_Component_mobile = require('./components/header/Component.mobile.js');
 var components_content_Component_mobile = require('./components/content/Component.mobile.js');
@@ -21,7 +21,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_rscxm"};
+var styles = {"component":"modal__component_ijb58"};
 require('./mobile.css');
 
 var ModalMobileComponent = React.forwardRef(function (_a, ref) {

package/modal/Component.responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-f55bd5ba.js');
+var tslib_es6 = require('./tslib.es6-0386a84d.js');
 var React = require('react');
 require('classnames');
 require('../base-modal');
@@ -15,7 +15,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-af64dde4.js');
+require('./transitions.module-d4114804.js');
 var hooks = require('@alfalab/hooks');
 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-f55bd5ba.js');
+var tslib_es6 = require('../../tslib.es6-0386a84d.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 = {"closer":"modal__closer_15968","left":"modal__left_15968","right":"modal__right_15968","fullscreen":"modal__fullscreen_15968"};
+var styles = {"closer":"modal__closer_1v8ta","left":"modal__left_1v8ta","right":"modal__right_1v8ta","fullscreen":"modal__fullscreen_1v8ta"};
 require('./index.css');
 
 var Closer = function (_a) {

package/modal/components/closer/index.css

@@ -24,7 +24,7 @@
 
     /* scroll */
 }
-.modal__closer_15968 {
+.modal__closer_1v8ta {
     width: 48px;
     height: 48px;
     background-image: var(--modal-closer-icon);
@@ -33,20 +33,20 @@
     flex-shrink: 0;
     transition: opacity 0.2s ease-out
 }
-.modal__closer_15968:hover {
+.modal__closer_1v8ta:hover {
         opacity: 0.7;
     }
-.modal__closer_15968:active {
+.modal__closer_1v8ta:active {
         opacity: 0.5;
     }
-.modal__left_15968,
-.modal__right_15968 {
+.modal__left_1v8ta,
+.modal__right_1v8ta {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }
-.modal__right_15968 {
+.modal__right_1v8ta {
     margin-left: auto;
 }
-.modal__fullscreen_15968 {
+.modal__fullscreen_1v8ta {
     top: 0;
 }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-f55bd5ba.js');
+var tslib_es6 = require('../../tslib.es6-0386a84d.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_x90pt modal__content_1uajn","flex":"modal__flex_x90pt modal__flex_1uajn","s":"modal__s_x90pt","m":"modal__m_x90pt","l":"modal__l_x90pt","fullscreen":"modal__fullscreen_x90pt"};
+var styles = {"content":"modal__content_zlxx2 modal__content_17itv","flex":"modal__flex_zlxx2 modal__flex_17itv","s":"modal__s_zlxx2","m":"modal__m_zlxx2","l":"modal__l_zlxx2","fullscreen":"modal__fullscreen_zlxx2"};
 require('./desktop.css');
 
 var ContentDesktop = 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-f55bd5ba.js');
+var tslib_es6 = require('../../tslib.es6-0386a84d.js');
 var React = require('react');
 require('classnames');
 require('../../../base-modal');
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"content":"modal__content_1jczv modal__content_1uajn","flex":"modal__flex_1jczv modal__flex_1uajn"};
+var styles = {"content":"modal__content_1ywg9 modal__content_17itv","flex":"modal__flex_1ywg9 modal__flex_17itv"};
 require('./mobile.css');
 
 var ContentMobile = function (props) { return (React__default['default'].createElement(components_content_Component.Content, tslib_es6.__assign({ styles: styles }, props))); };

package/modal/components/content/desktop.css

@@ -34,14 +34,14 @@
     /* sticky */
 
     /* scroll */
-}.modal__content_1uajn {
+}.modal__content_17itv {
     box-sizing: border-box;
     width: 100%
-}.modal__content_1uajn:first-child {
+}.modal__content_17itv:first-child {
         padding-top: var(--modal-content-no-header-top-padding);
-    }.modal__content_1uajn:last-child {
+    }.modal__content_17itv:last-child {
         padding-bottom: var(--modal-content-no-footer-bottom-padding);
-    }.modal__flex_1uajn {
+    }.modal__flex_17itv {
     flex: 1 1 auto;
 }
 :root {
@@ -599,20 +599,20 @@
     --modal-footer-highlight-box-shadow: var(--shadow-s-up);
     --modal-footer-highlight-background: var(--color-light-bg-primary);
 }
-.modal__content_x90pt {
+.modal__content_zlxx2 {
 }
-.modal__flex_x90pt {
+.modal__flex_zlxx2 {
 }
-.modal__s_x90pt {
+.modal__s_zlxx2 {
     padding: var(--modal-s-content-paddings);
 }
-.modal__m_x90pt {
+.modal__m_zlxx2 {
     padding: var(--modal-m-content-paddings);
 }
-.modal__l_x90pt,
-.modal__fullscreen_x90pt {
+.modal__l_zlxx2,
+.modal__fullscreen_zlxx2 {
     padding: var(--modal-l-content-paddings)
 }
-.modal__l_x90pt:last-child, .modal__fullscreen_x90pt:last-child {
+.modal__l_zlxx2:last-child, .modal__fullscreen_zlxx2:last-child {
         padding-bottom: var(--modal-l-content-no-footer-bottom-padding);
     }