@weni/unnnic-system 3.0.1-alpha.1 → 3.0.1-alpha.2

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/CHANGELOG.md +20 -1
  2. package/dist/components/ChatsHeader/ChatsHeader.vue.d.ts +55 -674
  3. package/dist/components/ChatsHeader/ChatsHeader.vue.d.ts.map +1 -1
  4. package/dist/{es-10af465a.mjs → es-4445a3f5.mjs} +1 -1
  5. package/dist/{index-2b77db3c.mjs → index-72636611.mjs} +2799 -2839
  6. package/dist/{pt-br-dbc4fe4a.mjs → pt-br-41be3703.mjs} +1 -1
  7. package/dist/style.css +1 -1
  8. package/dist/unnnic.mjs +1 -1
  9. package/dist/unnnic.umd.js +30 -30
  10. package/package.json +1 -1
  11. package/src/assets/scss/colors.scss +12 -12
  12. package/src/components/ChatsHeader/ChatsHeader.vue +44 -64
  13. package/src/stories/ChatsHeader.stories.js +21 -0
  14. package/src/types/index.d.ts +3 -3
  15. package/src/types/unnnic-utils.d.ts +88 -0
  16. package/dist/components/index.d.ts +0 -41275
  17. package/dist/components/index.d.ts.map +0 -1
