@uzum-tech/ui 2.1.3 → 2.2.0

package/lib/icon-pack/styles/dark.d.ts

@@ -0,0 +1,123 @@
+declare const iconPackDark: import("../../_mixins").Theme<"IconPack", {
+    containerColor: string;
+    borderRadius: string;
+    titleTextColor: string;
+    descriptionTextColor: string;
+    groupTitleTextColor: string;
+    groupCounterTextColor: string;
+    cardColor: string;
+    cardColorHover: string;
+    cardColorPressed: string;
+    cardColorSelected: string;
+    cardBorderRadius: string;
+    cardIconColor: string;
+    cardIconColorSelected: string;
+    cardLabelTextColor: string;
+    cardLabelTextColorSelected: string;
+    dividerColor: string;
+}, {
+    Input: import("../../_mixins").Theme<"Input", {
+        paddingTiny: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
+        paddingHuge: string;
+        clearSize: string;
+        countTextColorDisabled: string;
+        countTextColor: string;
+        heightTiny: string;
+        heightSmall: string;
+        heightMedium: string;
+        heightLarge: string;
+        heightHuge: string;
+        fontSizeTiny: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        fontSizeHuge: string;
+        lineHeight: string;
+        lineHeightTextarea: string;
+        borderRadius: string;
+        iconSize: string;
+        groupLabelTextColor: string;
+        textColor: string;
+        textColorDisabled: string;
+        textDecorationColor: string;
+        caretColor: string;
+        placeholderColor: string;
+        placeholderColorDisabled: string;
+        color: string;
+        colorDisabled: string;
+        colorFocus: string;
+        groupLabelBorder: string;
+        border: string;
+        borderHover: string;
+        borderDisabled: string;
+        borderFocus: string;
+        boxShadowFocus: string;
+        loadingColor: string;
+        loadingColorSuccess: string;
+        borderSuccess: string;
+        borderHoverSuccess: string;
+        colorFocusSuccess: string;
+        borderFocusSuccess: string;
+        boxShadowFocusSuccess: string;
+        caretColorSuccess: string;
+        loadingColorWarning: string;
+        borderWarning: string;
+        borderHoverWarning: string;
+        colorFocusWarning: string;
+        borderFocusWarning: string;
+        boxShadowFocusWarning: string;
+        caretColorWarning: string;
+        loadingColorError: string;
+        borderError: string;
+        borderHoverError: string;
+        colorFocusError: string;
+        borderFocusError: string;
+        boxShadowFocusError: string;
+        caretColorError: string;
+        clearColor: string;
+        clearColorHover: string;
+        clearColorPressed: string;
+        iconColor: string;
+        iconColorDisabled: string;
+        iconColorHover: string;
+        iconColorPressed: string;
+        suffixTextColor: string;
+        selectionColor: string;
+    }, any>;
+    Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+        height: string;
+        width: string;
+        borderRadius: string;
+        color: string;
+        colorHover: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
+        railColor: string;
+    }, any>;
+    Empty: import("../../_mixins").Theme<"Empty", {
+        iconSizeSmall: string;
+        iconSizeMedium: string;
+        iconSizeLarge: string;
+        iconSizeHuge: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        descriptionFontSizeSmall: string;
+        descriptionFontSizeMedium: string;
+        descriptionFontSizeLarge: string;
+        descriptionFontSizeHuge: string;
+        titleColor: string;
+        descriptionColor: string;
+        iconColor: string;
+        iconBgColor: string;
+        extraTextColor: string;
+    }, any>;
+}>;
+export default iconPackDark;
+export type IconPackTheme = typeof iconPackDark;

package/lib/icon-pack/styles/dark.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const styles_1 = require("../../_internal/scrollbar/styles");
+const _mixins_1 = require("../../_mixins");
+const common_1 = require("../../_styles/common");
+const styles_2 = require("../../empty/styles");
+const styles_3 = require("../../input/styles");
+const light_1 = require("./light");
+const iconPackDark = (0, _mixins_1.createTheme)({
+    name: 'IconPack',
+    common: common_1.commonDark,
+    peers: {
+        Input: styles_3.inputDark,
+        Scrollbar: styles_1.scrollbarDark,
+        Empty: styles_2.emptyDark
+    },
+    self: (vars) => {
+        const lightVars = (0, light_1.self)(vars);
+        return Object.assign({}, lightVars);
+    }
+});
+exports.default = iconPackDark;

package/lib/icon-pack/styles/index.d.ts

@@ -0,0 +1,3 @@
+export { default as iconPackDark } from './dark';
+export { default as iconPackLight } from './light';
+export type { IconPackTheme, IconPackThemeVars } from './light';

