@hh.ru/magritte-ui-chat-input 1.1.17 → 1.1.19

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
@@ -1,146 +1,146 @@
1
1
  :root{
2
- --magritte-color-background-primary-v25-0-1:#ffffff;
3
- --magritte-color-stroke-neutral-v25-0-1:#DCE3EB;
4
- --magritte-color-stroke-state-focused-accessible-v25-0-1:#0070ff7a;
5
- --magritte-color-stroke-state-neutral-hovered-v25-0-1:#DCE3EB;
6
- --magritte-color-text-primary-v25-0-1:#000000;
7
- --magritte-color-text-secondary-v25-0-1:#768694;
8
- --magritte-color-text-tertiary-v25-0-1:#AABBCA;
9
- --magritte-color-icon-tertiary-v25-0-1:#AABBCA;
10
- --magritte-gradient-component-chat-input-background-fade-v25-0-1:#ffffff00 0%, #ffffff 100%;
11
- --magritte-shadow-level-1-color-v25-0-1:#7090b029;
12
- --magritte-shadow-level-1-x-v25-0-1:0px;
13
- --magritte-shadow-level-1-y-v25-0-1:4px;
14
- --magritte-shadow-level-1-blur-v25-0-1:12px;
15
- --magritte-shadow-level-1-spread-v25-0-1:0px;
2
+ --magritte-color-background-primary-v25-1-0:#ffffff;
3
+ --magritte-color-stroke-neutral-v25-1-0:#DCE3EB;
4
+ --magritte-color-stroke-state-focused-accessible-v25-1-0:#0070ff7a;
5
+ --magritte-color-stroke-state-neutral-hovered-v25-1-0:#DCE3EB;
6
+ --magritte-color-text-primary-v25-1-0:#000000;
7
+ --magritte-color-text-secondary-v25-1-0:#768694;
8
+ --magritte-color-text-tertiary-v25-1-0:#AABBCA;
9
+ --magritte-color-icon-tertiary-v25-1-0:#AABBCA;
10
+ --magritte-gradient-component-chat-input-background-fade-v25-1-0:#ffffff00 0%, #ffffff 100%;
11
+ --magritte-shadow-level-1-color-v25-1-0:#7090b029;
12
+ --magritte-shadow-level-1-x-v25-1-0:0px;
13
+ --magritte-shadow-level-1-y-v25-1-0:4px;
14
+ --magritte-shadow-level-1-blur-v25-1-0:12px;
15
+ --magritte-shadow-level-1-spread-v25-1-0:0px;
16
16
  }
17
17
 
18
18
  :root{
19
- --magritte-semantic-animation-time-s-duration-v25-0-1:200ms;
20
- --magritte-semantic-animation-ease-base-timing-function-v25-0-1:cubic-bezier(0.4, 0.24, 0, 1);
19
+ --magritte-semantic-animation-time-s-duration-v25-1-0:200ms;
20
+ --magritte-semantic-animation-ease-base-timing-function-v25-1-0:cubic-bezier(0.4, 0.24, 0, 1);
21
21
  }
22
22
 
23
23
  .magritte-night-theme{
24
- --magritte-color-background-primary-v25-0-1:#1B1B1B;
25
- --magritte-color-stroke-neutral-v25-0-1:#303030;
26
- --magritte-color-stroke-state-neutral-hovered-v25-0-1:#303030;
27
- --magritte-color-text-primary-v25-0-1:#ffffff;
28
- --magritte-color-text-secondary-v25-0-1:#ABABAB;
29
- --magritte-color-text-tertiary-v25-0-1:#767676;
30
- --magritte-color-icon-tertiary-v25-0-1:#767676;
31
- --magritte-gradient-component-chat-input-background-fade-v25-0-1:#1b1b1b00 0%, #1b1b1b 100%;
32
- --magritte-shadow-level-1-color-v25-0-1:#00000029;
33
- }
34
- .magritte-chat-input___P69oN_1-1-17{
35
- --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v25-0-1);
24
+ --magritte-color-background-primary-v25-1-0:#1B1B1B;
25
+ --magritte-color-stroke-neutral-v25-1-0:#303030;
26
+ --magritte-color-stroke-state-neutral-hovered-v25-1-0:#303030;
27
+ --magritte-color-text-primary-v25-1-0:#ffffff;
28
+ --magritte-color-text-secondary-v25-1-0:#ABABAB;
29
+ --magritte-color-text-tertiary-v25-1-0:#767676;
30
+ --magritte-color-icon-tertiary-v25-1-0:#767676;
31
+ --magritte-gradient-component-chat-input-background-fade-v25-1-0:#1b1b1b00 0%, #1b1b1b 100%;
32
+ --magritte-shadow-level-1-color-v25-1-0:#00000029;
33
+ }
34
+ .magritte-chat-input___P69oN_1-1-19{
35
+ --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v25-1-0);
36
36
  --chat-input-focus-shadow:0 0 0 transparent;
