@alfalab/core-components-universal-modal 2.0.3 → 2.0.4

package/components/content/base-content/index.css

@@ -1,7 +1,7 @@
 :root {
     --gap-2xl: 32px;
     --gap-32: var(--gap-2xl);
-} .universal-modal__content_108pe {
+} .universal-modal__content_3ps79 {
     position: relative;
     box-sizing: border-box;
     width: 100%;

package/components/content/base-content/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"content":"universal-modal__content_108pe"};
+var styles = {"content":"universal-modal__content_3ps79"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/content/desktop/desktop.css

@@ -1,7 +1,7 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__content_1pqgn.universal-modal__withHeader_1pqgn {
+} .universal-modal__content_n89t2.universal-modal__withHeader_n89t2 {
         padding-top: var(--gap-0);
-    } .universal-modal__content_1pqgn.universal-modal__withFooter_1pqgn {
+    } .universal-modal__content_n89t2.universal-modal__withFooter_n89t2 {
         padding-bottom: var(--gap-0);
     }

package/components/content/desktop/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var styles = {"content":"universal-modal__content_1pqgn","withHeader":"universal-modal__withHeader_1pqgn","withFooter":"universal-modal__withFooter_1pqgn"};
+var styles = {"content":"universal-modal__content_n89t2","withHeader":"universal-modal__withHeader_n89t2","withFooter":"universal-modal__withFooter_n89t2"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/content/mobile/mobile.css

@@ -4,10 +4,10 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
-} .universal-modal__content_1xh6u {
+} .universal-modal__content_1ca7m {
     padding: var(--gap-16);
-} .universal-modal__content_1xh6u.universal-modal__withHeader_1xh6u {
+} .universal-modal__content_1ca7m.universal-modal__withHeader_1ca7m {
         padding-top: var(--gap-0);
-    } .universal-modal__content_1xh6u.universal-modal__withFooter_1xh6u {
+    } .universal-modal__content_1ca7m.universal-modal__withFooter_1ca7m {
         padding-bottom: var(--gap-20);
     }

package/components/content/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"content":"universal-modal__content_1xh6u","withHeader":"universal-modal__withHeader_1xh6u","withFooter":"universal-modal__withFooter_1xh6u"};
+var styles = {"content":"universal-modal__content_1ca7m","withHeader":"universal-modal__withHeader_1ca7m","withFooter":"universal-modal__withFooter_1ca7m"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/footer/base-footer/index.css

@@ -10,18 +10,18 @@
     --universal-modal-footer-background: var(--color-light-modal-bg-primary);
     --universal-modal-footer-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
-} .universal-modal__footer_15hc7 {
+} .universal-modal__footer_8yf03 {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
     padding: var(--gap-16) var(--gap-32) var(--gap-32);
-} .universal-modal__sticky_15hc7 {
+} .universal-modal__sticky_8yf03 {
     background: var(--universal-modal-footer-background);
     position: sticky;
     z-index: 1;
-} .universal-modal__highlighted_15hc7 {
+} .universal-modal__highlighted_8yf03 {
     background: var(--universal-modal-footer-highlight-background);
     box-shadow: var(--universal-modal-footer-highlight-box-shadow);
 }

