@hh.ru/magritte-ui-chat-input 1.1.2 → 1.1.3

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-v24-8-1:#ffffff;
3
- --magritte-color-stroke-neutral-v24-8-1:#DCE3EB;
4
- --magritte-color-stroke-state-focused-accessible-v24-8-1:#0070ff7a;
5
- --magritte-color-stroke-state-neutral-hovered-v24-8-1:#DCE3EB;
6
- --magritte-color-text-primary-v24-8-1:#000000;
7
- --magritte-color-text-secondary-v24-8-1:#768694;
8
- --magritte-color-text-tertiary-v24-8-1:#AABBCA;
9
- --magritte-color-icon-tertiary-v24-8-1:#AABBCA;
10
- --magritte-gradient-component-chat-input-background-fade-v24-8-1:#ffffff00 0%, #ffffff 100%;
11
- --magritte-shadow-level-1-color-v24-8-1:#7090b029;
12
- --magritte-shadow-level-1-x-v24-8-1:0px;
13
- --magritte-shadow-level-1-y-v24-8-1:4px;
14
- --magritte-shadow-level-1-blur-v24-8-1:12px;
15
- --magritte-shadow-level-1-spread-v24-8-1:0px;
2
+ --magritte-color-background-primary-v24-8-2:#ffffff;
3
+ --magritte-color-stroke-neutral-v24-8-2:#DCE3EB;
4
+ --magritte-color-stroke-state-focused-accessible-v24-8-2:#0070ff7a;
5
+ --magritte-color-stroke-state-neutral-hovered-v24-8-2:#DCE3EB;
6
+ --magritte-color-text-primary-v24-8-2:#000000;
7
+ --magritte-color-text-secondary-v24-8-2:#768694;
8
+ --magritte-color-text-tertiary-v24-8-2:#AABBCA;
9
+ --magritte-color-icon-tertiary-v24-8-2:#AABBCA;
10
+ --magritte-gradient-component-chat-input-background-fade-v24-8-2:#ffffff00 0%, #ffffff 100%;
11
+ --magritte-shadow-level-1-color-v24-8-2:#7090b029;
12
+ --magritte-shadow-level-1-x-v24-8-2:0px;
13
+ --magritte-shadow-level-1-y-v24-8-2:4px;
14
+ --magritte-shadow-level-1-blur-v24-8-2:12px;
15
+ --magritte-shadow-level-1-spread-v24-8-2:0px;
16
16
  }
17
17
 
18
18
  :root{
19
- --magritte-semantic-animation-time-s-duration-v24-8-1:200ms;
20
- --magritte-semantic-animation-ease-base-timing-function-v24-8-1:cubic-bezier(0.4, 0.24, 0, 1);
19
+ --magritte-semantic-animation-time-s-duration-v24-8-2:200ms;
20
+ --magritte-semantic-animation-ease-base-timing-function-v24-8-2:cubic-bezier(0.4, 0.24, 0, 1);
21
21
  }
22
22
 
23
23
  .magritte-night-theme{
24
- --magritte-color-background-primary-v24-8-1:#1B1B1B;
25
- --magritte-color-stroke-neutral-v24-8-1:#303030;
26
- --magritte-color-stroke-state-neutral-hovered-v24-8-1:#303030;
27
- --magritte-color-text-primary-v24-8-1:#ffffff;
28
- --magritte-color-text-secondary-v24-8-1:#ABABAB;
29
- --magritte-color-text-tertiary-v24-8-1:#767676;
30
- --magritte-color-icon-tertiary-v24-8-1:#767676;
31
- --magritte-gradient-component-chat-input-background-fade-v24-8-1:#1b1b1b00 0%, #1b1b1b 100%;
32
- --magritte-shadow-level-1-color-v24-8-1:#00000029;
33
- }
34
- .magritte-chat-input___P69oN_1-1-2{
35
- --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v24-8-1);
24
+ --magritte-color-background-primary-v24-8-2:#1B1B1B;
25
+ --magritte-color-stroke-neutral-v24-8-2:#303030;
26
+ --magritte-color-stroke-state-neutral-hovered-v24-8-2:#303030;
27
+ --magritte-color-text-primary-v24-8-2:#ffffff;
28
+ --magritte-color-text-secondary-v24-8-2:#ABABAB;
29
+ --magritte-color-text-tertiary-v24-8-2:#767676;
30
+ --magritte-color-icon-tertiary-v24-8-2:#767676;
31
+ --magritte-gradient-component-chat-input-background-fade-v24-8-2:#1b1b1b00 0%, #1b1b1b 100%;
32
+ --magritte-shadow-level-1-color-v24-8-2:#00000029;
33
+ }
34
+ .magritte-chat-input___P69oN_1-1-3{
35
+ --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v24-8-2);
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-v24-8-1);
41
+ background-color:var(--magritte-color-background-primary-v24-8-2);
42
42
  --magritte-ui-scrollbar-offset-right:-12px;