37
37
  box-shadow:inset 0 0 0 1px var(--chat-input-stroke-color), var(--chat-input-focus-shadow);
38
38
  border-radius:24px;
39
39
  padding:12px;
40
40
  overflow:hidden;
41
- background-color:var(--magritte-color-background-primary-v25-0-1);
41
+ background-color:var(--magritte-color-background-primary-v25-1-0);
42
42
  --magritte-ui-scrollbar-offset-right:-12px;
43
43
  }
44
- .magritte-chat-input___P69oN_1-1-17.magritte-no-background___eiIY1_1-1-17{
44
+ .magritte-chat-input___P69oN_1-1-19.magritte-no-background___eiIY1_1-1-19{
45
45
  background:none;
46
46
  --chat-input-stroke-color:transparent !important;
47
47
  }
48
- .magritte-chat-input___P69oN_1-1-17:has(*:focus){
49
- --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v25-0-1) var(--magritte-shadow-level-1-y-v25-0-1) var(--magritte-shadow-level-1-blur-v25-0-1) var(--magritte-shadow-level-1-spread-v25-0-1) var(--magritte-shadow-level-1-color-v25-0-1);
48
+ .magritte-chat-input___P69oN_1-1-19:has(*:focus){
49
+ --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v25-1-0) var(--magritte-shadow-level-1-y-v25-1-0) var(--magritte-shadow-level-1-blur-v25-1-0) var(--magritte-shadow-level-1-spread-v25-1-0) var(--magritte-shadow-level-1-color-v25-1-0);
50
50
  }
51
- .magritte-chat-input___P69oN_1-1-17:has(.magritte-text-input-focused___TfyLu_1-1-17){
52
- outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v25-0-1);
51
+ .magritte-chat-input___P69oN_1-1-19:has(.magritte-text-input-focused___TfyLu_1-1-19){
52
+ outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v25-1-0);
53
53
  }
54
54
  @media (min-width: 1020px){
55
- body.magritte-old-layout .magritte-chat-input___P69oN_1-1-17:hover{
56
- --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v25-0-1);
55
+ body.magritte-old-layout .magritte-chat-input___P69oN_1-1-19:hover{
56
+ --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v25-1-0);
57
57
  }
58
58
  }
59
59
  @media (min-width: 1024px){
60
- body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-1-17:hover{
61
- --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v25-0-1);
60
+ body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-1-19:hover{
61
+ --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v25-1-0);
62
62
  }
63
63
  }
