@weni/unnnic-system 3.9.1-alpha.4 → 3.9.1-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/dist/components/DateFilter/DateFilter.vue.d.ts +82 -3
  2. package/dist/components/Input/BaseInput.vue.d.ts +22 -0
  3. package/dist/components/Input/BaseInput.vue.d.ts.map +1 -1
  4. package/dist/components/Input/Input.vue.d.ts +82 -3
  5. package/dist/components/Input/Input.vue.d.ts.map +1 -1
  6. package/dist/components/Input/TextInput.vue.d.ts +53 -2
  7. package/dist/components/Input/TextInput.vue.d.ts.map +1 -1
  8. package/dist/components/InputDatePicker/InputDatePicker.vue.d.ts +82 -3
  9. package/dist/components/InputNext/InputNext.vue.d.ts +1 -1
  10. package/dist/components/ModalNext/ModalNext.vue.d.ts +82 -3
  11. package/dist/components/SelectSmart/SelectSmart.vue.d.ts +53 -2
  12. package/dist/components/SelectTime/index.vue.d.ts +53 -2
  13. package/dist/components/TextArea/TextArea.vue.d.ts +3 -3
  14. package/dist/components/index.d.ts +664 -32
  15. package/dist/components/index.d.ts.map +1 -1
  16. package/dist/{es-db30a2ff.mjs → es-18dc2623.mjs} +1 -1
  17. package/dist/{index-761bb714.mjs → index-d490afbf.mjs} +2428 -2369
  18. package/dist/locales/en.json.d.ts +2 -1
  19. package/dist/locales/es.json.d.ts +2 -1
  20. package/dist/locales/pt_br.json.d.ts +2 -1
  21. package/dist/{pt-br-569fa4c1.mjs → pt-br-ea959d2d.mjs} +1 -1
  22. package/dist/style.css +1 -1
  23. package/dist/unnnic.mjs +1 -1
  24. package/dist/unnnic.umd.js +28 -28
  25. package/package.json +1 -1
  26. package/src/assets/scss/scheme-colors.scss +309 -223
  27. package/src/components/Checkbox/Checkbox.vue +1 -1
  28. package/src/components/FormElement/FormElement.vue +1 -1
  29. package/src/components/Input/BaseInput.vue +21 -2
  30. package/src/components/Input/Input.scss +2 -1
  31. package/src/components/Input/Input.vue +19 -1
  32. package/src/components/Input/TextInput.vue +66 -21
  33. package/src/components/Input/__test__/__snapshots__/Input.spec.js.snap +10 -6
  34. package/src/components/Input/__test__/__snapshots__/TextInput.spec.js.snap +7 -1
  35. package/src/components/MultiSelectV2/MultSelectOption.vue +67 -0
  36. package/src/components/MultiSelectV2/__tests__/MultiSelect.spec.js +556 -0
  37. package/src/components/MultiSelectV2/__tests__/MultiSelectOption.spec.js +229 -0
  38. package/src/components/MultiSelectV2/__tests__/__snapshots__/MultiSelect.spec.js.snap +121 -0
  39. package/src/components/MultiSelectV2/__tests__/__snapshots__/MultiSelectOption.spec.js.snap +51 -0
  40. package/src/components/MultiSelectV2/index.vue +221 -0
  41. package/src/components/Popover/__tests__/Popover.spec.js +147 -0
  42. package/src/components/Popover/__tests__/__snapshots__/Popover.spec.js.snap +8 -0
  43. package/src/components/Popover/index.vue +146 -0
  44. package/src/components/Select/SelectOption.vue +65 -0
  45. package/src/components/Select/__tests__/Select.spec.js +412 -0
  46. package/src/components/Select/__tests__/SelectItem.spec.js +330 -0
  47. package/src/components/Select/__tests__/SelectOption.spec.js +174 -0
  48. package/src/components/Select/__tests__/__snapshots__/Select.spec.js.snap +97 -0
  49. package/src/components/Select/__tests__/__snapshots__/SelectItem.spec.js.snap +15 -0
  50. package/src/components/Select/__tests__/__snapshots__/SelectOption.spec.js.snap +25 -0
  51. package/src/components/Select/index.vue +249 -0
  52. package/src/components/TextArea/TextArea.vue +1 -1
  53. package/src/locales/en.json +2 -1
  54. package/src/locales/es.json +2 -1
  55. package/src/locales/pt_br.json +2 -1
  56. package/src/stories/MultiSelectV2.stories.js +158 -0
  57. package/src/stories/Select.stories.js +158 -0
