@uzum-tech/ui 1.13.0 → 1.13.2

package/lib/icon-bar/src/IconBarItem.d.ts

@@ -1,63 +1,12 @@
-import { ExtractPublicPropTypes, PropType, VNodeChild } from 'vue';
-import { TextProps } from '../../typography';
-export declare const iconBarItemProps: {
-    readonly label: StringConstructor;
-    readonly icon: PropType<() => VNodeChild>;
-    readonly iconSize: PropType<number | string>;
-    readonly span: PropType<number | string>;
-    readonly typographyProps: {
-        readonly type: PropType<Partial<TextProps>>;
-    };
-    readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
-        itemSize: string;
-        color: string;
-        colorHover: string;
-        itemGap: string;
-        iconSize: string;
-        labelColor: string;
-        labelSizeHover: string;
-        labelColorHover: string;
-        boxShadow: string;
-        span: number;
-        cols: number;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
-        itemSize: string;
-        color: string;
-        colorHover: string;
-        itemGap: string;
-        iconSize: string;
-        labelColor: string;
-        labelSizeHover: string;
-        labelColorHover: string;
-        boxShadow: string;
-        span: number;
-        cols: number;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
-        itemSize: string;
-        color: string;
-        colorHover: string;
-        itemGap: string;
-        iconSize: string;
-        labelColor: string;
-        labelSizeHover: string;
-        labelColorHover: string;
-        boxShadow: string;
-        span: number;
-        cols: number;
-    }, any>>>;
-};
-export type IconBarItemProps = ExtractPublicPropTypes<typeof iconBarItemProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly label: StringConstructor;
-    readonly icon: PropType<() => VNodeChild>;
-    readonly iconSize: PropType<number | string>;
-    readonly span: PropType<number | string>;
+    readonly icon: import("vue").PropType<() => import("vue").VNodeChild>;
+    readonly iconSize: import("vue").PropType<number | string>;
+    readonly span: import("vue").PropType<number | string>;
     readonly typographyProps: {
-        readonly type: PropType<Partial<TextProps>>;
+        readonly type: import("vue").PropType<Partial<import("../../typography").TextProps>>;
     };
-    readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"IconBar", {
         itemSize: string;
         color: string;
         colorHover: string;
@@ -70,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
         span: number;
         cols: number;
     }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
         itemSize: string;
         color: string;
         colorHover: string;
@@ -83,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
         span: number;
         cols: number;
     }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
         itemSize: string;
         color: string;
         colorHover: string;
