@uzum-tech/ui 1.14.0 → 1.14.1

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

@@ -41,6 +41,13 @@ declare const dynamicTagsLight: import("../../_mixins").Theme<"DynamicTags", {
         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.d.ts

@@ -148,6 +148,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;
@@ -212,6 +219,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;
@@ -276,6 +290,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;
@@ -448,6 +469,13 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -512,6 +540,13 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -576,6 +611,13 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -706,6 +748,13 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -764,6 +813,13 @@ declare const _default: import("vue").DefineComponent<{
         '--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;
@@ -943,6 +999,13 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -1007,6 +1070,13 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -1071,6 +1141,13 @@ declare const _default: import("vue").DefineComponent<{
         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.js

@@ -736,7 +736,7 @@ export default defineComponent({
         const rtlEnabledRef = useRtl('Input', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = 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, [createKey('padding', size)]: padding, [createKey('fontSize', size)]: fontSize, [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, [createKey('padding', size)]: padding, [createKey('fontSize', size)]: fontSize, [createKey('height', size)]: height } } = themeRef.value;
             const { left: paddingLeft, right: paddingRight } = getPadding(padding);
             return {
                 '--u-bezier': cubicBezierEaseInOut,
@@ -767,6 +767,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

@@ -50,6 +50,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;
@@ -114,6 +121,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;
@@ -178,6 +192,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;
@@ -253,6 +274,13 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -317,6 +345,13 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -381,6 +416,13 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -470,6 +512,13 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -534,6 +583,13 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -598,6 +654,13 @@ declare const _default: import("vue").DefineComponent<{
         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.js

@@ -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 const 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.js

@@ -1,7 +1,7 @@
 import { changeColor } from 'seemly';
 import { commonLight } from '../../_styles/common';
 export const 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',
@@ -42,6 +42,16 @@ export const self = (vars) => {
         borderFocus: `2px solid ${elementsPrimary}`,
         boxShadowFocus: `0 0 0 4px ${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 ${changeColor(staticGreen, {
+            alpha: 0.1
+        })}`,
+        caretColorSuccess: elementsPrimary,
         // warning
         loadingColorWarning: staticOrange,
         borderWarning: `2px solid ${staticOrange}`,

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

@@ -322,6 +322,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;
@@ -607,6 +614,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;
@@ -892,6 +906,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;
@@ -1238,6 +1259,13 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -1523,6 +1551,13 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -1808,6 +1843,13 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -2138,6 +2180,13 @@ declare const _default: import("vue").DefineComponent<{
                 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;
@@ -2503,6 +2552,13 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -2788,6 +2844,13 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -3073,6 +3136,13 @@ declare const _default: import("vue").DefineComponent<{
             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

@@ -261,6 +261,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/es/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<{
             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<{
             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<{
             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<{
                 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;
@@ -688,6 +737,13 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -761,6 +817,13 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -834,6 +897,13 @@ declare const _default: import("vue").DefineComponent<{
             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-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;