@hh.ru/magritte-ui-chat-input 1.2.1 → 1.2.2

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 +117 -117
  2. package/index.js +1 -1
  3. package/internal/ModeTransition.js +2 -7
  4. package/internal/ModeTransition.js.map +1 -1
  5. package/internal/TextInput.js +1 -1
  6. package/internal/VoiceRecord.js +1 -1
  7. package/internal/VoiceRecordIndicator.js +1 -1
  8. package/package.json +11 -11
  9. package/public/ChatInput.js +1 -1
  10. package/public/ChatInputChips.js +1 -1
  11. package/public/ChatInputFile.js +1 -1
  12. package/public/ChatInputFiles.js +1 -1
  13. package/public/ChatInputPreview.js +1 -1
  14. package/styles-CHMi0EYL.js +5 -0
  15. package/styles-CHMi0EYL.js.map +1 -0
  16. package/styles-B3o1JdaK.js +0 -5
  17. package/styles-B3o1JdaK.js.map +0 -1
package/index.css CHANGED
@@ -1,42 +1,42 @@
1
1
  :root{
2
- --magritte-color-background-primary-v25-1-1:#ffffff;
3
- --magritte-color-background-secondary-v25-1-1:#F1F4F9;
4
- --magritte-color-stroke-neutral-v25-1-1:#DCE3EB;
5
- --magritte-color-stroke-phantom-v25-1-1:#DCE3EB;
6
- --magritte-color-stroke-state-focused-accessible-v25-1-1:#0070ff7a;
7
- --magritte-color-stroke-state-neutral-hovered-v25-1-1:#DCE3EB;
8
- --magritte-color-text-primary-v25-1-1:#000000;
9
- --magritte-color-text-secondary-v25-1-1:#768694;
10
- --magritte-color-text-tertiary-v25-1-1:#AABBCA;
11
- --magritte-color-icon-tertiary-v25-1-1:#AABBCA;
12
- --magritte-gradient-component-chat-input-background-fade-v25-1-1:#ffffff00 0%, #ffffff 100%;
13
- --magritte-shadow-level-1-color-v25-1-1:#7090b029;
14
- --magritte-shadow-level-1-x-v25-1-1:0px;
15
- --magritte-shadow-level-1-y-v25-1-1:4px;
16
- --magritte-shadow-level-1-blur-v25-1-1:12px;
17
- --magritte-shadow-level-1-spread-v25-1-1:0px;
2
+ --magritte-color-background-primary-v26-0-0:#ffffff;
3
+ --magritte-color-background-secondary-v26-0-0:#F1F4F9;
4
+ --magritte-color-stroke-neutral-v26-0-0:#DCE3EB;
5
+ --magritte-color-stroke-phantom-v26-0-0:#DCE3EB;
6
+ --magritte-color-stroke-state-focused-accessible-v26-0-0:#0070ff7a;
7
+ --magritte-color-stroke-state-neutral-hovered-v26-0-0:#DCE3EB;
8
+ --magritte-color-text-primary-v26-0-0:#000000;
9
+ --magritte-color-text-secondary-v26-0-0:#768694;
10
+ --magritte-color-text-tertiary-v26-0-0:#AABBCA;
11
+ --magritte-color-icon-tertiary-v26-0-0:#AABBCA;
12
+ --magritte-gradient-component-chat-input-background-fade-v26-0-0:#ffffff00 0%, #ffffff 100%;
13
+ --magritte-shadow-level-1-color-v26-0-0:#7090b029;
14
+ --magritte-shadow-level-1-x-v26-0-0:0px;
15
+ --magritte-shadow-level-1-y-v26-0-0:4px;
16
+ --magritte-shadow-level-1-blur-v26-0-0:12px;
17
+ --magritte-shadow-level-1-spread-v26-0-0:0px;
18
18
  }
19
19
 
20
20
  :root{
21
- --magritte-semantic-animation-time-s-duration-v25-1-1:200ms;
22
- --magritte-semantic-animation-ease-base-timing-function-v25-1-1:cubic-bezier(0.4, 0.24, 0, 1);
21
+ --magritte-semantic-animation-time-s-duration-v26-0-0:200ms;
22
+ --magritte-semantic-animation-ease-base-timing-function-v26-0-0:cubic-bezier(0.4, 0.24, 0, 1);
23
23
  }
24
24
 
25
25
  .magritte-night-theme{
26
- --magritte-color-background-primary-v25-1-1:#1B1B1B;
27
- --magritte-color-background-secondary-v25-1-1:#303030;
28
- --magritte-color-stroke-neutral-v25-1-1:#303030;
29
- --magritte-color-stroke-phantom-v25-1-1:#30303000;
30
- --magritte-color-stroke-state-neutral-hovered-v25-1-1:#303030;
31
- --magritte-color-text-primary-v25-1-1:#ffffff;
32
- --magritte-color-text-secondary-v25-1-1:#ABABAB;
33
- --magritte-color-text-tertiary-v25-1-1:#767676;
34
- --magritte-color-icon-tertiary-v25-1-1:#767676;
35
- --magritte-gradient-component-chat-input-background-fade-v25-1-1:#1b1b1b00 0%, #1b1b1b 100%;
36
- --magritte-shadow-level-1-color-v25-1-1:#00000029;
37
- }
38
- .magritte-chat-input___P69oN_1-2-1{
39
- --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v25-1-1);
26
+ --magritte-color-background-primary-v26-0-0:#1B1B1B;
27
+ --magritte-color-background-secondary-v26-0-0:#303030;
28
+ --magritte-color-stroke-neutral-v26-0-0:#303030;
29
+ --magritte-color-stroke-phantom-v26-0-0:#30303000;
30
+ --magritte-color-stroke-state-neutral-hovered-v26-0-0:#303030;
31
+ --magritte-color-text-primary-v26-0-0:#ffffff;
32
+ --magritte-color-text-secondary-v26-0-0:#ABABAB;
33
+ --magritte-color-text-tertiary-v26-0-0:#767676;
34
+ --magritte-color-icon-tertiary-v26-0-0:#767676;
35
+ --magritte-gradient-component-chat-input-background-fade-v26-0-0:#1b1b1b00 0%, #1b1b1b 100%;
36
+ --magritte-shadow-level-1-color-v26-0-0:#00000029;
37
+ }
38
+ .magritte-chat-input___P69oN_1-2-2{
39
+ --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v26-0-0);
40
40
  --chat-input-focus-shadow:0 0 0 transparent;
41
41
  position:relative;
42
42
  isolation:isolate;
@@ -44,10 +44,10 @@
44
44
  border-radius:24px;
45
45
  padding:12px;
46
46
  overflow:hidden;
47
- background-color:var(--magritte-color-background-primary-v25-1-1);
47
+ background-color:var(--magritte-color-background-primary-v26-0-0);
48
48
  --magritte-ui-scrollbar-offset-right:-12px;
49
49
  }
