@weni/unnnic-system 3.2.9-alpha.1 → 3.2.9-alpha.11

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 (72) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/components/ChartFunnel/DefaultFunnel/ChartDefaultFunnelBase.vue.d.ts.map +1 -1
  3. package/dist/components/ChartFunnel/SvgFunnel/ChartFunnelTwoRows.vue.d.ts +43 -0
  4. package/dist/components/ChartFunnel/SvgFunnel/ChartFunnelTwoRows.vue.d.ts.map +1 -0
  5. package/dist/components/Chip/Chip.vue.d.ts.map +1 -1
  6. package/dist/components/DataTable/index.vue.d.ts +7 -0
  7. package/dist/components/DataTable/index.vue.d.ts.map +1 -1
  8. package/dist/components/DateFilter/DateFilter.vue.d.ts +87 -95
  9. package/dist/components/Input/BaseInput.vue.d.ts +22 -0
  10. package/dist/components/Input/BaseInput.vue.d.ts.map +1 -1
  11. package/dist/components/Input/Input.vue.d.ts +87 -95
  12. package/dist/components/Input/Input.vue.d.ts.map +1 -1
  13. package/dist/components/Input/TextInput.vue.d.ts +52 -1
  14. package/dist/components/Input/TextInput.vue.d.ts.map +1 -1
  15. package/dist/components/InputDatePicker/InputDatePicker.vue.d.ts +87 -95
  16. package/dist/components/InputNext/InputNext.vue.d.ts +1 -1
  17. package/dist/components/Label/Label.vue.d.ts +2 -2
  18. package/dist/components/Label/Label.vue.d.ts.map +1 -1
  19. package/dist/components/ModalNext/ModalNext.vue.d.ts +87 -95
  20. package/dist/components/SelectSmart/SelectSmart.vue.d.ts +52 -1
  21. package/dist/components/SelectTime/index.vue.d.ts +52 -1
  22. package/dist/components/Tab/Tab.vue.d.ts +11 -0
  23. package/dist/components/index.d.ts +895 -937
  24. package/dist/components/index.d.ts.map +1 -1
  25. package/dist/{es-2735a8fb.js → es-dcef703d.js} +1 -1
  26. package/dist/{index-e012fa52.js → index-6ddf8580.js} +4673 -4567
  27. package/dist/locales/en.json.d.ts +2 -1
  28. package/dist/locales/es.json.d.ts +2 -1
  29. package/dist/locales/pt_br.json.d.ts +2 -1
  30. package/dist/{pt-br-f38a8b9c.js → pt-br-485ef253.js} +1 -1
  31. package/dist/style.css +1 -1
  32. package/dist/unnnic.js +1 -1
  33. package/dist/unnnic.umd.cjs +39 -39
  34. package/package.json +1 -1
  35. package/src/assets/scss/scheme-colors.scss +115 -238
  36. package/src/components/Alert/__tests__/__snapshots__/Alert.spec.js.snap +11 -7
  37. package/src/components/Alert/__tests__/__snapshots__/Version1dot1.spec.js.snap +2 -2
  38. package/src/components/ChartFunnel/ChartFunnel.vue +4 -0
  39. package/src/components/ChartFunnel/DefaultFunnel/ChartDefaultFunnelBase.vue +8 -2
  40. package/src/components/ChartFunnel/SvgFunnel/ChartFunnelBaseRow.vue +1 -1
  41. package/src/components/ChartFunnel/SvgFunnel/ChartFunnelTwoRows.vue +64 -0
  42. package/src/components/Chip/Chip.vue +3 -2
  43. package/src/components/DataTable/index.vue +25 -10
  44. package/src/components/Input/BaseInput.vue +21 -2
  45. package/src/components/Input/Input.scss +2 -1
  46. package/src/components/Input/Input.vue +26 -30
  47. package/src/components/Input/TextInput.vue +59 -22
  48. package/src/components/Input/__test__/__snapshots__/Input.spec.js.snap +7 -3
  49. package/src/components/Input/__test__/__snapshots__/TextInput.spec.js.snap +7 -1
  50. package/src/components/Label/Label.vue +2 -2
  51. package/src/components/Popover/__tests__/Popover.spec.js +147 -0
  52. package/src/components/Popover/__tests__/__snapshots__/Popover.spec.js.snap +8 -0
  53. package/src/components/Popover/index.vue +146 -0
  54. package/src/components/Select/SelectOption.vue +65 -0
  55. package/src/components/Select/__tests__/Select.spec.js +412 -0
  56. package/src/components/Select/__tests__/SelectItem.spec.js +330 -0
  57. package/src/components/Select/__tests__/SelectOption.spec.js +174 -0
  58. package/src/components/Select/__tests__/__snapshots__/Select.spec.js.snap +97 -0
  59. package/src/components/Select/__tests__/__snapshots__/SelectItem.spec.js.snap +15 -0
  60. package/src/components/Select/__tests__/__snapshots__/SelectOption.spec.js.snap +25 -0
  61. package/src/components/Select/index.vue +245 -0
  62. package/src/components/Tab/Tab.vue +37 -23
  63. package/src/components/Tab/__test__/__snapshots__/Tab.spec.js.snap +1 -1
  64. package/src/locales/en.json +2 -1
  65. package/src/locales/es.json +2 -1
  66. package/src/locales/pt_br.json +2 -1
  67. package/src/stories/ChartFunnel.stories.js +19 -0
  68. package/src/stories/DataTable.stories.js +60 -0
  69. package/src/stories/Input.stories.js +6 -0
  70. package/src/stories/Popover.stories.js +39 -0
  71. package/src/stories/Select.stories.js +91 -0
  72. package/src/stories/Tab.stories.js +11 -4