@@ -111,16 +60,83 @@ declare const _default: import("vue").DefineComponent<{
         '--u-icon-bar-item-span': string;
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
+    mergedTypographyProps: import("vue").ComputedRef<{
+        type?: "default" | "info" | "warning" | "error" | "success" | undefined;
+        theme?: import("../../_mixins").Theme<"Typography", {
+            margin: string;
+            aTextColor: string;
+            blockquoteTextColor: string;
+            blockquotePrefixColor: string;
+            codeBorderRadius: string;
+            fontSize: string;
+            lineHeight: string;
+            textColor: string;
+            textColorPrimary: string;
+            textColorInfo: string;
+            textColorSuccess: string;
+            textColorWarning: string;
+            textColorError: string;
+            codeTextColor: string;
+            codeColor: string;
+            codeBorder: string;
+        }, any> | undefined;
+        themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
+            margin: string;
+            aTextColor: string;
+            blockquoteTextColor: string;
+            blockquotePrefixColor: string;
+            codeBorderRadius: string;
+            fontSize: string;
+            lineHeight: string;
+            textColor: string;
+            textColorPrimary: string;
+            textColorInfo: string;
+            textColorSuccess: string;
+            textColorWarning: string;
+            textColorError: string;
+            codeTextColor: string;
+            codeColor: string;
+            codeBorder: string;
+        }, any>> | undefined;
+        builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
+            margin: string;
+            aTextColor: string;
+            blockquoteTextColor: string;
+            blockquotePrefixColor: string;
+            codeBorderRadius: string;
+            fontSize: string;
+            lineHeight: string;
+            textColor: string;
+            textColorPrimary: string;
+            textColorInfo: string;
+            textColorSuccess: string;
+            textColorWarning: string;
+            textColorError: string;
+            codeTextColor: string;
+            codeColor: string;
+            codeBorder: string;
+        }, any>> | undefined;
+        tag?: keyof HTMLElementTagNameMap | undefined;
+        color?: string | undefined;
+        strong?: boolean | undefined;
+        text?: string | undefined;
+        variant?: import("../../typography").TypographyVariant | undefined;
+        italic?: boolean | undefined;
+        variantOptions?: import("../../typography").TypographyVariantOptions | undefined;
+        variantWeightsOptions?: import("../../typography").TypographyVariantWeightsOptions | undefined;
+        underline?: boolean | undefined;
+        strikethrough?: boolean | undefined;
+    }>;
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly label: StringConstructor;
-    readonly icon: PropType<() => VNodeChild>;
-    readonly iconSize: PropType<number | string>;
-    readonly span: PropType<number | string>;
+    readonly icon: import("vue").PropType<() => import("vue").VNodeChild>;
+    readonly iconSize: import("vue").PropType<number | string>;
+    readonly span: import("vue").PropType<number | string>;
     readonly typographyProps: {
-        readonly type: PropType<Partial<TextProps>>;
+        readonly type: import("vue").PropType<Partial<import("../../typography").TextProps>>;
     };
-    readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"IconBar", {
         itemSize: string;
         color: string;
         colorHover: string;
@@ -133,7 +149,7 @@ declare const _default: import("vue").DefineComponent<{
         span: number;
         cols: number;
     }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
         itemSize: string;
         color: string;
         colorHover: string;
@@ -146,7 +162,7 @@ declare const _default: import("vue").DefineComponent<{
         span: number;
         cols: number;
     }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
         itemSize: string;
         color: string;
         colorHover: string;

package/lib/icon-bar/src/IconBarItem.js

@@ -3,21 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconBarItemProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const typography_1 = require("../../typography");
 const _utils_1 = require("../../_utils");
-exports.iconBarItemProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { label: String, icon: Function, iconSize: [Number, String], span: [Number, String], typographyProps: {
-        type: Object
-    } });
+const interface_1 = require("./interface");
 exports.default = (0, vue_1.defineComponent)({
     name: 'IconBarItem',
-    props: exports.iconBarItemProps,
+    props: interface_1.iconBarItemProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const iconBarInjection = (0, vue_1.inject)(interface_1.iconBarInjectionKey, null);
+        const mergedTypographyPropsRef = (0, vue_1.computed)(() => (Object.assign(Object.assign({}, iconBarInjection === null || iconBarInjection === void 0 ? void 0 : iconBarInjection.typographyPropsRef.value), props.typographyProps)));
         const themeRef = (0, _mixins_1.useTheme)('IconBar', '-icon-bar-item', index_cssr_1.default, styles_1.iconBarLight, props, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { self: { iconSize, labelColor, labelSizeHover, labelColorHover, color, colorHover, boxShadow, itemGap, span }, common: { cubicBezierEaseInOut } } = themeRef.value;
@@ -41,6 +40,7 @@ exports.default = (0, vue_1.defineComponent)({
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            mergedTypographyProps: mergedTypographyPropsRef,
             onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
@@ -51,6 +51,6 @@ exports.default = (0, vue_1.defineComponent)({
         return ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-icon-bar-item-wrapper`, this.themeClass], style: this.cssVars },
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-icon-bar-item`, style: this.cssVars },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-icon-bar-item__icon` }, ((_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)) || ((_c = this.icon) === null || _c === void 0 ? void 0 : _c.call(this)))),
-            (this.$slots.label || this.label) && ((0, vue_1.h)(typography_1.UText, Object.assign({ class: `${mergedClsPrefix}-icon-bar-item-wrapper__label`, variant: "heading-s-bold" }, this.typographyProps), ((_e = (_d = this.$slots).label) === null || _e === void 0 ? void 0 : _e.call(_d)) || this.label))));
+            (this.$slots.label || this.label) && ((0, vue_1.h)(typography_1.UText, Object.assign({ class: `${mergedClsPrefix}-icon-bar-item-wrapper__label`, variant: "heading-s-bold" }, this.mergedTypographyProps), ((_e = (_d = this.$slots).label) === null || _e === void 0 ? void 0 : _e.call(_d)) || this.label))));
     }
 });

package/lib/icon-bar/src/interface.d.ts

@@ -0,0 +1,112 @@
+import { ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNodeChild } from 'vue';
+import { GridProps } from '../../grid';
+import { TextProps } from '../../typography';
+export declare const iconBarInjectionKey: InjectionKey<{
+    typographyPropsRef: Ref<Partial<TextProps> | undefined>;
+}>;
+export declare const iconBarItemProps: {
+    readonly label: StringConstructor;
+    readonly icon: PropType<() => VNodeChild>;
+    readonly iconSize: PropType<number | string>;
+    readonly span: PropType<number | string>;
+    readonly typographyProps: {
+        readonly type: PropType<Partial<TextProps>>;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
+        itemSize: string;
+        color: string;
+        colorHover: string;
+        itemGap: string;
+        iconSize: string;
+        labelColor: string;
+        labelSizeHover: string;
+        labelColorHover: string;
+        boxShadow: string;
+        span: number;
+        cols: number;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
+        itemSize: string;
+        color: string;
+        colorHover: string;
+        itemGap: string;
+        iconSize: string;
+        labelColor: string;
+        labelSizeHover: string;
+        labelColorHover: string;
+        boxShadow: string;
+        span: number;
+        cols: number;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
+        itemSize: string;
+        color: string;
+        colorHover: string;
+        itemGap: string;
+        iconSize: string;
+        labelColor: string;
+        labelSizeHover: string;
+        labelColorHover: string;
+        boxShadow: string;
+        span: number;
+        cols: number;
+    }, any>>>;
+};
+export declare const iconBarProps: {
+    readonly items: {
+        readonly type: PropType<IconBarItemProps[]>;
+        readonly default: () => never[];
+    };
+    readonly cols: {
+        readonly type: NumberConstructor;
+        readonly default: 6;
+    };
+    readonly gridProps: {
+        readonly type: PropType<Partial<GridProps>>;
+    };
+    readonly typographyProps: {
+        readonly type: PropType<Partial<TextProps>>;
+    };
+    readonly itemSize: PropType<number | string>;
+    readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
+        itemSize: string;
+        color: string;
+        colorHover: string;
+        itemGap: string;
+        iconSize: string;
+        labelColor: string;
+        labelSizeHover: string;
+        labelColorHover: string;
+        boxShadow: string;
+        span: number;
+        cols: number;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
+        itemSize: string;
+        color: string;
+        colorHover: string;
+        itemGap: string;
+        iconSize: string;
+        labelColor: string;
+        labelSizeHover: string;
+        labelColorHover: string;
+        boxShadow: string;
+        span: number;
+        cols: number;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
+        itemSize: string;
+        color: string;
+        colorHover: string;
+        itemGap: string;
+        iconSize: string;
+        labelColor: string;
+        labelSizeHover: string;
+        labelColorHover: string;
+        boxShadow: string;
+        span: number;
+        cols: number;
+    }, any>>>;
+};
+export type IconBarItemProps = ExtractPublicPropTypes<typeof iconBarItemProps>;
+export type IconBarProps = ExtractPublicPropTypes<typeof iconBarProps>;

package/lib/icon-bar/src/interface.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconBarProps = exports.iconBarItemProps = exports.iconBarInjectionKey = void 0;
+const _utils_1 = require("../../_utils");
+const _mixins_1 = require("../../_mixins");
+exports.iconBarInjectionKey = (0, _utils_1.createInjectionKey)('icon-bar');
+exports.iconBarItemProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { label: String, icon: Function, iconSize: [Number, String], span: [Number, String], typographyProps: {
+        type: Object
+    } });
+exports.iconBarProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { items: {
+        type: Array,
+        default: () => []
+    }, cols: {
+        type: Number,
+        default: 6
+    }, gridProps: {
+        type: Object
+    }, typographyProps: {
+        type: Object
+    }, itemSize: [Number, String] });

package/lib/popconfirm/src/Popconfirm.d.ts

@@ -2716,6 +2716,7 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean | undefined;
     showArrow: boolean;
     trigger: PopoverTrigger;
+    arrow: boolean | undefined;
     displayDirective: "show" | "if";
     defaultShow: boolean;
     animated: boolean;
@@ -2731,6 +2732,5 @@ declare const _default: import("vue").DefineComponent<{
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
     internalTrapFocus: boolean;
     internalExtraClass: string[];
-    arrow: boolean | undefined;
 }, {}>;
 export default _default;

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

@@ -528,6 +528,7 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean | undefined;
     showArrow: boolean;
     trigger: PopoverTrigger;
+    arrow: boolean | undefined;
     displayDirective: "show" | "if";
     defaultShow: boolean;
     animated: boolean;
@@ -543,6 +544,5 @@ declare const _default: import("vue").DefineComponent<{
     internalInheritedEventHandlers: TriggerEventHandlers[];
     internalTrapFocus: boolean;
     internalExtraClass: string[];
-    arrow: boolean | undefined;
 }, {}>;
 export default _default;

package/lib/qr-code/src/QrCode.d.ts

@@ -164,8 +164,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: number;
     readonly padding: string | number;
     readonly backgroundColor: string;
-    readonly iconBackgroundColor: string;
     readonly iconBorderRadius: number;
+    readonly iconBackgroundColor: string;
     readonly errorCorrectionLevel: "Q" | "H" | "L" | "M";
 }, {}>;
 export default _default;

package/lib/tooltip/src/Tooltip.d.ts

@@ -636,6 +636,7 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean | undefined;
     showArrow: boolean;
     trigger: import("../../popover").PopoverTrigger;
+    arrow: boolean | undefined;
     displayDirective: "show" | "if";
     defaultShow: boolean;
     animated: boolean;
@@ -651,6 +652,5 @@ declare const _default: import("vue").DefineComponent<{
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
     internalTrapFocus: boolean;
     internalExtraClass: string[];
-    arrow: boolean | undefined;
 }, {}>;
 export default _default;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.13.0";
+declare const _default: "1.13.2";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.13.0';
+exports.default = '1.13.2';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.13.0",
+  "version": "1.13.2",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "1.13.0",
+  "version": "1.13.2",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -3455,6 +3455,13 @@
               "type": "'if' | 'show'",
               "description": "The display directive to use when `u-collapse-item` renders content. `'if'` corresponds to `v-if` and `'show'` corresponds to `v-show`.",
               "default": "'if'"
+            },
+            {
+              "name": "trigger-areas",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/collapse",
+              "type": "Array<'main' | 'arrow' | 'extra'>",
+              "description": "Expansion trigger areas. If you don't want to trigger expansion on some areas, you can use the prop.",
+              "default": "['main', 'arrow', 'extra']"
             }
           ],
           "js": {
@@ -19198,6 +19205,11 @@
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/icon-bar",
               "type": "object"
             },
+            {
+              "name": "typography-props",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/icon-bar",
+              "type": "object"
+            },
             {
               "name": "item-size",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/icon-bar",