@wizleap-inc/wiz-ui-next 3.48.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/base/progress-bar/progress-bar.stories.d.ts +546 -7
  2. package/dist/components/base/progress-bar/progress-bar.vue.d.ts +47 -1
  3. package/dist/components/base/progress-bar/progress-line.vue.d.ts +9 -5
  4. package/dist/components/base/progress-bar/progress-point.stories.d.ts +19 -0
  5. package/dist/components/base/progress-bar/types.d.ts +8 -2
  6. package/dist/style.css +1 -1
  7. package/dist/wiz-ui.es.js +634 -613
  8. package/dist/wiz-ui.umd.js +1 -1
  9. package/package.json +2 -2
package/dist/components/base/progress-bar/progress-bar.stories.d.ts CHANGED
@@ -7,75 +7,614 @@ export declare const Default: StoryFn<import('vue').DefineComponent<{
7
7
  type: import('vue').PropType<import('./types').ProgressItem[]>;
8
8
  required: true;
9
9
  };
10
+ labelColor: {
11
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
12
+ required: false;
13
+ default: string;
14
+ };
15
+ labelSize: {
16
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
17
+ required: false;
18
+ default: string;
19
+ };
20
+ annotationColor: {
21
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
22
+ required: false;
23
+ default: string;
24
+ };
25
+ annotationSize: {
26
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
27
+ required: false;
28
+ default: string;
29
+ };
10
30
  }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
11
31
  contents: {
12
32
  type: import('vue').PropType<import('./types').ProgressItem[]>;
13
33
  required: true;
14
34
  };
15
- }>>, {}, {}>>;
35
+ labelColor: {
36
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
37
+ required: false;
38
+ default: string;
39
+ };
40
+ labelSize: {
41
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
42
+ required: false;
43
+ default: string;
44
+ };
45
+ annotationColor: {
46
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
47
+ required: false;
48
+ default: string;
49
+ };
50
+ annotationSize: {
51
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
52
+ required: false;
53
+ default: string;
54
+ };
55
+ }>>, {
56
+ labelColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
57
+ labelSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
58
+ annotationColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
59
+ annotationSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
60
+ }, {}>>;
16
61
  export declare const WithValue: StoryFn<import('vue').DefineComponent<{
17
62
  contents: {
18
63
  type: import('vue').PropType<import('./types').ProgressItem[]>;
19
64
  required: true;
20
65
  };
66
+ labelColor: {
67
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
68
+ required: false;
69
+ default: string;
70
+ };
71
+ labelSize: {
72
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
73
+ required: false;
74
+ default: string;
75
+ };
76
+ annotationColor: {
77
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
78
+ required: false;
79
+ default: string;
80
+ };
81
+ annotationSize: {
82
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
83
+ required: false;
84
+ default: string;
85
+ };
21
86
  }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
22
87
  contents: {
23
88
  type: import('vue').PropType<import('./types').ProgressItem[]>;
24
89
  required: true;
25
90
  };
26
- }>>, {}, {}>>;
91
+ labelColor: {
92
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
93
+ required: false;
94
+ default: string;
95
+ };
96
+ labelSize: {
97
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
98
+ required: false;
99
+ default: string;
100
+ };
101
+ annotationColor: {
102
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
103
+ required: false;
104
+ default: string;
105
+ };
106
+ annotationSize: {
107
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
108
+ required: false;
109
+ default: string;
110
+ };
111
+ }>>, {
112
+ labelColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
113
+ labelSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
114
+ annotationColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
115
+ annotationSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
116
+ }, {}>>;
27
117
  export declare const WithProgress: StoryFn<import('vue').DefineComponent<{
28
118
  contents: {
29
119
  type: import('vue').PropType<import('./types').ProgressItem[]>;
30
120
  required: true;
31
121
  };
122
+ labelColor: {
123
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
124
+ required: false;
125
+ default: string;
126
+ };
127
+ labelSize: {
128
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
129
+ required: false;
130
+ default: string;
131
+ };
132
+ annotationColor: {
133
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
134
+ required: false;
135
+ default: string;
136
+ };
137
+ annotationSize: {
138
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
139
+ required: false;
140
+ default: string;
141
+ };
32
142
  }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
33
143
  contents: {
34
144
  type: import('vue').PropType<import('./types').ProgressItem[]>;
35
145
  required: true;
36
146
  };