@@ -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
  hasLabelSlot(): 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, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", 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
  size: string;
339
364
  type: string;
@@ -344,6 +369,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
344
369
  modelValue: string;
345
370
  nativeType: string;
346
371
  maxlength: number | null;
372
+ readonly: boolean;
373
+ forceActiveStatus: boolean;
347
374
  placeholder: string;
348
375
  iconLeft: string;
349
376
  iconRight: string;
@@ -351,8 +378,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
351
378
  iconRightClickable: boolean;
352
379
  allowTogglePassword: boolean;
353
380
  hasCloudyColor: boolean;
354
- errors: string | unknown[];
381
+ showClear: boolean;
355
382
  tooltip: string;
383
+ errors: string | unknown[];
356
384
  showMaxlengthCounter: boolean;
357
385
  }, {}, {
358
386
  TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -409,6 +437,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
409
437
  type: BooleanConstructor;
410
438
  default: boolean;
411
439
  };
440
+ readonly: {
441
+ type: BooleanConstructor;
442
+ default: boolean;
443
+ };
444
+ forceActiveStatus: {
445
+ type: BooleanConstructor;
446
+ default: boolean;
447
+ };
448
+ showClear: {
449
+ type: BooleanConstructor;
450
+ default: boolean;
451
+ };
412
452
  }>, {}, {
413
453
  isFocused: boolean;
414
454
  showPassword: boolean;
@@ -422,8 +462,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
422
462
  onFocus(): void;
423
463
  onBlur(): void;
424
464
  onIconLeftClick(): void;
465
+ onClearClick(): void;
425
466
  onIconRightClick(): void;
426
- }, 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<{
467
+ }, 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<{
427
468
  placeholder: {
428
469
  type: StringConstructor;
429
470
  default: null;
@@ -477,7 +518,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
477
518
  type: BooleanConstructor;
478
519
  default: boolean;
479
520
  };
521
+ readonly: {
522
+ type: BooleanConstructor;
523
+ default: boolean;
524
+ };
525
+ forceActiveStatus: {
526
+ type: BooleanConstructor;
527
+ default: boolean;
528
+ };
529
+ showClear: {
530
+ type: BooleanConstructor;
531
+ default: boolean;
532
+ };
480
533
  }>> & Readonly<{
534
+ onClear?: ((...args: any[]) => any) | undefined;
481
535
  "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
482
536
  "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
483
537
  }>, {
@@ -487,6 +541,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
487
541
  modelValue: string;
488
542
  nativeType: string;
489
543
  maxlength: number;
544
+ readonly: boolean;
545
+ forceActiveStatus: boolean;
490
546
  placeholder: string;
491
547
  iconLeft: string;
492
548
  iconRight: string;
@@ -494,6 +550,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
494
550
  iconRightClickable: boolean;
495
551
  allowTogglePassword: boolean;
496
552
  hasCloudyColor: boolean;
553
+ showClear: boolean;
497
554
  }, {}, {
498
555
  BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
499
556
  type: {
@@ -519,15 +576,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
519
576
  };
520
577
  hasIconLeft: BooleanConstructor;
521
578
  hasIconRight: BooleanConstructor;
579
+ hasClearIcon: BooleanConstructor;
522
580
  maxlength: {
523
581
  type: NumberConstructor;
524
582
  default: null;
525
583
  };
584
+ readonly: {
585
+ type: BooleanConstructor;
586
+ default: boolean;
587
+ };
588
+ forceActiveStatus: {
589
+ type: BooleanConstructor;
590
+ default: boolean;
591
+ };
526
592
  }>, {}, {}, {
527
593
  attributes(): any;
528
594
  classes(): (string | {
529
595
  'input--has-icon-left': boolean;
530
596
  'input--has-icon-right': boolean;
597
+ 'input--has-clear-icon': boolean;
531
598
  })[];
532
599
  }, {
533
600
  fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
@@ -555,10 +622,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
555
622
  };
