@weni/unnnic-system 3.3.0 → 3.3.1-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;
 }, {
     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, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", 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,16 +157,49 @@ 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;
 }>, {
-    label: string;
-    mask: string | unknown[];
     size: string;
     type: string;
+    label: string;
     message: string;
+    disabled: boolean;
+    mask: string | unknown[];
     modelValue: string;
     nativeType: string;
+    maxlength: number | null;
+    readonly: boolean;
+    forceActiveStatus: boolean;
     placeholder: string;
     iconLeft: string;
     iconRight: string;
@@ -138,6 +207,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     iconRightClickable: boolean;
     allowTogglePassword: boolean;
     hasCloudyColor: boolean;
+    showClear: boolean;
+    tooltip: string;
+    errors: string | unknown[];
+    showMaxlengthCounter: boolean;
 }, {}, {
     TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         placeholder: {
@@ -173,10 +246,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: null;
         };
-        iconRightSize: {
-            type: StringConstructor;
-            default: string;
-        };
         allowTogglePassword: {
             type: BooleanConstructor;
             default: null;
@@ -189,21 +258,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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" | "fg-critical" | "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,10 +327,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: null;
         };
-        iconRightSize: {
-            type: StringConstructor;
-            default: string;
-        };
         allowTogglePassword: {
             type: BooleanConstructor;
             default: null;
@@ -253,22 +339,47 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
+        disabled: boolean;
         modelValue: string;
         nativeType: string;
+        maxlength: number;
+        readonly: boolean;
+        forceActiveStatus: boolean;
         placeholder: string;
         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 +405,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 +451,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;
+            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,15 +490,20 @@ 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;
             next: boolean;
             icon: string | null;
             clickable: boolean;
-            size: import('../Icon.vue').IconSize;
             lineHeight: import('../Icon.vue').LineHeight | null;
             scheme: import('../Icon.vue').SchemeColor;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    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>;
 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":"AA2DA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAsO8B,sBAAsB"}

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

@@ -32,10 +32,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: null;
     };
-    iconRightSize: {
-        type: StringConstructor;
-        default: string;
-    };
     allowTogglePassword: {
         type: BooleanConstructor;
         default: null;
@@ -48,21 +44,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         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" | "fg-critical" | "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,10 +113,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: null;
     };
-    iconRightSize: {
-        type: StringConstructor;
-        default: string;
-    };
     allowTogglePassword: {
         type: BooleanConstructor;
         default: null;
@@ -112,22 +125,47 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         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;
+    disabled: boolean;
     modelValue: string;
     nativeType: string;
+    maxlength: number;
+    readonly: boolean;
+    forceActiveStatus: boolean;
     placeholder: string;
     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 +191,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 +237,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;
+        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,11 +276,11 @@ 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;
         next: boolean;
         icon: string | null;
         clickable: boolean;
-        size: import('../Icon.vue').IconSize;
         lineHeight: import('../Icon.vue').LineHeight | null;
         scheme: import('../Icon.vue').SchemeColor;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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;"}