@uzum-tech/ui 2.3.0 → 2.3.1

package/lib/chat/src/ChatMessages.d.ts

@@ -715,6 +715,33 @@ export declare const chatMessagesProps: {
             codeColor: string;
             codeBorder: string;
         }, any>;
+        MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
+            messageBubbleBackgroundColorOwn: string;
+            messageBubbleBackgroundColorOther: string;
+            messageBubbleTextColorOwn: string;
+            messageBubbleTextColorOther: string;
+            messageTimeColor: string;
+            messageStatusReadColor: string;
+            messageStatusSuccessColor: string;
+            attachmentBackgroundColorOwn: string;
+            attachmentBackgroundColorOther: string;
+            messageErrorColor: string;
+            messageBorderRadius: string;
+            unreadNotificationBackgroundColor: string;
+            unreadNotificationTextColor: string;
+            serviceMessageTextColor: string;
+            serviceMessageBackgroundColor: string;
+            messageTitleColor: string;
+        }, {
+            StatusIcon: import("../../_mixins").Theme<"Icon", {
+                color: string;
+                opacity1Depth: string;
+                opacity2Depth: string;
+                opacity3Depth: string;
+                opacity4Depth: string;
+                opacity5Depth: string;
+            }, any>;
+        }>;
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
             opacity1Depth: string;
@@ -1420,6 +1447,33 @@ export declare const chatMessagesProps: {
             codeColor: string;
             codeBorder: string;
         }, any>;
+        MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
+            messageBubbleBackgroundColorOwn: string;
+            messageBubbleBackgroundColorOther: string;
+            messageBubbleTextColorOwn: string;
+            messageBubbleTextColorOther: string;
+            messageTimeColor: string;
+            messageStatusReadColor: string;
+            messageStatusSuccessColor: string;
+            attachmentBackgroundColorOwn: string;
+            attachmentBackgroundColorOther: string;
+            messageErrorColor: string;
+            messageBorderRadius: string;
+            unreadNotificationBackgroundColor: string;
+            unreadNotificationTextColor: string;
+            serviceMessageTextColor: string;
+            serviceMessageBackgroundColor: string;
+            messageTitleColor: string;
+        }, {
+            StatusIcon: import("../../_mixins").Theme<"Icon", {
+                color: string;
+                opacity1Depth: string;
+                opacity2Depth: string;
+                opacity3Depth: string;
+                opacity4Depth: string;
+                opacity5Depth: string;
+            }, any>;
+        }>;
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
             opacity1Depth: string;
@@ -2125,6 +2179,33 @@ export declare const chatMessagesProps: {
             codeColor: string;
             codeBorder: string;
         }, any>;
+        MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
+            messageBubbleBackgroundColorOwn: string;
+            messageBubbleBackgroundColorOther: string;
+            messageBubbleTextColorOwn: string;
+            messageBubbleTextColorOther: string;
+            messageTimeColor: string;
+            messageStatusReadColor: string;
+            messageStatusSuccessColor: string;
+            attachmentBackgroundColorOwn: string;
+            attachmentBackgroundColorOther: string;
+            messageErrorColor: string;
+            messageBorderRadius: string;
+            unreadNotificationBackgroundColor: string;
+            unreadNotificationTextColor: string;
+            serviceMessageTextColor: string;
+            serviceMessageBackgroundColor: string;
+            messageTitleColor: string;
+        }, {
+            StatusIcon: import("../../_mixins").Theme<"Icon", {
+                color: string;
+                opacity1Depth: string;
+                opacity2Depth: string;
+                opacity3Depth: string;
+                opacity4Depth: string;
+                opacity5Depth: string;
+            }, any>;
+        }>;
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
             opacity1Depth: string;
@@ -2881,6 +2962,33 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             codeColor: string;
             codeBorder: string;
         }, any>;
