@hh.ru/magritte-ui-modal 4.2.2 → 4.2.3

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
@@ -16,7 +16,7 @@ import { ModalContentWithHeader } from './ModalContentWithHeader.js';
16
16
  import { ModalFooter } from './ModalFooter.js';
17
17
  import { useModalOrder } from './useModalOrder.js';
18
18
  import { isValidTreeSelectorWrapper } from '@hh.ru/magritte-ui-tree-selector';
19
- import { s as styles } from './modal-DW27gUbp.js';
19
+ import { s as styles } from './modal-BYtLEHbD.js';
20
20
  import '@hh.ru/magritte-common-func-utils';
21
21
  import '@hh.ru/magritte-ui-divider';
22
22
  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-DW27gUbp.js';
8
+ import { s as styles } from './modal-BYtLEHbD.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-DW27gUbp.js';
3
+ import { s as styles } from './modal-BYtLEHbD.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_4-2-2","content":"magritte-content___o6ktq_4-2-2","options":"magritte-options___qfErQ_4-2-2","content-with-image":"magritte-content-with-image___YarBO_4-2-2","contentWithImage":"magritte-content-with-image___YarBO_4-2-2","actions":"magritte-actions___nQILV_4-2-2","actions-with-link":"magritte-actions-with-link___hnDux_4-2-2","actionsWithLink":"magritte-actions-with-link___hnDux_4-2-2","actions-single":"magritte-actions-single___usfKu_4-2-2","actionsSingle":"magritte-actions-single___usfKu_4-2-2"};
6
+ var styles = {"wrapper":"magritte-wrapper___zH8vB_4-2-3","content":"magritte-content___o6ktq_4-2-3","options":"magritte-options___qfErQ_4-2-3","content-with-image":"magritte-content-with-image___YarBO_4-2-3","contentWithImage":"magritte-content-with-image___YarBO_4-2-3","actions":"magritte-actions___nQILV_4-2-3","actions-with-link":"magritte-actions-with-link___hnDux_4-2-3","actionsWithLink":"magritte-actions-with-link___hnDux_4-2-3","actions-single":"magritte-actions-single___usfKu_4-2-3","actionsSingle":"magritte-actions-single___usfKu_4-2-3"};
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-3-0:#20262b99;
11
11
  --magritte-gradient-component-modal-background-fade-v18-3-0:linear-gradient(180deg, #00000000 0%, #0000007a 100%);
12
12
  }
