@uzum-tech/ui 1.13.2 → 1.14.1

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

@@ -126,6 +126,13 @@ export declare const chatListItemsProps: {
             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;
@@ -824,6 +831,13 @@ export declare const chatListItemsProps: {
             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;
@@ -1522,6 +1536,13 @@ export declare const chatListItemsProps: {
             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;
@@ -2267,6 +2288,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;
@@ -2965,6 +2993,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;
@@ -3663,6 +3698,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;
@@ -4366,6 +4408,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;
@@ -5321,6 +5370,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;
@@ -6344,6 +6400,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;
@@ -7042,6 +7105,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;
@@ -7740,6 +7810,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/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<{
             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<{
             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<{
             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<{
                 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<{
                 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;
@@ -6369,6 +6425,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;
@@ -7067,6 +7130,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;
@@ -7765,6 +7835,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/ChatParts/MainArea.js

@@ -186,61 +186,54 @@ exports.default = (0, vue_1.defineComponent)({
             return value != null ? String(value) : '';
         };
         const renderHeader = () => {
+            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` },
-                (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"' },
-                                (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;
-                                })
-                            })));
-                    }
-                })));
+                (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 = () => {
             var _a;

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

@@ -88,6 +88,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;

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/color-picker/src/ColorInputUnit.d.ts

@@ -77,6 +77,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/color-picker/src/ColorPicker.d.ts

@@ -107,6 +107,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;
@@ -411,6 +418,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;
@@ -715,6 +729,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;
@@ -1064,6 +1085,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;
@@ -1368,6 +1396,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;
@@ -1672,6 +1707,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;
@@ -2050,6 +2092,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;
@@ -2354,6 +2403,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;
@@ -2658,6 +2714,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/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;