@hh.ru/magritte-ui-modal 3.0.19 → 3.0.20

package/Modal.js

@@ -14,7 +14,7 @@ import { Layer } from '@hh.ru/magritte-ui-layer';
 import { ModalContentWithHeader } from './ModalContentWithHeader.js';
 import { ModalFooter } from './ModalFooter.js';
 import { useModalOrder } from './useModalOrder.js';
-import { s as styles } from './modal-2aa211f3.js';
+import { s as styles } from './modal-270ec671.js';
 import '@hh.ru/magritte-common-func-utils';
 import '@hh.ru/magritte-ui-divider';
 import './ModalHeader.js';

package/ModalContentWithHeader.js

@@ -5,7 +5,7 @@ import classnames from 'classnames';
 import { requestAnimation } from '@hh.ru/magritte-common-func-utils';
 import { Divider } from '@hh.ru/magritte-ui-divider';
 import { ModalHeader } from './ModalHeader.js';
-import { s as styles } from './modal-2aa211f3.js';
+import { s as styles } from './modal-270ec671.js';
 import '@hh.ru/magritte-ui-title';
 
 const checkIsScrolledToBottom = (el) => {

package/ModalFooter.js

@@ -1,6 +1,6 @@
 import './index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { s as styles } from './modal-2aa211f3.js';
+import { s as styles } from './modal-270ec671.js';
 
 const ModalFooter = ({ leftButtons, rightButtons }) => {
     if (!leftButtons && !rightButtons) {

package/ModalHeader.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { Title } from '@hh.ru/magritte-ui-title';
 
-var styles = {"wrapper":"magritte-wrapper___zH8vB_3-0-19","content":"magritte-content___o6ktq_3-0-19","options":"magritte-options___qfErQ_3-0-19","content-with-image":"magritte-content-with-image___YarBO_3-0-19","contentWithImage":"magritte-content-with-image___YarBO_3-0-19","actions":"magritte-actions___nQILV_3-0-19","actions-with-link":"magritte-actions-with-link___hnDux_3-0-19","actionsWithLink":"magritte-actions-with-link___hnDux_3-0-19","actions-single":"magritte-actions-single___usfKu_3-0-19","actionsSingle":"magritte-actions-single___usfKu_3-0-19"};
+var styles = {"wrapper":"magritte-wrapper___zH8vB_3-0-20","content":"magritte-content___o6ktq_3-0-20","options":"magritte-options___qfErQ_3-0-20","content-with-image":"magritte-content-with-image___YarBO_3-0-20","contentWithImage":"magritte-content-with-image___YarBO_3-0-20","actions":"magritte-actions___nQILV_3-0-20","actions-with-link":"magritte-actions-with-link___hnDux_3-0-20","actionsWithLink":"magritte-actions-with-link___hnDux_3-0-20","actions-single":"magritte-actions-single___usfKu_3-0-20","actionsSingle":"magritte-actions-single___usfKu_3-0-20"};
 
 const ModalHeader = ({ title, headerImage, headerHeight = 0, titleAlignment, titleElement, titleMaxLines, titleSize, titleDescription, titleDescriptionMaxLines, titleStyle, titleDescriptionStyle, options, actions: _actions, actionLink, labelId, }) => {
     const actions = Array.isArray(_actions) ? _actions.slice(0, 5) : _actions;

package/index.css

@@ -1,63 +1,3 @@
-:root{
-  --magritte-color-component-modal-background-action-v18-1-2:#20262b99;
-  --magritte-gradient-component-modal-background-fade-v18-1-2:linear-gradient(180deg, #00000000 0%, #0000007a 100%);
-}
-:root{
-  --magritte-static-border-radius-300-v18-1-2:12px;
-  --magritte-static-border-radius-600-v18-1-2:24px;
-}
-.magritte-night-theme{
-  --magritte-color-component-modal-background-action-v18-1-2:#20262b99;
-  --magritte-gradient-component-modal-background-fade-v18-1-2:linear-gradient(180deg, #00000000 0%, #0000007a 100%);
-}
-.magritte-wrapper___zH8vB_3-0-19{
-  margin-bottom:32px;
-}
-.magritte-content___o6ktq_3-0-19{
-  display:flex;
-  align-items:flex-start;
-}
-.magritte-content___o6ktq_3-0-19 + .magritte-options___qfErQ_3-0-19{
-  margin-top:24px;
-}
-.magritte-content___o6ktq_3-0-19.magritte-content-with-image___YarBO_3-0-19 + .magritte-options___qfErQ_3-0-19{
-  margin-top:32px;
-}
-.magritte-actions___nQILV_3-0-19{
-  display:flex;
-  padding-left:16px;
-  gap:4px;
-  margin-left:auto;
-  --magritte-ui-link-padding-override:9px;
-}
-.magritte-actions-with-link___hnDux_3-0-19{
-  padding:0 8px 0 28px;
-}
-.magritte-content-with-image___YarBO_3-0-19{
-  flex-direction:column;
-  justify-content:flex-end;
-  margin:-20px -20px 0;
-  background-size:cover;
-  --modal-header-gradient:var(--magritte-gradient-component-modal-background-fade-v18-1-2);
-  border-radius:var(--magritte-static-border-radius-600-v18-1-2);
-  padding:12px 24px 24px;
-  box-sizing:border-box;
-}
-.magritte-content-with-image___YarBO_3-0-19 .magritte-actions___nQILV_3-0-19{
-  order:-1;
-  gap:0;
-  margin-right:-12px;
-  margin-bottom:auto;
-}
-.magritte-content-with-image___YarBO_3-0-19 .magritte-actions___nQILV_3-0-19:not(.magritte-actions-with-link___hnDux_3-0-19){
-  padding:0 4px;
-  background-color:var(--magritte-color-component-modal-background-action-v18-1-2);
-  border-radius:var(--magritte-static-border-radius-300-v18-1-2);
-}
-.magritte-content-with-image___YarBO_3-0-19 .magritte-actions___nQILV_3-0-19.magritte-actions-single___usfKu_3-0-19:not(.magritte-actions-with-link___hnDux_3-0-19){
-  padding:0;
-}
-
 :root{
   --magritte-color-background-overlay-v18-1-2:#20262b99;
   --magritte-color-component-modal-background-content-v18-1-2:#ffffff;
@@ -73,7 +13,7 @@
   --magritte-color-background-overlay-v18-1-2:#20262b99;
   --magritte-color-component-modal-background-content-v18-1-2:#1B1B1B;
 }
-.magritte-modal-overlay___lK22l_3-0-19{
+.magritte-modal-overlay___lK22l_3-0-20{
   position:fixed;
   top:0;
   right:0;
@@ -86,7 +26,7 @@
   z-index:1;
   user-select:text;
 }
-.magritte-modal___RAW6S_3-0-19{
+.magritte-modal___RAW6S_3-0-20{
   display:flex;
   box-sizing:border-box;
   width:720px;
@@ -99,87 +39,147 @@
   border-radius:var(--magritte-static-border-radius-800-v18-1-2);
   overflow:hidden;
 }
-.magritte-modal-small___MMQT4_3-0-19{
+.magritte-modal-small___MMQT4_3-0-20{
   width:460px;
 }
-.magritte-modal-content___46QFS_3-0-19{
+.magritte-modal-content___46QFS_3-0-20{
   flex:1 1;
   overflow-y:auto;
   padding:0 5px;
   margin:0 -5px;
   overscroll-behavior:none;
 }
-.magritte-modal-content__with-divider___an3I5_3-0-19{
+.magritte-modal-content__with-divider___an3I5_3-0-20{
   margin-top:-16px;
 }
-.magritte-modal-content-wrapper___23XFT_3-0-19{
+.magritte-modal-content-wrapper___23XFT_3-0-20{
   display:flex;
   flex-direction:column;
   min-height:0;
   flex:1 1;
 }
-.magritte-modal-content-wrapper__one-line___tYg8d_3-0-19{
+.magritte-modal-content-wrapper__one-line___tYg8d_3-0-20{
   flex-direction:row-reverse;
 }
-.magritte-divider-container___qP3VK_3-0-19{
+.magritte-divider-container___qP3VK_3-0-20{
   margin:0 -32px;
 }
-.magritte-modal-footer___8xPqQ_3-0-19{
+.magritte-modal-footer___8xPqQ_3-0-20{
   flex:0 0;
   padding-top:32px;
   display:flex;
   justify-content:space-between;
 }
-.magritte-modal-buttons-container___1O1Nr_3-0-19{
+.magritte-modal-buttons-container___1O1Nr_3-0-20{
   display:flex;
   gap:12px;
 }
-.magritte-animation-timeout___w-j7K_3-0-19,
-.magritte-modal-animation-enter-active___E8KLu_3-0-19,
-.magritte-modal-animation-exit-active___ERjKa_3-0-19{
+.magritte-animation-timeout___w-j7K_3-0-20,
+.magritte-modal-animation-enter-active___E8KLu_3-0-20,
+.magritte-modal-animation-exit-active___ERjKa_3-0-20{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-timeout___w-j7K_3-0-19,
-  .magritte-modal-animation-enter-active___E8KLu_3-0-19,
-  .magritte-modal-animation-exit-active___ERjKa_3-0-19{
+  .magritte-animation-timeout___w-j7K_3-0-20,
+  .magritte-modal-animation-enter-active___E8KLu_3-0-20,
+  .magritte-modal-animation-exit-active___ERjKa_3-0-20{
     --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v18-1-2);
     --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-1-2);
   }
 }
-.magritte-modal-animation-enter___kruLO_3-0-19.magritte-modal-overlay___lK22l_3-0-19{
+.magritte-modal-animation-enter___kruLO_3-0-20.magritte-modal-overlay___lK22l_3-0-20{
   opacity:0;
 }
-.magritte-modal-animation-enter___kruLO_3-0-19 .magritte-modal___RAW6S_3-0-19{
+.magritte-modal-animation-enter___kruLO_3-0-20 .magritte-modal___RAW6S_3-0-20{
   opacity:0;
   transform:scale(0.96);
 }
-.magritte-modal-animation-enter-active___E8KLu_3-0-19 .magritte-modal___RAW6S_3-0-19,
-.magritte-modal-animation-enter-active___E8KLu_3-0-19.magritte-modal-overlay___lK22l_3-0-19{
+.magritte-modal-animation-enter-active___E8KLu_3-0-20 .magritte-modal___RAW6S_3-0-20,
+.magritte-modal-animation-enter-active___E8KLu_3-0-20.magritte-modal-overlay___lK22l_3-0-20{
   opacity:1;
   transform:scale(1);
   transition-property:opacity, transform;
   transition-duration:var(--enter-animation-duration);
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v18-1-2);
 }
-.magritte-modal-animation-exit___0jNgl_3-0-19.magritte-modal-overlay___lK22l_3-0-19{
+.magritte-modal-animation-exit___0jNgl_3-0-20.magritte-modal-overlay___lK22l_3-0-20{
   opacity:1;
 }
-.magritte-modal-animation-exit___0jNgl_3-0-19 .magritte-modal___RAW6S_3-0-19{
+.magritte-modal-animation-exit___0jNgl_3-0-20 .magritte-modal___RAW6S_3-0-20{
   opacity:1;
   transform:scale(1);
 }
-.magritte-modal-animation-exit-active___ERjKa_3-0-19.magritte-modal-overlay___lK22l_3-0-19{
+.magritte-modal-animation-exit-active___ERjKa_3-0-20.magritte-modal-overlay___lK22l_3-0-20{
   opacity:0;
 }
-.magritte-modal-animation-exit-active___ERjKa_3-0-19 .magritte-modal___RAW6S_3-0-19{
+.magritte-modal-animation-exit-active___ERjKa_3-0-20 .magritte-modal___RAW6S_3-0-20{
   opacity:0;
   transform:scale(0.96);
 }
-.magritte-modal-animation-exit-active___ERjKa_3-0-19 .magritte-modal___RAW6S_3-0-19,
-.magritte-modal-animation-exit-active___ERjKa_3-0-19.magritte-modal-overlay___lK22l_3-0-19{
+.magritte-modal-animation-exit-active___ERjKa_3-0-20 .magritte-modal___RAW6S_3-0-20,
+.magritte-modal-animation-exit-active___ERjKa_3-0-20.magritte-modal-overlay___lK22l_3-0-20{
   transition-property:opacity, transform;
   transition-duration:var(--exit-animation-duration);
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-1-2);
 }
+
+:root{
+  --magritte-color-component-modal-background-action-v18-1-2:#20262b99;
+  --magritte-gradient-component-modal-background-fade-v18-1-2:linear-gradient(180deg, #00000000 0%, #0000007a 100%);
+}
+:root{
+  --magritte-static-border-radius-300-v18-1-2:12px;
+  --magritte-static-border-radius-600-v18-1-2:24px;
+}
+.magritte-night-theme{
+  --magritte-color-component-modal-background-action-v18-1-2:#20262b99;
+  --magritte-gradient-component-modal-background-fade-v18-1-2:linear-gradient(180deg, #00000000 0%, #0000007a 100%);
+}
+.magritte-wrapper___zH8vB_3-0-20{
+  margin-bottom:32px;
+}
+.magritte-content___o6ktq_3-0-20{
+  display:flex;
+  align-items:flex-start;
+}
+.magritte-content___o6ktq_3-0-20 + .magritte-options___qfErQ_3-0-20{
+  margin-top:24px;
+}
+.magritte-content___o6ktq_3-0-20.magritte-content-with-image___YarBO_3-0-20 + .magritte-options___qfErQ_3-0-20{
+  margin-top:32px;
+}
+.magritte-actions___nQILV_3-0-20{
+  display:flex;
+  padding-left:16px;
+  gap:4px;
+  margin-left:auto;
+  --magritte-ui-link-padding-override:9px;
+}
+.magritte-actions-with-link___hnDux_3-0-20{
+  padding:0 8px 0 28px;
+}
+.magritte-content-with-image___YarBO_3-0-20{
+  flex-direction:column;
+  justify-content:flex-end;
+  margin:-20px -20px 0;
+  background-size:cover;
+  --modal-header-gradient:var(--magritte-gradient-component-modal-background-fade-v18-1-2);
+  border-radius:var(--magritte-static-border-radius-600-v18-1-2);
+  padding:12px 24px 24px;
+  box-sizing:border-box;
+}
+.magritte-content-with-image___YarBO_3-0-20 .magritte-actions___nQILV_3-0-20{
+  order:-1;
+  gap:0;
+  margin-right:-12px;
+  margin-bottom:auto;
+}
+.magritte-content-with-image___YarBO_3-0-20 .magritte-actions___nQILV_3-0-20:not(.magritte-actions-with-link___hnDux_3-0-20){
+  padding:0 4px;
+  background-color:var(--magritte-color-component-modal-background-action-v18-1-2);
+  border-radius:var(--magritte-static-border-radius-300-v18-1-2);
+}
+.magritte-content-with-image___YarBO_3-0-20 .magritte-actions___nQILV_3-0-20.magritte-actions-single___usfKu_3-0-20:not(.magritte-actions-with-link___hnDux_3-0-20){
+  padding:0;
+}

package/index.js

@@ -18,7 +18,7 @@ import '@hh.ru/magritte-common-func-utils';
 import '@hh.ru/magritte-ui-divider';
 import './ModalHeader.js';
 import '@hh.ru/magritte-ui-title';
-import './modal-2aa211f3.js';
+import './modal-270ec671.js';
 import './ModalFooter.js';
 import './useModalOrder.js';
 import '@hh.ru/magritte-common-dom-storage';

package/modal-270ec671.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"modal-overlay":"magritte-modal-overlay___lK22l_3-0-20","modalOverlay":"magritte-modal-overlay___lK22l_3-0-20","modal":"magritte-modal___RAW6S_3-0-20","modal-small":"magritte-modal-small___MMQT4_3-0-20","modalSmall":"magritte-modal-small___MMQT4_3-0-20","modal-content":"magritte-modal-content___46QFS_3-0-20","modalContent":"magritte-modal-content___46QFS_3-0-20","modal-content__with-divider":"magritte-modal-content__with-divider___an3I5_3-0-20","modalContentWithDivider":"magritte-modal-content__with-divider___an3I5_3-0-20","modal-content-wrapper":"magritte-modal-content-wrapper___23XFT_3-0-20","modalContentWrapper":"magritte-modal-content-wrapper___23XFT_3-0-20","modal-content-wrapper__one-line":"magritte-modal-content-wrapper__one-line___tYg8d_3-0-20","modalContentWrapperOneLine":"magritte-modal-content-wrapper__one-line___tYg8d_3-0-20","divider-container":"magritte-divider-container___qP3VK_3-0-20","dividerContainer":"magritte-divider-container___qP3VK_3-0-20","modal-footer":"magritte-modal-footer___8xPqQ_3-0-20","modalFooter":"magritte-modal-footer___8xPqQ_3-0-20","modal-buttons-container":"magritte-modal-buttons-container___1O1Nr_3-0-20","modalButtonsContainer":"magritte-modal-buttons-container___1O1Nr_3-0-20","animation-timeout":"magritte-animation-timeout___w-j7K_3-0-20","animationTimeout":"magritte-animation-timeout___w-j7K_3-0-20","modal-animation-enter-active":"magritte-modal-animation-enter-active___E8KLu_3-0-20","modalAnimationEnterActive":"magritte-modal-animation-enter-active___E8KLu_3-0-20","modal-animation-exit-active":"magritte-modal-animation-exit-active___ERjKa_3-0-20","modalAnimationExitActive":"magritte-modal-animation-exit-active___ERjKa_3-0-20","modal-animation-enter":"magritte-modal-animation-enter___kruLO_3-0-20","modalAnimationEnter":"magritte-modal-animation-enter___kruLO_3-0-20","modal-animation-exit":"magritte-modal-animation-exit___0jNgl_3-0-20","modalAnimationExit":"magritte-modal-animation-exit___0jNgl_3-0-20"};
+
+export { styles as s };
+//# sourceMappingURL=modal-270ec671.js.map

package/modal-270ec671.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-modal",
-  "version": "3.0.19",
+  "version": "3.0.20",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -27,14 +27,14 @@
     "@hh.ru/magritte-common-use-multiple-refs": "1.1.2",
     "@hh.ru/magritte-design-tokens": "18.1.2",
     "@hh.ru/magritte-internal-layer-name": "2.1.1",
-    "@hh.ru/magritte-ui-action": "4.3.6",
-    "@hh.ru/magritte-ui-breakpoint": "4.0.1",
-    "@hh.ru/magritte-ui-divider": "1.1.25",
-    "@hh.ru/magritte-ui-icon": "7.1.6",
-    "@hh.ru/magritte-ui-layer": "2.0.3",
+    "@hh.ru/magritte-ui-action": "4.3.7",
+    "@hh.ru/magritte-ui-breakpoint": "4.0.2",
+    "@hh.ru/magritte-ui-divider": "1.1.26",
+    "@hh.ru/magritte-ui-icon": "7.1.7",
+    "@hh.ru/magritte-ui-layer": "2.0.4",
     "@hh.ru/magritte-ui-mock-component": "1.0.10",
-    "@hh.ru/magritte-ui-theme-provider": "1.1.22",
-    "@hh.ru/magritte-ui-title": "5.0.0"
+    "@hh.ru/magritte-ui-theme-provider": "1.1.23",
+    "@hh.ru/magritte-ui-title": "5.0.1"
   },
   "peerDependencies": {
     "classnames": ">=2.3.2",
@@ -45,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "77a359961872f43d688f9507b225fa72ba99a3e8"
+  "gitHead": "a72846c6f393720276c3a8abcbd754142906f5d1"
 }

package/modal-2aa211f3.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"modal-overlay":"magritte-modal-overlay___lK22l_3-0-19","modalOverlay":"magritte-modal-overlay___lK22l_3-0-19","modal":"magritte-modal___RAW6S_3-0-19","modal-small":"magritte-modal-small___MMQT4_3-0-19","modalSmall":"magritte-modal-small___MMQT4_3-0-19","modal-content":"magritte-modal-content___46QFS_3-0-19","modalContent":"magritte-modal-content___46QFS_3-0-19","modal-content__with-divider":"magritte-modal-content__with-divider___an3I5_3-0-19","modalContentWithDivider":"magritte-modal-content__with-divider___an3I5_3-0-19","modal-content-wrapper":"magritte-modal-content-wrapper___23XFT_3-0-19","modalContentWrapper":"magritte-modal-content-wrapper___23XFT_3-0-19","modal-content-wrapper__one-line":"magritte-modal-content-wrapper__one-line___tYg8d_3-0-19","modalContentWrapperOneLine":"magritte-modal-content-wrapper__one-line___tYg8d_3-0-19","divider-container":"magritte-divider-container___qP3VK_3-0-19","dividerContainer":"magritte-divider-container___qP3VK_3-0-19","modal-footer":"magritte-modal-footer___8xPqQ_3-0-19","modalFooter":"magritte-modal-footer___8xPqQ_3-0-19","modal-buttons-container":"magritte-modal-buttons-container___1O1Nr_3-0-19","modalButtonsContainer":"magritte-modal-buttons-container___1O1Nr_3-0-19","animation-timeout":"magritte-animation-timeout___w-j7K_3-0-19","animationTimeout":"magritte-animation-timeout___w-j7K_3-0-19","modal-animation-enter-active":"magritte-modal-animation-enter-active___E8KLu_3-0-19","modalAnimationEnterActive":"magritte-modal-animation-enter-active___E8KLu_3-0-19","modal-animation-exit-active":"magritte-modal-animation-exit-active___ERjKa_3-0-19","modalAnimationExitActive":"magritte-modal-animation-exit-active___ERjKa_3-0-19","modal-animation-enter":"magritte-modal-animation-enter___kruLO_3-0-19","modalAnimationEnter":"magritte-modal-animation-enter___kruLO_3-0-19","modal-animation-exit":"magritte-modal-animation-exit___0jNgl_3-0-19","modalAnimationExit":"magritte-modal-animation-exit___0jNgl_3-0-19"};
-
-export { styles as s };
-//# sourceMappingURL=modal-2aa211f3.js.map

package/modal-2aa211f3.js.map

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