50
- .magritte-chat-input___P69oN_1-2-1::after{
50
+ .magritte-chat-input___P69oN_1-2-2::after{
51
51
  content:'';
52
52
  position:absolute;
53
53
  z-index:1;
@@ -56,106 +56,106 @@
56
56
  box-shadow:inset 0 0 0 1px var(--chat-input-stroke-color);
57
57
  pointer-events:none;
58
58
  }
59
- .magritte-chat-input___P69oN_1-2-1.magritte-no-background___eiIY1_1-2-1{
59
+ .magritte-chat-input___P69oN_1-2-2.magritte-no-background___eiIY1_1-2-2{
60
60
  background:none;
61
61
  --chat-input-stroke-color:transparent !important;
62
62
  }
63
- .magritte-chat-input___P69oN_1-2-1:has(*:focus){
64
- --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v25-1-1) var(--magritte-shadow-level-1-y-v25-1-1) var(--magritte-shadow-level-1-blur-v25-1-1) var(--magritte-shadow-level-1-spread-v25-1-1) var(--magritte-shadow-level-1-color-v25-1-1);
63
+ .magritte-chat-input___P69oN_1-2-2:has(*:focus){
64
+ --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v26-0-0) var(--magritte-shadow-level-1-y-v26-0-0) var(--magritte-shadow-level-1-blur-v26-0-0) var(--magritte-shadow-level-1-spread-v26-0-0) var(--magritte-shadow-level-1-color-v26-0-0);
65
65
  }
66
- .magritte-chat-input___P69oN_1-2-1:has(.magritte-text-input-focused___TfyLu_1-2-1){
67
- outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v25-1-1);
66
+ .magritte-chat-input___P69oN_1-2-2:has(.magritte-text-input-focused___TfyLu_1-2-2){
67
+ outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v26-0-0);
68
68
  }
69
69
  @media (min-width: 1020px){
70
- body.magritte-old-layout .magritte-chat-input___P69oN_1-2-1:hover{
71
- --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v25-1-1);
70
+ body.magritte-old-layout .magritte-chat-input___P69oN_1-2-2:hover{
71
+ --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v26-0-0);
72
72
  }
73
73
  }
74
74
  @media (min-width: 1024px){
75
- body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-2-1:hover{
76
- --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v25-1-1);
75
+ body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-2-2:hover{
76
+ --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v26-0-0);
77
77
  }
78
78
  }
