@uzum-tech/ui 1.2.4 → 1.3.0

package/lib/steps/src/Steps.d.ts

@@ -1,11 +1,12 @@
-import { type PropType, type ExtractPropTypes, type Ref, type Slots } from 'vue';
+import { type PropType, ExtractPropTypes, Ref, Slots } from 'vue';
 import type { MergedTheme } from '../../_mixins';
-import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
+import type { ExtractPublicPropTypes } from '../../_utils';
 import type { StepsTheme } from '../styles';
+import { OnUpdateValue, StepsStatus, StepsVariant } from './interface';
 export declare const stepsProps: {
     current: NumberConstructor;
     status: {
-        type: PropType<"wait" | "error" | "finish" | "process">;
+        type: PropType<StepsStatus>;
         default: string;
     };
     size: {
@@ -13,8 +14,12 @@ export declare const stepsProps: {
         default: string;
     };
     vertical: BooleanConstructor;
-    'onUpdate:current': PropType<MaybeArray<(current: number) => void>>;
-    onUpdateCurrent: PropType<MaybeArray<(current: number) => void>>;
+    variant: {
+        type: PropType<StepsVariant>;
+        default: string;
+    };
+    'onUpdate:current': PropType<OnUpdateValue>;
+    onUpdateCurrent: PropType<OnUpdateValue>;
     theme: PropType<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
@@ -24,6 +29,10 @@ export declare const stepsProps: {
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconColorProcess: string;
+        indicatorIconColorWait: string;
+        indicatorIconColorFinish: string;
+        indicatorIconColorError: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -59,6 +68,10 @@ export declare const stepsProps: {
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconColorProcess: string;
+        indicatorIconColorWait: string;
+        indicatorIconColorFinish: string;
+        indicatorIconColorError: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -94,6 +107,10 @@ export declare const stepsProps: {
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconColorProcess: string;
+        indicatorIconColorWait: string;
+        indicatorIconColorFinish: string;
+        indicatorIconColorError: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -121,18 +138,18 @@ export declare const stepsProps: {
         descriptionTextColorError: string;
     }, any>>>;
 };
+export type StepsProps = ExtractPublicPropTypes<typeof stepsProps>;
 export interface StepsInjection {
     props: ExtractPropTypes<typeof stepsProps>;
     mergedClsPrefixRef: Ref<string>;
     mergedThemeRef: Ref<MergedTheme<StepsTheme>>;
     stepsSlots: Slots;
 }
-export type StepsProps = ExtractPublicPropTypes<typeof stepsProps>;
 export declare const stepsInjectionKey: import("vue").InjectionKey<StepsInjection>;
 declare const _default: import("vue").DefineComponent<{
     current: NumberConstructor;
     status: {
-        type: PropType<"wait" | "error" | "finish" | "process">;
+        type: PropType<StepsStatus>;
         default: string;
     };
     size: {
@@ -140,8 +157,12 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     vertical: BooleanConstructor;
-    'onUpdate:current': PropType<MaybeArray<(current: number) => void>>;
-    onUpdateCurrent: PropType<MaybeArray<(current: number) => void>>;
+    variant: {
+        type: PropType<StepsVariant>;
+        default: string;
+    };
+    'onUpdate:current': PropType<OnUpdateValue>;
+    onUpdateCurrent: PropType<OnUpdateValue>;
     theme: PropType<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
@@ -151,6 +172,10 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconColorProcess: string;
+        indicatorIconColorWait: string;
+        indicatorIconColorFinish: string;
+        indicatorIconColorError: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -186,6 +211,10 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconColorProcess: string;
+        indicatorIconColorWait: string;
+        indicatorIconColorFinish: string;
+        indicatorIconColorError: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -221,6 +250,10 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconColorProcess: string;
+        indicatorIconColorWait: string;
+        indicatorIconColorFinish: string;
+        indicatorIconColorError: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -253,7 +286,7 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     current: NumberConstructor;
     status: {
-        type: PropType<"wait" | "error" | "finish" | "process">;
+        type: PropType<StepsStatus>;
         default: string;
     };
     size: {
@@ -261,8 +294,12 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     vertical: BooleanConstructor;
-    'onUpdate:current': PropType<MaybeArray<(current: number) => void>>;
-    onUpdateCurrent: PropType<MaybeArray<(current: number) => void>>;
+    variant: {
+        type: PropType<StepsVariant>;
+        default: string;
+    };
+    'onUpdate:current': PropType<OnUpdateValue>;
+    onUpdateCurrent: PropType<OnUpdateValue>;
     theme: PropType<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
@@ -272,6 +309,10 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconColorProcess: string;
+        indicatorIconColorWait: string;
+        indicatorIconColorFinish: string;
+        indicatorIconColorError: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -307,6 +348,10 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconColorProcess: string;
+        indicatorIconColorWait: string;
+        indicatorIconColorFinish: string;
+        indicatorIconColorError: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -342,6 +387,10 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconColorProcess: string;
+        indicatorIconColorWait: string;
+        indicatorIconColorFinish: string;
+        indicatorIconColorError: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -371,6 +420,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     size: "small" | "medium";
     vertical: boolean;
-    status: "wait" | "error" | "finish" | "process";
+    status: StepsStatus;
+    variant: StepsVariant;
 }, {}>;
 export default _default;

package/lib/steps/src/Steps.js

@@ -27,7 +27,10 @@ exports.stepsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, size: {
         type: String,
         default: 'medium'
-    }, vertical: Boolean, 'onUpdate:current': [Function, Array], onUpdateCurrent: [Function, Array] });
+    }, vertical: Boolean, variant: {
+        type: String,
+        default: 'default'
+    }, 'onUpdate:current': [Function, Array], onUpdateCurrent: [Function, Array] });
 exports.stepsInjectionKey = (0, _utils_1.createInjectionKey)('u-steps');
 exports.default = (0, vue_1.defineComponent)({
     name: 'Steps',
@@ -52,7 +55,8 @@ exports.default = (0, vue_1.defineComponent)({
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-steps`,
                 this.rtlEnabled && `${mergedClsPrefix}-steps--rtl`,
-                this.vertical && `${mergedClsPrefix}-steps--vertical`
+                (this.vertical || this.variant === 'history') &&
+                    `${mergedClsPrefix}-steps--vertical`
             ] }, stepsWithIndex((0, _utils_1.flatten)((0, _utils_1.getSlot)(this)))));
     }
 });

package/lib/steps/src/interface.d.ts

@@ -0,0 +1,13 @@
+import { VNodeChild } from 'vue';
+import { MaybeArray } from '../../_utils';
+export type StepsStatus = 'process' | 'finish' | 'error' | 'wait';
+export type StepsVariant = 'default' | 'history';
+export type OnUpdateValue = MaybeArray<(current: number) => void>;
+export type IconRenderer = {
+    [K in StepsVariant]: Record<string, () => VNodeChild | null>;
+};
+export interface VariantBehaviors {
+    variant: StepsVariant;
+    isVerticalOrHistory: boolean;
+    shouldRenderSplitor: boolean;
+}

package/lib/steps/src/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -18,6 +18,7 @@ const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.css
 // --u-splitor-color
 // --u-step-header-font-size
 // --u-step-header-font-weight
+// --u-step-icon-color
 exports.default = (0, cssr_1.cB)('steps', `
  width: 100%;
  display: flex;
@@ -112,7 +113,29 @@ exports.default = (0, cssr_1.cB)('steps', `
  `, [(0, icon_switch_cssr_1.iconSwitchTransition)()]), (0, cssr_1.cB)('base-icon', `
  color: var(--u-indicator-text-color);
  transition: color .3s var(--u-bezier);
- `, [(0, icon_switch_cssr_1.iconSwitchTransition)()])])]), (0, cssr_1.cM)('vertical', 'flex-direction: column;', [(0, cssr_1.cNotM)('show-description', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step', 'padding-bottom: 8px;')])]), (0, cssr_1.c)('>', [(0, cssr_1.cB)('step', 'margin-bottom: 16px;', [(0, cssr_1.c)('&:last-child', 'margin-bottom: 0;'), (0, cssr_1.c)('>', [(0, cssr_1.cB)('step-indicator', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step-splitor', `
+ `, [(0, icon_switch_cssr_1.iconSwitchTransition)()])])]), (0, cssr_1.cM)('vertical', 'flex-direction: column;', [(0, cssr_1.cNotM)('show-description', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step', 'padding-bottom: 8px;')])]), (0, cssr_1.c)('>', [(0, cssr_1.cB)('step', 'margin-bottom: 16px;', [(0, cssr_1.cM)('history-variant', [`
+ margin-top: 12px;
+ margin-bottom: 24px;
+ color: var(--u-header-text-color);
+ `, (0, cssr_1.c)('>', [(0, cssr_1.cB)('step-indicator', [`
+ background-color: transparent;
+ box-shadow: none;
+ color: var(--u-header-text-color);
+ `, (0, cssr_1.cB)('step-indicator-slot', [(0, cssr_1.cB)('icon', `
+ color: var(--u-step-icon-color);
+ transition: color .3s var(--u-bezier);
+ `, [(0, icon_switch_cssr_1.iconSwitchTransition)()]), (0, cssr_1.cB)('base-icon', `
+ color: var(--u-step-icon-color);
+ transition: color .3s var(--u-bezier);
+ `, [(0, icon_switch_cssr_1.iconSwitchTransition)()])]), (0, cssr_1.c)('>', [(0, cssr_1.cB)('step-splitor', `
+ position: absolute;
+ bottom: -24px;
+ width: 2px;
+ background-color: var(--u-color-target);
+ margin: 0 !important;
+ left: calc(var(--u-indicator-size) / 2);
+ height: calc(100% - var(--u-indicator-size));
+ `)])]), (0, cssr_1.cB)('step-content', [(0, cssr_1.cE)('description', 'margin-top: 8px;')])])]), (0, cssr_1.c)('&:last-child', 'margin-bottom: 0;'), (0, cssr_1.c)('>', [(0, cssr_1.cB)('step-indicator', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step-splitor', `
  position: absolute;
  bottom: -8px;
  width: 1px;

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

@@ -9,6 +9,10 @@ export declare const self: (vars: ThemeCommonVars) => {
     indicatorSizeMedium: string;
     indicatorIconSizeSmall: string;
     indicatorIconSizeMedium: string;
+    indicatorIconColorProcess: string;
+    indicatorIconColorWait: string;
+    indicatorIconColorFinish: string;
+    indicatorIconColorError: string;
     stepHeaderFontWeight: string;
     indicatorTextColorProcess: string;
     indicatorTextColorWait: string;

package/lib/steps/styles/light.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
-    const { fontWeightStrong, fontBodySmall, fontBodyMedium, fontBodyLarge, textPrimary, brandPrimary500, staticRed, elementsTertiary, brandPrimary300, textSecondary, staticWhite } = vars;
+    const { fontWeightStrong, fontBodySmall, fontBodyMedium, fontBodyLarge, textPrimary, brandPrimary500, staticRed, elementsTertiary, brandPrimary300, textSecondary, staticWhite, staticGreen } = vars;
     return {
         stepHeaderFontSizeSmall: fontBodySmall,
         stepHeaderFontSizeMedium: fontBodyMedium,
@@ -13,6 +13,10 @@ const self = (vars) => {
         indicatorSizeMedium: '28px',
         indicatorIconSizeSmall: '14px',
         indicatorIconSizeMedium: '18px',
+        indicatorIconColorProcess: textPrimary,
+        indicatorIconColorWait: textSecondary,
+        indicatorIconColorFinish: staticGreen,
+        indicatorIconColorError: staticRed,
         stepHeaderFontWeight: fontWeightStrong,
         indicatorTextColorProcess: staticWhite,
         indicatorTextColorWait: textSecondary,

package/lib/tag/src/Tag.js

@@ -160,6 +160,6 @@ exports.default = (0, vue_1.defineComponent)({
             iconNode || avatarNode,
             (0, vue_1.h)("span", { class: `${mergedClsPrefix}-tag__content`, ref: "contentRef" }, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)),
             !this.checkable && closable ? ((0, vue_1.h)(close_1.UBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-tag__close`, disabled: this.disabled, onClick: this.handleCloseClick, focusable: this.internalCloseFocusable, round: round, isButtonTag: this.internalCloseIsButtonTag, absolute: true })) : null,
-            !this.checkable && this.mergedBordered ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-tag__border`, style: { borderColor } })) : null));
+            this.mergedBordered ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-tag__border`, style: { borderColor } })) : null));
     }
 });

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

@@ -98,15 +98,11 @@ exports.default = (0, cssr_1.cB)('tag', `
  box-shadow: none;
  color: var(--u-text-color-checkable);
  background-color: var(--u-color-checkable);
- border: var(--u-border); 
- border-color: var(--u-color);
  transition: border-color .3s var(--u-bezier);
  `, [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--u-color-hover-checkable);', [(0, cssr_1.cNotM)('checked', 'color: var(--u-text-color-hover-checkable);')]), (0, cssr_1.c)('&:focus', `
  background-color: var(--u-color-pressed-checkable); 
- border: var(--u-border); 
  transition: border-color .3s var(--u-bezier);`, [(0, cssr_1.cNotM)('checked', 'color: var(--u-text-color-pressed-checkable);')]), (0, cssr_1.c)('&:active', `
  background-color: var(--u-color-pressed-checkable); 
- border: var(--u-border); 
  transition: border-color .3s var(--u-bezier);`, [(0, cssr_1.cNotM)('checked', 'color: var(--u-text-color-pressed-checkable);')])]), (0, cssr_1.cM)('checked', `
  color: var(--u-text-color-checked);
  background-color: var(--u-color-checked);

package/lib/theme-editor/src/ThemeEditor.d.ts

@@ -66,8 +66,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         staticRed: string;
         staticOrange: string;
         staticGreen: string;
+        staticDeepBlue: string;
         staticErrorAccent: string;
         shadowDepth2: string;
+        shadowDepth: string;
         fontFamily: string;
         fontFamilyMono: string;
         cubicBezierEaseInOut: string;

package/lib/time-picker/src/Panel.d.ts

@@ -133,8 +133,10 @@ declare const _default: import("vue").DefineComponent<{
             staticRed: string;
             staticOrange: string;
             staticGreen: string;
+            staticDeepBlue: string;
             staticErrorAccent: string;
             shadowDepth2: string;
+            shadowDepth: string;
             fontFamily: string;
             fontFamilyMono: string;
             cubicBezierEaseInOut: string;

package/lib/time-picker/src/TimePicker.d.ts

@@ -2114,8 +2114,10 @@ declare const _default: import("vue").DefineComponent<{
             staticRed: string;
             staticOrange: string;
             staticGreen: string;
+            staticDeepBlue: string;
             staticErrorAccent: string;
             shadowDepth2: string;
+            shadowDepth: string;
             fontFamily: string;
             fontFamilyMono: string;
             cubicBezierEaseInOut: string;

package/lib/tooltip/src/Tooltip.d.ts

@@ -428,8 +428,10 @@ declare const _default: import("vue").DefineComponent<{
             staticRed: string;
             staticOrange: string;
             staticGreen: string;
+            staticDeepBlue: string;
             staticErrorAccent: string;
             shadowDepth2: string;
+            shadowDepth: string;
             fontFamily: string;
             fontFamilyMono: string;
             cubicBezierEaseInOut: string;

package/lib/transfer/src/Transfer.d.ts

@@ -2443,8 +2443,10 @@ declare const _default: import("vue").DefineComponent<{
             staticRed: string;
             staticOrange: string;
             staticGreen: string;
+            staticDeepBlue: string;
             staticErrorAccent: string;
             shadowDepth2: string;
+            shadowDepth: string;
             fontFamily: string;
             fontFamilyMono: string;
             cubicBezierEaseInOut: string;

package/lib/transfer/src/TransferFilter.d.ts

@@ -66,8 +66,10 @@ declare const _default: import("vue").DefineComponent<{
             staticRed: string;
             staticOrange: string;
             staticGreen: string;
+            staticDeepBlue: string;
             staticErrorAccent: string;
             shadowDepth2: string;
+            shadowDepth: string;
             fontFamily: string;
             fontFamilyMono: string;
             cubicBezierEaseInOut: string;

package/lib/transfer/src/TransferList.d.ts

@@ -76,8 +76,10 @@ declare const _default: import("vue").DefineComponent<{
             staticRed: string;
             staticOrange: string;
             staticGreen: string;
+            staticDeepBlue: string;
             staticErrorAccent: string;
             shadowDepth2: string;
+            shadowDepth: string;
             fontFamily: string;
             fontFamilyMono: string;
             cubicBezierEaseInOut: string;

package/lib/transfer/src/TransferListItem.d.ts

@@ -74,8 +74,10 @@ declare const _default: import("vue").DefineComponent<{
             staticRed: string;
             staticOrange: string;
             staticGreen: string;
+            staticDeepBlue: string;
             staticErrorAccent: string;
             shadowDepth2: string;
+            shadowDepth: string;
             fontFamily: string;
             fontFamilyMono: string;
             cubicBezierEaseInOut: string;

package/lib/tree/src/Tree.d.ts

@@ -920,8 +920,10 @@ declare const _default: import("vue").DefineComponent<{
             staticRed: string;
             staticOrange: string;
             staticGreen: string;
+            staticDeepBlue: string;
             staticErrorAccent: string;
             shadowDepth2: string;
+            shadowDepth: string;
             fontFamily: string;
             fontFamilyMono: string;
             cubicBezierEaseInOut: string;

package/lib/tree/src/TreeNodeCheckbox.d.ts

@@ -73,8 +73,10 @@ declare const _default: import("vue").DefineComponent<{
             staticRed: string;
             staticOrange: string;
             staticGreen: string;
+            staticDeepBlue: string;
             staticErrorAccent: string;
             shadowDepth2: string;
+            shadowDepth: string;
             fontFamily: string;
             fontFamilyMono: string;
             cubicBezierEaseInOut: string;

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

@@ -1760,8 +1760,10 @@ declare const _default: import("vue").DefineComponent<{
             staticRed: string;
             staticOrange: string;
             staticGreen: string;
+            staticDeepBlue: string;
             staticErrorAccent: string;
             shadowDepth2: string;
+            shadowDepth: string;
             fontFamily: string;
             fontFamilyMono: string;
             cubicBezierEaseInOut: string;

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

@@ -1735,7 +1735,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
-    openOpenFileDialog: () => void;
+    openFileDialog: () => void;
     submit: () => void;
     clear: () => void;
     mergedClsPrefix: import("vue").Ref<string>;
@@ -1803,8 +1803,10 @@ declare const _default: import("vue").DefineComponent<{
             staticRed: string;
             staticOrange: string;
             staticGreen: string;
+            staticDeepBlue: string;
             staticErrorAccent: string;
             shadowDepth2: string;
+            shadowDepth: string;
             fontFamily: string;
             fontFamilyMono: string;
             cubicBezierEaseInOut: string;

package/lib/upload/src/Upload.js

@@ -280,7 +280,7 @@ exports.default = (0, vue_1.defineComponent)({
         const xhrMap = new Map();
         const _mergedFileListRef = (0, vooks_1.useMergedState)(controlledFileListRef, uncontrolledFileListRef);
         const mergedFileListRef = (0, vue_1.computed)(() => _mergedFileListRef.value.map(utils_1.createSettledFileInfo));
-        function openOpenFileDialog() {
+        function openFileDialog() {
             var _a;
             (_a = inputElRef.value) === null || _a === void 0 ? void 0 : _a.click();
         }
@@ -481,7 +481,8 @@ exports.default = (0, vue_1.defineComponent)({
                 '--u-dragger-icon-color': draggerIconColor,
                 '--u-dragger-title-color': draggerTitleColor,
                 '--u-dragger-text-color': draggerTextColor,
-                '--u-label-color': labelColor
+                '--u-label-color': labelColor,
+                '--u-upload-width': props.listType === 'image-card' ? 'auto' : '100%'
             };
         });
         const themeClassHandle = inlineThemeDisabled
@@ -508,7 +509,7 @@ exports.default = (0, vue_1.defineComponent)({
             getFileThumbnailUrlResolver,
             listTypeRef: (0, vue_1.toRef)(props, 'listType'),
             dragOverRef,
-            openOpenFileDialog,
+            openFileDialog,
             draggerInsideRef,
             handleFileAddition,
             mergedDisabledRef: formItem.mergedDisabledRef,
@@ -531,7 +532,7 @@ exports.default = (0, vue_1.defineComponent)({
                 uncontrolledFileListRef.value = [];
             },
             submit,
-            openOpenFileDialog
+            openFileDialog
         };
         return Object.assign({ mergedClsPrefix: mergedClsPrefixRef, draggerInsideRef,
             inputElRef, mergedTheme: themeRef, dragOver: dragOverRef, mergedMultiple: mergedMultipleRef, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender, handleFileInputChange }, exposedMethods);

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

@@ -71,8 +71,10 @@ declare const _default: import("vue").DefineComponent<{
             staticRed: string;
             staticOrange: string;
             staticGreen: string;
+            staticDeepBlue: string;
             staticErrorAccent: string;
             shadowDepth2: string;
+            shadowDepth: string;
             fontFamily: string;
             fontFamilyMono: string;
             cubicBezierEaseInOut: string;

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

@@ -67,8 +67,10 @@ declare const _default: import("vue").DefineComponent<{
             staticRed: string;
             staticOrange: string;
             staticGreen: string;
+            staticDeepBlue: string;
             staticErrorAccent: string;
             shadowDepth2: string;
+            shadowDepth: string;
             fontFamily: string;
             fontFamilyMono: string;
             cubicBezierEaseInOut: string;

package/lib/upload/src/UploadTrigger.js

@@ -20,12 +20,12 @@ exports.default = (0, vue_1.defineComponent)({
         if (!UUpload) {
             (0, _utils_1.throwError)('upload-trigger', '`u-upload-trigger` must be placed inside `u-upload`.');
         }
-        const { mergedClsPrefixRef, mergedDisabledRef, maxReachedRef, listTypeRef, dragOverRef, openOpenFileDialog, draggerInsideRef, handleFileAddition, mergedDirectoryDndRef, triggerStyleRef } = UUpload;
+        const { mergedClsPrefixRef, mergedDisabledRef, maxReachedRef, listTypeRef, dragOverRef, openFileDialog, draggerInsideRef, handleFileAddition, mergedDirectoryDndRef, triggerStyleRef } = UUpload;
         const isImageCardTypeRef = (0, vue_1.computed)(() => listTypeRef.value === 'image-card');
         function handleTriggerClick() {
             if (mergedDisabledRef.value || maxReachedRef.value)
                 return;
-            openOpenFileDialog();
+            openFileDialog();
         }
         function handleTriggerDragOver(e) {
             e.preventDefault();

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

@@ -82,7 +82,7 @@ export interface UploadInjection {
     getFileThumbnailUrlResolver: (file: SettledFileInfo) => Promise<string> | string;
     renderIconRef: Ref<RenderIcon | undefined>;
     handleFileAddition: (files: FileAndEntry[] | null, e?: Event) => void;
-    openOpenFileDialog: () => void;
+    openFileDialog: () => void;
 }
 export declare const uploadInjectionKey: import("vue").InjectionKey<UploadInjection>;
 export interface XhrHandlers {
@@ -92,7 +92,7 @@ export interface XhrHandlers {
     handleXHRError: (e: ProgressEvent) => void;
 }
 export interface UploadInst {
-    openOpenFileDialog: () => void;
+    openFileDialog: () => void;
     submit: () => void;
     clear: () => void;
 }

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 const fade_in_height_expand_cssr_1 = require("../../../_styles/transitions/fade-in-height-expand.cssr");
 const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.cssr");
-exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: 100%;', [(0, cssr_1.cM)('dragger-inside', [(0, cssr_1.cB)('upload-trigger', `
+exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: var(--u-upload-width)', [(0, cssr_1.cM)('dragger-inside', [(0, cssr_1.cB)('upload-trigger', `
  display: block;
  `)]), (0, cssr_1.cM)('drag-over', [(0, cssr_1.cB)('upload-dragger', `
  border: var(--u-dragger-border-hover);

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.2.4";
+declare const _default: "1.3.0";
 export default _default;

package/lib/version.js

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

package/package.json

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