@alfalab/core-components 25.4.1 → 25.6.0

package/modal/esm/components/footer/mobile.css

@@ -33,16 +33,16 @@
     --modal-footer-highlight-background: var(--color-light-bg-primary);
 
     /* mobile */
-}.modal__footer_1e3rp {
+}.modal__footer_1h2d3 {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
     background: var(--modal-header-background);
-}.modal__sticky_1e3rp {
+}.modal__sticky_1h2d3 {
     background: var(--modal-footer-sticky-background);
     box-shadow: var(--modal-footer-sticky-box-shadow);
     position: sticky;
-}.modal__highlighted_1e3rp {
+}.modal__highlighted_1h2d3 {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }
@@ -118,29 +118,72 @@
     --color-light-blue: #f5f7f9;
 }
 :root {
+    --color-static-corpbg-neutral: #bdc0c2;
+    --color-static-corpbg-primary: #212a33;
+    --color-static-corpbg-secondary: #384048;
+    --color-static-corpbg-tertiary: #7a7f85;
     --color-static-graphic-amethyst: #a489aa;
     --color-static-graphic-blackberry: #bfafc6;
+    --color-static-graphic-blue-chill: #0f9c8c;
     --color-static-graphic-blue-maya: #7eb3ff;
     --color-static-graphic-blue-moody: #7879cf;
     --color-static-graphic-blue-steel: #4f84ba;
     --color-static-graphic-botticelli: #cee5e5;
+    --color-static-graphic-boulder: #7a7a7a;
+    --color-static-graphic-brink-pink: #fc617c;
+    --color-static-graphic-burnt-sienna: #eb7a58;
     --color-static-graphic-carrot: #e8bba3;
+    --color-static-graphic-chatelle: #bfafc6;
+    --color-static-graphic-chathams-blue: #155966;
     --color-static-graphic-chick: #f2db9e;
+    --color-static-graphic-crete: #847128;
+    --color-static-graphic-curious-blue: #2381db;
+    --color-static-graphic-curious-blue-light: #3b99d9;
+    --color-static-graphic-eastern-blue: #269cb3;
+    --color-static-graphic-french-lilac: #d3baed;
+    --color-static-graphic-fuel-yellow: #f29d32;
+    --color-static-graphic-fun-blue: #1d6ab5;
     --color-static-graphic-gallery: #eee;
     --color-static-graphic-green-jungle: #2fc26e;
+    --color-static-graphic-hippie-blue: #5aa4b0;
+    --color-static-graphic-jaffa: #f07134;
+    --color-static-graphic-jaffa-light: #f18836;
+    --color-static-graphic-java: #15c0e0;
+    --color-static-graphic-jungle-green: #2ab79a;
     --color-static-graphic-lavender: #8888ad;
+    --color-static-graphic-mantis: #63cd4f;
+    --color-static-graphic-matisse: #16548f;
+    --color-static-graphic-milano-red: #cd1501;
+    --color-static-graphic-mirage: #1d2434;
+    --color-static-graphic-moon-raker: #e9dbf7;
+    --color-static-graphic-moss-green: #a6d29c;
+    --color-static-graphic-nevada: #626b75;
     --color-static-graphic-olive: #bfd3c9;
+    --color-static-graphic-olivine: #87b965;
     --color-static-graphic-peach: #fcc99b;
     --color-static-graphic-persimmon: #ff5c5c;
+    --color-static-graphic-pewter: #96a5a5;
+    --color-static-graphic-pickled-bluewood: #2d3f50;
+    --color-static-graphic-porsche: #e7b965;
     --color-static-graphic-raspberry: #dfb2bb;
+    --color-static-graphic-red-damask: #da713c;
+    --color-static-graphic-saffron: #f0c330;
     --color-static-graphic-salomie: #fee984;
     --color-static-graphic-sand: #f6bf65;
+    --color-static-graphic-sandy-brown: #f38f6f;
     --color-static-graphic-seawater: #aecfd9;
+    --color-static-graphic-serenade: #fff0e3;
     --color-static-graphic-sky: #a6c0db;
     --color-static-graphic-soft-peach: #f3eaeb;
     --color-static-graphic-solitude: #e8f2fe;
     --color-static-graphic-strawberry: #f8b6a9;
     --color-static-graphic-sundust: #d9d6ce;
+    --color-static-graphic-turkish-rose: #b56a6b;
+    --color-static-graphic-turquoise-blue: #6bd3e6;
+    --color-static-graphic-valencia: #d8463b;
+    --color-static-graphic-waikawa-gray: #5b6d9c;
+    --color-static-graphic-whisper: #f2eff6;
+    --color-static-graphic-zanah: #e1f0de;
     --color-static-local-light-blue: #f5f7f9;
     --color-static-overlay-black-high: rgba(0, 0, 0, 0.32);
     --color-static-overlay-black-low: rgba(0, 0, 0, 0.16);
@@ -335,6 +378,7 @@
     --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
     --color-dark-border-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
     --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
+    --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
     --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
     --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
     --color-dark-graphic-negative-shade-30: rgb(169, 56, 48);
@@ -399,6 +443,7 @@
     --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
     --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
     --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
+    --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
     --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
     --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
     --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
@@ -451,6 +496,8 @@
     --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16);
     --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64);
     --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64);