37
- }>>, {}, {}>>;
147
+ labelColor: {
148
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
149
+ required: false;
150
+ default: string;
151
+ };
152
+ labelSize: {
153
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
154
+ required: false;
155
+ default: string;
156
+ };
157
+ annotationColor: {
158
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
159
+ required: false;
160
+ default: string;
161
+ };
162
+ annotationSize: {
163
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
164
+ required: false;
165
+ default: string;
166
+ };
167
+ }>>, {
168
+ labelColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
169
+ labelSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
170
+ annotationColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
171
+ annotationSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
172
+ }, {}>>;
38
173
  export declare const WithTooltip: StoryFn<import('vue').DefineComponent<{
39
174
  contents: {
40
175
  type: import('vue').PropType<import('./types').ProgressItem[]>;
41
176
  required: true;
42
177
  };
178
+ labelColor: {
179
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
180
+ required: false;
181
+ default: string;
182
+ };
183
+ labelSize: {
184
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
185
+ required: false;
186
+ default: string;
187
+ };
188
+ annotationColor: {
189
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
190
+ required: false;
191
+ default: string;
192
+ };
193
+ annotationSize: {
194
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
195
+ required: false;
196
+ default: string;
197
+ };
43
198
  }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
44
199
  contents: {
45
200
  type: import('vue').PropType<import('./types').ProgressItem[]>;
46
201
  required: true;
47
202
  };
48
- }>>, {}, {}>>;
203
+ labelColor: {
204
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
205
+ required: false;
206
+ default: string;
207
+ };
208
+ labelSize: {
209
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
210
+ required: false;
211
+ default: string;
212
+ };
213
+ annotationColor: {
214
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
215
+ required: false;
216
+ default: string;
217
+ };
218
+ annotationSize: {
219
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
220
+ required: false;
221
+ default: string;
222
+ };
223
+ }>>, {
224
+ labelColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
225
+ labelSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
226
+ annotationColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
227
+ annotationSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
228
+ }, {}>>;
49
229
  export declare const WithLabel: StoryFn<import('vue').DefineComponent<{
50
230
  contents: {
51
231
  type: import('vue').PropType<import('./types').ProgressItem[]>;
52
232
  required: true;
53
233
  };
234
+ labelColor: {
235
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
236
+ required: false;
237
+ default: string;
238
+ };
239
+ labelSize: {
240
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
241
+ required: false;
242
+ default: string;
243
+ };
244
+ annotationColor: {
245
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
246
+ required: false;
247
+ default: string;
248
+ };
249
+ annotationSize: {
250
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
251
+ required: false;
252
+ default: string;
253
+ };
54
254
  }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
55
255
  contents: {
56
256
  type: import('vue').PropType<import('./types').ProgressItem[]>;
57
257
  required: true;
58
258
  };
59
- }>>, {}, {}>>;
259
+ labelColor: {
260
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
261
+ required: false;
262
+ default: string;
263
+ };
264
+ labelSize: {
265
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
266
+ required: false;
267
+ default: string;
268
+ };
269
+ annotationColor: {
270
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
271
+ required: false;
272
+ default: string;
273
+ };
274
+ annotationSize: {
275
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
276
+ required: false;
277
+ default: string;
278
+ };
279
+ }>>, {
280
+ labelColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
281
+ labelSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
282
+ annotationColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
283
+ annotationSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
284
+ }, {}>>;
60
285
  export declare const WithAnnotation: StoryFn<import('vue').DefineComponent<{
61
286
  contents: {
62
287
  type: import('vue').PropType<import('./types').ProgressItem[]>;
63
288
  required: true;
64
289
  };
290
+ labelColor: {
291
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
292
+ required: false;
293
+ default: string;
294
+ };
295
+ labelSize: {
296
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
297
+ required: false;
298
+ default: string;
299
+ };
300
+ annotationColor: {
301
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
302
+ required: false;
303
+ default: string;
304
+ };
305
+ annotationSize: {
306
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
307
+ required: false;
308
+ default: string;
309
+ };
65
310
  }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
66
311
  contents: {
67
312
  type: import('vue').PropType<import('./types').ProgressItem[]>;
68
313
  required: true;
69
314
  };
