@uzum-tech/ui 1.12.19 → 1.12.21

package/README.md

@@ -0,0 +1,73 @@
+<p align="center">
+  <img width="144px" src="https://ik.imagekit.io/jbalancer/uzum-logo.svg?updatedAt=1692012347116" />
+</p>
+
+<h1 align="center">Uzum UI</h1>
+<p align="center">A Vue 3 Component Library</p>
+<p align="center"><b>Fairly Complete, Theme Customizable, Uses TypeScript, Fast</b></p>
+
+<p align="center">English</p>
+
+## Documentation
+
+[www.uzumui.com](http://www.uzumui.com)
+
+## Features
+
+### Fairly Complete
+
+There are more than 80 components. Hope they can help you write less code.
+
+What's more, they are all treeshakable.
+
+### Theme Customizable
+
+We provide an advanced type safe theme system built using TypeScript. All you need is to provide a theme overrides object in JS. Then all the stuff will be done by us.
+
+What's more, no less/sass/css variables, no webpack loaders are required.
+
+### Uses TypeScript
+
+All the stuff in Uzum UI is written in TypeScript. It can work with your typescript project seamlessly.
+
+What's more, you don't need to import any CSS to use the components.
+
+### Fast
+
+I try to make it not rather slow. At least select, tree, transfer, table and cascader work with virtual list.
+
+What's more, ..., no more. Just enjoy it.
+
+## Installation
+
+### npm
+
+Use npm to install.
+
+```bash
+npm i -D @uzum-tech/ui
+```
+
+### Fonts
+
+```bash
+npm i -D vfonts
+```
+
+### Icons
+
+Uzum UI recommends using [xicons](https://www.xicons.org) as icon library.
+
+### Design Resources
+
+[Uzum UI (Figma)](https://www.figma.com/file/yKEpk8950c0bZ2fA51psBI/Components-Web?type=design&t=brzuYK7mC2iOHJJ1-6).
+
+## Contributing
+
+Later...
+
+## License
+
+Uzum UI is licensed under the [MIT license](https://opensource.org/licenses/MIT).
+
+Graphics resouces of `result` component is licensed under the [CC-BY 4.0](https://creativecommons.org/licenses/by/4.0/). The graphics resources come from [Twemoji](https://github.com/twitter/twemoji).

package/dist/index.js

@@ -54326,8 +54326,8 @@
         };
         const renderAttachment = () => {
           const fileList = props.attachments.map(
-            (attachment, index) => ({
-              id: `${String(props.message.id)}-attachment-${index}`,
+            (attachment) => ({
+              id: `${String(attachment.id)}`,
               name: attachment.name,
               status: attachment.status || ChatAttachmentStatus.FINISHED,
               percentage: attachment.percentage ?? null,
@@ -124753,6 +124753,7 @@
       opacity: .5;
     `), c$1("& .u-tabs-tab--checked", `
       color: var(--u-header-tab-text-color-active);
+      border-color: var(--u-header-tab-indicator-color);
     `), c$1("& .u-tabs-tab:hover", `
       color: var(--u-header-tab-text-color-hover);
     `), c$1("& .u-tabs-bar", `
@@ -124807,6 +124808,7 @@
     background-color: var(--u-header-card-bg-color);
     border-radius: var(--u-header-card-radius);
     padding: var(--u-header-card-padding);
+    box-shadow: var(--u-header-card-shadow);
   `), cE("menu-grid", `
     display: grid;
     gap: var(--u-header-card-gap);
@@ -126273,6 +126275,7 @@
         required: false
       },
       cssVars: Object,
+      langDropdownThemeOverrides: Object,
       onSearch: Function,
       onPreview: Function,
       onLogout: Function,
@@ -126356,7 +126359,8 @@
             UDropdown,
             {
               options: this.langOptions,
-              onSelect: this.onLanguageSelect
+              onSelect: this.onLanguageSelect,
+              themeOverrides: this.langDropdownThemeOverrides
             },
             {
               default: () => /* @__PURE__ */ vue.h(
@@ -126788,6 +126792,7 @@
             "--u-header-card-divider-color": self.cardDividerColor,
             "--u-header-card-gap": self.cardGap,
             "--u-header-card-padding": self.cardPadding,
+            "--u-header-card-shadow": self.cardShadow,
             "--u-header-badge-bg-color": self.badgeBackgroundColor,
             "--u-header-badge-text-color": self.badgeTextColor,
             "--u-header-action-icon-color": self.actionIconColor,
@@ -128771,7 +128776,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "1.12.19";
+    var version = "1.12.21";
 
     function useExposeProxy(targetRef) {
       return new Proxy({}, {