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

package/index.css

@@ -1,73 +1,3 @@
-:root{
-  --magritte-color-component-modal-background-action-v24-7-2:#20262bad;
-  --magritte-gradient-component-modal-background-fade-v24-7-2:#00000000 0%, #0000007a 100%;
-}
-.magritte-content___o6ktq_10-1-35{
-  display:flex;
-  align-items:flex-start;
-}
-.magritte-content___o6ktq_10-1-35 + .magritte-options___qfErQ_10-1-35{
-  margin-top:24px;
-}
-.magritte-actions___nQILV_10-1-35{
-  position:relative;
-  z-index:1;
-  display:flex;
-  padding-left:16px;
-  gap:4px;
-  margin-left:auto;
-  --magritte-ui-link-padding-override:9px;
-}
-.magritte-actions-with-link___hnDux_10-1-35{
-  padding:0 8px 0 28px;
-}
-.magritte-content-with-image___YarBO_10-1-35{
-  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-35 .magritte-actions___nQILV_10-1-35{
-  order:-1;
-  gap:0;
-  margin-right:-16px;
-  margin-top:-4px;
-  margin-bottom:auto;
-}
-.magritte-content-with-image___YarBO_10-1-35 .magritte-actions___nQILV_10-1-35:not(.magritte-actions-with-link___hnDux_10-1-35){
-  padding:0 4px;
-  background-color:var(--magritte-color-component-modal-background-action-v24-7-2);
-  border-radius:12px;
-}
-.magritte-content-with-image___YarBO_10-1-35 .magritte-actions___nQILV_10-1-35.magritte-actions-single___usfKu_10-1-35:not(.magritte-actions-with-link___hnDux_10-1-35){
-  padding:0;
-}
-.magritte-image-container___ioL3y_10-1-35{
-  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-2));
-}
-.magritte-title-wrapper___O--QR_10-1-35{
-  position:relative;
-  width:100%;
-}
-.magritte-wrapper___zH8vB_10-1-35{
-  margin-bottom:24px;
-}
-.magritte-only-actions___ZC4jx_10-1-35 .magritte-actions___nQILV_10-1-35{
-  padding-left:0;
-}
-.magritte-only-actions___ZC4jx_10-1-35 .magritte-actions-with-link___hnDux_10-1-35{
-  padding-left:12px;
-}
-
 :root{
   --magritte-color-background-overlay-v24-7-2:#20262bad;
   --magritte-color-stroke-neutral-v24-7-2:#DCE3EB;
@@ -85,7 +15,64 @@
   --magritte-color-stroke-neutral-v24-7-2:#303030;
   --magritte-color-component-modal-background-content-v24-7-2:#1B1B1B;
 }
