@hh.ru/magritte-ui-modal 11.0.5 → 11.0.6

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.
Files changed (17) hide show
  1. package/index.css +120 -120
  2. package/index.js +1 -1
  3. package/internal/ModalBody.js +1 -1
  4. package/internal/ModalContent.js +1 -1
  5. package/internal/ModalInner.js +1 -1
  6. package/internal/ModalStickyHeader.js +1 -1
  7. package/internal/constants.js +1 -1
  8. package/internal/usePageHeaderScrollAnimation.js +1 -2
  9. package/internal/usePageHeaderScrollAnimation.js.map +1 -1
  10. package/modal-BDXTjPoc.js +5 -0
  11. package/modal-BDXTjPoc.js.map +1 -0
  12. package/package.json +13 -13
  13. package/public/Modal.js +1 -1
  14. package/public/ModalMedia.js +1 -1
  15. package/public/ModalWithImage.js +1 -1
  16. package/modal-pvBzuaFX.js +0 -5
  17. package/modal-pvBzuaFX.js.map +0 -1
package/index.css CHANGED
@@ -1,21 +1,21 @@
1
1
  :root{
2
- --magritte-color-background-overlay-v24-7-3:#20262bad;
3
- --magritte-color-stroke-neutral-v24-7-3:#DCE3EB;
4
- --magritte-color-component-modal-background-content-v24-7-3:#ffffff;
2
+ --magritte-color-background-overlay-v24-8-0:#20262bad;
3
+ --magritte-color-stroke-neutral-v24-8-0:#DCE3EB;
4
+ --magritte-color-component-modal-background-content-v24-8-0:#ffffff;
5
5
  }
6
6
 
7
7
  :root{
8
- --magritte-semantic-animation-ease-in-out-200-timing-function-v24-7-3:cubic-bezier(0.25, 0.1, 0.25, 1);
9
- --magritte-semantic-animation-ease-in-out-200-duration-v24-7-3:200ms;
10
- --magritte-semantic-animation-ease-in-out-300-timing-function-v24-7-3:cubic-bezier(0.25, 0.1, 0.25, 1);
11
- --magritte-semantic-animation-ease-in-out-300-duration-v24-7-3:300ms;
8
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v24-8-0:cubic-bezier(0.25, 0.1, 0.25, 1);
9
+ --magritte-semantic-animation-ease-in-out-200-duration-v24-8-0:200ms;
10
+ --magritte-semantic-animation-ease-in-out-300-timing-function-v24-8-0:cubic-bezier(0.25, 0.1, 0.25, 1);
11
+ --magritte-semantic-animation-ease-in-out-300-duration-v24-8-0:300ms;
12
12
  }
13
13
 
14
14
  .magritte-night-theme{
15
- --magritte-color-stroke-neutral-v24-7-3:#303030;
16
- --magritte-color-component-modal-background-content-v24-7-3:#1B1B1B;
15
+ --magritte-color-stroke-neutral-v24-8-0:#303030;
16
+ --magritte-color-component-modal-background-content-v24-8-0:#1B1B1B;
17
17
  }
