@hh.ru/magritte-ui-modal 11.0.40 → 11.0.42

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 (45) hide show
  1. package/actionBarDefaults.d.ts +2 -2
  2. package/actionBarDefaults.js +3 -17
  3. package/actionBarDefaults.js.map +1 -1
  4. package/index.css +121 -121
  5. package/index.d.ts +5 -5
  6. package/index.js +1 -1
  7. package/index.mock.js +5 -5
  8. package/index.mock.js.map +1 -1
  9. package/internal/ModalBody.js +42 -24
  10. package/internal/ModalBody.js.map +1 -1
  11. package/internal/ModalContent.js +2 -2
  12. package/internal/ModalContent.js.map +1 -1
  13. package/internal/ModalInner.d.ts +1 -1
  14. package/internal/ModalInner.js +46 -26
  15. package/internal/ModalInner.js.map +1 -1
  16. package/internal/ModalSlotsContext.js +34 -52
  17. package/internal/ModalSlotsContext.js.map +1 -1
  18. package/internal/ModalStickyHeader.js +27 -23
  19. package/internal/ModalStickyHeader.js.map +1 -1
  20. package/internal/constants.js +33 -42
  21. package/internal/constants.js.map +1 -1
  22. package/internal/isTreeSelectorChild.js +0 -5
  23. package/internal/isTreeSelectorChild.js.map +1 -1
  24. package/internal/useModalOrder.js +69 -76
  25. package/internal/useModalOrder.js.map +1 -1
  26. package/internal/useModalTransition.js +71 -72
  27. package/internal/useModalTransition.js.map +1 -1
  28. package/internal/usePageHeaderScrollAnimation.js +42 -42
  29. package/internal/usePageHeaderScrollAnimation.js.map +1 -1
  30. package/modal-BQNvAaFW.js +5 -0
  31. package/modal-BQNvAaFW.js.map +1 -0
  32. package/package.json +13 -13
  33. package/public/Modal.d.ts +2 -2
  34. package/public/Modal.js +119 -51
  35. package/public/Modal.js.map +1 -1
  36. package/public/ModalMedia.js +26 -15
  37. package/public/ModalMedia.js.map +1 -1
  38. package/public/ModalWithImage.d.ts +2 -2
  39. package/public/ModalWithImage.js +11 -3
  40. package/public/ModalWithImage.js.map +1 -1
  41. package/withImageDefaults.d.ts +3 -3
  42. package/withImageDefaults.js +5 -18
  43. package/withImageDefaults.js.map +1 -1
  44. package/modal-CJ3g6Lz_.js +0 -5
  45. package/modal-CJ3g6Lz_.js.map +0 -1
@@ -13,7 +13,7 @@
13
13
  * anyone writes in code.
14
14
  */
15
15
  export declare const MODAL_ACTION_BAR_DEFAULTS: {
16
- readonly type: "auto";
16
+ readonly type: 'auto';
17
17
  readonly padding: 24;
18
- readonly showDivider: "with-scroll";
18
+ readonly showDivider: 'with-scroll';
19
19
  };
@@ -1,22 +1,8 @@
1
1
  import './index.css';
2
- /**
3
- * The ActionBar props a Modal supplies to whatever sits in its `footer` slot, at runtime through
4
- * `ActionBarDefaultPropsContext` (see `internal/ModalInner.tsx`).
5
- *
6
- * They live in their own module, as plain data with no imports, because they are read from TWO sides: the
7
- * component applies them, and the Code Connect template declares them as contextual defaults so a footer
8
- * snippet stops repeating what the modal already provides. A literal copied into the template would drift
9
- * silently — change the value here and the published snippet would keep asserting the old one, with no build
10
- * error and no render error. The bundler inlines this file into every template that imports it, which is the
11
- * other reason it must stay free of runtime imports.
12
- *
13
- * `scrollContainer` is deliberately absent: it is a live DOM node the modal resolves per render, not a value
14
- * anyone writes in code.
15
- */
16
2
  const MODAL_ACTION_BAR_DEFAULTS = {
17
- type: 'auto',
18
- padding: 24,
19
- showDivider: 'with-scroll',
3
+ type: "auto",
4
+ padding: 24,
5
+ showDivider: "with-scroll"
20
6
  };
21
7
 
22
8
  export { MODAL_ACTION_BAR_DEFAULTS };
