@uzum-tech/ui 1.7.0 → 1.7.1

package/lib/tag/src/Tag.js

@@ -39,6 +39,9 @@ exports.default = (0, vue_1.defineComponent)({
                 if (props.onCheckedChange !== undefined) {
                     (0, _utils_1.warnOnce)('tag', '`on-checked-change` is deprecated, please use `on-update:checked` instead');
                 }
+                if (['primary', 'success', 'info', 'warning', 'error'].includes(props.type)) {
+                    (0, _utils_1.warnOnce)('tag', '`primary, success, info, warning, error` types are deprecated, please use `color` instead');
+                }
             });
         }
         const contentRef = (0, vue_1.ref)(null);

package/lib/tag/src/common-props.d.ts

@@ -7,7 +7,7 @@ export interface TagColor {
 declare const _default: {
     readonly color: PropType<TagColor>;
     readonly type: {
-        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error" | "tertiary">;
+        readonly type: PropType<"default" | "tertiary">;
         readonly default: "default";
     };
     readonly round: BooleanConstructor;

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

@@ -58,51 +58,6 @@ export declare const self: (vars: ThemeCommonVars) => {
     closeIconColorPressedTertiary: string;
     closeColorHoverTertiary: string;
     closeColorPressedTertiary: string;
-    borderPrimary: string;
-    textColorPrimary: string;
-    colorPrimary: string;
-    colorBorderedPrimary: string;
-    closeIconColorPrimary: string;
-    closeIconColorHoverPrimary: string;
-    closeIconColorPressedPrimary: string;
-    closeColorHoverPrimary: string;
-    closeColorPressedPrimary: string;
-    borderInfo: string;
-    textColorInfo: string;
-    colorInfo: string;
-    colorBorderedInfo: string;
-    closeIconColorInfo: string;
-    closeIconColorHoverInfo: string;
-    closeIconColorPressedInfo: string;
-    closeColorHoverInfo: string;
-    closeColorPressedInfo: string;
-    borderSuccess: string;
-    textColorSuccess: string;
-    colorSuccess: string;
-    colorBorderedSuccess: string;
-    closeIconColorSuccess: string;
-    closeIconColorHoverSuccess: string;
-    closeIconColorPressedSuccess: string;
-    closeColorHoverSuccess: string;
-    closeColorPressedSuccess: string;
-    borderWarning: string;
-    textColorWarning: string;
-    colorWarning: string;
-    colorBorderedWarning: string;
-    closeIconColorWarning: string;
-    closeIconColorHoverWarning: string;
-    closeIconColorPressedWarning: string;
-    closeColorHoverWarning: string;
-    closeColorPressedWarning: string;
-    borderError: string;
-    textColorError: string;
-    colorError: string;
-    colorBorderedError: string;
-    closeIconColorError: string;
-    closeIconColorHoverError: string;
-    closeIconColorPressedError: string;
-    closeColorHoverError: string;
-    closeColorPressedError: string;
 };
 export type TagThemeVars = ReturnType<typeof self>;
 declare const tagLight: Theme<'Tag', TagThemeVars>;

package/lib/tag/styles/light.js

@@ -4,7 +4,7 @@ exports.self = void 0;
 const seemly_1 = require("seemly");
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
-    const { opacityDisabled, borderRadiusSmall: borderRadius, fontWeightStrong, fontWeight, elementsTertiary, fontBodySmall, fontBodyMedium, textQuaternary, elementsPrimary, elementsSecondary, elementsSenary, elementsQuinary, textPrimary, elementsQuaternary, transparencySecondary, staticDarkGrey, staticWhite, elementsDarkQuinary, brandPrimary600, brandPrimary500, brandQuaternary600, brandQuaternary500, staticGreen, staticOrange, staticRed, staticBlack } = vars;
+    const { opacityDisabled, borderRadiusSmall: borderRadius, fontWeightStrong, fontWeight, elementsTertiary, fontBodySmall, fontBodyMedium, textQuaternary, elementsPrimary, elementsSecondary, elementsSenary, elementsQuinary, textPrimary, elementsQuaternary, transparencySecondary, staticDarkGrey, staticWhite, elementsDarkQuinary, staticBlack } = vars;
     const borderTagWidth = 2;
     return {
         closeIconSizeTiny: '16px',
@@ -66,63 +66,7 @@ const self = (vars) => {
         closeIconColorHoverTertiary: staticWhite,
         closeIconColorPressedTertiary: staticWhite,
         closeColorHoverTertiary: (0, seemly_1.changeColor)(staticWhite, { alpha: 0.12 }),
-        closeColorPressedTertiary: (0, seemly_1.changeColor)(staticWhite, { alpha: 0.18 }),
-        // primary
-        borderPrimary: `${borderTagWidth}px solid ${brandPrimary600}`,
-        textColorPrimary: staticWhite,
-        colorPrimary: brandPrimary500,
-        colorBorderedPrimary: brandPrimary500,
-        closeIconColorPrimary: staticWhite,
-        closeIconColorHoverPrimary: staticWhite,
-        closeIconColorPressedPrimary: staticWhite,
-        closeColorHoverPrimary: (0, seemly_1.changeColor)(staticWhite, { alpha: 0.12 }),
-        closeColorPressedPrimary: (0, seemly_1.changeColor)(staticWhite, { alpha: 0.18 }),
-        // info
-        borderInfo: `${borderTagWidth}px solid ${brandQuaternary600}`,
-        textColorInfo: staticBlack,
-        colorInfo: brandQuaternary500,
-        colorBorderedInfo: brandQuaternary500,
-        closeIconColorInfo: staticBlack,
-        closeIconColorHoverInfo: staticBlack,
-        closeIconColorPressedInfo: staticBlack,
-        closeColorHoverInfo: (0, seemly_1.changeColor)(staticBlack, { alpha: 0.12 }),
-        closeColorPressedInfo: (0, seemly_1.changeColor)(staticBlack, { alpha: 0.18 }),
-        // success
-        borderSuccess: `${borderTagWidth}px solid ${(0, seemly_1.changeColor)(staticGreen, {
-            alpha: 0.3
-        })}`,
-        textColorSuccess: staticWhite,
-        colorSuccess: staticGreen,
-        colorBorderedSuccess: staticGreen,
-        closeIconColorSuccess: staticWhite,
-        closeIconColorHoverSuccess: staticWhite,
-        closeIconColorPressedSuccess: staticWhite,
-        closeColorHoverSuccess: (0, seemly_1.changeColor)(staticWhite, { alpha: 0.12 }),
-        closeColorPressedSuccess: (0, seemly_1.changeColor)(staticWhite, { alpha: 0.18 }),
-        // warning
-        borderWarning: `${borderTagWidth}px solid ${(0, seemly_1.changeColor)(staticOrange, {
-            alpha: 0.35
-        })}`,
-        textColorWarning: staticWhite,
-        colorWarning: staticOrange,
-        colorBorderedWarning: staticOrange,
-        closeIconColorWarning: staticWhite,
-        closeIconColorHoverWarning: staticWhite,
-        closeIconColorPressedWarning: staticWhite,
-        closeColorHoverWarning: (0, seemly_1.changeColor)(staticWhite, { alpha: 0.12 }),
-        closeColorPressedWarning: (0, seemly_1.changeColor)(staticWhite, { alpha: 0.18 }),
-        // error
-        borderError: `${borderTagWidth}px solid ${(0, seemly_1.changeColor)(staticRed, {
-            alpha: 0.23
-        })}`,
-        textColorError: staticWhite,
-        colorError: staticRed,
-        colorBorderedError: staticRed,
-        closeIconColorError: staticWhite,
-        closeIconColorHoverError: staticWhite,
-        closeIconColorPressedError: staticWhite,
-        closeColorHoverError: (0, seemly_1.changeColor)(staticWhite, { alpha: 0.12 }),
-        closeColorPressedError: (0, seemly_1.changeColor)(staticWhite, { alpha: 0.18 })
+        closeColorPressedTertiary: (0, seemly_1.changeColor)(staticWhite, { alpha: 0.18 })
     };
 };
 exports.self = self;

package/lib/tree-select/src/TreeSelect.d.ts

@@ -318,9 +318,7 @@ export declare const treeSelectProps: {
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -564,9 +562,7 @@ export declare const treeSelectProps: {
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -810,9 +806,7 @@ export declare const treeSelectProps: {
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -1167,9 +1161,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -1413,9 +1405,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -1659,9 +1649,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -1975,9 +1963,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorPressed: string;
                 caretColorSecondary: string;
                 filterCounterTextColor: string;
-                filterCounterSeparatorColor: string;
                 filterCounterTextColorDisabled: string;
-                filterCounterSeparatorColorDisabled: string;
                 arrowColorSecondary: string;
                 clearColorSecondary: string;
                 colorSecondary: string;
@@ -2459,9 +2445,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -2705,9 +2689,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -2951,9 +2933,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;

package/lib/tree-select/styles/light.d.ts

@@ -211,9 +211,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
         clearColorPressed: string;
         caretColorSecondary: string;
         filterCounterTextColor: string;
-        filterCounterSeparatorColor: string;
         filterCounterTextColorDisabled: string;
-        filterCounterSeparatorColorDisabled: string;
         arrowColorSecondary: string;
         clearColorSecondary: string;
         colorSecondary: string;

package/lib/upload/src/useUploadActionsRender.js

@@ -8,7 +8,7 @@ const icons_1 = require("../../_internal/icons");
 function useUploadActionsRender(opts) {
     const { clsPrefix, listType, file, showPreviewButton, showRemoveButton, showCancelButton, showRetryButton, showDownloadButton, disabled, buttonType, mergedTheme, buttonThemeOverrides, handlePreviewClick, handleRemoveOrCancelClick, handleRetryClick, handleDownloadClick, capitalizeFirstLetter } = opts;
     const isImageType = ['image', 'image-card'].includes(listType);
-    const fileExt = file.name.split('.')[1] || '';
+    const fileExt = file.name.split('.').at(-1) || '';
     const capitalizedExt = capitalizeFirstLetter(fileExt);
     const icon = (0, vue_1.h)('div', {
         class: [

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.7.0";
+declare const _default: "1.7.1";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.7.0';
+exports.default = '1.7.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -1956,7 +1956,9 @@
             {
               "name": "typing-chat-ids",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
-              "type": "Array"
+              "type": "Array<ChatId>",
+              "description": "Array of chat IDs where users are currently typing.",
+              "default": "[]"
             },
             {
               "name": "disabled",
@@ -2027,12 +2029,16 @@
             {
               "name": "header-button-props",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
-              "type": "object"
+              "type": "Partial<ButtonProps>",
+              "description": "Props for buttons in header.",
+              "default": "undefined"
             },
             {
               "name": "header-icon-props",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
-              "type": "object"
+              "type": "Partial<IconProps>",
+              "description": "Props for icons in header.",
+              "default": "undefined"
             },
             {
               "name": "message-sender-avatar-props",
@@ -2042,7 +2048,9 @@
             {
               "name": "message-upload-props",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
-              "type": "object"
+              "type": "Partial<UploadProps>",
+              "description": "Props for upload display in messages.",
+              "default": "undefined"
             },
             {
               "name": "message-button-props",
@@ -2053,7 +2061,7 @@
               "name": "footer-input-props",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
               "type": "Partial<InputProps>",
-              "description": "Props for message input field.",
+              "description": "Props for message input field (placeholder can override locale).",
               "default": "undefined"
             },
             {
@@ -2066,17 +2074,23 @@
             {
               "name": "footer-upload-props",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
-              "type": "object"
+              "type": "Partial<UploadProps>",
+              "description": "Props for upload component in footer.",
+              "default": "undefined"
             },
             {
               "name": "footer-upload-trigger-props",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
-              "type": "object"
+              "type": "any",
+              "description": "Props for upload trigger button.",
+              "default": "undefined"
             },
             {
               "name": "footer-icon-props",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
-              "type": "object"
+              "type": "Partial<IconProps>",
+              "description": "Props for icons in footer.",
+              "default": "undefined"
             },
             {
               "name": "empty-props",
@@ -2088,32 +2102,52 @@
             {
               "name": "retry-text",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
-              "type": "string"
+              "type": "string",
+              "description": "Text for retry button when message fails.",
+              "default": "locale default"
             },
             {
               "name": "typing-text",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
-              "type": "string"
+              "type": "string",
+              "description": "Text shown when other user is typing.",
+              "default": "locale default"
             },
             {
               "name": "close-button-text",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
-              "type": "string"
+              "type": "string",
+              "description": "Text for close chat button.",
+              "default": "locale default"
             },
             {
               "name": "chat-items-loading",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
               "type": "boolean",
-              "description": "Whether chat list is in loading state.",
+              "description": "Whether chat list is in loading state. Shows skeleton items.",
               "default": "false"
             },
+            {
+              "name": "chat-items-loading-count",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "number",
+              "description": "Number of skeleton items to show in sidebar when loading.",
+              "default": "10"
+            },
             {
               "name": "messages-loading",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
               "type": "boolean",
-              "description": "Whether messages are in loading state.",
+              "description": "Whether messages are in loading state. Shows skeleton messages.",
               "default": "false"
             },
+            {
+              "name": "messages-loading-count",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "number",
+              "description": "Number of skeleton messages to show in main area when loading.",
+              "default": "5"
+            },
             {
               "name": "max-height",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
@@ -6043,7 +6077,7 @@
         },
         {
           "name": "UEmpty",
-          "description": "E<span style=\"opacity: 0;\">mpt</span>y.",
+          "description": "Empty is used to display a no-data state",
           "doc-url": "https://www.naiveui.com/en-US/os-theme/components/empty",
           "source": {
             "symbol": "UEmpty"
@@ -13119,7 +13153,7 @@
             {
               "name": "color",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/status",
-              "type": "string",
+              "type": "{ backgroundColor?: string, textColor?: string }",
               "description": "Color of status",
               "default": "undefined"
             },
@@ -13975,9 +14009,7 @@
             {
               "name": "type",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/tag",
-              "type": "'default' | 'primary' | 'info' | 'success' | 'warning' | 'error'",
-              "description": "Type of the tag.",
-              "default": "'default'"
+              "type": "string"
             },
             {
               "name": "round",
@@ -14052,6 +14084,13 @@
               "description-sections": {
                 "since": "2.32.2"
               }
+            },
+            {
+              "name": "<span style=\"color:red; text-decoration: line-through;\">type</span>",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/tag",
+              "type": "'default' | 'tertiary'",
+              "description": "Type of the tag. <br /><span style=\"color:red;\">Types `'primary' \\| 'info' \\| 'success' \\| 'warning' \\| 'error'` are deprecated. Use `color` instead</span>",
+              "default": "'default'"
             }
           ],
           "js": {