-.magritte-modal-overlay___lK22l_10-1-35{
+.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-modal-media___UqHGM_11-0-0{
+  display:flex;
+  position:relative;
+  overflow:hidden;
+  border-radius:16px;
+  aspect-ratio:var(--ratio, auto);
+  background-image:var(--img-url, none);
+  background-position:center;
+  background-repeat:no-repeat;
+}
+.magritte-modal-media___UqHGM_11-0-0 img{
+  max-width:100%;
+  max-height:100%;
+}
+.magritte-fixed-height___wyJ7-_11-0-0{
+  aspect-ratio:auto;
+  height:var(--height, auto);
+}
+.magritte-contain___3QD0Z_11-0-0{
+  background-size:contain;
+}
+.magritte-contain___3QD0Z_11-0-0 img{
+  object-fit:contain;
+}
+.magritte-cover___nry9O_11-0-0{
+  background-size:cover;
+}
+.magritte-cover___nry9O_11-0-0 img{
+  object-fit:cover;
+}
+@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___WwfCg_11-0-0{
   position:fixed;
   top:0;
   right:0;
@@ -95,29 +82,28 @@
   align-items:center;
   justify-content:center;
 }
-.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-35:not(.magritte-modal-overlay-with-background___ZYsA-_10-1-35){
+.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-35:not(.magritte-modal-overlay-with-background___ZYsA-_10-1-35) .magritte-modal___RAW6S_10-1-35{
+.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-35{
+.magritte-modal-overlay-left___agPyC_11-0-0{
   justify-content:flex-start;
 }
-.magritte-modal-overlay-right___xAjO7_10-1-35{
+.magritte-modal-overlay-right___-XDAx_11-0-0{
   justify-content:flex-end;
 }
-.magritte-modal___RAW6S_10-1-35{
+.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);
@@ -128,270 +114,278 @@
   width:800px;
   transition-property:opacity, transform;
   container-type:inline-size;
-}
-.magritte-modal___RAW6S_10-1-35.magritte-size-small___2JTM2_10-1-35{
+  --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-35.magritte-size-medium___cWCe7_10-1-35{
+.magritte-modal___C4o5U_11-0-0.magritte-size-medium___jnqfu_11-0-0{
   width:620px;
 }
-.magritte-no-vertical-paddings___Z3-oM_10-1-35{
-  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-35{
-  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-35{
+.magritte-modal-full-height___Aew5F_11-0-0{
   height:100%;
 }
-.magritte-modal-with-border___wYWgv_10-1-35{
+.magritte-modal-with-border___KSnhf_11-0-0{
   outline:1px solid var(--magritte-color-stroke-neutral-v24-7-2);
 }
-.magritte-modal-content-wrapper___23XFT_10-1-35{
-  display:flex;
-  flex-direction:column;
-  min-height:0;
-  flex:1 1;
-}
-.magritte-modal-content___46QFS_10-1-35{
+.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);
+  padding:24px 0 0;
 }
-.magritte-modal-scroll-container___Tf8Ns_10-1-35{
-  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-35::-webkit-scrollbar{
-  display:none;
-}
-.magritte-modal-content-wrapper__one-line___tYg8d_10-1-35{
-  flex-direction:row-reverse;
-}
-.magritte-modal-content-wrapper__one-line___tYg8d_10-1-35 .magritte-modal-content___46QFS_10-1-35{
-  width:auto;
-  container-type:inline-size;
-  margin-right:0;
-}
-.magritte-modal-content-wrapper__one-line___tYg8d_10-1-35 .magritte-content-sticky-container___nqEXj_10-1-35{
-  max-width:calc(100% - 16px);
-  max-width:calc(100cqw - 16px);
-}
-.magritte-divider-container___qP3VK_10-1-35{
-  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-35.magritte-divider-container-hidden___EIxB-_10-1-35{
-  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-35{
-  margin:0 -24px -24px;
+.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-2);
 }
-.magritte-modal-buttons-container___1O1Nr_10-1-35{
-  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-35{
+.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-35{
+  .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-35.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-35 .magritte-modal___RAW6S_10-1-35{
+.magritte-animation-enter-center___sq8j7_11-0-0 .magritte-modal___C4o5U_11-0-0{
   opacity:0;
 }
-.magritte-animation-enter-center-active___fywwW_10-1-35{
+.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-35{
+  .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-35 .magritte-modal___RAW6S_10-1-35,
-.magritte-animation-enter-center-active___fywwW_10-1-35.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-2);
 }
-.magritte-animation-exit-center___3Fa6x_10-1-35.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-35 .magritte-modal___RAW6S_10-1-35{
+.magritte-animation-exit-center___lLCX1_11-0-0 .magritte-modal___C4o5U_11-0-0{
   opacity:1;
 }
-.magritte-animation-exit-center-active___tY0UA_10-1-35{
+.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-35{
+  .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-35.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-35 .magritte-modal___RAW6S_10-1-35{
+.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-35 .magritte-modal___RAW6S_10-1-35,
-.magritte-animation-exit-center-active___tY0UA_10-1-35.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-2);
 }
-.magritte-animation-enter-left___5YB8B_10-1-35.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-35 .magritte-modal___RAW6S_10-1-35{
+.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-35{
+.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-35{
+  .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-35 .magritte-modal___RAW6S_10-1-35,
-.magritte-animation-enter-left-active___5GK8s_10-1-35.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-2);
   transform:translateX(0);
 }
-.magritte-animation-exit-left___OnkQE_10-1-35.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-35 .magritte-modal___RAW6S_10-1-35{
+.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-35{
+.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-35{
+  .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-35.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-35 .magritte-modal___RAW6S_10-1-35{
+.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-35 .magritte-modal___RAW6S_10-1-35,
-.magritte-animation-exit-left-active___AEGxY_10-1-35.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-2);
 }
-.magritte-animation-enter-right___2aXOm_10-1-35.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-35 .magritte-modal___RAW6S_10-1-35{
+.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-35{
+.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-35{
+  .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-35 .magritte-modal___RAW6S_10-1-35,
-.magritte-animation-enter-right-active___8wX4-_10-1-35.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-2);
   transform:translateX(0);
 }
-.magritte-animation-exit-right___iczoc_10-1-35.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-35 .magritte-modal___RAW6S_10-1-35{
+.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-35{
+.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-35{
+  .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-35.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-35 .magritte-modal___RAW6S_10-1-35{
+.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-35 .magritte-modal___RAW6S_10-1-35,
-.magritte-animation-exit-right-active___eFS4O_10-1-35.magritte-modal-overlay-with-background___ZYsA-_10-1-35{
+.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-2);
 }
-.magritte-space-preserver___P5PKZ_10-1-35{
-  flex:0 0 auto;
-}
-.magritte-tree-selector-container___fdhI-_10-1-35{
+.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-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-content-sticky-container___nqEXj_10-1-35{
+.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-35{
-  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';

package/index.js

@@ -1,5 +1,6 @@
 import './index.css';
-export { Modal } from './Modal.js';
+export { Modal } from './public/Modal.js';
+export { ModalWithImage } from './public/ModalWithImage.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-dom';
@@ -7,25 +8,35 @@ import 'react-transition-group';
 import 'classnames';
 import '@hh.ru/magritte-common-is-server-env';
 import '@hh.ru/magritte-common-keyboard';
-import '@hh.ru/magritte-common-modal-helper';
 import '@hh.ru/magritte-common-mouse/useCloseByClickOutside';
 import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-common-use-no-bubbling';
-import '@hh.ru/magritte-ui-action-bar';
-import '@hh.ru/magritte-ui-breakpoint';
+import '@hh.ru/magritte-internal-accessible-region';
 import '@hh.ru/magritte-ui-layer';
-import './ModalContentWithHeader-DI3La66k.js';
-import '@hh.ru/magritte-common-func-utils';
+import './internal/ModalContent.js';
+import './internal/isTreeSelectorChild.js';
+import '@hh.ru/magritte-ui-tree-selector';
+import '@hh.ru/magritte-ui-textarea';
+import './modal-Bf_KXESS.js';
+import './internal/ModalInner.js';
+import '@hh.ru/magritte-ui-action-bar';
+import './internal/ModalBody.js';
 import '@hh.ru/magritte-ui-content-overlay';
-import '@hh.ru/magritte-ui-divider';
-import './ModalHeader.js';
-import '@hh.ru/magritte-ui-icon';
-import '@hh.ru/magritte-ui-title';
+import './internal/ModalSlotsContext.js';
+import '@hh.ru/magritte-internal-slot-registry';
+import './internal/ModalStickyHeader.js';
+import '@hh.ru/magritte-ui-nav-bar';
 import '@hh.ru/magritte-ui-scrollbar';
-import '@hh.ru/magritte-ui-textarea';
-import './useModalOrder.js';
+import './internal/constants.js';
+import '@hh.ru/magritte-design-tokens/core-tokens';
+import './internal/useModalTransition.js';
+import '@hh.ru/magritte-common-modal-helper';
+import '@hh.ru/magritte-ui-breakpoint';
+import './internal/useModalOrder.js';
 import '@hh.ru/magritte-common-dom-storage';
-import '@hh.ru/magritte-ui-progress-bar';
+import './internal/usePageHeaderScrollAnimation.js';
+import './public/ModalMedia.js';
 import '@hh.ru/magritte-ui-theme-wrapper';
-import '@hh.ru/magritte-ui-tree-selector';
+import '@hh.ru/magritte-ui-layout';
+import '@hh.ru/magritte-ui-title';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.mock.d.ts

@@ -1,2 +1,6 @@
-import { ForwardRefExoticComponent } from 'react';
-export declare const Modal: ForwardRefExoticComponent<Record<string, unknown>>;
+export declare const Modal: import("react").ForwardRefExoticComponent<Record<string, unknown>> & {
+    Media: import("react").ForwardRefExoticComponent<Record<string, unknown>>;
+};
+export declare const ModalWithImage: import("react").ForwardRefExoticComponent<Record<string, unknown>> & {
+    Media: import("react").ForwardRefExoticComponent<Record<string, unknown>>;
+};