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

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 (15) hide show
  1. package/index.css +92 -92
  2. package/index.js +2 -2
  3. package/internal/ModeTransition.js +7 -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 +9 -9
  9. package/public/ChatInput.js +2 -2
  10. package/public/ChatInputChips.js +1 -1
  11. package/public/ChatInputPreview.js +1 -1
  12. package/styles-0yXB_zD2.js +5 -0
  13. package/styles-0yXB_zD2.js.map +1 -0
  14. package/styles-DS-nqvkP.js +0 -5
  15. package/styles-DS-nqvkP.js.map +0 -1
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-v25-0-0:#ffffff;
3
+ --magritte-color-stroke-neutral-v25-0-0:#DCE3EB;
4
+ --magritte-color-stroke-state-focused-accessible-v25-0-0:#0070ff7a;
5
+ --magritte-color-stroke-state-neutral-hovered-v25-0-0:#DCE3EB;
6
+ --magritte-color-text-primary-v25-0-0:#000000;
7
+ --magritte-color-text-secondary-v25-0-0:#768694;
8
+ --magritte-color-text-tertiary-v25-0-0:#AABBCA;
9
+ --magritte-color-icon-tertiary-v25-0-0:#AABBCA;
10
+ --magritte-gradient-component-chat-input-background-fade-v25-0-0:#ffffff00 0%, #ffffff 100%;
11
+ --magritte-shadow-level-1-color-v25-0-0:#7090b029;
12
+ --magritte-shadow-level-1-x-v25-0-0:0px;
13
+ --magritte-shadow-level-1-y-v25-0-0:4px;
14
+ --magritte-shadow-level-1-blur-v25-0-0:12px;
15
+ --magritte-shadow-level-1-spread-v25-0-0: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-v25-0-0:200ms;
20
+ --magritte-semantic-animation-ease-base-timing-function-v25-0-0: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-v25-0-0:#1B1B1B;
25
+ --magritte-color-stroke-neutral-v25-0-0:#303030;
26
+ --magritte-color-stroke-state-neutral-hovered-v25-0-0:#303030;
27
+ --magritte-color-text-primary-v25-0-0:#ffffff;
28
+ --magritte-color-text-secondary-v25-0-0:#ABABAB;
29
+ --magritte-color-text-tertiary-v25-0-0:#767676;
30
+ --magritte-color-icon-tertiary-v25-0-0:#767676;
31
+ --magritte-gradient-component-chat-input-background-fade-v25-0-0:#1b1b1b00 0%, #1b1b1b 100%;
32
+ --magritte-shadow-level-1-color-v25-0-0:#00000029;
33
+ }
34
+ .magritte-chat-input___P69oN_1-1-4{
35
+ --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v25-0-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-v24-8-1);
41
+ background-color:var(--magritte-color-background-primary-v25-0-0);
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-4.magritte-no-background___eiIY1_1-1-4{
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-4:has(*:focus){
49
+ --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v25-0-0) var(--magritte-shadow-level-1-y-v25-0-0) var(--magritte-shadow-level-1-blur-v25-0-0) var(--magritte-shadow-level-1-spread-v25-0-0) var(--magritte-shadow-level-1-color-v25-0-0);
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-4:has(.magritte-text-input-focused___TfyLu_1-1-4){
52
+ outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v25-0-0);
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-4:hover{
56
+ --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v25-0-0);
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-4:hover{
61
+ --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v25-0-0);
62
62
  }
63
63
  }
