@hh.ru/magritte-ui-modal 11.0.39 → 11.0.41

package/index.css

@@ -1,21 +1,21 @@
 :root{
-  --magritte-color-background-overlay-v25-1-0:#20262bad;
-  --magritte-color-stroke-neutral-v25-1-0:#DCE3EB;
-  --magritte-color-component-modal-background-content-v25-1-0:#ffffff;
+  --magritte-color-background-overlay-v26-0-0:#20262bad;
+  --magritte-color-stroke-neutral-v26-0-0:#DCE3EB;
+  --magritte-color-component-modal-background-content-v26-0-0:#ffffff;
 }
 
 :root{
-  --magritte-semantic-animation-ease-in-out-200-timing-function-v25-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-200-duration-v25-1-0:200ms;
-  --magritte-semantic-animation-ease-in-out-300-timing-function-v25-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-300-duration-v25-1-0:300ms;
+  --magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-200-duration-v26-0-0:200ms;
+  --magritte-semantic-animation-ease-in-out-300-timing-function-v26-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-300-duration-v26-0-0:300ms;
 }
 
 .magritte-night-theme{
-  --magritte-color-stroke-neutral-v25-1-0:#303030;
-  --magritte-color-component-modal-background-content-v25-1-0:#111;
+  --magritte-color-stroke-neutral-v26-0-0:#303030;
+  --magritte-color-component-modal-background-content-v26-0-0:#111;
 }
