@zohoim/chat-components 0.0.19 → 0.0.20

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 (59) hide show
  1. package/es/ActionIcon/css/ActionIcon.module.css +3 -4
  2. package/es/AttachmentBubble/AttachmentBubble.js +9 -6
  3. package/es/AttachmentBubble/css/cssJSLogic.js +2 -3
  4. package/es/AttachmentBubble/props/propTypes.js +2 -1
  5. package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js +2 -1
  6. package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +1 -0
  7. package/es/ImageBubble/ImageBubble.js +11 -5
  8. package/es/ImageBubble/css/ImageBubble.module.css +8 -1
  9. package/es/ImageBubble/css/cssJSLogic.js +4 -2
  10. package/es/ImageBubble/props/propTypes.js +3 -1
  11. package/es/LocationBubble/LocationBubble.js +13 -13
  12. package/es/LocationBubble/css/LocationBubble.module.css +11 -10
  13. package/es/Message/Message.js +3 -2
  14. package/es/Message/props/propTypes.js +1 -0
  15. package/es/MessageActions/MessageActions.js +4 -6
  16. package/es/MessageActionsMore/MessageActionsMore.js +1 -1
  17. package/es/MessageBox/css/MessageBox.module.css +0 -3
  18. package/es/MessageBubble/MessageBubble.js +10 -5
  19. package/es/MessageBubble/css/MessageBubble.module.css +24 -23
  20. package/es/MessageStatus/MessageStatus.js +7 -2
  21. package/es/MessageStatus/css/MessageStatus.module.css +8 -3
  22. package/es/ReplyBubble/ReplyBubble.js +14 -5
  23. package/es/ReplyBubble/css/ReplyBubble.module.css +6 -0
  24. package/es/ReplyBubble/css/cssJSLogic.js +14 -0
  25. package/es/ReplyBubbleContent/ReplyBubbleContent.js +4 -2
  26. package/es/ReplyBubbleContent/props/propTypes.js +2 -1
  27. package/es/ReplyBubbleHeader/ReplyBubbleHeader.js +8 -2
  28. package/es/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +1 -1
  29. package/es/TextBubble/css/TextBubble.module.css +0 -2
  30. package/es/Theme/themeVariables/dark/blueTheme.js +17 -7
  31. package/es/Theme/themeVariables/dark/greenTheme.js +17 -7
  32. package/es/Theme/themeVariables/dark/orangeTheme.js +17 -7
  33. package/es/Theme/themeVariables/dark/redTheme.js +17 -7
  34. package/es/Theme/themeVariables/dark/yellowTheme.js +17 -7
  35. package/es/Theme/themeVariables/light/blueTheme.js +17 -7
  36. package/es/Theme/themeVariables/light/greenTheme.js +17 -7
  37. package/es/Theme/themeVariables/light/orangeTheme.js +17 -7
  38. package/es/Theme/themeVariables/light/redTheme.js +17 -7
  39. package/es/Theme/themeVariables/light/yellowTheme.js +17 -7
  40. package/es/Theme/themeVariables/pureDark/blueTheme.js +17 -7
  41. package/es/Theme/themeVariables/pureDark/greenTheme.js +17 -7
  42. package/es/Theme/themeVariables/pureDark/orangeTheme.js +17 -7
  43. package/es/Theme/themeVariables/pureDark/redTheme.js +17 -7
  44. package/es/Theme/themeVariables/pureDark/yellowTheme.js +17 -7
  45. package/es/Video/css/Video.module.css +1 -0
  46. package/es/VideoBubble/VideoBubble.js +12 -2
  47. package/es/VideoBubble/css/VideoBubble.module.css +9 -1
  48. package/es/VideoBubble/css/cssJSLogic.js +14 -0
  49. package/es/im/IMIntegrationIcon/IMIntegrationIcon.js +17 -31
  50. package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +8 -0
  51. package/es/im/IMMessage/IMMessage.js +13 -6
  52. package/es/im/IMMessage/css/cssJSLogic.js +4 -12
  53. package/es/im/IMMessage/props/defaultProps.js +3 -1
  54. package/es/im/IMMessage/props/propTypes.js +2 -1
  55. package/es/im/IMMessageContent/IMMessageContent.js +14 -7
  56. package/es/im/IMMessageContent/css/IMMessageContent.module.css +1 -0
  57. package/es/im/IMMessageContent/props/defaultProps.js +2 -1
  58. package/es/im/IMMessageContent/props/propTypes.js +3 -1
  59. package/package.json +5 -4
