@alfalab/core-components-universal-modal 3.1.8 → 3.2.0-alfasans

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

@@ -3,9 +3,9 @@
     --gap-0: 0px;
     --gap-20: var(--gap-l);
 }
-.universal-modal__footer_11vdx {
+.universal-modal__footer_48jr1 {
     padding: var(--gap-20);
 }
-.universal-modal__sticky_11vdx {
+.universal-modal__sticky_48jr1 {
     bottom: var(--gap-0);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"footer":"universal-modal__footer_11vdx","sticky":"universal-modal__sticky_11vdx"};
+const styles = {"footer":"universal-modal__footer_48jr1","sticky":"universal-modal__sticky_48jr1"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -2,25 +2,25 @@
     --gap-xs: 8px;
     --gap-8: var(--gap-xs);
 }
-.universal-modal__column_1azhe {
+.universal-modal__column_1xg1j {
     flex-direction: column;
 }
-.universal-modal__start_1azhe {
+.universal-modal__start_1xg1j {
     justify-content: flex-start;
 }
-.universal-modal__center_1azhe {
+.universal-modal__center_1xg1j {
     justify-content: center;
 }
-.universal-modal__space-between_1azhe {
+.universal-modal__space-between_1xg1j {
     justify-content: space-between;
 }
-.universal-modal__space-between_1azhe > * {
+.universal-modal__space-between_1xg1j > * {
         flex: 1;
     }
-.universal-modal__start_1azhe,
-.universal-modal__center_1azhe,
-.universal-modal__space-between_1azhe,
-.universal-modal__column_1azhe {
+.universal-modal__start_1xg1j,
+.universal-modal__center_1xg1j,
+.universal-modal__space-between_1xg1j,
+.universal-modal__column_1xg1j {
     display: flex;
     gap: var(--gap-8);
 }

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

@@ -1,6 +1,6 @@
 import './layout.mobile.css';
 
-const layoutStylesMobile = {"column":"universal-modal__column_1azhe","start":"universal-modal__start_1azhe","center":"universal-modal__center_1azhe","space-between":"universal-modal__space-between_1azhe"};
+const layoutStylesMobile = {"column":"universal-modal__column_1xg1j","start":"universal-modal__start_1xg1j","center":"universal-modal__center_1xg1j","space-between":"universal-modal__space-between_1xg1j"};
 
 export { layoutStylesMobile as default };
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/modern/mobile/components/header/index.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_1jld9 {
+.universal-modal__header_1pzjc {
     padding: var(--gap-8) var(--gap-4);
 }
-.universal-modal__content_1jld9 {
+.universal-modal__content_1pzjc {
     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_1jld9 {
+.universal-modal__bottomAddons_1pzjc {
     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/modern/mobile/components/header/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const mobileStyles = {"header":"universal-modal__header_1jld9","content":"universal-modal__content_1jld9","bottomAddons":"universal-modal__bottomAddons_1jld9"};
+const mobileStyles = {"header":"universal-modal__header_1pzjc","content":"universal-modal__content_1pzjc","bottomAddons":"universal-modal__bottomAddons_1pzjc"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/mobile/mobile.css

@@ -1,7 +1,7 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__component_1fcx8 {
+.universal-modal__component_5f4tx {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -11,10 +11,10 @@
     display: flex;
     flex-direction: column;
 }
-.universal-modal__component_1fcx8 .universal-modal__content_1fcx8 {
+.universal-modal__component_5f4tx .universal-modal__content_5f4tx {
         height: auto;
     }
-.universal-modal__component_1fcx8.universal-modal__component_1fcx8 {
+.universal-modal__component_5f4tx.universal-modal__component_5f4tx {
     position: fixed;
     flex: 1;
 }

package/modern/mobile/mobile.module.css.js

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const styles = {"component":"universal-modal__component_1fcx8","content":"universal-modal__content_1fcx8"};
+const styles = {"component":"universal-modal__component_5f4tx","content":"universal-modal__content_5f4tx"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/mobile/transitions/right-side-transitions.mobile.css

@@ -1,18 +1,18 @@
-.universal-modal__appear_ycwkw,
-.universal-modal__enter_ycwkw {
+.universal-modal__appear_18ja8,
+.universal-modal__enter_18ja8 {
     transform: translateX(100%);
 }
-.universal-modal__appearActive_ycwkw,
-.universal-modal__enterActive_ycwkw {
+.universal-modal__appearActive_18ja8,
+.universal-modal__enterActive_18ja8 {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
 }
-.universal-modal__exit_ycwkw {
+.universal-modal__exit_18ja8 {
     transform: translateX(0);
 }
-.universal-modal__exitActive_ycwkw,
-.universal-modal__exitDone_ycwkw {
+.universal-modal__exitActive_18ja8,
+.universal-modal__exitDone_18ja8 {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './right-side-transitions.mobile.css';
 
-const rightSideTransitions = {"appear":"universal-modal__appear_ycwkw","enter":"universal-modal__enter_ycwkw","appearActive":"universal-modal__appearActive_ycwkw","enterActive":"universal-modal__enterActive_ycwkw","exit":"universal-modal__exit_ycwkw","exitActive":"universal-modal__exitActive_ycwkw","exitDone":"universal-modal__exitDone_ycwkw"};
+const rightSideTransitions = {"appear":"universal-modal__appear_18ja8","enter":"universal-modal__enter_18ja8","appearActive":"universal-modal__appearActive_18ja8","enterActive":"universal-modal__enterActive_18ja8","exit":"universal-modal__exit_18ja8","exitActive":"universal-modal__exitActive_18ja8","exitDone":"universal-modal__exitDone_18ja8"};
 
 export { rightSideTransitions as default };
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

package/modern/mobile/transitions/transitions.mobile.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_16vc8,
-.universal-modal__enter_16vc8 {
+.universal-modal__appear_jk835,
+.universal-modal__enter_jk835 {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_16vc8,
-.universal-modal__enterActive_16vc8 {
+.universal-modal__appearActive_jk835,
+.universal-modal__enterActive_jk835 {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.universal-modal__exit_16vc8 {
+.universal-modal__exit_jk835 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_16vc8,
-.universal-modal__exitDone_16vc8 {
+.universal-modal__exitActive_jk835,
+.universal-modal__exitDone_jk835 {
     opacity: 0;
     transform: translateY(15px);
     transition:

package/modern/mobile/transitions/transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './transitions.mobile.css';
 
-const transitions = {"appear":"universal-modal__appear_16vc8","enter":"universal-modal__enter_16vc8","appearActive":"universal-modal__appearActive_16vc8","enterActive":"universal-modal__enterActive_16vc8","exit":"universal-modal__exit_16vc8","exitActive":"universal-modal__exitActive_16vc8","exitDone":"universal-modal__exitDone_16vc8"};
+const transitions = {"appear":"universal-modal__appear_jk835","enter":"universal-modal__enter_jk835","appearActive":"universal-modal__appearActive_jk835","enterActive":"universal-modal__enterActive_jk835","exit":"universal-modal__exit_jk835","exitActive":"universal-modal__exitActive_jk835","exitDone":"universal-modal__exitDone_jk835"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.mobile.module.css.js.map

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

@@ -8,7 +8,8 @@
         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);
     }
 
@@ -16,7 +17,8 @@
         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);
     }
 
@@ -24,7 +26,8 @@
             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);
         }
 
@@ -32,5 +35,6 @@
             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/moderncssm/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' | 'container'>> {
+export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock' | 'container' | 'disableRestoreFocus'>> {
     /**
      * Реф контейнера на котором происходит scroll
      */

package/moderncssm/mobile/components/header/index.module.css

@@ -7,8 +7,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;
@@ -17,7 +18,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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-universal-modal",
-    "version": "3.1.8",
+    "version": "3.2.0-alfasans",
     "description": "UniversalModal component",
     "keywords": [],
     "license": "MIT",
@@ -13,12 +13,12 @@
         "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
     },
     "dependencies": {
-        "@alfalab/core-components-backdrop": "^5.0.2",
-        "@alfalab/core-components-base-modal": "^7.1.7",
-        "@alfalab/core-components-mq": "^6.0.6",
-        "@alfalab/core-components-navigation-bar-private": "^2.0.12",
-        "@alfalab/core-components-scrollbar": "^5.0.5",
-        "@alfalab/core-components-shared": "^2.2.2",
+        "@alfalab/core-components-backdrop": "5.0.2-alfasans",
+        "@alfalab/core-components-base-modal": "7.1.7-alfasans",
+        "@alfalab/core-components-mq": "6.0.6-alfasans",
+        "@alfalab/core-components-navigation-bar-private": "2.0.12-alfasans",
+        "@alfalab/core-components-scrollbar": "5.0.5-alfasans",
+        "@alfalab/core-components-shared": "2.2.2-alfasans",
         "@types/react-transition-group": "^4.4.12",
         "classnames": "^2.5.1",
         "react-merge-refs": "^1.1.0",
@@ -33,6 +33,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.2.0",
-    "varsVersion": "11.1.0"
+    "themesVersion": "15.2.0-alfasans",
+    "varsVersion": "11.1.0-alfasans"
 }

package/src/desktop/types/props.ts

@@ -62,6 +62,7 @@ export interface UniversalModalDesktopProps
                 | 'onClose'
                 | 'disableFocusLock'
                 | 'container'
+                | 'disableRestoreFocus'
             >
         > {
     /**