-.magritte-sticky-header___TPafy_11-0-39{
+.magritte-sticky-header___TPafy_11-0-41{
   position:sticky;
   top:0;
   z-index:10;
@@ -27,14 +27,14 @@
   --magritte-ui-nav-bar-stage-horizontal-padding-override:24px;
 }
 @supports selector(:has(*)){
-  .magritte-sticky-header___TPafy_11-0-39{
+  .magritte-sticky-header___TPafy_11-0-41{
     --magritte-ui-nav-bar-stage-horizontal-padding-override:24px;
   }
-  .magritte-sticky-header-inner___u5p8h_11-0-39{
+  .magritte-sticky-header-inner___u5p8h_11-0-41{
     margin:0 calc(-1 * var(--magritte-ui-modal-hor-padding-mul) * 24px);
   }
 }
-.magritte-modal-media___UqHGM_11-0-39{
+.magritte-modal-media___UqHGM_11-0-41{
   display:flex;
   position:relative;
   overflow:hidden;
@@ -44,35 +44,35 @@
   background-position:center;
   background-repeat:no-repeat;
 }
-.magritte-modal-media___UqHGM_11-0-39 img{
+.magritte-modal-media___UqHGM_11-0-41 img{
   max-width:100%;
   max-height:100%;
 }
-.magritte-fixed-height___wyJ7-_11-0-39{
+.magritte-fixed-height___wyJ7-_11-0-41{
   aspect-ratio:auto;
   height:var(--height, auto);
 }
-.magritte-contain___3QD0Z_11-0-39{
+.magritte-contain___3QD0Z_11-0-41{
   background-size:contain;
 }
-.magritte-contain___3QD0Z_11-0-39 img{
+.magritte-contain___3QD0Z_11-0-41 img{
   object-fit:contain;
 }
-.magritte-cover___nry9O_11-0-39{
+.magritte-cover___nry9O_11-0-41{
   background-size:cover;
 }
-.magritte-cover___nry9O_11-0-39 img{
+.magritte-cover___nry9O_11-0-41 img{
   object-fit:cover;
 }
 @supports selector(:has(*)){
-  .magritte-modal-media___UqHGM_11-0-39{
+  .magritte-modal-media___UqHGM_11-0-41{
     margin:0 calc(var(--magritte-ui-modal-hor-padding-mul) * -12px);
   }
-  .magritte-content-overlay-top___6snWk_11-0-39 + .magritte-grow-limiter___GmpBj_11-0-39 .magritte-modal-media___UqHGM_11-0-39:first-child{
+  .magritte-content-overlay-top___6snWk_11-0-41 + .magritte-grow-limiter___GmpBj_11-0-41 .magritte-modal-media___UqHGM_11-0-41:first-child{
     margin-top:0;
   }
 }
-.magritte-modal-overlay___WwfCg_11-0-39{
+.magritte-modal-overlay___WwfCg_11-0-41{
   position:fixed;
   top:0;
   right:0;
@@ -82,25 +82,25 @@
   align-items:center;
   justify-content:center;
 }
-.magritte-modal-overlay-with-background___DDxJn_11-0-39{
-  background-color:var(--magritte-color-background-overlay-v25-1-0);
+.magritte-modal-overlay-with-background___DDxJn_11-0-41{
+  background-color:var(--magritte-color-background-overlay-v26-0-0);
   transition-property:opacity, transform;
   user-select:text;
   z-index:1;
 }
-.magritte-modal-overlay___WwfCg_11-0-39:not(.magritte-modal-overlay-with-background___DDxJn_11-0-39){
+.magritte-modal-overlay___WwfCg_11-0-41:not(.magritte-modal-overlay-with-background___DDxJn_11-0-41){
   pointer-events:none;
 }
-.magritte-modal-overlay___WwfCg_11-0-39:not(.magritte-modal-overlay-with-background___DDxJn_11-0-39) .magritte-modal___C4o5U_11-0-39{
+.magritte-modal-overlay___WwfCg_11-0-41:not(.magritte-modal-overlay-with-background___DDxJn_11-0-41) .magritte-modal___C4o5U_11-0-41{
   pointer-events:auto;
 }
-.magritte-modal-overlay-left___agPyC_11-0-39{
+.magritte-modal-overlay-left___agPyC_11-0-41{
   justify-content:flex-start;
 }
-.magritte-modal-overlay-right___-XDAx_11-0-39{
+.magritte-modal-overlay-right___-XDAx_11-0-41{
   justify-content:flex-end;
 }
-.magritte-modal___C4o5U_11-0-39{
+.magritte-modal___C4o5U_11-0-41{
   display:flex;
   box-sizing:border-box;
   margin:0 12px;
@@ -108,39 +108,39 @@
   max-height:calc(100% - 12px * 2);
   max-width:calc(100vw - 12px * 2);
   position:relative;
-  background-color:var(--magritte-color-component-modal-background-content-v25-1-0);
+  background-color:var(--magritte-color-component-modal-background-content-v26-0-0);
   border-radius:24px;
   overflow:hidden;
   width:800px;
   transition-property:opacity, transform;
   container-type:inline-size;
   --magritte-ui-scrollbar-offset-top:24px;
-  --magritte-ui-nav-bar-background-color-override:var(--magritte-color-component-modal-background-content-v25-1-0);
+  --magritte-ui-nav-bar-background-color-override:var(--magritte-color-component-modal-background-content-v26-0-0);
   --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-39.magritte-size-small___cI-Ql_11-0-39{
+.magritte-modal___C4o5U_11-0-41.magritte-size-small___cI-Ql_11-0-41{
   width:480px;
 }
-.magritte-modal___C4o5U_11-0-39.magritte-size-medium___jnqfu_11-0-39{
+.magritte-modal___C4o5U_11-0-41.magritte-size-medium___jnqfu_11-0-41{
   width:620px;
 }
-.magritte-no-vertical-paddings___dxyot_11-0-39{
+.magritte-no-vertical-paddings___dxyot_11-0-41{
   --magritte-ui-modal-vert-padding-mul:0;
 }
-.magritte-no-horizontal-paddings___Q-i-5_11-0-39{
+.magritte-no-horizontal-paddings___Q-i-5_11-0-41{
   --magritte-ui-modal-hor-padding-mul:0;
 }
-.magritte-modal-full-height___Aew5F_11-0-39{
+.magritte-modal-full-height___Aew5F_11-0-41{
   height:100%;
 }
-.magritte-modal-with-border___KSnhf_11-0-39{
-  outline:1px solid var(--magritte-color-stroke-neutral-v25-1-0);
+.magritte-modal-with-border___KSnhf_11-0-41{
+  outline:1px solid var(--magritte-color-stroke-neutral-v26-0-0);
 }
-.magritte-modal-content-wrapper___VzoTN_11-0-39{
+.magritte-modal-content-wrapper___VzoTN_11-0-41{
   position:relative;
   display:flex;
   flex-direction:column;
@@ -148,188 +148,188 @@
   flex:1 1;
   padding:24px 0 0;
 }
-.magritte-no-horizontal-paddings___Q-i-5_11-0-39 .magritte-modal-content-wrapper___VzoTN_11-0-39{
+.magritte-no-horizontal-paddings___Q-i-5_11-0-41 .magritte-modal-content-wrapper___VzoTN_11-0-41{
   padding-right:0;
   padding-left:0;
 }
-.magritte-no-vertical-paddings___dxyot_11-0-39 .magritte-modal-content-wrapper___VzoTN_11-0-39{
+.magritte-no-vertical-paddings___dxyot_11-0-41 .magritte-modal-content-wrapper___VzoTN_11-0-41{
   padding-top:0;
   padding-bottom:0;
 }
-.magritte-modal-footer___Ha-sZ_11-0-39{
-  background-color:var(--magritte-color-component-modal-background-content-v25-1-0);
+.magritte-modal-footer___Ha-sZ_11-0-41{
+  background-color:var(--magritte-color-component-modal-background-content-v26-0-0);
   z-index:1;
-  --magritte-ui-container-background-color-override:var(--magritte-color-component-modal-background-content-v25-1-0);
+  --magritte-ui-container-background-color-override:var(--magritte-color-component-modal-background-content-v26-0-0);
 }
-.magritte-modal-footer___Ha-sZ_11-0-39.magritte-modal-footer-empty___tmH-x_11-0-39{
+.magritte-modal-footer___Ha-sZ_11-0-41.magritte-modal-footer-empty___tmH-x_11-0-41{
   flex:0 0 calc(var(--magritte-ui-modal-vert-padding-mul) * 24px);
 }
-.magritte-animation-timeout___G4Hl1_11-0-39{
+.magritte-animation-timeout___G4Hl1_11-0-41{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-timeout___G4Hl1_11-0-39{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-1-0);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-0);
+  .magritte-animation-timeout___G4Hl1_11-0-41{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-0);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-0);
   }
 }
-.magritte-animation-enter-center___sq8j7_11-0-39.magritte-modal-overlay-with-background___DDxJn_11-0-39{
+.magritte-animation-enter-center___sq8j7_11-0-41.magritte-modal-overlay-with-background___DDxJn_11-0-41{
   opacity:0;
 }
-.magritte-animation-enter-center___sq8j7_11-0-39 .magritte-modal___C4o5U_11-0-39{
+.magritte-animation-enter-center___sq8j7_11-0-41 .magritte-modal___C4o5U_11-0-41{
   opacity:0;
 }
-.magritte-animation-enter-center-active___ORYEh_11-0-39{
+.magritte-animation-enter-center-active___ORYEh_11-0-41{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-enter-center-active___ORYEh_11-0-39{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-1-0);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-0);
+  .magritte-animation-enter-center-active___ORYEh_11-0-41{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-0);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-0);
   }
 }
-.magritte-animation-enter-center-active___ORYEh_11-0-39 .magritte-modal___C4o5U_11-0-39,
-.magritte-animation-enter-center-active___ORYEh_11-0-39.magritte-modal-overlay-with-background___DDxJn_11-0-39{
+.magritte-animation-enter-center-active___ORYEh_11-0-41 .magritte-modal___C4o5U_11-0-41,
+.magritte-animation-enter-center-active___ORYEh_11-0-41.magritte-modal-overlay-with-background___DDxJn_11-0-41{
   opacity:1;
   transition-duration:var(--enter-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v25-1-0);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v26-0-0);
 }
-.magritte-animation-exit-center___lLCX1_11-0-39.magritte-modal-overlay-with-background___DDxJn_11-0-39{
+.magritte-animation-exit-center___lLCX1_11-0-41.magritte-modal-overlay-with-background___DDxJn_11-0-41{
   opacity:1;
 }
-.magritte-animation-exit-center___lLCX1_11-0-39 .magritte-modal___C4o5U_11-0-39{
+.magritte-animation-exit-center___lLCX1_11-0-41 .magritte-modal___C4o5U_11-0-41{
   opacity:1;
 }
-.magritte-animation-exit-center-active___Ik2Yl_11-0-39{
+.magritte-animation-exit-center-active___Ik2Yl_11-0-41{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-exit-center-active___Ik2Yl_11-0-39{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-1-0);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-0);
+  .magritte-animation-exit-center-active___Ik2Yl_11-0-41{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-0);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-0);
   }
 }
-.magritte-animation-exit-center-active___Ik2Yl_11-0-39.magritte-modal-overlay-with-background___DDxJn_11-0-39{
+.magritte-animation-exit-center-active___Ik2Yl_11-0-41.magritte-modal-overlay-with-background___DDxJn_11-0-41{
   opacity:0;
 }
-.magritte-animation-exit-center-active___Ik2Yl_11-0-39 .magritte-modal___C4o5U_11-0-39{
+.magritte-animation-exit-center-active___Ik2Yl_11-0-41 .magritte-modal___C4o5U_11-0-41{
   opacity:0;
 }
-.magritte-animation-exit-center-active___Ik2Yl_11-0-39 .magritte-modal___C4o5U_11-0-39,
-.magritte-animation-exit-center-active___Ik2Yl_11-0-39.magritte-modal-overlay-with-background___DDxJn_11-0-39{
+.magritte-animation-exit-center-active___Ik2Yl_11-0-41 .magritte-modal___C4o5U_11-0-41,
+.magritte-animation-exit-center-active___Ik2Yl_11-0-41.magritte-modal-overlay-with-background___DDxJn_11-0-41{
   transition-duration:var(--exit-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v25-1-0);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-0);
 }
-.magritte-animation-enter-left___jJDlv_11-0-39.magritte-modal-overlay-with-background___DDxJn_11-0-39{
+.magritte-animation-enter-left___jJDlv_11-0-41.magritte-modal-overlay-with-background___DDxJn_11-0-41{
   opacity:0;
 }
-.magritte-animation-enter-left___jJDlv_11-0-39 .magritte-modal___C4o5U_11-0-39{
+.magritte-animation-enter-left___jJDlv_11-0-41 .magritte-modal___C4o5U_11-0-41{
   opacity:0;
   transform:translateX(-100%);
 }
-.magritte-animation-enter-left-active___-kFij_11-0-39{
+.magritte-animation-enter-left-active___-kFij_11-0-41{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-enter-left-active___-kFij_11-0-39{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-1-0);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-0);
+  .magritte-animation-enter-left-active___-kFij_11-0-41{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-0);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-0);
   }
 }
-.magritte-animation-enter-left-active___-kFij_11-0-39 .magritte-modal___C4o5U_11-0-39,
-.magritte-animation-enter-left-active___-kFij_11-0-39.magritte-modal-overlay-with-background___DDxJn_11-0-39{
+.magritte-animation-enter-left-active___-kFij_11-0-41 .magritte-modal___C4o5U_11-0-41,
+.magritte-animation-enter-left-active___-kFij_11-0-41.magritte-modal-overlay-with-background___DDxJn_11-0-41{
   opacity:1;
   transition-duration:var(--enter-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v25-1-0);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v26-0-0);
   transform:translateX(0);
 }
-.magritte-animation-exit-left___G2Plq_11-0-39.magritte-modal-overlay-with-background___DDxJn_11-0-39{
+.magritte-animation-exit-left___G2Plq_11-0-41.magritte-modal-overlay-with-background___DDxJn_11-0-41{
   opacity:1;
 }
-.magritte-animation-exit-left___G2Plq_11-0-39 .magritte-modal___C4o5U_11-0-39{
+.magritte-animation-exit-left___G2Plq_11-0-41 .magritte-modal___C4o5U_11-0-41{
   opacity:1;
   transform:translateX(0);
 }
-.magritte-animation-exit-left-active___XW2K4_11-0-39{
+.magritte-animation-exit-left-active___XW2K4_11-0-41{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-exit-left-active___XW2K4_11-0-39{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-1-0);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-0);
+  .magritte-animation-exit-left-active___XW2K4_11-0-41{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-0);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-0);
   }
 }
-.magritte-animation-exit-left-active___XW2K4_11-0-39.magritte-modal-overlay-with-background___DDxJn_11-0-39{
+.magritte-animation-exit-left-active___XW2K4_11-0-41.magritte-modal-overlay-with-background___DDxJn_11-0-41{
   opacity:0;
 }
-.magritte-animation-exit-left-active___XW2K4_11-0-39 .magritte-modal___C4o5U_11-0-39{
+.magritte-animation-exit-left-active___XW2K4_11-0-41 .magritte-modal___C4o5U_11-0-41{
   opacity:0;
   transform:translateX(-100%);
 }
-.magritte-animation-exit-left-active___XW2K4_11-0-39 .magritte-modal___C4o5U_11-0-39,
-.magritte-animation-exit-left-active___XW2K4_11-0-39.magritte-modal-overlay-with-background___DDxJn_11-0-39{
+.magritte-animation-exit-left-active___XW2K4_11-0-41 .magritte-modal___C4o5U_11-0-41,
+.magritte-animation-exit-left-active___XW2K4_11-0-41.magritte-modal-overlay-with-background___DDxJn_11-0-41{
   transition-duration:var(--exit-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v25-1-0);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-0);
 }
-.magritte-animation-enter-right___rrMS0_11-0-39.magritte-modal-overlay-with-background___DDxJn_11-0-39{
+.magritte-animation-enter-right___rrMS0_11-0-41.magritte-modal-overlay-with-background___DDxJn_11-0-41{
   opacity:0;
 }
-.magritte-animation-enter-right___rrMS0_11-0-39 .magritte-modal___C4o5U_11-0-39{
+.magritte-animation-enter-right___rrMS0_11-0-41 .magritte-modal___C4o5U_11-0-41{
   opacity:0;
   transform:translateX(100%);
 }
-.magritte-animation-enter-right-active___p7rg-_11-0-39{
+.magritte-animation-enter-right-active___p7rg-_11-0-41{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-enter-right-active___p7rg-_11-0-39{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-1-0);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-0);
+  .magritte-animation-enter-right-active___p7rg-_11-0-41{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-0);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-0);
   }
 }
-.magritte-animation-enter-right-active___p7rg-_11-0-39 .magritte-modal___C4o5U_11-0-39,
-.magritte-animation-enter-right-active___p7rg-_11-0-39.magritte-modal-overlay-with-background___DDxJn_11-0-39{
+.magritte-animation-enter-right-active___p7rg-_11-0-41 .magritte-modal___C4o5U_11-0-41,
+.magritte-animation-enter-right-active___p7rg-_11-0-41.magritte-modal-overlay-with-background___DDxJn_11-0-41{
   opacity:1;
   transition-duration:var(--enter-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v25-1-0);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v26-0-0);
   transform:translateX(0);
 }
-.magritte-animation-exit-right___f3qIC_11-0-39.magritte-modal-overlay-with-background___DDxJn_11-0-39{
+.magritte-animation-exit-right___f3qIC_11-0-41.magritte-modal-overlay-with-background___DDxJn_11-0-41{
   opacity:1;
 }
-.magritte-animation-exit-right___f3qIC_11-0-39 .magritte-modal___C4o5U_11-0-39{
+.magritte-animation-exit-right___f3qIC_11-0-41 .magritte-modal___C4o5U_11-0-41{
   opacity:1;
   transform:translateX(0);
 }
-.magritte-animation-exit-right-active___-sG1k_11-0-39{
+.magritte-animation-exit-right-active___-sG1k_11-0-41{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-exit-right-active___-sG1k_11-0-39{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-1-0);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-0);
+  .magritte-animation-exit-right-active___-sG1k_11-0-41{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-0);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-0);
   }
 }
-.magritte-animation-exit-right-active___-sG1k_11-0-39.magritte-modal-overlay-with-background___DDxJn_11-0-39{
+.magritte-animation-exit-right-active___-sG1k_11-0-41.magritte-modal-overlay-with-background___DDxJn_11-0-41{
   opacity:0;
 }
-.magritte-animation-exit-right-active___-sG1k_11-0-39 .magritte-modal___C4o5U_11-0-39{
+.magritte-animation-exit-right-active___-sG1k_11-0-41 .magritte-modal___C4o5U_11-0-41{
   opacity:0;
   transform:translateX(100%);
 }
-.magritte-animation-exit-right-active___-sG1k_11-0-39 .magritte-modal___C4o5U_11-0-39,
-.magritte-animation-exit-right-active___-sG1k_11-0-39.magritte-modal-overlay-with-background___DDxJn_11-0-39{
+.magritte-animation-exit-right-active___-sG1k_11-0-41 .magritte-modal___C4o5U_11-0-41,
+.magritte-animation-exit-right-active___-sG1k_11-0-41.magritte-modal-overlay-with-background___DDxJn_11-0-41{
   transition-duration:var(--exit-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v25-1-0);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-0);
 }
-.magritte-tree-selector-container___4cdf5_11-0-39{
+.magritte-tree-selector-container___4cdf5_11-0-41{
   height:100%;
   overflow:hidden;
   max-width:calc(100% - 24px);
@@ -339,16 +339,16 @@
   --magritte-ui-scrollbar-offset-right:-24px;
   --magritte-ui-scrollbar-offset-top:0;
 }
-.magritte-no-horizontal-paddings___Q-i-5_11-0-39 .magritte-tree-selector-container___4cdf5_11-0-39{
+.magritte-no-horizontal-paddings___Q-i-5_11-0-41 .magritte-tree-selector-container___4cdf5_11-0-41{
   margin:0;
   padding:0;
   --magritte-ui-scrollbar-offset-right:0;
 }
-.magritte-grow-limiter___GmpBj_11-0-39{
+.magritte-grow-limiter___GmpBj_11-0-41{
   flex:1 0;
   --magritte-ui-scrollbar-offset-top:0;
 }
-.magritte-modal-scroll-container___hOCdh_11-0-39{
+.magritte-modal-scroll-container___hOCdh_11-0-41{
   display:flex;
   flex-direction:column;
   flex:1 1;
@@ -359,23 +359,23 @@
   padding:0 calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
   margin:0;
 }
-.magritte-modal-scroll-container___hOCdh_11-0-39::-webkit-scrollbar{
+.magritte-modal-scroll-container___hOCdh_11-0-41::-webkit-scrollbar{
   display:none;
 }
-.magritte-content-overlay-top___6snWk_11-0-39{
+.magritte-content-overlay-top___6snWk_11-0-41{
   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-39.magritte-nav-bar___CL7d-_11-0-39,
-.magritte-content-overlay-top___6snWk_11-0-39.magritte-header___pufwA_11-0-39{
+.magritte-content-overlay-top___6snWk_11-0-41.magritte-nav-bar___CL7d-_11-0-41,
+.magritte-content-overlay-top___6snWk_11-0-41.magritte-header___pufwA_11-0-41{
   bottom:0;
 }
-.magritte-content-overlay-top___6snWk_11-0-39.magritte-static___3B6cn_11-0-39{
+.magritte-content-overlay-top___6snWk_11-0-41.magritte-static___3B6cn_11-0-41{
   top:0;
 }
-.magritte-content-overlay-bottom___bDuPC_11-0-39{
+.magritte-content-overlay-bottom___bDuPC_11-0-41{
   position:absolute;
   left:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
   right:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
@@ -383,10 +383,10 @@
   bottom:0;
 }
 @supports selector(:has(*)){
-  .magritte-modal-content-wrapper___VzoTN_11-0-39:has(.magritte-sticky-header___TPafy_11-0-39){
+  .magritte-modal-content-wrapper___VzoTN_11-0-41:has(.magritte-sticky-header___TPafy_11-0-41){
     padding:0;
   }
-  .magritte-modal-content-wrapper___VzoTN_11-0-39:not(:has(.magritte-sticky-header___TPafy_11-0-39)):has(.magritte-grow-limiter___GmpBj_11-0-39 > .magritte-modal-media___UqHGM_11-0-39:first-child){
+  .magritte-modal-content-wrapper___VzoTN_11-0-41:not(:has(.magritte-sticky-header___TPafy_11-0-41)):has(.magritte-grow-limiter___GmpBj_11-0-41 > .magritte-modal-media___UqHGM_11-0-41:first-child){
     padding-top:12px;
   }
 }

package/index.js

@@ -17,7 +17,7 @@ import './internal/ModalContent.js';
 import './internal/isTreeSelectorChild.js';
 import '@hh.ru/magritte-ui-tree-selector';
 import '@hh.ru/magritte-ui-textarea';
-import './modal-DdFjKxmV.js';
+import './modal-Df_WVial.js';
 import './internal/ModalInner.js';
 import '@hh.ru/magritte-ui-action-bar';
 import './actionBarDefaults.js';

package/internal/ModalBody.js

@@ -7,7 +7,7 @@ import { useContentOverlay, ContentOverlayRoot } from '@hh.ru/magritte-ui-conten
 import { useRegisterTopOverlayCandidate, TOP_OVERLAY_PRIORITY, useResolvedTopOverlayElement } from './ModalSlotsContext.js';
 import { ModalStickyHeader } from './ModalStickyHeader.js';
 import { useScrollbar, Scrollbar } from '@hh.ru/magritte-ui-scrollbar';
-import { s as styles } from '../modal-DdFjKxmV.js';
+import { s as styles } from '../modal-Df_WVial.js';
 import '@hh.ru/magritte-internal-slot-registry';
 import '@hh.ru/magritte-ui-nav-bar';
 

package/internal/ModalContent.js

@@ -2,7 +2,7 @@ import './../index.css';
 import { jsx } from 'react/jsx-runtime';
 import { isTreeSelectorChild } from './isTreeSelectorChild.js';
 import { TextAreaGrowLimiter } from '@hh.ru/magritte-ui-textarea';
-import { s as styles } from '../modal-DdFjKxmV.js';
+import { s as styles } from '../modal-Df_WVial.js';
 import 'react';
 import '@hh.ru/magritte-ui-tree-selector';
 

package/internal/ModalInner.js

@@ -7,7 +7,7 @@ import { ActionBarDefaultPropsContext } from '@hh.ru/magritte-ui-action-bar';
 import { MODAL_ACTION_BAR_DEFAULTS } from '../actionBarDefaults.js';
 import { ModalBody } from './ModalBody.js';
 import { NavBar } from '@hh.ru/magritte-ui-nav-bar';
-import { s as styles } from '../modal-DdFjKxmV.js';
+import { s as styles } from '../modal-Df_WVial.js';
 import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-ui-content-overlay';
 import './ModalSlotsContext.js';

package/internal/ModalStickyHeader.js

@@ -4,7 +4,7 @@ import { useMemo } from 'react';
 import classnames from 'classnames';
 import { useRegisterTopOverlayCandidate, TOP_OVERLAY_PRIORITY } from './ModalSlotsContext.js';
 import { NavBarDefaultPropsContext } from '@hh.ru/magritte-ui-nav-bar';
-import { s as styles } from '../modal-DdFjKxmV.js';
+import { s as styles } from '../modal-Df_WVial.js';
 import '@hh.ru/magritte-internal-slot-registry';
 
 const NAV_BAR_ACTIONS_DEFAULT_PROPS = {

package/internal/constants.js

@@ -1,6 +1,6 @@
 import './../index.css';
 import coreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
-import { s as styles } from '../modal-DdFjKxmV.js';
+import { s as styles } from '../modal-Df_WVial.js';
 
 /** Отступ сверху под page-header (px) — дефолт для `position=left|right` без оверлея. */
 const DEFAULT_PAGE_HEADER_PADDING = 72;

package/internal/useModalOrder.js

@@ -65,7 +65,7 @@ const useModalOrder = (visible, modalRef) => {
     useLayoutEffect(() => {
         counter.updateVisiblility(id, visible);
         counter.notifyAll();
-        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [visible]);
     useEffect(() => {
         counter.subscribe(id, setPosition);
@@ -75,7 +75,7 @@ const useModalOrder = (visible, modalRef) => {
             counter.updateVisiblility(id, false);
             counter.notifyAll();
         };
-        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [id]);
     useLayoutEffect(() => {
         // Если это самый "верхний" модал передаем туда фокус

package/internal/useModalOrder.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModalOrder.js","sources":["src/internal/useModalOrder.ts"],"sourcesContent":["import { RefObject, useEffect, useLayoutEffect, useState } from 'react';\n\nimport { storeValueInDom, getValueFromDom, useDomStoredUniqueId } from '@hh.ru/magritte-common-dom-storage';\n\ntype NotifyCallbackArg = { position: number; count: number };\n\ntype Subscribers = Record<string, (position: NotifyCallbackArg) => void>;\ntype VisibilityMap = Record<string, boolean>;\ntype PositionMap = Record<string, number>;\n\ntype ModalCounterState = {\n    prevVisiblility: VisibilityMap;\n    positions: PositionMap;\n    subscribers: Subscribers;\n    count: number;\n};\n\nconst STORAGE_NAME = '_MAGRITTE_MODAL_COUNTER_';\n\nconst getState = (): ModalCounterState => {\n    const state = getValueFromDom<ModalCounterState>(STORAGE_NAME);\n    if (state === undefined) {\n        return {\n            prevVisiblility: {},\n            positions: {},\n            subscribers: {},\n            count: 0,\n        };\n    }\n    return state;\n};\n\nconst storeState = (state: ModalCounterState): void => {\n    storeValueInDom(STORAGE_NAME, state);\n};\n\nconst counterFactory = () => {\n    return {\n        updateVisiblility: (id: string, visible: boolean) => {\n            // eslint-disable-next-line prefer-const\n            const state = getState();\n            const prevVisible = !!state.prevVisiblility[id];\n            if (visible === prevVisible) {\n                return;\n            }\n            state.prevVisiblility[id] = visible;\n            if (visible) {\n                state.count += 1;\n                state.positions[id] = state.count;\n            } else {\n                state.count -= 1;\n                const currentPosition = state.positions[id];\n                state.positions[id] = 0;\n                Object.entries(state.positions).forEach(([key, value]) => {\n                    state.positions[key] = value > currentPosition ? value - 1 : value;\n                });\n            }\n            storeState(state);\n        },\n        subscribe: (id: string, callback: (position: NotifyCallbackArg) => void) => {\n            const state = getState();\n            state.subscribers[id] = callback;\n            storeState(state);\n        },\n        unsubscribe: (id: string) => {\n            const state = getState();\n            delete state.subscribers[id];\n            storeState(state);\n        },\n        notifyAll: () => {\n            const { subscribers, count, positions } = getState();\n            Object.entries(subscribers).forEach(([id, callback]) => callback({ position: positions[id], count }));\n        },\n    };\n};\n\nconst counter = counterFactory();\n\nexport const useModalOrder = (visible: boolean, modalRef: RefObject<HTMLDivElement>): [number, number] => {\n    const [position, setPosition] = useState<{ position: number; count: number }>({ position: 0, count: 0 });\n    const id = useDomStoredUniqueId();\n\n    useLayoutEffect(() => {\n        counter.updateVisiblility(id, visible);\n        counter.notifyAll();\n        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n    }, [visible]);\n\n    useEffect(() => {\n        counter.subscribe(id, setPosition);\n        counter.updateVisiblility(id, visible);\n        return () => {\n            counter.unsubscribe(id);\n            counter.updateVisiblility(id, false);\n            counter.notifyAll();\n        };\n        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n    }, [id]);\n\n    useLayoutEffect(() => {\n        // Если это самый \"верхний\" модал передаем туда фокус\n        if (\n            position.position === position.count &&\n            position.count > 0 &&\n            !modalRef.current?.contains(document.activeElement)\n        ) {\n            modalRef.current?.focus();\n        }\n    }, [position, modalRef]);\n\n    return [position.position, position.count];\n};\n"],"names":[],"mappings":";;;AAiBA,MAAM,YAAY,GAAG,0BAA0B,CAAC;AAEhD,MAAM,QAAQ,GAAG,MAAwB;AACrC,IAAA,MAAM,KAAK,GAAG,eAAe,CAAoB,YAAY,CAAC,CAAC;AAC/D,IAAA,IAAI,KAAK,KAAK,SAAS,EAAE;QACrB,OAAO;AACH,YAAA,eAAe,EAAE,EAAE;AACnB,YAAA,SAAS,EAAE,EAAE;AACb,YAAA,WAAW,EAAE,EAAE;AACf,YAAA,KAAK,EAAE,CAAC;SACX,CAAC;KACL;AACD,IAAA,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAwB,KAAU;AAClD,IAAA,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,MAAK;IACxB,OAAO;AACH,QAAA,iBAAiB,EAAE,CAAC,EAAU,EAAE,OAAgB,KAAI;;AAEhD,YAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;YACzB,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;AAChD,YAAA,IAAI,OAAO,KAAK,WAAW,EAAE;gBACzB,OAAO;aACV;AACD,YAAA,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;YACpC,IAAI,OAAO,EAAE;AACT,gBAAA,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC;gBACjB,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC;aACrC;iBAAM;AACH,gBAAA,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC;gBACjB,MAAM,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;AAC5C,gBAAA,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AACxB,gBAAA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AACrD,oBAAA,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,eAAe,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC;AACvE,iBAAC,CAAC,CAAC;aACN;YACD,UAAU,CAAC,KAAK,CAAC,CAAC;SACrB;AACD,QAAA,SAAS,EAAE,CAAC,EAAU,EAAE,QAA+C,KAAI;AACvE,YAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,YAAA,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC;YACjC,UAAU,CAAC,KAAK,CAAC,CAAC;SACrB;AACD,QAAA,WAAW,EAAE,CAAC,EAAU,KAAI;AACxB,YAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,YAAA,OAAO,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAC7B,UAAU,CAAC,KAAK,CAAC,CAAC;SACrB;QACD,SAAS,EAAE,MAAK;YACZ,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAC;AACrD,YAAA,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;SACzG;KACJ,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;MAEpB,aAAa,GAAG,CAAC,OAAgB,EAAE,QAAmC,KAAsB;AACrG,IAAA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAsC,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;AACzG,IAAA,MAAM,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAElC,eAAe,CAAC,MAAK;AACjB,QAAA,OAAO,CAAC,iBAAiB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QACvC,OAAO,CAAC,SAAS,EAAE,CAAC;;AAExB,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,MAAK;AACX,QAAA,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;AACnC,QAAA,OAAO,CAAC,iBAAiB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;AACvC,QAAA,OAAO,MAAK;AACR,YAAA,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AACxB,YAAA,OAAO,CAAC,iBAAiB,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;YACrC,OAAO,CAAC,SAAS,EAAE,CAAC;AACxB,SAAC,CAAC;;AAEN,KAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,eAAe,CAAC,MAAK;;AAEjB,QAAA,IACI,QAAQ,CAAC,QAAQ,KAAK,QAAQ,CAAC,KAAK;YACpC,QAAQ,CAAC,KAAK,GAAG,CAAC;YAClB,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EACrD;AACE,YAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SAC7B;AACL,KAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC/C;;;;"}
+{"version":3,"file":"useModalOrder.js","sources":["src/internal/useModalOrder.ts"],"sourcesContent":["import { RefObject, useEffect, useLayoutEffect, useState } from 'react';\n\nimport { storeValueInDom, getValueFromDom, useDomStoredUniqueId } from '@hh.ru/magritte-common-dom-storage';\n\ntype NotifyCallbackArg = { position: number; count: number };\n\ntype Subscribers = Record<string, (position: NotifyCallbackArg) => void>;\ntype VisibilityMap = Record<string, boolean>;\ntype PositionMap = Record<string, number>;\n\ntype ModalCounterState = {\n    prevVisiblility: VisibilityMap;\n    positions: PositionMap;\n    subscribers: Subscribers;\n    count: number;\n};\n\nconst STORAGE_NAME = '_MAGRITTE_MODAL_COUNTER_';\n\nconst getState = (): ModalCounterState => {\n    const state = getValueFromDom<ModalCounterState>(STORAGE_NAME);\n    if (state === undefined) {\n        return {\n            prevVisiblility: {},\n            positions: {},\n            subscribers: {},\n            count: 0,\n        };\n    }\n    return state;\n};\n\nconst storeState = (state: ModalCounterState): void => {\n    storeValueInDom(STORAGE_NAME, state);\n};\n\nconst counterFactory = () => {\n    return {\n        updateVisiblility: (id: string, visible: boolean) => {\n            // eslint-disable-next-line prefer-const\n            const state = getState();\n            const prevVisible = !!state.prevVisiblility[id];\n            if (visible === prevVisible) {\n                return;\n            }\n            state.prevVisiblility[id] = visible;\n            if (visible) {\n                state.count += 1;\n                state.positions[id] = state.count;\n            } else {\n                state.count -= 1;\n                const currentPosition = state.positions[id];\n                state.positions[id] = 0;\n                Object.entries(state.positions).forEach(([key, value]) => {\n                    state.positions[key] = value > currentPosition ? value - 1 : value;\n                });\n            }\n            storeState(state);\n        },\n        subscribe: (id: string, callback: (position: NotifyCallbackArg) => void) => {\n            const state = getState();\n            state.subscribers[id] = callback;\n            storeState(state);\n        },\n        unsubscribe: (id: string) => {\n            const state = getState();\n            delete state.subscribers[id];\n            storeState(state);\n        },\n        notifyAll: () => {\n            const { subscribers, count, positions } = getState();\n            Object.entries(subscribers).forEach(([id, callback]) => callback({ position: positions[id], count }));\n        },\n    };\n};\n\nconst counter = counterFactory();\n\nexport const useModalOrder = (visible: boolean, modalRef: RefObject<HTMLDivElement>): [number, number] => {\n    const [position, setPosition] = useState<{ position: number; count: number }>({ position: 0, count: 0 });\n    const id = useDomStoredUniqueId();\n\n    useLayoutEffect(() => {\n        counter.updateVisiblility(id, visible);\n        counter.notifyAll();\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [visible]);\n\n    useEffect(() => {\n        counter.subscribe(id, setPosition);\n        counter.updateVisiblility(id, visible);\n        return () => {\n            counter.unsubscribe(id);\n            counter.updateVisiblility(id, false);\n            counter.notifyAll();\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [id]);\n\n    useLayoutEffect(() => {\n        // Если это самый \"верхний\" модал передаем туда фокус\n        if (\n            position.position === position.count &&\n            position.count > 0 &&\n            !modalRef.current?.contains(document.activeElement)\n        ) {\n            modalRef.current?.focus();\n        }\n    }, [position, modalRef]);\n\n    return [position.position, position.count];\n};\n"],"names":[],"mappings":"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"}

package/internal/useModalTransition.js

@@ -64,7 +64,7 @@ const useModalTransition = ({ visible, isServerEnv, showOverlay, returnFocusOnCl
         onEntering();
         // visible не должно быть в зависимостях, т.к. этот эффект обрабатывает только изменение брейкпоинта
         // visible обрабатывается CSSTransition
-        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [breakpoint, onEntering, onExited, onExit]);
     useEffect(() => {
         return () => {

package/internal/useModalTransition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModalTransition.js","sources":["src/internal/useModalTransition.ts"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useRef } from 'react';\n\nimport { disableScroll, type TimeoutCallback } from '@hh.ru/magritte-common-modal-helper';\nimport { Breakpoint, useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { useModalOrder } from '@hh.ru/magritte-ui-modal/internal/useModalOrder';\n\nconst INVISIBLE_FOR_BREAKPOINTS = [Breakpoint.XS, Breakpoint.S];\n\ninterface UseModalTransitionParams {\n    visible: boolean | undefined;\n    isServerEnv: boolean;\n    showOverlay: boolean;\n    returnFocusOnClose: boolean | undefined;\n    onAppear?: VoidFunction;\n    onBeforeExit?: VoidFunction;\n    onAfterExit?: VoidFunction;\n    modalRef: RefObject<HTMLDivElement>;\n    /** Длительность анимации закрытия (мс) — с ней разблокируется скролл при размонтировании. */\n    animationTimeoutExit: number;\n}\n\ninterface UseModalTransitionResult {\n    onEntering: VoidFunction;\n    onEntered: VoidFunction;\n    onExit: VoidFunction;\n    onExited: VoidFunction;\n    /** Текущий брейкпоинт входит в число тех, на которых модал не рендерится (XS/S). */\n    isHiddenForBreakpoint: boolean;\n}\n\n/**\n * Жизненный цикл модала вокруг `CSSTransition`: блокировка скролла страницы на время показа, возврат\n * фокуса на активатор после закрытия, колбэки `onAppear/onBeforeExit/onAfterExit`, регистрация в стеке\n * модалов (`useModalOrder`) и обработка смены брейкпоинта (на XS/S модал скрывается). Возвращает\n * хендлеры для `CSSTransition` и флаг «скрыт на текущем брейкпоинте».\n */\nexport const useModalTransition = ({\n    visible,\n    isServerEnv,\n    showOverlay,\n    returnFocusOnClose,\n    onAppear,\n    onBeforeExit,\n    onAfterExit,\n    modalRef,\n    animationTimeoutExit,\n}: UseModalTransitionParams): UseModalTransitionResult => {\n    const enableScrollRef = useRef<TimeoutCallback>();\n    const onAfterExitRef = useRef(onAfterExit);\n    const onBeforeExitRef = useRef(onBeforeExit);\n    onAfterExitRef.current = onAfterExit;\n    onBeforeExitRef.current = onBeforeExit;\n    const animationTimeoutExitRef = useRef(animationTimeoutExit);\n    animationTimeoutExitRef.current = animationTimeoutExit;\n\n    const activatorRef = useRef<HTMLElement | null>(null);\n\n    const onEntering = useCallback(() => {\n        if (returnFocusOnClose && document.activeElement instanceof HTMLElement) {\n            activatorRef.current = document.activeElement;\n        }\n        if (!enableScrollRef.current && showOverlay) {\n            enableScrollRef.current = disableScroll();\n        }\n        if (modalRef.current && !modalRef.current.contains(document.activeElement)) {\n            modalRef.current.focus();\n        }\n    }, [returnFocusOnClose, showOverlay, modalRef]);\n\n    const onEntered = useCallback(() => {\n        onAppear?.();\n    }, [onAppear]);\n\n    const onExit = useCallback(() => {\n        onBeforeExitRef.current?.();\n    }, []);\n\n    const onExited = useCallback(() => {\n        // оставляем обработку скрола еще и тут\n        // чтобы обработать историю со сменой breakpoint\n        enableScrollRef.current?.();\n        enableScrollRef.current = undefined;\n\n        onAfterExitRef.current?.();\n\n        if (activatorRef.current !== null && document.contains(activatorRef.current)) {\n            activatorRef.current?.focus();\n            activatorRef.current = null;\n        }\n    }, []);\n\n    useModalOrder(!!visible && !isServerEnv, modalRef);\n\n    const { breakpoint } = useBreakpoint();\n    useEffect(() => {\n        if (!visible) {\n            return;\n        }\n\n        const currentBreakpointVisible = !INVISIBLE_FOR_BREAKPOINTS.includes(breakpoint);\n        if (!currentBreakpointVisible) {\n            onExit();\n            onExited();\n            return;\n        }\n\n        onEntering();\n        // visible не должно быть в зависимостях, т.к. этот эффект обрабатывает только изменение брейкпоинта\n        // visible обрабатывается CSSTransition\n        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n    }, [breakpoint, onEntering, onExited, onExit]);\n\n    useEffect(() => {\n        return () => {\n            enableScrollRef.current?.(animationTimeoutExitRef.current);\n            enableScrollRef.current = undefined;\n        };\n    }, [visible, showOverlay]);\n\n    return {\n        onEntering,\n        onEntered,\n        onExit,\n        onExited,\n        isHiddenForBreakpoint: INVISIBLE_FOR_BREAKPOINTS.includes(breakpoint),\n    };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useModalTransition.js","sources":["src/internal/useModalTransition.ts"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useRef } from 'react';\n\nimport { disableScroll, type TimeoutCallback } from '@hh.ru/magritte-common-modal-helper';\nimport { Breakpoint, useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { useModalOrder } from '@hh.ru/magritte-ui-modal/internal/useModalOrder';\n\nconst INVISIBLE_FOR_BREAKPOINTS = [Breakpoint.XS, Breakpoint.S];\n\ninterface UseModalTransitionParams {\n    visible: boolean | undefined;\n    isServerEnv: boolean;\n    showOverlay: boolean;\n    returnFocusOnClose: boolean | undefined;\n    onAppear?: VoidFunction;\n    onBeforeExit?: VoidFunction;\n    onAfterExit?: VoidFunction;\n    modalRef: RefObject<HTMLDivElement>;\n    /** Длительность анимации закрытия (мс) — с ней разблокируется скролл при размонтировании. */\n    animationTimeoutExit: number;\n}\n\ninterface UseModalTransitionResult {\n    onEntering: VoidFunction;\n    onEntered: VoidFunction;\n    onExit: VoidFunction;\n    onExited: VoidFunction;\n    /** Текущий брейкпоинт входит в число тех, на которых модал не рендерится (XS/S). */\n    isHiddenForBreakpoint: boolean;\n}\n\n/**\n * Жизненный цикл модала вокруг `CSSTransition`: блокировка скролла страницы на время показа, возврат\n * фокуса на активатор после закрытия, колбэки `onAppear/onBeforeExit/onAfterExit`, регистрация в стеке\n * модалов (`useModalOrder`) и обработка смены брейкпоинта (на XS/S модал скрывается). Возвращает\n * хендлеры для `CSSTransition` и флаг «скрыт на текущем брейкпоинте».\n */\nexport const useModalTransition = ({\n    visible,\n    isServerEnv,\n    showOverlay,\n    returnFocusOnClose,\n    onAppear,\n    onBeforeExit,\n    onAfterExit,\n    modalRef,\n    animationTimeoutExit,\n}: UseModalTransitionParams): UseModalTransitionResult => {\n    const enableScrollRef = useRef<TimeoutCallback>();\n    const onAfterExitRef = useRef(onAfterExit);\n    const onBeforeExitRef = useRef(onBeforeExit);\n    onAfterExitRef.current = onAfterExit;\n    onBeforeExitRef.current = onBeforeExit;\n    const animationTimeoutExitRef = useRef(animationTimeoutExit);\n    animationTimeoutExitRef.current = animationTimeoutExit;\n\n    const activatorRef = useRef<HTMLElement | null>(null);\n\n    const onEntering = useCallback(() => {\n        if (returnFocusOnClose && document.activeElement instanceof HTMLElement) {\n            activatorRef.current = document.activeElement;\n        }\n        if (!enableScrollRef.current && showOverlay) {\n            enableScrollRef.current = disableScroll();\n        }\n        if (modalRef.current && !modalRef.current.contains(document.activeElement)) {\n            modalRef.current.focus();\n        }\n    }, [returnFocusOnClose, showOverlay, modalRef]);\n\n    const onEntered = useCallback(() => {\n        onAppear?.();\n    }, [onAppear]);\n\n    const onExit = useCallback(() => {\n        onBeforeExitRef.current?.();\n    }, []);\n\n    const onExited = useCallback(() => {\n        // оставляем обработку скрола еще и тут\n        // чтобы обработать историю со сменой breakpoint\n        enableScrollRef.current?.();\n        enableScrollRef.current = undefined;\n\n        onAfterExitRef.current?.();\n\n        if (activatorRef.current !== null && document.contains(activatorRef.current)) {\n            activatorRef.current?.focus();\n            activatorRef.current = null;\n        }\n    }, []);\n\n    useModalOrder(!!visible && !isServerEnv, modalRef);\n\n    const { breakpoint } = useBreakpoint();\n    useEffect(() => {\n        if (!visible) {\n            return;\n        }\n\n        const currentBreakpointVisible = !INVISIBLE_FOR_BREAKPOINTS.includes(breakpoint);\n        if (!currentBreakpointVisible) {\n            onExit();\n            onExited();\n            return;\n        }\n\n        onEntering();\n        // visible не должно быть в зависимостях, т.к. этот эффект обрабатывает только изменение брейкпоинта\n        // visible обрабатывается CSSTransition\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [breakpoint, onEntering, onExited, onExit]);\n\n    useEffect(() => {\n        return () => {\n            enableScrollRef.current?.(animationTimeoutExitRef.current);\n            enableScrollRef.current = undefined;\n        };\n    }, [visible, showOverlay]);\n\n    return {\n        onEntering,\n        onEntered,\n        onExit,\n        onExited,\n        isHiddenForBreakpoint: INVISIBLE_FOR_BREAKPOINTS.includes(breakpoint),\n    };\n};\n"],"names":[],"mappings":"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"}

package/internal/usePageHeaderScrollAnimation.js

@@ -21,6 +21,8 @@ const usePageHeaderScrollAnimation = ({ overlayRef, showOverlay, pageHeaderPaddi
         const keyframes = { top: [`${pageHeaderPadding}px`, '0px'] };
         if (hasScrollTimeline) {
             const timeline = new ScrollTimeline({ source: document.documentElement, axis: 'y' });
+            // TS 7 (type-aware правила oxlint) уже знает rangeStart/rangeEnd, а TS 5 без каста не пропускает
+            // oxlint-disable-next-line typescript/no-unnecessary-type-assertion
             animation = overlay.animate(keyframes, {
                 timeline,
                 rangeStart: '0px',

package/internal/usePageHeaderScrollAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePageHeaderScrollAnimation.js","sources":["src/internal/usePageHeaderScrollAnimation.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\ninterface UsePageHeaderScrollAnimationParams {\n    overlayRef: RefObject<HTMLDivElement>;\n    showOverlay: boolean;\n    pageHeaderPadding: number;\n    visible: boolean | undefined;\n}\n\n/**\n * Анимирует `top` оверлея при скролле страницы (только для `position=left|right` без оверлея): по мере\n * прокрутки на `pageHeaderPadding` оверлей «подъезжает» под page-header от `pageHeaderPadding` к `0`.\n * Использует `ScrollTimeline`, где доступен, иначе — ручную привязку к событию `scroll`.\n */\nexport const usePageHeaderScrollAnimation = ({\n    overlayRef,\n    showOverlay,\n    pageHeaderPadding,\n    visible,\n}: UsePageHeaderScrollAnimationParams): void => {\n    useEffect(() => {\n        if (showOverlay || !pageHeaderPadding || !visible) {\n            return void 0;\n        }\n\n        const hasScrollTimeline = 'ScrollTimeline' in window;\n        const overlay = overlayRef.current;\n\n        if (!overlay) {\n            return void 0;\n        }\n\n        let animation: Animation;\n        const abortController = new AbortController();\n        const keyframes = { top: [`${pageHeaderPadding}px`, '0px'] };\n        if (hasScrollTimeline) {\n            const timeline = new ScrollTimeline({ source: document.documentElement, axis: 'y' });\n            animation = overlay.animate(keyframes, {\n                timeline,\n                rangeStart: '0px',\n                // calc нужен для устранения бага https://issues.chromium.org/issues/40929569\n                rangeEnd: `calc(0% + ${pageHeaderPadding}px)`,\n            } as KeyframeAnimationOptions);\n        } else {\n            animation = overlay.animate(keyframes, { duration: 1000, fill: 'forwards' });\n            animation.pause();\n\n            window.addEventListener(\n                'scroll',\n                () => {\n                    animation.currentTime =\n                        (Math.min(document.documentElement.scrollTop, pageHeaderPadding) / pageHeaderPadding) * 1000;\n                },\n                { signal: abortController.signal }\n            );\n        }\n\n        return () => {\n            abortController.abort();\n            animation.cancel();\n        };\n    }, [overlayRef, showOverlay, pageHeaderPadding, visible]);\n};\n"],"names":[],"mappings":";;AASA;;;;AAIG;AACI,MAAM,4BAA4B,GAAG,CAAC,EACzC,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,OAAO,GAC0B,KAAU;IAC3C,SAAS,CAAC,MAAK;QACX,IAAI,WAAW,IAAI,CAAC,iBAAiB,IAAI,CAAC,OAAO,EAAE;YAC/C,OAAO,KAAK,CAAC,CAAC;SACjB;AAED,QAAA,MAAM,iBAAiB,GAAG,gBAAgB,IAAI,MAAM,CAAC;AACrD,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QAEnC,IAAI,CAAC,OAAO,EAAE;YACV,OAAO,KAAK,CAAC,CAAC;SACjB;AAED,QAAA,IAAI,SAAoB,CAAC;AACzB,QAAA,MAAM,eAAe,GAAG,IAAI,eAAe,EAAE,CAAC;AAC9C,QAAA,MAAM,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC,CAAG,EAAA,iBAAiB,CAAI,EAAA,CAAA,EAAE,KAAK,CAAC,EAAE,CAAC;QAC7D,IAAI,iBAAiB,EAAE;AACnB,YAAA,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,eAAe,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;AACrF,YAAA,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE;gBACnC,QAAQ;AACR,gBAAA,UAAU,EAAE,KAAK;;gBAEjB,QAAQ,EAAE,CAAa,UAAA,EAAA,iBAAiB,CAAK,GAAA,CAAA;AACpB,aAAA,CAAC,CAAC;SAClC;aAAM;AACH,YAAA,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;YAC7E,SAAS,CAAC,KAAK,EAAE,CAAC;AAElB,YAAA,MAAM,CAAC,gBAAgB,CACnB,QAAQ,EACR,MAAK;AACD,gBAAA,SAAS,CAAC,WAAW;AACjB,oBAAA,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,EAAE,iBAAiB,CAAC,GAAG,iBAAiB,IAAI,IAAI,CAAC;aACpG,EACD,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,CACrC,CAAC;SACL;AAED,QAAA,OAAO,MAAK;YACR,eAAe,CAAC,KAAK,EAAE,CAAC;YACxB,SAAS,CAAC,MAAM,EAAE,CAAC;AACvB,SAAC,CAAC;KACL,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;AAC9D;;;;"}
+{"version":3,"file":"usePageHeaderScrollAnimation.js","sources":["src/internal/usePageHeaderScrollAnimation.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\ninterface UsePageHeaderScrollAnimationParams {\n    overlayRef: RefObject<HTMLDivElement>;\n    showOverlay: boolean;\n    pageHeaderPadding: number;\n    visible: boolean | undefined;\n}\n\n/**\n * Анимирует `top` оверлея при скролле страницы (только для `position=left|right` без оверлея): по мере\n * прокрутки на `pageHeaderPadding` оверлей «подъезжает» под page-header от `pageHeaderPadding` к `0`.\n * Использует `ScrollTimeline`, где доступен, иначе — ручную привязку к событию `scroll`.\n */\nexport const usePageHeaderScrollAnimation = ({\n    overlayRef,\n    showOverlay,\n    pageHeaderPadding,\n    visible,\n}: UsePageHeaderScrollAnimationParams): void => {\n    useEffect(() => {\n        if (showOverlay || !pageHeaderPadding || !visible) {\n            return void 0;\n        }\n\n        const hasScrollTimeline = 'ScrollTimeline' in window;\n        const overlay = overlayRef.current;\n\n        if (!overlay) {\n            return void 0;\n        }\n\n        let animation: Animation;\n        const abortController = new AbortController();\n        const keyframes = { top: [`${pageHeaderPadding}px`, '0px'] };\n        if (hasScrollTimeline) {\n            const timeline = new ScrollTimeline({ source: document.documentElement, axis: 'y' });\n            // TS 7 (type-aware правила oxlint) уже знает rangeStart/rangeEnd, а TS 5 без каста не пропускает\n            // oxlint-disable-next-line typescript/no-unnecessary-type-assertion\n            animation = overlay.animate(keyframes, {\n                timeline,\n                rangeStart: '0px',\n                // calc нужен для устранения бага https://issues.chromium.org/issues/40929569\n                rangeEnd: `calc(0% + ${pageHeaderPadding}px)`,\n            } as KeyframeAnimationOptions);\n        } else {\n            animation = overlay.animate(keyframes, { duration: 1000, fill: 'forwards' });\n            animation.pause();\n\n            window.addEventListener(\n                'scroll',\n                () => {\n                    animation.currentTime =\n                        (Math.min(document.documentElement.scrollTop, pageHeaderPadding) / pageHeaderPadding) * 1000;\n                },\n                { signal: abortController.signal }\n            );\n        }\n\n        return () => {\n            abortController.abort();\n            animation.cancel();\n        };\n    }, [overlayRef, showOverlay, pageHeaderPadding, visible]);\n};\n"],"names":[],"mappings":";;AASA;;;;AAIG;AACI,MAAM,4BAA4B,GAAG,CAAC,EACzC,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,OAAO,GAC0B,KAAU;IAC3C,SAAS,CAAC,MAAK;QACX,IAAI,WAAW,IAAI,CAAC,iBAAiB,IAAI,CAAC,OAAO,EAAE;YAC/C,OAAO,KAAK,CAAC,CAAC;SACjB;AAED,QAAA,MAAM,iBAAiB,GAAG,gBAAgB,IAAI,MAAM,CAAC;AACrD,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QAEnC,IAAI,CAAC,OAAO,EAAE;YACV,OAAO,KAAK,CAAC,CAAC;SACjB;AAED,QAAA,IAAI,SAAoB,CAAC;AACzB,QAAA,MAAM,eAAe,GAAG,IAAI,eAAe,EAAE,CAAC;AAC9C,QAAA,MAAM,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC,CAAG,EAAA,iBAAiB,CAAI,EAAA,CAAA,EAAE,KAAK,CAAC,EAAE,CAAC;QAC7D,IAAI,iBAAiB,EAAE;AACnB,YAAA,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,eAAe,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;;;AAGrF,YAAA,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE;gBACnC,QAAQ;AACR,gBAAA,UAAU,EAAE,KAAK;;gBAEjB,QAAQ,EAAE,CAAa,UAAA,EAAA,iBAAiB,CAAK,GAAA,CAAA;AACpB,aAAA,CAAC,CAAC;SAClC;aAAM;AACH,YAAA,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;YAC7E,SAAS,CAAC,KAAK,EAAE,CAAC;AAElB,YAAA,MAAM,CAAC,gBAAgB,CACnB,QAAQ,EACR,MAAK;AACD,gBAAA,SAAS,CAAC,WAAW;AACjB,oBAAA,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,EAAE,iBAAiB,CAAC,GAAG,iBAAiB,IAAI,IAAI,CAAC;aACpG,EACD,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,CACrC,CAAC;SACL;AAED,QAAA,OAAO,MAAK;YACR,eAAe,CAAC,KAAK,EAAE,CAAC;YACxB,SAAS,CAAC,MAAM,EAAE,CAAC;AACvB,SAAC,CAAC;KACL,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;AAC9D;;;;"}

package/modal-Df_WVial.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"sticky-header":"magritte-sticky-header___TPafy_11-0-41","stickyHeader":"magritte-sticky-header___TPafy_11-0-41","sticky-header-inner":"magritte-sticky-header-inner___u5p8h_11-0-41","stickyHeaderInner":"magritte-sticky-header-inner___u5p8h_11-0-41","modal-media":"magritte-modal-media___UqHGM_11-0-41","modalMedia":"magritte-modal-media___UqHGM_11-0-41","fixed-height":"magritte-fixed-height___wyJ7-_11-0-41","fixedHeight":"magritte-fixed-height___wyJ7-_11-0-41","contain":"magritte-contain___3QD0Z_11-0-41","cover":"magritte-cover___nry9O_11-0-41","content-overlay-top":"magritte-content-overlay-top___6snWk_11-0-41","contentOverlayTop":"magritte-content-overlay-top___6snWk_11-0-41","grow-limiter":"magritte-grow-limiter___GmpBj_11-0-41","growLimiter":"magritte-grow-limiter___GmpBj_11-0-41","modal-overlay":"magritte-modal-overlay___WwfCg_11-0-41","modalOverlay":"magritte-modal-overlay___WwfCg_11-0-41","modal-overlay-with-background":"magritte-modal-overlay-with-background___DDxJn_11-0-41","modalOverlayWithBackground":"magritte-modal-overlay-with-background___DDxJn_11-0-41","modal":"magritte-modal___C4o5U_11-0-41","modal-overlay-left":"magritte-modal-overlay-left___agPyC_11-0-41","modalOverlayLeft":"magritte-modal-overlay-left___agPyC_11-0-41","modal-overlay-right":"magritte-modal-overlay-right___-XDAx_11-0-41","modalOverlayRight":"magritte-modal-overlay-right___-XDAx_11-0-41","size-small":"magritte-size-small___cI-Ql_11-0-41","sizeSmall":"magritte-size-small___cI-Ql_11-0-41","size-medium":"magritte-size-medium___jnqfu_11-0-41","sizeMedium":"magritte-size-medium___jnqfu_11-0-41","no-vertical-paddings":"magritte-no-vertical-paddings___dxyot_11-0-41","noVerticalPaddings":"magritte-no-vertical-paddings___dxyot_11-0-41","no-horizontal-paddings":"magritte-no-horizontal-paddings___Q-i-5_11-0-41","noHorizontalPaddings":"magritte-no-horizontal-paddings___Q-i-5_11-0-41","modal-full-height":"magritte-modal-full-height___Aew5F_11-0-41","modalFullHeight":"magritte-modal-full-height___Aew5F_11-0-41","modal-with-border":"magritte-modal-with-border___KSnhf_11-0-41","modalWithBorder":"magritte-modal-with-border___KSnhf_11-0-41","modal-content-wrapper":"magritte-modal-content-wrapper___VzoTN_11-0-41","modalContentWrapper":"magritte-modal-content-wrapper___VzoTN_11-0-41","modal-footer":"magritte-modal-footer___Ha-sZ_11-0-41","modalFooter":"magritte-modal-footer___Ha-sZ_11-0-41","modal-footer-empty":"magritte-modal-footer-empty___tmH-x_11-0-41","modalFooterEmpty":"magritte-modal-footer-empty___tmH-x_11-0-41","animation-timeout":"magritte-animation-timeout___G4Hl1_11-0-41","animationTimeout":"magritte-animation-timeout___G4Hl1_11-0-41","animation-enter-center":"magritte-animation-enter-center___sq8j7_11-0-41","animationEnterCenter":"magritte-animation-enter-center___sq8j7_11-0-41","animation-enter-center-active":"magritte-animation-enter-center-active___ORYEh_11-0-41","animationEnterCenterActive":"magritte-animation-enter-center-active___ORYEh_11-0-41","animation-exit-center":"magritte-animation-exit-center___lLCX1_11-0-41","animationExitCenter":"magritte-animation-exit-center___lLCX1_11-0-41","animation-exit-center-active":"magritte-animation-exit-center-active___Ik2Yl_11-0-41","animationExitCenterActive":"magritte-animation-exit-center-active___Ik2Yl_11-0-41","animation-enter-left":"magritte-animation-enter-left___jJDlv_11-0-41","animationEnterLeft":"magritte-animation-enter-left___jJDlv_11-0-41","animation-enter-left-active":"magritte-animation-enter-left-active___-kFij_11-0-41","animationEnterLeftActive":"magritte-animation-enter-left-active___-kFij_11-0-41","animation-exit-left":"magritte-animation-exit-left___G2Plq_11-0-41","animationExitLeft":"magritte-animation-exit-left___G2Plq_11-0-41","animation-exit-left-active":"magritte-animation-exit-left-active___XW2K4_11-0-41","animationExitLeftActive":"magritte-animation-exit-left-active___XW2K4_11-0-41","animation-enter-right":"magritte-animation-enter-right___rrMS0_11-0-41","animationEnterRight":"magritte-animation-enter-right___rrMS0_11-0-41","animation-enter-right-active":"magritte-animation-enter-right-active___p7rg-_11-0-41","animationEnterRightActive":"magritte-animation-enter-right-active___p7rg-_11-0-41","animation-exit-right":"magritte-animation-exit-right___f3qIC_11-0-41","animationExitRight":"magritte-animation-exit-right___f3qIC_11-0-41","animation-exit-right-active":"magritte-animation-exit-right-active___-sG1k_11-0-41","animationExitRightActive":"magritte-animation-exit-right-active___-sG1k_11-0-41","tree-selector-container":"magritte-tree-selector-container___4cdf5_11-0-41","treeSelectorContainer":"magritte-tree-selector-container___4cdf5_11-0-41","modal-scroll-container":"magritte-modal-scroll-container___hOCdh_11-0-41","modalScrollContainer":"magritte-modal-scroll-container___hOCdh_11-0-41","nav-bar":"magritte-nav-bar___CL7d-_11-0-41","navBar":"magritte-nav-bar___CL7d-_11-0-41","header":"magritte-header___pufwA_11-0-41","static":"magritte-static___3B6cn_11-0-41","content-overlay-bottom":"magritte-content-overlay-bottom___bDuPC_11-0-41","contentOverlayBottom":"magritte-content-overlay-bottom___bDuPC_11-0-41"};
+
+export { styles as s };
+//# sourceMappingURL=modal-Df_WVial.js.map

package/modal-Df_WVial.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-modal",
-  "version": "11.0.39",
+  "version": "11.0.41",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -12,7 +12,7 @@
     "prepack": "yarn root:prepack $(pwd)",
     "postpublish": "yarn root:postpublish $(pwd)",
     "stylelint-check": "yarn root:stylelint-check $(pwd)",
-    "eslint-check": "yarn root:eslint-check $(pwd)",
+    "lint-check": "yarn root:lint-check $(pwd)",
     "ts-config": "yarn root:ts-config $(pwd)",
     "ts-check": "yarn root:ts-check $(pwd)",
     "test": "yarn root:test $(pwd)",
@@ -23,33 +23,33 @@
     "figma-snapshot-update": "yarn root:figma-snapshot $(pwd) --update"
   },
   "dependencies": {
-    "@hh.ru/magritte-common-dom-storage": "1.0.9",
-    "@hh.ru/magritte-common-func-utils": "1.3.15",
-    "@hh.ru/magritte-common-is-server-env": "1.0.8",
-    "@hh.ru/magritte-common-keyboard": "4.3.5",
-    "@hh.ru/magritte-common-modal-helper": "1.3.4",
-    "@hh.ru/magritte-common-mouse": "1.2.0",
-    "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
-    "@hh.ru/magritte-common-use-no-bubbling": "1.0.8",
-    "@hh.ru/magritte-design-tokens": "25.1.0",
-    "@hh.ru/magritte-internal-accessible-region": "1.0.3",
-    "@hh.ru/magritte-internal-layer-name": "3.4.1",
-    "@hh.ru/magritte-internal-slot-registry": "1.1.0",
-    "@hh.ru/magritte-ui-action-bar": "5.4.22",
-    "@hh.ru/magritte-ui-breakpoint": "6.1.1",
-    "@hh.ru/magritte-ui-content-overlay": "1.2.1",
-    "@hh.ru/magritte-ui-divider": "3.2.9",
-    "@hh.ru/magritte-ui-icon": "15.1.2",
-    "@hh.ru/magritte-ui-layer": "3.2.7",
-    "@hh.ru/magritte-ui-layout": "2.1.0",
-    "@hh.ru/magritte-ui-mock-component": "1.1.7",
-    "@hh.ru/magritte-ui-nav-bar": "2.0.18",
-    "@hh.ru/magritte-ui-progress-bar": "5.0.34",
-    "@hh.ru/magritte-ui-scrollbar": "1.0.36",
-    "@hh.ru/magritte-ui-textarea": "3.3.52",
-    "@hh.ru/magritte-ui-theme-wrapper": "1.1.26",
-    "@hh.ru/magritte-ui-title": "8.3.11",
-    "@hh.ru/magritte-ui-tree-selector": "5.5.78"
+    "@hh.ru/magritte-common-dom-storage": "1.0.10",
+    "@hh.ru/magritte-common-func-utils": "1.3.16",
+    "@hh.ru/magritte-common-is-server-env": "1.0.9",
+    "@hh.ru/magritte-common-keyboard": "4.3.6",
+    "@hh.ru/magritte-common-modal-helper": "1.3.5",
+    "@hh.ru/magritte-common-mouse": "1.2.1",
+    "@hh.ru/magritte-common-use-multiple-refs": "1.1.12",
+    "@hh.ru/magritte-common-use-no-bubbling": "1.0.9",
+    "@hh.ru/magritte-design-tokens": "26.0.0",
+    "@hh.ru/magritte-internal-accessible-region": "1.0.4",
+    "@hh.ru/magritte-internal-layer-name": "3.4.2",
+    "@hh.ru/magritte-internal-slot-registry": "1.1.1",
+    "@hh.ru/magritte-ui-action-bar": "5.4.24",
+    "@hh.ru/magritte-ui-breakpoint": "6.1.2",
+    "@hh.ru/magritte-ui-content-overlay": "1.2.2",
+    "@hh.ru/magritte-ui-divider": "3.2.11",
+    "@hh.ru/magritte-ui-icon": "15.1.4",
+    "@hh.ru/magritte-ui-layer": "3.2.8",
+    "@hh.ru/magritte-ui-layout": "2.1.1",
+    "@hh.ru/magritte-ui-mock-component": "1.1.8",
+    "@hh.ru/magritte-ui-nav-bar": "2.0.20",
+    "@hh.ru/magritte-ui-progress-bar": "5.0.36",
+    "@hh.ru/magritte-ui-scrollbar": "1.0.38",
+    "@hh.ru/magritte-ui-textarea": "3.3.54",
+    "@hh.ru/magritte-ui-theme-wrapper": "1.1.28",
+    "@hh.ru/magritte-ui-title": "8.3.13",
+    "@hh.ru/magritte-ui-tree-selector": "5.5.80"
   },
   "peerDependencies": {
     "classnames": ">=2.3.2",
@@ -60,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4420819c71c2d263ef47b3208c47942e9f0a1d30"
+  "gitHead": "b0ff5da48fb29d516c8289082560ee1882d16986"
 }

package/public/Modal.js

@@ -20,7 +20,7 @@ import { useModalTransition } from '../internal/useModalTransition.js';
 import { usePageHeaderScrollAnimation } from '../internal/usePageHeaderScrollAnimation.js';
 import { ModalMedia } from './ModalMedia.js';
 import { ThemeWrapper } from '@hh.ru/magritte-ui-theme-wrapper';
-import { s as styles } from '../modal-DdFjKxmV.js';
+import { s as styles } from '../modal-Df_WVial.js';
 import '@hh.ru/magritte-ui-textarea';
 import '@hh.ru/magritte-ui-action-bar';
 import '../actionBarDefaults.js';

package/public/ModalMedia.js

@@ -2,7 +2,7 @@ import './../index.css';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import classnames from 'classnames';
-import { s as styles } from '../modal-DdFjKxmV.js';
+import { s as styles } from '../modal-Df_WVial.js';
 
 const ModalMedia = forwardRef(({ ratio, height, backgroundUrl, className, style, children, imageSize = 'cover', ...rest }, ref) => {
     const defaultRatio = children ? 'auto' : 1.9;

package/public/ModalWithImage.js

@@ -21,7 +21,7 @@ import '../internal/ModalContent.js';
 import '../internal/isTreeSelectorChild.js';
 import '@hh.ru/magritte-ui-tree-selector';
 import '@hh.ru/magritte-ui-textarea';
-import '../modal-DdFjKxmV.js';
+import '../modal-Df_WVial.js';
 import '../internal/ModalInner.js';
 import '@hh.ru/magritte-ui-action-bar';
 import '../actionBarDefaults.js';

package/modal-DdFjKxmV.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"sticky-header":"magritte-sticky-header___TPafy_11-0-39","stickyHeader":"magritte-sticky-header___TPafy_11-0-39","sticky-header-inner":"magritte-sticky-header-inner___u5p8h_11-0-39","stickyHeaderInner":"magritte-sticky-header-inner___u5p8h_11-0-39","modal-media":"magritte-modal-media___UqHGM_11-0-39","modalMedia":"magritte-modal-media___UqHGM_11-0-39","fixed-height":"magritte-fixed-height___wyJ7-_11-0-39","fixedHeight":"magritte-fixed-height___wyJ7-_11-0-39","contain":"magritte-contain___3QD0Z_11-0-39","cover":"magritte-cover___nry9O_11-0-39","content-overlay-top":"magritte-content-overlay-top___6snWk_11-0-39","contentOverlayTop":"magritte-content-overlay-top___6snWk_11-0-39","grow-limiter":"magritte-grow-limiter___GmpBj_11-0-39","growLimiter":"magritte-grow-limiter___GmpBj_11-0-39","modal-overlay":"magritte-modal-overlay___WwfCg_11-0-39","modalOverlay":"magritte-modal-overlay___WwfCg_11-0-39","modal-overlay-with-background":"magritte-modal-overlay-with-background___DDxJn_11-0-39","modalOverlayWithBackground":"magritte-modal-overlay-with-background___DDxJn_11-0-39","modal":"magritte-modal___C4o5U_11-0-39","modal-overlay-left":"magritte-modal-overlay-left___agPyC_11-0-39","modalOverlayLeft":"magritte-modal-overlay-left___agPyC_11-0-39","modal-overlay-right":"magritte-modal-overlay-right___-XDAx_11-0-39","modalOverlayRight":"magritte-modal-overlay-right___-XDAx_11-0-39","size-small":"magritte-size-small___cI-Ql_11-0-39","sizeSmall":"magritte-size-small___cI-Ql_11-0-39","size-medium":"magritte-size-medium___jnqfu_11-0-39","sizeMedium":"magritte-size-medium___jnqfu_11-0-39","no-vertical-paddings":"magritte-no-vertical-paddings___dxyot_11-0-39","noVerticalPaddings":"magritte-no-vertical-paddings___dxyot_11-0-39","no-horizontal-paddings":"magritte-no-horizontal-paddings___Q-i-5_11-0-39","noHorizontalPaddings":"magritte-no-horizontal-paddings___Q-i-5_11-0-39","modal-full-height":"magritte-modal-full-height___Aew5F_11-0-39","modalFullHeight":"magritte-modal-full-height___Aew5F_11-0-39","modal-with-border":"magritte-modal-with-border___KSnhf_11-0-39","modalWithBorder":"magritte-modal-with-border___KSnhf_11-0-39","modal-content-wrapper":"magritte-modal-content-wrapper___VzoTN_11-0-39","modalContentWrapper":"magritte-modal-content-wrapper___VzoTN_11-0-39","modal-footer":"magritte-modal-footer___Ha-sZ_11-0-39","modalFooter":"magritte-modal-footer___Ha-sZ_11-0-39","modal-footer-empty":"magritte-modal-footer-empty___tmH-x_11-0-39","modalFooterEmpty":"magritte-modal-footer-empty___tmH-x_11-0-39","animation-timeout":"magritte-animation-timeout___G4Hl1_11-0-39","animationTimeout":"magritte-animation-timeout___G4Hl1_11-0-39","animation-enter-center":"magritte-animation-enter-center___sq8j7_11-0-39","animationEnterCenter":"magritte-animation-enter-center___sq8j7_11-0-39","animation-enter-center-active":"magritte-animation-enter-center-active___ORYEh_11-0-39","animationEnterCenterActive":"magritte-animation-enter-center-active___ORYEh_11-0-39","animation-exit-center":"magritte-animation-exit-center___lLCX1_11-0-39","animationExitCenter":"magritte-animation-exit-center___lLCX1_11-0-39","animation-exit-center-active":"magritte-animation-exit-center-active___Ik2Yl_11-0-39","animationExitCenterActive":"magritte-animation-exit-center-active___Ik2Yl_11-0-39","animation-enter-left":"magritte-animation-enter-left___jJDlv_11-0-39","animationEnterLeft":"magritte-animation-enter-left___jJDlv_11-0-39","animation-enter-left-active":"magritte-animation-enter-left-active___-kFij_11-0-39","animationEnterLeftActive":"magritte-animation-enter-left-active___-kFij_11-0-39","animation-exit-left":"magritte-animation-exit-left___G2Plq_11-0-39","animationExitLeft":"magritte-animation-exit-left___G2Plq_11-0-39","animation-exit-left-active":"magritte-animation-exit-left-active___XW2K4_11-0-39","animationExitLeftActive":"magritte-animation-exit-left-active___XW2K4_11-0-39","animation-enter-right":"magritte-animation-enter-right___rrMS0_11-0-39","animationEnterRight":"magritte-animation-enter-right___rrMS0_11-0-39","animation-enter-right-active":"magritte-animation-enter-right-active___p7rg-_11-0-39","animationEnterRightActive":"magritte-animation-enter-right-active___p7rg-_11-0-39","animation-exit-right":"magritte-animation-exit-right___f3qIC_11-0-39","animationExitRight":"magritte-animation-exit-right___f3qIC_11-0-39","animation-exit-right-active":"magritte-animation-exit-right-active___-sG1k_11-0-39","animationExitRightActive":"magritte-animation-exit-right-active___-sG1k_11-0-39","tree-selector-container":"magritte-tree-selector-container___4cdf5_11-0-39","treeSelectorContainer":"magritte-tree-selector-container___4cdf5_11-0-39","modal-scroll-container":"magritte-modal-scroll-container___hOCdh_11-0-39","modalScrollContainer":"magritte-modal-scroll-container___hOCdh_11-0-39","nav-bar":"magritte-nav-bar___CL7d-_11-0-39","navBar":"magritte-nav-bar___CL7d-_11-0-39","header":"magritte-header___pufwA_11-0-39","static":"magritte-static___3B6cn_11-0-39","content-overlay-bottom":"magritte-content-overlay-bottom___bDuPC_11-0-39","contentOverlayBottom":"magritte-content-overlay-bottom___bDuPC_11-0-39"};
-
-export { styles as s };
-//# sourceMappingURL=modal-DdFjKxmV.js.map

package/modal-DdFjKxmV.js.map

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