13
- .magritte-wrapper___zH8vB_4-2-2{
13
+ .magritte-wrapper___zH8vB_4-2-3{
14
14
  margin-bottom:32px;
15
15
  }
16
- .magritte-content___o6ktq_4-2-2{
16
+ .magritte-content___o6ktq_4-2-3{
17
17
  display:flex;
18
18
  align-items:flex-start;
19
19
  }
20
- .magritte-content___o6ktq_4-2-2 + .magritte-options___qfErQ_4-2-2{
20
+ .magritte-content___o6ktq_4-2-3 + .magritte-options___qfErQ_4-2-3{
21
21
  margin-top:24px;
22
22
  }
23
- .magritte-content___o6ktq_4-2-2.magritte-content-with-image___YarBO_4-2-2 + .magritte-options___qfErQ_4-2-2{
23
+ .magritte-content___o6ktq_4-2-3.magritte-content-with-image___YarBO_4-2-3 + .magritte-options___qfErQ_4-2-3{
24
24
  margin-top:32px;
25
25
  }
26
- .magritte-actions___nQILV_4-2-2{
26
+ .magritte-actions___nQILV_4-2-3{
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_4-2-2{
33
+ .magritte-actions-with-link___hnDux_4-2-3{
34
34
  padding:0 8px 0 28px;
35
35
  }
36
- .magritte-content-with-image___YarBO_4-2-2{
36
+ .magritte-content-with-image___YarBO_4-2-3{
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_4-2-2 .magritte-actions___nQILV_4-2-2{
46
+ .magritte-content-with-image___YarBO_4-2-3 .magritte-actions___nQILV_4-2-3{
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_4-2-2 .magritte-actions___nQILV_4-2-2:not(.magritte-actions-with-link___hnDux_4-2-2){
52
+ .magritte-content-with-image___YarBO_4-2-3 .magritte-actions___nQILV_4-2-3:not(.magritte-actions-with-link___hnDux_4-2-3){
53
53
  padding:0 4px;
54
54
  background-color:var(--magritte-color-component-modal-background-action-v18-3-0);
55
55
  border-radius:var(--magritte-static-border-radius-300-v18-3-0);
56
56
  }
57
- .magritte-content-with-image___YarBO_4-2-2 .magritte-actions___nQILV_4-2-2.magritte-actions-single___usfKu_4-2-2:not(.magritte-actions-with-link___hnDux_4-2-2){
57
+ .magritte-content-with-image___YarBO_4-2-3 .magritte-actions___nQILV_4-2-3.magritte-actions-single___usfKu_4-2-3:not(.magritte-actions-with-link___hnDux_4-2-3){
58
58
  padding:0;
59
59
  }
60
60
 
@@ -73,7 +73,7 @@
73
73
  --magritte-color-background-overlay-v18-3-0:#20262b99;
74
74
  --magritte-color-component-modal-background-content-v18-3-0:#1B1B1B;
75
75
  }
76
- .magritte-modal-overlay___lK22l_4-2-2{
76
+ .magritte-modal-overlay___lK22l_4-2-3{
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_4-2-2{
89
+ .magritte-modal___RAW6S_4-2-3{
90
90
  display:flex;
91
91
  box-sizing:border-box;
92
92
  width:720px;
@@ -99,92 +99,92 @@
99
99
  border-radius:var(--magritte-static-border-radius-800-v18-3-0);
100
100
  overflow:hidden;
101
101
  }
102
- .magritte-modal-small___MMQT4_4-2-2{
102
+ .magritte-modal-small___MMQT4_4-2-3{
103
103
  width:460px;
104
104
  }
105
- .magritte-modal-full-height___gIM4E_4-2-2{
105
+ .magritte-modal-full-height___gIM4E_4-2-3{
106
106
  height:100%;
107
107
  }
108
- .magritte-modal-content___46QFS_4-2-2{
108
+ .magritte-modal-content___46QFS_4-2-3{
109
109
  flex:1 1;
110
110
  overflow-y:auto;
111
111
  padding:0 5px;
112
112
  margin:0 -5px;
113
113
  overscroll-behavior:none;
114
114
  }
115
- .magritte-modal-content__with-divider___an3I5_4-2-2{
115
+ .magritte-modal-content__with-divider___an3I5_4-2-3{
116
116
  margin-top:-16px;
117
117
  }
118
- .magritte-modal-content-wrapper___23XFT_4-2-2{
118
+ .magritte-modal-content-wrapper___23XFT_4-2-3{
119
119
  display:flex;
120
120
  flex-direction:column;
121
121
  min-height:0;
122
122
  flex:1 1;
123
123
  }
124
- .magritte-modal-content-wrapper__one-line___tYg8d_4-2-2{
124
+ .magritte-modal-content-wrapper__one-line___tYg8d_4-2-3{
125
125
  flex-direction:row-reverse;
126
126
  }
127
- .magritte-divider-container___qP3VK_4-2-2{
127
+ .magritte-divider-container___qP3VK_4-2-3{
128
128
  margin:0 -32px;
129
129
  }
130
- .magritte-divider-container___qP3VK_4-2-2.magritte-divider-container-hidden___EIxB-_4-2-2{
130
+ .magritte-divider-container___qP3VK_4-2-3.magritte-divider-container-hidden___EIxB-_4-2-3{
131
131
  display:none;
132
132
  }
133
- .magritte-modal-footer___8xPqQ_4-2-2{
133
+ .magritte-modal-footer___8xPqQ_4-2-3{
134
134
  flex:0 0;
135
135
  padding-top:32px;
136
136
  display:flex;
137
137
  justify-content:space-between;
138
138
  }
139
- .magritte-modal-buttons-container___1O1Nr_4-2-2{
139
+ .magritte-modal-buttons-container___1O1Nr_4-2-3{
140
140
  display:flex;
141
141
  gap:12px;
142
142
  }
143
- .magritte-animation-timeout___w-j7K_4-2-2,
144
- .magritte-modal-animation-enter-active___E8KLu_4-2-2,
145
- .magritte-modal-animation-exit-active___ERjKa_4-2-2{
143
+ .magritte-animation-timeout___w-j7K_4-2-3,
144
+ .magritte-modal-animation-enter-active___E8KLu_4-2-3,
145
+ .magritte-modal-animation-exit-active___ERjKa_4-2-3{
146
146
  --enter-animation-duration:0;
147
147
  --exit-animation-duration:0;
148
148
  }
149
149
  @media (prefers-reduced-motion: no-preference){
150
- .magritte-animation-timeout___w-j7K_4-2-2,
151
- .magritte-modal-animation-enter-active___E8KLu_4-2-2,
152
- .magritte-modal-animation-exit-active___ERjKa_4-2-2{
150
+ .magritte-animation-timeout___w-j7K_4-2-3,
151
+ .magritte-modal-animation-enter-active___E8KLu_4-2-3,
152
+ .magritte-modal-animation-exit-active___ERjKa_4-2-3{
153
153
  --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v18-3-0);
154
154
  --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-3-0);
155
155
  }
156
156
  }
157
- .magritte-modal-animation-enter___kruLO_4-2-2.magritte-modal-overlay___lK22l_4-2-2{
157
+ .magritte-modal-animation-enter___kruLO_4-2-3.magritte-modal-overlay___lK22l_4-2-3{
158
158
  opacity:0;
159
159
  }
160
- .magritte-modal-animation-enter___kruLO_4-2-2 .magritte-modal___RAW6S_4-2-2{
160
+ .magritte-modal-animation-enter___kruLO_4-2-3 .magritte-modal___RAW6S_4-2-3{
161
161
  opacity:0;
162
162
  transform:scale(0.96);
163
163
  }
164
- .magritte-modal-animation-enter-active___E8KLu_4-2-2 .magritte-modal___RAW6S_4-2-2,
165
- .magritte-modal-animation-enter-active___E8KLu_4-2-2.magritte-modal-overlay___lK22l_4-2-2{
164
+ .magritte-modal-animation-enter-active___E8KLu_4-2-3 .magritte-modal___RAW6S_4-2-3,
165
+ .magritte-modal-animation-enter-active___E8KLu_4-2-3.magritte-modal-overlay___lK22l_4-2-3{
166
166
  opacity:1;
167
167
  transform:scale(1);
168
168
  transition-property:opacity, transform;
169
169
  transition-duration:var(--enter-animation-duration);
170
170
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v18-3-0);
171
171
  }
172
- .magritte-modal-animation-exit___0jNgl_4-2-2.magritte-modal-overlay___lK22l_4-2-2{
172
+ .magritte-modal-animation-exit___0jNgl_4-2-3.magritte-modal-overlay___lK22l_4-2-3{
173
173
  opacity:1;
174
174
  }
175
- .magritte-modal-animation-exit___0jNgl_4-2-2 .magritte-modal___RAW6S_4-2-2{
175
+ .magritte-modal-animation-exit___0jNgl_4-2-3 .magritte-modal___RAW6S_4-2-3{
176
176
  opacity:1;
177
177
  transform:scale(1);
178
178
  }
179
- .magritte-modal-animation-exit-active___ERjKa_4-2-2.magritte-modal-overlay___lK22l_4-2-2{
179
+ .magritte-modal-animation-exit-active___ERjKa_4-2-3.magritte-modal-overlay___lK22l_4-2-3{
180
180
  opacity:0;
181
181
  }
182
- .magritte-modal-animation-exit-active___ERjKa_4-2-2 .magritte-modal___RAW6S_4-2-2{
182
+ .magritte-modal-animation-exit-active___ERjKa_4-2-3 .magritte-modal___RAW6S_4-2-3{
183
183
  opacity:0;
184
184
  transform:scale(0.96);
185
185
  }
186
- .magritte-modal-animation-exit-active___ERjKa_4-2-2 .magritte-modal___RAW6S_4-2-2,
187
- .magritte-modal-animation-exit-active___ERjKa_4-2-2.magritte-modal-overlay___lK22l_4-2-2{
186
+ .magritte-modal-animation-exit-active___ERjKa_4-2-3 .magritte-modal___RAW6S_4-2-3,
187
+ .magritte-modal-animation-exit-active___ERjKa_4-2-3.magritte-modal-overlay___lK22l_4-2-3{
188
188
  transition-property:opacity, transform;
189
189
  transition-duration:var(--exit-animation-duration);
190
190
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0);
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-DW27gUbp.js';
22
+ import './modal-BYtLEHbD.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_4-2-3","modalOverlay":"magritte-modal-overlay___lK22l_4-2-3","modal":"magritte-modal___RAW6S_4-2-3","modal-small":"magritte-modal-small___MMQT4_4-2-3","modalSmall":"magritte-modal-small___MMQT4_4-2-3","modal-full-height":"magritte-modal-full-height___gIM4E_4-2-3","modalFullHeight":"magritte-modal-full-height___gIM4E_4-2-3","modal-content":"magritte-modal-content___46QFS_4-2-3","modalContent":"magritte-modal-content___46QFS_4-2-3","modal-content__with-divider":"magritte-modal-content__with-divider___an3I5_4-2-3","modalContentWithDivider":"magritte-modal-content__with-divider___an3I5_4-2-3","modal-content-wrapper":"magritte-modal-content-wrapper___23XFT_4-2-3","modalContentWrapper":"magritte-modal-content-wrapper___23XFT_4-2-3","modal-content-wrapper__one-line":"magritte-modal-content-wrapper__one-line___tYg8d_4-2-3","modalContentWrapperOneLine":"magritte-modal-content-wrapper__one-line___tYg8d_4-2-3","divider-container":"magritte-divider-container___qP3VK_4-2-3","dividerContainer":"magritte-divider-container___qP3VK_4-2-3","divider-container-hidden":"magritte-divider-container-hidden___EIxB-_4-2-3","dividerContainerHidden":"magritte-divider-container-hidden___EIxB-_4-2-3","modal-footer":"magritte-modal-footer___8xPqQ_4-2-3","modalFooter":"magritte-modal-footer___8xPqQ_4-2-3","modal-buttons-container":"magritte-modal-buttons-container___1O1Nr_4-2-3","modalButtonsContainer":"magritte-modal-buttons-container___1O1Nr_4-2-3","animation-timeout":"magritte-animation-timeout___w-j7K_4-2-3","animationTimeout":"magritte-animation-timeout___w-j7K_4-2-3","modal-animation-enter-active":"magritte-modal-animation-enter-active___E8KLu_4-2-3","modalAnimationEnterActive":"magritte-modal-animation-enter-active___E8KLu_4-2-3","modal-animation-exit-active":"magritte-modal-animation-exit-active___ERjKa_4-2-3","modalAnimationExitActive":"magritte-modal-animation-exit-active___ERjKa_4-2-3","modal-animation-enter":"magritte-modal-animation-enter___kruLO_4-2-3","modalAnimationEnter":"magritte-modal-animation-enter___kruLO_4-2-3","modal-animation-exit":"magritte-modal-animation-exit___0jNgl_4-2-3","modalAnimationExit":"magritte-modal-animation-exit___0jNgl_4-2-3"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=modal-BYtLEHbD.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal-BYtLEHbD.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": "4.2.2",
3
+ "version": "4.2.3",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -37,7 +37,7 @@
37
37
  "@hh.ru/magritte-ui-mock-component": "1.0.11",
38
38
  "@hh.ru/magritte-ui-theme-provider": "1.1.26",
39
39
  "@hh.ru/magritte-ui-title": "5.0.4",
40
- "@hh.ru/magritte-ui-tree-selector": "4.2.2"
40
+ "@hh.ru/magritte-ui-tree-selector": "4.3.0"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "classnames": ">=2.3.2",
@@ -48,5 +48,5 @@
48
48
  "publishConfig": {
49
49
  "access": "public"
50
50
  },
51
- "gitHead": "7e44b4701a1c45fb58070734bb55a8d1d4d21886"
51
+ "gitHead": "2aea9108ca2acf860ccd2b9ce316f93869e3b8c2"
52
52
  }
package/modal-DW27gUbp.js DELETED
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"modal-overlay":"magritte-modal-overlay___lK22l_4-2-2","modalOverlay":"magritte-modal-overlay___lK22l_4-2-2","modal":"magritte-modal___RAW6S_4-2-2","modal-small":"magritte-modal-small___MMQT4_4-2-2","modalSmall":"magritte-modal-small___MMQT4_4-2-2","modal-full-height":"magritte-modal-full-height___gIM4E_4-2-2","modalFullHeight":"magritte-modal-full-height___gIM4E_4-2-2","modal-content":"magritte-modal-content___46QFS_4-2-2","modalContent":"magritte-modal-content___46QFS_4-2-2","modal-content__with-divider":"magritte-modal-content__with-divider___an3I5_4-2-2","modalContentWithDivider":"magritte-modal-content__with-divider___an3I5_4-2-2","modal-content-wrapper":"magritte-modal-content-wrapper___23XFT_4-2-2","modalContentWrapper":"magritte-modal-content-wrapper___23XFT_4-2-2","modal-content-wrapper__one-line":"magritte-modal-content-wrapper__one-line___tYg8d_4-2-2","modalContentWrapperOneLine":"magritte-modal-content-wrapper__one-line___tYg8d_4-2-2","divider-container":"magritte-divider-container___qP3VK_4-2-2","dividerContainer":"magritte-divider-container___qP3VK_4-2-2","divider-container-hidden":"magritte-divider-container-hidden___EIxB-_4-2-2","dividerContainerHidden":"magritte-divider-container-hidden___EIxB-_4-2-2","modal-footer":"magritte-modal-footer___8xPqQ_4-2-2","modalFooter":"magritte-modal-footer___8xPqQ_4-2-2","modal-buttons-container":"magritte-modal-buttons-container___1O1Nr_4-2-2","modalButtonsContainer":"magritte-modal-buttons-container___1O1Nr_4-2-2","animation-timeout":"magritte-animation-timeout___w-j7K_4-2-2","animationTimeout":"magritte-animation-timeout___w-j7K_4-2-2","modal-animation-enter-active":"magritte-modal-animation-enter-active___E8KLu_4-2-2","modalAnimationEnterActive":"magritte-modal-animation-enter-active___E8KLu_4-2-2","modal-animation-exit-active":"magritte-modal-animation-exit-active___ERjKa_4-2-2","modalAnimationExitActive":"magritte-modal-animation-exit-active___ERjKa_4-2-2","modal-animation-enter":"magritte-modal-animation-enter___kruLO_4-2-2","modalAnimationEnter":"magritte-modal-animation-enter___kruLO_4-2-2","modal-animation-exit":"magritte-modal-animation-exit___0jNgl_4-2-2","modalAnimationExit":"magritte-modal-animation-exit___0jNgl_4-2-2"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=modal-DW27gUbp.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"modal-DW27gUbp.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}