@@ -56,12 +56,18 @@ export default function ReplyBubbleHeader(props) {
56
56
  alignBox: "row",
57
57
  className: replyBubbleHeaderClass
58
58
  }, renderIcon(), /*#__PURE__*/React.createElement(Box, {
59
+ flexible: true
60
+ }, /*#__PURE__*/React.createElement(Container, {
61
+ align: "between",
62
+ alignBox: "row"
63
+ }, /*#__PURE__*/React.createElement(Box, {
59
64
  className: newStyle.replyText,
60
65
  flexible: true
61
66
  }, replyText), /*#__PURE__*/React.createElement(Box, {
62
67
  className: newStyle.time,
63
- "data-title": tooltip
64
- }, displayDateTime));
68
+ "data-title": tooltip,
69
+ flexible: true
70
+ }, displayDateTime))));
65
71
  }
66
72
  ReplyBubbleHeader.propTypes = replyBubbleHeaderPropTypes;
67
73
  ReplyBubbleHeader.defaultProps = replyBubbleHeaderDefaultProps;
@@ -29,10 +29,10 @@
29
29
  .replyText,
30
30
  .time{
31
31
  composes: dotted from "../../css/common.module.css";
32
+ max-width: max-content;
32
33
  }
33
34
 
34
35
  .time{
35
- max-width: 40% ;
36
36
  font-size: var(--zd_font_size11) ;
37
37
  letter-spacing: .4px;
38
38
  color: var(--imlib_chat_components_replyBubbleHeader_time_color);
@@ -8,8 +8,6 @@
8
8
  }
9
9
 
10
10
  .moreText {
11
- text-transform: uppercase;
12
- font-size: var(--zd_font_size11) ;
13
11
  color: var(--imlib_chat_components_textBubble_see_more_color);
14
12
  cursor: pointer;
15
13
  }
@@ -20,7 +20,7 @@ export default {
20
20
  fileName_color: '#e2e4e6',
21
21
  fileName_color_failed: failedColor,
22
22
  fileSize_color: '#788190',
23
- fileSize_color_failed: failedColor
23
+ fileSize_color_failed: '#788190'
24
24
  },
25
25
  // AttachmentIcon: {},
26
26
  // Audio: {},
@@ -42,7 +42,9 @@ export default {
42
42
  imIntegrationIcon,
43
43
  imTtIcon,
44
44
  // IMMessage: {},
45
- // IMMessageContent: {},
45
+ imMessageContent: {
46
+ text_color: '#a8b0bd'
47
+ },
46
48
  imMessageMeta: {
47
49
  time_color: '#a8b0bd'
48
50
  },
@@ -55,7 +57,9 @@ export default {
55
57
  bg_color: '#232b38',
56
58
  bg_color_failed: failedBg,
57
59
  alt_text_color: '#e2e4e6',
58
- alt_text_color_failed: failedColor
60
+ alt_text_color_failed: failedColor,
61
+ border_color: '#2d3748',
62
+ border_color_failed: failedBdr
59
63
  },
60
64
  // IMReplyBubble: {},
61
65
  // InfoBubble: {},
@@ -93,7 +97,10 @@ export default {
93
97
  failed_color: messageStatusFailedColor
94
98
  },
95
99
  // MoreActionItem: {},
96
- // ReplyBubble: {},
100
+ replyBubble: {
101
+ border_color: '#2d3748',
102
+ border_color_failed: failedBdr
103
+ },
97
104
  replyBubbleContent: {
98
105
  bg_color: '#232b38',
99
106
  bg_color_failed: failedBg,
@@ -119,8 +126,11 @@ export default {
119
126
  see_more_color_failed: failedUrlColor,
120
127
  url_color: primaryBlue,
121
128
  url_color_failed: failedUrlColor
122
- } // Video: {},
123
- // VideoBubble: {}
124
-
129
+ },
130
+ // Video: {},
131
+ videoBubble: {
132
+ border_color: '#2d3748',
133
+ border_color_failed: failedBdr
134
+ }
125
135
  }
126
136
  };
@@ -20,7 +20,7 @@ export default {
20
20
  fileName_color: '#e2e4e6',
21
21
  fileName_color_failed: failedColor,
22
22
  fileSize_color: '#788190',
23
- fileSize_color_failed: failedColor
23
+ fileSize_color_failed: '#788190'
24
24
  },