+        MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
+            messageBubbleBackgroundColorOwn: string;
+            messageBubbleBackgroundColorOther: string;
+            messageBubbleTextColorOwn: string;
+            messageBubbleTextColorOther: string;
+            messageTimeColor: string;
+            messageStatusReadColor: string;
+            messageStatusSuccessColor: string;
+            attachmentBackgroundColorOwn: string;
+            attachmentBackgroundColorOther: string;
+            messageErrorColor: string;
+            messageBorderRadius: string;
+            unreadNotificationBackgroundColor: string;
+            unreadNotificationTextColor: string;
+            serviceMessageTextColor: string;
+            serviceMessageBackgroundColor: string;
+            messageTitleColor: string;
+        }, {
+            StatusIcon: import("../../_mixins").Theme<"Icon", {
+                color: string;
+                opacity1Depth: string;
+                opacity2Depth: string;
+                opacity3Depth: string;
+                opacity4Depth: string;
+                opacity5Depth: string;
+            }, any>;
+        }>;
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
             opacity1Depth: string;
@@ -3586,6 +3694,33 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             codeColor: string;
             codeBorder: string;
         }, any>;
+        MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
+            messageBubbleBackgroundColorOwn: string;
+            messageBubbleBackgroundColorOther: string;
+            messageBubbleTextColorOwn: string;
+            messageBubbleTextColorOther: string;
+            messageTimeColor: string;
+            messageStatusReadColor: string;
+            messageStatusSuccessColor: string;
+            attachmentBackgroundColorOwn: string;
+            attachmentBackgroundColorOther: string;
+            messageErrorColor: string;
+            messageBorderRadius: string;
+            unreadNotificationBackgroundColor: string;
+            unreadNotificationTextColor: string;
+            serviceMessageTextColor: string;
+            serviceMessageBackgroundColor: string;
+            messageTitleColor: string;
+        }, {
+            StatusIcon: import("../../_mixins").Theme<"Icon", {
+                color: string;
+                opacity1Depth: string;
+                opacity2Depth: string;
+                opacity3Depth: string;
+                opacity4Depth: string;
+                opacity5Depth: string;
+            }, any>;
+        }>;
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
             opacity1Depth: string;
@@ -4291,6 +4426,33 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             codeColor: string;
             codeBorder: string;
         }, any>;
+        MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
+            messageBubbleBackgroundColorOwn: string;
+            messageBubbleBackgroundColorOther: string;
+            messageBubbleTextColorOwn: string;
+            messageBubbleTextColorOther: string;
+            messageTimeColor: string;
+            messageStatusReadColor: string;
+            messageStatusSuccessColor: string;
+            attachmentBackgroundColorOwn: string;
+            attachmentBackgroundColorOther: string;
+            messageErrorColor: string;
+            messageBorderRadius: string;
+            unreadNotificationBackgroundColor: string;
+            unreadNotificationTextColor: string;
+            serviceMessageTextColor: string;
+            serviceMessageBackgroundColor: string;
+            messageTitleColor: string;
+        }, {
+            StatusIcon: import("../../_mixins").Theme<"Icon", {
+                color: string;
+                opacity1Depth: string;
+                opacity2Depth: string;
+                opacity3Depth: string;
+                opacity4Depth: string;
+                opacity5Depth: string;
+            }, any>;
+        }>;
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
             opacity1Depth: string;
@@ -5001,6 +5163,33 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 codeColor: string;
                 codeBorder: string;
             }, any>;
+            MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
+                messageBubbleBackgroundColorOwn: string;
+                messageBubbleBackgroundColorOther: string;
+                messageBubbleTextColorOwn: string;
+                messageBubbleTextColorOther: string;
+                messageTimeColor: string;
+                messageStatusReadColor: string;
+                messageStatusSuccessColor: string;
+                attachmentBackgroundColorOwn: string;
+                attachmentBackgroundColorOther: string;
+                messageErrorColor: string;
+                messageBorderRadius: string;
+                unreadNotificationBackgroundColor: string;
+                unreadNotificationTextColor: string;
+                serviceMessageTextColor: string;
+                serviceMessageBackgroundColor: string;
+                messageTitleColor: string;
+            }, {
+                StatusIcon: import("../../_mixins").Theme<"Icon", {
+                    color: string;
+                    opacity1Depth: string;
+                    opacity2Depth: string;
+                    opacity3Depth: string;
+                    opacity4Depth: string;
+                    opacity5Depth: string;
+                }, any>;
+            }>;
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
                 opacity1Depth: string;
