@weni/unnnic-system 3.25.7 → 3.26.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 (67) hide show
  1. package/dist/{es-Cez02syJ.mjs → es-Dhz_Vb5J.mjs} +1 -1
  2. package/dist/{index-B-NJIYYT.mjs → index-CyIfw1Zx.mjs} +7464 -7435
  3. package/dist/index.d.ts +12 -0
  4. package/dist/{pt-br-u8UEMjaT.mjs → pt-br-LgmWO25q.mjs} +1 -1
  5. package/dist/style.css +1 -1
  6. package/dist/tokens/colors.d.ts +2 -0
  7. package/dist/tokens/colors.mjs +2 -0
  8. package/dist/unnnic.mjs +18 -17
  9. package/dist/unnnic.umd.js +29 -29
  10. package/package.json +2 -1
  11. package/src/assets/scss/colors-hsl.scss +2 -0
  12. package/src/assets/scss/colors.scss +0 -43
  13. package/src/assets/scss/deprecated/colors.scss +1 -0
  14. package/src/assets/scss/scheme-colors.scss +3 -0
  15. package/src/assets/scss/semantic-colors.scss +48 -0
  16. package/src/assets/scss/semantic-text-utilities.scss +9 -0
  17. package/src/assets/scss/tailwind.scss +1 -1
  18. package/src/assets/scss/theme.scss +98 -0
  19. package/src/assets/scss/unnnic.scss +2 -0
  20. package/src/assets/tokens/colors-primitives.json +155 -0
  21. package/src/assets/tokens/colors-semantic-dark.json +55 -0
  22. package/src/assets/tokens/colors-semantic.json +55 -0
  23. package/src/components/Alert/__tests__/__snapshots__/Alert.spec.js.snap +1 -1
  24. package/src/components/AudioRecorder/AudioTranscriptionButton.vue +3 -1
  25. package/src/components/Button/Button.vue +17 -18
  26. package/src/components/Card/CardCompany.vue +1 -1
  27. package/src/components/CardNumber/CardNumber.vue +1 -1
  28. package/src/components/CardProject/CardProject.vue +4 -4
  29. package/src/components/Carousel/TagCarousel.vue +2 -2
  30. package/src/components/ChartRainbow/ChartRainbow.vue +2 -2
  31. package/src/components/ChatsContact/ChatsContact.vue +12 -10
  32. package/src/components/ChatsContact/__tests__/__snapshots__/ChatsContact.spec.js.snap +1 -1
  33. package/src/components/ChatsMessage/ChatsMessage.vue +6 -7
  34. package/src/components/ChatsMessage/ChatsMessageStatusBackdrop.vue +1 -1
  35. package/src/components/ChatsMessage/ReplyMessage.vue +4 -4
  36. package/src/components/ChatsNavbar/ChatsNavbar.vue +1 -1
  37. package/src/components/ChatsUserAvatar/ChatsUserAvatar.vue +3 -3
  38. package/src/components/Chip/Chip.vue +20 -26
  39. package/src/components/Chip/__tests__/Chip.spec.js +3 -3
  40. package/src/components/DataTable/index.vue +2 -2
  41. package/src/components/DatePicker/DatePicker.vue +4 -4
  42. package/src/components/EmojiPicker/EmojiPicker.vue +40 -4
  43. package/src/components/EmojiPicker/__tests__/EmojiPicker.spec.js +1 -1
  44. package/src/components/FormElement/FormElement.vue +1 -1
  45. package/src/components/Input/Input.scss +2 -2
  46. package/src/components/Input/TextInput.vue +1 -1
  47. package/src/components/SelectTime/index.vue +1 -1
  48. package/src/components/Sidebar/index.vue +1 -1
  49. package/src/components/SkeletonLoading/skeletonTheme.vue +2 -4
  50. package/src/components/Table/Table.vue +1 -1
  51. package/src/components/Tag/DefaultTag.vue +9 -11
  52. package/src/components/TemplatePreview/TemplatePreview.vue +1 -1
  53. package/src/components/Toast/Toast.vue +4 -4
  54. package/src/components/Toast/__tests__/Toast.spec.js +5 -5
  55. package/src/components/ToolTip/ToolTip.vue +1 -1
  56. package/src/components/Tour/TourMask.vue +1 -1
  57. package/src/components/ui/dialog/DialogContent.vue +1 -1
  58. package/src/components/ui/popover/PopoverContent.vue +1 -1
  59. package/src/components/ui/popover/PopoverOption.vue +2 -2
  60. package/src/components/ui/tooltip/TooltipContent.vue +5 -4
  61. package/src/composables/useTheme.ts +67 -0
  62. package/src/index.ts +2 -0
  63. package/src/stories/Colors.stories.js +6 -1
  64. package/src/stories/Icon.stories.js +1 -0
  65. package/src/stories/IconLoading.stories.js +1 -0
  66. package/src/types/scheme-colors.d.ts +2 -0
  67. package/src/assets/tokens/colors.json +0 -552