package/components/footer/base-footer/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"footer":"universal-modal__footer_15hc7","sticky":"universal-modal__sticky_15hc7","highlighted":"universal-modal__highlighted_15hc7"};
+var styles = {"footer":"universal-modal__footer_8yf03","sticky":"universal-modal__sticky_8yf03","highlighted":"universal-modal__highlighted_8yf03"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/footer/desktop/desktop.css

@@ -1,5 +1,5 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__sticky_el2j0 {
+} .universal-modal__sticky_s4108 {
     bottom: var(--gap-0);
 }

package/components/footer/desktop/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var styles = {"sticky":"universal-modal__sticky_el2j0"};
+var styles = {"sticky":"universal-modal__sticky_s4108"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/footer/desktop/layout.css

@@ -5,23 +5,23 @@
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
-} .universal-modal__column_ebeel {
+} .universal-modal__column_rucvs {
     display: flex;
     flex-direction: column;
     gap: var(--gap-8);
-} .universal-modal__column_ebeel.universal-modal__middle_ebeel {
+} .universal-modal__column_rucvs.universal-modal__middle_rucvs {
         gap: var(--gap-12);
-    } .universal-modal__start_ebeel {
+    } .universal-modal__start_rucvs {
     justify-content: flex-start;
-} .universal-modal__center_ebeel {
+} .universal-modal__center_rucvs {
     justify-content: center;
-} .universal-modal__space-between_ebeel {
+} .universal-modal__space-between_rucvs {
     justify-content: space-between;
-} .universal-modal__space-between_ebeel > * {
+} .universal-modal__space-between_rucvs > * {
         flex: 1;
-    } .universal-modal__start_ebeel,
-.universal-modal__center_ebeel,
-.universal-modal__space-between_ebeel {
+    } .universal-modal__start_rucvs,
+.universal-modal__center_rucvs,
+.universal-modal__space-between_rucvs {
     display: flex;
     gap: var(--gap-16);
 }

package/components/footer/desktop/layout.module.css.js

@@ -2,7 +2,7 @@
 
 require('./layout.css');
 
-var layoutStyles = {"column":"universal-modal__column_ebeel","middle":"universal-modal__middle_ebeel","start":"universal-modal__start_ebeel","center":"universal-modal__center_ebeel","space-between":"universal-modal__space-between_ebeel"};
+var layoutStyles = {"column":"universal-modal__column_rucvs","middle":"universal-modal__middle_rucvs","start":"universal-modal__start_rucvs","center":"universal-modal__center_rucvs","space-between":"universal-modal__space-between_rucvs"};
 
 module.exports = layoutStyles;
 //# sourceMappingURL=layout.module.css.js.map

package/components/footer/mobile/layout.mobile.css

@@ -1,21 +1,21 @@
 :root {
     --gap-m: 16px;
     --gap-16: var(--gap-m);
-} .universal-modal__column_s3i6x {
+} .universal-modal__column_6wiyw {
     display: flex;
     flex-direction: column;
     gap: var(--gap-16);
-} .universal-modal__start_s3i6x {
+} .universal-modal__start_6wiyw {
     justify-content: flex-start;
-} .universal-modal__center_s3i6x {
+} .universal-modal__center_6wiyw {
     justify-content: center;
-} .universal-modal__space-between_s3i6x {
+} .universal-modal__space-between_6wiyw {
     justify-content: space-between;
-} .universal-modal__space-between_s3i6x > * {
+} .universal-modal__space-between_6wiyw > * {
         flex: 1;
-    } .universal-modal__start_s3i6x,
-.universal-modal__center_s3i6x,
-.universal-modal__space-between_s3i6x {
+    } .universal-modal__start_6wiyw,
+.universal-modal__center_6wiyw,
+.universal-modal__space-between_6wiyw {
     display: flex;
     gap: var(--gap-16);
 }

package/components/footer/mobile/layout.mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./layout.mobile.css');
 
-var layoutStylesMobile = {"column":"universal-modal__column_s3i6x","start":"universal-modal__start_s3i6x","center":"universal-modal__center_s3i6x","space-between":"universal-modal__space-between_s3i6x"};
+var layoutStylesMobile = {"column":"universal-modal__column_6wiyw","start":"universal-modal__start_6wiyw","center":"universal-modal__center_6wiyw","space-between":"universal-modal__space-between_6wiyw"};
 
 module.exports = layoutStylesMobile;
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/components/footer/mobile/mobile.css

@@ -2,8 +2,8 @@
     --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
-} .universal-modal__footer_94mbj {
+} .universal-modal__footer_657jf {
     padding: var(--gap-16);
-} .universal-modal__sticky_94mbj {
+} .universal-modal__sticky_657jf {
     bottom: var(--gap-0);
 }

