@zohoim/chat-components 1.0.6 → 1.0.8-alpha.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/README.md +5 -0
- package/es/Theme/ThemeAssets.js +18 -0
- package/es/Theme/ThemeWrapper.js +7 -5
- package/es/Theme/utils/getThemeConfigurations.js +1 -55
- package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +2 -2
- package/lib/index.js +382 -0
- package/package.json +16 -10
- package/es/Theme/themeVariables/commonThemeColorVariable.js +0 -17
- package/es/Theme/themeVariables/dark/blueTheme.js +0 -116
- package/es/Theme/themeVariables/dark/commonColorVariable.js +0 -16
- package/es/Theme/themeVariables/dark/greenTheme.js +0 -115
- package/es/Theme/themeVariables/dark/orangeTheme.js +0 -115
- package/es/Theme/themeVariables/dark/redTheme.js +0 -115
- package/es/Theme/themeVariables/dark/yellowTheme.js +0 -115
- package/es/Theme/themeVariables/light/blueTheme.js +0 -114
- package/es/Theme/themeVariables/light/commonColorVariable.js +0 -35
- package/es/Theme/themeVariables/light/greenTheme.js +0 -114
- package/es/Theme/themeVariables/light/orangeTheme.js +0 -114
- package/es/Theme/themeVariables/light/redTheme.js +0 -114
- package/es/Theme/themeVariables/light/yellowTheme.js +0 -114
- package/es/Theme/themeVariables/pureDark/blueTheme.js +0 -115
- package/es/Theme/themeVariables/pureDark/commonColorVariable.js +0 -18
- package/es/Theme/themeVariables/pureDark/greenTheme.js +0 -115
- package/es/Theme/themeVariables/pureDark/orangeTheme.js +0 -115
- package/es/Theme/themeVariables/pureDark/redTheme.js +0 -115
- package/es/Theme/themeVariables/pureDark/yellowTheme.js +0 -115
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
/* eslint-disable camelcase */
|
|
2
|
-
import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, primaryBlue, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor } from "./commonColorVariable";
|
|
3
|
-
import { imIntegrationIcon, imTtIcon, messagetextColor } from "../commonThemeColorVariable";
|
|
4
|
-
export default {
|
|
5
|
-
library: 'chat_components',
|
|
6
|
-
variables: {
|
|
7
|
-
actionIconWrapper: {
|
|
8
|
-
color: actionIconWrapperColor,
|
|
9
|
-
bg_color: '#2c3b4d',
|
|
10
|
-
border_color: '#3f536b'
|
|
11
|
-
},
|
|
12
|
-
attachmentBubble: {
|
|
13
|
-
bg_color: '#232b38',
|
|
14
|
-
bg_color_failed: failedBg,
|
|
15
|
-
border_color: '#2d3748',
|
|
16
|
-
border_color_failed: failedBdr
|
|
17
|
-
},
|
|
18
|
-
attachmentBubbleInfo: {
|
|
19
|
-
fileName_color: '#e2e4e6',
|
|
20
|
-
fileName_color_failed: failedColor,
|
|
21
|
-
fileSize_color: '#788190',
|
|
22
|
-
fileSize_color_failed: '#788190'
|
|
23
|
-
},
|
|
24
|
-
articleBubble: {
|
|
25
|
-
bg_color: '#232b38',
|
|
26
|
-
bg_color_failed: failedBg,
|
|
27
|
-
border_color: '#2d3748',
|
|
28
|
-
border_color_failed: failedBdr,
|
|
29
|
-
title_color: '#e2e4e6',
|
|
30
|
-
title_color_failed: failedColor,
|
|
31
|
-
summary_color: '#e2e4e6',
|
|
32
|
-
summary_color_failed: failedColor
|
|
33
|
-
},
|
|
34
|
-
imAutoMessageInfo: {
|
|
35
|
-
text_color: '#828994'
|
|
36
|
-
},
|
|
37
|
-
imIntegrationIcon,
|
|
38
|
-
imTtIcon,
|
|
39
|
-
imMessageContent: {
|
|
40
|
-
text_color: '#a8b0bd'
|
|
41
|
-
},
|
|
42
|
-
imMessageMeta: {
|
|
43
|
-
time_color: '#a8b0bd'
|
|
44
|
-
},
|
|
45
|
-
imPermaLink: {
|
|
46
|
-
url_color: '#479dff'
|
|
47
|
-
},
|
|
48
|
-
imageBubble: {
|
|
49
|
-
bg_color: '#232b38',
|
|
50
|
-
bg_color_failed: failedBg,
|
|
51
|
-
alt_text_color: '#e2e4e6',
|
|
52
|
-
alt_text_color_failed: failedColor,
|
|
53
|
-
border_color: '#2d3748',
|
|
54
|
-
border_color_failed: failedBdr
|
|
55
|
-
},
|
|
56
|
-
locationBubble: {
|
|
57
|
-
bg_color: '#232b38',
|
|
58
|
-
bg_color_failed: failedBg,
|
|
59
|
-
border_color: '#2d3748',
|
|
60
|
-
border_color_failed: failedBdr,
|
|
61
|
-
url_color: primaryBlue,
|
|
62
|
-
url_color_failed: failedUrlColor
|
|
63
|
-
},
|
|
64
|
-
messageBox: {
|
|
65
|
-
incoming_bg_color: incomingBubbleBgColor,
|
|
66
|
-
outgoing_bg_color: '#2c3b4d',
|
|
67
|
-
bg_color: '#f1f7fe',
|
|
68
|
-
failed_bg_color: failedBgWrapper,
|
|
69
|
-
text_color: messagetextColor,
|
|
70
|
-
failed_text_color: '#000'
|
|
71
|
-
},
|
|
72
|
-
messageBubble: {
|
|
73
|
-
active_bg_color: bubbleActiveBgColor,
|
|
74
|
-
messageBox_footer_text_color: '#5a616f'
|
|
75
|
-
},
|
|
76
|
-
messageStatus: {
|
|
77
|
-
send_color: messageStatusSendColor,
|
|
78
|
-
read_color: '#479dff',
|
|
79
|
-
failed_color: messageStatusFailedColor
|
|
80
|
-
},
|
|
81
|
-
replyBubble: {
|
|
82
|
-
border_color: '#2d3748',
|
|
83
|
-
border_color_failed: failedBdr
|
|
84
|
-
},
|
|
85
|
-
replyBubbleContent: {
|
|
86
|
-
bg_color: '#232b38',
|
|
87
|
-
bg_color_failed: failedBg,
|
|
88
|
-
border_color: '#2d3748',
|
|
89
|
-
border_color_failed: failedBdr,
|
|
90
|
-
line_color: '#cddbf2',
|
|
91
|
-
line_color_failed: failedLine,
|
|
92
|
-
sender_color: '#e2e4e6',
|
|
93
|
-
sender_color_failed: failedColor,
|
|
94
|
-
content_color: '#e2e4e6',
|
|
95
|
-
content_color_failed: failedColor
|
|
96
|
-
},
|
|
97
|
-
replyBubbleHeader: {
|
|
98
|
-
text_color: '#e2e4e6',
|
|
99
|
-
text_color_failed: failedColor,
|
|
100
|
-
time_color: '#828994',
|
|
101
|
-
time_color_failed: failedColor
|
|
102
|
-
},
|
|
103
|
-
textBubble: {
|
|
104
|
-
text_color: '#e2e4e6',
|
|
105
|
-
text_color_failed: failedColor,
|
|
106
|
-
see_more_color: primaryBlue,
|
|
107
|
-
see_more_color_failed: failedUrlColor,
|
|
108
|
-
url_color: primaryBlue,
|
|
109
|
-
url_color_failed: failedUrlColor
|
|
110
|
-
},
|
|
111
|
-
videoBubble: {
|
|
112
|
-
border_color: '#2d3748',
|
|
113
|
-
border_color_failed: failedBdr
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export const incomingBubbleBgColor = '#232b38';
|
|
2
|
-
export const bubbleActiveBgColor = '#1b2e33';
|
|
3
|
-
export const actionIconWrapperColor = '#e2e4e6';
|
|
4
|
-
export const messageStatusSendColor = '#61667a';
|
|
5
|
-
export const messageStatusFailedColor = '#de3535';
|
|
6
|
-
export const primaryBlue = '#479dff';
|
|
7
|
-
export const primaryGreen = '#45a159';
|
|
8
|
-
export const primaryOrange = '#ff801f';
|
|
9
|
-
export const primaryRed = '#e94f4f';
|
|
10
|
-
export const primaryYellow = '#d79835';
|
|
11
|
-
export const failedBgWrapper = '#f4b5bc';
|
|
12
|
-
export const failedBg = '#f6dcdf';
|
|
13
|
-
export const failedBdr = '#eb9ea7';
|
|
14
|
-
export const failedLine = '#eb9ea7';
|
|
15
|
-
export const failedColor = '#000';
|
|
16
|
-
export const failedUrlColor = '#0a73eb';
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
/* eslint-disable camelcase */
|
|
2
|
-
import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, primaryGreen, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor } from "./commonColorVariable";
|
|
3
|
-
import { imIntegrationIcon, imTtIcon, messagetextColor } from "../commonThemeColorVariable";
|
|
4
|
-
export default {
|
|
5
|
-
library: 'chat_components',
|
|
6
|
-
variables: {
|
|
7
|
-
actionIconWrapper: {
|
|
8
|
-
color: actionIconWrapperColor,
|
|
9
|
-
bg_color: '#26373b',
|
|
10
|
-
border_color: '#2d4e42'
|
|
11
|
-
},
|
|
12
|
-
attachmentBubble: {
|
|
13
|
-
bg_color: '#232b38',
|
|
14
|
-
bg_color_failed: failedBg,
|
|
15
|
-
border_color: '#2d3748',
|
|
16
|
-
border_color_failed: failedBdr
|
|
17
|
-
},
|
|
18
|
-
attachmentBubbleInfo: {
|
|
19
|
-
fileName_color: '#e2e4e6',
|
|
20
|
-
fileName_color_failed: failedColor,
|
|
21
|
-
fileSize_color: '#788190',
|
|
22
|
-
fileSize_color_failed: '#788190'
|
|
23
|
-
},
|
|
24
|
-
articleBubble: {
|
|
25
|
-
bg_color: '#232b38',
|
|
26
|
-
bg_color_failed: failedBg,
|
|
27
|
-
border_color: '#2d3748',
|
|
28
|
-
border_color_failed: failedBdr,
|
|
29
|
-
title_color: '#e2e4e6',
|
|
30
|
-
title_color_failed: failedColor,
|
|
31
|
-
summary_color: '#e2e4e6',
|
|
32
|
-
summary_color_failed: failedColor
|
|
33
|
-
},
|
|
34
|
-
imAutoMessageInfo: {
|
|
35
|
-
text_color: '#828994'
|
|
36
|
-
},
|
|
37
|
-
imIntegrationIcon,
|
|
38
|
-
imTtIcon,
|
|
39
|
-
imMessageContent: {
|
|
40
|
-
text_color: '#a8b0bd'
|
|
41
|
-
},
|
|
42
|
-
imMessageMeta: {
|
|
43
|
-
time_color: '#a8b0bd'
|
|
44
|
-
},
|
|
45
|
-
imPermaLink: {
|
|
46
|
-
url_color: '#45a159'
|
|
47
|
-
},
|
|
48
|
-
imageBubble: {
|
|
49
|
-
bg_color: '#232b38',
|
|
50
|
-
bg_color_failed: failedBg,
|
|
51
|
-
alt_text_color: '#e2e4e6',
|
|
52
|
-
alt_text_color_failed: failedColor,
|
|
53
|
-
border_color: '#2d3748',
|
|
54
|
-
border_color_failed: failedBdr
|
|
55
|
-
},
|
|
56
|
-
locationBubble: {
|
|
57
|
-
bg_color: '#232b38',
|
|
58
|
-
bg_color_failed: failedBg,
|
|
59
|
-
border_color: '#2d3748',
|
|
60
|
-
border_color_failed: failedBdr,
|
|
61
|
-
url_color: primaryGreen,
|
|
62
|
-
url_color_failed: failedUrlColor
|
|
63
|
-
},
|
|
64
|
-
messageBox: {
|
|
65
|
-
incoming_bg_color: incomingBubbleBgColor,
|
|
66
|
-
outgoing_bg_color: '#26373b',
|
|
67
|
-
bg_color: '#f1f7fe',
|
|
68
|
-
failed_bg_color: failedBgWrapper,
|
|
69
|
-
text_color: messagetextColor
|
|
70
|
-
},
|
|
71
|
-
messageBubble: {
|
|
72
|
-
active_bg_color: bubbleActiveBgColor,
|
|
73
|
-
messageBox_footer_text_color: '#5a616f'
|
|
74
|
-
},
|
|
75
|
-
messageStatus: {
|
|
76
|
-
send_color: messageStatusSendColor,
|
|
77
|
-
read_color: '#45a159',
|
|
78
|
-
failed_color: messageStatusFailedColor
|
|
79
|
-
},
|
|
80
|
-
replyBubble: {
|
|
81
|
-
border_color: '#2d3748',
|
|
82
|
-
border_color_failed: failedBdr
|
|
83
|
-
},
|
|
84
|
-
replyBubbleContent: {
|
|
85
|
-
bg_color: 'hsl(191.43deg 21.65% 13.02%)',
|
|
86
|
-
bg_color_failed: failedBg,
|
|
87
|
-
border_color: '#2d3748',
|
|
88
|
-
border_color_failed: failedBdr,
|
|
89
|
-
line_color: '#cddbf2',
|
|
90
|
-
line_color_failed: failedLine,
|
|
91
|
-
sender_color: '#e2e4e6',
|
|
92
|
-
sender_color_failed: failedColor,
|
|
93
|
-
content_color: '#e2e4e6',
|
|
94
|
-
content_color_failed: failedColor
|
|
95
|
-
},
|
|
96
|
-
replyBubbleHeader: {
|
|
97
|
-
text_color: '#e2e4e6',
|
|
98
|
-
text_color_failed: failedColor,
|
|
99
|
-
time_color: '#828994',
|
|
100
|
-
time_color_failed: failedColor
|
|
101
|
-
},
|
|
102
|
-
textBubble: {
|
|
103
|
-
text_color: '#e2e4e6',
|
|
104
|
-
text_color_failed: failedColor,
|
|
105
|
-
see_more_color: primaryGreen,
|
|
106
|
-
see_more_color_failed: failedUrlColor,
|
|
107
|
-
url_color: primaryGreen,
|
|
108
|
-
url_color_failed: failedUrlColor
|
|
109
|
-
},
|
|
110
|
-
videoBubble: {
|
|
111
|
-
border_color: '#2d3748',
|
|
112
|
-
border_color_failed: failedBdr
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
};
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
/* eslint-disable camelcase */
|
|
2
|
-
import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, primaryOrange, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor } from "./commonColorVariable";
|
|
3
|
-
import { imIntegrationIcon, imTtIcon, messagetextColor } from "../commonThemeColorVariable";
|
|
4
|
-
export default {
|
|
5
|
-
library: 'chat_components',
|
|
6
|
-
variables: {
|
|
7
|
-
actionIconWrapper: {
|
|
8
|
-
color: actionIconWrapperColor,
|
|
9
|
-
bg_color: '#323136',
|
|
10
|
-
border_color: '#4f3c33'
|
|
11
|
-
},
|
|
12
|
-
attachmentBubble: {
|
|
13
|
-
bg_color: '#232b38',
|
|
14
|
-
bg_color_failed: failedBg,
|
|
15
|
-
border_color: '#2d3748',
|
|
16
|
-
border_color_failed: failedBdr
|
|
17
|
-
},
|
|
18
|
-
attachmentBubbleInfo: {
|
|
19
|
-
fileName_color: '#e2e4e6',
|
|
20
|
-
fileName_color_failed: failedColor,
|
|
21
|
-
fileSize_color: '#788190',
|
|
22
|
-
fileSize_color_failed: '#788190'
|
|
23
|
-
},
|
|
24
|
-
articleBubble: {
|
|
25
|
-
bg_color: '#232b38',
|
|
26
|
-
bg_color_failed: failedBg,
|
|
27
|
-
border_color: '#2d3748',
|
|
28
|
-
border_color_failed: failedBdr,
|
|
29
|
-
title_color: '#e2e4e6',
|
|
30
|
-
title_color_failed: failedColor,
|
|
31
|
-
summary_color: '#e2e4e6',
|
|
32
|
-
summary_color_failed: failedColor
|
|
33
|
-
},
|
|
34
|
-
imAutoMessageInfo: {
|
|
35
|
-
text_color: '#828994'
|
|
36
|
-
},
|
|
37
|
-
imIntegrationIcon,
|
|
38
|
-
imTtIcon,
|
|
39
|
-
imMessageContent: {
|
|
40
|
-
text_color: '#a8b0bd'
|
|
41
|
-
},
|
|
42
|
-
imMessageMeta: {
|
|
43
|
-
time_color: '#a8b0bd'
|
|
44
|
-
},
|
|
45
|
-
imPermaLink: {
|
|
46
|
-
url_color: '#ff801f'
|
|
47
|
-
},
|
|
48
|
-
imageBubble: {
|
|
49
|
-
bg_color: '#232b38',
|
|
50
|
-
bg_color_failed: failedBg,
|
|
51
|
-
alt_text_color: '#e2e4e6',
|
|
52
|
-
alt_text_color_failed: failedColor,
|
|
53
|
-
border_color: '#2d3748',
|
|
54
|
-
border_color_failed: failedBdr
|
|
55
|
-
},
|
|
56
|
-
locationBubble: {
|
|
57
|
-
bg_color: '#232b38',
|
|
58
|
-
bg_color_failed: failedBg,
|
|
59
|
-
border_color: '#2d3748',
|
|
60
|
-
border_color_failed: failedBdr,
|
|
61
|
-
url_color: primaryOrange,
|
|
62
|
-
url_color_failed: failedUrlColor
|
|
63
|
-
},
|
|
64
|
-
messageBox: {
|
|
65
|
-
incoming_bg_color: incomingBubbleBgColor,
|
|
66
|
-
outgoing_bg_color: '#323136',
|
|
67
|
-
bg_color: '#f1f7fe',
|
|
68
|
-
failed_bg_color: failedBgWrapper,
|
|
69
|
-
text_color: messagetextColor
|
|
70
|
-
},
|
|
71
|
-
messageBubble: {
|
|
72
|
-
active_bg_color: bubbleActiveBgColor,
|
|
73
|
-
messageBox_footer_text_color: '#5a616f'
|
|
74
|
-
},
|
|
75
|
-
messageStatus: {
|
|
76
|
-
send_color: messageStatusSendColor,
|
|
77
|
-
read_color: '#ff801f',
|
|
78
|
-
failed_color: messageStatusFailedColor
|
|
79
|
-
},
|
|
80
|
-
replyBubble: {
|
|
81
|
-
border_color: '#2d3748',
|
|
82
|
-
border_color_failed: failedBdr
|
|
83
|
-
},
|
|
84
|
-
replyBubbleContent: {
|
|
85
|
-
bg_color: '#232b38',
|
|
86
|
-
bg_color_failed: failedBg,
|
|
87
|
-
border_color: '#2d3748',
|
|
88
|
-
border_color_failed: failedBdr,
|
|
89
|
-
line_color: '#cddbf2',
|
|
90
|
-
line_color_failed: failedLine,
|
|
91
|
-
sender_color: '#e2e4e6',
|
|
92
|
-
sender_color_failed: failedColor,
|
|
93
|
-
content_color: '#e2e4e6',
|
|
94
|
-
content_color_failed: failedColor
|
|
95
|
-
},
|
|
96
|
-
replyBubbleHeader: {
|
|
97
|
-
text_color: '#e2e4e6',
|
|
98
|
-
text_color_failed: failedColor,
|
|
99
|
-
time_color: '#828994',
|
|
100
|
-
time_color_failed: failedColor
|
|
101
|
-
},
|
|
102
|
-
textBubble: {
|
|
103
|
-
text_color: '#e2e4e6',
|
|
104
|
-
text_color_failed: failedColor,
|
|
105
|
-
see_more_color: primaryOrange,
|
|
106
|
-
see_more_color_failed: failedUrlColor,
|
|
107
|
-
url_color: primaryOrange,
|
|
108
|
-
url_color_failed: failedUrlColor
|
|
109
|
-
},
|
|
110
|
-
videoBubble: {
|
|
111
|
-
border_color: '#2d3748',
|
|
112
|
-
border_color_failed: failedBdr
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
};
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
/* eslint-disable camelcase */
|
|
2
|
-
import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, primaryRed, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor } from "./commonColorVariable";
|
|
3
|
-
import { imIntegrationIcon, imTtIcon, messagetextColor } from "../commonThemeColorVariable";
|
|
4
|
-
export default {
|
|
5
|
-
library: 'chat_components',
|
|
6
|
-
variables: {
|
|
7
|
-
actionIconWrapper: {
|
|
8
|
-
color: actionIconWrapperColor,
|
|
9
|
-
bg_color: '#312d3a',
|
|
10
|
-
border_color: '#4b323d'
|
|
11
|
-
},
|
|
12
|
-
attachmentBubble: {
|
|
13
|
-
bg_color: 'hsl(258.46deg 12.62% 16.2%)',
|
|
14
|
-
bg_color_failed: failedBg,
|
|
15
|
-
border_color: 'hsl(258.46deg 12.62% 23.2%)',
|
|
16
|
-
border_color_failed: failedBdr
|
|
17
|
-
},
|
|
18
|
-
attachmentBubbleInfo: {
|
|
19
|
-
fileName_color: '#e2e4e6',
|
|
20
|
-
fileName_color_failed: failedColor,
|
|
21
|
-
fileSize_color: '#788190',
|
|
22
|
-
fileSize_color_failed: '#788190'
|
|
23
|
-
},
|
|
24
|
-
articleBubble: {
|
|
25
|
-
bg_color: 'hsl(258.46deg 12.62% 16.2%)',
|
|
26
|
-
bg_color_failed: failedBg,
|
|
27
|
-
border_color: 'hsl(258.46deg 12.62% 23.2%)',
|
|
28
|
-
border_color_failed: failedBdr,
|
|
29
|
-
title_color: '#e2e4e6',
|
|
30
|
-
title_color_failed: failedColor,
|
|
31
|
-
summary_color: '#e2e4e6',
|
|
32
|
-
summary_color_failed: failedColor
|
|
33
|
-
},
|
|
34
|
-
imAutoMessageInfo: {
|
|
35
|
-
text_color: '#828994'
|
|
36
|
-
},
|
|
37
|
-
imIntegrationIcon,
|
|
38
|
-
imTtIcon,
|
|
39
|
-
imMessageContent: {
|
|
40
|
-
text_color: '#a8b0bd'
|
|
41
|
-
},
|
|
42
|
-
imMessageMeta: {
|
|
43
|
-
time_color: '#a8b0bd'
|
|
44
|
-
},
|
|
45
|
-
imPermaLink: {
|
|
46
|
-
url_color: '#e94f4f'
|
|
47
|
-
},
|
|
48
|
-
imageBubble: {
|
|
49
|
-
bg_color: 'hsl(258.46deg 12.62% 16.2%)',
|
|
50
|
-
bg_color_failed: failedBg,
|
|
51
|
-
alt_text_color: '#e2e4e6',
|
|
52
|
-
alt_text_color_failed: failedColor,
|
|
53
|
-
border_color: 'hsl(258.46deg 12.62% 23.2%)',
|
|
54
|
-
border_color_failed: failedBdr
|
|
55
|
-
},
|
|
56
|
-
locationBubble: {
|
|
57
|
-
bg_color: 'hsl(258.46deg 12.62% 16.2%)',
|
|
58
|
-
bg_color_failed: failedBg,
|
|
59
|
-
border_color: 'hsl(258.46deg 12.62% 23.2%)',
|
|
60
|
-
border_color_failed: failedBdr,
|
|
61
|
-
url_color: primaryRed,
|
|
62
|
-
url_color_failed: failedUrlColor
|
|
63
|
-
},
|
|
64
|
-
messageBox: {
|
|
65
|
-
incoming_bg_color: incomingBubbleBgColor,
|
|
66
|
-
outgoing_bg_color: '#312d3a',
|
|
67
|
-
bg_color: '#f1f7fe',
|
|
68
|
-
failed_bg_color: failedBgWrapper,
|
|
69
|
-
text_color: messagetextColor
|
|
70
|
-
},
|
|
71
|
-
messageBubble: {
|
|
72
|
-
active_bg_color: bubbleActiveBgColor,
|
|
73
|
-
messageBox_footer_text_color: '#5a616f'
|
|
74
|
-
},
|
|
75
|
-
messageStatus: {
|
|
76
|
-
send_color: messageStatusSendColor,
|
|
77
|
-
read_color: '#e94f4f',
|
|
78
|
-
failed_color: messageStatusFailedColor
|
|
79
|
-
},
|
|
80
|
-
replyBubble: {
|
|
81
|
-
border_color: 'hsl(258.46deg 12.62% 23.2%)',
|
|
82
|
-
border_color_failed: failedBdr
|
|
83
|
-
},
|
|
84
|
-
replyBubbleContent: {
|
|
85
|
-
bg_color: 'hsl(258.46deg 12.62% 16.2%)',
|
|
86
|
-
bg_color_failed: failedBg,
|
|
87
|
-
border_color: 'hsl(258.46deg 12.62% 23.2%)',
|
|
88
|
-
border_color_failed: failedBdr,
|
|
89
|
-
line_color: '#cddbf2',
|
|
90
|
-
line_color_failed: failedLine,
|
|
91
|
-
sender_color: '#e2e4e6',
|
|
92
|
-
sender_color_failed: failedColor,
|
|
93
|
-
content_color: '#e2e4e6',
|
|
94
|
-
content_color_failed: failedColor
|
|
95
|
-
},
|
|
96
|
-
replyBubbleHeader: {
|
|
97
|
-
text_color: '#e2e4e6',
|
|
98
|
-
text_color_failed: failedColor,
|
|
99
|
-
time_color: '#828994',
|
|
100
|
-
time_color_failed: failedColor
|
|
101
|
-
},
|
|
102
|
-
textBubble: {
|
|
103
|
-
text_color: '#e2e4e6',
|
|
104
|
-
text_color_failed: failedColor,
|
|
105
|
-
see_more_color: primaryRed,
|
|
106
|
-
see_more_color_failed: failedUrlColor,
|
|
107
|
-
url_color: primaryRed,
|
|
108
|
-
url_color_failed: failedUrlColor
|
|
109
|
-
},
|
|
110
|
-
videoBubble: {
|
|
111
|
-
border_color: 'hsl(258.46deg 12.62% 23.2%)',
|
|
112
|
-
border_color_failed: failedBdr
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
};
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
/* eslint-disable camelcase */
|
|
2
|
-
import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, primaryYellow, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor } from "./commonColorVariable";
|
|
3
|
-
import { imIntegrationIcon, imTtIcon, messagetextColor } from "../commonThemeColorVariable";
|
|
4
|
-
export default {
|
|
5
|
-
library: 'chat_components',
|
|
6
|
-
variables: {
|
|
7
|
-
actionIconWrapper: {
|
|
8
|
-
color: actionIconWrapperColor,
|
|
9
|
-
bg_color: '#303338',
|
|
10
|
-
border_color: '#474137'
|
|
11
|
-
},
|
|
12
|
-
attachmentBubble: {
|
|
13
|
-
bg_color: '#232b38',
|
|
14
|
-
bg_color_failed: failedBg,
|
|
15
|
-
border_color: '#2d3748',
|
|
16
|
-
border_color_failed: failedBdr
|
|
17
|
-
},
|
|
18
|
-
attachmentBubbleInfo: {
|
|
19
|
-
fileName_color: '#e2e4e6',
|
|
20
|
-
fileName_color_failed: failedColor,
|
|
21
|
-
fileSize_color: '#788190',
|
|
22
|
-
fileSize_color_failed: '#788190'
|
|
23
|
-
},
|
|
24
|
-
articleBubble: {
|
|
25
|
-
bg_color: '#232b38',
|
|
26
|
-
bg_color_failed: failedBg,
|
|
27
|
-
border_color: '#2d3748',
|
|
28
|
-
border_color_failed: failedBdr,
|
|
29
|
-
title_color: '#e2e4e6',
|
|
30
|
-
title_color_failed: failedColor,
|
|
31
|
-
summary_color: '#e2e4e6',
|
|
32
|
-
summary_color_failed: failedColor
|
|
33
|
-
},
|
|
34
|
-
imAutoMessageInfo: {
|
|
35
|
-
text_color: '#828994'
|
|
36
|
-
},
|
|
37
|
-
imIntegrationIcon,
|
|
38
|
-
imTtIcon,
|
|
39
|
-
imMessageContent: {
|
|
40
|
-
text_color: '#a8b0bd'
|
|
41
|
-
},
|
|
42
|
-
imMessageMeta: {
|
|
43
|
-
time_color: '#a8b0bd'
|
|
44
|
-
},
|
|
45
|
-
imPermaLink: {
|
|
46
|
-
url_color: '#d79835'
|
|
47
|
-
},
|
|
48
|
-
imageBubble: {
|
|
49
|
-
bg_color: '#232b38',
|
|
50
|
-
bg_color_failed: failedBg,
|
|
51
|
-
alt_text_color: '#e2e4e6',
|
|
52
|
-
alt_text_color_failed: failedColor,
|
|
53
|
-
border_color: '#2d3748',
|
|
54
|
-
border_color_failed: failedBdr
|
|
55
|
-
},
|
|
56
|
-
locationBubble: {
|
|
57
|
-
bg_color: '#232b38',
|
|
58
|
-
bg_color_failed: failedBg,
|
|
59
|
-
border_color: '#2d3748',
|
|
60
|
-
border_color_failed: failedBdr,
|
|
61
|
-
url_color: primaryYellow,
|
|
62
|
-
url_color_failed: failedUrlColor
|
|
63
|
-
},
|
|
64
|
-
messageBox: {
|
|
65
|
-
incoming_bg_color: incomingBubbleBgColor,
|
|
66
|
-
outgoing_bg_color: '#303338',
|
|
67
|
-
bg_color: '#f1f7fe',
|
|
68
|
-
failed_bg_color: failedBgWrapper,
|
|
69
|
-
text_color: messagetextColor
|
|
70
|
-
},
|
|
71
|
-
messageBubble: {
|
|
72
|
-
active_bg_color: bubbleActiveBgColor,
|
|
73
|
-
messageBox_footer_text_color: '#5a616f'
|
|
74
|
-
},
|
|
75
|
-
messageStatus: {
|
|
76
|
-
send_color: messageStatusSendColor,
|
|
77
|
-
read_color: '#d79835',
|
|
78
|
-
failed_color: messageStatusFailedColor
|
|
79
|
-
},
|
|
80
|
-
replyBubble: {
|
|
81
|
-
border_color: '#2d3748',
|
|
82
|
-
border_color_failed: failedBdr
|
|
83
|
-
},
|
|
84
|
-
replyBubbleContent: {
|
|
85
|
-
bg_color: '#232b38',
|
|
86
|
-
bg_color_failed: failedBg,
|
|
87
|
-
border_color: '#2d3748',
|
|
88
|
-
border_color_failed: failedBdr,
|
|
89
|
-
line_color: '#cddbf2',
|
|
90
|
-
line_color_failed: failedLine,
|
|
91
|
-
sender_color: '#e2e4e6',
|
|
92
|
-
sender_color_failed: failedColor,
|
|
93
|
-
content_color: '#e2e4e6',
|
|
94
|
-
content_color_failed: failedColor
|
|
95
|
-
},
|
|
96
|
-
replyBubbleHeader: {
|
|
97
|
-
text_color: '#e2e4e6',
|
|
98
|
-
text_color_failed: failedColor,
|
|
99
|
-
time_color: '#828994',
|
|
100
|
-
time_color_failed: failedColor
|
|
101
|
-
},
|
|
102
|
-
textBubble: {
|
|
103
|
-
text_color: '#e2e4e6',
|
|
104
|
-
text_color_failed: failedColor,
|
|
105
|
-
see_more_color: primaryYellow,
|
|
106
|
-
see_more_color_failed: failedUrlColor,
|
|
107
|
-
url_color: primaryYellow,
|
|
108
|
-
url_color_failed: failedUrlColor
|
|
109
|
-
},
|
|
110
|
-
videoBubble: {
|
|
111
|
-
border_color: '#2d3748',
|
|
112
|
-
border_color_failed: failedBdr
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
};
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
/* eslint-disable camelcase */
|
|
2
|
-
import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messagetextColor, primaryBlue, white, black, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor, imIntegrationIcon, imTtIcon } from "./commonColorVariable";
|
|
3
|
-
export default {
|
|
4
|
-
library: 'chat_components',
|
|
5
|
-
variables: {
|
|
6
|
-
actionIconWrapper: {
|
|
7
|
-
color: actionIconWrapperColor,
|
|
8
|
-
bg_color: '#f1f7fe',
|
|
9
|
-
border_color: '#b7d1f0'
|
|
10
|
-
},
|
|
11
|
-
attachmentBubble: {
|
|
12
|
-
bg_color: white,
|
|
13
|
-
bg_color_failed: failedBg,
|
|
14
|
-
border_color: '#ebf0f5',
|
|
15
|
-
border_color_failed: failedBdr
|
|
16
|
-
},
|
|
17
|
-
attachmentBubbleInfo: {
|
|
18
|
-
fileName_color: black,
|
|
19
|
-
fileName_color_failed: failedColor,
|
|
20
|
-
fileSize_color: '#5a616f',
|
|
21
|
-
fileSize_color_failed: '#788190'
|
|
22
|
-
},
|
|
23
|
-
articleBubble: {
|
|
24
|
-
bg_color: white,
|
|
25
|
-
bg_color_failed: failedBg,
|
|
26
|
-
border_color: '#ebf0f5',
|
|
27
|
-
border_color_failed: failedBdr,
|
|
28
|
-
title_color: black,
|
|
29
|
-
title_color_failed: failedColor,
|
|
30
|
-
summary_color: black,
|
|
31
|
-
summary_color_failed: failedColor
|
|
32
|
-
},
|
|
33
|
-
imAutoMessageInfo: {
|
|
34
|
-
text_color: '#737376'
|
|
35
|
-
},
|
|
36
|
-
imIntegrationIcon,
|
|
37
|
-
imTtIcon,
|
|
38
|
-
imMessageContent: {
|
|
39
|
-
text_color: '#5a616f'
|
|
40
|
-
},
|
|
41
|
-
imMessageMeta: {
|
|
42
|
-
time_color: '#5a616f'
|
|
43
|
-
},
|
|
44
|
-
imPermaLink: {
|
|
45
|
-
url_color: primaryBlue
|
|
46
|
-
},
|
|
47
|
-
imageBubble: {
|
|
48
|
-
bg_color: white,
|
|
49
|
-
bg_color_failed: failedBg,
|
|
50
|
-
alt_text_color: black,
|
|
51
|
-
alt_text_color_failed: failedColor,
|
|
52
|
-
border_color: '#ebf0f5',
|
|
53
|
-
border_color_failed: failedBdr
|
|
54
|
-
},
|
|
55
|
-
locationBubble: {
|
|
56
|
-
bg_color: white,
|
|
57
|
-
bg_color_failed: failedBg,
|
|
58
|
-
border_color: '#ebf0f5',
|
|
59
|
-
border_color_failed: failedBdr,
|
|
60
|
-
url_color: primaryBlue,
|
|
61
|
-
url_color_failed: failedUrlColor
|
|
62
|
-
},
|
|
63
|
-
messageBox: {
|
|
64
|
-
incoming_bg_color: incomingBubbleBgColor,
|
|
65
|
-
outgoing_bg_color: '#f1f7fe',
|
|
66
|
-
bg_color: '#f1f7fe',
|
|
67
|
-
failed_bg_color: failedBgWrapper,
|
|
68
|
-
text_color: messagetextColor
|
|
69
|
-
},
|
|
70
|
-
messageBubble: {
|
|
71
|
-
active_bg_color: bubbleActiveBgColor,
|
|
72
|
-
messageBox_footer_text_color: '#5a616f'
|
|
73
|
-
},
|
|
74
|
-
messageStatus: {
|
|
75
|
-
send_color: messageStatusSendColor,
|
|
76
|
-
read_color: primaryBlue,
|
|
77
|
-
failed_color: messageStatusFailedColor
|
|
78
|
-
},
|
|
79
|
-
replyBubble: {
|
|
80
|
-
border_color: '#ebf0f5',
|
|
81
|
-
border_color_failed: failedBdr
|
|
82
|
-
},
|
|
83
|
-
replyBubbleContent: {
|
|
84
|
-
bg_color: white,
|
|
85
|
-
bg_color_failed: failedBg,
|
|
86
|
-
border_color: '#ebf0f5',
|
|
87
|
-
border_color_failed: failedBdr,
|
|
88
|
-
line_color: '#cddbf2',
|
|
89
|
-
line_color_failed: failedLine,
|
|
90
|
-
sender_color: black,
|
|
91
|
-
sender_color_failed: failedColor,
|
|
92
|
-
content_color: '#5a616f',
|
|
93
|
-
content_color_failed: failedColor
|
|
94
|
-
},
|
|
95
|
-
replyBubbleHeader: {
|
|
96
|
-
text_color: black,
|
|
97
|
-
text_color_failed: failedColor,
|
|
98
|
-
time_color: '#61667a',
|
|
99
|
-
time_color_failed: failedColor
|
|
100
|
-
},
|
|
101
|
-
textBubble: {
|
|
102
|
-
text_color: black,
|
|
103
|
-
text_color_failed: failedColor,
|
|
104
|
-
see_more_color: primaryBlue,
|
|
105
|
-
see_more_color_failed: failedUrlColor,
|
|
106
|
-
url_color: primaryBlue,
|
|
107
|
-
url_color_failed: failedUrlColor
|
|
108
|
-
},
|
|
109
|
-
videoBubble: {
|
|
110
|
-
border_color: '#ebf0f5',
|
|
111
|
-
border_color_failed: failedBdr
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
};
|