@wizleap-inc/wiz-ui-next 0.6.2 → 0.7.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 (28) hide show
  1. package/dist/components/base/box/box.vue.d.ts +8 -0
  2. package/dist/components/base/buttons/index.d.ts +1 -0
  3. package/dist/components/base/buttons/tiny/index.d.ts +1 -0
  4. package/dist/components/base/buttons/tiny/tiny.vue.d.ts +604 -0
  5. package/dist/components/base/dropdown/dropdown.vue.d.ts +42 -30
  6. package/dist/components/base/inputs/datepicker/date-picker.vue.d.ts +42 -30
  7. package/dist/components/base/inputs/index.d.ts +1 -0
  8. package/dist/components/base/inputs/search/index.d.ts +2 -0
  9. package/dist/components/base/inputs/search/search-popup.vue.d.ts +653 -0
  10. package/dist/components/base/inputs/search/search.vue.d.ts +1466 -0
  11. package/dist/components/base/inputs/search/types.d.ts +5 -0
  12. package/dist/components/base/inputs/selectbox/selectbox.vue.d.ts +42 -30
  13. package/dist/components/base/inputs/timepicker/time-picker.vue.d.ts +42 -30
  14. package/dist/components/base/inputs/upload/upload-display.vue.d.ts +8 -0
  15. package/dist/components/base/inputs/upload/upload.vue.d.ts +8 -0
  16. package/dist/components/base/popup/popup-container.vue.d.ts +3 -18
  17. package/dist/components/base/popup/popup.vue.d.ts +45 -16
  18. package/dist/components/base/popup/provider.d.ts +1 -2
  19. package/dist/components/custom/chat/card/chat-card.vue.d.ts +62 -30
  20. package/dist/components/custom/form/control.vue.d.ts +8 -0
  21. package/dist/components/custom/notification/list/list.vue.d.ts +623 -0
  22. package/dist/components/custom/notification/notification.vue.d.ts +790 -151
  23. package/dist/components/custom/notification/panel/panel.vue.d.ts +8 -0
  24. package/dist/index.d.ts +1 -1
  25. package/dist/style.css +1 -1
  26. package/dist/wiz-ui.es.js +3307 -2919
  27. package/dist/wiz-ui.umd.js +10 -10
  28. package/package.json +1 -1
@@ -117,6 +117,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
117
117
  type: PropType<"none" | "x" | "y" | "block" | "inline" | "both">;
118
118
  required: false;
119
119
  };
120
+ backdropBlur: {
121
+ type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
122
+ required: false;
123
+ };
120
124
  }, {
121
125
  props: any;
122
126
  computedStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
@@ -237,5 +241,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
237
241
  type: PropType<"none" | "x" | "y" | "block" | "inline" | "both">;
238
242
  required: false;
239
243
  };
244
+ backdropBlur: {
245
+ type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
246
+ required: false;
247
+ };
240
248
  }>>, {}>;
241
249
  export default _sfc_main;
@@ -1,3 +1,4 @@
1
1
  export * from "./text";
2
2
  export * from "./icon";
3
3
  export * from "./toggle";