@@ -248,13 +248,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
248
248
  type: BooleanConstructor;
249
249
  default: boolean;
250
250
  };
251
+ readonly: {
252
+ type: BooleanConstructor;
253
+ default: boolean;
254
+ };
255
+ forceActiveStatus: {
256
+ type: BooleanConstructor;
257
+ default: boolean;
258
+ };
259
+ showClear: {
260
+ type: BooleanConstructor;
261
+ default: boolean;
262
+ };
251
263
  }>, {}, {
252
264
  val: string;
253
265
  }, {
254
266
  computedError(): string | boolean;
255
267
  }, {
256
268
  fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
257
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
269
+ }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
258
270
  placeholder: {
259
271
  type: StringConstructor;
260
272
  default: string;
@@ -332,8 +344,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
332
344
  type: BooleanConstructor;
333
345
  default: boolean;
334
346
  };
347
+ readonly: {
348
+ type: BooleanConstructor;
349
+ default: boolean;
350
+ };
351
+ forceActiveStatus: {
352
+ type: BooleanConstructor;
353
+ default: boolean;
354
+ };
355
+ showClear: {
356
+ type: BooleanConstructor;
357
+ default: boolean;
358
+ };
335
359
  }>> & Readonly<{
336
360
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
361
+ onClear?: ((...args: any[]) => any) | undefined;
337
362
  }>, {
338
363
  type: string;
339
364
  size: string;
@@ -346,11 +371,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
346
371
  modelValue: string;
347
372
  nativeType: string;
348
373
  maxlength: number | null;
374
+ readonly: boolean;
375
+ forceActiveStatus: boolean;
349
376
  iconLeft: string;
350
377
  iconRight: string;
351
378
  iconLeftClickable: boolean;
352
379
  iconRightClickable: boolean;
353
380
  allowTogglePassword: boolean;
381
+ showClear: boolean;
354
382
  errors: string | unknown[];
355
383
  hasCloudyColor: boolean;
356
384
  showMaxlengthCounter: boolean;
@@ -405,21 +433,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
405
433
  type: BooleanConstructor;
406
434
  default: boolean;
407
435
  };
