@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.
- package/dist/{es-CNigXHb1.mjs → es-Dhz_Vb5J.mjs} +1 -1
- package/dist/{index-B-PMK0Fu.mjs → index-CyIfw1Zx.mjs} +6972 -6910
- package/dist/index.d.ts +60 -2
- package/dist/{pt-br-D4aJiC1v.mjs → pt-br-LgmWO25q.mjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/tokens/colors.d.ts +2 -0
- package/dist/tokens/colors.mjs +2 -0
- package/dist/unnnic.mjs +18 -17
- package/dist/unnnic.umd.js +29 -29
- package/package.json +2 -1
- package/src/assets/scss/colors-hsl.scss +2 -0
- package/src/assets/scss/colors.scss +0 -43
- package/src/assets/scss/deprecated/colors.scss +1 -0
- package/src/assets/scss/scheme-colors.scss +3 -0
- package/src/assets/scss/semantic-colors.scss +48 -0
- package/src/assets/scss/semantic-text-utilities.scss +9 -0
- package/src/assets/scss/tailwind.scss +1 -1
- package/src/assets/scss/theme.scss +98 -0
- package/src/assets/scss/unnnic.scss +2 -0
- package/src/assets/tokens/colors-primitives.json +155 -0
- package/src/assets/tokens/colors-semantic-dark.json +55 -0
- package/src/assets/tokens/colors-semantic.json +55 -0
- package/src/components/Alert/__tests__/__snapshots__/Alert.spec.js.snap +1 -1
- package/src/components/AudioRecorder/AudioTranscriptionButton.vue +3 -1
- package/src/components/Button/Button.vue +17 -18
- package/src/components/Card/CardCompany.vue +1 -1
- package/src/components/CardNumber/CardNumber.vue +1 -1
- package/src/components/CardProject/CardProject.vue +4 -4
- package/src/components/Carousel/TagCarousel.vue +2 -2
- package/src/components/ChartRainbow/ChartRainbow.vue +2 -2
- package/src/components/ChatsContact/ChatsContact.vue +70 -10
- package/src/components/ChatsContact/__tests__/ChatsContact.spec.js +119 -0
- package/src/components/ChatsContact/__tests__/__snapshots__/ChatsContact.spec.js.snap +1 -1
- package/src/components/ChatsMessage/ChatsMessage.vue +6 -7
- package/src/components/ChatsMessage/ChatsMessageStatusBackdrop.vue +1 -1
- package/src/components/ChatsMessage/ReplyMessage.vue +4 -4
- package/src/components/ChatsNavbar/ChatsNavbar.vue +1 -1
- package/src/components/ChatsUserAvatar/ChatsUserAvatar.vue +3 -3
- package/src/components/Chip/Chip.vue +20 -26
- package/src/components/Chip/__tests__/Chip.spec.js +3 -3
- package/src/components/DataTable/index.vue +2 -2
- package/src/components/DatePicker/DatePicker.vue +4 -4
- package/src/components/EmojiPicker/EmojiPicker.vue +40 -4
- package/src/components/EmojiPicker/__tests__/EmojiPicker.spec.js +1 -1
- package/src/components/FormElement/FormElement.vue +1 -1
- package/src/components/Input/Input.scss +2 -2
- package/src/components/Input/TextInput.vue +1 -1
- package/src/components/SelectTime/index.vue +1 -1
- package/src/components/Sidebar/index.vue +1 -1
- package/src/components/SkeletonLoading/skeletonTheme.vue +2 -4
- package/src/components/Table/Table.vue +1 -1
- package/src/components/Tag/DefaultTag.vue +9 -11
- package/src/components/TemplatePreview/TemplatePreview.vue +1 -1
- package/src/components/Toast/Toast.vue +4 -4
- package/src/components/Toast/__tests__/Toast.spec.js +5 -5
- package/src/components/ToolTip/ToolTip.vue +1 -1
- package/src/components/Tour/TourMask.vue +1 -1
- package/src/components/ui/dialog/DialogContent.vue +1 -1
- package/src/components/ui/popover/PopoverContent.vue +1 -1
- package/src/components/ui/popover/PopoverOption.vue +2 -2
- package/src/components/ui/tooltip/TooltipContent.vue +5 -4
- package/src/composables/useTheme.ts +67 -0
- package/src/index.ts +2 -0
- package/src/stories/ChatsContact.stories.js +53 -0
- package/src/stories/Colors.stories.js +6 -1
- package/src/stories/Icon.stories.js +1 -0
- package/src/stories/IconLoading.stories.js +1 -0
- package/src/types/scheme-colors.d.ts +2 -0
- 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 { }
|