@hh.ru/magritte-ui-modal 3.0.28 → 3.0.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/Modal.js CHANGED
@@ -15,7 +15,7 @@ import { Layer } from '@hh.ru/magritte-ui-layer';
15
15
  import { ModalContentWithHeader } from './ModalContentWithHeader.js';
16
16
  import { ModalFooter } from './ModalFooter.js';
17
17
  import { useModalOrder } from './useModalOrder.js';
18
- import { s as styles } from './modal-D3LWa0b1.js';
18
+ import { s as styles } from './modal-CwrdVcL-.js';
19
19
  import '@hh.ru/magritte-common-func-utils';
20
20
  import '@hh.ru/magritte-ui-divider';
21
21
  import './ModalHeader.js';
@@ -5,7 +5,7 @@ import classnames from 'classnames';
5
5
  import { requestAnimation } from '@hh.ru/magritte-common-func-utils';
6
6
  import { Divider } from '@hh.ru/magritte-ui-divider';
7
7
  import { ModalHeader } from './ModalHeader.js';
8
- import { s as styles } from './modal-D3LWa0b1.js';
8
+ import { s as styles } from './modal-CwrdVcL-.js';
9
9
  import '@hh.ru/magritte-ui-title';
10
10
 
11
11
  const checkIsScrolledToBottom = (el) => {
package/ModalFooter.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
- import { s as styles } from './modal-D3LWa0b1.js';
3
+ import { s as styles } from './modal-CwrdVcL-.js';
4
4
 
5
5
  const ModalFooter = ({ leftButtons, rightButtons }) => {
6
6
  if (!leftButtons && !rightButtons) {
package/ModalHeader.js CHANGED
@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import classnames from 'classnames';
4
4
  import { Title } from '@hh.ru/magritte-ui-title';
5
5
 
6
- var styles = {"wrapper":"magritte-wrapper___zH8vB_3-0-28","content":"magritte-content___o6ktq_3-0-28","options":"magritte-options___qfErQ_3-0-28","content-with-image":"magritte-content-with-image___YarBO_3-0-28","contentWithImage":"magritte-content-with-image___YarBO_3-0-28","actions":"magritte-actions___nQILV_3-0-28","actions-with-link":"magritte-actions-with-link___hnDux_3-0-28","actionsWithLink":"magritte-actions-with-link___hnDux_3-0-28","actions-single":"magritte-actions-single___usfKu_3-0-28","actionsSingle":"magritte-actions-single___usfKu_3-0-28"};
6
+ var styles = {"wrapper":"magritte-wrapper___zH8vB_3-0-30","content":"magritte-content___o6ktq_3-0-30","options":"magritte-options___qfErQ_3-0-30","content-with-image":"magritte-content-with-image___YarBO_3-0-30","contentWithImage":"magritte-content-with-image___YarBO_3-0-30","actions":"magritte-actions___nQILV_3-0-30","actions-with-link":"magritte-actions-with-link___hnDux_3-0-30","actionsWithLink":"magritte-actions-with-link___hnDux_3-0-30","actions-single":"magritte-actions-single___usfKu_3-0-30","actionsSingle":"magritte-actions-single___usfKu_3-0-30"};
7
7
 
8
8
  const ModalHeader = ({ title, headerImage, headerHeight = 0, titleAlignment, titleElement, titleMaxLines, titleSize, titleDescription, titleDescriptionMaxLines, titleStyle, titleDescriptionStyle, options, actions: _actions, actionLink, labelId, }) => {
9
9
  const actions = Array.isArray(_actions) ? _actions.slice(0, 5) : _actions;
package/index.css CHANGED
@@ -10,30 +10,30 @@
10
10
  --magritte-color-component-modal-background-action-v18-2-1:#20262b99;
11
11
  --magritte-gradient-component-modal-background-fade-v18-2-1:linear-gradient(180deg, #00000000 0%, #0000007a 100%);
12
12
  }
13
- .magritte-wrapper___zH8vB_3-0-28{
13
+ .magritte-wrapper___zH8vB_3-0-30{
14
14
  margin-bottom:32px;
15
15
  }
16
- .magritte-content___o6ktq_3-0-28{
16
+ .magritte-content___o6ktq_3-0-30{
17
17
  display:flex;
18
18
  align-items:flex-start;
19
19
  }
20
- .magritte-content___o6ktq_3-0-28 + .magritte-options___qfErQ_3-0-28{
20
+ .magritte-content___o6ktq_3-0-30 + .magritte-options___qfErQ_3-0-30{
21
21
  margin-top:24px;
22
22
  }
23
- .magritte-content___o6ktq_3-0-28.magritte-content-with-image___YarBO_3-0-28 + .magritte-options___qfErQ_3-0-28{
23
+ .magritte-content___o6ktq_3-0-30.magritte-content-with-image___YarBO_3-0-30 + .magritte-options___qfErQ_3-0-30{
24
24
  margin-top:32px;
25
25
  }
26
- .magritte-actions___nQILV_3-0-28{
26
+ .magritte-actions___nQILV_3-0-30{
27
27
  display:flex;
28
28
  padding-left:16px;
29
29
  gap:4px;
30
30
  margin-left:auto;
31
31
  --magritte-ui-link-padding-override:9px;
32
32
  }
33
- .magritte-actions-with-link___hnDux_3-0-28{
33
+ .magritte-actions-with-link___hnDux_3-0-30{
34
34
  padding:0 8px 0 28px;
35
35
  }
36
- .magritte-content-with-image___YarBO_3-0-28{
36
+ .magritte-content-with-image___YarBO_3-0-30{
37
37
  flex-direction:column;
38
38
  justify-content:flex-end;
39
39
  margin:-20px -20px 0;
@@ -43,18 +43,18 @@
43
43
  padding:12px 24px 24px;
44
44
  box-sizing:border-box;
45
45
  }
46
- .magritte-content-with-image___YarBO_3-0-28 .magritte-actions___nQILV_3-0-28{
46
+ .magritte-content-with-image___YarBO_3-0-30 .magritte-actions___nQILV_3-0-30{
47
47
  order:-1;
48
48
  gap:0;
49
49
  margin-right:-12px;
50
50
  margin-bottom:auto;
51
51
  }
52
- .magritte-content-with-image___YarBO_3-0-28 .magritte-actions___nQILV_3-0-28:not(.magritte-actions-with-link___hnDux_3-0-28){
52
+ .magritte-content-with-image___YarBO_3-0-30 .magritte-actions___nQILV_3-0-30:not(.magritte-actions-with-link___hnDux_3-0-30){
53
53
  padding:0 4px;
54
54
  background-color:var(--magritte-color-component-modal-background-action-v18-2-1);
55
55
  border-radius:var(--magritte-static-border-radius-300-v18-2-1);
56
56
  }
57
- .magritte-content-with-image___YarBO_3-0-28 .magritte-actions___nQILV_3-0-28.magritte-actions-single___usfKu_3-0-28:not(.magritte-actions-with-link___hnDux_3-0-28){
57
+ .magritte-content-with-image___YarBO_3-0-30 .magritte-actions___nQILV_3-0-30.magritte-actions-single___usfKu_3-0-30:not(.magritte-actions-with-link___hnDux_3-0-30){
58
58
  padding:0;
59
59
  }
60
60
 
@@ -73,7 +73,7 @@
73
73
  --magritte-color-background-overlay-v18-2-1:#20262b99;
74
74
  --magritte-color-component-modal-background-content-v18-2-1:#1B1B1B;
75
75
  }
76
- .magritte-modal-overlay___lK22l_3-0-28{
76
+ .magritte-modal-overlay___lK22l_3-0-30{
77
77
  position:fixed;
78
78
  top:0;
79
79
  right:0;
@@ -86,7 +86,7 @@
86
86
  z-index:1;
87
87
  user-select:text;
88
88
  }
89
- .magritte-modal___RAW6S_3-0-28{
89
+ .magritte-modal___RAW6S_3-0-30{
90
90
  display:flex;
91
91
  box-sizing:border-box;
92
92
  width:720px;
@@ -99,86 +99,86 @@
99
99
  border-radius:var(--magritte-static-border-radius-800-v18-2-1);
100
100
  overflow:hidden;
101
101
  }
102
- .magritte-modal-small___MMQT4_3-0-28{
102
+ .magritte-modal-small___MMQT4_3-0-30{
103
103
  width:460px;
104
104
  }
105
- .magritte-modal-content___46QFS_3-0-28{
105
+ .magritte-modal-content___46QFS_3-0-30{
106
106
  flex:1 1;
107
107
  overflow-y:auto;
108
108
  padding:0 5px;
109
109
  margin:0 -5px;
110
110
  overscroll-behavior:none;
111
111
  }
112
- .magritte-modal-content__with-divider___an3I5_3-0-28{
112
+ .magritte-modal-content__with-divider___an3I5_3-0-30{
113
113
  margin-top:-16px;
114
114
  }
115
- .magritte-modal-content-wrapper___23XFT_3-0-28{
115
+ .magritte-modal-content-wrapper___23XFT_3-0-30{
116
116
  display:flex;
117
117
  flex-direction:column;
118
118
  min-height:0;
119
119
  flex:1 1;
120
120
  }
121
- .magritte-modal-content-wrapper__one-line___tYg8d_3-0-28{
121
+ .magritte-modal-content-wrapper__one-line___tYg8d_3-0-30{
122
122
  flex-direction:row-reverse;
123
123
  }
124
- .magritte-divider-container___qP3VK_3-0-28{
124
+ .magritte-divider-container___qP3VK_3-0-30{
125
125
  margin:0 -32px;
126
126
  }
127
- .magritte-modal-footer___8xPqQ_3-0-28{
127
+ .magritte-modal-footer___8xPqQ_3-0-30{
128
128
  flex:0 0;
129
129
  padding-top:32px;
130
130
  display:flex;
131
131
  justify-content:space-between;
132
132
  }
133
- .magritte-modal-buttons-container___1O1Nr_3-0-28{
133
+ .magritte-modal-buttons-container___1O1Nr_3-0-30{
134
134
  display:flex;
135
135
  gap:12px;
136
136
  }
137
- .magritte-animation-timeout___w-j7K_3-0-28,
138
- .magritte-modal-animation-enter-active___E8KLu_3-0-28,
139
- .magritte-modal-animation-exit-active___ERjKa_3-0-28{
137
+ .magritte-animation-timeout___w-j7K_3-0-30,
138
+ .magritte-modal-animation-enter-active___E8KLu_3-0-30,
139
+ .magritte-modal-animation-exit-active___ERjKa_3-0-30{
140
140
  --enter-animation-duration:0;
141
141
  --exit-animation-duration:0;
142
142
  }
143
143
  @media (prefers-reduced-motion: no-preference){
144
- .magritte-animation-timeout___w-j7K_3-0-28,
145
- .magritte-modal-animation-enter-active___E8KLu_3-0-28,
146
- .magritte-modal-animation-exit-active___ERjKa_3-0-28{
144
+ .magritte-animation-timeout___w-j7K_3-0-30,
145
+ .magritte-modal-animation-enter-active___E8KLu_3-0-30,
146
+ .magritte-modal-animation-exit-active___ERjKa_3-0-30{
147
147
  --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v18-2-1);
148
148
  --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-2-1);
149
149
  }
150
150
  }
151
- .magritte-modal-animation-enter___kruLO_3-0-28.magritte-modal-overlay___lK22l_3-0-28{
151
+ .magritte-modal-animation-enter___kruLO_3-0-30.magritte-modal-overlay___lK22l_3-0-30{
152
152
  opacity:0;
153
153
  }
154
- .magritte-modal-animation-enter___kruLO_3-0-28 .magritte-modal___RAW6S_3-0-28{
154
+ .magritte-modal-animation-enter___kruLO_3-0-30 .magritte-modal___RAW6S_3-0-30{
155
155
  opacity:0;
156
156
  transform:scale(0.96);
157
157
  }
158
- .magritte-modal-animation-enter-active___E8KLu_3-0-28 .magritte-modal___RAW6S_3-0-28,
159
- .magritte-modal-animation-enter-active___E8KLu_3-0-28.magritte-modal-overlay___lK22l_3-0-28{
158
+ .magritte-modal-animation-enter-active___E8KLu_3-0-30 .magritte-modal___RAW6S_3-0-30,
159
+ .magritte-modal-animation-enter-active___E8KLu_3-0-30.magritte-modal-overlay___lK22l_3-0-30{
160
160
  opacity:1;
161
161
  transform:scale(1);
162
162
  transition-property:opacity, transform;
163
163
  transition-duration:var(--enter-animation-duration);
164
164
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v18-2-1);
165
165
  }
166
- .magritte-modal-animation-exit___0jNgl_3-0-28.magritte-modal-overlay___lK22l_3-0-28{
166
+ .magritte-modal-animation-exit___0jNgl_3-0-30.magritte-modal-overlay___lK22l_3-0-30{
167
167
  opacity:1;
168
168
  }
169
- .magritte-modal-animation-exit___0jNgl_3-0-28 .magritte-modal___RAW6S_3-0-28{
169
+ .magritte-modal-animation-exit___0jNgl_3-0-30 .magritte-modal___RAW6S_3-0-30{
170
170
  opacity:1;
171
171
  transform:scale(1);
172
172
  }
173
- .magritte-modal-animation-exit-active___ERjKa_3-0-28.magritte-modal-overlay___lK22l_3-0-28{
173
+ .magritte-modal-animation-exit-active___ERjKa_3-0-30.magritte-modal-overlay___lK22l_3-0-30{
174
174
  opacity:0;
175
175
  }
176
- .magritte-modal-animation-exit-active___ERjKa_3-0-28 .magritte-modal___RAW6S_3-0-28{
176
+ .magritte-modal-animation-exit-active___ERjKa_3-0-30 .magritte-modal___RAW6S_3-0-30{
177
177
  opacity:0;
178
178
  transform:scale(0.96);
179
179
  }
180
- .magritte-modal-animation-exit-active___ERjKa_3-0-28 .magritte-modal___RAW6S_3-0-28,
181
- .magritte-modal-animation-exit-active___ERjKa_3-0-28.magritte-modal-overlay___lK22l_3-0-28{
180
+ .magritte-modal-animation-exit-active___ERjKa_3-0-30 .magritte-modal___RAW6S_3-0-30,
181
+ .magritte-modal-animation-exit-active___ERjKa_3-0-30.magritte-modal-overlay___lK22l_3-0-30{
182
182
  transition-property:opacity, transform;
183
183
  transition-duration:var(--exit-animation-duration);
184
184
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-2-1);
package/index.js CHANGED
@@ -19,7 +19,7 @@ import '@hh.ru/magritte-common-func-utils';
19
19
  import '@hh.ru/magritte-ui-divider';
20
20
  import './ModalHeader.js';
21
21
  import '@hh.ru/magritte-ui-title';
22
- import './modal-D3LWa0b1.js';
22
+ import './modal-CwrdVcL-.js';
23
23
  import './ModalFooter.js';
24
24
  import './useModalOrder.js';
25
25
  import '@hh.ru/magritte-common-dom-storage';
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"modal-overlay":"magritte-modal-overlay___lK22l_3-0-30","modalOverlay":"magritte-modal-overlay___lK22l_3-0-30","modal":"magritte-modal___RAW6S_3-0-30","modal-small":"magritte-modal-small___MMQT4_3-0-30","modalSmall":"magritte-modal-small___MMQT4_3-0-30","modal-content":"magritte-modal-content___46QFS_3-0-30","modalContent":"magritte-modal-content___46QFS_3-0-30","modal-content__with-divider":"magritte-modal-content__with-divider___an3I5_3-0-30","modalContentWithDivider":"magritte-modal-content__with-divider___an3I5_3-0-30","modal-content-wrapper":"magritte-modal-content-wrapper___23XFT_3-0-30","modalContentWrapper":"magritte-modal-content-wrapper___23XFT_3-0-30","modal-content-wrapper__one-line":"magritte-modal-content-wrapper__one-line___tYg8d_3-0-30","modalContentWrapperOneLine":"magritte-modal-content-wrapper__one-line___tYg8d_3-0-30","divider-container":"magritte-divider-container___qP3VK_3-0-30","dividerContainer":"magritte-divider-container___qP3VK_3-0-30","modal-footer":"magritte-modal-footer___8xPqQ_3-0-30","modalFooter":"magritte-modal-footer___8xPqQ_3-0-30","modal-buttons-container":"magritte-modal-buttons-container___1O1Nr_3-0-30","modalButtonsContainer":"magritte-modal-buttons-container___1O1Nr_3-0-30","animation-timeout":"magritte-animation-timeout___w-j7K_3-0-30","animationTimeout":"magritte-animation-timeout___w-j7K_3-0-30","modal-animation-enter-active":"magritte-modal-animation-enter-active___E8KLu_3-0-30","modalAnimationEnterActive":"magritte-modal-animation-enter-active___E8KLu_3-0-30","modal-animation-exit-active":"magritte-modal-animation-exit-active___ERjKa_3-0-30","modalAnimationExitActive":"magritte-modal-animation-exit-active___ERjKa_3-0-30","modal-animation-enter":"magritte-modal-animation-enter___kruLO_3-0-30","modalAnimationEnter":"magritte-modal-animation-enter___kruLO_3-0-30","modal-animation-exit":"magritte-modal-animation-exit___0jNgl_3-0-30","modalAnimationExit":"magritte-modal-animation-exit___0jNgl_3-0-30"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=modal-CwrdVcL-.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal-CwrdVcL-.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-modal",
3
- "version": "3.0.28",
3
+ "version": "3.0.30",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -29,9 +29,9 @@
29
29
  "@hh.ru/magritte-common-use-no-bubbling": "1.0.1",
30
30
  "@hh.ru/magritte-design-tokens": "18.2.1",
31
31
  "@hh.ru/magritte-internal-layer-name": "2.1.2",
32
- "@hh.ru/magritte-ui-action": "4.3.13",
32
+ "@hh.ru/magritte-ui-action": "4.3.14",
33
33
  "@hh.ru/magritte-ui-breakpoint": "4.0.3",
34
- "@hh.ru/magritte-ui-divider": "1.1.28",
34
+ "@hh.ru/magritte-ui-divider": "1.1.29",
35
35
  "@hh.ru/magritte-ui-icon": "7.1.9",
36
36
  "@hh.ru/magritte-ui-layer": "2.0.5",
37
37
  "@hh.ru/magritte-ui-mock-component": "1.0.11",
@@ -47,5 +47,5 @@
47
47
  "publishConfig": {
48
48
  "access": "public"
49
49
  },
50
- "gitHead": "c97e0bd946a456f07010b6db9fe4b1afca93c44c"
50
+ "gitHead": "90c3c57a04be33635d9ea2395b96324f431fb40b"
51
51
  }
package/modal-D3LWa0b1.js DELETED
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"modal-overlay":"magritte-modal-overlay___lK22l_3-0-28","modalOverlay":"magritte-modal-overlay___lK22l_3-0-28","modal":"magritte-modal___RAW6S_3-0-28","modal-small":"magritte-modal-small___MMQT4_3-0-28","modalSmall":"magritte-modal-small___MMQT4_3-0-28","modal-content":"magritte-modal-content___46QFS_3-0-28","modalContent":"magritte-modal-content___46QFS_3-0-28","modal-content__with-divider":"magritte-modal-content__with-divider___an3I5_3-0-28","modalContentWithDivider":"magritte-modal-content__with-divider___an3I5_3-0-28","modal-content-wrapper":"magritte-modal-content-wrapper___23XFT_3-0-28","modalContentWrapper":"magritte-modal-content-wrapper___23XFT_3-0-28","modal-content-wrapper__one-line":"magritte-modal-content-wrapper__one-line___tYg8d_3-0-28","modalContentWrapperOneLine":"magritte-modal-content-wrapper__one-line___tYg8d_3-0-28","divider-container":"magritte-divider-container___qP3VK_3-0-28","dividerContainer":"magritte-divider-container___qP3VK_3-0-28","modal-footer":"magritte-modal-footer___8xPqQ_3-0-28","modalFooter":"magritte-modal-footer___8xPqQ_3-0-28","modal-buttons-container":"magritte-modal-buttons-container___1O1Nr_3-0-28","modalButtonsContainer":"magritte-modal-buttons-container___1O1Nr_3-0-28","animation-timeout":"magritte-animation-timeout___w-j7K_3-0-28","animationTimeout":"magritte-animation-timeout___w-j7K_3-0-28","modal-animation-enter-active":"magritte-modal-animation-enter-active___E8KLu_3-0-28","modalAnimationEnterActive":"magritte-modal-animation-enter-active___E8KLu_3-0-28","modal-animation-exit-active":"magritte-modal-animation-exit-active___ERjKa_3-0-28","modalAnimationExitActive":"magritte-modal-animation-exit-active___ERjKa_3-0-28","modal-animation-enter":"magritte-modal-animation-enter___kruLO_3-0-28","modalAnimationEnter":"magritte-modal-animation-enter___kruLO_3-0-28","modal-animation-exit":"magritte-modal-animation-exit___0jNgl_3-0-28","modalAnimationExit":"magritte-modal-animation-exit___0jNgl_3-0-28"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=modal-D3LWa0b1.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"modal-D3LWa0b1.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}