@hh.ru/magritte-ui-chat-bubble 3.0.5 → 3.0.7

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 (51) hide show
  1. package/Call.d.ts +2 -2
  2. package/Call.js +41 -9
  3. package/Call.js.map +1 -1
  4. package/ChatBubble.d.ts +10 -10
  5. package/ChatBubble.js +92 -16
  6. package/ChatBubble.js.map +1 -1
  7. package/ErrorAction.js +8 -9
  8. package/ErrorAction.js.map +1 -1
  9. package/File.d.ts +2 -2
  10. package/File.js +59 -15
  11. package/File.js.map +1 -1
  12. package/Label.js +4 -7
  13. package/Label.js.map +1 -1
  14. package/Media.d.ts +2 -2
  15. package/Media.js +15 -8
  16. package/Media.js.map +1 -1
  17. package/Message.d.ts +2 -2
  18. package/Message.js +11 -9
  19. package/Message.js.map +1 -1
  20. package/Meta.d.ts +1 -1
  21. package/Meta.js +12 -10
  22. package/Meta.js.map +1 -1
  23. package/Reply.js +31 -8
  24. package/Reply.js.map +1 -1
  25. package/Snippet.js +21 -8
  26. package/Snippet.js.map +1 -1
  27. package/Status.js +28 -19
  28. package/Status.js.map +1 -1
  29. package/Tail.js +20 -5
  30. package/Tail.js.map +1 -1
  31. package/chat-bubble-BOBGge0h.js +5 -0
  32. package/chat-bubble-BOBGge0h.js.map +1 -0
  33. package/index.css +114 -114
  34. package/index.d.ts +11 -11
  35. package/index.js +1 -1
  36. package/index.mock.d.ts +10 -10
  37. package/index.mock.js +19 -19
  38. package/index.mock.js.map +1 -1
  39. package/internal/colors.d.ts +1 -1
  40. package/internal/colors.js +36 -37
  41. package/internal/colors.js.map +1 -1
  42. package/internal/errorMenu.js +1 -1
  43. package/internal/errorMenu.js.map +1 -1
  44. package/internal/mode.d.ts +1 -1
  45. package/internal/mode.js +1 -2
  46. package/internal/mode.js.map +1 -1
  47. package/internal/utils.js +10 -10
  48. package/internal/utils.js.map +1 -1
  49. package/package.json +11 -11
  50. package/chat-bubble-DgO7_sM3.js +0 -5
  51. package/chat-bubble-DgO7_sM3.js.map +0 -1
package/index.css CHANGED
@@ -1,85 +1,85 @@
1
1
  :root{
2
- --magritte-color-background-overlay-v25-1-1:#20262bad;
3
- --magritte-color-text-constant-v25-1-1:#ffffff;
4
- --magritte-color-component-chat-bubble-background-incoming-v25-1-1:#F4F6FB;
5
- --magritte-color-component-chat-bubble-background-outgoing-v25-1-1:#0070ff;
6
- --magritte-color-component-chat-bubble-background-bot-v25-1-1:#f9f7ff;
7
- --magritte-color-component-chat-bubble-border-incoming-v25-1-1:#EEF1F7;
8
- --magritte-color-component-chat-bubble-border-outgoing-v25-1-1:#0d63e3;
9
- --magritte-color-component-chat-bubble-border-bot-v25-1-1:#f3eeff;
10
- --magritte-color-component-chat-bubble-border-image-v25-1-1:#0000001a;
11
- --magritte-color-component-chat-bubble-snippet-background-incoming-v25-1-1:#EEF1F7;
12
- --magritte-color-component-chat-bubble-snippet-background-outgoing-v25-1-1:#2b7fff;
13
- --magritte-color-component-chat-bubble-snippet-background-bot-v25-1-1:#f3eeff;
14
- --magritte-color-component-chat-bubble-snippet-line-incoming-v25-1-1:#0070ff;
15
- --magritte-color-component-chat-bubble-snippet-line-outgoing-v25-1-1:#f3f9ff;
16
- --magritte-color-component-chat-bubble-snippet-line-bot-v25-1-1:#9054ea;
2
+ --magritte-color-background-overlay-v26-0-1:#20262bad;
3
+ --magritte-color-text-constant-v26-0-1:#ffffff;
4
+ --magritte-color-component-chat-bubble-background-incoming-v26-0-1:#F4F6FB;
5
+ --magritte-color-component-chat-bubble-background-outgoing-v26-0-1:#0070ff;
6
+ --magritte-color-component-chat-bubble-background-bot-v26-0-1:#f9f7ff;
7
+ --magritte-color-component-chat-bubble-border-incoming-v26-0-1:#EEF1F7;
8
+ --magritte-color-component-chat-bubble-border-outgoing-v26-0-1:#0d63e3;
9
+ --magritte-color-component-chat-bubble-border-bot-v26-0-1:#f3eeff;
10
+ --magritte-color-component-chat-bubble-border-image-v26-0-1:#0000001a;
11
+ --magritte-color-component-chat-bubble-snippet-background-incoming-v26-0-1:#EEF1F7;
12
+ --magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-1:#2b7fff;
13
+ --magritte-color-component-chat-bubble-snippet-background-bot-v26-0-1:#f3eeff;
14
+ --magritte-color-component-chat-bubble-snippet-line-incoming-v26-0-1:#0070ff;
15
+ --magritte-color-component-chat-bubble-snippet-line-outgoing-v26-0-1:#f3f9ff;
16
+ --magritte-color-component-chat-bubble-snippet-line-bot-v26-0-1:#9054ea;
17
17
  }
18
18
 