25
25
  // AttachmentIcon: {},
26
26
  // Audio: {},
@@ -42,7 +42,9 @@ export default {
42
42
  imIntegrationIcon,
43
43
  imTtIcon,
44
44
  // IMMessage: {},
45
- // IMMessageContent: {},
45
+ imMessageContent: {
46
+ text_color: '#a8b0bd'
47
+ },
46
48
  imMessageMeta: {
47
49
  time_color: '#a8b0bd'
48
50
  },
@@ -55,7 +57,9 @@ export default {
55
57
  bg_color: '#232b38',
56
58
  bg_color_failed: failedBg,
57
59
  alt_text_color: '#e2e4e6',
58
- alt_text_color_failed: failedColor
60
+ alt_text_color_failed: failedColor,
61
+ border_color: '#2d3748',
62
+ border_color_failed: failedBdr
59
63
  },
60
64
  // IMReplyBubble: {},
61
65
  // InfoBubble: {},
@@ -92,7 +96,10 @@ export default {
92
96
  failed_color: messageStatusFailedColor
93
97
  },
94
98
  // MoreActionItem: {},
95
- // ReplyBubble: {},
99
+ replyBubble: {
100
+ border_color: '#2d3748',
101
+ border_color_failed: failedBdr
102
+ },
96
103
  replyBubbleContent: {
97
104
  bg_color: 'hsl(191.43deg 21.65% 13.02%)',
98
105
  bg_color_failed: failedBg,
@@ -118,8 +125,11 @@ export default {
118
125
  see_more_color_failed: failedUrlColor,
119
126
  url_color: primaryGreen,
120
127
  url_color_failed: failedUrlColor
121
- } // Video: {},
122
- // VideoBubble: {}
123
-
128
+ },
129
+ // Video: {},
130
+ videoBubble: {
131
+ border_color: '#2d3748',
132
+ border_color_failed: failedBdr
133
+ }
124
134
  }
125
135
  };
@@ -20,7 +20,7 @@ export default {
20
20
  fileName_color: '#e2e4e6',
21
21
  fileName_color_failed: failedColor,
22
22
  fileSize_color: '#788190',
23
- fileSize_color_failed: failedColor
23
+ fileSize_color_failed: '#788190'
24
24
  },
25
25
  // AttachmentIcon: {},
26
26
  // Audio: {},
@@ -42,7 +42,9 @@ export default {
42
42
  imIntegrationIcon,
43
43
  imTtIcon,
44
44
  // IMMessage: {},
45
- // IMMessageContent: {},
45
+ imMessageContent: {
46
+ text_color: '#a8b0bd'
47
+ },
46
48
  imMessageMeta: {
47
49
  time_color: '#a8b0bd'
48
50
  },
@@ -55,7 +57,9 @@ export default {
55
57
  bg_color: '#232b38',
56
58
  bg_color_failed: failedBg,
57
59
  alt_text_color: '#e2e4e6',
58
- alt_text_color_failed: failedColor
60
+ alt_text_color_failed: failedColor,
61
+ border_color: '#2d3748',
62
+ border_color_failed: failedBdr
59
63
  },
60
64
  // IMReplyBubble: {},
61
65
  // InfoBubble: {},
@@ -92,7 +96,10 @@ export default {
92
96
  failed_color: messageStatusFailedColor
93
97
  },
94
98
  // MoreActionItem: {},
95
- // ReplyBubble: {},
99
+ replyBubble: {
100
+ border_color: '#2d3748',
101
+ border_color_failed: failedBdr
102
+ },
96
103
  replyBubbleContent: {
97
104
  bg_color: '#232b38',
98
105
  bg_color_failed: failedBg,
@@ -118,8 +125,11 @@ export default {
118
125
  see_more_color_failed: failedUrlColor,
119
126
  url_color: primaryOrange,
120
127
  url_color_failed: failedUrlColor
121
- } // Video: {},
122
- // VideoBubble: {}
123
-
128
+ },
129
+ // Video: {},
130
+ videoBubble: {
131
+ border_color: '#2d3748',
132
+ border_color_failed: failedBdr
133
+ }
124
134
  }
125
135
  };