64
- .magritte-content-grid___g03sT_1-1-17{
64
+ .magritte-content-grid___g03sT_1-1-19{
65
65
  display:grid;
66
66
  grid-template-columns:auto minmax(0, 1fr) auto;
67
67
  }
68
- .magritte-content-grid___g03sT_1-1-17 .magritte-preview___baXKi_1-1-17{
68
+ .magritte-content-grid___g03sT_1-1-19 .magritte-preview___baXKi_1-1-19{
69
69
  grid-area:1 / 1 / 2 / -1;
70
70
  }
71
- .magritte-content-grid___g03sT_1-1-17 .magritte-left___7JZYp_1-1-17{
71
+ .magritte-content-grid___g03sT_1-1-19 .magritte-left___7JZYp_1-1-19{
72
72
  grid-area:3 / 1;
73
73
  align-self:end;
74
74
  }
75
- .magritte-content-grid___g03sT_1-1-17 .magritte-central___zkguj_1-1-17{
75
+ .magritte-content-grid___g03sT_1-1-19 .magritte-central___zkguj_1-1-19{
76
76
  grid-area:3 / 2;
77
77
  align-self:center;
78
78
  }
79
- .magritte-content-grid___g03sT_1-1-17 .magritte-right___-tGcO_1-1-17{
79
+ .magritte-content-grid___g03sT_1-1-19 .magritte-right___-tGcO_1-1-19{
80
80
  grid-area:3 / 3;
81
81
  align-self:end;
82
82
  }
83
- .magritte-content-grid___g03sT_1-1-17 .magritte-scrollbar-cell___--M2x_1-1-17{
83
+ .magritte-content-grid___g03sT_1-1-19 .magritte-scrollbar-cell___--M2x_1-1-19{
84
84
  grid-area:2 / 1 / 3 / -1;
85
85
  position:relative;
86
86
  pointer-events:none;
87
87
  }
88
- .magritte-content-grid___g03sT_1-1-17 .magritte-scrollbar-cell___--M2x_1-1-17 > div{
88
+ .magritte-content-grid___g03sT_1-1-19 .magritte-scrollbar-cell___--M2x_1-1-19 > div{
89
89
  pointer-events:auto;
90
90
  }
91
- .magritte-content-grid___g03sT_1-1-17 .magritte-text-input___3AFO4_1-1-17{
91
+ .magritte-content-grid___g03sT_1-1-19 .magritte-text-input___3AFO4_1-1-19{
92
92
  grid-area:3 / 2;
93
93
  }
94
- .magritte-content-grid___g03sT_1-1-17 .magritte-text-input___3AFO4_1-1-17.magritte-layout-vertical___mVTr-_1-1-17,
95
- .magritte-content-grid___g03sT_1-1-17.magritte-has-central___VRZik_1-1-17 .magritte-text-input___3AFO4_1-1-17{
94
+ .magritte-content-grid___g03sT_1-1-19 .magritte-text-input___3AFO4_1-1-19.magritte-layout-vertical___mVTr-_1-1-19,
95
+ .magritte-content-grid___g03sT_1-1-19.magritte-has-central___VRZik_1-1-19 .magritte-text-input___3AFO4_1-1-19{
96
96
  grid-area:2 / 1 / 3 / -1;
97
97
  }
98
- .magritte-content-grid___g03sT_1-1-17.magritte-no-left-controls___7r6yy_1-1-17:not(.magritte-has-central___VRZik_1-1-17) .magritte-text-input___3AFO4_1-1-17{
98
+ .magritte-content-grid___g03sT_1-1-19.magritte-no-left-controls___7r6yy_1-1-19:not(.magritte-has-central___VRZik_1-1-19) .magritte-text-input___3AFO4_1-1-19{
99
99
  grid-area:2 / 1 / 4 / 3;
100
100
  }
101
- .magritte-content-grid___g03sT_1-1-17.magritte-no-right-controls___HBSag_1-1-17:not(.magritte-has-central___VRZik_1-1-17) .magritte-text-input___3AFO4_1-1-17{
101
+ .magritte-content-grid___g03sT_1-1-19.magritte-no-right-controls___HBSag_1-1-19:not(.magritte-has-central___VRZik_1-1-19) .magritte-text-input___3AFO4_1-1-19{
102
102
  grid-area:2 / 2 / 4 / -1;
103
103
  }
104
- .magritte-content-grid___g03sT_1-1-17.magritte-no-left-controls___7r6yy_1-1-17:not(.magritte-has-central___VRZik_1-1-17){
104
+ .magritte-content-grid___g03sT_1-1-19.magritte-no-left-controls___7r6yy_1-1-19:not(.magritte-has-central___VRZik_1-1-19){
105
105
  grid-template-rows:auto minmax(0, 1fr) auto;
106
106
  }
107
- .magritte-right___-tGcO_1-1-17,
108
- .magritte-left___7JZYp_1-1-17{
107
+ .magritte-right___-tGcO_1-1-19,
108
+ .magritte-left___7JZYp_1-1-19{
109
109
  display:flex;
110
110
  gap:8px;
111
111
  }
112
- .magritte-chips___gLao5_1-1-17{
112
+ .magritte-chips___gLao5_1-1-19{
113
113
  display:flex;
114
114
  flex-wrap:nowrap;
115
115
  width:max-content;
116
116
  gap:8px;
117
117
  }
118
- .magritte-chips-container___-bS5O_1-1-17{
118
+ .magritte-chips-container___-bS5O_1-1-19{
119
119
  padding:0 12px;
120
120
  }
121
- .magritte-no-left-controls___7r6yy_1-1-17 .magritte-chips-container___-bS5O_1-1-17{
121
+ .magritte-no-left-controls___7r6yy_1-1-19 .magritte-chips-container___-bS5O_1-1-19{
122
122
  padding-left:0;
123
123
  }
124
- .magritte-no-right-controls___HBSag_1-1-17 .magritte-chips-container___-bS5O_1-1-17{
124
+ .magritte-no-right-controls___HBSag_1-1-19 .magritte-chips-container___-bS5O_1-1-19{
125
125
  padding-right:0;
126
126
  }
127
- .magritte-preview-block___iiPdS_1-1-17{
127
+ .magritte-preview-block___iiPdS_1-1-19{
128
128
  display:flex;
129
129
  align-items:center;
130
130
  gap:12px;
131
131
  padding-bottom:8px;
132
132
  }
133
- .magritte-preview-side___ymR-u_1-1-17{
133
+ .magritte-preview-side___ymR-u_1-1-19{
134
134
  display:flex;
135
135
  flex-shrink:0;
136
136
  }
137
- .magritte-preview-content___ZgyBD_1-1-17{
137
+ .magritte-preview-content___ZgyBD_1-1-19{
138
138
  display:flex;
139
139
  flex:1;
140
140
  flex-direction:column;
141
141
  min-width:0;
142
142
  }
143
- .magritte-preview-title___SkFeZ_1-1-17{
143
+ .magritte-preview-title___SkFeZ_1-1-19{
144
144
  font-family:"hh sans";
145
145
  font-weight:500;
146
146
  line-height:18px;
@@ -149,9 +149,9 @@
149
149
  text-indent:0px;
150
150
  text-transform:none;
151
151
  text-decoration:none;
152
- color:var(--magritte-color-text-primary-v25-0-1);
152
+ color:var(--magritte-color-text-primary-v25-1-0);
153
153
  }
154
- .magritte-preview-subtitle___58qfR_1-1-17{
154
+ .magritte-preview-subtitle___58qfR_1-1-19{
155
155
  font-family:"hh sans";
156
156
  font-weight:400;
157
157
  line-height:20px;
@@ -161,14 +161,14 @@
161
161
  text-transform:none;
162
162
  text-decoration:none;
163
163
  overflow:hidden;
164
- color:var(--magritte-color-text-secondary-v25-0-1);
164
+ color:var(--magritte-color-text-secondary-v25-1-0);
165
165
  white-space:nowrap;
166
166
  text-overflow:ellipsis;
167
167
  }
168
- .magritte-text-input-wrapper___TPbwC_1-1-17{
168
+ .magritte-text-input-wrapper___TPbwC_1-1-19{
169
169
  display:contents;
170
170
  }
171
- .magritte-text-input___3AFO4_1-1-17{
171
+ .magritte-text-input___3AFO4_1-1-19{
172
172
  box-sizing:content-box;
173
173
  padding:0 12px;
174
174
  border:none;
@@ -190,34 +190,34 @@
190
190
  text-indent:0px;
191
191
  text-transform:none;
192
192
  text-decoration:none;
193
- color:var(--magritte-color-text-primary-v25-0-1);
193
+ color:var(--magritte-color-text-primary-v25-1-0);
194
194
  }
195
- .magritte-text-input___3AFO4_1-1-17::placeholder{
196
- color:var(--magritte-color-text-tertiary-v25-0-1);
195
+ .magritte-text-input___3AFO4_1-1-19::placeholder{
196
+ color:var(--magritte-color-text-tertiary-v25-1-0);
197
197
  opacity:1;
198
198
  }
199
- .magritte-text-input___3AFO4_1-1-17:focus,
200
- .magritte-text-input___3AFO4_1-1-17:focus-visible{
199
+ .magritte-text-input___3AFO4_1-1-19:focus,
200
+ .magritte-text-input___3AFO4_1-1-19:focus-visible{
201
201
  border:none;
202
202
  outline:none;
203
203
  }
204
- .magritte-text-input___3AFO4_1-1-17.magritte-with-top-fade___okgqo_1-1-17,
205
- .magritte-text-input___3AFO4_1-1-17.magritte-with-bottom-fade___82gr8_1-1-17{
204
+ .magritte-text-input___3AFO4_1-1-19.magritte-with-top-fade___okgqo_1-1-19,
205
+ .magritte-text-input___3AFO4_1-1-19.magritte-with-bottom-fade___82gr8_1-1-19{
206
206
  -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;
207
207
  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;
208
208
  }
209
- .magritte-text-input___3AFO4_1-1-17.magritte-with-top-fade___okgqo_1-1-17{
210
- --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v25-0-1));
209
+ .magritte-text-input___3AFO4_1-1-19.magritte-with-top-fade___okgqo_1-1-19{
210
+ --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v25-1-0));
211
211
  }
212
- .magritte-text-input___3AFO4_1-1-17.magritte-with-bottom-fade___82gr8_1-1-17{
213
- --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v25-0-1));
212
+ .magritte-text-input___3AFO4_1-1-19.magritte-with-bottom-fade___82gr8_1-1-19{
213
+ --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v25-1-0));
214
214
  }
215
- .magritte-text-input___3AFO4_1-1-17.magritte-measure___xNKc0_1-1-17{
215
+ .magritte-text-input___3AFO4_1-1-19.magritte-measure___xNKc0_1-1-19{
216
216
  height:20px !important;
217
217
  padding:0 !important;
218
218
  margin:0 !important;
219
219
  }
220
- .magritte-voice-record___p64PV_1-1-17{
220
+ .magritte-voice-record___p64PV_1-1-19{
221
221
  display:flex;
222
222
  align-items:center;
223
223
  justify-content:space-between;
@@ -227,45 +227,45 @@
227
227
  min-height:40px;
228
228
  gap:8px;
229
229
  }
230
- .magritte-voice-record-left___njEt-_1-1-17{
230
+ .magritte-voice-record-left___njEt-_1-1-19{
231
231
  display:flex;
232
232
  align-items:center;
233
233
  gap:8px;
234
234
  min-width:0;
235
235
  }
236
- .magritte-voice-record-right___UTv-U_1-1-17{
236
+ .magritte-voice-record-right___UTv-U_1-1-19{
237
237
  display:flex;
238
238
  align-items:center;
239
239
  gap:8px;
240
240
  }
241
- .magritte-voice-record-right___UTv-U_1-1-17.magritte-voice-processing___C0xnX_1-1-17{
241
+ .magritte-voice-record-right___UTv-U_1-1-19.magritte-voice-processing___C0xnX_1-1-19{
242
242
  padding:8px;
243
243
  }
244
- .magritte-voice-record-indicator___V8ybb_1-1-17{
244
+ .magritte-voice-record-indicator___V8ybb_1-1-19{
245
245
  display:flex;
246
246
  flex-shrink:0;
247
247
  align-items:center;
248
248
  gap:2px;
249
249
  }
250
- .magritte-voice-record-indicator-bar___jgyqz_1-1-17{
250
+ .magritte-voice-record-indicator-bar___jgyqz_1-1-19{
251
251
  width:2px;
252
252
  min-height:2px;
253
253
  max-height:2px;
254
254
  border-radius:1000px;
255
- background-color:var(--magritte-color-icon-tertiary-v25-0-1);
256
- transition:max-height var(--magritte-semantic-animation-time-s-duration-v25-0-1) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1);
257
- animation:magritte-voice-record-indicator-wave___4VsyE_1-1-17 400ms linear infinite alternate paused;
255
+ background-color:var(--magritte-color-icon-tertiary-v25-1-0);
256
+ transition:max-height var(--magritte-semantic-animation-time-s-duration-v25-1-0) var(--magritte-semantic-animation-ease-base-timing-function-v25-1-0);
257
+ animation:magritte-voice-record-indicator-wave___4VsyE_1-1-19 400ms linear infinite alternate paused;
258
258
  }
259
- .magritte-voice-record-indicator-has-sound___67t5g_1-1-17 .magritte-voice-record-indicator-bar___jgyqz_1-1-17{
259
+ .magritte-voice-record-indicator-has-sound___67t5g_1-1-19 .magritte-voice-record-indicator-bar___jgyqz_1-1-19{
260
260
  max-height:27px;
261
261
  animation-play-state:running;
262
262
  }
263
263
  @media (prefers-reduced-motion: reduce){
264
- .magritte-voice-record-indicator-has-sound___67t5g_1-1-17 .magritte-voice-record-indicator-bar___jgyqz_1-1-17{
264
+ .magritte-voice-record-indicator-has-sound___67t5g_1-1-19 .magritte-voice-record-indicator-bar___jgyqz_1-1-19{
265
265
  animation-play-state:paused;
266
266
  }
267
267
  }
268
- @keyframes magritte-voice-record-indicator-wave___4VsyE_1-1-17{
268
+ @keyframes magritte-voice-record-indicator-wave___4VsyE_1-1-19{
269
269
  from{
270
270
  height:calc(var(--target-height) * 0.62px);
271
271
  }
@@ -273,12 +273,12 @@
273
273
  height:calc(var(--target-height) * 1.22px);
274
274
  }
275
275
  }
276
- .magritte-mode-container___nATVD_1-1-17{
276
+ .magritte-mode-container___nATVD_1-1-19{
277
277
  position:relative;
278
278
  display:grid;
279
279
  align-content:end;
280
280
  }
281
- .magritte-voice-overlay___LbxAI_1-1-17{
281
+ .magritte-voice-overlay___LbxAI_1-1-19{
282
282
  position:absolute;
283
283
  right:0;
284
284
  bottom:0;
package/index.js CHANGED
@@ -9,7 +9,7 @@ import './internal/ChatInputContext.js';
9
9
  import './internal/ModeTransition.js';
10
10
  import 'motion/react';
11
11
  import '@hh.ru/magritte-design-tokens/core-tokens';
12
- import './styles-EAVuxv9Y.js';
12
+ import './styles-CXscNVWO.js';
13
13
  import './internal/TextInput.js';
14
14
  import './internal/useSendOnEnter.js';
15
15
  import '@hh.ru/magritte-common-keyboard';
@@ -2,7 +2,7 @@ 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-EAVuxv9Y.js';
5
+ import { s as styles } from '../styles-CXscNVWO.js';
6
6
 
7
7
  const EASE_BASE = [
8
8
  CoreTokens['magritte-semantic-animation-ease-base'].x1,
@@ -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-EAVuxv9Y.js';
8
+ import { s as styles } from '../styles-CXscNVWO.js';
9
9
  import '@hh.ru/magritte-common-keyboard';
10
10
 
11
11
  const MIN_HEIGHT = 20;
@@ -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-EAVuxv9Y.js';
12
+ import { s as styles } from '../styles-CXscNVWO.js';
13
13
  import './useHasSound.js';
14
14
 
15
15
  const formatDuration = (totalSeconds) => {
@@ -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-EAVuxv9Y.js';
5
+ import { s as styles } from '../styles-CXscNVWO.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.1.17",
3
+ "version": "1.1.19",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -31,14 +31,14 @@
31
31
  "@hh.ru/magritte-common-use-disabled": "1.0.15",
32
32
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
33
33
  "@hh.ru/magritte-common-use-translation": "3.5.0",
34
- "@hh.ru/magritte-design-tokens": "25.0.1",
34
+ "@hh.ru/magritte-design-tokens": "25.1.0",
35
35
  "@hh.ru/magritte-internal-slot-registry": "1.1.0",
36
- "@hh.ru/magritte-ui-chips": "7.0.41",
37
- "@hh.ru/magritte-ui-icon": "15.1.1",
38
- "@hh.ru/magritte-ui-loader": "4.1.2",
39
- "@hh.ru/magritte-ui-scrollable-container": "6.4.9",
40
- "@hh.ru/magritte-ui-scrollbar": "1.0.35",
41
- "@hh.ru/magritte-ui-typography": "5.3.12"
36
+ "@hh.ru/magritte-ui-chips": "7.0.43",
37
+ "@hh.ru/magritte-ui-icon": "15.1.2",
38
+ "@hh.ru/magritte-ui-loader": "4.1.3",
39
+ "@hh.ru/magritte-ui-scrollable-container": "6.4.10",
40
+ "@hh.ru/magritte-ui-scrollbar": "1.0.36",
41
+ "@hh.ru/magritte-ui-typography": "5.3.13"
42
42
  },
43
- "gitHead": "e09b73c28a17b73584ecfc0a9dc5b10141d2e305"
43
+ "gitHead": "cb4ef069c994e3e4a1e5c76a31a6f35749190ad1"
44
44
  }
@@ -17,7 +17,7 @@ import { ChatInputPreview } from './ChatInputPreview.js';
17
17
  import { ChatInputSendButton } from './ChatInputSendButton.js';
18
18
  import { ChatInputVoiceButton } from './ChatInputVoiceButton.js';
19
19
  import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
20
- import { s as styles } from '../styles-EAVuxv9Y.js';
20
+ import { s as styles } from '../styles-CXscNVWO.js';
21
21
  import 'motion/react';
22
22
  import '@hh.ru/magritte-design-tokens/core-tokens';
23
23
  import '../internal/useSendOnEnter.js';
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import { isValidElement, Children, Fragment } from 'react';
4
4
  import { ChipDefaultPropsContext } from '@hh.ru/magritte-ui-chips';
5
5
  import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
6
- import { s as styles } from '../styles-EAVuxv9Y.js';
6
+ import { s as styles } from '../styles-CXscNVWO.js';
7
7
 
8
8
  const CHIP_DEFAULT_PROPS = { size: 'extra-small' };
9
9
  const flattenFragments = (children) => Children.toArray(children).flatMap((child) => isValidElement(child) && child.type === Fragment
@@ -1,7 +1,7 @@
1
1
  import './../index.css';
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
4
- import { s as styles } from '../styles-EAVuxv9Y.js';
4
+ import { s as styles } from '../styles-CXscNVWO.js';
5
5
 
6
6
  const DEFAULT_ICON_PROPS = {
7
7
  initialColor: 'secondary',
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"chat-input":"magritte-chat-input___P69oN_1-1-19","chatInput":"magritte-chat-input___P69oN_1-1-19","no-background":"magritte-no-background___eiIY1_1-1-19","noBackground":"magritte-no-background___eiIY1_1-1-19","text-input-focused":"magritte-text-input-focused___TfyLu_1-1-19","textInputFocused":"magritte-text-input-focused___TfyLu_1-1-19","content-grid":"magritte-content-grid___g03sT_1-1-19","contentGrid":"magritte-content-grid___g03sT_1-1-19","preview":"magritte-preview___baXKi_1-1-19","left":"magritte-left___7JZYp_1-1-19","central":"magritte-central___zkguj_1-1-19","right":"magritte-right___-tGcO_1-1-19","scrollbar-cell":"magritte-scrollbar-cell___--M2x_1-1-19","scrollbarCell":"magritte-scrollbar-cell___--M2x_1-1-19","text-input":"magritte-text-input___3AFO4_1-1-19","textInput":"magritte-text-input___3AFO4_1-1-19","layout-vertical":"magritte-layout-vertical___mVTr-_1-1-19","layoutVertical":"magritte-layout-vertical___mVTr-_1-1-19","has-central":"magritte-has-central___VRZik_1-1-19","hasCentral":"magritte-has-central___VRZik_1-1-19","no-left-controls":"magritte-no-left-controls___7r6yy_1-1-19","noLeftControls":"magritte-no-left-controls___7r6yy_1-1-19","no-right-controls":"magritte-no-right-controls___HBSag_1-1-19","noRightControls":"magritte-no-right-controls___HBSag_1-1-19","chips":"magritte-chips___gLao5_1-1-19","chips-container":"magritte-chips-container___-bS5O_1-1-19","chipsContainer":"magritte-chips-container___-bS5O_1-1-19","preview-block":"magritte-preview-block___iiPdS_1-1-19","previewBlock":"magritte-preview-block___iiPdS_1-1-19","preview-side":"magritte-preview-side___ymR-u_1-1-19","previewSide":"magritte-preview-side___ymR-u_1-1-19","preview-content":"magritte-preview-content___ZgyBD_1-1-19","previewContent":"magritte-preview-content___ZgyBD_1-1-19","preview-title":"magritte-preview-title___SkFeZ_1-1-19","previewTitle":"magritte-preview-title___SkFeZ_1-1-19","preview-subtitle":"magritte-preview-subtitle___58qfR_1-1-19","previewSubtitle":"magritte-preview-subtitle___58qfR_1-1-19","text-input-wrapper":"magritte-text-input-wrapper___TPbwC_1-1-19","textInputWrapper":"magritte-text-input-wrapper___TPbwC_1-1-19","with-top-fade":"magritte-with-top-fade___okgqo_1-1-19","withTopFade":"magritte-with-top-fade___okgqo_1-1-19","with-bottom-fade":"magritte-with-bottom-fade___82gr8_1-1-19","withBottomFade":"magritte-with-bottom-fade___82gr8_1-1-19","measure":"magritte-measure___xNKc0_1-1-19","voice-record":"magritte-voice-record___p64PV_1-1-19","voiceRecord":"magritte-voice-record___p64PV_1-1-19","voice-record-left":"magritte-voice-record-left___njEt-_1-1-19","voiceRecordLeft":"magritte-voice-record-left___njEt-_1-1-19","voice-record-right":"magritte-voice-record-right___UTv-U_1-1-19","voiceRecordRight":"magritte-voice-record-right___UTv-U_1-1-19","voice-processing":"magritte-voice-processing___C0xnX_1-1-19","voiceProcessing":"magritte-voice-processing___C0xnX_1-1-19","voice-record-indicator":"magritte-voice-record-indicator___V8ybb_1-1-19","voiceRecordIndicator":"magritte-voice-record-indicator___V8ybb_1-1-19","voice-record-indicator-bar":"magritte-voice-record-indicator-bar___jgyqz_1-1-19","voiceRecordIndicatorBar":"magritte-voice-record-indicator-bar___jgyqz_1-1-19","voice-record-indicator-wave":"magritte-voice-record-indicator-wave___4VsyE_1-1-19","voiceRecordIndicatorWave":"magritte-voice-record-indicator-wave___4VsyE_1-1-19","voice-record-indicator-has-sound":"magritte-voice-record-indicator-has-sound___67t5g_1-1-19","voiceRecordIndicatorHasSound":"magritte-voice-record-indicator-has-sound___67t5g_1-1-19","mode-container":"magritte-mode-container___nATVD_1-1-19","modeContainer":"magritte-mode-container___nATVD_1-1-19","voice-overlay":"magritte-voice-overlay___LbxAI_1-1-19","voiceOverlay":"magritte-voice-overlay___LbxAI_1-1-19"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=styles-CXscNVWO.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles-CXscNVWO.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"chat-input":"magritte-chat-input___P69oN_1-1-17","chatInput":"magritte-chat-input___P69oN_1-1-17","no-background":"magritte-no-background___eiIY1_1-1-17","noBackground":"magritte-no-background___eiIY1_1-1-17","text-input-focused":"magritte-text-input-focused___TfyLu_1-1-17","textInputFocused":"magritte-text-input-focused___TfyLu_1-1-17","content-grid":"magritte-content-grid___g03sT_1-1-17","contentGrid":"magritte-content-grid___g03sT_1-1-17","preview":"magritte-preview___baXKi_1-1-17","left":"magritte-left___7JZYp_1-1-17","central":"magritte-central___zkguj_1-1-17","right":"magritte-right___-tGcO_1-1-17","scrollbar-cell":"magritte-scrollbar-cell___--M2x_1-1-17","scrollbarCell":"magritte-scrollbar-cell___--M2x_1-1-17","text-input":"magritte-text-input___3AFO4_1-1-17","textInput":"magritte-text-input___3AFO4_1-1-17","layout-vertical":"magritte-layout-vertical___mVTr-_1-1-17","layoutVertical":"magritte-layout-vertical___mVTr-_1-1-17","has-central":"magritte-has-central___VRZik_1-1-17","hasCentral":"magritte-has-central___VRZik_1-1-17","no-left-controls":"magritte-no-left-controls___7r6yy_1-1-17","noLeftControls":"magritte-no-left-controls___7r6yy_1-1-17","no-right-controls":"magritte-no-right-controls___HBSag_1-1-17","noRightControls":"magritte-no-right-controls___HBSag_1-1-17","chips":"magritte-chips___gLao5_1-1-17","chips-container":"magritte-chips-container___-bS5O_1-1-17","chipsContainer":"magritte-chips-container___-bS5O_1-1-17","preview-block":"magritte-preview-block___iiPdS_1-1-17","previewBlock":"magritte-preview-block___iiPdS_1-1-17","preview-side":"magritte-preview-side___ymR-u_1-1-17","previewSide":"magritte-preview-side___ymR-u_1-1-17","preview-content":"magritte-preview-content___ZgyBD_1-1-17","previewContent":"magritte-preview-content___ZgyBD_1-1-17","preview-title":"magritte-preview-title___SkFeZ_1-1-17","previewTitle":"magritte-preview-title___SkFeZ_1-1-17","preview-subtitle":"magritte-preview-subtitle___58qfR_1-1-17","previewSubtitle":"magritte-preview-subtitle___58qfR_1-1-17","text-input-wrapper":"magritte-text-input-wrapper___TPbwC_1-1-17","textInputWrapper":"magritte-text-input-wrapper___TPbwC_1-1-17","with-top-fade":"magritte-with-top-fade___okgqo_1-1-17","withTopFade":"magritte-with-top-fade___okgqo_1-1-17","with-bottom-fade":"magritte-with-bottom-fade___82gr8_1-1-17","withBottomFade":"magritte-with-bottom-fade___82gr8_1-1-17","measure":"magritte-measure___xNKc0_1-1-17","voice-record":"magritte-voice-record___p64PV_1-1-17","voiceRecord":"magritte-voice-record___p64PV_1-1-17","voice-record-left":"magritte-voice-record-left___njEt-_1-1-17","voiceRecordLeft":"magritte-voice-record-left___njEt-_1-1-17","voice-record-right":"magritte-voice-record-right___UTv-U_1-1-17","voiceRecordRight":"magritte-voice-record-right___UTv-U_1-1-17","voice-processing":"magritte-voice-processing___C0xnX_1-1-17","voiceProcessing":"magritte-voice-processing___C0xnX_1-1-17","voice-record-indicator":"magritte-voice-record-indicator___V8ybb_1-1-17","voiceRecordIndicator":"magritte-voice-record-indicator___V8ybb_1-1-17","voice-record-indicator-bar":"magritte-voice-record-indicator-bar___jgyqz_1-1-17","voiceRecordIndicatorBar":"magritte-voice-record-indicator-bar___jgyqz_1-1-17","voice-record-indicator-wave":"magritte-voice-record-indicator-wave___4VsyE_1-1-17","voiceRecordIndicatorWave":"magritte-voice-record-indicator-wave___4VsyE_1-1-17","voice-record-indicator-has-sound":"magritte-voice-record-indicator-has-sound___67t5g_1-1-17","voiceRecordIndicatorHasSound":"magritte-voice-record-indicator-has-sound___67t5g_1-1-17","mode-container":"magritte-mode-container___nATVD_1-1-17","modeContainer":"magritte-mode-container___nATVD_1-1-17","voice-overlay":"magritte-voice-overlay___LbxAI_1-1-17","voiceOverlay":"magritte-voice-overlay___LbxAI_1-1-17"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=styles-EAVuxv9Y.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles-EAVuxv9Y.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}