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

package/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_sdth5 {
+} @keyframes universal-modal__step_1_v6gce {
     0% {
         opacity: 1;
     }
     100% {
         opacity: 0.5;
     }
-} @keyframes universal-modal__step_2_sdth5 {
+} @keyframes universal-modal__step_2_v6gce {
     0% {
         opacity: 0.5;
     }
@@ -18,22 +18,22 @@
         opacity: 0;
         background-color: var(--universal-modal-backdrop-hidden-background);
     }
-} .universal-modal__appear_sdth5,
-.universal-modal__enter_sdth5 {
+} .universal-modal__appear_v6gce,
+.universal-modal__enter_v6gce {
     background-color: var(--universal-modal-backdrop-hidden-background);
-} .universal-modal__appearActive_sdth5,
-.universal-modal__enterActive_sdth5,
-.universal-modal__appearDone_sdth5,
-.universal-modal__enterDone_sdth5 {
+} .universal-modal__appearActive_v6gce,
+.universal-modal__enterActive_v6gce,
+.universal-modal__appearDone_v6gce,
+.universal-modal__enterDone_v6gce {
     background-color: var(--universal-modal-backdrop-visible-background);
-} .universal-modal__exit_sdth5 {
+} .universal-modal__exit_v6gce {
     background-color: var(--universal-modal-backdrop-visible-background);
-} .universal-modal__exitActive_sdth5 {
+} .universal-modal__exitActive_v6gce {
     opacity: 1;
     animation:
-        universal-modal__step_1_sdth5 200ms cubic-bezier(0, 0, 1, 0),
-        universal-modal__step_2_sdth5 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
-} .universal-modal__exitDone_sdth5 {
+        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 {
     opacity: 0;
     background-color: var(--universal-modal-backdrop-hidden-background);
 }

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

@@ -2,7 +2,7 @@
 
 require('./full-size-backdrop-transitions.css');
 
-var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_sdth5","enter":"universal-modal__enter_sdth5","appearActive":"universal-modal__appearActive_sdth5","enterActive":"universal-modal__enterActive_sdth5","appearDone":"universal-modal__appearDone_sdth5","enterDone":"universal-modal__enterDone_sdth5","exit":"universal-modal__exit_sdth5","exitActive":"universal-modal__exitActive_sdth5","step_1":"universal-modal__step_1_sdth5","step_2":"universal-modal__step_2_sdth5","exitDone":"universal-modal__exitDone_sdth5"};
+var 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"};
 
 module.exports = fullSizeBackdropTransitions;
 //# sourceMappingURL=full-size-backdrop-transitions.module.css.js.map

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

@@ -1,11 +1,11 @@
-.universal-modal__appear_1ra80,
-.universal-modal__enter_1ra80 {
+.universal-modal__appear_17v6m,
+.universal-modal__enter_17v6m {
     opacity: 0;
     transform: translateY(40px);
 }
 
-.universal-modal__appearActive_1ra80,
-.universal-modal__enterActive_1ra80 {
+.universal-modal__appearActive_17v6m,
+.universal-modal__enterActive_17v6m {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_1ra80 {
+.universal-modal__exit_17v6m {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_1ra80,
-.universal-modal__exitDone_1ra80 {
+.universal-modal__exitActive_17v6m,
+.universal-modal__exitDone_17v6m {
     opacity: 0;
     transform: translateY(40px);
     transition:

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

@@ -2,7 +2,7 @@
 
 require('./full-size-vertical-bottom-transitions.css');
 
-var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_1ra80","enter":"universal-modal__enter_1ra80","appearActive":"universal-modal__appearActive_1ra80","enterActive":"universal-modal__enterActive_1ra80","exit":"universal-modal__exit_1ra80","exitActive":"universal-modal__exitActive_1ra80","exitDone":"universal-modal__exitDone_1ra80"};
+var 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"};
 
 module.exports = fullSizeVerticalBottomTransitions;
 //# sourceMappingURL=full-size-vertical-bottom-transitions.module.css.js.map

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

@@ -1,20 +1,20 @@
-.universal-modal__appear_1ci9i,
-.universal-modal__enter_1ci9i {
+.universal-modal__appear_n1yax,
+.universal-modal__enter_n1yax {
     opacity: 0;
 }
 
-.universal-modal__appearActive_1ci9i,
-.universal-modal__enterActive_1ci9i {
+.universal-modal__appearActive_n1yax,
+.universal-modal__enterActive_n1yax {
     opacity: 1;
     transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_1ci9i {
+.universal-modal__exit_n1yax {
     opacity: 1;
 }
 
-.universal-modal__exitActive_1ci9i,
-.universal-modal__exitDone_1ci9i {
+.universal-modal__exitActive_n1yax,
+.universal-modal__exitDone_n1yax {
     opacity: 0;
     transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
 }

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

@@ -2,7 +2,7 @@
 
 require('./full-size-vertical-center-transitions.css');
 
-var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_1ci9i","enter":"universal-modal__enter_1ci9i","appearActive":"universal-modal__appearActive_1ci9i","enterActive":"universal-modal__enterActive_1ci9i","exit":"universal-modal__exit_1ci9i","exitActive":"universal-modal__exitActive_1ci9i","exitDone":"universal-modal__exitDone_1ci9i"};
+var 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"};
 
 module.exports = fullSizeVerticalCenterTransitions;
 //# sourceMappingURL=full-size-vertical-center-transitions.module.css.js.map

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

@@ -1,11 +1,11 @@
-.universal-modal__appear_1uadi,
-.universal-modal__enter_1uadi {
+.universal-modal__appear_14u2a,
+.universal-modal__enter_14u2a {
     opacity: 0;
     transform: translateY(-40px);
 }
 
-.universal-modal__appearActive_1uadi,
-.universal-modal__enterActive_1uadi {
+.universal-modal__appearActive_14u2a,
+.universal-modal__enterActive_14u2a {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_1uadi {
+.universal-modal__exit_14u2a {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_1uadi,
-.universal-modal__exitDone_1uadi {
+.universal-modal__exitActive_14u2a,
+.universal-modal__exitDone_14u2a {
     opacity: 0;
     transform: translateY(-40px);
     transition:

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

@@ -2,7 +2,7 @@
 
 require('./full-size-vertical-top-transitions.css');
 
-var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_1uadi","enter":"universal-modal__enter_1uadi","appearActive":"universal-modal__appearActive_1uadi","enterActive":"universal-modal__enterActive_1uadi","exit":"universal-modal__exit_1uadi","exitActive":"universal-modal__exitActive_1uadi","exitDone":"universal-modal__exitDone_1uadi"};
+var 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"};
 
 module.exports = fullSizeVerticalTopTransitions;
 //# sourceMappingURL=full-size-vertical-top-transitions.module.css.js.map

package/esm/components/content/base-content/index.css

@@ -1,7 +1,7 @@
 :root {
     --gap-2xl: 32px;
     --gap-32: var(--gap-2xl);
-} .universal-modal__content_1u4ai {
+} .universal-modal__content_1lx6r {
     position: relative;
     box-sizing: border-box;
     width: 100%;

package/esm/components/content/base-content/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"content":"universal-modal__content_1u4ai"};
+var styles = {"content":"universal-modal__content_1lx6r"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/content/desktop/desktop.css

@@ -1,7 +1,7 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__content_vuvjc.universal-modal__withHeader_vuvjc {
+} .universal-modal__content_141za.universal-modal__withHeader_141za {
         padding-top: var(--gap-0);
-    } .universal-modal__content_vuvjc.universal-modal__withFooter_vuvjc {
+    } .universal-modal__content_141za.universal-modal__withFooter_141za {
         padding-bottom: var(--gap-0);
     }

package/esm/components/content/desktop/desktop.module.css.js

@@ -1,6 +1,6 @@
 import './desktop.css';
 
-var styles = {"content":"universal-modal__content_vuvjc","withHeader":"universal-modal__withHeader_vuvjc","withFooter":"universal-modal__withFooter_vuvjc"};
+var styles = {"content":"universal-modal__content_141za","withHeader":"universal-modal__withHeader_141za","withFooter":"universal-modal__withFooter_141za"};
 
 export { styles as default };
 //# sourceMappingURL=desktop.module.css.js.map

package/esm/components/content/mobile/mobile.css

@@ -4,10 +4,10 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
-} .universal-modal__content_13llp {
+} .universal-modal__content_1t3x3 {
     padding: var(--gap-16);
-} .universal-modal__content_13llp.universal-modal__withHeader_13llp {
+} .universal-modal__content_1t3x3.universal-modal__withHeader_1t3x3 {
         padding-top: var(--gap-0);
-    } .universal-modal__content_13llp.universal-modal__withFooter_13llp {
+    } .universal-modal__content_1t3x3.universal-modal__withFooter_1t3x3 {
         padding-bottom: var(--gap-20);
     }

package/esm/components/content/mobile/mobile.module.css.js

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var styles = {"content":"universal-modal__content_13llp","withHeader":"universal-modal__withHeader_13llp","withFooter":"universal-modal__withFooter_13llp"};
+var styles = {"content":"universal-modal__content_1t3x3","withHeader":"universal-modal__withHeader_1t3x3","withFooter":"universal-modal__withFooter_1t3x3"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/esm/components/footer/base-footer/index.css

@@ -10,18 +10,18 @@
     --universal-modal-footer-background: var(--color-light-modal-bg-primary);
     --universal-modal-footer-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
-} .universal-modal__footer_bt9sn {
+} .universal-modal__footer_1r5tk {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
     padding: var(--gap-16) var(--gap-32) var(--gap-32);
-} .universal-modal__sticky_bt9sn {
+} .universal-modal__sticky_1r5tk {
     background: var(--universal-modal-footer-background);
     position: sticky;
     z-index: 1;
-} .universal-modal__highlighted_bt9sn {
+} .universal-modal__highlighted_1r5tk {
     background: var(--universal-modal-footer-highlight-background);
     box-shadow: var(--universal-modal-footer-highlight-box-shadow);
 }

package/esm/components/footer/base-footer/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"footer":"universal-modal__footer_bt9sn","sticky":"universal-modal__sticky_bt9sn","highlighted":"universal-modal__highlighted_bt9sn"};
+var styles = {"footer":"universal-modal__footer_1r5tk","sticky":"universal-modal__sticky_1r5tk","highlighted":"universal-modal__highlighted_1r5tk"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/footer/desktop/desktop.css

@@ -1,5 +1,5 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__sticky_18gnn {
+} .universal-modal__sticky_babim {
     bottom: var(--gap-0);
 }

package/esm/components/footer/desktop/desktop.module.css.js

@@ -1,6 +1,6 @@
 import './desktop.css';
 
-var styles = {"sticky":"universal-modal__sticky_18gnn"};
+var styles = {"sticky":"universal-modal__sticky_babim"};
 
 export { styles as default };
 //# sourceMappingURL=desktop.module.css.js.map

package/esm/components/footer/desktop/layout.css

@@ -5,23 +5,23 @@
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
-} .universal-modal__column_186zj {
+} .universal-modal__column_1jy06 {
     display: flex;
     flex-direction: column;
     gap: var(--gap-8);
-} .universal-modal__column_186zj.universal-modal__middle_186zj {
+} .universal-modal__column_1jy06.universal-modal__middle_1jy06 {
         gap: var(--gap-12);
-    } .universal-modal__start_186zj {
+    } .universal-modal__start_1jy06 {
     justify-content: flex-start;
-} .universal-modal__center_186zj {
+} .universal-modal__center_1jy06 {
     justify-content: center;
-} .universal-modal__space-between_186zj {
+} .universal-modal__space-between_1jy06 {
     justify-content: space-between;
-} .universal-modal__space-between_186zj > * {
+} .universal-modal__space-between_1jy06 > * {
         flex: 1;
-    } .universal-modal__start_186zj,
-.universal-modal__center_186zj,
-.universal-modal__space-between_186zj {
+    } .universal-modal__start_1jy06,
+.universal-modal__center_1jy06,
+.universal-modal__space-between_1jy06 {
     display: flex;
     gap: var(--gap-16);
 }

package/esm/components/footer/desktop/layout.module.css.js

@@ -1,6 +1,6 @@
 import './layout.css';
 
-var layoutStyles = {"column":"universal-modal__column_186zj","middle":"universal-modal__middle_186zj","start":"universal-modal__start_186zj","center":"universal-modal__center_186zj","space-between":"universal-modal__space-between_186zj"};
+var layoutStyles = {"column":"universal-modal__column_1jy06","middle":"universal-modal__middle_1jy06","start":"universal-modal__start_1jy06","center":"universal-modal__center_1jy06","space-between":"universal-modal__space-between_1jy06"};
 
 export { layoutStyles as default };
 //# sourceMappingURL=layout.module.css.js.map

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

@@ -1,21 +1,21 @@
 :root {
     --gap-m: 16px;
     --gap-16: var(--gap-m);
-} .universal-modal__column_1x914 {
+} .universal-modal__column_1dtzq {
     display: flex;
     flex-direction: column;
     gap: var(--gap-16);
-} .universal-modal__start_1x914 {
+} .universal-modal__start_1dtzq {
     justify-content: flex-start;
-} .universal-modal__center_1x914 {
+} .universal-modal__center_1dtzq {
     justify-content: center;
-} .universal-modal__space-between_1x914 {
+} .universal-modal__space-between_1dtzq {
     justify-content: space-between;
-} .universal-modal__space-between_1x914 > * {
+} .universal-modal__space-between_1dtzq > * {
         flex: 1;
-    } .universal-modal__start_1x914,
-.universal-modal__center_1x914,
-.universal-modal__space-between_1x914 {
+    } .universal-modal__start_1dtzq,
+.universal-modal__center_1dtzq,
+.universal-modal__space-between_1dtzq {
     display: flex;
     gap: var(--gap-16);
 }

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

@@ -1,6 +1,6 @@
 import './layout.mobile.css';
 
-var layoutStylesMobile = {"column":"universal-modal__column_1x914","start":"universal-modal__start_1x914","center":"universal-modal__center_1x914","space-between":"universal-modal__space-between_1x914"};
+var layoutStylesMobile = {"column":"universal-modal__column_1dtzq","start":"universal-modal__start_1dtzq","center":"universal-modal__center_1dtzq","space-between":"universal-modal__space-between_1dtzq"};
 
 export { layoutStylesMobile as default };
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/esm/components/footer/mobile/mobile.css

@@ -2,8 +2,8 @@
     --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
-} .universal-modal__footer_1307g {
+} .universal-modal__footer_1ocm3 {
     padding: var(--gap-16);
-} .universal-modal__sticky_1307g {
+} .universal-modal__sticky_1ocm3 {
     bottom: var(--gap-0);
 }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var styles = {"footer":"universal-modal__footer_1307g","sticky":"universal-modal__sticky_1307g"};
+var styles = {"footer":"universal-modal__footer_1ocm3","sticky":"universal-modal__sticky_1ocm3"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/esm/components/header/base-header/index.css

@@ -2,50 +2,24 @@
     --color-light-modal-bg-primary: #fff;
     --color-light-neutral-300: #e7e8eb;
 } :root {
-    --gap-l: 20px;
-    --gap-20: var(--gap-l);
+    --gap-0: 0px;
 } :root {
     --universal-modal-header-background: var(--color-light-modal-bg-primary);
     --universal-modal-header-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
-} .universal-modal__header_19wtv {
+} .universal-modal__header_11pq4 {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
-    padding: var(--gap-20) var(--gap-20) 0;
-} .universal-modal__highlighted_19wtv {
-    background: var(--universal-modal-header-highlight-background);
-    box-shadow: var(--universal-modal-header-highlight-box-shadow);
-} .universal-modal__sticky_19wtv {
-    position: sticky;
-    z-index: 1;
-} .universal-modal__sticky_19wtv.universal-modal__hasContent_19wtv {
-        background: var(--universal-modal-header-background);
-    } .universal-modal__header_19wtv.universal-modal__backgroundImage_19wtv {
-    background: center no-repeat;
-    background-size: cover;
-} .universal-modal__content_19wtv {
-    flex-grow: 1;
-} .universal-modal__title_19wtv {
-    word-break: break-word;
-} .universal-modal__addon_19wtv {
-    min-width: 48px;
-    height: 48px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    pointer-events: all;
-} .universal-modal__closer_19wtv {
-    margin-left: auto;
-} .universal-modal__right_19wtv {
-    justify-content: flex-end;
-    text-align: right;
-} .universal-modal__trim_19wtv {
-    overflow: hidden;
-} .universal-modal__trim_19wtv .universal-modal__title_19wtv {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
+} .universal-modal__header_11pq4.universal-modal__highlighted_11pq4 {
+        background: var(--universal-modal-header-highlight-background);
+        box-shadow: var(--universal-modal-header-highlight-box-shadow);
+    } .universal-modal__header_11pq4.universal-modal__sticky_11pq4 {
+        position: sticky;
+        top: var(--gap-0);
+        z-index: 1;
+    } .universal-modal__header_11pq4.universal-modal__sticky_11pq4.universal-modal__hasContent_11pq4 {
+            background: var(--universal-modal-header-background);
+        }

package/esm/components/header/base-header/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"header":"universal-modal__header_19wtv","highlighted":"universal-modal__highlighted_19wtv","sticky":"universal-modal__sticky_19wtv","hasContent":"universal-modal__hasContent_19wtv"};
+var styles = {"header":"universal-modal__header_11pq4","highlighted":"universal-modal__highlighted_11pq4","sticky":"universal-modal__sticky_11pq4","hasContent":"universal-modal__hasContent_11pq4"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/header/base-header/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../../src/components/header/base-header/index.module.css"],"sourcesContent":["@import '../../../vars.css';\n@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.header {\n    width: 100%;\n    box-sizing: border-box;\n    transition:\n        box-shadow 0.2s ease,\n        background 0.2s ease;\n    padding: var(--gap-20) var(--gap-20) 0;\n}\n\n.highlighted {\n    background: var(--universal-modal-header-highlight-background);\n    box-shadow: var(--universal-modal-header-highlight-box-shadow);\n}\n\n.sticky {\n    position: sticky;\n    z-index: 1;\n\n    &.hasContent {\n        background: var(--universal-modal-header-background);\n    }\n}\n\n.header.backgroundImage {\n    background: center no-repeat;\n    background-size: cover;\n}\n\n.content {\n    flex-grow: 1;\n}\n\n.title {\n    word-break: break-word;\n}\n\n.addon {\n    min-width: 48px;\n    height: 48px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    pointer-events: all;\n}\n\n.closer {\n    margin-left: auto;\n}\n\n.right {\n    justify-content: flex-end;\n    text-align: right;\n}\n\n.trim {\n    overflow: hidden;\n\n    & .title {\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,aAAa,CAAC,oCAAoC,CAAC,QAAQ,CAAC,+BAA+B,CAAC,YAAY,CAAC,mCAA4U,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../../src/components/header/base-header/index.module.css"],"sourcesContent":["@import '../../../vars.css';\n@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.header {\n    width: 100%;\n    box-sizing: border-box;\n    transition:\n        box-shadow 0.2s ease,\n        background 0.2s ease;\n\n    &.highlighted {\n        background: var(--universal-modal-header-highlight-background);\n        box-shadow: var(--universal-modal-header-highlight-box-shadow);\n    }\n\n    &.sticky {\n        position: sticky;\n        top: var(--gap-0);\n        z-index: 1;\n\n        &.hasContent {\n            background: var(--universal-modal-header-background);\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,aAAa,CAAC,oCAAoC,CAAC,QAAQ,CAAC,+BAA+B,CAAC,YAAY,CAAC,mCAAmC,CAAC;;;;"}

package/esm/components/header/desktop/Component.desktop.js

@@ -9,9 +9,9 @@ import styles from '../base-header/index.module.css.js';
 import desktopStyles from './desktop.module.css.js';
 
 var HeaderDesktop = forwardRef(function (props, ref) {
-    var _a, _b, _c;
-    var className = props.className, children = props.children, contentClassName = props.contentClassName, title = props.title, sticky = props.sticky, _d = props.bigTitle, bigTitle = _d === void 0 ? false : _d, titleClassName = props.titleClassName, dataTestId = props.dataTestId, bottomAddonsClassName = props.bottomAddonsClassName, onClose = props.onClose, restProps = __rest(props, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName", "onClose"]);
-    var _e = useContext(ModalContext), componentRef = _e.componentRef, handleCloseByContext = _e.onClose;
+    var _a;
+    var className = props.className, children = props.children, contentClassName = props.contentClassName, title = props.title, sticky = props.sticky, _b = props.bigTitle, bigTitle = _b === void 0 ? false : _b, titleClassName = props.titleClassName, dataTestId = props.dataTestId, bottomAddonsClassName = props.bottomAddonsClassName, onClose = props.onClose, restProps = __rest(props, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName", "onClose"]);
+    var _c = useContext(ModalContext), componentRef = _c.componentRef, handleCloseByContext = _c.onClose;
     var modalHeaderHighlighted = useContext(UniversalModalContext).modalHeaderHighlighted;
     var titleRef = useRef(null);
     var hasContent = Boolean(title || children || restProps.bottomAddons);
@@ -25,16 +25,12 @@ var HeaderDesktop = forwardRef(function (props, ref) {
         }
         return handleCloseByContext.apply(void 0, args);
     };
-    return (React.createElement(NavigationBarPrivate, __assign({}, restProps, { ref: ref, view: 'desktop', dataTestId: getDataTestId(dataTestId, 'header'), dataName: 'modalHeaderDesktop', sticky: sticky, title: title, className: cn(styles.header, className, (_a = {},
+    return (React.createElement(NavigationBarPrivate, __assign({}, restProps, { ref: ref, view: 'desktop', dataTestId: getDataTestId(dataTestId, 'header'), dataName: 'modalHeaderDesktop', sticky: sticky, title: title, className: cn(styles.header, desktopStyles.header, className, (_a = {},
             _a[styles.highlighted] = sticky && modalHeaderHighlighted && hasContent,
             _a[styles.sticky] = sticky,
             _a[styles.hasContent] = hasContent,
-            _a[desktopStyles.sticky] = sticky,
-            _a)), contentClassName: cn(desktopStyles.content, contentClassName), bottomAddonsClassName: cn(desktopStyles.bottomAddons, bottomAddonsClassName, (_b = {},
-            _b[desktopStyles.medium] = bigTitle,
-            _b)), scrollableParentRef: componentRef, titleClassName: cn(desktopStyles.headerTitle, titleClassName, (_c = {},
-            _c[desktopStyles.medium] = bigTitle,
-            _c)), titleRef: titleRef, onClose: handleClose }), children));
+            _a[desktopStyles.medium] = bigTitle,
+            _a)), contentClassName: cn(desktopStyles.content, contentClassName), bottomAddonsClassName: cn(desktopStyles.bottomAddons, bottomAddonsClassName), scrollableParentRef: componentRef, titleClassName: cn(desktopStyles.headerTitle, titleClassName), titleRef: titleRef, onClose: handleClose }), children));
 });
 HeaderDesktop.displayName = 'HeaderDesktop';
 

package/esm/components/header/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../../../src/components/header/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\n\nimport styles from '../base-header/index.module.css';\nimport desktopStyles from './desktop.module.css';\n\nexport interface HeaderDesktopProps\n    extends Omit<\n        NavigationBarPrivateProps,\n        'size' | 'view' | 'parentRef' | 'titleSize' | 'subtitle'\n    > {\n    /**\n     * Заголовок в шапке крупного размера\n     * @default false\n     */\n    bigTitle?: boolean;\n}\n\nexport const HeaderDesktop = forwardRef<HTMLDivElement, HeaderDesktopProps>((props, ref) => {\n    const {\n        className,\n        children,\n        contentClassName,\n        title,\n        sticky,\n        bigTitle = false,\n        titleClassName,\n        dataTestId,\n        bottomAddonsClassName,\n        onClose,\n        ...restProps\n    } = props;\n\n    const { componentRef, onClose: handleCloseByContext } = useContext(ModalContext);\n    const { modalHeaderHighlighted } = useContext(UniversalModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || restProps.bottomAddons);\n\n    const handleClose: NavigationBarPrivateProps['onClose'] = (...args) => {\n        if (onClose) {\n            return onClose(...args);\n        }\n\n        return handleCloseByContext(...args);\n    };\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            ref={ref}\n            view='desktop'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            dataName='modalHeaderDesktop'\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, className, {\n                [styles.highlighted]: sticky && modalHeaderHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [desktopStyles.sticky]: sticky,\n            })}\n            contentClassName={cn(desktopStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(desktopStyles.bottomAddons, bottomAddonsClassName, {\n                [desktopStyles.medium]: bigTitle,\n            })}\n            scrollableParentRef={componentRef}\n            titleClassName={cn(desktopStyles.headerTitle, titleClassName, {\n                [desktopStyles.medium]: bigTitle,\n            })}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n});\n\nHeaderDesktop.displayName = 'HeaderDesktop';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Component.desktop.js","sources":["../../../../src/components/header/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\n\nimport styles from '../base-header/index.module.css';\nimport desktopStyles from './desktop.module.css';\n\nexport interface HeaderDesktopProps\n    extends Omit<\n        NavigationBarPrivateProps,\n        'size' | 'view' | 'parentRef' | 'titleSize' | 'subtitle'\n    > {\n    /**\n     * Заголовок в шапке крупного размера\n     * @default false\n     */\n    bigTitle?: boolean;\n}\n\nexport const HeaderDesktop = forwardRef<HTMLDivElement, HeaderDesktopProps>((props, ref) => {\n    const {\n        className,\n        children,\n        contentClassName,\n        title,\n        sticky,\n        bigTitle = false,\n        titleClassName,\n        dataTestId,\n        bottomAddonsClassName,\n        onClose,\n        ...restProps\n    } = props;\n\n    const { componentRef, onClose: handleCloseByContext } = useContext(ModalContext);\n    const { modalHeaderHighlighted } = useContext(UniversalModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || restProps.bottomAddons);\n\n    const handleClose: NavigationBarPrivateProps['onClose'] = (...args) => {\n        if (onClose) {\n            return onClose(...args);\n        }\n\n        return handleCloseByContext(...args);\n    };\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            ref={ref}\n            view='desktop'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            dataName='modalHeaderDesktop'\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, desktopStyles.header, className, {\n                [styles.highlighted]: sticky && modalHeaderHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [desktopStyles.medium]: bigTitle,\n            })}\n            contentClassName={cn(desktopStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(desktopStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleClassName={cn(desktopStyles.headerTitle, titleClassName)}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n});\n\nHeaderDesktop.displayName = 'HeaderDesktop';\n"],"names":[],"mappings":"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"}

package/esm/components/header/desktop/desktop.css

@@ -1,34 +1,39 @@
 :root {
     --gap-s: 12px;
     --gap-m: 16px;
-    --gap-0: 0px;
+    --gap-l: 20px;
     --gap-6: 6px;
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
 } :root {
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 } :root {
     --universal-modal-header-desktop-font-weight: bold;
     --universal-modal-header-desktop-font-family: var(--font-family-system);
-} .universal-modal__content_p01vn {
-    font-weight: var(--universal-modal-header-desktop-font-weight);
-    font-family: var(--universal-modal-header-desktop-font-family);
-} .universal-modal__sticky_p01vn {
-    top: var(--gap-0);
-} .universal-modal__bottomAddons_p01vn,
-.universal-modal__headerTitle_p01vn {
-    font-size: 22px;
-    line-height: 26px;
-    font-weight: 700;
-} .universal-modal__bottomAddons_p01vn.universal-modal__medium_p01vn, .universal-modal__headerTitle_p01vn.universal-modal__medium_p01vn {
-        font-size: 30px;
-        line-height: 36px;
+} .universal-modal__header_ua2wm {
+    padding: var(--gap-20) var(--gap-20) 0;
+} .universal-modal__header_ua2wm .universal-modal__content_ua2wm {
+        font-weight: var(--universal-modal-header-desktop-font-weight);
+        font-family: var(--universal-modal-header-desktop-font-family);
+    } .universal-modal__header_ua2wm .universal-modal__content_ua2wm .universal-modal__headerTitle_ua2wm {
+            font-size: 22px;
+            line-height: 26px;
+            font-weight: 700;
+            padding: 11px var(--gap-12);
+        } .universal-modal__header_ua2wm .universal-modal__bottomAddons_ua2wm {
+        font-size: 22px;
+        line-height: 26px;
         font-weight: 700;
-    } .universal-modal__headerTitle_p01vn {
-    padding: 11px var(--gap-12);
-} .universal-modal__headerTitle_p01vn.universal-modal__medium_p01vn {
         padding: var(--gap-6) var(--gap-12) var(--gap-16);
-    } .universal-modal__bottomAddons_p01vn {
-    padding: var(--gap-6) var(--gap-12) var(--gap-16);
-}
+    } .universal-modal__header_ua2wm.universal-modal__medium_ua2wm .universal-modal__content_ua2wm .universal-modal__headerTitle_ua2wm {
+            font-size: 30px;
+            line-height: 36px;
+            font-weight: 700;
+            padding: var(--gap-6) var(--gap-12) var(--gap-16);
+        } .universal-modal__header_ua2wm.universal-modal__medium_ua2wm .universal-modal__bottomAddons_ua2wm {
+            font-size: 30px;
+            line-height: 36px;
+            font-weight: 700;
+        }