@alfalab/core-components-universal-modal 3.1.0 → 3.1.1-alfasans

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

@@ -2,7 +2,7 @@
     --gap-2xl: 32px;
     --gap-32: var(--gap-2xl);
 }
-.universal-modal__content_1a5yd {
+.universal-modal__content_1vxja {
     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_1a5yd"};
+var styles = {"content":"universal-modal__content_1vxja"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/content/desktop/desktop.css

@@ -1,9 +1,9 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__content_1ft7o.universal-modal__withHeader_1ft7o {
+.universal-modal__content_wlivq.universal-modal__withHeader_wlivq {
         padding-top: var(--gap-0);
     }
-.universal-modal__content_1ft7o.universal-modal__withFooter_1ft7o {
+.universal-modal__content_wlivq.universal-modal__withFooter_wlivq {
         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_1ft7o","withHeader":"universal-modal__withHeader_1ft7o","withFooter":"universal-modal__withFooter_1ft7o"};
+var styles = {"content":"universal-modal__content_wlivq","withHeader":"universal-modal__withHeader_wlivq","withFooter":"universal-modal__withFooter_wlivq"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/content/mobile/mobile.css

@@ -5,12 +5,12 @@
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
 }
-.universal-modal__content_2atcj {
+.universal-modal__content_1a41l {
     padding: var(--gap-16);
 }
-.universal-modal__content_2atcj.universal-modal__withHeader_2atcj {
+.universal-modal__content_1a41l.universal-modal__withHeader_1a41l {
         padding-top: var(--gap-0);
     }
-.universal-modal__content_2atcj.universal-modal__withFooter_2atcj {
+.universal-modal__content_1a41l.universal-modal__withFooter_1a41l {
         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_2atcj","withHeader":"universal-modal__withHeader_2atcj","withFooter":"universal-modal__withFooter_2atcj"};
+var styles = {"content":"universal-modal__content_1a41l","withHeader":"universal-modal__withHeader_1a41l","withFooter":"universal-modal__withFooter_1a41l"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

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

@@ -13,7 +13,7 @@
     --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_1fel6 {
+.universal-modal__footer_ni4ku {
     width: 100%;
     box-sizing: border-box;
     transition:
@@ -21,12 +21,12 @@
         background 0.2s ease;
     padding: var(--gap-16) var(--gap-32) var(--gap-32);
 }
-.universal-modal__sticky_1fel6 {
+.universal-modal__sticky_ni4ku {
     background: var(--universal-modal-footer-background);
     position: sticky;
     z-index: 1;
 }
-.universal-modal__highlighted_1fel6 {
+.universal-modal__highlighted_ni4ku {
     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_1fel6","sticky":"universal-modal__sticky_1fel6","highlighted":"universal-modal__highlighted_1fel6"};
+var styles = {"footer":"universal-modal__footer_ni4ku","sticky":"universal-modal__sticky_ni4ku","highlighted":"universal-modal__highlighted_ni4ku"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/footer/desktop/desktop.css

@@ -1,6 +1,6 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__sticky_1sfol {
+.universal-modal__sticky_1k6hl {
     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_1sfol"};
+var styles = {"sticky":"universal-modal__sticky_1k6hl"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/footer/desktop/layout.css

@@ -6,29 +6,29 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 }
-.universal-modal__column_1s60g {
+.universal-modal__column_arp0c {
     display: flex;
     flex-direction: column;
     gap: var(--gap-8);
 }
-.universal-modal__column_1s60g.universal-modal__middle_1s60g {
+.universal-modal__column_arp0c.universal-modal__middle_arp0c {
         gap: var(--gap-12);
     }
-.universal-modal__start_1s60g {
+.universal-modal__start_arp0c {
     justify-content: flex-start;
 }
-.universal-modal__center_1s60g {
+.universal-modal__center_arp0c {
     justify-content: center;
 }
-.universal-modal__space-between_1s60g {
+.universal-modal__space-between_arp0c {
     justify-content: space-between;
 }
-.universal-modal__space-between_1s60g > * {
+.universal-modal__space-between_arp0c > * {
         flex: 1;
     }
-.universal-modal__start_1s60g,
-.universal-modal__center_1s60g,
-.universal-modal__space-between_1s60g {
+.universal-modal__start_arp0c,
+.universal-modal__center_arp0c,
+.universal-modal__space-between_arp0c {
     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_1s60g","middle":"universal-modal__middle_1s60g","start":"universal-modal__start_1s60g","center":"universal-modal__center_1s60g","space-between":"universal-modal__space-between_1s60g"};
+var layoutStyles = {"column":"universal-modal__column_arp0c","middle":"universal-modal__middle_arp0c","start":"universal-modal__start_arp0c","center":"universal-modal__center_arp0c","space-between":"universal-modal__space-between_arp0c"};
 
 module.exports = layoutStyles;
 //# sourceMappingURL=layout.module.css.js.map

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

@@ -2,26 +2,26 @@
     --gap-m: 16px;
     --gap-16: var(--gap-m);
 }
-.universal-modal__column_vy8ra {
+.universal-modal__column_s2p3n {
     display: flex;
     flex-direction: column;
     gap: var(--gap-16);
 }
-.universal-modal__start_vy8ra {
+.universal-modal__start_s2p3n {
     justify-content: flex-start;
 }
-.universal-modal__center_vy8ra {
+.universal-modal__center_s2p3n {
     justify-content: center;
 }
-.universal-modal__space-between_vy8ra {
+.universal-modal__space-between_s2p3n {
     justify-content: space-between;
 }
-.universal-modal__space-between_vy8ra > * {
+.universal-modal__space-between_s2p3n > * {
         flex: 1;
     }
-.universal-modal__start_vy8ra,
-.universal-modal__center_vy8ra,
-.universal-modal__space-between_vy8ra {
+.universal-modal__start_s2p3n,
+.universal-modal__center_s2p3n,
+.universal-modal__space-between_s2p3n {
     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_vy8ra","start":"universal-modal__start_vy8ra","center":"universal-modal__center_vy8ra","space-between":"universal-modal__space-between_vy8ra"};
+var layoutStylesMobile = {"column":"universal-modal__column_s2p3n","start":"universal-modal__start_s2p3n","center":"universal-modal__center_s2p3n","space-between":"universal-modal__space-between_s2p3n"};
 
 module.exports = layoutStylesMobile;
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/components/footer/mobile/mobile.css

@@ -3,9 +3,9 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 }
-.universal-modal__footer_1a037 {
+.universal-modal__footer_1lp4z {
     padding: var(--gap-16);
 }
-.universal-modal__sticky_1a037 {
+.universal-modal__sticky_1lp4z {
     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_1a037","sticky":"universal-modal__sticky_1a037"};
+var styles = {"footer":"universal-modal__footer_1lp4z","sticky":"universal-modal__sticky_1lp4z"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

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

@@ -10,22 +10,22 @@
     --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_pyhqc {
+.universal-modal__header_1ijl8 {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
 }
-.universal-modal__header_pyhqc.universal-modal__highlighted_pyhqc {
+.universal-modal__header_1ijl8.universal-modal__highlighted_1ijl8 {
         background: var(--universal-modal-header-highlight-background);
         box-shadow: var(--universal-modal-header-highlight-box-shadow);
     }
-.universal-modal__header_pyhqc.universal-modal__sticky_pyhqc {
+.universal-modal__header_1ijl8.universal-modal__sticky_1ijl8 {
         position: sticky;
         top: var(--gap-0);
         z-index: 1;
     }
-.universal-modal__header_pyhqc.universal-modal__sticky_pyhqc.universal-modal__hasContent_pyhqc {
+.universal-modal__header_1ijl8.universal-modal__sticky_1ijl8.universal-modal__hasContent_1ijl8 {
             background: var(--universal-modal-header-background);
         }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"header":"universal-modal__header_pyhqc","highlighted":"universal-modal__highlighted_pyhqc","sticky":"universal-modal__sticky_pyhqc","hasContent":"universal-modal__hasContent_pyhqc"};
+var styles = {"header":"universal-modal__header_1ijl8","highlighted":"universal-modal__highlighted_1ijl8","sticky":"universal-modal__sticky_1ijl8","hasContent":"universal-modal__hasContent_1ijl8"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/header/desktop/desktop.css

@@ -8,36 +8,41 @@
     --gap-20: var(--gap-l);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
-.universal-modal__header_12i37 {
+.universal-modal__header_1g9j2 {
     padding: var(--gap-20) var(--gap-20) 0;
 }
-.universal-modal__header_12i37 .universal-modal__headerTitle_12i37 {
+.universal-modal__header_1g9j2 .universal-modal__headerTitle_1g9j2 {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.2px;
+        font-family: var(--font-family-alfasans);
         padding: 11px var(--gap-12);
     }
-.universal-modal__header_12i37 .universal-modal__bottomAddons_12i37 {
+.universal-modal__header_1g9j2 .universal-modal__bottomAddons_1g9j2 {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.2px;
+        font-family: var(--font-family-alfasans);
         padding: var(--gap-6) var(--gap-12) var(--gap-16);
     }
-.universal-modal__header_12i37.universal-modal__medium_12i37 .universal-modal__headerTitle_12i37 {
+.universal-modal__header_1g9j2.universal-modal__medium_1g9j2 .universal-modal__headerTitle_1g9j2 {
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.1px;
+            font-family: var(--font-family-alfasans);
             padding: var(--gap-6) var(--gap-12) var(--gap-16);
         }
-.universal-modal__header_12i37.universal-modal__medium_12i37 .universal-modal__bottomAddons_12i37 {
+.universal-modal__header_1g9j2.universal-modal__medium_1g9j2 .universal-modal__bottomAddons_1g9j2 {
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.1px;
+            font-family: var(--font-family-alfasans);
         }

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

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var desktopStyles = {"header":"universal-modal__header_12i37","headerTitle":"universal-modal__headerTitle_12i37","bottomAddons":"universal-modal__bottomAddons_12i37","medium":"universal-modal__medium_12i37"};
+var desktopStyles = {"header":"universal-modal__header_1g9j2","headerTitle":"universal-modal__headerTitle_1g9j2","bottomAddons":"universal-modal__bottomAddons_1g9j2","medium":"universal-modal__medium_1g9j2"};
 
 module.exports = desktopStyles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/header/mobile/mobile.css

@@ -10,25 +10,28 @@
     --gap-16: var(--gap-m);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
-.universal-modal__header_4gw09 {
+.universal-modal__header_198kk {
     padding: var(--gap-8) var(--gap-4);
 }
-.universal-modal__content_4gw09 {
+.universal-modal__content_198kk {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
 }
-.universal-modal__bottomAddons_4gw09 {
+.universal-modal__bottomAddons_198kk {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: var(--gap-6) var(--gap-16);
 }

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

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var mobileStyles = {"header":"universal-modal__header_4gw09","content":"universal-modal__content_4gw09","bottomAddons":"universal-modal__bottomAddons_4gw09"};
+var mobileStyles = {"header":"universal-modal__header_198kk","content":"universal-modal__content_198kk","bottomAddons":"universal-modal__bottomAddons_198kk"};
 
 module.exports = mobileStyles;
 //# sourceMappingURL=mobile.module.css.js.map

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

@@ -8,8 +8,9 @@
     --gap-20: var(--gap-l);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 .header {
     padding: var(--gap-20) var(--gap-20) 0;
@@ -18,26 +19,30 @@
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.2px;
+        font-family: var(--font-family-alfasans);
         padding: 11px var(--gap-12);
     }
 .header .bottomAddons {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.2px;
+        font-family: var(--font-family-alfasans);
         padding: var(--gap-6) var(--gap-12) var(--gap-16);
     }
 .header.medium .headerTitle {
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.1px;
+            font-family: var(--font-family-alfasans);
             padding: var(--gap-6) var(--gap-12) var(--gap-16);
         }
 .header.medium .bottomAddons {
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.1px;
+            font-family: var(--font-family-alfasans);
         }

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

@@ -10,8 +10,9 @@
     --gap-16: var(--gap-m);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 .header {
     padding: var(--gap-8) var(--gap-4);
@@ -19,8 +20,9 @@
 .content {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
@@ -28,7 +30,8 @@
 .bottomAddons {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: var(--gap-6) var(--gap-16);
 }

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

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