@uzum-tech/ui 1.13.1 → 1.14.0

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

@@ -3,28 +3,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconBarProps = 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 IconBarItem_1 = __importDefault(require("./IconBarItem"));
 const grid_1 = require("../../grid");
 const _utils_1 = require("../../_utils");
-exports.iconBarProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { items: {
-        type: Array,
-        default: () => []
-    }, cols: {
-        type: Number,
-        default: 6
-    }, gridProps: {
-        type: Object
-    }, itemSize: [Number, String] });
+const interface_1 = require("./interface");
+const IconBarItem_1 = __importDefault(require("./IconBarItem"));
 exports.default = (0, vue_1.defineComponent)({
     name: 'IconBar',
-    props: exports.iconBarProps,
+    props: interface_1.iconBarProps,
     setup(props, { slots }) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        (0, vue_1.provide)(interface_1.iconBarInjectionKey, {
+            typographyPropsRef: (0, vue_1.toRef)(props, 'typographyProps')
+        });
         const themeRef = (0, _mixins_1.useTheme)('IconBar', '-icon-bar', index_cssr_1.default, styles_1.iconBarLight, props, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { self: { itemSize } } = themeRef.value;

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/locales/date/enUS.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const en_US_1 = __importDefault(require("date-fns/locale/en-US")); //
+const index_js_1 = __importDefault(require("date-fns/locale/en-US/index.js"));
 const dateEnUs = {
     name: 'en-US',
-    locale: en_US_1.default
+    locale: index_js_1.default
 };
 exports.default = dateEnUs;

package/lib/version.d.ts

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

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.13.1",
+  "version": "1.14.0",
   "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.1",
+  "version": "1.14.0",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -3725,6 +3725,11 @@
                 "since": "2.29.0"
               }
             },
+            {
+              "name": "style-mount-target",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/config-provider",
+              "type": "object"
+            },
             {
               "name": "inline-theme-disabled",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/config-provider",
@@ -4229,6 +4234,11 @@
               "description": "See [Scrollbar props](scrollbar#Scrollbar-Props)",
               "default": "undefined"
             },
+            {
+              "name": "local-storage-key",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/data-table",
+              "type": "string"
+            },
             {
               "name": "render-cell",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/data-table",
@@ -4272,6 +4282,13 @@
               "type": "Partial<EmptyProps>",
               "description": "Props passed to the Empty component when data is empty.",
               "default": "undefined"
+            },
+            {
+              "name": "localStorage-key",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/data-table",
+              "type": "string",
+              "description": "Key for localStorage to persist table state (column widths, page, pageSize, filters, sort, checkedRowKeys, expandedRowKeys). When set, state is restored on mount and saved on change.",
+              "default": "undefined"
             }
           ],
           "js": {
@@ -19205,6 +19222,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",