package/lib/icon-pack/styles/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconPackLight = exports.iconPackDark = void 0;
+var dark_1 = require("./dark");
+Object.defineProperty(exports, "iconPackDark", { enumerable: true, get: function () { return __importDefault(dark_1).default; } });
+var light_1 = require("./light");
+Object.defineProperty(exports, "iconPackLight", { enumerable: true, get: function () { return __importDefault(light_1).default; } });

package/lib/icon-pack/styles/light.d.ts

@@ -0,0 +1,143 @@
+import type { ThemeCommonVars } from '../../_styles/common';
+export declare function self(vars: ThemeCommonVars): {
+    containerColor: string;
+    borderRadius: string;
+    titleTextColor: string;
+    descriptionTextColor: string;
+    groupTitleTextColor: string;
+    groupCounterTextColor: string;
+    cardColor: string;
+    cardColorHover: string;
+    cardColorPressed: string;
+    cardColorSelected: string;
+    cardBorderRadius: string;
+    cardIconColor: string;
+    cardIconColorSelected: string;
+    cardLabelTextColor: string;
+    cardLabelTextColorSelected: string;
+    dividerColor: string;
+};
+declare const iconPackLight: import("../../_mixins").Theme<"IconPack", {
+    containerColor: string;
+    borderRadius: string;
+    titleTextColor: string;
+    descriptionTextColor: string;
+    groupTitleTextColor: string;
+    groupCounterTextColor: string;
+    cardColor: string;
+    cardColorHover: string;
+    cardColorPressed: string;
+    cardColorSelected: string;
+    cardBorderRadius: string;
+    cardIconColor: string;
+    cardIconColorSelected: string;
+    cardLabelTextColor: string;
+    cardLabelTextColorSelected: string;
+    dividerColor: string;
+}, {
+    Input: import("../../_mixins").Theme<"Input", {
+        paddingTiny: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
+        paddingHuge: string;
+        clearSize: string;
+        countTextColorDisabled: string;
+        countTextColor: string;
+        heightTiny: string;
+        heightSmall: string;
+        heightMedium: string;
+        heightLarge: string;
+        heightHuge: string;
+        fontSizeTiny: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        fontSizeHuge: string;
+        lineHeight: string;
+        lineHeightTextarea: string;
+        borderRadius: string;
+        iconSize: string;
+        groupLabelTextColor: string;
+        textColor: string;
+        textColorDisabled: string;
+        textDecorationColor: string;
+        caretColor: string;
+        placeholderColor: string;
+        placeholderColorDisabled: string;
+        color: string;
+        colorDisabled: string;
+        colorFocus: string;
+        groupLabelBorder: string;
+        border: string;
+        borderHover: string;
+        borderDisabled: string;
+        borderFocus: string;
+        boxShadowFocus: string;
+        loadingColor: string;
+        loadingColorSuccess: string;
+        borderSuccess: string;
+        borderHoverSuccess: string;
+        colorFocusSuccess: string;
+        borderFocusSuccess: string;
+        boxShadowFocusSuccess: string;
+        caretColorSuccess: string;
+        loadingColorWarning: string;
+        borderWarning: string;
+        borderHoverWarning: string;
+        colorFocusWarning: string;
+        borderFocusWarning: string;
+        boxShadowFocusWarning: string;
+        caretColorWarning: string;
+        loadingColorError: string;
+        borderError: string;
+        borderHoverError: string;
+        colorFocusError: string;
+        borderFocusError: string;
+        boxShadowFocusError: string;
+        caretColorError: string;
+        clearColor: string;
+        clearColorHover: string;
+        clearColorPressed: string;
+        iconColor: string;
+        iconColorDisabled: string;
+        iconColorHover: string;
+        iconColorPressed: string;
+        suffixTextColor: string;
+        selectionColor: string;
+    }, any>;
+    Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+        height: string;
+        width: string;
+        borderRadius: string;
+        color: string;
+        colorHover: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
+        railColor: string;
+    }, any>;
+    Empty: import("../../_mixins").Theme<"Empty", {
+        iconSizeSmall: string;
+        iconSizeMedium: string;
+        iconSizeLarge: string;
+        iconSizeHuge: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        descriptionFontSizeSmall: string;
+        descriptionFontSizeMedium: string;
+        descriptionFontSizeLarge: string;
+        descriptionFontSizeHuge: string;
+        titleColor: string;
+        descriptionColor: string;
+        iconColor: string;
+        iconBgColor: string;
+        extraTextColor: string;
+    }, any>;
+}>;
+export default iconPackLight;
+export type IconPackThemeVars = ReturnType<typeof self>;
+export type IconPackTheme = typeof iconPackLight;

