@wizleap-inc/wiz-ui-next 3.26.0 → 3.28.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 (14) hide show
  1. package/dist/components/base/menu/menu-item.stories.d.ts +644 -14
  2. package/dist/components/base/menu/menu-item.vue.d.ts +30 -0
  3. package/dist/components/custom/index.d.ts +1 -0
  4. package/dist/components/custom/voice-input/index.d.ts +1 -0
  5. package/dist/components/custom/voice-input/voice-input.stories.d.ts +748 -0
  6. package/dist/components/custom/voice-input/voice-input.vue.d.ts +94 -0
  7. package/dist/components/icons/delete-bold.vue.d.ts +2 -0
  8. package/dist/components/icons/index.d.ts +5 -2
  9. package/dist/components/icons/link-bold.vue.d.ts +2 -0
  10. package/dist/components/icons/mic-off-filled.vue.d.ts +2 -0
  11. package/dist/style.css +1 -1
  12. package/dist/wiz-ui.es.js +3880 -3709
  13. package/dist/wiz-ui.umd.js +12 -12
  14. package/package.json +4 -4
package/dist/components/base/menu/menu-item.stories.d.ts CHANGED
@@ -36,13 +36,27 @@ export declare const Default: StoryFn<import('vue').DefineComponent<{
36
36
  required: false;
37
37
  default: boolean;
38
38
  };
39
+ icon: {
40
+ type: import('vue').PropType<import('../../icons').TIcon>;
41
+ required: false;
42
+ };
43
+ transparent: {
44
+ type: BooleanConstructor;
45
+ required: false;
46
+ default: boolean;
47
+ };
48
+ hideChevron: {
49
+ type: BooleanConstructor;
50
+ required: false;
51
+ default: boolean;
52
+ };
39
53
  tagLabel: {
40
54
  type: StringConstructor;
41
55
  required: false;
42
56
  default: string;
43
57
  };
44
58
  tagIcon: {
45
- type: import('vue').PropType<import('../..').TIcon>;
59
+ type: import('vue').PropType<import('../../icons').TIcon>;
46
60
  required: false;
47
61
  };
