@hh.ru/magritte-ui-modal 10.1.34 → 11.0.0

package/index.css

@@ -1,91 +1,78 @@
 :root{
-  --magritte-color-component-modal-background-action-v24-7-1:#20262b99;
-  --magritte-gradient-component-modal-background-fade-v24-7-1:#00000000 0%, #0000007a 100%;
+  --magritte-color-background-overlay-v24-7-2:#20262bad;
+  --magritte-color-stroke-neutral-v24-7-2:#DCE3EB;
+  --magritte-color-component-modal-background-content-v24-7-2:#ffffff;
 }
-.magritte-content___o6ktq_10-1-34{
-  display:flex;
-  align-items:flex-start;
-}
-.magritte-content___o6ktq_10-1-34 + .magritte-options___qfErQ_10-1-34{
-  margin-top:24px;
+
+:root{
+  --magritte-semantic-animation-ease-in-out-200-timing-function-v24-7-2:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-200-duration-v24-7-2:200ms;
+  --magritte-semantic-animation-ease-in-out-300-timing-function-v24-7-2:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-300-duration-v24-7-2:300ms;
 }
-.magritte-actions___nQILV_10-1-34{
-  position:relative;
-  z-index:1;
-  display:flex;
-  padding-left:16px;
-  gap:4px;
-  margin-left:auto;
-  --magritte-ui-link-padding-override:9px;
+
+.magritte-night-theme{
+  --magritte-color-stroke-neutral-v24-7-2:#303030;
+  --magritte-color-component-modal-background-content-v24-7-2:#1B1B1B;
 }
-.magritte-actions-with-link___hnDux_10-1-34{
-  padding:0 8px 0 28px;
+.magritte-sticky-header___TPafy_11-0-0{
+  position:sticky;
+  top:0;
+  z-index:10;
+  min-height:12px;
+  flex:0 0 auto;
+  --magritte-ui-navbar-actions-icon-margin-transparent-override:-8px;
+  --magritte-ui-navbar-actions-icon-margin-not-transparent-override:-8px;
+  --magritte-ui-navbar-title-container-min-height-large-override:40px;
+  --magritte-ui-nav-bar-stage-horizontal-padding-override:24px;
+}
+@supports selector(:has(*)){
+  .magritte-sticky-header___TPafy_11-0-0{
+    --magritte-ui-nav-bar-stage-horizontal-padding-override:24px;
+  }
+  .magritte-sticky-header-inner___u5p8h_11-0-0{
+    margin:0 calc(-1 * var(--magritte-ui-modal-hor-padding-mul) * 24px);
+  }
 }
-.magritte-content-with-image___YarBO_10-1-34{
+.magritte-modal-media___UqHGM_11-0-0{
+  display:flex;
   position:relative;
-  flex-direction:column;
-  justify-content:flex-end;
-  margin:-12px -12px 0;
-  border-radius:16px;
   overflow:hidden;
-  padding:12px 24px 24px;
-  box-sizing:border-box;
-}
-.magritte-content-with-image___YarBO_10-1-34 .magritte-actions___nQILV_10-1-34{
-  order:-1;
-  gap:0;
-  margin-right:-16px;
-  margin-top:-4px;
-  margin-bottom:auto;
-}
-.magritte-content-with-image___YarBO_10-1-34 .magritte-actions___nQILV_10-1-34:not(.magritte-actions-with-link___hnDux_10-1-34){
-  padding:0 4px;
-  background-color:var(--magritte-color-component-modal-background-action-v24-7-1);
-  border-radius:12px;
-}
-.magritte-content-with-image___YarBO_10-1-34 .magritte-actions___nQILV_10-1-34.magritte-actions-single___usfKu_10-1-34:not(.magritte-actions-with-link___hnDux_10-1-34){
-  padding:0;
-}
-.magritte-image-container___ioL3y_10-1-34{
-  position:absolute;
-  left:0;
-  bottom:0;
-  right:0;
-  background-size:cover;
-  --modal-header-gradient:linear-gradient(180deg, var(--magritte-gradient-component-modal-background-fade-v24-7-1));
+  border-radius:16px;
+  aspect-ratio:var(--ratio, auto);
+  background-image:var(--img-url, none);
+  background-position:center;
+  background-repeat:no-repeat;
 }
-.magritte-title-wrapper___O--QR_10-1-34{
-  position:relative;
-  width:100%;
+.magritte-modal-media___UqHGM_11-0-0 img{
+  max-width:100%;
+  max-height:100%;
 }
-.magritte-wrapper___zH8vB_10-1-34{
-  margin-bottom:24px;
+.magritte-fixed-height___wyJ7-_11-0-0{
+  aspect-ratio:auto;
+  height:var(--height, auto);
 }
-.magritte-only-actions___ZC4jx_10-1-34 .magritte-actions___nQILV_10-1-34{
-  padding-left:0;
+.magritte-contain___3QD0Z_11-0-0{
+  background-size:contain;
 }
-.magritte-only-actions___ZC4jx_10-1-34 .magritte-actions-with-link___hnDux_10-1-34{
-  padding-left:12px;
+.magritte-contain___3QD0Z_11-0-0 img{
+  object-fit:contain;
 }
-
-:root{
-  --magritte-color-background-overlay-v24-7-1:#20262b99;
-  --magritte-color-stroke-neutral-v24-7-1:#DCE3EB;
-  --magritte-color-component-modal-background-content-v24-7-1:#ffffff;
+.magritte-cover___nry9O_11-0-0{
+  background-size:cover;
 }
-
-:root{
-  --magritte-semantic-animation-ease-in-out-200-timing-function-v24-7-1:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-200-duration-v24-7-1:200ms;
-  --magritte-semantic-animation-ease-in-out-300-timing-function-v24-7-1:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-300-duration-v24-7-1:300ms;
+.magritte-cover___nry9O_11-0-0 img{
+  object-fit:cover;
 }
-
-.magritte-night-theme{
-  --magritte-color-stroke-neutral-v24-7-1:#303030;
-  --magritte-color-component-modal-background-content-v24-7-1:#1B1B1B;
+@supports selector(:has(*)){
+  .magritte-modal-media___UqHGM_11-0-0{
+    margin:0 calc(var(--magritte-ui-modal-hor-padding-mul) * -12px);
+  }
+  .magritte-content-overlay-top___6snWk_11-0-0 + .magritte-grow-limiter___GmpBj_11-0-0 .magritte-modal-media___UqHGM_11-0-0:first-child{
+    margin-top:0;
+  }
 }
-.magritte-modal-overlay___lK22l_10-1-34{
+.magritte-modal-overlay___WwfCg_11-0-0{
   position:fixed;
   top:0;
   right:0;
@@ -95,303 +82,310 @@
   align-items:center;
   justify-content:center;
 }
-.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
-  background-color:var(--magritte-color-background-overlay-v24-7-1);
+.magritte-modal-overlay-with-background___DDxJn_11-0-0{
+  background-color:var(--magritte-color-background-overlay-v24-7-2);
   transition-property:opacity, transform;
   user-select:text;
   z-index:1;
 }
-.magritte-modal-overlay___lK22l_10-1-34:not(.magritte-modal-overlay-with-background___ZYsA-_10-1-34){
+.magritte-modal-overlay___WwfCg_11-0-0:not(.magritte-modal-overlay-with-background___DDxJn_11-0-0){
   pointer-events:none;
 }
-.magritte-modal-overlay___lK22l_10-1-34:not(.magritte-modal-overlay-with-background___ZYsA-_10-1-34) .magritte-modal___RAW6S_10-1-34{
+.magritte-modal-overlay___WwfCg_11-0-0:not(.magritte-modal-overlay-with-background___DDxJn_11-0-0) .magritte-modal___C4o5U_11-0-0{
   pointer-events:auto;
 }
-.magritte-modal-overlay-left___4Qsdn_10-1-34{
+.magritte-modal-overlay-left___agPyC_11-0-0{
   justify-content:flex-start;
 }
-.magritte-modal-overlay-right___xAjO7_10-1-34{
+.magritte-modal-overlay-right___-XDAx_11-0-0{
   justify-content:flex-end;
 }
-.magritte-modal___RAW6S_10-1-34{
+.magritte-modal___C4o5U_11-0-0{
   display:flex;
   box-sizing:border-box;
   margin:0 12px;
-  padding:24px;
   flex-direction:column;
   max-height:calc(100% - 12px * 2);
   max-width:calc(100vw - 12px * 2);
   position:relative;
-  background-color:var(--magritte-color-component-modal-background-content-v24-7-1);
+  background-color:var(--magritte-color-component-modal-background-content-v24-7-2);
   border-radius:24px;
   overflow:hidden;
   width:800px;
   transition-property:opacity, transform;
   container-type:inline-size;
-}
-.magritte-modal___RAW6S_10-1-34.magritte-size-small___2JTM2_10-1-34{
+  --magritte-ui-scrollbar-offset-top:24px;
+  --magritte-ui-nav-bar-padding-top-override:8px;
+  --magritte-ui-nav-bar-padding-bottom-override:8px;
+  --magritte-ui-modal-hor-padding-mul:1;
+  --magritte-ui-modal-vert-padding-mul:1;
+  --magritte-ui-snackbar-container-overflow-override:visible;
+}
+.magritte-modal___C4o5U_11-0-0.magritte-size-small___cI-Ql_11-0-0{
   width:480px;
 }
-.magritte-modal___RAW6S_10-1-34.magritte-size-medium___cWCe7_10-1-34{
+.magritte-modal___C4o5U_11-0-0.magritte-size-medium___jnqfu_11-0-0{
   width:620px;
 }
-.magritte-no-vertical-paddings___Z3-oM_10-1-34{
-  padding-top:0;
-  padding-bottom:0;
+.magritte-no-vertical-paddings___dxyot_11-0-0{
+  --magritte-ui-modal-vert-padding-mul:0;
 }
-.magritte-no-horizontal-paddings___aT95Y_10-1-34{
-  padding-left:0;
-  padding-right:0;
+.magritte-no-horizontal-paddings___Q-i-5_11-0-0{
+  --magritte-ui-modal-hor-padding-mul:0;
 }
-.magritte-modal-full-height___gIM4E_10-1-34{
+.magritte-modal-full-height___Aew5F_11-0-0{
   height:100%;
 }
-.magritte-modal-with-border___wYWgv_10-1-34{
-  outline:1px solid var(--magritte-color-stroke-neutral-v24-7-1);
-}
-.magritte-modal-content-wrapper___23XFT_10-1-34{
-  display:flex;
-  flex-direction:column;
-  min-height:0;
-  flex:1 1;
+.magritte-modal-with-border___KSnhf_11-0-0{
+  outline:1px solid var(--magritte-color-stroke-neutral-v24-7-2);
 }
-.magritte-modal-content___46QFS_10-1-34{
+.magritte-modal-content-wrapper___VzoTN_11-0-0{
   position:relative;
   display:flex;
   flex-direction:column;
   min-height:0;
   flex:1 1;
-  padding:0 0 0 24px;
-  margin:0 -24px;
-  width:calc(100% + 24px);
-  width:calc(100cqw + 24px);
-}
-.magritte-modal-scroll-container___Tf8Ns_10-1-34{
-  display:flex;
-  flex-direction:column;
-  flex:1 1;
-  min-height:0;
-  overflow-y:auto;
-  overscroll-behavior:none;
-  scrollbar-width:none;
-  padding:0 4px;
-  margin:0 -4px;
-}
-.magritte-modal-scroll-container___Tf8Ns_10-1-34::-webkit-scrollbar{
-  display:none;
-}
-.magritte-modal-content-wrapper__one-line___tYg8d_10-1-34{
-  flex-direction:row-reverse;
-}
-.magritte-modal-content-wrapper__one-line___tYg8d_10-1-34 .magritte-modal-content___46QFS_10-1-34{
-  width:auto;
-  container-type:inline-size;
-  margin-right:0;
-}
-.magritte-modal-content-wrapper__one-line___tYg8d_10-1-34 .magritte-content-sticky-container___nqEXj_10-1-34{
-  max-width:calc(100% - 16px);
-  max-width:calc(100cqw - 16px);
+  padding:24px 0 0;
 }
-.magritte-divider-container___qP3VK_10-1-34{
-  margin:0 -24px;
+.magritte-no-horizontal-paddings___Q-i-5_11-0-0 .magritte-modal-content-wrapper___VzoTN_11-0-0{
+  padding-right:0;
+  padding-left:0;
 }
-.magritte-divider-container___qP3VK_10-1-34.magritte-divider-container-hidden___EIxB-_10-1-34{
-  display:none;
+.magritte-no-vertical-paddings___dxyot_11-0-0 .magritte-modal-content-wrapper___VzoTN_11-0-0{
+  padding-top:0;
+  padding-bottom:0;
 }
-.magritte-modal-footer___8xPqQ_10-1-34{
-  margin:0 -24px -24px;
-  background-color:var(--magritte-color-component-modal-background-content-v24-7-1);
+.magritte-modal-footer___Ha-sZ_11-0-0{
+  background-color:var(--magritte-color-component-modal-background-content-v24-7-2);
   z-index:1;
-  --magritte-ui-container-background-color-override:var(--magritte-color-component-modal-background-content-v24-7-1);
+  --magritte-ui-container-background-color-override:var(--magritte-color-component-modal-background-content-v24-7-2);
 }
-.magritte-modal-buttons-container___1O1Nr_10-1-34{
-  display:flex;
-  gap:12px;
+.magritte-modal-footer___Ha-sZ_11-0-0.magritte-modal-footer-empty___tmH-x_11-0-0{
+  flex:0 0 calc(var(--magritte-ui-modal-vert-padding-mul) * 24px);
 }
-.magritte-animation-timeout___w-j7K_10-1-34{
+.magritte-animation-timeout___G4Hl1_11-0-0{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-timeout___w-j7K_10-1-34{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-1);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-1);
+  .magritte-animation-timeout___G4Hl1_11-0-0{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-2);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-2);
   }
 }
-.magritte-animation-enter-center___7jogC_10-1-34.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
+.magritte-animation-enter-center___sq8j7_11-0-0.magritte-modal-overlay-with-background___DDxJn_11-0-0{
   opacity:0;
 }
-.magritte-animation-enter-center___7jogC_10-1-34 .magritte-modal___RAW6S_10-1-34{
+.magritte-animation-enter-center___sq8j7_11-0-0 .magritte-modal___C4o5U_11-0-0{
   opacity:0;
 }
-.magritte-animation-enter-center-active___fywwW_10-1-34{
+.magritte-animation-enter-center-active___ORYEh_11-0-0{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-enter-center-active___fywwW_10-1-34{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-1);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-1);
+  .magritte-animation-enter-center-active___ORYEh_11-0-0{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-2);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-2);
   }
 }
-.magritte-animation-enter-center-active___fywwW_10-1-34 .magritte-modal___RAW6S_10-1-34,
-.magritte-animation-enter-center-active___fywwW_10-1-34.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
+.magritte-animation-enter-center-active___ORYEh_11-0-0 .magritte-modal___C4o5U_11-0-0,
+.magritte-animation-enter-center-active___ORYEh_11-0-0.magritte-modal-overlay-with-background___DDxJn_11-0-0{
   opacity:1;
   transition-duration:var(--enter-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-7-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-7-2);
 }
-.magritte-animation-exit-center___3Fa6x_10-1-34.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
+.magritte-animation-exit-center___lLCX1_11-0-0.magritte-modal-overlay-with-background___DDxJn_11-0-0{
   opacity:1;
 }
-.magritte-animation-exit-center___3Fa6x_10-1-34 .magritte-modal___RAW6S_10-1-34{
+.magritte-animation-exit-center___lLCX1_11-0-0 .magritte-modal___C4o5U_11-0-0{
   opacity:1;
 }
-.magritte-animation-exit-center-active___tY0UA_10-1-34{
+.magritte-animation-exit-center-active___Ik2Yl_11-0-0{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-exit-center-active___tY0UA_10-1-34{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-1);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-1);
+  .magritte-animation-exit-center-active___Ik2Yl_11-0-0{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-2);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-2);
   }
 }
-.magritte-animation-exit-center-active___tY0UA_10-1-34.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
+.magritte-animation-exit-center-active___Ik2Yl_11-0-0.magritte-modal-overlay-with-background___DDxJn_11-0-0{
   opacity:0;
 }
-.magritte-animation-exit-center-active___tY0UA_10-1-34 .magritte-modal___RAW6S_10-1-34{
+.magritte-animation-exit-center-active___Ik2Yl_11-0-0 .magritte-modal___C4o5U_11-0-0{
   opacity:0;
 }
-.magritte-animation-exit-center-active___tY0UA_10-1-34 .magritte-modal___RAW6S_10-1-34,
-.magritte-animation-exit-center-active___tY0UA_10-1-34.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
+.magritte-animation-exit-center-active___Ik2Yl_11-0-0 .magritte-modal___C4o5U_11-0-0,
+.magritte-animation-exit-center-active___Ik2Yl_11-0-0.magritte-modal-overlay-with-background___DDxJn_11-0-0{
   transition-duration:var(--exit-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-7-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-7-2);
 }
-.magritte-animation-enter-left___5YB8B_10-1-34.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
+.magritte-animation-enter-left___jJDlv_11-0-0.magritte-modal-overlay-with-background___DDxJn_11-0-0{
   opacity:0;
 }
-.magritte-animation-enter-left___5YB8B_10-1-34 .magritte-modal___RAW6S_10-1-34{
+.magritte-animation-enter-left___jJDlv_11-0-0 .magritte-modal___C4o5U_11-0-0{
   opacity:0;
   transform:translateX(-100%);
 }
-.magritte-animation-enter-left-active___5GK8s_10-1-34{
+.magritte-animation-enter-left-active___-kFij_11-0-0{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-enter-left-active___5GK8s_10-1-34{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-1);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-1);
+  .magritte-animation-enter-left-active___-kFij_11-0-0{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-2);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-2);
   }
 }
-.magritte-animation-enter-left-active___5GK8s_10-1-34 .magritte-modal___RAW6S_10-1-34,
-.magritte-animation-enter-left-active___5GK8s_10-1-34.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
+.magritte-animation-enter-left-active___-kFij_11-0-0 .magritte-modal___C4o5U_11-0-0,
+.magritte-animation-enter-left-active___-kFij_11-0-0.magritte-modal-overlay-with-background___DDxJn_11-0-0{
   opacity:1;
   transition-duration:var(--enter-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-7-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-7-2);
   transform:translateX(0);
 }
-.magritte-animation-exit-left___OnkQE_10-1-34.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
+.magritte-animation-exit-left___G2Plq_11-0-0.magritte-modal-overlay-with-background___DDxJn_11-0-0{
   opacity:1;
 }
-.magritte-animation-exit-left___OnkQE_10-1-34 .magritte-modal___RAW6S_10-1-34{
+.magritte-animation-exit-left___G2Plq_11-0-0 .magritte-modal___C4o5U_11-0-0{
   opacity:1;
   transform:translateX(0);
 }
-.magritte-animation-exit-left-active___AEGxY_10-1-34{
+.magritte-animation-exit-left-active___XW2K4_11-0-0{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-exit-left-active___AEGxY_10-1-34{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-1);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-1);
+  .magritte-animation-exit-left-active___XW2K4_11-0-0{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-2);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-2);
   }
 }
-.magritte-animation-exit-left-active___AEGxY_10-1-34.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
+.magritte-animation-exit-left-active___XW2K4_11-0-0.magritte-modal-overlay-with-background___DDxJn_11-0-0{
   opacity:0;
 }
-.magritte-animation-exit-left-active___AEGxY_10-1-34 .magritte-modal___RAW6S_10-1-34{
+.magritte-animation-exit-left-active___XW2K4_11-0-0 .magritte-modal___C4o5U_11-0-0{
   opacity:0;
   transform:translateX(-100%);
 }
-.magritte-animation-exit-left-active___AEGxY_10-1-34 .magritte-modal___RAW6S_10-1-34,
-.magritte-animation-exit-left-active___AEGxY_10-1-34.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
+.magritte-animation-exit-left-active___XW2K4_11-0-0 .magritte-modal___C4o5U_11-0-0,
+.magritte-animation-exit-left-active___XW2K4_11-0-0.magritte-modal-overlay-with-background___DDxJn_11-0-0{
   transition-duration:var(--exit-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-7-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-7-2);
 }
-.magritte-animation-enter-right___2aXOm_10-1-34.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
+.magritte-animation-enter-right___rrMS0_11-0-0.magritte-modal-overlay-with-background___DDxJn_11-0-0{
   opacity:0;
 }
-.magritte-animation-enter-right___2aXOm_10-1-34 .magritte-modal___RAW6S_10-1-34{
+.magritte-animation-enter-right___rrMS0_11-0-0 .magritte-modal___C4o5U_11-0-0{
   opacity:0;
   transform:translateX(100%);
 }
-.magritte-animation-enter-right-active___8wX4-_10-1-34{
+.magritte-animation-enter-right-active___p7rg-_11-0-0{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-enter-right-active___8wX4-_10-1-34{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-1);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-1);
+  .magritte-animation-enter-right-active___p7rg-_11-0-0{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-2);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-2);
   }
 }
-.magritte-animation-enter-right-active___8wX4-_10-1-34 .magritte-modal___RAW6S_10-1-34,
-.magritte-animation-enter-right-active___8wX4-_10-1-34.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
+.magritte-animation-enter-right-active___p7rg-_11-0-0 .magritte-modal___C4o5U_11-0-0,
+.magritte-animation-enter-right-active___p7rg-_11-0-0.magritte-modal-overlay-with-background___DDxJn_11-0-0{
   opacity:1;
   transition-duration:var(--enter-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-7-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-7-2);
   transform:translateX(0);
 }
-.magritte-animation-exit-right___iczoc_10-1-34.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
+.magritte-animation-exit-right___f3qIC_11-0-0.magritte-modal-overlay-with-background___DDxJn_11-0-0{
   opacity:1;
 }
-.magritte-animation-exit-right___iczoc_10-1-34 .magritte-modal___RAW6S_10-1-34{
+.magritte-animation-exit-right___f3qIC_11-0-0 .magritte-modal___C4o5U_11-0-0{
   opacity:1;
   transform:translateX(0);
 }
-.magritte-animation-exit-right-active___eFS4O_10-1-34{
+.magritte-animation-exit-right-active___-sG1k_11-0-0{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-exit-right-active___eFS4O_10-1-34{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-1);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-1);
+  .magritte-animation-exit-right-active___-sG1k_11-0-0{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-2);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-2);
   }
 }
-.magritte-animation-exit-right-active___eFS4O_10-1-34.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
+.magritte-animation-exit-right-active___-sG1k_11-0-0.magritte-modal-overlay-with-background___DDxJn_11-0-0{
   opacity:0;
 }
-.magritte-animation-exit-right-active___eFS4O_10-1-34 .magritte-modal___RAW6S_10-1-34{
+.magritte-animation-exit-right-active___-sG1k_11-0-0 .magritte-modal___C4o5U_11-0-0{
   opacity:0;
   transform:translateX(100%);
 }
-.magritte-animation-exit-right-active___eFS4O_10-1-34 .magritte-modal___RAW6S_10-1-34,
-.magritte-animation-exit-right-active___eFS4O_10-1-34.magritte-modal-overlay-with-background___ZYsA-_10-1-34{
+.magritte-animation-exit-right-active___-sG1k_11-0-0 .magritte-modal___C4o5U_11-0-0,
+.magritte-animation-exit-right-active___-sG1k_11-0-0.magritte-modal-overlay-with-background___DDxJn_11-0-0{
   transition-duration:var(--exit-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-7-1);
-}
-.magritte-space-preserver___P5PKZ_10-1-34{
-  flex:0 0 auto;
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-7-2);
 }
-.magritte-tree-selector-container___fdhI-_10-1-34{
+.magritte-tree-selector-container___4cdf5_11-0-0{
   height:100%;
+  overflow:hidden;
   max-width:calc(100% - 24px);
   max-width:100cqw;
+  margin:0 -24px;
+  padding:0 24px;
   --magritte-ui-scrollbar-offset-right:-24px;
+  --magritte-ui-scrollbar-offset-top:0;
 }
-.magritte-content-sticky-container___nqEXj_10-1-34{
+.magritte-no-horizontal-paddings___Q-i-5_11-0-0 .magritte-tree-selector-container___4cdf5_11-0-0{
+  margin:0;
+  padding:0;
+  --magritte-ui-scrollbar-offset-right:0;
+}
+.magritte-grow-limiter___GmpBj_11-0-0{
+  flex:1 0;
+  --magritte-ui-scrollbar-offset-top:0;
+}
+.magritte-modal-scroll-container___hOCdh_11-0-0{
   display:flex;
   flex-direction:column;
-  position:sticky;
+  flex:1 1;
+  min-height:0;
+  overflow-y:auto;
+  overscroll-behavior:none;
+  scrollbar-width:none;
+  padding:0 calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
+  margin:0;
+}
+.magritte-modal-scroll-container___hOCdh_11-0-0::-webkit-scrollbar{
+  display:none;
+}
+.magritte-content-overlay-top___6snWk_11-0-0{
+  position:absolute;
+  height:0;
+  left:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
+  right:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
+}
+.magritte-content-overlay-top___6snWk_11-0-0.magritte-nav-bar___CL7d-_11-0-0,
+.magritte-content-overlay-top___6snWk_11-0-0.magritte-header___pufwA_11-0-0{
+  bottom:0;
+}
+.magritte-content-overlay-top___6snWk_11-0-0.magritte-static___3B6cn_11-0-0{
   top:0;
-  min-height:100%;
-  flex:1 0 auto;
-  max-width:calc(100% - 24px);
-  max-width:100cqw;
 }
-.magritte-grow-limiter___zeIwy_10-1-34{
-  flex:1 0;
+.magritte-content-overlay-bottom___bDuPC_11-0-0{
+  position:absolute;
+  left:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
+  right:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
+  height:0;
+  bottom:0;
+}
+@supports selector(:has(*)){
+  .magritte-modal-content-wrapper___VzoTN_11-0-0:has(.magritte-sticky-header___TPafy_11-0-0){
+    padding:0;
+  }
+  .magritte-modal-content-wrapper___VzoTN_11-0-0:not(:has(.magritte-sticky-header___TPafy_11-0-0)):has(.magritte-grow-limiter___GmpBj_11-0-0 > .magritte-modal-media___UqHGM_11-0-0:first-child){
+    padding-top:12px;
+  }
 }

package/index.d.ts

@@ -1,2 +1,5 @@
-export { Modal } from '@hh.ru/magritte-ui-modal/Modal';
-export type { ModalProps } from '@hh.ru/magritte-ui-modal/types';
+export { Modal } from '@hh.ru/magritte-ui-modal/public/Modal';
+export { ModalWithImage } from '@hh.ru/magritte-ui-modal/public/ModalWithImage';
+export type { ModalProps } from '@hh.ru/magritte-ui-modal/public/types';
+export type { ModalWithImageProps } from '@hh.ru/magritte-ui-modal/public/ModalWithImage';
+export type { ModalMediaProps } from '@hh.ru/magritte-ui-modal/public/ModalMedia';