436
+ readonly: {
437
+ type: BooleanConstructor;
438
+ default: boolean;
439
+ };
440
+ forceActiveStatus: {
441
+ type: BooleanConstructor;
442
+ default: boolean;
443
+ };
444
+ showClear: {
445
+ type: BooleanConstructor;
446
+ default: boolean;
447
+ };
408
448
  }>, {}, {
409
449
  isFocused: boolean;
410
450
  showPassword: boolean;
411
451
  }, {
412
452
  isDisabled(): {};
413
453
  iconRightSvg(): string;
414
- iconScheme(): "fg-base" | "fg-muted";
454
+ iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
415
455
  attributes(): any;
416
456
  }, {
417
457
  focus(): void;
418
458
  onFocus(): void;
419
459
  onBlur(): void;
420
460
  onIconLeftClick(): void;
461
+ onClearClick(): void;
421
462
  onIconRightClick(): void;
422
- }, 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<{
463
+ }, 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<{
423
464
  placeholder: {
424
465
  type: StringConstructor;
425
466
  default: null;
@@ -469,7 +510,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
469
510
  type: BooleanConstructor;
470
511
  default: boolean;
471
512
  };
513
+ readonly: {
514
+ type: BooleanConstructor;
515
+ default: boolean;
516
+ };
517
+ forceActiveStatus: {
518
+ type: BooleanConstructor;
519
+ default: boolean;
520
+ };
521
+ showClear: {
522
+ type: BooleanConstructor;
523
+ default: boolean;
524
+ };
472
525
  }>> & Readonly<{
526
+ onClear?: ((...args: any[]) => any) | undefined;
473
527
  "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
474
528
  "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
475
529
  }>, {
@@ -480,11 +534,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
480
534
  modelValue: string;
481
535
  nativeType: string;
482
536
  maxlength: number;
537
+ readonly: boolean;
538
+ forceActiveStatus: boolean;
483
539
  iconLeft: string;
484
540
  iconRight: string;
485
541
  iconLeftClickable: boolean;
486
542
  iconRightClickable: boolean;
487
543
  allowTogglePassword: boolean;
544
+ showClear: boolean;
488
545
  }, {}, {
489
546
  BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
490
547
  type: {
@@ -510,15 +567,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
510
567
  };
511
568
  hasIconLeft: BooleanConstructor;
512
569
  hasIconRight: BooleanConstructor;
570
+ hasClearIcon: BooleanConstructor;
513
571
  maxlength: {
514
572
  type: NumberConstructor;
515
573
  default: null;
516
574
  };
575
+ readonly: {
576
+ type: BooleanConstructor;
577
+ default: boolean;
578
+ };
579
+ forceActiveStatus: {
580
+ type: BooleanConstructor;
581
+ default: boolean;
582
+ };
517
583
  }>, {}, {}, {
518
584
  attributes(): any;
519
585
  classes(): (string | {
520
586
  'input--has-icon-left': boolean;
521
587
  'input--has-icon-right': boolean;
588
+ 'input--has-clear-icon': boolean;
522
589
  })[];
523
590
  }, {
524
591
  fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
@@ -546,10 +613,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
546
613
  };
547
614
  hasIconLeft: BooleanConstructor;
548
615
  hasIconRight: BooleanConstructor;
616
+ hasClearIcon: BooleanConstructor;
549
617
  maxlength: {
550
618
  type: NumberConstructor;
551
619
  default: null;
552
620
  };
621
+ readonly: {
622
+ type: BooleanConstructor;
623
+ default: boolean;
624
+ };
625
+ forceActiveStatus: {
626
+ type: BooleanConstructor;
627
+ default: boolean;
628
+ };
553
629
  }>> & Readonly<{
554
630
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
555
631
  }>, {
@@ -558,9 +634,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
558
634
  mask: string | unknown[];
559
635
  hasIconLeft: boolean;
560
636
  hasIconRight: boolean;
637
+ hasClearIcon: boolean;
561
638
  modelValue: string;
562
639
  nativeType: string;
563
640
  maxlength: number;
641
+ readonly: boolean;
642
+ forceActiveStatus: boolean;
564
643
  }, {}, {}, {
565
644
  mask: any;
566
645
  }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -80,8 +80,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
80
80
  size: string;
81
81
  disabled: boolean;
82
82
  nativeType: string;
83
- allowTogglePassword: boolean;
84
83
  readonly: boolean;
84
+ allowTogglePassword: boolean;
85
85
  }, {}, {
86
86
  UnnnicIcon: import('vue').DefineComponent<import('../Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
87
87
  click: (event: Event) => any;
@@ -151,13 +151,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
151
151
  type: BooleanConstructor;
152
152
  default: boolean;
153
153
  };
154
+ readonly: {
155
+ type: BooleanConstructor;
156
+ default: boolean;
157
+ };
158
+ forceActiveStatus: {
159
+ type: BooleanConstructor;
160
+ default: boolean;
161
+ };
162
+ showClear: {
163
+ type: BooleanConstructor;
164
+ default: boolean;
165
+ };
154
166
  }>, {}, {
155
167
  val: string;
156
168
  }, {
157
169
  computedError(): string | boolean;
158
170
  }, {
159
171
  fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
160
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
172
+ }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
161
173
  placeholder: {
162
174
  type: StringConstructor;
163
175
  default: string;
@@ -235,8 +247,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
235
247
  type: BooleanConstructor;
236
248
  default: boolean;
237
249
  };