19
19
  :root{
20
- --magritte-semantic-animation-time-s-duration-v25-1-1:200ms;
20
+ --magritte-semantic-animation-time-s-duration-v26-0-1:200ms;
21
21
  }
22
22
 
23
23
  .magritte-night-theme{
24
- --magritte-color-component-chat-bubble-background-incoming-v25-1-1:#262626;
25
- --magritte-color-component-chat-bubble-background-outgoing-v25-1-1:#2b7fff;
26
- --magritte-color-component-chat-bubble-background-bot-v25-1-1:#312F47;
27
- --magritte-color-component-chat-bubble-border-incoming-v25-1-1:#303030;
28
- --magritte-color-component-chat-bubble-border-outgoing-v25-1-1:#0070ff;
29
- --magritte-color-component-chat-bubble-border-bot-v25-1-1:#403A59;
30
- --magritte-color-component-chat-bubble-snippet-background-incoming-v25-1-1:#303030;
31
- --magritte-color-component-chat-bubble-snippet-background-outgoing-v25-1-1:#468ffd;
32
- --magritte-color-component-chat-bubble-snippet-background-bot-v25-1-1:#403A59;
24
+ --magritte-color-component-chat-bubble-background-incoming-v26-0-1:#262626;
25
+ --magritte-color-component-chat-bubble-background-outgoing-v26-0-1:#2b7fff;
26
+ --magritte-color-component-chat-bubble-background-bot-v26-0-1:#312F47;
27
+ --magritte-color-component-chat-bubble-border-incoming-v26-0-1:#303030;
28
+ --magritte-color-component-chat-bubble-border-outgoing-v26-0-1:#0070ff;
29
+ --magritte-color-component-chat-bubble-border-bot-v26-0-1:#403A59;
30
+ --magritte-color-component-chat-bubble-snippet-background-incoming-v26-0-1:#303030;
31
+ --magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-1:#468ffd;
32
+ --magritte-color-component-chat-bubble-snippet-background-bot-v26-0-1:#403A59;
33
33
  }
34
34
 
35
35
  .magritte-zp-day-theme{
36
- --magritte-color-component-chat-bubble-background-outgoing-v25-1-1:#7195AF;
37
- --magritte-color-component-chat-bubble-border-outgoing-v25-1-1:#557B96;
38
- --magritte-color-component-chat-bubble-snippet-background-outgoing-v25-1-1:#90ACC1;
39
- --magritte-color-component-chat-bubble-snippet-line-incoming-v25-1-1:#557B96;
40
- }
41
- .magritte-chat-bubble___ds9CP_3-0-5{
42
- --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-incoming-v25-1-1);
43
- --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-incoming-v25-1-1);
44
- --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-incoming-v25-1-1);
45
- --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-incoming-v25-1-1);
36
+ --magritte-color-component-chat-bubble-background-outgoing-v26-0-1:#7195AF;
37
+ --magritte-color-component-chat-bubble-border-outgoing-v26-0-1:#557B96;
38
+ --magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-1:#90ACC1;
39
+ --magritte-color-component-chat-bubble-snippet-line-incoming-v26-0-1:#557B96;
40
+ }
41
+ .magritte-chat-bubble___ds9CP_3-0-7{
42
+ --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-incoming-v26-0-1);
43
+ --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-incoming-v26-0-1);
44
+ --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-incoming-v26-0-1);
45
+ --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-incoming-v26-0-1);
46
46
  display:flex;
47
47
  flex-direction:column;
48
48
  align-items:flex-start;
49
49
  max-width:calc(100% - 40px);
50
50
  }
51
51
  @media (min-width: 1020px){
52
- body.magritte-old-layout .magritte-chat-bubble___ds9CP_3-0-5{
52
+ body.magritte-old-layout .magritte-chat-bubble___ds9CP_3-0-7{
53
53
  max-width:min(460px, 100%);
54
54
  }
55
55
  }
56
56
  @media (min-width: 1024px){
57
- body:not(.magritte-old-layout) .magritte-chat-bubble___ds9CP_3-0-5{
57
+ body:not(.magritte-old-layout) .magritte-chat-bubble___ds9CP_3-0-7{
58
58
  max-width:min(460px, 100%);
59
59
  }
60
60
  }
61
- .magritte-outgoing___3n00o_3-0-5{
62
- --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-outgoing-v25-1-1);
63
- --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-outgoing-v25-1-1);
64
- --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-outgoing-v25-1-1);
65
- --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-outgoing-v25-1-1);
61
+ .magritte-outgoing___3n00o_3-0-7{
62
+ --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-outgoing-v26-0-1);
63
+ --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-outgoing-v26-0-1);
64
+ --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-outgoing-v26-0-1);
65
+ --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-outgoing-v26-0-1);
66
66
  align-items:flex-end;
67
67
  margin-left:auto;
68
68
  }
69
- .magritte-bot___Z6vZA_3-0-5{
70
- --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-bot-v25-1-1);
71
- --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-bot-v25-1-1);
72
- --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-bot-v25-1-1);
73
- --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-bot-v25-1-1);
69
+ .magritte-bot___Z6vZA_3-0-7{
70
+ --magritte-chat-bubble-background:var(--magritte-color-component-chat-bubble-background-bot-v26-0-1);
71
+ --magritte-chat-bubble-border:var(--magritte-color-component-chat-bubble-border-bot-v26-0-1);
72
+ --magritte-chat-bubble-snippet-background:var(--magritte-color-component-chat-bubble-snippet-background-bot-v26-0-1);
73
+ --magritte-chat-bubble-snippet-line:var(--magritte-color-component-chat-bubble-snippet-line-bot-v26-0-1);
74
74
  }
