@uzum-tech/ui 2.0.0-beta.7 → 2.0.0-beta.9

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

@@ -128,6 +128,13 @@ export declare const chatMessagesProps: {
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -826,6 +833,13 @@ export declare const chatMessagesProps: {
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -1524,6 +1538,13 @@ export declare const chatMessagesProps: {
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -2273,6 +2294,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -2971,6 +2999,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -3669,6 +3704,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -4372,6 +4414,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 borderFocus: string;
                 boxShadowFocus: string;
                 loadingColor: string;
+                loadingColorSuccess: string;
+                borderSuccess: string;
+                borderHoverSuccess: string;
+                colorFocusSuccess: string;
+                borderFocusSuccess: string;
+                boxShadowFocusSuccess: string;
+                caretColorSuccess: string;
                 loadingColorWarning: string;
                 borderWarning: string;
                 borderHoverWarning: string;
@@ -5327,6 +5376,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 borderFocus: string;
                 boxShadowFocus: string;
                 loadingColor: string;
+                loadingColorSuccess: string;
+                borderSuccess: string;
+                borderHoverSuccess: string;
+                colorFocusSuccess: string;
+                borderFocusSuccess: string;
+                boxShadowFocusSuccess: string;
+                caretColorSuccess: string;
                 loadingColorWarning: string;
                 borderWarning: string;
                 borderHoverWarning: string;
@@ -6282,6 +6338,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 borderFocus: string;
                 boxShadowFocus: string;
                 loadingColor: string;
+                loadingColorSuccess: string;
+                borderSuccess: string;
+                borderHoverSuccess: string;
+                colorFocusSuccess: string;
+                borderFocusSuccess: string;
+                boxShadowFocusSuccess: string;
+                caretColorSuccess: string;
                 loadingColorWarning: string;
                 borderWarning: string;
                 borderHoverWarning: string;
@@ -7324,6 +7387,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -8022,6 +8092,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -8720,6 +8797,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;

package/lib/chat/src/ChatParts/MainArea.js

@@ -184,62 +184,51 @@ exports.default = (0, vue_1.defineComponent)({
             return value != null ? String(value) : '';
         };
         const renderHeader = () => {
-            return ((0, vue_1.h)("div", { class: `${mergedClsPrefixRef.value}-chat-main__header` },
-                (0, vue_1.h)(flex_1.UFlex, { justify: "space-between", align: "flex-start", wrap: false }, {
-                    default: () => {
-                        const chat = selectedChatRef.value;
-                        const keyId = toKeyString(chat === null || chat === void 0 ? void 0 : chat.id);
-                        const keyTitle = toKeyString(chat === null || chat === void 0 ? void 0 : chat.title);
-                        return ((0, vue_1.h)(vue_1.Fragment, null,
-                            (0, vue_1.h)(flex_1.UFlex, { vertical: true, size: [0, 0], justify: "flex-start" }, {
-                                default: () => ((0, vue_1.h)(vue_1.Fragment, null,
-                                    (0, vue_1.h)(typography_1.UText, { key: `${keyId}-${keyTitle}`, variant: "heading-s-bold", class: `${mergedClsPrefixRef.value}-chat-main__header-title`, theme: mergedThemeRef.value.peers.Typography, themeOverrides: mergedThemeRef.value.peerOverrides.Typography }, {
-                                        default: () => { var _a, _b; return (_b = (_a = selectedChatRef.value) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : ''; }
-                                    }),
-                                    isTyping.value && ((0, vue_1.h)(typography_1.UText, { class: [
-                                            `${mergedClsPrefixRef.value}-chat-main__header-subtitle`,
-                                            'typing'
-                                        ], variant: "body-m-medium" }, {
-                                        default: () => { var _a; return (_a = typingTextRef.value) !== null && _a !== void 0 ? _a : ''; }
-                                    }))))
-                            }),
-                            (0, vue_1.h)(flex_1.UFlex, { align: "center", size: "small", class: `${mergedClsPrefixRef.value}-chat-main__header-actions` }, {
-                                default: () => (0, _utils_1.resolveSlot)(slots.headerActions, () => {
-                                    const shareButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerShareButtonPropsRef.value);
-                                    const profileButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerProfileButtonPropsRef.value);
-                                    const closeButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerCloseButtonPropsRef.value);
-                                    const shareIconProps = Object.assign(Object.assign({}, headerIconPropsRef.value), headerShareIconPropsRef.value);
-                                    const profileIconProps = Object.assign(Object.assign({}, headerIconPropsRef.value), headerProfileIconPropsRef.value);
-                                    const buttons = [];
-                                    buttons.push((0, vue_1.h)(tooltip_1.UTooltip, null, {
-                                        trigger: () => ((0, vue_1.h)(button_1.UButton, Object.assign({ secondary: true, circle: true, size: "large" }, shareButtonProps, { theme: mergedThemeRef.value.peers.Button, themeOverrides: mergedThemeRef.value.peerOverrides
-                                                .Button, onClick: () => { var _a; return (_a = onChatShare === null || onChatShare === void 0 ? void 0 : onChatShare.value) === null || _a === void 0 ? void 0 : _a.call(onChatShare); } }), {
-                                            default: () => ((0, vue_1.h)(icon_1.UIcon, Object.assign({ size: 20 }, shareIconProps, { theme: mergedThemeRef.value.peers
-                                                    .HeaderShareIcon, themeOverrides: mergedThemeRef.value.peerOverrides
-                                                    .HeaderShareIcon }), {
-                                                default: () => ((0, vue_1.h)(icons_1.ArrowHookUpRight, null))
-                                            }))
-                                        })),
-                                        default: () => shareButtonTooltipRef.value
-                                    }));
-                                    buttons.push((0, vue_1.h)(tooltip_1.UTooltip, null, {
-                                        trigger: () => ((0, vue_1.h)(button_1.UButton, Object.assign({ secondary: true, circle: true, size: "large" }, profileButtonProps, { theme: mergedThemeRef.value.peers.Button, themeOverrides: mergedThemeRef.value.peerOverrides
-                                                .Button, onClick: () => { var _a; return (_a = onUserProfile === null || onUserProfile === void 0 ? void 0 : onUserProfile.value) === null || _a === void 0 ? void 0 : _a.call(onUserProfile); } }), {
-                                            default: () => ((0, vue_1.h)(icon_1.UIcon, Object.assign({ size: 20 }, profileIconProps, { theme: mergedThemeRef.value.peers
-                                                    .HeaderProfileIcon, themeOverrides: mergedThemeRef.value.peerOverrides
-                                                    .HeaderProfileIcon }), {
-                                                default: () => (0, vue_1.h)(icons_1.PersonNote, null)
-                                            }))
-                                        })),
-                                        default: () => profileButtonTooltipRef.value
-                                    }));
-                                    buttons.push((0, vue_1.h)(button_1.UButton, Object.assign({ type: "primary", size: "large", round: true }, closeButtonProps, { theme: mergedThemeRef.value.peers.Button, themeOverrides: mergedThemeRef.value.peerOverrides.Button, onClick: () => { var _a; return (_a = onChatClose === null || onChatClose === void 0 ? void 0 : onChatClose.value) === null || _a === void 0 ? void 0 : _a.call(onChatClose); } }), {
-                                        default: () => closeButtonTextRef.value
-                                    }));
-                                    return buttons;
-                                })
-                            })));
-                    }
+            const chat = selectedChatRef.value;
+            const keyId = toKeyString(chat === null || chat === void 0 ? void 0 : chat.id);
+            const keyTitle = toKeyString(chat === null || chat === void 0 ? void 0 : chat.title);
+            return ((0, vue_1.h)("div", { class: `${mergedClsPrefixRef.value}-chat-main__header-inner` },
+                (0, vue_1.h)("div", { class: `${mergedClsPrefixRef.value}-chat-main__header-title-wrap` },
+                    (0, vue_1.h)(typography_1.UText, { key: `${keyId}-${keyTitle}`, variant: "heading-s-bold", class: `${mergedClsPrefixRef.value}-chat-main__header-title`, theme: mergedThemeRef.value.peers.Typography, themeOverrides: mergedThemeRef.value.peerOverrides.Typography }, {
+                        default: () => { var _a, _b; return (_b = (_a = selectedChatRef.value) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : ''; }
+                    }),
+                    isTyping.value && ((0, vue_1.h)(typography_1.UText, { class: [
+                            `${mergedClsPrefixRef.value}-chat-main__header-subtitle`,
+                            'typing'
+                        ], variant: "body-m-medium" }, {
+                        default: () => { var _a; return (_a = typingTextRef.value) !== null && _a !== void 0 ? _a : ''; }
+                    }))),
+                (0, vue_1.h)(flex_1.UFlex, { align: "center", size: "small", class: `${mergedClsPrefixRef.value}-chat-main__header-actions` }, {
+                    default: () => (0, _utils_1.resolveSlot)(slots.headerActions, () => {
+                        const shareButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerShareButtonPropsRef.value);
+                        const profileButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerProfileButtonPropsRef.value);
+                        const closeButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerCloseButtonPropsRef.value);
+                        const shareIconProps = Object.assign(Object.assign({}, headerIconPropsRef.value), headerShareIconPropsRef.value);
+                        const profileIconProps = Object.assign(Object.assign({}, headerIconPropsRef.value), headerProfileIconPropsRef.value);
+                        const buttons = [];
+                        buttons.push((0, vue_1.h)(tooltip_1.UTooltip, null, {
+                            trigger: () => ((0, vue_1.h)(button_1.UButton, Object.assign({ secondary: true, circle: true, size: "large" }, shareButtonProps, { theme: mergedThemeRef.value.peers.Button, themeOverrides: mergedThemeRef.value.peerOverrides.Button, onClick: () => { var _a; return (_a = onChatShare === null || onChatShare === void 0 ? void 0 : onChatShare.value) === null || _a === void 0 ? void 0 : _a.call(onChatShare); } }), {
+                                default: () => ((0, vue_1.h)(icon_1.UIcon, Object.assign({ size: 20 }, shareIconProps, { theme: mergedThemeRef.value.peers.HeaderShareIcon, themeOverrides: mergedThemeRef.value.peerOverrides
+                                        .HeaderShareIcon }), {
+                                    default: () => (0, vue_1.h)(icons_1.ArrowHookUpRight, null)
+                                }))
+                            })),
+                            default: () => shareButtonTooltipRef.value
+                        }));
+                        buttons.push((0, vue_1.h)(tooltip_1.UTooltip, null, {
+                            trigger: () => ((0, vue_1.h)(button_1.UButton, Object.assign({ secondary: true, circle: true, size: "large" }, profileButtonProps, { theme: mergedThemeRef.value.peers.Button, themeOverrides: mergedThemeRef.value.peerOverrides.Button, onClick: () => { var _a; return (_a = onUserProfile === null || onUserProfile === void 0 ? void 0 : onUserProfile.value) === null || _a === void 0 ? void 0 : _a.call(onUserProfile); } }), {
+                                default: () => ((0, vue_1.h)(icon_1.UIcon, Object.assign({ size: 20 }, profileIconProps, { theme: mergedThemeRef.value.peers.HeaderProfileIcon, themeOverrides: mergedThemeRef.value.peerOverrides
+                                        .HeaderProfileIcon }), {
+                                    default: () => (0, vue_1.h)(icons_1.PersonNote, null)
+                                }))
+                            })),
+                            default: () => profileButtonTooltipRef.value
+                        }));
+                        buttons.push((0, vue_1.h)(button_1.UButton, Object.assign({ type: "primary", size: "large", round: true }, closeButtonProps, { theme: mergedThemeRef.value.peers.Button, themeOverrides: mergedThemeRef.value.peerOverrides.Button, onClick: () => { var _a; return (_a = onChatClose === null || onChatClose === void 0 ? void 0 : onChatClose.value) === null || _a === void 0 ? void 0 : _a.call(onChatClose); } }), {
+                            default: () => closeButtonTextRef.value
+                        }));
+                        return buttons;
+                    })
                 })));
         };
         const renderMessages = () => {
@@ -280,14 +269,14 @@ exports.default = (0, vue_1.defineComponent)({
             if (isSending.value) {
                 return;
             }
-            const hasContent = inputValue.value.trim();
+            const hasContent = inputValue.value;
             const hasAttachments = attachmentFileList.value.length > 0;
             if ((editMessageIdRef === null || editMessageIdRef === void 0 ? void 0 : editMessageIdRef.value) && hasContent) {
                 isSending.value = true;
                 try {
                     const messageToEdit = editingMessage.value;
                     if (messageToEdit) {
-                        const updatedMessage = Object.assign(Object.assign({}, messageToEdit), { content: inputValue.value.trim() });
+                        const updatedMessage = Object.assign(Object.assign({}, messageToEdit), { content: inputValue.value });
                         const bubbleActions = bubbleActionsRef === null || bubbleActionsRef === void 0 ? void 0 : bubbleActionsRef.value;
                         if (bubbleActions) {
                             const editAction = bubbleActions.find(action => action.key === interface_1.ChatBubbleActionKey.EDIT);
@@ -342,7 +331,7 @@ exports.default = (0, vue_1.defineComponent)({
                             return result;
                         })()
                         : undefined;
-                    handleMessageSend(inputValue.value.trim(), attachments);
+                    handleMessageSend(inputValue.value, attachments);
                     inputValue.value = '';
                     attachmentFileList.value = [];
                     chatInputs.value[selectedChatRef.value.id] = '';
@@ -426,7 +415,10 @@ exports.default = (0, vue_1.defineComponent)({
                                     }));
                                 }
                             }),
-                            (0, vue_1.h)(input_1.UInput, Object.assign({ ref: "inputRef", value: inputValue.value, placeholder: inputPlaceholderRef.value, class: `${mergedClsPrefixRef.value}-chat-main__input` }, footerInputPropsRef.value, { theme: mergedThemeRef.value.peers.Input, themeOverrides: mergedThemeRef.value.peerOverrides.Input, onUpdateValue: (value) => {
+                            (0, vue_1.h)(input_1.UInput, Object.assign({ ref: "inputRef", value: inputValue.value, placeholder: inputPlaceholderRef.value, class: `${mergedClsPrefixRef.value}-chat-main__input`, theme: mergedThemeRef.value.peers.Input, themeOverrides: mergedThemeRef.value.peerOverrides.Input, type: "textarea", autosize: {
+                                    minRows: 1,
+                                    maxRows: 5
+                                }, onUpdateValue: (value) => {
                                     inputValue.value = value;
                                     if (selectedChatRef.value) {
                                         chatInputs.value[selectedChatRef.value.id] = value;
@@ -437,7 +429,7 @@ exports.default = (0, vue_1.defineComponent)({
                                         e.stopPropagation();
                                         void handleSendMessage();
                                     }
-                                } }), {
+                                } }, footerInputPropsRef.value), {
                                 prefix: () => renderEditingBlock(),
                                 suffix: () => ((0, vue_1.h)(icon_1.UIcon, Object.assign({ size: 24, class: `${mergedClsPrefixRef.value}-chat-main__input-suffix` }, footerSuffixIconPropsRef.value, { theme: mergedThemeRef.value.peers.FooterSuffixIcon, themeOverrides: mergedThemeRef.value.peerOverrides
                                         .FooterSuffixIcon, onClick: () => {

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

@@ -90,6 +90,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                 borderFocus: string;
                 boxShadowFocus: string;
                 loadingColor: string;
+                loadingColorSuccess: string;
+                borderSuccess: string;
+                borderHoverSuccess: string;
+                colorFocusSuccess: string;
+                borderFocusSuccess: string;
+                boxShadowFocusSuccess: string;
+                caretColorSuccess: string;
                 loadingColorWarning: string;
                 borderWarning: string;
                 borderHoverWarning: string;
@@ -1045,6 +1052,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                 borderFocus: string;
                 boxShadowFocus: string;
                 loadingColor: string;
+                loadingColorSuccess: string;
+                borderSuccess: string;
+                borderHoverSuccess: string;
+                colorFocusSuccess: string;
+                borderFocusSuccess: string;
+                boxShadowFocusSuccess: string;
+                caretColorSuccess: string;
                 loadingColorWarning: string;
                 borderWarning: string;
                 borderHoverWarning: string;

package/lib/chat/src/styles/index.cssr.js

@@ -139,23 +139,28 @@ exports.default = (0, cssr_1.cB)('chat', `
  width: 100%;
  padding: 24px 20px 10px 24px;
  flex-shrink: 0;
+ `), (0, cssr_1.cE)('header-inner', `
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto;
+ align-items: flex-start;
+ gap: 8px;
+ `), (0, cssr_1.cE)('header-title-wrap', `
+ min-width: 0;
+ overflow: hidden;
  `), (0, cssr_1.cE)('header-title', `
  color: var(--u-header-title-color);
- flex: 1;
- min-width: 0;
+ display: block;
  overflow: hidden;
- text-overflow: ellipsis;
  white-space: nowrap;
- display: block;
- margin-right: 16px;
+ text-overflow: ellipsis;
+ width: 100%;
  `), (0, cssr_1.cE)('header-subtitle', `
  display: block;
  color: var(--u-sidebar-item-subtitle-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
- minWidth: 0;
- maxWidth: 100%;
+ width: 100%;
  `), (0, cssr_1.cE)('header-actions', `
  padding: 4px;
  flex-shrink: 0;
@@ -258,6 +263,7 @@ exports.default = (0, cssr_1.cB)('chat', `
  height: 44px;
  `)]), (0, cssr_1.cE)('message-text', `
  padding: 12px 16px;
+ white-space: pre-wrap;
  `), (0, cssr_1.cE)('message-attachment', `
  display: flex;
  align-items: center;
@@ -334,6 +340,7 @@ exports.default = (0, cssr_1.cB)('chat', `
  `, [(0, cssr_1.c)('.u-input-wrapper', `
  flex-wrap: wrap;
  padding: 0 4px;
+ height: 100%;
  `, [(0, cssr_1.c)('.u-input__prefix', `
  width: 100%;
  margin: 0;
@@ -344,13 +351,20 @@ exports.default = (0, cssr_1.cB)('chat', `
  border-top-right-radius: 12px;
  `), (0, cssr_1.c)('li', `
  padding: 12px;
- `)]), (0, cssr_1.c)('.u-input__input-el', `
- padding: 8px;
+ `)]), (0, cssr_1.c)('.u-input__textarea-el', `
+ padding-top: 12px;
+ padding-left: 12px;
+ padding-right: 48px;
  `), (0, cssr_1.c)('.u-input__placeholder', `
- margin: 8px;
+ padding-top: 12px;
+ padding-left: 12px;
+ padding-right: 48px;
  `)])]), (0, cssr_1.cE)('editing-block', `
  width: 100%;
  `), (0, cssr_1.cE)('input-suffix', `
+ position: absolute;
+ right: 12px;
+ bottom: 12px;
  color: var(--u-input-suffix-color) !important;
  cursor: pointer;
  margin-right: 4px;

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

@@ -75,6 +75,13 @@ declare const chatDark: import("../../_mixins").Theme<"Chat", {
         borderFocus: string;
         boxShadowFocus: string;
         loadingColor: string;
+        loadingColorSuccess: string;
+        borderSuccess: string;
+        borderHoverSuccess: string;
+        colorFocusSuccess: string;
+        borderFocusSuccess: string;
+        boxShadowFocusSuccess: string;
+        caretColorSuccess: string;
         loadingColorWarning: string;
         borderWarning: string;
         borderHoverWarning: string;

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

@@ -113,6 +113,13 @@ declare const chatLight: import("../../_mixins").Theme<"Chat", {
         borderFocus: string;
         boxShadowFocus: string;
         loadingColor: string;
+        loadingColorSuccess: string;
+        borderSuccess: string;
+        borderHoverSuccess: string;
+        colorFocusSuccess: string;
+        borderFocusSuccess: string;
+        boxShadowFocusSuccess: string;
+        caretColorSuccess: string;
         loadingColorWarning: string;
         borderWarning: string;
         borderHoverWarning: string;

package/lib/chat/styles/light.js

@@ -17,7 +17,7 @@ const styles_9 = require("../../typography/styles");
 const chatInputLight = Object.assign(Object.assign({}, styles_6.inputLight), { self(vars) {
         const originalInputSelf = (0, light_2.self)(vars);
         const { elementsTertiary } = vars;
-        return Object.assign(Object.assign({}, originalInputSelf), { color: elementsTertiary, colorFocus: elementsTertiary, border: 'none', borderFocus: 'none', borderHover: 'none', boxShadow: 'none', boxShadowFocus: 'none' });
+        return Object.assign(Object.assign({}, originalInputSelf), { color: elementsTertiary, colorFocus: elementsTertiary, heightMedium: '45px', border: 'none', borderFocus: 'none', borderHover: 'none', boxShadow: 'none', boxShadowFocus: 'none' });
     } });
 const chatBadgeLight = Object.assign(Object.assign({}, styles_2.badgeLight), { self(vars) {
         const originalBadgeSelf = (0, light_1.self)(vars);

package/lib/color-picker/src/ColorInputUnit.d.ts

@@ -77,6 +77,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 borderFocus: string;
                 boxShadowFocus: string;
                 loadingColor: string;
+                loadingColorSuccess: string;
+                borderSuccess: string;
+                borderHoverSuccess: string;
+                colorFocusSuccess: string;
+                borderFocusSuccess: string;
+                boxShadowFocusSuccess: string;
+                caretColorSuccess: string;
                 loadingColorWarning: string;
                 borderWarning: string;
                 borderHoverWarning: string;

package/lib/color-picker/src/ColorPicker.d.ts

@@ -109,6 +109,13 @@ export declare const colorPickerProps: {
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -413,6 +420,13 @@ export declare const colorPickerProps: {
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -717,6 +731,13 @@ export declare const colorPickerProps: {
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -1077,6 +1098,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -1381,6 +1409,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -1685,6 +1720,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -2065,6 +2107,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -2369,6 +2418,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;
@@ -2673,6 +2729,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             borderFocus: string;
             boxShadowFocus: string;
             loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
             loadingColorWarning: string;
             borderWarning: string;
             borderHoverWarning: string;

package/lib/color-picker/styles/light.d.ts

@@ -80,6 +80,13 @@ declare const colorPickerLight: import("../../_mixins/use-theme").Theme<"ColorPi
         borderFocus: string;
         boxShadowFocus: string;
         loadingColor: string;
+        loadingColorSuccess: string;
+        borderSuccess: string;
+        borderHoverSuccess: string;
+        colorFocusSuccess: string;
+        borderFocusSuccess: string;
+        boxShadowFocusSuccess: string;
+        caretColorSuccess: string;
         loadingColorWarning: string;
         borderWarning: string;
         borderHoverWarning: string;