79
- .magritte-content-grid___g03sT_1-2-1{
79
+ .magritte-content-grid___g03sT_1-2-2{
80
80
  display:grid;
81
81
  grid-template-columns:auto minmax(0, 1fr) auto;
82
82
  }
83
- .magritte-content-grid___g03sT_1-2-1 .magritte-preview___baXKi_1-2-1{
83
+ .magritte-content-grid___g03sT_1-2-2 .magritte-preview___baXKi_1-2-2{
84
84
  grid-area:1 / 1 / 2 / -1;
85
85
  }
86
- .magritte-content-grid___g03sT_1-2-1 .magritte-left___7JZYp_1-2-1{
86
+ .magritte-content-grid___g03sT_1-2-2 .magritte-left___7JZYp_1-2-2{
87
87
  grid-area:3 / 1;
88
88
  align-self:end;
89
89
  }
90
- .magritte-content-grid___g03sT_1-2-1 .magritte-central___zkguj_1-2-1{
90
+ .magritte-content-grid___g03sT_1-2-2 .magritte-central___zkguj_1-2-2{
91
91
  grid-area:3 / 2;
92
92
  align-self:center;
93
93
  }
94
- .magritte-content-grid___g03sT_1-2-1 .magritte-right___-tGcO_1-2-1{
94
+ .magritte-content-grid___g03sT_1-2-2 .magritte-right___-tGcO_1-2-2{
95
95
  grid-area:3 / 3;
96
96
  align-self:end;
97
97
  }
98
- .magritte-content-grid___g03sT_1-2-1 .magritte-scrollbar-cell___--M2x_1-2-1{
98
+ .magritte-content-grid___g03sT_1-2-2 .magritte-scrollbar-cell___--M2x_1-2-2{
99
99
  grid-area:2 / 1 / 3 / -1;
100
100
  position:relative;
101
101
  pointer-events:none;
102
102
  }
103
- .magritte-content-grid___g03sT_1-2-1 .magritte-scrollbar-cell___--M2x_1-2-1 > div{
103
+ .magritte-content-grid___g03sT_1-2-2 .magritte-scrollbar-cell___--M2x_1-2-2 > div{
104
104
  pointer-events:auto;
105
105
  }
106
- .magritte-content-grid___g03sT_1-2-1 .magritte-text-input___3AFO4_1-2-1{
106
+ .magritte-content-grid___g03sT_1-2-2 .magritte-text-input___3AFO4_1-2-2{
107
107
  grid-area:3 / 2;
108
108
  }
109
- .magritte-content-grid___g03sT_1-2-1 .magritte-text-input___3AFO4_1-2-1.magritte-layout-vertical___mVTr-_1-2-1,
110
- .magritte-content-grid___g03sT_1-2-1.magritte-has-central___VRZik_1-2-1 .magritte-text-input___3AFO4_1-2-1{
109
+ .magritte-content-grid___g03sT_1-2-2 .magritte-text-input___3AFO4_1-2-2.magritte-layout-vertical___mVTr-_1-2-2,
110
+ .magritte-content-grid___g03sT_1-2-2.magritte-has-central___VRZik_1-2-2 .magritte-text-input___3AFO4_1-2-2{
111
111
  grid-area:2 / 1 / 3 / -1;
112
112
  }
113
- .magritte-content-grid___g03sT_1-2-1.magritte-no-left-controls___7r6yy_1-2-1:not(.magritte-has-central___VRZik_1-2-1) .magritte-text-input___3AFO4_1-2-1{
113
+ .magritte-content-grid___g03sT_1-2-2.magritte-no-left-controls___7r6yy_1-2-2:not(.magritte-has-central___VRZik_1-2-2) .magritte-text-input___3AFO4_1-2-2{
114
114
  grid-area:2 / 1 / 4 / 3;
115
115
  }
116
- .magritte-content-grid___g03sT_1-2-1.magritte-no-right-controls___HBSag_1-2-1:not(.magritte-has-central___VRZik_1-2-1) .magritte-text-input___3AFO4_1-2-1{
116
+ .magritte-content-grid___g03sT_1-2-2.magritte-no-right-controls___HBSag_1-2-2:not(.magritte-has-central___VRZik_1-2-2) .magritte-text-input___3AFO4_1-2-2{
117
117
  grid-area:2 / 2 / 4 / -1;
118
118
  }
119
- .magritte-content-grid___g03sT_1-2-1.magritte-no-left-controls___7r6yy_1-2-1:not(.magritte-has-central___VRZik_1-2-1){
119
+ .magritte-content-grid___g03sT_1-2-2.magritte-no-left-controls___7r6yy_1-2-2:not(.magritte-has-central___VRZik_1-2-2){
120
120
  grid-template-rows:auto minmax(0, 1fr) auto;
121
121
  }
122
- .magritte-right___-tGcO_1-2-1,
123
- .magritte-left___7JZYp_1-2-1{
122
+ .magritte-right___-tGcO_1-2-2,
123
+ .magritte-left___7JZYp_1-2-2{
124
124
  display:flex;
125
125
  gap:8px;
126
126
  }
127
- .magritte-chips___gLao5_1-2-1{
127
+ .magritte-chips___gLao5_1-2-2{
128
128
  display:flex;
129
129
  flex-wrap:nowrap;
130
130
  width:max-content;
131
131
  gap:8px;
132
132
  }
133
- .magritte-chips-container___-bS5O_1-2-1{
133
+ .magritte-chips-container___-bS5O_1-2-2{
134
134
  padding:0 12px;
135
135
  }
136
- .magritte-no-left-controls___7r6yy_1-2-1 .magritte-chips-container___-bS5O_1-2-1{
136
+ .magritte-no-left-controls___7r6yy_1-2-2 .magritte-chips-container___-bS5O_1-2-2{
137
137
  padding-left:0;
138
138
  }
139
- .magritte-no-right-controls___HBSag_1-2-1 .magritte-chips-container___-bS5O_1-2-1{
139
+ .magritte-no-right-controls___HBSag_1-2-2 .magritte-chips-container___-bS5O_1-2-2{
140
140
  padding-right:0;
141
141
  }
142
- .magritte-preview-block___iiPdS_1-2-1{
142
+ .magritte-preview-block___iiPdS_1-2-2{
143
143
  display:flex;
144
144
  align-items:center;
145
145
  gap:12px;
146
146
  padding-bottom:8px;
147
147
  }
148
- .magritte-preview-side___ymR-u_1-2-1{
148
+ .magritte-preview-side___ymR-u_1-2-2{
149
149
  display:flex;
150
150
  flex-shrink:0;
151
151
  }
152
- .magritte-preview-content___ZgyBD_1-2-1{
152
+ .magritte-preview-content___ZgyBD_1-2-2{
153
153
  display:flex;
154
154
  flex:1;
155
155
  flex-direction:column;
156
156
  min-width:0;
157
157
  }
158
- .magritte-preview-title___SkFeZ_1-2-1{
158
+ .magritte-preview-title___SkFeZ_1-2-2{
159
159
  font-family:"hh sans";
160
160
  font-weight:500;
161
161
  line-height:18px;
@@ -164,9 +164,9 @@
164
164
  text-indent:0px;
165
165
  text-transform:none;
166
166
  text-decoration:none;
167
- color:var(--magritte-color-text-primary-v25-1-1);
167
+ color:var(--magritte-color-text-primary-v26-0-0);
168
168
  }
169
- .magritte-preview-subtitle___58qfR_1-2-1{
169
+ .magritte-preview-subtitle___58qfR_1-2-2{
170
170
  font-family:"hh sans";
171
171
  font-weight:400;
172
172
  line-height:20px;
@@ -176,25 +176,25 @@
176
176
  text-transform:none;
177
177
  text-decoration:none;
178
178
  overflow:hidden;
179
- color:var(--magritte-color-text-secondary-v25-1-1);
179
+ color:var(--magritte-color-text-secondary-v26-0-0);
180
180
  white-space:nowrap;
181
181
  text-overflow:ellipsis;
182
182
  }
183
- .magritte-files-container___zOkRK_1-2-1{
183
+ .magritte-files-container___zOkRK_1-2-2{
184
184
  padding-bottom:8px;
185
185
  }
186
- .magritte-files___j2q5K_1-2-1{
186
+ .magritte-files___j2q5K_1-2-2{
187
187
  display:flex;
188
188
  flex-wrap:nowrap;
189
189
  align-items:flex-start;
190
190
  width:max-content;
191
191
  gap:8px;
192
192
  }
193
- .magritte-file___lz9Ll_1-2-1{
193
+ .magritte-file___lz9Ll_1-2-2{
194
194
  position:relative;
195
195
  }
196
- .magritte-file-card___hn5C9_1-2-1::after,
197
- .magritte-file-tile___OVlh3_1-2-1::after{
196
+ .magritte-file-card___hn5C9_1-2-2::after,
197
+ .magritte-file-tile___OVlh3_1-2-2::after{
198
198
  content:'';
199
199
  position:absolute;
200
200
  inset:0;
@@ -202,21 +202,21 @@
202
202
  border-radius:inherit;
203
203
  pointer-events:none;
204
204
  }
205
- .magritte-file-card___hn5C9_1-2-1{
205
+ .magritte-file-card___hn5C9_1-2-2{
206
206
  position:relative;
207
207
  box-sizing:border-box;
208
208
  width:280px;
209
209
  padding:8px;
210
210
  border-radius:12px;
211
- background-color:var(--magritte-color-background-primary-v25-1-1);
211
+ background-color:var(--magritte-color-background-primary-v26-0-0);
212
212
  }
213
- .magritte-file-card___hn5C9_1-2-1::after{
214
- border-color:var(--magritte-color-stroke-neutral-v25-1-1);
213
+ .magritte-file-card___hn5C9_1-2-2::after{
214
+ border-color:var(--magritte-color-stroke-neutral-v26-0-0);
215
215
  }
216
- .magritte-file-card-removable___GkxUe_1-2-1{
216
+ .magritte-file-card-removable___GkxUe_1-2-2{
217
217
  padding-right:32px;
218
218
  }
219
- .magritte-file-tile___OVlh3_1-2-1{
219
+ .magritte-file-tile___OVlh3_1-2-2{
220
220
  position:relative;
221
221
  display:flex;
222
222
  align-items:center;
@@ -226,41 +226,41 @@
226
226
  overflow:hidden;
227
227
  border-radius:12px;
228
228
  }
229
- .magritte-file-tile___OVlh3_1-2-1::after{
230
- border-color:var(--magritte-color-stroke-phantom-v25-1-1);
229
+ .magritte-file-tile___OVlh3_1-2-2::after{
230
+ border-color:var(--magritte-color-stroke-phantom-v26-0-0);
231
231
  }
232
- .magritte-file-tile-placeholder___yxLuR_1-2-1{
233
- background-color:var(--magritte-color-background-secondary-v25-1-1);
232
+ .magritte-file-tile-placeholder___yxLuR_1-2-2{
233
+ background-color:var(--magritte-color-background-secondary-v26-0-0);
234
234
  }
235
- .magritte-file-tile-image___cZFgL_1-2-1{
235
+ .magritte-file-tile-image___cZFgL_1-2-2{
236
236
  display:block;
237
237
  width:100%;
238
238
  height:100%;
239
239
  object-fit:cover;
240
240
  }
241
- .magritte-file-remove___S0WB9_1-2-1{
241
+ .magritte-file-remove___S0WB9_1-2-2{
242
242
  position:absolute;
243
243
  top:4px;
244
244
  right:4px;
245
245
  display:flex;
246
246
  }
247
- .magritte-file-name___L03-O_1-2-1{
247
+ .magritte-file-name___L03-O_1-2-2{
248
248
  display:flex;
249
249
  min-width:0;
250
250
  }
251
- .magritte-file-name-base___ojdp6_1-2-1{
251
+ .magritte-file-name-base___ojdp6_1-2-2{
252
252
  overflow:hidden;
253
253
  white-space:nowrap;
254
254
  text-overflow:ellipsis;
255
255
  }
256
- .magritte-file-name-extension___3QZtS_1-2-1{
256
+ .magritte-file-name-extension___3QZtS_1-2-2{
257
257
  flex-shrink:0;
258
258
  white-space:nowrap;
259
259
  }
260
- .magritte-text-input-wrapper___TPbwC_1-2-1{
260
+ .magritte-text-input-wrapper___TPbwC_1-2-2{
261
261
  display:contents;
262
262
  }
263
- .magritte-text-input___3AFO4_1-2-1{
263
+ .magritte-text-input___3AFO4_1-2-2{
264
264
  box-sizing:content-box;
265
265
  padding:0 12px;
266
266
  border:none;
@@ -282,34 +282,34 @@
282
282
  text-indent:0px;
283
283
  text-transform:none;
284
284
  text-decoration:none;
285
- color:var(--magritte-color-text-primary-v25-1-1);
285
+ color:var(--magritte-color-text-primary-v26-0-0);
286
286
  }
287
- .magritte-text-input___3AFO4_1-2-1::placeholder{
288
- color:var(--magritte-color-text-tertiary-v25-1-1);
287
+ .magritte-text-input___3AFO4_1-2-2::placeholder{
288
+ color:var(--magritte-color-text-tertiary-v26-0-0);
289
289
  opacity:1;
290
290
  }
291
- .magritte-text-input___3AFO4_1-2-1:focus,
292
- .magritte-text-input___3AFO4_1-2-1:focus-visible{
291
+ .magritte-text-input___3AFO4_1-2-2:focus,
292
+ .magritte-text-input___3AFO4_1-2-2:focus-visible{
293
293
  border:none;
294
294
  outline:none;
295
295
  }
296
- .magritte-text-input___3AFO4_1-2-1.magritte-with-top-fade___okgqo_1-2-1,
297
- .magritte-text-input___3AFO4_1-2-1.magritte-with-bottom-fade___82gr8_1-2-1{
296
+ .magritte-text-input___3AFO4_1-2-2.magritte-with-top-fade___okgqo_1-2-2,
297
+ .magritte-text-input___3AFO4_1-2-2.magritte-with-bottom-fade___82gr8_1-2-2{
298
298
  -webkit-mask:var(--fade-top) top / 100% 16px no-repeat, linear-gradient(#000, #000) center / 100% calc(100% - 32px) no-repeat, var(--fade-bottom) bottom / 100% 16px no-repeat;
299
299
  mask:var(--fade-top) top / 100% 16px no-repeat, linear-gradient(#000, #000) center / 100% calc(100% - 32px) no-repeat, var(--fade-bottom) bottom / 100% 16px no-repeat;
300
300
  }
301
- .magritte-text-input___3AFO4_1-2-1.magritte-with-top-fade___okgqo_1-2-1{
302
- --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v25-1-1));
301
+ .magritte-text-input___3AFO4_1-2-2.magritte-with-top-fade___okgqo_1-2-2{
302
+ --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-0));
303
303
  }
304
- .magritte-text-input___3AFO4_1-2-1.magritte-with-bottom-fade___82gr8_1-2-1{
305
- --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v25-1-1));
304
+ .magritte-text-input___3AFO4_1-2-2.magritte-with-bottom-fade___82gr8_1-2-2{
305
+ --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-0));
306
306
  }
307
- .magritte-text-input___3AFO4_1-2-1.magritte-measure___xNKc0_1-2-1{
307
+ .magritte-text-input___3AFO4_1-2-2.magritte-measure___xNKc0_1-2-2{
308
308
  height:20px !important;
309
309
  padding:0 !important;
310
310
  margin:0 !important;
311
311
  }
312
- .magritte-voice-record___p64PV_1-2-1{
312
+ .magritte-voice-record___p64PV_1-2-2{
313
313
  display:flex;
314
314
  align-items:center;
315
315
  justify-content:space-between;
@@ -319,45 +319,45 @@
319
319
  min-height:40px;
320
320
  gap:8px;
321
321
  }
322
- .magritte-voice-record-left___njEt-_1-2-1{
322
+ .magritte-voice-record-left___njEt-_1-2-2{
323
323
  display:flex;
324
324
  align-items:center;
325
325
  gap:8px;
326
326
  min-width:0;
327
327
  }
328
- .magritte-voice-record-right___UTv-U_1-2-1{
328
+ .magritte-voice-record-right___UTv-U_1-2-2{
329
329
  display:flex;
330
330
  align-items:center;
331
331
  gap:8px;
332
332
  }
333
- .magritte-voice-record-right___UTv-U_1-2-1.magritte-voice-processing___C0xnX_1-2-1{
333
+ .magritte-voice-record-right___UTv-U_1-2-2.magritte-voice-processing___C0xnX_1-2-2{
334
334
  padding:8px;
335
335
  }
336
- .magritte-voice-record-indicator___V8ybb_1-2-1{
336
+ .magritte-voice-record-indicator___V8ybb_1-2-2{
337
337
  display:flex;
338
338
  flex-shrink:0;
339
339
  align-items:center;
340
340
  gap:2px;
341
341
  }
342
- .magritte-voice-record-indicator-bar___jgyqz_1-2-1{
342
+ .magritte-voice-record-indicator-bar___jgyqz_1-2-2{
343
343
  width:2px;
344
344
  min-height:2px;
345
345
  max-height:2px;
346
346
  border-radius:1000px;
347
- background-color:var(--magritte-color-icon-tertiary-v25-1-1);
348
- transition:max-height var(--magritte-semantic-animation-time-s-duration-v25-1-1) var(--magritte-semantic-animation-ease-base-timing-function-v25-1-1);
349
- animation:magritte-voice-record-indicator-wave___4VsyE_1-2-1 400ms linear infinite alternate paused;
347
+ background-color:var(--magritte-color-icon-tertiary-v26-0-0);
348
+ transition:max-height var(--magritte-semantic-animation-time-s-duration-v26-0-0) var(--magritte-semantic-animation-ease-base-timing-function-v26-0-0);
349
+ animation:magritte-voice-record-indicator-wave___4VsyE_1-2-2 400ms linear infinite alternate paused;
350
350
  }
351
- .magritte-voice-record-indicator-has-sound___67t5g_1-2-1 .magritte-voice-record-indicator-bar___jgyqz_1-2-1{
351
+ .magritte-voice-record-indicator-has-sound___67t5g_1-2-2 .magritte-voice-record-indicator-bar___jgyqz_1-2-2{
352
352
  max-height:27px;
353
353
  animation-play-state:running;
354
354
  }
355
355
  @media (prefers-reduced-motion: reduce){
356
- .magritte-voice-record-indicator-has-sound___67t5g_1-2-1 .magritte-voice-record-indicator-bar___jgyqz_1-2-1{
356
+ .magritte-voice-record-indicator-has-sound___67t5g_1-2-2 .magritte-voice-record-indicator-bar___jgyqz_1-2-2{
357
357
  animation-play-state:paused;
358
358
  }
359
359
  }
360
- @keyframes magritte-voice-record-indicator-wave___4VsyE_1-2-1{
360
+ @keyframes magritte-voice-record-indicator-wave___4VsyE_1-2-2{
361
361
  from{
362
362
  height:calc(var(--target-height) * 0.62px);
363
363
  }
@@ -365,12 +365,12 @@
365
365
  height:calc(var(--target-height) * 1.22px);
366
366
  }
367
367
  }
368
- .magritte-mode-container___nATVD_1-2-1{
368
+ .magritte-mode-container___nATVD_1-2-2{
369
369
  position:relative;
370
370
  display:grid;
371
371
  align-content:end;
372
372
  }
373
- .magritte-voice-overlay___LbxAI_1-2-1{
373
+ .magritte-voice-overlay___LbxAI_1-2-2{
374
374
  position:absolute;
375
375
  right:0;
376
376
  bottom:0;
package/index.js CHANGED
@@ -10,7 +10,7 @@ import './internal/ChatInputContext.js';
10
10
  import './internal/ModeTransition.js';
11
11
  import 'motion/react';
12
12
  import '@hh.ru/magritte-design-tokens/core-tokens';
13
- import './styles-B3o1JdaK.js';
13
+ import './styles-CHMi0EYL.js';
14
14
  import './internal/TextInput.js';
15
15
  import './internal/useSendOnEnter.js';
16
16
  import '@hh.ru/magritte-common-keyboard';
package/internal/ModeTransition.js CHANGED
@@ -2,14 +2,9 @@ import './../index.css';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { useReducedMotion, motion } from 'motion/react';
4
4
  import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
5
- import { s as styles } from '../styles-B3o1JdaK.js';
5
+ import { s as styles } from '../styles-CHMi0EYL.js';
6
6
 
7
- const EASE_BASE = [
8
- CoreTokens['magritte-semantic-animation-ease-base'].x1,
9
- CoreTokens['magritte-semantic-animation-ease-base'].y1,
10
- CoreTokens['magritte-semantic-animation-ease-base'].x2,
11
- CoreTokens['magritte-semantic-animation-ease-base'].y2,
12
- ];
7
+ const EASE_BASE = CoreTokens['magritte-semantic-animation-ease-base'];
13
8
  const MODE_TRANSITION_DURATION_MS = CoreTokens['magritte-semantic-animation-time-s'].duration;
14
9
  const INSTANT_TRANSITION = { duration: 0 };
15
10
  const MODE_CONTENT_TRANSITION = {
package/internal/ModeTransition.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ModeTransition.js","sources":["src/internal/ModeTransition.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\nimport { motion, type TargetAndTransition, useReducedMotion } from 'motion/react';\n\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\n\nimport styles from '../styles.less';\n\ntype ChatInputMode = 'text' | 'voice';\n\nexport interface ModeTransitionProps {\n /** Активный режим; смена запускает кроссфейд контента и анимацию высоты оболочки */\n mode: ChatInputMode;\n /** Контент текстового режима (сетка со слотами и вводом) */\n text: ReactNode;\n /** Контент режима записи голоса */\n voice: ReactNode;\n}\n\nconst EASE_BASE = [\n CoreTokens['magritte-semantic-animation-ease-base'].x1,\n CoreTokens['magritte-semantic-animation-ease-base'].y1,\n CoreTokens['magritte-semantic-animation-ease-base'].x2,\n CoreTokens['magritte-semantic-animation-ease-base'].y2,\n] as const;\n\nconst MODE_TRANSITION_DURATION_MS = CoreTokens['magritte-semantic-animation-time-s'].duration;\nconst INSTANT_TRANSITION = { duration: 0 } as const;\n\nconst MODE_CONTENT_TRANSITION = {\n duration: MODE_TRANSITION_DURATION_MS / 1000,\n ease: EASE_BASE,\n} as const;\n\nconst VISIBLE_LAYER: TargetAndTransition = { opacity: 1, visibility: 'visible' };\nconst HIDDEN_LAYER: TargetAndTransition = { opacity: 0, transitionEnd: { visibility: 'hidden' } };\n\nexport const ModeTransition: FC<ModeTransitionProps> = ({ mode, text, voice }) => {\n const transition = useReducedMotion() ? INSTANT_TRANSITION : MODE_CONTENT_TRANSITION;\n const isVoice = mode === 'voice';\n\n return (\n <motion.div\n className={styles.modeContainer}\n animate={{ height: isVoice ? 40 : 'auto' }}\n transition={transition}\n >\n <motion.div\n initial={false}\n animate={isVoice ? HIDDEN_LAYER : VISIBLE_LAYER}\n transition={transition}\n aria-hidden={isVoice}\n >\n {text}\n </motion.div>\n <motion.div\n className={styles.voiceOverlay}\n initial={false}\n animate={isVoice ? VISIBLE_LAYER : HIDDEN_LAYER}\n transition={transition}\n aria-hidden={!isVoice}\n >\n {voice}\n </motion.div>\n </motion.div>\n );\n};\n\nModeTransition.displayName = 'ChatInputModeTransition';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAkBA,MAAM,SAAS,GAAG;AACd,IAAA,UAAU,CAAC,uCAAuC,CAAC,CAAC,EAAE;AACtD,IAAA,UAAU,CAAC,uCAAuC,CAAC,CAAC,EAAE;AACtD,IAAA,UAAU,CAAC,uCAAuC,CAAC,CAAC,EAAE;AACtD,IAAA,UAAU,CAAC,uCAAuC,CAAC,CAAC,EAAE;CAChD,CAAC;AAEX,MAAM,2BAA2B,GAAG,UAAU,CAAC,oCAAoC,CAAC,CAAC,QAAQ,CAAC;AAC9F,MAAM,kBAAkB,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAW,CAAC;AAEpD,MAAM,uBAAuB,GAAG;IAC5B,QAAQ,EAAE,2BAA2B,GAAG,IAAI;AAC5C,IAAA,IAAI,EAAE,SAAS;CACT,CAAC;AAEX,MAAM,aAAa,GAAwB,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AACjF,MAAM,YAAY,GAAwB,EAAE,OAAO,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,CAAC;AAE3F,MAAM,cAAc,GAA4B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAI;AAC7E,IAAA,MAAM,UAAU,GAAG,gBAAgB,EAAE,GAAG,kBAAkB,GAAG,uBAAuB,CAAC;AACrF,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC;IAEjC,QACIA,KAAC,MAAM,CAAC,GAAG,EACP,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,OAAO,EAAE,EAAE,MAAM,EAAE,OAAO,GAAG,EAAE,GAAG,MAAM,EAAE,EAC1C,UAAU,EAAE,UAAU,EAEtB,QAAA,EAAA,CAAAC,GAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EACP,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,OAAO,GAAG,YAAY,GAAG,aAAa,EAC/C,UAAU,EAAE,UAAU,iBACT,OAAO,EAAA,QAAA,EAEnB,IAAI,EAAA,CACI,EACbA,GAAA,CAAC,MAAM,CAAC,GAAG,IACP,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,OAAO,GAAG,aAAa,GAAG,YAAY,EAC/C,UAAU,EAAE,UAAU,iBACT,CAAC,OAAO,YAEpB,KAAK,EAAA,CACG,CACJ,EAAA,CAAA,EACf;AACN,EAAE;AAEF,cAAc,CAAC,WAAW,GAAG,yBAAyB;;;;"}
1
+ {"version":3,"file":"ModeTransition.js","sources":["src/internal/ModeTransition.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\nimport { motion, type TargetAndTransition, useReducedMotion } from 'motion/react';\n\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\n\nimport styles from '../styles.less';\n\ntype ChatInputMode = 'text' | 'voice';\n\nexport interface ModeTransitionProps {\n /** Активный режим; смена запускает кроссфейд контента и анимацию высоты оболочки */\n mode: ChatInputMode;\n /** Контент текстового режима (сетка со слотами и вводом) */\n text: ReactNode;\n /** Контент режима записи голоса */\n voice: ReactNode;\n}\n\nconst EASE_BASE = CoreTokens['magritte-semantic-animation-ease-base'];\n\nconst MODE_TRANSITION_DURATION_MS = CoreTokens['magritte-semantic-animation-time-s'].duration;\nconst INSTANT_TRANSITION = { duration: 0 } as const;\n\nconst MODE_CONTENT_TRANSITION = {\n duration: MODE_TRANSITION_DURATION_MS / 1000,\n ease: EASE_BASE,\n} as const;\n\nconst VISIBLE_LAYER: TargetAndTransition = { opacity: 1, visibility: 'visible' };\nconst HIDDEN_LAYER: TargetAndTransition = { opacity: 0, transitionEnd: { visibility: 'hidden' } };\n\nexport const ModeTransition: FC<ModeTransitionProps> = ({ mode, text, voice }) => {\n const transition = useReducedMotion() ? INSTANT_TRANSITION : MODE_CONTENT_TRANSITION;\n const isVoice = mode === 'voice';\n\n return (\n <motion.div\n className={styles.modeContainer}\n animate={{ height: isVoice ? 40 : 'auto' }}\n transition={transition}\n >\n <motion.div\n initial={false}\n animate={isVoice ? HIDDEN_LAYER : VISIBLE_LAYER}\n transition={transition}\n aria-hidden={isVoice}\n >\n {text}\n </motion.div>\n <motion.div\n className={styles.voiceOverlay}\n initial={false}\n animate={isVoice ? VISIBLE_LAYER : HIDDEN_LAYER}\n transition={transition}\n aria-hidden={!isVoice}\n >\n {voice}\n </motion.div>\n </motion.div>\n );\n};\n\nModeTransition.displayName = 'ChatInputModeTransition';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAkBA,MAAM,SAAS,GAAG,UAAU,CAAC,uCAAuC,CAAC,CAAC;AAEtE,MAAM,2BAA2B,GAAG,UAAU,CAAC,oCAAoC,CAAC,CAAC,QAAQ,CAAC;AAC9F,MAAM,kBAAkB,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAW,CAAC;AAEpD,MAAM,uBAAuB,GAAG;IAC5B,QAAQ,EAAE,2BAA2B,GAAG,IAAI;AAC5C,IAAA,IAAI,EAAE,SAAS;CACT,CAAC;AAEX,MAAM,aAAa,GAAwB,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AACjF,MAAM,YAAY,GAAwB,EAAE,OAAO,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,CAAC;AAE3F,MAAM,cAAc,GAA4B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAI;AAC7E,IAAA,MAAM,UAAU,GAAG,gBAAgB,EAAE,GAAG,kBAAkB,GAAG,uBAAuB,CAAC;AACrF,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC;IAEjC,QACIA,KAAC,MAAM,CAAC,GAAG,EACP,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,OAAO,EAAE,EAAE,MAAM,EAAE,OAAO,GAAG,EAAE,GAAG,MAAM,EAAE,EAC1C,UAAU,EAAE,UAAU,EAEtB,QAAA,EAAA,CAAAC,GAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EACP,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,OAAO,GAAG,YAAY,GAAG,aAAa,EAC/C,UAAU,EAAE,UAAU,iBACT,OAAO,EAAA,QAAA,EAEnB,IAAI,EAAA,CACI,EACbA,GAAA,CAAC,MAAM,CAAC,GAAG,IACP,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,OAAO,GAAG,aAAa,GAAG,YAAY,EAC/C,UAAU,EAAE,UAAU,iBACT,CAAC,OAAO,YAEpB,KAAK,EAAA,CACG,CACJ,EAAA,CAAA,EACf;AACN,EAAE;AAEF,cAAc,CAAC,WAAW,GAAG,yBAAyB;;;;"}
package/internal/TextInput.js CHANGED
@@ -5,7 +5,7 @@ import classNames from 'classnames';
5
5
  import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
6
6
  import { useSendOnEnter } from './useSendOnEnter.js';
7
7
  import { useScrollbar, Scrollbar } from '@hh.ru/magritte-ui-scrollbar';
8
- import { s as styles } from '../styles-B3o1JdaK.js';
8
+ import { s as styles } from '../styles-CHMi0EYL.js';
9
9
  import '@hh.ru/magritte-common-keyboard';
10
10
 
11
11
  const MIN_HEIGHT = 20;
package/internal/VoiceRecord.js CHANGED
@@ -9,7 +9,7 @@ import { FOCUS_PRIORITY } from './focusGroup.js';
9
9
  import { CrossOutlinedSize24, CheckOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
10
10
  import { Loader } from '@hh.ru/magritte-ui-loader';
11
11
  import { Text } from '@hh.ru/magritte-ui-typography';
12
- import { s as styles } from '../styles-B3o1JdaK.js';
12
+ import { s as styles } from '../styles-CHMi0EYL.js';
13
13
  import './useHasSound.js';
14
14
 
15
15
  const formatDuration = (totalSeconds) => {
package/internal/VoiceRecordIndicator.js CHANGED
@@ -2,7 +2,7 @@ import './../index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import classNames from 'classnames';
4
4
  import { useHasSound } from './useHasSound.js';
5
- import { s as styles } from '../styles-B3o1JdaK.js';
5
+ import { s as styles } from '../styles-CHMi0EYL.js';
6
6
  import 'react';
7
7
 
8
8
  const TARGET_HEIGHT = [2, 11, 22, 22, 22, 11, 22, 11, 6, 2];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-chat-input",
3
- "version": "1.2.1",
3
+ "version": "1.2.2",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -31,16 +31,16 @@
31
31
  "@hh.ru/magritte-common-use-disabled": "1.0.16",
32
32
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.12",
33
33
  "@hh.ru/magritte-common-use-translation": "3.6.1",
34
- "@hh.ru/magritte-design-tokens": "25.1.1",
34
+ "@hh.ru/magritte-design-tokens": "26.0.0",
35
35
  "@hh.ru/magritte-internal-slot-registry": "1.1.1",
36
- "@hh.ru/magritte-ui-cell": "7.3.1",
37
- "@hh.ru/magritte-ui-chips": "7.0.45",
38
- "@hh.ru/magritte-ui-icon": "15.1.3",
39
- "@hh.ru/magritte-ui-link": "7.2.4",
40
- "@hh.ru/magritte-ui-loader": "4.1.4",
41
- "@hh.ru/magritte-ui-scrollable-container": "6.5.1",
42
- "@hh.ru/magritte-ui-scrollbar": "1.0.37",
43
- "@hh.ru/magritte-ui-typography": "5.3.14"
36
+ "@hh.ru/magritte-ui-cell": "7.3.2",
37
+ "@hh.ru/magritte-ui-chips": "7.0.46",
38
+ "@hh.ru/magritte-ui-icon": "15.1.4",
39
+ "@hh.ru/magritte-ui-link": "7.2.5",
40
+ "@hh.ru/magritte-ui-loader": "4.1.5",
41
+ "@hh.ru/magritte-ui-scrollable-container": "6.5.2",
42
+ "@hh.ru/magritte-ui-scrollbar": "1.0.38",
43
+ "@hh.ru/magritte-ui-typography": "5.3.15"
44
44
  },
45
- "gitHead": "46d606980abbb523a41afba452c0a852ee902864"
45
+ "gitHead": "b0ff5da48fb29d516c8289082560ee1882d16986"
46
46
  }
package/public/ChatInput.js CHANGED
@@ -19,7 +19,7 @@ import { ChatInputPreview } from './ChatInputPreview.js';
19
19
  import { ChatInputSendButton } from './ChatInputSendButton.js';
20
20
  import { ChatInputVoiceButton } from './ChatInputVoiceButton.js';
21
21
  import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
22
- import { s as styles } from '../styles-B3o1JdaK.js';
22
+ import { s as styles } from '../styles-CHMi0EYL.js';
23
23
  import 'motion/react';
24
24
  import '@hh.ru/magritte-design-tokens/core-tokens';
25
25
  import '../internal/useSendOnEnter.js';
package/public/ChatInputChips.js CHANGED
@@ -4,7 +4,7 @@ import { isValidElement } from 'react';
4
4
  import { flattenFragments } from '../internal/flattenFragments.js';
5
5
  import { ChipDefaultPropsContext } from '@hh.ru/magritte-ui-chips';
6
6
  import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
7
- import { s as styles } from '../styles-B3o1JdaK.js';
7
+ import { s as styles } from '../styles-CHMi0EYL.js';
8
8
 
9
9
  const CHIP_DEFAULT_PROPS = { size: 'extra-small' };
10
10
  const ChatInputChips = ({ children }) => (jsx("div", { className: styles.chipsContainer, children: jsx(ChipDefaultPropsContext, { props: CHIP_DEFAULT_PROPS, children: jsx(ScrollableContainer, { children: jsx(ScrollableContainer.DefaultLayout, { size: "small", fadeOnMobile: true, children: jsx(ScrollableContainer.Gallery, { children: jsx("div", { className: styles.chips, children: flattenFragments(children).map((child, index) => (jsx(ScrollableContainer.Item, { children: child }, (isValidElement(child) && child.key) || index))) }) }) }) }) }) }));
package/public/ChatInputFile.js CHANGED
@@ -9,7 +9,7 @@ import { CheckCircleOutlinedSize16, ExclamationTriangleOutlinedSize16, ImageOutl
9
9
  import { LinkDefaultPropsContext } from '@hh.ru/magritte-ui-link';
10
10
  import { Loader } from '@hh.ru/magritte-ui-loader';
11
11
  import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
12
- import { s as styles } from '../styles-B3o1JdaK.js';
12
+ import { s as styles } from '../styles-CHMi0EYL.js';
13
13
 
14
14
  const splitFileName = (name) => {
15
15
  const dotIndex = name.lastIndexOf('.');
package/public/ChatInputFiles.js CHANGED
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import { isValidElement } from 'react';
4
4
  import { flattenFragments } from '../internal/flattenFragments.js';
5
5
  import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
6
- import { s as styles } from '../styles-B3o1JdaK.js';
6
+ import { s as styles } from '../styles-CHMi0EYL.js';
7
7
 
8
8
  const ChatInputFiles = ({ children }) => (jsx("div", { className: styles.filesContainer, "data-qa": "chat-input-files", children: jsx(ScrollableContainer, { correction: 11, children: jsx(ScrollableContainer.DefaultLayout, { size: "small", noFadeOnDesktop: true, buttonsOffset: 8, buttonsOnHover: true, children: jsx(ScrollableContainer.Gallery, { children: jsx("div", { className: styles.files, children: flattenFragments(children).map((child, index) => (jsx(ScrollableContainer.Item, { scrollToItemOnFocus: true, children: child }, (isValidElement(child) && child.key) || index))) }) }) }) }) }));
9
9
  ChatInputFiles.displayName = 'ChatInputFiles';
package/public/ChatInputPreview.js CHANGED
@@ -2,7 +2,7 @@ import './../index.css';
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
4
4
  import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
5
- import { s as styles } from '../styles-B3o1JdaK.js';
5
+ import { s as styles } from '../styles-CHMi0EYL.js';
6
6
 
7
7
  const DEFAULT_ICON_PROPS = {
8
8
  initialColor: 'secondary',
package/styles-CHMi0EYL.js ADDED
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"chat-input":"magritte-chat-input___P69oN_1-2-2","chatInput":"magritte-chat-input___P69oN_1-2-2","no-background":"magritte-no-background___eiIY1_1-2-2","noBackground":"magritte-no-background___eiIY1_1-2-2","text-input-focused":"magritte-text-input-focused___TfyLu_1-2-2","textInputFocused":"magritte-text-input-focused___TfyLu_1-2-2","content-grid":"magritte-content-grid___g03sT_1-2-2","contentGrid":"magritte-content-grid___g03sT_1-2-2","preview":"magritte-preview___baXKi_1-2-2","left":"magritte-left___7JZYp_1-2-2","central":"magritte-central___zkguj_1-2-2","right":"magritte-right___-tGcO_1-2-2","scrollbar-cell":"magritte-scrollbar-cell___--M2x_1-2-2","scrollbarCell":"magritte-scrollbar-cell___--M2x_1-2-2","text-input":"magritte-text-input___3AFO4_1-2-2","textInput":"magritte-text-input___3AFO4_1-2-2","layout-vertical":"magritte-layout-vertical___mVTr-_1-2-2","layoutVertical":"magritte-layout-vertical___mVTr-_1-2-2","has-central":"magritte-has-central___VRZik_1-2-2","hasCentral":"magritte-has-central___VRZik_1-2-2","no-left-controls":"magritte-no-left-controls___7r6yy_1-2-2","noLeftControls":"magritte-no-left-controls___7r6yy_1-2-2","no-right-controls":"magritte-no-right-controls___HBSag_1-2-2","noRightControls":"magritte-no-right-controls___HBSag_1-2-2","chips":"magritte-chips___gLao5_1-2-2","chips-container":"magritte-chips-container___-bS5O_1-2-2","chipsContainer":"magritte-chips-container___-bS5O_1-2-2","preview-block":"magritte-preview-block___iiPdS_1-2-2","previewBlock":"magritte-preview-block___iiPdS_1-2-2","preview-side":"magritte-preview-side___ymR-u_1-2-2","previewSide":"magritte-preview-side___ymR-u_1-2-2","preview-content":"magritte-preview-content___ZgyBD_1-2-2","previewContent":"magritte-preview-content___ZgyBD_1-2-2","preview-title":"magritte-preview-title___SkFeZ_1-2-2","previewTitle":"magritte-preview-title___SkFeZ_1-2-2","preview-subtitle":"magritte-preview-subtitle___58qfR_1-2-2","previewSubtitle":"magritte-preview-subtitle___58qfR_1-2-2","files-container":"magritte-files-container___zOkRK_1-2-2","filesContainer":"magritte-files-container___zOkRK_1-2-2","files":"magritte-files___j2q5K_1-2-2","file":"magritte-file___lz9Ll_1-2-2","file-card":"magritte-file-card___hn5C9_1-2-2","fileCard":"magritte-file-card___hn5C9_1-2-2","file-tile":"magritte-file-tile___OVlh3_1-2-2","fileTile":"magritte-file-tile___OVlh3_1-2-2","file-card-removable":"magritte-file-card-removable___GkxUe_1-2-2","fileCardRemovable":"magritte-file-card-removable___GkxUe_1-2-2","file-tile-placeholder":"magritte-file-tile-placeholder___yxLuR_1-2-2","fileTilePlaceholder":"magritte-file-tile-placeholder___yxLuR_1-2-2","file-tile-image":"magritte-file-tile-image___cZFgL_1-2-2","fileTileImage":"magritte-file-tile-image___cZFgL_1-2-2","file-remove":"magritte-file-remove___S0WB9_1-2-2","fileRemove":"magritte-file-remove___S0WB9_1-2-2","file-name":"magritte-file-name___L03-O_1-2-2","fileName":"magritte-file-name___L03-O_1-2-2","file-name-base":"magritte-file-name-base___ojdp6_1-2-2","fileNameBase":"magritte-file-name-base___ojdp6_1-2-2","file-name-extension":"magritte-file-name-extension___3QZtS_1-2-2","fileNameExtension":"magritte-file-name-extension___3QZtS_1-2-2","text-input-wrapper":"magritte-text-input-wrapper___TPbwC_1-2-2","textInputWrapper":"magritte-text-input-wrapper___TPbwC_1-2-2","with-top-fade":"magritte-with-top-fade___okgqo_1-2-2","withTopFade":"magritte-with-top-fade___okgqo_1-2-2","with-bottom-fade":"magritte-with-bottom-fade___82gr8_1-2-2","withBottomFade":"magritte-with-bottom-fade___82gr8_1-2-2","measure":"magritte-measure___xNKc0_1-2-2","voice-record":"magritte-voice-record___p64PV_1-2-2","voiceRecord":"magritte-voice-record___p64PV_1-2-2","voice-record-left":"magritte-voice-record-left___njEt-_1-2-2","voiceRecordLeft":"magritte-voice-record-left___njEt-_1-2-2","voice-record-right":"magritte-voice-record-right___UTv-U_1-2-2","voiceRecordRight":"magritte-voice-record-right___UTv-U_1-2-2","voice-processing":"magritte-voice-processing___C0xnX_1-2-2","voiceProcessing":"magritte-voice-processing___C0xnX_1-2-2","voice-record-indicator":"magritte-voice-record-indicator___V8ybb_1-2-2","voiceRecordIndicator":"magritte-voice-record-indicator___V8ybb_1-2-2","voice-record-indicator-bar":"magritte-voice-record-indicator-bar___jgyqz_1-2-2","voiceRecordIndicatorBar":"magritte-voice-record-indicator-bar___jgyqz_1-2-2","voice-record-indicator-wave":"magritte-voice-record-indicator-wave___4VsyE_1-2-2","voiceRecordIndicatorWave":"magritte-voice-record-indicator-wave___4VsyE_1-2-2","voice-record-indicator-has-sound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-2","voiceRecordIndicatorHasSound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-2","mode-container":"magritte-mode-container___nATVD_1-2-2","modeContainer":"magritte-mode-container___nATVD_1-2-2","voice-overlay":"magritte-voice-overlay___LbxAI_1-2-2","voiceOverlay":"magritte-voice-overlay___LbxAI_1-2-2"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=styles-CHMi0EYL.js.map
package/styles-CHMi0EYL.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles-CHMi0EYL.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/styles-B3o1JdaK.js DELETED
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"chat-input":"magritte-chat-input___P69oN_1-2-1","chatInput":"magritte-chat-input___P69oN_1-2-1","no-background":"magritte-no-background___eiIY1_1-2-1","noBackground":"magritte-no-background___eiIY1_1-2-1","text-input-focused":"magritte-text-input-focused___TfyLu_1-2-1","textInputFocused":"magritte-text-input-focused___TfyLu_1-2-1","content-grid":"magritte-content-grid___g03sT_1-2-1","contentGrid":"magritte-content-grid___g03sT_1-2-1","preview":"magritte-preview___baXKi_1-2-1","left":"magritte-left___7JZYp_1-2-1","central":"magritte-central___zkguj_1-2-1","right":"magritte-right___-tGcO_1-2-1","scrollbar-cell":"magritte-scrollbar-cell___--M2x_1-2-1","scrollbarCell":"magritte-scrollbar-cell___--M2x_1-2-1","text-input":"magritte-text-input___3AFO4_1-2-1","textInput":"magritte-text-input___3AFO4_1-2-1","layout-vertical":"magritte-layout-vertical___mVTr-_1-2-1","layoutVertical":"magritte-layout-vertical___mVTr-_1-2-1","has-central":"magritte-has-central___VRZik_1-2-1","hasCentral":"magritte-has-central___VRZik_1-2-1","no-left-controls":"magritte-no-left-controls___7r6yy_1-2-1","noLeftControls":"magritte-no-left-controls___7r6yy_1-2-1","no-right-controls":"magritte-no-right-controls___HBSag_1-2-1","noRightControls":"magritte-no-right-controls___HBSag_1-2-1","chips":"magritte-chips___gLao5_1-2-1","chips-container":"magritte-chips-container___-bS5O_1-2-1","chipsContainer":"magritte-chips-container___-bS5O_1-2-1","preview-block":"magritte-preview-block___iiPdS_1-2-1","previewBlock":"magritte-preview-block___iiPdS_1-2-1","preview-side":"magritte-preview-side___ymR-u_1-2-1","previewSide":"magritte-preview-side___ymR-u_1-2-1","preview-content":"magritte-preview-content___ZgyBD_1-2-1","previewContent":"magritte-preview-content___ZgyBD_1-2-1","preview-title":"magritte-preview-title___SkFeZ_1-2-1","previewTitle":"magritte-preview-title___SkFeZ_1-2-1","preview-subtitle":"magritte-preview-subtitle___58qfR_1-2-1","previewSubtitle":"magritte-preview-subtitle___58qfR_1-2-1","files-container":"magritte-files-container___zOkRK_1-2-1","filesContainer":"magritte-files-container___zOkRK_1-2-1","files":"magritte-files___j2q5K_1-2-1","file":"magritte-file___lz9Ll_1-2-1","file-card":"magritte-file-card___hn5C9_1-2-1","fileCard":"magritte-file-card___hn5C9_1-2-1","file-tile":"magritte-file-tile___OVlh3_1-2-1","fileTile":"magritte-file-tile___OVlh3_1-2-1","file-card-removable":"magritte-file-card-removable___GkxUe_1-2-1","fileCardRemovable":"magritte-file-card-removable___GkxUe_1-2-1","file-tile-placeholder":"magritte-file-tile-placeholder___yxLuR_1-2-1","fileTilePlaceholder":"magritte-file-tile-placeholder___yxLuR_1-2-1","file-tile-image":"magritte-file-tile-image___cZFgL_1-2-1","fileTileImage":"magritte-file-tile-image___cZFgL_1-2-1","file-remove":"magritte-file-remove___S0WB9_1-2-1","fileRemove":"magritte-file-remove___S0WB9_1-2-1","file-name":"magritte-file-name___L03-O_1-2-1","fileName":"magritte-file-name___L03-O_1-2-1","file-name-base":"magritte-file-name-base___ojdp6_1-2-1","fileNameBase":"magritte-file-name-base___ojdp6_1-2-1","file-name-extension":"magritte-file-name-extension___3QZtS_1-2-1","fileNameExtension":"magritte-file-name-extension___3QZtS_1-2-1","text-input-wrapper":"magritte-text-input-wrapper___TPbwC_1-2-1","textInputWrapper":"magritte-text-input-wrapper___TPbwC_1-2-1","with-top-fade":"magritte-with-top-fade___okgqo_1-2-1","withTopFade":"magritte-with-top-fade___okgqo_1-2-1","with-bottom-fade":"magritte-with-bottom-fade___82gr8_1-2-1","withBottomFade":"magritte-with-bottom-fade___82gr8_1-2-1","measure":"magritte-measure___xNKc0_1-2-1","voice-record":"magritte-voice-record___p64PV_1-2-1","voiceRecord":"magritte-voice-record___p64PV_1-2-1","voice-record-left":"magritte-voice-record-left___njEt-_1-2-1","voiceRecordLeft":"magritte-voice-record-left___njEt-_1-2-1","voice-record-right":"magritte-voice-record-right___UTv-U_1-2-1","voiceRecordRight":"magritte-voice-record-right___UTv-U_1-2-1","voice-processing":"magritte-voice-processing___C0xnX_1-2-1","voiceProcessing":"magritte-voice-processing___C0xnX_1-2-1","voice-record-indicator":"magritte-voice-record-indicator___V8ybb_1-2-1","voiceRecordIndicator":"magritte-voice-record-indicator___V8ybb_1-2-1","voice-record-indicator-bar":"magritte-voice-record-indicator-bar___jgyqz_1-2-1","voiceRecordIndicatorBar":"magritte-voice-record-indicator-bar___jgyqz_1-2-1","voice-record-indicator-wave":"magritte-voice-record-indicator-wave___4VsyE_1-2-1","voiceRecordIndicatorWave":"magritte-voice-record-indicator-wave___4VsyE_1-2-1","voice-record-indicator-has-sound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-1","voiceRecordIndicatorHasSound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-1","mode-container":"magritte-mode-container___nATVD_1-2-1","modeContainer":"magritte-mode-container___nATVD_1-2-1","voice-overlay":"magritte-voice-overlay___LbxAI_1-2-1","voiceOverlay":"magritte-voice-overlay___LbxAI_1-2-1"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=styles-B3o1JdaK.js.map
package/styles-B3o1JdaK.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles-B3o1JdaK.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}