@wizleap-inc/wiz-ui-next 3.1.0 → 3.3.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 (17) hide show
  1. package/dist/components/custom/form/control.stories.d.ts +276 -0
  2. package/dist/components/custom/form/control.vue.d.ts +8 -0
  3. package/dist/components/custom/form/group.stories.d.ts +197 -0
  4. package/dist/components/custom/form/group.vue.d.ts +8 -0
  5. package/dist/components/icons/call-bold.vue.d.ts +2 -0
  6. package/dist/components/icons/index.d.ts +10 -2
  7. package/dist/components/icons/mail-bold.vue.d.ts +2 -0
  8. package/dist/components/icons/mic-bold.vue.d.ts +2 -0
  9. package/dist/components/icons/more-vert-bold.vue.d.ts +2 -0
  10. package/dist/components/icons/play-arrow-filled.vue.d.ts +2 -0
  11. package/dist/components/icons/smartphone-bold.vue.d.ts +2 -0
  12. package/dist/components/icons/sms-bold.vue.d.ts +2 -0
  13. package/dist/components/icons/stop-filled.vue.d.ts +2 -0
  14. package/dist/hooks/use-form-group-provider.d.ts +2 -0
  15. package/dist/wiz-ui.es.js +3130 -2962
  16. package/dist/wiz-ui.umd.js +16 -16
  17. package/package.json +4 -4
package/dist/components/custom/form/control.stories.d.ts CHANGED
@@ -30,6 +30,10 @@ declare const _default: Meta<{
30
30
  type: import('vue').PropType<ColorKeys>;
31
31
  default: string;
32
32
  };