48
62
  tagVariant: {
@@ -86,13 +100,27 @@ export declare const Default: StoryFn<import('vue').DefineComponent<{
86
100
  required: false;
87
101
  default: boolean;
88
102
  };
103
+ icon: {
104
+ type: import('vue').PropType<import('../../icons').TIcon>;
105
+ required: false;
106
+ };
107
+ transparent: {
108
+ type: BooleanConstructor;
109
+ required: false;
110
+ default: boolean;
111
+ };
112
+ hideChevron: {
113
+ type: BooleanConstructor;
114
+ required: false;
115
+ default: boolean;
116
+ };
89
117
  tagLabel: {
90
118
  type: StringConstructor;
91
119
  required: false;
92
120
  default: string;
93
121
  };
94
122
  tagIcon: {
95
- type: import('vue').PropType<import('../..').TIcon>;
123
+ type: import('vue').PropType<import('../../icons').TIcon>;
96
124
  required: false;
97
125
  };
98
126
  tagVariant: {
@@ -105,10 +133,12 @@ export declare const Default: StoryFn<import('vue').DefineComponent<{
105
133
  }, {
106
134
  fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
107
135
  width: string;
136
+ transparent: boolean;
108
137
  active: boolean;
109
138
  expand: boolean;
110
139
  clickable: boolean;
111
140
  selected: boolean;
141
+ hideChevron: boolean;
112
142
  tagLabel: string;
113
143
  tagVariant: import('../tag/types').TagVariant;
114
144
  }, {}>>;
@@ -146,13 +176,27 @@ export declare const Active: StoryFn<import('vue').DefineComponent<{
146
176
  required: false;
147
177
  default: boolean;
148
178
  };
179
+ icon: {
180
+ type: import('vue').PropType<import('../../icons').TIcon>;
181
+ required: false;
182
+ };
183
+ transparent: {
184
+ type: BooleanConstructor;
185
+ required: false;
186
+ default: boolean;
187
+ };
188
+ hideChevron: {
189
+ type: BooleanConstructor;
190
+ required: false;
191
+ default: boolean;
192
+ };
149
193
  tagLabel: {
150
194
  type: StringConstructor;
151
195
  required: false;
152
196
  default: string;
153
197
  };
154
198
  tagIcon: {
155
- type: import('vue').PropType<import('../..').TIcon>;
199
+ type: import('vue').PropType<import('../../icons').TIcon>;
156
200
  required: false;
157
201
  };
158
202
  tagVariant: {
@@ -196,13 +240,27 @@ export declare const Active: StoryFn<import('vue').DefineComponent<{
196
240
  required: false;
197
241
  default: boolean;
198
242
  };
243
+ icon: {
244
+ type: import('vue').PropType<import('../../icons').TIcon>;
245
+ required: false;
246
+ };
247
+ transparent: {
248
+ type: BooleanConstructor;
249
+ required: false;
250
+ default: boolean;
251
+ };
252
+ hideChevron: {
253
+ type: BooleanConstructor;
254
+ required: false;
255
+ default: boolean;
256
+ };
199
257
  tagLabel: {
200
258
  type: StringConstructor;
201
259
  required: false;
202
260
  default: string;
203
261
  };
204
262
  tagIcon: {
205
- type: import('vue').PropType<import('../..').TIcon>;
263
+ type: import('vue').PropType<import('../../icons').TIcon>;
206
264
  required: false;
207
265
  };
208
266
  tagVariant: {
@@ -215,10 +273,12 @@ export declare const Active: StoryFn<import('vue').DefineComponent<{
215
273
  }, {
216
274
  fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
217
275
  width: string;
276
+ transparent: boolean;
218
277
  active: boolean;
219
278
  expand: boolean;
220
279
  clickable: boolean;
221
280
  selected: boolean;
281
+ hideChevron: boolean;
222
282
  tagLabel: string;
223
283
  tagVariant: import('../tag/types').TagVariant;
224
284
  }, {}>>;
@@ -256,13 +316,27 @@ export declare const Disabled: StoryFn<import('vue').DefineComponent<{
256
316
  required: false;
257
317
  default: boolean;
258
318
  };
319
+ icon: {
320
+ type: import('vue').PropType<import('../../icons').TIcon>;
321
+ required: false;
322
+ };
323
+ transparent: {
324
+ type: BooleanConstructor;
325
+ required: false;
326
+ default: boolean;
327
+ };
328
+ hideChevron: {
329
+ type: BooleanConstructor;
330
+ required: false;
331
+ default: boolean;
332
+ };
259
333
  tagLabel: {
260
334
  type: StringConstructor;
261
335
  required: false;
262
336
  default: string;
263
337
  };
264
338
  tagIcon: {
265
- type: import('vue').PropType<import('../..').TIcon>;
339
+ type: import('vue').PropType<import('../../icons').TIcon>;
266
340
  required: false;
267
341
  };
268
342
  tagVariant: {
@@ -306,13 +380,27 @@ export declare const Disabled: StoryFn<import('vue').DefineComponent<{
306
380
  required: false;
307
381
  default: boolean;
308
382
  };
383
+ icon: {
384
+ type: import('vue').PropType<import('../../icons').TIcon>;
385
+ required: false;
386
+ };
387
+ transparent: {
388
+ type: BooleanConstructor;
389
+ required: false;
390
+ default: boolean;
391
+ };
392
+ hideChevron: {
393
+ type: BooleanConstructor;
394
+ required: false;
395
+ default: boolean;
396
+ };
309
397
  tagLabel: {
310
398
  type: StringConstructor;
311
399
  required: false;
312
400
  default: string;
313
401
  };
314
402
  tagIcon: {
315
- type: import('vue').PropType<import('../..').TIcon>;
403
+ type: import('vue').PropType<import('../../icons').TIcon>;
316
404
  required: false;
317
405
  };
318
406
  tagVariant: {
@@ -325,10 +413,12 @@ export declare const Disabled: StoryFn<import('vue').DefineComponent<{
325
413
  }, {
326
414
  fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
327
415
  width: string;
416
+ transparent: boolean;
328
417
  active: boolean;
329
418
  expand: boolean;
330
419
  clickable: boolean;
331
420
  selected: boolean;
421
+ hideChevron: boolean;
332
422
  tagLabel: string;
333
423
  tagVariant: import('../tag/types').TagVariant;
334
424
  }, {}>>;
@@ -366,13 +456,27 @@ export declare const Expand: StoryFn<import('vue').DefineComponent<{
366
456
  required: false;
367
457
  default: boolean;
368
458
  };
459
+ icon: {
460
+ type: import('vue').PropType<import('../../icons').TIcon>;
461
+ required: false;
462
+ };
463
+ transparent: {
464
+ type: BooleanConstructor;
465
+ required: false;
466
+ default: boolean;
467
+ };
468
+ hideChevron: {
469
+ type: BooleanConstructor;
470
+ required: false;
471
+ default: boolean;
472
+ };
369
473
  tagLabel: {
370
474
  type: StringConstructor;
371
475
  required: false;
372
476
  default: string;
373
477
  };
374
478
  tagIcon: {
375
- type: import('vue').PropType<import('../..').TIcon>;
479
+ type: import('vue').PropType<import('../../icons').TIcon>;
376
480
  required: false;
377
481
  };
378
482
  tagVariant: {
@@ -416,13 +520,27 @@ export declare const Expand: StoryFn<import('vue').DefineComponent<{
416
520
  required: false;
417
521
  default: boolean;
418
522
  };
523
+ icon: {
524
+ type: import('vue').PropType<import('../../icons').TIcon>;
525
+ required: false;
526
+ };
527
+ transparent: {
528
+ type: BooleanConstructor;
529
+ required: false;
530
+ default: boolean;
531
+ };
532
+ hideChevron: {
533
+ type: BooleanConstructor;
534
+ required: false;
535
+ default: boolean;
536
+ };
419
537
  tagLabel: {
420
538
  type: StringConstructor;
421
539
  required: false;
422
540
  default: string;
423
541
  };
424
542
  tagIcon: {
425
- type: import('vue').PropType<import('../..').TIcon>;
543
+ type: import('vue').PropType<import('../../icons').TIcon>;
426
544
  required: false;
427
545
  };
428
546
  tagVariant: {
@@ -435,10 +553,12 @@ export declare const Expand: StoryFn<import('vue').DefineComponent<{
435
553
  }, {
436
554
  fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
437
555
  width: string;
556
+ transparent: boolean;
438
557
  active: boolean;
439
558
  expand: boolean;
440
559
  clickable: boolean;
441
560
  selected: boolean;
561
+ hideChevron: boolean;
442
562
  tagLabel: string;
443
563
  tagVariant: import('../tag/types').TagVariant;
444
564
  }, {}>>;
@@ -476,13 +596,27 @@ export declare const FontSize: StoryFn<import('vue').DefineComponent<{
476
596
  required: false;
477
597
  default: boolean;
478
598
  };
599
+ icon: {
600
+ type: import('vue').PropType<import('../../icons').TIcon>;
601
+ required: false;
602
+ };
603
+ transparent: {
604
+ type: BooleanConstructor;
605
+ required: false;
606
+ default: boolean;
607
+ };
608
+ hideChevron: {
609
+ type: BooleanConstructor;
610
+ required: false;
611
+ default: boolean;
612
+ };
479
613
  tagLabel: {
480
614
  type: StringConstructor;
481
615
  required: false;
482
616
  default: string;
483
617
  };
484
618
  tagIcon: {
485
- type: import('vue').PropType<import('../..').TIcon>;
619
+ type: import('vue').PropType<import('../../icons').TIcon>;
486
620
  required: false;
487
621
  };
488
622
  tagVariant: {
@@ -526,13 +660,27 @@ export declare const FontSize: StoryFn<import('vue').DefineComponent<{
526
660
  required: false;
527
661
  default: boolean;
528
662
  };
663
+ icon: {
664
+ type: import('vue').PropType<import('../../icons').TIcon>;
665
+ required: false;
666
+ };
667
+ transparent: {
668
+ type: BooleanConstructor;
669
+ required: false;
670
+ default: boolean;
671
+ };
672
+ hideChevron: {
673
+ type: BooleanConstructor;
674
+ required: false;
675
+ default: boolean;
676
+ };
529
677
  tagLabel: {
530
678
  type: StringConstructor;
531
679
  required: false;
532
680
  default: string;
533
681
  };
534
682
  tagIcon: {
535
- type: import('vue').PropType<import('../..').TIcon>;
683
+ type: import('vue').PropType<import('../../icons').TIcon>;
536
684
  required: false;
537
685
  };
538
686
  tagVariant: {
@@ -545,10 +693,12 @@ export declare const FontSize: StoryFn<import('vue').DefineComponent<{
545
693
  }, {
546
694
  fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
547
695
  width: string;
696
+ transparent: boolean;
548
697
  active: boolean;
549
698
  expand: boolean;
550
699
  clickable: boolean;
551
700
  selected: boolean;
701
+ hideChevron: boolean;
552
702
  tagLabel: string;
553
703
  tagVariant: import('../tag/types').TagVariant;
554
704
  }, {}>>;
@@ -586,13 +736,27 @@ export declare const Selected: StoryFn<import('vue').DefineComponent<{
586
736
  required: false;
587
737
  default: boolean;
588
738
  };
739
+ icon: {
740
+ type: import('vue').PropType<import('../../icons').TIcon>;
741
+ required: false;
742
+ };
743
+ transparent: {
744
+ type: BooleanConstructor;
745
+ required: false;
746
+ default: boolean;
747
+ };
748
+ hideChevron: {
749
+ type: BooleanConstructor;
750
+ required: false;
751
+ default: boolean;
752
+ };
589
753
  tagLabel: {
590
754
  type: StringConstructor;
591
755
  required: false;
592
756
  default: string;
593
757
  };
594
758
  tagIcon: {
595
- type: import('vue').PropType<import('../..').TIcon>;
759
+ type: import('vue').PropType<import('../../icons').TIcon>;
596
760
  required: false;
597
761
  };
598
762
  tagVariant: {
@@ -636,13 +800,27 @@ export declare const Selected: StoryFn<import('vue').DefineComponent<{
636
800
  required: false;
637
801
  default: boolean;
638
802
  };
803
+ icon: {
804
+ type: import('vue').PropType<import('../../icons').TIcon>;
805
+ required: false;
806
+ };
807
+ transparent: {
808
+ type: BooleanConstructor;
809
+ required: false;
810
+ default: boolean;
811
+ };
812
+ hideChevron: {
813
+ type: BooleanConstructor;
814
+ required: false;
815
+ default: boolean;
816
+ };
639
817
  tagLabel: {
640
818
  type: StringConstructor;
641
819
  required: false;
642
820
  default: string;
643
821
  };
644
822
  tagIcon: {
645
- type: import('vue').PropType<import('../..').TIcon>;
823
+ type: import('vue').PropType<import('../../icons').TIcon>;
646
824
  required: false;
647
825
  };
648
826
  tagVariant: {
@@ -655,10 +833,12 @@ export declare const Selected: StoryFn<import('vue').DefineComponent<{
655
833
  }, {
656
834
  fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
657
835
  width: string;
836
+ transparent: boolean;
658
837
  active: boolean;
659
838
  expand: boolean;
660
839
  clickable: boolean;
661
840
  selected: boolean;
841
+ hideChevron: boolean;
662
842
  tagLabel: string;
663
843
  tagVariant: import('../tag/types').TagVariant;
664
844
  }, {}>>;
@@ -696,13 +876,27 @@ export declare const Tag: StoryFn<import('vue').DefineComponent<{
696
876
  required: false;
697
877
  default: boolean;
698
878
  };
879
+ icon: {
880
+ type: import('vue').PropType<import('../../icons').TIcon>;
881
+ required: false;
882
+ };
883
+ transparent: {
884
+ type: BooleanConstructor;
885
+ required: false;
886
+ default: boolean;
887
+ };
888
+ hideChevron: {
889
+ type: BooleanConstructor;
890
+ required: false;
891
+ default: boolean;
892
+ };
699
893
  tagLabel: {
700
894
  type: StringConstructor;
701
895
  required: false;
702
896
  default: string;
703
897
  };
704
898
  tagIcon: {
705
- type: import('vue').PropType<import('../..').TIcon>;
899
+ type: import('vue').PropType<import('../../icons').TIcon>;
706
900
  required: false;
707
901
  };
708
902
  tagVariant: {
@@ -746,13 +940,447 @@ export declare const Tag: StoryFn<import('vue').DefineComponent<{
746
940
  required: false;
747
941
  default: boolean;
748
942
  };
943
+ icon: {
944
+ type: import('vue').PropType<import('../../icons').TIcon>;
945
+ required: false;
946
+ };
947
+ transparent: {
948
+ type: BooleanConstructor;
949
+ required: false;
950
+ default: boolean;
951
+ };
952
+ hideChevron: {
953
+ type: BooleanConstructor;
954
+ required: false;
955
+ default: boolean;
956
+ };
957
+ tagLabel: {
958
+ type: StringConstructor;
959
+ required: false;
960
+ default: string;
961
+ };
962
+ tagIcon: {
963
+ type: import('vue').PropType<import('../../icons').TIcon>;
964
+ required: false;
965
+ };
966
+ tagVariant: {
967
+ type: import('vue').PropType<import('../tag/types').TagVariant>;
968
+ required: false;
969
+ default: string;
970
+ };
971
+ }>> & {
972
+ onClick?: (() => any) | undefined;
973
+ }, {
974
+ fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
975
+ width: string;
976
+ transparent: boolean;
977
+ active: boolean;
978
+ expand: boolean;
979
+ clickable: boolean;
980
+ selected: boolean;
981
+ hideChevron: boolean;
982
+ tagLabel: string;
983
+ tagVariant: import('../tag/types').TagVariant;
984
+ }, {}>>;
985
+ export declare const Transparent: StoryFn<import('vue').DefineComponent<{
986
+ label: {
987
+ type: StringConstructor;
988
+ required: true;
989
+ };
990
+ width: {
991
+ type: StringConstructor;
992
+ required: false;
993
+ default: string;
994
+ };
995
+ active: {
996
+ type: BooleanConstructor;
997
+ required: false;
998
+ default: boolean;
999
+ };
1000
+ clickable: {
1001
+ type: BooleanConstructor;
1002
+ required: false;
1003
+ default: boolean;
1004
+ };
1005
+ expand: {
1006
+ type: BooleanConstructor;
1007
+ required: false;
1008
+ };
1009
+ fontSize: {
1010
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
1011
+ required: false;
1012
+ default: string;
1013
+ };
1014
+ selected: {
1015
+ type: BooleanConstructor;
1016
+ required: false;
1017
+ default: boolean;
1018
+ };
1019
+ icon: {
1020
+ type: import('vue').PropType<import('../../icons').TIcon>;
1021
+ required: false;
1022
+ };
1023
+ transparent: {
1024
+ type: BooleanConstructor;
1025
+ required: false;
1026
+ default: boolean;
1027
+ };
1028
+ hideChevron: {
1029
+ type: BooleanConstructor;
1030
+ required: false;
1031
+ default: boolean;
1032
+ };
1033
+ tagLabel: {
1034
+ type: StringConstructor;
1035
+ required: false;
1036
+ default: string;
1037
+ };
1038
+ tagIcon: {
1039
+ type: import('vue').PropType<import('../../icons').TIcon>;
1040
+ required: false;
1041
+ };
1042
+ tagVariant: {
1043
+ type: import('vue').PropType<import('../tag/types').TagVariant>;
1044
+ required: false;
1045
+ default: string;
1046
+ };
1047
+ }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
1048
+ click: () => void;
1049
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
1050
+ label: {
1051
+ type: StringConstructor;
1052
+ required: true;
1053
+ };
1054
+ width: {
1055
+ type: StringConstructor;
1056
+ required: false;
1057
+ default: string;
1058
+ };
1059
+ active: {
1060
+ type: BooleanConstructor;
1061
+ required: false;
1062
+ default: boolean;
1063
+ };
1064
+ clickable: {
1065
+ type: BooleanConstructor;
1066
+ required: false;
1067
+ default: boolean;
1068
+ };
1069
+ expand: {
1070
+ type: BooleanConstructor;
1071
+ required: false;
1072
+ };
1073
+ fontSize: {
1074
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
1075
+ required: false;
1076
+ default: string;
1077
+ };
1078
+ selected: {
1079
+ type: BooleanConstructor;
1080
+ required: false;
1081
+ default: boolean;
1082
+ };
1083
+ icon: {
1084
+ type: import('vue').PropType<import('../../icons').TIcon>;
1085
+ required: false;
1086
+ };
1087
+ transparent: {
1088
+ type: BooleanConstructor;
1089
+ required: false;
1090
+ default: boolean;
1091
+ };
1092
+ hideChevron: {
1093
+ type: BooleanConstructor;
1094
+ required: false;
1095
+ default: boolean;
1096
+ };
1097
+ tagLabel: {
1098
+ type: StringConstructor;
1099
+ required: false;
1100
+ default: string;
1101
+ };
1102
+ tagIcon: {
1103
+ type: import('vue').PropType<import('../../icons').TIcon>;
1104
+ required: false;
1105
+ };
1106
+ tagVariant: {
1107
+ type: import('vue').PropType<import('../tag/types').TagVariant>;
1108
+ required: false;
1109
+ default: string;
1110
+ };
1111
+ }>> & {
1112
+ onClick?: (() => any) | undefined;
1113
+ }, {
1114
+ fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
1115
+ width: string;
1116
+ transparent: boolean;
1117
+ active: boolean;
1118
+ expand: boolean;
1119
+ clickable: boolean;
1120
+ selected: boolean;
1121
+ hideChevron: boolean;
1122
+ tagLabel: string;
1123
+ tagVariant: import('../tag/types').TagVariant;
1124
+ }, {}>>;
1125
+ export declare const Icon: StoryFn<import('vue').DefineComponent<{
1126
+ label: {
1127
+ type: StringConstructor;
1128
+ required: true;
1129
+ };
1130
+ width: {
1131
+ type: StringConstructor;
1132
+ required: false;
1133
+ default: string;
1134
+ };
1135
+ active: {
1136
+ type: BooleanConstructor;
1137
+ required: false;
1138
+ default: boolean;
1139
+ };
1140
+ clickable: {
1141
+ type: BooleanConstructor;
1142
+ required: false;
1143
+ default: boolean;
1144
+ };
1145
+ expand: {
1146
+ type: BooleanConstructor;
1147
+ required: false;
1148
+ };
1149
+ fontSize: {
1150
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
1151
+ required: false;
1152
+ default: string;
1153
+ };
1154
+ selected: {
1155
+ type: BooleanConstructor;
1156
+ required: false;
1157
+ default: boolean;
1158
+ };
1159
+ icon: {
1160
+ type: import('vue').PropType<import('../../icons').TIcon>;
1161
+ required: false;
1162
+ };
1163
+ transparent: {
1164
+ type: BooleanConstructor;
1165
+ required: false;
1166
+ default: boolean;
1167
+ };
1168
+ hideChevron: {
1169
+ type: BooleanConstructor;
1170
+ required: false;
1171
+ default: boolean;
1172
+ };
1173
+ tagLabel: {
1174
+ type: StringConstructor;
1175
+ required: false;
1176
+ default: string;
1177
+ };
1178
+ tagIcon: {
1179
+ type: import('vue').PropType<import('../../icons').TIcon>;
1180
+ required: false;
1181
+ };
1182
+ tagVariant: {
1183
+ type: import('vue').PropType<import('../tag/types').TagVariant>;
1184
+ required: false;
1185
+ default: string;
1186
+ };
1187
+ }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
1188
+ click: () => void;
1189
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
1190
+ label: {
1191
+ type: StringConstructor;
1192
+ required: true;
1193
+ };
1194
+ width: {
1195
+ type: StringConstructor;
1196
+ required: false;
1197
+ default: string;
1198
+ };
1199
+ active: {
1200
+ type: BooleanConstructor;
1201
+ required: false;
1202
+ default: boolean;
1203
+ };
1204
+ clickable: {
1205
+ type: BooleanConstructor;
1206
+ required: false;
1207
+ default: boolean;
1208
+ };
1209
+ expand: {
1210
+ type: BooleanConstructor;
1211
+ required: false;
1212
+ };
1213
+ fontSize: {
1214
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
1215
+ required: false;
1216
+ default: string;
1217
+ };
1218
+ selected: {
1219
+ type: BooleanConstructor;
1220
+ required: false;
1221
+ default: boolean;
1222
+ };
1223
+ icon: {
1224
+ type: import('vue').PropType<import('../../icons').TIcon>;
1225
+ required: false;
1226
+ };
1227
+ transparent: {
1228
+ type: BooleanConstructor;
1229
+ required: false;
1230
+ default: boolean;
1231
+ };
1232
+ hideChevron: {
1233
+ type: BooleanConstructor;
1234
+ required: false;
1235
+ default: boolean;
1236
+ };
1237
+ tagLabel: {
1238
+ type: StringConstructor;
1239
+ required: false;
1240
+ default: string;
1241
+ };
1242
+ tagIcon: {
1243
+ type: import('vue').PropType<import('../../icons').TIcon>;
1244
+ required: false;
1245
+ };
1246
+ tagVariant: {
1247
+ type: import('vue').PropType<import('../tag/types').TagVariant>;
1248
+ required: false;
1249
+ default: string;
1250
+ };
1251
+ }>> & {
1252
+ onClick?: (() => any) | undefined;
1253
+ }, {
1254
+ fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
1255
+ width: string;
1256
+ transparent: boolean;
1257
+ active: boolean;
1258
+ expand: boolean;
1259
+ clickable: boolean;
1260
+ selected: boolean;
1261
+ hideChevron: boolean;
1262
+ tagLabel: string;
1263
+ tagVariant: import('../tag/types').TagVariant;
1264
+ }, {}>>;
1265
+ export declare const HideChevron: StoryFn<import('vue').DefineComponent<{
1266
+ label: {
1267
+ type: StringConstructor;
1268
+ required: true;
1269
+ };
1270
+ width: {
1271
+ type: StringConstructor;
1272
+ required: false;
1273
+ default: string;
1274
+ };
1275
+ active: {
1276
+ type: BooleanConstructor;
1277
+ required: false;
1278
+ default: boolean;
1279
+ };
1280
+ clickable: {
1281
+ type: BooleanConstructor;
1282
+ required: false;
1283
+ default: boolean;
1284
+ };
1285
+ expand: {
1286
+ type: BooleanConstructor;
1287
+ required: false;
1288
+ };
1289
+ fontSize: {
1290
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
1291
+ required: false;
1292
+ default: string;
1293
+ };
1294
+ selected: {
1295
+ type: BooleanConstructor;
1296
+ required: false;
1297
+ default: boolean;
1298
+ };
1299
+ icon: {
1300
+ type: import('vue').PropType<import('../../icons').TIcon>;
1301
+ required: false;
1302
+ };
1303
+ transparent: {
1304
+ type: BooleanConstructor;
1305
+ required: false;
1306
+ default: boolean;
1307
+ };
1308
+ hideChevron: {
1309
+ type: BooleanConstructor;
1310
+ required: false;
1311
+ default: boolean;
1312
+ };
1313
+ tagLabel: {
1314
+ type: StringConstructor;
1315
+ required: false;
1316
+ default: string;
1317
+ };
1318
+ tagIcon: {
1319
+ type: import('vue').PropType<import('../../icons').TIcon>;
1320
+ required: false;
1321
+ };
1322
+ tagVariant: {
1323
+ type: import('vue').PropType<import('../tag/types').TagVariant>;
1324
+ required: false;
1325
+ default: string;
1326
+ };
1327
+ }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
1328
+ click: () => void;
1329
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
1330
+ label: {
1331
+ type: StringConstructor;
1332
+ required: true;
1333
+ };
1334
+ width: {
1335
+ type: StringConstructor;
1336
+ required: false;
1337
+ default: string;
1338
+ };
1339
+ active: {
1340
+ type: BooleanConstructor;
1341
+ required: false;
1342
+ default: boolean;
1343
+ };
1344
+ clickable: {
1345
+ type: BooleanConstructor;
1346
+ required: false;
1347
+ default: boolean;
1348
+ };
1349
+ expand: {
1350
+ type: BooleanConstructor;
1351
+ required: false;
1352
+ };
1353
+ fontSize: {
1354
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
1355
+ required: false;
1356
+ default: string;
1357
+ };
1358
+ selected: {
1359
+ type: BooleanConstructor;
1360
+ required: false;
1361
+ default: boolean;
1362
+ };
1363
+ icon: {
1364
+ type: import('vue').PropType<import('../../icons').TIcon>;
1365
+ required: false;
1366
+ };
1367
+ transparent: {
1368
+ type: BooleanConstructor;
1369
+ required: false;
1370
+ default: boolean;
1371
+ };
1372
+ hideChevron: {
1373
+ type: BooleanConstructor;
1374
+ required: false;
1375
+ default: boolean;
1376
+ };
749
1377
  tagLabel: {
750
1378
  type: StringConstructor;
751
1379
  required: false;
752
1380
  default: string;
753
1381
  };
754
1382
  tagIcon: {
755
- type: import('vue').PropType<import('../..').TIcon>;
1383
+ type: import('vue').PropType<import('../../icons').TIcon>;
756
1384
  required: false;
757
1385
  };
758
1386
  tagVariant: {
@@ -765,10 +1393,12 @@ export declare const Tag: StoryFn<import('vue').DefineComponent<{
765
1393
  }, {
766
1394
  fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
767
1395
  width: string;
1396
+ transparent: boolean;
768
1397
  active: boolean;
769
1398
  expand: boolean;
770
1399
  clickable: boolean;
771
1400
  selected: boolean;
1401
+ hideChevron: boolean;
772
1402
  tagLabel: string;
773
1403
  tagVariant: import('../tag/types').TagVariant;
774
1404
  }, {}>>;