43
43
  }
44
- .magritte-chat-input___P69oN_1-1-2.magritte-no-background___eiIY1_1-1-2{
44
+ .magritte-chat-input___P69oN_1-1-3.magritte-no-background___eiIY1_1-1-3{
45
45
  background:none;
46
46
  --chat-input-stroke-color:transparent !important;
47
47
  }
48
- .magritte-chat-input___P69oN_1-1-2:has(*:focus){
49
- --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v24-8-1) var(--magritte-shadow-level-1-y-v24-8-1) var(--magritte-shadow-level-1-blur-v24-8-1) var(--magritte-shadow-level-1-spread-v24-8-1) var(--magritte-shadow-level-1-color-v24-8-1);
48
+ .magritte-chat-input___P69oN_1-1-3:has(*:focus){
49
+ --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v24-8-2) var(--magritte-shadow-level-1-y-v24-8-2) var(--magritte-shadow-level-1-blur-v24-8-2) var(--magritte-shadow-level-1-spread-v24-8-2) var(--magritte-shadow-level-1-color-v24-8-2);
50
50
  }
51
- .magritte-chat-input___P69oN_1-1-2:has(.magritte-text-input-focused___TfyLu_1-1-2){
52
- outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v24-8-1);
51
+ .magritte-chat-input___P69oN_1-1-3:has(.magritte-text-input-focused___TfyLu_1-1-3){
52
+ outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v24-8-2);
53
53
  }
54
54
  @media (min-width: 1020px){
55
- body.magritte-old-layout .magritte-chat-input___P69oN_1-1-2:hover{
56
- --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v24-8-1);
55
+ body.magritte-old-layout .magritte-chat-input___P69oN_1-1-3:hover{
56
+ --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v24-8-2);
57
57
  }
58
58
  }
59
59
  @media (min-width: 1024px){
60
- body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-1-2:hover{
61
- --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v24-8-1);
60
+ body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-1-3:hover{
61
+ --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v24-8-2);
62
62
  }
63
63
  }