18
- .magritte-sticky-header___TPafy_11-0-5{
18
+ .magritte-sticky-header___TPafy_11-0-6{
19
19
  position:sticky;
20
20
  top:0;
21
21
  z-index:10;
@@ -27,14 +27,14 @@
27
27
  --magritte-ui-nav-bar-stage-horizontal-padding-override:24px;
28
28
  }
29
29
  @supports selector(:has(*)){
30
- .magritte-sticky-header___TPafy_11-0-5{
30
+ .magritte-sticky-header___TPafy_11-0-6{
31
31
  --magritte-ui-nav-bar-stage-horizontal-padding-override:24px;
32
32
  }
33
- .magritte-sticky-header-inner___u5p8h_11-0-5{
33
+ .magritte-sticky-header-inner___u5p8h_11-0-6{
34
34
  margin:0 calc(-1 * var(--magritte-ui-modal-hor-padding-mul) * 24px);
35
35
  }
36
36
  }
37
- .magritte-modal-media___UqHGM_11-0-5{
37
+ .magritte-modal-media___UqHGM_11-0-6{
38
38
  display:flex;
39
39
  position:relative;
40
40
  overflow:hidden;
@@ -44,35 +44,35 @@
44
44
  background-position:center;
45
45
  background-repeat:no-repeat;
46
46
  }
47
- .magritte-modal-media___UqHGM_11-0-5 img{
47
+ .magritte-modal-media___UqHGM_11-0-6 img{
48
48
  max-width:100%;
49
49
  max-height:100%;
50
50
  }
51
- .magritte-fixed-height___wyJ7-_11-0-5{
51
+ .magritte-fixed-height___wyJ7-_11-0-6{
52
52
  aspect-ratio:auto;
53
53
  height:var(--height, auto);
54
54
  }
55
- .magritte-contain___3QD0Z_11-0-5{
55
+ .magritte-contain___3QD0Z_11-0-6{
56
56
  background-size:contain;
57
57
  }
58
- .magritte-contain___3QD0Z_11-0-5 img{
58
+ .magritte-contain___3QD0Z_11-0-6 img{
59
59
  object-fit:contain;
60
60
  }
61
- .magritte-cover___nry9O_11-0-5{
61
+ .magritte-cover___nry9O_11-0-6{
62
62
  background-size:cover;
63
63
  }
64
- .magritte-cover___nry9O_11-0-5 img{
64
+ .magritte-cover___nry9O_11-0-6 img{
65
65
  object-fit:cover;
66
66
  }
67
67
  @supports selector(:has(*)){
68
- .magritte-modal-media___UqHGM_11-0-5{
68
+ .magritte-modal-media___UqHGM_11-0-6{
69
69
  margin:0 calc(var(--magritte-ui-modal-hor-padding-mul) * -12px);
70
70
  }
71
- .magritte-content-overlay-top___6snWk_11-0-5 + .magritte-grow-limiter___GmpBj_11-0-5 .magritte-modal-media___UqHGM_11-0-5:first-child{
71
+ .magritte-content-overlay-top___6snWk_11-0-6 + .magritte-grow-limiter___GmpBj_11-0-6 .magritte-modal-media___UqHGM_11-0-6:first-child{
72
72
  margin-top:0;
73
73
  }
74
74
  }
75
- .magritte-modal-overlay___WwfCg_11-0-5{
75
+ .magritte-modal-overlay___WwfCg_11-0-6{
76
76
  position:fixed;
77
77
  top:0;
78
78
  right:0;
@@ -82,25 +82,25 @@
82
82
  align-items:center;
83
83
  justify-content:center;
84
84
  }
85
- .magritte-modal-overlay-with-background___DDxJn_11-0-5{
86
- background-color:var(--magritte-color-background-overlay-v24-7-3);
85
+ .magritte-modal-overlay-with-background___DDxJn_11-0-6{
86
+ background-color:var(--magritte-color-background-overlay-v24-8-0);
87
87
  transition-property:opacity, transform;
88
88
  user-select:text;
89
89
  z-index:1;
90
90
  }
91
- .magritte-modal-overlay___WwfCg_11-0-5:not(.magritte-modal-overlay-with-background___DDxJn_11-0-5){
91
+ .magritte-modal-overlay___WwfCg_11-0-6:not(.magritte-modal-overlay-with-background___DDxJn_11-0-6){
92
92
  pointer-events:none;
93
93
  }
94
- .magritte-modal-overlay___WwfCg_11-0-5:not(.magritte-modal-overlay-with-background___DDxJn_11-0-5) .magritte-modal___C4o5U_11-0-5{
94
+ .magritte-modal-overlay___WwfCg_11-0-6:not(.magritte-modal-overlay-with-background___DDxJn_11-0-6) .magritte-modal___C4o5U_11-0-6{
95
95
  pointer-events:auto;
96
96
  }
97
- .magritte-modal-overlay-left___agPyC_11-0-5{
97
+ .magritte-modal-overlay-left___agPyC_11-0-6{
98
98
  justify-content:flex-start;
99
99
  }
100
- .magritte-modal-overlay-right___-XDAx_11-0-5{
100
+ .magritte-modal-overlay-right___-XDAx_11-0-6{
101
101
  justify-content:flex-end;
102
102
  }
103
- .magritte-modal___C4o5U_11-0-5{
103
+ .magritte-modal___C4o5U_11-0-6{
104
104
  display:flex;
105
105
  box-sizing:border-box;
106
106
  margin:0 12px;
@@ -108,7 +108,7 @@
108
108
  max-height:calc(100% - 12px * 2);
109
109
  max-width:calc(100vw - 12px * 2);
110
110
  position:relative;
111
- background-color:var(--magritte-color-component-modal-background-content-v24-7-3);
111
+ background-color:var(--magritte-color-component-modal-background-content-v24-8-0);
112
112
  border-radius:24px;
113
113
  overflow:hidden;
114
114
  width:800px;
@@ -121,25 +121,25 @@
121
121
  --magritte-ui-modal-vert-padding-mul:1;
122
122
  --magritte-ui-snackbar-container-overflow-override:visible;
123
123
  }
124
- .magritte-modal___C4o5U_11-0-5.magritte-size-small___cI-Ql_11-0-5{
124
+ .magritte-modal___C4o5U_11-0-6.magritte-size-small___cI-Ql_11-0-6{
125
125
  width:480px;
126
126
  }
127
- .magritte-modal___C4o5U_11-0-5.magritte-size-medium___jnqfu_11-0-5{
127
+ .magritte-modal___C4o5U_11-0-6.magritte-size-medium___jnqfu_11-0-6{
128
128
  width:620px;
129
129
  }
130
- .magritte-no-vertical-paddings___dxyot_11-0-5{
130
+ .magritte-no-vertical-paddings___dxyot_11-0-6{
131
131
  --magritte-ui-modal-vert-padding-mul:0;
132
132
  }
133
- .magritte-no-horizontal-paddings___Q-i-5_11-0-5{
133
+ .magritte-no-horizontal-paddings___Q-i-5_11-0-6{
134
134
  --magritte-ui-modal-hor-padding-mul:0;
135
135
  }
136
- .magritte-modal-full-height___Aew5F_11-0-5{
136
+ .magritte-modal-full-height___Aew5F_11-0-6{
137
137
  height:100%;
138
138
  }
139
- .magritte-modal-with-border___KSnhf_11-0-5{
140
- outline:1px solid var(--magritte-color-stroke-neutral-v24-7-3);
139
+ .magritte-modal-with-border___KSnhf_11-0-6{
140
+ outline:1px solid var(--magritte-color-stroke-neutral-v24-8-0);
141
141
  }
142
- .magritte-modal-content-wrapper___VzoTN_11-0-5{
142
+ .magritte-modal-content-wrapper___VzoTN_11-0-6{
143
143
  position:relative;
144
144
  display:flex;
145
145
  flex-direction:column;
@@ -147,188 +147,188 @@
147
147
  flex:1 1;
148
148
  padding:24px 0 0;
149
149
  }
150
- .magritte-no-horizontal-paddings___Q-i-5_11-0-5 .magritte-modal-content-wrapper___VzoTN_11-0-5{
150
+ .magritte-no-horizontal-paddings___Q-i-5_11-0-6 .magritte-modal-content-wrapper___VzoTN_11-0-6{
151
151
  padding-right:0;
152
152
  padding-left:0;
153
153
  }
154
- .magritte-no-vertical-paddings___dxyot_11-0-5 .magritte-modal-content-wrapper___VzoTN_11-0-5{
154
+ .magritte-no-vertical-paddings___dxyot_11-0-6 .magritte-modal-content-wrapper___VzoTN_11-0-6{
155
155
  padding-top:0;
156
156
  padding-bottom:0;
157
157
  }
158
- .magritte-modal-footer___Ha-sZ_11-0-5{
159
- background-color:var(--magritte-color-component-modal-background-content-v24-7-3);
158
+ .magritte-modal-footer___Ha-sZ_11-0-6{
159
+ background-color:var(--magritte-color-component-modal-background-content-v24-8-0);
160
160
  z-index:1;
161
- --magritte-ui-container-background-color-override:var(--magritte-color-component-modal-background-content-v24-7-3);
161
+ --magritte-ui-container-background-color-override:var(--magritte-color-component-modal-background-content-v24-8-0);
162
162
  }
163
- .magritte-modal-footer___Ha-sZ_11-0-5.magritte-modal-footer-empty___tmH-x_11-0-5{
163
+ .magritte-modal-footer___Ha-sZ_11-0-6.magritte-modal-footer-empty___tmH-x_11-0-6{
164
164
  flex:0 0 calc(var(--magritte-ui-modal-vert-padding-mul) * 24px);
165
165
  }
166
- .magritte-animation-timeout___G4Hl1_11-0-5{
166
+ .magritte-animation-timeout___G4Hl1_11-0-6{
167
167
  --enter-animation-duration:0;
168
168
  --exit-animation-duration:0;
169
169
  }
170
170
  @media (prefers-reduced-motion: no-preference){
171
- .magritte-animation-timeout___G4Hl1_11-0-5{
172
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-3);
173
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-3);
171
+ .magritte-animation-timeout___G4Hl1_11-0-6{
172
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-8-0);
173
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-8-0);
174
174
  }
175
175
  }
176
- .magritte-animation-enter-center___sq8j7_11-0-5.magritte-modal-overlay-with-background___DDxJn_11-0-5{
176
+ .magritte-animation-enter-center___sq8j7_11-0-6.magritte-modal-overlay-with-background___DDxJn_11-0-6{
177
177
  opacity:0;
178
178
  }
179
- .magritte-animation-enter-center___sq8j7_11-0-5 .magritte-modal___C4o5U_11-0-5{
179
+ .magritte-animation-enter-center___sq8j7_11-0-6 .magritte-modal___C4o5U_11-0-6{
180
180
  opacity:0;
181
181
  }
182
- .magritte-animation-enter-center-active___ORYEh_11-0-5{
182
+ .magritte-animation-enter-center-active___ORYEh_11-0-6{
183
183
  --enter-animation-duration:0;
184
184
  --exit-animation-duration:0;
185
185
  }
186
186
  @media (prefers-reduced-motion: no-preference){
187
- .magritte-animation-enter-center-active___ORYEh_11-0-5{
188
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-3);
189
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-3);
187
+ .magritte-animation-enter-center-active___ORYEh_11-0-6{
188
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-8-0);
189
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-8-0);
190
190
  }
191
191
  }
192
- .magritte-animation-enter-center-active___ORYEh_11-0-5 .magritte-modal___C4o5U_11-0-5,
193
- .magritte-animation-enter-center-active___ORYEh_11-0-5.magritte-modal-overlay-with-background___DDxJn_11-0-5{
192
+ .magritte-animation-enter-center-active___ORYEh_11-0-6 .magritte-modal___C4o5U_11-0-6,
193
+ .magritte-animation-enter-center-active___ORYEh_11-0-6.magritte-modal-overlay-with-background___DDxJn_11-0-6{
194
194
  opacity:1;
195
195
  transition-duration:var(--enter-animation-duration);
196
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-7-3);
196
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-8-0);
197
197
  }
198
- .magritte-animation-exit-center___lLCX1_11-0-5.magritte-modal-overlay-with-background___DDxJn_11-0-5{
198
+ .magritte-animation-exit-center___lLCX1_11-0-6.magritte-modal-overlay-with-background___DDxJn_11-0-6{
199
199
  opacity:1;
200
200
  }
201
- .magritte-animation-exit-center___lLCX1_11-0-5 .magritte-modal___C4o5U_11-0-5{
201
+ .magritte-animation-exit-center___lLCX1_11-0-6 .magritte-modal___C4o5U_11-0-6{
202
202
  opacity:1;
203
203
  }
204
- .magritte-animation-exit-center-active___Ik2Yl_11-0-5{
204
+ .magritte-animation-exit-center-active___Ik2Yl_11-0-6{
205
205
  --enter-animation-duration:0;
206
206
  --exit-animation-duration:0;
207
207
  }
208
208
  @media (prefers-reduced-motion: no-preference){
209
- .magritte-animation-exit-center-active___Ik2Yl_11-0-5{
210
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-3);
211
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-3);
209
+ .magritte-animation-exit-center-active___Ik2Yl_11-0-6{
210
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-8-0);
211
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-8-0);
212
212
  }
213
213
  }
214
- .magritte-animation-exit-center-active___Ik2Yl_11-0-5.magritte-modal-overlay-with-background___DDxJn_11-0-5{
214
+ .magritte-animation-exit-center-active___Ik2Yl_11-0-6.magritte-modal-overlay-with-background___DDxJn_11-0-6{
215
215
  opacity:0;
216
216
  }
217
- .magritte-animation-exit-center-active___Ik2Yl_11-0-5 .magritte-modal___C4o5U_11-0-5{
217
+ .magritte-animation-exit-center-active___Ik2Yl_11-0-6 .magritte-modal___C4o5U_11-0-6{
218
218
  opacity:0;
219
219
  }
220
- .magritte-animation-exit-center-active___Ik2Yl_11-0-5 .magritte-modal___C4o5U_11-0-5,
221
- .magritte-animation-exit-center-active___Ik2Yl_11-0-5.magritte-modal-overlay-with-background___DDxJn_11-0-5{
220
+ .magritte-animation-exit-center-active___Ik2Yl_11-0-6 .magritte-modal___C4o5U_11-0-6,
221
+ .magritte-animation-exit-center-active___Ik2Yl_11-0-6.magritte-modal-overlay-with-background___DDxJn_11-0-6{
222
222
  transition-duration:var(--exit-animation-duration);
223
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-7-3);
223
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-8-0);
224
224
  }
225
- .magritte-animation-enter-left___jJDlv_11-0-5.magritte-modal-overlay-with-background___DDxJn_11-0-5{
225
+ .magritte-animation-enter-left___jJDlv_11-0-6.magritte-modal-overlay-with-background___DDxJn_11-0-6{
226
226
  opacity:0;
227
227
  }
228
- .magritte-animation-enter-left___jJDlv_11-0-5 .magritte-modal___C4o5U_11-0-5{
228
+ .magritte-animation-enter-left___jJDlv_11-0-6 .magritte-modal___C4o5U_11-0-6{
229
229
  opacity:0;
230
230
  transform:translateX(-100%);
231
231
  }
232
- .magritte-animation-enter-left-active___-kFij_11-0-5{
232
+ .magritte-animation-enter-left-active___-kFij_11-0-6{
233
233
  --enter-animation-duration:0;
234
234
  --exit-animation-duration:0;
235
235
  }
236
236
  @media (prefers-reduced-motion: no-preference){
237
- .magritte-animation-enter-left-active___-kFij_11-0-5{
238
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-3);
239
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-3);
237
+ .magritte-animation-enter-left-active___-kFij_11-0-6{
238
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-8-0);
239
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-8-0);
240
240
  }
241
241
  }
242
- .magritte-animation-enter-left-active___-kFij_11-0-5 .magritte-modal___C4o5U_11-0-5,
243
- .magritte-animation-enter-left-active___-kFij_11-0-5.magritte-modal-overlay-with-background___DDxJn_11-0-5{
242
+ .magritte-animation-enter-left-active___-kFij_11-0-6 .magritte-modal___C4o5U_11-0-6,
243
+ .magritte-animation-enter-left-active___-kFij_11-0-6.magritte-modal-overlay-with-background___DDxJn_11-0-6{
244
244
  opacity:1;
245
245
  transition-duration:var(--enter-animation-duration);
246
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-7-3);
246
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-8-0);
247
247
  transform:translateX(0);
248
248
  }
249
- .magritte-animation-exit-left___G2Plq_11-0-5.magritte-modal-overlay-with-background___DDxJn_11-0-5{
249
+ .magritte-animation-exit-left___G2Plq_11-0-6.magritte-modal-overlay-with-background___DDxJn_11-0-6{
250
250
  opacity:1;
251
251
  }
252
- .magritte-animation-exit-left___G2Plq_11-0-5 .magritte-modal___C4o5U_11-0-5{
252
+ .magritte-animation-exit-left___G2Plq_11-0-6 .magritte-modal___C4o5U_11-0-6{
253
253
  opacity:1;
254
254
  transform:translateX(0);
255
255
  }
256
- .magritte-animation-exit-left-active___XW2K4_11-0-5{
256
+ .magritte-animation-exit-left-active___XW2K4_11-0-6{
257
257
  --enter-animation-duration:0;
258
258
  --exit-animation-duration:0;
259
259
  }
260
260
  @media (prefers-reduced-motion: no-preference){
261
- .magritte-animation-exit-left-active___XW2K4_11-0-5{
262
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-3);
263
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-3);
261
+ .magritte-animation-exit-left-active___XW2K4_11-0-6{
262
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-8-0);
263
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-8-0);
264
264
  }
265
265
  }
266
- .magritte-animation-exit-left-active___XW2K4_11-0-5.magritte-modal-overlay-with-background___DDxJn_11-0-5{
266
+ .magritte-animation-exit-left-active___XW2K4_11-0-6.magritte-modal-overlay-with-background___DDxJn_11-0-6{
267
267
  opacity:0;
268
268
  }
269
- .magritte-animation-exit-left-active___XW2K4_11-0-5 .magritte-modal___C4o5U_11-0-5{
269
+ .magritte-animation-exit-left-active___XW2K4_11-0-6 .magritte-modal___C4o5U_11-0-6{
270
270
  opacity:0;
271
271
  transform:translateX(-100%);
272
272
  }
273
- .magritte-animation-exit-left-active___XW2K4_11-0-5 .magritte-modal___C4o5U_11-0-5,
274
- .magritte-animation-exit-left-active___XW2K4_11-0-5.magritte-modal-overlay-with-background___DDxJn_11-0-5{
273
+ .magritte-animation-exit-left-active___XW2K4_11-0-6 .magritte-modal___C4o5U_11-0-6,
274
+ .magritte-animation-exit-left-active___XW2K4_11-0-6.magritte-modal-overlay-with-background___DDxJn_11-0-6{
275
275
  transition-duration:var(--exit-animation-duration);
276
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-7-3);
276
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-8-0);
277
277
  }
278
- .magritte-animation-enter-right___rrMS0_11-0-5.magritte-modal-overlay-with-background___DDxJn_11-0-5{
278
+ .magritte-animation-enter-right___rrMS0_11-0-6.magritte-modal-overlay-with-background___DDxJn_11-0-6{
279
279
  opacity:0;
280
280
  }
281
- .magritte-animation-enter-right___rrMS0_11-0-5 .magritte-modal___C4o5U_11-0-5{
281
+ .magritte-animation-enter-right___rrMS0_11-0-6 .magritte-modal___C4o5U_11-0-6{
282
282
  opacity:0;
283
283
  transform:translateX(100%);
284
284
  }
285
- .magritte-animation-enter-right-active___p7rg-_11-0-5{
285
+ .magritte-animation-enter-right-active___p7rg-_11-0-6{
286
286
  --enter-animation-duration:0;
287
287
  --exit-animation-duration:0;
288
288
  }
289
289
  @media (prefers-reduced-motion: no-preference){
290
- .magritte-animation-enter-right-active___p7rg-_11-0-5{
291
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-3);
292
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-3);
290
+ .magritte-animation-enter-right-active___p7rg-_11-0-6{
291
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-8-0);
292
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-8-0);
293
293
  }
294
294
  }
295
- .magritte-animation-enter-right-active___p7rg-_11-0-5 .magritte-modal___C4o5U_11-0-5,
296
- .magritte-animation-enter-right-active___p7rg-_11-0-5.magritte-modal-overlay-with-background___DDxJn_11-0-5{
295
+ .magritte-animation-enter-right-active___p7rg-_11-0-6 .magritte-modal___C4o5U_11-0-6,
296
+ .magritte-animation-enter-right-active___p7rg-_11-0-6.magritte-modal-overlay-with-background___DDxJn_11-0-6{
297
297
  opacity:1;
298
298
  transition-duration:var(--enter-animation-duration);
299
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-7-3);
299
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-8-0);
300
300
  transform:translateX(0);
301
301
  }
302
- .magritte-animation-exit-right___f3qIC_11-0-5.magritte-modal-overlay-with-background___DDxJn_11-0-5{
302
+ .magritte-animation-exit-right___f3qIC_11-0-6.magritte-modal-overlay-with-background___DDxJn_11-0-6{
303
303
  opacity:1;
304
304
  }
305
- .magritte-animation-exit-right___f3qIC_11-0-5 .magritte-modal___C4o5U_11-0-5{
305
+ .magritte-animation-exit-right___f3qIC_11-0-6 .magritte-modal___C4o5U_11-0-6{
306
306
  opacity:1;
307
307
  transform:translateX(0);
308
308
  }
309
- .magritte-animation-exit-right-active___-sG1k_11-0-5{
309
+ .magritte-animation-exit-right-active___-sG1k_11-0-6{
310
310
  --enter-animation-duration:0;
311
311
  --exit-animation-duration:0;
312
312
  }
313
313
  @media (prefers-reduced-motion: no-preference){
314
- .magritte-animation-exit-right-active___-sG1k_11-0-5{
315
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-7-3);
316
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-7-3);
314
+ .magritte-animation-exit-right-active___-sG1k_11-0-6{
315
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-8-0);
316
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-8-0);
317
317
  }
318
318
  }
319
- .magritte-animation-exit-right-active___-sG1k_11-0-5.magritte-modal-overlay-with-background___DDxJn_11-0-5{
319
+ .magritte-animation-exit-right-active___-sG1k_11-0-6.magritte-modal-overlay-with-background___DDxJn_11-0-6{
320
320
  opacity:0;
321
321
  }
322
- .magritte-animation-exit-right-active___-sG1k_11-0-5 .magritte-modal___C4o5U_11-0-5{
322
+ .magritte-animation-exit-right-active___-sG1k_11-0-6 .magritte-modal___C4o5U_11-0-6{
323
323
  opacity:0;
324
324
  transform:translateX(100%);
325
325
  }
326
- .magritte-animation-exit-right-active___-sG1k_11-0-5 .magritte-modal___C4o5U_11-0-5,
327
- .magritte-animation-exit-right-active___-sG1k_11-0-5.magritte-modal-overlay-with-background___DDxJn_11-0-5{
326
+ .magritte-animation-exit-right-active___-sG1k_11-0-6 .magritte-modal___C4o5U_11-0-6,
327
+ .magritte-animation-exit-right-active___-sG1k_11-0-6.magritte-modal-overlay-with-background___DDxJn_11-0-6{
328
328
  transition-duration:var(--exit-animation-duration);
329
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-7-3);
329
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-8-0);
330
330
  }
331
- .magritte-tree-selector-container___4cdf5_11-0-5{
331
+ .magritte-tree-selector-container___4cdf5_11-0-6{
332
332
  height:100%;
333
333
  overflow:hidden;
334
334
  max-width:calc(100% - 24px);
@@ -338,16 +338,16 @@
338
338
  --magritte-ui-scrollbar-offset-right:-24px;
339
339
  --magritte-ui-scrollbar-offset-top:0;
340
340
  }
341
- .magritte-no-horizontal-paddings___Q-i-5_11-0-5 .magritte-tree-selector-container___4cdf5_11-0-5{
341
+ .magritte-no-horizontal-paddings___Q-i-5_11-0-6 .magritte-tree-selector-container___4cdf5_11-0-6{
342
342
  margin:0;
343
343
  padding:0;
344
344
  --magritte-ui-scrollbar-offset-right:0;
345
345
  }
346
- .magritte-grow-limiter___GmpBj_11-0-5{
346
+ .magritte-grow-limiter___GmpBj_11-0-6{
347
347
  flex:1 0;
348
348
  --magritte-ui-scrollbar-offset-top:0;
349
349
  }
350
- .magritte-modal-scroll-container___hOCdh_11-0-5{
350
+ .magritte-modal-scroll-container___hOCdh_11-0-6{
351
351
  display:flex;
352
352
  flex-direction:column;
353
353
  flex:1 1;
@@ -358,23 +358,23 @@
358
358
  padding:0 calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
359
359
  margin:0;
360
360
  }
361
- .magritte-modal-scroll-container___hOCdh_11-0-5::-webkit-scrollbar{
361
+ .magritte-modal-scroll-container___hOCdh_11-0-6::-webkit-scrollbar{
362
362
  display:none;
363
363
  }
364
- .magritte-content-overlay-top___6snWk_11-0-5{
364
+ .magritte-content-overlay-top___6snWk_11-0-6{
365
365
  position:absolute;
366
366
  height:0;
367
367
  left:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
368
368
  right:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
369
369
  }
370
- .magritte-content-overlay-top___6snWk_11-0-5.magritte-nav-bar___CL7d-_11-0-5,
371
- .magritte-content-overlay-top___6snWk_11-0-5.magritte-header___pufwA_11-0-5{
370
+ .magritte-content-overlay-top___6snWk_11-0-6.magritte-nav-bar___CL7d-_11-0-6,
371
+ .magritte-content-overlay-top___6snWk_11-0-6.magritte-header___pufwA_11-0-6{
372
372
  bottom:0;
373
373
  }
374
- .magritte-content-overlay-top___6snWk_11-0-5.magritte-static___3B6cn_11-0-5{
374
+ .magritte-content-overlay-top___6snWk_11-0-6.magritte-static___3B6cn_11-0-6{
375
375
  top:0;
376
376
  }
377
- .magritte-content-overlay-bottom___bDuPC_11-0-5{
377
+ .magritte-content-overlay-bottom___bDuPC_11-0-6{
378
378
  position:absolute;
379
379
  left:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
380
380
  right:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
@@ -382,10 +382,10 @@
382
382
  bottom:0;
383
383
  }
384
384
  @supports selector(:has(*)){
385
- .magritte-modal-content-wrapper___VzoTN_11-0-5:has(.magritte-sticky-header___TPafy_11-0-5){
385
+ .magritte-modal-content-wrapper___VzoTN_11-0-6:has(.magritte-sticky-header___TPafy_11-0-6){
386
386
  padding:0;
387
387
  }
388
- .magritte-modal-content-wrapper___VzoTN_11-0-5:not(:has(.magritte-sticky-header___TPafy_11-0-5)):has(.magritte-grow-limiter___GmpBj_11-0-5 > .magritte-modal-media___UqHGM_11-0-5:first-child){
388
+ .magritte-modal-content-wrapper___VzoTN_11-0-6:not(:has(.magritte-sticky-header___TPafy_11-0-6)):has(.magritte-grow-limiter___GmpBj_11-0-6 > .magritte-modal-media___UqHGM_11-0-6:first-child){
389
389
  padding-top:12px;
390
390
  }
391
391
  }
package/index.js CHANGED
@@ -17,7 +17,7 @@ import './internal/ModalContent.js';
17
17
  import './internal/isTreeSelectorChild.js';
18
18
  import '@hh.ru/magritte-ui-tree-selector';
19
19
  import '@hh.ru/magritte-ui-textarea';
20
- import './modal-pvBzuaFX.js';
20
+ import './modal-BDXTjPoc.js';
21
21
  import './internal/ModalInner.js';
22
22
  import '@hh.ru/magritte-ui-action-bar';
23
23
  import './internal/ModalBody.js';
package/internal/ModalBody.js CHANGED
@@ -7,7 +7,7 @@ import { useContentOverlay, ContentOverlayRoot } from '@hh.ru/magritte-ui-conten
7
7
  import { useRegisterTopOverlayCandidate, TOP_OVERLAY_PRIORITY, useResolvedTopOverlayElement } from './ModalSlotsContext.js';
8
8
  import { ModalStickyHeader } from './ModalStickyHeader.js';
9
9
  import { useScrollbar, Scrollbar } from '@hh.ru/magritte-ui-scrollbar';
10
- import { s as styles } from '../modal-pvBzuaFX.js';
10
+ import { s as styles } from '../modal-BDXTjPoc.js';
11
11
  import '@hh.ru/magritte-internal-slot-registry';
12
12
  import '@hh.ru/magritte-ui-nav-bar';
13
13
 
package/internal/ModalContent.js CHANGED
@@ -2,7 +2,7 @@ import './../index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { isTreeSelectorChild } from './isTreeSelectorChild.js';
4
4
  import { TextAreaGrowLimiter } from '@hh.ru/magritte-ui-textarea';
5
- import { s as styles } from '../modal-pvBzuaFX.js';
5
+ import { s as styles } from '../modal-BDXTjPoc.js';
6
6
  import 'react';
7
7
  import '@hh.ru/magritte-ui-tree-selector';
8
8
 
package/internal/ModalInner.js CHANGED
@@ -6,7 +6,7 @@ import { useAccessibleRegionProps } from '@hh.ru/magritte-internal-accessible-re
6
6
  import { ActionBarDefaultPropsContext } from '@hh.ru/magritte-ui-action-bar';
7
7
  import { ModalBody } from './ModalBody.js';
8
8
  import { NavBar } from '@hh.ru/magritte-ui-nav-bar';
9
- import { s as styles } from '../modal-pvBzuaFX.js';
9
+ import { s as styles } from '../modal-BDXTjPoc.js';
10
10
  import '@hh.ru/magritte-common-use-multiple-refs';
11
11
  import '@hh.ru/magritte-ui-content-overlay';
12
12
  import './ModalSlotsContext.js';
package/internal/ModalStickyHeader.js CHANGED
@@ -4,7 +4,7 @@ import { useMemo } from 'react';
4
4
  import classnames from 'classnames';
5
5
  import { useRegisterTopOverlayCandidate, TOP_OVERLAY_PRIORITY } from './ModalSlotsContext.js';
6
6
  import { NavBarDefaultPropsContext } from '@hh.ru/magritte-ui-nav-bar';
7
- import { s as styles } from '../modal-pvBzuaFX.js';
7
+ import { s as styles } from '../modal-BDXTjPoc.js';
8
8
  import '@hh.ru/magritte-internal-slot-registry';
9
9
 
10
10
  const NAV_BAR_ACTIONS_DEFAULT_PROPS = {
package/internal/constants.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './../index.css';
2
2
  import coreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
3
- import { s as styles } from '../modal-pvBzuaFX.js';
3
+ import { s as styles } from '../modal-BDXTjPoc.js';
4
4
 
5
5
  /** Отступ сверху под page-header (px) — дефолт для `position=left|right` без оверлея. */
6
6
  const DEFAULT_PAGE_HEADER_PADDING = 72;
package/internal/usePageHeaderScrollAnimation.js CHANGED
@@ -31,11 +31,10 @@ const usePageHeaderScrollAnimation = ({ overlayRef, showOverlay, pageHeaderPaddi
31
31
  else {
32
32
  animation = overlay.animate(keyframes, { duration: 1000, fill: 'forwards' });
33
33
  animation.pause();
34
- const { signal } = abortController;
35
34
  window.addEventListener('scroll', () => {
36
35
  animation.currentTime =
37
36
  (Math.min(document.documentElement.scrollTop, pageHeaderPadding) / pageHeaderPadding) * 1000;
38
- }, { signal });
37
+ }, { signal: abortController.signal });
39
38
  }
40
39
  return () => {
41
40
  abortController.abort();
package/internal/usePageHeaderScrollAnimation.js.map CHANGED
@@ -1 +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 const { signal } = abortController;\n window.addEventListener(\n 'scroll',\n () => {\n animation.currentTime =\n (Math.min(document.documentElement.scrollTop, pageHeaderPadding) / pageHeaderPadding) * 1000;\n },\n { 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,EAAE,MAAM,EAAE,GAAG,eAAe,CAAC;AACnC,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;AACrG,aAAC,EACD,EAAE,MAAM,EAAE,CACb,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;;;;"}
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;;;;"}
package/modal-BDXTjPoc.js ADDED
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"sticky-header":"magritte-sticky-header___TPafy_11-0-6","stickyHeader":"magritte-sticky-header___TPafy_11-0-6","sticky-header-inner":"magritte-sticky-header-inner___u5p8h_11-0-6","stickyHeaderInner":"magritte-sticky-header-inner___u5p8h_11-0-6","modal-media":"magritte-modal-media___UqHGM_11-0-6","modalMedia":"magritte-modal-media___UqHGM_11-0-6","fixed-height":"magritte-fixed-height___wyJ7-_11-0-6","fixedHeight":"magritte-fixed-height___wyJ7-_11-0-6","contain":"magritte-contain___3QD0Z_11-0-6","cover":"magritte-cover___nry9O_11-0-6","content-overlay-top":"magritte-content-overlay-top___6snWk_11-0-6","contentOverlayTop":"magritte-content-overlay-top___6snWk_11-0-6","grow-limiter":"magritte-grow-limiter___GmpBj_11-0-6","growLimiter":"magritte-grow-limiter___GmpBj_11-0-6","modal-overlay":"magritte-modal-overlay___WwfCg_11-0-6","modalOverlay":"magritte-modal-overlay___WwfCg_11-0-6","modal-overlay-with-background":"magritte-modal-overlay-with-background___DDxJn_11-0-6","modalOverlayWithBackground":"magritte-modal-overlay-with-background___DDxJn_11-0-6","modal":"magritte-modal___C4o5U_11-0-6","modal-overlay-left":"magritte-modal-overlay-left___agPyC_11-0-6","modalOverlayLeft":"magritte-modal-overlay-left___agPyC_11-0-6","modal-overlay-right":"magritte-modal-overlay-right___-XDAx_11-0-6","modalOverlayRight":"magritte-modal-overlay-right___-XDAx_11-0-6","size-small":"magritte-size-small___cI-Ql_11-0-6","sizeSmall":"magritte-size-small___cI-Ql_11-0-6","size-medium":"magritte-size-medium___jnqfu_11-0-6","sizeMedium":"magritte-size-medium___jnqfu_11-0-6","no-vertical-paddings":"magritte-no-vertical-paddings___dxyot_11-0-6","noVerticalPaddings":"magritte-no-vertical-paddings___dxyot_11-0-6","no-horizontal-paddings":"magritte-no-horizontal-paddings___Q-i-5_11-0-6","noHorizontalPaddings":"magritte-no-horizontal-paddings___Q-i-5_11-0-6","modal-full-height":"magritte-modal-full-height___Aew5F_11-0-6","modalFullHeight":"magritte-modal-full-height___Aew5F_11-0-6","modal-with-border":"magritte-modal-with-border___KSnhf_11-0-6","modalWithBorder":"magritte-modal-with-border___KSnhf_11-0-6","modal-content-wrapper":"magritte-modal-content-wrapper___VzoTN_11-0-6","modalContentWrapper":"magritte-modal-content-wrapper___VzoTN_11-0-6","modal-footer":"magritte-modal-footer___Ha-sZ_11-0-6","modalFooter":"magritte-modal-footer___Ha-sZ_11-0-6","modal-footer-empty":"magritte-modal-footer-empty___tmH-x_11-0-6","modalFooterEmpty":"magritte-modal-footer-empty___tmH-x_11-0-6","animation-timeout":"magritte-animation-timeout___G4Hl1_11-0-6","animationTimeout":"magritte-animation-timeout___G4Hl1_11-0-6","animation-enter-center":"magritte-animation-enter-center___sq8j7_11-0-6","animationEnterCenter":"magritte-animation-enter-center___sq8j7_11-0-6","animation-enter-center-active":"magritte-animation-enter-center-active___ORYEh_11-0-6","animationEnterCenterActive":"magritte-animation-enter-center-active___ORYEh_11-0-6","animation-exit-center":"magritte-animation-exit-center___lLCX1_11-0-6","animationExitCenter":"magritte-animation-exit-center___lLCX1_11-0-6","animation-exit-center-active":"magritte-animation-exit-center-active___Ik2Yl_11-0-6","animationExitCenterActive":"magritte-animation-exit-center-active___Ik2Yl_11-0-6","animation-enter-left":"magritte-animation-enter-left___jJDlv_11-0-6","animationEnterLeft":"magritte-animation-enter-left___jJDlv_11-0-6","animation-enter-left-active":"magritte-animation-enter-left-active___-kFij_11-0-6","animationEnterLeftActive":"magritte-animation-enter-left-active___-kFij_11-0-6","animation-exit-left":"magritte-animation-exit-left___G2Plq_11-0-6","animationExitLeft":"magritte-animation-exit-left___G2Plq_11-0-6","animation-exit-left-active":"magritte-animation-exit-left-active___XW2K4_11-0-6","animationExitLeftActive":"magritte-animation-exit-left-active___XW2K4_11-0-6","animation-enter-right":"magritte-animation-enter-right___rrMS0_11-0-6","animationEnterRight":"magritte-animation-enter-right___rrMS0_11-0-6","animation-enter-right-active":"magritte-animation-enter-right-active___p7rg-_11-0-6","animationEnterRightActive":"magritte-animation-enter-right-active___p7rg-_11-0-6","animation-exit-right":"magritte-animation-exit-right___f3qIC_11-0-6","animationExitRight":"magritte-animation-exit-right___f3qIC_11-0-6","animation-exit-right-active":"magritte-animation-exit-right-active___-sG1k_11-0-6","animationExitRightActive":"magritte-animation-exit-right-active___-sG1k_11-0-6","tree-selector-container":"magritte-tree-selector-container___4cdf5_11-0-6","treeSelectorContainer":"magritte-tree-selector-container___4cdf5_11-0-6","modal-scroll-container":"magritte-modal-scroll-container___hOCdh_11-0-6","modalScrollContainer":"magritte-modal-scroll-container___hOCdh_11-0-6","nav-bar":"magritte-nav-bar___CL7d-_11-0-6","navBar":"magritte-nav-bar___CL7d-_11-0-6","header":"magritte-header___pufwA_11-0-6","static":"magritte-static___3B6cn_11-0-6","content-overlay-bottom":"magritte-content-overlay-bottom___bDuPC_11-0-6","contentOverlayBottom":"magritte-content-overlay-bottom___bDuPC_11-0-6"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=modal-BDXTjPoc.js.map
package/modal-BDXTjPoc.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal-BDXTjPoc.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": "11.0.5",
3
+ "version": "11.0.6",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -27,25 +27,25 @@
27
27
  "@hh.ru/magritte-common-mouse": "1.2.0",
28
28
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
29
29
  "@hh.ru/magritte-common-use-no-bubbling": "1.0.8",
30
- "@hh.ru/magritte-design-tokens": "24.7.3",
30
+ "@hh.ru/magritte-design-tokens": "24.8.0",
31
31
  "@hh.ru/magritte-internal-accessible-region": "1.0.3",
32
32
  "@hh.ru/magritte-internal-layer-name": "3.4.1",
33
33
  "@hh.ru/magritte-internal-slot-registry": "1.1.0",
34
- "@hh.ru/magritte-ui-action-bar": "5.4.3",
34
+ "@hh.ru/magritte-ui-action-bar": "5.4.4",
35
35
  "@hh.ru/magritte-ui-breakpoint": "6.1.1",
36
36
  "@hh.ru/magritte-ui-content-overlay": "1.2.1",
37
- "@hh.ru/magritte-ui-divider": "3.2.2",
38
- "@hh.ru/magritte-ui-icon": "14.2.14",
37
+ "@hh.ru/magritte-ui-divider": "3.2.3",
38
+ "@hh.ru/magritte-ui-icon": "14.2.15",
39
39
  "@hh.ru/magritte-ui-layer": "3.2.6",
40
40
  "@hh.ru/magritte-ui-layout": "2.1.0",
41
41
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
42
- "@hh.ru/magritte-ui-nav-bar": "2.0.2",
43
- "@hh.ru/magritte-ui-progress-bar": "5.0.27",
44
- "@hh.ru/magritte-ui-scrollbar": "1.0.29",
45
- "@hh.ru/magritte-ui-textarea": "3.3.33",
46
- "@hh.ru/magritte-ui-theme-wrapper": "1.1.20",
47
- "@hh.ru/magritte-ui-title": "8.3.4",
48
- "@hh.ru/magritte-ui-tree-selector": "5.5.52"
42
+ "@hh.ru/magritte-ui-nav-bar": "2.0.3",
43
+ "@hh.ru/magritte-ui-progress-bar": "5.0.28",
44
+ "@hh.ru/magritte-ui-scrollbar": "1.0.30",
45
+ "@hh.ru/magritte-ui-textarea": "3.3.34",
46
+ "@hh.ru/magritte-ui-theme-wrapper": "1.1.21",
47
+ "@hh.ru/magritte-ui-title": "8.3.5",
48
+ "@hh.ru/magritte-ui-tree-selector": "5.5.53"
49
49
  },
50
50
  "peerDependencies": {
51
51
  "classnames": ">=2.3.2",
@@ -56,5 +56,5 @@
56
56
  "publishConfig": {
57
57
  "access": "public"
58
58
  },
59
- "gitHead": "54544ba2bfe605c2113a800ec7aad3c8f0b8f4ff"
59
+ "gitHead": "24217e8377aee28baaafb5f7492141f1674776df"
60
60
  }
package/public/Modal.js CHANGED
@@ -20,7 +20,7 @@ import { useModalTransition } from '../internal/useModalTransition.js';
20
20
  import { usePageHeaderScrollAnimation } from '../internal/usePageHeaderScrollAnimation.js';
21
21
  import { ModalMedia } from './ModalMedia.js';
22
22
  import { ThemeWrapper } from '@hh.ru/magritte-ui-theme-wrapper';
23
- import { s as styles } from '../modal-pvBzuaFX.js';
23
+ import { s as styles } from '../modal-BDXTjPoc.js';
24
24
  import '@hh.ru/magritte-ui-textarea';
25
25
  import '@hh.ru/magritte-ui-action-bar';
26
26
  import '../internal/ModalBody.js';
package/public/ModalMedia.js CHANGED
@@ -2,7 +2,7 @@ import './../index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
  import classnames from 'classnames';
5
- import { s as styles } from '../modal-pvBzuaFX.js';
5
+ import { s as styles } from '../modal-BDXTjPoc.js';
6
6
 
7
7
  const ModalMedia = forwardRef(({ ratio, height, backgroundUrl, className, style, children, imageSize = 'cover', ...rest }, ref) => {
8
8
  const defaultRatio = children ? 'auto' : 1.9;
package/public/ModalWithImage.js CHANGED
@@ -20,7 +20,7 @@ import '../internal/ModalContent.js';
20
20
  import '../internal/isTreeSelectorChild.js';
21
21
  import '@hh.ru/magritte-ui-tree-selector';
22
22
  import '@hh.ru/magritte-ui-textarea';
23
- import '../modal-pvBzuaFX.js';
23
+ import '../modal-BDXTjPoc.js';
24
24
  import '../internal/ModalInner.js';
25
25
  import '@hh.ru/magritte-ui-action-bar';
26
26
  import '../internal/ModalBody.js';
package/modal-pvBzuaFX.js DELETED
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"sticky-header":"magritte-sticky-header___TPafy_11-0-5","stickyHeader":"magritte-sticky-header___TPafy_11-0-5","sticky-header-inner":"magritte-sticky-header-inner___u5p8h_11-0-5","stickyHeaderInner":"magritte-sticky-header-inner___u5p8h_11-0-5","modal-media":"magritte-modal-media___UqHGM_11-0-5","modalMedia":"magritte-modal-media___UqHGM_11-0-5","fixed-height":"magritte-fixed-height___wyJ7-_11-0-5","fixedHeight":"magritte-fixed-height___wyJ7-_11-0-5","contain":"magritte-contain___3QD0Z_11-0-5","cover":"magritte-cover___nry9O_11-0-5","content-overlay-top":"magritte-content-overlay-top___6snWk_11-0-5","contentOverlayTop":"magritte-content-overlay-top___6snWk_11-0-5","grow-limiter":"magritte-grow-limiter___GmpBj_11-0-5","growLimiter":"magritte-grow-limiter___GmpBj_11-0-5","modal-overlay":"magritte-modal-overlay___WwfCg_11-0-5","modalOverlay":"magritte-modal-overlay___WwfCg_11-0-5","modal-overlay-with-background":"magritte-modal-overlay-with-background___DDxJn_11-0-5","modalOverlayWithBackground":"magritte-modal-overlay-with-background___DDxJn_11-0-5","modal":"magritte-modal___C4o5U_11-0-5","modal-overlay-left":"magritte-modal-overlay-left___agPyC_11-0-5","modalOverlayLeft":"magritte-modal-overlay-left___agPyC_11-0-5","modal-overlay-right":"magritte-modal-overlay-right___-XDAx_11-0-5","modalOverlayRight":"magritte-modal-overlay-right___-XDAx_11-0-5","size-small":"magritte-size-small___cI-Ql_11-0-5","sizeSmall":"magritte-size-small___cI-Ql_11-0-5","size-medium":"magritte-size-medium___jnqfu_11-0-5","sizeMedium":"magritte-size-medium___jnqfu_11-0-5","no-vertical-paddings":"magritte-no-vertical-paddings___dxyot_11-0-5","noVerticalPaddings":"magritte-no-vertical-paddings___dxyot_11-0-5","no-horizontal-paddings":"magritte-no-horizontal-paddings___Q-i-5_11-0-5","noHorizontalPaddings":"magritte-no-horizontal-paddings___Q-i-5_11-0-5","modal-full-height":"magritte-modal-full-height___Aew5F_11-0-5","modalFullHeight":"magritte-modal-full-height___Aew5F_11-0-5","modal-with-border":"magritte-modal-with-border___KSnhf_11-0-5","modalWithBorder":"magritte-modal-with-border___KSnhf_11-0-5","modal-content-wrapper":"magritte-modal-content-wrapper___VzoTN_11-0-5","modalContentWrapper":"magritte-modal-content-wrapper___VzoTN_11-0-5","modal-footer":"magritte-modal-footer___Ha-sZ_11-0-5","modalFooter":"magritte-modal-footer___Ha-sZ_11-0-5","modal-footer-empty":"magritte-modal-footer-empty___tmH-x_11-0-5","modalFooterEmpty":"magritte-modal-footer-empty___tmH-x_11-0-5","animation-timeout":"magritte-animation-timeout___G4Hl1_11-0-5","animationTimeout":"magritte-animation-timeout___G4Hl1_11-0-5","animation-enter-center":"magritte-animation-enter-center___sq8j7_11-0-5","animationEnterCenter":"magritte-animation-enter-center___sq8j7_11-0-5","animation-enter-center-active":"magritte-animation-enter-center-active___ORYEh_11-0-5","animationEnterCenterActive":"magritte-animation-enter-center-active___ORYEh_11-0-5","animation-exit-center":"magritte-animation-exit-center___lLCX1_11-0-5","animationExitCenter":"magritte-animation-exit-center___lLCX1_11-0-5","animation-exit-center-active":"magritte-animation-exit-center-active___Ik2Yl_11-0-5","animationExitCenterActive":"magritte-animation-exit-center-active___Ik2Yl_11-0-5","animation-enter-left":"magritte-animation-enter-left___jJDlv_11-0-5","animationEnterLeft":"magritte-animation-enter-left___jJDlv_11-0-5","animation-enter-left-active":"magritte-animation-enter-left-active___-kFij_11-0-5","animationEnterLeftActive":"magritte-animation-enter-left-active___-kFij_11-0-5","animation-exit-left":"magritte-animation-exit-left___G2Plq_11-0-5","animationExitLeft":"magritte-animation-exit-left___G2Plq_11-0-5","animation-exit-left-active":"magritte-animation-exit-left-active___XW2K4_11-0-5","animationExitLeftActive":"magritte-animation-exit-left-active___XW2K4_11-0-5","animation-enter-right":"magritte-animation-enter-right___rrMS0_11-0-5","animationEnterRight":"magritte-animation-enter-right___rrMS0_11-0-5","animation-enter-right-active":"magritte-animation-enter-right-active___p7rg-_11-0-5","animationEnterRightActive":"magritte-animation-enter-right-active___p7rg-_11-0-5","animation-exit-right":"magritte-animation-exit-right___f3qIC_11-0-5","animationExitRight":"magritte-animation-exit-right___f3qIC_11-0-5","animation-exit-right-active":"magritte-animation-exit-right-active___-sG1k_11-0-5","animationExitRightActive":"magritte-animation-exit-right-active___-sG1k_11-0-5","tree-selector-container":"magritte-tree-selector-container___4cdf5_11-0-5","treeSelectorContainer":"magritte-tree-selector-container___4cdf5_11-0-5","modal-scroll-container":"magritte-modal-scroll-container___hOCdh_11-0-5","modalScrollContainer":"magritte-modal-scroll-container___hOCdh_11-0-5","nav-bar":"magritte-nav-bar___CL7d-_11-0-5","navBar":"magritte-nav-bar___CL7d-_11-0-5","header":"magritte-header___pufwA_11-0-5","static":"magritte-static___3B6cn_11-0-5","content-overlay-bottom":"magritte-content-overlay-bottom___bDuPC_11-0-5","contentOverlayBottom":"magritte-content-overlay-bottom___bDuPC_11-0-5"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=modal-pvBzuaFX.js.map
package/modal-pvBzuaFX.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"modal-pvBzuaFX.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}