70
- }>>, {}, {}>>;
315
+ labelColor: {
316
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
317
+ required: false;
318
+ default: string;
319
+ };
320
+ labelSize: {
321
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
322
+ required: false;
323
+ default: string;
324
+ };
325
+ annotationColor: {
326
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
327
+ required: false;
328
+ default: string;
329
+ };
330
+ annotationSize: {
331
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
332
+ required: false;
333
+ default: string;
334
+ };
335
+ }>>, {
336
+ labelColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
337
+ labelSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
338
+ annotationColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
339
+ annotationSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
340
+ }, {}>>;
71
341
  export declare const WithAll: StoryFn<import('vue').DefineComponent<{
72
342
  contents: {
73
343
  type: import('vue').PropType<import('./types').ProgressItem[]>;
74
344
  required: true;
75
345
  };
346
+ labelColor: {
347
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
348
+ required: false;
349
+ default: string;
350
+ };
351
+ labelSize: {
352
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
353
+ required: false;
354
+ default: string;
355
+ };
356
+ annotationColor: {
357
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
358
+ required: false;
359
+ default: string;
360
+ };
361
+ annotationSize: {
362
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
363
+ required: false;
364
+ default: string;
365
+ };
366
+ }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
367
+ contents: {
368
+ type: import('vue').PropType<import('./types').ProgressItem[]>;
369
+ required: true;
370
+ };
371
+ labelColor: {
372
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
373
+ required: false;
374
+ default: string;
375
+ };
376
+ labelSize: {
377
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
378
+ required: false;
379
+ default: string;
380
+ };
381
+ annotationColor: {
382
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
383
+ required: false;
384
+ default: string;
385
+ };
386
+ annotationSize: {
387
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
388
+ required: false;
389
+ default: string;
390
+ };
391
+ }>>, {
392
+ labelColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
393
+ labelSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
394
+ annotationColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
395
+ annotationSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
396
+ }, {}>>;
397
+ export declare const WithCustomLabel: StoryFn<import('vue').DefineComponent<{
398
+ contents: {
399
+ type: import('vue').PropType<import('./types').ProgressItem[]>;
400
+ required: true;
401
+ };
402
+ labelColor: {
403
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
404
+ required: false;
405
+ default: string;
406
+ };
407
+ labelSize: {
408
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
409
+ required: false;
410
+ default: string;
411
+ };
412
+ annotationColor: {
413
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
414
+ required: false;
415
+ default: string;
416
+ };
417
+ annotationSize: {
418
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
419
+ required: false;
420
+ default: string;
421
+ };
422
+ }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
423
+ contents: {
424
+ type: import('vue').PropType<import('./types').ProgressItem[]>;
425
+ required: true;
426
+ };
427
+ labelColor: {
428
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
429
+ required: false;
430
+ default: string;
431
+ };
432
+ labelSize: {
433
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
434
+ required: false;
435
+ default: string;
436
+ };
437
+ annotationColor: {
438
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
439
+ required: false;
440
+ default: string;
441
+ };
442
+ annotationSize: {
443
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
444
+ required: false;
445
+ default: string;
446
+ };
447
+ }>>, {
448
+ labelColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
449
+ labelSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
450
+ annotationColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
451
+ annotationSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
452
+ }, {}>>;
453
+ export declare const WithCustomAnnotation: StoryFn<import('vue').DefineComponent<{
454
+ contents: {
455
+ type: import('vue').PropType<import('./types').ProgressItem[]>;
456
+ required: true;
457
+ };
458
+ labelColor: {
459
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
460
+ required: false;
461
+ default: string;
462
+ };
463
+ labelSize: {
464
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
465
+ required: false;
466
+ default: string;
467
+ };
468
+ annotationColor: {
469
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
470
+ required: false;
471
+ default: string;
472
+ };
473
+ annotationSize: {
474
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
475
+ required: false;
476
+ default: string;
477
+ };
478
+ }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
479
+ contents: {
480
+ type: import('vue').PropType<import('./types').ProgressItem[]>;
481
+ required: true;
482
+ };
483
+ labelColor: {
484
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
485
+ required: false;
486
+ default: string;
487
+ };
488
+ labelSize: {
489
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
490
+ required: false;
491
+ default: string;
492
+ };
493
+ annotationColor: {
494
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
495
+ required: false;
496
+ default: string;
497
+ };
498
+ annotationSize: {
499
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
500
+ required: false;
501
+ default: string;
502
+ };
503
+ }>>, {
504
+ labelColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
505
+ labelSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
506
+ annotationColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
507
+ annotationSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
508
+ }, {}>>;
509
+ export declare const WithCustomLabelAndAnnotation: StoryFn<import('vue').DefineComponent<{
510
+ contents: {
511
+ type: import('vue').PropType<import('./types').ProgressItem[]>;
512
+ required: true;
513
+ };
514
+ labelColor: {
515
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
516
+ required: false;
517
+ default: string;
518
+ };
519
+ labelSize: {
520
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
521
+ required: false;
522
+ default: string;
523
+ };
524
+ annotationColor: {
525
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
526
+ required: false;
527
+ default: string;
528
+ };
529
+ annotationSize: {
530
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
531
+ required: false;
532
+ default: string;
533
+ };
76
534
  }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