package/dist/components/ChatsHeader/ChatsHeader.vue.d.ts CHANGED
@@ -1,680 +1,61 @@
1
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
- title: {
3
- type: StringConstructor;
4
- required: true;
5
- default: string;
6
- };
7
- subtitle: {
8
- type: StringConstructor;
9
- default: string;
10
- };
11
- sectionIconScheme: {
12
- type: StringConstructor;
13
- default: string;
14
- };
15
- avatarIcon: {
16
- type: StringConstructor;
17
- default: string;
18
- };
19
- avatarName: {
20
- type: StringConstructor;
21
- default: string;
22
- };
23
- back: {
24
- type: FunctionConstructor;
25
- required: false;
26
- };
27
- close: {
28
- type: FunctionConstructor;
29
- required: false;
30
- };
31
- avatarClick: {
32
- type: FunctionConstructor;
33
- required: false;
34
- };
35
- titleClick: {
36
- type: FunctionConstructor;
37
- required: false;
38
- };
39
- crumbs: {
40
- type: ArrayConstructor;
41
- default: () => never[];
42
- };
43
- size: {
44
- type: StringConstructor;
45
- default: string;
46
- validator(size: unknown): boolean;
47
- };
48
- }>, {}, {}, {}, {}, {
49
- props: {
50
- locale: {
51
- type: StringConstructor;
52
- };
53
- translations: {
54
- type: ObjectConstructor;
55
- };
56
- };
57
- methods: {
58
- i18n(...args: any[]): any;
59
- };
60
- }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
61
- title: {
62
- type: StringConstructor;
63
- required: true;
64
- default: string;
65
- };
66
- subtitle: {
67
- type: StringConstructor;
68
- default: string;
69
- };
70
- sectionIconScheme: {
71
- type: StringConstructor;
72
- default: string;
73
- };
74
- avatarIcon: {
75
- type: StringConstructor;
76
- default: string;
77
- };
78
- avatarName: {
79
- type: StringConstructor;
80
- default: string;
81
- };
82
- back: {
83
- type: FunctionConstructor;
84
- required: false;
85
- };
86
- close: {
87
- type: FunctionConstructor;
88
- required: false;
89
- };
90
- avatarClick: {
91
- type: FunctionConstructor;
92
- required: false;
93
- };
94
- titleClick: {
95
- type: FunctionConstructor;
96
- required: false;
97
- };
98
- crumbs: {
99
- type: ArrayConstructor;
100
- default: () => never[];
101
- };
102
- size: {
103
- type: StringConstructor;
104
- default: string;
105
- validator(size: unknown): boolean;
106
- };
107
- }>> & Readonly<{}>, {
1
+ import { UnnnicColorToken } from '../../types/unnnic-utils';
2
+ interface Props {
3
+ title?: string;
4
+ subtitle?: string;
5
+ sectionIconScheme?: UnnnicColorToken;
6
+ avatarIcon?: string;
7
+ avatarName?: string;
8
+ back?: () => void;
9
+ close?: () => void;
10
+ avatarClick?: () => void;
11
+ titleClick?: () => void;
12
+ crumbs?: Array<{
13
+ name: string;
14
+ path: string;
15
+ }>;
16
+ size?: 'auto' | 'small' | 'large';
17
+ }
18
+ declare function __VLS_template(): {
19
+ attrs: Partial<{}>;
20
+ slots: {
21
+ default?(_: {}): any;
22
+ right?(_: {}): any;
23
+ };
24
+ refs: {};
25
+ rootEl: HTMLDivElement;
26
+ };
27
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
28
+ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
29
+ crumbClick: (crumb: {
30
+ name: string;
31
+ path: string;
32
+ }) => any;
33
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
34
+ onCrumbClick?: ((crumb: {
35
+ name: string;
36
+ path: string;
37
+ }) => any) | undefined;
38
+ }>, {
39
+ close: () => void;
108
40
  title: string;
109
- size: string;
41
+ size: "auto" | "small" | "large";
110
42
  subtitle: string;
111
- crumbs: unknown[];
112
- sectionIconScheme: string;
43
+ back: () => void;
44
+ crumbs: Array<{
45
+ name: string;
46
+ path: string;
47
+ }>;
48
+ sectionIconScheme: UnnnicColorToken;
113
49
  avatarIcon: string;
114
50
  avatarName: string;
115
- }, {}, {
116
- UnnnicButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
117
- size: {
118
- type: StringConstructor;
119
- default: string;
120
- };
121
- text: {
122
- type: StringConstructor;
123
- default: string;
124
- };
125
- type: {
126
- type: StringConstructor;
127
- default: string;
128
- };
129
- float: {
130
- type: BooleanConstructor;
131
- default: boolean;
132
- };
133
- iconLeft: {
134
- type: StringConstructor;
135
- default: string;
136
- };
137
- iconRight: {
138
- type: StringConstructor;
139
- default: string;
140
- };
141
- iconCenter: {
142
- type: StringConstructor;
143
- default: string;
144
- };
145
- iconsFilled: {
146
- type: BooleanConstructor;
147
- default: boolean;
148
- };
149
- next: {
150
- type: BooleanConstructor;
151
- default: boolean;
152
- };
153
- disabled: {
154
- type: BooleanConstructor;
155
- default: boolean;
156
- };
157
- loading: {
158
- type: BooleanConstructor;
159
- default: boolean;
160
- };
161
- }>, {}, {}, {
162
- buttonDisabled(): boolean;
163
- iconSize(): "md" | "sm";
164
- hasText(): boolean | "";
165
- iconScheme(): any;
166
- isSizePropValid(): boolean;
167
- isTypePropValid(): boolean;
168
- }, {
169
- validateProps(): void;
170
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
171
- size: {
172
- type: StringConstructor;
173
- default: string;
174
- };
175
- text: {
176
- type: StringConstructor;
177
- default: string;
178
- };
179
- type: {
180
- type: StringConstructor;
181
- default: string;
182
- };
183
- float: {
184
- type: BooleanConstructor;
185
- default: boolean;
186
- };
187
- iconLeft: {
188
- type: StringConstructor;
189
- default: string;
190
- };
191
- iconRight: {
192
- type: StringConstructor;
193
- default: string;
194
- };
195
- iconCenter: {
196
- type: StringConstructor;
197
- default: string;
198
- };
199
- iconsFilled: {
200
- type: BooleanConstructor;
201
- default: boolean;
202
- };
203
- next: {
204
- type: BooleanConstructor;
205
- default: boolean;
206
- };
207
- disabled: {
208
- type: BooleanConstructor;
209
- default: boolean;
210
- };
211
- loading: {
212
- type: BooleanConstructor;
213
- default: boolean;
214
- };
215
- }>> & Readonly<{}>, {
216
- text: string;
217
- type: string;
218
- next: boolean;
219
- size: string;
220
- disabled: boolean;
221
- iconLeft: string;
222
- iconRight: string;
223
- float: boolean;
224
- iconCenter: string;
225
- iconsFilled: boolean;
226
- loading: boolean;
227
- }, {}, {
228
- UnnnicIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
229
- filled: {
230
- type: BooleanConstructor;
231
- };
232
- next: {
233
- type: BooleanConstructor;
234
- };
235
- icon: {
236
- type: StringConstructor;
237
- default: null;
238
- };
239
- clickable: {
240
- type: BooleanConstructor;
241
- default: boolean;
242
- };
243
- size: {
244
- type: StringConstructor;
245
- default: string;
246
- validator(value: unknown): boolean;
247
- };
248
- lineHeight: {
249
- type: StringConstructor;
250
- default: null;
251
- validator(value: unknown): boolean;
252
- };
253
- scheme: {
254
- type: StringConstructor;
255
- default: string;
256
- };
257
- }>, {}, {}, {
258
- svg(): any;
259
- materialSymbolsName(): any;
260
- }, {
261
- onClick($event: any): void;
262
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "mousedown" | "mouseup")[], "click" | "mousedown" | "mouseup", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
263
- filled: {
264
- type: BooleanConstructor;
265
- };
266
- next: {
267
- type: BooleanConstructor;
268
- };
269
- icon: {
270
- type: StringConstructor;
271
- default: null;
272
- };
273
- clickable: {
274
- type: BooleanConstructor;
275
- default: boolean;
276
- };
277
- size: {
278
- type: StringConstructor;
279
- default: string;
280
- validator(value: unknown): boolean;
281
- };
282
- lineHeight: {
283
- type: StringConstructor;
284
- default: null;
285
- validator(value: unknown): boolean;
286
- };
287
- scheme: {
288
- type: StringConstructor;
289
- default: string;
290
- };
291
- }>> & Readonly<{
292
- onClick?: ((...args: any[]) => any) | undefined;
293
- onMousedown?: ((...args: any[]) => any) | undefined;
294
- onMouseup?: ((...args: any[]) => any) | undefined;
295
- }>, {
296
- filled: boolean;
297
- next: boolean;
298
- icon: string;
299
- clickable: boolean;
300
- size: string;
301
- lineHeight: string;
302
- scheme: string;
303
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
304
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
305
- UnnnicAvatarIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
306
- enabled: {
307
- type: BooleanConstructor;
308
- default: boolean;
309
- };
310
- icon: {
311
- type: StringConstructor;
312
- default: string;
313
- };
314
- size: {
315
- type: StringConstructor;
316
- default: string;
317
- validator(value: unknown): boolean;
318
- };
319
- scheme: {
320
- type: StringConstructor;
321
- default: string;
322
- };
323
- filled: {
324
- type: BooleanConstructor;
325
- default: boolean;
326
- };
327
- opacity: {
328
- type: BooleanConstructor;
329
- default: boolean;
330
- };
331
- }>, {}, {}, {
332
- iconSize(): any;
333
- }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
334
- enabled: {
335
- type: BooleanConstructor;
336
- default: boolean;
337
- };
338
- icon: {
339
- type: StringConstructor;
340
- default: string;
341
- };
342
- size: {
343
- type: StringConstructor;
344
- default: string;
345
- validator(value: unknown): boolean;
346
- };
347
- scheme: {
348
- type: StringConstructor;
349
- default: string;
350
- };
351
- filled: {
352
- type: BooleanConstructor;
353
- default: boolean;
354
- };
355
- opacity: {
356
- type: BooleanConstructor;
357
- default: boolean;
358
- };
359
- }>> & Readonly<{}>, {
360
- filled: boolean;
361
- icon: string;
362
- size: string;
363
- scheme: string;
364
- enabled: boolean;
365
- opacity: boolean;
366
- }, {}, {
367
- UnnnicIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
368
- filled: {
369
- type: BooleanConstructor;
370
- };
371
- next: {
372
- type: BooleanConstructor;
373
- };
374
- icon: {
375
- type: StringConstructor;
376
- default: null;
377
- };
378
- clickable: {
379
- type: BooleanConstructor;
380
- default: boolean;
381
- };
382
- size: {
383
- type: StringConstructor;
384
- default: string;
385
- validator(value: unknown): boolean;
386
- };
387
- lineHeight: {
388
- type: StringConstructor;
389
- default: null;
390
- validator(value: unknown): boolean;
391
- };
392
- scheme: {
393
- type: StringConstructor;
394
- default: string;
395
- };
396
- }>, {}, {}, {
397
- svg(): any;
398
- materialSymbolsName(): any;
399
- }, {
400
- onClick($event: any): void;
401
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "mousedown" | "mouseup")[], "click" | "mousedown" | "mouseup", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
402
- filled: {
403
- type: BooleanConstructor;
404
- };
405
- next: {
406
- type: BooleanConstructor;
407
- };
408
- icon: {
409
- type: StringConstructor;
410
- default: null;
411
- };
412
- clickable: {
413
- type: BooleanConstructor;
414
- default: boolean;
415
- };
416
- size: {
417
- type: StringConstructor;
418
- default: string;
419
- validator(value: unknown): boolean;
420
- };
421
- lineHeight: {
422
- type: StringConstructor;
423
- default: null;
424
- validator(value: unknown): boolean;
425
- };
426
- scheme: {
427
- type: StringConstructor;
428
- default: string;
429
- };
430
- }>> & Readonly<{
431
- onClick?: ((...args: any[]) => any) | undefined;
432
- onMousedown?: ((...args: any[]) => any) | undefined;
433
- onMouseup?: ((...args: any[]) => any) | undefined;
434
- }>, {
435
- filled: boolean;
436
- next: boolean;
437
- icon: string;
438
- clickable: boolean;
439
- size: string;
440
- lineHeight: string;
441
- scheme: string;
442
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
443
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
444
- UnnnicChatsUserAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
445
- active: {
446
- type: BooleanConstructor;
447
- default: boolean;
448
- };
449
- clickable: {
450
- type: BooleanConstructor;
451
- default: boolean;
452
- };
453
- disabled: {
454
- type: BooleanConstructor;
455
- default: boolean;
456
- };
457
- size: {
458
- type: StringConstructor;
459
- default: string;
460
- validator: (value: unknown) => boolean;
461
- };
462
- username: {
463
- type: StringConstructor;
464
- required: true;
465
- };
466
- photoUrl: {
467
- type: StringConstructor;
468
- default: string;
469
- };
470
- }>, {}, {}, {
471
- getUsernameFirstCharacter(): string;
472
- }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
473
- active: {
474
- type: BooleanConstructor;
475
- default: boolean;
476
- };
477
- clickable: {
478
- type: BooleanConstructor;
479
- default: boolean;
480
- };
481
- disabled: {
482
- type: BooleanConstructor;
483
- default: boolean;
484
- };
485
- size: {
486
- type: StringConstructor;
487
- default: string;
488
- validator: (value: unknown) => boolean;
489
- };
490
- username: {
491
- type: StringConstructor;
492
- required: true;
493
- };
494
- photoUrl: {
495
- type: StringConstructor;
496
- default: string;
497
- };
498
- }>> & Readonly<{
499
- onClick?: ((...args: any[]) => any) | undefined;
500
- }>, {
501
- clickable: boolean;
502
- size: string;
503
- disabled: boolean;
504
- active: boolean;
505
- photoUrl: string;
506
- }, {}, {
507
- UnnnicIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
508
- filled: {
509
- type: BooleanConstructor;
510
- };
511
- next: {
512
- type: BooleanConstructor;
513
- };
514
- icon: {
515
- type: StringConstructor;
516
- default: null;
517
- };
518
- clickable: {
519
- type: BooleanConstructor;
520
- default: boolean;
521
- };
522
- size: {
523
- type: StringConstructor;
524
- default: string;
525
- validator(value: unknown): boolean;
526
- };
527
- lineHeight: {
528
- type: StringConstructor;
529
- default: null;
530
- validator(value: unknown): boolean;
531
- };
532
- scheme: {
533
- type: StringConstructor;
534
- default: string;
535
- };
536
- }>, {}, {}, {
537
- svg(): any;
538
- materialSymbolsName(): any;
539
- }, {
540
- onClick($event: any): void;
541
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "mousedown" | "mouseup")[], "click" | "mousedown" | "mouseup", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
542
- filled: {
543
- type: BooleanConstructor;
544
- };
545
- next: {
546
- type: BooleanConstructor;
547
- };
548
- icon: {
549
- type: StringConstructor;
550
- default: null;
551
- };
552
- clickable: {
553
- type: BooleanConstructor;
554
- default: boolean;
555
- };
556
- size: {
557
- type: StringConstructor;
558
- default: string;
559
- validator(value: unknown): boolean;
560
- };
561
- lineHeight: {
562
- type: StringConstructor;
563
- default: null;
564
- validator(value: unknown): boolean;
565
- };
566
- scheme: {
567
- type: StringConstructor;
568
- default: string;
569
- };
570
- }>> & Readonly<{
571
- onClick?: ((...args: any[]) => any) | undefined;
572
- onMousedown?: ((...args: any[]) => any) | undefined;
573
- onMouseup?: ((...args: any[]) => any) | undefined;
574
- }>, {
575
- filled: boolean;
576
- next: boolean;
577
- icon: string;
578
- clickable: boolean;
579
- size: string;
580
- lineHeight: string;
581
- scheme: string;
582
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
583
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
584
- UnnnicBreadcrumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
585
- crumbs: {
586
- type: ArrayConstructor;
587
- default: null;
588
- validator: (crumb: unknown) => any;
589
- };
590
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "crumb-click"[], "crumb-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
591
- crumbs: {
592
- type: ArrayConstructor;
593
- default: null;
594
- validator: (crumb: unknown) => any;
595
- };
596
- }>> & Readonly<{
597
- "onCrumb-click"?: ((...args: any[]) => any) | undefined;
598
- }>, {
599
- crumbs: unknown[];
600
- }, {}, {
601
- UnnnicIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
602
- filled: {
603
- type: BooleanConstructor;
604
- };
605
- next: {
606
- type: BooleanConstructor;
607
- };
608
- icon: {
609
- type: StringConstructor;
610
- default: null;
611
- };
612
- clickable: {
613
- type: BooleanConstructor;
614
- default: boolean;
615
- };
616
- size: {
617
- type: StringConstructor;
618
- default: string;
619
- validator(value: unknown): boolean;
620
- };
621
- lineHeight: {
622
- type: StringConstructor;
623
- default: null;
624
- validator(value: unknown): boolean;
625
- };
626
- scheme: {
627
- type: StringConstructor;
628
- default: string;
629
- };
630
- }>, {}, {}, {
631
- svg(): any;
632
- materialSymbolsName(): any;
633
- }, {
634
- onClick($event: any): void;
635
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "mousedown" | "mouseup")[], "click" | "mousedown" | "mouseup", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
636
- filled: {
637
- type: BooleanConstructor;
638
- };
639
- next: {
640
- type: BooleanConstructor;
641
- };
642
- icon: {
643
- type: StringConstructor;
644
- default: null;
645
- };
646
- clickable: {
647
- type: BooleanConstructor;
648
- default: boolean;
649
- };
650
- size: {
651
- type: StringConstructor;
652
- default: string;
653
- validator(value: unknown): boolean;
654
- };
655
- lineHeight: {
656
- type: StringConstructor;
657
- default: null;
658
- validator(value: unknown): boolean;
659
- };
660
- scheme: {
661
- type: StringConstructor;
662
- default: string;
663
- };
664
- }>> & Readonly<{
665
- onClick?: ((...args: any[]) => any) | undefined;
666
- onMousedown?: ((...args: any[]) => any) | undefined;
667
- onMouseup?: ((...args: any[]) => any) | undefined;
668
- }>, {
669
- filled: boolean;
670
- next: boolean;
671
- icon: string;
672
- clickable: boolean;
673
- size: string;
674
- lineHeight: string;
675
- scheme: string;
676
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
677
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
678
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
51
+ avatarClick: () => void;
52
+ titleClick: () => void;
53
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
54
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
679
55
  export default _default;
56
+ type __VLS_WithTemplateSlots<T, S> = T & {
57
+ new (): {
58
+ $slots: S;
59
+ };
60
+ };
680
61
  //# sourceMappingURL=ChatsHeader.vue.d.ts.map