4
+ export * from "./tiny";
@@ -0,0 +1 @@
1
+ export { default as WizTinyButton } from "./tiny.vue";
@@ -0,0 +1,604 @@
1
+ import { PropType } from "vue";
2
+ import { TIcon } from '../../../../components';
3
+ declare const _sfc_main: import("vue").DefineComponent<{
4
+ clickable: {
5
+ type: BooleanConstructor;
6
+ required: false;
7
+ default: boolean;
8
+ };
9
+ active: {
10
+ type: BooleanConstructor;
11
+ required: false;
12
+ default: boolean;
13
+ };
14
+ hover: {
15
+ type: BooleanConstructor;
16
+ required: false;
17
+ default: boolean;
18
+ };
19
+ p: {
20
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
21
+ required: false;
22
+ };
23
+ px: {
24
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
25
+ required: false;
26
+ };
27
+ py: {
28
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
29
+ required: false;
30
+ };
31
+ icon: {
32
+ type: PropType<TIcon>;
33
+ required: false;
34
+ };
35
+ iconPosition: {
36
+ type: PropType<"left" | "right">;
37
+ required: false;
38
+ default: string;
39
+ };
40
+ }, {
41
+ isHover: import("vue").Ref<boolean>;
42
+ props: any;
43
+ emit: (e: "click") => void;
44
+ onClick: () => false | void;
45
+ tinyButtonState: import("vue").ComputedRef<"clickable+active" | "clickable+inactive" | "unclickable+active" | "unclickable+inactive">;
46
+ readonly tinyButtonBaseStyle: string;
47
+ readonly tinyButtonHoverStyle: string;
48
+ readonly tinyButtonSizeStyle: string;
49
+ readonly tinyButtonVaraiantStyle: Record<"clickable+active" | "clickable+inactive" | "unclickable+active" | "unclickable+inactive", string>;
50
+ readonly paddingStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
51
+ readonly paddingXStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
52
+ readonly paddingYStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
53
+ readonly WizHStack: import("vue").DefineComponent<{
54
+ align: {
55
+ type: PropType<"stretch" | "center" | "end" | "start">;
56
+ required: false;
57
+ };
58
+ justify: {
59
+ type: PropType<"center" | "end" | "start" | "between" | "around" | "evenly">;
60
+ required: false;
61
+ };
62
+ wrap: {
63
+ type: BooleanConstructor;
64
+ required: false;
65
+ };
66
+ gap: {
67
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
68
+ required: false;
69
+ };
70
+ gx: {
71
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
72
+ required: false;
73
+ };
74
+ gy: {
75
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
76
+ required: false;
77
+ };
78
+ p: {
79
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
80
+ required: false;
81
+ };
82
+ pt: {
83
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
84
+ required: false;
85
+ };
86
+ pr: {
87
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
88
+ required: false;
89
+ };
90
+ pb: {
91
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
92
+ required: false;
93
+ };
94
+ pl: {
95
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
96
+ required: false;
97
+ };
98
+ px: {
99
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
100
+ required: false;
101
+ };
102
+ py: {
103
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
104
+ required: false;
105
+ };
106
+ m: {
107
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
108
+ required: false;
109
+ };
110
+ mt: {
111
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
112
+ required: false;
113
+ };
114
+ mr: {
115
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
116
+ required: false;
117
+ };
118
+ mb: {
119
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
120
+ required: false;
121
+ };
122
+ ml: {
123
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
124
+ required: false;
125
+ };
126
+ mx: {
127
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
128
+ required: false;
129
+ };
130
+ my: {
131
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
132
+ required: false;
133
+ };
134
+ width: {
135
+ type: StringConstructor;
136
+ required: false;
137
+ };
138
+ height: {
139
+ type: StringConstructor;
140
+ required: false;
141
+ };
142
+ overflow: {
143
+ type: StringConstructor;
144
+ required: false;
145
+ };
146
+ reverse: {
147
+ type: BooleanConstructor;
148
+ required: false;
149
+ };
150
+ position: {
151
+ type: PropType<"absolute" | "relative" | "fixed" | "sticky" | "static">;
152
+ required: false;
153
+ };
154
+ }, {
155
+ readonly WizStack: import("vue").DefineComponent<{
156
+ direction: {
157
+ type: PropType<"horizontal" | "vertical">;
158
+ required: false;
159
+ default: string;
160
+ };
161
+ align: {
162
+ type: PropType<"stretch" | "center" | "end" | "start">;
163
+ required: false;
164
+ default: string;
165
+ };
166
+ justify: {
167
+ type: PropType<"center" | "end" | "start" | "between" | "around" | "evenly">;
168
+ required: false;
169
+ default: string;
170
+ };
171
+ wrap: {
172
+ type: BooleanConstructor;
173
+ required: false;
174
+ default: boolean;
175
+ };
176
+ gap: {
177
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
178
+ required: false;
179
+ };
180
+ gx: {
181
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
182
+ required: false;
183
+ };
184
+ gy: {
185
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
186
+ required: false;
187
+ };
188
+ p: {
189
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
190
+ required: false;
191
+ };
192
+ pt: {
193
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
194
+ required: false;
195
+ };
196
+ pr: {
197
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
198
+ required: false;
199
+ };
200
+ pb: {
201
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
202
+ required: false;
203
+ };
204
+ pl: {
205
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
206
+ required: false;
207
+ };
208
+ px: {
209
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
210
+ required: false;
211
+ };
212
+ py: {
213
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
214
+ required: false;
215
+ };
216
+ m: {
217
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
218
+ required: false;
219
+ };
220
+ mt: {
221
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
222
+ required: false;
223
+ };
224
+ mr: {
225
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
226
+ required: false;
227
+ };
228
+ mb: {
229
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
230
+ required: false;
231
+ };
232
+ ml: {
233
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
234
+ required: false;
235
+ };
236
+ mx: {
237
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
238
+ required: false;
239
+ };
240
+ my: {
241
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
242
+ required: false;
243
+ };
244
+ width: {
245
+ type: StringConstructor;
246
+ required: false;
247
+ default: string;
248
+ };
249
+ height: {
250
+ type: StringConstructor;
251
+ required: false;
252
+ default: string;
253
+ };
254
+ overflow: {
255
+ type: StringConstructor;
256
+ required: false;
257
+ default: string;
258
+ };
259
+ reverse: {
260
+ type: BooleanConstructor;
261
+ required: false;
262
+ };
263
+ position: {
264
+ type: PropType<"absolute" | "relative" | "fixed" | "sticky" | "static">;
265
+ required: false;
266
+ };
267
+ }, {
268
+ props: any;
269
+ computedDirection: import("vue").ComputedRef<"horizontal" | "vertical" | "horizontalReverse" | "verticalReverse">;
270
+ readonly stackStyle: string;
271
+ readonly stackDirectionStyle: Record<"horizontal" | "vertical" | "horizontalReverse" | "verticalReverse", string>;
272
+ readonly stackJustifyStyle: Record<"center" | "end" | "start" | "between" | "around" | "evenly", string>;
273
+ readonly stackAlignStyle: Record<"stretch" | "center" | "end" | "start", string>;
274
+ readonly stackWrapStyle: string;
275
+ readonly stackPositionStyle: Record<"absolute" | "relative" | "fixed" | "sticky" | "static", string>;
276
+ readonly gapStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
277
+ readonly gapXStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
278
+ readonly gapYStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
279
+ readonly marginStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
280
+ readonly marginXStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
281
+ readonly marginYStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
282
+ readonly marginTopStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
283
+ readonly marginRightStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
284
+ readonly marginBottomStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
285
+ readonly marginLeftStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
286
+ readonly paddingStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
287
+ readonly paddingXStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
288
+ readonly paddingYStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
289
+ readonly paddingTopStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
290
+ readonly paddingRightStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
291
+ readonly paddingBottomStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
292
+ readonly paddingLeftStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
293
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
294
+ direction: {
295
+ type: PropType<"horizontal" | "vertical">;
296
+ required: false;
297
+ default: string;
298
+ };
299
+ align: {
300
+ type: PropType<"stretch" | "center" | "end" | "start">;
301
+ required: false;
302
+ default: string;
303
+ };
304
+ justify: {
305
+ type: PropType<"center" | "end" | "start" | "between" | "around" | "evenly">;
306
+ required: false;
307
+ default: string;
308
+ };
309
+ wrap: {
310
+ type: BooleanConstructor;
311
+ required: false;
312
+ default: boolean;
313
+ };
314
+ gap: {
315
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
316
+ required: false;
317
+ };
318
+ gx: {
319
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
320
+ required: false;
321
+ };
322
+ gy: {
323
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
324
+ required: false;
325
+ };
326
+ p: {
327
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
328
+ required: false;
329
+ };
330
+ pt: {
331
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
332
+ required: false;
333
+ };
334
+ pr: {
335
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
336
+ required: false;
337
+ };
338
+ pb: {
339
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
340
+ required: false;
341
+ };
342
+ pl: {
343
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
344
+ required: false;
345
+ };
346
+ px: {
347
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
348
+ required: false;
349
+ };
350
+ py: {
351
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
352
+ required: false;
353
+ };
354
+ m: {
355
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
356
+ required: false;
357
+ };
358
+ mt: {
359
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
360
+ required: false;
361
+ };
362
+ mr: {
363
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
364
+ required: false;
365
+ };
366
+ mb: {
367
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
368
+ required: false;
369
+ };
370
+ ml: {
371
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
372
+ required: false;
373
+ };
374
+ mx: {
375
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
376
+ required: false;
377
+ };
378
+ my: {
379
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
380
+ required: false;
381
+ };
382
+ width: {
383
+ type: StringConstructor;
384
+ required: false;
385
+ default: string;
386
+ };
387
+ height: {
388
+ type: StringConstructor;
389
+ required: false;
390
+ default: string;
391
+ };
392
+ overflow: {
393
+ type: StringConstructor;
394
+ required: false;
395
+ default: string;
396
+ };
397
+ reverse: {
398
+ type: BooleanConstructor;
399
+ required: false;
400
+ };
401
+ position: {
402
+ type: PropType<"absolute" | "relative" | "fixed" | "sticky" | "static">;
403
+ required: false;
404
+ };
405
+ }>>, {
406
+ reverse: boolean;
407
+ width: string;
408
+ height: string;
409
+ overflow: string;
410
+ direction: "horizontal" | "vertical";
411
+ wrap: boolean;
412
+ justify: "center" | "end" | "start" | "between" | "around" | "evenly";
413
+ align: "stretch" | "center" | "end" | "start";
414
+ }>;
415
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
416
+ align: {
417
+ type: PropType<"stretch" | "center" | "end" | "start">;
418
+ required: false;
419
+ };
420
+ justify: {
421
+ type: PropType<"center" | "end" | "start" | "between" | "around" | "evenly">;
422
+ required: false;
423
+ };
424
+ wrap: {
425
+ type: BooleanConstructor;
426
+ required: false;
427
+ };
428
+ gap: {
429
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
430
+ required: false;
431
+ };
432
+ gx: {
433
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
434
+ required: false;
435
+ };
436
+ gy: {
437
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
438
+ required: false;
439
+ };
440
+ p: {
441
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
442
+ required: false;
443
+ };
444
+ pt: {
445
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
446
+ required: false;
447
+ };
448
+ pr: {
449
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
450
+ required: false;
451
+ };
452
+ pb: {
453
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
454
+ required: false;
455
+ };
456
+ pl: {
457
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
458
+ required: false;
459
+ };
460
+ px: {
461
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
462
+ required: false;
463
+ };
464
+ py: {
465
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
466
+ required: false;
467
+ };
468
+ m: {
469
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
470
+ required: false;
471
+ };
472
+ mt: {
473
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
474
+ required: false;
475
+ };
476
+ mr: {
477
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
478
+ required: false;
479
+ };
480
+ mb: {
481
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
482
+ required: false;
483
+ };
484
+ ml: {
485
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
486
+ required: false;
487
+ };
488
+ mx: {
489
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
490
+ required: false;
491
+ };
492
+ my: {
493
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
494
+ required: false;
495
+ };
496
+ width: {
497
+ type: StringConstructor;
498
+ required: false;
499
+ };
500
+ height: {
501
+ type: StringConstructor;
502
+ required: false;
503
+ };
504
+ overflow: {
505
+ type: StringConstructor;
506
+ required: false;
507
+ };
508
+ reverse: {
509
+ type: BooleanConstructor;
510
+ required: false;
511
+ };
512
+ position: {
513
+ type: PropType<"absolute" | "relative" | "fixed" | "sticky" | "static">;
514
+ required: false;
515
+ };
516
+ }>>, {
517
+ reverse: boolean;
518
+ wrap: boolean;
519
+ }>;
520
+ readonly WizIcon: import("vue").DefineComponent<{
521
+ icon: {
522
+ type: PropType<TIcon>;
523
+ required: true;
524
+ };
525
+ color: {
526
+ type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
527
+ required: false;
528
+ default: string;
529
+ };
530
+ size: {
531
+ type: PropType<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6">;
532
+ required: false;
533
+ default: string;
534
+ };
535
+ }, {
536
+ readonly iconStyle: string;
537
+ readonly iconSizeStyle: Record<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6", string>;
538
+ readonly fillStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
539
+ readonly fontSizeStyle: Record<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6", string>;
540
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
541
+ icon: {
542
+ type: PropType<TIcon>;
543
+ required: true;
544
+ };
545
+ color: {
546
+ type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
547
+ required: false;
548
+ default: string;
549
+ };
550
+ size: {
551
+ type: PropType<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6">;
552
+ required: false;
553
+ default: string;
554
+ };
555
+ }>>, {
556
+ color: import("@wizleap-inc/wiz-ui-constants").ColorKeys;
557
+ size: "xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6";
558
+ }>;
559
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
560
+ clickable: {
561
+ type: BooleanConstructor;
562
+ required: false;
563
+ default: boolean;
564
+ };
565
+ active: {
566
+ type: BooleanConstructor;
567
+ required: false;
568
+ default: boolean;
569
+ };
570
+ hover: {
571
+ type: BooleanConstructor;
572
+ required: false;
573
+ default: boolean;
574
+ };
575
+ p: {
576
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
577
+ required: false;
578
+ };
579
+ px: {
580
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
581
+ required: false;
582
+ };
583
+ py: {
584
+ type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
585
+ required: false;
586
+ };
587
+ icon: {
588
+ type: PropType<TIcon>;
589
+ required: false;
590
+ };
591
+ iconPosition: {
592
+ type: PropType<"left" | "right">;
593
+ required: false;
594
+ default: string;
595
+ };
596
+ }>> & {
597
+ onClick?: ((...args: any[]) => any) | undefined;
598
+ }, {
599
+ iconPosition: "left" | "right";
600
+ clickable: boolean;
601
+ active: boolean;
602
+ hover: boolean;
603
+ }>;
604
+ export default _sfc_main;