@@ -20,7 +20,7 @@ export default {
20
20
  fileName_color: '#e2e4e6',
21
21
  fileName_color_failed: failedColor,
22
22
  fileSize_color: '#788190',
23
- fileSize_color_failed: failedColor
23
+ fileSize_color_failed: '#788190'
24
24
  },
25
25
  // AttachmentIcon: {},
26
26
  // Audio: {},
@@ -42,7 +42,9 @@ export default {
42
42
  imIntegrationIcon,
43
43
  imTtIcon,
44
44
  // IMMessage: {},
45
- // IMMessageContent: {},
45
+ imMessageContent: {
46
+ text_color: '#a8b0bd'
47
+ },
46
48
  imMessageMeta: {
47
49
  time_color: '#a8b0bd'
48
50
  },
@@ -55,7 +57,9 @@ export default {
55
57
  bg_color: 'hsl(258.46deg 12.62% 16.2%)',
56
58
  bg_color_failed: failedBg,
57
59
  alt_text_color: '#e2e4e6',
58
- alt_text_color_failed: failedColor
60
+ alt_text_color_failed: failedColor,
61
+ border_color: 'hsl(258.46deg 12.62% 23.2%)',
62
+ border_color_failed: failedBdr
59
63
  },
60
64
  // IMReplyBubble: {},
61
65
  // InfoBubble: {},
@@ -92,7 +96,10 @@ export default {
92
96
  failed_color: messageStatusFailedColor
93
97
  },
94
98
  // MoreActionItem: {},
95
- // ReplyBubble: {},
99
+ replyBubble: {
100
+ border_color: 'hsl(258.46deg 12.62% 23.2%)',
101
+ border_color_failed: failedBdr
102
+ },
96
103
  replyBubbleContent: {
97
104
  bg_color: 'hsl(258.46deg 12.62% 16.2%)',
98
105
  bg_color_failed: failedBg,
@@ -118,8 +125,11 @@ export default {
118
125
  see_more_color_failed: failedUrlColor,
119
126
  url_color: primaryRed,
120
127
  url_color_failed: failedUrlColor
121
- } // Video: {},
122
- // VideoBubble: {}
123
-
128
+ },
129
+ // Video: {},
130
+ videoBubble: {
131
+ border_color: 'hsl(258.46deg 12.62% 23.2%)',
132
+ border_color_failed: failedBdr
133
+ }
124
134
  }
125
135
  };
@@ -20,7 +20,7 @@ export default {
20
20
  fileName_color: '#e2e4e6',
21
21
  fileName_color_failed: failedColor,
22
22
  fileSize_color: '#788190',
23
- fileSize_color_failed: failedColor
23
+ fileSize_color_failed: '#788190'
24
24
  },
25
25
  // AttachmentIcon: {},
26
26
  // Audio: {},
@@ -42,7 +42,9 @@ export default {
42
42
  imIntegrationIcon,
43
43
  imTtIcon,
44
44
  // IMMessage: {},
45
- // IMMessageContent: {},
45
+ imMessageContent: {
46
+ text_color: '#a8b0bd'
47
+ },
46
48
  imMessageMeta: {
47
49
  time_color: '#a8b0bd'
48
50
  },
@@ -55,7 +57,9 @@ export default {
55
57
  bg_color: '#232b38',
56
58
  bg_color_failed: failedBg,
57
59
  alt_text_color: '#e2e4e6',
58
- alt_text_color_failed: failedColor
60
+ alt_text_color_failed: failedColor,
61
+ border_color: '#2d3748',
62
+ border_color_failed: failedBdr
59
63
  },
60
64
  // IMReplyBubble: {},
61
65
  // InfoBubble: {},
@@ -92,7 +96,10 @@ export default {
92
96
  failed_color: messageStatusFailedColor
93
97
  },
94
98
  // MoreActionItem: {},
95
- // ReplyBubble: {},
99
+ replyBubble: {
100
+ border_color: '#2d3748',
101
+ border_color_failed: failedBdr
102
+ },
96
103
  replyBubbleContent: {
97
104
  bg_color: '#232b38',
98
105
  bg_color_failed: failedBg,
@@ -118,8 +125,11 @@ export default {
118
125
  see_more_color_failed: failedUrlColor,
119
126
  url_color: primaryYellow,
120
127
  url_color_failed: failedUrlColor
121
- } // Video: {},
122
- // VideoBubble: {}
123
-
128
+ },
129
+ // Video: {},
130
+ videoBubble: {
131
+ border_color: '#2d3748',
132
+ border_color_failed: failedBdr
133
+ }
124
134
  }