package/lib/icon-pack/styles/light.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.self = self;
+const styles_1 = require("../../_internal/scrollbar/styles");
+const _mixins_1 = require("../../_mixins");
+const common_1 = require("../../_styles/common");
+const styles_2 = require("../../empty/styles");
+const styles_3 = require("../../input/styles");
+const light_1 = require("../../input/styles/light");
+const iconPackInputLight = Object.assign(Object.assign({}, styles_3.inputLight), { self(vars) {
+        const originalInputSelf = (0, light_1.self)(vars);
+        const { elementsDarkQuinary, elementsPrimary } = vars;
+        return Object.assign(Object.assign({}, originalInputSelf), { heightMedium: '44px', borderRadius: '12px', paddingMedium: '0 20px', border: `2px solid ${elementsDarkQuinary}`, borderHover: `2px solid ${elementsPrimary}`, borderFocus: `2px solid ${elementsPrimary}`, boxShadowFocus: 'none' });
+    } });
+function self(vars) {
+    const { staticWhite, textPrimary, textSecondary, elementsTertiary, elementsQuaternary, elementsQuinary, brandPrimary500 } = vars;
+    return {
+        containerColor: staticWhite,
+        borderRadius: '24px',
+        titleTextColor: textPrimary,
+        descriptionTextColor: textSecondary,
+        groupTitleTextColor: textPrimary,
+        groupCounterTextColor: textSecondary,
+        cardColor: elementsTertiary,
+        cardColorHover: elementsQuaternary,
+        cardColorPressed: elementsQuinary,
+        cardColorSelected: brandPrimary500,
+        cardBorderRadius: '20px',
+        cardIconColor: textPrimary,
+        cardIconColorSelected: staticWhite,
+        cardLabelTextColor: textPrimary,
+        cardLabelTextColorSelected: staticWhite,
+        dividerColor: elementsQuaternary
+    };
+}
+const iconPackLight = (0, _mixins_1.createTheme)({
+    name: 'IconPack',
+    common: common_1.commonLight,
+    peers: {
+        Input: iconPackInputLight,
+        Scrollbar: styles_1.scrollbarLight,
+        Empty: styles_2.emptyLight
+    },
+    self
+});
+exports.default = iconPackLight;

package/lib/icon-wrapper/src/IconWrapper.d.ts

@@ -102,6 +102,6 @@ export declare const UIconWrapper: import("vue").DefineComponent<import("vue").E
 }>> & Readonly<{}>, {
     readonly borderRadius: number;
     readonly size: number;
-    readonly pulseSize: number;
     readonly variant: IconWrapperVariant;
+    readonly pulseSize: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/input/src/Input.js

@@ -370,10 +370,12 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleInput(e, index = 0, event = 'input') {
             let targetValue = e.target.value;
+            const sourceValue = targetValue;
             if (props.uppercase)
                 targetValue = targetValue.toUpperCase();
             if (props.formatter)
                 targetValue = props.formatter(targetValue);
+            const valueTransformed = targetValue !== sourceValue;
             syncMirror(targetValue);
             if (e instanceof InputEvent && !e.isComposing) {
                 isComposingRef.value = false;
@@ -412,7 +414,7 @@ exports.default = (0, vue_1.defineComponent)({
             // force update to sync input's view with value
             // if not set, after input, input value won't sync with dom input value
             vm.$forceUpdate();
-            if (!isIncomingValueValid) {
+            if (!isIncomingValueValid || valueTransformed) {
                 void (0, vue_1.nextTick)(focusedInputCursorControl.restoreCursor);
             }
         }

package/lib/pagination/index.d.ts

@@ -1,4 +1,4 @@
-export type { PaginationInfo, PaginationRenderLabel, PaginationSizeOption } from './src/interface';
-export { paginationProps, default as UPagination } from './src/Pagination';
-export type { PaginationProps, PaginationSlots } from './src/Pagination';
+export { paginationProps } from './src/interface';
+export type { PaginationDisplayOrder, PaginationInfo, PaginationProps, PaginationRenderLabel, PaginationSizeOption, PaginationSlots, PaginationVariant } from './src/interface';
+export { default as UPagination } from './src/Pagination';
 export type * from './src/public-types';

package/lib/pagination/index.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UPagination = exports.paginationProps = void 0;
+var interface_1 = require("./src/interface");
+Object.defineProperty(exports, "paginationProps", { enumerable: true, get: function () { return interface_1.paginationProps; } });
 var Pagination_1 = require("./src/Pagination");
-Object.defineProperty(exports, "paginationProps", { enumerable: true, get: function () { return Pagination_1.paginationProps; } });
 Object.defineProperty(exports, "UPagination", { enumerable: true, get: function () { return __importDefault(Pagination_1).default; } });