556
623
  hasIconLeft: BooleanConstructor;
557
624
  hasIconRight: BooleanConstructor;
625
+ hasClearIcon: BooleanConstructor;
558
626
  maxlength: {
559
627
  type: NumberConstructor;
560
628
  default: null;
561
629
  };
630
+ readonly: {
631
+ type: BooleanConstructor;
632
+ default: boolean;
633
+ };
634
+ forceActiveStatus: {
635
+ type: BooleanConstructor;
636
+ default: boolean;
637
+ };
562
638
  }>> & Readonly<{
563
639
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
564
640
  }>, {
@@ -567,9 +643,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
567
643
  mask: string | unknown[];
568
644
  hasIconLeft: boolean;
569
645
  hasIconRight: boolean;
646
+ hasClearIcon: boolean;
570
647
  modelValue: string;
571
648
  nativeType: string;
572
649
  maxlength: number;
650
+ readonly: boolean;
651
+ forceActiveStatus: boolean;
573
652
  }, {}, {}, {
574
653
  mask: any;
575
654
  }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -591,98 +670,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
591
670
  scheme: import('../Icon.vue').SchemeColor;
592
671
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
593
672
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
594
- UnnnicToolTip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
595
- text: {
596
- type: StringConstructor;
597
- default: string;
598
- };
599
- enabled: {
600
- type: BooleanConstructor;
601
- default: boolean;
602
- };
603
- forceOpen: {
604
- type: BooleanConstructor;
605
- default: boolean;
606
- };
607
- side: {
608
- type: StringConstructor;
609
- default: string;
610
- validator(value: unknown): boolean;
611
- };
612
- maxWidth: {
613
- type: StringConstructor;
614
- default: string;
615
- };
616
- shortcutText: {
617
- type: StringConstructor;
618
- default: null;
619
- };
620
- enableHtml: {
621
- type: BooleanConstructor;
622
- default: boolean;
623
- };
624
- }>, {}, {
625
- topPos: null;
626
- leftPos: null;
627
- }, {}, {
628
- handleResize(): void;
629
- getRightPost(element: any): void;
630
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
631
- text: {
632
- type: StringConstructor;
633
- default: string;
634
- };
635
- enabled: {
636
- type: BooleanConstructor;
637
- default: boolean;
638
- };
639
- forceOpen: {
640
- type: BooleanConstructor;
641
- default: boolean;
642
- };
643
- side: {
644
- type: StringConstructor;
645
- default: string;
646
- validator(value: unknown): boolean;
647
- };
648
- maxWidth: {
649
- type: StringConstructor;
650
- default: string;
651
- };
652
- shortcutText: {
653
- type: StringConstructor;
654
- default: null;
655
- };
656
- enableHtml: {
657
- type: BooleanConstructor;
658
- default: boolean;
659
- };
660
- }>> & Readonly<{}>, {
661
- text: string;
662
- enabled: boolean;
663
- forceOpen: boolean;
664
- side: string;
665
- maxWidth: string;
666
- shortcutText: string;
667
- enableHtml: boolean;
668
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
669
- UnnnicIcon: import('vue').DefineComponent<import('../Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
670
- click: (event: Event) => any;
671
- mousedown: (event: Event) => any;
672
- mouseup: (event: Event) => any;
673
- }, string, import('vue').PublicProps, Readonly<import('../Icon.vue').IconProps> & Readonly<{
674
- onClick?: ((event: Event) => any) | undefined;
675
- onMousedown?: ((event: Event) => any) | undefined;
676
- onMouseup?: ((event: Event) => any) | undefined;
677
- }>, {
678
- size: import('../Icon.vue').IconSize;
679
- filled: boolean;
680
- next: boolean;
681
- icon: string | null;
682
- clickable: boolean;
683
- lineHeight: import('../Icon.vue').LineHeight | null;
684
- scheme: import('../Icon.vue').SchemeColor;
685
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
673
+ 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<{}>, {
674
+ label: string;
675
+ tooltip: string;
676
+ useHtmlTooltip: boolean;
677
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
686
678
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
687
679
  UnnnicDatePicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
688
680
  initialStartDate: {
@@ -80,8 +80,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
80
80
  type: 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;
@@ -1,9 +1,9 @@
1
- interface Props {
1
+ export interface LabelProps {
2
2
  label?: string;
3
3
  tooltip?: string;
4
4
  useHtmlTooltip?: boolean;
5
5
  }
6
- declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
6
+ declare const _default: import('vue').DefineComponent<LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LabelProps> & Readonly<{}>, {
7
7
  label: string;
8
8
  tooltip: string;
9
9
  useHtmlTooltip: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Label.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.vue"],"names":[],"mappings":"AAiBA;AA4EA,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;;WAHS,MAAM;aACJ,MAAM;oBACC,OAAO;;AA8F1B,wBAQG"}
1
+ {"version":3,"file":"Label.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.vue"],"names":[],"mappings":"AAiBA;AA4EA,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;;WAHS,MAAM;aACJ,MAAM;oBACC,OAAO;;AA8F1B,wBAQG"}
@@ -153,13 +153,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
153
153
  type: BooleanConstructor;
154
154
  default: boolean;
155
155
  };
156
+ readonly: {
157
+ type: BooleanConstructor;
158
+ default: boolean;
159
+ };
160
+ forceActiveStatus: {
161
+ type: BooleanConstructor;
162
+ default: boolean;
163
+ };
164
+ showClear: {
165
+ type: BooleanConstructor;
166
+ default: boolean;
167
+ };
156
168
  }>, {}, {
157
169
  val: string;
158
170
  }, {
159
171
  hasLabelSlot(): boolean;
160
172
  }, {
161
173
  fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
162
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
174
+ }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
163
175
  placeholder: {
164
176
  type: StringConstructor;
165
177
  default: string;
@@ -237,8 +249,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
237
249
  type: BooleanConstructor;
238
250
  default: boolean;
239
251
  };
252
+ readonly: {
253
+ type: BooleanConstructor;
254
+ default: boolean;
255
+ };
256
+ forceActiveStatus: {
257
+ type: BooleanConstructor;
258
+ default: boolean;
259
+ };
260
+ showClear: {
261
+ type: BooleanConstructor;
262
+ default: boolean;
263
+ };
240
264
  }>> & Readonly<{
241
265
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
266
+ onClear?: ((...args: any[]) => any) | undefined;
242
267
  }>, {
243
268
  size: string;
244
269
  type: string;
@@ -249,6 +274,8 @@ 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
  placeholder: string;
253
280
  iconLeft: string;
254
281
  iconRight: string;
@@ -256,8 +283,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
256
283
  iconRightClickable: boolean;
257
284
  allowTogglePassword: boolean;
258
285
  hasCloudyColor: boolean;
259
- errors: string | unknown[];
286
+ showClear: boolean;
260
287
  tooltip: string;
288
+ errors: string | unknown[];
261
289
  showMaxlengthCounter: boolean;
262
290
  }, {}, {
263
291
  TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -314,6 +342,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
314
342
  type: BooleanConstructor;
315
343
  default: boolean;
316
344
  };
345
+ readonly: {
346
+ type: BooleanConstructor;
347
+ default: boolean;
348
+ };
349
+ forceActiveStatus: {
350
+ type: BooleanConstructor;
351
+ default: boolean;
352
+ };
353
+ showClear: {
354
+ type: BooleanConstructor;
355
+ default: boolean;
356
+ };
317
357
  }>, {}, {
318
358
  isFocused: boolean;
319
359
  showPassword: boolean;
@@ -327,8 +367,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
327
367
  onFocus(): void;
328
368
  onBlur(): void;
329
369
  onIconLeftClick(): void;
370
+ onClearClick(): void;
330
371
  onIconRightClick(): void;
331
- }, 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<{
372
+ }, 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<{
332
373
  placeholder: {
333
374
  type: StringConstructor;
334
375
  default: null;
@@ -382,7 +423,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
382
423
  type: BooleanConstructor;
383
424
  default: boolean;
384
425
  };
426
+ readonly: {
427
+ type: BooleanConstructor;
428
+ default: boolean;
429
+ };
430
+ forceActiveStatus: {
431
+ type: BooleanConstructor;
432
+ default: boolean;
433
+ };
434
+ showClear: {
435
+ type: BooleanConstructor;
436
+ default: boolean;
437
+ };
385
438
  }>> & Readonly<{
439
+ onClear?: ((...args: any[]) => any) | undefined;
386
440
  "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
387
441
  "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
388
442
  }>, {
@@ -392,6 +446,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
392
446
  modelValue: string;
393
447
  nativeType: string;
394
448
  maxlength: number;
449
+ readonly: boolean;
450
+ forceActiveStatus: boolean;
395
451
  placeholder: string;
396
452
  iconLeft: string;
397
453
  iconRight: string;
@@ -399,6 +455,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
399
455
  iconRightClickable: boolean;
400
456
  allowTogglePassword: boolean;
401
457
  hasCloudyColor: boolean;
458
+ showClear: boolean;
402
459
  }, {}, {
403
460
  BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
404
461
  type: {
@@ -424,15 +481,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
424
481
  };
425
482
  hasIconLeft: BooleanConstructor;
426
483
  hasIconRight: BooleanConstructor;
484
+ hasClearIcon: BooleanConstructor;
427
485
  maxlength: {
428
486
  type: NumberConstructor;
429
487
  default: null;
430
488
  };
489
+ readonly: {
490
+ type: BooleanConstructor;
491
+ default: boolean;
492
+ };
493
+ forceActiveStatus: {
494
+ type: BooleanConstructor;
495
+ default: boolean;
496
+ };
431
497
  }>, {}, {}, {
432
498
  attributes(): any;
433
499
  classes(): (string | {
434
500
  'input--has-icon-left': boolean;
435
501
  'input--has-icon-right': boolean;
502
+ 'input--has-clear-icon': boolean;
436
503
  })[];
437
504
  }, {
438
505
  fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
@@ -460,10 +527,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
460
527
  };
461
528
  hasIconLeft: BooleanConstructor;
462
529
  hasIconRight: BooleanConstructor;
530
+ hasClearIcon: BooleanConstructor;
463
531
  maxlength: {
464
532
  type: NumberConstructor;
465
533
  default: null;
466
534
  };
535
+ readonly: {
536
+ type: BooleanConstructor;
537
+ default: boolean;
538
+ };
539
+ forceActiveStatus: {
540
+ type: BooleanConstructor;
541
+ default: boolean;
542
+ };
467
543
  }>> & Readonly<{
468
544
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
469
545
  }>, {
@@ -472,9 +548,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
472
548
  mask: string | unknown[];
473
549
  hasIconLeft: boolean;
474
550
  hasIconRight: boolean;
551
+ hasClearIcon: boolean;
475
552
  modelValue: string;
476
553
  nativeType: string;
477
554
  maxlength: number;
555
+ readonly: boolean;
556
+ forceActiveStatus: boolean;
478
557
  }, {}, {}, {
479
558
  mask: any;
480
559
  }, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -496,98 +575,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