125
135
  };
@@ -19,7 +19,7 @@ export default {
19
19
  fileName_color: black,
20
20
  fileName_color_failed: failedColor,
21
21
  fileSize_color: '#5a616f',
22
- fileSize_color_failed: failedColor
22
+ fileSize_color_failed: '#788190'
23
23
  },
24
24
  // AttachmentIcon: {},
25
25
  // Audio: {},
@@ -41,7 +41,9 @@ export default {
41
41
  imIntegrationIcon,
42
42
  imTtIcon,
43
43
  // IMMessage: {},
44
- // IMMessageContent: {},
44
+ imMessageContent: {
45
+ text_color: '#5a616f'
46
+ },
45
47
  imMessageMeta: {
46
48
  time_color: '#5a616f'
47
49
  },
@@ -54,7 +56,9 @@ export default {
54
56
  bg_color: white,
55
57
  bg_color_failed: failedBg,
56
58
  alt_text_color: black,
57
- alt_text_color_failed: failedColor
59
+ alt_text_color_failed: failedColor,
60
+ border_color: '#ebf0f5',
61
+ border_color_failed: failedBdr
58
62
  },
59
63
  // IMReplyBubble: {},
60
64
  // InfoBubble: {},
@@ -91,7 +95,10 @@ export default {
91
95
  failed_color: messageStatusFailedColor
92
96
  },
93
97
  // MoreActionItem: {},
94
- // ReplyBubble: {},
98
+ replyBubble: {
99
+ border_color: '#ebf0f5',
100
+ border_color_failed: failedBdr
101
+ },
95
102
  replyBubbleContent: {
96
103
  bg_color: white,
97
104
  bg_color_failed: failedBg,
@@ -117,8 +124,11 @@ export default {
117
124
  see_more_color_failed: failedUrlColor,
118
125
  url_color: primaryBlue,
119
126
  url_color_failed: failedUrlColor
120
- } // Video: {},
121
- // VideoBubble: {}
122
-
127
+ },
128
+ // Video: {},
129
+ videoBubble: {
130
+ border_color: '#ebf0f5',
131
+ border_color_failed: failedBdr
132
+ }
123
133
  }
124
134
  };
@@ -19,7 +19,7 @@ export default {
19
19
  fileName_color: black,
20
20
  fileName_color_failed: failedColor,
21
21
  fileSize_color: '#5a616f',
22
- fileSize_color_failed: failedColor
22
+ fileSize_color_failed: '#788190'
23
23
  },
24
24
  // AttachmentIcon: {},
25
25
  // Audio: {},
@@ -41,7 +41,9 @@ export default {
41
41
  imIntegrationIcon,
42
42
  imTtIcon,
43
43
  // IMMessage: {},
44
- // IMMessageContent: {},
44
+ imMessageContent: {
45
+ text_color: '#5a616f'
46
+ },
45
47
  imMessageMeta: {
46
48
  time_color: '#5a616f'
47
49
  },
@@ -54,7 +56,9 @@ export default {
54
56
  bg_color: white,
55
57
  bg_color_failed: failedBg,
56
58
  alt_text_color: black,
57
- alt_text_color_failed: failedColor
59
+ alt_text_color_failed: failedColor,
60
+ border_color: '#ebf0f5',
61
+ border_color_failed: failedBdr
58
62
  },
59
63
  // IMReplyBubble: {},
60
64
  // InfoBubble: {},
@@ -91,7 +95,10 @@ export default {
91
95
  failed_color: messageStatusFailedColor
92
96
  },
93
97
  // MoreActionItem: {},
94
- // ReplyBubble: {},
98
+ replyBubble: {
99
+ border_color: '#ebf0f5',
100
+ border_color_failed: failedBdr
101
+ },
95
102
  replyBubbleContent: {
96
103
  bg_color: white,
97
104
  bg_color_failed: failedBg,
@@ -117,8 +124,11 @@ export default {
117
124
  see_more_color_failed: failedUrlColor,
118
125
  url_color: primaryGreen,
119
126
  url_color_failed: failedUrlColor
120
- } // Video: {},
121
- // VideoBubble: {}
122
-
127
+ },
128
+ // Video: {},
129
+ videoBubble: {
130
+ border_color: '#ebf0f5',
131
+ border_color_failed: failedBdr
132
+ }
123
133
  }
