@weni/unnnic-system 3.5.2 → 3.5.3-alpha.1

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,12 +276,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;
-        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>;

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;"}

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

@@ -153,9 +153,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onSelectDate?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }>, {
-    next: boolean;
     size: string;
     type: string;
+    next: boolean;
     minDate: string;
     maxDate: string;
     months: unknown[];
@@ -190,19 +190,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;
@@ -210,11 +214,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;
@@ -228,13 +232,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 import('../../utils/sanitize').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;
@@ -254,19 +286,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;
@@ -274,11 +310,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;
@@ -292,16 +328,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;
@@ -309,6 +378,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: {
@@ -344,10 +417,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: null;
             };
-            iconRightSize: {
-                type: StringConstructor;
-                default: string;
-            };
             allowTogglePassword: {
                 type: BooleanConstructor;
                 default: null;
@@ -360,21 +429,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;
@@ -408,10 +498,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: null;
             };
-            iconRightSize: {
-                type: StringConstructor;
-                default: string;
-            };
             allowTogglePassword: {
                 type: BooleanConstructor;
                 default: null;
@@ -424,22 +510,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: {
@@ -465,11 +576,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;
@@ -497,16 +622,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>;
@@ -519,15 +661,18 @@ 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>;
     UnnnicDatePicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         initialStartDate: {
@@ -740,11 +885,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {}, {
         UnnnicButton: {
             new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-                text: string;
-                next: boolean;
                 size: import('../Button/types').ButtonSize;
                 type: import('../Button/types').ButtonType;
                 disabled: boolean;
+                text: string;
                 iconLeft: string;
                 iconRight: string;
                 float: boolean;
@@ -759,11 +903,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 M: {};
                 Defaults: {};
             }, Readonly<import('../Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
-                text: string;
-                next: boolean;
                 size: import('../Button/types').ButtonSize;
                 type: import('../Button/types').ButtonType;
                 disabled: boolean;
+                text: string;
                 iconLeft: string;
                 iconRight: string;
                 float: boolean;
@@ -775,11 +918,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             __isTeleport?: never;
             __isSuspense?: never;
         } & import('vue').ComponentOptionsBase<Readonly<import('../Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            text: string;
-            next: boolean;
             size: import('../Button/types').ButtonSize;
             type: import('../Button/types').ButtonType;
             disabled: boolean;
+            text: string;
             iconLeft: string;
             iconRight: string;
             float: boolean;

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

@@ -26,7 +26,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     placeholder: StringConstructor;
     message: StringConstructor;
     error: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
     };
     readonly: {
         type: BooleanConstructor;
@@ -69,7 +69,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     placeholder: StringConstructor;
     message: StringConstructor;
     error: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
     };
     readonly: {
         type: BooleanConstructor;
@@ -80,8 +80,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     type: string;
     disabled: boolean;
     nativeType: string;
-    allowTogglePassword: boolean;
     readonly: boolean;
+    allowTogglePassword: boolean;
 }, {}, {
     UnnnicIcon: import('vue').DefineComponent<import('../Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (event: Event) => any;
@@ -92,12 +92,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;
-        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>;