@uzum-tech/ui 2.1.3 → 2.2.0

package/es/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/es/icon-pack/styles/dark.mjs

@@ -0,0 +1,20 @@
+import { scrollbarDark } from "../../_internal/scrollbar/styles/index.mjs";
+import { createTheme } from "../../_mixins/index.mjs";
+import { commonDark } from "../../_styles/common/index.mjs";
+import { emptyDark } from "../../empty/styles/index.mjs";
+import { inputDark } from "../../input/styles/index.mjs";
+import { self } from "./light.mjs";
+const iconPackDark = createTheme({
+  name: 'IconPack',
+  common: commonDark,
+  peers: {
+    Input: inputDark,
+    Scrollbar: scrollbarDark,
+    Empty: emptyDark
+  },
+  self: vars => {
+    const lightVars = self(vars);
+    return Object.assign({}, lightVars);
+  }
+});
+export default iconPackDark;

package/es/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/es/icon-pack/styles/index.mjs

@@ -0,0 +1,2 @@
+export { default as iconPackDark } from "./dark.mjs";
+export { default as iconPackLight } from "./light.mjs";

package/es/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/es/icon-pack/styles/light.mjs

@@ -0,0 +1,64 @@
+import { scrollbarLight } from "../../_internal/scrollbar/styles/index.mjs";
+import { createTheme } from "../../_mixins/index.mjs";
+import { commonLight } from "../../_styles/common/index.mjs";
+import { emptyLight } from "../../empty/styles/index.mjs";
+import { inputLight } from "../../input/styles/index.mjs";
+import { self as inputSelf } from "../../input/styles/light.mjs";
+const iconPackInputLight = Object.assign(Object.assign({}, inputLight), {
+  self(vars) {
+    const originalInputSelf = inputSelf(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'
+    });
+  }
+});
+export 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 = createTheme({
+  name: 'IconPack',
+  common: commonLight,
+  peers: {
+    Input: iconPackInputLight,
+    Scrollbar: scrollbarLight,
+    Empty: emptyLight
+  },
+  self
+});
+export default iconPackLight;

package/es/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/es/input/src/Input.mjs

@@ -435,8 +435,10 @@ export default 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;
@@ -480,7 +482,7 @@ export default 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 nextTick(focusedInputCursorControl.restoreCursor);
       }
     }

package/es/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/es/pagination/index.mjs

@@ -1 +1,2 @@
-export { paginationProps, default as UPagination } from "./src/Pagination.mjs";
+export { paginationProps } from "./src/interface.mjs";
+export { default as UPagination } from "./src/Pagination.mjs";