@uzum-tech/ui 1.13.1 → 1.14.0

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))));
     }
 });

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

@@ -0,0 +1,17 @@
+import { createInjectionKey } from '../../_utils';
+import { useTheme } from '../../_mixins';
+export const iconBarInjectionKey = createInjectionKey('icon-bar');
+export const iconBarItemProps = Object.assign(Object.assign({}, useTheme.props), { label: String, icon: Function, iconSize: [Number, String], span: [Number, String], typographyProps: {
+        type: Object
+    } });
+export const iconBarProps = Object.assign(Object.assign({}, useTheme.props), { items: {
+        type: Array,
+        default: () => []
+    }, cols: {
+        type: Number,
+        default: 6
+    }, gridProps: {
+        type: Object
+    }, typographyProps: {
+        type: Object
+    }, itemSize: [Number, String] });

package/es/locales/date/enUS.js

@@ -1,4 +1,4 @@
-import enUS from 'date-fns/locale/en-US'; //
+import enUS from 'date-fns/locale/en-US/index.js';
 const dateEnUs = {
     name: 'en-US',
     locale: enUS

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.13.1";
+declare const _default: "1.14.0";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.13.1';
+export default '1.14.0';

package/lib/_mixins/use-css-vars-class.js

@@ -8,10 +8,11 @@ const context_1 = require("../config-provider/src/context");
 const _utils_1 = require("../_utils");
 const cssr_1 = require("../_utils/cssr");
 function useThemeClass(componentName, hashRef, cssVarsRef, props) {
-    var _a;
     if (!cssVarsRef)
         (0, _utils_1.throwError)('useThemeClass', 'cssVarsRef is not passed');
-    const mergedThemeHashRef = (_a = (0, vue_1.inject)(context_1.configProviderInjectionKey, null)) === null || _a === void 0 ? void 0 : _a.mergedThemeHashRef;
+    const UConfigProvider = (0, vue_1.inject)(context_1.configProviderInjectionKey, null);
+    const mergedThemeHashRef = UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedThemeHashRef;
+    const styleMountTarget = UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.styleMountTarget;
     const themeClassRef = (0, vue_1.ref)('');
     const ssrAdapter = (0, vue3_ssr_1.useSsrAdapter)();
     let renderCallback;
@@ -40,7 +41,8 @@ function useThemeClass(componentName, hashRef, cssVarsRef, props) {
             }
             (0, cssr_1.c)(`.${finalThemeHash}`, style).mount({
                 id: finalThemeHash,
-                ssr: ssrAdapter
+                ssr: ssrAdapter,
+                parent: styleMountTarget
             });
             renderCallback = undefined;
         };

package/lib/_mixins/use-rtl.js

@@ -4,6 +4,7 @@ exports.useRtl = useRtl;
 const vue_1 = require("vue");
 const css_render_1 = require("css-render");
 const vue3_ssr_1 = require("@css-render/vue3-ssr");
+const context_1 = require("../config-provider/src/context");
 const common_1 = require("./common");
 function useRtl(mountId, rtlStateRef, clsPrefixRef) {
     if (!rtlStateRef)
@@ -20,6 +21,7 @@ function useRtl(mountId, rtlStateRef, clsPrefixRef) {
         }
         return componentRtlState;
     });
+    const UConfigProvider = (0, vue_1.inject)(context_1.configProviderInjectionKey, null);
     const mountStyle = () => {
         (0, vue_1.watchEffect)(() => {
             const { value: clsPrefix } = clsPrefixRef;
@@ -39,7 +41,8 @@ function useRtl(mountId, rtlStateRef, clsPrefixRef) {
                 props: {
                     bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
                 },
-                ssr: ssrAdapter
+                ssr: ssrAdapter,
+                parent: UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.styleMountTarget
             });
         });
     };

package/lib/_mixins/use-style.js

@@ -27,14 +27,16 @@ function useStyle(mountId, style, clsPrefixRef) {
             props: {
                 bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
             },
-            ssr: ssrAdapter
+            ssr: ssrAdapter,
+            parent: UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.styleMountTarget
         });
         if (!(UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.preflightStyleDisabled)) {
             index_cssr_1.default.mount({
                 id: 'u-global',
                 head: true,
                 anchorMetaName: common_1.cssrAnchorMetaName,
-                ssr: ssrAdapter
+                ssr: ssrAdapter,
+                parent: UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.styleMountTarget
             });
         }
     };

package/lib/_mixins/use-theme.js

@@ -27,14 +27,16 @@ function useTheme(resolveId, mountId, style, defaultTheme, props, clsPrefixRef)
                     bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
                 },
                 anchorMetaName: common_1.cssrAnchorMetaName,
-                ssr: ssrAdapter
+                ssr: ssrAdapter,
+                parent: UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.styleMountTarget
             });
             if (!(UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.preflightStyleDisabled)) {
                 index_cssr_1.default.mount({
                     id: 'u-global',
                     head: true,
                     anchorMetaName: common_1.cssrAnchorMetaName,
-                    ssr: ssrAdapter
+                    ssr: ssrAdapter,
+                    parent: UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.styleMountTarget
                 });
             }
         };