@alfalab/core-components-universal-modal 2.0.8 → 2.0.9

package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css

@@ -3,14 +3,14 @@
 } :root {
     --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);
     --universal-modal-backdrop-hidden-background: transparent;
-} @keyframes universal-modal__step_1_v6gce {
+} @keyframes universal-modal__step_1_1vod8 {
     0% {
         opacity: 1;
     }
     100% {
         opacity: 0.5;
     }
-} @keyframes universal-modal__step_2_v6gce {
+} @keyframes universal-modal__step_2_1vod8 {
     0% {
         opacity: 0.5;
     }
@@ -18,22 +18,22 @@
         opacity: 0;
         background-color: var(--universal-modal-backdrop-hidden-background);
     }
-} .universal-modal__appear_v6gce,
-.universal-modal__enter_v6gce {
+} .universal-modal__appear_1vod8,
+.universal-modal__enter_1vod8 {
     background-color: var(--universal-modal-backdrop-hidden-background);
-} .universal-modal__appearActive_v6gce,
-.universal-modal__enterActive_v6gce,
-.universal-modal__appearDone_v6gce,
-.universal-modal__enterDone_v6gce {
+} .universal-modal__appearActive_1vod8,
+.universal-modal__enterActive_1vod8,
+.universal-modal__appearDone_1vod8,
+.universal-modal__enterDone_1vod8 {
     background-color: var(--universal-modal-backdrop-visible-background);
-} .universal-modal__exit_v6gce {
+} .universal-modal__exit_1vod8 {
     background-color: var(--universal-modal-backdrop-visible-background);
-} .universal-modal__exitActive_v6gce {
+} .universal-modal__exitActive_1vod8 {
     opacity: 1;
     animation:
-        universal-modal__step_1_v6gce 200ms cubic-bezier(0, 0, 1, 0),
-        universal-modal__step_2_v6gce 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
-} .universal-modal__exitDone_v6gce {
+        universal-modal__step_1_1vod8 200ms cubic-bezier(0, 0, 1, 0),
+        universal-modal__step_2_1vod8 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
+} .universal-modal__exitDone_1vod8 {
     opacity: 0;
     background-color: var(--universal-modal-backdrop-hidden-background);
 }

package/modern/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-backdrop-transitions.css';
 
-const fullSizeBackdropTransitions = {"appear":"universal-modal__appear_v6gce","enter":"universal-modal__enter_v6gce","appearActive":"universal-modal__appearActive_v6gce","enterActive":"universal-modal__enterActive_v6gce","appearDone":"universal-modal__appearDone_v6gce","enterDone":"universal-modal__enterDone_v6gce","exit":"universal-modal__exit_v6gce","exitActive":"universal-modal__exitActive_v6gce","step_1":"universal-modal__step_1_v6gce","step_2":"universal-modal__step_2_v6gce","exitDone":"universal-modal__exitDone_v6gce"};
+const fullSizeBackdropTransitions = {"appear":"universal-modal__appear_1vod8","enter":"universal-modal__enter_1vod8","appearActive":"universal-modal__appearActive_1vod8","enterActive":"universal-modal__enterActive_1vod8","appearDone":"universal-modal__appearDone_1vod8","enterDone":"universal-modal__enterDone_1vod8","exit":"universal-modal__exit_1vod8","exitActive":"universal-modal__exitActive_1vod8","step_1":"universal-modal__step_1_1vod8","step_2":"universal-modal__step_2_1vod8","exitDone":"universal-modal__exitDone_1vod8"};
 
 export { fullSizeBackdropTransitions as default };
 //# sourceMappingURL=full-size-backdrop-transitions.module.css.js.map

