@alfalab/core-components-modal 9.3.10 → 9.3.11

package/modern/transitions.css

@@ -1,24 +1,24 @@
-/* hash: 2j1k0 */
-.modal__appear_12nm1,
-.modal__enter_12nm1 {
+/* hash: 168cn */
+.modal__appear_19l7u,
+.modal__enter_19l7u {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_12nm1,
-.modal__enterActive_12nm1 {
+.modal__appearActive_19l7u,
+.modal__enterActive_19l7u {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_12nm1 {
+.modal__exit_19l7u {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_12nm1,
-.modal__exitDone_12nm1 {
+.modal__exitActive_19l7u,
+.modal__exitDone_19l7u {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-modal",
-    "version": "9.3.10",
+    "version": "9.3.11",
     "description": "Modal component",
     "keywords": [],
     "license": "MIT",
@@ -11,8 +11,8 @@
         "directory": "dist"
     },
     "dependencies": {
-        "@alfalab/core-components-base-modal": "^5.7.10",
-        "@alfalab/core-components-navigation-bar-private": "^0.1.9",
+        "@alfalab/core-components-base-modal": "^5.7.11",
+        "@alfalab/core-components-navigation-bar-private": "^0.1.10",
         "@alfalab/core-components-shared": "^0.12.0",
         "@alfalab/core-components-mq": "^4.3.0",
         "classnames": "^2.3.1",
@@ -22,6 +22,6 @@
     "peerDependencies": {
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
-    "themesVersion": "13.0.1",
+    "themesVersion": "13.0.2",
     "varsVersion": "9.11.1"
 }

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

@@ -1,9 +1,9 @@
 @import '../../vars.css';
 
 .content {
-    padding: var(--gap-m) var(--gap-m) 0;
+    padding: var(--gap-16) var(--gap-16) 0;
 
     &:last-child {
-        padding-bottom: var(--gap-m);
+        padding-bottom: var(--gap-16);
     }
 }

package/src/components/footer/layout.module.css

@@ -9,15 +9,15 @@
     }
 
     &.gap-16 > *:not(:last-child):not(:only-child) {
-        margin-bottom: var(--gap-m);
+        margin-bottom: var(--gap-16);
     }
 
     &.gap-24 > *:not(:last-child):not(:only-child) {
-        margin-bottom: var(--gap-xl);
+        margin-bottom: var(--gap-24);
     }
 
     &.gap-32 > *:not(:last-child):not(:only-child) {
-        margin-bottom: var(--gap-2xl);
+        margin-bottom: var(--gap-32);
     }
 }
 
@@ -47,14 +47,14 @@
     }
 
     &.gap-16 > *:not(:last-child):not(:only-child) {
-        margin-right: var(--gap-m);
+        margin-right: var(--gap-16);
     }
 
     &.gap-24 > *:not(:last-child):not(:only-child) {
-        margin-right: var(--gap-xl);
+        margin-right: var(--gap-24);
     }
 
     &.gap-32 > *:not(:last-child):not(:only-child) {
-        margin-right: var(--gap-2xl);
+        margin-right: var(--gap-32);
     }
 }

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

@@ -1,7 +1,7 @@
 @import '../../vars.css';
 
 .footer {
-    padding: var(--gap-m);
+    padding: var(--gap-16);
 }
 
 .sticky {

package/src/vars.css

@@ -2,10 +2,10 @@
 
 :root {
     --modal-border-radius: var(--border-radius-l);
-    --modal-vertical-padding: var(--gap-3xl);
+    --modal-vertical-padding: var(--gap-40);
     --modal-header-background: var(--color-light-modal-bg-primary);
     --modal-footer-background: var(--color-light-modal-bg-primary);
-    --modal-footer-default-gap: var(--gap-m);
+    --modal-footer-default-gap: var(--gap-16);
 
     /* sizes */
     --modal-s-width: 500px;
@@ -15,9 +15,9 @@
 
     /* paddings */
     --modal-s-header-paddings: 28px 28px 0;
-    --modal-s-content-paddings: var(--gap-3xl) var(--gap-3xl) 0;
-    --modal-s-content-only-bottom-padding: var(--gap-3xl);
-    --modal-s-footer-paddings: var(--gap-xl) var(--gap-3xl) var(--gap-3xl);
+    --modal-s-content-paddings: var(--gap-40) var(--gap-40) 0;
+    --modal-s-content-only-bottom-padding: var(--gap-40);
+    --modal-s-footer-paddings: var(--gap-24) var(--gap-40) var(--gap-40);
 
     /* scroll */
     --modal-header-highlight-background: var(--color-light-modal-bg-primary);
@@ -26,22 +26,22 @@
     --modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
 
     /* desktop */
-    --modal-s-header-desktop-content-paddings: var(--gap-s);
+    --modal-s-header-desktop-content-paddings: var(--gap-12);
     --modal-s-header-desktop-font-size: 22px;
     --modal-s-header-desktop-line-height: 26px;
-    --modal-l-header-desktop-content-paddings: 6px var(--gap-s) var(--gap-m);
+    --modal-l-header-desktop-content-paddings: 6px var(--gap-12) var(--gap-16);
     --modal-l-header-desktop-font-size: 30px;
     --modal-l-header-desktop-line-height: 36px;
     --modal-header-desktop-font-weight: bold;
     --modal-header-desktop-font-family: var(--font-family-system);
 
     /* mobile */
-    --modal-header-mobile-content-paddings: var(--gap-s) var(--gap-xs);
-    --modal-header-mobile-font-size: 18px;
-    --modal-header-mobile-line-height: 24px;
+    --modal-header-mobile-content-paddings: 10px var(--gap-8);
+    --modal-header-mobile-font-size: 20px;
+    --modal-header-mobile-line-height: 28px;
     --modal-header-mobile-font-family: var(--font-family-system);
-    --modal-header-mobile-font-weight: bold;
+    --modal-header-mobile-font-weight: 600;
 
     /* paddings */
-    --modal-header-mobile-paddings: var(--gap-2xs) var(--gap-xs);
+    --modal-header-mobile-paddings: var(--gap-4) var(--gap-8);
 }

package/transitions.css

@@ -1,24 +1,24 @@
-/* hash: 2j1k0 */
-.modal__appear_12nm1,
-.modal__enter_12nm1 {
+/* hash: 168cn */
+.modal__appear_19l7u,
+.modal__enter_19l7u {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_12nm1,
-.modal__enterActive_12nm1 {
+.modal__appearActive_19l7u,
+.modal__enterActive_19l7u {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_12nm1 {
+.modal__exit_19l7u {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_12nm1,
-.modal__exitDone_12nm1 {
+.modal__exitActive_19l7u,
+.modal__exitDone_19l7u {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/esm/layout.module-95f002db.js

@@ -1,4 +0,0 @@
-var layoutStyles = {"column":"modal__column_3s9qv","gap-16":"modal__gap-16_3s9qv","gap-24":"modal__gap-24_3s9qv","gap-32":"modal__gap-32_3s9qv","start":"modal__start_3s9qv","center":"modal__center_3s9qv","space-between":"modal__space-between_3s9qv"};
-require('./components/footer/layout.css')
-
-export { layoutStyles as l };

package/layout.module-11b72f97.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var layoutStyles = {"column":"modal__column_3s9qv","gap-16":"modal__gap-16_3s9qv","gap-24":"modal__gap-24_3s9qv","gap-32":"modal__gap-32_3s9qv","start":"modal__start_3s9qv","center":"modal__center_3s9qv","space-between":"modal__space-between_3s9qv"};
-require('./components/footer/layout.css')
-
-exports.layoutStyles = layoutStyles;

package/modern/layout.module-9269c97b.js

@@ -1,4 +0,0 @@
-const layoutStyles = {"column":"modal__column_3s9qv","gap-16":"modal__gap-16_3s9qv","gap-24":"modal__gap-24_3s9qv","gap-32":"modal__gap-32_3s9qv","start":"modal__start_3s9qv","center":"modal__center_3s9qv","space-between":"modal__space-between_3s9qv"};
-require('./components/footer/layout.css')
-
-export { layoutStyles as l };