75
- .magritte-row___mQNnt_3-0-5{
75
+ .magritte-row___mQNnt_3-0-7{
76
76
  display:flex;
77
77
  position:relative;
78
78
  align-items:flex-end;
79
79
  gap:8px;
80
80
  max-width:100%;
81
81
  }
82
- .magritte-bubble___NVuDI_3-0-5{
82
+ .magritte-bubble___NVuDI_3-0-7{
83
83
  position:relative;
84
84
  box-sizing:border-box;
85
85
  min-width:0;
@@ -90,31 +90,31 @@
90
90
  border-radius:20px;
91
91
  overflow-wrap:break-word;
92
92
  }
93
- .magritte-with-tail___IdixJ_3-0-5 .magritte-bubble___NVuDI_3-0-5{
93
+ .magritte-with-tail___IdixJ_3-0-7 .magritte-bubble___NVuDI_3-0-7{
94
94
  border-bottom-left-radius:0;
95
95
  }
96
- .magritte-with-tail___IdixJ_3-0-5.magritte-outgoing___3n00o_3-0-5 .magritte-bubble___NVuDI_3-0-5{
96
+ .magritte-with-tail___IdixJ_3-0-7.magritte-outgoing___3n00o_3-0-7 .magritte-bubble___NVuDI_3-0-7{
97
97
  border-bottom-left-radius:20px;
98
98
  border-bottom-right-radius:0;
99
99
  }
100
- .magritte-tail___E2hdk_3-0-5{
100
+ .magritte-tail___E2hdk_3-0-7{
101
101
  position:absolute;
102
102
  bottom:-1px;
103
103
  left:-7px;
104
104
  }
105
- .magritte-tail-outgoing___Pn3MI_3-0-5{
105
+ .magritte-tail-outgoing___Pn3MI_3-0-7{
106
106
  left:auto;
107
107
  right:-7px;
108
108
  transform:scaleX(-1);
109
109
  }
110
- .magritte-buttons___yQqBi_3-0-5{
110
+ .magritte-buttons___yQqBi_3-0-7{
111
111
  display:grid;
112
112
  grid-template-columns:repeat(2, 1fr);
113
113
  gap:8px;
114
114
  width:100%;
115
115
  margin-top:4px;
116
116
  }
117
- .magritte-aside___bTex-_3-0-5{
117
+ .magritte-aside___bTex-_3-0-7{
118
118
  display:flex;
119
119
  position:absolute;
120
120
  top:0;
@@ -123,35 +123,35 @@
123
123
  align-items:flex-start;
124
124
  padding-left:8px;
125
125
  opacity:0;
126
- transition:opacity var(--magritte-semantic-animation-time-s-duration-v25-1-1) ease-in-out;
126
+ transition:opacity var(--magritte-semantic-animation-time-s-duration-v26-0-1) ease-in-out;
127
127
  }
128
- .magritte-aside-revealed___CRBl7_3-0-5{
128
+ .magritte-aside-revealed___CRBl7_3-0-7{
129
129
  opacity:1;
130
130
  }
131
- .magritte-outgoing___3n00o_3-0-5 .magritte-aside___bTex-_3-0-5{
131
+ .magritte-outgoing___3n00o_3-0-7 .magritte-aside___bTex-_3-0-7{
132
132
  left:auto;
133
133
  right:100%;
134
134
  padding-right:8px;
135
135
  padding-left:0;
136
136
  }
137
- .magritte-buttons___yQqBi_3-0-5 > *:last-child:nth-child(odd){
137
+ .magritte-buttons___yQqBi_3-0-7 > *:last-child:nth-child(odd){
138
138
  grid-column:span 2;
139
139
  }
140
- .magritte-error-text___1ZxWY_3-0-5{
140
+ .magritte-error-text___1ZxWY_3-0-7{
141
141
  margin-top:2px;
142
142
  }
143
- .magritte-file___k2IKy_3-0-5{
143
+ .magritte-file___k2IKy_3-0-7{
144
144
  display:flex;
145
145
  align-items:flex-end;
146
146
  }
147
- .magritte-file-preview___eJKu8_3-0-5{
147
+ .magritte-file-preview___eJKu8_3-0-7{
148
148
  display:block;
149
149
  width:48px;
150
150
  height:48px;
151
151
  border-radius:8px;
152
152
  object-fit:cover;
153
153
  }
154
- .magritte-media___9jH2k_3-0-5{
154
+ .magritte-media___9jH2k_3-0-7{
155
155
  display:flex;
156
156
  position:relative;
157
157
  box-sizing:border-box;
@@ -161,21 +161,21 @@
161
161
  margin:0 -8px;
162
162
  border-radius:16px;
163
163
  overflow:hidden;
164
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-chat-bubble-border-image-v25-1-1);
164
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-chat-bubble-border-image-v26-0-1);
165
165
  }
166
166
  @media (min-width: 1020px){
167
- body.magritte-old-layout .magritte-media___9jH2k_3-0-5{
167
+ body.magritte-old-layout .magritte-media___9jH2k_3-0-7{
168
168
  max-width:452px;
169
169
  max-height:452px;
170
170
  }
171
171
  }
172
172
  @media (min-width: 1024px){
173
- body:not(.magritte-old-layout) .magritte-media___9jH2k_3-0-5{
173
+ body:not(.magritte-old-layout) .magritte-media___9jH2k_3-0-7{
174
174
  max-width:452px;
175
175
  max-height:452px;
176
176
  }
177
177
  }
178
- .magritte-media-blur___TbiMa_3-0-5{
178
+ .magritte-media-blur___TbiMa_3-0-7{
179
179
  position:absolute;
180
180
  top:-96px;
181
181
  left:-96px;
@@ -185,7 +185,7 @@
185
185
  filter:blur(48px);
186
186
  object-fit:cover;
187
187
  }
188
- .magritte-media-image___G-FkF_3-0-5{
188
+ .magritte-media-image___G-FkF_3-0-7{
189
189
  display:block;
190
190
  position:relative;
191
191
  height:auto;
@@ -195,52 +195,52 @@
195
195
  object-fit:contain;
196
196
  }
197
197
  @media (min-width: 1020px){
198
- body.magritte-old-layout .magritte-media-image___G-FkF_3-0-5{
198
+ body.magritte-old-layout .magritte-media-image___G-FkF_3-0-7{
199
199
  max-height:452px;
200
200
  }
201
201
  }
202
202
  @media (min-width: 1024px){
203
- body:not(.magritte-old-layout) .magritte-media-image___G-FkF_3-0-5{
203
+ body:not(.magritte-old-layout) .magritte-media-image___G-FkF_3-0-7{
204
204
  max-height:452px;
205
205
  }
206
206
  }
207
- .magritte-media-content___n3XbD_3-0-5{
207
+ .magritte-media-content___n3XbD_3-0-7{
208
208
  display:flex;
209
209
  position:absolute;
210
210
  inset:0;
211
211
  align-items:center;
212
212
  justify-content:center;
213
213
  }
214
- .magritte-media-format___AdfCK_3-0-5{
214
+ .magritte-media-format___AdfCK_3-0-7{
215
215
  display:flex;
216
216
  position:absolute;
217
217
  padding:2px 8px;
218
- background-color:var(--magritte-color-background-overlay-v25-1-1);
218
+ background-color:var(--magritte-color-background-overlay-v26-0-1);
219
219
  border-radius:12px;
220
220
  backdrop-filter:blur(24px);
221
221
  top:4px;
222
222
  left:4px;
223
223
  }
224
- .magritte-media-meta___oSxxr_3-0-5{
225
- --magritte-ui-text-color-override:var(--magritte-color-text-constant-v25-1-1);
224
+ .magritte-media-meta___oSxxr_3-0-7{
225
+ --magritte-ui-text-color-override:var(--magritte-color-text-constant-v26-0-1);
226
226
  display:flex;
227
227
  position:absolute;
228
228
  padding:2px 8px;
229
- background-color:var(--magritte-color-background-overlay-v25-1-1);
229
+ background-color:var(--magritte-color-background-overlay-v26-0-1);
230
230
  border-radius:12px;
231
231
  backdrop-filter:blur(24px);
232
232
  right:4px;
233
233
  bottom:4px;
234
234
  align-items:center;
235
235
  }
236
- .magritte-media-meta___oSxxr_3-0-5:empty,
237
- .magritte-media-meta___oSxxr_3-0-5:has(> :empty){
236
+ .magritte-media-meta___oSxxr_3-0-7:empty,
237
+ .magritte-media-meta___oSxxr_3-0-7:has(> :empty){
238
238
  display:none;
239
239
  }
240
- .magritte-media-meta___oSxxr_3-0-5 > span{
240
+ .magritte-media-meta___oSxxr_3-0-7 > span{
241
241
  margin-left:0;
242
242
  }
243
- .magritte-reply___-QCK7_3-0-5{
243
+ .magritte-reply___-QCK7_3-0-7{
244
244
  display:flex;
245
245
  position:relative;
246
246
  padding:8px;
@@ -251,7 +251,7 @@
251
251
  align-items:center;
252
252
  gap:8px;
253
253
  }
254
- .magritte-reply___-QCK7_3-0-5::before{
254
+ .magritte-reply___-QCK7_3-0-7::before{
255
255
  content:'';
256
256
  position:absolute;
257
257
  top:0;
@@ -260,22 +260,22 @@
260
260
  width:4px;
261
261
  background-color:var(--magritte-chat-bubble-snippet-line);
262
262
  }
263
- .magritte-reply-preview___qvlNT_3-0-5{
263
+ .magritte-reply-preview___qvlNT_3-0-7{
264
264
  display:block;
265
265
  flex-shrink:0;
266
266
  width:40px;
267
267
  height:40px;
268
268
  border-radius:8px;
269
- outline:1px solid var(--magritte-color-component-chat-bubble-border-image-v25-1-1);
269
+ outline:1px solid var(--magritte-color-component-chat-bubble-border-image-v26-0-1);
270
270
  outline-offset:-1px;
271
271
  object-fit:cover;
272
272
  }
273
- .magritte-reply-body___f2xx7_3-0-5{
273
+ .magritte-reply-body___f2xx7_3-0-7{
274
274
  display:flex;
275
275
  flex-direction:column;
276
276
  min-width:0;
277
277
  }
278
- .magritte-snippet___8k9xb_3-0-5{
278
+ .magritte-snippet___8k9xb_3-0-7{
279
279
  display:flex;
280
280
  position:relative;
281
281
  padding:8px;
@@ -286,7 +286,7 @@
286
286
  flex-direction:column;
287
287
  gap:2px;
288
288
  }
289
- .magritte-snippet___8k9xb_3-0-5::before{
289
+ .magritte-snippet___8k9xb_3-0-7::before{
290
290
  content:'';
291
291
  position:absolute;
292
292
  top:0;
@@ -295,15 +295,15 @@
295
295
  width:4px;
296
296
  background-color:var(--magritte-chat-bubble-snippet-line);
297
297
  }
298
- .magritte-snippet___8k9xb_3-0-5 img{
298
+ .magritte-snippet___8k9xb_3-0-7 img{
299
299
  display:block;
300
300
  max-width:100%;
301
301
  border-radius:4px;
302
- outline:1px solid var(--magritte-color-component-chat-bubble-border-image-v25-1-1);
302
+ outline:1px solid var(--magritte-color-component-chat-bubble-border-image-v26-0-1);
303
303
  outline-offset:-1px;
304
304
  margin-top:6px;
305
305
  }
306
- .magritte-meta___1qhjm_3-0-5{
306
+ .magritte-meta___1qhjm_3-0-7{
307
307
  float:right;
308
308
  margin-left:12px;
309
309
  white-space:nowrap;
@@ -316,53 +316,53 @@
316
316
  text-transform:none;
317
317
  text-decoration:none;
318
318
  }
319
- .magritte-edited___m-zmB_3-0-5{
319
+ .magritte-edited___m-zmB_3-0-7{
320
320
  margin-right:4px;
321
321
  }
322
- .magritte-status___dHzCt_3-0-5{
322
+ .magritte-status___dHzCt_3-0-7{
323
323
  display:inline-flex;
324
324
  vertical-align:middle;
325
325
  }
326
- .magritte-status___dHzCt_3-0-5:not(:first-child){
326
+ .magritte-status___dHzCt_3-0-7:not(:first-child){
327
327
  margin-left:4px;
328
328
  }
329
- .magritte-message-title___dgBFk_3-0-5{
329
+ .magritte-message-title___dgBFk_3-0-7{
330
330
  margin-bottom:4px;
331
331
  }
332
- .magritte-label___i0Wyt_3-0-5 + .magritte-media___9jH2k_3-0-5,
333
- .magritte-label___i0Wyt_3-0-5 + .magritte-message___7TEpw_3-0-5,
334
- .magritte-label___i0Wyt_3-0-5 + .magritte-snippet___8k9xb_3-0-5,
335
- .magritte-message___7TEpw_3-0-5 + .magritte-message___7TEpw_3-0-5,
336
- .magritte-bubble___NVuDI_3-0-5 > .magritte-meta___1qhjm_3-0-5{
332
+ .magritte-label___i0Wyt_3-0-7 + .magritte-media___9jH2k_3-0-7,
333
+ .magritte-label___i0Wyt_3-0-7 + .magritte-message___7TEpw_3-0-7,
334
+ .magritte-label___i0Wyt_3-0-7 + .magritte-snippet___8k9xb_3-0-7,
335
+ .magritte-message___7TEpw_3-0-7 + .magritte-message___7TEpw_3-0-7,
336
+ .magritte-bubble___NVuDI_3-0-7 > .magritte-meta___1qhjm_3-0-7{
337
337
  margin-top:4px;
338
338
  }
339
- .magritte-label___i0Wyt_3-0-5 + .magritte-reply___-QCK7_3-0-5,
340
- .magritte-reply___-QCK7_3-0-5 + .magritte-media___9jH2k_3-0-5,
341
- .magritte-reply___-QCK7_3-0-5 + .magritte-message___7TEpw_3-0-5,
342
- .magritte-reply___-QCK7_3-0-5 + .magritte-snippet___8k9xb_3-0-5,
343
- .magritte-media___9jH2k_3-0-5 + .magritte-snippet___8k9xb_3-0-5{
339
+ .magritte-label___i0Wyt_3-0-7 + .magritte-reply___-QCK7_3-0-7,
340
+ .magritte-reply___-QCK7_3-0-7 + .magritte-media___9jH2k_3-0-7,
341
+ .magritte-reply___-QCK7_3-0-7 + .magritte-message___7TEpw_3-0-7,
342
+ .magritte-reply___-QCK7_3-0-7 + .magritte-snippet___8k9xb_3-0-7,
343
+ .magritte-media___9jH2k_3-0-7 + .magritte-snippet___8k9xb_3-0-7{
344
344
  margin-top:8px;
345
345
  }
346
- .magritte-label___i0Wyt_3-0-5 + .magritte-file___k2IKy_3-0-5,
347
- .magritte-reply___-QCK7_3-0-5 + .magritte-file___k2IKy_3-0-5,
348
- .magritte-media___9jH2k_3-0-5 + .magritte-file___k2IKy_3-0-5,
349
- .magritte-media___9jH2k_3-0-5 + .magritte-message___7TEpw_3-0-5,
350
- .magritte-file___k2IKy_3-0-5 + .magritte-message___7TEpw_3-0-5,
351
- .magritte-file___k2IKy_3-0-5 + .magritte-snippet___8k9xb_3-0-5{
346
+ .magritte-label___i0Wyt_3-0-7 + .magritte-file___k2IKy_3-0-7,
347
+ .magritte-reply___-QCK7_3-0-7 + .magritte-file___k2IKy_3-0-7,
348
+ .magritte-media___9jH2k_3-0-7 + .magritte-file___k2IKy_3-0-7,
349
+ .magritte-media___9jH2k_3-0-7 + .magritte-message___7TEpw_3-0-7,
350
+ .magritte-file___k2IKy_3-0-7 + .magritte-message___7TEpw_3-0-7,
351
+ .magritte-file___k2IKy_3-0-7 + .magritte-snippet___8k9xb_3-0-7{
352
352
  margin-top:12px;
353
353
  }
354
- .magritte-message___7TEpw_3-0-5 + .magritte-snippet___8k9xb_3-0-5{
354
+ .magritte-message___7TEpw_3-0-7 + .magritte-snippet___8k9xb_3-0-7{
355
355
  margin-top:16px;
356
356
  }
357
- .magritte-file___k2IKy_3-0-5 + .magritte-file___k2IKy_3-0-5{
357
+ .magritte-file___k2IKy_3-0-7 + .magritte-file___k2IKy_3-0-7{
358
358
  margin-top:24px;
359
359
  }
360
- .magritte-label___i0Wyt_3-0-5{
360
+ .magritte-label___i0Wyt_3-0-7{
361
361
  margin-top:-4px;
362
362
  }
363
- .magritte-bubble___NVuDI_3-0-5 > .magritte-media___9jH2k_3-0-5:first-child{
363
+ .magritte-bubble___NVuDI_3-0-7 > .magritte-media___9jH2k_3-0-7:first-child{
364
364
  margin-top:-8px;
365
365
  }
366
- .magritte-bubble___NVuDI_3-0-5 > .magritte-media___9jH2k_3-0-5:not(:has( ~ :not(.magritte-tail___E2hdk_3-0-5))){
366
+ .magritte-bubble___NVuDI_3-0-7 > .magritte-media___9jH2k_3-0-7:not(:has( ~ :not(.magritte-tail___E2hdk_3-0-7))){
367
367
  margin-bottom:-8px;
368
368
  }
package/index.d.ts CHANGED
@@ -1,11 +1,11 @@
1
- export { ChatBubble } from '@hh.ru/magritte-ui-chat-bubble/ChatBubble';
2
- export type { ChatBubbleMode, ChatBubbleProps } from '@hh.ru/magritte-ui-chat-bubble/types';
3
- export type { ChatBubbleCallProps, ChatBubbleCallState } from '@hh.ru/magritte-ui-chat-bubble/Call';
4
- export type { ChatBubbleErrorActionProps } from '@hh.ru/magritte-ui-chat-bubble/ErrorAction';
5
- export type { ChatBubbleFileProps, ChatBubbleFileState } from '@hh.ru/magritte-ui-chat-bubble/File';
6
- export type { ChatBubbleLabelProps } from '@hh.ru/magritte-ui-chat-bubble/Label';
7
- export type { ChatBubbleMediaProps } from '@hh.ru/magritte-ui-chat-bubble/Media';
8
- export type { ChatBubbleMessageProps } from '@hh.ru/magritte-ui-chat-bubble/Message';
9
- export type { ChatBubbleReplyProps } from '@hh.ru/magritte-ui-chat-bubble/Reply';
10
- export type { ChatBubbleSnippetProps } from '@hh.ru/magritte-ui-chat-bubble/Snippet';
11
- export type { ChatBubbleStatusProps, ChatBubbleStatusValue } from '@hh.ru/magritte-ui-chat-bubble/Status';
1
+ export { ChatBubble } from './ChatBubble';
2
+ export type { ChatBubbleMode, ChatBubbleProps } from './types';
3
+ export type { ChatBubbleCallProps, ChatBubbleCallState } from './Call';
4
+ export type { ChatBubbleErrorActionProps } from './ErrorAction';
5
+ export type { ChatBubbleFileProps, ChatBubbleFileState } from './File';
6
+ export type { ChatBubbleLabelProps } from './Label';
7
+ export type { ChatBubbleMediaProps } from './Media';
8
+ export type { ChatBubbleMessageProps } from './Message';
9
+ export type { ChatBubbleReplyProps } from './Reply';
10
+ export type { ChatBubbleSnippetProps } from './Snippet';
11
+ export type { ChatBubbleStatusProps, ChatBubbleStatusValue } from './Status';
package/index.js CHANGED
@@ -11,7 +11,7 @@ import './internal/colors.js';
11
11
  import './internal/mode.js';
12
12
  import './internal/utils.js';
13
13
  import '@hh.ru/magritte-ui-icon/icon';
14
- import './chat-bubble-DgO7_sM3.js';
14
+ import './chat-bubble-BOBGge0h.js';
15
15
  import './ErrorAction.js';
16
16
  import './internal/errorMenu.js';
17
17
  import '@hh.ru/magritte-ui-menu';
package/index.mock.d.ts CHANGED
@@ -1,13 +1,13 @@
1
- export type { ChatBubbleMode, ChatBubbleProps } from '@hh.ru/magritte-ui-chat-bubble/types';
2
- export type { ChatBubbleCallProps, ChatBubbleCallState } from '@hh.ru/magritte-ui-chat-bubble/Call';
3
- export type { ChatBubbleErrorActionProps } from '@hh.ru/magritte-ui-chat-bubble/ErrorAction';
4
- export type { ChatBubbleFileProps, ChatBubbleFileState } from '@hh.ru/magritte-ui-chat-bubble/File';
5
- export type { ChatBubbleLabelProps } from '@hh.ru/magritte-ui-chat-bubble/Label';
6
- export type { ChatBubbleMediaProps } from '@hh.ru/magritte-ui-chat-bubble/Media';
7
- export type { ChatBubbleMessageProps } from '@hh.ru/magritte-ui-chat-bubble/Message';
8
- export type { ChatBubbleReplyProps } from '@hh.ru/magritte-ui-chat-bubble/Reply';
9
- export type { ChatBubbleSnippetProps } from '@hh.ru/magritte-ui-chat-bubble/Snippet';
10
- export type { ChatBubbleStatusProps, ChatBubbleStatusValue } from '@hh.ru/magritte-ui-chat-bubble/Status';
1
+ export type { ChatBubbleMode, ChatBubbleProps } from './types';
2
+ export type { ChatBubbleCallProps, ChatBubbleCallState } from './Call';
3
+ export type { ChatBubbleErrorActionProps } from './ErrorAction';
4
+ export type { ChatBubbleFileProps, ChatBubbleFileState } from './File';
5
+ export type { ChatBubbleLabelProps } from './Label';
6
+ export type { ChatBubbleMediaProps } from './Media';
7
+ export type { ChatBubbleMessageProps } from './Message';
8
+ export type { ChatBubbleReplyProps } from './Reply';
9
+ export type { ChatBubbleSnippetProps } from './Snippet';
10
+ export type { ChatBubbleStatusProps, ChatBubbleStatusValue } from './Status';
11
11
  export declare const ChatBubble: import("react").ForwardRefExoticComponent<Record<string, unknown>> & {
12
12
  Call: import("react").ForwardRefExoticComponent<Record<string, unknown>>;
13
13
  ErrorAction: import("react").ForwardRefExoticComponent<Record<string, unknown>>;
package/index.mock.js CHANGED
@@ -1,25 +1,25 @@
1
1
  import './index.css';
2
2
  import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
3
3
 
4
- const Call = mockComponent('ChatBubble.Call');
5
- const ErrorAction = mockComponent('ChatBubble.ErrorAction', undefined, { withChildren: true });
6
- const File = mockComponent('ChatBubble.File');
7
- const Label = mockComponent('ChatBubble.Label', undefined, { withChildren: true });
8
- const Media = mockComponent('ChatBubble.Media', undefined, { withChildren: true });
9
- const Message = mockComponent('ChatBubble.Message', undefined, { withChildren: true });
10
- const Reply = mockComponent('ChatBubble.Reply', undefined, { withChildren: true });
11
- const Snippet = mockComponent('ChatBubble.Snippet', undefined, { withChildren: true });
12
- const Status = mockComponent('ChatBubble.Status', undefined, { withChildren: true });
13
- const ChatBubble = Object.assign(mockComponent('ChatBubble', undefined, { withChildren: true }), {
14
- Call,
15
- ErrorAction,
16
- File,
17
- Label,
18
- Media,
19
- Message,
20
- Reply,
21
- Snippet,
22
- Status,
4
+ const Call = mockComponent("ChatBubble.Call");
5
+ const ErrorAction = mockComponent("ChatBubble.ErrorAction", void 0, { withChildren: true });
6
+ const File = mockComponent("ChatBubble.File");
7
+ const Label = mockComponent("ChatBubble.Label", void 0, { withChildren: true });
8
+ const Media = mockComponent("ChatBubble.Media", void 0, { withChildren: true });
9
+ const Message = mockComponent("ChatBubble.Message", void 0, { withChildren: true });
10
+ const Reply = mockComponent("ChatBubble.Reply", void 0, { withChildren: true });
11
+ const Snippet = mockComponent("ChatBubble.Snippet", void 0, { withChildren: true });
12
+ const Status = mockComponent("ChatBubble.Status", void 0, { withChildren: true });
13
+ const ChatBubble = Object.assign(mockComponent("ChatBubble", void 0, { withChildren: true }), {
14
+ Call,
15
+ ErrorAction,
16
+ File,
17
+ Label,
18
+ Media,
19
+ Message,
20
+ Reply,
21
+ Snippet,
22
+ Status
23
23
  });
24
24
 
25
25
  export { ChatBubble };
package/index.mock.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport type { ChatBubbleMode, ChatBubbleProps } from '@hh.ru/magritte-ui-chat-bubble/types';\nexport type { ChatBubbleCallProps, ChatBubbleCallState } from '@hh.ru/magritte-ui-chat-bubble/Call';\nexport type { ChatBubbleErrorActionProps } from '@hh.ru/magritte-ui-chat-bubble/ErrorAction';\nexport type { ChatBubbleFileProps, ChatBubbleFileState } from '@hh.ru/magritte-ui-chat-bubble/File';\nexport type { ChatBubbleLabelProps } from '@hh.ru/magritte-ui-chat-bubble/Label';\nexport type { ChatBubbleMediaProps } from '@hh.ru/magritte-ui-chat-bubble/Media';\nexport type { ChatBubbleMessageProps } from '@hh.ru/magritte-ui-chat-bubble/Message';\nexport type { ChatBubbleReplyProps } from '@hh.ru/magritte-ui-chat-bubble/Reply';\nexport type { ChatBubbleSnippetProps } from '@hh.ru/magritte-ui-chat-bubble/Snippet';\nexport type { ChatBubbleStatusProps, ChatBubbleStatusValue } from '@hh.ru/magritte-ui-chat-bubble/Status';\n\nconst Call = mockComponent('ChatBubble.Call');\nconst ErrorAction = mockComponent('ChatBubble.ErrorAction', undefined, { withChildren: true });\nconst File = mockComponent('ChatBubble.File');\nconst Label = mockComponent('ChatBubble.Label', undefined, { withChildren: true });\nconst Media = mockComponent('ChatBubble.Media', undefined, { withChildren: true });\nconst Message = mockComponent('ChatBubble.Message', undefined, { withChildren: true });\nconst Reply = mockComponent('ChatBubble.Reply', undefined, { withChildren: true });\nconst Snippet = mockComponent('ChatBubble.Snippet', undefined, { withChildren: true });\nconst Status = mockComponent('ChatBubble.Status', undefined, { withChildren: true });\n\nexport const ChatBubble = Object.assign(mockComponent('ChatBubble', undefined, { withChildren: true }), {\n Call,\n ErrorAction,\n File,\n Label,\n Media,\n Message,\n Reply,\n Snippet,\n Status,\n});\n"],"names":[],"mappings":";;AAaA,MAAM,IAAI,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAC9C,MAAM,WAAW,GAAG,aAAa,CAAC,wBAAwB,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;AAC/F,MAAM,IAAI,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAC9C,MAAM,KAAK,GAAG,aAAa,CAAC,kBAAkB,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;AACnF,MAAM,KAAK,GAAG,aAAa,CAAC,kBAAkB,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;AACnF,MAAM,OAAO,GAAG,aAAa,CAAC,oBAAoB,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;AACvF,MAAM,KAAK,GAAG,aAAa,CAAC,kBAAkB,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;AACnF,MAAM,OAAO,GAAG,aAAa,CAAC,oBAAoB,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;AACvF,MAAM,MAAM,GAAG,aAAa,CAAC,mBAAmB,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;MAExE,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,YAAY,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,EAAE;IACpG,IAAI;IACJ,WAAW;IACX,IAAI;IACJ,KAAK;IACL,KAAK;IACL,OAAO;IACP,KAAK;IACL,OAAO;IACP,MAAM;AACT,CAAA;;;;"}
1
+ {"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport type { ChatBubbleMode, ChatBubbleProps } from '@hh.ru/magritte-ui-chat-bubble/types';\nexport type { ChatBubbleCallProps, ChatBubbleCallState } from '@hh.ru/magritte-ui-chat-bubble/Call';\nexport type { ChatBubbleErrorActionProps } from '@hh.ru/magritte-ui-chat-bubble/ErrorAction';\nexport type { ChatBubbleFileProps, ChatBubbleFileState } from '@hh.ru/magritte-ui-chat-bubble/File';\nexport type { ChatBubbleLabelProps } from '@hh.ru/magritte-ui-chat-bubble/Label';\nexport type { ChatBubbleMediaProps } from '@hh.ru/magritte-ui-chat-bubble/Media';\nexport type { ChatBubbleMessageProps } from '@hh.ru/magritte-ui-chat-bubble/Message';\nexport type { ChatBubbleReplyProps } from '@hh.ru/magritte-ui-chat-bubble/Reply';\nexport type { ChatBubbleSnippetProps } from '@hh.ru/magritte-ui-chat-bubble/Snippet';\nexport type { ChatBubbleStatusProps, ChatBubbleStatusValue } from '@hh.ru/magritte-ui-chat-bubble/Status';\n\nconst Call = mockComponent('ChatBubble.Call');\nconst ErrorAction = mockComponent('ChatBubble.ErrorAction', undefined, { withChildren: true });\nconst File = mockComponent('ChatBubble.File');\nconst Label = mockComponent('ChatBubble.Label', undefined, { withChildren: true });\nconst Media = mockComponent('ChatBubble.Media', undefined, { withChildren: true });\nconst Message = mockComponent('ChatBubble.Message', undefined, { withChildren: true });\nconst Reply = mockComponent('ChatBubble.Reply', undefined, { withChildren: true });\nconst Snippet = mockComponent('ChatBubble.Snippet', undefined, { withChildren: true });\nconst Status = mockComponent('ChatBubble.Status', undefined, { withChildren: true });\n\nexport const ChatBubble = Object.assign(mockComponent('ChatBubble', undefined, { withChildren: true }), {\n Call,\n ErrorAction,\n File,\n Label,\n Media,\n Message,\n Reply,\n Snippet,\n Status,\n});\n"],"names":[],"mappings":";;AAaA,MAAM,IAAA,GAAO,cAAc,iBAAiB,CAAA,CAAA;AAC5C,MAAM,cAAc,aAAc,CAAA,wBAAA,EAA0B,QAAW,EAAE,YAAA,EAAc,MAAM,CAAA,CAAA;AAC7F,MAAM,IAAA,GAAO,cAAc,iBAAiB,CAAA,CAAA;AAC5C,MAAM,QAAQ,aAAc,CAAA,kBAAA,EAAoB,QAAW,EAAE,YAAA,EAAc,MAAM,CAAA,CAAA;AACjF,MAAM,QAAQ,aAAc,CAAA,kBAAA,EAAoB,QAAW,EAAE,YAAA,EAAc,MAAM,CAAA,CAAA;AACjF,MAAM,UAAU,aAAc,CAAA,oBAAA,EAAsB,QAAW,EAAE,YAAA,EAAc,MAAM,CAAA,CAAA;AACrF,MAAM,QAAQ,aAAc,CAAA,kBAAA,EAAoB,QAAW,EAAE,YAAA,EAAc,MAAM,CAAA,CAAA;AACjF,MAAM,UAAU,aAAc,CAAA,oBAAA,EAAsB,QAAW,EAAE,YAAA,EAAc,MAAM,CAAA,CAAA;AACrF,MAAM,SAAS,aAAc,CAAA,mBAAA,EAAqB,QAAW,EAAE,YAAA,EAAc,MAAM,CAAA,CAAA;AAEtE,MAAA,UAAA,GAAa,MAAO,CAAA,MAAA,CAAO,aAAc,CAAA,YAAA,EAAc,QAAW,EAAE,YAAA,EAAc,IAAK,EAAC,CAAG,EAAA;AAAA,EACpG,IAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AACJ,CAAC;;;;"}
@@ -1,6 +1,6 @@
1
1
  import type { TokenColorBackground } from '@hh.ru/magritte-design-tokens/types';
2
2
  import type { ButtonProps } from '@hh.ru/magritte-ui-button';
3
- import type { ChatBubbleMode } from '@hh.ru/magritte-ui-chat-bubble/types';
3
+ import type { ChatBubbleMode } from '../types';
4
4
  import type { IconColor } from '@hh.ru/magritte-ui-icon';
5
5
  import type { LinkProps } from '@hh.ru/magritte-ui-link';
6
6
  import type { TextStyle } from '@hh.ru/magritte-ui-typography';