@alfalab/core-components-modal 6.1.8 → 6.1.9

package/modern/components/footer/mobile.css

@@ -1,16 +1,21 @@
-/* hash: 12kms */
+/* hash: l9dbv */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* sizes */
 
@@ -21,10 +26,8 @@
     /* desktop */
 
     /* mobile */
-}
-.modal__footer_1ggyk {
+} .modal__footer_te7v1 {
     padding: var(--gap-m);
-}
-.modal__sticky_1ggyk {
+} .modal__sticky_te7v1 {
     bottom: 0;
 }

package/modern/components/header/Component.js

@@ -13,13 +13,13 @@ const getDataTestId = (dataTestId, element) => {
     return dataTestId ? `${dataTestId}${elementPart}` : undefined;
 };
 
-const desktopStyles = {"header":"modal__header_2m9gw","content":"modal__content_2m9gw","s":"modal__s_2m9gw","m":"modal__m_2m9gw","l":"modal__l_2m9gw","xl":"modal__xl_2m9gw","fullscreen":"modal__fullscreen_2m9gw","hasContent":"modal__hasContent_2m9gw","sticky":"modal__sticky_2m9gw"};
+const desktopStyles = {"header":"modal__header_10rwy","content":"modal__content_10rwy","s":"modal__s_10rwy","m":"modal__m_10rwy","l":"modal__l_10rwy","xl":"modal__xl_10rwy","fullscreen":"modal__fullscreen_10rwy","hasContent":"modal__hasContent_10rwy","sticky":"modal__sticky_10rwy"};
 require('./desktop.css')
 
-const styles = {"header":"modal__header_1jbvb","hasContent":"modal__hasContent_1jbvb","highlighted":"modal__highlighted_1jbvb","sticky":"modal__sticky_1jbvb","content":"modal__content_1jbvb","title":"modal__title_1jbvb","addon":"modal__addon_1jbvb","closer":"modal__closer_1jbvb","left":"modal__left_1jbvb","center":"modal__center_1jbvb","right":"modal__right_1jbvb","trim":"modal__trim_1jbvb"};
+const styles = {"header":"modal__header_1abcs","hasContent":"modal__hasContent_1abcs","highlighted":"modal__highlighted_1abcs","sticky":"modal__sticky_1abcs","content":"modal__content_1abcs","title":"modal__title_1abcs","addon":"modal__addon_1abcs","closer":"modal__closer_1abcs","left":"modal__left_1abcs","center":"modal__center_1abcs","right":"modal__right_1abcs","trim":"modal__trim_1abcs"};
 require('./index.css')
 
-const mobileStyles = {"sticky":"modal__sticky_tqntf","content":"modal__content_tqntf"};
+const mobileStyles = {"sticky":"modal__sticky_a9mmw","content":"modal__content_a9mmw"};
 require('./mobile.css')
 
 const Header = ({ className, addonClassName, contentClassName, leftAddons, children, align = 'left', trim = true, title, hasCloser = true, sticky, dataTestId, }) => {

package/modern/components/header/desktop.css

@@ -1,26 +1,27 @@
-/* hash: 11wl5 */
+/* hash: vkd7z */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+    --border-radius-l: 12px;
+} :root {
     --gap-xs: 8px;
     --gap-m: 16px;
     --gap-xl: 24px;
     --gap-3xl: 40px;
-}
-:root {
+} :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-}
-:root {
-    --border-radius-l: 12px;
-}
-:root {
+} :root {
+} :root {
     --modal-border-radius: var(--border-radius-l);
     --modal-vertical-padding: var(--gap-3xl);
 
@@ -42,46 +43,36 @@
     --modal-header-desktop-font-family: var(--font-family-system);
 
     /* mobile */
-}
-.modal__header_2m9gw {
+} .modal__header_10rwy {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
-}
-.modal__content_2m9gw {
+} .modal__content_10rwy {
     font-weight: var(--modal-header-desktop-font-weight);
     font-family: var(--modal-header-desktop-font-family);
-}
-.modal__s_2m9gw .modal__content_2m9gw,
-.modal__m_2m9gw .modal__content_2m9gw {
+} .modal__s_10rwy .modal__content_10rwy,
+.modal__m_10rwy .modal__content_10rwy {
     padding: var(--modal-s-header-desktop-content-paddings);
     font-size: var(--modal-s-header-desktop-font-size);
     line-height: var(--modal-s-header-desktop-line-height);
-}
-.modal__l_2m9gw .modal__content_2m9gw,
-.modal__xl_2m9gw .modal__content_2m9gw,
-.modal__fullscreen_2m9gw .modal__content_2m9gw {
+} .modal__l_10rwy .modal__content_10rwy,
+.modal__xl_10rwy .modal__content_10rwy,
+.modal__fullscreen_10rwy .modal__content_10rwy {
     padding: var(--modal-l-header-desktop-content-paddings);
     font-size: var(--modal-l-header-desktop-font-size);
     line-height: var(--modal-l-header-desktop-line-height);
-}
-.modal__s_2m9gw,
-.modal__m_2m9gw {
+} .modal__s_10rwy,
+.modal__m_10rwy {
     padding: var(--modal-s-header-paddings)
-}
-.modal__s_2m9gw:not(.modal__hasContent_2m9gw), .modal__m_2m9gw:not(.modal__hasContent_2m9gw) {
+} .modal__s_10rwy:not(.modal__hasContent_10rwy), .modal__m_10rwy:not(.modal__hasContent_10rwy) {
         padding-bottom: 0;
-    }
-.modal__l_2m9gw,
-.modal__xl_2m9gw,
-.modal__fullscreen_2m9gw {
+    } .modal__l_10rwy,
+.modal__xl_10rwy,
+.modal__fullscreen_10rwy {
     padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
-}
-.modal__l_2m9gw:not(.modal__hasContent_2m9gw), .modal__xl_2m9gw:not(.modal__hasContent_2m9gw), .modal__fullscreen_2m9gw:not(.modal__hasContent_2m9gw) {
+} .modal__l_10rwy:not(.modal__hasContent_10rwy), .modal__xl_10rwy:not(.modal__hasContent_10rwy), .modal__fullscreen_10rwy:not(.modal__hasContent_10rwy) {
         padding-bottom: var(--gap-m);
-    }
-.modal__sticky_2m9gw {
+    } .modal__sticky_10rwy {
     top: calc(var(--modal-vertical-padding) * -1)
-}
-.modal__sticky_2m9gw.modal__fullscreen_2m9gw {
+} .modal__sticky_10rwy.modal__fullscreen_10rwy {
         top: 0;
     }

