@uzum-tech/ui 1.2.4 → 1.3.1

package/es/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/es/steps/src/Steps.js

@@ -21,7 +21,10 @@ export const stepsProps = Object.assign(Object.assign({}, useTheme.props), { cur
     }, 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] });
 export const stepsInjectionKey = createInjectionKey('u-steps');
 export default defineComponent({
     name: 'Steps',
@@ -46,7 +49,8 @@ export default defineComponent({
         return (h("div", { class: [
                 `${mergedClsPrefix}-steps`,
                 this.rtlEnabled && `${mergedClsPrefix}-steps--rtl`,
-                this.vertical && `${mergedClsPrefix}-steps--vertical`
+                (this.vertical || this.variant === 'history') &&
+                    `${mergedClsPrefix}-steps--vertical`
             ] }, stepsWithIndex(flatten(getSlot(this)))));
     }
 });

package/es/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/es/steps/src/interface.js

@@ -0,0 +1 @@
+export {};

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

@@ -13,6 +13,7 @@ import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.c
 // --u-splitor-color
 // --u-step-header-font-size
 // --u-step-header-font-weight
+// --u-step-icon-color
 export default cB('steps', `
  width: 100%;
  display: flex;
@@ -107,7 +108,29 @@ export default cB('steps', `
  `, [iconSwitchTransition()]), cB('base-icon', `
  color: var(--u-indicator-text-color);
  transition: color .3s var(--u-bezier);
- `, [iconSwitchTransition()])])]), cM('vertical', 'flex-direction: column;', [cNotM('show-description', [c('>', [cB('step', 'padding-bottom: 8px;')])]), c('>', [cB('step', 'margin-bottom: 16px;', [c('&:last-child', 'margin-bottom: 0;'), c('>', [cB('step-indicator', [c('>', [cB('step-splitor', `
+ `, [iconSwitchTransition()])])]), cM('vertical', 'flex-direction: column;', [cNotM('show-description', [c('>', [cB('step', 'padding-bottom: 8px;')])]), c('>', [cB('step', 'margin-bottom: 16px;', [cM('history-variant', [`
+ margin-top: 12px;
+ margin-bottom: 24px;
+ color: var(--u-header-text-color);
+ `, c('>', [cB('step-indicator', [`
+ background-color: transparent;
+ box-shadow: none;
+ color: var(--u-header-text-color);
+ `, cB('step-indicator-slot', [cB('icon', `
+ color: var(--u-step-icon-color);
+ transition: color .3s var(--u-bezier);
+ `, [iconSwitchTransition()]), cB('base-icon', `
+ color: var(--u-step-icon-color);
+ transition: color .3s var(--u-bezier);
+ `, [iconSwitchTransition()])]), c('>', [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));
+ `)])]), cB('step-content', [cE('description', 'margin-top: 8px;')])])]), c('&:last-child', 'margin-bottom: 0;'), c('>', [cB('step-indicator', [c('>', [cB('step-splitor', `
  position: absolute;
  bottom: -8px;
  width: 1px;

package/es/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/es/steps/styles/light.js

@@ -1,6 +1,6 @@
 import { commonLight } from '../../_styles/common';
 export 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,
@@ -10,6 +10,10 @@ export const self = (vars) => {
         indicatorSizeMedium: '28px',
         indicatorIconSizeSmall: '14px',
         indicatorIconSizeMedium: '18px',
+        indicatorIconColorProcess: textPrimary,
+        indicatorIconColorWait: textSecondary,
+        indicatorIconColorFinish: staticGreen,
+        indicatorIconColorError: staticRed,
         stepHeaderFontWeight: fontWeightStrong,
         indicatorTextColorProcess: staticWhite,
         indicatorTextColorWait: textSecondary,

package/es/tag/src/Tag.js

@@ -154,6 +154,6 @@ export default defineComponent({
             iconNode || avatarNode,
             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 ? (h(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 ? (h("div", { class: `${mergedClsPrefix}-tag__border`, style: { borderColor } })) : null));
+            this.mergedBordered ? (h("div", { class: `${mergedClsPrefix}-tag__border`, style: { borderColor } })) : null));
     }
 });

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

@@ -93,15 +93,11 @@ export default 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);
  `, [cNotM('disabled', [c('&:hover', 'background-color: var(--u-color-hover-checkable);', [cNotM('checked', 'color: var(--u-text-color-hover-checkable);')]), c('&:focus', `
  background-color: var(--u-color-pressed-checkable); 
- border: var(--u-border); 
  transition: border-color .3s var(--u-bezier);`, [cNotM('checked', 'color: var(--u-text-color-pressed-checkable);')]), c('&:active', `
  background-color: var(--u-color-pressed-checkable); 
- border: var(--u-border); 
  transition: border-color .3s var(--u-bezier);`, [cNotM('checked', 'color: var(--u-text-color-pressed-checkable);')])]), cM('checked', `
  color: var(--u-text-color-checked);
  background-color: var(--u-color-checked);

package/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/upload/src/Upload.js

@@ -251,7 +251,7 @@ export default defineComponent({
         const xhrMap = new Map();
         const _mergedFileListRef = useMergedState(controlledFileListRef, uncontrolledFileListRef);
         const mergedFileListRef = computed(() => _mergedFileListRef.value.map(createSettledFileInfo));
-        function openOpenFileDialog() {
+        function openFileDialog() {
             var _a;
             (_a = inputElRef.value) === null || _a === void 0 ? void 0 : _a.click();
         }
@@ -452,7 +452,8 @@ export default 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
@@ -479,7 +480,7 @@ export default defineComponent({
             getFileThumbnailUrlResolver,
             listTypeRef: toRef(props, 'listType'),
             dragOverRef,
-            openOpenFileDialog,
+            openFileDialog,
             draggerInsideRef,
             handleFileAddition,
             mergedDisabledRef: formItem.mergedDisabledRef,
@@ -502,7 +503,7 @@ export default 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/es/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/es/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/es/upload/src/UploadTrigger.js

@@ -15,12 +15,12 @@ export default defineComponent({
         if (!UUpload) {
             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 = computed(() => listTypeRef.value === 'image-card');
         function handleTriggerClick() {
             if (mergedDisabledRef.value || maxReachedRef.value)
                 return;
-            openOpenFileDialog();
+            openFileDialog();
         }
         function handleTriggerDragOver(e) {
             e.preventDefault();

package/es/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/es/upload/src/styles/index.cssr.js

@@ -1,7 +1,7 @@
 import { c, cM, cB, cE } from '../../../_utils/cssr';
 import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-in-height-expand.cssr';
 import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr';
-export default c([cB('upload', 'width: 100%;', [cM('dragger-inside', [cB('upload-trigger', `
+export default c([cB('upload', 'width: var(--u-upload-width)', [cM('dragger-inside', [cB('upload-trigger', `
  display: block;
  `)]), cM('drag-over', [cB('upload-dragger', `
  border: var(--u-dragger-border-hover);

package/es/version.d.ts

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

package/es/version.js

@@ -1 +1 @@
-export default '1.2.4';
+export default '1.3.1';

package/lib/_internal/icons/CheckmarkCircle.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/CheckmarkCircle.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'CheckmarkCircle',
+    render() {
+        return ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+            (0, vue_1.h)("g", { fill: "none" },
+                (0, vue_1.h)("path", { d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17zm-1.25 9.94l4.47-4.47a.75.75 0 0 1 1.133.976l-.073.084l-5 5a.75.75 0 0 1-.976.073l-.084-.073l-2.5-2.5a.75.75 0 0 1 .976-1.133l.084.073l1.97 1.97l4.47-4.47l-4.47 4.47z", fill: "currentColor" }))));
+    }
+});

package/lib/_internal/icons/DismissCircle.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/DismissCircle.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'DismissCircle',
+    render() {
+        return ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+            (0, vue_1.h)("g", { fill: "none" },
+                (0, vue_1.h)("path", { d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17zm3.446 4.897l.084.073a.75.75 0 0 1 .073.976l-.073.084L13.061 12l2.47 2.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-2.47 2.47a.75.75 0 0 1-.976.072l-.084-.073a.75.75 0 0 1-.073-.976l.073-.084L10.939 12l-2.47-2.47a.75.75 0 0 1-.072-.976l.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l2.47-2.47a.75.75 0 0 1 .976-.072z", fill: "currentColor" }))));
+    }
+});

package/lib/_internal/icons/Edit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;