@katechat/ui 1.0.5 → 1.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.
@@ -1,157 +1,162 @@
1
1
  @import "@mantine/core/styles.css";
2
2
 
3
- /* esbuild-sass-plugin:css-chunk:src/components/chat/message/ChatMessage.module.scss */
4
- ._messageContainer_xklwx_1 {
3
+ /* src/components/chat/message/ChatMessage.scss */
4
+ .katechat-message {
5
5
  width: 100%;
6
6
  overflow-x: hidden;
7
7
  display: flex;
8
8
  flex-direction: row;
9
9
  }
10
- ._messageContainer_xklwx_1 ._main_xklwx_7,
11
- ._messageContainer_xklwx_1 ._linked_xklwx_8 {
12
- padding: var(--mantine-spacing-md);
10
+ .katechat-message .katechat-message-main,
11
+ .katechat-message .katechat-message-linked {
12
+ padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
13
13
  flex-grow: 1;
14
14
  width: 50%;
15
15
  display: flex;
16
16
  flex-direction: column;
17
17
  border-radius: var(--mantine-radius-md);
18
18
  }
19
- ._messageContainer_xklwx_1 ._linked_xklwx_8 {
19
+ .katechat-message .katechat-message-linked {
20
20
  margin: 0 var(--mantine-spacing-md);
21
21
  }
22
- ._messageContainer_xklwx_1 ._linkedToggle_xklwx_19 {
22
+ .katechat-message .katechat-message-linked-toggle {
23
23
  display: none;
24
24
  }
25
25
  @media (max-width: 1280px) {
26
- ._messageContainer_xklwx_1 {
26
+ .katechat-message {
27
27
  flex-direction: column;
28
28
  position: relative;
29
29
  }
30
- ._messageContainer_xklwx_1 ._linkedToggle_xklwx_19 {
30
+ .katechat-message .katechat-message-linked-toggle {
31
31
  position: absolute;
32
32
  right: 0.5rem;
33
33
  top: 0.5rem;
34
34
  display: flex;
35
35
  z-index: 5;
36
36
  }
37
- ._messageContainer_xklwx_1 ._main_xklwx_7,
38
- ._messageContainer_xklwx_1 ._linked_xklwx_8 {
37
+ .katechat-message .katechat-message-main,
38
+ .katechat-message .katechat-message-linked {
39
39
  width: 100%;
40
40
  margin: 0;
41
41
  border-radius: 0;
42
42
  }
43
- ._messageContainer_xklwx_1 ._hidden_xklwx_41 {
43
+ .katechat-message .hidden {
44
44
  display: none;
45
45
  }
46
46
  }
47
- ._linkedMessageContainer_xklwx_45 {
47
+ .katechat-message-linked {
48
48
  width: 100%;
49
49
  overflow-x: hidden;
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  }
53
- ._message_xklwx_1 {
53
+ .katechat-message-content {
54
54
  display: flex;
55
55
  flex-direction: column;
56
56
  align-items: stretch;
57
- padding: var(--mb-padding, var(--mantine-spacing-sm));
58
57
  border-radius: var(--mantine-radius-md);
59
- margin-top: var(--mantine-spacing-xs);
58
+ margin-top: var(--mantine-spacing-md);
60
59
  }
61
- ._message_xklwx_1 p {
60
+ .katechat-message-content p {
62
61
  margin-block-start: 0;
63
62
  margin-block-end: 0;
64
63
  }
65
- ._message_xklwx_1 blockquote {
64
+ .katechat-message-content blockquote {
66
65
  padding: 0 var(--mb-padding, var(--mantine-spacing-sm));
67
66
  border-left: 0.5rem solid var(--mantine-color-default-border);
68
67
  margin: 0.25rem 0;
69
68
  }
70
- ._message_xklwx_1 hr {
69
+ .katechat-message-content hr {
71
70
  width: 100%;
72
71
  margin: 0.5rem 0 0.25rem;
73
72
  border: none;
74
73
  border-top: 1px solid var(--mantine-color-default-border);
75
74
  }
76
- ._message_xklwx_1 img {
75
+ .katechat-message-content ol,
76
+ .katechat-message-content ul {
77
+ margin: 0.25rem 0 0.25rem 0.5rem;
78
+ padding: 0 0 0 1.5rem;
79
+ }
80
+ .katechat-message-content img {
77
81
  max-width: 256px;
78
82
  max-height: 256px;
79
83
  align-self: center;
80
84
  height: auto;
81
- margin: 0 auto;
85
+ margin: 0.5rem;
86
+ vertical-align: top;
82
87
  cursor: pointer;
83
88
  }
84
- ._message_xklwx_1._preview_xklwx_83 {
89
+ .katechat-message-content.katechat-message-preview {
85
90
  height: 200px;
86
91
  padding: var(--mb-padding, var(--mantine-spacing-sm)) 0 0 0;
87
92
  font-size: 80%;
88
93
  }
89
- ._message_xklwx_1._preview_xklwx_83 img {
94
+ .katechat-message-content.katechat-message-preview img {
90
95
  max-width: 50%;
91
96
  height: auto;
92
97
  }
93
- ._message_xklwx_1 ._detailsBlock_xklwx_92 {
98
+ .katechat-message-content .katechat-message-content-details {
94
99
  margin-top: 1rem;
95
100
  font-size: 80%;
96
101
  display: flex;
97
102
  flex-direction: column;
98
103
  gap: 0;
99
104
  }
100
- ._message_xklwx_1 ._detailsBlock_xklwx_92 ol,
101
- ._message_xklwx_1 ._detailsBlock_xklwx_92 ul {
105
+ .katechat-message-content .katechat-message-content-details ol,
106
+ .katechat-message-content .katechat-message-content-details ul {
102
107
  margin: 0.25rem 0;
103
108
  padding: 0 0 0 1rem;
104
109
  }
105
- ._message_xklwx_1 ._detailsBlock_xklwx_92 .message-details-header {
110
+ .katechat-message-content .katechat-message-content-details .message-details-header {
106
111
  margin-bottom: var(--mantine-spacing-md);
107
112
  margin-left: 1rem;
108
113
  }
109
- ._message_xklwx_1 ._detailsBlock_xklwx_92 .message-details-header svg {
114
+ .katechat-message-content .katechat-message-content-details .message-details-header svg {
110
115
  color: var(--mantine-color-gray-7);
111
116
  }
112
- ._message_xklwx_1 ._detailsBlock_xklwx_92 .message-details-content {
117
+ .katechat-message-content .katechat-message-content-details .message-details-content {
113
118
  padding-left: var(--mantine-spacing-md);
114
119
  border-left: 1px solid var(--mantine-color-gray-7);
115
120
  margin-left: 1.5rem;
116
121
  }
117
- ._message_xklwx_1 table {
122
+ .katechat-message-content table {
118
123
  margin-top: var(--mantine-spacing-md);
119
124
  margin-bottom: var(--mantine-spacing-md);
120
125
  border-spacing: 0;
121
126
  }
122
- ._message_xklwx_1 table td,
123
- ._message_xklwx_1 table th {
127
+ .katechat-message-content table td,
128
+ .katechat-message-content table th {
124
129
  padding: var(--mb-padding, var(--mantine-spacing-xs));
125
130
  margin: 0;
126
131
  border-top: 1px solid var(--mantine-color-default-border);
127
132
  border-left: 1px solid var(--mantine-color-default-border);
128
133
  }
129
- ._message_xklwx_1 table tr td:last-child,
130
- ._message_xklwx_1 table tr th:last-child {
134
+ .katechat-message-content table tr td:last-child,
135
+ .katechat-message-content table tr th:last-child {
131
136
  border-right: 1px solid var(--mantine-color-default-border);
132
137
  }
133
- ._message_xklwx_1 table tr:last-child td {
138
+ .katechat-message-content table tr:last-child td {
134
139
  border-bottom: 1px solid var(--mantine-color-default-border);
135
140
  }
136
- ._message_xklwx_1 table tr:nth-child(2n) {
141
+ .katechat-message-content table tr:nth-child(2n) {
137
142
  background-color: var(--mantine-color-dark-5);
138
143
  }
139
- ._message_xklwx_1 table thead tr {
144
+ .katechat-message-content table thead tr {
140
145
  background-color: var(--mantine-color-dark-5);
141
146
  }
142
- ._message_xklwx_1 table thead tr:first-child th:first-child {
147
+ .katechat-message-content table thead tr:first-child th:first-child {
143
148
  border-top-left-radius: var(--mantine-radius-md);
144
149
  }
145
- ._message_xklwx_1 table thead tr:first-child th:last-child {
150
+ .katechat-message-content table thead tr:first-child th:last-child {
146
151
  border-top-right-radius: var(--mantine-radius-md);
147
152
  }
148
- ._message_xklwx_1 table tr:last-child td:first-child {
153
+ .katechat-message-content table tr:last-child td:first-child {
149
154
  border-bottom-left-radius: var(--mantine-radius-md);
150
155
  }
151
- ._message_xklwx_1 table tr:last-child td:last-child {
156
+ .katechat-message-content table tr:last-child td:last-child {
152
157
  border-bottom-right-radius: var(--mantine-radius-md);
153
158
  }
154
- ._message_xklwx_1 pre {
159
+ .katechat-message-content pre {
155
160
  margin: 0.5rem 0;
156
161
  padding: 1em;
157
162
  clip-path: none;
@@ -160,7 +165,7 @@
160
165
  font-family: var(--monospace-font-family);
161
166
  overflow-x: auto;
162
167
  }
163
- ._message_xklwx_1 .code-header {
168
+ .katechat-message-content .code-header {
164
169
  font-size: 0.875rem;
165
170
  margin-top: 0.5rem;
166
171
  padding: 0.25rem 1rem 0.25rem 0.5rem;
@@ -173,7 +178,7 @@
173
178
  white-space: normal;
174
179
  gap: 0.5rem;
175
180
  }
176
- ._message_xklwx_1 .code-header .title {
181
+ .katechat-message-content .code-header .title {
177
182
  width: fit-content;
178
183
  font-weight: 700;
179
184
  display: flex;
@@ -183,17 +188,17 @@
183
188
  user-select: none;
184
189
  min-height: 2rem;
185
190
  }
186
- ._message_xklwx_1 .code-header .title .header-toggle {
191
+ .katechat-message-content .code-header .title .header-toggle {
187
192
  margin-right: 0.5rem;
188
193
  display: none;
189
194
  display: inline-block;
190
195
  transform: rotateZ(90deg);
191
196
  transition: transform var(--theme-default-time) ease;
192
197
  }
193
- ._message_xklwx_1 .code-header .code-header-actions {
198
+ .katechat-message-content .code-header .code-header-actions {
194
199
  align-content: flex-end;
195
200
  }
196
- ._message_xklwx_1 .code-header .action-btn {
201
+ .katechat-message-content .code-header .action-btn {
197
202
  padding: 0.1rem;
198
203
  line-height: 1;
199
204
  display: flex;
@@ -203,18 +208,18 @@
203
208
  gap: 0.25rem;
204
209
  cursor: pointer;
205
210
  }
206
- ._message_xklwx_1 .code-header.collapsed {
211
+ .katechat-message-content .code-header.collapsed {
207
212
  border-bottom-right-radius: 0.25em;
208
213
  border-bottom-left-radius: 0.25em;
209
214
  margin-bottom: 0;
210
215
  }
211
- ._message_xklwx_1 .code-header.collapsed .title .header-toggle {
216
+ .katechat-message-content .code-header.collapsed .title .header-toggle {
212
217
  transform: translateY(0.2rem) rotateZ(0deg);
213
218
  }
214
- ._message_xklwx_1 .code-header.collapsed .code-copy-btn {
219
+ .katechat-message-content .code-header.collapsed .code-copy-btn {
215
220
  display: none;
216
221
  }
217
- ._message_xklwx_1 .code-block {
222
+ .katechat-message-content .code-block {
218
223
  flex-grow: 1;
219
224
  overflow-x: auto;
220
225
  margin-top: 0;
@@ -226,94 +231,98 @@
226
231
  height 0.5s ease,
227
232
  opacity 0.5s ease;
228
233
  }
229
- ._message_xklwx_1 .code-block pre {
234
+ .katechat-message-content .code-block pre {
230
235
  margin: 0;
231
236
  white-space: pre;
232
237
  }
233
- ._message_xklwx_1 .code-block.collapsed {
238
+ .katechat-message-content .code-block.collapsed {
234
239
  clip-path: inset(0 0 100% 0);
235
240
  overflow-y: hidden;
236
241
  height: 0;
237
242
  opacity: 0;
238
243
  }
239
- ._message_xklwx_1 .code-data {
244
+ .katechat-message-content .code-data {
240
245
  display: none;
241
246
  }
242
- ._message_xklwx_1 .code-footer {
247
+ .katechat-message-content .code-footer {
243
248
  font-size: 90%;
244
249
  display: flex;
245
250
  align-items: flex-start;
246
251
  margin-bottom: 0.7rem;
247
252
  }
248
- ._message_xklwx_1 .code-footer.collapsed {
253
+ .katechat-message-content .code-footer.collapsed {
249
254
  display: none;
250
255
  }
251
- ._message_xklwx_1 .katex-html {
256
+ .katechat-message-content .katex-html {
252
257
  display: inline-block;
253
258
  margin: 0.5rem 0.5rem 0 0;
254
259
  }
255
- ._messageFooter_xklwx_252 {
260
+ .katechat-message-footer {
256
261
  display: flex;
257
262
  flex-direction: row;
258
263
  align-items: center;
259
264
  gap: 0.5rem;
260
- padding: 0.5rem 0 0.25rem;
265
+ padding: 0.5rem 0 0;
261
266
  opacity: 0.5;
262
267
  transition: opacity var(--theme-default-time) ease;
263
268
  }
264
- ._messageFooter_xklwx_252 .check-icon {
269
+ .katechat-message-footer .check-icon {
265
270
  display: none;
266
271
  }
267
- ._messageFooter_xklwx_252:hover {
272
+ .katechat-message-footer:hover {
268
273
  opacity: 1;
269
274
  }
270
- [data-mantine-color-scheme=dark] ._messageContainer_xklwx_1 .code-block,
271
- [data-mantine-color-scheme=dark] ._messageContainer_xklwx_1 pre {
275
+ [data-mantine-color-scheme=dark] .katechat-message .code-block,
276
+ [data-mantine-color-scheme=dark] .katechat-message pre {
272
277
  background-color: var(--mantine-color-dark-6);
273
278
  }
274
- [data-mantine-color-scheme=dark] ._messageContainer_xklwx_1 .code-header {
279
+ [data-mantine-color-scheme=dark] .katechat-message .code-header {
275
280
  background-color: var(--mantine-color-dark-6);
276
281
  }
277
- [data-mantine-color-scheme=dark] ._messageContainer_xklwx_1 .code-header:hover {
282
+ [data-mantine-color-scheme=dark] .katechat-message .code-header:hover {
278
283
  background-color: var(--mantine-color-dark-5);
279
284
  }
280
- [data-mantine-color-scheme=dark] ._messageContainer_xklwx_1 ._message_xklwx_1._user_xklwx_278 {
281
- background-color: var(--mantine-color-dark-9);
285
+ [data-mantine-color-scheme=dark] .katechat-message.katechat-message__user {
286
+ background-color: var(--mantine-color-dark-8);
287
+ border-top: 1px solid var(--mantine-color-dark-6);
288
+ border-bottom: 1px solid var(--mantine-color-dark-6);
282
289
  }
283
- [data-mantine-color-scheme=dark] ._messageContainer_xklwx_1 ._message_xklwx_1._error_xklwx_281 {
290
+ [data-mantine-color-scheme=dark] .katechat-message.katechat-message__error .katechat-message-content {
284
291
  color: var(--mantine-color-yellow-9);
285
292
  }
286
- [data-mantine-color-scheme=dark] ._messageContainer_xklwx_1 ._linked_xklwx_8 {
293
+ [data-mantine-color-scheme=dark] .katechat-message .katechat-message-linked {
287
294
  background-color: var(--mantine-color-dark-8);
288
295
  }
289
- [data-mantine-color-scheme=light] ._messageContainer_xklwx_1 .code-block,
290
- [data-mantine-color-scheme=light] ._messageContainer_xklwx_1 pre {
296
+ [data-mantine-color-scheme=light] .katechat-message .code-block,
297
+ [data-mantine-color-scheme=light] .katechat-message pre {
291
298
  background-color: var(--mantine-color-gray-3);
292
299
  }
293
- [data-mantine-color-scheme=light] ._messageContainer_xklwx_1 .code-header {
300
+ [data-mantine-color-scheme=light] .katechat-message .code-header {
294
301
  background-color: var(--mantine-color-gray-3);
295
302
  }
296
- [data-mantine-color-scheme=light] ._messageContainer_xklwx_1 .code-header:hover {
303
+ [data-mantine-color-scheme=light] .katechat-message .code-header:hover {
297
304
  background-color: var(--mantine-color-gray-4);
298
305
  }
299
- [data-mantine-color-scheme=light] ._messageContainer_xklwx_1 ._message_xklwx_1._user_xklwx_278 {
306
+ [data-mantine-color-scheme=light] .katechat-message.katechat-message__user {
300
307
  background-color: var(--mantine-color-blue-0);
308
+ border-top: 1px solid var(--mantine-color-blue-1);
309
+ border-bottom: 1px solid var(--mantine-color-blue-1);
301
310
  }
302
- [data-mantine-color-scheme=light] ._messageContainer_xklwx_1 ._message_xklwx_1._error_xklwx_281 {
311
+ [data-mantine-color-scheme=light] .katechat-message.katechat-message__error .katechat-message-content {
303
312
  color: var(--mantine-color-red-5);
304
313
  }
305
- [data-mantine-color-scheme=light] ._messageContainer_xklwx_1 ._linked_xklwx_8 {
314
+ [data-mantine-color-scheme=light] .katechat-message .katechat-message-linked {
306
315
  background-color: var(--mantine-color-gray-3);
307
316
  }
308
- [data-mantine-color-scheme=light] ._messageContainer_xklwx_1 tr:nth-child(2n) {
317
+ [data-mantine-color-scheme=light] .katechat-message tr:nth-child(2n) {
309
318
  background-color: var(--mantine-color-blue-1);
310
319
  }
311
- [data-mantine-color-scheme=light] ._messageContainer_xklwx_1 thead tr {
320
+ [data-mantine-color-scheme=light] .katechat-message thead tr {
312
321
  background-color: var(--mantine-color-blue-1);
313
322
  }
314
323
 
315
324
  /* esbuild-sass-plugin:css-chunk:src/components/chat/message/ChatMessage.Carousel.module.scss */
316
- ._controls_foysq_1:where([data-orientation=horizontal]) {
325
+ ._controls_pp1ia_1:where([data-orientation=horizontal]) {
317
326
  bottom: auto !important;
318
327
  top: 0.5rem !important;
319
328
  left: calc(50% - 5rem) !important;
@@ -322,54 +331,54 @@
322
331
  }
323
332
 
324
333
  /* esbuild-sass-plugin:css-chunk:src/controls/FileDropzone/FileDropzone.module.scss */
325
- ._dropzone_1kjrg_1 {
334
+ ._dropzone_16zca_1 {
326
335
  cursor: pointer;
327
336
  }
328
- ._dropzone_1kjrg_1:hover {
337
+ ._dropzone_16zca_1:hover {
329
338
  color: var(--mantine-color-brand-6);
330
339
  }
331
- ._dragging_1kjrg_8 {
340
+ ._dragging_16zca_8 {
332
341
  color: var(--mantine-color-brand-6);
333
342
  }
334
- ._disabled_1kjrg_12 {
343
+ ._disabled_16zca_12 {
335
344
  color: var(--mantine-color-gray-4);
336
345
  cursor: not-allowed;
337
346
  }
338
347
 
339
348
  /* esbuild-sass-plugin:css-chunk:src/components/chat/input/ChatInput.module.scss */
340
- [data-mantine-color-scheme=light] ._chatControlsContainer_olrml_1 ._chatControls_olrml_1 {
349
+ [data-mantine-color-scheme=light] ._chatControlsContainer_1cjl9_1 ._chatControls_1cjl9_1 {
341
350
  border: 1px solid var(--app-shell-border-color);
342
351
  }
343
- [data-mantine-color-scheme=light] ._chatControlsContainer_olrml_1 ._headerRow_olrml_4 {
352
+ [data-mantine-color-scheme=light] ._chatControlsContainer_1cjl9_1 ._headerRow_1cjl9_4 {
344
353
  background-color: var(--mantine-color-gray-4);
345
354
  }
346
- [data-mantine-color-scheme=light] ._chatControlsContainer_olrml_1 ._chatInputGroup_olrml_7 ._chatInput_olrml_7 textarea {
355
+ [data-mantine-color-scheme=light] ._chatControlsContainer_1cjl9_1 ._chatInputGroup_1cjl9_7 ._chatInput_1cjl9_7 textarea {
347
356
  border: 1px solid var(--app-shell-border-color);
348
357
  }
349
- ._chatControlsContainer_olrml_1 {
358
+ ._chatControlsContainer_1cjl9_1 {
350
359
  display: flex;
351
360
  flex-direction: column;
352
361
  align-items: stretch;
353
362
  justify-content: center;
354
363
  }
355
- ._chatControlsContainer_olrml_1._hidden_olrml_17 {
364
+ ._chatControlsContainer_1cjl9_1._hidden_1cjl9_17 {
356
365
  display: none;
357
366
  }
358
- ._chatControlsContainer_olrml_1._fullHeight_olrml_20 {
367
+ ._chatControlsContainer_1cjl9_1._promptMode_1cjl9_20 {
359
368
  flex-grow: 1;
360
369
  padding-bottom: 15rem;
361
370
  }
362
- ._chatControlsContainer_olrml_1 ._chatControls_olrml_1 {
371
+ ._chatControlsContainer_1cjl9_1 ._chatControls_1cjl9_1 {
363
372
  border: 1px solid var(--app-shell-border-color);
364
373
  border-radius: var(--mantine-radius-default);
365
374
  background-color: var(--app-shell-border-color);
366
375
  }
367
- ._chatControlsContainer_olrml_1 ._headerRow_olrml_4 {
376
+ ._chatControlsContainer_1cjl9_1 ._headerRow_1cjl9_4 {
368
377
  padding: 0.33rem;
369
378
  border-top-left-radius: var(--mantine-radius-default);
370
379
  border-top-right-radius: var(--mantine-radius-default);
371
380
  }
372
- ._chatInputContainer_olrml_35 {
381
+ ._chatInputContainer_1cjl9_35 {
373
382
  display: flex;
374
383
  flex-direction: row;
375
384
  align-items: flex-start;
@@ -378,58 +387,58 @@
378
387
  background-color: var(--mantine-color-body);
379
388
  border-radius: var(--mantine-radius-default);
380
389
  }
381
- ._chatInputContainer_olrml_35 ._documentsInput_olrml_44 {
390
+ ._chatInputContainer_1cjl9_35 ._documentsInput_1cjl9_44 {
382
391
  display: flex;
383
392
  flex-direction: row;
384
393
  gap: 0.25rem;
385
394
  align-items: stretch;
386
395
  }
387
- ._chatInputContainer_olrml_35._columned_olrml_50 {
396
+ ._chatInputContainer_1cjl9_35._columned_1cjl9_50 {
388
397
  flex-direction: column;
389
398
  align-items: flex-start;
390
399
  justify-items: stretch;
391
400
  }
392
- ._chatInputContainer_olrml_35._columned_olrml_50 ._chatInputGroup_olrml_7 {
401
+ ._chatInputContainer_1cjl9_35._columned_1cjl9_50 ._chatInputGroup_1cjl9_7 {
393
402
  align-self: stretch;
394
403
  }
395
- ._chatInputContainer_olrml_35 ._filesList_olrml_58 {
404
+ ._chatInputContainer_1cjl9_35 ._filesList_1cjl9_58 {
396
405
  display: flex;
397
406
  flex-direction: row;
398
407
  gap: 0.5rem;
399
408
  }
400
- ._chatInputContainer_olrml_35 ._filesList_olrml_58 ._previewImage_olrml_63 {
409
+ ._chatInputContainer_1cjl9_35 ._filesList_1cjl9_58 ._previewImage_1cjl9_63 {
401
410
  position: relative;
402
411
  background-color: var(--input-bg);
403
412
  height: 64px;
404
413
  border-radius: var(--mantine-radius-default);
405
414
  }
406
- ._chatInputContainer_olrml_35 ._filesList_olrml_58 ._previewImage_olrml_63 img {
415
+ ._chatInputContainer_1cjl9_35 ._filesList_1cjl9_58 ._previewImage_1cjl9_63 img {
407
416
  max-width: 64px;
408
417
  max-height: 64px;
409
418
  object-fit: cover;
410
419
  border-radius: var(--mantine-radius-default);
411
420
  }
412
- ._chatInputContainer_olrml_35 ._filesList_olrml_58 ._previewImage_olrml_63 ._removeButton_olrml_75 {
421
+ ._chatInputContainer_1cjl9_35 ._filesList_1cjl9_58 ._previewImage_1cjl9_63 ._removeButton_1cjl9_75 {
413
422
  position: absolute;
414
423
  top: 0.1rem;
415
424
  right: 0.1rem;
416
425
  border-radius: 50%;
417
426
  }
418
- ._chatInputContainer_olrml_35 ._chatInputGroup_olrml_7 {
427
+ ._chatInputContainer_1cjl9_35 ._chatInputGroup_1cjl9_7 {
419
428
  flex-grow: 1;
420
429
  display: flex;
421
430
  flex-direction: row;
422
431
  gap: 0.5rem;
423
432
  }
424
- ._chatInputContainer_olrml_35 ._chatInputGroup_olrml_7 ._chatInput_olrml_7 {
433
+ ._chatInputContainer_1cjl9_35 ._chatInputGroup_1cjl9_7 ._chatInput_1cjl9_7 {
425
434
  flex-grow: 1;
426
435
  }
427
- ._chatInputContainer_olrml_35 ._chatInputGroup_olrml_7 ._chatInput_olrml_7 textarea {
436
+ ._chatInputContainer_1cjl9_35 ._chatInputGroup_1cjl9_7 ._chatInput_1cjl9_7 textarea {
428
437
  border: 1px solid var(--app-shell-border-color);
429
438
  }
430
439
 
431
- /* esbuild-sass-plugin:css-chunk:src/components/chat/ChatMessagesContainer.module.scss */
432
- ._messagesContainer_b2ndj_2 {
440
+ /* src/components/chat/ChatMessagesContainer.scss */
441
+ .katechat-messages-container {
433
442
  flex-grow: 1;
434
443
  position: relative;
435
444
  display: none;
@@ -440,28 +449,34 @@
440
449
  opacity: 1;
441
450
  transition: all 0.3s ease;
442
451
  }
443
- ._messagesContainer_b2ndj_2 ._messagesList_b2ndj_19 {
452
+ .katechat-messages-container .katechat-messages-list {
444
453
  opacity: 0;
445
454
  margin-bottom: 1rem;
446
455
  }
447
- ._messagesContainer_b2ndj_2._empty_b2ndj_23 {
456
+ .katechat-messages-container.container--empty {
448
457
  flex-grow: 0;
449
458
  opacity: 0;
450
459
  }
451
- ._messagesContainer_b2ndj_2 ._scroller_b2ndj_12 {
460
+ .katechat-messages-container .katechat-messages-container-scroller {
452
461
  overflow-y: scroll;
453
462
  flex-grow: 1;
454
463
  }
455
- ._messagesContainer_b2ndj_2._loadCompleted_b2ndj_31 {
464
+ .katechat-messages-container.container--load-completed {
456
465
  display: flex;
457
466
  }
458
- ._messagesContainer_b2ndj_2._loadCompleted_b2ndj_31 ._scroller_b2ndj_12 {
467
+ .katechat-messages-container.container--load-completed .scroller {
459
468
  scroll-behavior: smooth;
460
469
  }
461
- ._messagesContainer_b2ndj_2._loadCompleted_b2ndj_31 ._messagesList_b2ndj_19 {
470
+ .katechat-messages-container.container--load-completed .katechat-messages-list {
462
471
  opacity: 1;
463
472
  }
464
- ._anchorContainer_b2ndj_41 {
473
+ .katechat-messages-container .katechat-message:first-child {
474
+ border-top: none;
475
+ }
476
+ .katechat-messages-container .katechat-message:last-child {
477
+ border-bottom: none;
478
+ }
479
+ .katechat-anchor-container {
465
480
  position: absolute;
466
481
  width: 40px;
467
482
  left: calc(50% - 40px);
@@ -475,17 +490,18 @@
475
490
  opacity: 0;
476
491
  transition: all 0.5s ease;
477
492
  }
478
- ._anchorContainer_b2ndj_41._visible_b2ndj_55 {
493
+ .katechat-anchor-container.container--visible {
479
494
  opacity: 1;
480
495
  }
481
- ._anchorContainer_b2ndj_41 ._anchor_b2ndj_41 {
496
+ .katechat-anchor-container .katechat-anchor {
482
497
  background-color: var(--mantine-color-body);
483
498
  border-radius: 50%;
484
499
  height: 32px;
485
500
  width: 32px;
486
501
  opacity: 0.75;
502
+ cursor: pointer;
487
503
  }
488
- ._anchorContainer_b2ndj_41 ._anchor_b2ndj_41:hover {
504
+ .katechat-anchor-container .katechat-anchor:hover {
489
505
  opacity: 1;
490
506
  }
491
507
  /*# sourceMappingURL=index.css.map */