package/modern/components/header/index.css

@@ -1,16 +1,21 @@
-/* hash: 1k4g4 */
+/* hash: pknb9 */
 :root {
+} /* deprecated */ :root {
     --color-light-bg-primary: #fff;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --modal-header-background: var(--color-light-bg-primary);
 
     /* sizes */
@@ -24,62 +29,48 @@
     /* desktop */
 
     /* mobile */
-}
-.modal__header_1jbvb {
+} .modal__header_1abcs {
     width: 100%;
     box-sizing: border-box;
     display: flex;
     align-items: stretch;
     justify-content: space-between;
     transition: box-shadow 0.2s ease, background 0.2s ease
-}
-.modal__header_1jbvb:not(.modal__hasContent_1jbvb) {
+} .modal__header_1abcs:not(.modal__hasContent_1abcs) {
         pointer-events: none;
-    }
-.modal__highlighted_1jbvb {
+    } .modal__highlighted_1abcs {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
-}
-.modal__sticky_1jbvb {
+} .modal__sticky_1abcs {
     position: sticky;
     z-index: 1
-}
-.modal__sticky_1jbvb.modal__hasContent_1jbvb {
+} .modal__sticky_1abcs.modal__hasContent_1abcs {
         background: var(--modal-header-background);
-    }
-.modal__content_1jbvb {
+    } .modal__content_1abcs {
     flex-grow: 1;
-}
-.modal__title_1jbvb {
+} .modal__title_1abcs {
     word-break: break-word;
-}
-.modal__addon_1jbvb {
+} .modal__addon_1abcs {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-}
-.modal__closer_1jbvb {
+} .modal__closer_1abcs {
     margin-left: auto;
-}
-.modal__left_1jbvb {
+} .modal__left_1abcs {
     justify-content: flex-start;
     text-align: left;
-}
-.modal__center_1jbvb {
+} .modal__center_1abcs {
     justify-content: center;
     text-align: center;
-}
-.modal__right_1jbvb {
+} .modal__right_1abcs {
     justify-content: flex-end;
     text-align: right;
-}
-.modal__trim_1jbvb {
+} .modal__trim_1abcs {
     overflow: hidden
-}
-.modal__trim_1jbvb .modal__title_1jbvb {
+} .modal__trim_1abcs .modal__title_1abcs {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/modern/components/header/mobile.css

@@ -1,22 +1,25 @@
-/* hash: 1e6gi */
+/* hash: 12ltd */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
     --gap-s: 12px;
     --gap-m: 16px;
-}
-:root {
+} :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-}
-:root {
+} :root {
+} :root {
 
     /* sizes */
 
@@ -32,11 +35,9 @@
     --modal-header-mobile-line-height: 24px;
     --modal-header-mobile-font-family: var(--font-family-system);
     --modal-header-mobile-font-weight: bold;
-}
-.modal__sticky_tqntf {
+} .modal__sticky_a9mmw {
     top: 0;
-}
-.modal__content_tqntf {
+} .modal__content_a9mmw {
     font-size: var(--modal-header-mobile-font-size);
     line-height: var(--modal-header-mobile-line-height);
     font-family: var(--modal-header-mobile-font-family);

package/modern/desktop.css

@@ -1,19 +1,22 @@
-/* hash: 5j5xa */
+/* hash: darmm */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
-    --gap-3xl: 40px;
-}
-:root {
+} :root {
     --border-radius-l: 12px;
-}
-:root {
+} :root {
+    --gap-3xl: 40px;
+} :root {
+} :root {
+} :root {
     --modal-border-radius: var(--border-radius-l);
     --modal-vertical-padding: var(--gap-3xl);
 
@@ -30,33 +33,25 @@
     /* desktop */
 
     /* mobile */
-}
-.modal__wrapper_u2qdw {
+} .modal__wrapper_paj31 {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
-}
-.modal__component_u2qdw {
+} .modal__component_paj31 {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
-}
-.modal__fullscreen_u2qdw {
+} .modal__fullscreen_paj31 {
     padding-top: 0;
     padding-bottom: 0
-}
-.modal__fullscreen_u2qdw .modal__component_u2qdw {
+} .modal__fullscreen_paj31 .modal__component_paj31 {
         flex: 1;
         border-radius: 0;
-    }
-.modal__s_u2qdw {
+    } .modal__s_paj31 {
     width: var(--modal-s-width);
-}
-.modal__m_u2qdw {
+} .modal__m_paj31 {
     width: var(--modal-m-width);
-}
-.modal__l_u2qdw {
+} .modal__l_paj31 {
     width: var(--modal-l-width);
-}
-.modal__xl_u2qdw {
+} .modal__xl_paj31 {
     width: var(--modal-xl-width);
 }