250
+ readonly: {
251
+ type: BooleanConstructor;
252
+ default: boolean;
253
+ };
254
+ forceActiveStatus: {
255
+ type: BooleanConstructor;
256
+ default: boolean;
257
+ };
258
+ showClear: {
259
+ type: BooleanConstructor;
260
+ default: boolean;
261
+ };
238
262
  }>> & Readonly<{
239
263
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
264
+ onClear?: ((...args: any[]) => any) | undefined;
240
265
  }>, {
241
266
  type: string;
242
267
  size: string;
@@ -249,11 +274,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
249
274
  modelValue: string;
250
275
  nativeType: string;
251
276
  maxlength: number | null;
277
+ readonly: boolean;
278
+ forceActiveStatus: boolean;
252
279
  iconLeft: string;
253
280
  iconRight: string;
254
281
  iconLeftClickable: boolean;
255
282
  iconRightClickable: boolean;
256
283
  allowTogglePassword: boolean;
284
+ showClear: boolean;
257
285
  errors: string | unknown[];
258
286
  hasCloudyColor: boolean;
259
287
  showMaxlengthCounter: boolean;
@@ -308,21 +336,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
308
336
  type: BooleanConstructor;
309
337
  default: boolean;
310
338
  };
339
+ readonly: {
340
+ type: BooleanConstructor;
341
+ default: boolean;
342
+ };
343
+ forceActiveStatus: {
344
+ type: BooleanConstructor;
345
+ default: boolean;
346
+ };
347
+ showClear: {
348
+ type: BooleanConstructor;
349
+ default: boolean;
350
+ };
311
351
  }>, {}, {
312
352
  isFocused: boolean;
313
353
  showPassword: boolean;
314
354
  }, {
315
355
  isDisabled(): {};
316
356
  iconRightSvg(): string;
317
- iconScheme(): "fg-base" | "fg-muted";
357
+ iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
318
358
  attributes(): any;
319
359
  }, {
320
360
  focus(): void;
321
361
  onFocus(): void;
322
362
  onBlur(): void;
323
363
  onIconLeftClick(): void;
364
+ onClearClick(): void;
324
365
  onIconRightClick(): void;
325
- }, 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<{
366
+ }, 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<{
326
367
  placeholder: {
327
368
  type: StringConstructor;
328
369
  default: null;
@@ -372,7 +413,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
372
413
  type: BooleanConstructor;
373
414
  default: boolean;
374
415
  };
416
+ readonly: {
417
+ type: BooleanConstructor;
418
+ default: boolean;
419
+ };
420
+ forceActiveStatus: {
421
+ type: BooleanConstructor;
422
+ default: boolean;
423
+ };
424
+ showClear: {
425
+ type: BooleanConstructor;
426
+ default: boolean;
427
+ };
375
428
  }>> & Readonly<{
429
+ onClear?: ((...args: any[]) => any) | undefined;
376
430
  "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
377
431
  "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
378
432
  }>, {
@@ -383,11 +437,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
383
437
  modelValue: string;
384
438
  nativeType: string;
385
439
  maxlength: number;
440
+ readonly: boolean;
441
+ forceActiveStatus: boolean;
386
442
  iconLeft: string;
387
443
  iconRight: string;
388
444
  iconLeftClickable: boolean;
389
445
  iconRightClickable: boolean;
390
446
  allowTogglePassword: boolean;
447
+ showClear: boolean;
391
448
  }, {}, {
392
449
  BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
393
450
  type: {
@@ -413,15 +470,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
413
470
  };
414
471
  hasIconLeft: BooleanConstructor;
415
472
  hasIconRight: BooleanConstructor;
473
+ hasClearIcon: BooleanConstructor;
416
474
  maxlength: {
417
475
  type: NumberConstructor;
418
476
  default: null;
419
477
  };
478
+ readonly: {
479
+ type: BooleanConstructor;
480
+ default: boolean;
481
+ };
482
+ forceActiveStatus: {
483
+ type: BooleanConstructor;
484
+ default: boolean;
485
+ };
420
486
  }>, {}, {}, {
421
487
  attributes(): any;
422
488
  classes(): (string | {
423
489
  'input--has-icon-left': boolean;
424
490
  'input--has-icon-right': boolean;
491
+ 'input--has-clear-icon': boolean;
425
492
  })[];
426
493
  }, {
427
494
  fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
@@ -449,10 +516,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
449
516
  };