64
- .magritte-content-grid___g03sT_1-1-2{
64
+ .magritte-content-grid___g03sT_1-1-3{
65
65
  display:grid;
66
66
  grid-template-columns:auto minmax(0, 1fr) auto;
67
67
  }
68
- .magritte-content-grid___g03sT_1-1-2 .magritte-preview___baXKi_1-1-2{
68
+ .magritte-content-grid___g03sT_1-1-3 .magritte-preview___baXKi_1-1-3{
69
69
  grid-area:1 / 1 / 2 / -1;
70
70
  }
71
- .magritte-content-grid___g03sT_1-1-2 .magritte-left___7JZYp_1-1-2{
71
+ .magritte-content-grid___g03sT_1-1-3 .magritte-left___7JZYp_1-1-3{
72
72
  grid-area:3 / 1;
73
73
  align-self:end;
74
74
  }
75
- .magritte-content-grid___g03sT_1-1-2 .magritte-central___zkguj_1-1-2{
75
+ .magritte-content-grid___g03sT_1-1-3 .magritte-central___zkguj_1-1-3{
76
76
  grid-area:3 / 2;
77
77
  align-self:center;
78
78
  }
79
- .magritte-content-grid___g03sT_1-1-2 .magritte-right___-tGcO_1-1-2{
79
+ .magritte-content-grid___g03sT_1-1-3 .magritte-right___-tGcO_1-1-3{
80
80
  grid-area:3 / 3;
81
81
  align-self:end;
82
82
  }
83
- .magritte-content-grid___g03sT_1-1-2 .magritte-scrollbar-cell___--M2x_1-1-2{
83
+ .magritte-content-grid___g03sT_1-1-3 .magritte-scrollbar-cell___--M2x_1-1-3{
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-2 .magritte-scrollbar-cell___--M2x_1-1-2 > div{
88
+ .magritte-content-grid___g03sT_1-1-3 .magritte-scrollbar-cell___--M2x_1-1-3 > div{
89
89
  pointer-events:auto;
90
90
  }
91
- .magritte-content-grid___g03sT_1-1-2 .magritte-text-input___3AFO4_1-1-2{
91
+ .magritte-content-grid___g03sT_1-1-3 .magritte-text-input___3AFO4_1-1-3{
92
92
  grid-area:3 / 2;
93
93
  }
94
- .magritte-content-grid___g03sT_1-1-2 .magritte-text-input___3AFO4_1-1-2.magritte-layout-vertical___mVTr-_1-1-2,
95
- .magritte-content-grid___g03sT_1-1-2.magritte-has-central___VRZik_1-1-2 .magritte-text-input___3AFO4_1-1-2{
94
+ .magritte-content-grid___g03sT_1-1-3 .magritte-text-input___3AFO4_1-1-3.magritte-layout-vertical___mVTr-_1-1-3,
95
+ .magritte-content-grid___g03sT_1-1-3.magritte-has-central___VRZik_1-1-3 .magritte-text-input___3AFO4_1-1-3{
96
96
  grid-area:2 / 1 / 3 / -1;
97
97
  }
98
- .magritte-content-grid___g03sT_1-1-2.magritte-no-left-controls___7r6yy_1-1-2:not(.magritte-has-central___VRZik_1-1-2) .magritte-text-input___3AFO4_1-1-2{
98
+ .magritte-content-grid___g03sT_1-1-3.magritte-no-left-controls___7r6yy_1-1-3:not(.magritte-has-central___VRZik_1-1-3) .magritte-text-input___3AFO4_1-1-3{
99
99
  grid-area:2 / 1 / 4 / 3;
100
100
  }
101
- .magritte-content-grid___g03sT_1-1-2.magritte-no-right-controls___HBSag_1-1-2:not(.magritte-has-central___VRZik_1-1-2) .magritte-text-input___3AFO4_1-1-2{
101
+ .magritte-content-grid___g03sT_1-1-3.magritte-no-right-controls___HBSag_1-1-3:not(.magritte-has-central___VRZik_1-1-3) .magritte-text-input___3AFO4_1-1-3{
102
102
  grid-area:2 / 2 / 4 / -1;
103
103
  }
104
- .magritte-content-grid___g03sT_1-1-2.magritte-no-left-controls___7r6yy_1-1-2:not(.magritte-has-central___VRZik_1-1-2){
104
+ .magritte-content-grid___g03sT_1-1-3.magritte-no-left-controls___7r6yy_1-1-3:not(.magritte-has-central___VRZik_1-1-3){
105
105
  grid-template-rows:auto minmax(0, 1fr) auto;
106
106
  }
107
- .magritte-right___-tGcO_1-1-2,
108
- .magritte-left___7JZYp_1-1-2{
107
+ .magritte-right___-tGcO_1-1-3,
108
+ .magritte-left___7JZYp_1-1-3{
109
109
  display:flex;
110
110
  gap:8px;
111
111
  }
112
- .magritte-chips___gLao5_1-1-2{
112
+ .magritte-chips___gLao5_1-1-3{
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-2{
118
+ .magritte-chips-container___-bS5O_1-1-3{
119
119
  padding:0 12px;
120
120
  }
121
- .magritte-no-left-controls___7r6yy_1-1-2 .magritte-chips-container___-bS5O_1-1-2{
121
+ .magritte-no-left-controls___7r6yy_1-1-3 .magritte-chips-container___-bS5O_1-1-3{
122
122
  padding-left:0;
123
123
  }
124
- .magritte-no-right-controls___HBSag_1-1-2 .magritte-chips-container___-bS5O_1-1-2{
124
+ .magritte-no-right-controls___HBSag_1-1-3 .magritte-chips-container___-bS5O_1-1-3{
125
125
  padding-right:0;
126
126
  }
127
- .magritte-preview-block___iiPdS_1-1-2{
127
+ .magritte-preview-block___iiPdS_1-1-3{
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-2{
133
+ .magritte-preview-side___ymR-u_1-1-3{
134
134
  display:flex;
135
135
  flex-shrink:0;
136
136
  }
137
- .magritte-preview-content___ZgyBD_1-1-2{
137
+ .magritte-preview-content___ZgyBD_1-1-3{
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-2{
143
+ .magritte-preview-title___SkFeZ_1-1-3{
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-v24-8-1);
152
+ color:var(--magritte-color-text-primary-v24-8-2);
153
153
  }
154
- .magritte-preview-subtitle___58qfR_1-1-2{
154
+ .magritte-preview-subtitle___58qfR_1-1-3{
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-v24-8-1);
164
+ color:var(--magritte-color-text-secondary-v24-8-2);
165
165
  white-space:nowrap;
166
166
  text-overflow:ellipsis;
167
167
  }
168
- .magritte-text-input-wrapper___TPbwC_1-1-2{
168
+ .magritte-text-input-wrapper___TPbwC_1-1-3{
169
169
  display:contents;
170
170
  }
171
- .magritte-text-input___3AFO4_1-1-2{
171
+ .magritte-text-input___3AFO4_1-1-3{
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-v24-8-1);
193
+ color:var(--magritte-color-text-primary-v24-8-2);
194
194
  }
195
- .magritte-text-input___3AFO4_1-1-2::placeholder{
196
- color:var(--magritte-color-text-tertiary-v24-8-1);
195
+ .magritte-text-input___3AFO4_1-1-3::placeholder{
196
+ color:var(--magritte-color-text-tertiary-v24-8-2);
197
197
  opacity:1;
198
198
  }
199
- .magritte-text-input___3AFO4_1-1-2:focus,
200
- .magritte-text-input___3AFO4_1-1-2:focus-visible{
199
+ .magritte-text-input___3AFO4_1-1-3:focus,
200
+ .magritte-text-input___3AFO4_1-1-3:focus-visible{
201
201
  border:none;
202
202
  outline:none;
203
203
  }
204
- .magritte-text-input___3AFO4_1-1-2.magritte-with-top-fade___okgqo_1-1-2,
205
- .magritte-text-input___3AFO4_1-1-2.magritte-with-bottom-fade___82gr8_1-1-2{
204
+ .magritte-text-input___3AFO4_1-1-3.magritte-with-top-fade___okgqo_1-1-3,
205
+ .magritte-text-input___3AFO4_1-1-3.magritte-with-bottom-fade___82gr8_1-1-3{
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-2.magritte-with-top-fade___okgqo_1-1-2{
210
- --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v24-8-1));
209
+ .magritte-text-input___3AFO4_1-1-3.magritte-with-top-fade___okgqo_1-1-3{
210
+ --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v24-8-2));
211
211
  }
212
- .magritte-text-input___3AFO4_1-1-2.magritte-with-bottom-fade___82gr8_1-1-2{
213
- --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v24-8-1));
212
+ .magritte-text-input___3AFO4_1-1-3.magritte-with-bottom-fade___82gr8_1-1-3{
213
+ --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v24-8-2));
214
214
  }
215
- .magritte-text-input___3AFO4_1-1-2.magritte-measure___xNKc0_1-1-2{
215
+ .magritte-text-input___3AFO4_1-1-3.magritte-measure___xNKc0_1-1-3{
216
216
  height:20px !important;
217
217
  padding:0 !important;
218
218
  margin:0 !important;
219
219
  }
220
- .magritte-voice-record___p64PV_1-1-2{
220
+ .magritte-voice-record___p64PV_1-1-3{
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-2{
230
+ .magritte-voice-record-left___njEt-_1-1-3{
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-2{
236
+ .magritte-voice-record-right___UTv-U_1-1-3{
237
237
  display:flex;
238
238
  align-items:center;
239
239
  gap:8px;
240
240
  }
241
- .magritte-voice-record-right___UTv-U_1-1-2.magritte-voice-processing___C0xnX_1-1-2{
241
+ .magritte-voice-record-right___UTv-U_1-1-3.magritte-voice-processing___C0xnX_1-1-3{
242
242
  padding:8px;
243
243
  }
244
- .magritte-voice-record-indicator___V8ybb_1-1-2{
244
+ .magritte-voice-record-indicator___V8ybb_1-1-3{
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-2{
250
+ .magritte-voice-record-indicator-bar___jgyqz_1-1-3{
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-v24-8-1);
256
- transition:max-height var(--magritte-semantic-animation-time-s-duration-v24-8-1) var(--magritte-semantic-animation-ease-base-timing-function-v24-8-1);
257
- animation:magritte-voice-record-indicator-wave___4VsyE_1-1-2 400ms linear infinite alternate paused;
255
+ background-color:var(--magritte-color-icon-tertiary-v24-8-2);
256
+ transition:max-height var(--magritte-semantic-animation-time-s-duration-v24-8-2) var(--magritte-semantic-animation-ease-base-timing-function-v24-8-2);
257
+ animation:magritte-voice-record-indicator-wave___4VsyE_1-1-3 400ms linear infinite alternate paused;
258
258
  }
259
- .magritte-voice-record-indicator-has-sound___67t5g_1-1-2 .magritte-voice-record-indicator-bar___jgyqz_1-1-2{
259
+ .magritte-voice-record-indicator-has-sound___67t5g_1-1-3 .magritte-voice-record-indicator-bar___jgyqz_1-1-3{
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-2 .magritte-voice-record-indicator-bar___jgyqz_1-1-2{
264
+ .magritte-voice-record-indicator-has-sound___67t5g_1-1-3 .magritte-voice-record-indicator-bar___jgyqz_1-1-3{
265
265
  animation-play-state:paused;
266
266
  }
267
267
  }
268
- @keyframes magritte-voice-record-indicator-wave___4VsyE_1-1-2{
268
+ @keyframes magritte-voice-record-indicator-wave___4VsyE_1-1-3{
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-2{
276
+ .magritte-mode-container___nATVD_1-1-3{
277
277
  position:relative;
278
278
  display:grid;
279
279
  align-content:end;
280
280
  }
281
- .magritte-voice-overlay___LbxAI_1-1-2{
281
+ .magritte-voice-overlay___LbxAI_1-1-3{
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/types';
12
- import './styles-DS-nqvkP.js';
12
+ import './styles-CzxZDCZ3.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 { tokenSemanticAnimationEaseBaseX1, tokenSemanticAnimationEaseBaseY1, tokenSemanticAnimationEaseBaseX2, tokenSemanticAnimationEaseBaseY2, tokenSemanticAnimationTimeSDuration } from '@hh.ru/magritte-design-tokens/types';
5
- import { s as styles } from '../styles-DS-nqvkP.js';
5
+ import { s as styles } from '../styles-CzxZDCZ3.js';
6
6
 
7
7
  const EASE_BASE = [
8
8
  tokenSemanticAnimationEaseBaseX1,
@@ -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-DS-nqvkP.js';
8
+ import { s as styles } from '../styles-CzxZDCZ3.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-DS-nqvkP.js';
12
+ import { s as styles } from '../styles-CzxZDCZ3.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-DS-nqvkP.js';
5
+ import { s as styles } from '../styles-CzxZDCZ3.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.2",
3
+ "version": "1.1.3",
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.2.0",
34
- "@hh.ru/magritte-design-tokens": "24.8.1",
34
+ "@hh.ru/magritte-design-tokens": "24.8.2",
35
35
  "@hh.ru/magritte-internal-slot-registry": "1.1.0",
36
- "@hh.ru/magritte-ui-chips": "7.0.28",
37
- "@hh.ru/magritte-ui-icon": "14.3.0",
38
- "@hh.ru/magritte-ui-loader": "4.0.6",
39
- "@hh.ru/magritte-ui-scrollable-container": "6.3.3",
40
- "@hh.ru/magritte-ui-scrollbar": "1.0.31",
41
- "@hh.ru/magritte-ui-typography": "5.3.9"
36
+ "@hh.ru/magritte-ui-chips": "7.0.29",
37
+ "@hh.ru/magritte-ui-icon": "14.3.1",
38
+ "@hh.ru/magritte-ui-loader": "4.0.7",
39
+ "@hh.ru/magritte-ui-scrollable-container": "6.3.4",
40
+ "@hh.ru/magritte-ui-scrollbar": "1.0.32",
41
+ "@hh.ru/magritte-ui-typography": "5.3.10"
42
42
  },
43
- "gitHead": "a75eacf05a65406cd60e0fdf9fde2f4427939309"
43
+ "gitHead": "8b57ec2cfaa40d2fb16738d26166f47bfb44b208"
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-DS-nqvkP.js';
20
+ import { s as styles } from '../styles-CzxZDCZ3.js';
21
21
  import 'motion/react';
22
22
  import '@hh.ru/magritte-design-tokens/types';
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-DS-nqvkP.js';
6
+ import { s as styles } from '../styles-CzxZDCZ3.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-DS-nqvkP.js';
4
+ import { s as styles } from '../styles-CzxZDCZ3.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-3","chatInput":"magritte-chat-input___P69oN_1-1-3","no-background":"magritte-no-background___eiIY1_1-1-3","noBackground":"magritte-no-background___eiIY1_1-1-3","text-input-focused":"magritte-text-input-focused___TfyLu_1-1-3","textInputFocused":"magritte-text-input-focused___TfyLu_1-1-3","content-grid":"magritte-content-grid___g03sT_1-1-3","contentGrid":"magritte-content-grid___g03sT_1-1-3","preview":"magritte-preview___baXKi_1-1-3","left":"magritte-left___7JZYp_1-1-3","central":"magritte-central___zkguj_1-1-3","right":"magritte-right___-tGcO_1-1-3","scrollbar-cell":"magritte-scrollbar-cell___--M2x_1-1-3","scrollbarCell":"magritte-scrollbar-cell___--M2x_1-1-3","text-input":"magritte-text-input___3AFO4_1-1-3","textInput":"magritte-text-input___3AFO4_1-1-3","layout-vertical":"magritte-layout-vertical___mVTr-_1-1-3","layoutVertical":"magritte-layout-vertical___mVTr-_1-1-3","has-central":"magritte-has-central___VRZik_1-1-3","hasCentral":"magritte-has-central___VRZik_1-1-3","no-left-controls":"magritte-no-left-controls___7r6yy_1-1-3","noLeftControls":"magritte-no-left-controls___7r6yy_1-1-3","no-right-controls":"magritte-no-right-controls___HBSag_1-1-3","noRightControls":"magritte-no-right-controls___HBSag_1-1-3","chips":"magritte-chips___gLao5_1-1-3","chips-container":"magritte-chips-container___-bS5O_1-1-3","chipsContainer":"magritte-chips-container___-bS5O_1-1-3","preview-block":"magritte-preview-block___iiPdS_1-1-3","previewBlock":"magritte-preview-block___iiPdS_1-1-3","preview-side":"magritte-preview-side___ymR-u_1-1-3","previewSide":"magritte-preview-side___ymR-u_1-1-3","preview-content":"magritte-preview-content___ZgyBD_1-1-3","previewContent":"magritte-preview-content___ZgyBD_1-1-3","preview-title":"magritte-preview-title___SkFeZ_1-1-3","previewTitle":"magritte-preview-title___SkFeZ_1-1-3","preview-subtitle":"magritte-preview-subtitle___58qfR_1-1-3","previewSubtitle":"magritte-preview-subtitle___58qfR_1-1-3","text-input-wrapper":"magritte-text-input-wrapper___TPbwC_1-1-3","textInputWrapper":"magritte-text-input-wrapper___TPbwC_1-1-3","with-top-fade":"magritte-with-top-fade___okgqo_1-1-3","withTopFade":"magritte-with-top-fade___okgqo_1-1-3","with-bottom-fade":"magritte-with-bottom-fade___82gr8_1-1-3","withBottomFade":"magritte-with-bottom-fade___82gr8_1-1-3","measure":"magritte-measure___xNKc0_1-1-3","voice-record":"magritte-voice-record___p64PV_1-1-3","voiceRecord":"magritte-voice-record___p64PV_1-1-3","voice-record-left":"magritte-voice-record-left___njEt-_1-1-3","voiceRecordLeft":"magritte-voice-record-left___njEt-_1-1-3","voice-record-right":"magritte-voice-record-right___UTv-U_1-1-3","voiceRecordRight":"magritte-voice-record-right___UTv-U_1-1-3","voice-processing":"magritte-voice-processing___C0xnX_1-1-3","voiceProcessing":"magritte-voice-processing___C0xnX_1-1-3","voice-record-indicator":"magritte-voice-record-indicator___V8ybb_1-1-3","voiceRecordIndicator":"magritte-voice-record-indicator___V8ybb_1-1-3","voice-record-indicator-bar":"magritte-voice-record-indicator-bar___jgyqz_1-1-3","voiceRecordIndicatorBar":"magritte-voice-record-indicator-bar___jgyqz_1-1-3","voice-record-indicator-wave":"magritte-voice-record-indicator-wave___4VsyE_1-1-3","voiceRecordIndicatorWave":"magritte-voice-record-indicator-wave___4VsyE_1-1-3","voice-record-indicator-has-sound":"magritte-voice-record-indicator-has-sound___67t5g_1-1-3","voiceRecordIndicatorHasSound":"magritte-voice-record-indicator-has-sound___67t5g_1-1-3","mode-container":"magritte-mode-container___nATVD_1-1-3","modeContainer":"magritte-mode-container___nATVD_1-1-3","voice-overlay":"magritte-voice-overlay___LbxAI_1-1-3","voiceOverlay":"magritte-voice-overlay___LbxAI_1-1-3"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=styles-CzxZDCZ3.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles-CzxZDCZ3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"chat-input":"magritte-chat-input___P69oN_1-1-2","chatInput":"magritte-chat-input___P69oN_1-1-2","no-background":"magritte-no-background___eiIY1_1-1-2","noBackground":"magritte-no-background___eiIY1_1-1-2","text-input-focused":"magritte-text-input-focused___TfyLu_1-1-2","textInputFocused":"magritte-text-input-focused___TfyLu_1-1-2","content-grid":"magritte-content-grid___g03sT_1-1-2","contentGrid":"magritte-content-grid___g03sT_1-1-2","preview":"magritte-preview___baXKi_1-1-2","left":"magritte-left___7JZYp_1-1-2","central":"magritte-central___zkguj_1-1-2","right":"magritte-right___-tGcO_1-1-2","scrollbar-cell":"magritte-scrollbar-cell___--M2x_1-1-2","scrollbarCell":"magritte-scrollbar-cell___--M2x_1-1-2","text-input":"magritte-text-input___3AFO4_1-1-2","textInput":"magritte-text-input___3AFO4_1-1-2","layout-vertical":"magritte-layout-vertical___mVTr-_1-1-2","layoutVertical":"magritte-layout-vertical___mVTr-_1-1-2","has-central":"magritte-has-central___VRZik_1-1-2","hasCentral":"magritte-has-central___VRZik_1-1-2","no-left-controls":"magritte-no-left-controls___7r6yy_1-1-2","noLeftControls":"magritte-no-left-controls___7r6yy_1-1-2","no-right-controls":"magritte-no-right-controls___HBSag_1-1-2","noRightControls":"magritte-no-right-controls___HBSag_1-1-2","chips":"magritte-chips___gLao5_1-1-2","chips-container":"magritte-chips-container___-bS5O_1-1-2","chipsContainer":"magritte-chips-container___-bS5O_1-1-2","preview-block":"magritte-preview-block___iiPdS_1-1-2","previewBlock":"magritte-preview-block___iiPdS_1-1-2","preview-side":"magritte-preview-side___ymR-u_1-1-2","previewSide":"magritte-preview-side___ymR-u_1-1-2","preview-content":"magritte-preview-content___ZgyBD_1-1-2","previewContent":"magritte-preview-content___ZgyBD_1-1-2","preview-title":"magritte-preview-title___SkFeZ_1-1-2","previewTitle":"magritte-preview-title___SkFeZ_1-1-2","preview-subtitle":"magritte-preview-subtitle___58qfR_1-1-2","previewSubtitle":"magritte-preview-subtitle___58qfR_1-1-2","text-input-wrapper":"magritte-text-input-wrapper___TPbwC_1-1-2","textInputWrapper":"magritte-text-input-wrapper___TPbwC_1-1-2","with-top-fade":"magritte-with-top-fade___okgqo_1-1-2","withTopFade":"magritte-with-top-fade___okgqo_1-1-2","with-bottom-fade":"magritte-with-bottom-fade___82gr8_1-1-2","withBottomFade":"magritte-with-bottom-fade___82gr8_1-1-2","measure":"magritte-measure___xNKc0_1-1-2","voice-record":"magritte-voice-record___p64PV_1-1-2","voiceRecord":"magritte-voice-record___p64PV_1-1-2","voice-record-left":"magritte-voice-record-left___njEt-_1-1-2","voiceRecordLeft":"magritte-voice-record-left___njEt-_1-1-2","voice-record-right":"magritte-voice-record-right___UTv-U_1-1-2","voiceRecordRight":"magritte-voice-record-right___UTv-U_1-1-2","voice-processing":"magritte-voice-processing___C0xnX_1-1-2","voiceProcessing":"magritte-voice-processing___C0xnX_1-1-2","voice-record-indicator":"magritte-voice-record-indicator___V8ybb_1-1-2","voiceRecordIndicator":"magritte-voice-record-indicator___V8ybb_1-1-2","voice-record-indicator-bar":"magritte-voice-record-indicator-bar___jgyqz_1-1-2","voiceRecordIndicatorBar":"magritte-voice-record-indicator-bar___jgyqz_1-1-2","voice-record-indicator-wave":"magritte-voice-record-indicator-wave___4VsyE_1-1-2","voiceRecordIndicatorWave":"magritte-voice-record-indicator-wave___4VsyE_1-1-2","voice-record-indicator-has-sound":"magritte-voice-record-indicator-has-sound___67t5g_1-1-2","voiceRecordIndicatorHasSound":"magritte-voice-record-indicator-has-sound___67t5g_1-1-2","mode-container":"magritte-mode-container___nATVD_1-1-2","modeContainer":"magritte-mode-container___nATVD_1-1-2","voice-overlay":"magritte-voice-overlay___LbxAI_1-1-2","voiceOverlay":"magritte-voice-overlay___LbxAI_1-1-2"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=styles-DS-nqvkP.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles-DS-nqvkP.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}