64
- .magritte-content-grid___g03sT_1-1-2{
64
+ .magritte-content-grid___g03sT_1-1-4{
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-4 .magritte-preview___baXKi_1-1-4{
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-4 .magritte-left___7JZYp_1-1-4{
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-4 .magritte-central___zkguj_1-1-4{
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-4 .magritte-right___-tGcO_1-1-4{
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-4 .magritte-scrollbar-cell___--M2x_1-1-4{
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-4 .magritte-scrollbar-cell___--M2x_1-1-4 > 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-4 .magritte-text-input___3AFO4_1-1-4{
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-4 .magritte-text-input___3AFO4_1-1-4.magritte-layout-vertical___mVTr-_1-1-4,
95
+ .magritte-content-grid___g03sT_1-1-4.magritte-has-central___VRZik_1-1-4 .magritte-text-input___3AFO4_1-1-4{
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-4.magritte-no-left-controls___7r6yy_1-1-4:not(.magritte-has-central___VRZik_1-1-4) .magritte-text-input___3AFO4_1-1-4{
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-4.magritte-no-right-controls___HBSag_1-1-4:not(.magritte-has-central___VRZik_1-1-4) .magritte-text-input___3AFO4_1-1-4{
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-4.magritte-no-left-controls___7r6yy_1-1-4:not(.magritte-has-central___VRZik_1-1-4){
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-4,
108
+ .magritte-left___7JZYp_1-1-4{
109
109
  display:flex;
110
110
  gap:8px;
111
111
  }
112
- .magritte-chips___gLao5_1-1-2{
112
+ .magritte-chips___gLao5_1-1-4{
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-4{
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-4 .magritte-chips-container___-bS5O_1-1-4{
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-4 .magritte-chips-container___-bS5O_1-1-4{
125
125
  padding-right:0;
126
126
  }
127
- .magritte-preview-block___iiPdS_1-1-2{
127
+ .magritte-preview-block___iiPdS_1-1-4{
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-4{
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-4{
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-4{
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-v25-0-0);
153
153
  }
154
- .magritte-preview-subtitle___58qfR_1-1-2{
154
+ .magritte-preview-subtitle___58qfR_1-1-4{
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-v25-0-0);
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-4{
169
169
  display:contents;
170
170
  }
171
- .magritte-text-input___3AFO4_1-1-2{
171
+ .magritte-text-input___3AFO4_1-1-4{
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-v25-0-0);
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-4::placeholder{
196
+ color:var(--magritte-color-text-tertiary-v25-0-0);
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-4:focus,
200
+ .magritte-text-input___3AFO4_1-1-4: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-4.magritte-with-top-fade___okgqo_1-1-4,
205
+ .magritte-text-input___3AFO4_1-1-4.magritte-with-bottom-fade___82gr8_1-1-4{
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-4.magritte-with-top-fade___okgqo_1-1-4{
210
+ --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v25-0-0));
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-4.magritte-with-bottom-fade___82gr8_1-1-4{
213
+ --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v25-0-0));
214
214
  }
215
- .magritte-text-input___3AFO4_1-1-2.magritte-measure___xNKc0_1-1-2{
215
+ .magritte-text-input___3AFO4_1-1-4.magritte-measure___xNKc0_1-1-4{
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-4{
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-4{
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-4{
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-4.magritte-voice-processing___C0xnX_1-1-4{
242
242
  padding:8px;
243
243
  }
244
- .magritte-voice-record-indicator___V8ybb_1-1-2{
244
+ .magritte-voice-record-indicator___V8ybb_1-1-4{
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-4{
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-v25-0-0);
256
+ transition:max-height var(--magritte-semantic-animation-time-s-duration-v25-0-0) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0);
257
+ animation:magritte-voice-record-indicator-wave___4VsyE_1-1-4 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-4 .magritte-voice-record-indicator-bar___jgyqz_1-1-4{
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-4 .magritte-voice-record-indicator-bar___jgyqz_1-1-4{
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-4{
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-4{
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-4{
282
282
  position:absolute;
283
283
  right:0;
284
284
  bottom:0;
package/index.js CHANGED
@@ -8,8 +8,8 @@ import '@hh.ru/magritte-common-use-multiple-refs';
8
8
  import './internal/ChatInputContext.js';
9
9
  import './internal/ModeTransition.js';
10
10
  import 'motion/react';
11
- import '@hh.ru/magritte-design-tokens/types';
12
- import './styles-DS-nqvkP.js';
11
+ import '@hh.ru/magritte-design-tokens/core-tokens';
12
+ import './styles-0yXB_zD2.js';
13
13
  import './internal/TextInput.js';
14
14
  import './internal/useSendOnEnter.js';
15
15
  import '@hh.ru/magritte-common-keyboard';
package/internal/ModeTransition.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import './../index.css';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { useReducedMotion, motion } from 'motion/react';
4
- import { tokenSemanticAnimationEaseBaseX1, tokenSemanticAnimationEaseBaseY1, tokenSemanticAnimationEaseBaseX2, tokenSemanticAnimationEaseBaseY2, tokenSemanticAnimationTimeSDuration } from '@hh.ru/magritte-design-tokens/types';
5
- import { s as styles } from '../styles-DS-nqvkP.js';
4
+ import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
5
+ import { s as styles } from '../styles-0yXB_zD2.js';
6
6
 
7
7
  const EASE_BASE = [
8
- tokenSemanticAnimationEaseBaseX1,
9
- tokenSemanticAnimationEaseBaseY1,
10
- tokenSemanticAnimationEaseBaseX2,
11
- tokenSemanticAnimationEaseBaseY2,
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
12
  ];
13
- const MODE_TRANSITION_DURATION_MS = tokenSemanticAnimationTimeSDuration;
13
+ const MODE_TRANSITION_DURATION_MS = CoreTokens['magritte-semantic-animation-time-s'].duration;
14
14
  const INSTANT_TRANSITION = { duration: 0 };
15
15
  const MODE_CONTENT_TRANSITION = {
16
16
  duration: MODE_TRANSITION_DURATION_MS / 1000,
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 {\n tokenSemanticAnimationEaseBaseX1,\n tokenSemanticAnimationEaseBaseX2,\n tokenSemanticAnimationEaseBaseY1,\n tokenSemanticAnimationEaseBaseY2,\n tokenSemanticAnimationTimeSDuration,\n} from '@hh.ru/magritte-design-tokens/types';\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 tokenSemanticAnimationEaseBaseX1,\n tokenSemanticAnimationEaseBaseY1,\n tokenSemanticAnimationEaseBaseX2,\n tokenSemanticAnimationEaseBaseY2,\n] as const;\n\nconst MODE_TRANSITION_DURATION_MS = tokenSemanticAnimationTimeSDuration;\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":";;;;;AAwBA,MAAM,SAAS,GAAG;IACd,gCAAgC;IAChC,gCAAgC;IAChC,gCAAgC;IAChC,gCAAgC;CAC1B,CAAC;AAEX,MAAM,2BAA2B,GAAG,mCAAmC,CAAC;AACxE,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 = [\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;;;;"}
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-DS-nqvkP.js';
8
+ import { s as styles } from '../styles-0yXB_zD2.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-DS-nqvkP.js';
12
+ import { s as styles } from '../styles-0yXB_zD2.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-DS-nqvkP.js';
5
+ import { s as styles } from '../styles-0yXB_zD2.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.4",
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": "25.0.0",
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.30",
37
+ "@hh.ru/magritte-ui-icon": "15.0.0",
38
+ "@hh.ru/magritte-ui-loader": "4.0.8",
39
+ "@hh.ru/magritte-ui-scrollable-container": "6.3.5",
40
+ "@hh.ru/magritte-ui-scrollbar": "1.0.33",
41
+ "@hh.ru/magritte-ui-typography": "5.3.11"
42
42
  },
43
- "gitHead": "a75eacf05a65406cd60e0fdf9fde2f4427939309"
43
+ "gitHead": "d2f817b284c3d3865462ffa386ed532ef6010269"
44
44
  }
package/public/ChatInput.js CHANGED
@@ -17,9 +17,9 @@ 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-0yXB_zD2.js';
21
21
  import 'motion/react';
22
- import '@hh.ru/magritte-design-tokens/types';
22
+ import '@hh.ru/magritte-design-tokens/core-tokens';
23
23
  import '../internal/useSendOnEnter.js';
24
24
  import '@hh.ru/magritte-common-keyboard';
25
25
  import '@hh.ru/magritte-ui-scrollbar';
package/public/ChatInputChips.js CHANGED
@@ -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-0yXB_zD2.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
package/public/ChatInputPreview.js CHANGED
@@ -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-0yXB_zD2.js';
5
5
 
6
6
  const DEFAULT_ICON_PROPS = {
7
7
  initialColor: 'secondary',
package/styles-0yXB_zD2.js ADDED
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"chat-input":"magritte-chat-input___P69oN_1-1-4","chatInput":"magritte-chat-input___P69oN_1-1-4","no-background":"magritte-no-background___eiIY1_1-1-4","noBackground":"magritte-no-background___eiIY1_1-1-4","text-input-focused":"magritte-text-input-focused___TfyLu_1-1-4","textInputFocused":"magritte-text-input-focused___TfyLu_1-1-4","content-grid":"magritte-content-grid___g03sT_1-1-4","contentGrid":"magritte-content-grid___g03sT_1-1-4","preview":"magritte-preview___baXKi_1-1-4","left":"magritte-left___7JZYp_1-1-4","central":"magritte-central___zkguj_1-1-4","right":"magritte-right___-tGcO_1-1-4","scrollbar-cell":"magritte-scrollbar-cell___--M2x_1-1-4","scrollbarCell":"magritte-scrollbar-cell___--M2x_1-1-4","text-input":"magritte-text-input___3AFO4_1-1-4","textInput":"magritte-text-input___3AFO4_1-1-4","layout-vertical":"magritte-layout-vertical___mVTr-_1-1-4","layoutVertical":"magritte-layout-vertical___mVTr-_1-1-4","has-central":"magritte-has-central___VRZik_1-1-4","hasCentral":"magritte-has-central___VRZik_1-1-4","no-left-controls":"magritte-no-left-controls___7r6yy_1-1-4","noLeftControls":"magritte-no-left-controls___7r6yy_1-1-4","no-right-controls":"magritte-no-right-controls___HBSag_1-1-4","noRightControls":"magritte-no-right-controls___HBSag_1-1-4","chips":"magritte-chips___gLao5_1-1-4","chips-container":"magritte-chips-container___-bS5O_1-1-4","chipsContainer":"magritte-chips-container___-bS5O_1-1-4","preview-block":"magritte-preview-block___iiPdS_1-1-4","previewBlock":"magritte-preview-block___iiPdS_1-1-4","preview-side":"magritte-preview-side___ymR-u_1-1-4","previewSide":"magritte-preview-side___ymR-u_1-1-4","preview-content":"magritte-preview-content___ZgyBD_1-1-4","previewContent":"magritte-preview-content___ZgyBD_1-1-4","preview-title":"magritte-preview-title___SkFeZ_1-1-4","previewTitle":"magritte-preview-title___SkFeZ_1-1-4","preview-subtitle":"magritte-preview-subtitle___58qfR_1-1-4","previewSubtitle":"magritte-preview-subtitle___58qfR_1-1-4","text-input-wrapper":"magritte-text-input-wrapper___TPbwC_1-1-4","textInputWrapper":"magritte-text-input-wrapper___TPbwC_1-1-4","with-top-fade":"magritte-with-top-fade___okgqo_1-1-4","withTopFade":"magritte-with-top-fade___okgqo_1-1-4","with-bottom-fade":"magritte-with-bottom-fade___82gr8_1-1-4","withBottomFade":"magritte-with-bottom-fade___82gr8_1-1-4","measure":"magritte-measure___xNKc0_1-1-4","voice-record":"magritte-voice-record___p64PV_1-1-4","voiceRecord":"magritte-voice-record___p64PV_1-1-4","voice-record-left":"magritte-voice-record-left___njEt-_1-1-4","voiceRecordLeft":"magritte-voice-record-left___njEt-_1-1-4","voice-record-right":"magritte-voice-record-right___UTv-U_1-1-4","voiceRecordRight":"magritte-voice-record-right___UTv-U_1-1-4","voice-processing":"magritte-voice-processing___C0xnX_1-1-4","voiceProcessing":"magritte-voice-processing___C0xnX_1-1-4","voice-record-indicator":"magritte-voice-record-indicator___V8ybb_1-1-4","voiceRecordIndicator":"magritte-voice-record-indicator___V8ybb_1-1-4","voice-record-indicator-bar":"magritte-voice-record-indicator-bar___jgyqz_1-1-4","voiceRecordIndicatorBar":"magritte-voice-record-indicator-bar___jgyqz_1-1-4","voice-record-indicator-wave":"magritte-voice-record-indicator-wave___4VsyE_1-1-4","voiceRecordIndicatorWave":"magritte-voice-record-indicator-wave___4VsyE_1-1-4","voice-record-indicator-has-sound":"magritte-voice-record-indicator-has-sound___67t5g_1-1-4","voiceRecordIndicatorHasSound":"magritte-voice-record-indicator-has-sound___67t5g_1-1-4","mode-container":"magritte-mode-container___nATVD_1-1-4","modeContainer":"magritte-mode-container___nATVD_1-1-4","voice-overlay":"magritte-voice-overlay___LbxAI_1-1-4","voiceOverlay":"magritte-voice-overlay___LbxAI_1-1-4"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=styles-0yXB_zD2.js.map
package/styles-0yXB_zD2.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles-0yXB_zD2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/styles-DS-nqvkP.js DELETED
@@ -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
package/styles-DS-nqvkP.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles-DS-nqvkP.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}