450
517
  hasIconLeft: BooleanConstructor;
451
518
  hasIconRight: BooleanConstructor;
519
+ hasClearIcon: BooleanConstructor;
452
520
  maxlength: {
453
521
  type: NumberConstructor;
454
522
  default: null;
455
523
  };
524
+ readonly: {
525
+ type: BooleanConstructor;
526
+ default: boolean;
527
+ };
528
+ forceActiveStatus: {
529
+ type: BooleanConstructor;
530
+ default: boolean;
531
+ };
456
532
  }>> & Readonly<{
457
533
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
458
534
  }>, {
@@ -461,9 +537,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
461
537
  mask: string | unknown[];
462
538
  hasIconLeft: boolean;
463
539
  hasIconRight: boolean;
540
+ hasClearIcon: boolean;
464
541
  modelValue: string;
465
542
  nativeType: string;
466
543
  maxlength: number;
544
+ readonly: boolean;
545
+ forceActiveStatus: boolean;
467
546
  }, {}, {}, {
468
547
  mask: any;
469
548
  }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -254,21 +254,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
254
254
  type: BooleanConstructor;
255
255
  default: boolean;
256
256
  };
257
+ readonly: {
258
+ type: BooleanConstructor;
259
+ default: boolean;
260
+ };
261
+ forceActiveStatus: {
262
+ type: BooleanConstructor;
263
+ default: boolean;
264
+ };
265
+ showClear: {
266
+ type: BooleanConstructor;
267
+ default: boolean;
268
+ };
257
269
  }>, {}, {
258
270
  isFocused: boolean;
259
271
  showPassword: boolean;
260
272
  }, {
261
273
  isDisabled(): {};
262
274
  iconRightSvg(): string;
263
- iconScheme(): "fg-base" | "fg-muted";
275
+ iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
264
276
  attributes(): any;
265
277
  }, {
266
278
  focus(): void;
267
279
  onFocus(): void;
268
280
  onBlur(): void;
269
281
  onIconLeftClick(): void;
282
+ onClearClick(): void;
270
283
  onIconRightClick(): void;
271
- }, 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<{
284
+ }, 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<{
272
285
  placeholder: {
273
286
  type: StringConstructor;
274
287
  default: null;
@@ -318,7 +331,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
318
331
  type: BooleanConstructor;
319
332
  default: boolean;
320
333
  };
334
+ readonly: {
335
+ type: BooleanConstructor;
336
+ default: boolean;
337
+ };
338
+ forceActiveStatus: {
339
+ type: BooleanConstructor;
340
+ default: boolean;
341
+ };
342
+ showClear: {
343
+ type: BooleanConstructor;
344
+ default: boolean;
345
+ };
321
346
  }>> & Readonly<{
347
+ onClear?: ((...args: any[]) => any) | undefined;
322
348
  "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
323
349
  "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
324
350
  }>, {
@@ -329,11 +355,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
329
355
  modelValue: string;
330
356
  nativeType: string;
331
357
  maxlength: number;
358
+ readonly: boolean;
359
+ forceActiveStatus: boolean;
332
360
  iconLeft: string;
333
361
  iconRight: string;
334
362
  iconLeftClickable: boolean;
335
363
  iconRightClickable: boolean;
336
364
  allowTogglePassword: boolean;
365
+ showClear: boolean;
337
366
  }, {}, {
338
367
  BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
339
368
  type: {
@@ -359,15 +388,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
359
388
  };
360
389
  hasIconLeft: BooleanConstructor;
361
390
  hasIconRight: BooleanConstructor;
391
+ hasClearIcon: BooleanConstructor;
362
392
  maxlength: {
363
393
  type: NumberConstructor;
364
394
  default: null;
365
395
  };
396
+ readonly: {
397
+ type: BooleanConstructor;
398
+ default: boolean;
399
+ };
400
+ forceActiveStatus: {
401
+ type: BooleanConstructor;
402
+ default: boolean;
403
+ };
366
404
  }>, {}, {}, {
367
405
  attributes(): any;
368
406
  classes(): (string | {
369
407
  'input--has-icon-left': boolean;
370
408
  'input--has-icon-right': boolean;
409
+ 'input--has-clear-icon': boolean;
371
410
  })[];
372
411
  }, {
373
412
  fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
@@ -395,10 +434,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
395
434
  };