@@ -5270,6 +5459,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     [x: string]: any;
                 } | undefined;
             } | undefined;
+            MessageBubble?: {
+                peers?: {
+                    StatusIcon?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Icon", {
+                        color: string;
+                        opacity1Depth: string;
+                        opacity2Depth: string;
+                        opacity3Depth: string;
+                        opacity4Depth: string;
+                        opacity5Depth: string;
+                    }, any>> | undefined;
+                } | undefined;
+            } | undefined;
             StatusIcon?: {
                 peers?: {
                     [x: string]: any;
@@ -5963,6 +6164,33 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 codeColor: string;
                 codeBorder: string;
             }, any>;
+            MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
+                messageBubbleBackgroundColorOwn: string;
+                messageBubbleBackgroundColorOther: string;
+                messageBubbleTextColorOwn: string;
+                messageBubbleTextColorOther: string;
+                messageTimeColor: string;
+                messageStatusReadColor: string;
+                messageStatusSuccessColor: string;
+                attachmentBackgroundColorOwn: string;
+                attachmentBackgroundColorOther: string;
+                messageErrorColor: string;
+                messageBorderRadius: string;
+                unreadNotificationBackgroundColor: string;
+                unreadNotificationTextColor: string;
+                serviceMessageTextColor: string;
+                serviceMessageBackgroundColor: string;
+                messageTitleColor: string;
+            }, {
+                StatusIcon: import("../../_mixins").Theme<"Icon", {
+                    color: string;
+                    opacity1Depth: string;
+                    opacity2Depth: string;
+                    opacity3Depth: string;
+                    opacity4Depth: string;
+                    opacity5Depth: string;
+                }, any>;
+            }>;
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
                 opacity1Depth: string;
@@ -6232,6 +6460,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     [x: string]: any;
                 } | undefined;
             } | undefined;
+            MessageBubble?: {
+                peers?: {
+                    StatusIcon?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Icon", {
+                        color: string;
+                        opacity1Depth: string;
+                        opacity2Depth: string;
+                        opacity3Depth: string;
+                        opacity4Depth: string;
+                        opacity5Depth: string;
+                    }, any>> | undefined;
+                } | undefined;
+            } | undefined;
             StatusIcon?: {
                 peers?: {
                     [x: string]: any;
@@ -6925,6 +7165,33 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 codeColor: string;
                 codeBorder: string;
             }, any>;
+            MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
+                messageBubbleBackgroundColorOwn: string;
+                messageBubbleBackgroundColorOther: string;
+                messageBubbleTextColorOwn: string;
+                messageBubbleTextColorOther: string;
+                messageTimeColor: string;
+                messageStatusReadColor: string;
+                messageStatusSuccessColor: string;
+                attachmentBackgroundColorOwn: string;
+                attachmentBackgroundColorOther: string;
+                messageErrorColor: string;
+                messageBorderRadius: string;
+                unreadNotificationBackgroundColor: string;
+                unreadNotificationTextColor: string;
+                serviceMessageTextColor: string;
+                serviceMessageBackgroundColor: string;
+                messageTitleColor: string;
+            }, {
+                StatusIcon: import("../../_mixins").Theme<"Icon", {
+                    color: string;
+                    opacity1Depth: string;
+                    opacity2Depth: string;
+                    opacity3Depth: string;
+                    opacity4Depth: string;
+                    opacity5Depth: string;
+                }, any>;
+            }>;
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
                 opacity1Depth: string;
@@ -7194,6 +7461,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     [x: string]: any;
                 } | undefined;
             } | undefined;
