@uzum-tech/ui 1.3.1 → 1.4.1

package/es/popselect/src/Popselect.d.ts

@@ -37,39 +37,39 @@ export declare const popselectProps: {
         type: PropType<PopoverTrigger>;
         default: string;
     };
+    y: NumberConstructor;
+    x: NumberConstructor;
+    width: {
+        type: PropType<number | string | "trigger">;
+        default: undefined;
+    };
+    disabled: BooleanConstructor;
+    raw: BooleanConstructor;
+    maxWidth: NumberConstructor;
+    minWidth: NumberConstructor;
+    to: {
+        type: PropType<HTMLElement | string | boolean>;
+        default: undefined;
+    };
     show: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    flip: {
+    animated: {
         type: BooleanConstructor;
         default: boolean;
     };
-    x: NumberConstructor;
-    y: NumberConstructor;
-    maxWidth: NumberConstructor;
-    minWidth: NumberConstructor;
-    width: {
-        type: PropType<string | number>;
-        default: undefined;
-    };
-    zIndex: NumberConstructor;
-    disabled: BooleanConstructor;
     duration: {
         type: NumberConstructor;
         default: number;
     };
-    to: {
-        type: PropType<string | boolean | HTMLElement>;
-        default: undefined;
-    };
-    raw: BooleanConstructor;
-    animated: {
+    contentStyle: PropType<import("vue").CSSProperties | string>;
+    flip: {
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: NumberConstructor;
     overlap: BooleanConstructor;
-    contentStyle: PropType<string | import("vue").CSSProperties>;
     arrowStyle: PropType<string | import("vue").CSSProperties>;
     delay: {
         type: NumberConstructor;
@@ -77,15 +77,15 @@ export declare const popselectProps: {
     };
     arrowPointToCenter: BooleanConstructor;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     keepAliveOnHover: {
         type: BooleanConstructor;
         default: boolean;
     };
-    headerStyle: PropType<string | import("vue").CSSProperties>;
-    footerStyle: PropType<string | import("vue").CSSProperties>;
+    headerStyle: PropType<import("vue").CSSProperties | string>;
+    footerStyle: PropType<import("vue").CSSProperties | string>;
     internalDeactivateImmediately: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     internalTrapFocus: BooleanConstructor;
@@ -163,12 +163,18 @@ export declare const popselectProps: {
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -232,12 +238,18 @@ export declare const popselectProps: {
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -301,12 +313,18 @@ export declare const popselectProps: {
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -350,39 +368,39 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PopoverTrigger>;
         default: string;
     };
+    y: NumberConstructor;
+    x: NumberConstructor;
+    width: {
+        type: PropType<number | string | "trigger">;
+        default: undefined;
+    };
+    disabled: BooleanConstructor;
+    raw: BooleanConstructor;
+    maxWidth: NumberConstructor;
+    minWidth: NumberConstructor;
+    to: {
+        type: PropType<HTMLElement | string | boolean>;
+        default: undefined;
+    };
     show: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    flip: {
+    animated: {
         type: BooleanConstructor;
         default: boolean;
     };
-    x: NumberConstructor;
-    y: NumberConstructor;
-    maxWidth: NumberConstructor;
-    minWidth: NumberConstructor;
-    width: {
-        type: PropType<string | number>;
-        default: undefined;
-    };
-    zIndex: NumberConstructor;
-    disabled: BooleanConstructor;
     duration: {
         type: NumberConstructor;
         default: number;
     };
-    to: {
-        type: PropType<string | boolean | HTMLElement>;
-        default: undefined;
-    };
-    raw: BooleanConstructor;
-    animated: {
+    contentStyle: PropType<import("vue").CSSProperties | string>;
+    flip: {
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: NumberConstructor;
     overlap: BooleanConstructor;
-    contentStyle: PropType<string | import("vue").CSSProperties>;
     arrowStyle: PropType<string | import("vue").CSSProperties>;
     delay: {
         type: NumberConstructor;
@@ -390,15 +408,15 @@ declare const _default: import("vue").DefineComponent<{
     };
     arrowPointToCenter: BooleanConstructor;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     keepAliveOnHover: {
         type: BooleanConstructor;
         default: boolean;
     };
-    headerStyle: PropType<string | import("vue").CSSProperties>;
-    footerStyle: PropType<string | import("vue").CSSProperties>;
+    headerStyle: PropType<import("vue").CSSProperties | string>;
+    footerStyle: PropType<import("vue").CSSProperties | string>;
     internalDeactivateImmediately: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     internalTrapFocus: BooleanConstructor;
@@ -476,12 +494,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -545,12 +569,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -614,12 +644,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -630,118 +666,7 @@ declare const _default: import("vue").DefineComponent<{
         setShow: (value: boolean) => void;
     } | null>;
     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: {
             menuBoxShadow: string;
         };
@@ -802,12 +727,18 @@ declare const _default: import("vue").DefineComponent<{
                     iconSizeMedium: string;
                     iconSizeLarge: string;
                     iconSizeHuge: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    fontSizeHuge: string;
-                    textColor: string;
+                    titleFontSizeSmall: string;
+                    titleFontSizeMedium: string;
+                    titleFontSizeLarge: string;
+                    titleFontSizeHuge: string;
+                    descriptionFontSizeSmall: string;
+                    descriptionFontSizeMedium: string;
+                    descriptionFontSizeLarge: string;
+                    descriptionFontSizeHuge: string;
+                    titleColor: string;
+                    descriptionColor: string;
                     iconColor: string;
+                    iconBgColor: string;
                     extraTextColor: string;
                 }, any>;
             }>;
@@ -829,12 +760,18 @@ declare const _default: import("vue").DefineComponent<{
                         iconSizeMedium: string;
                         iconSizeLarge: string;
                         iconSizeHuge: string;
-                        fontSizeSmall: string;
-                        fontSizeMedium: string;
-                        fontSizeLarge: string;
-                        fontSizeHuge: string;
-                        textColor: string;
+                        titleFontSizeSmall: string;
+                        titleFontSizeMedium: string;
+                        titleFontSizeLarge: string;
+                        titleFontSizeHuge: string;
+                        descriptionFontSizeSmall: string;
+                        descriptionFontSizeMedium: string;
+                        descriptionFontSizeLarge: string;
+                        descriptionFontSizeHuge: string;
+                        titleColor: string;
+                        descriptionColor: string;
                         iconColor: string;
+                        iconBgColor: string;
                         extraTextColor: string;
                     }, any>> | undefined;
                 } | undefined;
@@ -879,39 +816,39 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PopoverTrigger>;
         default: string;
     };
+    y: NumberConstructor;
+    x: NumberConstructor;
+    width: {
+        type: PropType<number | string | "trigger">;
+        default: undefined;
+    };
+    disabled: BooleanConstructor;
+    raw: BooleanConstructor;
+    maxWidth: NumberConstructor;
+    minWidth: NumberConstructor;
+    to: {
+        type: PropType<HTMLElement | string | boolean>;
+        default: undefined;
+    };
     show: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    flip: {
+    animated: {
         type: BooleanConstructor;
         default: boolean;
     };
-    x: NumberConstructor;
-    y: NumberConstructor;
-    maxWidth: NumberConstructor;
-    minWidth: NumberConstructor;
-    width: {
-        type: PropType<string | number>;
-        default: undefined;
-    };
-    zIndex: NumberConstructor;
-    disabled: BooleanConstructor;
     duration: {
         type: NumberConstructor;
         default: number;
     };
-    to: {
-        type: PropType<string | boolean | HTMLElement>;
-        default: undefined;
-    };
-    raw: BooleanConstructor;
-    animated: {
+    contentStyle: PropType<import("vue").CSSProperties | string>;
+    flip: {
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: NumberConstructor;
     overlap: BooleanConstructor;
-    contentStyle: PropType<string | import("vue").CSSProperties>;
     arrowStyle: PropType<string | import("vue").CSSProperties>;
     delay: {
         type: NumberConstructor;
@@ -919,15 +856,15 @@ declare const _default: import("vue").DefineComponent<{
     };
     arrowPointToCenter: BooleanConstructor;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     keepAliveOnHover: {
         type: BooleanConstructor;
         default: boolean;
     };
-    headerStyle: PropType<string | import("vue").CSSProperties>;
-    footerStyle: PropType<string | import("vue").CSSProperties>;
+    headerStyle: PropType<import("vue").CSSProperties | string>;
+    footerStyle: PropType<import("vue").CSSProperties | string>;
     internalDeactivateImmediately: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     internalTrapFocus: BooleanConstructor;
@@ -1005,12 +942,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -1074,12 +1017,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -1143,38 +1092,43 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
     }>>>;
 }>>, {
-    value: import("../../select/src/interface").Value | null;
-    options: import("../../select/src/interface").SelectMixedOption[];
-    size: import("./interface").PopselectSize;
-    show: boolean | undefined;
-    flip: boolean;
     width: string | number;
-    multiple: boolean;
+    value: import("../../select/src/interface").Value | null;
     disabled: boolean;
-    duration: number;
-    to: string | boolean | HTMLElement;
     raw: boolean;
+    size: import("./interface").PopselectSize;
+    to: string | boolean | HTMLElement;
+    show: boolean | undefined;
     animated: boolean;
-    placement: import("vueuc/lib/binder/src/interface").Placement;
-    overlap: boolean;
+    duration: number;
     scrollable: boolean;
     trigger: PopoverTrigger;
+    flip: boolean;
+    multiple: boolean;
     showCheckmark: boolean;
     virtualScroll: boolean;
+    overlap: boolean;
     delay: number;
     arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
+    placement: import("vueuc/lib/binder/src/interface").Placement;
     keepAliveOnHover: boolean;
     internalDeactivateImmediately: boolean;
     internalTrapFocus: boolean;
@@ -1183,5 +1137,6 @@ declare const _default: import("vue").DefineComponent<{
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
     internalExtraClass: string[];
     cancelable: boolean;
+    options: import("../../select/src/interface").SelectMixedOption[];
 }, {}>;
 export default _default;