package/modern/mobile.css

@@ -1,13 +1,20 @@
-/* hash: 1ohzj */
+/* hash: 7901l */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
 
     /* sizes */
 
@@ -18,8 +25,7 @@
     /* desktop */
 
     /* mobile */
-}
-.modal__component_nu45w {
+} .modal__component_1sz6y {
     flex: 1;
     width: 100%;
 }

package/modern/transitions.css

@@ -1,24 +1,24 @@
-/* hash: 1gi8b */
-.modal__appear_12hcv,
-.modal__enter_12hcv {
+/* hash: 1a2s0 */
+.modal__appear_10g9m,
+.modal__enter_10g9m {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_12hcv,
-.modal__enterActive_12hcv {
+.modal__appearActive_10g9m,
+.modal__enterActive_10g9m {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_12hcv {
+.modal__exit_10g9m {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_12hcv,
-.modal__exitDone_12hcv {
+.modal__exitActive_10g9m,
+.modal__exitDone_10g9m {
     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": "6.1.8",
+    "version": "6.1.9",
     "description": "Modal component",
     "keywords": [],
     "license": "MIT",
@@ -13,16 +13,16 @@
         "directory": "dist"
     },
     "dependencies": {
-        "@alfalab/core-components-base-modal": "^5.0.7",
+        "@alfalab/core-components-base-modal": "^5.0.8",
         "@alfalab/core-components-button": "^7.0.3",
         "@alfalab/core-components-icon-button": "^6.0.4",
         "@alfalab/core-components-mq": "^4.1.2",
         "@alfalab/icons-glyph": "^2.89.0",
         "classnames": "^2.3.1",
-        "react-transition-group": "^4.4.1"
+        "react-transition-group": "^4.4.5"
     },
     "devDependencies": {
-        "@types/react-transition-group": "^4.2.4"
+        "@types/react-transition-group": "^4.4.5"
     },
     "peerDependencies": {
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"

package/responsive.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component_responsive = require('./Component.responsive.js');
-require('./tslib.es6-810fa287.js');
+require('./tslib.es6-9ab4bb88.js');
 require('react');
 require('@alfalab/hooks');
 require('./components/closer/Component.js');

package/transitions.css

@@ -1,24 +1,24 @@
-/* hash: 1gi8b */
-.modal__appear_12hcv,
-.modal__enter_12hcv {
+/* hash: 1a2s0 */
+.modal__appear_10g9m,
+.modal__enter_10g9m {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_12hcv,
-.modal__enterActive_12hcv {
+.modal__appearActive_10g9m,
+.modal__enterActive_10g9m {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_12hcv {
+.modal__exit_10g9m {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_12hcv,
-.modal__exitDone_12hcv {
+.modal__exitActive_10g9m,
+.modal__exitDone_10g9m {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;