124
134
  };
@@ -19,7 +19,7 @@ export default {
19
19
  fileName_color: black,
20
20
  fileName_color_failed: failedColor,
21
21
  fileSize_color: '#5a616f',
22
- fileSize_color_failed: failedColor
22
+ fileSize_color_failed: '#788190'
23
23
  },
24
24
  // AttachmentIcon: {},
25
25
  // Audio: {},
@@ -41,7 +41,9 @@ export default {
41
41
  imIntegrationIcon,
42
42
  imTtIcon,
43
43
  // IMMessage: {},
44
- // IMMessageContent: {},
44
+ imMessageContent: {
45
+ text_color: '#5a616f'
46
+ },
45
47
  imMessageMeta: {
46
48
  time_color: '#5a616f'
47
49
  },
@@ -54,7 +56,9 @@ export default {
54
56
  bg_color: white,
55
57
  bg_color_failed: failedBg,
56
58
  alt_text_color: black,
57
- alt_text_color_failed: failedColor
59
+ alt_text_color_failed: failedColor,
60
+ border_color: '#ebf0f5',
61
+ border_color_failed: failedBdr
58
62
  },
59
63
  // IMReplyBubble: {},
60
64
  // InfoBubble: {},
@@ -91,7 +95,10 @@ export default {
91
95
  failed_color: messageStatusFailedColor
92
96
  },
93
97
  // MoreActionItem: {},
94
- // ReplyBubble: {},
98
+ replyBubble: {
99
+ border_color: '#ebf0f5',
100
+ border_color_failed: failedBdr
101
+ },
95
102
  replyBubbleContent: {
96
103
  bg_color: white,
97
104
  bg_color_failed: failedBg,
@@ -117,8 +124,11 @@ export default {
117
124
  see_more_color_failed: failedUrlColor,
118
125
  url_color: primaryOrange,
119
126
  url_color_failed: failedUrlColor
120
- } // Video: {},
121
- // VideoBubble: {}
122
-
127
+ },
128
+ // Video: {},
129
+ videoBubble: {
130
+ border_color: '#ebf0f5',
131
+ border_color_failed: failedBdr
132
+ }
123
133
  }
124
134
  };
@@ -19,7 +19,7 @@ export default {
19
19
  fileName_color: black,
20
20
  fileName_color_failed: failedColor,
21
21
  fileSize_color: '#5a616f',
22
- fileSize_color_failed: failedColor
22
+ fileSize_color_failed: '#788190'
23
23
  },
24
24
  // AttachmentIcon: {},
25
25
  // Audio: {},
@@ -41,7 +41,9 @@ export default {
41
41
  imIntegrationIcon,
42
42
  imTtIcon,
43
43
  // IMMessage: {},
44
- // IMMessageContent: {},
44
+ imMessageContent: {
45
+ text_color: '#5a616f'
46
+ },
45
47
  imMessageMeta: {
46
48
  time_color: '#5a616f'
47
49
  },
@@ -54,7 +56,9 @@ export default {
54
56
  bg_color: white,
55
57
  bg_color_failed: failedBg,
56
58
  alt_text_color: black,
57
- alt_text_color_failed: failedColor
59
+ alt_text_color_failed: failedColor,
60
+ border_color: '#ebf0f5',
61
+ border_color_failed: failedBdr
58
62
  },
59
63
  // IMReplyBubble: {},
60
64
  // InfoBubble: {},
@@ -91,7 +95,10 @@ export default {
91
95
  failed_color: messageStatusFailedColor
92
96
  },
93
97
  // MoreActionItem: {},
94
- // ReplyBubble: {},
98
+ replyBubble: {
99
+ border_color: '#ebf0f5',
100
+ border_color_failed: failedBdr
101
+ },
95
102
  replyBubbleContent: {
96
103
  bg_color: white,
97
104
  bg_color_failed: failedBg,
@@ -117,8 +124,11 @@ export default {
117
124
  see_more_color_failed: failedUrlColor,
118
125
  url_color: primaryRed,
119
126
  url_color_failed: failedUrlColor
120
- } // Video: {},
121
- // VideoBubble: {}
122
-
127
+ },
128
+ // Video: {},
129
+ videoBubble: {
130
+ border_color: '#ebf0f5',
131
+ border_color_failed: failedBdr
132
+ }
123
133
  }
