@alfalab/core-components 37.5.0 → 37.5.2

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

@@ -1,4 +1,4 @@
-/* hash: 12ltd */
+/* hash: 1c9xs */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -35,9 +35,9 @@
     --modal-header-mobile-line-height: 24px;
     --modal-header-mobile-font-family: var(--font-family-system);
     --modal-header-mobile-font-weight: bold;
-} .modal__sticky_a9mmw {
+} .modal__sticky_1vcij {
     top: 0;
-} .modal__content_a9mmw {
+} .modal__content_1vcij {
     font-size: var(--modal-header-mobile-font-size);
     line-height: var(--modal-header-mobile-line-height);
     font-family: var(--modal-header-mobile-font-family);

package/modal/esm/desktop.css

@@ -1,4 +1,4 @@
-/* hash: darmm */
+/* hash: 3mn7h */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -33,25 +33,25 @@
     /* desktop */
 
     /* mobile */
-} .modal__wrapper_paj31 {
+} .modal__wrapper_1vol3 {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
-} .modal__component_paj31 {
+} .modal__component_1vol3 {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
-} .modal__fullscreen_paj31 {
+} .modal__fullscreen_1vol3 {
     padding-top: 0;
     padding-bottom: 0
-} .modal__fullscreen_paj31 .modal__component_paj31 {
+} .modal__fullscreen_1vol3 .modal__component_1vol3 {
         flex: 1;
         border-radius: 0;
-    } .modal__s_paj31 {
+    } .modal__s_1vol3 {
     width: var(--modal-s-width);
-} .modal__m_paj31 {
+} .modal__m_1vol3 {
     width: var(--modal-m-width);
-} .modal__l_paj31 {
+} .modal__l_1vol3 {
     width: var(--modal-l-width);
-} .modal__xl_paj31 {
+} .modal__xl_1vol3 {
     width: var(--modal-xl-width);
 }

package/modal/esm/desktop.js

@@ -12,5 +12,5 @@ import './components/header/Component.js';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
 import 'react-merge-refs';
-import './tslib.es6-079b23b6.js';
+import './tslib.es6-9de350e9.js';
 import './Context.js';

package/modal/esm/index.js

@@ -14,4 +14,4 @@ import './components/header/Component.js';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
 import 'react-merge-refs';
-import './tslib.es6-079b23b6.js';
+import './tslib.es6-9de350e9.js';

package/modal/esm/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 7901l */
+/* hash: vzfhw */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -25,7 +25,7 @@
     /* desktop */
 
     /* mobile */
-} .modal__component_1sz6y {
+} .modal__component_tefhe {
     flex: 1;
     width: 100%;
 }

package/modal/esm/mobile.js

@@ -12,5 +12,5 @@ import './components/header/Component.js';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
 import 'react-merge-refs';
-import './tslib.es6-079b23b6.js';
+import './tslib.es6-9de350e9.js';
 import './Context.js';

package/modal/esm/responsive.js

@@ -13,5 +13,5 @@ import './components/header/Component.js';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
 import 'react-merge-refs';
-import './tslib.es6-079b23b6.js';
+import './tslib.es6-9de350e9.js';
 import './Context.js';

package/modal/esm/transitions.css