396
435
  hasIconLeft: BooleanConstructor;
397
436
  hasIconRight: BooleanConstructor;
437
+ hasClearIcon: BooleanConstructor;
398
438
  maxlength: {
399
439
  type: NumberConstructor;
400
440
  default: null;
401
441
  };
442
+ readonly: {
443
+ type: BooleanConstructor;
444
+ default: boolean;
445
+ };
446
+ forceActiveStatus: {
447
+ type: BooleanConstructor;
448
+ default: boolean;
449
+ };
402
450
  }>> & Readonly<{
403
451
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
404
452
  }>, {
@@ -407,9 +455,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
407
455
  mask: string | unknown[];
408
456
  hasIconLeft: boolean;
409
457
  hasIconRight: boolean;
458
+ hasClearIcon: boolean;
410
459
  modelValue: string;
411
460
  nativeType: string;
412
461
  maxlength: number;
462
+ readonly: boolean;
463
+ forceActiveStatus: boolean;
413
464
  }, {}, {}, {
414
465
  mask: any;
415
466
  }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -159,21 +159,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
159
159
  type: BooleanConstructor;
160
160
  default: boolean;
161
161
  };
162
+ readonly: {
163
+ type: BooleanConstructor;
164
+ default: boolean;
165
+ };
166
+ forceActiveStatus: {
167
+ type: BooleanConstructor;
168
+ default: boolean;
169
+ };
170
+ showClear: {
171
+ type: BooleanConstructor;
172
+ default: boolean;
173
+ };
162
174
  }>, {}, {
163
175
  isFocused: boolean;
164
176
  showPassword: boolean;
165
177
  }, {
166
178
  isDisabled(): {};
167
179
  iconRightSvg(): string;
168
- iconScheme(): "fg-base" | "fg-muted";
180
+ iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
169
181
  attributes(): any;
170
182
  }, {
171
183
  focus(): void;
172
184
  onFocus(): void;
173
185
  onBlur(): void;
174
186
  onIconLeftClick(): void;
187
+ onClearClick(): void;
175
188
  onIconRightClick(): void;
176
- }, 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<{
189
+ }, 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<{
177
190
  placeholder: {
178
191
  type: StringConstructor;
179
192
  default: null;
@@ -223,7 +236,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
223
236
  type: BooleanConstructor;
224
237
  default: boolean;
225
238
  };
239
+ readonly: {
240
+ type: BooleanConstructor;
241
+ default: boolean;
242
+ };
243
+ forceActiveStatus: {
244
+ type: BooleanConstructor;
245
+ default: boolean;
246
+ };
247
+ showClear: {
248
+ type: BooleanConstructor;
249
+ default: boolean;
250
+ };
226
251
  }>> & Readonly<{
252
+ onClear?: ((...args: any[]) => any) | undefined;
227
253
  "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
228
254
  "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
229
255
  }>, {
@@ -234,11 +260,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
234
260
  modelValue: string;
235
261
  nativeType: string;
236
262
  maxlength: number;
263
+ readonly: boolean;
264
+ forceActiveStatus: boolean;
237
265
  iconLeft: string;
238
266
  iconRight: string;
239
267
  iconLeftClickable: boolean;
240
268
  iconRightClickable: boolean;
241
269
  allowTogglePassword: boolean;
270
+ showClear: boolean;
242
271
  }, {}, {
243
272
  BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
244
273
  type: {
@@ -264,15 +293,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
264
293
  };
265
294
  hasIconLeft: BooleanConstructor;
266
295
  hasIconRight: BooleanConstructor;
296
+ hasClearIcon: BooleanConstructor;
267
297
  maxlength: {
268
298
  type: NumberConstructor;
269
299
  default: null;
270
300
  };
301
+ readonly: {
302
+ type: BooleanConstructor;
303
+ default: boolean;
304
+ };
305
+ forceActiveStatus: {
306
+ type: BooleanConstructor;
307
+ default: boolean;
308
+ };
271
309
  }>, {}, {}, {
272
310
  attributes(): any;
273
311
  classes(): (string | {
274
312
  'input--has-icon-left': boolean;
275
313
  'input--has-icon-right': boolean;
314
+ 'input--has-clear-icon': boolean;
276
315
  })[];
277
316
  }, {
278
317
  fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
@@ -300,10 +339,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
300
339
  };
