@weni/unnnic-system 3.25.6 → 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 (69) hide show
  1. package/dist/{es-CNigXHb1.mjs → es-Dhz_Vb5J.mjs} +1 -1
  2. package/dist/{index-B-PMK0Fu.mjs → index-CyIfw1Zx.mjs} +6972 -6910
  3. package/dist/index.d.ts +60 -2
  4. package/dist/{pt-br-D4aJiC1v.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 +70 -10
  32. package/src/components/ChatsContact/__tests__/ChatsContact.spec.js +119 -0
  33. package/src/components/ChatsContact/__tests__/__snapshots__/ChatsContact.spec.js.snap +1 -1
  34. package/src/components/ChatsMessage/ChatsMessage.vue +6 -7
  35. package/src/components/ChatsMessage/ChatsMessageStatusBackdrop.vue +1 -1
  36. package/src/components/ChatsMessage/ReplyMessage.vue +4 -4
  37. package/src/components/ChatsNavbar/ChatsNavbar.vue +1 -1
  38. package/src/components/ChatsUserAvatar/ChatsUserAvatar.vue +3 -3
  39. package/src/components/Chip/Chip.vue +20 -26
  40. package/src/components/Chip/__tests__/Chip.spec.js +3 -3
  41. package/src/components/DataTable/index.vue +2 -2
  42. package/src/components/DatePicker/DatePicker.vue +4 -4
  43. package/src/components/EmojiPicker/EmojiPicker.vue +40 -4
  44. package/src/components/EmojiPicker/__tests__/EmojiPicker.spec.js +1 -1
  45. package/src/components/FormElement/FormElement.vue +1 -1
  46. package/src/components/Input/Input.scss +2 -2
  47. package/src/components/Input/TextInput.vue +1 -1
  48. package/src/components/SelectTime/index.vue +1 -1
  49. package/src/components/Sidebar/index.vue +1 -1
  50. package/src/components/SkeletonLoading/skeletonTheme.vue +2 -4
  51. package/src/components/Table/Table.vue +1 -1
  52. package/src/components/Tag/DefaultTag.vue +9 -11
  53. package/src/components/TemplatePreview/TemplatePreview.vue +1 -1
  54. package/src/components/Toast/Toast.vue +4 -4
  55. package/src/components/Toast/__tests__/Toast.spec.js +5 -5
  56. package/src/components/ToolTip/ToolTip.vue +1 -1
  57. package/src/components/Tour/TourMask.vue +1 -1
  58. package/src/components/ui/dialog/DialogContent.vue +1 -1
  59. package/src/components/ui/popover/PopoverContent.vue +1 -1
  60. package/src/components/ui/popover/PopoverOption.vue +2 -2
  61. package/src/components/ui/tooltip/TooltipContent.vue +5 -4
  62. package/src/composables/useTheme.ts +67 -0
  63. package/src/index.ts +2 -0
  64. package/src/stories/ChatsContact.stories.js +53 -0
  65. package/src/stories/Colors.stories.js +6 -1
  66. package/src/stories/Icon.stories.js +1 -0
  67. package/src/stories/IconLoading.stories.js +1 -0
  68. package/src/types/scheme-colors.d.ts +2 -0
  69. package/src/assets/tokens/colors.json +0 -552
package/dist/index.d.ts CHANGED
@@ -5,6 +5,7 @@ import { ComponentCustomProps } from 'vue';
5
5
  import { ComponentOptionsBase } from 'vue';
6
6
  import { ComponentOptionsMixin } from 'vue';
7
7
  import { ComponentProvideOptions } from 'vue';
8
+ import { ComputedRef } from 'vue';
8
9
  import { CreateComponentPublicInstanceWithMixins } from 'vue';
9
10
  import { DefineComponent } from 'vue';
10
11
  import { DefineSetupFnComponent } from 'vue';
@@ -244,6 +245,10 @@ declare interface TextAreaProps {
244
245
  errors?: string | string[];
245
246
  }
246
247
 
248
+ export declare type Theme = 'light' | 'dark';
249
+
250
+ export declare type ThemePreference = Theme | 'system';
251
+
247
252
  declare interface ToastButton {
248
253
  text: string;
249
254
  action: () => void;
@@ -6211,6 +6216,14 @@ pendingResponseTooltip: {
6211
6216
  type: StringConstructor;
6212
6217
  default: string;
6213
6218
  };
6219
+ newMessageIndicator: {
6220
+ type: BooleanConstructor;
6221
+ default: boolean;
6222
+ };
6223
+ newMessageIndicatorTooltip: {
6224
+ type: StringConstructor;
6225
+ default: string;
6226
+ };
6214
6227
  }>, {}, {
6215
6228
  isHovered: boolean;
6216
6229
  defaultTranslations: {
@@ -6254,9 +6267,14 @@ video_message: {
6254
6267
  en: string;
6255
6268
  es: string;
6256
6269
  };
6270
+ you_message_prefix: {
6271
+ 'pt-br': string;
6272
+ en: string;
6273
+ es: string;
6274
+ };
6257
6275
  };
6258
6276
  }, {
6259
- messageInfoAlign(): "center" | "flex-start";
6277
+ messageInfoAlign(): "center" | "space-between" | "flex-start";
6260
6278
  messageInfoMarginTop(): "0px" | "4px";
6261
6279
  formattedLastInteraction(): any;
6262
6280
  lastMessageMedia(): {
@@ -6370,6 +6388,14 @@ pendingResponseTooltip: {
6370
6388
  type: StringConstructor;
6371
6389
  default: string;
6372
6390
  };
6391
+ newMessageIndicator: {
6392
+ type: BooleanConstructor;
6393
+ default: boolean;
6394
+ };
6395
+ newMessageIndicatorTooltip: {
6396
+ type: StringConstructor;
6397
+ default: string;
6398
+ };
6373
6399
  }>> & Readonly<{
6374
6400
  onClick?: ((...args: any[]) => any) | undefined;
6375
6401
  onClickPin?: ((...args: any[]) => any) | undefined;
@@ -6393,6 +6419,8 @@ activePin: boolean;
6393
6419
  schemePin: string;
6394
6420
  pendingResponse: boolean;
6395
6421
  pendingResponseTooltip: string;
6422
+ newMessageIndicator: boolean;
6423
+ newMessageIndicatorTooltip: string;
6396
6424
  }, {}, {
6397
6425
  UserAvatar: DefineComponent<ExtractPropTypes< {
6398
6426
  active: {
@@ -6725,6 +6753,14 @@ pendingResponseTooltip: {
6725
6753
  type: StringConstructor;
6726
6754
  default: string;
6727
6755
  };
6756
+ newMessageIndicator: {
6757
+ type: BooleanConstructor;
6758
+ default: boolean;
6759
+ };
6760
+ newMessageIndicatorTooltip: {
6761
+ type: StringConstructor;
6762
+ default: string;
6763
+ };
6728
6764
  }>, {}, {
6729
6765
  isHovered: boolean;
6730
6766
  defaultTranslations: {
@@ -6768,9 +6804,14 @@ video_message: {
6768
6804
  en: string;
6769
6805
  es: string;
6770
6806
  };
6807
+ you_message_prefix: {
6808
+ 'pt-br': string;
6809
+ en: string;
6810
+ es: string;
6811
+ };
6771
6812
  };
6772
6813
  }, {
6773
- messageInfoAlign(): "center" | "flex-start";
6814
+ messageInfoAlign(): "center" | "space-between" | "flex-start";
6774
6815
  messageInfoMarginTop(): "0px" | "4px";
6775
6816
  formattedLastInteraction(): any;
6776
6817
  lastMessageMedia(): {
@@ -6884,6 +6925,14 @@ pendingResponseTooltip: {
6884
6925
  type: StringConstructor;
6885
6926
  default: string;
6886
6927
  };
6928
+ newMessageIndicator: {
6929
+ type: BooleanConstructor;
6930
+ default: boolean;
6931
+ };
6932
+ newMessageIndicatorTooltip: {
6933
+ type: StringConstructor;
6934
+ default: string;
6935
+ };
6887
6936
  }>> & Readonly<{
6888
6937
  onClick?: ((...args: any[]) => any) | undefined;
6889
6938
  onClickPin?: ((...args: any[]) => any) | undefined;
@@ -6907,6 +6956,8 @@ activePin: boolean;
6907
6956
  schemePin: string;
6908
6957
  pendingResponse: boolean;
6909
6958
  pendingResponseTooltip: string;
6959
+ newMessageIndicator: boolean;
6960
+ newMessageIndicatorTooltip: string;
6910
6961
  }, {}, {
6911
6962
  UserAvatar: DefineComponent<ExtractPropTypes< {
6912
6963
  active: {
@@ -22161,6 +22212,13 @@ scheme: SchemeColor_2;
22161
22212
  }, {}, string, ComponentProvideOptions, true, {}, any>;
22162
22213
  }, {}, string, ComponentProvideOptions, true, {}, any>;
22163
22214
 
22215
+ export declare function useTheme(): {
22216
+ preference: Ref<ThemePreference, ThemePreference>;
22217
+ resolvedTheme: ComputedRef<Theme>;
22218
+ setTheme: (value: ThemePreference) => void;
22219
+ toggleTheme: () => void;
22220
+ };
22221
+
22164
22222
  declare type VueComponent = Component;
22165
22223
 
22166
22224
  export { }
@@ -1,4 +1,4 @@
1
- import { h as e } from "./index-B-PMK0Fu.mjs";
1
+ import { h as e } from "./index-CyIfw1Zx.mjs";
2
2
  //! moment.js locale configuration
3
3
  //! locale : Portuguese (Brazil) [pt-br]
4
4
  //! author : Caio Ribeiro Pereira : https://github.com/caio-ribeiro-pereira