@@ -1 +1 @@
1
- {"version":3,"file":"actionBarDefaults.js","sources":["src/actionBarDefaults.ts"],"sourcesContent":["/**\n * The ActionBar props a Modal supplies to whatever sits in its `footer` slot, at runtime through\n * `ActionBarDefaultPropsContext` (see `internal/ModalInner.tsx`).\n *\n * They live in their own module, as plain data with no imports, because they are read from TWO sides: the\n * component applies them, and the Code Connect template declares them as contextual defaults so a footer\n * snippet stops repeating what the modal already provides. A literal copied into the template would drift\n * silently — change the value here and the published snippet would keep asserting the old one, with no build\n * error and no render error. The bundler inlines this file into every template that imports it, which is the\n * other reason it must stay free of runtime imports.\n *\n * `scrollContainer` is deliberately absent: it is a live DOM node the modal resolves per render, not a value\n * anyone writes in code.\n */\nexport const MODAL_ACTION_BAR_DEFAULTS = {\n type: 'auto',\n padding: 24,\n showDivider: 'with-scroll',\n} as const;\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;AAaG;AACU,MAAA,yBAAyB,GAAG;AACrC,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,WAAW,EAAE,aAAa;;;;;"}
1
+ {"version":3,"file":"actionBarDefaults.js","sources":["src/actionBarDefaults.ts"],"sourcesContent":["/**\n * The ActionBar props a Modal supplies to whatever sits in its `footer` slot, at runtime through\n * `ActionBarDefaultPropsContext` (see `internal/ModalInner.tsx`).\n *\n * They live in their own module, as plain data with no imports, because they are read from TWO sides: the\n * component applies them, and the Code Connect template declares them as contextual defaults so a footer\n * snippet stops repeating what the modal already provides. A literal copied into the template would drift\n * silently — change the value here and the published snippet would keep asserting the old one, with no build\n * error and no render error. The bundler inlines this file into every template that imports it, which is the\n * other reason it must stay free of runtime imports.\n *\n * `scrollContainer` is deliberately absent: it is a live DOM node the modal resolves per render, not a value\n * anyone writes in code.\n */\nexport const MODAL_ACTION_BAR_DEFAULTS = {\n type: 'auto',\n padding: 24,\n showDivider: 'with-scroll',\n} as const;\n"],"names":[],"mappings":"AAcO,MAAM,yBAA4B,GAAA;AAAA,EACrC,IAAM,EAAA,MAAA;AAAA,EACN,OAAS,EAAA,EAAA;AAAA,EACT,WAAa,EAAA,aAAA;AACjB;;;;"}
package/index.css CHANGED
@@ -1,21 +1,21 @@
1
1
  :root{
2
- --magritte-color-background-overlay-v25-1-1:#20262bad;
3
- --magritte-color-stroke-neutral-v25-1-1:#DCE3EB;
4
- --magritte-color-component-modal-background-content-v25-1-1:#ffffff;
2
+ --magritte-color-background-overlay-v26-0-1:#20262bad;
3
+ --magritte-color-stroke-neutral-v26-0-1:#DCE3EB;
4
+ --magritte-color-component-modal-background-content-v26-0-1:#ffffff;
5
5
  }
6
6
 
7
7
  :root{
8
- --magritte-semantic-animation-ease-in-out-200-timing-function-v25-1-1:cubic-bezier(0.25, 0.1, 0.25, 1);
9
- --magritte-semantic-animation-ease-in-out-200-duration-v25-1-1:200ms;
10
- --magritte-semantic-animation-ease-in-out-300-timing-function-v25-1-1:cubic-bezier(0.25, 0.1, 0.25, 1);
11
- --magritte-semantic-animation-ease-in-out-300-duration-v25-1-1:300ms;
8
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-1:cubic-bezier(0.25, 0.1, 0.25, 1);
9
+ --magritte-semantic-animation-ease-in-out-200-duration-v26-0-1:200ms;
10
+ --magritte-semantic-animation-ease-in-out-300-timing-function-v26-0-1:cubic-bezier(0.25, 0.1, 0.25, 1);
11
+ --magritte-semantic-animation-ease-in-out-300-duration-v26-0-1:300ms;
12
12
  }
13
13
 
14
14
  .magritte-night-theme{
15
- --magritte-color-stroke-neutral-v25-1-1:#303030;
16
- --magritte-color-component-modal-background-content-v25-1-1:#111;
15
+ --magritte-color-stroke-neutral-v26-0-1:#303030;
16
+ --magritte-color-component-modal-background-content-v26-0-1:#111;
17
17
  }
18
- .magritte-sticky-header___TPafy_11-0-40{
18
+ .magritte-sticky-header___TPafy_11-0-42{
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-40{
30
+ .magritte-sticky-header___TPafy_11-0-42{
31
31
  --magritte-ui-nav-bar-stage-horizontal-padding-override:24px;
32
32
  }
33
- .magritte-sticky-header-inner___u5p8h_11-0-40{
33
+ .magritte-sticky-header-inner___u5p8h_11-0-42{
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-40{
37
+ .magritte-modal-media___UqHGM_11-0-42{
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-40 img{
47
+ .magritte-modal-media___UqHGM_11-0-42 img{
48
48
  max-width:100%;
49
49
  max-height:100%;
50
50
  }
51
- .magritte-fixed-height___wyJ7-_11-0-40{
51
+ .magritte-fixed-height___wyJ7-_11-0-42{
52
52
  aspect-ratio:auto;
53
53
  height:var(--height, auto);
54
54
  }
55
- .magritte-contain___3QD0Z_11-0-40{
55
+ .magritte-contain___3QD0Z_11-0-42{
56
56
  background-size:contain;
57
57
  }
58
- .magritte-contain___3QD0Z_11-0-40 img{
58
+ .magritte-contain___3QD0Z_11-0-42 img{
59
59
  object-fit:contain;
60
60
  }
61
- .magritte-cover___nry9O_11-0-40{
61
+ .magritte-cover___nry9O_11-0-42{
62
62
  background-size:cover;
63
63
  }
64
- .magritte-cover___nry9O_11-0-40 img{
64
+ .magritte-cover___nry9O_11-0-42 img{
65
65
  object-fit:cover;
66
66
  }
67
67
  @supports selector(:has(*)){
68
- .magritte-modal-media___UqHGM_11-0-40{
68
+ .magritte-modal-media___UqHGM_11-0-42{
69
69
  margin:0 calc(var(--magritte-ui-modal-hor-padding-mul) * -12px);
70
70
  }
71
- .magritte-content-overlay-top___6snWk_11-0-40 + .magritte-grow-limiter___GmpBj_11-0-40 .magritte-modal-media___UqHGM_11-0-40:first-child{
71
+ .magritte-content-overlay-top___6snWk_11-0-42 + .magritte-grow-limiter___GmpBj_11-0-42 .magritte-modal-media___UqHGM_11-0-42:first-child{
72
72
  margin-top:0;
73
73
  }
74
74
  }
75
- .magritte-modal-overlay___WwfCg_11-0-40{
75
+ .magritte-modal-overlay___WwfCg_11-0-42{
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-40{
86
- background-color:var(--magritte-color-background-overlay-v25-1-1);
85
+ .magritte-modal-overlay-with-background___DDxJn_11-0-42{
86
+ background-color:var(--magritte-color-background-overlay-v26-0-1);
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-40:not(.magritte-modal-overlay-with-background___DDxJn_11-0-40){
91
+ .magritte-modal-overlay___WwfCg_11-0-42:not(.magritte-modal-overlay-with-background___DDxJn_11-0-42){
92
92
  pointer-events:none;
93
93
  }
94
- .magritte-modal-overlay___WwfCg_11-0-40:not(.magritte-modal-overlay-with-background___DDxJn_11-0-40) .magritte-modal___C4o5U_11-0-40{
94
+ .magritte-modal-overlay___WwfCg_11-0-42:not(.magritte-modal-overlay-with-background___DDxJn_11-0-42) .magritte-modal___C4o5U_11-0-42{
95
95
  pointer-events:auto;
96
96
  }
97
- .magritte-modal-overlay-left___agPyC_11-0-40{
97
+ .magritte-modal-overlay-left___agPyC_11-0-42{
98
98
  justify-content:flex-start;
99
99
  }
100
- .magritte-modal-overlay-right___-XDAx_11-0-40{
100
+ .magritte-modal-overlay-right___-XDAx_11-0-42{
101
101
  justify-content:flex-end;
102
102
  }
103
- .magritte-modal___C4o5U_11-0-40{
103
+ .magritte-modal___C4o5U_11-0-42{
104
104
  display:flex;
105
105
  box-sizing:border-box;
106
106
  margin:0 12px;
@@ -108,39 +108,39 @@
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-v25-1-1);
111
+ background-color:var(--magritte-color-component-modal-background-content-v26-0-1);
112
112
  border-radius:24px;
113
113
  overflow:hidden;
114
114
  width:800px;
115
115
  transition-property:opacity, transform;
116
116
  container-type:inline-size;
117
117
  --magritte-ui-scrollbar-offset-top:24px;
118
- --magritte-ui-nav-bar-background-color-override:var(--magritte-color-component-modal-background-content-v25-1-1);
118
+ --magritte-ui-nav-bar-background-color-override:var(--magritte-color-component-modal-background-content-v26-0-1);
119
119
  --magritte-ui-nav-bar-padding-top-override:8px;
120
120
  --magritte-ui-nav-bar-padding-bottom-override:8px;
121
121
  --magritte-ui-modal-hor-padding-mul:1;
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-40.magritte-size-small___cI-Ql_11-0-40{
125
+ .magritte-modal___C4o5U_11-0-42.magritte-size-small___cI-Ql_11-0-42{
126
126
  width:480px;
127
127
  }
128
- .magritte-modal___C4o5U_11-0-40.magritte-size-medium___jnqfu_11-0-40{
128
+ .magritte-modal___C4o5U_11-0-42.magritte-size-medium___jnqfu_11-0-42{
129
129
  width:620px;
130
130
  }
131
- .magritte-no-vertical-paddings___dxyot_11-0-40{
131
+ .magritte-no-vertical-paddings___dxyot_11-0-42{
132
132
  --magritte-ui-modal-vert-padding-mul:0;
133
133
  }
134
- .magritte-no-horizontal-paddings___Q-i-5_11-0-40{
134
+ .magritte-no-horizontal-paddings___Q-i-5_11-0-42{
135
135
  --magritte-ui-modal-hor-padding-mul:0;
136
136
  }
137
- .magritte-modal-full-height___Aew5F_11-0-40{
137
+ .magritte-modal-full-height___Aew5F_11-0-42{
138
138
  height:100%;
139
139
  }
140
- .magritte-modal-with-border___KSnhf_11-0-40{
141
- outline:1px solid var(--magritte-color-stroke-neutral-v25-1-1);
140
+ .magritte-modal-with-border___KSnhf_11-0-42{
141
+ outline:1px solid var(--magritte-color-stroke-neutral-v26-0-1);
142
142
  }
143
- .magritte-modal-content-wrapper___VzoTN_11-0-40{
143
+ .magritte-modal-content-wrapper___VzoTN_11-0-42{
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-40 .magritte-modal-content-wrapper___VzoTN_11-0-40{
151
+ .magritte-no-horizontal-paddings___Q-i-5_11-0-42 .magritte-modal-content-wrapper___VzoTN_11-0-42{
152
152
  padding-right:0;
153
153
  padding-left:0;
154
154
  }
155
- .magritte-no-vertical-paddings___dxyot_11-0-40 .magritte-modal-content-wrapper___VzoTN_11-0-40{
155
+ .magritte-no-vertical-paddings___dxyot_11-0-42 .magritte-modal-content-wrapper___VzoTN_11-0-42{
156
156
  padding-top:0;
157
157
  padding-bottom:0;
158
158
  }
159
- .magritte-modal-footer___Ha-sZ_11-0-40{
160
- background-color:var(--magritte-color-component-modal-background-content-v25-1-1);
159
+ .magritte-modal-footer___Ha-sZ_11-0-42{
160
+ background-color:var(--magritte-color-component-modal-background-content-v26-0-1);
161
161
  z-index:1;
162
- --magritte-ui-container-background-color-override:var(--magritte-color-component-modal-background-content-v25-1-1);
162
+ --magritte-ui-container-background-color-override:var(--magritte-color-component-modal-background-content-v26-0-1);
163
163
  }
164
- .magritte-modal-footer___Ha-sZ_11-0-40.magritte-modal-footer-empty___tmH-x_11-0-40{
164
+ .magritte-modal-footer___Ha-sZ_11-0-42.magritte-modal-footer-empty___tmH-x_11-0-42{
165
165
  flex:0 0 calc(var(--magritte-ui-modal-vert-padding-mul) * 24px);
166
166
  }
167
- .magritte-animation-timeout___G4Hl1_11-0-40{
167
+ .magritte-animation-timeout___G4Hl1_11-0-42{
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-40{
173
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-1-1);
174
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-1);
172
+ .magritte-animation-timeout___G4Hl1_11-0-42{
173
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-1);
174
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-1);
175
175
  }
176
176
  }
177
- .magritte-animation-enter-center___sq8j7_11-0-40.magritte-modal-overlay-with-background___DDxJn_11-0-40{
177
+ .magritte-animation-enter-center___sq8j7_11-0-42.magritte-modal-overlay-with-background___DDxJn_11-0-42{
178
178
  opacity:0;
179
179
  }
180
- .magritte-animation-enter-center___sq8j7_11-0-40 .magritte-modal___C4o5U_11-0-40{
180
+ .magritte-animation-enter-center___sq8j7_11-0-42 .magritte-modal___C4o5U_11-0-42{
181
181
  opacity:0;
182
182
  }
183
- .magritte-animation-enter-center-active___ORYEh_11-0-40{
183
+ .magritte-animation-enter-center-active___ORYEh_11-0-42{
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-40{
189
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-1-1);
190
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-1);
188
+ .magritte-animation-enter-center-active___ORYEh_11-0-42{
189
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-1);
190
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-1);
191
191
  }
192
192
  }
193
- .magritte-animation-enter-center-active___ORYEh_11-0-40 .magritte-modal___C4o5U_11-0-40,
194
- .magritte-animation-enter-center-active___ORYEh_11-0-40.magritte-modal-overlay-with-background___DDxJn_11-0-40{
193
+ .magritte-animation-enter-center-active___ORYEh_11-0-42 .magritte-modal___C4o5U_11-0-42,
194
+ .magritte-animation-enter-center-active___ORYEh_11-0-42.magritte-modal-overlay-with-background___DDxJn_11-0-42{
195
195
  opacity:1;
196
196
  transition-duration:var(--enter-animation-duration);
197
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v25-1-1);
197
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v26-0-1);
198
198
  }
199
- .magritte-animation-exit-center___lLCX1_11-0-40.magritte-modal-overlay-with-background___DDxJn_11-0-40{
199
+ .magritte-animation-exit-center___lLCX1_11-0-42.magritte-modal-overlay-with-background___DDxJn_11-0-42{
200
200
  opacity:1;
201
201
  }
202
- .magritte-animation-exit-center___lLCX1_11-0-40 .magritte-modal___C4o5U_11-0-40{
202
+ .magritte-animation-exit-center___lLCX1_11-0-42 .magritte-modal___C4o5U_11-0-42{
203
203
  opacity:1;
204
204
  }
205
- .magritte-animation-exit-center-active___Ik2Yl_11-0-40{
205
+ .magritte-animation-exit-center-active___Ik2Yl_11-0-42{
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-40{
211
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-1-1);
212
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-1);
210
+ .magritte-animation-exit-center-active___Ik2Yl_11-0-42{
211
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-1);
212
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-1);
213
213
  }
214
214
  }
215
- .magritte-animation-exit-center-active___Ik2Yl_11-0-40.magritte-modal-overlay-with-background___DDxJn_11-0-40{
215
+ .magritte-animation-exit-center-active___Ik2Yl_11-0-42.magritte-modal-overlay-with-background___DDxJn_11-0-42{
216
216
  opacity:0;
217
217
  }
218
- .magritte-animation-exit-center-active___Ik2Yl_11-0-40 .magritte-modal___C4o5U_11-0-40{
218
+ .magritte-animation-exit-center-active___Ik2Yl_11-0-42 .magritte-modal___C4o5U_11-0-42{
219
219
  opacity:0;
220
220
  }
221
- .magritte-animation-exit-center-active___Ik2Yl_11-0-40 .magritte-modal___C4o5U_11-0-40,
222
- .magritte-animation-exit-center-active___Ik2Yl_11-0-40.magritte-modal-overlay-with-background___DDxJn_11-0-40{
221
+ .magritte-animation-exit-center-active___Ik2Yl_11-0-42 .magritte-modal___C4o5U_11-0-42,
222
+ .magritte-animation-exit-center-active___Ik2Yl_11-0-42.magritte-modal-overlay-with-background___DDxJn_11-0-42{
223
223
  transition-duration:var(--exit-animation-duration);
224
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v25-1-1);
224
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-1);
225
225
  }
226
- .magritte-animation-enter-left___jJDlv_11-0-40.magritte-modal-overlay-with-background___DDxJn_11-0-40{
226
+ .magritte-animation-enter-left___jJDlv_11-0-42.magritte-modal-overlay-with-background___DDxJn_11-0-42{
227
227
  opacity:0;
228
228
  }
229
- .magritte-animation-enter-left___jJDlv_11-0-40 .magritte-modal___C4o5U_11-0-40{
229
+ .magritte-animation-enter-left___jJDlv_11-0-42 .magritte-modal___C4o5U_11-0-42{
230
230
  opacity:0;
231
231
  transform:translateX(-100%);
232
232
  }
233
- .magritte-animation-enter-left-active___-kFij_11-0-40{
233
+ .magritte-animation-enter-left-active___-kFij_11-0-42{
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-40{
239
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-1-1);
240
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-1);
238
+ .magritte-animation-enter-left-active___-kFij_11-0-42{
239
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-1);
240
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-1);
241
241
  }
242
242
  }
243
- .magritte-animation-enter-left-active___-kFij_11-0-40 .magritte-modal___C4o5U_11-0-40,
244
- .magritte-animation-enter-left-active___-kFij_11-0-40.magritte-modal-overlay-with-background___DDxJn_11-0-40{
243
+ .magritte-animation-enter-left-active___-kFij_11-0-42 .magritte-modal___C4o5U_11-0-42,
244
+ .magritte-animation-enter-left-active___-kFij_11-0-42.magritte-modal-overlay-with-background___DDxJn_11-0-42{
245
245
  opacity:1;
246
246
  transition-duration:var(--enter-animation-duration);
247
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v25-1-1);
247
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v26-0-1);
248
248
  transform:translateX(0);
249
249
  }
250
- .magritte-animation-exit-left___G2Plq_11-0-40.magritte-modal-overlay-with-background___DDxJn_11-0-40{
250
+ .magritte-animation-exit-left___G2Plq_11-0-42.magritte-modal-overlay-with-background___DDxJn_11-0-42{
251
251
  opacity:1;
252
252
  }
253
- .magritte-animation-exit-left___G2Plq_11-0-40 .magritte-modal___C4o5U_11-0-40{
253
+ .magritte-animation-exit-left___G2Plq_11-0-42 .magritte-modal___C4o5U_11-0-42{
254
254
  opacity:1;
255
255
  transform:translateX(0);
256
256
  }
257
- .magritte-animation-exit-left-active___XW2K4_11-0-40{
257
+ .magritte-animation-exit-left-active___XW2K4_11-0-42{
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-40{
263
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-1-1);
264
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-1);
262
+ .magritte-animation-exit-left-active___XW2K4_11-0-42{
263
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-1);
264
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-1);
265
265
  }
266
266
  }
267
- .magritte-animation-exit-left-active___XW2K4_11-0-40.magritte-modal-overlay-with-background___DDxJn_11-0-40{
267
+ .magritte-animation-exit-left-active___XW2K4_11-0-42.magritte-modal-overlay-with-background___DDxJn_11-0-42{
268
268
  opacity:0;
269
269
  }
270
- .magritte-animation-exit-left-active___XW2K4_11-0-40 .magritte-modal___C4o5U_11-0-40{
270
+ .magritte-animation-exit-left-active___XW2K4_11-0-42 .magritte-modal___C4o5U_11-0-42{
271
271
  opacity:0;
272
272
  transform:translateX(-100%);
273
273
  }
274
- .magritte-animation-exit-left-active___XW2K4_11-0-40 .magritte-modal___C4o5U_11-0-40,
275
- .magritte-animation-exit-left-active___XW2K4_11-0-40.magritte-modal-overlay-with-background___DDxJn_11-0-40{
274
+ .magritte-animation-exit-left-active___XW2K4_11-0-42 .magritte-modal___C4o5U_11-0-42,
275
+ .magritte-animation-exit-left-active___XW2K4_11-0-42.magritte-modal-overlay-with-background___DDxJn_11-0-42{
276
276
  transition-duration:var(--exit-animation-duration);
277
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v25-1-1);
277
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-1);
278
278
  }
279
- .magritte-animation-enter-right___rrMS0_11-0-40.magritte-modal-overlay-with-background___DDxJn_11-0-40{
279
+ .magritte-animation-enter-right___rrMS0_11-0-42.magritte-modal-overlay-with-background___DDxJn_11-0-42{
280
280
  opacity:0;
281
281
  }
282
- .magritte-animation-enter-right___rrMS0_11-0-40 .magritte-modal___C4o5U_11-0-40{
282
+ .magritte-animation-enter-right___rrMS0_11-0-42 .magritte-modal___C4o5U_11-0-42{
283
283
  opacity:0;
284
284
  transform:translateX(100%);
285
285
  }
286
- .magritte-animation-enter-right-active___p7rg-_11-0-40{
286
+ .magritte-animation-enter-right-active___p7rg-_11-0-42{
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-40{
292
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-1-1);
293
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-1);
291
+ .magritte-animation-enter-right-active___p7rg-_11-0-42{
292
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-1);
293
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-1);
294
294
  }
295
295
  }
296
- .magritte-animation-enter-right-active___p7rg-_11-0-40 .magritte-modal___C4o5U_11-0-40,
297
- .magritte-animation-enter-right-active___p7rg-_11-0-40.magritte-modal-overlay-with-background___DDxJn_11-0-40{
296
+ .magritte-animation-enter-right-active___p7rg-_11-0-42 .magritte-modal___C4o5U_11-0-42,
297
+ .magritte-animation-enter-right-active___p7rg-_11-0-42.magritte-modal-overlay-with-background___DDxJn_11-0-42{
298
298
  opacity:1;
299
299
  transition-duration:var(--enter-animation-duration);
300
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v25-1-1);
300
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v26-0-1);
301
301
  transform:translateX(0);
302
302
  }
303
- .magritte-animation-exit-right___f3qIC_11-0-40.magritte-modal-overlay-with-background___DDxJn_11-0-40{
303
+ .magritte-animation-exit-right___f3qIC_11-0-42.magritte-modal-overlay-with-background___DDxJn_11-0-42{
304
304
  opacity:1;
305
305
  }
306
- .magritte-animation-exit-right___f3qIC_11-0-40 .magritte-modal___C4o5U_11-0-40{
306
+ .magritte-animation-exit-right___f3qIC_11-0-42 .magritte-modal___C4o5U_11-0-42{
307
307
  opacity:1;
308
308
  transform:translateX(0);
309
309
  }
310
- .magritte-animation-exit-right-active___-sG1k_11-0-40{
310
+ .magritte-animation-exit-right-active___-sG1k_11-0-42{
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-40{
316
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-1-1);
317
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-1);
315
+ .magritte-animation-exit-right-active___-sG1k_11-0-42{
316
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-1);
317
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-1);
318
318
  }
319
319
  }
320
- .magritte-animation-exit-right-active___-sG1k_11-0-40.magritte-modal-overlay-with-background___DDxJn_11-0-40{
320
+ .magritte-animation-exit-right-active___-sG1k_11-0-42.magritte-modal-overlay-with-background___DDxJn_11-0-42{
321
321
  opacity:0;
322
322
  }
323
- .magritte-animation-exit-right-active___-sG1k_11-0-40 .magritte-modal___C4o5U_11-0-40{
323
+ .magritte-animation-exit-right-active___-sG1k_11-0-42 .magritte-modal___C4o5U_11-0-42{
324
324
  opacity:0;
325
325
  transform:translateX(100%);
326
326
  }
327
- .magritte-animation-exit-right-active___-sG1k_11-0-40 .magritte-modal___C4o5U_11-0-40,
328
- .magritte-animation-exit-right-active___-sG1k_11-0-40.magritte-modal-overlay-with-background___DDxJn_11-0-40{
327
+ .magritte-animation-exit-right-active___-sG1k_11-0-42 .magritte-modal___C4o5U_11-0-42,
328
+ .magritte-animation-exit-right-active___-sG1k_11-0-42.magritte-modal-overlay-with-background___DDxJn_11-0-42{
329
329
  transition-duration:var(--exit-animation-duration);
330
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v25-1-1);
330
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-1);
331
331
  }
332
- .magritte-tree-selector-container___4cdf5_11-0-40{
332
+ .magritte-tree-selector-container___4cdf5_11-0-42{
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-40 .magritte-tree-selector-container___4cdf5_11-0-40{
342
+ .magritte-no-horizontal-paddings___Q-i-5_11-0-42 .magritte-tree-selector-container___4cdf5_11-0-42{
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-40{
347
+ .magritte-grow-limiter___GmpBj_11-0-42{
348
348
  flex:1 0;
349
349
  --magritte-ui-scrollbar-offset-top:0;
350
350
  }
351
- .magritte-modal-scroll-container___hOCdh_11-0-40{
351
+ .magritte-modal-scroll-container___hOCdh_11-0-42{
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-40::-webkit-scrollbar{
362
+ .magritte-modal-scroll-container___hOCdh_11-0-42::-webkit-scrollbar{
363
363
  display:none;
364
364
  }
365
- .magritte-content-overlay-top___6snWk_11-0-40{
365
+ .magritte-content-overlay-top___6snWk_11-0-42{
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-40.magritte-nav-bar___CL7d-_11-0-40,
372
- .magritte-content-overlay-top___6snWk_11-0-40.magritte-header___pufwA_11-0-40{
371
+ .magritte-content-overlay-top___6snWk_11-0-42.magritte-nav-bar___CL7d-_11-0-42,
372
+ .magritte-content-overlay-top___6snWk_11-0-42.magritte-header___pufwA_11-0-42{
373
373
  bottom:0;
374
374
  }
375
- .magritte-content-overlay-top___6snWk_11-0-40.magritte-static___3B6cn_11-0-40{
375
+ .magritte-content-overlay-top___6snWk_11-0-42.magritte-static___3B6cn_11-0-42{
376
376
  top:0;
377
377
  }
378
- .magritte-content-overlay-bottom___bDuPC_11-0-40{
378
+ .magritte-content-overlay-bottom___bDuPC_11-0-42{
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-40:has(.magritte-sticky-header___TPafy_11-0-40){
386
+ .magritte-modal-content-wrapper___VzoTN_11-0-42:has(.magritte-sticky-header___TPafy_11-0-42){
387
387
  padding:0;
388
388
  }
389
- .magritte-modal-content-wrapper___VzoTN_11-0-40:not(:has(.magritte-sticky-header___TPafy_11-0-40)):has(.magritte-grow-limiter___GmpBj_11-0-40 > .magritte-modal-media___UqHGM_11-0-40:first-child){
389
+ .magritte-modal-content-wrapper___VzoTN_11-0-42:not(:has(.magritte-sticky-header___TPafy_11-0-42)):has(.magritte-grow-limiter___GmpBj_11-0-42 > .magritte-modal-media___UqHGM_11-0-42:first-child){
390
390
  padding-top:12px;
391
391
  }
392
392
  }
package/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- export { Modal } from '@hh.ru/magritte-ui-modal/public/Modal';
2
- export { ModalWithImage } from '@hh.ru/magritte-ui-modal/public/ModalWithImage';
3
- export type { ModalProps } from '@hh.ru/magritte-ui-modal/public/types';
4
- export type { ModalWithImageProps } from '@hh.ru/magritte-ui-modal/public/ModalWithImage';
5
- export type { ModalMediaProps } from '@hh.ru/magritte-ui-modal/public/ModalMedia';
1
+ export { Modal } from './public/Modal';
2
+ export { ModalWithImage } from './public/ModalWithImage';
3
+ export type { ModalProps } from './public/types';
4
+ export type { ModalWithImageProps } from './public/ModalWithImage';
5
+ export type { ModalMediaProps } from './public/ModalMedia';
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-CJ3g6Lz_.js';
20
+ import './modal-BQNvAaFW.js';
21
21
  import './internal/ModalInner.js';
22
22
  import '@hh.ru/magritte-ui-action-bar';
23
23
  import './actionBarDefaults.js';
package/index.mock.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import './index.css';
2
2
  import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
3
3
 
4
- const Media = mockComponent('Modal.Media', undefined, { withChildren: true });
5
- const Modal = Object.assign(mockComponent('Modal', undefined, { withChildren: true }), {
6
- Media,
4
+ const Media = mockComponent("Modal.Media", void 0, { withChildren: true });
5
+ const Modal = Object.assign(mockComponent("Modal", void 0, { withChildren: true }), {
6
+ Media
7
7
  });
8
- const ModalWithImage = Object.assign(mockComponent('ModalWithImage', undefined, { withChildren: true }), {
9
- Media,
8
+ const ModalWithImage = Object.assign(mockComponent("ModalWithImage", void 0, { withChildren: true }), {
9
+ Media
10
10
  });
11
11
 
12
12
  export { Modal, ModalWithImage };
package/index.mock.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nconst Media = mockComponent('Modal.Media', undefined, { withChildren: true });\n\nexport const Modal = Object.assign(mockComponent('Modal', undefined, { withChildren: true }), {\n Media,\n});\n\nexport const ModalWithImage = Object.assign(mockComponent('ModalWithImage', undefined, { withChildren: true }), {\n Media,\n});\n"],"names":[],"mappings":";;AAEA,MAAM,KAAK,GAAG,aAAa,CAAC,aAAa,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;MAEjE,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,EAAE;IAC1F,KAAK;AACR,CAAA,EAAE;MAEU,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,gBAAgB,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,EAAE;IAC5G,KAAK;AACR,CAAA;;;;"}
1
+ {"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nconst Media = mockComponent('Modal.Media', undefined, { withChildren: true });\n\nexport const Modal = Object.assign(mockComponent('Modal', undefined, { withChildren: true }), {\n Media,\n});\n\nexport const ModalWithImage = Object.assign(mockComponent('ModalWithImage', undefined, { withChildren: true }), {\n Media,\n});\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,aAAc,CAAA,aAAA,EAAe,QAAW,EAAE,YAAA,EAAc,MAAM,CAAA,CAAA;AAE/D,MAAA,KAAA,GAAQ,MAAO,CAAA,MAAA,CAAO,aAAc,CAAA,OAAA,EAAS,QAAW,EAAE,YAAA,EAAc,IAAK,EAAC,CAAG,EAAA;AAAA,EAC1F,KAAA;AACJ,CAAC,EAAA;AAEY,MAAA,cAAA,GAAiB,MAAO,CAAA,MAAA,CAAO,aAAc,CAAA,gBAAA,EAAkB,QAAW,EAAE,YAAA,EAAc,IAAK,EAAC,CAAG,EAAA;AAAA,EAC5G,KAAA;AACJ,CAAC;;;;"}