124
134
  };
@@ -19,7 +19,7 @@ export default {
19
19
  fileName_color: black,
20
20
  fileName_color_failed: failedColor,
21
21
  fileSize_color: '#5a616f',
22
- fileSize_color_failed: failedColor
22
+ fileSize_color_failed: '#788190'
23
23
  },
24
24
  // AttachmentIcon: {},
25
25
  // Audio: {},
@@ -41,7 +41,9 @@ export default {
41
41
  imIntegrationIcon,
42
42
  imTtIcon,
43
43
  // IMMessage: {},
44
- // IMMessageContent: {},
44
+ imMessageContent: {
45
+ text_color: '#5a616f'
46
+ },
45
47
  imMessageMeta: {
46
48
  time_color: '#5a616f'
47
49
  },
@@ -54,7 +56,9 @@ export default {
54
56
  bg_color: white,
55
57
  bg_color_failed: failedBg,
56
58
  alt_text_color: black,
57
- alt_text_color_failed: failedColor
59
+ alt_text_color_failed: failedColor,
60
+ border_color: '#ebf0f5',
61
+ border_color_failed: failedBdr
58
62
  },
59
63
  // IMReplyBubble: {},
60
64
  // InfoBubble: {},
@@ -91,7 +95,10 @@ export default {
91
95
  failed_color: messageStatusFailedColor
92
96
  },
93
97
  // MoreActionItem: {},
94
- // ReplyBubble: {},
98
+ replyBubble: {
99
+ border_color: '#ebf0f5',
100
+ border_color_failed: failedBdr
101
+ },
95
102
  replyBubbleContent: {
96
103
  bg_color: white,
97
104
  bg_color_failed: failedBg,
@@ -117,8 +124,11 @@ export default {
117
124
  see_more_color_failed: failedUrlColor,
118
125
  url_color: primaryYellow,
119
126
  url_color_failed: failedUrlColor
120
- } // Video: {},
121
- // VideoBubble: {}
122
-
127
+ },
128
+ // Video: {},
129
+ videoBubble: {
130
+ border_color: '#ebf0f5',
131
+ border_color_failed: failedBdr
132
+ }
123
133
  }
124
134
  };
@@ -20,7 +20,7 @@ export default {
20
20
  fileName_color: '#e2e4e6',
21
21
  fileName_color_failed: failedColor,
22
22
  fileSize_color: '#999',
23
- fileSize_color_failed: failedColor
23
+ fileSize_color_failed: '#788190'
24
24
  },
25
25
  // AttachmentIcon: {},
26
26
  // Audio: {},
@@ -42,7 +42,9 @@ export default {
42
42
  imIntegrationIcon,
43
43
  imTtIcon,
44
44
  // IMMessage: {},
45
- // IMMessageContent: {},
45
+ imMessageContent: {
46
+ text_color: '#a8b0bd'
47
+ },
46
48
  imMessageMeta: {
47
49
  time_color: '#999'
48
50
  },
@@ -55,7 +57,9 @@ export default {
55
57
  bg_color: '#212121',
56
58
  bg_color_failed: failedBg,
57
59
  alt_text_color: '#e2e4e6',
58
- alt_text_color_failed: failedColor
60
+ alt_text_color_failed: failedColor,
61
+ border_color: '#161515',
62
+ border_color_failed: failedBdr
59
63
  },
60
64
  // IMReplyBubble: {},
61
65
  // InfoBubble: {},
@@ -92,7 +96,10 @@ export default {
92
96
  failed_color: messageStatusFailedColor
93
97
  },
94
98
  // MoreActionItem: {},
95
- // ReplyBubble: {},
99
+ replyBubble: {
100
+ border_color: '#161515',
101
+ border_color_failed: failedBdr
102
+ },
96
103
  replyBubbleContent: {
97
104
  bg_color: '#212121',
98
105
  bg_color_failed: failedBg,
@@ -118,8 +125,11 @@ export default {
118
125
  see_more_color_failed: failedUrlColor,
119
126
  url_color: primaryBlue,
120
127
  url_color_failed: failedUrlColor
121
- } // Video: {},
122
- // VideoBubble: {}
123
-
128
+ },
129
+ // Video: {},
130
+ videoBubble: {
131
+ border_color: '#161515',
132
+ border_color_failed: failedBdr
133
+ }
124
134
  }
125
135
  };