@uzum-tech/ui 1.8.1 → 1.8.2

package/lib/upload/src/Upload.js

@@ -293,12 +293,13 @@ exports.default = (0, vue_1.defineComponent)({
         }
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { value: size } = formItem.mergedSizeRef;
-            const { common: { cubicBezierEaseInOut }, self: { draggerColor, draggerBorder, draggerBorderHover, itemColorHover, itemColorHoverError, itemTextColorError, itemTextColorSuccess, itemTextColor, itemIconColor, itemDisabledOpacity, lineHeight, borderRadius, fontSize, itemBorderImageCardError, itemBorderImageCard, baseColor, draggerIconBgColor, draggerIconColor, draggerTextColor, draggerTitleColor, labelColor, containerSecondary, brandPrimary300, elementsQuaternary, [(0, _utils_1.createKey)('width', size)]: width } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { draggerColor, draggerBorder, draggerBorderHover, draggerShadowFocus, itemColorHover, itemColorHoverError, itemTextColorError, itemTextColorSuccess, itemTextColor, itemIconColor, itemDisabledOpacity, lineHeight, borderRadius, fontSize, itemBorderImageCardError, itemBorderImageCard, baseColor, draggerIconBgColor, draggerIconColor, draggerTextColor, draggerTitleColor, labelColor, containerSecondary, brandPrimary300, elementsQuaternary, [(0, _utils_1.createKey)('width', size)]: width } } = themeRef.value;
             return {
                 '--u-bezier': cubicBezierEaseInOut,
                 '--u-border-radius': borderRadius,
                 '--u-dragger-border': draggerBorder,
                 '--u-dragger-border-hover': draggerBorderHover,
+                '--u-dragger-shadow-focus': draggerShadowFocus,
                 '--u-dragger-color': draggerColor,
                 '--u-font-size': fontSize,
                 '--u-item-color-hover': itemColorHover,

package/lib/upload/src/UploadFile.d.ts

@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<{
             draggerColor: string;
             draggerBorder: string;
             draggerBorderHover: string;
+            draggerShadowFocus: string;
             itemColorHover: string;
             itemColorHoverError: string;
             itemTextColor: string;
@@ -67,16 +68,24 @@ declare const _default: import("vue").DefineComponent<{
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
+                colorSecondaryFocus: string;
+                colorSecondaryDisabled: string;
+                textColorSecondaryDisabled: string;
                 waveColorSecondary: string;
                 colorTertiary: string;
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
+                colorTertiaryFocus: string;
                 colorTertiaryDisalbed: string;
                 waveColorTertiary: string;
                 textColorTextTertiary: string;
+                rippleColorTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
                 colorQuaternaryPressed: string;
+                colorQuaternaryFocus: string;
+                rippleColorQuaternary: string;
+                waveColorQuaternary: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;

package/lib/upload/src/UploadProgress.d.ts

@@ -20,6 +20,7 @@ declare const _default: import("vue").DefineComponent<{
             draggerColor: string;
             draggerBorder: string;
             draggerBorderHover: string;
+            draggerShadowFocus: string;
             itemColorHover: string;
             itemColorHoverError: string;
             itemTextColor: string;
@@ -63,16 +64,24 @@ declare const _default: import("vue").DefineComponent<{
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
+                colorSecondaryFocus: string;
+                colorSecondaryDisabled: string;
+                textColorSecondaryDisabled: string;
                 waveColorSecondary: string;
                 colorTertiary: string;
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
+                colorTertiaryFocus: string;
                 colorTertiaryDisalbed: string;
                 waveColorTertiary: string;
                 textColorTextTertiary: string;
+                rippleColorTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
                 colorQuaternaryPressed: string;
+                colorQuaternaryFocus: string;
+                rippleColorQuaternary: string;
+                waveColorQuaternary: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;

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

@@ -10,6 +10,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: var(--u-upload
  display: block;
  `)]), (0, cssr_1.cM)('drag-over', [(0, cssr_1.cB)('upload-dragger', `
  border: var(--u-dragger-border-hover);
+ box-shadow: var(--u-dragger-shadow-focus);
  `)]), (0, cssr_1.cE)('label', {
   marginBottom: '12px',
   marginTop: 0,

package/lib/upload/src/useUploadActionsRender.js

@@ -7,8 +7,12 @@ const _internal_1 = require("../../_internal");
 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 getExt = (name) => {
+        const i = name.lastIndexOf('.');
+        return i === -1 || i === name.length - 1 ? '' : name.slice(i + 1);
+    };
     const isImageType = ['image', 'image-card'].includes(listType);
-    const fileExt = file.name.split('.').at(-1) || '';
+    const fileExt = getExt(file.name);
     const capitalizedExt = capitalizeFirstLetter(fileExt);
     const icon = (0, vue_1.h)('div', {
         class: [

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

@@ -7,6 +7,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     draggerColor: string;
     draggerBorder: string;
     draggerBorderHover: string;
+    draggerShadowFocus: string;
     itemColorHover: string;
     itemColorHoverError: string;
     itemTextColor: string;
@@ -37,6 +38,7 @@ declare const uploadLight: import("../../_mixins").Theme<"Upload", {
     draggerColor: string;
     draggerBorder: string;
     draggerBorderHover: string;
+    draggerShadowFocus: string;
     itemColorHover: string;
     itemColorHoverError: string;
     itemTextColor: string;
@@ -79,16 +81,24 @@ declare const uploadLight: import("../../_mixins").Theme<"Upload", {
         colorSecondary: string;
         colorSecondaryHover: string;
         colorSecondaryPressed: string;
+        colorSecondaryFocus: string;
+        colorSecondaryDisabled: string;
+        textColorSecondaryDisabled: string;
         waveColorSecondary: string;
         colorTertiary: string;
         colorTertiaryHover: string;
         colorTertiaryPressed: string;
+        colorTertiaryFocus: string;
         colorTertiaryDisalbed: string;
         waveColorTertiary: string;
         textColorTextTertiary: string;
+        rippleColorTertiary: string;
         colorQuaternary: string;
         colorQuaternaryHover: string;
         colorQuaternaryPressed: string;
+        colorQuaternaryFocus: string;
+        rippleColorQuaternary: string;
+        waveColorQuaternary: string;
         color: string;
         colorHover: string;
         colorPressed: string;

package/lib/upload/styles/light.js

@@ -7,15 +7,16 @@ const styles_2 = require("../../progress/styles");
 const common_1 = require("../../_styles/common");
 const _mixins_1 = require("../../_mixins");
 const self = (vars) => {
-    const { staticGreen, staticRed, elementsQuaternary, elementsTertiary, elementsPrimary, textPrimary, opacityDisabled, containerPrimary, fontBodyMedium, lineHeightBodyMedium, borderRadiusLarge, elementsQuinary, containerSecondary, brandPrimary300 } = vars;
+    const { staticGreen, staticRed, elementsQuaternary, elementsTertiary, elementsPrimary, textPrimary, opacityDisabled, containerPrimary, fontBodyMedium, lineHeightBodyMedium, borderRadiusLarge, containerSecondary, brandPrimary300, brandPrimary500 } = vars;
     return {
         baseColor: containerPrimary,
         fontSize: fontBodyMedium,
         lineHeight: lineHeightBodyMedium,
         borderRadius: borderRadiusLarge,
         draggerColor: elementsTertiary,
-        draggerBorder: `2px dashed ${elementsQuaternary}`,
-        draggerBorderHover: `2px dashed ${elementsQuinary}`,
+        draggerBorder: `1px dashed ${brandPrimary500}`,
+        draggerBorderHover: `1px solid ${brandPrimary500}`,
+        draggerShadowFocus: `0 0 0 4px ${brandPrimary500}1a`,
         itemColorHover: elementsTertiary,
         itemColorHoverError: (0, seemly_1.changeColor)(staticRed, {
             alpha: 0.05
@@ -25,8 +26,8 @@ const self = (vars) => {
         itemTextColorSuccess: staticGreen,
         itemIconColor: elementsPrimary,
         itemDisabledOpacity: opacityDisabled,
-        itemBorderImageCardError: `2px solid ${staticRed}`,
-        itemBorderImageCard: `2px solid ${elementsQuaternary}`,
+        itemBorderImageCardError: `1px solid ${staticRed}`,
+        itemBorderImageCard: `1px solid ${elementsQuaternary}`,
         draggerIconBgColor: elementsTertiary,
         draggerIconColor: elementsPrimary,
         draggerTitleColor: textPrimary,

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.8.1";
+declare const _default: "1.8.2";
 export default _default;

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "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.8.1",
+  "version": "1.8.2",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -2156,11 +2156,11 @@
               "default": "5"
             },
             {
-              "name": "max-height",
+              "name": "height",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
               "type": "string | number",
-              "description": "Maximum height of the chat component.",
-              "default": "undefined"
+              "description": "Container height of the chat component.",
+              "default": "800"
             }
           ],
           "js": {