301
340
  hasIconLeft: BooleanConstructor;
302
341
  hasIconRight: BooleanConstructor;
342
+ hasClearIcon: BooleanConstructor;
303
343
  maxlength: {
304
344
  type: NumberConstructor;
305
345
  default: null;
306
346
  };
347
+ readonly: {
348
+ type: BooleanConstructor;
349
+ default: boolean;
350
+ };
351
+ forceActiveStatus: {
352
+ type: BooleanConstructor;
353
+ default: boolean;
354
+ };
307
355
  }>> & Readonly<{
308
356
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
309
357
  }>, {
@@ -312,9 +360,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
312
360
  mask: string | unknown[];
313
361
  hasIconLeft: boolean;
314
362
  hasIconRight: boolean;
363
+ hasClearIcon: boolean;
315
364
  modelValue: string;
316
365
  nativeType: string;
317
366
  maxlength: number;
367
+ readonly: boolean;
368
+ forceActiveStatus: boolean;
318
369
  }, {}, {}, {
319
370
  mask: any;
320
371
  }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -38,7 +38,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
38
38
  default: string;
39
39
  };
40
40
  errors: {
41
- type: ArrayConstructor;
41
+ type: (ArrayConstructor | null)[];
42
42
  default: () => never[];
43
43
  };
44
44
  }>, {}, {}, {
@@ -85,7 +85,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
85
85
  default: string;
86
86
  };
87
87
  errors: {
88
- type: ArrayConstructor;
88
+ type: (ArrayConstructor | null)[];
89
89
  default: () => never[];
90
90
  };
91
91
  }>> & Readonly<{
@@ -97,7 +97,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
97
97
  tooltip: string;
98
98
  message: string;
99
99
  disabled: boolean;
100
- errors: unknown[];
100
+ errors: unknown[] | null;
101
101
  }, {}, {
102
102
  UnnnicFormElement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
103
103
  size: {