@uzum-tech/ui 0.1.2 → 1.0.1

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

@@ -1,14 +1,14 @@
 import { type ThemeCommonVars } from '../../_styles/common';
 export declare const self: (vars: ThemeCommonVars) => {
+    iconSize: string;
     fontSize: string;
     iconColor: string;
-    iconSize: string;
 };
 export type PopconfirmThemeVars = ReturnType<typeof self>;
 declare const popconfirmLight: import("../../_mixins").Theme<"Popconfirm", {
+    iconSize: string;
     fontSize: string;
     iconColor: string;
-    iconSize: string;
 }, {
     Button: import("../../_mixins").Theme<"Button", {
         heightTiny: string;
@@ -36,7 +36,7 @@ declare const popconfirmLight: import("../../_mixins").Theme<"Popconfirm", {
         colorTertiaryHover: string;
         colorTertiaryPressed: string;
         colorTertiaryDisalbed: string;
-        waveColorTerniary: string;
+        waveColorTertiary: string;
         textColorTextTertiary: string;
         colorQuaternary: string;
         colorQuaternaryHover: string;
@@ -222,18 +222,18 @@ declare const popconfirmLight: import("../../_mixins").Theme<"Popconfirm", {
         rippleDuration: string;
     }, any>;
     Popover: import("../../_mixins").Theme<"Popover", {
-        fontSize: string;
-        borderRadius: string;
-        color: string;
-        dividerColor: string;
-        textColor: string;
-        boxShadow: string;
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
+        fontSize: string;
+        borderRadius: string;
+        color: string;
+        dividerColor: string;
+        textColor: string;
+        boxShadow: string;
     }, any>;
 }>;
 export default popconfirmLight;

package/lib/popconfirm/styles/light.js

@@ -1,17 +1,17 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
 const styles_1 = require("../../button/styles");
 const styles_2 = require("../../popover/styles");
 const _mixins_1 = require("../../_mixins");
 const common_1 = require("../../_styles/common");
-const _common_1 = __importDefault(require("./_common"));
 const self = (vars) => {
-    const { fontSize, warningColor } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { fontSize, iconColor: warningColor });
+    const { fontBodyMedium, staticOrange } = vars;
+    return {
+        iconSize: '22px',
+        fontSize: fontBodyMedium,
+        iconColor: staticOrange
+    };
 };
 exports.self = self;
 const popconfirmLight = (0, _mixins_1.createTheme)({

package/lib/popover/src/Popover.d.ts

@@ -73,7 +73,7 @@ export declare const popoverBaseProps: {
         default: boolean;
     };
     width: {
-        type: PropType<number | "trigger">;
+        type: PropType<string | number>;
         default: undefined;
     };
     overlap: BooleanConstructor;
@@ -161,7 +161,7 @@ export declare const popoverProps: {
         default: boolean;
     };
     width: {
-        type: PropType<number | "trigger">;
+        type: PropType<string | number>;
         default: undefined;
     };
     overlap: BooleanConstructor;
@@ -201,46 +201,46 @@ export declare const popoverProps: {
     minWidth: NumberConstructor;
     maxWidth: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Popover", {
-        fontSize: string;
-        borderRadius: string;
-        color: string;
-        dividerColor: string;
-        textColor: string;
-        boxShadow: string;
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
         color: string;
         dividerColor: string;
         textColor: string;
         boxShadow: string;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
         color: string;
         dividerColor: string;
         textColor: string;
         boxShadow: string;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
+        fontSize: string;
+        borderRadius: string;
+        color: string;
+        dividerColor: string;
+        textColor: string;
+        boxShadow: string;
     }, any>>>;
 };
 export type PopoverProps = ExtractPublicPropTypes<typeof popoverBaseProps>;
@@ -293,7 +293,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     width: {
-        type: PropType<number | "trigger">;
+        type: PropType<string | number>;
         default: undefined;
     };
     overlap: BooleanConstructor;
@@ -333,46 +333,46 @@ declare const _default: import("vue").DefineComponent<{
     minWidth: NumberConstructor;
     maxWidth: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Popover", {
-        fontSize: string;
-        borderRadius: string;
-        color: string;
-        dividerColor: string;
-        textColor: string;
-        boxShadow: string;
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
         color: string;
         dividerColor: string;
         textColor: string;
         boxShadow: string;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
         color: string;
         dividerColor: string;
         textColor: string;
         boxShadow: string;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
+        fontSize: string;
+        borderRadius: string;
+        color: string;
+        dividerColor: string;
+        textColor: string;
+        boxShadow: string;
     }, any>>>;
 }, {
     binderInstRef: Ref<{
@@ -438,7 +438,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     width: {
-        type: PropType<number | "trigger">;
+        type: PropType<string | number>;
         default: undefined;
     };
     overlap: BooleanConstructor;
@@ -478,51 +478,51 @@ declare const _default: import("vue").DefineComponent<{
     minWidth: NumberConstructor;
     maxWidth: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Popover", {
-        fontSize: string;
-        borderRadius: string;
-        color: string;
-        dividerColor: string;
-        textColor: string;
-        boxShadow: string;
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
         color: string;
         dividerColor: string;
         textColor: string;
         boxShadow: string;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
         color: string;
         dividerColor: string;
         textColor: string;
         boxShadow: string;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
+        fontSize: string;
+        borderRadius: string;
+        color: string;
+        dividerColor: string;
+        textColor: string;
+        boxShadow: string;
     }, any>>>;
 }>>, {
     show: boolean | undefined;
     flip: boolean;
-    width: number | "trigger";
+    width: string | number;
     disabled: boolean;
     duration: number;
     to: string | boolean | HTMLElement;

package/lib/popover/src/Popover.js

@@ -185,9 +185,7 @@ exports.default = (0, vue_1.defineComponent)({
             if (props.disabled)
                 return true;
             const { getDisabled } = props;
-            if (getDisabled === null || getDisabled === void 0 ? void 0 : getDisabled())
-                return true;
-            return false;
+            return !!(getDisabled === null || getDisabled === void 0 ? void 0 : getDisabled());
         };
         const getMergedShow = () => {
             if (getMergedDisabled())
@@ -490,7 +488,7 @@ exports.default = (0, vue_1.defineComponent)({
                         : (0, vue_1.h)(vueuc_1.VTarget, null, {
                             default: () => triggerVNode
                         }),
-                    (0, vue_1.h)(PopoverBody_1.default, (0, _utils_1.keep)(this.$props, bodyPropKeys, Object.assign(Object.assign({}, this.$attrs), { showArrow: this.mergedShowArrow, show: mergedShow })), {
+                    (0, vue_1.h)(PopoverBody_1.default, (0, _utils_1.keep)(this.$props ? this.$props : {}, bodyPropKeys, Object.assign(Object.assign({}, this.$attrs), { showArrow: this.mergedShowArrow, show: mergedShow })), {
                         default: () => { var _a, _b; return (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a); },
                         header: () => { var _a, _b; return (_b = (_a = this.$slots).header) === null || _b === void 0 ? void 0 : _b.call(_a); },
                         footer: () => { var _a, _b; return (_b = (_a = this.$slots).footer) === null || _b === void 0 ? void 0 : _b.call(_a); }

package/lib/popover/src/PopoverBody.d.ts

@@ -34,46 +34,46 @@ export declare const popoverBodyProps: {
     minWidth: NumberConstructor;
     maxWidth: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Popover", {
-        fontSize: string;
-        borderRadius: string;
-        color: string;
-        dividerColor: string;
-        textColor: string;
-        boxShadow: string;
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
         color: string;
         dividerColor: string;
         textColor: string;
         boxShadow: string;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
         color: string;
         dividerColor: string;
         textColor: string;
         boxShadow: string;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
+        fontSize: string;
+        borderRadius: string;
+        color: string;
+        dividerColor: string;
+        textColor: string;
+        boxShadow: string;
     }, any>>>;
 };
 interface RenderArrowProps {
@@ -114,46 +114,46 @@ declare const _default: import("vue").DefineComponent<{
     minWidth: NumberConstructor;
     maxWidth: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Popover", {
-        fontSize: string;
-        borderRadius: string;
-        color: string;
-        dividerColor: string;
-        textColor: string;
-        boxShadow: string;
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
         color: string;
         dividerColor: string;
         textColor: string;
         boxShadow: string;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
         color: string;
         dividerColor: string;
         textColor: string;
         boxShadow: string;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
+        fontSize: string;
+        borderRadius: string;
+        color: string;
+        dividerColor: string;
+        textColor: string;
+        boxShadow: string;
     }, any>>>;
 }, {
     displayed: import("vue").Ref<boolean>;
@@ -199,46 +199,46 @@ declare const _default: import("vue").DefineComponent<{
     minWidth: NumberConstructor;
     maxWidth: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Popover", {
-        fontSize: string;
-        borderRadius: string;
-        color: string;
-        dividerColor: string;
-        textColor: string;
-        boxShadow: string;
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
         color: string;
         dividerColor: string;
         textColor: string;
         boxShadow: string;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
         color: string;
         dividerColor: string;
         textColor: string;
         boxShadow: string;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         space: string;
         spaceArrow: string;
         arrowOffset: string;
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
+        fontSize: string;
+        borderRadius: string;
+        color: string;
+        dividerColor: string;
+        textColor: string;
+        boxShadow: string;
     }, any>>>;
 }>>, {
     show: boolean;

package/lib/popover/src/PopoverBody.js

@@ -127,12 +127,7 @@ exports.default = (0, vue_1.defineComponent)({
             // component. So we need to trigger follower manaully.
             if (props.animated)
                 return;
-            if (value) {
-                followerEnabledRef.value = true;
-            }
-            else {
-                followerEnabledRef.value = false;
-            }
+            followerEnabledRef.value = !!value;
         });
         function syncPosition() {
             var _a;

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

@@ -1,18 +1,18 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins/use-theme';
 export declare const self: (vars: ThemeCommonVars) => {
-    fontSize: string;
-    borderRadius: string;
-    color: string;
-    dividerColor: string;
-    textColor: string;
-    boxShadow: string;
     space: string;
     spaceArrow: string;
     arrowOffset: string;
     arrowOffsetVertical: string;
     arrowHeight: string;
     padding: string;
+    fontSize: string;
+    borderRadius: string;
+    color: string;
+    dividerColor: string;
+    textColor: string;
+    boxShadow: string;
 };
 export type PopoverThemeVars = ReturnType<typeof self>;
 declare const popoverLight: Theme<'Popover', PopoverThemeVars>;

package/lib/popover/styles/light.js

@@ -1,15 +1,23 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
 const common_1 = require("../../_styles/common");
-const _common_1 = __importDefault(require("./_common"));
 const self = (vars) => {
-    const { boxShadow2, popoverColor, textColor2, borderRadius, fontSize, dividerColor } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { fontSize,
-        borderRadius, color: popoverColor, dividerColor, textColor: textColor2, boxShadow: boxShadow2 });
+    const { fontBodyMedium, containerPrimary, elementsQuaternary, borderRadius, textPrimary, shadowDepth2 } = vars;
+    return {
+        space: '6px',
+        spaceArrow: '10px',
+        arrowOffset: '10px',
+        arrowOffsetVertical: '10px',
+        arrowHeight: '6px',
+        padding: '8px 14px',
+        fontSize: fontBodyMedium,
+        borderRadius,
+        color: containerPrimary,
+        dividerColor: elementsQuaternary,
+        textColor: textPrimary,
+        boxShadow: shadowDepth2
+    };
 };
 exports.self = self;
 const popoverLight = {