@uzum-tech/ui 2.0.0-beta.8 → 2.0.0

package/es/icon/src/Icon.mjs

@@ -1,93 +1 @@
-import { computed, defineComponent, h, mergeProps } from 'vue';
-import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
-import { formatLength, warn } from "../../_utils/index.mjs";
-import { iconLight } from "../styles/index.mjs";
-import style from "./styles/index.cssr.mjs";
-export const iconProps = Object.assign(Object.assign({}, useTheme.props), {
-  depth: [String, Number],
-  size: [Number, String],
-  color: String,
-  component: Object,
-  onClick: Function
-});
-export const UIcon = defineComponent({
-  _n_icon__: true,
-  name: 'Icon',
-  inheritAttrs: false,
-  props: iconProps,
-  setup(props) {
-    const {
-      mergedClsPrefixRef,
-      inlineThemeDisabled
-    } = useConfig(props);
-    const themeRef = useTheme('Icon', '-icon', style, iconLight, props, mergedClsPrefixRef);
-    const cssVarsRef = computed(() => {
-      const {
-        depth
-      } = props;
-      const {
-        common: {
-          cubicBezierEaseInOut
-        },
-        self
-      } = themeRef.value;
-      if (depth !== undefined) {
-        const {
-          color,
-          [`opacity${depth}Depth`]: opacity
-        } = self;
-        return {
-          '--u-bezier': cubicBezierEaseInOut,
-          '--u-color': color,
-          '--u-opacity': opacity
-        };
-      }
-      return {
-        '--u-bezier': cubicBezierEaseInOut,
-        '--u-color': '',
-        '--u-opacity': ''
-      };
-    });
-    const themeClassHandle = inlineThemeDisabled ? useThemeClass('icon', computed(() => `${props.depth || 'd'}`), cssVarsRef, props) : undefined;
-    return {
-      mergedClsPrefix: mergedClsPrefixRef,
-      mergedStyle: computed(() => {
-        const {
-          size,
-          color
-        } = props;
-        return {
-          fontSize: formatLength(size),
-          color
-        };
-      }),
-      cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
-      themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
-      onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
-    };
-  },
-  render() {
-    var _a;
-    const {
-      $parent,
-      depth,
-      mergedClsPrefix,
-      component,
-      onRender,
-      themeClass
-    } = this;
-    if ((_a = $parent === null || $parent === void 0 ? void 0 : $parent.$options) === null || _a === void 0 ? void 0 : _a._n_icon__) {
-      warn('icon', 'don\'t wrap `u-icon` inside `u-icon`');
-    }
-    onRender === null || onRender === void 0 ? void 0 : onRender();
-    return h('i', mergeProps(this.$attrs, {
-      role: 'img',
-      class: [`${mergedClsPrefix}-icon`, themeClass, {
-        [`${mergedClsPrefix}-icon--depth`]: depth,
-        [`${mergedClsPrefix}-icon--color-transition`]: depth !== undefined
-      }],
-      style: [this.cssVars, this.mergedStyle],
-      onClick: this.onClick
-    }), component ? h(component) : this.$slots);
-  }
-});
+export { iconProps, UIcon } from "../../_internal/icon/index.mjs";

package/es/input/src/Input.d.ts