+    --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12);
+    --color-dynamic-senary-light: rgba(255, 255, 255, 0.12);
     --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48);
     --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48);
     --color-static-primary-dark: rgba(0, 0, 0, 0.8);
@@ -461,6 +508,8 @@
     --color-static-quinary-light: rgba(255, 255, 255, 0.16);
     --color-static-secondary-dark: rgba(0, 0, 0, 0.64);
     --color-static-secondary-light: rgba(255, 255, 255, 0.64);
+    --color-static-senary-dark: rgba(0, 0, 0, 0.12);
+    --color-static-senary-light: rgba(255, 255, 255, 0.12);
     --color-static-tertiary-dark: rgba(0, 0, 0, 0.48);
     --color-static-tertiary-light: rgba(255, 255, 255, 0.48);
 }
@@ -606,13 +655,13 @@
     --modal-header-mobile-line-height: 24px;
     --modal-header-mobile-font-family: var(--font-family-system);
 }
-.modal__footer_1bims {
+.modal__footer_hcozb {
 
     padding: var(--gap-xl) var(--gap-m);
 }
-.modal__highlighted_1bims {
+.modal__highlighted_hcozb {
 }
-.modal__sticky_1bims {
+.modal__sticky_hcozb {
 
     bottom: 0;
 }

package/modal/esm/components/header/Component.desktop.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-416d51c2.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-c7fcbc10.js';
 import React from 'react';
 import cn from 'classnames';
 import '../../../../base-modal/esm';
@@ -8,7 +8,7 @@ import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import { Closer } from '../closer/Component.js';
 
-var styles = {"header":"modal__header_w1htd","content":"modal__content_w1htd","s":"modal__s_w1htd","m":"modal__m_w1htd","l":"modal__l_w1htd","fullscreen":"modal__fullscreen_w1htd","sticky":"modal__sticky_w1htd"};
+var styles = {"header":"modal__header_z037f","content":"modal__content_z037f","s":"modal__s_z037f","m":"modal__m_z037f","l":"modal__l_z037f","fullscreen":"modal__fullscreen_z037f","sticky":"modal__sticky_z037f"};
 require('./desktop.css');
 
 var HeaderDesktop = function (_a) {

package/modal/esm/components/header/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import '../../../../base-modal/esm';
 import { ModalContext } from '../../Context.js';
 
-var styles = {"header":"modal__header_15kxn","highlighted":"modal__highlighted_15kxn","sticky":"modal__sticky_15kxn","hasContent":"modal__hasContent_15kxn","content":"modal__content_15kxn","title":"modal__title_15kxn","addon":"modal__addon_15kxn","left":"modal__left_15kxn","center":"modal__center_15kxn","right":"modal__right_15kxn","trim":"modal__trim_15kxn"};
+var styles = {"header":"modal__header_18jj1","highlighted":"modal__highlighted_18jj1","sticky":"modal__sticky_18jj1","hasContent":"modal__hasContent_18jj1","content":"modal__content_18jj1","title":"modal__title_18jj1","addon":"modal__addon_18jj1","left":"modal__left_18jj1","center":"modal__center_18jj1","right":"modal__right_18jj1","trim":"modal__trim_18jj1"};
 require('./index.css');
 
 var Header = function (_a) {

package/modal/esm/components/header/Component.mobile.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-416d51c2.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-c7fcbc10.js';
 import React from 'react';
 import cn from 'classnames';
 import '../../../../base-modal/esm';
@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import { Closer } from '../closer/Component.js';
 import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
 
-var styles = {"sticky":"modal__sticky_qwqm3","content":"modal__content_qwqm3"};
+var styles = {"sticky":"modal__sticky_9ahxe","content":"modal__content_9ahxe"};
 require('./mobile.css');
 
 var HeaderMobile = function (_a) {

package/modal/esm/components/header/desktop.css

@@ -40,12 +40,12 @@
 
     /* mobile */
 }
-.modal__header_w1htd {
+.modal__header_z037f {
     min-height: var(--modal-header-min-height);
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
 }
-.modal__content_w1htd {
+.modal__content_z037f {
     font-size: 24px;
     line-height: 32px;
     font-weight: 500;
@@ -54,20 +54,20 @@
 
     margin: var(--gap-xs) var(--gap-m) var(--gap-xs) 0;
 }
-.modal__s_w1htd {
+.modal__s_z037f {
     padding: var(--modal-s-header-paddings);
 }
-.modal__m_w1htd {
+.modal__m_z037f {
     padding: var(--modal-m-header-paddings);
 }
-.modal__l_w1htd,
-.modal__fullscreen_w1htd {
+.modal__l_z037f,
+.modal__fullscreen_z037f {
     min-height: var(--modal-header-l-min-height);
     padding: var(--modal-l-header-paddings);
 }
-.modal__sticky_w1htd {
+.modal__sticky_z037f {
     top: calc(var(--modal-vertical-padding) * -1);
 }
-.modal__fullscreen_w1htd {
+.modal__fullscreen_z037f {
     top: 0;
 }

package/modal/esm/components/header/index.css

@@ -25,7 +25,7 @@
 
     /* mobile */
 }
-.modal__header_15kxn {
+.modal__header_18jj1 {
     width: 100%;
     box-sizing: border-box;
     display: flex;
@@ -33,45 +33,45 @@
     justify-content: flex-end;
     transition: box-shadow 0.2s ease, background 0.2s ease;
 }
-.modal__highlighted_15kxn {
+.modal__highlighted_18jj1 {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
 }
-.modal__sticky_15kxn {
+.modal__sticky_18jj1 {
     position: sticky
 }
-.modal__sticky_15kxn.modal__hasContent_15kxn {
+.modal__sticky_18jj1.modal__hasContent_18jj1 {
         background: var(--modal-header-background);
     }
-.modal__content_15kxn {
+.modal__content_18jj1 {
     flex-grow: 1;
 }
-.modal__title_15kxn {
+.modal__title_18jj1 {
     word-break: break-word;
 }
-.modal__addon_15kxn {
+.modal__addon_18jj1 {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
 }
-.modal__left_15kxn {
+.modal__left_18jj1 {
     justify-content: flex-start;
     text-align: left;
 }
-.modal__center_15kxn {
+.modal__center_18jj1 {
     justify-content: center;
     text-align: center;
 }
-.modal__right_15kxn {
+.modal__right_18jj1 {
     justify-content: flex-end;
     text-align: right;
 }
-.modal__trim_15kxn {
+.modal__trim_18jj1 {
     overflow: hidden
 }
-.modal__trim_15kxn .modal__title_15kxn {
+.modal__trim_18jj1 .modal__title_18jj1 {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/modal/esm/components/header/mobile.css

@@ -32,10 +32,10 @@
     --modal-header-mobile-line-height: 24px;
     --modal-header-mobile-font-family: var(--font-family-system);
 }
-.modal__sticky_qwqm3 {
+.modal__sticky_9ahxe {
     top: 0;
 }
-.modal__content_qwqm3 {
+.modal__content_9ahxe {
     padding: var(--modal-header-mobile-padding);
     font-size: var(--modal-header-mobile-font-size);
     line-height: var(--modal-header-mobile-line-height);

package/modal/esm/desktop.css

@@ -30,29 +30,29 @@
 
     /* mobile */
 }
-.modal__wrapper_194qp {
+.modal__wrapper_1qqze {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
 }
-.modal__component_194qp {
+.modal__component_1qqze {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
 }
-.modal__fullscreen_194qp {
+.modal__fullscreen_1qqze {
     padding-top: 0;
     padding-bottom: 0
 }
-.modal__fullscreen_194qp .modal__component_194qp {
+.modal__fullscreen_1qqze .modal__component_1qqze {
         flex: 1;
         border-radius: 0;
     }
-.modal__s_194qp {
+.modal__s_1qqze {
     width: var(--modal-s-width);
 }
-.modal__m_194qp {
+.modal__m_1qqze {
     width: var(--modal-m-width);
 }
-.modal__l_194qp {
+.modal__l_1qqze {
     width: var(--modal-l-width);
 }

package/modal/esm/desktop.js

@@ -1,4 +1,4 @@
-import './tslib.es6-416d51c2.js';
+import './tslib.es6-c7fcbc10.js';
 import 'react';
 import 'classnames';
 import '../../base-modal/esm';
@@ -13,5 +13,5 @@ import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
-import './transitions.module-17b7e511.js';
+import './transitions.module-a44d1a63.js';
 export { ModalDesktop } from './Component.desktop.js';

package/modal/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-416d51c2.js';
+import './tslib.es6-c7fcbc10.js';
 import 'react';
 import 'classnames';
 import '../../base-modal/esm';
@@ -13,7 +13,7 @@ import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
-import './transitions.module-17b7e511.js';
+import './transitions.module-a44d1a63.js';
 import './Component.desktop.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CrossMIcon';

package/modal/esm/mobile.css

@@ -19,7 +19,7 @@
 
     /* mobile */
 }
-.modal__component_dwh58 {
+.modal__component_1tkjd {
     flex: 1;
     width: 100%;
 }

package/modal/esm/mobile.js

@@ -1,4 +1,4 @@
-import './tslib.es6-416d51c2.js';
+import './tslib.es6-c7fcbc10.js';
 import 'react';
 import 'classnames';
 import '../../base-modal/esm';
@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import './components/closer/Component.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';
-import './transitions.module-17b7e511.js';
+import './transitions.module-a44d1a63.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './components/header/Component.mobile.js';

package/modal/esm/responsive.js

@@ -1,4 +1,4 @@
-import './tslib.es6-416d51c2.js';
+import './tslib.es6-c7fcbc10.js';
 import 'react';
 import 'classnames';
 import '../../base-modal/esm';
@@ -13,7 +13,7 @@ import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
-import './transitions.module-17b7e511.js';
+import './transitions.module-a44d1a63.js';
 import './Component.desktop.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CrossMIcon';

package/modal/esm/transitions.css

@@ -1,24 +1,24 @@
 /* hash: 18pdm */
-.modal__appear_1kenv,
-.modal__enter_1kenv {
+.modal__appear_111m1,
+.modal__enter_111m1 {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_1kenv,
-.modal__enterActive_1kenv {
+.modal__appearActive_111m1,
+.modal__enterActive_111m1 {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_1kenv {
+.modal__exit_111m1 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_1kenv,
-.modal__exitDone_1kenv {
+.modal__exitActive_111m1,
+.modal__exitDone_111m1 {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/modal/esm/transitions.module-a44d1a63.js

@@ -0,0 +1,4 @@
+var transitions = {"appear":"modal__appear_111m1","enter":"modal__enter_111m1","appearActive":"modal__appearActive_111m1","enterActive":"modal__enterActive_111m1","exit":"modal__exit_111m1","exitActive":"modal__exitActive_111m1","exitDone":"modal__exitDone_111m1"};
+require('./transitions.css');
+
+export { transitions as t };

package/modal/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-8acddc20.js');
+require('./tslib.es6-1d6a3bea.js');
 require('react');
 require('classnames');
 require('../base-modal');
@@ -16,7 +16,7 @@ require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 require('./components/footer/Component.desktop.js');
 require('./Component.desktop.js');
-require('./transitions.module-c7cb4db9.js');
+require('./transitions.module-6ef57d9c.js');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/Component.mobile.js');

package/modal/mobile.css

@@ -19,7 +19,7 @@
 
     /* mobile */
 }
-.modal__component_dwh58 {
+.modal__component_1tkjd {
     flex: 1;
     width: 100%;
 }

package/modal/mobile.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-8acddc20.js');
+require('./tslib.es6-1d6a3bea.js');
 require('react');
 require('classnames');
 require('../base-modal');
@@ -11,7 +11,7 @@ require('@alfalab/icons-glyph/CrossHeavyMIcon');
 require('./components/closer/Component.js');
 require('./components/content/Component.js');
 require('./components/footer/Component.js');
-require('./transitions.module-c7cb4db9.js');
+require('./transitions.module-6ef57d9c.js');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/Component.mobile.js');

package/modal/modern/Component.desktop.js

@@ -12,9 +12,9 @@ import './components/content/Component.js';
 import { ContentDesktop } from './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import { FooterDesktop } from './components/footer/Component.desktop.js';
-import { t as transitions } from './transitions.module-17b7e511.js';
+import { t as transitions } from './transitions.module-a44d1a63.js';
 
-var styles = {"wrapper":"modal__wrapper_194qp","component":"modal__component_194qp","fullscreen":"modal__fullscreen_194qp","s":"modal__s_194qp","m":"modal__m_194qp","l":"modal__l_194qp"};
+var styles = {"wrapper":"modal__wrapper_1qqze","component":"modal__component_1qqze","fullscreen":"modal__fullscreen_1qqze","s":"modal__s_1qqze","m":"modal__m_1qqze","l":"modal__l_1qqze"};
 require('./desktop.css');
 
 const ModalDesktopComponent = forwardRef(({ size = 's', fixedPosition, fullscreen, children, className, wrapperClassName, transitionProps = {}, ...restProps }, ref) => {

package/modal/modern/Component.mobile.js

@@ -10,12 +10,12 @@ import '../../icon-button/modern';
 import { Closer } from './components/closer/Component.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';
-import { t as transitions } from './transitions.module-17b7e511.js';
+import { t as transitions } from './transitions.module-a44d1a63.js';
 import { HeaderMobile } from './components/header/Component.mobile.js';
 import { ContentMobile } from './components/content/Component.mobile.js';
 import { FooterMobile } from './components/footer/Component.mobile.js';
 
-var styles = {"component":"modal__component_dwh58"};
+var styles = {"component":"modal__component_1tkjd"};
 require('./mobile.css');
 
 const ModalMobileComponent = forwardRef(({ children, className, ...restProps }, ref) => {

package/modal/modern/Component.responsive.js

@@ -14,7 +14,7 @@ import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
-import './transitions.module-17b7e511.js';
+import './transitions.module-a44d1a63.js';
 import { ModalDesktop } from './Component.desktop.js';
 import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';

package/modal/modern/components/closer/Component.js

@@ -5,7 +5,7 @@ import '../../../../base-modal/modern';
 import { ModalContext } from '../../Context.js';
 import { IconButton } from '../../../../icon-button/modern';
 
-var styles = {"closer":"modal__closer_1kvv6","left":"modal__left_1kvv6","right":"modal__right_1kvv6","fullscreen":"modal__fullscreen_1kvv6"};
+var styles = {"closer":"modal__closer_3gzsr","left":"modal__left_3gzsr","right":"modal__right_3gzsr","fullscreen":"modal__fullscreen_3gzsr"};
 require('./index.css');
 
 const Closer = ({ className, fullscreen, align, size = 's', icon = CrossHeavyMIcon, ...restProps }) => {

package/modal/modern/components/closer/index.css

@@ -23,7 +23,7 @@
 
     /* mobile */
 }
-.modal__closer_1kvv6 {
+.modal__closer_3gzsr {
     flex-shrink: 0;
 
     background: rgba(255, 255, 255, 0.4);
@@ -31,14 +31,14 @@
             backdrop-filter: blur(10px);
     border-radius: 50px;
 }
-.modal__left_1kvv6,
-.modal__right_1kvv6 {
+.modal__left_3gzsr,
+.modal__right_3gzsr {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }
-.modal__right_1kvv6 {
+.modal__right_3gzsr {
     margin-left: auto;
 }
-.modal__fullscreen_1kvv6 {
+.modal__fullscreen_3gzsr {
     top: 0;
 }

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

@@ -4,7 +4,7 @@ import '../../../../base-modal/modern';
 import '../../Context.js';
 import { Content } from './Component.js';
 
-var styles = {"content":"modal__content_1b4wi modal__content_1e8kn","flex":"modal__flex_1b4wi modal__flex_1e8kn","s":"modal__s_1b4wi","m":"modal__m_1b4wi","l":"modal__l_1b4wi","fullscreen":"modal__fullscreen_1b4wi"};
+var styles = {"content":"modal__content_1uhyb modal__content_1xlmg","flex":"modal__flex_1uhyb modal__flex_1xlmg","s":"modal__s_1uhyb","m":"modal__m_1uhyb","l":"modal__l_1uhyb","fullscreen":"modal__fullscreen_1uhyb"};
 require('./desktop.css');
 
 const ContentDesktop = ({ size, className, fullscreen, ...restProps }) => (React.createElement(Content, Object.assign({ className: cn(className, size && styles[size], fullscreen && styles.fullscreen), styles: styles }, restProps)));

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

@@ -4,7 +4,7 @@ import '../../../../base-modal/modern';
 import '../../Context.js';
 import { Content } from './Component.js';
 
-var styles = {"content":"modal__content_f1i4u modal__content_1e8kn","flex":"modal__flex_f1i4u modal__flex_1e8kn"};
+var styles = {"content":"modal__content_1g1x2 modal__content_1xlmg","flex":"modal__flex_1g1x2 modal__flex_1xlmg"};
 require('./mobile.css');
 
 const ContentMobile = props => (React.createElement(Content, Object.assign({ styles: styles }, props)));