496
575
  scheme: import('../Icon.vue').SchemeColor;
497
576
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
498
577
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
499
- UnnnicToolTip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
500
- text: {
501
- type: StringConstructor;
502
- default: string;
503
- };
504
- enabled: {
505
- type: BooleanConstructor;
506
- default: boolean;
507
- };
508
- forceOpen: {
509
- type: BooleanConstructor;
510
- default: boolean;
511
- };
512
- side: {
513
- type: StringConstructor;
514
- default: string;
515
- validator(value: unknown): boolean;
516
- };
517
- maxWidth: {
518
- type: StringConstructor;
519
- default: string;
520
- };
521
- shortcutText: {
522
- type: StringConstructor;
523
- default: null;
524
- };
525
- enableHtml: {
526
- type: BooleanConstructor;
527
- default: boolean;
528
- };
529
- }>, {}, {
530
- topPos: null;
531
- leftPos: null;
532
- }, {}, {
533
- handleResize(): void;
534
- getRightPost(element: any): void;
535
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
536
- text: {
537
- type: StringConstructor;
538
- default: string;
539
- };
540
- enabled: {
541
- type: BooleanConstructor;
542
- default: boolean;
543
- };
544
- forceOpen: {
545
- type: BooleanConstructor;
546
- default: boolean;
547
- };
548
- side: {
549
- type: StringConstructor;
550
- default: string;
551
- validator(value: unknown): boolean;
552
- };
553
- maxWidth: {
554
- type: StringConstructor;
555
- default: string;
556
- };
557
- shortcutText: {
558
- type: StringConstructor;
559
- default: null;
560
- };
561
- enableHtml: {
562
- type: BooleanConstructor;
563
- default: boolean;
564
- };
565
- }>> & Readonly<{}>, {
566
- text: string;
567
- enabled: boolean;
568
- forceOpen: boolean;
569
- side: string;
570
- maxWidth: string;
571
- shortcutText: string;
572
- enableHtml: boolean;
573
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
574
- UnnnicIcon: import('vue').DefineComponent<import('../Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
575
- click: (event: Event) => any;
576
- mousedown: (event: Event) => any;
577
- mouseup: (event: Event) => any;
578
- }, string, import('vue').PublicProps, Readonly<import('../Icon.vue').IconProps> & Readonly<{
579
- onClick?: ((event: Event) => any) | undefined;
580
- onMousedown?: ((event: Event) => any) | undefined;
581
- onMouseup?: ((event: Event) => any) | undefined;
582
- }>, {
583
- size: import('../Icon.vue').IconSize;
584
- filled: boolean;
585
- next: boolean;
586
- icon: string | null;
587
- clickable: boolean;
588
- lineHeight: import('../Icon.vue').LineHeight | null;
589
- scheme: import('../Icon.vue').SchemeColor;
590
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
578
+ 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<{}>, {
579
+ label: string;
580
+ tooltip: string;
581
+ useHtmlTooltip: boolean;
582
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
591
583
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
592
584
  UnnnicButton: {
593
585
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {