@uzum-tech/ui 1.2.4 → 1.3.0

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.0";
 export default _default;

package/es/version.js

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

package/lib/_internal/select-menu/src/SelectMenu.d.ts

@@ -282,8 +282,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/_internal/select-menu/src/SelectOption.js

@@ -1,4 +1,7 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
@@ -6,7 +9,7 @@ const _utils_1 = require("../../../_utils");
 const icons_1 = require("../../icons");
 const icon_1 = require("../../icon");
 const interface_1 = require("./interface");
-const __1 = require("../..");
+const account_option_1 = __importDefault(require("../../account-option"));
 function renderCheckMark(show, clsPrefix) {
     return ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition" }, {
         default: () => show ? ((0, vue_1.h)(icon_1.UBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-select-option__check` }, {
@@ -96,7 +99,7 @@ exports.default = (0, vue_1.defineComponent)({
             : (0, _utils_1.render)(rawNode[this.labelField], rawNode, isSelected);
         const children = account
             ? [
-                (0, vue_1.h)(__1.UBaseAccountOption, Object.assign({}, rawNode, { label: label })),
+                (0, vue_1.h)(account_option_1.default, Object.assign({}, rawNode, { label: label })),
                 showCheckmark && checkmark
             ]
             : [label, showCheckmark && checkmark];