@sendbird/uikit-react 3.0.0-alpha.2 → 3.0.0-beta.3

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 (438) hide show
  1. package/App.js +54 -35
  2. package/App.js.map +1 -1
  3. package/Channel/components/ChannelHeader.js +15 -14
  4. package/Channel/components/ChannelHeader.js.map +1 -1
  5. package/Channel/components/ChannelUI.js +30 -23
  6. package/Channel/components/ChannelUI.js.map +1 -1
  7. package/Channel/components/FileViewer.js +14 -13
  8. package/Channel/components/FileViewer.js.map +1 -1
  9. package/Channel/components/FrozenNotification.js +5 -5
  10. package/Channel/components/Message.js +189 -66
  11. package/Channel/components/Message.js.map +1 -1
  12. package/Channel/components/MessageInput.js +145 -30
  13. package/Channel/components/MessageInput.js.map +1 -1
  14. package/Channel/components/MessageList.js +72 -60
  15. package/Channel/components/MessageList.js.map +1 -1
  16. package/Channel/components/RemoveMessageModal.js +17 -16
  17. package/Channel/components/RemoveMessageModal.js.map +1 -1
  18. package/Channel/components/SuggestedMentionList.js +250 -0
  19. package/Channel/components/SuggestedMentionList.js.map +1 -0
  20. package/Channel/components/TypingIndicator.js +16 -15
  21. package/Channel/components/TypingIndicator.js.map +1 -1
  22. package/Channel/components/UnreadCount.js +5 -5
  23. package/Channel/context.js +13 -12
  24. package/Channel/context.js.map +1 -1
  25. package/Channel.js +29 -22
  26. package/Channel.js.map +1 -1
  27. package/ChannelList/components/AddChannel.js +14 -14
  28. package/ChannelList/components/ChannelListHeader.js +7 -7
  29. package/ChannelList/components/ChannelListUI.js +52 -29
  30. package/ChannelList/components/ChannelListUI.js.map +1 -1
  31. package/ChannelList/components/ChannelPreview.js +55 -21
  32. package/ChannelList/components/ChannelPreview.js.map +1 -1
  33. package/ChannelList/components/ChannelPreviewAction.js +14 -14
  34. package/ChannelList/context.js +8 -8
  35. package/ChannelList.js +34 -25
  36. package/ChannelList.js.map +1 -1
  37. package/{ChannelListProvider-0b0c2c40.js → ChannelListProvider-d602a166.js} +92 -27
  38. package/ChannelListProvider-d602a166.js.map +1 -0
  39. package/{ChannelProvider-459e463f.js → ChannelProvider-cf8fc05a.js} +72 -41
  40. package/ChannelProvider-cf8fc05a.js.map +1 -0
  41. package/ChannelSettings/components/AdminPanel.js +15 -15
  42. package/ChannelSettings/components/ChannelProfile.js +13 -13
  43. package/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  44. package/ChannelSettings/components/EditDetailsModal.js +13 -13
  45. package/ChannelSettings/components/LeaveChannel.js +10 -10
  46. package/ChannelSettings/components/UserListItem.js +11 -11
  47. package/ChannelSettings/components/UserPanel.js +14 -14
  48. package/ChannelSettings/context.js +3 -3
  49. package/ChannelSettings.js +18 -18
  50. package/CreateChannel/components/CreateChannelUI.js +14 -14
  51. package/CreateChannel/components/InviteMembers.js +14 -14
  52. package/CreateChannel/components/SelectChannelType.js +10 -10
  53. package/CreateChannel/context.js +3 -3
  54. package/CreateChannel.js +14 -14
  55. package/{CreateChannelProvider-c617a1bb.js → CreateChannelProvider-3f3dafed.js} +1 -1
  56. package/{CreateChannelProvider-c617a1bb.js.map → CreateChannelProvider-3f3dafed.js.map} +1 -1
  57. package/EditUserProfile/components/EditUserProfileUI.js +13 -13
  58. package/EditUserProfile.js +13 -13
  59. package/{LocalizationContext-e4391013.js → LocalizationContext-b970a73c.js} +3 -3
  60. package/{LocalizationContext-e4391013.js.map → LocalizationContext-b970a73c.js.map} +1 -1
  61. package/{MemberList-6655cba0.js → MemberList-9d29bee4.js} +5 -5
  62. package/{MemberList-6655cba0.js.map → MemberList-9d29bee4.js.map} +1 -1
  63. package/MessageSearch/components/MessageSearchUI.js +11 -11
  64. package/MessageSearch/context.js +2 -2
  65. package/MessageSearch.js +11 -11
  66. package/OpenChannel/components/FrozenChannelNotification.js +5 -5
  67. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  68. package/OpenChannel/components/OpenChannelInput.js +18 -14
  69. package/OpenChannel/components/OpenChannelInput.js.map +1 -1
  70. package/OpenChannel/components/OpenChannelMessage.js +23 -19
  71. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  72. package/OpenChannel/components/OpenChannelMessageList.js +25 -21
  73. package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  74. package/OpenChannel/components/OpenChannelUI.js +25 -21
  75. package/OpenChannel/components/OpenChannelUI.js.map +1 -1
  76. package/OpenChannel/context.js +9 -9
  77. package/OpenChannel.js +25 -21
  78. package/OpenChannel.js.map +1 -1
  79. package/{OpenChannelProvider-a7691eb4.js → OpenChannelProvider-821fb008.js} +7 -7
  80. package/{OpenChannelProvider-a7691eb4.js.map → OpenChannelProvider-821fb008.js.map} +1 -1
  81. package/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  82. package/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  83. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  84. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  85. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  86. package/OpenChannelSettings/context.js +2 -2
  87. package/OpenChannelSettings.js +17 -17
  88. package/SendbirdProvider.js +36 -14
  89. package/SendbirdProvider.js.map +1 -1
  90. package/{UserProfileContext-865db5e6.js → UserProfileContext-f4ff4291.js} +1 -1
  91. package/{UserProfileContext-865db5e6.js.map → UserProfileContext-f4ff4291.js.map} +1 -1
  92. package/{_rollupPluginBabelHelpers-20904f21.js → _rollupPluginBabelHelpers-6bf18550.js} +1 -1
  93. package/{_rollupPluginBabelHelpers-20904f21.js.map → _rollupPluginBabelHelpers-6bf18550.js.map} +1 -1
  94. package/{actionTypes-1e3a4074.js → actionTypes-8e320ded.js} +1 -1
  95. package/{actionTypes-1e3a4074.js.map → actionTypes-8e320ded.js.map} +1 -1
  96. package/cjs/App.js +54 -35
  97. package/cjs/App.js.map +1 -1
  98. package/cjs/Channel/components/ChannelHeader.js +15 -14
  99. package/cjs/Channel/components/ChannelHeader.js.map +1 -1
  100. package/cjs/Channel/components/ChannelUI.js +31 -24
  101. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  102. package/cjs/Channel/components/FileViewer.js +14 -13
  103. package/cjs/Channel/components/FileViewer.js.map +1 -1
  104. package/cjs/Channel/components/FrozenNotification.js +5 -5
  105. package/cjs/Channel/components/Message.js +188 -65
  106. package/cjs/Channel/components/Message.js.map +1 -1
  107. package/cjs/Channel/components/MessageInput.js +144 -29
  108. package/cjs/Channel/components/MessageInput.js.map +1 -1
  109. package/cjs/Channel/components/MessageList.js +71 -59
  110. package/cjs/Channel/components/MessageList.js.map +1 -1
  111. package/cjs/Channel/components/RemoveMessageModal.js +17 -16
  112. package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
  113. package/cjs/Channel/components/SuggestedMentionList.js +256 -0
  114. package/cjs/Channel/components/SuggestedMentionList.js.map +1 -0
  115. package/cjs/Channel/components/TypingIndicator.js +18 -14
  116. package/cjs/Channel/components/TypingIndicator.js.map +1 -1
  117. package/cjs/Channel/components/UnreadCount.js +5 -5
  118. package/cjs/Channel/context.js +13 -12
  119. package/cjs/Channel/context.js.map +1 -1
  120. package/cjs/Channel.js +29 -22
  121. package/cjs/Channel.js.map +1 -1
  122. package/cjs/ChannelList/components/AddChannel.js +14 -14
  123. package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
  124. package/cjs/ChannelList/components/ChannelListUI.js +52 -29
  125. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  126. package/cjs/ChannelList/components/ChannelPreview.js +55 -21
  127. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  128. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
  129. package/cjs/ChannelList/context.js +8 -8
  130. package/cjs/ChannelList.js +34 -25
  131. package/cjs/ChannelList.js.map +1 -1
  132. package/cjs/{ChannelListProvider-5a152618.js → ChannelListProvider-64db9f70.js} +92 -27
  133. package/cjs/ChannelListProvider-64db9f70.js.map +1 -0
  134. package/cjs/{ChannelProvider-f1fb0108.js → ChannelProvider-5e8e33b1.js} +79 -48
  135. package/cjs/ChannelProvider-5e8e33b1.js.map +1 -0
  136. package/cjs/ChannelSettings/components/AdminPanel.js +15 -15
  137. package/cjs/ChannelSettings/components/ChannelProfile.js +13 -13
  138. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  139. package/cjs/ChannelSettings/components/EditDetailsModal.js +13 -13
  140. package/cjs/ChannelSettings/components/LeaveChannel.js +10 -10
  141. package/cjs/ChannelSettings/components/UserListItem.js +11 -11
  142. package/cjs/ChannelSettings/components/UserPanel.js +14 -14
  143. package/cjs/ChannelSettings/context.js +3 -3
  144. package/cjs/ChannelSettings.js +18 -18
  145. package/cjs/CreateChannel/components/CreateChannelUI.js +14 -14
  146. package/cjs/CreateChannel/components/InviteMembers.js +14 -14
  147. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  148. package/cjs/CreateChannel/context.js +3 -3
  149. package/cjs/CreateChannel.js +14 -14
  150. package/cjs/{CreateChannelProvider-df42106f.js → CreateChannelProvider-dcf7f906.js} +1 -1
  151. package/cjs/{CreateChannelProvider-df42106f.js.map → CreateChannelProvider-dcf7f906.js.map} +1 -1
  152. package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -13
  153. package/cjs/EditUserProfile.js +13 -13
  154. package/cjs/{LocalizationContext-68e55e2a.js → LocalizationContext-382a9ef1.js} +3 -3
  155. package/cjs/{LocalizationContext-68e55e2a.js.map → LocalizationContext-382a9ef1.js.map} +1 -1
  156. package/cjs/{MemberList-dc84e303.js → MemberList-03a241cd.js} +5 -5
  157. package/cjs/{MemberList-dc84e303.js.map → MemberList-03a241cd.js.map} +1 -1
  158. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  159. package/cjs/MessageSearch/context.js +2 -2
  160. package/cjs/MessageSearch.js +11 -11
  161. package/cjs/OpenChannel/components/FrozenChannelNotification.js +5 -5
  162. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  163. package/cjs/OpenChannel/components/OpenChannelInput.js +18 -14
  164. package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
  165. package/cjs/OpenChannel/components/OpenChannelMessage.js +23 -19
  166. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  167. package/cjs/OpenChannel/components/OpenChannelMessageList.js +25 -21
  168. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  169. package/cjs/OpenChannel/components/OpenChannelUI.js +25 -21
  170. package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
  171. package/cjs/OpenChannel/context.js +9 -9
  172. package/cjs/OpenChannel.js +25 -21
  173. package/cjs/OpenChannel.js.map +1 -1
  174. package/cjs/{OpenChannelProvider-7a1a996f.js → OpenChannelProvider-9000ccb9.js} +7 -7
  175. package/cjs/{OpenChannelProvider-7a1a996f.js.map → OpenChannelProvider-9000ccb9.js.map} +1 -1
  176. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  177. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  178. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  179. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  180. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  181. package/cjs/OpenChannelSettings/context.js +2 -2
  182. package/cjs/OpenChannelSettings.js +17 -17
  183. package/cjs/SendbirdProvider.js +36 -14
  184. package/cjs/SendbirdProvider.js.map +1 -1
  185. package/cjs/{UserProfileContext-3533547d.js → UserProfileContext-0b7ef11a.js} +1 -1
  186. package/cjs/{UserProfileContext-3533547d.js.map → UserProfileContext-0b7ef11a.js.map} +1 -1
  187. package/cjs/{_rollupPluginBabelHelpers-fc14118c.js → _rollupPluginBabelHelpers-6193d45d.js} +1 -1
  188. package/cjs/{_rollupPluginBabelHelpers-fc14118c.js.map → _rollupPluginBabelHelpers-6193d45d.js.map} +1 -1
  189. package/cjs/{actionTypes-bc47f97a.js → actionTypes-092bc172.js} +1 -1
  190. package/cjs/{actionTypes-bc47f97a.js.map → actionTypes-092bc172.js.map} +1 -1
  191. package/cjs/{color-4afb15fb.js → color-1816dacf.js} +1 -1
  192. package/cjs/{color-4afb15fb.js.map → color-1816dacf.js.map} +1 -1
  193. package/cjs/{compareIds-01306377.js → compareIds-e9bca8c4.js} +1 -1
  194. package/cjs/{compareIds-01306377.js.map → compareIds-e9bca8c4.js.map} +1 -1
  195. package/cjs/const-c65837c1.js +22 -0
  196. package/cjs/const-c65837c1.js.map +1 -0
  197. package/cjs/const-d9f4d880.js +14 -0
  198. package/cjs/const-d9f4d880.js.map +1 -0
  199. package/cjs/{context-c1f9d650.js → context-6ebf3379.js} +2 -2
  200. package/cjs/{context-c1f9d650.js.map → context-6ebf3379.js.map} +1 -1
  201. package/cjs/{index-1044f1ed.js → index-01072ac9.js} +3 -3
  202. package/cjs/{index-1044f1ed.js.map → index-01072ac9.js.map} +1 -1
  203. package/cjs/{index-e2bb862c.js → index-20a06ed6.js} +1 -1
  204. package/cjs/{index-e2bb862c.js.map → index-20a06ed6.js.map} +1 -1
  205. package/cjs/{index-d4880236.js → index-212a11f2.js} +84 -3
  206. package/cjs/index-212a11f2.js.map +1 -0
  207. package/cjs/{index-aecc8d24.js → index-2faa2f93.js} +1 -1
  208. package/cjs/{index-aecc8d24.js.map → index-2faa2f93.js.map} +1 -1
  209. package/cjs/{index-9dc3863f.js → index-4f40f311.js} +2 -2
  210. package/cjs/{index-9dc3863f.js.map → index-4f40f311.js.map} +1 -1
  211. package/cjs/index-75453415.js +54 -0
  212. package/cjs/index-75453415.js.map +1 -0
  213. package/cjs/{index-8becccd8.js → index-948426a8.js} +4 -4
  214. package/cjs/{index-8becccd8.js.map → index-948426a8.js.map} +1 -1
  215. package/cjs/{index-905331fa.js → index-a2ce047a.js} +2 -2
  216. package/cjs/{index-905331fa.js.map → index-a2ce047a.js.map} +1 -1
  217. package/cjs/{index-4987c8b2.js → index-d57081d1.js} +6 -6
  218. package/cjs/{index-4987c8b2.js.map → index-d57081d1.js.map} +1 -1
  219. package/cjs/{index-659c9ca5.js → index-e63da805.js} +4 -4
  220. package/cjs/{index-659c9ca5.js.map → index-e63da805.js.map} +1 -1
  221. package/cjs/{index-1468d245.js → index-f1971e28.js} +3 -3
  222. package/cjs/{index-1468d245.js.map → index-f1971e28.js.map} +1 -1
  223. package/cjs/index.css +243 -133
  224. package/cjs/index.css.map +1 -1
  225. package/cjs/index.js +40 -33
  226. package/cjs/index.js.map +1 -1
  227. package/cjs/{openChannelUtils-37919a36.js → openChannelUtils-16f29ba2.js} +1 -1
  228. package/cjs/{openChannelUtils-37919a36.js.map → openChannelUtils-16f29ba2.js.map} +1 -1
  229. package/cjs/sendBirdSelectors.js +1 -1
  230. package/cjs/{stringSet-aa544ce5.js → stringSet-b9ea6eef.js} +4 -2
  231. package/cjs/stringSet-b9ea6eef.js.map +1 -0
  232. package/cjs/{topics-8314d425.js → topics-11048db8.js} +1 -1
  233. package/cjs/{topics-8314d425.js.map → topics-11048db8.js.map} +1 -1
  234. package/cjs/{tslib.es6-4a281a05.js → tslib.es6-07dd6257.js} +1 -1
  235. package/cjs/{tslib.es6-4a281a05.js.map → tslib.es6-07dd6257.js.map} +1 -1
  236. package/cjs/ui/Accordion.js +4 -4
  237. package/cjs/ui/AccordionGroup.js +2 -2
  238. package/cjs/ui/AdminMessage.js +3 -3
  239. package/cjs/ui/Avatar.js +3 -3
  240. package/cjs/ui/Badge.js +5 -5
  241. package/cjs/ui/Button.js +4 -4
  242. package/cjs/ui/ChannelAvatar.js +4 -4
  243. package/cjs/ui/ChannelPreview.js +12 -12
  244. package/cjs/ui/ChatHeader.js +8 -8
  245. package/cjs/ui/Checkbox.js +1 -1
  246. package/cjs/ui/ConnectionStatus.js +5 -5
  247. package/cjs/ui/ContextMenu.js +5 -5
  248. package/cjs/ui/DateSeparator.js +4 -4
  249. package/cjs/ui/Dropdown.js +3 -3
  250. package/cjs/ui/EmojiReactions.js +7 -7
  251. package/cjs/ui/FileMessageItemBody.js +6 -6
  252. package/cjs/ui/FileViewer.js +7 -7
  253. package/cjs/ui/Icon.js +1 -1
  254. package/cjs/ui/IconButton.js +1 -1
  255. package/cjs/ui/ImageRenderer.js +1 -1
  256. package/cjs/ui/Input.js +3 -3
  257. package/cjs/ui/Label.js +3 -3
  258. package/cjs/ui/LinkLabel.js +3 -3
  259. package/cjs/ui/Loader.js +1 -1
  260. package/cjs/ui/MentionUserLabel.js +25 -0
  261. package/cjs/ui/MentionUserLabel.js.map +1 -0
  262. package/cjs/ui/MessageContent.js +25 -62
  263. package/cjs/ui/MessageContent.js.map +1 -1
  264. package/cjs/ui/MessageInput.js +4900 -84
  265. package/cjs/ui/MessageInput.js.map +1 -1
  266. package/cjs/ui/MessageItemMenu.js +7 -7
  267. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  268. package/cjs/ui/MessageSearchFileItem.js +10 -10
  269. package/cjs/ui/MessageSearchItem.js +10 -10
  270. package/cjs/ui/MessageStatus.js +66 -0
  271. package/cjs/ui/MessageStatus.js.map +1 -0
  272. package/cjs/ui/Modal.js +8 -8
  273. package/cjs/ui/MutedAvatarOverlay.js +1 -1
  274. package/cjs/ui/OGMessageItemBody.js +38 -28
  275. package/cjs/ui/OGMessageItemBody.js.map +1 -1
  276. package/cjs/ui/OpenChannelAdminMessage.js +4 -4
  277. package/cjs/ui/OpenChannelAvatar.js +7 -7
  278. package/cjs/ui/OpenchannelConversationHeader.js +7 -7
  279. package/cjs/ui/OpenchannelFileMessage.js +14 -14
  280. package/cjs/ui/OpenchannelOGMessage.js +14 -14
  281. package/cjs/ui/OpenchannelThumbnailMessage.js +13 -13
  282. package/cjs/ui/OpenchannelUserMessage.js +14 -14
  283. package/cjs/ui/PlaceHolder.js +6 -6
  284. package/cjs/ui/QuoteMessage.js +7 -7
  285. package/cjs/ui/QuoteMessageInput.js +7 -7
  286. package/cjs/ui/QuoteMessageInput.js.map +1 -1
  287. package/cjs/ui/ReactionBadge.js +3 -3
  288. package/cjs/ui/ReactionButton.js +1 -1
  289. package/cjs/ui/SortByRow.js +1 -1
  290. package/cjs/ui/TextButton.js +2 -2
  291. package/cjs/ui/TextMessageItemBody.js +36 -14
  292. package/cjs/ui/TextMessageItemBody.js.map +1 -1
  293. package/cjs/ui/ThumbnailMessageItemBody.js +3 -3
  294. package/cjs/ui/Tooltip.js +3 -3
  295. package/cjs/ui/TooltipWrapper.js +1 -1
  296. package/cjs/ui/UnknownMessageItemBody.js +7 -7
  297. package/cjs/ui/UserListItem.js +11 -11
  298. package/cjs/ui/UserProfile.js +9 -9
  299. package/cjs/useSendbirdStateContext.js +1 -1
  300. package/cjs/{utils-cbd3ed99.js → utils-3240365f.js} +1 -1
  301. package/cjs/{utils-cbd3ed99.js.map → utils-3240365f.js.map} +1 -1
  302. package/cjs/{utils-66b3f4ec.js → utils-53d332a6.js} +1 -1
  303. package/cjs/{utils-66b3f4ec.js.map → utils-53d332a6.js.map} +1 -1
  304. package/cjs/{utils-3b0815dc.js → utils-94ae6cec.js} +1 -1
  305. package/cjs/{utils-3b0815dc.js.map → utils-94ae6cec.js.map} +1 -1
  306. package/cjs/{uuid-1d5ec8b2.js → uuid-172844fb.js} +1 -1
  307. package/cjs/{uuid-1d5ec8b2.js.map → uuid-172844fb.js.map} +1 -1
  308. package/cjs/withSendBird.js +1 -1
  309. package/{color-ee3fc5ee.js → color-38dc84d3.js} +1 -1
  310. package/{color-ee3fc5ee.js.map → color-38dc84d3.js.map} +1 -1
  311. package/{compareIds-808956f2.js → compareIds-f01e0c3c.js} +1 -1
  312. package/{compareIds-808956f2.js.map → compareIds-f01e0c3c.js.map} +1 -1
  313. package/const-b6685801.js +8 -0
  314. package/const-b6685801.js.map +1 -0
  315. package/const-d46f09a1.js +18 -0
  316. package/const-d46f09a1.js.map +1 -0
  317. package/{context-98ce535c.js → context-b5168bd0.js} +2 -2
  318. package/{context-98ce535c.js.map → context-b5168bd0.js.map} +1 -1
  319. package/dist/index.css +243 -133
  320. package/dist/index.css.map +1 -1
  321. package/{index-770d7112.js → index-1c2588aa.js} +2 -2
  322. package/{index-770d7112.js.map → index-1c2588aa.js.map} +1 -1
  323. package/{index-acebc2ff.js → index-2dce3a04.js} +3 -3
  324. package/{index-acebc2ff.js.map → index-2dce3a04.js.map} +1 -1
  325. package/{index-5c2c81bc.js → index-3bd4a058.js} +6 -6
  326. package/{index-5c2c81bc.js.map → index-3bd4a058.js.map} +1 -1
  327. package/index-62fd2db7.js +48 -0
  328. package/index-62fd2db7.js.map +1 -0
  329. package/{index-6ebf7894.js → index-6381b534.js} +1 -1
  330. package/{index-6ebf7894.js.map → index-6381b534.js.map} +1 -1
  331. package/{index-cd21929d.js → index-9afb4d01.js} +2 -2
  332. package/{index-cd21929d.js.map → index-9afb4d01.js.map} +1 -1
  333. package/{index-1718324d.js → index-a6675155.js} +4 -4
  334. package/{index-1718324d.js.map → index-a6675155.js.map} +1 -1
  335. package/{index-e818a8a3.js → index-b12b270e.js} +4 -4
  336. package/{index-e818a8a3.js.map → index-b12b270e.js.map} +1 -1
  337. package/{index-7a51bd16.js → index-d0b30cd5.js} +3 -3
  338. package/{index-7a51bd16.js.map → index-d0b30cd5.js.map} +1 -1
  339. package/{index-942c85a6.js → index-d0fe8fe1.js} +1 -1
  340. package/{index-942c85a6.js.map → index-d0fe8fe1.js.map} +1 -1
  341. package/{index-8c72a94a.js → index-e6d0889d.js} +83 -3
  342. package/index-e6d0889d.js.map +1 -0
  343. package/index.d.ts +238 -210
  344. package/index.js +40 -33
  345. package/index.js.map +1 -1
  346. package/{openChannelUtils-56a372e7.js → openChannelUtils-22ed0258.js} +1 -1
  347. package/{openChannelUtils-56a372e7.js.map → openChannelUtils-22ed0258.js.map} +1 -1
  348. package/package.json +5 -2
  349. package/sendBirdSelectors.js +1 -1
  350. package/{stringSet-4f6eaa60.js → stringSet-2e6c1d2c.js} +4 -2
  351. package/stringSet-2e6c1d2c.js.map +1 -0
  352. package/{topics-9442035c.js → topics-67738aac.js} +1 -1
  353. package/{topics-9442035c.js.map → topics-67738aac.js.map} +1 -1
  354. package/{tslib.es6-e3c44017.js → tslib.es6-b6e567bd.js} +1 -1
  355. package/{tslib.es6-e3c44017.js.map → tslib.es6-b6e567bd.js.map} +1 -1
  356. package/ui/Accordion.js +4 -4
  357. package/ui/AccordionGroup.js +2 -2
  358. package/ui/AdminMessage.js +3 -3
  359. package/ui/Avatar.js +3 -3
  360. package/ui/Badge.js +5 -5
  361. package/ui/Button.js +4 -4
  362. package/ui/ChannelAvatar.js +4 -4
  363. package/ui/ChannelPreview.js +12 -12
  364. package/ui/ChatHeader.js +8 -8
  365. package/ui/Checkbox.js +1 -1
  366. package/ui/ConnectionStatus.js +5 -5
  367. package/ui/ContextMenu.js +5 -5
  368. package/ui/DateSeparator.js +4 -4
  369. package/ui/Dropdown.js +3 -3
  370. package/ui/EmojiReactions.js +7 -7
  371. package/ui/FileMessageItemBody.js +6 -6
  372. package/ui/FileViewer.js +7 -7
  373. package/ui/Icon.js +1 -1
  374. package/ui/IconButton.js +1 -1
  375. package/ui/ImageRenderer.js +1 -1
  376. package/ui/Input.js +3 -3
  377. package/ui/Label.js +3 -3
  378. package/ui/LinkLabel.js +3 -3
  379. package/ui/Loader.js +1 -1
  380. package/ui/MentionUserLabel.js +19 -0
  381. package/ui/MentionUserLabel.js.map +1 -0
  382. package/ui/MessageContent.js +25 -62
  383. package/ui/MessageContent.js.map +1 -1
  384. package/ui/MessageInput.js +4900 -85
  385. package/ui/MessageInput.js.map +1 -1
  386. package/ui/MessageItemMenu.js +7 -7
  387. package/ui/MessageItemReactionMenu.js +5 -5
  388. package/ui/MessageSearchFileItem.js +10 -10
  389. package/ui/MessageSearchItem.js +10 -10
  390. package/ui/MessageStatus.js +57 -0
  391. package/ui/MessageStatus.js.map +1 -0
  392. package/ui/Modal.js +8 -8
  393. package/ui/MutedAvatarOverlay.js +1 -1
  394. package/ui/OGMessageItemBody.js +38 -28
  395. package/ui/OGMessageItemBody.js.map +1 -1
  396. package/ui/OpenChannelAdminMessage.js +4 -4
  397. package/ui/OpenChannelAvatar.js +7 -7
  398. package/ui/OpenchannelConversationHeader.js +7 -7
  399. package/ui/OpenchannelFileMessage.js +14 -14
  400. package/ui/OpenchannelOGMessage.js +14 -14
  401. package/ui/OpenchannelThumbnailMessage.js +13 -13
  402. package/ui/OpenchannelUserMessage.js +14 -14
  403. package/ui/PlaceHolder.js +6 -6
  404. package/ui/QuoteMessage.js +7 -7
  405. package/ui/QuoteMessageInput.js +7 -7
  406. package/ui/QuoteMessageInput.js.map +1 -1
  407. package/ui/ReactionBadge.js +3 -3
  408. package/ui/ReactionButton.js +1 -1
  409. package/ui/SortByRow.js +1 -1
  410. package/ui/TextButton.js +2 -2
  411. package/ui/TextMessageItemBody.js +37 -15
  412. package/ui/TextMessageItemBody.js.map +1 -1
  413. package/ui/ThumbnailMessageItemBody.js +3 -3
  414. package/ui/Tooltip.js +3 -3
  415. package/ui/TooltipWrapper.js +1 -1
  416. package/ui/UnknownMessageItemBody.js +7 -7
  417. package/ui/UserListItem.js +11 -11
  418. package/ui/UserProfile.js +9 -9
  419. package/useSendbirdStateContext.js +1 -1
  420. package/{utils-08c4dbdc.js → utils-04c291d8.js} +1 -1
  421. package/{utils-08c4dbdc.js.map → utils-04c291d8.js.map} +1 -1
  422. package/{utils-af1b9829.js → utils-28de36e9.js} +1 -1
  423. package/{utils-af1b9829.js.map → utils-28de36e9.js.map} +1 -1
  424. package/{utils-c393e880.js → utils-f5c9ef64.js} +1 -1
  425. package/{utils-c393e880.js.map → utils-f5c9ef64.js.map} +1 -1
  426. package/{uuid-b0c93400.js → uuid-0139dc21.js} +1 -1
  427. package/{uuid-b0c93400.js.map → uuid-0139dc21.js.map} +1 -1
  428. package/withSendBird.js +1 -1
  429. package/ChannelListProvider-0b0c2c40.js.map +0 -1
  430. package/ChannelProvider-459e463f.js.map +0 -1
  431. package/cjs/ChannelListProvider-5a152618.js.map +0 -1
  432. package/cjs/ChannelProvider-f1fb0108.js.map +0 -1
  433. package/cjs/index-d4880236.js.map +0 -1
  434. package/cjs/stringSet-aa544ce5.js.map +0 -1
  435. package/index-8c72a94a.js.map +0 -1
  436. package/index.css +0 -4355
  437. package/index.css.map +0 -1
  438. package/stringSet-4f6eaa60.js.map +0 -1
