@alfalab/core-components-modal 11.0.2 → 11.0.3-alfasans

package/modern/components/footer/index.css

@@ -7,18 +7,18 @@
     --modal-footer-highlight-background: var(--color-light-modal-bg-primary);
     --modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
 }
-.modal__footer_11kzs {
+.modal__footer_kyi0m {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
 }
-.modal__sticky_11kzs {
+.modal__sticky_kyi0m {
     background: var(--modal-footer-background);
     position: sticky;
 }
-.modal__highlighted_11kzs {
+.modal__highlighted_kyi0m {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"footer":"modal__footer_11kzs","sticky":"modal__sticky_11kzs","highlighted":"modal__highlighted_11kzs"};
+const styles = {"footer":"modal__footer_kyi0m","sticky":"modal__sticky_kyi0m","highlighted":"modal__highlighted_kyi0m"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/footer/layout.css

@@ -9,48 +9,48 @@
 :root {
     --modal-footer-default-gap: var(--gap-16);
 }
-.modal__column_2jl65 {
+.modal__column_1xe86 {
     display: flex;
     flex-direction: column;
 }
-.modal__column_2jl65 > *:not(:last-child):not(:only-child) {
+.modal__column_1xe86 > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--modal-footer-default-gap);
     }
-.modal__column_2jl65.modal__gap-16_2jl65 > *:not(:last-child):not(:only-child) {
+.modal__column_1xe86.modal__gap-16_1xe86 > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-16);
     }
-.modal__column_2jl65.modal__gap-24_2jl65 > *:not(:last-child):not(:only-child) {
+.modal__column_1xe86.modal__gap-24_1xe86 > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-24);
     }
-.modal__column_2jl65.modal__gap-32_2jl65 > *:not(:last-child):not(:only-child) {
+.modal__column_1xe86.modal__gap-32_1xe86 > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-32);
     }
-.modal__start_2jl65 {
+.modal__start_1xe86 {
     justify-content: flex-start;
 }
-.modal__center_2jl65 {
+.modal__center_1xe86 {
     justify-content: center;
 }
-.modal__space-between_2jl65 {
+.modal__space-between_1xe86 {
     justify-content: space-between;
 }
-.modal__space-between_2jl65 > * {
+.modal__space-between_1xe86 > * {
         flex: 1;
     }
-.modal__start_2jl65,
-.modal__center_2jl65,
-.modal__space-between_2jl65 {
+.modal__start_1xe86,
+.modal__center_1xe86,
+.modal__space-between_1xe86 {
     display: flex;
 }
-.modal__start_2jl65 > *:not(:last-child):not(:only-child), .modal__center_2jl65 > *:not(:last-child):not(:only-child), .modal__space-between_2jl65 > *:not(:last-child):not(:only-child) {
+.modal__start_1xe86 > *:not(:last-child):not(:only-child), .modal__center_1xe86 > *:not(:last-child):not(:only-child), .modal__space-between_1xe86 > *:not(:last-child):not(:only-child) {
         margin-right: var(--modal-footer-default-gap);
     }
-.modal__start_2jl65.modal__gap-16_2jl65 > *:not(:last-child):not(:only-child), .modal__center_2jl65.modal__gap-16_2jl65 > *:not(:last-child):not(:only-child), .modal__space-between_2jl65.modal__gap-16_2jl65 > *:not(:last-child):not(:only-child) {
+.modal__start_1xe86.modal__gap-16_1xe86 > *:not(:last-child):not(:only-child), .modal__center_1xe86.modal__gap-16_1xe86 > *:not(:last-child):not(:only-child), .modal__space-between_1xe86.modal__gap-16_1xe86 > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-16);
     }
-.modal__start_2jl65.modal__gap-24_2jl65 > *:not(:last-child):not(:only-child), .modal__center_2jl65.modal__gap-24_2jl65 > *:not(:last-child):not(:only-child), .modal__space-between_2jl65.modal__gap-24_2jl65 > *:not(:last-child):not(:only-child) {
+.modal__start_1xe86.modal__gap-24_1xe86 > *:not(:last-child):not(:only-child), .modal__center_1xe86.modal__gap-24_1xe86 > *:not(:last-child):not(:only-child), .modal__space-between_1xe86.modal__gap-24_1xe86 > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-24);
     }
-.modal__start_2jl65.modal__gap-32_2jl65 > *:not(:last-child):not(:only-child), .modal__center_2jl65.modal__gap-32_2jl65 > *:not(:last-child):not(:only-child), .modal__space-between_2jl65.modal__gap-32_2jl65 > *:not(:last-child):not(:only-child) {
+.modal__start_1xe86.modal__gap-32_1xe86 > *:not(:last-child):not(:only-child), .modal__center_1xe86.modal__gap-32_1xe86 > *:not(:last-child):not(:only-child), .modal__space-between_1xe86.modal__gap-32_1xe86 > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-32);
     }

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

@@ -1,6 +1,6 @@
 import './layout.css';
 
-const layoutStyles = {"column":"modal__column_2jl65","gap-16":"modal__gap-16_2jl65","gap-24":"modal__gap-24_2jl65","gap-32":"modal__gap-32_2jl65","start":"modal__start_2jl65","center":"modal__center_2jl65","space-between":"modal__space-between_2jl65"};
+const layoutStyles = {"column":"modal__column_1xe86","gap-16":"modal__gap-16_1xe86","gap-24":"modal__gap-24_1xe86","gap-32":"modal__gap-32_1xe86","start":"modal__start_1xe86","center":"modal__center_1xe86","space-between":"modal__space-between_1xe86"};
 
 export { layoutStyles as default };
 //# sourceMappingURL=layout.module.css.js.map

package/modern/components/footer/mobile.css

@@ -6,14 +6,14 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 }
-.modal__footer_1sj6b {
+.modal__footer_18qio {
     padding: var(--gap-16);
 }
 @media (display-mode: standalone) {
-.modal__footer_1sj6b {
+.modal__footer_18qio {
         padding-bottom: calc(var(--sab) + var(--gap-16));
 }
     }
-.modal__sticky_1sj6b {
+.modal__sticky_18qio {
     bottom: var(--gap-0);
 }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const mobileStyles = {"footer":"modal__footer_1sj6b","sticky":"modal__sticky_1sj6b"};
+const mobileStyles = {"footer":"modal__footer_18qio","sticky":"modal__sticky_18qio"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/components/header/desktop.css

@@ -13,8 +13,9 @@
     --gap-40: var(--gap-3xl);
 }
 :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;
 }
 :root {
     --modal-border-radius: var(--border-radius-24);
@@ -23,37 +24,39 @@
     --modal-s-header-desktop-content-paddings: var(--gap-12);
     --modal-l-header-desktop-content-paddings: var(--gap-6) var(--gap-12) var(--gap-16);
 }
-.modal__header_106lm {
+.modal__header_165hh {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
 }
-.modal__size-500_106lm .modal__content_106lm,
-.modal__size-600_106lm .modal__content_106lm {
+.modal__size-500_165hh .modal__content_165hh,
+.modal__size-600_165hh .modal__content_165hh {
     padding: var(--modal-s-header-desktop-content-paddings);
     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);
 }
-.modal__size-800_106lm .modal__content_106lm,
-.modal__size-1140_106lm .modal__content_106lm,
-.modal__fullscreen_106lm .modal__content_106lm {
+.modal__size-800_165hh .modal__content_165hh,
+.modal__size-1140_165hh .modal__content_165hh,
+.modal__fullscreen_165hh .modal__content_165hh {
     padding: var(--modal-l-header-desktop-content-paddings);
     font-size: 30px;
     line-height: 36px;
     font-weight: 700;
-    font-family: var(--font-family-system);
-}
-.modal__size-500_106lm,
-.modal__size-600_106lm,
-.modal__size-800_106lm,
-.modal__size-1140_106lm,
-.modal__fullscreen_106lm {
+    letter-spacing: 0.1px;
+    font-family: var(--font-family-alfasans);
+}
+.modal__size-500_165hh,
+.modal__size-600_165hh,
+.modal__size-800_165hh,
+.modal__size-1140_165hh,
+.modal__fullscreen_165hh {
     padding: var(--modal-s-header-paddings);
 }
-.modal__sticky_106lm {
+.modal__sticky_165hh {
     top: calc(var(--modal-vertical-padding) * -1);
 }
-.modal__sticky_106lm.modal__fullscreen_106lm {
+.modal__sticky_165hh.modal__fullscreen_165hh {
         top: var(--gap-0);
     }

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

@@ -1,6 +1,6 @@
 import './desktop.css';
 
-const desktopStyles = {"header":"modal__header_106lm","size-500":"modal__size-500_106lm","content":"modal__content_106lm","size-600":"modal__size-600_106lm","size-800":"modal__size-800_106lm","size-1140":"modal__size-1140_106lm","fullscreen":"modal__fullscreen_106lm","sticky":"modal__sticky_106lm"};
+const desktopStyles = {"header":"modal__header_165hh","size-500":"modal__size-500_165hh","content":"modal__content_165hh","size-600":"modal__size-600_165hh","size-800":"modal__size-800_165hh","size-1140":"modal__size-1140_165hh","fullscreen":"modal__fullscreen_165hh","sticky":"modal__sticky_165hh"};
 
 export { desktopStyles as default };
 //# sourceMappingURL=desktop.module.css.js.map

package/modern/components/header/index.css

@@ -7,14 +7,14 @@
     --modal-header-highlight-background: var(--color-light-modal-bg-primary);
     --modal-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
 }
-.modal__highlighted_1bsy8 {
+.modal__highlighted_1ufvb {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
 }
-.modal__sticky_1bsy8 {
+.modal__sticky_1ufvb {
     position: sticky;
     z-index: 1;
 }
-.modal__sticky_1bsy8.modal__hasContent_1bsy8 {
+.modal__sticky_1ufvb.modal__hasContent_1ufvb {
         background: var(--modal-header-background);
     }

package/modern/components/header/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"highlighted":"modal__highlighted_1bsy8","sticky":"modal__sticky_1bsy8","hasContent":"modal__hasContent_1bsy8"};
+const styles = {"highlighted":"modal__highlighted_1ufvb","sticky":"modal__sticky_1ufvb","hasContent":"modal__hasContent_1ufvb"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/header/mobile.css

@@ -10,8 +10,9 @@
     --gap-10: 10px;
 }
 :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;
 }
 :root {
     --modal-header-mobile-content-paddings: var(--gap-10) var(--gap-8);
@@ -19,21 +20,22 @@
     --modal-header-mobile-paddings: var(--modal-header-mobile-top-padding) var(--gap-8) var(--gap-4)
         var(--gap-8);
 }
-.modal__header_p6hme {
+.modal__header_154un {
     padding: var(--modal-header-mobile-paddings);
 }
 @media (display-mode: standalone) {
-.modal__header_p6hme {
+.modal__header_154un {
         padding-top: calc(var(--sat) + var(--modal-header-mobile-top-padding));
 }
     }
-.modal__sticky_p6hme {
+.modal__sticky_154un {
     top: var(--gap-0);
 }
-.modal__content_p6hme {
+.modal__content_154un {
     padding: var(--modal-header-mobile-content-paddings);
     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);
 }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const mobileStyles = {"header":"modal__header_p6hme","sticky":"modal__sticky_p6hme","content":"modal__content_p6hme"};
+const mobileStyles = {"header":"modal__header_154un","sticky":"modal__sticky_154un","content":"modal__content_154un"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/desktop/desktop.css

@@ -16,34 +16,34 @@
     --modal-l-width: 800px;
     --modal-xl-width: 1140px;
 }
-.modal__wrapper_141vs {
+.modal__wrapper_a4bbb {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
 }
-.modal__component_141vs {
+.modal__component_a4bbb {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
 }
-.modal__fullscreen_141vs {
+.modal__fullscreen_a4bbb {
     padding-top: var(--gap-0);
     padding-bottom: var(--gap-0);
     overflow: hidden;
 }
-.modal__fullscreen_141vs .modal__component_141vs {
+.modal__fullscreen_a4bbb .modal__component_a4bbb {
         flex: 1;
         border-radius: var(--border-radius-0);
         overflow: auto;
     }
-.modal__size-500_141vs {
+.modal__size-500_a4bbb {
     width: var(--modal-s-width);
 }
-.modal__size-600_141vs {
+.modal__size-600_a4bbb {
     width: var(--modal-m-width);
 }
-.modal__size-800_141vs {
+.modal__size-800_a4bbb {
     width: var(--modal-l-width);
 }
-.modal__size-1140_141vs {
+.modal__size-1140_a4bbb {
     width: var(--modal-xl-width);
 }

package/modern/desktop/desktop.module.css.js

@@ -1,6 +1,6 @@
 import './desktop.css';
 
-const desktopStyles = {"wrapper":"modal__wrapper_141vs","component":"modal__component_141vs","fullscreen":"modal__fullscreen_141vs","size-500":"modal__size-500_141vs","size-600":"modal__size-600_141vs","size-800":"modal__size-800_141vs","size-1140":"modal__size-1140_141vs"};
+const desktopStyles = {"wrapper":"modal__wrapper_a4bbb","component":"modal__component_a4bbb","fullscreen":"modal__fullscreen_a4bbb","size-500":"modal__size-500_a4bbb","size-600":"modal__size-600_a4bbb","size-800":"modal__size-800_a4bbb","size-1140":"modal__size-1140_a4bbb"};
 
 export { desktopStyles as default };
 //# sourceMappingURL=desktop.module.css.js.map

package/modern/mobile/mobile.css

@@ -5,13 +5,13 @@
 :root {
     --gap-0: 0px;
 }
-.modal__component_1cx3q {
+.modal__component_1ms9u {
     flex: 1;
     width: 100%;
     max-width: 600px;
 }
 @media (display-mode: standalone) {
-.modal__content_1cx3q {
+.modal__content_1ms9u {
         padding-top: var(--sat);
         padding-bottom: var(--sab);
 }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const mobileStyles = {"component":"modal__component_1cx3q","content":"modal__content_1cx3q"};
+const mobileStyles = {"component":"modal__component_1ms9u","content":"modal__content_1ms9u"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/transitions.css

@@ -1,11 +1,11 @@
-.modal__appear_ljemr,
-.modal__enter_ljemr {
+.modal__appear_16wcw,
+.modal__enter_16wcw {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_ljemr,
-.modal__enterActive_ljemr {
+.modal__appearActive_16wcw,
+.modal__enterActive_16wcw {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.modal__exit_ljemr {
+.modal__exit_16wcw {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_ljemr,
-.modal__exitDone_ljemr {
+.modal__exitActive_16wcw,
+.modal__exitDone_16wcw {
     opacity: 0;
     transform: translateY(15px);
     transition:

package/modern/transitions.module.css.js

@@ -1,6 +1,6 @@
 import './transitions.css';
 
-const transitions = {"appear":"modal__appear_ljemr","enter":"modal__enter_ljemr","appearActive":"modal__appearActive_ljemr","enterActive":"modal__enterActive_ljemr","exit":"modal__exit_ljemr","exitActive":"modal__exitActive_ljemr","exitDone":"modal__exitDone_ljemr"};
+const transitions = {"appear":"modal__appear_16wcw","enter":"modal__enter_16wcw","appearActive":"modal__appearActive_16wcw","enterActive":"modal__enterActive_16wcw","exit":"modal__exit_16wcw","exitActive":"modal__exitActive_16wcw","exitDone":"modal__exitDone_16wcw"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.module.css.js.map

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

@@ -19,7 +19,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);
 }
 
 .size-800 .content,
@@ -29,7 +30,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);
 }
 
 .size-500,

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

@@ -22,6 +22,7 @@
     padding: var(--modal-header-mobile-content-paddings);
     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);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-modal",
-    "version": "11.0.2",
+    "version": "11.0.3-alfasans",
     "description": "Modal component",
     "keywords": [],
     "license": "MIT",
@@ -10,10 +10,10 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-base-modal": "^7.1.0",
-        "@alfalab/core-components-mq": "^6.0.1",
-        "@alfalab/core-components-navigation-bar-private": "^2.0.2",
-        "@alfalab/core-components-shared": "^2.0.1",
+        "@alfalab/core-components-base-modal": "7.1.1-alfasans",
+        "@alfalab/core-components-mq": "6.0.2-alfasans",
+        "@alfalab/core-components-navigation-bar-private": "2.0.3-alfasans",
+        "@alfalab/core-components-shared": "2.1.0-alfasans",
         "classnames": "^2.5.1",
         "react-merge-refs": "^1.1.0",
         "tslib": "^2.4.0"
@@ -26,6 +26,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.0.1",
-    "varsVersion": "11.0.1"
+    "themesVersion": "15.0.1-alfasans",
+    "varsVersion": "11.0.1-alfasans"
 }

package/transitions.css

@@ -1,11 +1,11 @@
-.modal__appear_ljemr,
-.modal__enter_ljemr {
+.modal__appear_16wcw,
+.modal__enter_16wcw {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_ljemr,
-.modal__enterActive_ljemr {
+.modal__appearActive_16wcw,
+.modal__enterActive_16wcw {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.modal__exit_ljemr {
+.modal__exit_16wcw {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_ljemr,
-.modal__exitDone_ljemr {
+.modal__exitActive_16wcw,
+.modal__exitDone_16wcw {
     opacity: 0;
     transform: translateY(15px);
     transition:

package/transitions.module.css.js

@@ -2,7 +2,7 @@
 
 require('./transitions.css');
 
-var transitions = {"appear":"modal__appear_ljemr","enter":"modal__enter_ljemr","appearActive":"modal__appearActive_ljemr","enterActive":"modal__enterActive_ljemr","exit":"modal__exit_ljemr","exitActive":"modal__exitActive_ljemr","exitDone":"modal__exitDone_ljemr"};
+var transitions = {"appear":"modal__appear_16wcw","enter":"modal__enter_16wcw","appearActive":"modal__appearActive_16wcw","enterActive":"modal__enterActive_16wcw","exit":"modal__exit_16wcw","exitActive":"modal__exitActive_16wcw","exitDone":"modal__exitDone_16wcw"};
 
 module.exports = transitions;
 //# sourceMappingURL=transitions.module.css.js.map