@wizleap-inc/wiz-ui-next 3.15.0 → 3.16.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.
- package/dist/components/base/menu/menu-item.stories.d.ts +290 -0
- package/dist/components/base/menu/menu-item.vue.d.ts +32 -0
- package/dist/components/base/tag/tag.stories.d.ts +12 -12
- package/dist/components/base/tag/tag.vue.d.ts +4 -3
- package/dist/components/base/tag/types.d.ts +1 -0
- package/dist/style.css +1 -1
- package/dist/wiz-ui.es.js +748 -714
- package/dist/wiz-ui.umd.js +11 -11
- package/package.json +3 -3
|
@@ -36,6 +36,20 @@ export declare const Default: StoryFn<import('vue').DefineComponent<{
|
|
|
36
36
|
required: false;
|
|
37
37
|
default: boolean;
|
|
38
38
|
};
|
|
39
|
+
tagLabel: {
|
|
40
|
+
type: StringConstructor;
|
|
41
|
+
required: false;
|
|
42
|
+
default: string;
|
|
43
|
+
};
|
|
44
|
+
tagIcon: {
|
|
45
|
+
type: import('vue').PropType<import('../..').TIcon>;
|
|
46
|
+
required: false;
|
|
47
|
+
};
|
|
48
|
+
tagVariant: {
|
|
49
|
+
type: import('vue').PropType<import('../tag/types').TagVariant>;
|
|
50
|
+
required: false;
|
|
51
|
+
default: string;
|
|
52
|
+
};
|
|
39
53
|
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
40
54
|
click: () => void;
|
|
41
55
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -72,6 +86,20 @@ export declare const Default: StoryFn<import('vue').DefineComponent<{
|
|
|
72
86
|
required: false;
|
|
73
87
|
default: boolean;
|
|
74
88
|
};
|
|
89
|
+
tagLabel: {
|
|
90
|
+
type: StringConstructor;
|
|
91
|
+
required: false;
|
|
92
|
+
default: string;
|
|
93
|
+
};
|
|
94
|
+
tagIcon: {
|
|
95
|
+
type: import('vue').PropType<import('../..').TIcon>;
|
|
96
|
+
required: false;
|
|
97
|
+
};
|
|
98
|
+
tagVariant: {
|
|
99
|
+
type: import('vue').PropType<import('../tag/types').TagVariant>;
|
|
100
|
+
required: false;
|
|
101
|
+
default: string;
|
|
102
|
+
};
|
|
75
103
|
}>> & {
|
|
76
104
|
onClick?: (() => any) | undefined;
|
|
77
105
|
}, {
|
|
@@ -81,6 +109,8 @@ export declare const Default: StoryFn<import('vue').DefineComponent<{
|
|
|
81
109
|
expand: boolean;
|
|
82
110
|
clickable: boolean;
|
|
83
111
|
selected: boolean;
|
|
112
|
+
tagLabel: string;
|
|
113
|
+
tagVariant: import('../tag/types').TagVariant;
|
|
84
114
|
}, {}>>;
|
|
85
115
|
export declare const Active: StoryFn<import('vue').DefineComponent<{
|
|
86
116
|
label: {
|
|
@@ -116,6 +146,20 @@ export declare const Active: StoryFn<import('vue').DefineComponent<{
|
|
|
116
146
|
required: false;
|
|
117
147
|
default: boolean;
|
|
118
148
|
};
|
|
149
|
+
tagLabel: {
|
|
150
|
+
type: StringConstructor;
|
|
151
|
+
required: false;
|
|
152
|
+
default: string;
|
|
153
|
+
};
|
|
154
|
+
tagIcon: {
|
|
155
|
+
type: import('vue').PropType<import('../..').TIcon>;
|
|
156
|
+
required: false;
|
|
157
|
+
};
|
|
158
|
+
tagVariant: {
|
|
159
|
+
type: import('vue').PropType<import('../tag/types').TagVariant>;
|
|
160
|
+
required: false;
|
|
161
|
+
default: string;
|
|
162
|
+
};
|
|
119
163
|
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
120
164
|
click: () => void;
|
|
121
165
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -152,6 +196,20 @@ export declare const Active: StoryFn<import('vue').DefineComponent<{
|
|
|
152
196
|
required: false;
|
|
153
197
|
default: boolean;
|
|
154
198
|
};
|
|
199
|
+
tagLabel: {
|
|
200
|
+
type: StringConstructor;
|
|
201
|
+
required: false;
|
|
202
|
+
default: string;
|
|
203
|
+
};
|
|
204
|
+
tagIcon: {
|
|
205
|
+
type: import('vue').PropType<import('../..').TIcon>;
|
|
206
|
+
required: false;
|
|
207
|
+
};
|
|
208
|
+
tagVariant: {
|
|
209
|
+
type: import('vue').PropType<import('../tag/types').TagVariant>;
|
|
210
|
+
required: false;
|
|
211
|
+
default: string;
|
|
212
|
+
};
|
|
155
213
|
}>> & {
|
|
156
214
|
onClick?: (() => any) | undefined;
|
|
157
215
|
}, {
|
|
@@ -161,6 +219,8 @@ export declare const Active: StoryFn<import('vue').DefineComponent<{
|
|
|
161
219
|
expand: boolean;
|
|
162
220
|
clickable: boolean;
|
|
163
221
|
selected: boolean;
|
|
222
|
+
tagLabel: string;
|
|
223
|
+
tagVariant: import('../tag/types').TagVariant;
|
|
164
224
|
}, {}>>;
|
|
165
225
|
export declare const Disabled: StoryFn<import('vue').DefineComponent<{
|
|
166
226
|
label: {
|
|
@@ -196,6 +256,20 @@ export declare const Disabled: StoryFn<import('vue').DefineComponent<{
|
|
|
196
256
|
required: false;
|
|
197
257
|
default: boolean;
|
|
198
258
|
};
|
|
259
|
+
tagLabel: {
|
|
260
|
+
type: StringConstructor;
|
|
261
|
+
required: false;
|
|
262
|
+
default: string;
|
|
263
|
+
};
|
|
264
|
+
tagIcon: {
|
|
265
|
+
type: import('vue').PropType<import('../..').TIcon>;
|
|
266
|
+
required: false;
|
|
267
|
+
};
|
|
268
|
+
tagVariant: {
|
|
269
|
+
type: import('vue').PropType<import('../tag/types').TagVariant>;
|
|
270
|
+
required: false;
|
|
271
|
+
default: string;
|
|
272
|
+
};
|
|
199
273
|
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
200
274
|
click: () => void;
|
|
201
275
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -232,6 +306,20 @@ export declare const Disabled: StoryFn<import('vue').DefineComponent<{
|
|
|
232
306
|
required: false;
|
|
233
307
|
default: boolean;
|
|
234
308
|
};
|
|
309
|
+
tagLabel: {
|
|
310
|
+
type: StringConstructor;
|
|
311
|
+
required: false;
|
|
312
|
+
default: string;
|
|
313
|
+
};
|
|
314
|
+
tagIcon: {
|
|
315
|
+
type: import('vue').PropType<import('../..').TIcon>;
|
|
316
|
+
required: false;
|
|
317
|
+
};
|
|
318
|
+
tagVariant: {
|
|
319
|
+
type: import('vue').PropType<import('../tag/types').TagVariant>;
|
|
320
|
+
required: false;
|
|
321
|
+
default: string;
|
|
322
|
+
};
|
|
235
323
|
}>> & {
|
|
236
324
|
onClick?: (() => any) | undefined;
|
|
237
325
|
}, {
|
|
@@ -241,6 +329,8 @@ export declare const Disabled: StoryFn<import('vue').DefineComponent<{
|
|
|
241
329
|
expand: boolean;
|
|
242
330
|
clickable: boolean;
|
|
243
331
|
selected: boolean;
|
|
332
|
+
tagLabel: string;
|
|
333
|
+
tagVariant: import('../tag/types').TagVariant;
|
|
244
334
|
}, {}>>;
|
|
245
335
|
export declare const Expand: StoryFn<import('vue').DefineComponent<{
|
|
246
336
|
label: {
|
|
@@ -276,6 +366,20 @@ export declare const Expand: StoryFn<import('vue').DefineComponent<{
|
|
|
276
366
|
required: false;
|
|
277
367
|
default: boolean;
|
|
278
368
|
};
|
|
369
|
+
tagLabel: {
|
|
370
|
+
type: StringConstructor;
|
|
371
|
+
required: false;
|
|
372
|
+
default: string;
|
|
373
|
+
};
|
|
374
|
+
tagIcon: {
|
|
375
|
+
type: import('vue').PropType<import('../..').TIcon>;
|
|
376
|
+
required: false;
|
|
377
|
+
};
|
|
378
|
+
tagVariant: {
|
|
379
|
+
type: import('vue').PropType<import('../tag/types').TagVariant>;
|
|
380
|
+
required: false;
|
|
381
|
+
default: string;
|
|
382
|
+
};
|
|
279
383
|
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
280
384
|
click: () => void;
|
|
281
385
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -312,6 +416,20 @@ export declare const Expand: StoryFn<import('vue').DefineComponent<{
|
|
|
312
416
|
required: false;
|
|
313
417
|
default: boolean;
|
|
314
418
|
};
|
|
419
|
+
tagLabel: {
|
|
420
|
+
type: StringConstructor;
|
|
421
|
+
required: false;
|
|
422
|
+
default: string;
|
|
423
|
+
};
|
|
424
|
+
tagIcon: {
|
|
425
|
+
type: import('vue').PropType<import('../..').TIcon>;
|
|
426
|
+
required: false;
|
|
427
|
+
};
|
|
428
|
+
tagVariant: {
|
|
429
|
+
type: import('vue').PropType<import('../tag/types').TagVariant>;
|
|
430
|
+
required: false;
|
|
431
|
+
default: string;
|
|
432
|
+
};
|
|
315
433
|
}>> & {
|
|
316
434
|
onClick?: (() => any) | undefined;
|
|
317
435
|
}, {
|
|
@@ -321,6 +439,8 @@ export declare const Expand: StoryFn<import('vue').DefineComponent<{
|
|
|
321
439
|
expand: boolean;
|
|
322
440
|
clickable: boolean;
|
|
323
441
|
selected: boolean;
|
|
442
|
+
tagLabel: string;
|
|
443
|
+
tagVariant: import('../tag/types').TagVariant;
|
|
324
444
|
}, {}>>;
|
|
325
445
|
export declare const FontSize: StoryFn<import('vue').DefineComponent<{
|
|
326
446
|
label: {
|
|
@@ -356,6 +476,20 @@ export declare const FontSize: StoryFn<import('vue').DefineComponent<{
|
|
|
356
476
|
required: false;
|
|
357
477
|
default: boolean;
|
|
358
478
|
};
|
|
479
|
+
tagLabel: {
|
|
480
|
+
type: StringConstructor;
|
|
481
|
+
required: false;
|
|
482
|
+
default: string;
|
|
483
|
+
};
|
|
484
|
+
tagIcon: {
|
|
485
|
+
type: import('vue').PropType<import('../..').TIcon>;
|
|
486
|
+
required: false;
|
|
487
|
+
};
|
|
488
|
+
tagVariant: {
|
|
489
|
+
type: import('vue').PropType<import('../tag/types').TagVariant>;
|
|
490
|
+
required: false;
|
|
491
|
+
default: string;
|
|
492
|
+
};
|
|
359
493
|
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
360
494
|
click: () => void;
|
|
361
495
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -392,6 +526,20 @@ export declare const FontSize: StoryFn<import('vue').DefineComponent<{
|
|
|
392
526
|
required: false;
|
|
393
527
|
default: boolean;
|
|
394
528
|
};
|
|
529
|
+
tagLabel: {
|
|
530
|
+
type: StringConstructor;
|
|
531
|
+
required: false;
|
|
532
|
+
default: string;
|
|
533
|
+
};
|
|
534
|
+
tagIcon: {
|
|
535
|
+
type: import('vue').PropType<import('../..').TIcon>;
|
|
536
|
+
required: false;
|
|
537
|
+
};
|
|
538
|
+
tagVariant: {
|
|
539
|
+
type: import('vue').PropType<import('../tag/types').TagVariant>;
|
|
540
|
+
required: false;
|
|
541
|
+
default: string;
|
|
542
|
+
};
|
|
395
543
|
}>> & {
|
|
396
544
|
onClick?: (() => any) | undefined;
|
|
397
545
|
}, {
|
|
@@ -401,6 +549,8 @@ export declare const FontSize: StoryFn<import('vue').DefineComponent<{
|
|
|
401
549
|
expand: boolean;
|
|
402
550
|
clickable: boolean;
|
|
403
551
|
selected: boolean;
|
|
552
|
+
tagLabel: string;
|
|
553
|
+
tagVariant: import('../tag/types').TagVariant;
|
|
404
554
|
}, {}>>;
|
|
405
555
|
export declare const Selected: StoryFn<import('vue').DefineComponent<{
|
|
406
556
|
label: {
|
|
@@ -436,6 +586,20 @@ export declare const Selected: StoryFn<import('vue').DefineComponent<{
|
|
|
436
586
|
required: false;
|
|
437
587
|
default: boolean;
|
|
438
588
|
};
|
|
589
|
+
tagLabel: {
|
|
590
|
+
type: StringConstructor;
|
|
591
|
+
required: false;
|
|
592
|
+
default: string;
|
|
593
|
+
};
|
|
594
|
+
tagIcon: {
|
|
595
|
+
type: import('vue').PropType<import('../..').TIcon>;
|
|
596
|
+
required: false;
|
|
597
|
+
};
|
|
598
|
+
tagVariant: {
|
|
599
|
+
type: import('vue').PropType<import('../tag/types').TagVariant>;
|
|
600
|
+
required: false;
|
|
601
|
+
default: string;
|
|
602
|
+
};
|
|
439
603
|
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
440
604
|
click: () => void;
|
|
441
605
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -472,6 +636,130 @@ export declare const Selected: StoryFn<import('vue').DefineComponent<{
|
|
|
472
636
|
required: false;
|
|
473
637
|
default: boolean;
|
|
474
638
|
};
|
|
639
|
+
tagLabel: {
|
|
640
|
+
type: StringConstructor;
|
|
641
|
+
required: false;
|
|
642
|
+
default: string;
|
|
643
|
+
};
|
|
644
|
+
tagIcon: {
|
|
645
|
+
type: import('vue').PropType<import('../..').TIcon>;
|
|
646
|
+
required: false;
|
|
647
|
+
};
|
|
648
|
+
tagVariant: {
|
|
649
|
+
type: import('vue').PropType<import('../tag/types').TagVariant>;
|
|
650
|
+
required: false;
|
|
651
|
+
default: string;
|
|
652
|
+
};
|
|
653
|
+
}>> & {
|
|
654
|
+
onClick?: (() => any) | undefined;
|
|
655
|
+
}, {
|
|
656
|
+
fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
|
|
657
|
+
width: string;
|
|
658
|
+
active: boolean;
|
|
659
|
+
expand: boolean;
|
|
660
|
+
clickable: boolean;
|
|
661
|
+
selected: boolean;
|
|
662
|
+
tagLabel: string;
|
|
663
|
+
tagVariant: import('../tag/types').TagVariant;
|
|
664
|
+
}, {}>>;
|
|
665
|
+
export declare const Tag: StoryFn<import('vue').DefineComponent<{
|
|
666
|
+
label: {
|
|
667
|
+
type: StringConstructor;
|
|
668
|
+
required: true;
|
|
669
|
+
};
|
|
670
|
+
width: {
|
|
671
|
+
type: StringConstructor;
|
|
672
|
+
required: false;
|
|
673
|
+
default: string;
|
|
674
|
+
};
|
|
675
|
+
active: {
|
|
676
|
+
type: BooleanConstructor;
|
|
677
|
+
required: false;
|
|
678
|
+
default: boolean;
|
|
679
|
+
};
|
|
680
|
+
clickable: {
|
|
681
|
+
type: BooleanConstructor;
|
|
682
|
+
required: false;
|
|
683
|
+
default: boolean;
|
|
684
|
+
};
|
|
685
|
+
expand: {
|
|
686
|
+
type: BooleanConstructor;
|
|
687
|
+
required: false;
|
|
688
|
+
};
|
|
689
|
+
fontSize: {
|
|
690
|
+
type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
|
|
691
|
+
required: false;
|
|
692
|
+
default: string;
|
|
693
|
+
};
|
|
694
|
+
selected: {
|
|
695
|
+
type: BooleanConstructor;
|
|
696
|
+
required: false;
|
|
697
|
+
default: boolean;
|
|
698
|
+
};
|
|
699
|
+
tagLabel: {
|
|
700
|
+
type: StringConstructor;
|
|
701
|
+
required: false;
|
|
702
|
+
default: string;
|
|
703
|
+
};
|
|
704
|
+
tagIcon: {
|
|
705
|
+
type: import('vue').PropType<import('../..').TIcon>;
|
|
706
|
+
required: false;
|
|
707
|
+
};
|
|
708
|
+
tagVariant: {
|
|
709
|
+
type: import('vue').PropType<import('../tag/types').TagVariant>;
|
|
710
|
+
required: false;
|
|
711
|
+
default: string;
|
|
712
|
+
};
|
|
713
|
+
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
714
|
+
click: () => void;
|
|
715
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
716
|
+
label: {
|
|
717
|
+
type: StringConstructor;
|
|
718
|
+
required: true;
|
|
719
|
+
};
|
|
720
|
+
width: {
|
|
721
|
+
type: StringConstructor;
|
|
722
|
+
required: false;
|
|
723
|
+
default: string;
|
|
724
|
+
};
|
|
725
|
+
active: {
|
|
726
|
+
type: BooleanConstructor;
|
|
727
|
+
required: false;
|
|
728
|
+
default: boolean;
|
|
729
|
+
};
|
|
730
|
+
clickable: {
|
|
731
|
+
type: BooleanConstructor;
|
|
732
|
+
required: false;
|
|
733
|
+
default: boolean;
|
|
734
|
+
};
|
|
735
|
+
expand: {
|
|
736
|
+
type: BooleanConstructor;
|
|
737
|
+
required: false;
|
|
738
|
+
};
|
|
739
|
+
fontSize: {
|
|
740
|
+
type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
|
|
741
|
+
required: false;
|
|
742
|
+
default: string;
|
|
743
|
+
};
|
|
744
|
+
selected: {
|
|
745
|
+
type: BooleanConstructor;
|
|
746
|
+
required: false;
|
|
747
|
+
default: boolean;
|
|
748
|
+
};
|
|
749
|
+
tagLabel: {
|
|
750
|
+
type: StringConstructor;
|
|
751
|
+
required: false;
|
|
752
|
+
default: string;
|
|
753
|
+
};
|
|
754
|
+
tagIcon: {
|
|
755
|
+
type: import('vue').PropType<import('../..').TIcon>;
|
|
756
|
+
required: false;
|
|
757
|
+
};
|
|
758
|
+
tagVariant: {
|
|
759
|
+
type: import('vue').PropType<import('../tag/types').TagVariant>;
|
|
760
|
+
required: false;
|
|
761
|
+
default: string;
|
|
762
|
+
};
|
|
475
763
|
}>> & {
|
|
476
764
|
onClick?: (() => any) | undefined;
|
|
477
765
|
}, {
|
|
@@ -481,4 +769,6 @@ export declare const Selected: StoryFn<import('vue').DefineComponent<{
|
|
|
481
769
|
expand: boolean;
|
|
482
770
|
clickable: boolean;
|
|
483
771
|
selected: boolean;
|
|
772
|
+
tagLabel: string;
|
|
773
|
+
tagVariant: import('../tag/types').TagVariant;
|
|
484
774
|
}, {}>>;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { FontSizeKeys } from '@wizleap-inc/wiz-ui-constants';
|
|
2
2
|
import { PropType } from 'vue';
|
|
3
|
+
import { TIcon } from '../../icons';
|
|
4
|
+
import { TagVariant } from '../tag/types';
|
|
3
5
|
declare const _default: import('vue').DefineComponent<{
|
|
4
6
|
label: {
|
|
5
7
|
type: StringConstructor;
|
|
@@ -34,6 +36,20 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
34
36
|
required: false;
|
|
35
37
|
default: boolean;
|
|
36
38
|
};
|
|
39
|
+
tagLabel: {
|
|
40
|
+
type: StringConstructor;
|
|
41
|
+
required: false;
|
|
42
|
+
default: string;
|
|
43
|
+
};
|
|
44
|
+
tagIcon: {
|
|
45
|
+
type: PropType<TIcon>;
|
|
46
|
+
required: false;
|
|
47
|
+
};
|
|
48
|
+
tagVariant: {
|
|
49
|
+
type: PropType<TagVariant>;
|
|
50
|
+
required: false;
|
|
51
|
+
default: string;
|
|
52
|
+
};
|
|
37
53
|
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
38
54
|
click: () => void;
|
|
39
55
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -70,6 +86,20 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
70
86
|
required: false;
|
|
71
87
|
default: boolean;
|
|
72
88
|
};
|
|
89
|
+
tagLabel: {
|
|
90
|
+
type: StringConstructor;
|
|
91
|
+
required: false;
|
|
92
|
+
default: string;
|
|
93
|
+
};
|
|
94
|
+
tagIcon: {
|
|
95
|
+
type: PropType<TIcon>;
|
|
96
|
+
required: false;
|
|
97
|
+
};
|
|
98
|
+
tagVariant: {
|
|
99
|
+
type: PropType<TagVariant>;
|
|
100
|
+
required: false;
|
|
101
|
+
default: string;
|
|
102
|
+
};
|
|
73
103
|
}>> & {
|
|
74
104
|
onClick?: (() => any) | undefined;
|
|
75
105
|
}, {
|
|
@@ -79,5 +109,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
79
109
|
expand: boolean;
|
|
80
110
|
clickable: boolean;
|
|
81
111
|
selected: boolean;
|
|
112
|
+
tagLabel: string;
|
|
113
|
+
tagVariant: TagVariant;
|
|
82
114
|
}, {}>;
|
|
83
115
|
export default _default;
|
|
@@ -12,7 +12,7 @@ export declare const Default: StoryFn<import('vue').DefineComponent<{
|
|
|
12
12
|
required: false;
|
|
13
13
|
};
|
|
14
14
|
variant: {
|
|
15
|
-
type: import('vue').PropType<
|
|
15
|
+
type: import('vue').PropType<import('./types').TagVariant>;
|
|
16
16
|
required: false;
|
|
17
17
|
default: string;
|
|
18
18
|
};
|
|
@@ -45,7 +45,7 @@ export declare const Default: StoryFn<import('vue').DefineComponent<{
|
|
|
45
45
|
required: false;
|
|
46
46
|
};
|
|
47
47
|
variant: {
|
|
48
|
-
type: import('vue').PropType<
|
|
48
|
+
type: import('vue').PropType<import('./types').TagVariant>;
|
|
49
49
|
required: false;
|
|
50
50
|
default: string;
|
|
51
51
|
};
|
|
@@ -72,7 +72,7 @@ export declare const Default: StoryFn<import('vue').DefineComponent<{
|
|
|
72
72
|
fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
|
|
73
73
|
fontWeight: "normal" | "medium" | "thin" | "light" | "bold" | "extralight" | "semibold";
|
|
74
74
|
round: boolean;
|
|
75
|
-
variant:
|
|
75
|
+
variant: import('./types').TagVariant;
|
|
76
76
|
}, {}>>;
|
|
77
77
|
export declare const Bold: StoryFn<import('vue').DefineComponent<{
|
|
78
78
|
label: {
|
|
@@ -84,7 +84,7 @@ export declare const Bold: StoryFn<import('vue').DefineComponent<{
|
|
|
84
84
|
required: false;
|
|
85
85
|
};
|
|
86
86
|
variant: {
|
|
87
|
-
type: import('vue').PropType<
|
|
87
|
+
type: import('vue').PropType<import('./types').TagVariant>;
|
|
88
88
|
required: false;
|
|
89
89
|
default: string;
|
|
90
90
|
};
|
|
@@ -117,7 +117,7 @@ export declare const Bold: StoryFn<import('vue').DefineComponent<{
|
|
|
117
117
|
required: false;
|
|
118
118
|
};
|
|
119
119
|
variant: {
|
|
120
|
-
type: import('vue').PropType<
|
|
120
|
+
type: import('vue').PropType<import('./types').TagVariant>;
|
|
121
121
|
required: false;
|
|
122
122
|
default: string;
|
|
123
123
|
};
|
|
@@ -144,7 +144,7 @@ export declare const Bold: StoryFn<import('vue').DefineComponent<{
|
|
|
144
144
|
fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
|
|
145
145
|
fontWeight: "normal" | "medium" | "thin" | "light" | "bold" | "extralight" | "semibold";
|
|
146
146
|
round: boolean;
|
|
147
|
-
variant:
|
|
147
|
+
variant: import('./types').TagVariant;
|
|
148
148
|
}, {}>>;
|
|
149
149
|
export declare const WithIcon: StoryFn<import('vue').DefineComponent<{
|
|
150
150
|
label: {
|
|
@@ -156,7 +156,7 @@ export declare const WithIcon: StoryFn<import('vue').DefineComponent<{
|
|
|
156
156
|
required: false;
|
|
157
157
|
};
|
|
158
158
|
variant: {
|
|
159
|
-
type: import('vue').PropType<
|
|
159
|
+
type: import('vue').PropType<import('./types').TagVariant>;
|
|
160
160
|
required: false;
|
|
161
161
|
default: string;
|
|
162
162
|
};
|
|
@@ -189,7 +189,7 @@ export declare const WithIcon: StoryFn<import('vue').DefineComponent<{
|
|
|
189
189
|
required: false;
|
|
190
190
|
};
|
|
191
191
|
variant: {
|
|
192
|
-
type: import('vue').PropType<
|
|
192
|
+
type: import('vue').PropType<import('./types').TagVariant>;
|
|
193
193
|
required: false;
|
|
194
194
|
default: string;
|
|
195
195
|
};
|
|
@@ -216,7 +216,7 @@ export declare const WithIcon: StoryFn<import('vue').DefineComponent<{
|
|
|
216
216
|
fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
|
|
217
217
|
fontWeight: "normal" | "medium" | "thin" | "light" | "bold" | "extralight" | "semibold";
|
|
218
218
|
round: boolean;
|
|
219
|
-
variant:
|
|
219
|
+
variant: import('./types').TagVariant;
|
|
220
220
|
}, {}>>;
|
|
221
221
|
export declare const Width: StoryFn<import('vue').DefineComponent<{
|
|
222
222
|
label: {
|
|
@@ -228,7 +228,7 @@ export declare const Width: StoryFn<import('vue').DefineComponent<{
|
|
|
228
228
|
required: false;
|
|
229
229
|
};
|
|
230
230
|
variant: {
|
|
231
|
-
type: import('vue').PropType<
|
|
231
|
+
type: import('vue').PropType<import('./types').TagVariant>;
|
|
232
232
|
required: false;
|
|
233
233
|
default: string;
|
|
234
234
|
};
|
|
@@ -261,7 +261,7 @@ export declare const Width: StoryFn<import('vue').DefineComponent<{
|
|
|
261
261
|
required: false;
|
|
262
262
|
};
|
|
263
263
|
variant: {
|
|
264
|
-
type: import('vue').PropType<
|
|
264
|
+
type: import('vue').PropType<import('./types').TagVariant>;
|
|
265
265
|
required: false;
|
|
266
266
|
default: string;
|
|
267
267
|
};
|
|
@@ -288,6 +288,6 @@ export declare const Width: StoryFn<import('vue').DefineComponent<{
|
|
|
288
288
|
fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
|
|
289
289
|
fontWeight: "normal" | "medium" | "thin" | "light" | "bold" | "extralight" | "semibold";
|
|
290
290
|
round: boolean;
|
|
291
|
-
variant:
|
|
291
|
+
variant: import('./types').TagVariant;
|
|
292
292
|
}, {}>>;
|
|
293
293
|
export declare const Variant: StoryFn<typeof WizTag>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FontSizeKeys, FontWeightKeys } from '@wizleap-inc/wiz-ui-constants';
|
|
2
2
|
import { PropType } from 'vue';
|
|
3
3
|
import { TIcon } from '../../icons';
|
|
4
|
+
import { TagVariant } from './types';
|
|
4
5
|
declare const _default: import('vue').DefineComponent<{
|
|
5
6
|
label: {
|
|
6
7
|
type: StringConstructor;
|
|
@@ -11,7 +12,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
11
12
|
required: false;
|
|
12
13
|
};
|
|
13
14
|
variant: {
|
|
14
|
-
type: PropType<
|
|
15
|
+
type: PropType<TagVariant>;
|
|
15
16
|
required: false;
|
|
16
17
|
default: string;
|
|
17
18
|
};
|
|
@@ -44,7 +45,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
44
45
|
required: false;
|
|
45
46
|
};
|
|
46
47
|
variant: {
|
|
47
|
-
type: PropType<
|
|
48
|
+
type: PropType<TagVariant>;
|
|
48
49
|
required: false;
|
|
49
50
|
default: string;
|
|
50
51
|
};
|
|
@@ -71,6 +72,6 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
71
72
|
fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
|
|
72
73
|
fontWeight: "normal" | "medium" | "thin" | "light" | "bold" | "extralight" | "semibold";
|
|
73
74
|
round: boolean;
|
|
74
|
-
variant:
|
|
75
|
+
variant: TagVariant;
|
|
75
76
|
}, {}>;
|
|
76
77
|
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type TagVariant = "info" | "red" | "redFill" | "green" | "yellow" | "yellowFill" | "blue" | "mono" | "gray" | "darkGray" | "greenFill" | "white";
|