@wizleap-inc/wiz-ui-next 1.9.0 → 1.10.0

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 (9) hide show
  1. package/dist/components/base/inputs/index.d.ts +1 -1
  2. package/dist/components/base/inputs/{search → search-input}/index.d.ts +1 -1
  3. package/dist/components/base/inputs/{search/search.vue.d.ts → search-input/search-input.vue.d.ts} +195 -165
  4. package/dist/components/base/inputs/{search → search-input}/search-popup.vue.d.ts +81 -54
  5. package/dist/style.css +1 -1
  6. package/dist/wiz-ui.es.js +1120 -1088
  7. package/dist/wiz-ui.umd.js +15 -15
  8. package/package.json +3 -3
  9. /package/dist/components/base/inputs/{search → search-input}/types.d.ts +0 -0
package/dist/components/base/inputs/index.d.ts CHANGED
@@ -9,5 +9,5 @@ export * from "./panel-switch";
9
9
  export * from "./timepicker";
10
10
  export * from "./date-picker";
11
11
  export * from "./upload";
12
- export * from "./search";
12
+ export * from "./search-input";
13
13
  export * from "./date-range-picker";
package/dist/components/base/inputs/{search → search-input}/index.d.ts RENAMED
@@ -1,2 +1,2 @@
1
- export { default as WizSearch } from "./search.vue";
1
+ export { default as WizSearchInput } from "./search-input.vue";
2
2
  export { default as WizSearchPopup } from "./search-popup.vue";
package/dist/components/base/inputs/{search/search.vue.d.ts → search-input/search-input.vue.d.ts} RENAMED
@@ -54,6 +54,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
54
54
  }[]>;
55
55
  selectedItem: import("vue").Ref<number[]>;
56
56
  activeItem: import("vue").Ref<number | null | undefined>;
57
+ activeItemIndex: import("vue").Ref<number | null>;
57
58
  hasFocus: import("vue").Ref<boolean>;
58
59
  isBorder: import("vue").Ref<boolean>;
59
60
  state: import("vue").ComputedRef<"default" | "active">;