+            MessageBubble?: {
+                peers?: {
+                    StatusIcon?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Icon", {
+                        color: string;
+                        opacity1Depth: string;
+                        opacity2Depth: string;
+                        opacity3Depth: string;
+                        opacity4Depth: string;
+                        opacity5Depth: string;
+                    }, any>> | undefined;
+                } | undefined;
+            } | undefined;
             StatusIcon?: {
                 peers?: {
                     [x: string]: any;
@@ -7942,6 +8221,33 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             codeColor: string;
             codeBorder: string;
         }, any>;
+        MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
+            messageBubbleBackgroundColorOwn: string;
+            messageBubbleBackgroundColorOther: string;
+            messageBubbleTextColorOwn: string;
+            messageBubbleTextColorOther: string;
+            messageTimeColor: string;
+            messageStatusReadColor: string;
+            messageStatusSuccessColor: string;
+            attachmentBackgroundColorOwn: string;
+            attachmentBackgroundColorOther: string;
+            messageErrorColor: string;
+            messageBorderRadius: string;
+            unreadNotificationBackgroundColor: string;
+            unreadNotificationTextColor: string;
+            serviceMessageTextColor: string;
+            serviceMessageBackgroundColor: string;
+            messageTitleColor: string;
+        }, {
+            StatusIcon: import("../../_mixins").Theme<"Icon", {
+                color: string;
+                opacity1Depth: string;
+                opacity2Depth: string;
+                opacity3Depth: string;
+                opacity4Depth: string;
+                opacity5Depth: string;
+            }, any>;
+        }>;
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
             opacity1Depth: string;
@@ -8647,6 +8953,33 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             codeColor: string;
             codeBorder: string;
         }, any>;
+        MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
+            messageBubbleBackgroundColorOwn: string;
+            messageBubbleBackgroundColorOther: string;
+            messageBubbleTextColorOwn: string;
+            messageBubbleTextColorOther: string;
+            messageTimeColor: string;
+            messageStatusReadColor: string;
+            messageStatusSuccessColor: string;
+            attachmentBackgroundColorOwn: string;
+            attachmentBackgroundColorOther: string;
+            messageErrorColor: string;
+            messageBorderRadius: string;
+            unreadNotificationBackgroundColor: string;
+            unreadNotificationTextColor: string;
+            serviceMessageTextColor: string;
+            serviceMessageBackgroundColor: string;
+            messageTitleColor: string;
+        }, {
+            StatusIcon: import("../../_mixins").Theme<"Icon", {
+                color: string;
+                opacity1Depth: string;
+                opacity2Depth: string;
+                opacity3Depth: string;
+                opacity4Depth: string;
+                opacity5Depth: string;
+            }, any>;
+        }>;
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
             opacity1Depth: string;
@@ -9352,6 +9685,33 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             codeColor: string;
             codeBorder: string;
         }, any>;
+        MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
+            messageBubbleBackgroundColorOwn: string;
+            messageBubbleBackgroundColorOther: string;
+            messageBubbleTextColorOwn: string;
+            messageBubbleTextColorOther: string;
+            messageTimeColor: string;
+            messageStatusReadColor: string;
+            messageStatusSuccessColor: string;
+            attachmentBackgroundColorOwn: string;
+            attachmentBackgroundColorOther: string;
+            messageErrorColor: string;
+            messageBorderRadius: string;
+            unreadNotificationBackgroundColor: string;
+            unreadNotificationTextColor: string;
+            serviceMessageTextColor: string;
+            serviceMessageBackgroundColor: string;
+            messageTitleColor: string;
+        }, {
+            StatusIcon: import("../../_mixins").Theme<"Icon", {
+                color: string;
+                opacity1Depth: string;
+                opacity2Depth: string;
+                opacity3Depth: string;
+                opacity4Depth: string;
+                opacity5Depth: string;
+            }, any>;
+        }>;
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
             opacity1Depth: string;

package/lib/chat/src/ChatMessages.js

@@ -57,6 +57,10 @@ exports.default = (0, vue_1.defineComponent)({
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (_a = UChat === null || UChat === void 0 ? void 0 : UChat.mergedThemeRef) !== null && _a !== void 0 ? _a : (0, _mixins_1.useTheme)('Chat', '-chat', index_cssr_1.default, styles_1.chatLight, props, mergedClsPrefixRef);
         const { localeRef } = (0, _mixins_1.useLocale)('Chat');
+        const messageBubbleThemeOverridesRef = (0, vue_1.computed)(() => {
+            const { self, peerOverrides } = themeRef.value;
+            return Object.assign({ messageBubbleBackgroundColorOwn: self.messageBubbleBackgroundColorOwn, messageBubbleBackgroundColorOther: self.messageBubbleBackgroundColorOther, messageBubbleTextColorOwn: self.messageBubbleTextColorOwn, messageBubbleTextColorOther: self.messageBubbleTextColorOther, messageTimeColor: self.messageTimeColor, attachmentBackgroundColorOwn: self.attachmentBackgroundColorOwn, attachmentBackgroundColorOther: self.attachmentBackgroundColorOther, unreadNotificationBackgroundColor: self.unreadNotificationBackgroundColor, unreadNotificationTextColor: self.unreadNotificationTextColor }, peerOverrides.MessageBubble);
+        });
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { common: { cubicBezierEaseInOut, brandPrimary500, staticGreen, staticRed, textPrimary, textSecondary, textTertiary }, self: { backgroundColor, borderColor, mainBackgroundColor, headerBackgroundColor, headerBorderColor, headerTitleColor, messageBubbleBackgroundColorOwn, messageBubbleBackgroundColorOther, messageBubbleTextColorOwn, messageBubbleTextColorOther, messageTimeColor, messageStatusColor, attachmentBackgroundColorOwn, attachmentBackgroundColorOther, unreadNotificationBackgroundColor, unreadNotificationTextColor, typingIndicatorColor, dateSeparatorColor, dateSeparatorBackgroundColor, borderRadius, errorColor } } = themeRef.value;
             return {
@@ -130,12 +134,12 @@ exports.default = (0, vue_1.defineComponent)({
         const renderUnreadNotification = () => {
             var _a;
             const count = (_a = props.unreadNotificationCount) !== null && _a !== void 0 ? _a : unreadMessagesCount.value;
-            return ((0, vue_1.h)(message_bubble_1.UMessageBubble, { type: message_bubble_1.MessageBubbleType.SERVICE, serviceVariant: message_bubble_1.MessageBubbleServiceVariant.UNREAD, content: `${count} ${mergedUnreadNotificationTextRef.value}` }));
+            return ((0, vue_1.h)(message_bubble_1.UMessageBubble, { type: message_bubble_1.MessageBubbleType.SERVICE, serviceVariant: message_bubble_1.MessageBubbleServiceVariant.UNREAD, content: `${count} ${mergedUnreadNotificationTextRef.value}`, theme: themeRef.value.peers.MessageBubble, themeOverrides: messageBubbleThemeOverridesRef.value }));
         };
         const renderMarkMessage = (message) => {
             var _a;
             const serviceVariant = interface_1.markTypeToServiceVariantMap[(_a = message.markType) !== null && _a !== void 0 ? _a : interface_1.ChatMarkType.DIVIDER];
-            return ((0, vue_1.h)(message_bubble_1.UMessageBubble, { key: String(message.id), type: message_bubble_1.MessageBubbleType.SERVICE, serviceVariant: serviceVariant, content: message.content }));
+            return ((0, vue_1.h)(message_bubble_1.UMessageBubble, { key: String(message.id), type: message_bubble_1.MessageBubbleType.SERVICE, serviceVariant: serviceVariant, content: message.content, theme: themeRef.value.peers.MessageBubble, themeOverrides: messageBubbleThemeOverridesRef.value }));
         };
         const renderMessage = (message) => {
             const attachments = message.attachment
@@ -170,7 +174,7 @@ exports.default = (0, vue_1.defineComponent)({
                     return UChat.onAttachmentDownload.value(originalAttachment);
                 }
             };
-            return ((0, vue_1.h)(message_bubble_1.UMessageBubble, { key: String(message.id), type: message_bubble_1.MessageBubbleType.MESSAGE, isOwn: Boolean(message.isOwn), content: message.content, timestamp: message.timestamp, title: message.title, status: message.status, attachments: messageBubbleAttachments, uploadProps: props.uploadProps, retryText: mergedRetryTextRef.value, actions: getMessageBubbleActions(message), onRetry: handleMessageBubbleRetry, onAttachmentDownload: handleMessageBubbleAttachmentDownload }, {
+            return ((0, vue_1.h)(message_bubble_1.UMessageBubble, { key: String(message.id), type: message_bubble_1.MessageBubbleType.MESSAGE, isOwn: Boolean(message.isOwn), content: message.content, timestamp: message.timestamp, title: message.title, status: message.status, attachments: messageBubbleAttachments, uploadProps: props.uploadProps, retryText: mergedRetryTextRef.value, actions: getMessageBubbleActions(message), onRetry: handleMessageBubbleRetry, onAttachmentDownload: handleMessageBubbleAttachmentDownload, theme: themeRef.value.peers.MessageBubble, themeOverrides: messageBubbleThemeOverridesRef.value }, {
                 bubbleActions: slots.bubbleActions
                     ? () => { var _a; return (_a = slots.bubbleActions) === null || _a === void 0 ? void 0 : _a.call(slots, message); }
                     : undefined,
@@ -180,6 +184,9 @@ exports.default = (0, vue_1.defineComponent)({
                 messageAttachment: slots.messageAttachment
                     ? () => { var _a; return (_a = slots.messageAttachment) === null || _a === void 0 ? void 0 : _a.call(slots, message); }
                     : undefined,
+                afterContent: slots.messageAfterContent
+                    ? () => { var _a; return (_a = slots.messageAfterContent) === null || _a === void 0 ? void 0 : _a.call(slots, message); }
+                    : undefined,
                 'upload-file-title': slots.messageAttachmentTitle,
                 'upload-file-subtitle': slots.messageAttachmentSubtitle
             }));

package/lib/chat/src/ChatParts/Sidebar.d.ts

@@ -677,6 +677,33 @@ declare const _default: import("vue").DefineComponent<{}, {
                 codeColor: string;
                 codeBorder: string;
             }, any>;
+            MessageBubble: import("../../../_mixins").Theme<"MessageBubble", {
+                messageBubbleBackgroundColorOwn: string;
+                messageBubbleBackgroundColorOther: string;
+                messageBubbleTextColorOwn: string;
+                messageBubbleTextColorOther: string;
+                messageTimeColor: string;
+                messageStatusReadColor: string;
+                messageStatusSuccessColor: string;
+                attachmentBackgroundColorOwn: string;
+                attachmentBackgroundColorOther: string;
+                messageErrorColor: string;
+                messageBorderRadius: string;
+                unreadNotificationBackgroundColor: string;
+                unreadNotificationTextColor: string;
+                serviceMessageTextColor: string;
+                serviceMessageBackgroundColor: string;
+                messageTitleColor: string;
+            }, {
+                StatusIcon: import("../../../_mixins").Theme<"Icon", {
+                    color: string;
+                    opacity1Depth: string;
+                    opacity2Depth: string;
+                    opacity3Depth: string;
+                    opacity4Depth: string;
+                    opacity5Depth: string;
+                }, any>;
+            }>;
             StatusIcon: import("../../../_mixins").Theme<"Icon", {
                 color: string;
                 opacity1Depth: string;
@@ -946,6 +973,18 @@ declare const _default: import("vue").DefineComponent<{}, {
                     [x: string]: any;
                 } | undefined;
             } | undefined;
+            MessageBubble?: {
+                peers?: {
+                    StatusIcon?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+                        color: string;
+                        opacity1Depth: string;
+                        opacity2Depth: string;
+                        opacity3Depth: string;
+                        opacity4Depth: string;
+                        opacity5Depth: string;
+                    }, any>> | undefined;
+                } | undefined;
+            } | undefined;
             StatusIcon?: {
                 peers?: {
                     [x: string]: any;
@@ -1639,6 +1678,33 @@ declare const _default: import("vue").DefineComponent<{}, {
                 codeColor: string;
                 codeBorder: string;
             }, any>;
+            MessageBubble: import("../../../_mixins").Theme<"MessageBubble", {
+                messageBubbleBackgroundColorOwn: string;
+                messageBubbleBackgroundColorOther: string;
+                messageBubbleTextColorOwn: string;
+                messageBubbleTextColorOther: string;
+                messageTimeColor: string;
+                messageStatusReadColor: string;
+                messageStatusSuccessColor: string;
+                attachmentBackgroundColorOwn: string;
+                attachmentBackgroundColorOther: string;
+                messageErrorColor: string;
+                messageBorderRadius: string;
+                unreadNotificationBackgroundColor: string;
+                unreadNotificationTextColor: string;
+                serviceMessageTextColor: string;
+                serviceMessageBackgroundColor: string;
+                messageTitleColor: string;
+            }, {
+                StatusIcon: import("../../../_mixins").Theme<"Icon", {
+                    color: string;
+                    opacity1Depth: string;
+                    opacity2Depth: string;
+                    opacity3Depth: string;
+                    opacity4Depth: string;
+                    opacity5Depth: string;
+                }, any>;
+            }>;
             StatusIcon: import("../../../_mixins").Theme<"Icon", {
                 color: string;
                 opacity1Depth: string;
@@ -1908,6 +1974,18 @@ declare const _default: import("vue").DefineComponent<{}, {
                     [x: string]: any;
                 } | undefined;
             } | undefined;
+            MessageBubble?: {
+                peers?: {
+                    StatusIcon?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+                        color: string;
+                        opacity1Depth: string;
+                        opacity2Depth: string;
+                        opacity3Depth: string;
+                        opacity4Depth: string;
+                        opacity5Depth: string;
+                    }, any>> | undefined;
+                } | undefined;
+            } | undefined;
             StatusIcon?: {
                 peers?: {
                     [x: string]: any;

package/lib/chat/src/interface.d.ts

@@ -204,6 +204,7 @@ export interface ChatSlots {
     chatItemSuffix?: (item: ChatListItemData) => VNodeChild;
     messageStatus?: (message: ChatMessageData) => VNodeChild;
     messageContent?: (message: ChatMessageData) => VNodeChild;
+    messageAfterContent?: (message: ChatMessageData) => VNodeChild;
     messageTimestamp?: (message: ChatMessageData) => VNodeChild;
     messageAttachment?: (message: ChatMessageData) => VNodeChild;
     messageAttachmentTitle?: (file: any) => VNodeChild;

package/lib/chat/styles/dark.d.ts

@@ -662,6 +662,33 @@ declare const chatDark: import("../../_mixins").Theme<"Chat", {
         codeColor: string;
         codeBorder: string;
     }, any>;
+    MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
+        messageBubbleBackgroundColorOwn: string;
+        messageBubbleBackgroundColorOther: string;
+        messageBubbleTextColorOwn: string;
+        messageBubbleTextColorOther: string;
+        messageTimeColor: string;
+        messageStatusReadColor: string;
+        messageStatusSuccessColor: string;
+        attachmentBackgroundColorOwn: string;
+        attachmentBackgroundColorOther: string;
+        messageErrorColor: string;
+        messageBorderRadius: string;
+        unreadNotificationBackgroundColor: string;
+        unreadNotificationTextColor: string;
+        serviceMessageTextColor: string;
+        serviceMessageBackgroundColor: string;
+        messageTitleColor: string;
+    }, {
+        StatusIcon: import("../../_mixins").Theme<"Icon", {
+            color: string;
+            opacity1Depth: string;
+            opacity2Depth: string;
+            opacity3Depth: string;
+            opacity4Depth: string;
+            opacity5Depth: string;
+        }, any>;
+    }>;
     StatusIcon: import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;