@weni/unnnic-system 3.9.1 → 3.9.3-alpha.0

package/dist/components/Input/Input.vue.d.ts

@@ -19,19 +19,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     message: {
         type: StringConstructor;
-        default: null;
+        default: string;
+    };
+    errors: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: string;
     };
     label: {
         type: StringConstructor;
-        default: null;
+        default: string;
     };
     iconLeft: {
         type: StringConstructor;
-        default: null;
+        default: string;
     };
     iconRight: {
         type: StringConstructor;
-        default: null;
+        default: string;
     };
     allowTogglePassword: {
         type: BooleanConstructor;
@@ -39,11 +43,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     iconLeftClickable: {
         type: BooleanConstructor;
-        default: null;
+        default: boolean;
     };
     iconRightClickable: {
         type: BooleanConstructor;
-        default: null;
+        default: boolean;
     };
     hasCloudyColor: {
         type: BooleanConstructor;
@@ -57,13 +61,41 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: (StringConstructor | ArrayConstructor)[];
         default: string;
     };
+    tooltip: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxlength: {
+        type: (NumberConstructor | null)[];
+        default: null;
+    };
+    showMaxlengthCounter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    forceActiveStatus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {
     val: string;
 }, {
-    hasLabelSlot(): boolean;
+    computedError(): string | boolean;
 }, {
     fullySanitize: typeof fullySanitize;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     placeholder: {
         type: StringConstructor;
         default: string;
@@ -83,19 +115,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     message: {
         type: StringConstructor;
-        default: null;
+        default: string;
+    };
+    errors: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: string;
     };
     label: {
         type: StringConstructor;
-        default: null;
+        default: string;
     };
     iconLeft: {
         type: StringConstructor;
-        default: null;
+        default: string;
     };
     iconRight: {
         type: StringConstructor;
-        default: null;
+        default: string;
     };
     allowTogglePassword: {
         type: BooleanConstructor;
@@ -103,11 +139,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     iconLeftClickable: {
         type: BooleanConstructor;
-        default: null;
+        default: boolean;
     };
     iconRightClickable: {
         type: BooleanConstructor;
-        default: null;
+        default: boolean;
     };
     hasCloudyColor: {
         type: BooleanConstructor;
@@ -121,23 +157,60 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: (StringConstructor | ArrayConstructor)[];
         default: string;
     };
+    tooltip: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxlength: {
+        type: (NumberConstructor | null)[];
+        default: null;
+    };
+    showMaxlengthCounter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    forceActiveStatus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
 }>, {
+    type: string;
+    size: string;
     label: string;
     mask: string | unknown[];
-    size: string;
-    type: string;
     placeholder: string;
+    tooltip: string;
     message: string;
+    disabled: boolean;
     modelValue: string;
     nativeType: string;
+    maxlength: number | null;
+    readonly: boolean;
+    forceActiveStatus: boolean;
     iconLeft: string;
     iconRight: string;
     iconLeftClickable: boolean;
     iconRightClickable: boolean;
     allowTogglePassword: boolean;
+    showClear: boolean;
+    errors: string | unknown[];
     hasCloudyColor: boolean;
+    showMaxlengthCounter: boolean;
 }, {}, {
     TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         placeholder: {
@@ -173,37 +246,50 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: null;
         };
-        iconRightSize: {
-            type: StringConstructor;
-            default: string;
-        };
         allowTogglePassword: {
             type: BooleanConstructor;
             default: null;
         };
-        hasCloudyColor: {
-            type: BooleanConstructor;
-            default: null;
-        };
         size: {
             type: StringConstructor;
             default: string;
         };
+        maxlength: {
+            type: NumberConstructor;
+            default: null;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {
         isFocused: boolean;
         showPassword: boolean;
     }, {
-        isDisabled(): unknown;
+        isDisabled(): {};
         iconRightSvg(): string;
-        iconScheme(): "neutral-dark" | "neutral-cloudy" | "neutral-cleanest" | "aux-red-500";
+        iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
         attributes(): any;
     }, {
         focus(): void;
         onFocus(): void;
         onBlur(): void;
         onIconLeftClick(): void;
+        onClearClick(): void;
         onIconRightClick(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: StringConstructor;
             default: null;
@@ -237,38 +323,54 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: null;
         };
-        iconRightSize: {
-            type: StringConstructor;
-            default: string;
-        };
         allowTogglePassword: {
             type: BooleanConstructor;
             default: null;
         };
-        hasCloudyColor: {
-            type: BooleanConstructor;
-            default: null;
-        };
         size: {
             type: StringConstructor;
             default: string;
         };
+        maxlength: {
+            type: NumberConstructor;
+            default: null;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
+        onClear?: ((...args: any[]) => any) | undefined;
         "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
         "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
     }>, {
-        size: string;
         type: string;
+        size: string;
         placeholder: string;
+        disabled: boolean;
         modelValue: string;
         nativeType: string;
+        maxlength: number;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         iconLeft: string;
         iconRight: string;
         iconLeftClickable: boolean;
         iconRightClickable: boolean;
-        iconRightSize: string;
         allowTogglePassword: boolean;
-        hasCloudyColor: boolean;
+        showClear: boolean;
     }, {}, {
         BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             type: {
@@ -294,11 +396,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             hasIconLeft: BooleanConstructor;
             hasIconRight: BooleanConstructor;
+            hasClearIcon: BooleanConstructor;
+            maxlength: {
+                type: NumberConstructor;
+                default: null;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {}, {
             attributes(): any;
             classes(): (string | {
                 'input--has-icon-left': boolean;
                 'input--has-icon-right': boolean;
+                'input--has-clear-icon': boolean;
             })[];
         }, {
             fullySanitize: typeof fullySanitize;
@@ -326,16 +442,33 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             hasIconLeft: BooleanConstructor;
             hasIconRight: BooleanConstructor;
+            hasClearIcon: BooleanConstructor;
+            maxlength: {
+                type: NumberConstructor;
+                default: null;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            forceActiveStatus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }>, {
-            mask: string | unknown[];
-            size: string;
             type: string;
+            size: string;
+            mask: string | unknown[];
             hasIconLeft: boolean;
             hasIconRight: boolean;
+            hasClearIcon: boolean;
             modelValue: string;
             nativeType: string;
+            maxlength: number;
+            readonly: boolean;
+            forceActiveStatus: boolean;
         }, {}, {}, {
             mask: any;
         }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -348,13 +481,90 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onMousedown?: ((event: Event) => any) | undefined;
             onMouseup?: ((event: Event) => any) | undefined;
         }>, {
+            size: import('../Icon.vue').IconSize;
             filled: boolean;
             icon: string | null;
             clickable: boolean;
-            size: import('../Icon.vue').IconSize;
             scheme: import('../Icon.vue').SchemeColor;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    UnnnicFormElement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (size: unknown) => boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        fixedLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
+        message: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tooltip: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {
+        fullySanitize: typeof fullySanitize;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (size: unknown) => boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        fixedLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
+        message: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tooltip: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        error: string | boolean;
+        size: string;
+        label: string;
+        tooltip: string;
+        fixedLabel: boolean;
+        message: string;
+        disabled: boolean;
+    }, {}, {
+        UnnnicLabel: import('vue').DefineComponent<import('../Label/Label.vue').LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('../Label/Label.vue').LabelProps> & Readonly<{}>, {
+            label: string;
+            tooltip: string;
+            useHtmlTooltip: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=Input.vue.d.ts.map

package/dist/components/Input/Input.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.vue"],"names":[],"mappings":"AAwCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAsK8B,sBAAsB"}
+{"version":3,"file":"Input.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.vue"],"names":[],"mappings":"AAyCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA6L8B,sBAAsB"}

package/dist/components/Input/TextInput.vue.d.ts

@@ -32,37 +32,50 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: null;
     };
-    iconRightSize: {
-        type: StringConstructor;
-        default: string;
-    };
     allowTogglePassword: {
         type: BooleanConstructor;
         default: null;
     };
-    hasCloudyColor: {
-        type: BooleanConstructor;
-        default: null;
-    };
     size: {
         type: StringConstructor;
         default: string;
     };
+    maxlength: {
+        type: NumberConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    forceActiveStatus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {
     isFocused: boolean;
     showPassword: boolean;
 }, {
-    isDisabled(): unknown;
+    isDisabled(): {};
     iconRightSvg(): string;
-    iconScheme(): "neutral-dark" | "neutral-cloudy" | "neutral-cleanest" | "aux-red-500";
+    iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
     attributes(): any;
 }, {
     focus(): void;
     onFocus(): void;
     onBlur(): void;
     onIconLeftClick(): void;
+    onClearClick(): void;
     onIconRightClick(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     placeholder: {
         type: StringConstructor;
         default: null;
@@ -96,38 +109,54 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: null;
     };
-    iconRightSize: {
-        type: StringConstructor;
-        default: string;
-    };
     allowTogglePassword: {
         type: BooleanConstructor;
         default: null;
     };
-    hasCloudyColor: {
-        type: BooleanConstructor;
-        default: null;
-    };
     size: {
         type: StringConstructor;
         default: string;
     };
+    maxlength: {
+        type: NumberConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    forceActiveStatus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
+    onClear?: ((...args: any[]) => any) | undefined;
     "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
     "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: string;
     type: string;
+    size: string;
     placeholder: string;
+    disabled: boolean;
     modelValue: string;
     nativeType: string;
+    maxlength: number;
+    readonly: boolean;
+    forceActiveStatus: boolean;
     iconLeft: string;
     iconRight: string;
     iconLeftClickable: boolean;
     iconRightClickable: boolean;
-    iconRightSize: string;
     allowTogglePassword: boolean;
-    hasCloudyColor: boolean;
+    showClear: boolean;
 }, {}, {
     BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         type: {
@@ -153,11 +182,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         hasIconLeft: BooleanConstructor;
         hasIconRight: BooleanConstructor;
+        hasClearIcon: BooleanConstructor;
+        maxlength: {
+            type: NumberConstructor;
+            default: null;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {}, {
         attributes(): any;
         classes(): (string | {
             'input--has-icon-left': boolean;
             'input--has-icon-right': boolean;
+            'input--has-clear-icon': boolean;
         })[];
     }, {
         fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
@@ -185,16 +228,33 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         hasIconLeft: BooleanConstructor;
         hasIconRight: BooleanConstructor;
+        hasClearIcon: BooleanConstructor;
+        maxlength: {
+            type: NumberConstructor;
+            default: null;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        forceActiveStatus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
-        mask: string | unknown[];
-        size: string;
         type: string;
+        size: string;
+        mask: string | unknown[];
         hasIconLeft: boolean;
         hasIconRight: boolean;
+        hasClearIcon: boolean;
         modelValue: string;
         nativeType: string;
+        maxlength: number;
+        readonly: boolean;
+        forceActiveStatus: boolean;
     }, {}, {}, {
         mask: any;
     }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -207,10 +267,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onMousedown?: ((event: Event) => any) | undefined;
         onMouseup?: ((event: Event) => any) | undefined;
     }>, {
+        size: import('../Icon.vue').IconSize;
         filled: boolean;
         icon: string | null;
         clickable: boolean;
-        size: import('../Icon.vue').IconSize;
         scheme: import('../Icon.vue').SchemeColor;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Input/TextInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/TextInput.vue"],"names":[],"mappings":"AAgDA;"}
+{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/TextInput.vue"],"names":[],"mappings":"AAwDA;"}