33
+ labelTagPosition: {
34
+ type: import('vue').PropType<"left" | "right">;
35
+ required: false;
36
+ };
33
37
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
34
38
  htmlFor: {
35
39
  type: StringConstructor;
@@ -59,6 +63,10 @@ declare const _default: Meta<{
59
63
  type: import('vue').PropType<ColorKeys>;
60
64
  default: string;
61
65
  };
66
+ labelTagPosition: {
67
+ type: import('vue').PropType<"left" | "right">;
68
+ required: false;
69
+ };
62
70
  }>>, {
63
71
  direction: "horizontal" | "vertical";
64
72
  borderColor: ColorKeys;
@@ -100,6 +108,10 @@ declare const _default: Meta<{
100
108
  type: import('vue').PropType<ColorKeys>;
101
109
  default: string;
102
110
  };
111
+ labelTagPosition: {
112
+ type: import('vue').PropType<"left" | "right">;
113
+ required: false;
114
+ };
103
115
  }>>, {}, {}, {}, {}, {
104
116
  direction: "horizontal" | "vertical";
105
117
  borderColor: ColorKeys;
@@ -138,6 +150,10 @@ declare const _default: Meta<{
138
150
  type: import('vue').PropType<ColorKeys>;
139
151
  default: string;
140
152
  };
153
+ labelTagPosition: {
154
+ type: import('vue').PropType<"left" | "right">;
155
+ required: false;
156
+ };
141
157
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
142
158
  direction: "horizontal" | "vertical";
143
159
  borderColor: ColorKeys;
@@ -179,6 +195,10 @@ export declare const Default: StoryFn<{
179
195
  type: import('vue').PropType<ColorKeys>;
180
196
  default: string;
181
197
  };
198
+ labelTagPosition: {
199
+ type: import('vue').PropType<"left" | "right">;
200
+ required: false;
201
+ };
182
202
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
183
203
  htmlFor: {
184
204
  type: StringConstructor;
@@ -208,6 +228,10 @@ export declare const Default: StoryFn<{
208
228
  type: import('vue').PropType<ColorKeys>;
209
229
  default: string;
210
230
  };
231
+ labelTagPosition: {
232
+ type: import('vue').PropType<"left" | "right">;
233
+ required: false;
234
+ };
211
235
  }>>, {
212
236
  direction: "horizontal" | "vertical";
213
237
  borderColor: ColorKeys;
@@ -249,6 +273,10 @@ export declare const Default: StoryFn<{
249
273
  type: import('vue').PropType<ColorKeys>;
250
274
  default: string;
251
275
  };
276
+ labelTagPosition: {
277
+ type: import('vue').PropType<"left" | "right">;
278
+ required: false;
279
+ };
252
280
  }>>, {}, {}, {}, {}, {
253
281
  direction: "horizontal" | "vertical";
254
282
  borderColor: ColorKeys;
@@ -287,6 +315,10 @@ export declare const Default: StoryFn<{
287
315
  type: import('vue').PropType<ColorKeys>;
288
316
  default: string;
289
317
  };
318
+ labelTagPosition: {
319
+ type: import('vue').PropType<"left" | "right">;
320
+ required: false;
321
+ };
290
322
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
291
323
  direction: "horizontal" | "vertical";
292
324
  borderColor: ColorKeys;
@@ -327,6 +359,10 @@ export declare const Direction: StoryFn<{
327
359
  type: import('vue').PropType<ColorKeys>;
328
360
  default: string;
329
361
  };
362
+ labelTagPosition: {
363
+ type: import('vue').PropType<"left" | "right">;
364
+ required: false;
365
+ };
330
366
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
331
367
  htmlFor: {
332
368
  type: StringConstructor;
@@ -356,6 +392,10 @@ export declare const Direction: StoryFn<{
356
392
  type: import('vue').PropType<ColorKeys>;
357
393
  default: string;
358
394
  };
395
+ labelTagPosition: {
396
+ type: import('vue').PropType<"left" | "right">;
397
+ required: false;
398
+ };
359
399
  }>>, {
360
400
  direction: "horizontal" | "vertical";
361
401
  borderColor: ColorKeys;
@@ -397,6 +437,10 @@ export declare const Direction: StoryFn<{
397
437
  type: import('vue').PropType<ColorKeys>;
398
438
  default: string;
399
439
  };
440
+ labelTagPosition: {
441
+ type: import('vue').PropType<"left" | "right">;
442
+ required: false;
443
+ };
400
444
  }>>, {}, {}, {}, {}, {
401
445
  direction: "horizontal" | "vertical";
402
446
  borderColor: ColorKeys;
@@ -435,6 +479,10 @@ export declare const Direction: StoryFn<{
435
479
  type: import('vue').PropType<ColorKeys>;
436
480
  default: string;
437
481
  };
482
+ labelTagPosition: {
483
+ type: import('vue').PropType<"left" | "right">;
484
+ required: false;
485
+ };
438
486
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
439
487
  direction: "horizontal" | "vertical";
440
488
  borderColor: ColorKeys;
@@ -475,6 +523,10 @@ export declare const HtmlFor: StoryFn<{
475
523
  type: import('vue').PropType<ColorKeys>;
476
524
  default: string;
477
525
  };
526
+ labelTagPosition: {
527
+ type: import('vue').PropType<"left" | "right">;
528
+ required: false;
529
+ };
478
530
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
479
531
  htmlFor: {
480
532
  type: StringConstructor;
@@ -504,6 +556,10 @@ export declare const HtmlFor: StoryFn<{
504
556
  type: import('vue').PropType<ColorKeys>;
505
557
  default: string;
506
558
  };
559
+ labelTagPosition: {
560
+ type: import('vue').PropType<"left" | "right">;
561
+ required: false;
562
+ };
507
563
  }>>, {
508
564
  direction: "horizontal" | "vertical";
509
565
  borderColor: ColorKeys;
@@ -545,6 +601,10 @@ export declare const HtmlFor: StoryFn<{
545
601
  type: import('vue').PropType<ColorKeys>;
546
602
  default: string;
547
603
  };
604
+ labelTagPosition: {
605
+ type: import('vue').PropType<"left" | "right">;
606
+ required: false;
607
+ };
548
608
  }>>, {}, {}, {}, {}, {
549
609
  direction: "horizontal" | "vertical";
550
610
  borderColor: ColorKeys;
@@ -583,6 +643,10 @@ export declare const HtmlFor: StoryFn<{
583
643
  type: import('vue').PropType<ColorKeys>;
584
644
  default: string;
585
645
  };
646
+ labelTagPosition: {
647
+ type: import('vue').PropType<"left" | "right">;
648
+ required: false;
649
+ };
586
650
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
587
651
  direction: "horizontal" | "vertical";
588
652
  borderColor: ColorKeys;
@@ -623,6 +687,10 @@ export declare const Required: StoryFn<{
623
687
  type: import('vue').PropType<ColorKeys>;
624
688
  default: string;
625
689
  };
690
+ labelTagPosition: {
691
+ type: import('vue').PropType<"left" | "right">;
692
+ required: false;
693
+ };
626
694
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
627
695
  htmlFor: {
628
696
  type: StringConstructor;
@@ -652,6 +720,10 @@ export declare const Required: StoryFn<{
652
720
  type: import('vue').PropType<ColorKeys>;
653
721
  default: string;
654
722
  };
723
+ labelTagPosition: {
724
+ type: import('vue').PropType<"left" | "right">;
725
+ required: false;
726
+ };
655
727
  }>>, {
656
728
  direction: "horizontal" | "vertical";
657
729
  borderColor: ColorKeys;
@@ -693,6 +765,10 @@ export declare const Required: StoryFn<{
693
765
  type: import('vue').PropType<ColorKeys>;
694
766
  default: string;
695
767
  };
768
+ labelTagPosition: {
769
+ type: import('vue').PropType<"left" | "right">;
770
+ required: false;
771
+ };
696
772
  }>>, {}, {}, {}, {}, {
697
773
  direction: "horizontal" | "vertical";
698
774
  borderColor: ColorKeys;
@@ -731,6 +807,10 @@ export declare const Required: StoryFn<{
731
807
  type: import('vue').PropType<ColorKeys>;
732
808
  default: string;
733
809
  };
810
+ labelTagPosition: {
811
+ type: import('vue').PropType<"left" | "right">;
812
+ required: false;
813
+ };
734
814
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
735
815
  direction: "horizontal" | "vertical";
736
816
  borderColor: ColorKeys;
@@ -771,6 +851,10 @@ export declare const Error: StoryFn<{
771
851
  type: import('vue').PropType<ColorKeys>;
772
852
  default: string;
773
853
  };
854
+ labelTagPosition: {
855
+ type: import('vue').PropType<"left" | "right">;
856
+ required: false;
857
+ };
774
858
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
775
859
  htmlFor: {
776
860
  type: StringConstructor;
@@ -800,6 +884,10 @@ export declare const Error: StoryFn<{
800
884
  type: import('vue').PropType<ColorKeys>;
801
885
  default: string;
802
886
  };
887
+ labelTagPosition: {
888
+ type: import('vue').PropType<"left" | "right">;
889
+ required: false;
890
+ };
803
891
  }>>, {
804
892
  direction: "horizontal" | "vertical";
805
893
  borderColor: ColorKeys;
@@ -841,6 +929,10 @@ export declare const Error: StoryFn<{
841
929
  type: import('vue').PropType<ColorKeys>;
842
930
  default: string;
843
931
  };
932
+ labelTagPosition: {
933
+ type: import('vue').PropType<"left" | "right">;
934
+ required: false;
935
+ };
844
936
  }>>, {}, {}, {}, {}, {
845
937
  direction: "horizontal" | "vertical";
846
938
  borderColor: ColorKeys;
@@ -879,6 +971,10 @@ export declare const Error: StoryFn<{
879
971
  type: import('vue').PropType<ColorKeys>;
880
972
  default: string;
881
973
  };
974
+ labelTagPosition: {
975
+ type: import('vue').PropType<"left" | "right">;
976
+ required: false;
977
+ };
882
978
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
883
979
  direction: "horizontal" | "vertical";
884
980
  borderColor: ColorKeys;
@@ -919,6 +1015,10 @@ export declare const BorderLeft: StoryFn<{
919
1015
  type: import('vue').PropType<ColorKeys>;
920
1016
  default: string;
921
1017
  };
1018
+ labelTagPosition: {
1019
+ type: import('vue').PropType<"left" | "right">;
1020
+ required: false;
1021
+ };
922
1022
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
923
1023
  htmlFor: {
924
1024
  type: StringConstructor;
@@ -948,6 +1048,10 @@ export declare const BorderLeft: StoryFn<{
948
1048
  type: import('vue').PropType<ColorKeys>;
949
1049
  default: string;
950
1050
  };
1051
+ labelTagPosition: {
1052
+ type: import('vue').PropType<"left" | "right">;
1053
+ required: false;
1054
+ };
951
1055
  }>>, {
952
1056
  direction: "horizontal" | "vertical";
953
1057
  borderColor: ColorKeys;
@@ -989,6 +1093,10 @@ export declare const BorderLeft: StoryFn<{
989
1093
  type: import('vue').PropType<ColorKeys>;
990
1094
  default: string;
991
1095
  };
1096
+ labelTagPosition: {
1097
+ type: import('vue').PropType<"left" | "right">;
1098
+ required: false;
1099
+ };
992
1100
  }>>, {}, {}, {}, {}, {
993
1101
  direction: "horizontal" | "vertical";
994
1102
  borderColor: ColorKeys;
@@ -1027,6 +1135,174 @@ export declare const BorderLeft: StoryFn<{
1027
1135
  type: import('vue').PropType<ColorKeys>;
1028
1136
  default: string;
1029
1137
  };
1138
+ labelTagPosition: {
1139
+ type: import('vue').PropType<"left" | "right">;
1140
+ required: false;
1141
+ };
1142
+ }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
1143
+ direction: "horizontal" | "vertical";
1144
+ borderColor: ColorKeys;
1145
+ borderLeft: boolean;
1146
+ required: boolean;
1147
+ }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
1148
+ $slots: {
1149
+ default?(_: {}): any;
1150
+ };
1151
+ })>;
1152
+ export declare const LabelTagPosition: StoryFn<{
1153
+ new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
1154
+ htmlFor: {
1155
+ type: StringConstructor;
1156
+ required: false;
1157
+ };
1158
+ label: {
1159
+ type: StringConstructor;
1160
+ required: true;
1161
+ };
1162
+ required: {
1163
+ type: BooleanConstructor;
1164
+ default: boolean;
1165
+ };
1166
+ error: {
1167
+ type: StringConstructor;
1168
+ required: false;
1169
+ };
1170
+ direction: {
1171
+ type: import('vue').PropType<"horizontal" | "vertical">;
1172
+ default: string;
1173
+ };
1174
+ borderLeft: {
1175
+ type: BooleanConstructor;
1176
+ default: boolean;
1177
+ };
1178
+ borderColor: {
1179
+ type: import('vue').PropType<ColorKeys>;
1180
+ default: string;
1181
+ };
1182
+ labelTagPosition: {
1183
+ type: import('vue').PropType<"left" | "right">;
1184
+ required: false;
1185
+ };
1186
+ }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
1187
+ htmlFor: {
1188
+ type: StringConstructor;
1189
+ required: false;
1190
+ };
1191
+ label: {
1192
+ type: StringConstructor;
1193
+ required: true;
1194
+ };
1195
+ required: {
1196
+ type: BooleanConstructor;
1197
+ default: boolean;
1198
+ };
1199
+ error: {
1200
+ type: StringConstructor;
1201
+ required: false;
1202
+ };
1203
+ direction: {
1204
+ type: import('vue').PropType<"horizontal" | "vertical">;
1205
+ default: string;
1206
+ };
1207
+ borderLeft: {
1208
+ type: BooleanConstructor;
1209
+ default: boolean;
1210
+ };
1211
+ borderColor: {
1212
+ type: import('vue').PropType<ColorKeys>;
1213
+ default: string;
1214
+ };
1215
+ labelTagPosition: {
1216
+ type: import('vue').PropType<"left" | "right">;
1217
+ required: false;
1218
+ };
1219
+ }>>, {
1220
+ direction: "horizontal" | "vertical";
1221
+ borderColor: ColorKeys;
1222
+ borderLeft: boolean;
1223
+ required: boolean;
1224
+ }, true, {}, {}, {
1225
+ P: {};
1226
+ B: {};
1227
+ D: {};
1228
+ C: {};
1229
+ M: {};
1230
+ Defaults: {};
1231
+ }, Readonly<import('vue').ExtractPropTypes<{
1232
+ htmlFor: {
1233
+ type: StringConstructor;
1234
+ required: false;
1235
+ };
1236
+ label: {
1237
+ type: StringConstructor;
1238
+ required: true;
1239
+ };
1240
+ required: {
1241
+ type: BooleanConstructor;
1242
+ default: boolean;
1243
+ };
1244
+ error: {
1245
+ type: StringConstructor;
1246
+ required: false;
1247
+ };
1248
+ direction: {
1249
+ type: import('vue').PropType<"horizontal" | "vertical">;
1250
+ default: string;
1251
+ };
1252
+ borderLeft: {
1253
+ type: BooleanConstructor;
1254
+ default: boolean;
1255
+ };
1256
+ borderColor: {
1257
+ type: import('vue').PropType<ColorKeys>;
1258
+ default: string;
1259
+ };
1260
+ labelTagPosition: {
1261
+ type: import('vue').PropType<"left" | "right">;
1262
+ required: false;
1263
+ };
1264
+ }>>, {}, {}, {}, {}, {
1265
+ direction: "horizontal" | "vertical";
1266
+ borderColor: ColorKeys;
1267
+ borderLeft: boolean;
1268
+ required: boolean;
1269
+ }>;
1270
+ __isFragment?: undefined;
1271
+ __isTeleport?: undefined;
1272
+ __isSuspense?: undefined;
1273
+ } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
1274
+ htmlFor: {
1275
+ type: StringConstructor;
1276
+ required: false;
1277
+ };
1278
+ label: {
1279
+ type: StringConstructor;
1280
+ required: true;
1281
+ };
1282
+ required: {
1283
+ type: BooleanConstructor;
1284
+ default: boolean;
1285
+ };
1286
+ error: {
1287
+ type: StringConstructor;
1288
+ required: false;
1289
+ };
1290
+ direction: {
1291
+ type: import('vue').PropType<"horizontal" | "vertical">;
1292
+ default: string;
1293
+ };
1294
+ borderLeft: {
1295
+ type: BooleanConstructor;
1296
+ default: boolean;
1297
+ };
1298
+ borderColor: {
1299
+ type: import('vue').PropType<ColorKeys>;
1300
+ default: string;
1301
+ };
1302
+ labelTagPosition: {
1303
+ type: import('vue').PropType<"left" | "right">;
1304
+ required: false;
1305
+ };
1030
1306
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
1031
1307
  direction: "horizontal" | "vertical";
1032
1308
  borderColor: ColorKeys;
package/dist/components/custom/form/control.vue.d.ts CHANGED
@@ -29,6 +29,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
29
29
  type: PropType<ColorKeys>;
30
30
  default: string;
31
31
  };
32
+ labelTagPosition: {
33
+ type: PropType<"left" | "right">;
34
+ required: false;
35
+ };
32
36
  }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
33
37
  htmlFor: {
34
38
  type: StringConstructor;
@@ -58,6 +62,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
58
62
  type: PropType<ColorKeys>;
59
63
  default: string;
60
64
  };
65
+ labelTagPosition: {
66
+ type: PropType<"left" | "right">;
67
+ required: false;
68
+ };
61
69
  }>>, {
62
70
  direction: "horizontal" | "vertical";
63
71
  borderColor: ColorKeys;