package/cjs/index.css CHANGED
@@ -1328,6 +1328,9 @@
1328
1328
  margin-left: 4px;
1329
1329
  margin-bottom: 4px;
1330
1330
  white-space: nowrap; }
1331
+ .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at.sendbird-message-status {
1332
+ max-width: 74px;
1333
+ justify-content: flex-end; }
1331
1334
  .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower {
1332
1335
  margin-top: 8px;
1333
1336
  width: 216px;
@@ -1338,6 +1341,8 @@
1338
1341
  overflow: hidden;
1339
1342
  text-overflow: ellipsis; }
1340
1343
  .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count {
1344
+ display: flex;
1345
+ align-items: center;
1341
1346
  margin-left: 8px;
1342
1347
  margin-bottom: 12px; }
1343
1348
  .sendbird-channel-preview .sendbird-channel-preview__action {
@@ -1397,6 +1402,113 @@
1397
1402
  .sendbird-badge .sendbird-badge__text {
1398
1403
  margin: 0px 6px; }
1399
1404
 
1405
+ .sendbird-mention-user-label {
1406
+ display: inline-block;
1407
+ font-family: var(--sendbird-font-family-default);
1408
+ font-size: 14px;
1409
+ font-weight: bold;
1410
+ font-stretch: normal;
1411
+ font-style: normal;
1412
+ line-height: 1.43;
1413
+ letter-spacing: normal; }
1414
+ .sendbird-mention-user-label:hover {
1415
+ cursor: pointer; }
1416
+ .sendbird-theme--light .sendbird-mention-user-label {
1417
+ color: var(--sendbird-light-onlight-01); }
1418
+ .sendbird-theme--dark .sendbird-mention-user-label {
1419
+ color: var(--sendbird-dark-ondark-01); }
1420
+ .sendbird-theme--light .sendbird-mention-user-label.reverse {
1421
+ color: var(--sendbird-light-ondark-01); }
1422
+ .sendbird-theme--dark .sendbird-mention-user-label.reverse {
1423
+ color: var(--sendbird-dark-onlight-01); }
1424
+ .sendbird-mention-user-label.purple {
1425
+ font-family: Roboto;
1426
+ font-size: 18px;
1427
+ font-weight: bold;
1428
+ font-stretch: normal;
1429
+ font-style: normal;
1430
+ line-height: normal;
1431
+ letter-spacing: normal; }
1432
+ .sendbird-theme--light .sendbird-mention-user-label.purple {
1433
+ color: var(--sendbird-light-primary-300); }
1434
+ .sendbird-theme--dark .sendbird-mention-user-label.purple {
1435
+ color: var(--sendbird-dark-primary-200); }
1436
+
1437
+ .sendbird-reaction-button {
1438
+ border-radius: 8px;
1439
+ display: inline-block;
1440
+ border: solid 1px transparent;
1441
+ cursor: pointer; }
1442
+ .sendbird-theme--light .sendbird-reaction-button:hover {
1443
+ border: solid 1px var(--sendbird-light-background-100);
1444
+ background-color: var(--sendbird-light-background-100); }
1445
+ .sendbird-theme--dark .sendbird-reaction-button:hover {
1446
+ border: solid 1px var(--sendbird-dark-background-400);
1447
+ background-color: var(--sendbird-dark-background-400); }
1448
+ .sendbird-reaction-button__inner {
1449
+ margin: 3px; }
1450
+
1451
+ .sendbird-reaction-button--selected {
1452
+ cursor: pointer;
1453
+ border-radius: 8px;
1454
+ display: inline-block; }
1455
+ .sendbird-theme--light .sendbird-reaction-button--selected {
1456
+ border: solid 1px var(--sendbird-light-primary-100);
1457
+ background-color: var(--sendbird-light-primary-100); }
1458
+ .sendbird-theme--dark .sendbird-reaction-button--selected {
1459
+ border: solid 1px var(--sendbird-dark-primary-400);
1460
+ background-color: var(--sendbird-dark-primary-400); }
1461
+ .sendbird-reaction-button--selected:hover {
1462
+ border: solid 1px var(--sendbird-selected-reaction-button-border-hover); }
1463
+ .sendbird-reaction-button--selected__inner {
1464
+ margin: 3px; }
1465
+ .sendbird-reaction-button--selected.sendbird-reactions--pressed {
1466
+ display: block !important; }
1467
+
1468
+ .sendbird-message-status {
1469
+ position: relative;
1470
+ display: inline-flex;
1471
+ align-items: flex-start;
1472
+ width: 100%;
1473
+ height: 100%; }
1474
+ .sendbird-message-status .sendbird-message-status__icon {
1475
+ position: relative;
1476
+ display: inline-block;
1477
+ top: -2px; }
1478
+ .sendbird-message-status .sendbird-message-status__icon.hide-icon {
1479
+ display: none; }
1480
+ .sendbird-message-status .sendbird-message-status__text {
1481
+ position: relative;
1482
+ display: inline-block;
1483
+ margin-left: 4px; }
1484
+ .sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__try-again {
1485
+ text-decoration: underline; }
1486
+ .sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__try-again:hover {
1487
+ cursor: pointer; }
1488
+ .sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__delete {
1489
+ text-decoration: underline; }
1490
+ .sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__delete:hover {
1491
+ cursor: pointer; }
1492
+
1493
+ .sendbird-loader {
1494
+ display: inline-block;
1495
+ -webkit-animation: 1s infinite linear;
1496
+ animation: 1s infinite linear;
1497
+ -webkit-animation-name: rotate;
1498
+ animation-name: rotate; }
1499
+
1500
+ @-webkit-keyframes rotate {
1501
+ from {
1502
+ transform: rotate(0); }
1503
+ to {
1504
+ transform: rotate(360deg); } }
1505
+
1506
+ @keyframes rotate {
1507
+ from {
1508
+ transform: rotate(0); }
1509
+ to {
1510
+ transform: rotate(360deg); } }
1511
+
1400
1512
  .sendbird-edit-user-profile section {
1401
1513
  margin-top: 16px; }
1402
1514
  .sendbird-edit-user-profile section .sendbird-input-label {
@@ -1637,56 +1749,6 @@
1637
1749
  display: flex;
1638
1750
  justify-content: center; }
1639
1751
 
1640
- .sendbird-loader {
1641
- display: inline-block;
1642
- -webkit-animation: 1s infinite linear;
1643
- animation: 1s infinite linear;
1644
- -webkit-animation-name: rotate;
1645
- animation-name: rotate; }
1646
-
1647
- @-webkit-keyframes rotate {
1648
- from {
1649
- transform: rotate(0); }
1650
- to {
1651
- transform: rotate(360deg); } }
1652
-
1653
- @keyframes rotate {
1654
- from {
1655
- transform: rotate(0); }
1656
- to {
1657
- transform: rotate(360deg); } }
1658
-
1659
- .sendbird-reaction-button {
1660
- border-radius: 8px;
1661
- display: inline-block;
1662
- border: solid 1px transparent;
1663
- cursor: pointer; }
1664
- .sendbird-theme--light .sendbird-reaction-button:hover {
1665
- border: solid 1px var(--sendbird-light-background-100);
1666
- background-color: var(--sendbird-light-background-100); }
1667
- .sendbird-theme--dark .sendbird-reaction-button:hover {
1668
- border: solid 1px var(--sendbird-dark-background-400);
1669
- background-color: var(--sendbird-dark-background-400); }
1670
- .sendbird-reaction-button__inner {
1671
- margin: 3px; }
1672
-
1673
- .sendbird-reaction-button--selected {
1674
- cursor: pointer;
1675
- border-radius: 8px;
1676
- display: inline-block; }
1677
- .sendbird-theme--light .sendbird-reaction-button--selected {
1678
- border: solid 1px var(--sendbird-light-primary-100);
1679
- background-color: var(--sendbird-light-primary-100); }
1680
- .sendbird-theme--dark .sendbird-reaction-button--selected {
1681
- border: solid 1px var(--sendbird-dark-primary-400);
1682
- background-color: var(--sendbird-dark-primary-400); }
1683
- .sendbird-reaction-button--selected:hover {
1684
- border: solid 1px var(--sendbird-selected-reaction-button-border-hover); }
1685
- .sendbird-reaction-button--selected__inner {
1686
- margin: 3px; }
1687
- .sendbird-reaction-button--selected.sendbird-reactions--pressed {
1688
- display: block !important; }
1689
-
1690
1752
  .sendbird-conversation {
1691
1753
  display: flex;
1692
1754
  flex-direction: column;
@@ -1938,6 +2000,61 @@
1938
2000
  .sendbird-conversation__scroll-bottom-button:focus {
1939
2001
  outline: none; }
1940
2002
 
2003
+ .sendbird-mention-suggest-list {
2004
+ position: relative;
2005
+ display: flex;
2006
+ flex-direction: column;
2007
+ width: calc(100% - 56px);
2008
+ max-height: 260px;
2009
+ overflow: scroll;
2010
+ margin-left: 28px;
2011
+ margin-right: 28px; }
2012
+ .sendbird-theme--light .sendbird-mention-suggest-list {
2013
+ border: 1px solid var(--sendbird-light-background-100); }
2014
+ .sendbird-theme--dark .sendbird-mention-suggest-list {
2015
+ border: 1px solid var(--sendbird-dark-background-500); }
2016
+ .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
2017
+ position: relative;
2018
+ display: flex;
2019
+ align-items: center;
2020
+ padding: 16px 8px; }
2021
+ .sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
2022
+ background-color: var(--sendbird-light-background-50); }
2023
+ .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
2024
+ background-color: var(--sendbird-dark-background-600); }
2025
+ .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item:hover {
2026
+ cursor: pointer; }
2027
+ .sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item:hover {
2028
+ background-color: var(--sendbird-light-background-100); }
2029
+ .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item:hover {
2030
+ background-color: var(--sendbird-dark-background-500); }
2031
+ .sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused {
2032
+ background-color: var(--sendbird-light-background-100); }
2033
+ .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused {
2034
+ background-color: var(--sendbird-dark-background-500); }
2035
+ .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__avatar {
2036
+ position: relative;
2037
+ display: inline-block; }
2038
+ .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
2039
+ position: relative;
2040
+ display: inline-block;
2041
+ margin-left: 16px; }
2042
+ .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
2043
+ position: absolute;
2044
+ display: inline-block;
2045
+ right: 16px; }
2046
+ .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item {
2047
+ position: relative;
2048
+ display: flex;
2049
+ align-items: center;
2050
+ padding: 16px 8px; }
2051
+ .sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item {
2052
+ background-color: var(--sendbird-light-background-50); }
2053
+ .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item {
2054
+ background-color: var(--sendbird-dark-background-600); }
2055
+ .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item .sendbird-mention-suggest-list__notice-item__icon {
2056
+ margin-right: 4px; }
2057
+
1941
2058
  .sendbird-separator {
1942
2059
  width: 100%;
1943
2060
  display: flex;
@@ -1976,7 +2093,8 @@
1976
2093
  box-sizing: border-box;
1977
2094
  resize: none;
1978
2095
  font-family: var(--sendbird-font-family-default);
1979
- background-color: inherit; }
2096
+ background-color: inherit;
2097
+ white-space: pre-wrap; }
1980
2098
  .sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea {
1981
2099
  color: var(--sendbird-light-onlight-01);
1982
2100
  caret-color: var(--sendbird-light-primary-300);
@@ -2240,30 +2358,6 @@
2240
2358
  .sendbird-theme--dark .sendbird-message-content-reactions.mouse-hover.primary, .sendbird-theme--dark .sendbird-message-content-reactions:hover.primary {
2241
2359
  background-color: var(--sendbird-dark-primary-300); }
2242
2360
 
2243
- .sendbird-message-status {
2244
- position: relative;
2245
- display: inline-block;
2246
- width: 100%;
2247
- height: 100%; }
2248
- .sendbird-message-status .sendbird-message-status__icon {
2249
- position: relative;
2250
- display: inline-block;
2251
- top: 4px; }
2252
- .sendbird-message-status .sendbird-message-status__icon.hide-icon {
2253
- display: none; }
2254
- .sendbird-message-status .sendbird-message-status__text {
2255
- position: relative;
2256
- display: inline-block;
2257
- margin-left: 4px; }
2258
- .sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__try-again {
2259
- text-decoration: underline; }
2260
- .sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__try-again:hover {
2261
- cursor: pointer; }
2262
- .sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__delete {
2263
- text-decoration: underline; }
2264
- .sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__delete:hover {
2265
- cursor: pointer; }
2266
-
2267
2361
  .sendbird-message-item-menu__list__menu-item:focus-visible {
2268
2362
  outline: none; }
2269
2363
 
@@ -2446,10 +2540,84 @@
2446
2540
  background-color: var(--sendbird-light-primary-400); }