package/src/assets/tokens/colors.json DELETED
@@ -1,552 +0,0 @@
1
- {
2
- "color": {
3
- "gray": {
4
- "0": {
5
- "value": "#FFFFFF"
6
- },
7
- "1": {
8
- "value": "#F5F5F5"
9
- },
10
- "2": {
11
- "value": "#EBEBEB"
12
- },
13
- "3": {
14
- "value": "#E0E0E0"
15
- },
16
- "4": {
17
- "value": "#D6D6D6"
18
- },
19
- "5": {
20
- "value": "#C2C2C2"
21
- },
22
- "6": {
23
- "value": "#ADADAD"
24
- },
25
- "7": {
26
- "value": "#999999"
27
- },
28
- "8": {
29
- "value": "#858585"
30
- },
31
- "9": {
32
- "value": "#707070"
33
- },
34
- "10": {
35
- "value": "#5C5C5C"
36
- },
37
- "11": {
38
- "value": "#3D3D3D"
39
- },
40
- "12": {
41
- "value": "#1F1F1F"
42
- },
43
- "13": {
44
- "value": "#000000"
45
- }
46
- },
47
- "teal": {
48
- "1": {
49
- "value": "#E9FAF8"
50
- },
51
- "2": {
52
- "value": "#CFF8F4"
53
- },
54
- "3": {
55
- "value": "#ABF2EB"
56
- },
57
- "4": {
58
- "value": "#8DEAE3"
59
- },
60
- "5": {
61
- "value": "#66DBD3"
62
- },
63
- "6": {
64
- "value": "#40CAC2"
65
- },
66
- "7": {
67
- "value": "#10B6AF"
68
- },
69
- "8": {
70
- "value": "#01A29B"
71
- },
72
- "9": {
73
- "value": "#018D88"
74
- },
75
- "10": {
76
- "value": "#017873"
77
- },
78
- "11": {
79
- "value": "#016460"
80
- },
81
- "12": {
82
- "value": "#0D504D"
83
- },
84
- "13": {
85
- "value": "#133D3B"
86
- }
87
- },
88
- "green": {
89
- "1": {
90
- "value": "#E9FCE3"
91
- },
92
- "2": {
93
- "value": "#CEFDC0"
94
- },
95
- "3": {
96
- "value": "#AFF79E"
97
- },
98
- "4": {
99
- "value": "#97EF86"
100
- },
101
- "5": {
102
- "value": "#74E26C"
103
- },
104
- "6": {
105
- "value": "#4FD051"
106
- },
107
- "7": {
108
- "value": "#28BC37"
109
- },
110
- "8": {
111
- "value": "#08A822"
112
- },
113
- "9": {
114
- "value": "#019213"
115
- },
116
- "10": {
117
- "value": "#017D10"
118
- },
119
- "11": {
120
- "value": "#016810"
121
- },
122
- "12": {
123
- "value": "#01540E"
124
- },
125
- "13": {
126
- "value": "#01410B"
127
- }
128
- },
129
- "blue": {
130
- "1": {
131
- "value": "#F1F8FD"
132
- },
133
- "2": {
134
- "value": "#E1F3FF"
135
- },
136
- "3": {
137
- "value": "#CBE9FF"
138
- },
139
- "4": {
140
- "value": "#B6DFFF"
141
- },
142
- "5": {
143
- "value": "#97CFFE"
144
- },
145
- "6": {
146
- "value": "#79BCFB"
147
- },
148
- "7": {
149
- "value": "#5AA8F7"
150
- },
151
- "8": {
152
- "value": "#3993F4"
153
- },
154
- "9": {
155
- "value": "#157BF4"
156
- },
157
- "10": {
158
- "value": "#0366DD"
159
- },
160
- "11": {
161
- "value": "#0155B7"
162
- },
163
- "12": {
164
- "value": "#014592"
165
- },
166
- "13": {
167
- "value": "#013672"
168
- }
169
- },
170
- "purple": {
171
- "1": {
172
- "value": "#F9F5FD"
173
- },
174
- "2": {
175
- "value": "#F5EAFE"
176
- },
177
- "3": {
178
- "value": "#EDDCFE"
179
- },
180
- "4": {
181
- "value": "#E5CFFE"
182
- },
183
- "5": {
184
- "value": "#DABAFD"
185
- },
186
- "6": {
187
- "value": "#CBA3FC"
188
- },
189
- "7": {
190
- "value": "#BC8AFB"
191
- },
192
- "8": {
193
- "value": "#AD71F8"
194
- },
195
- "9": {
196
- "value": "#9C56F3"
197
- },
198
- "10": {
199
- "value": "#883CE6"
200
- },
201
- "11": {
202
- "value": "#7225D2"
203
- },
204
- "12": {
205
- "value": "#5C12B6"
206
- },
207
- "13": {
208
- "value": "#460B93"
209
- }
210
- },
211
- "red": {
212
- "1": {
213
- "value": "#FDF6F5"
214
- },
215
- "2": {
216
- "value": "#FFEDEA"
217
- },
218
- "3": {
219
- "value": "#FFDFD9"
220
- },
221
- "4": {
222
- "value": "#FFD0C7"
223
- },
224
- "5": {
225
- "value": "#FFBBAD"
226
- },
227
- "6": {
228
- "value": "#FF9E8B"
229
- },
230
- "7": {
231
- "value": "#FF7F68"
232
- },
233
- "8": {
234
- "value": "#F95D47"
235
- },
236
- "9": {
237
- "value": "#EC3727"
238
- },
239
- "10": {
240
- "value": "#D31A15"
241
- },
242
- "11": {
243
- "value": "#B40202"
244
- },
245
- "12": {
246
- "value": "#940303"
247
- },
248
- "13": {
249
- "value": "#720000"
250
- }
251
- },
252
- "orange": {
253
- "1": {
254
- "value": "#FDF5E9"
255
- },
256
- "2": {
257
- "value": "#FFEDCD"
258
- },
259
- "3": {
260
- "value": "#FFE0AE"
261
- },
262
- "4": {
263
- "value": "#FED392"
264
- },
265
- "5": {
266
- "value": "#FEBC64"
267
- },
268
- "6": {
269
- "value": "#FFA138"
270
- },
271
- "7": {
272
- "value": "#F78612"
273
- },
274
- "8": {
275
- "value": "#E57001"
276
- },
277
- "9": {
278
- "value": "#CC5E01"
279
- },
280
- "10": {
281
- "value": "#B24D01"
282
- },
283
- "11": {
284
- "value": "#963E01"
285
- },
286
- "12": {
287
- "value": "#7B3001"
288
- },
289
- "13": {
290
- "value": "#622401"
291
- }
292
- },
293
- "yellow": {
294
- "1": {
295
- "value": "#FBF7D4"
296
- },
297
- "2": {
298
- "value": "#FDF5AD"
299
- },
300
- "3": {
301
- "value": "#FAEC6D"
302
- },
303
- "4": {
304
- "value": "#FADE1E"
305
- },
306
- "5": {
307
- "value": "#E9C701"
308
- },
309
- "6": {
310
- "value": "#D8B401"
311
- },
312
- "7": {
313
- "value": "#C5A001"
314
- },
315
- "8": {
316
- "value": "#B18D01"
317
- },
318
- "9": {
319
- "value": "#9C7901"
320
- },
321
- "10": {
322
- "value": "#866701"
323
- },
324
- "11": {
325
- "value": "#715401"
326
- },
327
- "12": {
328
- "value": "#5C4401"
329
- },
330
- "13": {
331
- "value": "#493401"
332
- }
333
- },
334
- "cyan": {
335
- "1": {
336
- "value": "#E6FAFD"
337
- },
338
- "2": {
339
- "value": "#C6F9FF"
340
- },
341
- "3": {
342
- "value": "#A5F1FF"
343
- },
344
- "4": {
345
- "value": "#89E8FB"
346
- },
347
- "5": {
348
- "value": "#61D9F4"
349
- },
350
- "6": {
351
- "value": "#34C6E9"
352
- },
353
- "7": {
354
- "value": "#13B1DB"
355
- },
356
- "8": {
357
- "value": "#029DC9"
358
- },
359
- "9": {
360
- "value": "#0187B5"
361
- },
362
- "10": {
363
- "value": "#0172A0"
364
- },
365
- "11": {
366
- "value": "#015E8A"
367
- },
368
- "12": {
369
- "value": "#014B74"
370
- },
371
- "13": {
372
- "value": "#013A5E"
373
- }
374
- },
375
- "pink": {
376
- "1": {
377
- "value": "#FDF5F7"
378
- },
379
- "2": {
380
- "value": "#FFEBF2"
381
- },
382
- "3": {
383
- "value": "#FFDFEB"
384
- },
385
- "4": {
386
- "value": "#FFC8DC"
387
- },
388
- "5": {
389
- "value": "#FEB2CD"
390
- },
391
- "6": {
392
- "value": "#FF98BF"
393
- },
394
- "7": {
395
- "value": "#FE78AC"
396
- },
397
- "8": {
398
- "value": "#EF5997"
399
- },
400
- "9": {
401
- "value": "#DE387F"
402
- },
403
- "10": {
404
- "value": "#CA226A"
405
- },
406
- "11": {
407
- "value": "#AF0956"
408
- },
409
- "12": {
410
- "value": "#8F0246"
411
- },
412
- "13": {
413
- "value": "#74043B"
414
- }
415
- },
416
- "bg": {
417
- "base": {
418
- "value": "{color.gray.0}"
419
- },
420
- "base-soft": {
421
- "value": "{color.gray.1}"
422
- },
423
- "muted": {
424
- "value": "{color.gray.2}"
425
- },
426
- "accent-plain": {
427
- "value": "{color.teal.2}"
428
- },
429
- "accent-strong": {
430
- "value": "{color.teal.8}"
431
- },
432
- "info": {
433
- "value": "{color.blue.1}"
434
- },
435
- "success": {
436
- "value": "{color.green.1}"
437
- },
438
- "warning": {
439
- "value": "{color.yellow.1}"
440
- },
441
- "critical": {
442
- "value": "{color.red.1}"
443
- },
444
- "red-plain": {
445
- "value": "{color.red.3}"
446
- },
447
- "red-strong": {
448
- "value": "{color.red.9}"
449
- },
450
- "orange-plain": {
451
- "value": "{color.orange.3}"
452
- },
453
- "orange-strong": {
454
- "value": "{color.orange.8}"
455
- },
456
- "yellow-plain": {
457
- "value": "{color.yellow.2}"
458
- },
459
- "yellow-strong": {
460
- "value": "{color.yellow.8}"
461
- },
462
- "green-plain": {
463
- "value": "{color.green.3}"
464
- },
465
- "green-strong": {
466
- "value": "{color.green.8}"
467
- },
468
- "teal-plain": {
469
- "value": "{color.teal.3}"
470
- },
471
- "teal-strong": {
472
- "value": "{color.teal.8}"
473
- },
474
- "blue-plain": {
475
- "value": "{color.blue.3}"
476
- },
477
- "blue-strong": {
478
- "value": "{color.blue.8}"
479
- },
480
- "purple-plain": {
481
- "value": "{color.purple.3}"
482
- },
483
- "purple-strong": {
484
- "value": "{color.purple.8}"
485
- },
486
- "pink-plain": {
487
- "value": "{color.pink.3}"
488
- },
489
- "pink-strong": {
490
- "value": "{color.pink.8}"
491
- }
492
- },
493
- "fg": {
494
- "base": {
495
- "value": "{color.gray.11}"
496
- },
497
- "emphasized": {
498
- "value": "{color.gray.12}"
499
- },
500
- "muted": {
501
- "value": "{color.gray.9}"
502
- },
503
- "inverted": {
504
- "value": "{color.gray.0}"
505
- },
506
- "accent": {
507
- "value": "{color.teal.8}"
508
- },
509
- "info": {
510
- "value": "{color.blue.9}"
511
- },
512
- "success": {
513
- "value": "{color.green.9}"
514
- },
515
- "warning": {
516
- "value": "{color.yellow.9}"
517
- },
518
- "critical": {
519
- "value": "{color.red.9}"
520
- }
521
- },
522
- "border": {
523
- "base": {
524
- "value": "{color.gray.3}"
525
- },
526
- "muted": {
527
- "value": "{color.gray.2}"
528
- },
529
- "emphasized": {
530
- "value": "{color.gray.7}"
531
- },
532
- "accent-plain": {
533
- "value": "{color.teal.5}"
534
- },
535
- "accent-strong": {
536
- "value": "{color.teal.8}"
537
- },
538
- "info": {
539
- "value": "{color.blue.5}"
540
- },
541
- "success": {
542
- "value": "{color.green.5}"
543
- },
544
- "warning": {
545
- "value": "{color.yellow.5}"
546
- },
547
- "critical": {
548
- "value": "{color.red.6}"
549
- }
550
- }
551
- }
552
- }