package/components/footer/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"footer":"universal-modal__footer_94mbj","sticky":"universal-modal__sticky_94mbj"};
+var styles = {"footer":"universal-modal__footer_657jf","sticky":"universal-modal__sticky_657jf"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/header/base-header/index.css

@@ -8,43 +8,43 @@
     --universal-modal-header-background: var(--color-light-modal-bg-primary);
     --universal-modal-header-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
-} .universal-modal__header_g18qx {
+} .universal-modal__header_1ijfl {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
     padding: var(--gap-20) var(--gap-20) 0;
-} .universal-modal__highlighted_g18qx {
+} .universal-modal__highlighted_1ijfl {
     background: var(--universal-modal-header-highlight-background);
     box-shadow: var(--universal-modal-header-highlight-box-shadow);
-} .universal-modal__sticky_g18qx {
+} .universal-modal__sticky_1ijfl {
     position: sticky;
     z-index: 1;
-} .universal-modal__sticky_g18qx.universal-modal__hasContent_g18qx {
+} .universal-modal__sticky_1ijfl.universal-modal__hasContent_1ijfl {
         background: var(--universal-modal-header-background);
-    } .universal-modal__header_g18qx.universal-modal__backgroundImage_g18qx {
+    } .universal-modal__header_1ijfl.universal-modal__backgroundImage_1ijfl {
     background: center no-repeat;
     background-size: cover;
-} .universal-modal__content_g18qx {
+} .universal-modal__content_1ijfl {
     flex-grow: 1;
-} .universal-modal__title_g18qx {
+} .universal-modal__title_1ijfl {
     word-break: break-word;
-} .universal-modal__addon_g18qx {
+} .universal-modal__addon_1ijfl {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-} .universal-modal__closer_g18qx {
+} .universal-modal__closer_1ijfl {
     margin-left: auto;
-} .universal-modal__right_g18qx {
+} .universal-modal__right_1ijfl {
     justify-content: flex-end;
     text-align: right;
-} .universal-modal__trim_g18qx {
+} .universal-modal__trim_1ijfl {
     overflow: hidden;
-} .universal-modal__trim_g18qx .universal-modal__title_g18qx {
+} .universal-modal__trim_1ijfl .universal-modal__title_1ijfl {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/components/header/base-header/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"header":"universal-modal__header_g18qx","highlighted":"universal-modal__highlighted_g18qx","sticky":"universal-modal__sticky_g18qx","hasContent":"universal-modal__hasContent_g18qx"};
+var styles = {"header":"universal-modal__header_1ijfl","highlighted":"universal-modal__highlighted_1ijfl","sticky":"universal-modal__sticky_1ijfl","hasContent":"universal-modal__hasContent_1ijfl"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/header/desktop/desktop.css

@@ -10,24 +10,24 @@
 } :root {
     --universal-modal-header-desktop-font-weight: bold;
     --universal-modal-header-desktop-font-family: var(--font-family-system);
-} .universal-modal__content_1u5kt {
+} .universal-modal__content_26fm7 {
     font-weight: var(--universal-modal-header-desktop-font-weight);
     font-family: var(--universal-modal-header-desktop-font-family);
-} .universal-modal__sticky_1u5kt {
+} .universal-modal__sticky_26fm7 {
     top: var(--gap-0);
-} .universal-modal__bottomAddons_1u5kt,
-.universal-modal__headerTitle_1u5kt {
+} .universal-modal__bottomAddons_26fm7,
+.universal-modal__headerTitle_26fm7 {
     font-size: 22px;
     line-height: 26px;
     font-weight: 700;
-} .universal-modal__bottomAddons_1u5kt.universal-modal__medium_1u5kt, .universal-modal__headerTitle_1u5kt.universal-modal__medium_1u5kt {
+} .universal-modal__bottomAddons_26fm7.universal-modal__medium_26fm7, .universal-modal__headerTitle_26fm7.universal-modal__medium_26fm7 {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
-    } .universal-modal__headerTitle_1u5kt {
+    } .universal-modal__headerTitle_26fm7 {
     padding: 11px var(--gap-12);
-} .universal-modal__headerTitle_1u5kt.universal-modal__medium_1u5kt {
+} .universal-modal__headerTitle_26fm7.universal-modal__medium_26fm7 {
         padding: 6px var(--gap-12) var(--gap-16);
-    } .universal-modal__bottomAddons_1u5kt {
+    } .universal-modal__bottomAddons_26fm7 {
     padding: 6px var(--gap-12) var(--gap-16);
 }