2447
2541
  .sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-text-message-item-body:hover.outgoing {
2448
2542
  background-color: var(--sendbird-dark-primary-300); }
2543
+ .sendbird-text-message-item-body .sendbird-text-message-item-body__text-bubble__message {
2544
+ display: inline;
2545
+ margin: 0px 2px; }
2449
2546
 
2450
2547
  p.sendbird-text-message-item-body {
2451
2548
  margin: 0px; }
2452
2549
 
2550
+ .sendbird-word {
2551
+ display: inline-block;
2552
+ margin-right: 4px;
2553
+ height: -webkit-fit-content;
2554
+ height: -moz-fit-content;
2555
+ height: fit-content; }
2556
+ .sendbird-word .sendbird-word__mention:hover {
2557
+ cursor: pointer; }
2558
+ .sendbird-word .sendbird-word__mention,
2559
+ .sendbird-word .sendbird-word__url,
2560
+ .sendbird-word .sendbird-word__normal {
2561
+ display: inline-block; }
2562
+
2563
+ .sendbird-link-label {
2564
+ text-decoration: unset; }
2565
+ .sendbird-link-label:hover {
2566
+ cursor: pointer;
2567
+ text-decoration: underline; }
2568
+ .sendbird-link-label:focus {
2569
+ outline: none; }
2570
+ .sendbird-link-label__label {
2571
+ display: inline; }
2572
+
2573
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-1 {
2574
+ color: var(--sendbird-light-onlight-01); }
2575
+
2576
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-1 {
2577
+ color: var(--sendbird-dark-ondark-01); }
2578
+
2579
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-2 {
2580
+ color: var(--sendbird-light-onlight-02); }
2581
+
2582
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-2 {
2583
+ color: var(--sendbird-dark-ondark-02); }
2584
+
2585
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-3 {
2586
+ color: var(--sendbird-light-onlight-03); }
2587
+
2588
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-3 {
2589
+ color: var(--sendbird-dark-ondark-03); }
2590
+
2591
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-1 {
2592
+ color: var(--sendbird-light-ondark-01); }
2593
+
2594
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-1 {
2595
+ color: var(--sendbird-dark-onlight-01); }
2596
+
2597
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-2 {
2598
+ color: var(--sendbird-light-ondark-02); }
2599
+
2600
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-2 {
2601
+ color: var(--sendbird-dark-onlight-02); }
2602
+
2603
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-primary {
2604
+ color: var(--sendbird-light-primary-300); }
2605
+
2606
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-primary {
2607
+ color: var(--sendbird-dark-primary-200); }
2608
+
2609
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-error {
2610
+ color: var(--sendbird-light-error-300); }
2611
+
2612
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-error {
2613
+ color: var(--sendbird-dark-error-200); }
2614
+
2615
+ .sendbird-theme--light .sendbird-link-label .sendbird-label--color-secondary-3 {
2616
+ color: var(--sendbird-light-secondary-300); }
2617
+
2618
+ .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-secondary-3 {
2619
+ color: var(--sendbird-dark-secondary-200); }
2620
+
2453
2621
  .sendbird-file-message-item-body {
2454
2622
  position: relative;
2455
2623
  display: inline-block;
@@ -2653,64 +2821,6 @@ p.sendbird-text-message-item-body {
2653
2821
  p.sendbird-og-message-item-body__text-bubble {
2654
2822
  margin: 0px; }
2655
2823
 
2656
- .sendbird-link-label {
2657
- text-decoration: unset; }
2658
- .sendbird-link-label:hover {
2659
- cursor: pointer;
2660
- text-decoration: underline; }
2661
- .sendbird-link-label:focus {
2662
- outline: none; }
2663
- .sendbird-link-label__label {
2664
- display: inline; }
2665
-
2666
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-1 {
2667
- color: var(--sendbird-light-onlight-01); }
2668
-
2669
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-1 {
2670
- color: var(--sendbird-dark-ondark-01); }
2671
-
2672
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-2 {
2673
- color: var(--sendbird-light-onlight-02); }
2674
-
2675
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-2 {
2676
- color: var(--sendbird-dark-ondark-02); }
2677
-
2678
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-3 {
2679
- color: var(--sendbird-light-onlight-03); }
2680
-
2681
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-3 {
2682
- color: var(--sendbird-dark-ondark-03); }
2683
-
2684
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-1 {
2685
- color: var(--sendbird-light-ondark-01); }
2686
-
2687
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-1 {
2688
- color: var(--sendbird-dark-onlight-01); }
2689
-
2690
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-2 {
2691
- color: var(--sendbird-light-ondark-02); }
2692
-
2693
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-2 {
2694
- color: var(--sendbird-dark-onlight-02); }
2695
-
2696
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-primary {
2697
- color: var(--sendbird-light-primary-300); }
2698
-
2699
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-primary {
2700
- color: var(--sendbird-dark-primary-200); }
2701
-
2702
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-error {
2703
- color: var(--sendbird-light-error-300); }
2704
-
2705
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-error {
2706
- color: var(--sendbird-dark-error-200); }
2707
-
2708
- .sendbird-theme--light .sendbird-link-label .sendbird-label--color-secondary-3 {
2709
- color: var(--sendbird-light-secondary-300); }
2710
-
2711
- .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-secondary-3 {
2712
- color: var(--sendbird-dark-secondary-200); }
2713
-
2714
2824
  .sendbird-unknown-message-item-body {
2715
2825
  position: relative;
2716
2826
  display: inline-block;