@uzum-tech/ui 1.5.3 → 1.5.4

package/lib/data-table/src/TableParts/Body.js

@@ -99,7 +99,7 @@ exports.default = (0, vue_1.defineComponent)({
         bodyStyle: Object
     },
     setup(props) {
-        const { slots: dataTableSlots, bodyWidthRef, mergedExpandedRowKeysRef, mergedClsPrefixRef, mergedThemeRef, scrollXRef, colsRef, paginatedDataRef, rawPaginatedDataRef, fixedColumnLeftMapRef, fixedColumnRightMapRef, mergedCurrentPageRef, rowClassNameRef, leftActiveFixedColKeyRef, leftActiveFixedChildrenColKeysRef, rightActiveFixedColKeyRef, rightActiveFixedChildrenColKeysRef, renderExpandRef, hoverKeyRef, summaryRef, mergedSortStateRef, virtualScrollRef, componentId, mergedTableLayoutRef, childTriggerColIndexRef, indentRef, rowPropsRef, maxHeightRef, stripedRef, loadingRef, loadingSkeletonRef, onLoadRef, loadingKeySetRef, expandableRef, stickyExpandedRowsRef, renderExpandIconRef, summaryPlacementRef, treeMateRef, scrollbarPropsRef, setHeaderScrollLeft, doUpdateExpandedRowKeys, handleTableBodyScroll, doCheck, doUncheck, renderCell
+        const { slots: dataTableSlots, bodyWidthRef, mergedExpandedRowKeysRef, mergedClsPrefixRef, mergedThemeRef, scrollXRef, colsRef, paginatedDataRef, rawPaginatedDataRef, fixedColumnLeftMapRef, fixedColumnRightMapRef, mergedCurrentPageRef, rowClassNameRef, leftActiveFixedColKeyRef, leftActiveFixedChildrenColKeysRef, rightActiveFixedColKeyRef, rightActiveFixedChildrenColKeysRef, renderExpandRef, hoverKeyRef, summaryRef, mergedSortStateRef, virtualScrollRef, componentId, mergedTableLayoutRef, childTriggerColIndexRef, indentRef, rowPropsRef, maxHeightRef, stripedRef, loadingRef, loadingSkeletonRef, onLoadRef, loadingKeySetRef, expandableRef, stickyExpandedRowsRef, renderExpandIconRef, summaryPlacementRef, treeMateRef, scrollbarPropsRef, setHeaderScrollLeft, doUpdateExpandedRowKeys, handleTableBodyScroll, doCheck, doUncheck, renderCell, emptyPropsRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = (0, vue_1.inject)(interface_1.dataTableInjectionKey);
         const scrollbarInstRef = (0, vue_1.ref)(null);
@@ -347,10 +347,11 @@ exports.default = (0, vue_1.defineComponent)({
             handleCheckboxUpdateChecked,
             handleRadioUpdateChecked,
             handleUpdateExpanded,
-            renderCell }, exposedMethods);
+            renderCell,
+            emptyPropsRef }, exposedMethods);
     },
     render() {
-        const { mergedTheme, scrollX, mergedClsPrefix, virtualScroll, maxHeight, mergedTableLayout, flexHeight, loadingKeySet, onResize, setHeaderScrollLeft } = this;
+        const { mergedTheme, scrollX, mergedClsPrefix, virtualScroll, maxHeight, mergedTableLayout, flexHeight, loadingKeySet, onResize, setHeaderScrollLeft, emptyPropsRef } = this;
         const scrollable = scrollX !== undefined || maxHeight !== undefined || flexHeight;
         // For a basic table with auto layout whose content may overflow we will
         // make it scrollable, which differs from browser's native behavior.
@@ -626,7 +627,7 @@ exports.default = (0, vue_1.defineComponent)({
                     `${mergedClsPrefix}-data-table-empty`,
                     this.loading && `${mergedClsPrefix}-data-table-empty--hide`
                 ], style: this.bodyStyle, ref: "emptyElRef" }, (0, _utils_1.resolveSlot)(this.dataTableSlots.empty, () => [
-                (0, vue_1.h)(empty_1.UEmpty, { size: "large", theme: this.mergedTheme.peers.Empty, themeOverrides: this.mergedTheme.peerOverrides.Empty })
+                (0, vue_1.h)(empty_1.UEmpty, Object.assign({ size: "large", theme: this.mergedTheme.peers.Empty, themeOverrides: this.mergedTheme.peerOverrides.Empty }, emptyPropsRef))
             ])));
             if (this.shouldDisplaySomeTablePart) {
                 return ((0, vue_1.h)(vue_1.Fragment, null,

package/lib/data-table/src/interface.d.ts

@@ -9,6 +9,7 @@ import type { PaginationProps } from '../../pagination';
 import type { DataTableTheme } from '../styles';
 import type { RowItem, ColItem } from './use-group-header';
 import type { BaseLoadingExposedProps } from '../../_internal';
+import type { EmptyProps } from '../../empty';
 export declare const dataTableProps: {
     readonly onUnstableColumnResize: PropType<(resizedWidth: number, limitedWidth: number, column: TableBaseColumn, getColumnWidth: (key: ColumnKey) => number | undefined) => void>;
     readonly pagination: {
@@ -101,6 +102,7 @@ export declare const dataTableProps: {
         readonly type: PropType<BaseLoadingExposedProps>;
         readonly default: {};
     };
+    readonly emptyProps: PropType<Partial<EmptyProps>>;
     readonly onLoad: PropType<DataTableOnLoad>;
     readonly 'onUpdate:page': PropType<PaginationProps["onUpdate:page"]>;
     readonly onUpdatePage: PropType<PaginationProps["onUpdate:page"]>;
@@ -3083,6 +3085,7 @@ export interface DataTableInjection {
     syncScrollState: (deltaX?: number, deltaY?: number) => void;
     setHeaderScrollLeft: (scrollLeft: number) => void;
     renderCell: Ref<undefined | ((value: any, rowData: object, column: TableBaseColumn) => VNodeChild)>;
+    emptyPropsRef: Ref<Partial<EmptyProps> | undefined>;
     handleEdit: (value: any, row: any, key: string) => void;
 }
 export declare const dataTableInjectionKey: import("vue").InjectionKey<DataTableInjection>;

package/lib/data-table/src/interface.js

@@ -53,7 +53,7 @@ exports.dataTableProps = Object.assign(Object.assign({}, _mixins_1.useTheme.prop
     }, paginationBehaviorOnFilter: {
         type: String,
         default: 'current'
-    }, scrollbarProps: Object, renderCell: Function, renderExpandIcon: Function, spinProps: { type: Object, default: {} }, onLoad: Function, 'onUpdate:page': [Function, Array], onUpdatePage: [Function, Array], 'onUpdate:pageSize': [Function, Array], onUpdatePageSize: [Function, Array], 'onUpdate:sorter': [Function, Array], onUpdateSorter: [Function, Array], 'onUpdate:filters': [Function, Array], onUpdateFilters: [Function, Array], 'onUpdate:checkedRowKeys': [Function, Array], onUpdateCheckedRowKeys: [Function, Array], 'onUpdate:expandedRowKeys': [Function, Array], onUpdateExpandedRowKeys: [Function, Array], onScroll: Function, 
+    }, scrollbarProps: Object, renderCell: Function, renderExpandIcon: Function, spinProps: { type: Object, default: {} }, emptyProps: Object, onLoad: Function, 'onUpdate:page': [Function, Array], onUpdatePage: [Function, Array], 'onUpdate:pageSize': [Function, Array], onUpdatePageSize: [Function, Array], 'onUpdate:sorter': [Function, Array], onUpdateSorter: [Function, Array], 'onUpdate:filters': [Function, Array], onUpdateFilters: [Function, Array], 'onUpdate:checkedRowKeys': [Function, Array], onUpdateCheckedRowKeys: [Function, Array], 'onUpdate:expandedRowKeys': [Function, Array], onUpdateExpandedRowKeys: [Function, Array], onScroll: Function, 
     // deprecated
     onPageChange: [Function, Array], onPageSizeChange: [Function, Array], onSorterChange: [Function, Array], onFiltersChange: [Function, Array], onCheckedRowKeysChange: [Function, Array] });
 exports.dataTableInjectionKey = (0, _utils_1.createInjectionKey)('u-data-table');

package/lib/dynamic-tags/src/DynamicTags.d.ts

@@ -349,6 +349,7 @@ export declare const dynamicTagsProps: {
             textColorPressedCheckable: string;
             textColorChecked: string;
             colorCheckable: string;
+            colorCheckableOutline: string;
             colorHoverCheckable: string;
             colorPressedCheckable: string;
             colorChecked: string;
@@ -736,6 +737,7 @@ export declare const dynamicTagsProps: {
             textColorPressedCheckable: string;
             textColorChecked: string;
             colorCheckable: string;
+            colorCheckableOutline: string;
             colorHoverCheckable: string;
             colorPressedCheckable: string;
             colorChecked: string;
@@ -1123,6 +1125,7 @@ export declare const dynamicTagsProps: {
             textColorPressedCheckable: string;
             textColorChecked: string;
             colorCheckable: string;
+            colorCheckableOutline: string;
             colorHoverCheckable: string;
             colorPressedCheckable: string;
             colorChecked: string;
@@ -1548,6 +1551,7 @@ declare const _default: import("vue").DefineComponent<{
             textColorPressedCheckable: string;
             textColorChecked: string;
             colorCheckable: string;
+            colorCheckableOutline: string;
             colorHoverCheckable: string;
             colorPressedCheckable: string;
             colorChecked: string;
@@ -1935,6 +1939,7 @@ declare const _default: import("vue").DefineComponent<{
             textColorPressedCheckable: string;
             textColorChecked: string;
             colorCheckable: string;
+            colorCheckableOutline: string;
             colorHoverCheckable: string;
             colorPressedCheckable: string;
             colorChecked: string;
@@ -2322,6 +2327,7 @@ declare const _default: import("vue").DefineComponent<{
             textColorPressedCheckable: string;
             textColorChecked: string;
             colorCheckable: string;
+            colorCheckableOutline: string;
             colorHoverCheckable: string;
             colorPressedCheckable: string;
             colorChecked: string;
@@ -2742,6 +2748,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColorPressedCheckable: string;
                 textColorChecked: string;
                 colorCheckable: string;
+                colorCheckableOutline: string;
                 colorHoverCheckable: string;
                 colorPressedCheckable: string;
                 colorChecked: string;
@@ -3194,6 +3201,7 @@ declare const _default: import("vue").DefineComponent<{
             textColorPressedCheckable: string;
             textColorChecked: string;
             colorCheckable: string;
+            colorCheckableOutline: string;
             colorHoverCheckable: string;
             colorPressedCheckable: string;
             colorChecked: string;
@@ -3581,6 +3589,7 @@ declare const _default: import("vue").DefineComponent<{
             textColorPressedCheckable: string;
             textColorChecked: string;
             colorCheckable: string;
+            colorCheckableOutline: string;
             colorHoverCheckable: string;
             colorPressedCheckable: string;
             colorChecked: string;
@@ -3968,6 +3977,7 @@ declare const _default: import("vue").DefineComponent<{
             textColorPressedCheckable: string;
             textColorChecked: string;
             colorCheckable: string;
+            colorCheckableOutline: string;
             colorHoverCheckable: string;
             colorPressedCheckable: string;
             colorChecked: string;

package/lib/dynamic-tags/styles/light.d.ts

@@ -309,6 +309,7 @@ declare const dynamicTagsLight: import("../../_mixins").Theme<"DynamicTags", {
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;

package/lib/tag/src/Tag.d.ts

@@ -11,8 +11,13 @@ export declare const tagProps: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
     checked: BooleanConstructor;
     checkable: BooleanConstructor;
+    outline: BooleanConstructor;
     strong: BooleanConstructor;
     triggerClickOnClose: BooleanConstructor;
     onClose: PropType<MaybeArray<(e: MouseEvent) => void>>;
@@ -35,10 +40,6 @@ export declare const tagProps: {
         readonly default: "default";
     };
     round: BooleanConstructor;
-    size: {
-        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
-        readonly default: "medium";
-    };
     closable: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -80,6 +81,7 @@ export declare const tagProps: {
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -183,6 +185,7 @@ export declare const tagProps: {
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -286,6 +289,7 @@ export declare const tagProps: {
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -367,8 +371,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
     checked: BooleanConstructor;
     checkable: BooleanConstructor;
+    outline: BooleanConstructor;
     strong: BooleanConstructor;
     triggerClickOnClose: BooleanConstructor;
     onClose: PropType<MaybeArray<(e: MouseEvent) => void>>;
@@ -391,10 +400,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "default";
     };
     round: BooleanConstructor;
-    size: {
-        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
-        readonly default: "medium";
-    };
     closable: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -436,6 +441,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -539,6 +545,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -642,6 +649,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -739,6 +747,7 @@ declare const _default: import("vue").DefineComponent<{
         '--u-close-size': string;
         '--u-color': string;
         '--u-color-checkable': string;
+        '--u-color-checkable-outline': string;
         '--u-color-checked': string;
         '--u-color-checked-hover': string;
         '--u-color-checked-pressed': string;
@@ -762,8 +771,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
     checked: BooleanConstructor;
     checkable: BooleanConstructor;
+    outline: BooleanConstructor;
     strong: BooleanConstructor;
     triggerClickOnClose: BooleanConstructor;
     onClose: PropType<MaybeArray<(e: MouseEvent) => void>>;
@@ -786,10 +800,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "default";
     };
     round: BooleanConstructor;
-    size: {
-        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
-        readonly default: "medium";
-    };
     closable: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -831,6 +841,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -934,6 +945,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -1037,6 +1049,7 @@ declare const _default: import("vue").DefineComponent<{
         textColorPressedCheckable: string;
         textColorChecked: string;
         colorCheckable: string;
+        colorCheckableOutline: string;
         colorHoverCheckable: string;
         colorPressedCheckable: string;
         colorChecked: string;
@@ -1111,11 +1124,12 @@ declare const _default: import("vue").DefineComponent<{
     type: "default" | "tertiary" | "primary" | "info" | "success" | "warning" | "error";
     disabled: boolean | undefined;
     bordered: boolean | undefined;
-    size: "small" | "tiny" | "medium" | "large";
+    size: "small" | "medium" | "large";
     checked: boolean;
     round: boolean;
     closable: boolean | undefined;
     strong: boolean;
+    outline: boolean;
     checkable: boolean;
     triggerClickOnClose: boolean;
     internalCloseFocusable: boolean;

package/lib/tag/src/Tag.js

@@ -15,7 +15,10 @@ const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.tagProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), common_props_1.default), { bordered: {
         type: Boolean,
         default: undefined
-    }, checked: Boolean, checkable: Boolean, strong: Boolean, triggerClickOnClose: Boolean, onClose: [Array, Function], onMouseenter: Function, onMouseleave: Function, 'onUpdate:checked': Function, onUpdateChecked: Function, 
+    }, size: {
+        type: String,
+        default: 'large'
+    }, checked: Boolean, checkable: Boolean, outline: Boolean, strong: Boolean, triggerClickOnClose: Boolean, onClose: [Array, Function], onMouseenter: Function, onMouseleave: Function, 'onUpdate:checked': Function, onUpdateChecked: Function, 
     // private
     internalCloseFocusable: {
         type: Boolean,
@@ -78,7 +81,7 @@ exports.default = (0, vue_1.defineComponent)({
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('Tag', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { type, size, color: { color, textColor } = {} } = props;
-            const { common: { cubicBezierEaseInOut }, self: { closeMargin, closeMarginRtl, borderRadius, opacityDisabled, textColorCheckable, textColorHoverCheckable, textColorPressedCheckable, textColorChecked, colorCheckable, colorHoverCheckable, colorPressedCheckable, colorChecked, colorCheckedHover, colorCheckedPressed, closeBorderRadius, fontWeightStrong, fontWeight, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('colorBordered', type)]: colorBordered, [(0, _utils_1.createKey)('closeSize', size)]: closeSize, [(0, _utils_1.createKey)('closeIconSize', size)]: closeIconSize, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height, [(0, _utils_1.createKey)('color', type)]: typedColor, [(0, _utils_1.createKey)('textColor', type)]: typeTextColor, [(0, _utils_1.createKey)('border', type)]: border, [(0, _utils_1.createKey)('closeIconColor', type)]: closeIconColor, [(0, _utils_1.createKey)('closeIconColorHover', type)]: closeIconColorHover, [(0, _utils_1.createKey)('closeIconColorPressed', type)]: closeIconColorPressed, [(0, _utils_1.createKey)('closeColorHover', type)]: closeColorHover, [(0, _utils_1.createKey)('closeColorPressed', type)]: closeColorPressed } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { closeMargin, closeMarginRtl, borderRadius, opacityDisabled, textColorCheckable, textColorHoverCheckable, textColorPressedCheckable, textColorChecked, colorCheckable, colorCheckableOutline, colorHoverCheckable, colorPressedCheckable, colorChecked, colorCheckedHover, colorCheckedPressed, closeBorderRadius, fontWeightStrong, fontWeight, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('colorBordered', type)]: colorBordered, [(0, _utils_1.createKey)('closeSize', size)]: closeSize, [(0, _utils_1.createKey)('closeIconSize', size)]: closeIconSize, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height, [(0, _utils_1.createKey)('color', type)]: typedColor, [(0, _utils_1.createKey)('textColor', type)]: typeTextColor, [(0, _utils_1.createKey)('border', type)]: border, [(0, _utils_1.createKey)('closeIconColor', type)]: closeIconColor, [(0, _utils_1.createKey)('closeIconColorHover', type)]: closeIconColorHover, [(0, _utils_1.createKey)('closeIconColorPressed', type)]: closeIconColorPressed, [(0, _utils_1.createKey)('closeColorHover', type)]: closeColorHover, [(0, _utils_1.createKey)('closeColorPressed', type)]: closeColorPressed } } = themeRef.value;
             return {
                 '--u-font-weight-strong': fontWeightStrong,
                 '--u-font-weight': fontWeight,
@@ -99,6 +102,7 @@ exports.default = (0, vue_1.defineComponent)({
                 '--u-close-size': closeSize,
                 '--u-color': color || (mergedBorderedRef.value ? colorBordered : typedColor),
                 '--u-color-checkable': colorCheckable,
+                '--u-color-checkable-outline': colorCheckableOutline,
                 '--u-color-checked': colorChecked,
                 '--u-color-checked-hover': colorCheckedHover,
                 '--u-color-checked-pressed': colorCheckedPressed,
@@ -150,6 +154,7 @@ exports.default = (0, vue_1.defineComponent)({
                     [`${mergedClsPrefix}-tag--strong`]: this.strong,
                     [`${mergedClsPrefix}-tag--disabled`]: this.disabled,
                     [`${mergedClsPrefix}-tag--checkable`]: this.checkable,
+                    [`${mergedClsPrefix}-tag--outline`]: this.checkable && this.outline,
                     [`${mergedClsPrefix}-tag--checked`]: this.checkable && this.checked,
                     [`${mergedClsPrefix}-tag--round`]: round,
                     [`${mergedClsPrefix}-tag--avatar`]: avatarNode,

package/lib/tag/src/styles/index.cssr.js

@@ -55,7 +55,9 @@ exports.default = (0, cssr_1.cB)('tag', `
  font-weight: var(--u-font-weight);
 `, [(0, cssr_1.cM)('strong', `
  font-weight: var(--u-font-weight-strong);
- `), (0, cssr_1.cE)('border', `
+ `), (0, cssr_1.cM)('closable', [(0, cssr_1.cE)('content', `
+ padding-left: 4px;
+ `)]), (0, cssr_1.cE)('border', `
  pointer-events: none;
  position: absolute;
  left: 0;
@@ -100,7 +102,11 @@ exports.default = (0, cssr_1.cB)('tag', `
  padding: 0px 8px;
  background-color: var(--u-color-checkable);
  transition: border-color .3s var(--u-bezier);
- `, [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--u-color-hover-checkable);', [(0, cssr_1.cNotM)('checked', 'color: var(--u-text-color-hover-checkable);')]), (0, cssr_1.c)('&:focus', `
+ `, [(0, cssr_1.cE)('border', `
+ border: unset;
+ `), (0, cssr_1.cE)('content', `
+ padding-left: 0px;
+ `), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--u-color-hover-checkable);', [(0, cssr_1.cNotM)('checked', 'color: var(--u-text-color-hover-checkable);')]), (0, cssr_1.c)('&:focus', `
  background-color: var(--u-color-pressed-checkable); 
  transition: border-color .3s var(--u-bezier);`, [(0, cssr_1.cNotM)('checked', 'color: var(--u-text-color-pressed-checkable);')]), (0, cssr_1.c)('&:active', `
  background-color: var(--u-color-pressed-checkable); 
@@ -110,4 +116,8 @@ exports.default = (0, cssr_1.cB)('tag', `
  `, [(0, cssr_1.cE)('border', `
  border-color: var(--u-color-checked);
  transition: none;
- `), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--u-color-checked-hover);'), (0, cssr_1.c)('&:focus', 'background-color: var(--u-color-checked-hover);'), (0, cssr_1.c)('&:active', 'background-color: var(--u-color-checked-pressed);')])])])]);
+ `), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--u-color-checked-hover);'), (0, cssr_1.c)('&:focus', 'background-color: var(--u-color-checked-hover);'), (0, cssr_1.c)('&:active', 'background-color: var(--u-color-checked-pressed);')])])]), (0, cssr_1.cM)('outline', `
+ background-color: var(--u-color-checkable-outline);
+ `, [(0, cssr_1.cE)('border', `
+ border: var(--u-border);
+ `)])]);

package/lib/tag/styles/light.d.ts

@@ -33,6 +33,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     textColorPressedCheckable: string;
     textColorChecked: string;
     colorCheckable: string;
+    colorCheckableOutline: string;
     colorHoverCheckable: string;
     colorPressedCheckable: string;
     colorChecked: string;

package/lib/tag/styles/light.js

@@ -15,14 +15,14 @@ const self = (vars) => {
         closeSizeSmall: '14px',
         closeSizeMedium: '16px',
         closeSizeLarge: '18px',
-        paddingTiny: '2px 6px 2px 10px',
-        paddingSmall: '2px 6px 2px 10px',
-        paddingMedium: '2px 6px 2px 10px',
-        paddingLarge: '2px 6px 2px 10px',
+        paddingTiny: '2px 6px',
+        paddingSmall: '2px 6px',
+        paddingMedium: '2px 6px',
+        paddingLarge: '6px 8px',
         closeMargin: '0 0 0 4px',
         closeMarginRtl: '0 4px 0 0',
         closeBorderRadius: borderRadius,
-        heightTiny: '16px',
+        heightTiny: '20px',
         heightSmall: '20px',
         heightMedium: '24px',
         heightLarge: '32px',
@@ -39,7 +39,8 @@ const self = (vars) => {
         textColorHoverCheckable: textPrimary,
         textColorPressedCheckable: textPrimary,
         textColorChecked: textQuaternary,
-        colorCheckable: elementsSecondary,
+        colorCheckable: elementsQuaternary,
+        colorCheckableOutline: elementsSecondary,
         colorHoverCheckable: elementsQuaternary,
         colorPressedCheckable: elementsQuaternary,
         colorChecked: elementsPrimary,

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.5.3";
+declare const _default: "1.5.4";
 export default _default;

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "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.5.3",
+  "version": "1.5.4",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -3627,6 +3627,13 @@
               "description-sections": {
                 "since": "2.34.0"
               }
+            },
+            {
+              "name": "empty-props",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/data-table",
+              "type": "Partial<EmptyProps>",
+              "description": "Props passed to the Empty component when data is empty.",
+              "default": "undefined"
             }
           ],
           "js": {
@@ -13680,6 +13687,11 @@
               "description": "Whether the tag is checkable. Note: this nullifies the type property.",
               "default": "false"
             },
+            {
+              "name": "outline",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/tag",
+              "type": "boolean"
+            },
             {
               "name": "strong",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/tag",