@hh.ru/magritte-ui-modal 11.0.55 → 11.1.0

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/index.css CHANGED
@@ -15,7 +15,7 @@
15
15
  --magritte-color-stroke-neutral-v26-0-2:#303030;
16
16
  --magritte-color-component-modal-background-content-v26-0-2:#111;
17
17
  }
18
- .magritte-sticky-header___TPafy_11-0-55{
18
+ .magritte-sticky-header___TPafy_11-1-0{
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-55{
30
+ .magritte-sticky-header___TPafy_11-1-0{
31
31
  --magritte-ui-nav-bar-stage-horizontal-padding-override:24px;
32
32
  }
33
- .magritte-sticky-header-inner___u5p8h_11-0-55{
33
+ .magritte-sticky-header-inner___u5p8h_11-1-0{
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-55{
37
+ .magritte-modal-media___UqHGM_11-1-0{
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-55 img{
47
+ .magritte-modal-media___UqHGM_11-1-0 img{
48
48
  max-width:100%;
49
49
  max-height:100%;
50
50
  }
51
- .magritte-fixed-height___wyJ7-_11-0-55{
51
+ .magritte-fixed-height___wyJ7-_11-1-0{
52
52
  aspect-ratio:auto;
53
53
  height:var(--height, auto);
54
54
  }
55
- .magritte-contain___3QD0Z_11-0-55{
55
+ .magritte-contain___3QD0Z_11-1-0{
56
56
  background-size:contain;
57
57
  }
58
- .magritte-contain___3QD0Z_11-0-55 img{
58
+ .magritte-contain___3QD0Z_11-1-0 img{
59
59
  object-fit:contain;
60
60
  }
61
- .magritte-cover___nry9O_11-0-55{
61
+ .magritte-cover___nry9O_11-1-0{
62
62
  background-size:cover;
63
63
  }
64
- .magritte-cover___nry9O_11-0-55 img{
64
+ .magritte-cover___nry9O_11-1-0 img{
65
65
  object-fit:cover;
66
66
  }
67
67
  @supports selector(:has(*)){
68
- .magritte-modal-media___UqHGM_11-0-55{
68
+ .magritte-modal-media___UqHGM_11-1-0{
69
69
  margin:0 calc(var(--magritte-ui-modal-hor-padding-mul) * -12px);
70
70
  }
71
- .magritte-content-overlay-top___6snWk_11-0-55 + .magritte-grow-limiter___GmpBj_11-0-55 .magritte-modal-media___UqHGM_11-0-55:first-child{
71
+ .magritte-content-overlay-top___6snWk_11-1-0 + .magritte-grow-limiter___GmpBj_11-1-0 .magritte-modal-media___UqHGM_11-1-0:first-child{
72
72
  margin-top:0;
73
73
  }
74
74
  }
75
- .magritte-modal-overlay___WwfCg_11-0-55{
75
+ .magritte-modal-overlay___WwfCg_11-1-0{
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-55{
85
+ .magritte-modal-overlay-with-background___DDxJn_11-1-0{
86
86
  background-color:var(--magritte-color-background-overlay-v26-0-2);
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-55:not(.magritte-modal-overlay-with-background___DDxJn_11-0-55){
91
+ .magritte-modal-overlay___WwfCg_11-1-0:not(.magritte-modal-overlay-with-background___DDxJn_11-1-0){
92
92
  pointer-events:none;
93
93
  }
94
- .magritte-modal-overlay___WwfCg_11-0-55:not(.magritte-modal-overlay-with-background___DDxJn_11-0-55) .magritte-modal___C4o5U_11-0-55{
94
+ .magritte-modal-overlay___WwfCg_11-1-0:not(.magritte-modal-overlay-with-background___DDxJn_11-1-0) .magritte-modal___C4o5U_11-1-0{
95
95
  pointer-events:auto;
96
96
  }
97
- .magritte-modal-overlay-left___agPyC_11-0-55{
97
+ .magritte-modal-overlay-left___agPyC_11-1-0{
98
98
  justify-content:flex-start;
99
99
  }
100
- .magritte-modal-overlay-right___-XDAx_11-0-55{
100
+ .magritte-modal-overlay-right___-XDAx_11-1-0{
101
101
  justify-content:flex-end;
102
102
  }
103
- .magritte-modal___C4o5U_11-0-55{
103
+ .magritte-modal___C4o5U_11-1-0{
104
104
  display:flex;
105
105
  box-sizing:border-box;
106
106
  margin:0 12px;
@@ -122,25 +122,25 @@
122
122
  --magritte-ui-modal-vert-padding-mul:1;
123
123
  --magritte-ui-snackbar-container-overflow-override:visible;
124
124
  }
125
- .magritte-modal___C4o5U_11-0-55.magritte-size-small___cI-Ql_11-0-55{
125
+ .magritte-modal___C4o5U_11-1-0.magritte-size-small___cI-Ql_11-1-0{
126
126
  width:480px;
127
127
  }
128
- .magritte-modal___C4o5U_11-0-55.magritte-size-medium___jnqfu_11-0-55{
128
+ .magritte-modal___C4o5U_11-1-0.magritte-size-medium___jnqfu_11-1-0{
129
129
  width:620px;
130
130
  }
131
- .magritte-no-vertical-paddings___dxyot_11-0-55{
131
+ .magritte-no-vertical-paddings___dxyot_11-1-0{
132
132
  --magritte-ui-modal-vert-padding-mul:0;
133
133
  }
134
- .magritte-no-horizontal-paddings___Q-i-5_11-0-55{
134
+ .magritte-no-horizontal-paddings___Q-i-5_11-1-0{
135
135
  --magritte-ui-modal-hor-padding-mul:0;
136
136
  }
137
- .magritte-modal-full-height___Aew5F_11-0-55{
137
+ .magritte-modal-full-height___Aew5F_11-1-0{
138
138
  height:100%;
139
139
  }
140
- .magritte-modal-with-border___KSnhf_11-0-55{
140
+ .magritte-modal-with-border___KSnhf_11-1-0{
141
141
  outline:1px solid var(--magritte-color-stroke-neutral-v26-0-2);
142
142
  }
143
- .magritte-modal-content-wrapper___VzoTN_11-0-55{
143
+ .magritte-modal-content-wrapper___VzoTN_11-1-0{
144
144
  position:relative;
145
145
  display:flex;
146
146
  flex-direction:column;
@@ -148,188 +148,188 @@
148
148
  flex:1 1;
149
149
  padding:24px 0 0;
150
150
  }
151
- .magritte-no-horizontal-paddings___Q-i-5_11-0-55 .magritte-modal-content-wrapper___VzoTN_11-0-55{
151
+ .magritte-no-horizontal-paddings___Q-i-5_11-1-0 .magritte-modal-content-wrapper___VzoTN_11-1-0{
152
152
  padding-right:0;
153
153
  padding-left:0;
154
154
  }
155
- .magritte-no-vertical-paddings___dxyot_11-0-55 .magritte-modal-content-wrapper___VzoTN_11-0-55{
155
+ .magritte-no-vertical-paddings___dxyot_11-1-0 .magritte-modal-content-wrapper___VzoTN_11-1-0{
156
156
  padding-top:0;
157
157
  padding-bottom:0;
158
158
  }
159
- .magritte-modal-footer___Ha-sZ_11-0-55{
159
+ .magritte-modal-footer___Ha-sZ_11-1-0{
160
160
  background-color:var(--magritte-color-component-modal-background-content-v26-0-2);
161
161
  z-index:1;
162
162
  --magritte-ui-container-background-color-override:var(--magritte-color-component-modal-background-content-v26-0-2);
163
163
  }
164
- .magritte-modal-footer___Ha-sZ_11-0-55.magritte-modal-footer-empty___tmH-x_11-0-55{
164
+ .magritte-modal-footer___Ha-sZ_11-1-0.magritte-modal-footer-empty___tmH-x_11-1-0{
165
165
  flex:0 0 calc(var(--magritte-ui-modal-vert-padding-mul) * 24px);
166
166
  }
167
- .magritte-animation-timeout___G4Hl1_11-0-55{
167
+ .magritte-animation-timeout___G4Hl1_11-1-0{
168
168
  --enter-animation-duration:0;
169
169
  --exit-animation-duration:0;
170
170
  }
171
171
  @media (prefers-reduced-motion: no-preference){
172
- .magritte-animation-timeout___G4Hl1_11-0-55{
172
+ .magritte-animation-timeout___G4Hl1_11-1-0{
173
173
  --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-2);
174
174
  --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-2);
175
175
  }
176
176
  }
177
- .magritte-animation-enter-center___sq8j7_11-0-55.magritte-modal-overlay-with-background___DDxJn_11-0-55{
177
+ .magritte-animation-enter-center___sq8j7_11-1-0.magritte-modal-overlay-with-background___DDxJn_11-1-0{
178
178
  opacity:0;
179
179
  }
180
- .magritte-animation-enter-center___sq8j7_11-0-55 .magritte-modal___C4o5U_11-0-55{
180
+ .magritte-animation-enter-center___sq8j7_11-1-0 .magritte-modal___C4o5U_11-1-0{
181
181
  opacity:0;
182
182
  }
183
- .magritte-animation-enter-center-active___ORYEh_11-0-55{
183
+ .magritte-animation-enter-center-active___ORYEh_11-1-0{
184
184
  --enter-animation-duration:0;
185
185
  --exit-animation-duration:0;
186
186
  }
187
187
  @media (prefers-reduced-motion: no-preference){
188
- .magritte-animation-enter-center-active___ORYEh_11-0-55{
188
+ .magritte-animation-enter-center-active___ORYEh_11-1-0{
189
189
  --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-2);
190
190
  --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-2);
191
191
  }
192
192
  }
193
- .magritte-animation-enter-center-active___ORYEh_11-0-55 .magritte-modal___C4o5U_11-0-55,
194
- .magritte-animation-enter-center-active___ORYEh_11-0-55.magritte-modal-overlay-with-background___DDxJn_11-0-55{
193
+ .magritte-animation-enter-center-active___ORYEh_11-1-0 .magritte-modal___C4o5U_11-1-0,
194
+ .magritte-animation-enter-center-active___ORYEh_11-1-0.magritte-modal-overlay-with-background___DDxJn_11-1-0{
195
195
  opacity:1;
196
196
  transition-duration:var(--enter-animation-duration);
197
197
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v26-0-2);
198
198
  }
199
- .magritte-animation-exit-center___lLCX1_11-0-55.magritte-modal-overlay-with-background___DDxJn_11-0-55{
199
+ .magritte-animation-exit-center___lLCX1_11-1-0.magritte-modal-overlay-with-background___DDxJn_11-1-0{
200
200
  opacity:1;
201
201
  }
202
- .magritte-animation-exit-center___lLCX1_11-0-55 .magritte-modal___C4o5U_11-0-55{
202
+ .magritte-animation-exit-center___lLCX1_11-1-0 .magritte-modal___C4o5U_11-1-0{
203
203
  opacity:1;
204
204
  }
205
- .magritte-animation-exit-center-active___Ik2Yl_11-0-55{
205
+ .magritte-animation-exit-center-active___Ik2Yl_11-1-0{
206
206
  --enter-animation-duration:0;
207
207
  --exit-animation-duration:0;
208
208
  }
209
209
  @media (prefers-reduced-motion: no-preference){
210
- .magritte-animation-exit-center-active___Ik2Yl_11-0-55{
210
+ .magritte-animation-exit-center-active___Ik2Yl_11-1-0{
211
211
  --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-2);
212
212
  --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-2);
213
213
  }
214
214
  }
215
- .magritte-animation-exit-center-active___Ik2Yl_11-0-55.magritte-modal-overlay-with-background___DDxJn_11-0-55{
215
+ .magritte-animation-exit-center-active___Ik2Yl_11-1-0.magritte-modal-overlay-with-background___DDxJn_11-1-0{
216
216
  opacity:0;
217
217
  }
218
- .magritte-animation-exit-center-active___Ik2Yl_11-0-55 .magritte-modal___C4o5U_11-0-55{
218
+ .magritte-animation-exit-center-active___Ik2Yl_11-1-0 .magritte-modal___C4o5U_11-1-0{
219
219
  opacity:0;
220
220
  }
221
- .magritte-animation-exit-center-active___Ik2Yl_11-0-55 .magritte-modal___C4o5U_11-0-55,
222
- .magritte-animation-exit-center-active___Ik2Yl_11-0-55.magritte-modal-overlay-with-background___DDxJn_11-0-55{
221
+ .magritte-animation-exit-center-active___Ik2Yl_11-1-0 .magritte-modal___C4o5U_11-1-0,
222
+ .magritte-animation-exit-center-active___Ik2Yl_11-1-0.magritte-modal-overlay-with-background___DDxJn_11-1-0{
223
223
  transition-duration:var(--exit-animation-duration);
224
224
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-2);
225
225
  }
226
- .magritte-animation-enter-left___jJDlv_11-0-55.magritte-modal-overlay-with-background___DDxJn_11-0-55{
226
+ .magritte-animation-enter-left___jJDlv_11-1-0.magritte-modal-overlay-with-background___DDxJn_11-1-0{
227
227
  opacity:0;
228
228
  }
229
- .magritte-animation-enter-left___jJDlv_11-0-55 .magritte-modal___C4o5U_11-0-55{
229
+ .magritte-animation-enter-left___jJDlv_11-1-0 .magritte-modal___C4o5U_11-1-0{
230
230
  opacity:0;
231
231
  transform:translateX(-100%);
232
232
  }
233
- .magritte-animation-enter-left-active___-kFij_11-0-55{
233
+ .magritte-animation-enter-left-active___-kFij_11-1-0{
234
234
  --enter-animation-duration:0;
235
235
  --exit-animation-duration:0;
236
236
  }
237
237
  @media (prefers-reduced-motion: no-preference){
238
- .magritte-animation-enter-left-active___-kFij_11-0-55{
238
+ .magritte-animation-enter-left-active___-kFij_11-1-0{
239
239
  --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-2);
240
240
  --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-2);
241
241
  }
242
242
  }
243
- .magritte-animation-enter-left-active___-kFij_11-0-55 .magritte-modal___C4o5U_11-0-55,
244
- .magritte-animation-enter-left-active___-kFij_11-0-55.magritte-modal-overlay-with-background___DDxJn_11-0-55{
243
+ .magritte-animation-enter-left-active___-kFij_11-1-0 .magritte-modal___C4o5U_11-1-0,
244
+ .magritte-animation-enter-left-active___-kFij_11-1-0.magritte-modal-overlay-with-background___DDxJn_11-1-0{
245
245
  opacity:1;
246
246
  transition-duration:var(--enter-animation-duration);
247
247
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v26-0-2);
248
248
  transform:translateX(0);
249
249
  }
250
- .magritte-animation-exit-left___G2Plq_11-0-55.magritte-modal-overlay-with-background___DDxJn_11-0-55{
250
+ .magritte-animation-exit-left___G2Plq_11-1-0.magritte-modal-overlay-with-background___DDxJn_11-1-0{
251
251
  opacity:1;
252
252
  }
253
- .magritte-animation-exit-left___G2Plq_11-0-55 .magritte-modal___C4o5U_11-0-55{
253
+ .magritte-animation-exit-left___G2Plq_11-1-0 .magritte-modal___C4o5U_11-1-0{
254
254
  opacity:1;
255
255
  transform:translateX(0);
256
256
  }
257
- .magritte-animation-exit-left-active___XW2K4_11-0-55{
257
+ .magritte-animation-exit-left-active___XW2K4_11-1-0{
258
258
  --enter-animation-duration:0;
259
259
  --exit-animation-duration:0;
260
260
  }
261
261
  @media (prefers-reduced-motion: no-preference){
262
- .magritte-animation-exit-left-active___XW2K4_11-0-55{
262
+ .magritte-animation-exit-left-active___XW2K4_11-1-0{
263
263
  --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-2);
264
264
  --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-2);
265
265
  }
266
266
  }
267
- .magritte-animation-exit-left-active___XW2K4_11-0-55.magritte-modal-overlay-with-background___DDxJn_11-0-55{
267
+ .magritte-animation-exit-left-active___XW2K4_11-1-0.magritte-modal-overlay-with-background___DDxJn_11-1-0{
268
268
  opacity:0;
269
269
  }
270
- .magritte-animation-exit-left-active___XW2K4_11-0-55 .magritte-modal___C4o5U_11-0-55{
270
+ .magritte-animation-exit-left-active___XW2K4_11-1-0 .magritte-modal___C4o5U_11-1-0{
271
271
  opacity:0;
272
272
  transform:translateX(-100%);
273
273
  }
274
- .magritte-animation-exit-left-active___XW2K4_11-0-55 .magritte-modal___C4o5U_11-0-55,
275
- .magritte-animation-exit-left-active___XW2K4_11-0-55.magritte-modal-overlay-with-background___DDxJn_11-0-55{
274
+ .magritte-animation-exit-left-active___XW2K4_11-1-0 .magritte-modal___C4o5U_11-1-0,
275
+ .magritte-animation-exit-left-active___XW2K4_11-1-0.magritte-modal-overlay-with-background___DDxJn_11-1-0{
276
276
  transition-duration:var(--exit-animation-duration);
277
277
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-2);
278
278
  }
279
- .magritte-animation-enter-right___rrMS0_11-0-55.magritte-modal-overlay-with-background___DDxJn_11-0-55{
279
+ .magritte-animation-enter-right___rrMS0_11-1-0.magritte-modal-overlay-with-background___DDxJn_11-1-0{
280
280
  opacity:0;
281
281
  }
282
- .magritte-animation-enter-right___rrMS0_11-0-55 .magritte-modal___C4o5U_11-0-55{
282
+ .magritte-animation-enter-right___rrMS0_11-1-0 .magritte-modal___C4o5U_11-1-0{
283
283
  opacity:0;
284
284
  transform:translateX(100%);
285
285
  }
286
- .magritte-animation-enter-right-active___p7rg-_11-0-55{
286
+ .magritte-animation-enter-right-active___p7rg-_11-1-0{
287
287
  --enter-animation-duration:0;
288
288
  --exit-animation-duration:0;
289
289
  }
290
290
  @media (prefers-reduced-motion: no-preference){
291
- .magritte-animation-enter-right-active___p7rg-_11-0-55{
291
+ .magritte-animation-enter-right-active___p7rg-_11-1-0{
292
292
  --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-2);
293
293
  --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-2);
294
294
  }
295
295
  }
296
- .magritte-animation-enter-right-active___p7rg-_11-0-55 .magritte-modal___C4o5U_11-0-55,
297
- .magritte-animation-enter-right-active___p7rg-_11-0-55.magritte-modal-overlay-with-background___DDxJn_11-0-55{
296
+ .magritte-animation-enter-right-active___p7rg-_11-1-0 .magritte-modal___C4o5U_11-1-0,
297
+ .magritte-animation-enter-right-active___p7rg-_11-1-0.magritte-modal-overlay-with-background___DDxJn_11-1-0{
298
298
  opacity:1;
299
299
  transition-duration:var(--enter-animation-duration);
300
300
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v26-0-2);
301
301
  transform:translateX(0);
302
302
  }
303
- .magritte-animation-exit-right___f3qIC_11-0-55.magritte-modal-overlay-with-background___DDxJn_11-0-55{
303
+ .magritte-animation-exit-right___f3qIC_11-1-0.magritte-modal-overlay-with-background___DDxJn_11-1-0{
304
304
  opacity:1;
305
305
  }
306
- .magritte-animation-exit-right___f3qIC_11-0-55 .magritte-modal___C4o5U_11-0-55{
306
+ .magritte-animation-exit-right___f3qIC_11-1-0 .magritte-modal___C4o5U_11-1-0{
307
307
  opacity:1;
308
308
  transform:translateX(0);
309
309
  }
310
- .magritte-animation-exit-right-active___-sG1k_11-0-55{
310
+ .magritte-animation-exit-right-active___-sG1k_11-1-0{
311
311
  --enter-animation-duration:0;
312
312
  --exit-animation-duration:0;
313
313
  }
314
314
  @media (prefers-reduced-motion: no-preference){
315
- .magritte-animation-exit-right-active___-sG1k_11-0-55{
315
+ .magritte-animation-exit-right-active___-sG1k_11-1-0{
316
316
  --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-2);
317
317
  --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-2);
318
318
  }
319
319
  }
320
- .magritte-animation-exit-right-active___-sG1k_11-0-55.magritte-modal-overlay-with-background___DDxJn_11-0-55{
320
+ .magritte-animation-exit-right-active___-sG1k_11-1-0.magritte-modal-overlay-with-background___DDxJn_11-1-0{
321
321
  opacity:0;
322
322
  }
323
- .magritte-animation-exit-right-active___-sG1k_11-0-55 .magritte-modal___C4o5U_11-0-55{
323
+ .magritte-animation-exit-right-active___-sG1k_11-1-0 .magritte-modal___C4o5U_11-1-0{
324
324
  opacity:0;
325
325
  transform:translateX(100%);
326
326
  }
327
- .magritte-animation-exit-right-active___-sG1k_11-0-55 .magritte-modal___C4o5U_11-0-55,
328
- .magritte-animation-exit-right-active___-sG1k_11-0-55.magritte-modal-overlay-with-background___DDxJn_11-0-55{
327
+ .magritte-animation-exit-right-active___-sG1k_11-1-0 .magritte-modal___C4o5U_11-1-0,
328
+ .magritte-animation-exit-right-active___-sG1k_11-1-0.magritte-modal-overlay-with-background___DDxJn_11-1-0{
329
329
  transition-duration:var(--exit-animation-duration);
330
330
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-2);
331
331
  }
332
- .magritte-tree-selector-container___4cdf5_11-0-55{
332
+ .magritte-tree-selector-container___4cdf5_11-1-0{
333
333
  height:100%;
334
334
  overflow:hidden;
335
335
  max-width:calc(100% - 24px);
@@ -339,16 +339,16 @@
339
339
  --magritte-ui-scrollbar-offset-right:-24px;
340
340
  --magritte-ui-scrollbar-offset-top:0;
341
341
  }
342
- .magritte-no-horizontal-paddings___Q-i-5_11-0-55 .magritte-tree-selector-container___4cdf5_11-0-55{
342
+ .magritte-no-horizontal-paddings___Q-i-5_11-1-0 .magritte-tree-selector-container___4cdf5_11-1-0{
343
343
  margin:0;
344
344
  padding:0;
345
345
  --magritte-ui-scrollbar-offset-right:0;
346
346
  }
347
- .magritte-grow-limiter___GmpBj_11-0-55{
347
+ .magritte-grow-limiter___GmpBj_11-1-0{
348
348
  flex:1 0;
349
349
  --magritte-ui-scrollbar-offset-top:0;
350
350
  }
351
- .magritte-modal-scroll-container___hOCdh_11-0-55{
351
+ .magritte-modal-scroll-container___hOCdh_11-1-0{
352
352
  display:flex;
353
353
  flex-direction:column;
354
354
  flex:1 1;
@@ -359,23 +359,23 @@
359
359
  padding:0 calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
360
360
  margin:0;
361
361
  }
362
- .magritte-modal-scroll-container___hOCdh_11-0-55::-webkit-scrollbar{
362
+ .magritte-modal-scroll-container___hOCdh_11-1-0::-webkit-scrollbar{
363
363
  display:none;
364
364
  }
365
- .magritte-content-overlay-top___6snWk_11-0-55{
365
+ .magritte-content-overlay-top___6snWk_11-1-0{
366
366
  position:absolute;
367
367
  height:0;
368
368
  left:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
369
369
  right:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
370
370
  }
371
- .magritte-content-overlay-top___6snWk_11-0-55.magritte-nav-bar___CL7d-_11-0-55,
372
- .magritte-content-overlay-top___6snWk_11-0-55.magritte-header___pufwA_11-0-55{
371
+ .magritte-content-overlay-top___6snWk_11-1-0.magritte-nav-bar___CL7d-_11-1-0,
372
+ .magritte-content-overlay-top___6snWk_11-1-0.magritte-header___pufwA_11-1-0{
373
373
  bottom:0;
374
374
  }
375
- .magritte-content-overlay-top___6snWk_11-0-55.magritte-static___3B6cn_11-0-55{
375
+ .magritte-content-overlay-top___6snWk_11-1-0.magritte-static___3B6cn_11-1-0{
376
376
  top:0;
377
377
  }
378
- .magritte-content-overlay-bottom___bDuPC_11-0-55{
378
+ .magritte-content-overlay-bottom___bDuPC_11-1-0{
379
379
  position:absolute;
380
380
  left:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
381
381
  right:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
@@ -383,10 +383,10 @@
383
383
  bottom:0;
384
384
  }
385
385
  @supports selector(:has(*)){
386
- .magritte-modal-content-wrapper___VzoTN_11-0-55:has(.magritte-sticky-header___TPafy_11-0-55){
386
+ .magritte-modal-content-wrapper___VzoTN_11-1-0:has(.magritte-sticky-header___TPafy_11-1-0){
387
387
  padding:0;
388
388
  }
389
- .magritte-modal-content-wrapper___VzoTN_11-0-55:not(:has(.magritte-sticky-header___TPafy_11-0-55)):has(.magritte-grow-limiter___GmpBj_11-0-55 > .magritte-modal-media___UqHGM_11-0-55:first-child){
389
+ .magritte-modal-content-wrapper___VzoTN_11-1-0:not(:has(.magritte-sticky-header___TPafy_11-1-0)):has(.magritte-grow-limiter___GmpBj_11-1-0 > .magritte-modal-media___UqHGM_11-1-0:first-child){
390
390
  padding-top:12px;
391
391
  }
392
392
  }
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-D4Nd89Zc.js';
20
+ import './modal-DF0y5Ix8.js';
21
21
  import './internal/ModalInner.js';
22
22
  import '@hh.ru/magritte-ui-action-bar';
23
23
  import './actionBarDefaults.js';
@@ -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-D4Nd89Zc.js';
10
+ import { s as styles } from '../modal-DF0y5Ix8.js';
11
11
  import '@hh.ru/magritte-internal-slot-registry';
12
12
  import '@hh.ru/magritte-ui-nav-bar';
13
13
 
@@ -24,7 +24,9 @@ const ModalBody = ({ children, scrollContainerRef, header }) => {
24
24
  const headerBottomRef = useMemo(() => ({ current: resolvedTopElement }), [resolvedTopElement]);
25
25
  const { hasVerticalScroll, verticalScrollbarProps, ...scrollbar } = useScrollbar({
26
26
  axis: "vertical",
27
- offsetTop: hasHeader ? headerBottomRef : 24
27
+ offsetTop: hasHeader ? headerBottomRef : 24,
28
+ // хедер sticky: его видимое положение не зависит от прокрутки
29
+ offsetRefMode: "visible"
28
30
  });
29
31
  const contentContainerRefCallback = useMultipleRefs(
30
32
  contentContainerRef,
@@ -1 +1 @@
1
- {"version":3,"file":"ModalBody.js","sources":["src/internal/ModalBody.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, type ReactNode, type RefCallback, useMemo, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { ContentOverlayRoot, useContentOverlay } from '@hh.ru/magritte-ui-content-overlay';\nimport {\n TOP_OVERLAY_PRIORITY,\n useRegisterTopOverlayCandidate,\n useResolvedTopOverlayElement,\n} from '@hh.ru/magritte-ui-modal/internal/ModalSlotsContext';\nimport { ModalStickyHeader } from '@hh.ru/magritte-ui-modal/internal/ModalStickyHeader';\nimport { Scrollbar, useScrollbar } from '@hh.ru/magritte-ui-scrollbar';\n\nimport styles from './modal.less';\n\nexport const ModalBody: FC<\n PropsWithChildren<{\n header: ReactNode;\n scrollContainerRef?: RefCallback<HTMLDivElement>;\n }>\n> = ({ children, scrollContainerRef, header }) => {\n const hasHeader = header != null;\n const contentContainerRef = useRef<HTMLDivElement>(null);\n const contentOverlay = useContentOverlay();\n\n // Контейнер слота `top` тела модала — нужен только когда хедера (`header`) нет: тогда верхний оверлей\n // живёт в начале скролл-контента. Если хедер есть — контейнер предоставляет он (навбар или его запасной\n // div), и тело своего кандидата не регистрирует. Реф безопасно вызывать всегда: пока его div не\n // отрендерен (`hasHeader`), нода не привязывается и регистрация не происходит.\n const bodyFallbackRef = useRegisterTopOverlayCandidate(TOP_OVERLAY_PRIORITY.bodyFallback);\n\n // Резолвим элемент-победитель и подменяем им слот `top` в контейнерах ContentOverlay (единственный\n // писатель — без гонок и без затирания в null: кандидаты сосуществуют, выбирается максимум приоритета).\n const resolvedTopElement = useResolvedTopOverlayElement();\n const containers = useMemo(\n () => ({ ...contentOverlay, top: resolvedTopElement }),\n [contentOverlay, resolvedTopElement]\n );\n\n // `offsetTop` скроллбара меряем от того же резолвнутого top-overlay элемента (bottomAttachment навбара /\n // запасной div хедера). Он позиционируется по визуальному низу хедера и переживает overlay-навбар (когда\n // его обёртка схлопывается в 0), поэтому работает надёжно независимо от того, как и где выставлен overlay\n // — в отличие от flow-маркера, который уезжал бы вместе со схлопнутым навбаром.\n const headerBottomRef = useMemo(() => ({ current: resolvedTopElement }), [resolvedTopElement]);\n\n const { hasVerticalScroll, verticalScrollbarProps, ...scrollbar } = useScrollbar({\n axis: 'vertical',\n offsetTop: hasHeader ? headerBottomRef : 24,\n });\n const contentContainerRefCallback = useMultipleRefs(\n contentContainerRef,\n scrollbar.scrollContainerRef,\n scrollContainerRef\n );\n\n return (\n <>\n <div className={classnames(styles.modalContentWrapper, scrollbar.hoverContainerCssClass)}>\n <ContentOverlayRoot containers={containers}>\n <>\n <div\n className={classnames(styles.modalScrollContainer)}\n ref={contentContainerRefCallback}\n data-qa=\"modal-content-scroll-container\"\n >\n {/*\n * Хедер (sticky) либо запасной контейнер слота `top` тела — взаимоисключающе.\n * Когда хедер есть, контейнер слота `top` даёт он сам (навбар → запасной div хедера,\n * резолв по приоритету в реестре); когда хедера нет — его берёт на себя этот div тела.\n */}\n {hasHeader ? (\n <ModalStickyHeader>{header}</ModalStickyHeader>\n ) : (\n <div\n ref={bodyFallbackRef}\n className={classnames(styles.contentOverlayTop, styles.static)}\n />\n )}\n {children}\n <div ref={contentOverlay.bottomRef} className={styles.contentOverlayBottom} />\n </div>\n {hasVerticalScroll && <Scrollbar {...verticalScrollbarProps} />}\n </>\n </ContentOverlayRoot>\n </div>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAeO,MAAM,YAKT,CAAC,EAAE,QAAU,EAAA,kBAAA,EAAoB,QAAa,KAAA;AAC9C,EAAA,MAAM,YAAY,MAAU,IAAA,IAAA,CAAA;AAC5B,EAAM,MAAA,mBAAA,GAAsB,OAAuB,IAAI,CAAA,CAAA;AACvD,EAAA,MAAM,iBAAiB,iBAAkB,EAAA,CAAA;AAMzC,EAAM,MAAA,eAAA,GAAkB,8BAA+B,CAAA,oBAAA,CAAqB,YAAY,CAAA,CAAA;AAIxF,EAAA,MAAM,qBAAqB,4BAA6B,EAAA,CAAA;AACxD,EAAA,MAAM,UAAa,GAAA,OAAA;AAAA,IACf,OAAO,EAAE,GAAG,cAAA,EAAgB,KAAK,kBAAmB,EAAA,CAAA;AAAA,IACpD,CAAC,gBAAgB,kBAAkB,CAAA;AAAA,GACvC,CAAA;AAMA,EAAM,MAAA,eAAA,GAAkB,QAAQ,OAAO,EAAE,SAAS,kBAAmB,EAAA,CAAA,EAAI,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAE7F,EAAA,MAAM,EAAE,iBAAmB,EAAA,sBAAA,EAAwB,GAAG,SAAA,KAAc,YAAa,CAAA;AAAA,IAC7E,IAAM,EAAA,UAAA;AAAA,IACN,SAAA,EAAW,YAAY,eAAkB,GAAA,EAAA;AAAA,GAC5C,CAAA,CAAA;AACD,EAAA,MAAM,2BAA8B,GAAA,eAAA;AAAA,IAChC,mBAAA;AAAA,IACA,SAAU,CAAA,kBAAA;AAAA,IACV,kBAAA;AAAA,GACJ,CAAA;AAEA,EAAA,uBAEQ,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,mBAAqB,EAAA,SAAA,CAAU,sBAAsB,CAAA,EACnF,QAAC,kBAAA,GAAA,CAAA,kBAAA,EAAA,EAAmB,YAChB,QACI,kBAAA,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,oBAAoB,CAAA;AAAA,QACjD,GAAK,EAAA,2BAAA;AAAA,QACL,SAAQ,EAAA,gCAAA;AAAA,QAOP,QAAA,EAAA;AAAA,UACG,SAAA,mBAAA,GAAA,CAAC,iBAAmB,EAAA,EAAA,QAAA,EAAA,MAAA,EAAO,CAE3B,mBAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACG,GAAK,EAAA,eAAA;AAAA,cACL,SAAW,EAAA,UAAA,CAAW,MAAO,CAAA,iBAAA,EAAmB,OAAO,MAAM,CAAA;AAAA,aAAA;AAAA,WACjE;AAAA,UAEH,QAAA;AAAA,8BACA,KAAI,EAAA,EAAA,GAAA,EAAK,eAAe,SAAW,EAAA,SAAA,EAAW,OAAO,oBAAsB,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAChF;AAAA,IACC,iBAAqB,oBAAA,GAAA,CAAC,SAAW,EAAA,EAAA,GAAG,sBAAwB,EAAA,CAAA;AAAA,GACjE,EAAA,CAAA,EACJ,GACJ,CACJ,EAAA,CAAA,CAAA;AAER;;;;"}
1
+ {"version":3,"file":"ModalBody.js","sources":["src/internal/ModalBody.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, type ReactNode, type RefCallback, useMemo, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { ContentOverlayRoot, useContentOverlay } from '@hh.ru/magritte-ui-content-overlay';\nimport {\n TOP_OVERLAY_PRIORITY,\n useRegisterTopOverlayCandidate,\n useResolvedTopOverlayElement,\n} from '@hh.ru/magritte-ui-modal/internal/ModalSlotsContext';\nimport { ModalStickyHeader } from '@hh.ru/magritte-ui-modal/internal/ModalStickyHeader';\nimport { Scrollbar, useScrollbar } from '@hh.ru/magritte-ui-scrollbar';\n\nimport styles from './modal.less';\n\nexport const ModalBody: FC<\n PropsWithChildren<{\n header: ReactNode;\n scrollContainerRef?: RefCallback<HTMLDivElement>;\n }>\n> = ({ children, scrollContainerRef, header }) => {\n const hasHeader = header != null;\n const contentContainerRef = useRef<HTMLDivElement>(null);\n const contentOverlay = useContentOverlay();\n\n // Контейнер слота `top` тела модала — нужен только когда хедера (`header`) нет: тогда верхний оверлей\n // живёт в начале скролл-контента. Если хедер есть — контейнер предоставляет он (навбар или его запасной\n // div), и тело своего кандидата не регистрирует. Реф безопасно вызывать всегда: пока его div не\n // отрендерен (`hasHeader`), нода не привязывается и регистрация не происходит.\n const bodyFallbackRef = useRegisterTopOverlayCandidate(TOP_OVERLAY_PRIORITY.bodyFallback);\n\n // Резолвим элемент-победитель и подменяем им слот `top` в контейнерах ContentOverlay (единственный\n // писатель — без гонок и без затирания в null: кандидаты сосуществуют, выбирается максимум приоритета).\n const resolvedTopElement = useResolvedTopOverlayElement();\n const containers = useMemo(\n () => ({ ...contentOverlay, top: resolvedTopElement }),\n [contentOverlay, resolvedTopElement]\n );\n\n // `offsetTop` скроллбара меряем от того же резолвнутого top-overlay элемента (bottomAttachment навбара /\n // запасной div хедера). Он позиционируется по визуальному низу хедера и переживает overlay-навбар (когда\n // его обёртка схлопывается в 0), поэтому работает надёжно независимо от того, как и где выставлен overlay\n // — в отличие от flow-маркера, который уезжал бы вместе со схлопнутым навбаром.\n const headerBottomRef = useMemo(() => ({ current: resolvedTopElement }), [resolvedTopElement]);\n\n const { hasVerticalScroll, verticalScrollbarProps, ...scrollbar } = useScrollbar({\n axis: 'vertical',\n offsetTop: hasHeader ? headerBottomRef : 24,\n // хедер sticky: его видимое положение не зависит от прокрутки\n offsetRefMode: 'visible',\n });\n const contentContainerRefCallback = useMultipleRefs(\n contentContainerRef,\n scrollbar.scrollContainerRef,\n scrollContainerRef\n );\n\n return (\n <>\n <div className={classnames(styles.modalContentWrapper, scrollbar.hoverContainerCssClass)}>\n <ContentOverlayRoot containers={containers}>\n <>\n <div\n className={classnames(styles.modalScrollContainer)}\n ref={contentContainerRefCallback}\n data-qa=\"modal-content-scroll-container\"\n >\n {/*\n * Хедер (sticky) либо запасной контейнер слота `top` тела — взаимоисключающе.\n * Когда хедер есть, контейнер слота `top` даёт он сам (навбар → запасной div хедера,\n * резолв по приоритету в реестре); когда хедера нет — его берёт на себя этот div тела.\n */}\n {hasHeader ? (\n <ModalStickyHeader>{header}</ModalStickyHeader>\n ) : (\n <div\n ref={bodyFallbackRef}\n className={classnames(styles.contentOverlayTop, styles.static)}\n />\n )}\n {children}\n <div ref={contentOverlay.bottomRef} className={styles.contentOverlayBottom} />\n </div>\n {hasVerticalScroll && <Scrollbar {...verticalScrollbarProps} />}\n </>\n </ContentOverlayRoot>\n </div>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAeO,MAAM,YAKT,CAAC,EAAE,QAAU,EAAA,kBAAA,EAAoB,QAAa,KAAA;AAC9C,EAAA,MAAM,YAAY,MAAU,IAAA,IAAA,CAAA;AAC5B,EAAM,MAAA,mBAAA,GAAsB,OAAuB,IAAI,CAAA,CAAA;AACvD,EAAA,MAAM,iBAAiB,iBAAkB,EAAA,CAAA;AAMzC,EAAM,MAAA,eAAA,GAAkB,8BAA+B,CAAA,oBAAA,CAAqB,YAAY,CAAA,CAAA;AAIxF,EAAA,MAAM,qBAAqB,4BAA6B,EAAA,CAAA;AACxD,EAAA,MAAM,UAAa,GAAA,OAAA;AAAA,IACf,OAAO,EAAE,GAAG,cAAA,EAAgB,KAAK,kBAAmB,EAAA,CAAA;AAAA,IACpD,CAAC,gBAAgB,kBAAkB,CAAA;AAAA,GACvC,CAAA;AAMA,EAAM,MAAA,eAAA,GAAkB,QAAQ,OAAO,EAAE,SAAS,kBAAmB,EAAA,CAAA,EAAI,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAE7F,EAAA,MAAM,EAAE,iBAAmB,EAAA,sBAAA,EAAwB,GAAG,SAAA,KAAc,YAAa,CAAA;AAAA,IAC7E,IAAM,EAAA,UAAA;AAAA,IACN,SAAA,EAAW,YAAY,eAAkB,GAAA,EAAA;AAAA;AAAA,IAEzC,aAAe,EAAA,SAAA;AAAA,GAClB,CAAA,CAAA;AACD,EAAA,MAAM,2BAA8B,GAAA,eAAA;AAAA,IAChC,mBAAA;AAAA,IACA,SAAU,CAAA,kBAAA;AAAA,IACV,kBAAA;AAAA,GACJ,CAAA;AAEA,EAAA,uBAEQ,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,mBAAqB,EAAA,SAAA,CAAU,sBAAsB,CAAA,EACnF,QAAC,kBAAA,GAAA,CAAA,kBAAA,EAAA,EAAmB,YAChB,QACI,kBAAA,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,oBAAoB,CAAA;AAAA,QACjD,GAAK,EAAA,2BAAA;AAAA,QACL,SAAQ,EAAA,gCAAA;AAAA,QAOP,QAAA,EAAA;AAAA,UACG,SAAA,mBAAA,GAAA,CAAC,iBAAmB,EAAA,EAAA,QAAA,EAAA,MAAA,EAAO,CAE3B,mBAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACG,GAAK,EAAA,eAAA;AAAA,cACL,SAAW,EAAA,UAAA,CAAW,MAAO,CAAA,iBAAA,EAAmB,OAAO,MAAM,CAAA;AAAA,aAAA;AAAA,WACjE;AAAA,UAEH,QAAA;AAAA,8BACA,KAAI,EAAA,EAAA,GAAA,EAAK,eAAe,SAAW,EAAA,SAAA,EAAW,OAAO,oBAAsB,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAChF;AAAA,IACC,iBAAqB,oBAAA,GAAA,CAAC,SAAW,EAAA,EAAA,GAAG,sBAAwB,EAAA,CAAA;AAAA,GACjE,EAAA,CAAA,EACJ,GACJ,CACJ,EAAA,CAAA,CAAA;AAER;;;;"}
@@ -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-D4Nd89Zc.js';
5
+ import { s as styles } from '../modal-DF0y5Ix8.js';
6
6
  import 'react';
7
7
  import '@hh.ru/magritte-ui-tree-selector';
8
8
 
@@ -7,7 +7,7 @@ import { ActionBarDefaultPropsContext } from '@hh.ru/magritte-ui-action-bar';
7
7
  import { MODAL_ACTION_BAR_DEFAULTS } from '../actionBarDefaults.js';
8
8
  import { ModalBody } from './ModalBody.js';
9
9
  import { NavBar } from '@hh.ru/magritte-ui-nav-bar';
10
- import { s as styles } from '../modal-D4Nd89Zc.js';
10
+ import { s as styles } from '../modal-DF0y5Ix8.js';
11
11
  import '@hh.ru/magritte-common-use-multiple-refs';
12
12
  import '@hh.ru/magritte-ui-content-overlay';
13
13
  import './ModalSlotsContext.js';
@@ -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-D4Nd89Zc.js';
7
+ import { s as styles } from '../modal-DF0y5Ix8.js';
8
8
  import '@hh.ru/magritte-internal-slot-registry';
9
9
 
10
10
  const NAV_BAR_ACTIONS_DEFAULT_PROPS = {
@@ -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-D4Nd89Zc.js';
3
+ import { s as styles } from '../modal-DF0y5Ix8.js';
4
4
 
5
5
  const DEFAULT_PAGE_HEADER_PADDING = 72;
6
6
  const noop = () => void 0;
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"sticky-header":"magritte-sticky-header___TPafy_11-1-0","stickyHeader":"magritte-sticky-header___TPafy_11-1-0","sticky-header-inner":"magritte-sticky-header-inner___u5p8h_11-1-0","stickyHeaderInner":"magritte-sticky-header-inner___u5p8h_11-1-0","modal-media":"magritte-modal-media___UqHGM_11-1-0","modalMedia":"magritte-modal-media___UqHGM_11-1-0","fixed-height":"magritte-fixed-height___wyJ7-_11-1-0","fixedHeight":"magritte-fixed-height___wyJ7-_11-1-0","contain":"magritte-contain___3QD0Z_11-1-0","cover":"magritte-cover___nry9O_11-1-0","content-overlay-top":"magritte-content-overlay-top___6snWk_11-1-0","contentOverlayTop":"magritte-content-overlay-top___6snWk_11-1-0","grow-limiter":"magritte-grow-limiter___GmpBj_11-1-0","growLimiter":"magritte-grow-limiter___GmpBj_11-1-0","modal-overlay":"magritte-modal-overlay___WwfCg_11-1-0","modalOverlay":"magritte-modal-overlay___WwfCg_11-1-0","modal-overlay-with-background":"magritte-modal-overlay-with-background___DDxJn_11-1-0","modalOverlayWithBackground":"magritte-modal-overlay-with-background___DDxJn_11-1-0","modal":"magritte-modal___C4o5U_11-1-0","modal-overlay-left":"magritte-modal-overlay-left___agPyC_11-1-0","modalOverlayLeft":"magritte-modal-overlay-left___agPyC_11-1-0","modal-overlay-right":"magritte-modal-overlay-right___-XDAx_11-1-0","modalOverlayRight":"magritte-modal-overlay-right___-XDAx_11-1-0","size-small":"magritte-size-small___cI-Ql_11-1-0","sizeSmall":"magritte-size-small___cI-Ql_11-1-0","size-medium":"magritte-size-medium___jnqfu_11-1-0","sizeMedium":"magritte-size-medium___jnqfu_11-1-0","no-vertical-paddings":"magritte-no-vertical-paddings___dxyot_11-1-0","noVerticalPaddings":"magritte-no-vertical-paddings___dxyot_11-1-0","no-horizontal-paddings":"magritte-no-horizontal-paddings___Q-i-5_11-1-0","noHorizontalPaddings":"magritte-no-horizontal-paddings___Q-i-5_11-1-0","modal-full-height":"magritte-modal-full-height___Aew5F_11-1-0","modalFullHeight":"magritte-modal-full-height___Aew5F_11-1-0","modal-with-border":"magritte-modal-with-border___KSnhf_11-1-0","modalWithBorder":"magritte-modal-with-border___KSnhf_11-1-0","modal-content-wrapper":"magritte-modal-content-wrapper___VzoTN_11-1-0","modalContentWrapper":"magritte-modal-content-wrapper___VzoTN_11-1-0","modal-footer":"magritte-modal-footer___Ha-sZ_11-1-0","modalFooter":"magritte-modal-footer___Ha-sZ_11-1-0","modal-footer-empty":"magritte-modal-footer-empty___tmH-x_11-1-0","modalFooterEmpty":"magritte-modal-footer-empty___tmH-x_11-1-0","animation-timeout":"magritte-animation-timeout___G4Hl1_11-1-0","animationTimeout":"magritte-animation-timeout___G4Hl1_11-1-0","animation-enter-center":"magritte-animation-enter-center___sq8j7_11-1-0","animationEnterCenter":"magritte-animation-enter-center___sq8j7_11-1-0","animation-enter-center-active":"magritte-animation-enter-center-active___ORYEh_11-1-0","animationEnterCenterActive":"magritte-animation-enter-center-active___ORYEh_11-1-0","animation-exit-center":"magritte-animation-exit-center___lLCX1_11-1-0","animationExitCenter":"magritte-animation-exit-center___lLCX1_11-1-0","animation-exit-center-active":"magritte-animation-exit-center-active___Ik2Yl_11-1-0","animationExitCenterActive":"magritte-animation-exit-center-active___Ik2Yl_11-1-0","animation-enter-left":"magritte-animation-enter-left___jJDlv_11-1-0","animationEnterLeft":"magritte-animation-enter-left___jJDlv_11-1-0","animation-enter-left-active":"magritte-animation-enter-left-active___-kFij_11-1-0","animationEnterLeftActive":"magritte-animation-enter-left-active___-kFij_11-1-0","animation-exit-left":"magritte-animation-exit-left___G2Plq_11-1-0","animationExitLeft":"magritte-animation-exit-left___G2Plq_11-1-0","animation-exit-left-active":"magritte-animation-exit-left-active___XW2K4_11-1-0","animationExitLeftActive":"magritte-animation-exit-left-active___XW2K4_11-1-0","animation-enter-right":"magritte-animation-enter-right___rrMS0_11-1-0","animationEnterRight":"magritte-animation-enter-right___rrMS0_11-1-0","animation-enter-right-active":"magritte-animation-enter-right-active___p7rg-_11-1-0","animationEnterRightActive":"magritte-animation-enter-right-active___p7rg-_11-1-0","animation-exit-right":"magritte-animation-exit-right___f3qIC_11-1-0","animationExitRight":"magritte-animation-exit-right___f3qIC_11-1-0","animation-exit-right-active":"magritte-animation-exit-right-active___-sG1k_11-1-0","animationExitRightActive":"magritte-animation-exit-right-active___-sG1k_11-1-0","tree-selector-container":"magritte-tree-selector-container___4cdf5_11-1-0","treeSelectorContainer":"magritte-tree-selector-container___4cdf5_11-1-0","modal-scroll-container":"magritte-modal-scroll-container___hOCdh_11-1-0","modalScrollContainer":"magritte-modal-scroll-container___hOCdh_11-1-0","nav-bar":"magritte-nav-bar___CL7d-_11-1-0","navBar":"magritte-nav-bar___CL7d-_11-1-0","header":"magritte-header___pufwA_11-1-0","static":"magritte-static___3B6cn_11-1-0","content-overlay-bottom":"magritte-content-overlay-bottom___bDuPC_11-1-0","contentOverlayBottom":"magritte-content-overlay-bottom___bDuPC_11-1-0"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=modal-DF0y5Ix8.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal-DF0y5Ix8.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.55",
3
+ "version": "11.1.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -36,21 +36,21 @@
36
36
  "@hh.ru/magritte-internal-accessible-region": "1.0.5",
37
37
  "@hh.ru/magritte-internal-layer-name": "3.4.3",
38
38
  "@hh.ru/magritte-internal-slot-registry": "1.1.2",
39
- "@hh.ru/magritte-ui-action-bar": "5.4.27",
39
+ "@hh.ru/magritte-ui-action-bar": "5.5.0",
40
40
  "@hh.ru/magritte-ui-breakpoint": "6.1.3",
41
41
  "@hh.ru/magritte-ui-content-overlay": "1.2.3",
42
42
  "@hh.ru/magritte-ui-divider": "3.2.13",
43
- "@hh.ru/magritte-ui-icon": "15.1.6",
43
+ "@hh.ru/magritte-ui-icon": "15.2.0",
44
44
  "@hh.ru/magritte-ui-layer": "3.2.9",
45
45
  "@hh.ru/magritte-ui-layout": "2.1.2",
46
46
  "@hh.ru/magritte-ui-mock-component": "1.1.9",
47
- "@hh.ru/magritte-ui-nav-bar": "2.0.24",
47
+ "@hh.ru/magritte-ui-nav-bar": "2.1.0",
48
48
  "@hh.ru/magritte-ui-progress-bar": "5.1.0",
49
- "@hh.ru/magritte-ui-scrollbar": "1.0.40",
50
- "@hh.ru/magritte-ui-textarea": "3.3.62",
49
+ "@hh.ru/magritte-ui-scrollbar": "1.1.0",
50
+ "@hh.ru/magritte-ui-textarea": "3.4.0",
51
51
  "@hh.ru/magritte-ui-theme-wrapper": "1.1.30",
52
52
  "@hh.ru/magritte-ui-title": "8.3.15",
53
- "@hh.ru/magritte-ui-tree-selector": "5.5.89"
53
+ "@hh.ru/magritte-ui-tree-selector": "5.6.0"
54
54
  },
55
55
  "peerDependencies": {
56
56
  "classnames": ">=2.3.2",
@@ -61,5 +61,5 @@
61
61
  "publishConfig": {
62
62
  "access": "public"
63
63
  },
64
- "gitHead": "cf2f64cd7ddcc1cdc569e66eb3eb88e54e1df97a"
64
+ "gitHead": "24e606d1bcdafe5b56067887c4ebb87a8fa87c0c"
65
65
  }
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-D4Nd89Zc.js';
23
+ import { s as styles } from '../modal-DF0y5Ix8.js';
24
24
  import '@hh.ru/magritte-ui-textarea';
25
25
  import '@hh.ru/magritte-ui-action-bar';
26
26
  import '../actionBarDefaults.js';
@@ -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-D4Nd89Zc.js';
5
+ import { s as styles } from '../modal-DF0y5Ix8.js';
6
6
 
7
7
  const ModalMedia = forwardRef(
8
8
  ({ ratio, height, backgroundUrl, className, style, children, imageSize = "cover", ...rest }, ref) => {
@@ -21,7 +21,7 @@ import '../internal/ModalContent.js';
21
21
  import '../internal/isTreeSelectorChild.js';
22
22
  import '@hh.ru/magritte-ui-tree-selector';
23
23
  import '@hh.ru/magritte-ui-textarea';
24
- import '../modal-D4Nd89Zc.js';
24
+ import '../modal-DF0y5Ix8.js';
25
25
  import '../internal/ModalInner.js';
26
26
  import '@hh.ru/magritte-ui-action-bar';
27
27
  import '../actionBarDefaults.js';
package/modal-D4Nd89Zc.js DELETED
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"sticky-header":"magritte-sticky-header___TPafy_11-0-55","stickyHeader":"magritte-sticky-header___TPafy_11-0-55","sticky-header-inner":"magritte-sticky-header-inner___u5p8h_11-0-55","stickyHeaderInner":"magritte-sticky-header-inner___u5p8h_11-0-55","modal-media":"magritte-modal-media___UqHGM_11-0-55","modalMedia":"magritte-modal-media___UqHGM_11-0-55","fixed-height":"magritte-fixed-height___wyJ7-_11-0-55","fixedHeight":"magritte-fixed-height___wyJ7-_11-0-55","contain":"magritte-contain___3QD0Z_11-0-55","cover":"magritte-cover___nry9O_11-0-55","content-overlay-top":"magritte-content-overlay-top___6snWk_11-0-55","contentOverlayTop":"magritte-content-overlay-top___6snWk_11-0-55","grow-limiter":"magritte-grow-limiter___GmpBj_11-0-55","growLimiter":"magritte-grow-limiter___GmpBj_11-0-55","modal-overlay":"magritte-modal-overlay___WwfCg_11-0-55","modalOverlay":"magritte-modal-overlay___WwfCg_11-0-55","modal-overlay-with-background":"magritte-modal-overlay-with-background___DDxJn_11-0-55","modalOverlayWithBackground":"magritte-modal-overlay-with-background___DDxJn_11-0-55","modal":"magritte-modal___C4o5U_11-0-55","modal-overlay-left":"magritte-modal-overlay-left___agPyC_11-0-55","modalOverlayLeft":"magritte-modal-overlay-left___agPyC_11-0-55","modal-overlay-right":"magritte-modal-overlay-right___-XDAx_11-0-55","modalOverlayRight":"magritte-modal-overlay-right___-XDAx_11-0-55","size-small":"magritte-size-small___cI-Ql_11-0-55","sizeSmall":"magritte-size-small___cI-Ql_11-0-55","size-medium":"magritte-size-medium___jnqfu_11-0-55","sizeMedium":"magritte-size-medium___jnqfu_11-0-55","no-vertical-paddings":"magritte-no-vertical-paddings___dxyot_11-0-55","noVerticalPaddings":"magritte-no-vertical-paddings___dxyot_11-0-55","no-horizontal-paddings":"magritte-no-horizontal-paddings___Q-i-5_11-0-55","noHorizontalPaddings":"magritte-no-horizontal-paddings___Q-i-5_11-0-55","modal-full-height":"magritte-modal-full-height___Aew5F_11-0-55","modalFullHeight":"magritte-modal-full-height___Aew5F_11-0-55","modal-with-border":"magritte-modal-with-border___KSnhf_11-0-55","modalWithBorder":"magritte-modal-with-border___KSnhf_11-0-55","modal-content-wrapper":"magritte-modal-content-wrapper___VzoTN_11-0-55","modalContentWrapper":"magritte-modal-content-wrapper___VzoTN_11-0-55","modal-footer":"magritte-modal-footer___Ha-sZ_11-0-55","modalFooter":"magritte-modal-footer___Ha-sZ_11-0-55","modal-footer-empty":"magritte-modal-footer-empty___tmH-x_11-0-55","modalFooterEmpty":"magritte-modal-footer-empty___tmH-x_11-0-55","animation-timeout":"magritte-animation-timeout___G4Hl1_11-0-55","animationTimeout":"magritte-animation-timeout___G4Hl1_11-0-55","animation-enter-center":"magritte-animation-enter-center___sq8j7_11-0-55","animationEnterCenter":"magritte-animation-enter-center___sq8j7_11-0-55","animation-enter-center-active":"magritte-animation-enter-center-active___ORYEh_11-0-55","animationEnterCenterActive":"magritte-animation-enter-center-active___ORYEh_11-0-55","animation-exit-center":"magritte-animation-exit-center___lLCX1_11-0-55","animationExitCenter":"magritte-animation-exit-center___lLCX1_11-0-55","animation-exit-center-active":"magritte-animation-exit-center-active___Ik2Yl_11-0-55","animationExitCenterActive":"magritte-animation-exit-center-active___Ik2Yl_11-0-55","animation-enter-left":"magritte-animation-enter-left___jJDlv_11-0-55","animationEnterLeft":"magritte-animation-enter-left___jJDlv_11-0-55","animation-enter-left-active":"magritte-animation-enter-left-active___-kFij_11-0-55","animationEnterLeftActive":"magritte-animation-enter-left-active___-kFij_11-0-55","animation-exit-left":"magritte-animation-exit-left___G2Plq_11-0-55","animationExitLeft":"magritte-animation-exit-left___G2Plq_11-0-55","animation-exit-left-active":"magritte-animation-exit-left-active___XW2K4_11-0-55","animationExitLeftActive":"magritte-animation-exit-left-active___XW2K4_11-0-55","animation-enter-right":"magritte-animation-enter-right___rrMS0_11-0-55","animationEnterRight":"magritte-animation-enter-right___rrMS0_11-0-55","animation-enter-right-active":"magritte-animation-enter-right-active___p7rg-_11-0-55","animationEnterRightActive":"magritte-animation-enter-right-active___p7rg-_11-0-55","animation-exit-right":"magritte-animation-exit-right___f3qIC_11-0-55","animationExitRight":"magritte-animation-exit-right___f3qIC_11-0-55","animation-exit-right-active":"magritte-animation-exit-right-active___-sG1k_11-0-55","animationExitRightActive":"magritte-animation-exit-right-active___-sG1k_11-0-55","tree-selector-container":"magritte-tree-selector-container___4cdf5_11-0-55","treeSelectorContainer":"magritte-tree-selector-container___4cdf5_11-0-55","modal-scroll-container":"magritte-modal-scroll-container___hOCdh_11-0-55","modalScrollContainer":"magritte-modal-scroll-container___hOCdh_11-0-55","nav-bar":"magritte-nav-bar___CL7d-_11-0-55","navBar":"magritte-nav-bar___CL7d-_11-0-55","header":"magritte-header___pufwA_11-0-55","static":"magritte-static___3B6cn_11-0-55","content-overlay-bottom":"magritte-content-overlay-bottom___bDuPC_11-0-55","contentOverlayBottom":"magritte-content-overlay-bottom___bDuPC_11-0-55"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=modal-D4Nd89Zc.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"modal-D4Nd89Zc.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}