@@ -150,6 +150,13 @@ export declare const inputProps: {
         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;
@@ -214,6 +221,13 @@ export declare const inputProps: {
         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;
@@ -278,6 +292,13 @@ export declare const inputProps: {
         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;
@@ -461,6 +482,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -525,6 +553,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -589,6 +624,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -735,6 +777,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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;
@@ -793,6 +842,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         '--u-text-color-disabled': string;
         '--u-box-shadow-focus': string;
         '--u-loading-color': string;
+        '--u-caret-color-success': string;
+        '--u-color-focus-success': string;
+        '--u-box-shadow-focus-success': string;
+        '--u-border-success': string;
+        '--u-border-focus-success': string;
+        '--u-border-hover-success': string;
+        '--u-loading-color-success': string;
         '--u-caret-color-warning': string;
         '--u-color-focus-warning': string;
         '--u-box-shadow-focus-warning': string;
@@ -973,6 +1029,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -1037,6 +1100,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -1101,6 +1171,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;

package/es/input/src/Input.mjs

@@ -875,6 +875,7 @@ export default defineComponent({
           borderRadius,
           textColor,
           caretColor,
+          caretColorSuccess,
           caretColorError,
           caretColorWarning,
           textDecorationColor,
@@ -890,6 +891,11 @@ export default defineComponent({
           textColorDisabled,
           boxShadowFocus,
           iconSize,
+          colorFocusSuccess,
+          boxShadowFocusSuccess,
+          borderSuccess,
+          borderFocusSuccess,
+          borderHoverSuccess,
           colorFocusWarning,
           boxShadowFocusWarning,
           borderWarning,
@@ -912,6 +918,7 @@ export default defineComponent({
           iconColorHover,
           iconColorPressed,
           loadingColor,
+          loadingColorSuccess,
           loadingColorError,
           loadingColorWarning,
           selectionColor,
@@ -953,6 +960,14 @@ export default defineComponent({
         '--u-text-color-disabled': textColorDisabled,
         '--u-box-shadow-focus': boxShadowFocus,
         '--u-loading-color': loadingColor,
+        // form success
+        '--u-caret-color-success': caretColorSuccess,
+        '--u-color-focus-success': colorFocusSuccess,
+        '--u-box-shadow-focus-success': boxShadowFocusSuccess,
+        '--u-border-success': borderSuccess,
+        '--u-border-focus-success': borderFocusSuccess,
+        '--u-border-hover-success': borderHoverSuccess,
+        '--u-loading-color-success': loadingColorSuccess,
         // form warning
         '--u-caret-color-warning': caretColorWarning,
         '--u-color-focus-warning': colorFocusWarning,

package/es/input/src/InputGroupLabel.d.ts

@@ -47,6 +47,13 @@ export declare const inputGroupLabelProps: {
         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;
@@ -111,6 +118,13 @@ export declare const inputGroupLabelProps: {
         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;
@@ -175,6 +189,13 @@ export declare const inputGroupLabelProps: {
         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;
@@ -247,6 +268,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -311,6 +339,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -375,6 +410,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -461,6 +503,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -525,6 +574,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -589,6 +645,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;

package/es/input/src/styles/input.cssr.mjs

@@ -270,7 +270,7 @@ cM('pair', [cE('input-el, placeholder', 'text-align: center;'), cE('separator',
  transition: color .3s var(--u-bezier);
  margin-left: 4px;
  font-variant: tabular-nums;
- `), ['warning', 'error'].map(status => cM(`${status}-status`, [cNotM('disabled', [cB('base-loading', `
+ `), ['warning', 'error', 'success'].map(status => cM(`${status}-status`, [cNotM('disabled', [cB('base-loading', `
  color: var(--u-loading-color-${status})
  `), cE('input-el, textarea-el', `
  caret-color: var(--u-caret-color-${status});

package/es/input/styles/light.d.ts

@@ -40,6 +40,13 @@ export declare function self(vars: ThemeCommonVars): {
     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;

package/es/input/styles/light.mjs

@@ -13,6 +13,7 @@ export function self(vars) {
     containerPrimary,
     elementsQuaternary,
     elementsPrimary,
+    staticGreen,
     staticOrange,
     staticRed,
     elementsQuinary,
@@ -66,6 +67,16 @@ export function self(vars) {
       alpha: 0.1
     })}`,
     loadingColor: elementsPrimary,
+    // success
+    loadingColorSuccess: staticGreen,
+    borderSuccess: `2px solid ${staticGreen}`,
+    borderHoverSuccess: `2px solid ${staticGreen}`,
+    colorFocusSuccess: containerPrimary,
+    borderFocusSuccess: `2px solid ${staticGreen}`,
+    boxShadowFocusSuccess: `0 0 0 4px ${changeColor(staticGreen, {
+      alpha: 0.1
+    })}`,
+    caretColorSuccess: elementsPrimary,
     // warning
     loadingColorWarning: staticOrange,
     borderWarning: `2px solid ${staticOrange}`,

package/es/input-number/src/InputNumber.d.ts

@@ -324,6 +324,13 @@ export declare const inputNumberProps: {
             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;
@@ -611,6 +618,13 @@ export declare const inputNumberProps: {
             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;
@@ -898,6 +912,13 @@ export declare const inputNumberProps: {
             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;
@@ -1252,6 +1273,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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;
@@ -1539,6 +1567,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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;
@@ -1826,6 +1861,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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;
@@ -2191,6 +2233,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 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;
@@ -2558,6 +2607,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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;
@@ -2845,6 +2901,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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;
@@ -3132,6 +3195,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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;

package/es/input-number/styles/light.d.ts

@@ -265,6 +265,13 @@ declare const inputNumberLight: import("../../_mixins").Theme<"InputNumber", {
         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;