@@ -1,24 +1,24 @@
-/* hash: 1a2s0 */
-.modal__appear_10g9m,
-.modal__enter_10g9m {
+/* hash: 1yt7h */
+.modal__appear_vi5ag,
+.modal__enter_vi5ag {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_10g9m,
-.modal__enterActive_10g9m {
+.modal__appearActive_vi5ag,
+.modal__enterActive_vi5ag {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_10g9m {
+.modal__exit_vi5ag {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_10g9m,
-.modal__exitDone_10g9m {
+.modal__exitActive_vi5ag,
+.modal__exitDone_vi5ag {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/modal/index.js

@@ -1,6 +1,6 @@
 var Component_responsive = require('./Component.responsive.js');
 var Context = require('./Context.js');
-require('./tslib.es6-9ab4bb88.js');
+require('./tslib.es6-c6a782e4.js');
 require('react');
 require('@alfalab/hooks');
 require('./components/closer/Component.js');

package/modal/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 7901l */
+/* hash: vzfhw */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -25,7 +25,7 @@
     /* desktop */
 
     /* mobile */
-} .modal__component_1sz6y {
+} .modal__component_tefhe {
     flex: 1;
     width: 100%;
 }

package/modal/mobile.js

@@ -1,5 +1,5 @@
 var Component_mobile = require('./Component.mobile.js');
-require('./tslib.es6-9ab4bb88.js');
+require('./tslib.es6-c6a782e4.js');
 require('react');
 require('./components/closer/Component.js');
 require('classnames');

package/modal/modern/Component.js

@@ -4,13 +4,13 @@ import cn from 'classnames';
 import { BaseModal } from '../../base-modal/modern';
 import { ResponsiveContext } from './ResponsiveContext.js';
 
-const desktopStyles = {"wrapper":"modal__wrapper_paj31","component":"modal__component_paj31","fullscreen":"modal__fullscreen_paj31","s":"modal__s_paj31","m":"modal__m_paj31","l":"modal__l_paj31","xl":"modal__xl_paj31"};
+const desktopStyles = {"wrapper":"modal__wrapper_1vol3","component":"modal__component_1vol3","fullscreen":"modal__fullscreen_1vol3","s":"modal__s_1vol3","m":"modal__m_1vol3","l":"modal__l_1vol3","xl":"modal__xl_1vol3"};
 require('./desktop.css');
 
-const mobileStyles = {"component":"modal__component_1sz6y"};
+const mobileStyles = {"component":"modal__component_tefhe"};
 require('./mobile.css');
 
-const transitions = {"appear":"modal__appear_10g9m","enter":"modal__enter_10g9m","appearActive":"modal__appearActive_10g9m","enterActive":"modal__enterActive_10g9m","exit":"modal__exit_10g9m","exitActive":"modal__exitActive_10g9m","exitDone":"modal__exitDone_10g9m"};
+const transitions = {"appear":"modal__appear_vi5ag","enter":"modal__enter_vi5ag","appearActive":"modal__appearActive_vi5ag","enterActive":"modal__enterActive_vi5ag","exit":"modal__exit_vi5ag","exitActive":"modal__exitActive_vi5ag","exitDone":"modal__exitDone_vi5ag"};
 require('./transitions.css');
 
 const Modal = forwardRef(({ size = 's', fixedPosition, fullscreen, children, className, wrapperClassName, transitionProps = {}, view, ...restProps }, ref) => {

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

@@ -5,7 +5,7 @@ import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
 import { ModalContext } from '../../Context.js';
 import '../../../../base-modal/modern';
 
-const styles = {"closer":"modal__closer_111nj","button":"modal__button_111nj","sticky":"modal__sticky_111nj"};
+const styles = {"closer":"modal__closer_8elib","button":"modal__button_8elib","sticky":"modal__sticky_8elib"};
 require('./index.css');
 
 /**

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

@@ -1,4 +1,4 @@
-/* hash: 9lgf5 */
+/* hash: 1yyg1 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
@@ -30,7 +30,7 @@
     /* mobile */
 } :root {
     --modal-closer-bg-color: var(--color-light-bg-primary-alpha-40);
-} .modal__closer_111nj {
+} .modal__closer_8elib {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -38,12 +38,12 @@
     display: flex;
     align-items: center;
     justify-content: center;
-} .modal__button_111nj {
+} .modal__button_8elib {
     background: var(--modal-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
-} .modal__sticky_111nj {
+} .modal__sticky_8elib {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }

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

@@ -4,13 +4,13 @@ import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
 import '../../../../base-modal/modern';
 
-const desktopStyles = {"s":"modal__s_1ymbg","m":"modal__m_1ymbg","l":"modal__l_1ymbg","xl":"modal__xl_1ymbg","fullscreen":"modal__fullscreen_1ymbg"};
+const desktopStyles = {"s":"modal__s_z5yvw","m":"modal__m_z5yvw","l":"modal__l_z5yvw","xl":"modal__xl_z5yvw","fullscreen":"modal__fullscreen_z5yvw"};
 require('./desktop.css');
 
-const styles = {"content":"modal__content_2ovk2","flex":"modal__flex_2ovk2"};
+const styles = {"content":"modal__content_129n1","flex":"modal__flex_129n1"};
 require('./index.css');
 
-const mobileStyles = {"content":"modal__content_vcp1c"};
+const mobileStyles = {"content":"modal__content_o9haa"};
 require('./mobile.css');
 
 const Content = ({ children, flex, className }) => {

package/modal/modern/components/content/desktop.css

@@ -1,4 +1,4 @@
-/* hash: jhs5y */
+/* hash: 1agne */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -28,15 +28,15 @@
     /* desktop */
 
     /* mobile */
-} .modal__s_1ymbg,
-.modal__m_1ymbg {
+} .modal__s_z5yvw,
+.modal__m_z5yvw {
     padding: var(--modal-s-content-paddings)
-} .modal__s_1ymbg:last-child, .modal__m_1ymbg:last-child {
+} .modal__s_z5yvw:last-child, .modal__m_z5yvw:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
-    } .modal__l_1ymbg,
-.modal__xl_1ymbg,
-.modal__fullscreen_1ymbg {
+    } .modal__l_z5yvw,
+.modal__xl_z5yvw,
+.modal__fullscreen_z5yvw {
     padding: 0 var(--gap-6xl)
-} .modal__l_1ymbg:last-child, .modal__xl_1ymbg:last-child, .modal__fullscreen_1ymbg:last-child {
+} .modal__l_z5yvw:last-child, .modal__xl_z5yvw:last-child, .modal__fullscreen_z5yvw:last-child {
         padding-bottom: var(--gap-6xl);
     }

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

@@ -1,4 +1,4 @@
-/* hash: 1e0lo */
+/* hash: 5ycv9 */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -25,9 +25,9 @@
     /* desktop */
 
     /* mobile */
-} .modal__content_2ovk2 {
+} .modal__content_129n1 {
     box-sizing: border-box;
     width: 100%;
-} .modal__flex_2ovk2 {
+} .modal__flex_129n1 {
     flex: 1;
 }

package/modal/modern/components/content/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 19mqa */
+/* hash: xey08 */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -26,8 +26,8 @@
     /* desktop */
 
     /* mobile */
-} .modal__content_vcp1c {
+} .modal__content_o9haa {
     padding: 0 var(--gap-m)
-} .modal__content_vcp1c:last-child {
+} .modal__content_o9haa:last-child {
         padding-bottom: var(--gap-m);
     }

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

@@ -4,16 +4,16 @@ import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
 import '../../../../base-modal/modern';
 
-const desktopStyles = {"footer":"modal__footer_1qa3q","sticky":"modal__sticky_1qa3q","fullscreen":"modal__fullscreen_1qa3q","s":"modal__s_1qa3q","m":"modal__m_1qa3q","l":"modal__l_1qa3q","xl":"modal__xl_1qa3q"};
+const desktopStyles = {"footer":"modal__footer_1dkwa","sticky":"modal__sticky_1dkwa","fullscreen":"modal__fullscreen_1dkwa","s":"modal__s_1dkwa","m":"modal__m_1dkwa","l":"modal__l_1dkwa","xl":"modal__xl_1dkwa"};
 require('./desktop.css');
 
-const styles = {"footer":"modal__footer_1kbht","sticky":"modal__sticky_1kbht","highlighted":"modal__highlighted_1kbht"};
+const styles = {"footer":"modal__footer_17mad","sticky":"modal__sticky_17mad","highlighted":"modal__highlighted_17mad"};
 require('./index.css');
 
-const layoutStyles = {"column":"modal__column_nczz1","gap-16":"modal__gap-16_nczz1","gap-24":"modal__gap-24_nczz1","gap-32":"modal__gap-32_nczz1","start":"modal__start_nczz1","center":"modal__center_nczz1","space-between":"modal__space-between_nczz1"};
+const layoutStyles = {"column":"modal__column_ansj4","gap-16":"modal__gap-16_ansj4","gap-24":"modal__gap-24_ansj4","gap-32":"modal__gap-32_ansj4","start":"modal__start_ansj4","center":"modal__center_ansj4","space-between":"modal__space-between_ansj4"};
 require('./layout.css');
 
-const mobileStyles = {"footer":"modal__footer_te7v1","sticky":"modal__sticky_te7v1"};
+const mobileStyles = {"footer":"modal__footer_1m19w","sticky":"modal__sticky_1m19w"};
 require('./mobile.css');
 
 const Footer = ({ children, className, sticky, layout = 'start', gap }) => {

package/modal/modern/components/footer/desktop.css

@@ -1,4 +1,4 @@
-/* hash: o9zy7 */
+/* hash: lfh7c */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -33,18 +33,18 @@
     /* desktop */
 
     /* mobile */
-} .modal__footer_1qa3q {
+} .modal__footer_1dkwa {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
-} .modal__sticky_1qa3q {
+} .modal__sticky_1dkwa {
     bottom: calc(var(--modal-vertical-padding) * -1)
-} .modal__sticky_1qa3q.modal__fullscreen_1qa3q {
+} .modal__sticky_1dkwa.modal__fullscreen_1dkwa {
         bottom: 0;
-    } .modal__s_1qa3q,
-.modal__m_1qa3q {
+    } .modal__s_1dkwa,
+.modal__m_1dkwa {
     padding: var(--modal-s-footer-paddings);
-} .modal__l_1qa3q,
-.modal__xl_1qa3q,
-.modal__fullscreen_1qa3q {
+} .modal__l_1dkwa,
+.modal__xl_1dkwa,
+.modal__fullscreen_1dkwa {
     padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
 }

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

@@ -1,4 +1,4 @@
-/* hash: 1uunr */
+/* hash: 1s050 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -30,14 +30,14 @@
     /* desktop */
 
     /* mobile */
-} .modal__footer_1kbht {
+} .modal__footer_17mad {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
-} .modal__sticky_1kbht {
+} .modal__sticky_17mad {
     background: var(--modal-footer-background);
     position: sticky;
-} .modal__highlighted_1kbht {
+} .modal__highlighted_17mad {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }

package/modal/modern/components/footer/layout.css

@@ -1,4 +1,4 @@
-/* hash: 1qolr */
+/* hash: 1nu30 */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -29,45 +29,45 @@
     /* desktop */
 
     /* mobile */
-} .modal__column_nczz1 {
+} .modal__column_ansj4 {
     display: flex;
     flex-direction: column
-} .modal__column_nczz1 > * {
+} .modal__column_ansj4 > * {
         margin-bottom: var(--modal-footer-default-gap);
-    } .modal__column_nczz1 > *:last-child,
-    .modal__column_nczz1 > *:only-child {
+    } .modal__column_ansj4 > *:last-child,
+    .modal__column_ansj4 > *:only-child {
         margin-bottom: 0;
-    } .modal__column_nczz1.modal__gap-16_nczz1 > * {
+    } .modal__column_ansj4.modal__gap-16_ansj4 > * {
         margin-bottom: var(--gap-m);
-    } .modal__column_nczz1.modal__gap-24_nczz1 > * {
+    } .modal__column_ansj4.modal__gap-24_ansj4 > * {
         margin-bottom: var(--gap-xl);
-    } .modal__column_nczz1.modal__gap-32_nczz1 > * {
+    } .modal__column_ansj4.modal__gap-32_ansj4 > * {
         margin-bottom: var(--gap-2xl);
-    } .modal__start_nczz1 {
+    } .modal__start_ansj4 {
     justify-content: flex-start;
-} .modal__center_nczz1 {
+} .modal__center_ansj4 {
     justify-content: center;
-} .modal__space-between_nczz1 {
+} .modal__space-between_ansj4 {
     justify-content: space-between
-} .modal__space-between_nczz1 > * {
+} .modal__space-between_ansj4 > * {
         flex: 1;
-    } .modal__start_nczz1,
-.modal__center_nczz1,
-.modal__space-between_nczz1 {
+    } .modal__start_ansj4,
+.modal__center_ansj4,
+.modal__space-between_ansj4 {
     display: flex
-} .modal__start_nczz1 > *, .modal__center_nczz1 > *, .modal__space-between_nczz1 > * {
+} .modal__start_ansj4 > *, .modal__center_ansj4 > *, .modal__space-between_ansj4 > * {
         margin-right: var(--modal-footer-default-gap);
-    } .modal__start_nczz1 > *:last-child,
-    .modal__start_nczz1 > *:only-child,
-    .modal__center_nczz1 > *:last-child,
-    .modal__center_nczz1 > *:only-child,
-    .modal__space-between_nczz1 > *:last-child,
-    .modal__space-between_nczz1 > *:only-child {
+    } .modal__start_ansj4 > *:last-child,
+    .modal__start_ansj4 > *:only-child,
+    .modal__center_ansj4 > *:last-child,
+    .modal__center_ansj4 > *:only-child,
+    .modal__space-between_ansj4 > *:last-child,
+    .modal__space-between_ansj4 > *:only-child {
         margin-right: 0;
-    } .modal__start_nczz1.modal__gap-16_nczz1 > *, .modal__center_nczz1.modal__gap-16_nczz1 > *, .modal__space-between_nczz1.modal__gap-16_nczz1 > * {
+    } .modal__start_ansj4.modal__gap-16_ansj4 > *, .modal__center_ansj4.modal__gap-16_ansj4 > *, .modal__space-between_ansj4.modal__gap-16_ansj4 > * {
         margin-right: var(--gap-m);
-    } .modal__start_nczz1.modal__gap-24_nczz1 > *, .modal__center_nczz1.modal__gap-24_nczz1 > *, .modal__space-between_nczz1.modal__gap-24_nczz1 > * {
+    } .modal__start_ansj4.modal__gap-24_ansj4 > *, .modal__center_ansj4.modal__gap-24_ansj4 > *, .modal__space-between_ansj4.modal__gap-24_ansj4 > * {
         margin-right: var(--gap-xl);
-    } .modal__start_nczz1.modal__gap-32_nczz1 > *, .modal__center_nczz1.modal__gap-32_nczz1 > *, .modal__space-between_nczz1.modal__gap-32_nczz1 > * {
+    } .modal__start_ansj4.modal__gap-32_ansj4 > *, .modal__center_ansj4.modal__gap-32_ansj4 > *, .modal__space-between_ansj4.modal__gap-32_ansj4 > * {
         margin-right: var(--gap-2xl);
     }

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

@@ -1,4 +1,4 @@
-/* hash: l9dbv */
+/* hash: uxhr0 */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -26,8 +26,8 @@
     /* desktop */
 
     /* mobile */
-} .modal__footer_te7v1 {
+} .modal__footer_1m19w {
     padding: var(--gap-m);
-} .modal__sticky_te7v1 {
+} .modal__sticky_1m19w {
     bottom: 0;
 }

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

@@ -13,13 +13,13 @@ const getDataTestId = (dataTestId, element) => {
     return dataTestId ? `${dataTestId}${elementPart}` : undefined;
 };
 
-const desktopStyles = {"header":"modal__header_10rwy","content":"modal__content_10rwy","s":"modal__s_10rwy","m":"modal__m_10rwy","l":"modal__l_10rwy","xl":"modal__xl_10rwy","fullscreen":"modal__fullscreen_10rwy","hasContent":"modal__hasContent_10rwy","sticky":"modal__sticky_10rwy"};
+const desktopStyles = {"header":"modal__header_86kse","content":"modal__content_86kse","s":"modal__s_86kse","m":"modal__m_86kse","l":"modal__l_86kse","xl":"modal__xl_86kse","fullscreen":"modal__fullscreen_86kse","hasContent":"modal__hasContent_86kse","sticky":"modal__sticky_86kse"};
 require('./desktop.css');
 
-const styles = {"header":"modal__header_1abcs","hasContent":"modal__hasContent_1abcs","highlighted":"modal__highlighted_1abcs","sticky":"modal__sticky_1abcs","content":"modal__content_1abcs","title":"modal__title_1abcs","addon":"modal__addon_1abcs","closer":"modal__closer_1abcs","left":"modal__left_1abcs","center":"modal__center_1abcs","right":"modal__right_1abcs","trim":"modal__trim_1abcs"};
+const styles = {"header":"modal__header_hq0m6","hasContent":"modal__hasContent_hq0m6","highlighted":"modal__highlighted_hq0m6","sticky":"modal__sticky_hq0m6","content":"modal__content_hq0m6","title":"modal__title_hq0m6","addon":"modal__addon_hq0m6","closer":"modal__closer_hq0m6","left":"modal__left_hq0m6","center":"modal__center_hq0m6","right":"modal__right_hq0m6","trim":"modal__trim_hq0m6"};
 require('./index.css');
 
-const mobileStyles = {"sticky":"modal__sticky_a9mmw","content":"modal__content_a9mmw"};
+const mobileStyles = {"sticky":"modal__sticky_1vcij","content":"modal__content_1vcij"};
 require('./mobile.css');
 
 const Header = ({ className, addonClassName, contentClassName, leftAddons, children, align = 'left', trim = true, title, hasCloser = true, sticky, dataTestId, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: vkd7z */
+/* hash: 9e146 */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -43,36 +43,36 @@
     --modal-header-desktop-font-family: var(--font-family-system);
 
     /* mobile */
-} .modal__header_10rwy {
+} .modal__header_86kse {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
-} .modal__content_10rwy {
+} .modal__content_86kse {
     font-weight: var(--modal-header-desktop-font-weight);
     font-family: var(--modal-header-desktop-font-family);
-} .modal__s_10rwy .modal__content_10rwy,
-.modal__m_10rwy .modal__content_10rwy {
+} .modal__s_86kse .modal__content_86kse,
+.modal__m_86kse .modal__content_86kse {
     padding: var(--modal-s-header-desktop-content-paddings);
     font-size: var(--modal-s-header-desktop-font-size);
     line-height: var(--modal-s-header-desktop-line-height);
-} .modal__l_10rwy .modal__content_10rwy,
-.modal__xl_10rwy .modal__content_10rwy,
-.modal__fullscreen_10rwy .modal__content_10rwy {
+} .modal__l_86kse .modal__content_86kse,
+.modal__xl_86kse .modal__content_86kse,
+.modal__fullscreen_86kse .modal__content_86kse {
     padding: var(--modal-l-header-desktop-content-paddings);
     font-size: var(--modal-l-header-desktop-font-size);
     line-height: var(--modal-l-header-desktop-line-height);
-} .modal__s_10rwy,
-.modal__m_10rwy {
+} .modal__s_86kse,
+.modal__m_86kse {
     padding: var(--modal-s-header-paddings)
-} .modal__s_10rwy:not(.modal__hasContent_10rwy), .modal__m_10rwy:not(.modal__hasContent_10rwy) {
+} .modal__s_86kse:not(.modal__hasContent_86kse), .modal__m_86kse:not(.modal__hasContent_86kse) {
         padding-bottom: 0;
-    } .modal__l_10rwy,
-.modal__xl_10rwy,
-.modal__fullscreen_10rwy {
+    } .modal__l_86kse,
+.modal__xl_86kse,
+.modal__fullscreen_86kse {
     padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
-} .modal__l_10rwy:not(.modal__hasContent_10rwy), .modal__xl_10rwy:not(.modal__hasContent_10rwy), .modal__fullscreen_10rwy:not(.modal__hasContent_10rwy) {
+} .modal__l_86kse:not(.modal__hasContent_86kse), .modal__xl_86kse:not(.modal__hasContent_86kse), .modal__fullscreen_86kse:not(.modal__hasContent_86kse) {
         padding-bottom: var(--gap-m);
-    } .modal__sticky_10rwy {
+    } .modal__sticky_86kse {
     top: calc(var(--modal-vertical-padding) * -1)
-} .modal__sticky_10rwy.modal__fullscreen_10rwy {
+} .modal__sticky_86kse.modal__fullscreen_86kse {
         top: 0;
     }

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

@@ -1,4 +1,4 @@
-/* hash: pknb9 */
+/* hash: 3eb7f */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -29,48 +29,48 @@
     /* desktop */
 
     /* mobile */
-} .modal__header_1abcs {
+} .modal__header_hq0m6 {
     width: 100%;
     box-sizing: border-box;
     display: flex;
     align-items: stretch;
     justify-content: space-between;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .modal__header_1abcs:not(.modal__hasContent_1abcs) {
+} .modal__header_hq0m6:not(.modal__hasContent_hq0m6) {
         pointer-events: none;
-    } .modal__highlighted_1abcs {
+    } .modal__highlighted_hq0m6 {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
-} .modal__sticky_1abcs {
+} .modal__sticky_hq0m6 {
     position: sticky;
     z-index: 1
-} .modal__sticky_1abcs.modal__hasContent_1abcs {
+} .modal__sticky_hq0m6.modal__hasContent_hq0m6 {
         background: var(--modal-header-background);
-    } .modal__content_1abcs {
+    } .modal__content_hq0m6 {
     flex-grow: 1;
-} .modal__title_1abcs {
+} .modal__title_hq0m6 {
     word-break: break-word;
-} .modal__addon_1abcs {
+} .modal__addon_hq0m6 {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-} .modal__closer_1abcs {
+} .modal__closer_hq0m6 {
     margin-left: auto;
-} .modal__left_1abcs {
+} .modal__left_hq0m6 {
     justify-content: flex-start;
     text-align: left;
-} .modal__center_1abcs {
+} .modal__center_hq0m6 {
     justify-content: center;
     text-align: center;
-} .modal__right_1abcs {
+} .modal__right_hq0m6 {
     justify-content: flex-end;
     text-align: right;
-} .modal__trim_1abcs {
+} .modal__trim_hq0m6 {
     overflow: hidden
-} .modal__trim_1abcs .modal__title_1abcs {
+} .modal__trim_hq0m6 .modal__title_hq0m6 {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;