@uzum-tech/ui 1.3.1 → 1.4.0

package/lib/themes/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTheme = void 0;
+exports.createTheme = createTheme;
 function createTheme(name, componentThemes) {
     const nameIsString = typeof name === 'string';
     const theme = {
@@ -20,4 +20,3 @@ function createTheme(name, componentThemes) {
     }
     return theme;
 }
-exports.createTheme = createTheme;

package/lib/time/src/Time.d.ts

@@ -56,9 +56,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly text: BooleanConstructor;
     readonly timeZone: StringConstructor;
 }>>, {
-    readonly type: "relative" | "date" | "datetime";
-    readonly text: boolean;
+    readonly type: "date" | "datetime" | "relative";
     readonly time: number | Date;
+    readonly text: boolean;
     readonly to: number | Date;
     readonly unix: boolean;
 }, {}>;

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

@@ -3,7 +3,7 @@ import { type IsHourDisabled, type IsMinuteDisabled, type IsSecondDisabled, type
 import { type MaybeArray } from '../../_utils';
 declare const _default: import("vue").DefineComponent<{
     actions: {
-        type: PropType<("confirm" | "now")[] | null>;
+        type: PropType<Array<"now" | "confirm"> | null>;
         default: () => string[];
     };
     showHour: {
@@ -77,118 +77,7 @@ declare const _default: import("vue").DefineComponent<{
     use12Hours: BooleanConstructor;
 }, {
     mergedTheme: import("vue").Ref<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             itemFontSize: string;
             itemFontWeight: string;
@@ -517,7 +406,7 @@ declare const _default: import("vue").DefineComponent<{
     amPmScrollRef: import("vue").Ref<null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     actions: {
-        type: PropType<("confirm" | "now")[] | null>;
+        type: PropType<Array<"now" | "confirm"> | null>;
         default: () => string[];
     };
     showHour: {

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

@@ -10,10 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     activeValue: {
-        type: PropType<number | "am" | "pm" | null>;
+        type: PropType<number | null | "am" | "pm">;
         default: null;
     };
-    onItemClick: PropType<(value: number | 'am' | 'pm') => void>;
+    onItemClick: PropType<(value: number | "am" | "pm") => void>;
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
@@ -24,10 +24,10 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     activeValue: {
-        type: PropType<number | "am" | "pm" | null>;
+        type: PropType<number | null | "am" | "pm">;
         default: null;
     };
-    onItemClick: PropType<(value: number | 'am' | 'pm') => void>;
+    onItemClick: PropType<(value: number | "am" | "pm") => void>;
 }>>, {
     activeValue: number | "am" | "pm" | null;
 }, {}>;

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

@@ -2,17 +2,17 @@ import { type PropType } from 'vue';
 import { type FollowerPlacement } from 'vueuc';
 import type { FormValidationStatus } from '../../form/src/interface';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateFormattedValue, OnUpdateValue } from './interface';
+import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateFormattedValue, OnUpdateValue, Size } from './interface';
 export declare const timePickerProps: {
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     bordered: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    actions: PropType<("confirm" | "now")[] | null>;
+    actions: PropType<Array<"now" | "confirm"> | null>;
     defaultValue: {
         type: PropType<number | null>;
         default: null;
@@ -31,7 +31,7 @@ export declare const timePickerProps: {
     valueFormat: StringConstructor;
     formattedValue: PropType<string | null>;
     isHourDisabled: PropType<IsHourDisabled>;
-    size: PropType<import("../../input").InputSize>;
+    size: PropType<Size>;
     isMinuteDisabled: PropType<IsMinuteDisabled>;
     isSecondDisabled: PropType<IsSecondDisabled>;
     inputReadonly: BooleanConstructor;
@@ -976,14 +976,14 @@ export declare const timePickerProps: {
 export type TimePickerProps = ExtractPublicPropTypes<typeof timePickerProps>;
 declare const _default: import("vue").DefineComponent<{
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     bordered: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    actions: PropType<("confirm" | "now")[] | null>;
+    actions: PropType<Array<"now" | "confirm"> | null>;
     defaultValue: {
         type: PropType<number | null>;
         default: null;
@@ -1002,7 +1002,7 @@ declare const _default: import("vue").DefineComponent<{
     valueFormat: StringConstructor;
     formattedValue: PropType<string | null>;
     isHourDisabled: PropType<IsHourDisabled>;
-    size: PropType<import("../../input").InputSize>;
+    size: PropType<Size>;
     isMinuteDisabled: PropType<IsMinuteDisabled>;
     isSecondDisabled: PropType<IsSecondDisabled>;
     inputReadonly: BooleanConstructor;
@@ -1015,7 +1015,7 @@ declare const _default: import("vue").DefineComponent<{
     onUpdateFormattedValue: PropType<MaybeArray<OnUpdateFormattedValue>>;
     'onUpdate:formattedValue': PropType<MaybeArray<OnUpdateFormattedValue>>;
     onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
-    onConfirm: PropType<MaybeArray<(value: never, formattedValue: never) => void>>;
+    onConfirm: PropType<MaybeArray<(value: number & null, formattedValue: string & null) => void>>;
     onClear: PropType<() => void>;
     onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
     timeZone: StringConstructor;
@@ -2027,7 +2027,7 @@ declare const _default: import("vue").DefineComponent<{
     secondInFormat: import("vue").ComputedRef<boolean>;
     mergedAttrSize: import("vue").ComputedRef<number>;
     displayTimeString: import("vue").Ref<string>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny" | "huge">;
+    mergedSize: import("vue").ComputedRef<"small" | "tiny" | "medium" | "large" | "huge">;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     isValueInvalid: import("vue").ComputedRef<boolean>;
     isHourInvalid: import("vue").ComputedRef<boolean>;
@@ -2058,118 +2058,7 @@ declare const _default: import("vue").DefineComponent<{
     handleMenuKeydown: (e: KeyboardEvent) => void;
     handleTriggerClick: (e: MouseEvent) => void;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             itemFontSize: string;
             itemFontWeight: string;
@@ -2515,14 +2404,14 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     bordered: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    actions: PropType<("confirm" | "now")[] | null>;
+    actions: PropType<Array<"now" | "confirm"> | null>;
     defaultValue: {
         type: PropType<number | null>;
         default: null;
@@ -2541,7 +2430,7 @@ declare const _default: import("vue").DefineComponent<{
     valueFormat: StringConstructor;
     formattedValue: PropType<string | null>;
     isHourDisabled: PropType<IsHourDisabled>;
-    size: PropType<import("../../input").InputSize>;
+    size: PropType<Size>;
     isMinuteDisabled: PropType<IsMinuteDisabled>;
     isSecondDisabled: PropType<IsSecondDisabled>;
     inputReadonly: BooleanConstructor;
@@ -2554,7 +2443,7 @@ declare const _default: import("vue").DefineComponent<{
     onUpdateFormattedValue: PropType<MaybeArray<OnUpdateFormattedValue>>;
     'onUpdate:formattedValue': PropType<MaybeArray<OnUpdateFormattedValue>>;
     onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
-    onConfirm: PropType<MaybeArray<(value: never, formattedValue: never) => void>>;
+    onConfirm: PropType<MaybeArray<(value: number & null, formattedValue: string & null) => void>>;
     onClear: PropType<() => void>;
     onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
     timeZone: StringConstructor;
@@ -3483,17 +3372,17 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    show: boolean | undefined;
     disabled: boolean | undefined;
-    format: string;
-    to: string | boolean | HTMLElement;
     bordered: boolean | undefined;
     showIcon: boolean;
+    to: string | boolean | HTMLElement;
+    show: boolean | undefined;
     placement: FollowerPlacement;
     clearable: boolean;
     defaultValue: number | null;
     stateful: boolean;
     use12Hours: boolean;
+    format: string;
     inputReadonly: boolean;
 }, {}>;
 export default _default;

package/lib/time-picker/src/utils.js

@@ -1,6 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAmPm = exports.findSimilarTime = exports.isTimeInStep = exports.getTimeUnits = exports.getFixValue = exports.time = void 0;
+exports.time = void 0;
+exports.getFixValue = getFixValue;
+exports.getTimeUnits = getTimeUnits;
+exports.isTimeInStep = isTimeInStep;
+exports.findSimilarTime = findSimilarTime;
+exports.getAmPm = getAmPm;
 const date_fns_1 = require("date-fns"); //
 const _utils_1 = require("../../_utils");
 exports.time = {
@@ -187,7 +192,6 @@ exports.time = {
 function getFixValue(value) {
     return `00${value}`.slice(-2);
 }
-exports.getFixValue = getFixValue;
 // TODO: refactor the logic, it's somehow a patch logic
 function getTimeUnits(defaultValue, stepOrList, isHourWithAmPm) {
     if (Array.isArray(stepOrList)) {
@@ -230,7 +234,6 @@ function getTimeUnits(defaultValue, stepOrList, isHourWithAmPm) {
                 : defaultValue;
     }
 }
-exports.getTimeUnits = getTimeUnits;
 function isTimeInStep(value, type, stepOrList) {
     if (!stepOrList) {
         return true;
@@ -242,7 +245,6 @@ function isTimeInStep(value, type, stepOrList) {
         return stepOrList.includes(value);
     }
 }
-exports.isTimeInStep = isTimeInStep;
 function findSimilarTime(value, type, stepOrList) {
     const list = getTimeUnits(exports.time[type], stepOrList).map(Number);
     let lowerBound, upperBound;
@@ -267,8 +269,6 @@ function findSimilarTime(value, type, stepOrList) {
     }
     return upperBound - value > value - lowerBound ? lowerBound : upperBound;
 }
-exports.findSimilarTime = findSimilarTime;
 function getAmPm(value) {
     return (0, date_fns_1.getHours)(value) < 12 ? 'am' : 'pm';
 }
-exports.getAmPm = getAmPm;

package/lib/timeline/src/TimelineItem.d.ts

@@ -10,7 +10,7 @@ export declare const timelineItemProps: {
         default: string;
     };
     type: {
-        type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        type: PropType<"default" | "success" | "error" | "warning" | "info">;
         default: string;
     };
 };
@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     type: {
-        type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        type: PropType<"default" | "success" | "error" | "warning" | "info">;
         default: string;
     };
 }, {
@@ -56,11 +56,11 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     type: {
-        type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        type: PropType<"default" | "success" | "error" | "warning" | "info">;
         default: string;
     };
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "info" | "success" | "warning" | "error";
     lineType: "default" | "dashed";
 }, {}>;
 export default _default;

package/lib/toggle-button/src/ToggleButton.d.ts

@@ -19,11 +19,11 @@ export declare const toggleButtonProps: {
     };
     size: PropType<"small" | "medium" | "large">;
     checked: {
-        type: PropType<string | number | boolean | undefined>;
+        type: PropType<boolean | string | number | undefined>;
         default: undefined;
     };
     defaultChecked: {
-        type: PropType<string | number | boolean>;
+        type: PropType<boolean | string | number>;
         default: boolean;
     };
     disabled: {
@@ -31,11 +31,11 @@ export declare const toggleButtonProps: {
         default: undefined;
     };
     checkedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     'onUpdate:checked': PropType<import("../../_utils").MaybeArray<import("../../_internal").OnUpdateChecked>>;
@@ -185,11 +185,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: PropType<"small" | "medium" | "large">;
     checked: {
-        type: PropType<string | number | boolean | undefined>;
+        type: PropType<boolean | string | number | undefined>;
         default: undefined;
     };
     defaultChecked: {
-        type: PropType<string | number | boolean>;
+        type: PropType<boolean | string | number>;
         default: boolean;
     };
     disabled: {
@@ -197,11 +197,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     checkedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     'onUpdate:checked': PropType<import("../../_utils").MaybeArray<import("../../_internal").OnUpdateChecked>>;
@@ -393,11 +393,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: PropType<"small" | "medium" | "large">;
     checked: {
-        type: PropType<string | number | boolean | undefined>;
+        type: PropType<boolean | string | number | undefined>;
         default: undefined;
     };
     defaultChecked: {
-        type: PropType<string | number | boolean>;
+        type: PropType<boolean | string | number>;
         default: boolean;
     };
     disabled: {
@@ -405,11 +405,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     checkedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     'onUpdate:checked': PropType<import("../../_utils").MaybeArray<import("../../_internal").OnUpdateChecked>>;