77
535
  contents: {
78
536
  type: import('vue').PropType<import('./types').ProgressItem[]>;
79
537
  required: true;
80
538
  };
81
- }>>, {}, {}>>;
539
+ labelColor: {
540
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
541
+ required: false;
542
+ default: string;
543
+ };
544
+ labelSize: {
545
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
546
+ required: false;
547
+ default: string;
548
+ };
549
+ annotationColor: {
550
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
551
+ required: false;
552
+ default: string;
553
+ };
554
+ annotationSize: {
555
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
556
+ required: false;
557
+ default: string;
558
+ };
559
+ }>>, {
560
+ labelColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
561
+ labelSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
562
+ annotationColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
563
+ annotationSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
564
+ }, {}>>;
565
+ export declare const WithPerItemCustomStyle: StoryFn<import('vue').DefineComponent<{
566
+ contents: {
567
+ type: import('vue').PropType<import('./types').ProgressItem[]>;
568
+ required: true;
569
+ };
570
+ labelColor: {
571
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
572
+ required: false;
573
+ default: string;
574
+ };
575
+ labelSize: {
576
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
577
+ required: false;
578
+ default: string;
579
+ };
580
+ annotationColor: {
581
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
582
+ required: false;
583
+ default: string;
584
+ };
585
+ annotationSize: {
586
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
587
+ required: false;
588
+ default: string;
589
+ };
590
+ }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
591
+ contents: {
592
+ type: import('vue').PropType<import('./types').ProgressItem[]>;
593
+ required: true;
594
+ };
595
+ labelColor: {
596
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
597
+ required: false;
598
+ default: string;
599
+ };
600
+ labelSize: {
601
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
602
+ required: false;
603
+ default: string;
604
+ };
605
+ annotationColor: {
606
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').ColorKeys>;
607
+ required: false;
608
+ default: string;
609
+ };
610
+ annotationSize: {
611
+ type: import('vue').PropType<import('@wizleap-inc/wiz-ui-constants').FontSizeKeys>;
612
+ required: false;
613
+ default: string;
614
+ };
615
+ }>>, {
616
+ labelColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
617
+ labelSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
618
+ annotationColor: import('@wizleap-inc/wiz-ui-constants').ColorKeys;
619
+ annotationSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
620
+ }, {}>>;
package/dist/components/base/progress-bar/progress-bar.vue.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { ColorKeys, FontSizeKeys } from '@wizleap-inc/wiz-ui-constants';
1
2
  import { PropType } from 'vue';
2
3
  import { ProgressItem } from './types';
3
4
  declare const _default: import('vue').DefineComponent<{
@@ -5,10 +6,55 @@ declare const _default: import('vue').DefineComponent<{
5
6
  type: PropType<ProgressItem[]>;
6
7
  required: true;
7
8
  };
9
+ labelColor: {
10
+ type: PropType<ColorKeys>;
11
+ required: false;
12
+ default: string;
13
+ };
14
+ labelSize: {
15
+ type: PropType<FontSizeKeys>;
16
+ required: false;
17
+ default: string;
18
+ };
19
+ annotationColor: {
20
+ type: PropType<ColorKeys>;
21
+ required: false;
22
+ default: string;
23
+ };
24
+ annotationSize: {
25
+ type: PropType<FontSizeKeys>;
26
+ required: false;
27
+ default: string;
28
+ };
8
29
  }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
9
30
  contents: {
10
31
  type: PropType<ProgressItem[]>;
11
32
  required: true;
12
33
  };
13
- }>>, {}, {}>;
34
+ labelColor: {
35
+ type: PropType<ColorKeys>;
36
+ required: false;
37
+ default: string;
38
+ };
39
+ labelSize: {
40
+ type: PropType<FontSizeKeys>;
41
+ required: false;
42
+ default: string;
43
+ };
44
+ annotationColor: {
45
+ type: PropType<ColorKeys>;
46
+ required: false;
47
+ default: string;
48
+ };
49
+ annotationSize: {
50
+ type: PropType<FontSizeKeys>;
51
+ required: false;
52
+ default: string;
53
+ };
54
+ }>>, {
55
+ labelColor: ColorKeys;
56
+ labelSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
57
+ annotationColor: ColorKeys;
58
+ annotationSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
59
+ }, {}>;
14
60
  export default _default;