package/components/header/desktop/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var desktopStyles = {"content":"universal-modal__content_1u5kt","sticky":"universal-modal__sticky_1u5kt","bottomAddons":"universal-modal__bottomAddons_1u5kt","headerTitle":"universal-modal__headerTitle_1u5kt","medium":"universal-modal__medium_1u5kt"};
+var desktopStyles = {"content":"universal-modal__content_26fm7","sticky":"universal-modal__sticky_26fm7","bottomAddons":"universal-modal__bottomAddons_26fm7","headerTitle":"universal-modal__headerTitle_26fm7","medium":"universal-modal__medium_26fm7"};
 
 module.exports = desktopStyles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/header/mobile/mobile.css

@@ -16,11 +16,11 @@
     --universal-modal-header-mobile-line-height: 28px;
     --universal-modal-header-mobile-font-family: var(--font-family-system);
     --universal-modal-header-mobile-font-weight: 600;
-} .universal-modal__header_19wd5 {
+} .universal-modal__header_zn4dz {
     padding: var(--gap-8) var(--gap-4);
-} .universal-modal__sticky_19wd5 {
+} .universal-modal__sticky_zn4dz {
     top: var(--gap-0);
-} .universal-modal__content_19wd5 {
+} .universal-modal__content_zn4dz {
     font-size: var(--universal-modal-header-mobile-font-size);
     line-height: var(--universal-modal-header-mobile-line-height);
     font-family: var(--universal-modal-header-mobile-font-family);
@@ -28,7 +28,7 @@
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
-} .universal-modal__bottomAddons_19wd5 {
+} .universal-modal__bottomAddons_zn4dz {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;

package/components/header/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var mobileStyles = {"header":"universal-modal__header_19wd5","sticky":"universal-modal__sticky_19wd5","content":"universal-modal__content_19wd5","bottomAddons":"universal-modal__bottomAddons_19wd5"};
+var mobileStyles = {"header":"universal-modal__header_zn4dz","sticky":"universal-modal__sticky_zn4dz","content":"universal-modal__content_zn4dz","bottomAddons":"universal-modal__bottomAddons_zn4dz"};
 
 module.exports = mobileStyles;
 //# sourceMappingURL=mobile.module.css.js.map

package/cssm/desktop/types/props.d.ts

@@ -37,7 +37,7 @@ export interface BaseUniversalModalProps {
      */
     margin?: TMargin;
 }
-export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose'>> {
+export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock'>> {
     /**
      * Реф контейнера на котором происходит scroll
      */

package/cssm/mobile/types/props.d.ts

@@ -3,5 +3,5 @@ export interface BaseUniversalModalMobileProps {
     /** Сторона с которой будет появляться модальное окно */
     appearance?: 'bottom' | 'right';
 }
-export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose'>> {
+export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose' | 'disableFocusLock'>> {
 }

package/desktop/components/buttons/arrow-button/arrow-button.css

@@ -3,7 +3,7 @@
 } :root {
     --gap-s: 12px;
     --gap-12: var(--gap-s);
-} .universal-modal__button_33ns3.universal-modal__button_33ns3 {
+} .universal-modal__button_161ke.universal-modal__button_161ke {
     padding: 0 var(--gap-12);
     background-color: var(--color-light-bg-primary-alpha-40);
     -webkit-backdrop-filter: blur(10px);

package/desktop/components/buttons/arrow-button/arrow-button.module.css.js

@@ -2,7 +2,7 @@
 
 require('./arrow-button.css');
 
-var styles = {"button":"universal-modal__button_33ns3"};
+var styles = {"button":"universal-modal__button_161ke"};
 
 module.exports = styles;
 //# sourceMappingURL=arrow-button.module.css.js.map

package/desktop/components/buttons/cross-button/cross-button.css

@@ -1,6 +1,6 @@
 :root {
     --color-light-monochrome-white-4: rgba(255, 255, 255, 0.04);
-} .universal-modal__button_1whbq.universal-modal__button_1whbq {
+} .universal-modal__button_1gwhk.universal-modal__button_1gwhk {
     background-color: var(--color-light-monochrome-white-4);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

package/desktop/components/buttons/cross-button/cross-button.module.css.js

@@ -2,7 +2,7 @@
 
 require('./cross-button.css');
 
-var styles = {"button":"universal-modal__button_1whbq"};
+var styles = {"button":"universal-modal__button_1gwhk"};
 
 module.exports = styles;
 //# sourceMappingURL=cross-button.module.css.js.map