@uzum-tech/ui 1.13.0 → 1.13.2

package/es/collapse/src/props/collapse.props.js

@@ -0,0 +1,29 @@
+import { useTheme } from '../../../_mixins';
+import { warn } from '../../../_utils';
+export const collapseProps = Object.assign(Object.assign({}, useTheme.props), { defaultExpandedNames: {
+        type: [Array, String],
+        default: null
+    }, expandedNames: [Array, String], arrowPlacement: {
+        type: String,
+        default: 'right-edge'
+    }, accordion: {
+        type: Boolean,
+        default: false
+    }, displayDirective: {
+        type: String,
+        default: 'if'
+    }, triggerAreas: {
+        type: Array,
+        default: () => ['main', 'extra', 'arrow']
+    }, onItemHeaderClick: [Function, Array], 'onUpdate:expandedNames': [Function, Array], onUpdateExpandedNames: [Function, Array], 
+    // deprecated
+    onExpandedNamesChange: {
+        type: [Function, Array],
+        validator: () => {
+            if (process.env.NODE_ENV !== 'production') {
+                warn('collapse', '`on-expanded-names-change` is deprecated, please use `on-update:expanded-names` instead.');
+            }
+            return true;
+        },
+        default: undefined
+    } });

package/es/collapse/src/props/collapseItem.props.d.ts

@@ -0,0 +1,7 @@
+import type { PropType } from 'vue';
+export declare const collapseItemProps: {
+    readonly title: StringConstructor;
+    readonly name: PropType<string | number>;
+    readonly disabled: BooleanConstructor;
+    readonly displayDirective: PropType<"if" | "show">;
+};

package/es/collapse/src/props/collapseItem.props.js

@@ -0,0 +1,6 @@
+export const collapseItemProps = {
+    title: String,
+    name: [String, Number],
+    disabled: Boolean,
+    displayDirective: String
+};

package/es/collapse/src/styles/index.cssr.js

@@ -16,6 +16,9 @@ import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-
 // --u-border-radius
 // --u-padding
 // --u-box-sizing
+// --u-icon-border
+// --u-icon-border-radius
+// --u-icon-background
 export default cB('collapse', `
  width: 100%;
  background-color: var(--u-background-color);
@@ -44,8 +47,9 @@ export default cB('collapse', `
  height: 28px;
  justify-content: center;
  align-items: center;
- border-radius: 100px;
- background: #F3F4F6;
+ border: var(--u-icon-border);
+ border-radius: var(--u-icon-border-radius);
+ background: var(--u-icon-background);
  `, [cB('base-icon', `
  transform: scaleY(1) rotate(90deg);
  transition:

package/es/collapse/src/types/collapse.types.d.ts

@@ -0,0 +1,55 @@
+import type { Ref, VNode } from 'vue';
+import type { ExtractPublicPropTypes } from '../../../_utils';
+import { collapseItemProps } from '../props/collapseItem.props';
+import { collapseProps } from '../props/collapse.props';
+export type CollapseTriggerArea = 'main' | 'extra' | 'arrow';
+export type CollapseExpandedName = string | number;
+export type CollapseExpandedNames = CollapseExpandedName | CollapseExpandedName[] | null;
+export type OnUpdateExpandedNames = <T extends string[] & number[] & Array<string | number> & (string | number | null) & (string | null) & (number | null)>(value: T) => void;
+export type OnUpdateExpandedNamesImpl = <T extends string[] | number[] | Array<string | number> | (string | number | null) | (string | null) | (number | null)>(value: T) => void;
+export type OnItemHeaderClick = <T extends string & number & (string | number)>(info: HeaderClickInfo<T>) => void;
+export type OnItemHeaderClickImpl = <T extends string | number | (string | number)>(info: HeaderClickInfo<T>) => void;
+export interface HeaderClickInfo<T> {
+    name: T;
+    expanded: boolean;
+    event: MouseEvent;
+}
+export type ArrowPlacement = 'left' | 'right' | 'right-edge';
+export interface CollapseArrowSlotProps {
+    collapsed: boolean;
+}
+export interface CollapseItemHeaderSlotProps {
+    collapsed: boolean;
+}
+export interface CollapseItemHeaderExtraSlotProps {
+    collapsed: boolean;
+}
+export interface CollapseItemArrowSlotProps {
+    collapsed: boolean;
+}
+export interface CollapseSlots {
+    default?: () => VNode[];
+    arrow?: (props: CollapseArrowSlotProps) => VNode[];
+    header?: (props: CollapseItemHeaderSlotProps) => VNode[];
+    'header-extra'?: (props: CollapseItemHeaderExtraSlotProps) => VNode[];
+}
+export interface CollapseItemSlots {
+    default?: () => VNode[];
+    header?: (props: CollapseItemHeaderSlotProps) => VNode[];
+    'header-extra'?: (props: CollapseItemHeaderExtraSlotProps) => VNode[];
+    arrow?: (props: CollapseItemArrowSlotProps) => VNode[];
+}
+export interface UCollapseInjectionProps {
+    triggerAreas: CollapseTriggerArea[];
+    displayDirective: 'if' | 'show';
+    arrowPlacement: ArrowPlacement;
+}
+export interface UCollapseInjection {
+    props: UCollapseInjectionProps;
+    expandedNamesRef: Ref<CollapseExpandedNames>;
+    mergedClsPrefixRef: Ref<string>;
+    slots: CollapseSlots;
+    toggleItem: (collapse: boolean, name: CollapseExpandedName, event: MouseEvent) => void;
+}
+export type CollapseProps = ExtractPublicPropTypes<typeof collapseProps>;
+export type CollapseItemProps = ExtractPublicPropTypes<typeof collapseItemProps>;

package/es/collapse/src/types/collapse.types.js

@@ -0,0 +1 @@
+export {};

package/es/collapse/styles/light.d.ts

@@ -18,6 +18,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     borderRadius: string;
     padding: string;
     boxSizing: string;
+    iconBorder: string;
+    iconBorderRadius: string;
+    iconBackground: string;
 };
 export type CollapseThemeVars = ReturnType<typeof self>;
 declare const collapseLight: Theme<'Collapse', CollapseThemeVars>;

