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

package/lib/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/lib/input/src/Input.js

@@ -786,7 +786,7 @@ exports.default = (0, vue_1.defineComponent)({
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('Input', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { value: size } = mergedSizeRef;
-            const { common: { cubicBezierEaseInOut, fontWeightStrong, fontWeight }, self: { color, borderRadius, textColor, caretColor, caretColorError, caretColorWarning, textDecorationColor, border, borderDisabled, borderHover, borderFocus, placeholderColor, placeholderColorDisabled, lineHeightTextarea, colorDisabled, colorFocus, textColorDisabled, boxShadowFocus, iconSize, colorFocusWarning, boxShadowFocusWarning, borderWarning, borderFocusWarning, borderHoverWarning, colorFocusError, boxShadowFocusError, borderError, borderFocusError, borderHoverError, clearSize, clearColor, clearColorHover, clearColorPressed, iconColor, iconColorDisabled, suffixTextColor, countTextColor, countTextColorDisabled, iconColorHover, iconColorPressed, loadingColor, loadingColorError, loadingColorWarning, selectionColor, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut, fontWeightStrong, fontWeight }, self: { color, borderRadius, textColor, caretColor, caretColorSuccess, caretColorError, caretColorWarning, textDecorationColor, border, borderDisabled, borderHover, borderFocus, placeholderColor, placeholderColorDisabled, lineHeightTextarea, colorDisabled, colorFocus, textColorDisabled, boxShadowFocus, iconSize, colorFocusSuccess, boxShadowFocusSuccess, borderSuccess, borderFocusSuccess, borderHoverSuccess, colorFocusWarning, boxShadowFocusWarning, borderWarning, borderFocusWarning, borderHoverWarning, colorFocusError, boxShadowFocusError, borderError, borderFocusError, borderHoverError, clearSize, clearColor, clearColorHover, clearColorPressed, iconColor, iconColorDisabled, suffixTextColor, countTextColor, countTextColorDisabled, iconColorHover, iconColorPressed, loadingColor, loadingColorSuccess, loadingColorError, loadingColorWarning, selectionColor, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height } } = themeRef.value;
             const { left: paddingLeft, right: paddingRight } = (0, seemly_1.getPadding)(padding);
             return {
                 '--u-bezier': cubicBezierEaseInOut,
@@ -817,6 +817,14 @@ exports.default = (0, vue_1.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/lib/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/lib/input/src/styles/input.cssr.js

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

package/lib/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/lib/input/styles/light.js

@@ -4,7 +4,7 @@ exports.self = self;
 const seemly_1 = require("seemly");
 const common_1 = require("../../_styles/common");
 function self(vars) {
-    const { iconMedium, textSecondary, elementsTertiary, textPrimary, fontBodyMedium, fontBodyLarge, lineHeightBodyLarge, borderRadius, containerPrimary, elementsQuaternary, elementsPrimary, staticOrange, staticRed, elementsQuinary, brandPrimary500, heightTiny, heightSmall, heightMedium, heightLarge, heightHuge, fontTitleMedium } = vars;
+    const { iconMedium, textSecondary, elementsTertiary, textPrimary, fontBodyMedium, fontBodyLarge, lineHeightBodyLarge, borderRadius, containerPrimary, elementsQuaternary, elementsPrimary, staticGreen, staticOrange, staticRed, elementsQuinary, brandPrimary500, heightTiny, heightSmall, heightMedium, heightLarge, heightHuge, fontTitleMedium } = vars;
     return {
         paddingTiny: '0 12px',
         paddingSmall: '0 12px',
@@ -45,6 +45,16 @@ function self(vars) {
         borderFocus: `2px solid ${elementsPrimary}`,
         boxShadowFocus: `0 0 0 4px ${(0, seemly_1.changeColor)(elementsPrimary, { 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 ${(0, seemly_1.changeColor)(staticGreen, {
+            alpha: 0.1
+        })}`,
+        caretColorSuccess: elementsPrimary,
         // warning
         loadingColorWarning: staticOrange,
         borderWarning: `2px solid ${staticOrange}`,

package/lib/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/lib/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;

package/lib/input-otp/src/InputOtp.d.ts

@@ -77,6 +77,13 @@ export declare const inputOtpProps: {
             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;
@@ -150,6 +157,13 @@ export declare const inputOtpProps: {
             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;
@@ -223,6 +237,13 @@ export declare const inputOtpProps: {
             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;
@@ -325,6 +346,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;
@@ -398,6 +426,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;
@@ -471,6 +506,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;
@@ -549,6 +591,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;
@@ -713,6 +762,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;
@@ -786,6 +842,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;
@@ -859,6 +922,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/lib/input-otp/styles/light.d.ts

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