@@ -61,22 +62,65 @@ declare const _sfc_main: import("vue").DefineComponent<{
61
62
  computedPopupWidth: import("vue").ComputedRef<string | undefined>;
62
63
  computedIconColor: import("vue").ComputedRef<(value: number) => "green.800" | "gray.500">;
63
64
  onMouseover: (value: number) => void;
64
- readonly searchStyle: string;
65
- readonly searchInputStyle: string;
66
- readonly searchInputIconStyle: string;
67
- readonly searchInputDisabledStyle: string;
68
- readonly searchBlockStyle: string;
69
- readonly searchBlockBorderStyle: string;
65
+ filterOptions: (match: (label: string) => boolean) => (options: SearchInputOption[]) => SearchInputOption[];
66
+ searchBy: (keyword: string) => (str: string) => boolean;
70
67
  readonly searchBlockBorderRadiusStyle: string;
71
- readonly searchDropdownItemStyle: string;
72
- readonly searchDropdownCheckboxItemStyle: string;
73
- readonly searchDropdownLabelStyle: string;
68
+ readonly searchBlockBorderStyle: string;
69
+ readonly searchBlockStyle: string;
70
+ readonly searchCheckboxBlockCheckedStyle: string;
71
+ readonly searchCheckboxIconStyle: string;
74
72
  readonly searchCheckboxInputStyle: string;
75
- readonly searchCheckboxLabelStyle: string;
76
73
  readonly searchCheckboxLabelCheckedStyle: string;
77
- readonly searchCheckboxIconStyle: string;
78
- readonly searchCheckboxBlockCheckedStyle: string;
74
+ readonly searchCheckboxLabelStyle: string;
75
+ readonly searchDropdownCheckboxItemStyle: string;
76
+ readonly searchDropdownItemStyle: string;
77
+ readonly searchDropdownLabelStyle: string;
78
+ readonly searchInputDisabledStyle: string;
79
+ readonly searchInputIconStyle: string;
80
+ readonly searchInputStyle: string;
81
+ readonly searchStyle: string;
79
82
  readonly inputBorderStyle: Record<"default" | "active" | "error", string>;
83
+ readonly WizDivider: import("vue").DefineComponent<{
84
+ color: {
85
+ type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
86
+ required: false;
87
+ default: string;
88
+ };
89
+ variant: {
90
+ type: PropType<"dashed" | "dotted" | "solid">;
91
+ required: false;
92
+ default: string;
93
+ };
94
+ direction: {
95
+ type: PropType<"horizontal" | "vertical">;
96
+ required: false;
97
+ default: string;
98
+ };
99
+ }, {
100
+ readonly dividerStyle: Record<"dashed" | "dotted" | "solid", string>;
101
+ readonly dividerDirectionStyle: Record<"horizontal" | "vertical", string>;
102
+ readonly borderColorStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
103
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
104
+ color: {
105
+ type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
106
+ required: false;
107
+ default: string;
108
+ };
109
+ variant: {
110
+ type: PropType<"dashed" | "dotted" | "solid">;
111
+ required: false;
112
+ default: string;
113
+ };
114
+ direction: {
115
+ type: PropType<"horizontal" | "vertical">;
116
+ required: false;
117
+ default: string;
118
+ };
119
+ }>>, {
120
+ color: import("@wizleap-inc/wiz-ui-constants").ColorKeys;
121
+ direction: "horizontal" | "vertical";
122
+ variant: "dashed" | "dotted" | "solid";
123
+ }>;
80
124
  readonly WizHStack: import("vue").DefineComponent<{
81
125
  align: {
82
126
  type: PropType<"stretch" | "center" | "end" | "start">;
@@ -544,83 +588,46 @@ declare const _sfc_main: import("vue").DefineComponent<{
544
588
  reverse: boolean;
545
589
  wrap: boolean;
546
590
  }>;
547
- readonly WizDivider: import("vue").DefineComponent<{
548
- color: {
549
- type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
550
- required: false;
551
- default: string;
591
+ readonly WizISearch: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
592
+ readonly WizIcon: import("vue").DefineComponent<{
593
+ icon: {
594
+ type: PropType<import('../../../../components').TIcon>;
595
+ required: true;
552
596
  };
553
- variant: {
554
- type: PropType<"dashed" | "dotted" | "solid">;
597
+ color: {
598
+ type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
555
599
  required: false;
556
600
  default: string;
557
601
  };
558
- direction: {
559
- type: PropType<"horizontal" | "vertical">;
602
+ size: {
603
+ type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
560
604
  required: false;
561
605
  default: string;
562
606
  };
563
607
  }, {
564
- readonly dividerStyle: Record<"dashed" | "dotted" | "solid", string>;
565
- readonly dividerDirectionStyle: Record<"horizontal" | "vertical", string>;
566
- readonly borderColorStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
608
+ readonly iconStyle: string;
609
+ readonly iconSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
610
+ readonly iconDefaultStyle: string;
611
+ readonly fillStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
612
+ readonly fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
567
613
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
568
- color: {
569
- type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
570
- required: false;
571
- default: string;
614
+ icon: {
615
+ type: PropType<import('../../../../components').TIcon>;
616
+ required: true;
572
617
  };
573
- variant: {
574
- type: PropType<"dashed" | "dotted" | "solid">;
618
+ color: {
619
+ type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
575
620
  required: false;
576
621
  default: string;
577
622
  };
578
- direction: {
579
- type: PropType<"horizontal" | "vertical">;
623
+ size: {
624
+ type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
580
625
  required: false;
581
626
  default: string;
582
627
  };
583
628
  }>>, {
584
- color: import("@wizleap-inc/wiz-ui-constants").ColorKeys;
585
- direction: "horizontal" | "vertical";
586
- variant: "dashed" | "dotted" | "solid";
587
- }>;
588
- readonly WizISearch: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
589
- readonly WizPopupContainer: import("vue").DefineComponent<{
590
- expand: {
591
- type: BooleanConstructor;
592
- required: false;
593
- };
594
- }, {
595
- popupContainerRef: import("vue").Ref<HTMLElement | undefined>;
596
- provider: {
597
- initialPxInfo: {
598
- top: number;
599
- left: number;
600
- right: number;
601
- bottom: number;
602
- width: number;
603
- height: number;
604
- };
605
- bodyPxInfo: {
606
- readonly top: number;
607
- readonly left: number;
608
- readonly right: number;
609
- readonly bottom: number;
610
- readonly width: number;
611
- readonly height: number;
612
- };
613
- updateBodyPxInfo: () => void;
614
- containerRef: import("vue").Ref<HTMLElement | undefined>;
615
- };
616
- readonly popupContainerStyle: Record<"default" | "expanded", string>;
617
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
618
- expand: {
619
- type: BooleanConstructor;
620
- required: false;
621
- };
622
- }>>, {
623
- expand: boolean;
629
+ color: import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit";
630
+ size: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
624
631
  }>;
625
632
  readonly WizPopup: import("vue").DefineComponent<{
626
633
  isOpen: {
@@ -790,6 +797,42 @@ declare const _sfc_main: import("vue").DefineComponent<{
790
797
  layer: "base" | "floating" | "popover";
791
798
  isDirectionFixed: boolean;
792
799
  }>;
800
+ readonly WizPopupContainer: import("vue").DefineComponent<{
801
+ expand: {
802
+ type: BooleanConstructor;
803
+ required: false;
804
+ };
805
+ }, {
806
+ popupContainerRef: import("vue").Ref<HTMLElement | undefined>;
807
+ provider: {
808
+ initialPxInfo: {
809
+ top: number;
810
+ left: number;
811
+ right: number;
812
+ bottom: number;
813
+ width: number;
814
+ height: number;
815
+ };
816
+ bodyPxInfo: {
817
+ readonly top: number;
818
+ readonly left: number;
819
+ readonly right: number;
820
+ readonly bottom: number;
821
+ readonly width: number;
822
+ readonly height: number;
823
+ };
824
+ updateBodyPxInfo: () => void;
825
+ containerRef: import("vue").Ref<HTMLElement | undefined>;
826
+ };
827
+ readonly popupContainerStyle: Record<"default" | "expanded", string>;
828
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
829
+ expand: {
830
+ type: BooleanConstructor;
831
+ required: false;
832
+ };
833
+ }>>, {
834
+ expand: boolean;
835
+ }>;
793
836
  readonly WizSearchPopup: import("vue").DefineComponent<{
794
837
  options: {
795
838
  type: PropType<SearchInputOption[]>;
@@ -807,6 +850,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
807
850
  type: StringConstructor;
808
851
  required: false;
809
852
  };
853
+ dy: {
854
+ type: NumberConstructor;
855
+ required: false;
856
+ default: number;
857
+ };
810
858
  }, {
811
859
  props: any;
812
860
  emit: {
@@ -814,24 +862,68 @@ declare const _sfc_main: import("vue").DefineComponent<{
814
862
  (e: "mouseover", id: number, isChild: boolean): void;
815
863
  };
816
864
  activeItem: import("vue").Ref<number | null | undefined>;
865
+ activeItemIndex: import("vue").Ref<number | null>;
866
+ ITEM_HEIGHT: number;
867
+ DIVIDER_HEIGHT: number;
817
868
  checkValues: import("vue").WritableComputedRef<number[]>;
818
869
  mutableSelectedItem: import("vue").ComputedRef<number[]>;
819
870
  isBorder: import("vue").ComputedRef<(options: SearchInputOption[]) => boolean>;
820
871
  computedPopupWidth: import("vue").ComputedRef<string | undefined>;
821
872
  computedIconColor: import("vue").ComputedRef<(value: number) => "green.800" | "gray.500">;
822
873
  onMouseover: (value: number, options: SearchInputOption[]) => void;
823
- readonly searchPopupStyle: string;
824
- readonly searchPopupBlockStyle: string;
825
- readonly searchPopupBlockBorderRightStyle: string;
826
- readonly searchPopupBlockBorderRadiusStyle: string;
827
- readonly searchPopupDropdownItemStyle: string;
828
- readonly searchDropdownCheckboxItemStyle: string;
829
- readonly searchDropdownLabelStyle: string;
874
+ readonly searchCheckboxBlockCheckedStyle: string;
875
+ readonly searchCheckboxIconStyle: string;
830
876
  readonly searchCheckboxInputStyle: string;
831
- readonly searchCheckboxLabelStyle: string;
832
877
  readonly searchCheckboxLabelCheckedStyle: string;
833
- readonly searchCheckboxIconStyle: string;
834
- readonly searchCheckboxBlockCheckedStyle: string;
878
+ readonly searchCheckboxLabelStyle: string;
879
+ readonly searchDropdownCheckboxItemStyle: string;
880
+ readonly searchDropdownLabelStyle: string;
881
+ readonly searchPopupBlockBorderRadiusStyle: string;
882
+ readonly searchPopupBlockBorderRightStyle: string;
883
+ readonly searchPopupBlockStyle: string;
884
+ readonly searchPopupDropdownItemStyle: string;
885
+ readonly searchPopupStyle: string;
886
+ readonly WizDivider: import("vue").DefineComponent<{
887
+ color: {
888
+ type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
889
+ required: false;
890
+ default: string;
891
+ };
892
+ variant: {
893
+ type: PropType<"dashed" | "dotted" | "solid">;
894
+ required: false;
895
+ default: string;
896
+ };
897
+ direction: {
898
+ type: PropType<"horizontal" | "vertical">;
899
+ required: false;
900
+ default: string;
901
+ };
902
+ }, {
903
+ readonly dividerStyle: Record<"dashed" | "dotted" | "solid", string>;
904
+ readonly dividerDirectionStyle: Record<"horizontal" | "vertical", string>;
905
+ readonly borderColorStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
906
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
907
+ color: {
908
+ type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
909
+ required: false;
910
+ default: string;
911
+ };
912
+ variant: {
913
+ type: PropType<"dashed" | "dotted" | "solid">;
914
+ required: false;
915
+ default: string;
916
+ };
917
+ direction: {
918
+ type: PropType<"horizontal" | "vertical">;
919
+ required: false;
920
+ default: string;
921
+ };
922
+ }>>, {
923
+ color: import("@wizleap-inc/wiz-ui-constants").ColorKeys;
924
+ direction: "horizontal" | "vertical";
925
+ variant: "dashed" | "dotted" | "solid";
926
+ }>;
835
927
  readonly WizHStack: import("vue").DefineComponent<{
836
928
  align: {
837
929
  type: PropType<"stretch" | "center" | "end" | "start">;
@@ -1299,47 +1391,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
1299
1391
  reverse: boolean;
1300
1392
  wrap: boolean;
1301
1393
  }>;
1302
- readonly WizDivider: import("vue").DefineComponent<{
1303
- color: {
1304
- type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
1305
- required: false;
1306
- default: string;
1307
- };
1308
- variant: {
1309
- type: PropType<"dashed" | "dotted" | "solid">;
1310
- required: false;
1311
- default: string;
1312
- };
1313
- direction: {
1314
- type: PropType<"horizontal" | "vertical">;
1315
- required: false;
1316
- default: string;
1317
- };
1318
- }, {
1319
- readonly dividerStyle: Record<"dashed" | "dotted" | "solid", string>;
1320
- readonly dividerDirectionStyle: Record<"horizontal" | "vertical", string>;
1321
- readonly borderColorStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
1322
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1323
- color: {
1324
- type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
1325
- required: false;
1326
- default: string;
1327
- };
1328
- variant: {
1329
- type: PropType<"dashed" | "dotted" | "solid">;
1330
- required: false;
1331
- default: string;
1332
- };
1333
- direction: {
1334
- type: PropType<"horizontal" | "vertical">;
1335
- required: false;
1336
- default: string;
1337
- };
1338
- }>>, {
1339
- color: import("@wizleap-inc/wiz-ui-constants").ColorKeys;
1340
- direction: "horizontal" | "vertical";
1341
- variant: "dashed" | "dotted" | "solid";
1342
- }>;
1343
1394
  readonly WizIcon: import("vue").DefineComponent<{
1344
1395
  icon: {
1345
1396
  type: PropType<import('../../../../components').TIcon>;
@@ -1397,6 +1448,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
1397
1448
  type: StringConstructor;
1398
1449
  required: false;
1399
1450
  };
1451
+ dy: {
1452
+ type: NumberConstructor;
1453
+ required: false;
1454
+ default: number;
1455
+ };
1400
1456
  }, any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "mouseover")[], "update:modelValue" | "mouseover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1401
1457
  options: {
1402
1458
  type: PropType<SearchInputOption[]>;
@@ -1414,12 +1470,19 @@ declare const _sfc_main: import("vue").DefineComponent<{
1414
1470
  type: StringConstructor;
1415
1471
  required: false;
1416
1472
  };
1473
+ dy: {
1474
+ type: NumberConstructor;
1475
+ required: false;
1476
+ default: number;
1477
+ };
1417
1478
  }>> & {
1418
1479
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
1419
1480
  onMouseover?: ((...args: any[]) => any) | undefined;
1420
- }, {}>;
1421
- readonly WizIChevronRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
1481
+ }, {
1482
+ dy: number;
1483
+ }>;
1422
1484
  readonly WizICheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
1485
+ readonly WizIChevronRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
1423
1486
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "mouseover")[], "update:modelValue" | "mouseover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1424
1487
  options: {
1425
1488
  type: PropType<SearchInputOption[]>;
@@ -1437,52 +1500,19 @@ declare const _sfc_main: import("vue").DefineComponent<{
1437
1500
  type: StringConstructor;
1438
1501
  required: false;
1439
1502
  };
1503
+ dy: {
1504
+ type: NumberConstructor;
1505
+ required: false;
1506
+ default: number;
1507
+ };
1440
1508
  }>> & {
1441
1509
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
1442
1510
  onMouseover?: ((...args: any[]) => any) | undefined;
1443
- }, {}>;
1444
- readonly WizIcon: import("vue").DefineComponent<{
1445
- icon: {
1446
- type: PropType<import('../../../../components').TIcon>;
1447
- required: true;
1448
- };
1449
- color: {
1450
- type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
1451
- required: false;
1452
- default: string;
1453
- };
1454
- size: {
1455
- type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
1456
- required: false;
1457
- default: string;
1458
- };
1459
1511
  }, {
1460
- readonly iconStyle: string;
1461
- readonly iconSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
1462
- readonly iconDefaultStyle: string;
1463
- readonly fillStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
1464
- readonly fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
1465
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1466
- icon: {
1467
- type: PropType<import('../../../../components').TIcon>;
1468
- required: true;
1469
- };
1470
- color: {
1471
- type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
1472
- required: false;
1473
- default: string;
1474
- };
1475
- size: {
1476
- type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
1477
- required: false;
1478
- default: string;
1479
- };
1480
- }>>, {
1481
- color: import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit";
1482
- size: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
1512
+ dy: number;
1483
1513
  }>;
1484
- readonly WizIChevronRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
1485
1514
  readonly WizICheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
1515
+ readonly WizIChevronRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
1486
1516
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggle" | "click" | "update:modelValue")[], "toggle" | "click" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1487
1517
  options: {
1488
1518
  type: PropType<SearchInputOption[]>;