package/es/collapse/styles/light.js

@@ -1,6 +1,6 @@
 import { commonLight } from '../../_styles/common';
 export const self = (vars) => {
-    const { fontWeight, fontBodyLarge, lineHeightBodyLarge, elementsQuaternary, textPrimary, textSecondary, fontBodyMedium, lineHeightBodyMedium, iconSmall, containerPrimary } = vars;
+    const { fontWeight, fontBodyLarge, lineHeightBodyLarge, elementsQuaternary, textPrimary, textSecondary, fontBodyMedium, lineHeightBodyMedium, iconSmall, containerPrimary, elementsTertiary } = vars;
     return {
         titleFontSize: fontBodyLarge,
         titleLineHeight: lineHeightBodyLarge,
@@ -18,7 +18,10 @@ export const self = (vars) => {
         backgroundColor: containerPrimary,
         borderRadius: '20px',
         padding: '24px',
-        boxSizing: 'border-box'
+        boxSizing: 'border-box',
+        iconBorder: 'none',
+        iconBorderRadius: '100px',
+        iconBackground: elementsTertiary
     };
 };
 const collapseLight = {

package/es/dropdown/src/Dropdown.d.ts

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

package/es/icon-bar/index.d.ts

@@ -1,4 +1,4 @@
-export { default as UIconBar, iconBarProps } from './src/IconBar';
-export type { IconBarProps } from './src/IconBar';
-export { default as UIconBarItem, iconBarItemProps } from './src/IconBarItem';
-export type { IconBarItemProps } from './src/IconBarItem';
+export { default as UIconBar } from './src/IconBar';
+export { default as UIconBarItem } from './src/IconBarItem';
+export { iconBarProps, iconBarItemProps } from './src/interface';
+export type { IconBarProps, IconBarItemProps } from './src/interface';

package/es/icon-bar/index.js

@@ -1,2 +1,3 @@
-export { default as UIconBar, iconBarProps } from './src/IconBar';
-export { default as UIconBarItem, iconBarItemProps } from './src/IconBarItem';
+export { default as UIconBar } from './src/IconBar';
+export { default as UIconBarItem } from './src/IconBarItem';
+export { iconBarProps, iconBarItemProps } from './src/interface';

package/es/icon-bar/src/IconBar.d.ts

@@ -1,63 +1,7 @@
-import { ExtractPublicPropTypes, PropType } from 'vue';
-import { IconBarItemProps } from './IconBarItem';
-import { GridProps } from '../../grid';
-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 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 IconBarProps = ExtractPublicPropTypes<typeof iconBarProps>;
+import { IconBarItemProps } from './interface';
 declare const _default: import("vue").DefineComponent<{
     readonly items: {
-        readonly type: PropType<IconBarItemProps[]>;
+        readonly type: import("vue").PropType<IconBarItemProps[]>;
         readonly default: () => never[];
     };
     readonly cols: {
@@ -65,10 +9,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: 6;
     };
     readonly gridProps: {
-        readonly type: PropType<Partial<GridProps>>;
+        readonly type: import("vue").PropType<Partial<import("../../grid").GridProps>>;
     };
-    readonly itemSize: PropType<number | string>;
-    readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
+    readonly typographyProps: {
+        readonly type: import("vue").PropType<Partial<import("../..").TextProps>>;
+    };
+    readonly itemSize: import("vue").PropType<number | string>;
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"IconBar", {
         itemSize: string;
         color: string;
         colorHover: string;
@@ -81,7 +28,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;
@@ -94,7 +41,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;
@@ -118,7 +65,7 @@ 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<{
     readonly items: {
-        readonly type: PropType<IconBarItemProps[]>;
+        readonly type: import("vue").PropType<IconBarItemProps[]>;
         readonly default: () => never[];
     };
     readonly cols: {
@@ -126,10 +73,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: 6;
     };
     readonly gridProps: {
-        readonly type: PropType<Partial<GridProps>>;
+        readonly type: import("vue").PropType<Partial<import("../../grid").GridProps>>;
+    };
+    readonly typographyProps: {
+        readonly type: import("vue").PropType<Partial<import("../..").TextProps>>;
     };
-    readonly itemSize: PropType<number | string>;
-    readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
+    readonly itemSize: import("vue").PropType<number | string>;
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"IconBar", {
         itemSize: string;
         color: string;
         colorHover: string;
@@ -142,7 +92,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;
@@ -155,7 +105,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/es/icon-bar/src/IconBar.js

@@ -1,24 +1,19 @@
-import { computed, defineComponent, h } from 'vue';
+import { computed, defineComponent, h, provide, toRef } from 'vue';
 import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { iconBarLight } from '../styles';
 import style from './styles/index.cssr';
-import IconBarItem from './IconBarItem';
 import { UGrid, UGridItem } from '../../grid';
 import { resolveSize } from '../../_utils';
-export const iconBarProps = Object.assign(Object.assign({}, useTheme.props), { items: {
-        type: Array,
-        default: () => []
-    }, cols: {
-        type: Number,
-        default: 6
-    }, gridProps: {
-        type: Object
-    }, itemSize: [Number, String] });
+import { iconBarInjectionKey, iconBarProps } from './interface';
+import IconBarItem from './IconBarItem';
 export default defineComponent({
     name: 'IconBar',
     props: iconBarProps,
     setup(props, { slots }) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        provide(iconBarInjectionKey, {
+            typographyPropsRef: toRef(props, 'typographyProps')
+        });
         const themeRef = useTheme('IconBar', '-icon-bar', style, iconBarLight, props, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
             const { self: { itemSize } } = themeRef.value;

package/es/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/es/icon-bar/src/IconBarItem.js

@@ -1,17 +1,17 @@
-import { computed, defineComponent, h } from 'vue';
+import { computed, defineComponent, h, inject } from 'vue';
 import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { iconBarLight } from '../styles';
 import style from './styles/index.cssr';
 import { UText } from '../../typography';
 import { resolveSize } from '../../_utils';
-export const iconBarItemProps = Object.assign(Object.assign({}, useTheme.props), { label: String, icon: Function, iconSize: [Number, String], span: [Number, String], typographyProps: {
-        type: Object
-    } });
+import { iconBarInjectionKey, iconBarItemProps } from './interface';
 export default defineComponent({
     name: 'IconBarItem',
     props: iconBarItemProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const iconBarInjection = inject(iconBarInjectionKey, null);
+        const mergedTypographyPropsRef = computed(() => (Object.assign(Object.assign({}, iconBarInjection === null || iconBarInjection === void 0 ? void 0 : iconBarInjection.typographyPropsRef.value), props.typographyProps)));
         const themeRef = useTheme('IconBar', '-icon-bar-item', style, iconBarLight, props, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
             const { self: { iconSize, labelColor, labelSizeHover, labelColorHover, color, colorHover, boxShadow, itemGap, span }, common: { cubicBezierEaseInOut } } = themeRef.value;
@@ -35,6 +35,7 @@ export default 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
         };
     },
@@ -45,6 +46,6 @@ export default defineComponent({
         return (h("div", { class: [`${mergedClsPrefix}-icon-bar-item-wrapper`, this.themeClass], style: this.cssVars },
             h("div", { class: `${mergedClsPrefix}-icon-bar-item`, style: this.cssVars },
                 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) && (h(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) && (h(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))));
     }
 });