package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_17v6m,
-.universal-modal__enter_17v6m {
+.universal-modal__appear_1aoym,
+.universal-modal__enter_1aoym {
     opacity: 0;
     transform: translateY(40px);
 }
 
-.universal-modal__appearActive_17v6m,
-.universal-modal__enterActive_17v6m {
+.universal-modal__appearActive_1aoym,
+.universal-modal__enterActive_1aoym {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_17v6m {
+.universal-modal__exit_1aoym {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_17v6m,
-.universal-modal__exitDone_17v6m {
+.universal-modal__exitActive_1aoym,
+.universal-modal__exitDone_1aoym {
     opacity: 0;
     transform: translateY(40px);
     transition:

package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-vertical-bottom-transitions.css';
 
-const fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_17v6m","enter":"universal-modal__enter_17v6m","appearActive":"universal-modal__appearActive_17v6m","enterActive":"universal-modal__enterActive_17v6m","exit":"universal-modal__exit_17v6m","exitActive":"universal-modal__exitActive_17v6m","exitDone":"universal-modal__exitDone_17v6m"};
+const fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_1aoym","enter":"universal-modal__enter_1aoym","appearActive":"universal-modal__appearActive_1aoym","enterActive":"universal-modal__enterActive_1aoym","exit":"universal-modal__exit_1aoym","exitActive":"universal-modal__exitActive_1aoym","exitDone":"universal-modal__exitDone_1aoym"};
 
 export { fullSizeVerticalBottomTransitions as default };
 //# sourceMappingURL=full-size-vertical-bottom-transitions.module.css.js.map

package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css

@@ -1,20 +1,20 @@
-.universal-modal__appear_n1yax,
-.universal-modal__enter_n1yax {
+.universal-modal__appear_yimni,
+.universal-modal__enter_yimni {
     opacity: 0;
 }
 
-.universal-modal__appearActive_n1yax,
-.universal-modal__enterActive_n1yax {
+.universal-modal__appearActive_yimni,
+.universal-modal__enterActive_yimni {
     opacity: 1;
     transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_n1yax {
+.universal-modal__exit_yimni {
     opacity: 1;
 }
 
-.universal-modal__exitActive_n1yax,
-.universal-modal__exitDone_n1yax {
+.universal-modal__exitActive_yimni,
+.universal-modal__exitDone_yimni {
     opacity: 0;
     transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
 }

package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-vertical-center-transitions.css';
 
-const fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_n1yax","enter":"universal-modal__enter_n1yax","appearActive":"universal-modal__appearActive_n1yax","enterActive":"universal-modal__enterActive_n1yax","exit":"universal-modal__exit_n1yax","exitActive":"universal-modal__exitActive_n1yax","exitDone":"universal-modal__exitDone_n1yax"};
+const fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_yimni","enter":"universal-modal__enter_yimni","appearActive":"universal-modal__appearActive_yimni","enterActive":"universal-modal__enterActive_yimni","exit":"universal-modal__exit_yimni","exitActive":"universal-modal__exitActive_yimni","exitDone":"universal-modal__exitDone_yimni"};
 
 export { fullSizeVerticalCenterTransitions as default };
 //# sourceMappingURL=full-size-vertical-center-transitions.module.css.js.map

package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_14u2a,
-.universal-modal__enter_14u2a {
+.universal-modal__appear_1gaqm,
+.universal-modal__enter_1gaqm {
     opacity: 0;
     transform: translateY(-40px);
 }
 
-.universal-modal__appearActive_14u2a,
-.universal-modal__enterActive_14u2a {
+.universal-modal__appearActive_1gaqm,
+.universal-modal__enterActive_1gaqm {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_14u2a {
+.universal-modal__exit_1gaqm {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_14u2a,
-.universal-modal__exitDone_14u2a {
+.universal-modal__exitActive_1gaqm,
+.universal-modal__exitDone_1gaqm {
     opacity: 0;
     transform: translateY(-40px);
     transition:

package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-vertical-top-transitions.css';
 
-const fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_14u2a","enter":"universal-modal__enter_14u2a","appearActive":"universal-modal__appearActive_14u2a","enterActive":"universal-modal__enterActive_14u2a","exit":"universal-modal__exit_14u2a","exitActive":"universal-modal__exitActive_14u2a","exitDone":"universal-modal__exitDone_14u2a"};
+const fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_1gaqm","enter":"universal-modal__enter_1gaqm","appearActive":"universal-modal__appearActive_1gaqm","enterActive":"universal-modal__enterActive_1gaqm","exit":"universal-modal__exit_1gaqm","exitActive":"universal-modal__exitActive_1gaqm","exitDone":"universal-modal__exitDone_1gaqm"};
 
 export { fullSizeVerticalTopTransitions as default };
 //# sourceMappingURL=full-size-vertical-top-transitions.module.css.js.map

package/modern/mobile/components/buttons/arrow-button/arrow-button.css

@@ -1,9 +1,9 @@
 :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
-} .universal-modal__button_7q7vb.universal-modal__button_7q7vb {
+} .universal-modal__button_1ewbd.universal-modal__button_1ewbd {
     padding: 0 7px;
     width: 24px;
     height: 24px;
-} .universal-modal__icon_7q7vb {
+} .universal-modal__icon_1ewbd {
     fill: var(--color-light-neutral-translucent-700);
 }

package/modern/mobile/components/buttons/arrow-button/arrow-button.module.css.js

@@ -1,6 +1,6 @@
 import './arrow-button.css';
 
-const styles = {"button":"universal-modal__button_7q7vb","icon":"universal-modal__icon_7q7vb"};
+const styles = {"button":"universal-modal__button_1ewbd","icon":"universal-modal__icon_1ewbd"};
 
 export { styles as default };
 //# sourceMappingURL=arrow-button.module.css.js.map

package/modern/mobile/components/buttons/cross-button/cross-button.css

@@ -1,9 +1,9 @@
 :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
-} .universal-modal__button_17c31.universal-modal__button_17c31 {
+} .universal-modal__button_vveoi.universal-modal__button_vveoi {
     padding: 0 7px;
     width: 24px;
     height: 24px;
-} .universal-modal__icon_17c31 {
+} .universal-modal__icon_vveoi {
     fill: var(--color-light-neutral-translucent-700);
 }

package/modern/mobile/components/buttons/cross-button/cross-button.module.css.js

@@ -1,6 +1,6 @@
 import './cross-button.css';
 
-const styles = {"button":"universal-modal__button_17c31","icon":"universal-modal__icon_17c31"};
+const styles = {"button":"universal-modal__button_vveoi","icon":"universal-modal__icon_vveoi"};
 
 export { styles as default };
 //# sourceMappingURL=cross-button.module.css.js.map

package/modern/mobile/mobile.css

@@ -1,6 +1,6 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__component_1aj1w {
+} .universal-modal__component_z7tj6 {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -9,9 +9,9 @@
     max-width: 600px;
     display: flex;
     flex-direction: column;
-} .universal-modal__component_1aj1w .universal-modal__content_1aj1w {
+} .universal-modal__component_z7tj6 .universal-modal__content_z7tj6 {
         height: auto;
-    } .universal-modal__component_1aj1w.universal-modal__component_1aj1w {
+    } .universal-modal__component_z7tj6.universal-modal__component_z7tj6 {
     position: fixed;
     flex: 1;
 }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const styles = {"component":"universal-modal__component_1aj1w","content":"universal-modal__content_1aj1w"};
+const styles = {"component":"universal-modal__component_z7tj6","content":"universal-modal__content_z7tj6"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

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

@@ -1,15 +1,15 @@
-.universal-modal__appear_tj18p,
-.universal-modal__enter_tj18p {
+.universal-modal__appear_1o0ox,
+.universal-modal__enter_1o0ox {
     transform: translateX(100%);
-} .universal-modal__appearActive_tj18p,
-.universal-modal__enterActive_tj18p {
+} .universal-modal__appearActive_1o0ox,
+.universal-modal__enterActive_1o0ox {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
-} .universal-modal__exit_tj18p {
+} .universal-modal__exit_1o0ox {
     transform: translateX(0);
-} .universal-modal__exitActive_tj18p,
-.universal-modal__exitDone_tj18p {
+} .universal-modal__exitActive_1o0ox,
+.universal-modal__exitDone_1o0ox {
     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_tj18p","enter":"universal-modal__enter_tj18p","appearActive":"universal-modal__appearActive_tj18p","enterActive":"universal-modal__enterActive_tj18p","exit":"universal-modal__exit_tj18p","exitActive":"universal-modal__exitActive_tj18p","exitDone":"universal-modal__exitDone_tj18p"};
+const rightSideTransitions = {"appear":"universal-modal__appear_1o0ox","enter":"universal-modal__enter_1o0ox","appearActive":"universal-modal__appearActive_1o0ox","enterActive":"universal-modal__enterActive_1o0ox","exit":"universal-modal__exit_1o0ox","exitActive":"universal-modal__exitActive_1o0ox","exitDone":"universal-modal__exitDone_1o0ox"};
 
 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_60qof,
-.universal-modal__enter_60qof {
+.universal-modal__appear_8uio8,
+.universal-modal__enter_8uio8 {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_60qof,
-.universal-modal__enterActive_60qof {
+.universal-modal__appearActive_8uio8,
+.universal-modal__enterActive_8uio8 {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.universal-modal__exit_60qof {
+.universal-modal__exit_8uio8 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_60qof,
-.universal-modal__exitDone_60qof {
+.universal-modal__exitActive_8uio8,
+.universal-modal__exitDone_8uio8 {
     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_60qof","enter":"universal-modal__enter_60qof","appearActive":"universal-modal__appearActive_60qof","enterActive":"universal-modal__enterActive_60qof","exit":"universal-modal__exit_60qof","exitActive":"universal-modal__exitActive_60qof","exitDone":"universal-modal__exitDone_60qof"};
+const transitions = {"appear":"universal-modal__appear_8uio8","enter":"universal-modal__enter_8uio8","appearActive":"universal-modal__appearActive_8uio8","enterActive":"universal-modal__enterActive_8uio8","exit":"universal-modal__exit_8uio8","exitActive":"universal-modal__exitActive_8uio8","exitDone":"universal-modal__exitDone_8uio8"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.mobile.module.css.js.map

package/moderncssm/desktop/components/modal-content/modal-content.module.css

@@ -3,15 +3,15 @@
 .scrollable {
     height: 100%;
 }
-.scrollable .scrollableNode {
+.scrollable .scrollableNode.scrollableNode {
         display: flex;
         flex-direction: column;
     }
-.scrollable .scrollableNode .contentNode {
+.scrollable .scrollableNode.scrollableNode .contentNode {
             display: flex;
 
             flex-direction: column;
         }
-.scrollable .scrollableNode .contentNode:not(.hugContent) {
+.scrollable .scrollableNode.scrollableNode .contentNode:not(.hugContent) {
                 flex: 1 1 auto;
             }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-universal-modal",
-    "version": "2.0.8",
+    "version": "2.0.9",
     "description": "UniversalModal component",
     "keywords": [],
     "license": "MIT",
@@ -11,7 +11,7 @@
     "module": "./esm/index.js",
     "dependencies": {
         "@alfalab/core-components-backdrop": "^4.0.0",
-        "@alfalab/core-components-base-modal": "^6.0.2",
+        "@alfalab/core-components-base-modal": "^6.1.0",
         "@alfalab/core-components-button": "^12.0.2",
         "@alfalab/core-components-mq": "^5.0.2",
         "@alfalab/core-components-navigation-bar-private": "^1.1.3",

package/src/desktop/components/modal-content/modal-content.module.css

@@ -3,7 +3,7 @@
 .scrollable {
     height: 100%;
 
-    & .scrollableNode {
+    & .scrollableNode.scrollableNode {
         display: flex;
         flex-direction: column;